.w-embed-youtubevideo {
  width: 100%;
  position: relative;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url('../images/youtube-placeholder.svg');
  background-size: cover;
  background-position: 50% 50%;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.green {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.green.red {
  background-color: #ec0000;
}

.green.home {
  background-color: #ffc10e;
}

.section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  min-height: 400px;
  margin-bottom: 65px;
  padding-top: 25px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section.timer {
  margin-top: 74px;
}

.section.push {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 330px;
  margin-top: 10px;
  padding: 20px 20px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.div-block.xdf {
  max-width: 700px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block {
  width: 90%;
  margin-right: auto;
  margin-bottom: 25px;
  margin-left: auto;
  font-family: Lato, sans-serif;
  color: #403f45;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.text-block.low {
  margin-bottom: 10px;
}

.text-block.white2 {
  color: #ffd000;
}

.text-block.lko {
  max-width: 600px;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
}

.text-block.change {
  margin-bottom: 15px;
}

.text-block.new6 {
  margin-bottom: 15px;
}

.submit-button {
  width: 100%;
  height: auto;
  min-height: 45px;
  margin-top: 10px;
  margin-bottom: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-style: solid;
  border-width: 5px;
  border-color: #203881;
  border-radius: 20px;
  background-color: #243d88;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
}

.submit-button:hover {
  background-color: #1f3577;
  opacity: 1;
}

.submit-button.mu {
  max-width: 270px;
  text-align: center;
}

.text-field {
  height: 40px;
  padding: 7px 16px;
  border: 1px none #000;
  border-radius: 0px;
  background-color: #ffd04a;
  font-family: Lato, sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}

.text-field::-webkit-input-placeholder {
  color: #333;
}

.text-field:-ms-input-placeholder {
  color: #333;
}

.text-field::-ms-input-placeholder {
  color: #333;
}

.text-field::placeholder {
  color: #333;
}

.text-field-2 {
  border: 1px none #000;
  border-radius: 3px;
  background-color: #ffcc15;
  font-family: Lato, sans-serif;
  font-size: 13px;
  text-align: center;
}

.text-field-2::-webkit-input-placeholder {
  color: #333;
}

.text-field-2:-ms-input-placeholder {
  color: #333;
}

.text-field-2::-ms-input-placeholder {
  color: #333;
}

.text-field-2::placeholder {
  color: #333;
}

.section-niat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.niat-rizqi {
  width: 100%;
  max-width: 320px;
  margin-bottom: 30px;
  padding-top: 10px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 18px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.section-2 {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  margin-bottom: 65px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.section-2.red2 {
  background-color: #ec0000;
}

.section-2.noextra {
  margin-bottom: 0px;
}

.text-block-2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}

.text-block-2.yellow {
  color: #ffd000;
}

.image {
  width: auto;
  max-width: 180px;
}

.image.small {
  max-width: 229px;
  margin-right: auto;
  margin-left: auto;
}

.image.ultimate {
  margin-top: 30px;
  margin-bottom: 30px;
}

.section-3 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  height: 2px;
  background-color: #06332e;
}

.link {
  font-family: Lato, sans-serif;
  color: #07332d;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
}

.text-block-3 {
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  color: #05332c;
  font-size: 23px;
  line-height: 25px;
  font-style: italic;
  font-weight: 700;
  text-align: center;
}

.text-block-3.more {
  margin-bottom: 25px;
}

.text-block-3.white {
  color: #ffd000;
}

.text-block-3.explain {
  margin-bottom: 15px;
  font-family: Lato, sans-serif;
  font-size: 30px;
  line-height: 32px;
}

.text-block-3.booking {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 21px;
  font-style: normal;
}

.text-block-4 {
  padding: 10px 5px;
  background-color: #ffc92f;
  font-family: Lato, sans-serif;
  color: #ff5e00;
  font-size: 12px;
  line-height: 11px;
  font-weight: 700;
  text-align: center;
}

.div-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  margin-bottom: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-5 {
  margin-bottom: 4px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 14px;
  text-align: justify;
}

.form-block {
  padding: 20px;
  border-radius: 5px;
  background-color: #ffc92c;
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  min-height: 45px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1.3px;
  border-color: #f26722;
  border-radius: 20px;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #f26722;
  font-size: 11px;
  font-weight: 700;
}

.button.ubah {
  height: 40px;
  margin-top: 8px;
  margin-bottom: 0px;
}

.button.delete {
  height: 40px;
  margin-top: 8px;
  margin-bottom: 0px;
  background-color: red;
  color: #fff;
}

.button.white3 {
  height: 40px;
  background-color: #ffd000;
  color: #ec0000;
}

.button.white5 {
  height: 40px;
  margin-top: 8px;
  margin-bottom: 0px;
  border-color: #ffd000;
  color: #ffd000;
}

.div-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 3px none #fff;
  border-radius: 3px;
}

.div-block-4.ubah1 {
  margin-bottom: 25px;
  padding: 25px;
  border-style: none;
  border-radius: 5px;
  background-color: #fec72a;
  box-shadow: none;
}

.image-2 {
  max-width: 180px;
  border-style: solid;
  border-width: 2px;
  border-color: #fff047;
  border-radius: 150px;
}

.image-2.ultimate2 {
  max-width: 120px;
  margin-right: 20px;
}

.image-2.lt {
  width: auto;
  max-width: 60px;
  margin-right: 20px;
  border-style: none;
}

.image-2.below {
  position: relative;
  left: 0%;
  top: -50px;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: auto;
  max-width: 100px;
  margin-right: 0px;
  border: 2px solid #fff;
  border-radius: 60px;
  -webkit-transform: rotate(-14deg);
  -ms-transform: rotate(-14deg);
  transform: rotate(-14deg);
}

.div-block-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-5.last {
  margin-bottom: 26px;
}

.image-3 {
  margin-right: 10px;
}

.text-block-6 {
  font-family: 'Open Sans', sans-serif;
  color: #06332e;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-align: justify;
}

.text-block-7 {
  max-width: 220px;
  margin: 10px auto 25px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}

.div-block-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #037f77;
}

.div-block-6.l1 {
  background-color: #1d3789;
}

.div-block-6.l2 {
  background-color: #1b3eab;
}

.div-block-6.l3 {
  background-color: #1041db;
}

.div-block-6.info {
  padding: 10px 20px;
  background-color: #595a5a;
}

.div-block-6.l4 {
  background-color: #466ff1;
}

.div-block-6.own {
  margin-top: 15px;
  margin-bottom: 4px;
  background-color: #e44b24;
}

.div-block-6.l5 {
  margin-bottom: 25px;
  padding: 10px 20px;
  background-color: #e44b24;
}

.div-block-6.la {
  background-color: #1a2d6a;
}

.div-block-6.k1 {
  background-color: #142352;
}

.div-block-7 {
  height: auto;
  padding: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  background-color: transparent;
}

.div-block-7.own1 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.div-block-7.own1._1st {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
}

.div-block-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: transparent;
  font-size: 13px;
}

.div-block-8.own2 {
  height: 55px;
}

.text-block-8 {
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 9px;
  line-height: 10px;
  font-weight: 700;
  text-align: center;
}

.text-block-8.bolder {
  font-size: 14px;
  line-height: 15px;
}

.text-block-8.bolder._1 {
  margin-top: 4px;
  font-size: 18px;
  line-height: 18px;
}

.text-block-8.bigger {
  font-size: 11px;
  line-height: 12px;
  font-weight: 400;
}

.text-block-8.s1 {
  width: 70px;
}

.text-block-8.s2 {
  width: 62px;
}

.text-block-9 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}

.image-4 {
  margin-bottom: 15px;
  border: 3px solid #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 3px 0 #000;
}

.text-block-10 {
  margin-bottom: 15px;
  font-family: Lato, sans-serif;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
}

.nama {
  margin-top: 15px;
  margin-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.image2.small {
  max-width: 229px;
  margin-right: auto;
  margin-left: auto;
}

.image3 {
  max-width: 180px;
  border-style: none;
  border-width: 2px;
  border-color: #fff047;
  border-radius: 150px;
}

.div-block-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  padding: 10px 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #ffc82a;
}

.image-5 {
  margin-right: 5px;
}

.text-block-11 {
  margin-left: 5px;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  line-height: 14px;
  text-align: justify;
}

.div-block-10 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding: 12px 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: #e44b24;
}

.text-block-12 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  font-weight: 700;
  text-align: center;
}

.text-block-13 {
  margin-top: 5px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 17px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
}

.div-block-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-6 {
  margin-right: 8px;
}

.section-4 {
  display: -ms-grid;
  display: grid;
  width: 100%;
  height: 1800px;
  max-width: none;
  padding: 0px;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: transparent;
}

.section-4.lc {
  display: none;
  height: auto;
  max-width: 1000px;
  margin-bottom: 40px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.div-block-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #127d75;
}

.div-block-12.done {
  background-color: #127d75;
}

.div-block-12.m1 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ef1c26;
  opacity: 1;
}

.div-block-12.m1.q1 {
  background-color: #ff5722;
}

.div-block-12.m1.q1.ggg {
  padding: 15px;
}

.div-block-12.m1.q1.k1 {
  padding: 40px 20px 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #d84315;
}

.div-block-12.m1.q1.k2 {
  padding: 40px 20px 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #ef6c00;
}

.div-block-12.m1.q1.k3 {
  padding: 40px 20px 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #ff8f00;
}

.div-block-12.m1.q1.k4 {
  padding: 40px 20px 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f9a825;
}

.div-block-12.m1.q1.k5 {
  padding: 40px 20px 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #9e9d24;
}

.div-block-12.m1.q1.k5.ffd {
  background-color: #275a2a;
}

.div-block-12.m1.q1.k5.ffd.mn {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-12.m1.q1.k6 {
  padding: 40px 20px 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #558b2f;
}

.div-block-12.m1.q1.k7 {
  padding: 40px 20px 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #2e7d32;
}

.div-block-12.m1.q2 {
  background-color: #f4511e;
}

.div-block-12.m1.q3 {
  background-color: #e64a19;
}

.div-block-12.m1.q4 {
  background-color: #d84315;
}

.div-block-12.m1.q5 {
  background-color: #bf360c;
}

.div-block-12.m1.q6 {
  background-color: #ff9800;
}

.div-block-12.m1.q7 {
  background-color: #fb8c00;
}

.div-block-12.m1.q8 {
  background-color: #f57c00;
}

.div-block-12.m1.q9 {
  background-color: #ef6c00;
}

.div-block-12.m1.q10 {
  background-color: #e65100;
}

.div-block-12.m2 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffc508;
  opacity: 1;
}

.div-block-12.m2.q11 {
  background-color: #ffc107;
}

.div-block-12.m2.q12 {
  background-color: #ffb300;
}

.div-block-12.m2.q13 {
  background-color: #ffa000;
}

.div-block-12.m2.q14 {
  background-color: #ff8f00;
}

.div-block-12.m2.q15 {
  background-color: #ff6f00;
}

.div-block-12.m2.q16 {
  background-color: #ffeb3b;
}

.div-block-12.m2.q17 {
  background-color: #fdd835;
}

.div-block-12.m2.q18 {
  background-color: #fbc02d;
}

.div-block-12.m2.q19 {
  background-color: #f9a825;
}

.div-block-12.m2.q20 {
  background-color: #f57f17;
}

.div-block-12.m3 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #a3ce3b;
  opacity: 1;
}

.div-block-12.m3.w1 {
  background-color: #cddc39;
}

