body {
  background-color: #f3f3f3;
  font-family: "Barlow",sans-serif;
  letter-spacing: .3px;
}

a {
  color: black;
  text-decoration: none;
}
a:a:hoverfocus,a:active {
  color: blue;
  text-decoration: none;
}
h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: .5rem;
}

ul {
  margin-bottom: 0;
}

header {
  background-color: #fff;
  color: #fff;
  font-size: 13px;
  height: 60px;
}

header table tr td {
  line-height: 1;
}

header .header_bola,header .header_menu,header .header_search {
  height: 60px;
}

header .header_bola {
  text-align: center;
}

header .header_bola img {
  max-height: 50px;
}

header .input-group .form-control {
  border-right: 0;
  border-radius: 10px;
}

header .input-group .input-group-append {
  border-left: 0;
}

header .input-group .input-group-append .input-group-text {
  background-color: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.text_decoration_underline {
  text-decoration: underline;
}

.f-10,.f_10 {
  font-size: 10px !important;
}

.f-12,.f_12 {
  font-size: 12px !important;
}

.f-13,.f_13 {
  font-size: 13px !important;
}

.f-14,.f_14 {
  font-size: 14px !important;
}

.f-16,.f_16 {
  font-size: 16px !important;
}

.f-18,.f_18 {
  font-size: 18px !important;
}

.f-20,.f_20 {
  font-size: 20px !important;
}

.f-24,.f_24 {
  font-size: 24px !important;
}

.f-30,.f_30 {
  font-size: 30px !important;
}

.f-34,.f_34 {
  font-size: 34px !important;
}

.rounded {
  border-radius: 3px;
}

.section_separator {
  margin-top: 25px;
}

.bg_white {
  background-color: #fff;
}

.bg_grey_f5 {
  background-color: #f5f5f5;
}

.slider_nav {
  margin-top: .5rem;
}

.slider_nav img {
  padding-right: .5rem;
}

:focus {
  outline: none;
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.deal_detail_discount {
  background-color: #f0f0f0;
  color: #e00000;
  font-weight: 700;
  font-size: 16px;
  display: inline-block;
  padding: 5px 8px;
  border-radius: 20px;
}

.deal_detail_discount_success {
  background-color: #f0f0f0;
  color: #1daf00;
  font-weight: 700;
  font-size: 16px;
  display: inline-block;
  padding: 5px 8px;
  border-radius: 20px;
}

.deal_detail_discount_danger {
  background-color: #e00000;
  color: #fff;
  font-size: 10px !important;
  border-radius: 20px;
  display: inline-block;
  padding: 5px 8px;
  font-weight: 600;
}

.deal_detail_discount_success {
  background-color: #1daf00;
  color: #fff;
  font-size: 10px;
  border-radius: 20px;
  display: inline-block;
  padding: 5px 8px;
  font-weight: 600;
}

.deal_detail_box_offer ul li {
  cursor: pointer;
  font-weight: 600;
  padding: .75rem 1rem;
  border-bottom: 1px solid #fff;
}

.deal_detail_box_offer ul li.active,.deal_detail_box_offer ul li:hover,.deal_detail_box_offer ul li:focus,.deal_detail_box_offer ul li:active {
  background-color: #000;
  border-radius: 3px;
  color: #fff;
}

.deal_detail_box_offer_detail {
  display: none;
  font-size: 14px;
}

.deal_detail_box_offer_detail p,.deal_detail_box_offer_detail span,.deal_detail_box_offer_detail a,.deal_detail_box_offer_detail div,.deal_detail_box_offer_detail ul,.deal_detail_box_offer_detail li {
  font-size: 14px;
  font-family: inherit !important;
}

.deal_detail_box_offer_detail ul {
  padding-inline-start: 20px;
}

.deal_detail_box_offer_detail.active {
  display: block;
}

.footer_purchase_box {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: 2;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.footer_purchase_box .footer_menu_deal_name {
  margin-right: auto;
}

.footer_purchase_box h2,.footer_purchase_box .h2 {
  margin-bottom: 0;
  line-height: 1;
  font-weight: 400;
}

.footer_purchase_box h2 small,.footer_purchase_box .h2 small {
  font-size: 50%;
  font-weight: 600;
}

.footer_purchase_box h3,.footer_purchase_box .h3 {
  font-size: 20px;
  font-weight: 700;
}

.slick-dots li button:before {
  font-size: 16px !important;
  content: "■" !important;
  color: #000 !important;
}

.package_number {
  text-align: center;
  border: 0;
  font-weight: 700;
}

.header_after {
  position: absolute;
  width: 100%;
  height: 300px;
  background-color: #000;
}

.separator_short {
  width: 65px;
  margin: 0;
  height: 1.5rem;
  border-top: 3px solid #000;
}

.see_more_text {
  margin-bottom: 1rem;
  margin-top: -0.5rem;
  font-size: 13px;
  font-weight: 600;
}

.btn-primary {
  background-color: #000;
}

.text-primary,.c_primary {
  color: #000 !important;
}

.c_muted {
  color: #a8a8a8;
}

.font-weight-bold,.font_weight_bold {
  font-weight: 700;
}

.font-weight-semi-bold,.font_weight_semi_bold {
  font-weight: 600;
}

.font-weight-black,.font_weight_black {
  font-weight: 900;
}

.banner_big {
  max-height: 400px;
}

.banner_big .item img {
  border-radius: 3px;
  width: 80vw;
}

.banner_small img {
  border-radius: 3px;
}

.banner_right_menu {
  padding-left: 0;
  max-width: 100%;
}

.banner_left_menu {
  z-index: 2;
  padding-right: 0;
}

.banner_left_menu ul li:first-child a {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.banner_left_menu ul li:last-child a {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.banner_left_menu a {
  width: 100%;
  background-color: #fff;
  line-height: 2;
  font-size: 16px;
  display: block;
  border: 1px solid #ddd;
  border-bottom: none;
  padding: 7.8px 15px;
  height: 48.59px;
  overflow: hidden;
}

.banner_left_menu li:last-child a {
  border-bottom: 1px solid #ddd;
}

.header_notification {
  background-color: #f3f3f3;
  text-align: center;
  padding: .5rem;
}

.header_notification p {
  margin-bottom: 0;
}

.header_notification a {
  text-decoration: underline;
  color: #000;
}

.category_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #e8eeee;
  background-color: #fff;
  border-radius: 3px;
}

.category_list .category_list_item {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
  padding: 0;
}

.category_list .category_list_item .category_list_title {
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  color: #999;
}

.category_list .category_list_item a {
  display: block;
  padding-bottom: 28px;
}

.category_list .category_list_item a img {
  padding: 0 25px 10px;
  width: 100%;
}

.category_list .category_list_item a .not_hover {
  display: block;
}

.category_list .category_list_item a .hover {
  display: none;
}

.category_list .category_list_item a:hover .not_hover {
  display: none;
}

.category_list .category_list_item a:hover .hover {
  display: block;
}

.category_list .category_list_item a:hover .category_list_title {
  color: #000;
}

.selected_category h3 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin: 0;
}

.selected_category p {
  font-size: 14px;
}

.box {
  padding: 32px;
  background-color: #fff;
}

.box.box_blue {
  background-color: #000;
}

.box.box_blue .btn_register {
  background-color: #fff;
  color: #000;
}

.box_shadow {
  box-shadow: 1px 1px 5px #ccc;
}

.deal_item {
  background-color: #fff;
  box-shadow: 1px 1px 5px #ccc;
  cursor: pointer;
  border-radius: 3px;
}

.deal_item .deal_item_image img {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.deal_item .deal_item_title h3 {
  font-size: 12px;


  padding: 10px 12px;
  height: 58px;
  line-height: 1.5;
  margin-bottom: 0;
  overflow: hidden;
}

.deal_item .deal_item_price {
  padding: 0 .75rem;
}

.deal_item .deal_item_price .deal_item_price_discount {
  color: #c00;
  font-size: 20px;
  font-weight: 700;
}

.deal_item .deal_item_price .deal_item_price_market {
  font-size: 10px;
  color: #949494;
  text-decoration: line-through;
  text-align: center;
}

.deal_item .deal_item_price .deal_item_price_sell {
  font-size: 20px;
  font-weight: 900;
  text-align: right;
}

.deal_item .deal_item_price .deal_item_price_sell span {
  font-size: 10px;
  color: #949494;
}

.deal_item .deal_item_description {
  height: 48px;
  overflow: hidden;
}

.deal_item .deal_item_description,.deal_item .deal_item_rating,.deal_item .deal_item_buy {
  padding: .5rem .75rem;
  font-size: 13px;
}

.deal_item .deal_item_rating .deal_item_rating_rate {
  font-weight: 700;
}

.favorite_brand img {
  border-radius: 3px;
}

footer {
  background-color: #fff;
  border-top: 1px solid #ddd;
  padding-top: 40px;
  margin-top: 30px;
  font-size: 14px;
}

footer h1,footer h4 {
  font-size: 14px;
  font-weight: 900;
  margin-bottom: .75rem;
}

footer p {
  font-size: 14px;
  line-height: 1.5;
  text-align: justify;
}

footer .sosmed_lakupon {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  float: left;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  margin-right: 10px;
}

footer .footer_description {
  padding-right: 0;
}

footer .footer_separator,footer .footer_menu {
  padding-right: 0;
  padding-left: 0;
}

footer .footer_category {
  padding-left: 0;
}

footer .copyright {
  margin-top: 30px;
  color: #fff;
  background-color: #185c99;
  text-align: center;
  padding: 5px 0;
}

footer .footer_logo {
  margin-bottom: .75rem;
}

footer .footer_logo img {
  max-height: 50px;
}

.owl-nav {
  text-align: center;

}

.owl-nav .owl-prev,.owl-nav .owl-next {
  margin: 8px 20px;
}

.owl-nav button.owl-prev:focus,.owl-nav button.owl-next:focus {
  outline: 0;
}

#category {
  margin-top: 0;
}

.deal_box {
  margin-bottom: 1.5rem;
}

.footer_banner_text {
  margin-left: -8px;
  margin-right: -8px;
}

.footer_banner_text ul li {
  border-bottom: 1px solid #ddd;
}

.footer_banner_text ul li a {
  display: block;
  padding: 10px 8px;
}

.deal_detail_package_list {
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.login_register label {
  font-size: 14px;
  margin-bottom: .25rem;
  font-weight: 600;
}

.box_payment {
  background-color: #fff;
  padding: 2rem 3rem;
  position: relative;
}

.box_payment h1,.box_payment h2 {
  font-size: 18px;
  font-weight: 400;
}

.box_payment .payment_tab {
  border: 1px solid #ddd;
  border-right: 0;
  padding: .5rem;
  cursor: pointer;
  text-align: center;
  min-height: 60px;
}

.box_payment .payment_tab h3 {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1;
  font-weight: 600;
}

.box_payment .payment_tab.active {
  background-color: #000;
  color: #fff;
}

.box_payment .flex-fill:last-child .payment_tab {
  border-right: 1px solid #ddd;
}

.box_payment .box_payment_select {
  border: 1px solid #ddd;
  border-top: 0;
  padding: 2rem 3rem;
  display: none;
}

.box_payment .box_payment_select .box_payment_image {
  min-width: 90px;
  display: inline-block;
  padding-left: 10px;
}

.box_payment .box_payment_select .box_payment_image img {
  max-height: 20px;
  max-width: 70px;
}

.box_payment .box_payment_select.active {
  display: block;
}

.box_payment .box_sidebar {
  padding: 8px;
  border: 1px solid #ddd;
}

.box_payment .box_sidebar table {
  width: 100%;
  font-size: 14px;
}

.box_payment .box_sidebar table h3,.box_payment .box_sidebar table h4 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}

.box_payment .box_sidebar table h3 {
  font-size: 20px;
}

.box_payment .box_sidebar .f_10 {
  font-size: 12px !important;
}

.box_payment .box_sidebar .f_12 {
  font-size: 14px !important;
}

.box_payment .box_sidebar hr {
  margin-top: 8px;
  margin-bottom: 8px;
}

.box_payment .box_sidebar h5 {
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 600;
}

#edit_promo_code:hover,#edit_promo_code:focus,#edit_promo_code:active {
  text-decoration: underline;
  cursor: pointer;
}

#payment_select_sidebar .btn-success.disabled,#payment_select_sidebar .btn-success:disabled {
  color: #fff;
  background-color: #bbb;
  border-color: #bbb;
}

.profile_sidebar_menu li {
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 14px;
}

.profile_sidebar_menu li a.active {
  color: #000;
  font-weight: 900;
}

.profile_box_header {
  background-color: #000;
  color: #fff;
}

.profile_box_header h3 {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  padding: 1rem .5rem;
  margin-bottom: 0;
}

.profile_box_body {
  padding: .5rem;
  padding-bottom: 70px;
  border: 1px solid #ddd;
  position: relative;
}

.profile_box_body table tr td {
  font-size: 14px;
}

.profile_box_body table tr td:first-child {
  width: 100px;
}

.profile_box_body .button_edit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin-bottom: .75rem;
}

