@charset "utf-8";

body { width:100%; margin:0; padding:0; border:0; background-color:#000000; font-family:Arial; }
div { -moz-box-sizing:border-box; box-sizing:border-box; margin:0;padding:0; }
input { outline:none; }

/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background:#80808082;
  border-radius:2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:#252525; 
}

::placeholder { color:#757575; font-weight:normal; }

span[id^=not_signed_]:before { content: 'Inicie con su cuenta Google'; padding-right:20px; }
input[type="checkbox"]{ vertical-align:middle; }
.grecaptcha-badge { visibility: initial; opacity:0; }

#bj_body { position:fixed; background-color:#454545; width:100%; height:100%; background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.15)), url(../bj_images/core/bj_body3.jpg?v=3) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#bj_wrap1 { position:relative; background:none; background-color:#ffffff33; width: 50%; height:98%; left:25%; top:0px; font-family: Arial; padding-bottom: 100px; }
#bj_wrap2 { position:relative; background:none; background-color:#ffffff33; width: 50%; height:98%; left:25%; top:0px; font-family: Arial; padding-bottom: 100px; }

#bj_alert { position:fixed; width:100%; height:50px; bottom:0px; z-index:90000; display:none; }
#photo_upload { position:fixed; width:100%; height:100%; background-color:rgba(255,255,255,0.35); z-index:150000; display:none; }

#g_wrap { position:relative; width:100%; padding-left:calc(50% - 110px); margin-top:37px; }

#bj_main_head { position: relative; top:0px; background-color:#0B0B0B; width:100%; height:46px; border-bottom:1px #757575 solid; color:#FFFFFF; font-size:7px; text-align:center; }
#bj_main_msg_red { position: relative; width:100%; height:32px; background-color:rgba(247,0,0,0.75); font-size:12px; font-weight:bold; padding:5px; text-align:center; padding-top:9px; box-shadow: 0px -15px 25px #FF4B4B inset; box-shadow: 0px 2px 2px #151515; border-bottom:1px #000000 solid; color:#FFFFFF; }

#bj_main { position: relative; width: 100%; height: calc(100% + 18px); font-family: Arial;}
#bj_card_main { position: relative; background-color:rgba(255,255,255,0.85); width:90%; height:auto; left:5%; top:25px; border-radius: 7px; border: 2px #252525 solid; padding-bottom: 100px; }

#bj_controls_wrap { position:fixed; width:50%; height:calc(100% - 35px); left:25%; top:0px; background-color:rgba(0,0,0,0.55); display:none; }

.bj_control { position:relative; width:80%; height:calc(100% - 27px); left:10%; top:55px; border-radius:7px; border:1px #151515 solid; font-family:Arial; background-color:rgba(255,255,255,0.95); padding-bottom: 100px; display:none; }
.bj_control.med { height:calc(100% - 135px); }
.bj_control.med.f { padding-bottom: 10px; }
.bj_control.menu { height:calc(100% - 135px); padding-bottom: 10px; }

.bj_panel { position:relative; width:95%; height:calc(100% - 27px); left:6%; top:20px; background-color:#FFFFFF; border-radius:7px; border:1px #151515 solid; padding-bottom:50px; overflow-y:scroll; }
.bj_panel.sts {  position:absolute; display:none; }
.bj_panel.black { background-color:rgba(0,0,0,0.75); }
.bj_panel.white { background-color:rgba(255,255,255,0.85); }

.bj_design { position:absolute; width:25%; height:44px; bottom:35px; right:0px; background-color:#FFFFFF; border-width:2px 0px 2px 2px; border-style:solid; border-color:#000000; border-radius:10px 0px 0px 10px; z-index:2500; font-size:18px; font-weight:bold; padding-left:calc(4% + 25px); text-align:center; padding-top:10px; display:none; box-shadow:5px 5px 4px; }
.bj_design:hover { background-color:#FEF703; cursor:pointer; }
#bj_gear { position:absolute; width:34px; height:34px; top:3px; left:4%; }
#bj_gear_mini { position:absolute; width:24px; height:24px; top:8px; left:4%; }

#change_ps { display:none; }
#change_bg { display:none; }
#bj_add_item { display:none; }
#bj_edit_logo { display:none; }
#feed_store { display:none; }
#wsp_check { display:none; }

#bj_design_box { position:absolute; width:51%; height:97%; top:5px; right:-50%; background-color:#FFFFFF; border-radius:15px 0px 0px 15px; border-left:1px #959595 solid; box-shadow:4px 4px 4px; z-index:50000; display:block; }
.bj_box_head { position:relative; width:100%; height:40px; background-color:whitesmoke; border-bottom:1px #454545 solid; padding-top:9px; font-size:20px; font-weight:bold; }
.bj_box_head.l { border-radius:10px 0px 0px 0px; padding-left:calc(5% + 30px); }
.bj_box_head.c { border-radius:10px 10px 0px 0px; }
.bj_box_head.c2 { border-radius:10px 10px 0px 0px; padding-top:5px; }
.bj_box_head.r { border-radius:0px 10px 0px 0px; padding-right:calc(5% + 30px); }

.bj_box_exit { position:absolute; width:75px; height:20px; top:10px; right:2%; font-size:18px; text-align:center; font-weight:normal; display:none; }

.bj_box_main { position:relative; width:100%; height:calc(100% - 100px); overflow-y:scroll; overflow-x:hidden; border-radius:0px 0px 0px 10px; padding-top:2px; padding-bottom:35px; }
.bj_box_main.add_item { height:calc(100% - 155px); }
.bj_box_main.edit_item { height:calc(100% - 20px); }
.bj_box_main.offers { height:calc(100% - 20px); }
.bj_box_main.mo2 { height:calc(100% - 125px); border-radius:unset; border-bottom:1px #C1BEBE solid; }

.bj_box_item { position:relative; width:100%; min-height:20px; left:5%; margin-top:15px; font-size:12px; color:#353535; }
.bj_box_item::first-line { font-size:17px; font-weight:bold; }

.input_text.box { width:90%; left:5%; margin-bottom:7px; padding:10px; background-color:whitesmoke; }
.bj_feed_submit.box { margin-top:50px; text-align:center; padding-top:11px; }
.bj_feed_submit.box.mo { margin-top:12px; }

.bj_img_op.box { top:0px; margin-top:10px; }
.bj_img_op { top:0px; margin-top:10px; }
.label_ps_op.box { left:calc(50% - 62px);  }

.bj_skit { position:absolute; width:52px; height:57px; background-color:#FFFFFF; border-color:#000000; border-style:solid; padding-top:41px; text-align:center; color:#252525; z-index:2500; font-size:8px; font-weight:bold; opacity:1; box-shadow:5px 5px 4px; }
.bj_skit.b { height:66px; }
.bj_skit.inactive { opacity:0.6; }
.bj_skit.black { background-color:rgba(0,0,0,0.75); color:#FFFFFF; border-color:#353535; }

.bj_skit.l1 { border-width:1px 1px 1px 0px; border-radius:0px 10px 10px 0px; left:0px; top:150px; }
.bj_skit.l2 { border-width:1px 1px 1px 0px; border-radius:0px 10px 10px 0px; left:0px; top:215px; }
.bj_skit.l3 { border-width:1px 1px 1px 0px; border-radius:0px 10px 10px 0px; left:0px; top:285px; }
.bj_skit.l4 { border-width:1px 1px 1px 0px; border-radius:0px 10px 10px 0px; left:0px; top:365px; }
.bj_skit.r1 { border-width:1px 0px 1px 1px; border-radius:10px 0px 0px 10px; right:0px; top:167px; width:46px; }

.skit_img { position:absolute; top:6px; left:8px; }
.skit_img.r { position:absolute; top:6px; left:7px; }

.bj_front_text { position:relative; width:90%; height:25px; left:5%; text-align:center; margin-top:20px; font-size:22px; font-weight:bold; font-style:italic; }
.bj_front_text.ex1 { color:#C9C9C9; }
.bj_front_text.smark { height:18px; margin-top:5px; font-size:12px; font-style:normal; color:#4F4F4F;  }
.bj_front_text.smark.wchar { color:#FFFFFF; }
.bj_cats { position:relative; width:92%; min-height:40px; top:0px; left:5%; margin-top:4px; }
.bj_cat { position:relative; width:32%; height:34px; background-color:#454545; color:#FFFFFF; text-align:center; padding-left:2px; padding-right:2px; border-radius:5px; font-weight:bold; font-size:11px; }
.bj_cat.black { background-color:#454545; border:1px #606060 solid; }

.bj_welcome { position:absolute; top: 46px; width:100%; height:30px; color:#FFFFFF; font-size:12px; padding-top:7px; text-align:center; border-bottom:2px #000000 solid; }

/* PALETTE 1 - Teal */
.plt1 { background-color:rgba(20,110,110,0.70); }
.plt1_c1 { color:#228D8E; }
.plt1_c2 { color:#4FBDBB; }
.plt1_bc1 { background-color:#228D8E; }
.plt1_bc2 { background-color:#4FBDBB; }

/* PALETTE 2 - Blue */
.plt2 { background-color:rgba(40,120,252,0.75); }
.plt2_c1 { color:#2A60B7; }
.plt2_c2 { color:#4E80D0; }
.plt2_bc1 { background-color:#2A60B7; }
.plt2_bc2 { background-color:#4E80D0; }

/* PALETTE 3 - Red */
.plt3 { background-color:rgba(255,0,0,0.75); }
.plt3_c1 { color:#CC1010; }
.plt3_c2 { color:#E1200C; }
.plt3_bc1 { background-color:#CC1010; }
.plt3_bc2 { background-color:#E1200C; }

/* PALETTE 4 - Pink */
.plt4 { background-color:rgba(255,0,119,0.75); }
.plt4_c1 { color:#E11D59; }
.plt4_c2 { color:#E8326C; }
.plt4_bc1 { background-color:#E11D59; }
.plt4_bc2 { background-color:#E8326C; }

/* PALETTE 5 - Gray */
.plt5 { background-color:rgba(15,15,15,0.75); }
.plt5_c1 { color:#505050; }
.plt5_c2 { color:#505050; }
.plt5_bc1 { background-color:#505050; }
.plt5_bc2 { background-color:#505050; }

/* PALETTE 6 - Dark + Yellow/Red */
.plt6 { background-color:rgba(255,0,0,0.55); }
.plt6_c1 { color:#000000; }
.plt6_c2 { color:#000000; }
.plt6_bc1 { background-color:#FFCC00; }
.plt6_bc2 { background-color:#CC1010; }

/* PALETTE 7 - Dark + Yellow */
.plt7 { background-color:rgba(255,204,0,0.88); color:#151515; font-weight:bold; }
.plt7_c1 { color:#000000; }
.plt7_c2 { color:#151515; }
.plt7_bc1 { background-color:#FFCC00; }
.plt7_bc2 { background-color:#151515; }

/* PALETTE 8 - Dark Gray */
.plt8 { background-color:rgba(117,114,114,0.75); }
.plt8_c1 { color:#000000; }
.plt8_c2 { color:#707070; }
.plt8_bc1 { background-color:#B5B5B5; }
.plt8_bc2 { background-color:#707070; }

/* PALETTE 9 - Purple Gradient */
.plt9 { background-color:rgba(106,17,203,0.75); }
.plt9_c1 { color:#6A11CB; }
.plt9_c2 { color:#2575FC; }
.plt9_bc1 { background-color:#6A11CB; }
.plt9_bc2 { background-color:#2575FC; }

/* PALETTE 10 - Mint Fresh */
.plt10 { background-color:rgba(0,180,130,0.75); }
.plt10_c1 { color:#00B482; }
.plt10_c2 { color:#00D4AA; }
.plt10_bc1 { background-color:#00B482; }
.plt10_bc2 { background-color:#00D4AA; }

/* PALETTE 11 - Sunset */
.plt11 { background-color:rgba(255,94,58,0.75); }
.plt11_c1 { color:#FF5E3A; }
.plt11_c2 { color:#FF9500; }
.plt11_bc1 { background-color:#FF5E3A; }
.plt11_bc2 { background-color:#FF9500; }

/* PALETTE 12 - Lavender */
.plt12 { background-color:rgba(88,86,214,0.75); }
.plt12_c1 { color:#5856D6; }
.plt12_c2 { color:#AF52DE; }
.plt12_bc1 { background-color:#5856D6; }
.plt12_bc2 { background-color:#AF52DE; }

/* OFFER CARD GRADIENTS */
.plt1_grad { background:linear-gradient(135deg, #0D6B6C, #3fd2d0) !important } /* teal: darker start */
.plt2_grad { background:linear-gradient(135deg,#1A3A7A,#5A9FFF) !important; } /* blue: deeper contrast */
.plt3_grad { background:linear-gradient(135deg,#8B0000,#FF5555) !important; } /* red urgency */
.plt4_grad { background:linear-gradient(135deg,#9B0D40,#FF7EB3) !important; } /* pink: richer */
.plt5_grad { background:linear-gradient(135deg,#2A2A2A,#656565) !important; } /* gray: sharper */
.plt6_grad { background:linear-gradient(135deg,#FF8C00,#FFD100) !important; } /* gold rush */
.plt7_grad { background:linear-gradient(135deg,#FFCC00,#FF9500) !important; } /* ✓ KEEP */
.plt8_grad { background:linear-gradient(135deg, #000000, #3e3e3e) !important } /* silver */
.plt9_grad { background:linear-gradient(135deg,#4A00A0,#00D4FF) !important; } /* purple→cyan wow */
.plt10_grad { background:linear-gradient(135deg,#007A5E,#00FFAA) !important; } /* green: deeper */
.plt11_grad { background:linear-gradient(135deg, #E0BD00, #f95325) !important; } /* fire sale */
.plt12_grad { background:linear-gradient(135deg,#3D00A0,#DA70FF) !important; } /* purple: richer */

.new_item { position:relative; width:90%; height:240px; left:5%; margin-top:10px; background-color:whitesmoke; border:1px #757575 solid; border-radius:7px; color:#404040; font-weight:bold; padding-top:55px; text-align:center; cursor:pointer; }
.new_item::first-line { font-size:72px; }
.new_item.black { background-color:#f5f5f547; color:#ffffff; }

.bj_items_sub { position:relative; width:100%; height:42px; margin-top:52px; }
.bj_items_sub.ex1 {background-color:#00000075; }
.bj_items_sub.ex2 {background-color:#ffd118e0; }
.bj_items_sub.ex3 {background-color:#d01313c7; }

.bj_manager_link { position:absolute; width:48%; height:52px; left:0%; bottom:0px; background-color:#FFFFFF; border-color:#000000; border-style:solid; border-width: 2px 2px 2px 0; padding-left:calc(2% + 20px); padding-top:10px; text-align:center; font-size:9px; z-index:500; }
.bj_manager_link::first-line { font-size:15px; font-weight:bold; }
.bj_manager_link.pending:hover { cursor:pointer; background-color:#EBEBEB; }
.bj_manager_link.b { width:52%; left:48%; border-width: 2px 0px 2px 0; }
.bj_manager_link.actual { background-color:#EBEBEB; }

.link_img { position:absolute; width:20px; height:20px; left:3%; top:14px; }

.bj_img_op { position:relative; width:90%; min-height:135px; top:10px; left:5%; margin-top:15px; border:1px #DDDDDD solid; border-radius:7px; padding-bottom:30px; }
.bj_img_op_loading { position:absolute; width:100px; height:15px; top:calc(50% - 8px); left:40%; font-size:12px; color:#454545; animation-name:blinker; animation-duration:0.7s; animation-iteration-count:infinite; animation-timing-function:ease-in-out; animation-direction: alternate; }

.bg_op { position:relative; width:75%; }
.label_bg_op { position:relative; top:15px; left:calc(10% + 25px); }
.bg_radio { position:absolute; width:25px; top:calc(50% - 10px); left:5%; text-align:center; }
.label_bg_op.select { left:10%; z-index:15000; }

.bj_img_op.pset { min-height:64px; }
.label_ps_op { position:absolute; top:15px; left:calc(30% + 25px); }
.ps { position:absolute; width:30px; height:28px; border:1px #000000 solid;  }
.ps.c1 { left:0px; }
.ps.c2 { left:45px; }
.ps.c3 { left:90px; }

#sts1 { display:block; }

.bj_form { overflow-y:scroll; height:calc(100% - 50px); padding-bottom:45px; }
.bj_form.t2 { overflow-y:scroll; height:calc(100% - 65px); padding-bottom:45px; }

.bj_menu { overflow-y:scroll; height:calc(100% - 10px); margin-top:7px; padding-bottom:45px; font-size:12px; }
.bj_menu_item { position:relative; width:90%; top:17px; left:6%; margin-top:7px; font-size:18px; text-align:center; background-color:#FFFFFF; padding-top:15px; padding-bottom:15px; cursor:pointer; border:1px #c8c8c8 solid; border-radius:7px;  }
.bj_menu_item.reg:hover { background:linear-gradient(135deg,#FFCC00,#ff9500); color:#000000; }
.bj_menu_item.exit { margin-top:20px; background-color:#ff0707; color:#FFFFFF; font-weight:bold; }
.bj_menu_item.exit:hover { background-color:#ff0707 !important; }

.bj_feed { position:relative; height:calc(100% - 105px); width:70%; left:15%; top:70px; padding-bottom:24px; background-color:#FFFFFF; border-radius:25px; color:#000000; text-align:center; line-height:1.4; border:1px #858585 solid; z-index:5000; }
.bj_feed.select { overflow-x:hidden; overflow-y:scroll; max-height:calc(100% - 125px); border-radius:5px; }
.bj_feed.mo { top:55px; height:calc(100% - 105px); border-radius:10px; }
.bj_feed.add_item { top:20px; max-height:calc(100% - 100px); border-radius:10px; }
.bj_feed_title { position:relative; width:80%; left:10%; min-height:25px; margin-top:20px; font-weight:bold; font-size:17px; }
.bj_feed_title.scs { color:#2EC62E; }
.bj_feed_text { position:relative; width:82%; left:9%; min-height:25px; margin-top:15px; font-size:14px; }
.bj_feed_signed { position:relative; width:80%; height:85px; left:10%; margin-top:17px; text-align:center; }
.bj_feed_signed_img { width:70px; height:65px; }
.bj_feed_submit { position:relative; width:80%; height:42px; left:10%; border-radius:7px; padding-top:8px; background-color:#1cbd1c; color:#FFFFFF; font-weight:bold; border:1px #000000 solid; }
.bj_feed_submit.a { width:35%; float:left; left:10%; margin-top:25px; }
.bj_feed_submit.b { width:42%; float:right; left:-10%; background-color:#858585; margin-top:25px; }

.bj_feed_input { position:relative; width:82%; padding:7px; font-size:20px; border-radius:8px; border:1px #454545 solid; margin-top:15px; background-color:whitesmoke; }
.bj_feed_extra { position:relative; width:60%; left:20%; height:30px; background-color:#FFFFFF; padding-top:5px; padding-left:calc(4% + 20px); margin-top:2px; font-size:14px; border:1px #505050 solid; color:#454545; font-weight:bold; border-radius:5px; }
.feed_extra_img { position:absolute; width:20px; height:20px; top:4px; left:4%; animation-name:blinker; animation-duration:1.5s; animation-iteration-count:infinite; animation-timing-function:ease-in-out; animation-direction: alternate; }

.clear_floats { clear:both; }

.bj_feed_close { position:absolute; top:-15px; left:calc(100% - 30px); width:42px; min-height:38px; border-radius:50%; background-color:#FFFFFF; border:2px #000000 solid; text-align:center; padding-top:7px; font-size:16px; font-weight:bold; color:#000000; cursor:pointer; z-index:10000; }

#bj_feed_map_dir { position:relative; width:90%; left:5%; height:30px; padding-top:5px; font-size:11px; padding:2px; line-height:1; }
#bj_feed_map_dir::first-line { font-size:15px; font-weight:bold; }

#bj_feed_map_actual { position:relative; width:90%; left:5%; height:255px; border:2px #959595 solid; background-color:#EEEEEE; margin-top:5px; }
#feed_location { display:none; }
#feed_map { display:none; }
#location_extra_text { display:none; }
#location_extra_button { display:none; }
#location_a { background:url(../bj_images/core/font_location.png?v=9) no-repeat center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-color:#FFFFFF; }

.item_img { position:absolute; width:25px; height:25px; left:4%; top:12px; }

/*bj_control Components */
  .bj_control_close { position:absolute; top:-15px; left:calc(100% - 30px); width:42px; height:38px; border-radius:50%; background-color:#FFFFFF; border:1px #000000 solid; text-align:center; padding-top:8px; font-size:22px; font-weight:bold; color:#000000; cursor:pointer; }
  
  .bj_marker { position:relative; width:100%; height:30px; font-size:14px; padding-top:9px; font-weight:bold; text-align:center; }
  .bj_item { position:relative; width:96%; min-height:42px; height:auto; left:2%; background-color:#DEDEDE60; padding-left:4%; padding-right:calc(5% + 16px); padding-bottom:5px; font-size:12px; padding-top:11px; border-radius:7px; border:1px #BBBBBB solid; margin-top:5px; }
  .bj_item::first-line { font-size:15px; }
  .bj_item.mark { font-size:11px; margin-top:0px; margin-bottom:0px; background-color:transparent; font-weight:bold; border:none; padding-left:0; padding-right:0; text-align:center; }
  .bj_item.reg { text-align:left; font-size:11px; background-color:#ffffff60; }
  .bj_item.p { top:22px; }
  .bj_itemF { position:absolute; width:60%; padding:7px; left:38%; top:4px; border-radius:7px; border:1px #CCCCCC solid; color:#0A3168;}
  .bj_itemF.mini { left:37%; top:3px; color:#353535; }

  .bj_item_mini { position:relative; width:96%; min-height:41px; height:auto; top:22px; left:2%; background-color:#DEDEDE60; padding-left:4%; padding-right:calc(5% + 16px); padding-bottom:5px; font-size:12px; padding-top:12px; border-radius:7px; border:1px #BBBBBB solid; margin-top:5px; overflow:hidden; }
  .bj_itemS { position:absolute; width:60%; padding-top:8px; left:38%; top:4px; color:#000000; font-weight:bold; }
  .ok { color:#0c8035; }
  .urgent { color:#ec1515; }
  .bj_check { height:12px; }

  .bj_result_show { position:relative; width:80%; min-height:75px; padding:4%; left:10%; margin-top:25px; text-align:center; border:1px #BBBBBB solid; border-radius:7px; color:#FFFFFF; font-size:14px; }
  .bj_result_show::first-line { font-size:20px; font-weight:bold; }
  .bj_result_show.scs { background-color:#2bb52b; }
  .bj_result_show.err { background-color:#FF6262; }

.bj_text_st { position:relative; width:80%; min-height:20px; top:12px; left:10%; margin-top:20px; font-size:15px; text-align:center; padding-bottom:12px; }
.bj_mark_st { position:relative; width:60%; height:30px; left:20%; top:15px; font-size:18px; margin-top:20px; font-weight:bold; border-bottom:1px #757575 solid; text-align:center; }
.bj_submit_st { position:relative; width:80%; height:38px; left:10%; border-radius:7px; padding-top:10px; margin-top:45px; text-align:center; background-color:#31DB31; color:#FFFFFF; font-weight:bold; border:1px #757575 solid; }
.bj_submit_st.back { background-color:#050505; margin-top:10px; }

#bj_main_sub { position: absolute; width:100%; height:35px; bottom:0px; background-color:#272727; box-shadow: 0px 0px 5px #000000; font-size:9px; color:#FFFFFF; text-align:center; z-index:500; }
#sub_demo { position:absolute; width:30%; height:100%; left:0px; padding-top:11px; color:#FFE804; font-size:11px; letter-spacing:1px; font-weight:bold; background-color:#101010; cursor:pointer; }
#sub_launch { position:absolute; width:30%; height:100%; left:0px; padding-top:11px; font-size:12px; font-weight:bold; background-color:#454545; color:#FFFFFF; cursor:pointer; }

#sub_sign { position:absolute; width:40%; height:100%; left:30%; padding-top:12px; }
#sub_cr { position:absolute; width:30%; height:100%; left:70%; padding-top:12px; }

#store_address_actual { position:relative; width:90%; left:5%; height:255px; border:2px #959595 solid; background-color:#EEEEEE; margin-top:15px; }
.bj_map { position:relative; width:90%; left:6%; margin-top:20px; border:1px #959595 solid; border-radius:7px; }
.bj_map.feed { left:0%; margin-bottom:20px; }

/*bj_main_sub Delivery Components */
#bj_main_sub_m { position: absolute; background-color:#FFCC00; width:100%; height:42px; bottom:0px; box-shadow: 0px 0px 5px #000000; padding-top:4px; padding-left:25%; font-size:10px; color:#000000; }
#bj_main_sub_m::first-line { font-size:16px; }

/*bj_main_head Components */

  .main_head_img { position: absolute; left:calc(50% - 10px); top:7px; width:20px; height:19px; }
  .main_head_img.plus { top:10px; width:20px; height:25px; }
  .main_head_img:hover { cursor:pointer; }

  .user_img { position:relative; width:34px; height:30px; top:8px; border-radius:50%; }
  .user_img.max { position:absolute; width:76px; height:76px; left:calc(50% - 38px); border:unset; box-shadow:unset; }
  .user_img.np { left:calc(50% - 17px); color:#000000; background-color:#FFCC00; padding-top:4.5px; padding-right:1px; font-size:19px; font-weight:700; }
  .user_img.np.max { position:absolute; width:76px; height:76px; left:calc(50% - 38px); border:unset; border:1px #FFFFFF solid; color:#000000; background-color:#FFCC00; text-align:center; padding-top:12px; padding-right:1px; font-size:45px; box-shadow:unset; font-weight:750; }
  
  .user_show { position:relative; width:100%; height:78px; }

  .user_rep { position:absolute; width:calc(50% - 50px); height:35px; left:calc(50% + 48px); top:40px; font-size:11px; color:#505050; }
  .user_rep::first-line { font-weight:bold; }
  .user_rep_circle { position:absolute; width:18px; height:18px; top:60px; left:calc(50% + 22px); background-color:#35AB00; border-radius:50%; border:1px #FFFFFF solid; }

  .bj_catch { position:relative; width:50%; height:24px; left:25%; font-size:12px; background-color:#000000bf; color:#FFFFFF; margin-top:20px; font-weight:bold; border-radius:5px; padding:4px; }

  #bj_search { position:relative; width:70%; left:15%; padding:10px; font-size:17px; border-radius:7px; margin-top:20px; border:2px #020202 solid; color:#454545; font-weight:bold; }
  
  #bj_submit_area { position:relative; width:100%; height:50px; }
  #bj_submit { position:relative; width:50%; left:25%; background-color:#FFF705; padding:10px; font-size:14px; text-align:center; opacity:0.85; border-radius:7px; margin-top:12px; border:1px #454545 solid; color:#000000; font-weight:bold; cursor:pointer; }
  #bj_submit:hover { opacity:1; }

  #bj_info_area { position:absolute; width:100%; height:90px; background-color:rgba(0,0,0,0.7); bottom:0px; text-align:center; padding-top:12px; color:#DDD; line-height:1.7; font-size:11px; }

.main_sub_m_img { position: absolute; left:calc(12% - 18px); top:12px; width:38px; height:25px; animation-name: rotating; animation-duration: 0.2s; animation-iteration-count:infinite; animation-direction: alternate; }
.main_sub_m_street { position: absolute; left:0px; top:37px; width:100%; height:6px; background-color: #151515; }

#bj_logo_main { position:relative; width:118px; height:115px; margin-top:24px; border-radius:50%; left:calc(50% - 60px); box-shadow:2px -1px 2px #000000;  }
.light { position:absolute; top:30px; left:calc(50% - 50px); width:100px; height:100px; box-shadow: 0px 0px 15px #FFFFFF; border-radius:50%; }

#bj_plus_control { position:absolute; width:50%; height:150px; left:0px; top:46px; z-index:250000; display:none; }
.bj_plus_op { position:relative; width:100%; height:46px; padding-top:13px; padding-left:10px; background-color:#353535; color:#FFFFFF; font-size:14px; border-bottom:1px #656565 solid; }
.bj_plus_op:hover { background-color:#454545; }

.bj_logo_signed { position:relative; width:60px; height:48px; top:-22px; left:calc(50% - 30px); }
.bj_logo_signed.form { top:12px; }
.bj_logo_signed.form2 { top:-25px; }

.bj_sign_text { position:relative; width:90%; height:12px; top:18px; left:5%; font-size:9px; text-align:center; color:#252525; }
.bj_sign_text.form { width:80%; height:27px; top:-15px; left:10%; font-size:12px; background-color:#252525; padding:7px; font-weight:bold; border-radius:5px; color:#FFFFFF; }
.bj_signed { position:relative; width:90%; height:12px; margin-top:10px; left:5%; font-size:9px; text-align:center; color:#252525;  }

.bj_info_mark { position:relative; width:90%; height:20px; top:18px; left:5%; font-size:18px; font-weight:bold; color:#252525; text-align:center;  }
.bj_info_mark.sub { font-size:12px; font-weight:normal; color:#606060; }

.login_field { position:relative; width:80%; height:20px; top:12px; left:10%; margin-top:20px; font-size:15px; text-align:center; }
.login_field.mini { top:12px; margin-top:2px; font-size:12px; margin-bottom:4px; }
.login_field.grc { top:25px; margin-top:25px; font-size:10px; margin-bottom:4px; color:#757575; }
.login_field.grc.st { top:0px; margin-top:15px; margin-bottom:10px; }
.login_field.begin { margin-top:0px; }

.login_input { position:relative; width:80%; height:30px; left:8%; margin-top:10px; }
.login_input.textarea { height:50px; }

.input_text { position:relative; width:101%;  border-radius:10px; top:5px; margin-top:2px; border:1px #959595 solid; background-color:#EEEEEE; font-family:Arial; }
.input_text.t1 { padding:10px; font-weight:600 }

.file_input { position:absolute; opacity:0; z-index:-1; left:0%; overflow:hidden; }

#bj_store_logo { position:absolute; width:72px; height:70px; top:7px; left:-4px; font-size:12px; z-index:10; background-color:#ffffffba; padding-top:24px; text-align:center; border:1px #505050 dashed; border-radius:50%; }

.rotate345 { transform:rotate(345deg); }
.rotate360 { transform:rotate(360deg); }
.rotate15 { transform:rotate(15deg); }

.item { position:relative; width:90%; left:5%; margin-top:15px; }
.bj_photo { position:relative; width:100%; max-height:525px; min-height: 180px; border:1px #757575 solid; background-color:#EEEEEE; border-radius:2px; overflow-y:hidden; }
.bj_photo_cat { position:absolute; width:27%; height:15px; top:5px; right:5px; padding-top:1px; font-weight:bold; font-size:11px; color:#FFFFFF; z-index:10; border-radius:4px; overflow-x:hidden; }
.bj_photo_cat.bchar { color:#000000; }
.bj_photo_cat.bgred { background-color:#C71D0F; }
.photo { width:100%; max-height:525px; }

.item_box { position:relative; width:100%; min-height:80px; margin-top:2px; border:1px #BBB solid; padding-left:7px; padding-top:5px; padding-right:2%; padding-bottom:40px; border-radius:2px; background-color:#FFFFFF; font-size:12px; }
.item_box.promobox { padding-right:30%; }

.item_pricetag { position:absolute; width:100%; left:0%; bottom:0px; height:35px; font-size:10px; padding-left:7px; padding-top:7px; padding-right:60%; padding-bottom:35px; color:#454545; }
.item_price { position:absolute; width:42%; height:30px; right:34%; background-color:rgba(185,185,185,0.45); border:1px #959595 solid; padding-top:5px; border-radius:4px; color:#101010; font-size:17px; }
.item_buy { position:absolute; width:30%; height:30px; right:2%; border:1px #0D0D0D solid; padding-top:7px; border-radius:4px; font-size:12px; font-weight:bold; color:#FFFFFF; }

.bcs_a { background-color:#000000; color:#FFFFFF; }
.bcs_b { background-color:#FFCC00; color:#252525; }

.ctr { text-align:center; }

#bj_bell { position:absolute; width:20px; height:18px; top:9px; left:calc(50% - 8px); }

.bj_camera { position:relative; width:170px; height:145px; left:calc(50% - 85px); margin-top:25px; background:linear-gradient(135deg, #f500fe 0%, #ff5200 100%); border-radius:12px; text-align:center; padding-top:2px; font-size:15px; }

.login_send { position:relative; top:35px; width:220px; height:34px; left:calc(50% - 110px); border-radius:5px; border:1px #959595 solid; font-size:12px; letter-spacing:2px; background-color:#FDFE00; color:#000000; cursor:pointer; }
.g-recaptcha { position:relative; top:35px; width:220px; height:34px; left:calc(50% - 110px); border-radius:5px; border:1px #252525 solid; font-size:12px; letter-spacing:2px; background-color:#FDFE00; color:#000000; cursor:pointer; }

.bj_edit { position:relative; top:42px; width:220px; height:34px; left:calc(50% - 110px); border-radius:5px; border:1px #252525 solid; font-size:12px; letter-spacing:2px; background-color:#FDFE00; color:#000000; text-align:center; padding-top:10px; cursor:pointer; font-weight:bold; }
div.register { position:relative; top:30px; width:220px; height:34px; padding-top:9px; left:calc(50% - 110px); border-radius:5px; font-size:12px; border:1px #858585 solid; letter-spacing:2px; text-align:center; margin-top:24px; background-color:#F2EEEE; color:#000000; cursor:pointer; }

#blinking { animation-name:blinker; animation-duration:0.5s; animation-iteration-count:infinite; animation-timing-function:ease-in-out; animation-direction: alternate; }

@keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
  }

@keyframes rotating {
  from { transform: rotate(-1deg);}
  to { transform: rotate(1deg);}
  }

@media only screen and (max-width: 700px) {
  #bj_body { background:none; }
  #bj_wrap1 { width:100%; left:0%; height:100%; background:url(../bj_images/core/bj_body3.jpg?v=9) no-repeat center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
  #bj_wrap2 { width:100%; left:0%; height:100%; background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url(../bj_images/core/bj_font_main2.jpg?v=9) no-repeat center; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -o-background-size:100% 100%; background-size:100% 100%; }
  #bj_controls_wrap { width:100%; left:0%; background-color:rgba(0,0,0,0.35); }
  .bj_control { width:86%; left:7%; }
  #bj_search { width:86%; left:7%; }
  .bj_catch { width:86%; left:7%; }
  .bj_design { width:32%; padding-right:3px; }
  #location_extra_text { display:block; }
  #location_extra_button { display:block; }
  #bj_design_box { width:80%; height:calc(97% - 62px); top:5px; right:0px; display:none; }
  .bj_design { display:block; }
  .bj_box_exit { display:block; }
  .bj_feed { width:86%; left:7%; }
  }

@media only screen and (max-width: 375px) {
  .bj_skit { width:45px; height:50px; padding-top:35px; font-size:7px; }
  .skit_img { width:25px; height:22px; left:9px; }
  .bj_skit.b { height:57px; }
  .bj_skit.l2 { top:204px; }
  }

@media only screen and (max-height: 600px) {
  .bj_control.menu { height:calc(100% - 100px); }
  }

@media only screen and (max-height:575px) {
  .bj_control { height:calc(100% + 65px); }
  .bj_control.med { height:calc(100% - 65px); }
  .bj_control.menu { height:calc(100% - 75px); }
  }

@media only screen and (max-height: 550px) {
  .bj_control { height:calc(100% + 65px); }
  .bj_control.med { height:calc(100% - 65px); }
  .bj_control.menu { height:calc(100% - 65px); }
  .bj_skit.l3 { top:325px; }
  #bj_info_area { display:none; }
  }

@media only screen and (max-height: 400px) {
  #bj_logo_main{ display:none; }
  #g_wrap { display:none; }
  #bj_wrap2 { background: background:url(../bj_images/core/bj_body3.jpg?v=9) no-repeat center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
  #bj_wrap2 { background: background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../bj_images/core/bj_font_main2.jpg?v=9) no-repeat center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
  .bj_control.med { height:calc(100% - 10px); top:7px; }
  .bj_control.menu { height:calc(100% - 10px); top:7px; }
  .bj_sign_text { display:none; }
  .login_field { margin-top:4px; top:14px; }
  .bj_logo_signed.form { display:none; }
  .bj_feed { overflow-y:scroll; overflow-x:hidden; }
  div.register { display:none; }
  }

@media only screen and (max-height: 250px) {
  .bj_control.med { height:calc(100% + 10px); top:5px; }
  }

@-webkit-keyframes fadeOutRight {
            0% {
               opacity: 1;
               -webkit-transform: translateX(0%);
            }
            100% {
               opacity: 0;
               -webkit-transform: translateX(100%);
            }
         }

@keyframes fadeOutRight {
            0% {
               opacity: 1;
               transform: translateX(0%);
            }
            100% {
               opacity: 0;
               transform: translateX(100%);
            }
         }

@-webkit-keyframes fadeInRight {
            0% {
               opacity: 0;
               -webkit-transform: translateX(-100%);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0%);
            }
         }

@keyframes fadeInRight {
            0% {
               opacity: 0;
               transform: translateX(-100%);
            }
            100% {
               opacity: 1;
               transform: translateX(0%);
            }
         }

@-webkit-keyframes fadeOutLeft {
            0% {
               opacity: 1;
               -webkit-transform: translateX(0%);
            }
            100% {
               opacity: 0;
               -webkit-transform: translateX(-100%);
            }
         }

@keyframes fadeOutLeft {
            0% {
               opacity: 1;
               transform: translateX(0%);
            }
            100% {
               opacity: 0;
               transform: translateX(-100%);
            }
         }

@-webkit-keyframes fadeInLeft {
            0% {
               opacity: 0;
               -webkit-transform: translateX(100%);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0%);
            }
         }

@keyframes fadeInLeft {
            0% {
               opacity: 0;
               transform: translateX(100%);
            }
            100% {
               opacity: 1;
               transform: translateX(0%);
            }
         }