.div-block-12.m3.w5 {
  background-color: #9e9d24;
}

.div-block-12.m3.w2 {
  background-color: #c0ca33;
}

.div-block-12.m3.w3 {
  background-color: #afb42b;
}

.div-block-12.m3.w7 {
  background-color: #8bc34a;
}

.div-block-12.m3.w8 {
  background-color: #7cb342;
}

.div-block-12.m3.w9 {
  background-color: #689f38;
}

.div-block-12.m3.w10 {
  background-color: #558b2f;
}

.div-block-12.m3.w11 {
  background-color: #33691e;
}

.div-block-12.m3.w7-copy {
  background-color: #827717;
}

.div-block-12.m4 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #008a4a;
  opacity: 1;
}

.div-block-12.m4.a1 {
  background-color: #4caf50;
}

.div-block-12.m4.a2 {
  background-color: #43a047;
}

.div-block-12.m4.a3 {
  background-color: #388e3c;
}

.div-block-12.m4.a4 {
  background-color: #2e7d32;
}

.div-block-12.m4.a5 {
  background-color: #1b5e20;
}

.div-block-12.m4.a11 {
  background-color: #009688;
}

.div-block-12.m4.a22 {
  background-color: #00897b;
}

.div-block-12.m4.a33 {
  background-color: #00796b;
}

.div-block-12.m4.a44 {
  background-color: #00695c;
}

.div-block-12.m4.a55 {
  background-color: #004d40;
}

.div-block-12.m5 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #006ab6;
  opacity: 1;
}

.div-block-12.m5.a111 {
  background-color: #4357c2;
}

.div-block-12.m5.a222 {
  background-color: #3d4eb8;
}

.div-block-12.m5.a333 {
  background-color: #3444ab;
}

.div-block-12.m5.a444 {
  background-color: #2c3aa1;
}

.div-block-12.m5.a555 {
  background-color: #1c268a;
}

.div-block-12.m5.e1 {
  background-color: #673ab7;
}

.div-block-12.m5.e2 {
  background-color: #5e35b1;
}

.div-block-12.m5.e3 {
  background-color: #512da8;
}

.div-block-12.m5.e4 {
  background-color: #4527a0;
}

.div-block-12.m5.e5 {
  background-color: #311b92;
  background-image: url('../images/final2.png');
  background-size: cover;
}

.div-block-12.m6 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #532d94;
  opacity: 1;
}

.div-block-12.m7 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #008a4a;
  opacity: 1;
}

.div-block-12.m8 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #009793;
  opacity: 1;
}

.div-block-12.m9 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #006ab6;
  opacity: 1;
}

.div-block-12.m10 {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #532d94;
  opacity: 1;
}

.image-7 {
  width: 70px;
  max-height: none;
  max-width: none;
  margin-bottom: 4px;
  opacity: 0.35;
}

.image-7._1ststar {
  width: 68px;
  max-height: none;
  max-width: none;
  opacity: 1;
}

.image-7._1ststar.m55 {
  width: 100px;
  margin-left: 10px;
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
}

.text-block-14 {
  margin-top: 11px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 19px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
}

.text-block-14.g1 {
  opacity: 0.4;
}

.text-block-14.g1.last {
  opacity: 0.95;
  color: #fff;
  font-size: 30px;
  line-height: 30px;
}

.text-block-14.quote {
  margin-top: 0px;
  font-size: 17px;
  line-height: 18px;
}

.body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.text-block-15 {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}

.section-5 {
  width: 100%;
  min-height: 800px;
  padding: 30px;
}

.div-block-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 500px;
  margin-bottom: 25px;
  padding: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #ffef3c;
}

.div-block-14 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.text-block-16 {
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
}

.section-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  padding: 0px 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.div-block-15 {
  width: 100%;
  height: auto;
  max-width: 500px;
  border-style: none;
  border-width: 3px;
  border-color: #ffea00;
}

.html-embed {
  height: 100%;
}

.section-7 {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0b6962;
}

.text-block-17 {
  font-family: Lato, sans-serif;
  color: #ffea00;
  font-size: 19px;
  font-weight: 700;
}

.div-block-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.text-block-18 {
  margin-top: 5px;
  font-family: Lato, sans-serif;
  color: #ffea00;
}

.div-block-17 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 400px;
  padding: 5px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: transparent;
}

.section-8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 500px;
  margin-bottom: 65px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
  background-image: url('../images/unicorn1.png');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.div-block-18 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 500px;
  min-height: 250px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.image-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
}

.div-block-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
}

.div-block-20 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 52px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-9 {
  width: auto;
  max-width: 90%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 6px solid #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 3px 0 #000;
  -webkit-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  transform: rotate(6deg);
}

.div-block-21 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 400px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-10 {
  position: relative;
  top: -31px;
  max-width: 260px;
}

.image-11 {
  max-width: 140px;
  padding-right: 0px;
}

.money {
  margin-top: 10px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
}

.money.gf {
  margin-top: 2px;
  font-size: 15px;
  line-height: 18px;
}

.section-9 {
  width: 100%;
  padding: 40px;
  background-color: #127d75;
}

.italic-text {
  font-size: 16px;
  line-height: 17px;
  text-align: center;
}

.div-block-22 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-12 {
  max-width: 70px;
  margin-top: 20px;
}

.image-13 {
  max-width: 150px;
  margin: 15px auto 0px;
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.image-14 {
  margin-top: 20px;
}

.section-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 600px;
  min-height: 500px;
  margin-top: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/ezgif.com-gif-maker-1.gif');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-block-23 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 600px;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.black {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.image-15 {
  max-width: 80px;
  margin-right: 20px;
}

.div-block-24 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 250px;
  min-height: 300px;
  margin-bottom: 0px;
  padding: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-19 {
  font-family: Mountainsofchristmas, sans-serif;
  color: #fff;
  font-size: 80px;
  line-height: 80px;
  font-weight: 700;
}

.image-16 {
  max-width: 68px;
  border: 3px none #fff;
  border-radius: 150px;
  background-color: #da2f47;
}

.link-block {
  margin: 0px 10px 0px 0px;
}

.div-block-25 {
  padding-top: 15px;
}

.div-block-26 {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-26.ks {
  padding-bottom: 30px;
}

.div-block-27 {
  width: 100%;
  max-width: 120px;
  margin-top: 15px;
  padding: 5px;
}

.image-17 {
  border: 4px solid #fff;
  border-radius: 10px;
}

.image-18 {
  position: relative;
  left: 68px;
  top: 83px;
  max-width: 120px;
}

.text-block-20 {
  position: relative;
  left: 92px;
  top: -9px;
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
}

.div-block-28 {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  min-width: 150px;
  padding: 20px;
  border-style: none;
  border-width: 1px;
  border-color: #363544;
  border-radius: 5px;
  background-color: #ff5e00;
}

.section-11 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 9px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.button-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 5px;
  background-color: transparent;
  font-family: Lato, sans-serif;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
}

.video {
  max-width: 229px;
  margin-right: auto;
  margin-left: auto;
}

.video.small {
  max-width: 229px;
  margin-right: auto;
  margin-left: auto;
}

.video.ultimate {
  margin-top: 30px;
  margin-bottom: 30px;
}

.div-block-29 {
  width: 100%;
  max-width: 800px;
  padding: 0px 20px 20px;
}

.button-3 {
  width: 100%;
  height: auto;
  max-width: 400px;
  min-height: 45px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  border-style: solid;
  border-width: 5px;
  border-color: #20387f;
  border-radius: 60px;
  background-color: #001d74;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  text-align: center;
}

.button-3.edit {
  margin-bottom: 10px;
  font-size: 11px;
}

.button-3.naktahu {
  margin-bottom: 10px;
}

.button-3.naktahu.fgre {
  max-width: 600px;
  font-size: 15px;
  line-height: 16px;
}

.button-3.pay {
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 0px;
  font-size: 13px;
}

.button-3.resend {
  margin-top: 30px;
  margin-bottom: 10px;
}

.button-3.new5 {
  margin-bottom: 30px;
}

.section-12 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #243d88;
}

.div-block-30 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-height: none;
  max-width: 700px;
  padding: 35px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  max-width: 130px;
  margin-top: 15px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-21 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}

.text-block-21.lh {
  margin-top: 20px;
  margin-bottom: 5px;
  color: #fff;
}

.text-block-22 {
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  text-align: justify;
}

.div-block-31 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-19 {
  max-width: 30px;
  margin-right: 10px;
}

.div-block-32 {
  overflow: auto;
  max-height: 250px;
  margin-top: 25px;
  padding-right: 20px;
  padding-left: 20px;
}

.youtube {
  margin-top: 25px;
}

.video-2 {
  margin-top: 25px;
}

.div-block-33 {
  width: 100%;
  max-width: 600px;
}

.image-20 {
  max-width: 200px;
  margin-top: 15px;
}

.div-block-34 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.kuning {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.section-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  max-width: 600px;
  min-height: 500px;
  margin-top: 90px;
  margin-bottom: 90px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.div-block-35 {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  max-width: 1230px;
  min-height: 50px;
  margin-right: auto;
  margin-left: auto;
  padding: 6px 6px 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-style: none;
  border-width: 1px;
  border-color: #f1a500;
  background-color: #ffc10e;
}

.div-block-36 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.ayah {
  width: auto;
  max-width: 70px;
  margin-right: 10px;
  margin-left: 10px;
}

.ibu {
  max-width: 73px;
  margin-right: 10px;
  margin-left: 10px;
}

.div-block-37 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-38 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  max-width: 700px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.link-block-3 {
  max-width: 100px;
  margin-right: 16px;
  margin-left: 16px;
}

.section-14 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.div-block-39 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: auto;
  height: auto;
  max-width: 500px;
  min-height: 10px;
  margin-bottom: 18px;
  padding-bottom: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.link-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  max-height: 50px;
  padding: 0px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.image-21 {
  width: auto;
  max-height: none;
  max-width: 50px;
  border-radius: 0px;
  background-color: #fff;
}

.div-block-40 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16%;
  height: 50px;
  margin: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 3px;
  border-color: #cd0008;
  border-radius: 0%;
  background-color: #d70009;
}

.image-22 {
  width: auto;
  max-width: 40px;
  border: 3px none #fff;
  border-radius: 0%;
}

.div-block-41 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 50px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 150px;
  background-color: #fff;
}

.div-block-42 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: auto;
  height: 150px;
  max-height: none;
  max-width: none;
  min-height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-color: #fff;
}

.gambar-bulat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 140px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-color: #fff;
}

.gambar-bulat.sss {
  position: relative;
  top: -58px;
  height: 120px;
}

.gambar-bulat.tm {
  height: 120px;
  margin-top: 10px;
  border: 2px solid #fff;
  border-radius: 100%;
}

.gambar-bulat.jd1 {
  height: 60px;
  margin-right: 0px;
  margin-bottom: 8px;
}

.image-23 {
  max-width: 140px;
}

.image-23.ddd {
  max-width: 120px;
}

.image-23.tr {
  max-width: 120px;
}

.image-23.jd2 {
  max-width: 60px;
}

.sound-on {
  position: static;
  left: 8%;
  top: 5%;
  right: auto;
  bottom: auto;
  display: none;
  max-width: 80px;
  margin: 4px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-24 {
  max-width: 45px;
  margin-left: 0px;
  border: 4px solid #fff;
  border-radius: 100%;
  background-color: #fff;
}

.image-24.off {
  max-width: 45px;
  margin-left: 0px;
  border-width: 3px;
  box-shadow: 1px 1px 3px 0 #000;
  -webkit-transform: rotate(-14deg);
  -ms-transform: rotate(-14deg);
  transform: rotate(-14deg);
}

.section-15 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 100%;
  max-width: none;
  margin-top: 86px;
  padding: 20px;
}