@media(max-width: 1023px) {
  .box_payment {
    padding: .5rem;
  }

  .box_payment .box_payment_select {
    padding: 1rem;
  }

  .box_payment h1,.box_payment h2 {
    font-size: 20px;
  }

  .box_payment h2 {
    margin-top: 1rem;
    margin-bottom: .5rem;
  }

  .box_payment .box_sidebar img {
    max-width: 100px;
  }

  .box_payment .box_sidebar table,.box_payment .box_sidebar h5 {
    font-size: 16px;
  }

  .box_payment .box_sidebar .f_12 {
    font-size: 14px !important;
  }

  .box_payment .box_sidebar .f_10 {
    font-size: 12px !important;
  }

  .box_payment .box_sidebar .btn-sm {
    padding: .375rem .75rem;
    font-size: 16px;
  }

  .footer_purchase_box .footer_menu_deal_name {
    display: none;
  }

  .footer_purchase_box .footer_menu_total_price {
    margin-right: auto;
  }

  iframe#launcher {
    bottom: 72px !important;
  }

  #mobile_menu_bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }

  #mobile_menu_bar .mobile_menu_bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #e8eeee;
    background-color: #fff;
    border-radius: 3px;
  }

  #mobile_menu_bar .mobile_menu_bar .mobile_menu_bar_item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 8px 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    text-align: center
  }

  #mobile_menu_bar .mobile_menu_bar .mobile_menu_bar_item .footer_menu_icon {
    font-size: 20px;
  }

  #mobile_menu_bar .mobile_menu_bar .mobile_menu_bar_item .footer_menu_text {
    font-size: 12px;
  }

  .container {
    padding-right: 8px;
    padding-left: 8px;
    max-width: 100%;
  }

  .row {
    margin-right: -8px;
    margin-left: -8px;
  }

  .separator_short {
    height: .75rem;
  }

  .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    padding-right: 8px;
    padding-left: 8px;
  }

  .header_notification {
    font-size: 13px;
  }

  .deal_box {
    margin-bottom: 16px;
  }

  .deal_box:nth-child(odd) {
    padding-right: 8px;
  }

  .deal_box:nth-child(even) {
    padding-left: 8px;
  }

  .owl-nav {
    margin-left: 0;
  }

  .deal_item .deal_item_price .deal_item_price_market {
    text-align: left;
    font-size: 8px;
  }

  .deal_item .deal_item_price .deal_item_price_sell {
    font-weight: 700;
  }

  .deal_item .deal_item_price .deal_item_price_sell,.deal_item .deal_item_price .deal_item_price_discount {
    font-size: 16px;
  }

  .header_search .form-control {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
  }

  .category_list .category_list_item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0;
  }

  footer {
    margin-bottom: 76px;
  }

  footer .footer_description,footer .footer_separator,footer .footer_menu,footer .footer_category {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 1rem;
  }

  .deal_detail_merchant_description {
    margin-top: 1rem;
  }
}