.image-25 {
  border-style: solid;
  border-width: 3px;
  border-color: #2a0047;
  border-radius: 100%;
}

.sound-off {
  position: static;
  left: 8%;
  top: 5%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: none;
  margin: 4px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-26 {
  max-width: 100px;
  margin-left: 0px;
}

.link-block-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 98%;
  height: 70px;
  max-width: 293px;
  margin-right: 0px;
  margin-left: 7px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 5px;
  border-color: #ff8400;
  border-radius: 100px;
  background-color: #ff8c00;
}

.link-block-5.gotreward {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-color: #242e47;
  background-color: #2a354f;
  text-decoration: none;
}

.link-block-5.denda23 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-color: #c00008;
  background-color: #d70d15;
  text-decoration: none;
}

.image-27 {
  width: 40px;
  max-width: none;
}

.marah {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 98%;
  height: 70px;
  max-width: 293px;
  margin-top: 5px;
  margin-left: 7px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 5px;
  border-color: #c70008;
  border-radius: 100px;
  background-color: #d70d15;
}

.dad {
  position: static;
  left: 9%;
  top: 231%;
  max-width: 60px;
  margin-bottom: 0px;
}

.mom {
  position: static;
  left: 9%;
  top: 448%;
  max-width: 58px;
  margin-bottom: 0px;
}

.section-16 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-17 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: none;
  overflow: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.div-block-45 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
  max-width: 600px;
  padding: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-45.profile2 {
  overflow: auto;
  height: 300px;
  margin-bottom: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.image-29 {
  max-width: 130px;
  margin-bottom: 25px;
}

.image-29.ubh.hhhh {
  max-width: 160px;
}

.link-block-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  max-width: 290px;
  margin-bottom: 3px;
  padding-right: 35px;
  padding-left: 35px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px none #ffcf43;
  border-radius: 5px;
  background-color: #ffb700;
  text-decoration: none;
}

.link-block-6.ch1 {
  height: 105.5999984741211px;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ffbd00;
}

.text-block-23 {
  font-family: Lato, sans-serif;
  color: #06332e;
  font-size: 11px;
  line-height: 12px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.div-block-46 {
  width: 50px;
  height: 1px;
  border-top: 1px solid #ffcf45;
}

.text-block-24 {
  position: static;
  margin-bottom: 15px;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.div-block-47 {
  padding: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}

.div-block-48 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #ffc823;
}

.profile {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 600px;
  margin-bottom: 65px;
  padding-top: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.reward {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 65px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.link-block-7 {
  margin-bottom: 40px;
}

.link-block-7.luckydraw {
  margin-right: 15px;
  margin-bottom: 0px;
}

.link-block-7.ltreward {
  margin-right: 0px;
  margin-bottom: 0px;
}

.div-block-49 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 70px;
  margin-bottom: 0px;
  padding: 0px 0px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #ffa30e;
  box-shadow: none;
  opacity: 0.9;
  text-decoration: none;
}

.image-30 {
  max-width: 50px;
}

.text-block-25 {
  max-width: 60px;
  -webkit-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
  font-family: Lato, sans-serif;
  color: #252525;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.level12 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  border-top: 1px none #000;
  box-shadow: 0 0 0 1px #000;
}

.level12.top {
  box-shadow: none;
}

.start {
  width: 100%;
  max-width: none;
}

.div-block-50 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.face-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 165px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 8px solid #fff;
  border-radius: 150px;
  background-color: #fff;
}

.face-image {
  width: 150px;
  max-height: none;
  max-width: 150px;
  border-radius: 0px;
  background-color: #fff;
}

.current-level {
  position: relative;
  border-top: 1px none #000;
  box-shadow: 0 0 0 1px #000;
}

.current-image {
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
}

.section-18 {
  position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  width: auto;
  height: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 77px;
  padding-bottom: 75px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #2c004c;
}

.image-31 {
  width: auto;
  max-width: none;
}

.image-32 {
  height: 100%;
  max-width: none;
}

.section-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  min-height: 100px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 84px;
  padding-bottom: 90px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.div-block-51 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  margin-left: 7px;
  padding: 0px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 5px;
  background-color: #ffa30e;
  box-shadow: none;
}

.image-33 {
  height: 100%;
  max-width: none;
  border-right: 8px none #ffd30e;
}

.div-block-52 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 0px;
  background-color: #000;
}

.div-block-53 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding-right: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.image-34 {
  width: auto;
  max-width: 100%;
}

.image-35 {
  width: auto;
  max-width: 100%;
}

.image-36 {
  width: 100%;
  max-width: none;
  border-bottom: 1px solid #000;
  border-top-right-radius: 0px;
}

.image-36.grey {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.image-36.curve {
  border-radius: 0px;
}

.image-36.bl {
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
}

.div-block-54 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 30px;
  margin-bottom: 10px;
  padding: 5px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.image-37 {
  height: 100%;
  max-width: none;
  border: 10px solid #fff;
  border-radius: 5px;
}

.div-block-55 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-56 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100.0792067121751%;
  margin-left: 12px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 5px;
  background-color: #000;
  box-shadow: 2px 2px 3px 0 #000;
}

.small1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-top: 1px none #000;
}

.small2 {
  width: 100%;
  max-width: none;
  border-bottom: 1px solid #000;
}

.small2.grey {
  width: 80%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.div-block-57 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 7.692307%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #000;
  background-color: #707070;
}

.div-block-57.curv5 {
  border: 1px none #000;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0px;
  background-color: #707070;
}

.div-block-57.klo {
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  background-color: #707070;
}

.div-block-58 {
  width: 10px;
  min-height: 25px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  border-style: none;
  border-width: 1px;
  border-color: #e20000;
  background-color: #e80000;
}

.div-block-59 {
  width: 100%;
  min-height: 25px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.gry {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none none solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) rgba(59, 59, 59, 0.58);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.gry.now {
  -webkit-filter: none;
  filter: none;
}

.gry.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.gry.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.gry.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.gry.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.div-block-60 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px none #000;
  border-radius: 0px 5px 5px 0px;
  box-shadow: none;
}

.div-block-61 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 7.692307%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none none solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.16) #000 rgba(0, 0, 0, 0.16);
  background-color: #d70d15;
}

.div-block-61.good {
  background-color: #ff8c00;
}

.div-block-61.good.curv3 {
  border-style: none;
  border-color: #000;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 5px;
}

.div-block-61.good.ghg {
  border-top-right-radius: 5px;
}

.div-block-61.curved2 {
  width: 50px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
}

.div-block-61.oren {
  background-color: #f05123;
}

.now-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50px;
  height: 7.692307%;
  padding: 3px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 1px;
  border-color: #000 #000 rgba(0, 0, 0, 0.16);
  background-color: #172954;
}

.now-image.lite {
  background-color: #ff8400;
}

.now-image.vty {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.now-image.redd {
  background-color: #d70d15;
}

.now-image.trw {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.now-image.curved3 {
  border-top-right-radius: 5px;
}

.now-image.crd3 {
  border-bottom-right-radius: 5px;
}

.text-block-26 {
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 13px;
  font-weight: 700;
  text-align: center;
}

.image-38 {
  max-width: 20px;
}

.image-39 {
  border-radius: 2px;
}

.div-block-62 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 0 #000;
}

.div-block-63 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-64 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #0c326a;
}

.image-40 {
  width: 100%;
}

.image-41 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: auto;
  max-width: 500px;
}

.div-block-65 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.image-42 {
  width: auto;
  height: auto;
  max-height: 90%;
  max-width: 90%;
  border: 5px solid #fff;
  border-radius: 10px;
}

.body-2 {
  background-color: #ffc10e;
}

.body-2.got {
  background-color: #00d953;
}

.body-2.angryy {
  background-color: #1a1f2c;
}

.section-20 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90vh;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.section-20.final {
  background-color: transparent;
}

.div-block-56-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100.0792067121751%;
  margin-left: 12px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px none #000;
  border-radius: 5px 0px 0px 5px;
  background-color: #707070;
}

.floor-13 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none none solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) rgba(59, 59, 59, 0.58);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.floor-13.now {
  -webkit-filter: none;
  filter: none;
}

.floor-13.curved {
  border-bottom-style: none;
  border-bottom-color: #707070;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  -webkit-filter: none;
  filter: none;
}

.floor-13.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-13.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-13.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-12 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) #707070;
}

.floor-12.now {
  -webkit-filter: none;
  filter: none;
}

.floor-12.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-12.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-12.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-12.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-11 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) #707070;
}

.floor-11.now {
  -webkit-filter: none;
  filter: none;
}

.floor-11.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-11.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-11.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-11.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-10 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) #707070;
}

.floor-10.now {
  -webkit-filter: none;
  filter: none;
}

.floor-10.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-10.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-10.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-10.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-9 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) #707070;
}

.floor-9.now {
  -webkit-filter: none;
  filter: none;
}

.floor-9.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-9.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-9.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-9.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-8 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) #707070;
}

.floor-8.now {
  -webkit-filter: none;
  filter: none;
}

.floor-8.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-8.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-8.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-8.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-7 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) #707070;
}

.floor-7.now {
  -webkit-filter: none;
  filter: none;
}

.floor-7.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-7.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-7.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-7.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-6 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) #707070;
}

.floor-6.now {
  -webkit-filter: none;
  filter: none;
}

.floor-6.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-6.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-6.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-6.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-5 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) #4a4a4a;
}

.floor-5.now {
  -webkit-filter: none;
  filter: none;
}

.floor-5.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-5.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-5.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-5.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-4 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none none solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) rgba(59, 59, 59, 0.58);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.floor-4.now {
  border-bottom-color: #000;
  -webkit-filter: none;
  filter: none;
}

.floor-4.now.currentfloor {
  position: static;
  border-bottom-style: none;
  border-bottom-color: #707070;
}

.floor-4.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-4.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-4.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-4.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-3 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none none solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) rgba(59, 59, 59, 0.58);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.floor-3.now {
  border-style: none;
  border-color: #000 #000 #707070;
  -webkit-filter: none;
  filter: none;
}

.floor-3.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-3.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-3.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-3.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-2 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none none solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) rgba(59, 59, 59, 0.58);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.floor-2.now {
  border-bottom-style: none;
  border-bottom-color: #707070;
  -webkit-filter: none;
  filter: none;
}

.floor-2.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-2.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-2.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-2.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.floor-1 {
  width: auto;
  height: 100%;
  max-width: none;
  border-style: none none solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 58.5%, 0) hsla(0, 0%, 58.5%, 0) rgba(59, 59, 59, 0.58);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.floor-1.now {
  -webkit-filter: none;
  filter: none;
}

.floor-1.curved {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.floor-1.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.floor-1.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.floor-1.curv4.huy {
  border-style: none;
  -webkit-filter: none;
  filter: none;
}

.text-block-27 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}

.div-block-66 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  background-color: rgba(42, 53, 79, 0);
}

.div-block-66.crd {
  border-top-left-radius: 5px;
}

.imagenow {
  width: auto;
  height: auto;
  max-height: 90%;
  max-width: 90%;
  border: 2px solid #fff;
  border-radius: 5px;
  background-color: #fff;
}

.current123 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 7.692307%;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px none #000;
  background-color: #707070;
}

.current123.curv5 {
  border: 1px none #000;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0px;
  background-color: #000;
}

.current123.klo {
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
}

.image-43 {
  width: auto;
  height: auto;
  max-height: 95%;
  max-width: 95%;
}

.no {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 7.692307%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.16) #000 rgba(0, 0, 0, 0.16);
  background-color: #d70d15;
}

.no.good {
  background-color: #ff8400;
}

.no.good.curv3 {
  border-style: none;
  border-color: #000;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 5px;
}

.no.curved2 {
  width: 50px;
  border-top-left-radius: 0px;
  border-top-right-radius: 5px;
}

.no.oren {
  background-color: #f05123;
}

.div-block-67 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: #172954;
}

.div-block-67.crd2 {
  border-top-left-radius: 5px;
}

.div-block-68 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 350px;
  margin-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.mmmmm {
  width: 45px;
  max-width: none;
}

.div-block-69 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 170px;
  max-width: 293px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 7px;
  padding: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 10px;
  background-color: #ffb700;
}

.div-block-70 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.image-44 {
  width: auto;
  height: auto;
  max-height: 70%;
  max-width: 40%;
  margin-right: 0px;
}

.image-44.rwd2 {
  max-height: 90%;
}

.div-block-71 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 200px;
  margin-bottom: 15px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.image-45 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: auto;
  height: auto;
  max-height: 90%;
  max-width: 70%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 3px solid #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 3px 0 #000;
  -webkit-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
}

.image-45.lost {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.image-46 {
  position: absolute;
  left: -3%;
  top: 10%;
  right: auto;
  bottom: auto;
}

.div-block-72 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.image-47 {
  width: auto;
  height: auto;
  max-height: 100%;
  border-style: solid;
  border-width: 3px;
  border-color: #fff;
  border-radius: 0px;
  box-shadow: 1px 1px 3px 0 #000;
}

.div-block-73 {
  position: absolute;
  left: auto;
  top: auto;
  right: 8%;
  bottom: 0%;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 120px;
  height: 120px;
  max-width: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0%;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}

.section-21 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 10vh;
  padding: 10px 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-74 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.div-block-75 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: none;
  border-width: 1px;
  border-color: #d70d15;
  border-radius: 5px;
  background-color: #ffc800;
}

.div-block-75.whitey {
  border-color: #fff;
  color: #fff;
}

.text-block-28 {
  position: static;
  font-family: 'Open Sans', sans-serif;
  color: #2b2b2b;
  font-size: 9px;
  line-height: 10px;
  font-weight: 700;
  text-align: center;
}

.text-block-28.whit {
  color: #fff;
}

.div-block-76 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  padding: 0px 5px 0px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-77 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 350px;
  margin-left: 7px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-78 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding-top: 25px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-48 {
  width: auto;
  height: auto;
  max-height: 80%;
  max-width: 90%;
  margin-bottom: 10px;
  border: 2px solid #fff;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 1px 1px 3px 0 #000;
}

.text-block-29 {
  font-family: Lato, sans-serif;
  color: #2a354f;
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
}

.text-block-30 {
  width: 60px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 9px;
  line-height: 10px;
  font-weight: 700;
  text-align: center;
}

.div-block-79 {
  height: 60px;
  border-radius: 5px;
  background-color: #ffae00;
}

.fullscreen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16%;
  height: 50px;
  margin: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 3px;
  border-color: #f48600;
  border-radius: 0%;
  background-color: #ff8c00;
  text-decoration: none;
}

.image-49 {
  max-width: 20px;
}

.image-49.fb {
  max-width: none;
  background-color: #fff;
}

.div-block-80 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 50px;
  margin: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 3px;
  border-color: #008332;
  border-radius: 0px;
  background-color: #008b35;
  text-decoration: none;
}

.image-50 {
  max-width: 30px;
  margin-right: 9px;
}

.image-50.color2 {
  background-color: #fff;
}

.div-block-81 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 98%;
  height: 100px;
  max-width: 293px;
  margin-top: 15px;
  margin-bottom: 8px;
  margin-left: 7px;
  padding: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #ffc10e;
  border-radius: 150px;
  background-color: #ffc800;
}

.div-block-81.lktr {
  border-style: none;
  background-color: transparent;
}

.div-block-81.won {
  background-color: #00e15d;
}

.div-block-81.reward5 {
  margin-bottom: 15px;
  border-style: none;
  background-color: #1a1f2c;
}

.div-block-81.rwd6 {
  margin-bottom: 20px;
  border-style: none;
  background-color: #00d953;
}

.image-51 {
  width: auto;
  height: auto;
  max-height: 90%;
  max-width: 40%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 2px none #fff;
  border-radius: 10px;
}

.div-block-82 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-31 {
  position: static;
  margin-bottom: 3px;
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  line-height: 11px;
  font-weight: 700;
  text-align: center;
}

.text-block-31.ngt {
  color: #fff;
}

.text-block-31.nom {
  margin-bottom: 0px;
  font-weight: 400;
}

.text-block-31.nom.rwe {
  color: #fff;
}

.text-block-31.rwd {
  color: #fff;
}

.text-block-32 {
  margin-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 21px;
  line-height: 22px;
  font-weight: 700;
}

.text-block-32.nhy {
  color: #fff;
}

.div-block-83 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-52 {
  margin-bottom: 0px;
}

.section-22 {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: auto;
  margin-bottom: 65px;
  padding-top: 30px;
  padding-bottom: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.full {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: auto;
  max-width: 800px;
  margin-top: 30px;
  margin-left: 0px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px none #000;
  border-radius: 10px;
  background-color: #4a4a4a;
}

.full2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px none #000;
  border-radius: 0px;
  background-color: #4a4a4a;
}

.full2.curv5 {
  border: 1px none #000;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 0px;
  background-color: #4a4a4a;
}

.full2.klo {
  width: 100%;
  height: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  background-color: #4a4a4a;
}

.newfull {
  width: 100%;
  height: auto;
  max-width: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px none #000;
  border-radius: 0px;
}

.newfull.now {
  -webkit-filter: none;
  filter: none;
}

.newfull.curved {
  height: auto;
  border-bottom-color: #4a4a4a;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
  -webkit-filter: none;
  filter: none;
}

.newfull.curved.nmn {
  -webkit-filter: none;
  filter: none;
}

.newfull.curv4 {
  border-style: none;
  border-color: #000;
  border-radius: 0px 0px 5px 5px;
}

.newfull.curv4.huy {
  -webkit-filter: none;
  filter: none;
}

.fullnow {
  position: relative;
  width: 100%;
}

.image-52-copy {
  margin-bottom: 0px;
}

.image-53 {
  width: auto;
  height: auto;
  max-height: 150px;
  max-width: 90%;
  margin-top: 40px;
  background-color: transparent;
}

.text-block-33 {
  max-width: 90px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
}

.image-54 {
  max-width: 40px;
  margin-right: 10px;
}

.image-54.jur {
  max-width: 50px;
}

.first-timer {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 13;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: auto;
  margin-bottom: 0px;
  padding: 35px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.text-block-34 {
  width: 90%;
  max-width: 350px;
  font-family: Lato, sans-serif;
  color: #252525;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
}

.div-block-84 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 600px;
  margin-top: 40px;
  padding: 40px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fdb500;
}

.text-block-35 {
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  color: #252525;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
}

.button-4 {
  width: 100%;
  max-width: 250px;
  margin-top: 6px;
  padding-top: 13px;
  padding-bottom: 13px;
  border-style: solid;
  border-width: 2px;
  border-color: #ffae00;
  border-radius: 50px;
  background-color: #ff9d00;
  font-family: Lato, sans-serif;
  color: #303030;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  text-align: center;
}

.image-55 {
  max-width: 70px;
  margin-bottom: 20px;
}

.image-56 {
  max-width: 120px;
  margin-top: 30px;
}

.iphone-tuto {
  display: none;
  overflow: auto;
  width: 100%;
  height: auto;
  max-width: 600px;
  margin-top: 30px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 5px;
  border-color: #fdb500;
  border-radius: 5px;
  background-color: #fdb500;
}

.text-block-35-copy {
  margin-bottom: 25px;
  font-family: Lato, sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
}

.image-57 {
  margin-bottom: 30px;
  border-radius: 5px;
}

.button-5 {
  width: 100%;
  max-width: 600px;
  margin-top: 5px;
  margin-bottom: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  border-radius: 5px;
  background-color: #ffa600;
  box-shadow: 1px 1px 3px 0 #000;
  font-family: Lato, sans-serif;
  color: #303030;
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
}

.android-tuto {
  display: none;
  overflow: auto;
  width: 100%;
  height: auto;
  max-width: 600px;
  margin-top: 30px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 5px;
  border-color: #fdb500;
  border-radius: 5px;
  background-color: #fdb500;
}

.image-58 {
  max-width: 50%;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

.text-block-36 {
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  color: #d70d15;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
}

.group-support {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 110px;
  height: 45px;
  margin: 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 3px solid #fff;
  border-radius: 80px;
  background-color: #3a559f;
  box-shadow: 1px 1px 3px 0 #000;
  text-decoration: none;
}

.groupfb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16%;
  height: 50px;
  margin: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 3px;
  border-color: #344d90;
  border-radius: 0%;
  background-color: #3a559f;
}

.text-block-37 {
  margin-bottom: 5px;
  font-family: Lato, sans-serif;
  color: #252525;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
}

.image-59 {
  max-width: 25px;
  margin-right: 35px;
}

.div-block-85 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.section-23 {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 12;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 65px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 5px solid #182e73;
  border-bottom: 5px solid #182e73;
  background-color: #1a3176;
}

.image-60 {
  width: auto;
  height: 45px;
  max-width: none;
}

.image-61 {
  width: auto;
  height: 45px;
  max-width: 100%;
  margin-right: 35px;
}

.section-24 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 4;
  background-color: rgba(22, 35, 67, 0.45);
}

.section-25 {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #29334a;
}

.div-block-86 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 10px;
  padding: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-87 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 600px;
  min-height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.div-block-88 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-62 {
  overflow: visible;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  border-radius: 0%;
}

.div-block-89 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 65px;
  height: 65px;
  max-height: none;
  max-width: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
}

.image-63 {
  width: 100%;
  height: auto;
  max-height: none;
  max-width: none;
}

.image-64 {
  border: 3px solid #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 3px 0 #000;
}

.image-65 {
  border: 3px none #fff;
  border-radius: 0px;
}

.div-block-90 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  height: 50px;
  min-height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-91 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-67 {
  height: auto;
  max-height: 50%;
}

.image-68 {
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 0 #000;
}

.image-69 {
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 0 #000;
}

.section-26 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  margin-top: 58px;
  padding: 35px 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #e33b10;
}

.div-block-92 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 200px;
  max-height: none;
  margin-right: 20px;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-70 {
  height: auto;
  max-height: 100%;
  max-width: 300px;
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 0 #000;
}

.div-block-93 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.div-block-94 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 600px;
  padding: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-38 {
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 23px;
  font-weight: 700;
  text-align: center;
}

.text-block-39 {
  margin-top: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 11px;
  line-height: 15px;
  text-align: justify;
}

.image-71 {
  max-width: 130px;
  margin-top: 15px;
  margin-bottom: 0px;
}

.image-72 {
  border: 3px solid #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 0 #000;
}

.body-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.div-block-95 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 600px;
  padding: 40px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-73 {
  max-width: 200px;
}

.text-block-40 {
  margin-top: 30px;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 13px;
}