@media(min-width: 1024px) {
  #mobile_menu_bar {
    display: none;
  }

  #footer_banner_text,#footer_selected_category,#footer_favorite_brand {
    display: none;
  }

  .header_search {
    margin-left: -15px;
  }

  .deal_detail_deal_description>div,.deal_detail_merchant_description>div {
    min-height: 300px;
  }

  .deal_detail_box_box {
    min-height: 245px;
  }

  .banner_big {
    max-height: 400px;
  }

  .banner_big .item img {
    border-radius: 3px;
    width: 616px;
  }

  .banner_right_menu {
    margin-bottom: 1rem;
  }

  #category {
    margin-top: 25px;
  }

  .slider_for img {
    padding-right: .5rem;
  }

  .slider_nav {
    padding-right: .5rem;
  }

  .deal_detail_description,.deal_detail_merchant_description {
    padding-left: 0;
  }

  .deal_detail_menu_master {
    position: relative;
  }

  .deal_detail_menu_master .deal_detail_left_menu {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }

  .deal_detail_menu_master .deal_detail_left_menu .deal_detail_left_menu_sub {
    padding-right: 0;
  }

  .deal_detail_package_list,.deal_detail_deal_package h3 {
    margin-right: 3rem;
  }
}/*# sourceMappingURL=style.css.map */