.div-block-96 {
  width: 100%;
  max-width: 300px;
  margin-top: 15px;
  padding: 5px;
}

.div-block-96.nudsd {
  max-width: 600px;
}

.div-block-97 {
  width: 100%;
  padding: 5px;
}

.text-block-41 {
  width: 100%;
  margin-top: 15px;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-align: justify;
}

.text-block-42 {
  margin-top: 20px;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}

.text-block-43 {
  margin-bottom: 2px;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
}

.text-block-43.password {
  margin-top: 0px;
}

.text-block-43.kalq {
  margin-top: 0px;
}

.text-block-44 {
  margin-bottom: 0px;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-align: justify;
}

.text-block-44.hgyuj {
  margin-bottom: 30px;
  text-align: justify;
}

.text-block-44.nmnnn {
  margin-bottom: 15px;
}

.select-field {
  margin-bottom: 0px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
}

.text-block-45 {
  margin-top: 14px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}

.section-27 {
  width: 100%;
  padding: 20px;
}

.button-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 45px;
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: #ff5e00;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
}

.section-28 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 12px 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #243d88;
}

.image-74 {
  max-width: 30px;
  margin-right: 10px;
}

.div-block-98 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-46 {
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 13px;
  font-weight: 700;
}

.image-75 {
  max-width: 120px;
  margin-top: 2px;
}

.section-29 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #243d88;
}

.image-76 {
  max-width: 40px;
}

.text-block-47 {
  max-width: 300px;
  margin-left: 10px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
}

.section-30 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 300px;
  padding: 100px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ff4d00;
}

.body-4 {
  background-color: #ffc10e;
}

.text-block-48 {
  max-width: 450px;
  font-family: 'Open Sans', sans-serif;
  color: #141d38;
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
}

.image-77 {
  max-width: 300px;
  margin-top: 0px;
  margin-bottom: 30px;
}

.text-block-49 {
  margin-bottom: 6px;
  font-family: 'Open Sans', sans-serif;
  color: #141d38;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
}

.section-31 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ff7300;
}

.text-block-50 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Lato, sans-serif;
  color: #fff;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
}

.text-block-51 {
  margin-bottom: 5px;
  font-family: Lato, sans-serif;
  color: #141d38;
  font-weight: 700;
  text-align: center;
}

.text-block-52 {
  font-family: Lato, sans-serif;
  color: #141d38;
  font-size: 23px;
  line-height: 26px;
  font-weight: 700;
}

.div-block-99 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.div-block-100 {
  clear: none;
}

.text-block-53 {
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  color: #000;
  font-size: 13.5px;
  font-weight: 600;
}

.text-block-53.s {
  margin-bottom: 0px;
  color: #000;
  font-size: 13px;
  line-height: 15px;
}

.text-block-53.s.k {
  color: #000;
  font-size: 14px;
  font-weight: 700;
}

.image-78 {
  max-width: 35px;
  margin-right: 15px;
}

.div-block-101 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 600px;
  padding: 0px 20px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.div-block-101.sms {
  max-width: 450px;
  padding: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #ffb700;
}

.div-block-102 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-bottom: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px dotted #000;
}

.text-block-54 {
  margin-bottom: 5px;
  font-family: Lato, sans-serif;
  color: #080808;
  font-size: 12px;
  line-height: 15px;
}

.text-block-55 {
  margin-bottom: 30px;
  text-align: center;
}

.text-block-56 {
  margin-left: 5px;
  font-family: Lato, sans-serif;
  color: #1a1a1a;
  font-size: 13px;
}

.div-block-103 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.div-block-103.d {
  padding: 10px 15px;
  border: 1px none #e8e8e8;
  border-radius: 3px;
  background-color: #ffb700;
}

.div-block-104 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  padding: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  background-color: #ffbd00;
}

.text-block-57 {
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.section-32 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  text-align: left;
}

.image-79 {
  margin-top: 25px;
  margin-bottom: 0px;
}

.text-block-58 {
  margin-bottom: 3px;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
}

.button-7 {
  margin-top: 25px;
  border-radius: 5px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-align: center;
}

.button-7.h {
  margin-top: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-style: solid;
  border-width: 1px;
  border-color: #243d88;
  border-radius: 60px;
  background-color: transparent;
  font-family: Lato, sans-serif;
  color: #243d88;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}

.button-7.dd {
  width: 100%;
  height: 45px;
  margin-top: 10px;
  padding-top: 13px;
  padding-bottom: 13px;
  background-color: #e62850;
}

.div-block-105 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-106 {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dotted #000;
}

.image-80 {
  margin-top: 20px;
}

.image-81 {
  margin-top: 30px;
}

.form-block-2 {
  margin-top: 40px;
}

.form-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-107 {
  width: 100%;
  margin-bottom: 15px;
  padding: 20px;
  border-radius: 3px;
  background-color: #ffb700;
}

.div-block-107.bank {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-59 {
  font-family: Lato, sans-serif;
  font-size: 13.5px;
  line-height: 16px;
}

.image-82 {
  width: 80%;
  max-width: 250px;
  margin-bottom: 15px;
  border-radius: 5px;
  box-shadow: 1px 1px 3px 0 #000;
}

.div-block-108 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-60 {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
}

.text-block-61 {
  margin-top: 0px;
  padding: 5px 5px 0px;
  font-family: Lato, sans-serif;
  font-size: 28px;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
}

.akaunbank {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  padding: 50px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: #ffb700;
}

.akaunbank.bank {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-62 {
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.button8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 45px;
  margin-top: 25px;
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: #ff5e00;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
}

.div-block-109 {
  margin-top: 25px;
}

.text-block-63 {
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 30px;
  line-height: 32px;
  font-weight: 700;
  text-align: center;
}

.text-block-64 {
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
}

.image-81-copy {
  margin-top: 30px;
  margin-bottom: 0px;
}

.div-block-110 {
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  background-color: #ff5e00;
}

.div-block-111 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 5px;
  background-color: rgba(255, 174, 0, 0.61);
}

.body-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f75200;
}

.div-block-112 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 600px;
  margin-top: 40px;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-83 {
  max-width: 250px;
}

.text-block-65 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  color: #fff;
}

.div-block-113 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 250px;
  margin-top: 40px;
  padding: 22px 15px 34px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #ffc800;
}

.text-block-66 {
  margin-top: 15px;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 50px;
  line-height: 55px;
  font-weight: 700;
  color: #fff;
}

.div-block-114 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 5px;
  margin-top: 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #363636;
}

.smallpic {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 40px;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 150px;
  background-color: #fff;
}

.smallpic2 {
  width: auto;
  max-height: none;
  max-width: 40px;
  border-radius: 0px;
  background-color: #fff;
}

.track {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 5px;
  margin-top: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.text-block-67 {
  margin-bottom: 0px;
  font-family: Lato, sans-serif;
  line-height: 16px;
  color: #fff;
}

.div-block-115 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 25px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #f75200;
}

.button-8 {
  margin-top: 55px;
}

.button-3-copy {
  width: 100%;
  height: auto;
  max-width: 270px;
  min-height: 45px;
  margin: 0px auto;
  padding-top: 20px;
  padding-bottom: 20px;
  border-style: solid;
  border-width: 5px;
  border-color: #001d74;
  border-radius: 60px;
  background-color: #001d74;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
}

.button-3-copy.edit {
  margin-bottom: 10px;
  font-size: 11px;
}

.button-3-copy.naktahu {
  margin-bottom: 10px;
}

.button-3-copy.naktahu.fgre {
  max-width: 600px;
  font-size: 13px;
}

.button-3-copy.pay {
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 0px;
  font-size: 13px;
}

.button-3-copy.resend {
  margin-top: 30px;
  margin-bottom: 10px;
}

.div-block-116 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 55px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-33 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f50;
}

.div-block-117 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin-top: 55px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-34 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  padding: 8px 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #001d74;
}

.image-84 {
  max-width: 80px;
  margin-right: 20px;
}

.button-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #fff;
  border-radius: 20px;
  background-color: #001d74;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 13px;
  font-weight: 700;
}

.body-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffc10e;
}

.div-block-118 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 600px;
  margin-top: 55px;
  margin-bottom: 75px;
  padding: 40px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-68 {
  font-family: Lato, sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  text-align: center;
}

.text-block-69 {
  margin-top: 10px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}

.div-block-119 {
  width: 100%;
  margin-top: 30px;
}

.text-block-70 {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

.div-block-120 {
  overflow: auto;
  margin-top: 10px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.text-block-71 {
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
}

.div-block-121 {
  margin-top: 40px;
  padding: 25px 45px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, 0.9);
}

.div-block-122 {
  margin-top: 20px;
}

.div-block-123 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.text-block-72 {
  margin-top: 6px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.div-block-124 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-125 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.07);
}

.div-block-125.side {
  margin-right: 3px;
  border-right: 2px none #fff9e7;
  background-color: transparent;
}

.div-block-125.side2 {
  margin-left: 3px;
  background-color: transparent;
}

.div-block-126 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  padding: 15px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.07);
}

.text-block-73 {
  position: static;
  font-family: Lato, sans-serif;
  font-size: 11px;
  line-height: 11px;
  font-weight: 700;
  text-align: center;
}

.data {
  width: 100%;
  height: auto;
  max-width: 400px;
  min-height: 45px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  border-style: solid;
  border-width: 5px;
  border-color: #20387f;
  border-radius: 0px 0px 5px 5px;
  background-color: #243d88;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  text-align: center;
}

.data.edit {
  margin-bottom: 10px;
  font-size: 11px;
}

.data.naktahu {
  margin-bottom: 10px;
}

.data.naktahu.fgre {
  max-width: 600px;
  font-size: 15px;
  line-height: 16px;
}

.data.pay {
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 0px;
  font-size: 13px;
}

.data.resend {
  margin-top: 30px;
  margin-bottom: 10px;
}

.text-block-74 {
  margin-top: 10px;
  font-family: Lato, sans-serif;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
}

.button-6-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 45px;
  margin-top: 15px;
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: #ff5e00;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
}

.div-block-127 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 580px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #ffae00;
}

.div-block-128 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #ffc10e;
}

.text-block-75 {
  font-family: Lato, sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-weight: 700;
  text-align: center;
}

.list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 580px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background-color: #fdcf2a;
}

.update {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  max-width: 400px;
  min-height: 30px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 5px;
  border-color: #20387f;
  border-radius: 60px;
  background-color: #243d88;
  font-family: 'Open Sans', sans-serif;
  font-size: 8px;
  line-height: 10px;
  font-weight: 700;
  text-align: center;
}

.update.edit {
  margin-bottom: 10px;
  font-size: 11px;
}

.update.naktahu {
  margin-bottom: 10px;
}

.update.naktahu.fgre {
  max-width: 600px;
  font-size: 15px;
  line-height: 16px;
}

.update.pay {
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 0px;
  font-size: 13px;
}

.update.resend {
  margin-top: 30px;
  margin-bottom: 10px;
}

.div-block-129 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  padding: 15px 0px 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.div-block-130 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33%;
  min-height: 100px;
  margin-right: 2px;
  margin-left: 2px;
  padding: 17px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fb5c00;
}

.text-block-76 {
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 13px;
  font-weight: 700;
  text-align: center;
}

.text-block-77 {
  margin-top: 5px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  text-align: center;
}

.div-block-131 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 99%;
  margin-bottom: 50px;
  padding: 19px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #363d51;
}

.text-block-78 {
  max-width: 400px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.text-block-79 {
  margin-top: 10px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 32px;
  font-weight: 700;
  text-align: center;
}

.section-35 {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #243d88;
}

.image-85 {
  height: 36px;
}

.text-block-80 {
  width: auto;
  max-width: 200px;
  margin-left: 0px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
}

.text-block-81 {
  display: none;
  margin-top: 50px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  line-height: 16px;
  text-align: center;
}

.text-block-82 {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}

.text-block-82-copy {
  margin-top: 50px;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}

.text-block-81-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.youtube-2 {
  position: static;
}

.div-block-132 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  height: 130px;
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  background-color: transparent;
}

.div-block-133 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.image-86 {
  max-height: 70px;
  max-width: 100%;
}

.text-block-83 {
  margin-top: 7px;
  font-family: Lato, sans-serif;
  font-size: 9px;
  line-height: 12px;
  font-weight: 700;
  text-align: center;
}

.text-block-84 {
  margin-top: 22px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
}

.text-block-69-copy {
  margin-top: 10px;
  margin-bottom: 30px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

.text-block-68-copy {
  margin-top: 40px;
  font-family: Lato, sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  text-align: center;
}

.div-block-121-copy {
  margin-top: 0px;
  padding: 25px 45px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, 0.9);
}

.div-block-121-copy.top2 {
  padding-bottom: 15px;
}

.div-block-134 {
  width: 100%;
  margin-bottom: 34px;
  padding: 25px;
  border-radius: 5px;
  background-color: #ffae00;
}

.div-block-134.add {
  margin-top: 20px;
}

.text-block-85 {
  font-family: Lato, sans-serif;
  font-size: 19px;
  line-height: 21px;
  font-weight: 700;
  text-align: center;
}

.div-block-135 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-86 {
  margin-top: 5px;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.div-block-136 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 70px;
  margin: 5px;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fb5c00;
}

.div-block-137 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding: 10px 0px 20px 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-138 {
  position: absolute;
  left: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  padding: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #fb5c00;
}

.text-block-87 {
  font-family: Lato, sans-serif;
  color: #fff;
  line-height: 16px;
  font-weight: 700;
  text-align: center;
}

.track-copy {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 2px;
  margin-top: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #363636;
}

.image-87 {
  max-width: 35px;
}

.div-block-139 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  height: 140px;
  margin-top: 0px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fdb722;
}

.text-block-88 {
  margin-bottom: 15px;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
}

.div-block-140 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.div-block-141 {
  width: 50%;
  height: 50px;
  margin: 5px;
  padding: 14px;
}

.form-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.text-field-3 {
  width: 120px;
  height: 40px;
  margin-bottom: 0px;
  border-radius: 3px;
  font-family: Lato, sans-serif;
  color: #8f6c6c;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.sedekah {
  width: 100%;
  height: 40px;
  max-width: 400px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 7px;
  padding-bottom: 7px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 5px;
  border-color: #20387f;
  border-radius: 5px;
  background-color: #243d88;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  text-align: center;
}

.sedekah.edit {
  margin-bottom: 10px;
  font-size: 11px;
}

.sedekah.naktahu {
  margin-bottom: 10px;
}

.sedekah.naktahu.fgre {
  max-width: 600px;
  font-size: 15px;
  line-height: 16px;
}

.sedekah.pay {
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 0px;
  font-size: 13px;
}

.sedekah.resend {
  margin-top: 30px;
  margin-bottom: 10px;
}

.text-block-85-copy {
  margin-top: 25px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
}

.form-block-3 {
  margin-bottom: 0px;
}

.text-block-86-copy {
  margin-top: 10px;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.image-85-copy {
  height: 36px;
  margin-right: 15px;
}

.button-9-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px;
  margin-right: 4px;
  margin-left: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #fff;
  border-radius: 20px;
  background-color: #243d88;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
}

.div-block-142 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-88 {
  position: absolute;
  left: 20%;
  max-width: 35px;
}

.update2 {
  width: 100%;
  height: auto;
  max-width: 600px;
  min-height: 45px;
  margin: 10px auto 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-style: solid;
  border-width: 5px;
  border-color: #20387f;
  border-radius: 60px;
  background-color: #243d88;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  text-align: center;
}

.update2.edit {
  margin-bottom: 10px;
  font-size: 11px;
}

.update2.naktahu {
  margin-bottom: 10px;
}

.update2.naktahu.fgre {
  max-width: 600px;
  font-size: 15px;
  line-height: 16px;
}

.update2.pay {
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 0px;
  font-size: 13px;
}

.update2.resend {
  margin-top: 30px;
  margin-bottom: 10px;
}

.div-block-143 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.update3 {
  margin-top: 25px;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
}

.div-block-144 {
  width: 100%;
  margin-bottom: 20px;
  padding: 5px 15px 15px;
  border-radius: 5px;
  background-color: #ffc10e;
}

.text-block-89 {
  margin-bottom: 5px;
  padding: 12px 15px;
  border-radius: 20px;
  background-color: transparent;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
}

.div-block-118-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  max-width: 600px;
  margin-top: 0px;
  margin-bottom: 75px;
  padding: 40px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-145 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-146 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-tutorial {
  width: 100%;
  height: auto;
  max-width: 400px;
  min-height: 45px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  border-style: solid;
  border-width: 5px;
  border-color: #20387f;
  border-radius: 60px;
  background-color: #243d88;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-weight: 700;
  text-align: center;
}

.button-tutorial.edit {
  margin-bottom: 10px;
  font-size: 11px;
}

.button-tutorial.naktahu {
  margin-bottom: 10px;
}

.button-tutorial.naktahu.fgre {
  max-width: 600px;
  font-size: 15px;
  line-height: 16px;
}

.button-tutorial.pay {
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 0px;
  font-size: 13px;
}

.button-tutorial.resend {
  margin-top: 30px;
  margin-bottom: 10px;
}

.image-89 {
  max-width: 120px;
  margin-top: 25px;
}

.div-block-134-copy {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 34px;
  padding: 25px;
  border-radius: 5px;
  background-color: #ffae00;
}

html.w-mod-js *[data-ix="new-interaction"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="goyang-2"] {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

@media (max-width: 991px) {
  .section-4.lc {
    height: auto;
    max-width: 500px;
    margin-bottom: 36px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
  }
  .text-block-14 {
    line-height: 19px;
  }
  .section-8 {
    padding-bottom: 32px;
  }
  .div-block-18 {
    min-height: auto;
  }
  .image-11 {
    max-width: 130px;
  }
  .money.gf {
    font-size: 14px;
  }
  .section-10 {
    max-width: 900px;
  }
  .div-block-35 {
    padding-top: 0px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .link-block-3 {
    max-width: 80px;
  }
  .div-block-39 {
    max-width: 400px;
    padding-bottom: 0px;
  }
  .div-block-44 {
    width: 50%;
  }
  .link-block-5 {
    width: 100%;
  }
  .marah {
    width: 100%;
  }
  .dad {
    max-width: 50px;
  }
  .mom {
    max-width: 48px;
  }
  .link-block-6 {
    height: 50px;
  }
  .face-icon {
    height: 120px;
  }
  .face-image {
    width: 100px;
    max-width: 100px;
  }
  .div-block-51 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .image-42 {
    max-width: 90%;
  }
  .section-22 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .full {
    margin-top: 0px;
  }
  .android-tuto {
    box-shadow: 1px 1px 3px 0 #000;
  }
  .image-81 {
    margin-bottom: 0px;
  }
  .image-81-copy {
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
  .section {
    padding-top: 25px;
    padding-bottom: 0px;
  }
  .div-block {
    max-width: 350px;
  }
  .text-block.lko {
    font-size: 14px;
    line-height: 16px;
    text-align: justify;
  }
  .text-block-3.explain {
    font-size: 30px;
    line-height: 32px;
  }
  .image-2.lt {
    width: auto;
    max-width: 50px;
  }
  .image-2.below {
    width: auto;
    max-width: 120px;
  }
  .section-4.lc {
    max-width: 600px;
  }
  .image-7 {
    max-height: 30px;
    max-width: 30px;
  }
  .text-block-14 {
    font-size: 18px;
    line-height: 18px;
  }
  .section-6 {
    margin-top: 0px;
    padding: 0px;
  }
  .div-block-15 {
    width: 100%;
  }
  .section-7 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .text-block-17 {
    font-size: 16px;
    line-height: 18px;
  }
  .div-block-16 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .text-block-18 {
    font-size: 12px;
    line-height: 16px;
  }
  .div-block-17 {
    padding: 0px;
    background-color: transparent;
  }
  .section-8 {
    padding-bottom: 20px;
    background-position: 50% 100%;
    background-size: cover;
  }
  .money {
    font-size: 22px;
    line-height: 23px;
  }
  .money.gf {
    font-size: 13px;
    line-height: 15px;
  }
  .italic-text {
    font-size: 16px;
    line-height: 16px;
  }
  .image-14 {
    margin-top: 20px;
  }
  .section-10 {
    margin-top: 0px;
  }
  .div-block-27 {
    max-width: 100px;
  }
  .image-18 {
    left: 68px;
    top: 78px;
  }
  .text-block-20 {
    left: 93px;
    top: -14px;
  }
  .button-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .div-block-29 {
    padding: 0px;
  }
  .section-12 {
    display: none;
  }
  .div-block-30 {
    width: 95%;
    max-width: 600px;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .text-block-21 {
    margin-top: 20px;
    font-size: 15px;
    line-height: 16px;
  }
  .text-block-22 {
    font-size: 12px;
    line-height: 15px;
  }
  .div-block-32 {
    max-height: 250px;
    margin-top: 15px;
    padding-right: 40px;
    padding-left: 40px;
  }
  .youtube {
    width: 100%;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
  }
  .div-block-33 {
    max-width: 300px;
  }
  .section-13 {
    width: 100%;
    margin-top: 70px;
    margin-bottom: 74px;
  }
  .div-block-35 {
    padding-top: 0px;
  }
  .ayah {
    max-width: 50px;
  }
  .ibu {
    max-width: 53px;
  }
  .div-block-38 {
    width: 97%;
    padding-top: 5px;
  }
  .link-block-3 {
    max-width: 60px;
  }
  .section-14 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .div-block-39 {
    max-width: 300px;
    margin-top: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .div-block-40 {
    width: 16%;
    height: 45px;
  }
  .sound-on {
    left: 5%;
    top: 14%;
    max-width: 75px;
    margin-bottom: 0px;
    padding: 0px;
  }
  .image-24 {
    max-width: 35px;
    border-width: 3px;
  }
  .image-24.off {
    max-width: 35px;
  }
  .image-25 {
    border-color: transparent;
  }
  .sound-off {
    left: 5%;
    top: 14%;
    max-width: 75px;
    margin-bottom: 0px;
    padding: 0px;
  }
  .image-26 {
    max-width: 80px;
    margin-right: 20px;
  }
  .link-block-5 {
    height: 45px;
  }
  .link-block-5.gotreward {
    height: 55px;
  }
  .link-block-5.denda23 {
    height: 55px;
  }
  .image-27 {
    width: 25px;
  }
  .marah {
    height: 45px;
  }
  .dad {
    max-width: 50px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .mom {
    max-width: 45px;
  }
  .section-16 {
    width: 30%;
    padding-left: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .section-17 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .div-block-45 {
    padding-top: 0px;
    padding-bottom: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .div-block-45.profile2 {
    height: 200px;
  }
  .image-29 {
    display: none;
    max-width: 130px;
  }
  .image-29.ubh {
    display: block;
    max-width: 120px;
  }
  .link-block-6 {
    height: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .text-block-23 {
    font-size: 11px;
    line-height: 12px;
  }
  .profile {
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .div-block-49 {
    max-width: 65px;
  }
  .image-30 {
    max-width: 40px;
  }
  .text-block-25 {
    font-size: 10px;
    line-height: 11px;
  }
  .div-block-50 {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }
  .face-icon {
    height: 120px;
    border-width: 5px;
  }
  .face-image {
    width: 110px;
    max-width: 110px;
  }
  .section-19 {
    padding-top: 76px;
  }
  .div-block-51 {
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .div-block-53 {
    width: auto;
  }
  .div-block-54 {
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .image-37 {
    border-width: 8px;
  }
  .div-block-55 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .section-20 {
    height: 88vh;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .div-block-56-copy {
    max-height: none;
  }
  .text-block-27 {
    font-size: 13px;
    line-height: 13px;
  }
  .div-block-68 {
    max-width: 350px;
    margin-left: 10px;
    padding-right: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mmmmm {
    width: 30px;
  }
  .image-44 {
    max-height: 65%;
    max-width: 80%;
  }
  .div-block-71 {
    height: 80px;
  }
  .image-45 {
    max-height: 80%;
  }
  .section-21 {
    display: none;
  }
  .div-block-78 {
    margin-bottom: 5px;
    padding-top: 7px;
  }
  .text-block-30 {
    font-size: 7px;
    line-height: 8px;
  }
  .fullscreen {
    width: 16%;
    height: 45px;
  }
  .image-49 {
    max-width: 15px;
  }
  .div-block-80 {
    height: 45px;
    border-width: 2px;
  }
  .image-50 {
    max-width: 25px;
    margin-right: 4px;
  }
  .div-block-81 {
    height: 60px;
    margin-top: 4px;
    margin-bottom: 5px;
  }
  .image-51 {
    max-width: 60%;
  }
  .text-block-31 {
    font-size: 9px;
    line-height: 10px;
  }
  .text-block-32 {
    font-size: 13px;
    line-height: 14px;
  }
  .text-span {
    font-size: 8px;
    line-height: 9px;
  }
  .image-52 {
    max-width: 50px;
  }
  .section-22 {
    padding-top: 0px;
  }
  .full {
    max-height: none;
    margin-top: 0px;
    border-radius: 0px;
  }
  .image-52-copy {
    max-width: 50px;
  }
  .image-53 {
    max-width: 50%;
    margin-top: 10px;
  }
  .image-54.jur {
    max-width: 40px;
  }
  .first-timer {
    overflow: auto;
    padding: 10px 20px;
  }
  .text-block-34 {
    font-size: 12px;
    line-height: 15px;
  }
  .button-4 {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .image-55 {
    max-width: 40px;
    margin-bottom: 13px;
  }
  .image-56 {
    max-width: 70px;
    margin-top: 15px;
  }
  .iphone-tuto {
    margin-top: 15px;
  }
  .image-57.nolast {
    margin-bottom: 7px;
  }
  .button-5 {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .android-tuto {
    margin-top: 15px;
  }
  .image-58 {
    margin-top: 10px;
  }
  .group-support {
    height: 35px;
    border-width: 2px;
  }
  .groupfb {
    width: 16%;
    height: 45px;
  }
  .section-25 {
    height: 45px;
  }
  .div-block-87 {
    width: 100%;
  }
  .div-block-88 {
    height: 45px;
  }
  .div-block-89 {
    width: 40px;
    height: 40px;
  }
  .section-26 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .image-70 {
    max-width: 100%;
  }
  .text-block-42 {
    font-size: 20px;
  }
  .text-block-49 {
    text-align: center;
  }
  .text-block-52 {
    text-align: center;
  }
  .image-78 {
    max-width: 30px;
  }
  .div-block-101 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .text-block-56 {
    font-size: 14px;
    line-height: 16px;
  }
  .text-block-57 {
    font-size: 10px;
    line-height: 12px;
  }
  .section-32 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .text-block-58 {
    font-size: 10px;
    line-height: 13px;
  }
  .div-block-117 {
    width: 70%;
    margin-top: 30px;
  }
  .div-block-118 {
    width: 95%;
  }
  .div-block-120 {
    width: auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  .div-block-129 {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  .div-block-130 {
    min-height: 100px;
  }
  .track-copy {
    height: 2px;
  }
  .image-87 {
    max-width: 30px;
  }
  .text-field-3 {
    margin-right: 5px;
  }
  .text-block-85-copy {
    font-size: 13px;
    line-height: 15px;
  }
  .text-block-86-copy {
    font-size: 12px;
    line-height: 15px;
  }
  .button-9-copy {
    min-height: 35px;
    font-size: 10px;
    line-height: 12px;
  }
  .text-block-89 {
    font-size: 13px;
    line-height: 15px;
  }
  .div-block-118-copy {
    width: 95%;
  }
  .div-block-145 {
    margin-bottom: 0px;
  }
}

@media (max-width: 479px) {
  .green {
    background-color: #ffc10e;
  }
  .section {
    width: 92%;
    min-height: 300px;
    margin-bottom: 50px;
    padding: 25px 15px 0px;
  }
  .div-block {
    padding: 0px;
  }
  .div-block.xdf {
    padding-top: 20px;
  }
  .text-block {
    text-align: center;
  }
  .text-block.lko {
    font-size: 12px;
    line-height: 15px;
  }
  .image {
    margin-bottom: 15px;
  }
  .text-block-3.explain {
    font-size: 25px;
    line-height: 26px;
  }
  .image-2.lt {
    max-width: 50px;
  }
  .image-2.below {
    left: 6%;
    top: -43px;
    max-width: 95px;
  }
  .image2 {
    margin-bottom: 15px;
  }
  .div-block-10 {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
  .text-block-13 {
    font-size: 14px;
  }
  .section-4 {
    height: auto;
    background-color: #148d84;
  }
  .niat-rizqi {
    width: 95%;
    max-width: none;
  }
  .section-4.lc {
    margin-bottom: 53px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto auto auto;
  }
  .div-block-12 {
    padding: 2px;
  }
  .div-block-12.m1.q1.k1 {
    padding: 40px 40px 0px;
  }
  .div-block-12.m1.q1.k2 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .div-block-12.m1.q1.k3 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .div-block-12.m1.q1.k4 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .div-block-12.m1.q1.k5 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .div-block-12.m1.q1.k5.ffd.mn {
    height: 300px;
    padding-right: 40px;
    padding-left: 40px;
  }
  .div-block-12.m1.q1.k6 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .div-block-12.m1.q1.k7 {
    padding-right: 40px;
    padding-left: 40px;
  }
  .image-7 {
    max-height: 20px;
    max-width: 20px;
  }
  .image-7._1ststar.m55 {
    width: 100px;
    margin-top: 5px;
    margin-left: 8px;
  }
  .text-block-14 {
    font-size: 17px;
    line-height: 17px;
  }
  .text-block-14.quote {
    font-size: 15px;
    line-height: 16px;
  }
  .section-6 {
    margin-top: 0px;
    padding: 0px;
  }
  .div-block-15 {
    width: 100%;
    border-style: none;
  }
  .html-embed {
    height: 100%;
  }
  .section-7 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .text-block-17 {
    font-size: 14px;
    line-height: 16px;
  }
  .text-block-18 {
    font-size: 11px;
    line-height: 14px;
  }
  .div-block-17 {
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
    background-color: transparent;
  }
  .section-8 {
    padding-right: 0px;
    padding-bottom: 17px;
    padding-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .div-block-18 {
    width: 92%;
    background-image: none;
  }
  .div-block-19 {
    padding-right: 0px;
    padding-left: 2px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }
  .div-block-20 {
    padding-left: 8px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .image-9 {
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg);
  }
  .image-10 {
    position: relative;
    top: -35px;
  }
  .image-11 {
    max-width: 70px;
  }
  .italic-text {
    font-size: 19px;
    line-height: 20px;
  }
  .italic-text.k {
    font-size: 17px;
    line-height: 18px;
  }
  .div-block-22 {
    margin-bottom: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .image-12 {
    max-width: 80px;
  }
  .image-14 {
    margin-top: 26px;
  }
  .image-16 {
    border-color: #fff;
  }
  .image-18 {
    left: 64px;
    top: 79px;
  }
  .text-block-20 {
    left: 87px;
  }
  .video {
    margin-bottom: 15px;
  }
  .button-3 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    line-height: 14px;
  }
  .button-3.naktahu.fgre {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 12px;
    line-height: 16px;
  }
  .section-12 {
    display: none;
  }
  .text-block-21 {
    margin-top: 20px;
    font-size: 15px;
    line-height: 16px;
  }
  .text-block-22 {
    font-size: 12px;
    line-height: 15px;
  }
  .div-block-32 {
    max-height: 320px;
    margin-top: 25px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .section-13 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .div-block-35 {
    padding-bottom: 10px;
  }
  .ayah {
    max-width: 50px;
  }
  .ibu {
    max-width: 53px;
  }
  .link-block-3 {
    max-width: 70px;
    margin-right: 12px;
    margin-left: 12px;
  }
  .section-14 {
    padding-left: 20px;
  }
  .div-block-39 {
    overflow: auto;
    margin-top: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .link-block-4 {
    margin-left: 0px;
    padding-right: 6px;
    padding-left: 6px;
  }
  .image-21 {
    max-width: 50px;
  }
  .div-block-40 {
    width: 16%;
    height: 50px;
    margin: 0px;
  }
  .image-22 {
    max-width: 50px;
  }
  .div-block-41 {
    height: 50px;
    margin-right: 0px;
  }
  .gambar-bulat.jd1 {
    height: 61px;
  }
  .image-23.jd2 {
    max-width: 61px;
  }
  .sound-on {
    left: 2%;
    margin-right: 0px;
    padding: 0px;
  }
  .image-24 {
    max-width: 40px;
    margin: 4px;
  }
  .image-24.off {
    max-width: 40px;
    margin: 4px;
  }
  .section-15 {
    margin-top: 80px;
  }
  .sound-off {
    left: 2%;
    margin-right: 0px;
    padding: 0px;
  }
  .div-block-43 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .image-26 {
    max-width: 70px;
    margin-right: 10px;
  }
  .link-block-5 {
    width: 90%;
    height: 55px;
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .image-27 {
    width: 35px;
  }
  .marah {
    width: 90%;
    height: 55px;
    margin-top: 5px;
    margin-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .image-28 {
    max-width: 60px;
  }
  .dad {
    position: static;
    left: 16px;
    top: 71px;
    display: inline-block;
    max-width: 45px;
    margin-right: 0px;
  }
  .mom {
    position: static;
    left: 19px;
    top: 132px;
    max-width: 42px;
  }
  .section-16 {
    width: 25%;
    padding-left: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .section-17 {
    padding-top: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .div-block-45 {
    padding: 15px 10px;
  }
  .div-block-45.profile2 {
    height: 250px;
    margin-bottom: 20px;
  }
  .image-29 {
    display: block;
    max-width: 80px;
    margin-bottom: 20px;
  }
  .image-29.ubh {
    max-width: 110px;
  }
  .link-block-6 {
    height: 50px;
  }
  .text-block-23 {
    font-size: 11px;
    line-height: 12px;
  }
  .div-block-47 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .profile {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .link-block-7.ltreward {
    margin-right: 0px;
  }
  .div-block-49 {
    max-width: 65px;
  }
  .image-30 {
    max-width: 40px;
  }
  .text-block-25 {
    font-size: 12px;
    line-height: 13px;
  }
  .level12 {
    box-shadow: 0 0 0 1px #000;
  }
  .div-block-50 {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }
  .face-icon {
    height: 42px;
    margin-right: 0px;
    border-width: 2px;
  }
  .face-image {
    width: 40px;
    max-width: 40px;
  }
  .current-level {
    box-shadow: 0 0 0 1px #000;
  }
  .section-19 {
    padding-top: 77px;
    padding-bottom: 72px;
  }
  .div-block-51 {
    height: 82%;
    padding-right: 7px;
    padding-left: 7px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .image-33 {
    height: 85%;
    border-right-style: none;
    border-right-width: 7px;
  }
  .div-block-52 {
    height: 82%;
  }
  .div-block-54 {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .image-37 {
    border-width: 3px;
  }
  .div-block-56 {
    height: 82%;
  }
  .small1 {
    box-shadow: 0 0 0 1px #000;
  }
  .div-block-57 {
    background-color: #707070;
  }
  .div-block-57.curv5 {
    border-bottom-left-radius: 5px;
    background-color: #707070;
  }
  .div-block-60 {
    height: 100%;
  }
  .div-block-61 {
    border-style: none none solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.16) #000;
  }
  .div-block-61.good {
    border-style: none none solid;
    border-color: #000 #000 rgba(0, 0, 0, 0.16);
  }
  .div-block-61.good.curv3 {
    border-bottom-right-radius: 5px;
  }
  .now-image {
    border-bottom-style: none;
  }
  .div-block-62 {
    height: 82%;
  }
  .div-block-65 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .image-42 {
    max-width: 90%;
    border-width: 3px;
  }
  .section-20 {
    height: 80vh;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .section-20.final {
    height: 88vh;
  }
  .section-20.rwd3 {
    height: 88vh;
  }
  .div-block-56-copy {
    height: 100%;
    background-color: #707070;
  }
  .current123 {
    background-color: #707070;
  }
  .current123.curv5 {
    border-bottom-left-radius: 5px;
  }
  .no {
    border-style: none;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.16) #000;
  }
  .no.good {
    border-style: none none solid;
    border-color: #000 #000 rgba(0, 0, 0, 0.16);
  }
  .no.good.curv3 {
    border-bottom-right-radius: 5px;
  }
  .div-block-68 {
    width: auto;
    height: 100%;
    margin-left: 0px;
    padding-right: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .mmmmm {
    width: 40px;
  }
  .div-block-69 {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .image-44 {
    max-height: 65%;
    max-width: 80%;
    margin-right: 0px;
    margin-left: 5px;
  }
  .div-block-71 {
    width: auto;
    height: 150px;
    margin-bottom: 0px;
    padding: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .image-45 {
    max-height: 90%;
    max-width: 70%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    transform: rotate(-11deg);
  }
  .image-46 {
    left: -5%;
    top: 13%;
    max-width: 60px;
  }
  .div-block-72 {
    padding-right: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .image-47 {
    width: auto;
    max-width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .div-block-73 {
    bottom: 8%;
    width: 100px;
    height: 100px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .section-21 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 12vh;
    padding-right: 12px;
    padding-left: 12px;
  }
  .div-block-75 {
    width: 30%;
    height: 25px;
    margin-right: 3px;
    margin-left: 3px;
    padding: 4px;
  }
  .text-block-28 {
    font-size: 8px;
    line-height: 10px;
  }
  .div-block-77 {
    width: 100%;
  }
  .div-block-78 {
    width: 100%;
    margin-bottom: 0px;
    padding-top: 25px;
    padding-bottom: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  .image-48 {
    margin-bottom: 5px;
  }
  .text-block-30 {
    font-size: 9px;
    line-height: 10px;
  }
  .div-block-79 {
    margin-top: 5px;
  }
  .fullscreen {
    width: 16%;
    height: 50px;
    margin: 0px;
    text-decoration: none;
  }
  .image-49 {
    max-width: 20px;
  }
  .div-block-80 {
    height: 50px;
    margin: 0px;
    border-width: 3px;
  }
  .image-50 {
    max-width: 25px;
  }
  .div-block-81 {
    width: 90%;
    height: 100px;
    margin-top: 15px;
    margin-bottom: 8px;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .image-51 {
    max-width: 51%;
  }
  .text-block-31 {
    font-size: 9px;
    line-height: 10px;
  }
  .text-block-32 {
    font-size: 17px;
    line-height: 18px;
  }
  .div-block-83 {
    margin-left: 7px;
  }
  .text-span {
    font-size: 9px;
    line-height: 10px;
  }
  .section-22 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
  }
  .full {
    width: 100%;
    height: auto;
    margin-top: 0px;
    background-color: #4a4a4a;
  }
  .full2 {
    background-color: #4a4a4a;
  }
  .full2.curv5 {
    border-bottom-left-radius: 5px;
    background-color: #4a4a4a;
  }
  .image-53 {
    max-width: 90%;
    margin-top: 20px;
  }
  .text-block-33 {
    max-width: 90px;
    font-size: 13px;
    line-height: 14px;
  }
  .image-54.jur {
    max-width: 35px;
    margin-right: 5px;
  }
  .first-timer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 10px;
  }
  .text-block-34 {
    font-size: 13px;
    line-height: 16px;
  }
  .div-block-84 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .button-4 {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .image-55 {
    margin-bottom: 18px;
  }
  .image-56 {
    max-width: 100px;
    margin-top: 20px;
  }
  .iphone-tuto {
    display: none;
    margin-top: 20px;
    padding: 20px 10px;
  }
  .text-block-35-copy {
    font-size: 13px;
    line-height: 14px;
  }
  .image-57.nolast {
    margin-bottom: 8px;
  }
  .button-5 {
    padding-top: 13px;
    padding-bottom: 13px;
    color: #292929;
  }
  .android-tuto {
    display: none;
    margin-top: 20px;
    padding: 20px 10px;
  }
  .image-58 {
    max-width: 70%;
  }
  .text-block-36 {
    margin-bottom: 15px;
    font-family: Lato, sans-serif;
    color: #d70d15;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-align: center;
  }
  .group-support {
    height: 40px;
    margin: 4px;
    border-width: 3px;
  }
  .groupfb {
    width: 16%;
    height: 50px;
    margin: 0px;
  }
  .section-25 {
    height: 50px;
  }
  .div-block-88 {
    height: 50px;
  }
  .div-block-89 {
    width: 60px;
    height: 60px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .image-63 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .section-26 {
    height: auto;
  }
  .div-block-92 {
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .image-70 {
    max-width: 100%;
  }
  .div-block-94 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .text-block-38 {
    font-size: 20px;
  }
  .image-71 {
    max-width: 200px;
  }
  .div-block-95.cdtr {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .div-block-96 {
    max-width: 350px;
  }
  .div-block-96.nudsd {
    padding-right: 0px;
    padding-left: 0px;
  }
  .text-block-41 {
    font-size: 12px;
    line-height: 15px;
  }
  .text-block-42 {
    font-size: 16px;
    line-height: 18px;
  }
  .text-block-49 {
    font-size: 33px;
    line-height: 35px;
  }
  .text-block-53.s.k {
    font-size: 16px;
  }
  .image-78 {
    margin-right: 10px;
  }
  .div-block-101 {
    width: 97%;
  }
  .div-block-101.sms {
    padding-right: 15px;
    padding-left: 15px;
  }
  .text-block-56 {
    font-size: 13px;
    line-height: 16px;
    text-align: center;
  }
  .div-block-104 {
    padding: 10px;
  }
  .text-block-57 {
    font-size: 10px;
    text-align: center;
  }
  .section-32 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .text-block-58 {
    font-size: 10px;
    line-height: 12px;
  }
  .div-block-107 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .text-block-63 {
    font-size: 25px;
  }
  .div-block-112 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .image-83 {
    max-width: 230px;
  }
  .text-block-66 {
    margin-bottom: 20px;
  }
  .smallpic {
    left: 0%;
    height: 40px;
    margin-right: 0px;
  }
  .smallpic2 {
    max-width: 40px;
  }
  .button-3-copy {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    line-height: 16px;
  }
  .button-3-copy.naktahu.fgre {
    line-height: 16px;
  }
  .div-block-117 {
    width: 90%;
  }
  .div-block-118 {
    width: 89%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .text-block-68 {
    line-height: 24px;
  }
  .text-block-69 {
    font-size: 14px;
    line-height: 16px;
  }
  .div-block-121 {
    padding: 20px 15px;
  }
  .text-block-72 {
    font-size: 13px;
  }
  .div-block-125.side {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .div-block-126 {
    height: 90px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .data {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 10px;
    line-height: 14px;
  }
  .data.naktahu.fgre {
    line-height: 16px;
  }
  .update {
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 8px;
    line-height: 9px;
  }
  .update.naktahu.fgre {
    line-height: 16px;
  }
  .div-block-129 {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .div-block-130 {
    width: 100%;
    min-height: 90px;
    margin-bottom: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .div-block-131 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .text-block-78 {
    font-size: 12px;
    line-height: 15px;
  }
  .section-35 {
    z-index: 10;
  }
  .text-block-81 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    font-size: 13px;
    text-align: center;
  }
  .text-block-82 {
    margin-bottom: 3px;
    font-family: Lato, sans-serif;
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-82-copy {
    margin-bottom: 3px;
    font-family: Lato, sans-serif;
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-81-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    text-align: center;
  }
  .text-block-69-copy {
    font-size: 13px;
    line-height: 14px;
  }
  .div-block-121-copy {
    padding: 20px 15px;
  }
  .div-block-121-copy.top2 {
    padding-bottom: 10px;
  }
  .div-block-134 {
    padding-right: 18px;
    padding-left: 18px;
  }
  .text-block-85 {
    line-height: 21px;
  }
  .div-block-135 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .text-block-86 {
    line-height: 15px;
  }
  .div-block-136 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 75px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .div-block-138 {
    left: 90%;
  }
  .track-copy {
    height: 2px;
  }
  .div-block-139 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .text-field-3 {
    width: 90px;
    font-size: 15px;
  }
  .sedekah {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 11px;
    line-height: 14px;
  }
  .sedekah.naktahu.fgre {
    line-height: 16px;
  }
  .image-88 {
    max-width: 30px;
  }
  .update2 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    line-height: 14px;
  }
  .update2.naktahu.fgre {
    line-height: 16px;
  }
  .div-block-143 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .update3 {
    line-height: 15px;
  }
  .div-block-144 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .text-block-89 {
    font-size: 13px;
    line-height: 15px;
  }
  .div-block-118-copy {
    width: 89%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .div-block-145 {
    margin-bottom: 0px;
  }
  .button-tutorial {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    line-height: 14px;
  }
  .button-tutorial.naktahu.fgre {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 12px;
    line-height: 16px;
  }
  .div-block-134-copy {
    padding-right: 10px;
    padding-left: 10px;
  }
}

#w-node-3807a6cb4bfb-860789cf {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-3807a6cb4c07-860789cf {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-3807a6cb4c13-860789cf {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-3807a6cb4c1f-860789cf {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-3807a6cb4c2b-860789cf {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-3807a6cb4c37-860789cf {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-3807a6cb4c43-860789cf {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-3807a6cb4c4f-860789cf {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

@font-face {
  font-family: 'Mountainsofchristmas';
  src: url('../fonts/MountainsofChristmas.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}