@font-face {font-family: "mu"; src: url("/fonts/Museo_Slab_100.otf") format('opentype');}
@font-face {font-family: "mu_bold"; src: url("/fonts/Museo_Slab_1000.otf") format('opentype');}
@font-face {font-family: "art"; src: url("/fonts/articulatcf_demibold.otf") format('opentype');}
@font-face {font-family: "blinkmacsystemfont"; src: url("/fonts/blinkmacsystemfont.ttf") format('truetype');}






.dlg {max-height: calc(100vh - 60px);transform: translate(-50%,-50%);left: 50%;top: 50%;display: none;position: fixed;width: 80vw;height: 100vh;z-index: 1999;background-color: #fff;border-radius: 3px;padding: 20px;max-width: calc(100vw - 50px);}








.message_text span { color:#0f1419; font-family: blinkmacsystemfont; font-size: 15px; line-height: 20px;}
.message_text { padding-top: 8px; color:#0f1419;font-family: blinkmacsystemfont;font-size: 15px; line-height: 20px; }
.ailist_cnt { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; gap: 5px; margin-top: 30px; } 
.ailist_item { width: calc(50% - 3px); position: relative; display: flex; border-radius: 12px; overflow: hidden; } 
.ailist_img { width: 100%; } 
.ailist_text_cnt { width: calc(100% - 12px); position: absolute; bottom: 0px; background: #00000091; color: #fff; padding: 6px; font-size: 12px; overflow: hidden; white-space: nowrap; } 
.ailist_text { white-space: nowrap; }
.ailist_header_img { width: 50px; height: 50px;display:block; }
.ailist_header_text { font-size: 10px; font-weight: bold; padding-left: 6px; letter-spacing: 6px; margin-top: 0px; background: #9616239c; color: #fff; }
.ali_list_header { width: 100%; text-align: center; }
.ailist_a { width: calc(100% - 0px); position: relative; bottom: 0px; }
.chat_block {}
.announce_cnt { margin: 20px; padding: 20px; border-radius: 8px; background: #d0e5ff; }
.announce_text { margin-bottom: 20px; } 
.announce_footer { margin-top: 20px; text-align: right; }


.night #Chart_long {
    background: #121212;
}   
.help_video_item { width: 100%; height: 94px; position: relative; display: flex; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #e2e2e2; } 
.help_video_body { width: 168px; min-width: 168px; border-radius: 8px; overflow: hidden; background: #121212; }  
.help_video_text { padding-left: 20px; font-weight: bold; color: #0f0f0f; }
   
      
  
.night .message_item {
width: 100%;   height: 100%;  
}


.night .message_party_name {
    color: #8e8e8e!important;
}


.night .message_text span {
    color: #e1e1e1;
}


.night .message_text {
    color: #e1e1e1;
}


.night img.Chat_img {
    background: #292929;
}


.night a.shared_link_a {
    color: coral;
}


.night span.dislike_cnt {
    background-color: transparent;
}


.night span.dislike_txt {
    color: #8e8e8e;
}


.night span.like_cnt {
    background: transparent;
}


.night span.like_txt {
    color: #8e8e8e;
}
#dlg_map {
    transform: translate(-50%,0%);
    left: 50%;
    top: 0px;
    z-index: 2000;
    width: 100vw;
    height: calc(100vh - 50px);
    overflow: auto;
    display: none;
    position: fixed;
    background-color: rgb(255, 255, 255);
max-width:500px;
}


 .music_pick_item_inner.zout {transform: scale(2,2);opacity: 0;}
.music_pick_item_inner {
    opacity: 1;
    transition: all 0.5s;
}
.map_filter_item {
    display: inline-block;
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    background: #00000042;
    font-family: sans-serif;
    color: #0def53;
}
.btn_link.clear_map_filter {
    color: navy;
    display: inline-block;
    margin-left: 10px;
}
.sticky_btn{
position: sticky;
    position: -webkit-sticky;
    top: 59px;
    z-index: 6;
}
 .tiny_cart_tuo{clear:both;}
.box_item {
     width: calc(50% - 20px);
    border-radius: 10px;
    margin: 10px; 
    overflow: hidden;
    position: relative;
    box-shadow: 0px 0px 10px #00000069;
    height: 210px;
    background-size: 50%!important;
    background-position-x: center!important;
    background-position-y: center!important;
    background-repeat: no-repeat!important;
}


.chat_footer .search_list:empty{display:none!important;}
.chat_footer .search_list {
    position: absolute;
    bottom: 90px;
    background: #fafaf0;
}  


.txt_header {
    margin-top: 40px;
    margin-bottom: 10px;
    font-weight: bold;
}
.box_item_text {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
}
.brewery_beer_btn_cnt {
    position: absolute;
    background: #333333b0;
    height: 100%;
    transition: top 0.5s;
    top: 100%;
    width:100%;
}
.Reward_product_qty {
    font-weight: bold;
    color: brown;
}
div#m_camp_list {
    display: flex;
    width: calc(100% - 25px);
    flex-wrap: nowrap;
    flex-direction: column;
}
.m_camp_item_del {
    position: absolute;
    top: 20px;
    right: 10px;
}


.m_camp_item {
    width: 100%;
position:relative;
    border: 1px solid #c6c6c6;
    background: #eee;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.m_camp_Name {
    font-family: sans-serif;
}
.m_camp_Name1 {
    font-size: 12px;
}
.Product_Tag_OP_CNT {
    text-align: right;
}
.campaign_box {
    margin-left: 20px;
}
div#Product_Tag_CNT {
    max-width: 370px;
margin-top:70px
clear:both;
}
.brewery_beer_btn_inner {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.landing_flagship_active .landing_flagship_ch {
    display: block;
}
.Product_Tag_Item {
    border-bottom: 1px solid #e7e4e4;
}
.colasable_text.col_active {
    background: #000;
    background: linear-gradient(0deg, #5f5d57, #96938c);
    color: #fff;
}
.colasable_text {
    background: linear-gradient(0deg, #9e9b93, #ddd9d0);
    color: #282828;
    font-size: 10px;
    font-weight: bold;
    font-family: sans-serif;
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
}
.m_camp_item_edit {
    width: 20px;
    position: absolute;
    top: 20px;
    right: 40px;
}
.colasable{
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #ebdfbf;
  position:relative;
} 
#dlg_footer {
    position: absolute;
    bottom: 0px;
    left:0px;
    width: calc(100% - 0px);
    border-top: 1px solid #aaa;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 40px;
}
#dlg_footer2 {
    position: absolute;
    bottom: 0px;
    left:0px;
    width: calc(100% - 0px);
    border-top: 1px solid #aaa;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 40px;
}
.btn_box_cnt {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}
.btn_box_item {
    width: calc(100% - 13px);
    border: 1px solid #d9d9d9;
    color: #3d3d3d;
    margin: 5px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn_box_item:active {
    background: cornflowerblue;
    color: #fff;
}
#dlg_body {
    width: 100%;
    height: calc(100% - 112px);
    overflow: auto;
}
#dlg_body2 {
    width: 100%;
    height: calc(100% - 112px);
    overflow: auto;
}
.Reward_product_price {
    color: #00aa00;
    font-weight: bold;
}
div#game_cnt {
    text-align: center;
    background: #000;
    padding-top: 150px;
    padding-bottom: 150px;
    margin-top: -1px;
}
.Brewery_Beer_Selected .brewery_beer_btn_cnt {
    top: 0px;
}
.Pending_Beer_Item .Pending_Beer_Text {
    display: block;
}
.is_game #jukebox_last_message {
    display: none;
}
.Pending_Beer_Text {
    position: absolute;
    left: 10px;
    top: 50%;
    background: #000000b3;
    width: calc(100% - 40px);
    color: lime;
    transform: translateY(-50%);
    padding: 10px;
    font-family: sans-serif;
    text-align: center;
    border-radius: 8px;
    display: none;
}


.Brewery_Beer_Rate_btn {
    position: absolute; 
}


.is_game #jukebox_firstclick_alert{display: none;}
div#game_plan_cnt {
    background-color: #121212;
    min-height: 300px;
    background-repeat: no-repeat;
    position: relative;
    background: url(/websites/12/images/game.jpg);
    border-radius: 30px 30px 30px 30px;
    background-size: contain;
    width: calc(100% - 56px);
    padding: 13px;
    padding-top: 60px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 500px;
    display: inline-block;
    box-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #FFEB3B, 0 0 82px #FFEB3B, 0 0 92px #F44336, 0 0 102px #F44336, 0 0 151px #F44336;
}
div#game_plan_list {
    margin-top: 266px;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.req_int{width:30px;text-align:center;}
.game_plan_item {
    padding: 17px;
    background: linear-gradient(45deg, black, #515151);
}
.game_plan_item:active {
    background: #2b2a2a;
}
.game_plan_item_price {
    display: inline-block;
    margin-left: 20px;
} 
.badge_img:active {
    background: #333;
}
.badge_img {
    width: 32%;
}
 


#playlist_status {
    font-family: Calculator;
    text-shadow: 0px 0px 7px mediumspringgreen;
    color: mediumspringgreen;
    font-size: 24px;
    letter-spacing: 3px;
}
.paid_not_played {
    width: 25px;
    padding-left: 13px;
}
#bar_playlist_cnt {
    background: #121212;
    padding: 10px;
    border-radius: 10px;
}
.reward_cnt {
    border-left: 1px solid orange;
    padding-left: 20px;
}


.tiny_cart_item_error {
    background: repeating-linear-gradient(45deg, #dadada, transparent 100px);
}
.now_playing_item .playlist_title::before {
    content: 'Now playing';
    display: block;
    color: greenyellow;
}
#jukebox_firstclick_alert {
    width: 70%;
    height: 70%;
    position: absolute;
    background: #ffffff;
    border-radius: 10px;
    left: 15%;
    top: 15%;
    z-index: 7;
    text-align: center;
    box-shadow: 0px 0px 10px #000;
}
#jukebox_firstclick_alert_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    color: #121212;
    transform: translate(-50%,-50%);
}


#jukebox_last_message {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(32% - 20px);
    left: 20px;
    background: #f9ffbf;
    border-radius: 14px;
    overflow: hidden;
}
#jukebox_last_message .op_cnt{display:none;}


div#selected_song_Data_value {
    display: inline;
    color: #b8b8b8;
}
#selected_song_cnt {
    line-height: 15px;
}


img#selected_song_img {
    width: 70%;
    border-radius: 8px;
    margin-left: calc(15%);
    margin-top: 20px;
    box-shadow: 0px 0px 10px 0px #000000;
    margin-bottom: 20px;
}
div#selected_song_Data_Item {
    width: 345px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    font-size: 13px;
}
div#selected_song_Data_title {
    display: inline;
    color: #d0a84e;
}
#music_pick_search_cnt {
    background: #add656;
    padding: 10px;
    width: 100%;
    box-shadow: 0px 0px 10px #00000054 inset;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
}
#music_pick_search_text {
    width: 100%;
    background: transparent;
    color: #fff;
    border: none;
}
#music_pick_search_img {
    width: 40px;
    position: absolute;
    right: 10px;
    top: 4px;
}
.playlist_sound_cnt_outer {
    width: calc(100% - 104px);
    display: inline-block;
    background: #2e2e2e;
    margin-top: 119px;
    margin-bottom: 10px;
    border: 12px #bfbfbf solid;
    border-style: inset;
    border-radius: 6px;
    box-shadow: 0px 0px 20px #000;
}
.__Bar #div_Avatar_CNT {
    background: #000;
    margin-top: 70px;
    height: 250px;
}
.__Bar .wide_top{margin-top:50px}
.__Bar {
    background: #000;
}
#playlist_cnt {
    background-color: #121212;
position:relative;
    background: url(/websites/12/images/neon.svg);
    border-radius: 250px 250px 30px 30px;
    width: calc(100% - 56px);
    padding: 13px;
    padding-top: 60px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 500px;
    display: inline-block;
    box-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #FFEB3B, 0 0 82px #FFEB3B, 0 0 92px #F44336, 0 0 102px #F44336, 0 0 151px #F44336;
}
.playlist_item_hidden {
    display: none!important;
}
.jukebox_metal_strap {
    position: absolute;
    width: 41px;
    border-radius: 8px;
    height: 13px;
    background: #d5b058;
    box-shadow: 0px 0px 4px #000 inset;
    background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%, hsla(0,0%, 100%,0) 9%), -webkit-repeating-linear-gradient(left, hsla(0,0%, 0%,0) 0%, hsla(0,0%, 0%,0) 4%, hsla(0,0%, 0%,.03) 4.5%, hsla(0,0%, 0%,0) 6%), -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%, hsla(0,0%,100%,0) 4%), -webkit-linear-gradient(1deg, hsl(0,0%,78%) 0%, hsl(0,0%,90%) 47%, hsl(0,0%,78%) 53%, hsl(0,0%,70%)100%);
}
.playlist_sound_cnt {
    margin-top: 0px;
    display: inline-block;
    background: #121212;
    padding: 16px;
    width: calc(100% - 30px);
    box-shadow: 9px 8px 14px #0000007d inset;
    padding-left: 15px;
    padding-right: 15px;
    background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%, hsla(0,0%, 100%,0) 9%), -webkit-repeating-linear-gradient(left, hsla(0,0%, 0%,0) 0%, hsla(0,0%, 0%,0) 4%, hsla(0,0%, 0%,.03) 4.5%, hsla(0,0%, 0%,0) 6%), -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%, hsla(0,0%,100%,0) 4%), -webkit-linear-gradient(355deg, #a0823f 0%, hsl(41.36deg 46.07% 46.48%) 47%, hsl(41.5deg 57.08% 54.31%) 53%, hsl(41.54deg 58.56% 56.47%)100%);
}


.playlist_jukebox {
    font-size: 3em;
    font-family: 'art';
    text-shadow: 0px 0px 7px red;
    color: #fff;
    text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #0fa, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #000, 0 0 151px #000;
    margin-bottom: 60px;
}


.playlist_footer {
    background: #121212;
    padding-top: 30px;
    border-radius: 0px 0px 25px 25px;
    padding-bottom: 20px;
    margin-top: -1px;
}
.playlist_out {
    text-align: center;
    background: #000;
    padding-top: 150px;
    padding-bottom: 150px;
margin-top:-1px;
}
#music_pick_footer {
    position: absolute;
    bottom: 0px;
    height: 30px;
    background: #e8e8e8;
    left: 0px;
    width: calc(100% - 40px);
    border-radius: 0px 0px 3px 3px;
    padding-left: 20px;
    padding-right: 20px;
}
#playlist_lst {
    background: #121212;
    border-radius: 5px 5px 0px 0px;
}
div#music_pick_lst {
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    overflow: auto;
    align-content: flex-start;
}
.music_pick_item {
    width: calc(50% - 20px);
    height: 160px;
    background: repeating-linear-gradient(180deg, #121212, #727171 100%);
    color: #ffff;
    padding: 9px;
    margin: 1px;
}
img.music_picker_img {
    width: 100%;
    max-height: 135px;
}
.music_picker_footer {
    text-align: center;
    font-size: 12px;
}
.music_picker_name {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}


.list #music_pick_lst {
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    overflow: auto;
    align-content: flex-start;
}
.list .music_pick_item {
    width: calc(100% - 20px);
    height: 60px;
    padding: 2px;
    margin: 1px;
    border-bottom: 1px solid #3333;
    background: none;
    color: #121212;
}
.list .music_pick_item_inner {
    opacity: 1;
    transition: all 0.5s;
    display: flex;
}
.list .music_picker_img {
    width: 60px;
    height: 60px;
}
.list .music_picker_footer {
    text-align: center;
    font-size: 12px;
    padding: 6px;
    padding-left: 10px;
}
.list .music_picker_name {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}






.playlist_sound {
    width: 20px;
}
.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.search_list_flag {
    width: 13px;
    margin-top: 15px;
    margin-left: 10px;
    vertical-align: top;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #00000069;
}
.styled-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}
.campaign_remaning{height:300px;}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}
 
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}
.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}
.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}
.styled-table td {
    text-align: left;
}




.primary_1{background-color:#F5F1E7;}
.primary_2{background-color:#C0902E;}
.primary_3{background-color:#ECD487;}
.primary_4{background: linear-gradient(0deg, #e0c16e, #cba144);}


.btn {font-family:art;font-size:1em;padding: 6px;display: inline-block;padding-left: 30px;padding-right: 30px;border-radius: 5px;background-color: #4e9af1;color: #fff;cursor: pointer;word-spacing: 2px; letter-spacing: 2px;
background: linear-gradient(0deg, #e0c16e, #cba144);}
.btn:hover {background: #C0902E;}
.btn:active {background: #C0902E;}
div#Data_Toolbox {
    width: 100%;
    margin-top: 50px;
    background: linear-gradient(0deg, #65aafa, #d4e8ff);
}
.Data_Toolbox_Item {
    width: 100px;
    padding: 20px;
    display:inline-block;
}
.Data_Toolbox_Name {
    font-family: 'Muli';
}
.Data_Toolbox_Value {
    border: none;
    width: 100%;
}
.op_cnt .btn_link {float: right;width: 40px;height: 16px;position: relative;font-size: 13px;line-height: 13px;margin-right: 20px;padding: 0px;display: inline-block;}
.btn_link:hover {color: #888;}
.btn_link:active {color: #000!important;}
.btn_link {color: #C0902E;cursor: pointer;}
.Html_CNT{padding:60px;}
    #customBtn {
      display: inline-block;
      background: white;
      color: #444;
      width: 100%;
      margin-top:30px;
      border-radius: 5px;
      border: thin solid #888;
      box-shadow: 1px 1px 1px grey;
      white-space: nowrap;
    }
    #customBtn:hover {
      cursor: pointer;
    }
    span.label {
      font-family: serif;
      font-weight: normal;
    }
    span.icon {
      background: url('/images/g-normal.png') transparent 5px 50% no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 42px;
      height: 42px;
    }
    span.buttonText {
      display: inline-block;
      vertical-align: middle;
      padding-left: 22px;
      padding-right: 42px;
      font-size: 14px;
      font-weight: bold;
      /* Use the Roboto font that is loaded in the <head> */
      font-family: 'Roboto', sans-serif;
    }








.logo_cnt {
    text-align: center;
    padding-top: 70px;
}
div#Category_CNT {
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
    margin-bottom: 20px; 
} 
.post_img_2H { 
    width: 100%;  
    height: 50%;
    vertical-align: middle;
    margin: 0px;
} 
.large_image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.post_img_2W {
    width: 50%;
    height: 100%;
    vertical-align: middle;
    margin: 0px;
} 
.DI_CNT {
display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: center;
}
.DI_MULTI {
    height: 90px;
    flex-grow: 0.1;
    list-style: none;
    max-width: calc(50% - 5px);
} 
.DI_MULTI .DI {
    height: inherit;
    margin-top: 0px;
    border-radius: 0px;
    object-fit: cover;
    }


.post_media_ul {
    display: flex;
    flex-wrap: wrap;
    padding-inline-start: 0;
    gap: 10px;
    justify-content: center;
}


.post_media_li {
    height: 100px;
    max-width: calc(50% - 5px);
    list-style: none;
}
 
.post_media_img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}












.last_unread_chat {  
    text-align: center;   
    padding: 36px;  
    background: darkseagreen;
    margin-top: 50px;
    font-family: sans-serif;
    font-weight: bold;
} 
#chat_count:empty {
    display: none;
}
#chat_count {
    display: inline-block;
    padding: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background: #850000;
    color: #ffffff;
    line-height: 11px;
    margin-left: 11px;
    border-radius: 5px;
    cursor: pointer;
 
}


.Option_Item_CNT {
    display: flex;
    flex-wrap: wrap;
}
.Category_back{
    background: url(/images/undo.svg);
    background-size: 100px!important;
    background-repeat: no-repeat;
    background-position: center;
}
.Category_Item_out {
    
 
    width: calc(25% - 7px);
    height: 280px;
    border: 1px solid #ddd;
    background: #fff;
    margin: -1px 6px 6px -1px;
    border-radius: 5px;
    overflow: hidden;


}
.Category_Item {
        height: calc(100% );
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: relative;
    background-position: center!important;
    background-position-y: top!important;
}
.Category_Item.Category_back {
    background-size: 33%!important;
    background-position-y: center!important;
}
.Category_Text {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0px;
    line-height: 18px;
    background: #00000075;
    color: #fff;
    font-size: 11px;
}
 .ttip{display:block!important;}
.signup .CloseImage {
  display: block;
}
#page_share {
    width: 32px; 
}
.my_direct_message_item .direct_message_time {
    margin-right: 20px;
}
.unread_header {
 
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    color: #777;
}
#div_direct_typing {
  position: absolute;
  top: -24px;
  left: 12px;
  font-size: 10px;
   z-index: 1;
  background: #fffbd9;
  padding-left: 10px;
  padding-right: 10px;
}
.Option_Item_Color_image {
    width: 100%;
}
.Party_Avilability {
    position: absolute;
    top: 21px;
    right: 27px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    box-shadow: 0px -5px 10px inset #00000042;
}
.under_5_min {background: lime;}
.under_30_min {background: mediumblue;}
.under_2_hours{background: mediumblue;}
.under_1_day {background: orange;}
.under_2_weeks {background: red;}
.over_2_weeks {background: #d5d5d5;}








#login_status{height:26px;}
.billboard_chat img.Chat_img {
    background: transparent;
}
.Live_Camera_Status_text {
      color: #fff;
    font-size: 11px;
}
.Live_Camera_Status {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    right: 5px;
    border-radius: 100px;
    shape-outside: circle();
    clip-path: circle();
    box-shadow: -3px -2px 11px #00000096 inset;
}
.Live_Camera_online {
    background-color: lime;
}
.Live_Camera_offline {
    background-color:#eee ;
}
#chat_scroll_el {
    position: absolute;
    top: 130px;
}
.unread_count {
    position: absolute;
    top: 23px;
    right: 7px;
    padding: 4px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ef394e;
    border-radius: 50px;
    font-family: monospace;
    font-weight: bold;
    font-size: 15px;
    height: 10px;
    color: #fff;
    line-height: 10px;
    text-align: center;
    
}
.night .chat_block_title {
    background: linear-gradient(360deg, #292929, #121212);
    color: #e1e1e1;
}


.unread_item {
    position: relative;
    padding: 19px;
    padding-left:60px;
    border-bottom: 1px solid #aaa;
}
.unread_item:hover {
  background-color:#eee;
}
.unread_item:active {
  background-color:#000!important;
}


.unread_desc {
color: #222323;
 }
#POPUP_CNT {
    width: 80%;
    max-width: 500px;
    overflow: hidden;
    height: 90px;
    background: #fff;
    position: fixed;
    bottom: -150px;
    transition: all 0.5s;
    transition-timing-function: ease-in-out;
    z-index: 3000;
    border-radius: 10px;
    box-shadow: 0px 0px 10px;
    transform: translate(-50%,-50%);
    left: 50%;
}
.product_thumb_image_Parent_Base {
    display: none;
}
.billboard_chat img.close {
    display: none;
}
#img_Profile_Image {
  width: 25px;
  border-radius: 100%;
  margin-top: 12px;
  box-shadow: 0px 0px 5px #0006;
  height: 25px;
}
#img_Profile_Image:hover{box-shadow: 0px 0px 5px #000;}


.billboard_chat #txt_chat_message {
    background: transparent;
}
.billboard_chat .chat_footer {
    border-radius: 0px 0px 10px 10px;
    border-top: none;
    box-shadow: 0px 0px 15px #0000009c;
    background: #fff;
    padding-bottom: 9px;
}
.chat_block_title { text-align: center; width: calc(100% - 40px); display: block; background-color: #fafafa; background: linear-gradient(360deg, transparent, #d2c7ac); padding: 20px; height: 20px; line-height: 0px; color: #000; font-weight: bold; }
.chat_block_title div { font-family: 'blinkmacsystemfont'; font-size: 12px; }
.like_svg {
    transform: translate3d(0px, 0px, 0px);
    vertical-align: top;
    width: 15px;
    height: 16px;
    object-position: 0px 2px;
    -webkit-mask: url(/websites/12/asset/like2.svg) no-repeat center;
    mask: url(/websites/12/asset/like2.svg) no-repeat center;
    background: #989898;
    position: absolute;
    right: 0px;
    top: -3px;
    transition: all 0.3s 0.1s;
}
.like_svg:active {
    background: #000000;
    top: 0px;
    transition: 0.3s;
}


.dislike_svg {transform: translate3d(0px, 0px, 0px);vertical-align: top;width: 15px;height: 21px;object-position: 0px -3px;


-webkit-mask: url(/websites/12/asset/dislike.svg) no-repeat center;
mask: url(/websites/12/asset/dislike.svg) no-repeat center;
background: #989898;
display:inline-block;
    position: absolute;
    transition: all 0.3s 0.1s;
    left: 0px;
    top: 0px;
}
.dislike_svg:active {
    background: #000000;
    top: -4px;
    transition: 0.3s;
}


.like_cnt {
    transform: translate3d(0px, 0px, 0px);
    float: right;
    width: 40px;
    display:inline-block;
    text-align: right;
    font-family: monospace;
    height: 16px;
    background: #eaffee;
    transition: opacity 0.4s;
    cursor: pointer;
    position: relative;
}
.like_txt {
    vertical-align: top;
    
    padding-right: 4px;
     font-size: 11px;
    line-height: 15px;
    position: absolute;
    right: 15px;
    top: 1px;
}
.dislike_cnt {background-color: #fff0f0;display:inline-block;position:relative; transform: translate3d(0px, 0px, 0px);text-align: left;float: right;height: 16px;width:40px;font-family: monospace;cursor: pointer;}
.dislike_cnt:hover{opacity:1;}




#div_youtube_chat {
    width: 100%;
    height: 100%;
    position: absolute;
}
.billboard_chat .message_item {
    border-top: 0.1px solid #140b0c1c;
}


.message_text {
padding-left:60px;
display:block;
min-height:40px;
 }


.billboard_chat .dislike_cnt{
    background-color:transparent;
}
.billboard_chat .like_cnt{
    background-color:transparent;
}


.billboard_text .like_txt {
    color: #fff!important;
}




.billboard_chat{
    position: absolute!important;
    width: 100%!important;
    height: calc(100% - 50px)!important;
    box-shadow: none!important;
    background: transparent!important;
    border-radius: 0px!important;
    text-align: left;
    transform: translate(-50%,0px)!important;
    top: 50px!important;
}
.wide_circle {
    width: 10px;
    height: 10px;
    border: 3px solid #fff;
    cursor: pointer;
    z-index: 4;
    transition: background-color 0.3s;
    background-color: #fff;
    position: absolute;
    bottom: 10px;
    margin: 9px;
    border-radius: 100%;
    box-shadow: 0px 0px 10px #00000047;
}


.wide_circle_parent {
    width: 10px;
    height: 100%;
    z-index: 4;
    transition: background-color 0.3s;
    background-color: transparent;
    position: relative;
    display: inline-block;
    margin: 9px;
}
.wide_circle_selected {background-color: #30f27f!important;}
.btn_Hangup_call {
    width: 50px;
    height: 50px;
    background: url(/websites/12/images/end_call.svg);
    position: absolute;
    left: calc(50% - 20px);
    bottom: 20px;
    background-size: 50px 50px;
}




.__Brewery .wide_circle { bottom: 60px;}
.__Account .wide_circle { bottom: 60px;}
#webrtc_wait_cnt { position: absolute;z-index: 3;width: calc(100% - 140px);padding: 50px;}
#webrtc_wait {    
    width: calc(100% - 40px);
    margin: 20px;
    -webkit-mask-image: linear-gradient( 180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 58%, rgba(0,0,0,0) 100%);
    border-radius: 10px;
}  

#webrtc_status{color: #fff;     text-align:center;}
#webrtc_stat {
    position: absolute;
    z-index: 2;
    left: 60px;
    top: 15px;
     
     
    animation: fake_blink 1s linear infinite;
}


@keyframes fake_blink {
        0% {
          color: #fff;
        }
        50% {
          color: #aaa;
        }
        100% {
          color: #fff;
        }
      }






#webrtc_status{
    position: absolute;
    z-index: 2;
    left: 60px;
    top: 35px;
    color: #fff;
  
}
.youtube_banner{width:100%;height:100%;}
.Live_Camera_cls{width:100%;height:100%;background:#000;}
.Live_Camera_cls + picture{display:none;}


#webrtc_call_status{
z-index: 2;
text-align:center;
width:100%;
padding:0px;
color: #888;
font-size:1.5em;
}


.video_exp{width: 100%;height: 100%;right: 0px;bottom: 0px;z-index:1}
.video_col{width: 70px;height: 100px;right: 20px;bottom: 20px;z-index:2}


.btn_video_chat{
width: 35px;
height: 35px;
background-size: 50px 50px;
position: absolute;
z-index:3;
}
#div_video_settings {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
    z-index: 4;
    width: calc(100% - 21px);
    background: #000000d9;
}
.select_mic {
    width: 100%;
    padding-left: 50px;
    background: url(/websites/12/images/mic.svg);
    background-position: 0px 10px;
    background-repeat: no-repeat;
    color: #fff;
    border: none;
border-bottom:1px solid #555;
}
.txt_review_reply {resize:none; border: none;border-top: 1px solid #ccc;outline: none;width: calc(100% - 50px);margin-bottom: 0px;margin-top: 0px;padding-left: 50px;}
.select_speaker {
    width: 100%;
    padding-left: 50px;
    background: url(/websites/12/images/speaker.svg);
    background-position: 0px 10px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    color: #fff;
    border: none;
border-bottom:1px solid #555;
}
.select_webcam {
    width: 100%;
    padding-left: 50px;
    background: url(/websites/12/images/webcam.svg);
    background-position: 0px 10px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    color: #fff;
    border: none;
border-bottom:1px solid #555;
}
.vibe_yea {
  width: 390px;
  z-index: 2002;
  height: 100vh;
  box-shadow: 0px 0px 20px;
  background-image: url(/websites/12/images/1.jpeg);
  background-repeat: no-repeat;
  background-size: calc(100% - 50px);
  background-position: top;
  background-color: #000 !important;
  opacity: 1;
}
.vibe_yea_black { 
  width: 390px;
  z-index: 2002;
  height: 100vh;
  box-shadow: 0px 0px 20px;
  background-color: #000 !important;
  opacity: 1;
}
.dislike_txt {
    vertical-align: top;
    padding-left: 4px;
    font-size: 11px;
    line-height: 15px;
    top: 1px;
    left: 14px;
    position: absolute;
}
.loader_timer
{
width: 40px;
height: 40px;
border-radius: 50% 50% 0px 50%;
background-color: #fb3449;
margin: 10px;
transition: 1s transform;
display:inline-block;
transform: rotate(-135deg);
}
.upload_image {
height: 50px;
line-height: 50px;
color: white !important;
text-shadow: 0px 0px 4px #000;
font-size: 1.4em;
}
.circular-chart {display: block;margin: 10px auto;max-width: 50px;max-height: 50px;}
.circle-bg {fill: none;stroke: #000;stroke-width: 3.8;}
.circle {fill: none;stroke-width: 2.8;stroke-linecap: round; }
.circular-chart.blue .circle {stroke: #3c9ee5;}
.percentage {fill: #fff;font-family: sans-serif;font-size: 0.5em;text-anchor: middle;}
.circle_percentage {
    text-align: center;
    width: 100%;
}
.image_proc_status {
    padding-bottom: 20px;
}
.Video_CNT {
    height: 100%;
}
#status {
    max-height: 100px;
    transform: translate(-50%,0px);
    transition-timing-function: cubic-bezier(0.22, 0.73, 0, 0.99)!important;
    left: 50%;
    border-radius: 5px;
    text-align: center;
    bottom: 20px;
    font-size: 1.4em;
    transition: all 0.5s;
    position: fixed;
    min-height: 50px;
    white-space: nowrap;
    z-index: 2005;
    line-height: 10px;
    background-color: #444444;
    color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    min-width: 33vw;
    max-width: calc(100vw - 50px);
}


div#Brewery_Flagship_CNT {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.Brewery_Tag_Item {
margin: 8px;
    padding: 10px;
    width: 83px;
    height: 149px;
    overflow: hidden;
    background: white;
    border-radius: 31px;
    box-shadow: 0px 0px 20px #0000002b inset;
}
img.Brewery_Tag_Image {
    border-radius: 22px;
    width: 100%;
}
.Brewery_Tag_Name {
    font-size: 13px;
}




#course_cnt { 
    margin-top: 52px;
} 
#Bar_List {
    display: flex;
    flex-wrap: wrap;
}
.cm_info_header {
    margin-top: 40px;
    margin-bottom: 0px;
    border-bottom: 1px solid #eee;
}
.email_ed_txt {
    color: #ccc;
    font-size: 0.8em;
}
.Custom_Item.Default_Custom_Item {
    border: 1px solid #0071e3;
}
.Page_Name {
    font-size: 2em;
    font-family: 'opensans';
    text-align: center;
    width: 100%;
}
.Page_Short_Desc {
    font-size: 1.0em;
    text-align: center;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
#Bar_List_CNT {
    display: flex;
    flex-wrap: wrap;
}
.Bar_List_Item {
    width: 200px;
    height: 200px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px;
    background: #545454;
}
img.Bar_List_Image {
    width: 100%;
}
.Bar_List_Footer {
    position: absolute;
    width: 100%;
    bottom: 0px;
    background: #0000002e;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}






.Bar_List_Item:hover .Bar_List_Footer{    background-color: #0006;}
.Exp_Trading_Post_CNT .exp {
    opacity: 0;
    transform: rotate(180deg) translate3d(8px, 0px,0px);
    display: inline-block;
    width: 22px;
}
.Col_Trading_Post_CNT .exp {
    opacity: 1;
    transform: rotate(0deg) translate3d(8px, 0px,0px);
    display: inline-block;
    width: 22px;
}
.exp {
    padding-right: 11px;
    transition: all 0.5s;
}


.Trading_Post_Header {
    width: 100%;
    font-size: 17px;
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    cursor: pointer;
    transition:all 0.5s;
    border-radius: 50px;
}
.Trading_Post_Header:active { background:#000!important;}


.Orange_Note {
    padding: 20px;
    margin: 20px;
    background: #fff;
    border: 1px solid orange!important;
    color: orange!important;
    text-align: center;
    font-size: 24px;
}
.Green_Note {
    padding: 20px;
    margin: 20px;
    background: #fff;
    border: 1px solid green!important;
    color: green!important;
    text-align: center;
    font-size: 24px;
}
#Orange_Note {
    padding: 20px;
    margin: 20px;
    background: #fff;
    border: 1px solid transparent;
    color: transparent; 
    text-align: center;
    font-size: 24px;
    min-height: 39px;
    display:none;
}
.edit_mode #Orange_Note{display:block;}
.my_Trading_Post_Product_Item {
    width: 189px;
    height: 189px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    margin:10px;
}
.Brewery_Beer_Item
{
    width: 189px;
    height: 189px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    margin:10px;
}


img.my_Trading_Post_Product_Image {
    width: 100%;
}
.my_Trading_Post_Product_Name {
    position: absolute;
    width: 100%;
    bottom: 0px;
    background: #0000002e;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
.my_Trading_Post_Product_Item:hover .my_Trading_Post_Product_Name {
    background-color: #0006;
}
.Brewery_Beer_Item:hover .my_Trading_Post_Product_Name {
    background-color: #0006;
}


.Col_Trading_Post_CNT {height:60px;}
.Exp_Trading_Post_CNT {height:100%;}
.Col_Trading_Post_CNT .Trading_Post_Header {
    background: #efefef;
    
    border: 1px solid #ccc;
}
.Exp_Trading_Post_CNT .Trading_Post_Header {
    background: transparent;
    border: 1px solid transparent;
}


.Trading_Post_CNT {
    padding-top: 10px;
    display: flex;
    width: 100%;
    margin: 0px;
    flex-wrap: wrap;
    overflow:hidden;
}
#Trading_Post_CNT {
    padding-top: 10px;
    display: flex;
    width: 100%;
    margin: 0px;
    flex-wrap: wrap;
    overflow:hidden;
}
.btn_Direct_Party_more {
    position: absolute;
    right: 10px;
    top: 13px;
}
.SECTION_Trading_Post_List {
    width: 100%;
}
#btn_add_product_image {
    background: url(/img/add_image.svg);
    width: 70px;
    min-width: 70px;
    order:-2;
    height: 80px;
    vertical-align: top;
    background-position: 12px 27px;
     
    background-repeat: no-repeat;
    background-size: 40px 40px;
}
.product_image_det {
    height: 500px;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: top;
    object-fit: cover;
}
.Direct_Party_more_cnt {
    position: absolute;
    right: 10px;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 0px 10px;
    z-index: 100;
    display: none;
    border-radius: 9px;
}
.direct_party_switch {position: absolute;bottom: 0px;width: 100%;text-align: center;background: cornflowerblue;color: #fff;padding-top: 7px;padding-bottom: 7px;font-size: 14px;border-radius: 10px 10px 0px 0px;}
.direct_party_switch:active {
    background: #000;
}
.party_search.user_60w_thumbnail {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 7px;
}
.party_search.user_60w_thumbnail:hover {
box-shadow:0px 0px 10px #0000006b;
}
.Bar_List_img_beer_item
{  position: absolute;
    width: 50px;
    right: 0px;
    bottom: 2px;
}
img.people_search_img_beer_item {
    position: absolute;
    width: 50px;
    right: 0px;
    bottom: 40px;
}
.Bar_List {
     display: flex;
    flex-wrap: wrap;
    margin-top:50px;
-webkit-overflow-scrolling: touch;
}
img.people_search.user_60w_thumbnail {
    height: 200px;
    object-fit: contain;
}
.Balance_ttip {
    display: none;
    position: absolute;
    width: 200px;
    height: 220px;
    background: #ebebeb;
    z-index: 99;
    right: 20px;
    top: 66px;
    box-shadow: 0px 0px 10px;
    border-radius: 0px 0px 5px 5px;
}
.balance_product_item {
    text-align: center;
    width: 200px;
    display: inline-block;
    padding: 10px;
    margin: 5px;
    margin-left: calc(50% - 110px);
    margin-right: calc(50% - 110px);
    background: #6b8068;
    color: #fff;
}


.cent {
    font-family: inherit;
    font-size: 50%;
    opacity: 0.5;
    margin-left: 3px;
}
div#Add_Beer_Amount {
    text-align: center;
}
.buy_me_beer_cancel {
    font-size: 16px;
    background-color: #ffffff;
    padding: 10px;
    text-transform: uppercase;
    color: red;
}
.buy_me_beer_approved {
    font-size: 16px;
    background-color: #ffffff47;
    padding: 10px;
    text-transform: uppercase;
    color: green;
}
.beer_img_and_price {
    margin-bottom: 0px;
}
.beer_item_selected {
    width: 100%;
    text-align: center;
}
img.img_beer_item_selected {
width: 140px;
height: 140px;
margin-top:0px;
}
.beer_item_price_selected {
    font-size: 20px;
}
.beer_item {
    width: calc(33% - 20px);
    margin: 5px;
    padding: 5px;
    background-color: beige;
}
.beer_item:hover {
    background-color: #e3e3c8;
}
.beer_item:active {
    background-color: cornflowerblue;
}


.beer_item_disable {
    width: calc(33% - 20px);
    margin: 5px;
    padding: 5px;
    background-color: beige;
    opacity: 0.2;
    filter: grayscale(1);
}
img.img_beer_item {
    width: 100%;
}
.beer_item_price {
    text-align: center;
}
.list_item {
    border-bottom: 1px solid #fbfbfb;
    padding: 7px;
}
.img_buy_me_a_beer {
    width: 27px;
    position: absolute;
    bottom: 11px;
    left: 37px;
    cursor:pointer;
    fill: #fff;
}
#address_image {
    height: 300px;
     
    display:block;
    margin-top: 20px;
    margin-left: 10px;
}
.Receiver_Cell_Phone_Country_Code
{
font-size: 17px;
    vertical-align: top;
    margin-top: 1px;
    display: inline-block;
    width: 42px;
    border-bottom: 4px solid #f1f1f1;
}
#Live_Camera_Video{position:absolute;left:0px;top:0px;}
.Announcement_Right {width: 100px;position: relative;}
.Announcement_Left {width: 60px;    align-items: center;
    display: flex;
    justify-content: center;}
.Announcement {width: calc(100% - 200px);}
.Announcement_CNT {width: 100%;background-color: #333;display: flex;    justify-content: flex-end;}
div#Balance_Text {cursor: pointer;color: #fff;font-size: 12px;font-weight: bold;}
.Balance_CNT {cursor: pointer;text-align: right;line-height: 20px;position: absolute;top: 13px;cursor: pointer;}
div#Balance_Amount {cursor: pointer;font-family: 'opensans';font-size: 20px;color: #fff;}
.shipping_address_default{ width: 20px;height:20px;right: 11px;top: 45px;position: absolute;border-radius: 50%;background-color: #9591ff;box-shadow: 0px 0px 5px #0000003b inset;}
#popup {position: fixed;min-width: 260px;max-width: 100vw;height: 22px;font-size: 20px;line-height: 17px;padding: 16px;box-shadow: 0px 0px 10px #0000004a;transition: all 0.4s;transition-timing-function: cubic-bezier(0.01, 0.39, 0.52, 0.99);background-color: lemonchiffon;color: #d9d9d9;bottom: 70px;bottom: -70px;left: 50%;transform: translate(-50%, 0%);z-index: 2100;border-radius: 5px;background: #45484d;background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);background: linear-gradient(to bottom, #45484d 0%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );}
.brewery_listing_item {display: flex;width: 100%;position: relative;padding: 10px;border-bottom: 1px solid #999;background-color: #fff;}
.brewery_listing_img {height: 70px;width: 70px;    border-radius: 5px;}
.brewery_listing_Unread {position: absolute;left: 69px;top: 64px;background-color: red;padding: 5px;font-family: sans-serif;color: #fff;height: 10px;width: 10px;border-radius: 100%;line-height: 10px;font-size: 12px;text-align: center;}
.brewery_listing_name {color: #777;padding: 22px;}
.brewery_listing_item:hover {background-color: #f6f6f6;}
.Product_Comment_New {width: 100px;position: absolute;top: 0px;right: 0px;}
div#Live_Camera_List {   
z-index:2000;
width: 270px;
    border-radius: 10px;
    padding-top: 40px;
    height: calc(100% - 90px);
    margin-top: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #222;
    text-align: center;
}
.Live_Camera_Item {
    border-radius: 4px;
    width: calc(100% - 30px);
    height: 100px;
    background-size: cover;
    margin-top: 10px;
    margin-left: 10px;
    text-align: left;
    padding-left: 10px;
    line-height: 31px;


    color: #fff;
    font-size: 11px;
position:relative;
}


.article_btn_cnt {width: 100%;display: flex;}
.article_btn_left {flex: 1;}
.article_btn_right {flex: 1;text-align: right;}
.Chapter_CNT {
    min-height: 300px;
    font-family: Courier, monospace;




    width: calc(100% - 40px);
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
    margin-right: 15px;
    line-height: 27px;
    outline: none;
}
img.Live_Camera_Close {width: 32px;margin: 10px;position: absolute;right: 0px;top: 0px;}
.Live_Camera_Mute{width: 32px;margin: 10px;position: absolute;left: 0px;top: 0px;}
.Article_HTML {
    min-height: 300px;
    outline: none;
}
img#show_Live_Camera_List {
    position: absolute;
    right: 10px;
    bottom: 30px;
    width: 50px;
    z-index: 2000;
    background: #00000059;
    padding: 10px;
    border-radius: 10px;
}
.Live_Camera_Pause {
    width: 60px;
    padding: 20px;
}
.Live_Camera_List_cnt {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.tool_outer
{
    position: absolute;
    height: calc(100% - 50px);
    top: 30px;
    left: 2px;
    width:1px;
    z-index:1;
}
.tool_cnt
{
    position: sticky;
    top: 49px;
}
.sticky_title {
    position: sticky;
    top: 50px;


    font-weight: bold;
    color: #b50000;
}
.sticky_title.is-pinned {
    background-color: #fff;
}




.Chapter_Title {


    font-size: 9vw;
    color: #0000001f;
    text-align: center;
    height: 130px;
    line-height: 100px;
    background-color: #fff;
}
.Chapter {
    border-left: 4px solid #8d0000;
}
.Article_Body {
    min-height: 300px;
    background: repeating-linear-gradient(white, white 26px, #9198e5 27px, #9198e5 27px);
    background-position-y: 21px;
}
.Chapter_outer {
position:relative;
    padding-left: 30px;
    padding-right: 20px;
    background-color: #fff;
    border-radius: 30px;
    margin-top: 100px;
    box-shadow: 0px 0px 30px #0000001f;
}
.Party_Search_Item {
    padding: 16px;
    padding-left: 40px;
    position: relative;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    min-height: 25px;
}
.Party_Item_Name {
    cursor: pointer;
}
.billboard_h {
    text-shadow: 0px 0px 40px #00000061;
}
.chat_reply_back_cnt {
    padding: 5px;
    background-color: #3b5998;
    color: #fff;
    position:relative;
    height:40px;
cursor:pointer;
}
.message_html {
    min-height: 60px;
}
.chat_reply_back_btn {
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    width: 10px;
    height: 10px;
    top: 17px;
    left: 17px;
    position: absolute;
    transform: rotate(-45deg);
    cursor:pointer;
}
.chat_reply_back_name {padding-left: 41px;padding-top: 6px;cursor:pointer;}
.Direct_List_Unread
{
    display: inline-block;
    min-width: 17px;
    left: 40px;
    top: 38px;
    padding: 2px;
    position: absolute;
    height: 14px;
    background-color: #bb0606;
    color: #fff;
    text-align: center;
    line-height: 14px;
    border-radius: 28px;
    font-family: sans-serif;
    font-size: 12px;
}
.Direct_List_Unread:empty {
    display: none;
}
div#div_Bar_Image {
    width: 100vw;
    height: 100vw;
    background-size: cover!important;
    position: relative;
}
div#div_Bar_Name {
    font-family: 'opensans';
    width: 100%;
    text-align: center;
    font-size: 2em;
    text-shadow: 0px 0px 5px #000;
    position: absolute;
    bottom: 0px;
    color: #fff;
    background: #0000006b;
}
div#div_Bar_Description {


    padding: 20px;
    text-align: center;
}
.btn_show_message_nested {
    font-size: 10px;
    padding: 0px;
    position: absolute;
    bottom: 0px;
    left: 10px;
}  


#Product_Comment_CNT:empty{display:none;}
.preview_mode .main_noimage{display:none;}
div,span,h1,h2,h3,h4,h5{font-family : 'blinkmacsystemfont'}
span{overflow-wrap: break-word;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}
.brewing_info {cursor: pointer;padding-left:20px;padding-right:0px;font-family: sans-serif;line-height: 27px;font-weight: bold;font-size: 13px;color: cornflowerblue;}
.brewing_info:active { background: #121212; }
#h1_title{font-size: 30px;}
.Account_Menu_Item {position:relative;cursor:pointer;font-size: 16px;font-family: sans-serif;padding: 4px;width: 170px;color: cornflowerblue;border-left: 4px solid transparent;padding-left: 10px;}
.Account_Menu {min-height:40px;position: relative;padding-left: 68px;padding-bottom: 20px;padding-right: 30px;border-bottom: 13px solid #fff;margin-bottom: 20px;}
.Selected_Account_Menu_Item {border-left: 4px solid;color: #990000;}
.Field_lbl { color: #ccc;position: absolute;left: 3px;top: 13px;transition: all 0.2s; cursor:text;white-space: nowrap;width: 100%;overflow: hidden;}


.Field_lbl{font-size:13px;top:-3px;left:0px;}
.Field_lbl_Foc{color:cornflowerblue;}


.Field_lbl_Err {color: red;}
.Field_lbl_Err:before { content: '*';color: red;}




.Field_cnt { position: relative;margin-bottom:30px;}
.field_header {font-family: helvetica;color: #aaa; font-size: 13px;font-family: helvetica;margin-bottom: 0px; margin-top: 0px;}
.field {margin-bottom: 5px; vertical-align: top;}




.Field_txt{width:calc(100% - 25px);padding-top:13px;}
.field_txt {width: calc(100% - 14px);padding: 7px;border: none;border-bottom: 4px solid #f1f1f1;transition: 0.2s all;outline: none;}
.field_txt:focus {border-bottom: 4px solid cornflowerblue!important;}
.field_txt:hover {border-bottom: 4px solid #e6e4e4;}


.member_thumbnail {cursor: pointer;object-fit: cover;top: 6px;border-radius: 100px;position: relative!important;width: 100px!important;height: 100px!important;padding-top: 5px;margin: 0px;left: 0px!important;}
#btn_show_online_members{display:none;}
.email_ed_item {position: relative;padding: 7px;border-bottom: 1px solid #ccc;min-height:26px;}
.checkout_summery_item {padding-top: 10px;}
.Direct_Comment_Media {height: 400px!important;}
.direct_message_time {font-size: 10px;width: 45px;display: inline-block;text-align: right;    color: #8d8d8d;    }
.unread_time { font-size: 10px; width: 45px; display: inline-block; text-align: right; color: rgb(141, 141, 141); position: absolute; right: 10px; bottom: 5px; }
.Direct_upload{cursor: pointer;display: inline-block;font-size: 43px;line-height: 30px;width: 44px;text-align: center;height: 38px;color: #fff;}
.Att_Reply_CNT {position: absolute;bottom: 81px;width: 100%;background-color: beige;}
.Direct_More_Party_Item {position: absolute;cursor: pointer;border-radius: 0;width: 40px;height: 40px;object-fit: cover;padding: 0px;margin-top: 6px;margin-left: 10px;border-radius: 100px;left: 0px;top: 5px;}
.Direct_Att_IMG {height: 50px;object-fit: contain;}
.Direct_Att_CNT {    text-align: center;
    background-color: #555;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding-bottom: 50px;
    padding-top: 40px;}
.Direct_Att_CNT:empty {display:none;}
.chat_member_name {    margin: 13px;    margin-left: 60px;    color: #a7a7a7; cursor: pointer;}
#online_members_cnt {    border-bottom: 4px solid;    margin-bottom: 20px;    background-color: lightyellow;}
.chat_member_item {    width: 320px;    height: 52px;    margin-left: 5px;    margin-right: 5px;    text-align: left;    position: relative;    display: inline-block;}
.member_item {width: 150px;height: 150px;margin-left: 5px;    margin-right: 5px;text-align: center;position: relative;display: inline-block;}
#btn_show_online_members {    position: absolute;    top: 10px;}
.member_pending {    color: red;    font-family: sans-serif;    position: absolute;top: 101px;right: 11px;font-size: 10px;font-weight: bold;}
.member_name {padding-top: 11px;color: #cfc860;line-height: 16px;font-family: sans-serif;font-size: 13px;padding-left: 10px;padding-right: 10px;}
#Member_List{    min-height: 161px;    max-height: 300px;    background-color: #ffffff;    overflow: auto;text-align:center;display: inline-block;    width: 100%;}
.chat_btn{margin-left: 0px; margin-top: 50px; padding: 12px!important; padding-left: 80px!important;padding-right: 80px!important;padding-top: 16px!important;}
a.footer_link_a {margin: 5px;margin-bottom: 15px;display: block;}
.lander_map_image {width: 200px;height: 200px;}
.SECTION_Body {overflow: auto;height: 100vh;width:100vw;-webkit-overflow-scrolling: touch;}
#cnt_legal_content{-webkit-overflow-scrolling: touch;}
.Video_Image {
    max-width: 100vw;
    width: 100%;
    object-fit: contain;
}
.map_cnt_in {position: relative;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {  -moz-appearance: textfield;}
#Dynamic_CNT{overflow: hidden;}
body{overflow: hidden;}


html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
}


   
html{overflow: hidden;  }
svg.footer_link_svg {cursor: pointer;}
span.footer_link_text {cursor: pointer;color: #222;margin-left: 10px;vertical-align: top;line-height: 19px;}
.payment-icons li {margin: 0 0 7.5px 7.5px;cursor: default;}
.inline-list li {display: inline-block;margin-bottom: 6px;}
.payment-icons {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;cursor: default;margin-bottom: 0;}
.inline-list {margin-left: 0;padding-left: 0px;}
.footer_cnt{position:relative;}
.Inline_List_Item:hover {background-color: aliceblue;}
.Inline_List_Item {height: 13px;cursor: pointer;padding: 10px;font-size: 13px;}
  


body, button, input ,select, textarea {
font-size: 16px;
line-height: 1.6;
color: #222323;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
border: none;
border-bottom: 2px solid #ccc;
outline: none;
}


input:focus{border-bottom: 2px solid cornflowerblue;}






.playlist_item {
    display: flex;
    padding: 5px;
    width: calc(100% - 11px);
    text-align: left;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}


.now_playing_item img.playlist_cover {
    width: 120px;
    height: 120px;
}
.playlist_cover {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    border-radius: 5px;
    transition: all 0.5s;
}


.playlist_title_cnt {
    flex: 1;
    flex-grow: 1;
    color: #fff;
    text-align: left;
    padding-left: 20px;
    vertical-align: top;
    line-height: 23px;
    overflow: hidden;
}
.playlist_album {
    color: #a7a7a7;
    flex: 1;
    line-height: 43px;
    overflow: hidden;
    text-align: left;
}
span.playlist_inline {
    white-space: nowrap;
}
.playlist_duration {
    color: #a7a7a7;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 43px;
}
.playlist_artist {
    font-size: 12px;
    color: #a7a7a7;
}
.playlist_item:hover {
    background: #333;
}
.playlist_item:hover .playlist_artist {
    color: #fff;
}
.playlist_item:hover .playlist_album {
    color: #fff;
}
.playlist_play_cnt {
    width: 40px;
    height: 40px;
    margin-top: 5px;
    opacity: 0.8;
}
 
.playlist_item:hover .playlist_play_cnt {
    opacity:1;
}
.now_playing_item .playlist_play_cnt {
    visibility: visible;
}




img.playlist_play {
    width: 20px;
    height: 20px;
    margin-top: 10px;
}
img.playlist_play_green {
    width: 20px;
    height: 20px;
    margin-top: 10px;
    display:none;
}
.now_playing_item .playlist_play
{
 display:none!important;
}
.now_playing_item .playlist_play_green
{
 display:inline-block;
}
.btn.btn_right {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.btn.btn_left {
    position: absolute;
    bottom: 20px;
    left: 20px;
}


.now_playing_item {
    background: linear-gradient(180deg, #050f58, cornflowerblue)!important;
}
.playlist_artist {}
.now_playing_item .playlist_artist {
    color: #fff;
}
.now_playing_item .playlist_album {
    color: #fff;
}






.Video_Grandpa{text-align: center;position:relative;}
.footer_video_cnt{min-height: 440px;background-color: whitesmoke;}
.Avatar_CNT {position: relative;height:170px;}
.txt {background-color: #0000000d;border: none;padding: 8px;padding-left: 20px;padding-bottom: 6px;outline: none;border-bottom: 2px solid transparent;transition: border-bottom 0.4s;}
.txt:focus {border-bottom: 2px solid cornflowerblue;}
select.txt {padding: 10px;}
.Avatar_Image {background-color: #fff;background-size: contain!important;width: 200px;height: 200px;object-fit: contain;background-position: center!important;background-repeat: no-repeat!important;}
.Avatar_Image_CNT {left: 60px;top: -50px;position: absolute;z-index: 3;background-color: #2c2c2c;border-radius: 15px;width: 200px;height: 200px;border: 10px solid #fff;overflow: hidden;}
.__Bar .Avatar_Image_CNT {left: calc(50% - 110px);top: 20px;}
.Expaned_cart_list_cnt {width: calc(100vw - 90px); overflow:auto; display: inline-block; background-color:#f5f5f5; z-index:1002; position: fixed;top: 20px;left: 20px;height: calc(100vh - 90px);min-height: 220px; border-radius: 5px;box-shadow: 0px 0px 13px #0000003b;padding: 20px;}
body {margin: 0px;background-color: #f8f8f8;}
#shop{margin-top:50px;}
.limit_width {max-width: 1050px;margin-left: auto;margin-right: auto;}
.black_bin .bin_h1, .bin_h2, .bin_b {    background-color: #666!important;}
 
.white_bin .bin_h1{ background-color: #fff!important;}
.white_bin .bin_h2{ background-color: #fff!important;}
.white_bin .bin_b { background-color: #fff!important;} 
          


.menu_product_Answer_CNT {margin-bottom: 20px;background-color: #ffecca;padding: 20px;border-radius: 0px 20px;}
.menu_product_Answer {position: relative;}
.menu_product_Answer_Vote {position: absolute;right: -10px;bottom: -17px;}
.billboard_text { padding: 30px;padding-bottom: 0px;}
.btn_start_2 {margin-top: 20px;cursor: pointer;-moz-box-shadow: 0px 0px 50px 17px #fff6af;background-color: #fff!important;border-radius: 6px;text-indent: 0;border: 1px solid #ccc;display: inline-block;color: #333333;font-family: arial;font-size: 28px;font-weight: bold;font-style: normal;line-height: 30px;padding-left: 50px;padding-right: 50px;text-decoration: none;text-align: center;}
.btn_start {margin-top:20px;cursor:pointer; -moz-box-shadow: 0px 0px 50px 17px #fff6af;-webkit-box-shadow: 0px 0px 50px 24px #fff6af;box-shadow: 0px 0px 50px 24px #fff6af;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');background-color:#ffec64;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;text-indent:0;border:1px solid #ffaa22;display:inline-block;color:#333333;font-family:arial;font-size:28px;font-weight:bold;font-style:normal;height:70px;line-height:70px;padding-left:20px;padding-right:20px;text-decoration:none;text-align:center;text-shadow:0px 1px 0px #ffee66;}
.btn_start:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');background-color:#ffab23;}
.billboard_box {width: 420px;max-width: calc(100vw - 90px);height: 260px;top: 90px;position: absolute;right: 40px;border-radius: 10px;text-align: center;z-index: 1;}

.search_list_item {padding: 4px;border-bottom: 1px solid #ccc;}

.search_list {margin-left: 50%; transform: translateX(-50%);background-color: #fff;margin-top: 10px;padding: 20px;border-radius: 7px;width: calc(100% - 55px);max-width:calc(100vw - 40px);box-shadow: 0px 0px 10px #0000006e;    max-height: calc(100vh - 183px);overflow-x: hidden;overflow-y: auto;}
.search_list_item:hover {background-color: #f1f1f1;}
img.search_list_img {height: 42px;width: 42px;
    border-radius: 100%;
    vertical-align: top;
    display: inline-block;}
img.about_image {
    max-width: 100%;
}
.playlist_header {
    color: #fff;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    display: inline-block;
}
.about_div {


    padding-top: 20px;
    padding-bottom: 20px;
}
span.search_list_span {color: #333;


    padding-left: 10px;
    line-height: 42px;
    white-space: nowrap;
    display: inline-block;
    width: calc(100% - 150px);}
.playlist_more {
    width: 20px;
    height: 40px;
    margin-top: 2px;
    vertical-align: top;
}
.playlist_fx_btn {
    width: calc(100% - 60px);
    text-align: center;
    margin-top: 20px;
}
#major_L1 {display: none;text-align: left;min-height: 75px;position: absolute;width: 100%;background-color: transparent;transition: all 0.4s;}
#major_L2 { transition: padding-top 0.5s;}
#header_major_cnt{transition: all 0.5s;}
#txt_search {margin-left:40px;transition: all 0.5s;margin-top: 16px;padding: 9px;margin-right: 10px;padding-left: 20px;border-radius: 8px;outline: none;border: none;width: calc(100% - 115px);box-shadow: 0px 0px 10px #00000038;}
.btn_close_search{cursor: pointer;width: 25px;height: 25px;background-color: #555;display: inline-block;border-radius: 100%;position: relative;vertical-align: middle;}
.btn_close_search:hover{background-color: #000;}
.bar1_close_search{position: absolute; width: 15px;height: 2px;background-color: #fff;display: inline-block;transform: translate(5px, 11px)rotate(45deg);}
.bar2_close_search{position: absolute;width: 15px;height: 2px;background-color: #fff;display: inline-block;transform: translate(5px, 11px)rotate( 135deg );}
.header_cnt {display: flex;position:relative; width: 100%;    background-color: #fff;    transition: all 0.5s;    padding-left: 20px;padding-right: 20px;}
.header {transition: all 0.5s; position: -webkit-sticky;position: sticky;width: 100%;top: -1px;left: 0;z-index: 12;box-shadow: 0px 0px 10px #0000007a;background-color:#fff;display:flex; }
.narrow_header #major_L2 {padding-top: 0px!important;}
.narrow_header {height: 50px!important;background-color: #000000a6!important;width: 100%!important;left: 0px!important;}
.a_Logo_CNT{width: calc(100vw - 296px);}
.narrow_header .Logo_CNT {top: 7px;font-size: 1.25em!important;    text-shadow: none!important;color:#fff!important;}
.Logo_CNT {line-height: 45px;cursor: default;text-align: center;width: calc(100% + 130px);vertical-align: top;font-size: 1.56em;padding-left: 15px;padding-top: 8px;color: #c0902e;display: inline-block;}
padding-top: 8px;text-shadow: 5px 0px 10px #000000a8;color: #fff;display: inline-block;}
.span_child_image_link { height: 25px; overflow: hidden;text-align: center;margin-top: 63px;padding: 4px;background-color: #0000005e;color: #fff;cursor: pointer;}
.child_image_link {display: inline-block;margin: 10px;cursor: pointer;transition: all 0.2s;opacity: 0.8;}
.child_image_link:hover{opacity:1;}
.span_child_image_link { height: 25px; overflow: hidden;text-align: center;margin-top: 63px;padding: 4px;background-color: #0000005e;color: #fff;cursor: pointer;}
.Promotion_CNT {background-color: #fff;margin-top: 40px;padding-bottom: 20px;margin-bottom: 40px;border-radius: 5px;position:relative;box-shadow: -2px 2px 6px #0000007a;}
.Promote_triangle_L{width: 0;height: 0;border-width: 25px 20px 25px 0;border-color: transparent #FFF transparent transparent;border-style: solid;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor:pointer;}
.Promote_triangle_R{width: 0;height: 0;border-width: 25px 0 25px 20px;border-color: transparent transparent transparent #FFF;border-style: solid;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor:pointer;}
.Promote_P1 {position: absolute;width: 80px;top: 72px;left: 0px;height: calc(100% - 128px);transition: all 0.3s;background-color: #3a00ff36;cursor:pointer;z-index: 12;opacity:0;}
.Promote_P2 {position: absolute;width: 80px;top: 72px;right: 0px;height: calc(100% - 128px);transition: all 0.3s;background-color:#3a00ff36;cursor:pointer;z-index: 12;opacity:0;}
.Promote_Enable_Page:hover {background-color: #3a00ff54;}
.Promote_Enable_Page {opacity: 1;}
.Promote_See_All_CNT {height: 100%;transition: all 0.3s;color: cornflowerblue;cursor: pointer;}
.Promote_See_All {text-align: center;padding-top: 50%;transform: translateY(50%);cursor: pointer;}
.Promote_See_All_CNT:hover {background-color: cornflowerblue;color: #fff;}
.ul_promote_product {display: flex;margin-left: 80px;margin-right: 80px;flex-wrap: nowrap;overflow: hidden;list-style: none;padding: 20px; margin-top: 0px;}
.Promotion_Name {font-size: 30px;color: #0003;font-family: fantasy;letter-spacing: 3px;padding: 20px;padding-bottom: 4px;display: inline-block;}
.shop_filter_cnt {position: fixed;width: 300px;height: calc(100% );background-color: #fff;z-index: 111;top: 0px;padding: 5px;padding-top: 40px;right: -360px;transition: 0.3s all;box-shadow: 0px 0px 10px;}
.filter_value_cnt {max-height: 0px;overflow: hidden;transition: all 0.3s; padding-left: 20px;padding-right: 20px;}
.filter_item {background-color: #f5f5f5;margin-top: 10px;border-radius: 3px;}
.product_progressbar {width: 100%;height: 4px;background-color: #d8d8d8;position: absolute;bottom: -4px;}
.filter_item:hover {background-color: #efefef;}
.filter_header {padding: 4px; padding-left: 20px;padding-right: 20px;}
.filter_item_cnt {max-height: calc(100% - 60px);overflow: hidden;padding-left: 20px;padding-right: 20px;}
.filter_item_cnt:hover {overflow-y: auto;}
.Product_Answer_disliked {display: inline-block;height: 20px;line-height: 21px;width: 50px;padding: 3px;border: 1px solid #eee;border-radius: 5px;text-align: center;background-color: #ff637d;color: #fff;cursor: pointer;font-weight: bold;}
.Product_Answer_liked {display: inline-block;height: 20px;line-height: 21px;width: 50px;padding: 3px;border: 1px solid #eee;border-radius: 5px;text-align: center;background-color: #00bfd6;color: #fff;cursor: pointer;font-weight: bold;}
.contact_us_position{color: #cfc860; line-height: 16px; font-family: sans-serif; font-size: 13px;}
.Auto_Detected_item {
    position: relative;
    padding: 0px;
    display: inline-block;
    box-shadow: 0px 0px 10px #00000030 inset;
    background-color: cornflowerblue;
    text-shadow: 0px 0px 3px #ffffffc2;
    border-radius: 3px;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    height: 21px;
    padding-top: 2px;
    padding-bottom: 4px;
    line-height: 22px;
    font-size: 13px;
}
.Auto_Detected_item_delete:hover {border-top: 2px solid red;}
.Auto_Detected_item_delete {display:none; position: absolute;width: 10px;height: 7px;border-top: 2px solid gray;cursor: pointer;transition: all 0.2s;top: 5px;right: 6px;}
.Auto_Detected_item:hover .Auto_Detected_item_delete {display: block;}
.Product_Comment_pros {display: inline-block;width: 49%;vertical-align: top;}
.Product_Comment_pros_title {color: #00bfd6;}
.Product_Comment_cons {display: inline-block;width: 49%;vertical-align: top;}
.Product_Comment_cons_title {color: #ff637d;}
.Product_Comment_disliked {display: inline-block;width: 50px;padding: 3px;border: 1px solid #eee;border-radius: 5px;text-align: center;background-color: #ff637d;color: #fff;margin: 10px;float: left;cursor: pointer;font-weight: bold;}
.Product_Comment_liked {display: inline-block;width: 50px;padding: 3px;border: 1px solid #eee;border-radius: 5px;text-align: center;background-color: #00bfd6;color: #fff;margin: 10px;float: left;cursor: pointer;font-weight: bold;}
.Product_Comment_Party_EnName {color: #ddd;height: 40px;display: inline;font-size: 12px;margin-left: 10px;}
.Product_Comment_Item {border-bottom: 1px solid #aaa;position:relative;}
.textbox_underline {border: none;font-size: 13px;border-bottom: 4px solid #ececec;padding: 13px;transition: all .3s;font-family: IRANYekan;background-color: rgba(56, 146, 227, 0.05);}
.stars {cursor: pointer;}
.span_cart_price {display: inline-block; width: 122px; text-align:right!important;}
.span_cart_price_txt {width: 90px;display: inline-block;}
.stars:hover .star polygon {fill: #ffd055 !important;}
.stars .star {float: left;}
.stars .star polygon {fill: #d8d8d8;}
.stars .star:hover ~ .star polygon {fill: #d8d8d8 !important;}
.stars[data-stars] .star polygon {fill: #ffd055;}
.stars[data-stars="0"] .star polygon {fill: #d8d8d8;}
.stars[data-stars="1"] .star:nth-child(1) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="2"] .star:nth-child(2) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="3"] .star:nth-child(3) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="4"] .star:nth-child(4) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="5"] .star:nth-child(5) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="6"] .star:nth-child(6) ~ .star polygon {fill: #d8d8d8;}
.stars[data-stars="7"] .star:nth-child(7) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr {cursor: pointer;}
.stars_ltr:hover .star polygon {fill: #ffd055 !important;}
.stars_ltr .star {float: right;}
.stars_ltr .star polygon {fill: #d8d8d8;}
.stars_ltr .star:hover ~ .star polygon {fill: #d8d8d8 !important;}
.stars_ltr[data-stars] .star polygon {fill: #ffd055;}
.stars_ltr[data-stars="0"] .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="1"] .star:nth-child(1) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="2"] .star:nth-child(2) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="3"] .star:nth-child(3) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="4"] .star:nth-child(4) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="5"] .star:nth-child(5) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="6"] .star:nth-child(6) ~ .star polygon {fill: #d8d8d8;}
.stars_ltr[data-stars="7"] .star:nth-child(7) ~ .star polygon {fill: #d8d8d8;}
.fix_stars {}
.fix_stars .fix_star {float: left;}
.fix_stars .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars] .fix_star polygon {fill: #ffd055;}
.fix_stars[data-stars="0"] .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="1"] .fix_star:nth-child(1) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="2"] .fix_star:nth-child(2) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="3"] .fix_star:nth-child(3) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="4"] .fix_star:nth-child(4) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="5"] .fix_star:nth-child(5) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="6"] .fix_star:nth-child(6) ~ .fix_star polygon {fill: #d8d8d8;}
.fix_stars[data-stars="7"] .fix_star:nth-child(7) ~ .fix_star polygon {fill: #d8d8d8;}
.CloseImage {clear: both;cursor: pointer;float: right;margin-right: -5px;margin-top: -10px;}
#dlg {max-height: calc(100vh - 110px);transform: translate(-50%,-50%);left: 50%;top: 50%;display: none; position: fixed; width: 80vw; height: 80vh; z-index: 1999; background-color: #fff; border-radius: 3px; padding: 20px; max-width: calc(100vw - 50px);}
.dlg_header{position: absolute;top: 0px;left: 0px;width: calc(100% - 100px);padding-left: 40px;padding-right: 60px;}
#dlg_header{display:inline; font-variant: small-caps; color: #999;}
#dlg_head {font-size: 14px;background-color: #979797;color: #fff;width: calc(100% - 0px);position: absolute;left: 0px;top: 0px;}
#dlg_header2 {color: #666; margin: 12px;padding-right:80px;}
#overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50);z-index: 1001;}
.btn_new_Product_Comment:hover {background-color: #4e9af1;color: #fff;}
.btn_new_Product_Comment {padding: 6px;display: inline-block;padding-left: 30px;padding-right: 30px;border-radius: 5px;background-color: #00000000;color: #4e9af1;cursor: pointer;transition: all 0.3s;}
.Product_d {background-color: #fff;font-size: 14px;float: right;padding: 20px;width: calc(100% - 40px);min-height: 200px;margin-top: -5px;border-right: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.Product_Property_Type{font-weight:bold; margin-top:50px;margin-bottom:10px;color:#4d4d4d;font-size:16px;}
.Product_Property_Value {display: inline-block;color:#4d4d4d; width: calc(100% - 201px);flex: 1;}
.Product_Property_Item {border-bottom: 1px solid #f5f5f5;padding: 10px;border-right: 4px solid white;color:#4d4d4d; padding-right:14px;font-size:13px;display:flex;}
.Product_Property_Name {display: inline-block;flex: 1;color:#4d4d4d;vertical-align:top;}
.Product_Menu_CNT {clear:both;height:50px; width: 100%;background-color: #f8f8f8;border-bottom: 1px solid #dfdfdf;padding: 0px;margin: 0px;display: inline-block; padding-top: 40px;}
.Product_Menu_Item {display: inline-block;width: 110px;text-align: center;padding: 10px;padding-left: 20px;padding-right: 20px;border: 1px solid #dfdfdf;cursor: pointer;height: 29px;margin-left: -1px;font-family: IRANYekan, sans-serif;color: #6f6f6f;float: right;margin-top: 0px;line-height:30px;}
.Product_Menu_Item_Selected {border-top: 5px solid #00bfd6!important;background-color: #fff!important;border-bottom: 1px solid #fff!important;margin-top: -4px!important;border-radius: 6px 6px 0px 0px;}
.Product_Menu_Item_First_Item.Product_Menu_Item_Selected{border-right: 1px solid #fff!important;}
.Menu_Description_txt { line-height: 29px;text-align:justify;color:#777; font-size: 14px;line-height: 16px; }
.Product_Summary {width: calc(50%);vertical-align: top;float: left;height: 520px;overflow: hidden;}
.btn_add_to_cart {position: relative; clear:both; background-color: #00bfd6;padding: 13px;margin: 20px;font-family: IRANYekan,sans-serif;color: #fff;font-size: 18px;border: 1px solid #41a7b4;border-radius: 5px;overflow: hidden;cursor: pointer;padding-left: 30px;}
.btn_add_to_cart:hover .btn_circle {top: -117px;width: 300px;height: 300px;}
.btn_circle { position: absolute;right: -19px;top: -17px;width: 90px;height: 90px;background-color: #ffffff36;border-radius: 50%;transition: all 0.2s;cursor: pointer;}
.UNAVAILABLE {width: calc(100% - 20px);margin-top: 13px;color: #bbb;text-align: center;font-weight: bold;}
.only_items_left {color: red;text-align: center!important;width: 100%;}
.product_Price_CNT{height:70px;}
.main_Product_Price_CNT { padding-left: 24px;padding-top: 24px;}
.Product_Seller_Box {min-height: 195px;position: relative;width: calc(50% - 42px);margin-left: 20px;margin-right: 20px;float: left;vertical-align: top;background-color: #f5f5f5;border: 1px solid #e4e4e4;border-radius: 5px;}
.Product_Header_Name.tx {padding-top: 20px;padding-bottom: 20px;font-size: 20px;font-weight: bold;padding-left:20px; line-height:35px;}
.Product_Summary_CNT{width:48%; float:right;}
.product_thumb_image_CNT{height:160px; bottom:0px;z-index:1;width: 100%;max-width:calc(100vw - 30px); white-space: nowrap; overflow-x: auto;overflow-y: hidden;   transform: translate3d(0px, 0px, 0px);}
.product_thumb_image_Parent {opacity:1; width: 110px; height: 130px; display: inline-block;}
.product_thumb_image_Parent_Current_Variant {order: -1;opacity: 1;}
.tiny_cart_name {white-space: normal;width: calc(100% - 0px);display: inline-block;padding-right: 10px; padding-left: 12px;line-height: 22px;position:relative; margin-bottom: 18px;}
.tiny_cart_image { background-size: contain;width: 64px; float: left; margin-right: 15px;height: 64px;display: inline-block;vertical-align: top;box-shadow: 0px 0px 10px #33333324;border-radius: 5px;padding: 8px;background-repeat: no-repeat;background-position-x: center;background-position-y: center;position: relative;}
.product_thumb_image {background-size: cover!important;position: relative;width: 100px;border-bottom: 4px solid transparent;height: 64px;cursor: pointer;transition: all 0.3s;display: inline-block;vertical-align: top;font-size: 80px;overflow:hidden;text-align: center;line-height: 54px;margin-left: 10px;margin-top: 10px;margin-bottom: 10px;background-repeat: no-repeat!important;background-position: center!important;}
.product_thumb_image.product_thumb_image_Selected { border-bottom: 4px solid #cd201f;    filter: grayscale(0);}

.product_thumb_image:hover{    filter: grayscale(0);}

.product_image {width: 100%;height:calc(100% - 85px);background-size: contain!important;background-repeat: no-repeat!important;display: flex;align-items: center!important;justify-content: center!important;background-position: top;}
.Product_Image_CNT{width: 48%;height:585px;float:left;position:relative;}
.Product_Off_Percentage{ display: inline-block; border-radius: 20px;background-color: #fb3449;color: #fff;padding-left: 10px;padding-right: 10px;margin-right: 8px;height: 23px;font-size: 13px;font-weight: 700px;} 
.Product_Off_Price{ display: inline-block; color: #acacac;text-decoration: line-through;font-size: 13px;} 
.Product_Off_OfferPrice{ color: #000;justify-content: left;align-items: center;font-size: 20px;font-weight: 700;font-family: B_Yekan;}

.ltr .tx{ direction:ltr;text-align:left;} 
.rtl .tx{ direction:rtl;text-align:right;}
a { text-decoration: none;}  
a:visited { color: #00F;}
a:link { color: #00F;}  



.btn_lg {font-family:sans-serif;padding: 6px;display: inline-block;padding-left: 15px;padding-right: 15px;border-radius: 5px;background-color: #ebebeb;color: #000;cursor: pointer;}
.btn_Register_Order_Final {display: block;width: 220px;}
.btn_lg:hover {background-color: #dbdbdb;}
.btn_sort { padding: 3px; padding-left: 0px; padding-right: 0px; width: 110px; text-align: center; border-radius: 3px; border: 1px solid #d0d0d0; background-color: #fff; display: inline-block; margin-left: 20px; cursor: pointer; transition: 0.3s all;}  

.btn_sort:hover { border-color: #555;}  

.CNT { max-width: 1170px; margin-left: auto; margin-right: auto;}  

#shop{position: relative; float: right; width: 100%;}
.span_site_path { font-family: helvetica; display:none;}
.span_site_path { transition-delay: 0.2s; cursor: pointer; padding-top: 10px; transition: color 0.3s; line-height: 46px; padding-left: 10px; padding-right: 10px; color: #bbb;}  
.span_site_path:hover { color: #fff;}  
.main_image{ position:relative;height: 440px;text-align: center;} 
.only_items_left { color: red; text-align: center!important; width: 100%;}
#div_site_path_cnt{text-align:left;bottom: 0px;display:none; position: absolute; z-index: 3; width: 100%; height: 50px; background-color: #000c;}
.Announcement { font-family: Arapay;text-align: center;padding: 20px;color: #fff;font-size: 16px; }       
.h_menu_parent{display: inline-block; margin-top: 5px;}
.Mobile_Menu .h_menu{ padding-top:32px;    box-shadow: 0px 0px 10px;transition: left 0.3s;position: fixed;top: 0px;left: -320px;width: 300px!important;background-color: #fff;height: 100vh;padding-left: 0px!important;z-index:12;}
.Mobile_Menu .L1 {border-left: 4px solid #0000000d;transition: 0.3s all;display: block;background-color: #fff;min-width: 50px;text-align: left;cursor: pointer;border-left: 1px solid #0000000d;}
.Mobile_Menu .L1_CNT {margin-top:10px;opacity: 0; display: none;-webkit-transition: opacity 400ms, visibility 400ms;transition: opacity 400ms, visibility 400ms;background-color: #fff;top: 10px;left: -20px;}
.Mobile_Menu .L1_CNT_Parent {position: relative;}
.Mobile_Menu .L1_Text {padding: 10px;padding-left: 20px;padding-right: 20px;color:#555;}
.Mobile_Menu .L1_Text:hover {background-color:#f8f8f8;}
.Mobile_Menu .Selected_L1_CNT{opacity: 1!important; display: block!important; }
.Mobile_Menu .L2 { width:100%;text-align: left; display: inline-block; min-width: 200px; vertical-align: top; }
.Mobile_Menu .L2_Text:hover { background-color: #f8f8f8;}
.Mobile_Menu .L2:hover .L2_CNT {display: block;}
.Mobile_Menu .L2_Text { padding: 10px;    padding-left: 50px; border-bottom: 1px solid #00000017; color:#333;}
.Mobile_Menu .L3 {padding: 6px;border-bottom: 1px solid #0000000f;text-align: left;white-space: nowrap;overflow: hidden;}
.Mobile_Menu .L3:hover {background-color: #f8f8f8;}
.Mobile_Menu .L3_Text {margin-left: 20px;color:#aaa;}
.btn_hamburger_1 {cursor:pointer;width: 24px;height: 3px;background-color: #fff;box-shadow: 5px 0px 10px #000000a8;}
.btn_hamburger_2 {cursor:pointer;width: 24px;height: 3px;background-color: #fff;box-shadow: 5px 0px 10px #000000a8;margin-top: 6px;margin-bottom: 6px;}
.btn_hamburger_3 {cursor:pointer;width: 24px;height: 3px;background-color: #fff;box-shadow: 5px 0px 10px #000000a8;}
.btn_hamburger {padding: 7px;display: inline-block;cursor: pointer;}
.btn_close_menu{position:absolute;right:5px;top:5px;cursor: pointer;width: 25px;height: 25px;background-color: #555;display: inline-block;border-radius: 100%;}
.btn_close_menu_1{position: absolute;cursor:pointer;width: 15px;height: 2px;background-color: #fff;display: inline-block;transform: translate(5px, 11px)rotate(45deg);}
.btn_close_menu_2 {position: absolute;cursor:pointer;width: 15px;height: 2px;background-color: #fff;display: inline-block;transform: translate(5px, 11px)rotate(135deg);}
.Normal_Menu .L1 { transition: 0.3s all;display: inline-block;padding: 10px;background-color: #fff;padding-left: 20px;padding-right: 20px;min-width: 50px;text-align: center;cursor: pointer;border-left: 1px solid #0000000d;}
.Normal_Menu .L1_CNT {opacity: 0; visibility: hidden;-webkit-transition: opacity 400ms, visibility 400ms;transition: opacity 400ms, visibility 400ms;position: absolute;background-color: #fff;box-shadow: 0px 0px 10px #00000021;top: 10px;left: -20px;}
.Normal_Menu .L1_CNT_Parent {position: relative;}
.Normal_Menu .Selected_L1_CNT{opacity: 1!important; visibility: visible!important; }
.Normal_Menu .L1:hover {background-color: #f8f8f8;}
.Normal_Menu .L2 { text-align: left; display: inline-block; min-width: 200px; vertical-align: top; }  
.Normal_Menu .L2_Text:hover { background-color: #f8f8f8;}
.Normal_Menu .L2:hover .L2_CNT {display: block;}
.Normal_Menu .L2_Text { padding: 10px; border-bottom: 1px solid #00000017; color:#333;}

.Normal_Menu .L3 {padding: 6px;border-bottom: 1px solid #0000000f;text-align: left;white-space: nowrap;overflow: hidden;}
.Normal_Menu .L3:hover {background-color: #f8f8f8;}

.Normal_Menu .L3_Text {margin-left: 20px;color:#aaa;}

.my_Cart_CNT {cursor:pointer;display: inline-block;margin-left:10px;    position: relative; width: 50px; vertical-align: top; height: 43px;text-align:center;} 
.div_shop_count { position: absolute; top: 30px; left: 20px; padding: 4px; padding-left: 5px; padding-right: 5px; background-color: #ef394e; border-radius: 50px; font-family: monospace; font-weight: bold; font-size: 15px; height: 10px; color: #fff; line-height: 10px; text-align: center;display:none;}
#my_replies_count{ position: absolute; top: 9px; left: 168px; padding: 4px; padding-left: 5px; padding-right: 5px; background-color: #ef394e; border-radius: 50px; font-family: monospace; font-weight: bold; font-size: 15px; height: 10px; color: #fff; line-height: 10px; text-align: center;display:none;}
#my_brewery_activity_count{ position: absolute; top: 9px; left: 146px; padding: 4px; padding-left: 5px; padding-right: 5px; background-color: #ef394e; border-radius: 50px; font-family: monospace; font-weight: bold; font-size: 15px; height: 10px; color: #fff; line-height: 10px; text-align: center;display:none;}
#my_reviews_count{ position: absolute; top: 9px; left: 100px; padding: 4px; padding-left: 5px; padding-right: 5px; background-color: #ef394e; border-radius: 50px; font-family: monospace; font-weight: bold; font-size: 15px; height: 10px; color: #fff; line-height: 10px; text-align: center;display:none;}
.div_profile_count { position: absolute; top: 30px; left: 28px; padding: 4px; padding-left: 5px; padding-right: 5px; background-color: #ef394e; border-radius: 50px; font-family: monospace; font-weight: bold; font-size: 0.93em; height: 10px; color: #fff; line-height: 10px; text-align: center;display:none;}
.rect_cnt {
    width: calc(100% - 23px);
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 20px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
img.rect_img {width: 40px;margin-right: 10px;}
.rect_cnt:active {
    background: #111;
}
.rect_text {
    font-weight: bold;
    font-size: 20px;
    color: #999;
}
.header_major {text-align: right;display: inline-block;}
.btn_Search { display: inline-block; position: relative; vertical-align: top; height: 43px; text-align:center; }  
.eev{padding:10px;}
.ul_product {min-height:500px;    display: flex; flex-wrap: wrap; margin-right: -1px; margin-bottom: -1px; list-style: none; padding: 0;}  

.li_product{display: list-item;text-align: -webkit-match-parent;flex: 1 0 25%;max-width: 25%;height: 243px; transition-timing-function: cubic-bezier(0.24, 0.56, 0.07, 0.98);transition: 1s all;}

.product_portrate_cnt {position:relative;margin: -1px 0px -1px -1px;border: 1px solid #ebebeb; display: flex;flex-direction: column;justify-content: space-between;background: #fff;height: calc(100% - 0px); transition: box-shadow .2s cubic-bezier(.4,0,1,1),-webkit-transform .2s cubic-bezier(.4,0,1,1);transition: box-shadow .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1);transition: box-shadow .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1),-webkit-transform .2s cubic-bezier(.4,0,1,1);padding: 30px 12px 0px;} 
.product_portrate_cnt:hover { box-shadow: 0 2px 17px 0 rgba(0,0,0,.09);} 
.product_portrate_cnt div{cursor:pointer;}

.product_portrate_cnt div { cursor: pointer;}
.product_footer { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 2;}  

.product_Description { display: inline-block; max-height: 60px; overflow-y: hidden; justify-content: space-between; align-items: center; direction: rtl; color: #535353; font-family: IRANYekan,sans-serif; font-weight: 400; direction: rtl; text-align: justify; font-size: .857rem;}  

.product_image { width: 100%; height: calc(100% - 85px); background-size: contain; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; background-position: top;}  

.product_header { position: absolute;}  

.round_Close {display: none;}
.round_Close {display:block; position: absolute;line-height: 35px;right: 15px;top: 15px;width: 35px;transition:all 0.3s; height: 35px;background-color: #dedede;color: #fff;font-size: 37px;font-family: auto;font-weight: lighter;border-radius: 50%; text-align: center;cursor: pointer;}
.round_Close:hover {background-color: #d0d0d0;}
.Top_Cart_CNT{ }
.Selected_Party_EnName {display: inline-block;width: 120px;overflow: hidden;padding: 12px;padding-bottom: 0px;padding-right: 0px;cursor: pointer;color: #999;transition: all 0.3s;}
.Selected_Party_EnName:hover {color: #000;}
.Left_Cart_CNT {float: left;width: 298px;background-color: #fff;padding-bottom: 40px;border: 1px solid #eee;border-radius: 7px;margin-bottom:40px;}
.total_Price_CNT { float: left;width: 100%;text-align: center;}
.cart_list_cnt { display: none; position: absolute; top: 46px; left: 0px; width: 330px; min-height: 220px; max-height: calc(100vh - 150px); overflow: auto; background-color: #fff; z-index: 10; border-radius: 5px; box-shadow: 0px 0px 13px #0000003b; padding: 20px;}
.cart_list_cnt .btn_Register_Order_Final{display:none;}
.btn_Register_Order_Final{display:block;width: 220px;}
.Right_Cart_CNT {float: right; width: calc(100% - 300px); }
.shipping_address_cnt {border: 1px solid #eee;background-color: #fff;margin-bottom: 20px;margin-left: 40px;margin-right: 20px;border-radius: 7px;padding: 20px;}
.g-button:hover { opacity: 1;border: 1px solid #333;color: #000;text-decoration: none;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;background-color: #f8f8f8;background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: linear-gradient(top,#f8f8f8,#f1f1f1);-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);box-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.g-button {font-family: arial, sans-serif;font-size: 11px;opacity: 1;display: inline-block;min-width: 46px;text-align: center;color: #444;font-size: 11px;font-weight: bold;height: 27px;padding: 0 8px;line-height: 27px;border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-transition: all 0.218s;-moz-transition: all 0.218s;-ms-transition: all 0.218s;-o-transition: all 0.218s;transition: all 0.218s;border: 1px solid #dcdcdc;background-color: #f5f5f5;background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: linear-gradient(top,#f5f5f5,#f1f1f1);-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer;}
.g-button-submit:hover {border: 1px solid #2f5bb7;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.3);background-color: #357ae8;background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);background-image: -o-linear-gradient(top,#4d90fe,#357ae8);background-image: linear-gradient(top,#4d90fe,#357ae8);}
.g-button-submit {border: 1px solid #3079ed;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #4d90fe;background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);background-image: -o-linear-gradient(top,#4d90fe,#4787ed);background-image: linear-gradient(top,#4d90fe,#4787ed);}
.g-button-submit-red {border: 1px solid #df4d3b;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #df4d3b;background-image: -webkit-gradient(linear,left top,left bottom,from(#df4d3b),to(#d34a38));background-image: -webkit-linear-gradient(top,#df4d3b,#d34a38);background-image: -moz-linear-gradient(top,#df4d3b,#d34a38);background-image: -ms-linear-gradient(top,#df4d3b,#d34a38);background-image: -o-linear-gradient(top,#df4d3b,#d34a38);background-image: linear-gradient(top,#df4d3b,#d34a38);}
.g-button-submit-red:hover {border: 1px solid #dd4b39;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.3);background-color: #dd4b39;background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);background-image: -moz-linear-gradient(top,#dd4b39,#d14836);background-image: -ms-linear-gradient(top,#dd4b39,#d14836);background-image: -o-linear-gradient(top,#dd4b39,#d14836);background-image: linear-gradient(top,#dd4b39,#d14836);}
.g-button-submit-gray {border: 1px solid #cacaca;color: #333;text-shadow: 0 1px rgba(0,0,0,0.1);background-color: #f5f5f5;background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: linear-gradient(top,#f5f5f5,#f1f1f1);}
.g-button-submit-gray:hover {border: 1px solid #c6c6c6;color: #333;text-shadow: 0 1px rgba(0,0,0,0.3);background-color: #f8f8f8;background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);background-image: linear-gradient(top,#f8f8f8,#f1f1f1);}
.Shipping_CNT {border: 1px solid #eee;background-color: #fff;margin-bottom: 20px;margin-left: 40px;margin-right: 20px;border-radius: 7px;padding: 20px; overflow:hidden;}
.Shipping_txt {border-bottom: 1px solid #ef394e; display:block; padding-bottom: 5px;}
.tiny_cart_item_CNT { width: calc(100% - 300px); float: right;}
 
.tiny_cart_item:hover .Edit_Cart_CNT { display:block;}
.tiny_cart_item { padding: 10px;border-bottom: 1px solid #ccc; position:relative;}
.tiny_cart_item_CNT { cursor:pointer;}
.tiny_cart_image { width: 64px; float: left; margin-right: 15px; height: 64px; display: inline-block; vertical-align: top; box-shadow: 0px 0px 10px #33333324; border-radius: 5px; padding: 8px; background-repeat: no-repeat; background-position-x: center; background-position-y: center; position: relative;}
.item_count_tiny { width:26px;box-shadow: 0px 0px 10px #00000014 inset; color: #000; padding-right: 4px;position: absolute;font-size: 13px;bottom: -4px;left: 117px;background-color: #fff;border-radius: 3px;text-align: center;border: none;padding-right: 2px;}


.shipping_QTY {height: 0px;position: absolute;display: block;bottom: 10px;left: 64px;top: 65px;color: #ccc;font-size: 12px;white-space: nowrap;border-radius: 50px;background-color: black;padding: 10px;padding-left: 8px;padding-right: 8px;line-height: 3px;}
.tiny_cart_name {white-space: normal;width: 100% ;display: inline-block;padding-right: 10px; padding-left: 12px;line-height: 22px;position:relative; margin-bottom: 18px;}


.tiny_cart_item:hover .Edit_Cart_CNT { display:block;}
.Tour_Item_Remove {display: inline-block; position:absolute;left: 10px;top: 36px;direction:ltr;}
.bin {display: inline-block;vertical-align: top;margin-top: 1px;cursor: pointer;opacity: 0.5;}
.bin:hover .bin_h {transform: rotate(30deg) translate(4px, -4px);cursor: pointer;}
.bin_h {transition: all 0.5s;cursor: pointer;}
.bin_b {width: 12px;height: 12px;background-color: #333;border-radius: 0px 0px 3px 3px;padding-left: 1px;margin-top: 01px;margin-left: 1px;cursor: pointer;}
.bin_h1 {width: 5px;margin-left: 5px;height: 2px;background-color: #333;border-radius: 2px 2px 0px 0px;cursor: pointer;}
.bin_h2 {width: 15px;height: 3px;background-color: #333;border-radius: 2px 2px 0px 0px;cursor: pointer;}
.bin_b2 {width: 1px;height: 8px;background-color: #afafaf;margin-left: 2px;display: inline-block;margin-top: 2px;cursor: pointer;float:left;}
.Calendar_CNT {display: none;}
.cart_Calendar_is_hollyday {position: absolute;color: red;transform: translate(-96px, -57px)rotate(-30deg);font-size: 12px;line-height: 14px;}
.cart_Calendar_day {border: 1px solid #ccc;flex: 1;text-align: center;padding: 10px;background-color: #f5f5f5; position:relative;cursor:pointer;}
.cart_Calendar_day div {cursor: pointer;}
.cart_Calendar_cnt {display: flex;align-items: flex-end;margin-top: 20px;}
.cart_Calendar_day_selected {border-top: 6px solid;border-radius: 6px 6px 0px 0px;background-color: #fff;border-bottom: 1px solid transparent;}
.cart_Calendar_is_hollyday {position: absolute;color: red;transform: translate(-96px, -57px)rotate(-30deg);font-size: 12px;line-height: 14px;}
.cart_hours_cnt {display: flex;align-items: flex-end; border: 1px solid #CCC;border-top: none;border-radius: 0px 0px 3px 3px;flex-direction: column;}
.cart_hour_item_lbl {vertical-align: top;line-height: 17px;padding-right: 5px;}
.inline_delivery {margin-top: 20px;font-size: 13px;}
.Finalize_Payment_CNT{border: 1px solid #eee;background-color: #fff;margin-bottom: 40px;margin-left: 40px;margin-right: 20px;border-radius: 7px;padding: 20px;}
.Shipping_txt {border-bottom: 1px solid #ef394e; display:block; padding-bottom: 5px;}
.mob{padding-left: 10px;padding-right: 10px;} 
.desk{ display: -webkit-box;padding-left: 20px;padding-right: 20px;} 
.mob .triple_ccc {margin-left: 0px;margin-right: 0px;} 
.desk .triple_ccc {margin-left: 15px;margin-right: 15px;} 
.triple_ccc{display: inline-block;margin: 15px;background-color: #fff;vertical-align: top;} 
.triple_img_cnt{float: right;position:relative;transition: box-shadow 0.3s;} .a_link_ccc[href] 
.triple_img_cnt:hover {cursor: pointer;box-shadow: 0px 0px 12px 2px #000000;} .triple_holder {text-align: center;} 
.html_seg{position:relative; padding-left: 100px!important; padding-right: 100px!important; } 
.html_link{letter-spacing: 1.2px;color: orangered;cursor:pointer;} 
.html_link:hover{text-decoration: underline;text-underline-position: under;} .triple_text{min-height: 36px;clear:both;} 
.t_ccc{width:calc(33% - 60px);} .t_cc{width:calc(50% - 30px);} .t_c{width:100%;}  
.css_property_name{ display: inline-block;font-size: 10px;line-height: 19px;width: 88px;} 
.css_property_range_value{ display: inline-block;font-size: 10px;line-height: 19px;margin-left:5px;} 
.clipper0 {clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);} 
.clipper1 {clip-path: polygon(0% 0%, 100% 0, 75% 50%, 100% 100%, 0% 100%);} 
.clipper2 {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);right:0px;} 
.clipper3 {clip-path: polygon(0% 0%, 50% 25%, 100% 0%, 100% 100%, 0% 100%);} 
.clipper4 {clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0% 100%);} 
.clipper5 {clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);} .clipper6 {clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);} .clipper7 {clip-path: polygon(0 0, 100% 0%, 100% 100%, 25% 100%);} .clipper8 {clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);} .clipper9 {clip-path: polygon(0 0, 100% 0%, 100% 75%, 0% 100%);} .clipper10 {clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 75%);} .clipper11 {clip-path: polygon(0 25%, 100% 10%, 100% 75%, 0% 90%);} .clipper12 {clip-path: polygon(0% 8%, 50% 0%, 100% 8%, 100% 74%, 50% 66%, 0% 74%);} .clipper13 {clip-path: polygon(0 10%, 100% 25%, 100% 90%, 0% 75%);} .clipper14 {clip-path: circle(40.1% at 50% 50%);} .clipper15 {clip-path: ellipse(45% 22% at 50% 50%);} .clipper16 {clip-path: ellipse(25% 40% at 50% 50%);} .clipper17 {clip-path: polygon(0 0, 75% 0, 100% 100%, 25% 100%);right:0px;} .clipper18 {clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);} .clipper19 {clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);} .clipper20 {clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);} .clipper21 {clip-path: polygon(0 0, 100% 25%, 100% 75%, 0% 100%);} .clipper22 {clip-path: polygon(0 25%, 100% 0%, 100% 100%, 0% 75%);} .clipper23 {clip-path: polygon(50% 0%, 0% 100%, 100% 100%);} .clipper24 {clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);} .clipper25 {clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);} .clipper26 {clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);} .clipper27 {clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);} .clipper28 {clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);right:0px;} .clipper29 {clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); } .clipper30 {clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);right:0px;} .clipper31 {clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);} .clipper32 {clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);} .clipper33 {clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 100%, 0% 100%);} .clipper34 {clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);} .clipper35 {clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);} .clipper36 {clip-path: polygon(0% 0%, 50% 25%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);} .clipper37 {clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 100%, 50% 75%, 0% 100%);} .clipper38 {clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);} .clipper39 {clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);} .clipper40 {clip-path: polygon(100% 40%, 94% 50%, 100% 60%, 100% 100%, 0 100%, 0 0, 100% 0);} .clipper41 {clip-path: polygon(0 40%, 0 0, 100% 0, 100% 100%, 0 100%, 0 60%, 6% 50%); right: 0px;} .clipper42 {clip-path: polygon(6% 40%, 6% 0, 100% 0, 100% 100%, 6% 100%, 6% 60%, 0% 50%);right:0px;} .clipper43 {clip-path: polygon(94% 40%, 100% 50%, 94% 60%, 94% 100%, 0 100%, 0 0, 94% 0);} .clipper44 {clip-path: polygon(0 0, 100% 0,100% 100%, 60% 100%, 50% 94%,40% 100%, 0 100%);} .clipper45 {clip-path: polygon(0 0, 40% 0,50% 6%, 60% 0,100% 0,100% 100%, 60% 100%, 50% 94%,40% 100%, 0 100%);} .clipper46 {clip-path: polygon(0 0, 100% 0,100% 94%, 60% 94%, 50% 100%,40% 94%, 0 94%);} .clipper47 {clip-path: polygon(0 6%, 40% 6% , 50% 0 , 60% 6%,100% 6%,100% 94%, 60% 94%, 50% 100%,40% 94%, 0 94%);} .clipper48 {clip-path: polygon(0 0, 100% 0,100% 96%,100% 96%,92% 100%,85% 96%,77% 100%,70% 96%,63% 100%,56% 96%,49% 100%,42% 96%,35% 100%,28% 96%,21% 100%,14% 96%,7% 100%,0 96%);} .clipper49 {clip-path: polygon(0 4%,7% 0%,14% 4%,21% 0%,28% 4%,35% 0%,42% 4%,49% 0%,56% 4%,63% 0%,70% 4%,77% 0%,85% 4%,92% 0%,100% 4%,100% 96%,100% 96%,92% 100%,85% 96%,77% 100%,70% 96%,63% 100%,56% 96%,49% 100%,42% 96%,35% 100%,28% 96%,21% 100%,14% 96%,7% 100%,0 96%);} .clipper50 {clip-path: polygon(0 0, 96% 0, 100% 7%, 96% 14%, 100% 21%, 96% 28%, 100% 35%, 96% 42%, 100% 49%, 96% 56%, 100% 62%, 96% 70%, 100% 77%, 96% 85%, 100% 92%, 96% 100%, 0 100%);} .clipper51 {clip-path: polygon(100% 100%,100% 0%, 4% 0%,0% 7%, 4% 14%, 0% 21%, 4% 28%,0% 35%, 4% 42%, 0% 49%, 4% 56%, 0% 62%, 4% 70%, 0% 77%, 4% 85%, 0% 92%, 4% 100%);right:0px;} .clipper_text2{left: 5%!important;} .clipper_text6{left: 5%!important;} .clipper_text7{left: 5%!important;} .clipper_text16{left: 5%!important;} .clipper_text18{left: 5%!important;} .clipper_text27 {left: 5%!important;} .clipper_text28 {left: 5%!important;} .clipper_text31 {left: 5%!important;} .ind_img_cnt{border-style:solid;border-width:0px; border-color:#000; } .seg_clipper_text_cnt{position: absolute;top: 50px;left: 0px;width: 100%;height: calc(100% - 50px);} .html_textbox {font-size: 18px; padding-right: 20px;padding-left: 20px;text-align:justify;} .Product_Summary_Line{font-size: 0.851rem; padding:5px;} .ltr .Product_Summary_Line{ direction:ltr;text-align:left;} .rtl .Product_Summary_Line{ direction:rtl;text-align:right;} .Product_Summary_Header{font-size: 0.851rem;font-weight:bold;} .ltr .Product_Summary_Header{ direction:ltr;text-align:left;} .rtl .Product_Summary_Header{ direction:rtl;text-align:right;} .rtl .Property_Type_Triangle{right: 0;bottom: 7px;width: 0;height: 0;border-color: transparent transparent transparent #00bfd6;border-style: solid;border-width: 7px 0 0 7px;-webkit-transform: rotate(45deg);transform: rotate(45deg);display: inline-block;margin-left: 10px;} .ltr .Property_Type_Triangle{right: 0;bottom: 7px;width: 0;height: 0;border-color: transparent transparent transparent #00bfd6;border-style: solid;border-width: 3.5px 0 3.5px 7px;-webkit-transform: translate(-5px, -4px) rotate(-115deg);transform: translate(-5px, -4px) rotate(-115deg);display: inline-block;margin-left: 10px;} .ltr .tx{ direction:ltr;text-align:left;} .rtl .tx{ direction:rtl;text-align:right;} .ltr .fl{ float:left;} .rtl .fl{ float:right;} .ltr .c_fl{ float:right;} .rtl .c_fl{ float:left;} .ltr .fnt{ } .ltr .fnt2{ } .rtl .fnt{ } .rtl .fnt2{ } input::placeholder {color: #ccc;} .ltr .floater{ float:left;} .rtl .floater{ float:right;}
.product_Price {color: #000;justify-content: left;align-items: center;font-size: 20px;font-weight: 700;    }
.tiny_cart_name_cnt {display: inline-block;width: 100%;}
.tiny_item_price {float: right;font-size: 13px;color: #ccc;text-align: right;padding: 6px;}
.item_count_label {font-size: 13px;float: right;padding: 6px;}
.item_count {width: 30px;background-color: cornflowerblue;color: #fff;margin: 6px;padding: 1px;width: 56px;float: right;padding-right: 4px;font-size: 13px;border-radius: 3px;text-align: center;border: none;padding-right: 5px;}
.item_total_price {color: #333;font-size: 13px;float: right;padding: 6px;}
.span_cart_price {display: inline-block; width: 122px; text-align:right!important;}
.span_cart_price_txt {width: 90px;display: inline-block;}
.my_cart_price {display: inline-block;vertical-align: top;margin-top: 19px;padding-left: 20px;text-align: center;font-size: 12px;width: 100px;color: #555;padding-left: 0px;width: 100%;text-align: center!important;font-size: 18px;color: #676767;}
.price_line {color: #fb3449;}
.auto_item.auto_item_selected {background-color: navy;color: #fff;}
.auto_item {font-family: helvetica;padding: 5px;border-bottom: 1px solid #f5f5f5;}
.Auto_CNT{position:relative;}
.Auto_box {position: fixed;overflow-y:auto; cursor: pointer;width: 560px;z-index: 11;background-color: #fff;box-shadow: 0px 0px 10px;border-radius: 5px;padding: 5px;display: none; margin: 10px;}
.Address_Fields_CNT{max-width: 573px;display: inline-block;white-space: normal;}


.Auto_txt:focus {border-bottom: 4px solid cornflowerblue!important;}
.Auto_txt:hover {border-bottom: 4px solid #e6e4e4;}
.Auto_txt {min-width: 80px;min-height: 0px;font-size: 17px;padding: 0px;background-color: #fff;outline: none;line-height: 28px;border-bottom: 4px solid #f1f1f1;padding-left: 10px;transition: 0.2s all;padding-right: 10px;transition: 0.3s all;}
.mobile_keyboard_spacer {height: 400px;width: 100%;display: none;}


.contact_us_item {
    width: 33%;
    height: 330px;
}
#div_Contact_us_CNT {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.is_game .scan_me {
    display: block;
}
.scan_me {
    width: calc(100% - 20px);
    text-align: center;
    background: black;
    color: #fff;
    border-radius: 72px;
    margin-bottom: 20px;
    font-size: 1.2em;
    padding: 10px;
    display: none;
}
.Head__Style__Full{height: 580px;}


.billboard_box{top: 90px;line-height: 100px;}
.landing_flagship_item {
    width: calc(33% - 20px);
    height: 180px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px;
}


@media (max-width: 500px)
{
.landing_flagship_item {width: calc(50% - 20px);}
.post_media_li{height:250px}
.Bar_List_Image {
    width: 100%; 
    height: 100%;
    position: absolute;
    left: 0px;
    object-fit: cover;
}
.Bar_List_Item{
    width: calc(100vw - 50px);
    height: calc(60vw - 50px);
    margin: 20px;
    margin-top: 0px;
}
.SECTION_Product_Menu{height:147px!important;}
.product_image_det { height: calc(100vw - 40px);    width: calc(100vw - 40px);}
.my_Trading_Post_Product_Item {
    width: calc(100vw - 50px);
    height: calc(60vw - 50px);
    margin: 0px;
    margin-bottom: 20px;
}
.Brewery_Beer_Item
{
    width: calc(50vw - 21px);
    height: calc(50vw - 50px); 
}


.my_Trading_Post_Product_Image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    object-fit: cover;
}
 
.party_search.user_60w_thumbnail{width:calc(100vw - 80px);height:calc(100vw - 80px);}


.Head__Style__Full {height: 430px;}
.billboard_box{top: 47px;line-height: 63px;}
}
@media (max-width: 390px)
{
.Head__Style__Wide {height: 353px;}
.Head__Style__Full {height: 465px;}
.Html_CNT{padding:10px;}
.landing_flagship_item {   height: 147px;}


 
.billboard_box{top: 47px;line-height: 41px;}
}
@media (max-width: 312px)
{
.Head__Style__Wide {height: 282px;}
.Head__Style__Full {height: 371px;}


.billboard_box{top: 77px;line-height: 33px;}
}


@media only screen and (max-width: 900px) 
{ 
.li_product{ flex: 1 0 calc(50% - 1px)!important;max-width: 50%!important; }
.Category_Item_out{    width: calc(33% - 6px); height: 120px;}
}
@media only screen and (max-width: 470px) {

.li_product{ flex: 1 0 calc(50% - 1px)!important;max-width: calc(50% - 1px)!important; }


.Category_Item_out{width: calc(33% - 6px); height: 120px;}
}














@media (min-width: 320px) {
.datepicker {width: 300px;}
}


@media (min-width: 480px) {


.datepicker {width: 460px;}
.datepicker__months {overflow: hidden;}
.datepicker__month {width: 200px;}
.datepicker__month--month1 {float: left;}
.datepicker__month--month2 {display: table;float: right;}
.datepicker__month-button--disabled {visibility: hidden;}
.datepicker__months {position: relative;}
.datepicker__months:before {background: #dcdcdc;bottom: 0;content: '';display: none;left: 50%;position: absolute;top: 0;width: 1px;}
}
@media (max-width: 768px) {
.billboard_chat{width: 100%!important;height: calc(100% - 50px)!important;left: 0px!important;top: 50px!important;transform: translate(0px, 0px)!important;}
.contact_us_item {width: 100%;}
.Logo_CNT{ width: calc(100% - 30px);font-size:1.125em;text-align:left;}
.datepicker {width: 700px;}
.datepicker__month {width: 240px;}
.datepicker__close-button {margin-top: 0;position: absolute;right: 0;top: 0;}
}
@media only screen and (max-width: 900px) {
.billboard_h {font-size: 36px!important;}
.SubPlan_Plan_CNT{width:calc(100vw - 20px)!important;}
.btn_start_2 font{font-size: 11px!important;}


.product_image{height: calc(100vw - 30px);}
.Binded_Header_Text{display:none;}
.Binded_Menu {display: none;}
.Binded_Header .my_Cart_CNT {display: inline-block;}
.cls_search_cnt{ width: calc(100vw - 210px);}
.Binded_Header {display: inline-block;float: right;width: 100%;height: 50px;}
.Left_Cart_CNT{width:calc(100% - 2px)!important;}
.shipping_address_cnt{width: calc(100% - 40px) !important;margin-left: 0px!important;;margin-top: 40px!important;;}
.Shipping_CNT{ margin-left: 0px!important; margin-right: 0px!important;}
.Right_Cart_CNT{width:100%!important;}
.Address_Fields_CNT{width: 100%!important;}
.Main_Menu{display:block;}
.btn_Install_Webapp{display:block;}
.top_btn_cnt{display:none;}
.cls_search_cnt:focus-within {width:calc(100vw - 30px);}
.Binded_Header:focus-within .my_Cart_CNT {display:none;}
.Binded_Header:focus-within .Main_Menu {display:none;}
.Product_Image_CNT {height: initial;}
.Product_Summary_CNT {width: 100%;}


.btn_html_seg_clipper_text{max-height:initial;transform:initial;position:relative; width:initial;right: initial;}
.btn_html_seg_image_clipper{margin-left: 15%;}
}


@media only screen and (max-width: 470px) {
.mobile_keyboard_spacer {display: block;}
#signup_p3 { height: 480px; overflow: auto;}
.Product_Summary {height:fit-content;}
#dlg{max-width:calc(100vw - 40px)!important; max-height:calc(100vh - 40px)!important;}
.billboard_big_text {font-size: 35px!important;}
.a_Logo_CNT{width: calc(100vw - 200px);}
.header_cnt{padding-left:0px;padding-right:0px;}
.Product_Menu_Item {width: calc(50vw - 67px);}
.Product_Menu_CNT{height:100px;}
.product_image{height: calc(100vw - 30px);}
.billboard_text{font-size:18px;}
.tiny_item_offer_price{visibility: hidden;}
.my_Cart_CNT{width:30px;}
.List_Item {flex-basis: 100%!important;max-width: 100%!important;}
.Product_Seller_Box {width:calc(100% - 40px);}
.Product_Summary {width: calc(100% - 40px);padding-left: 20px;padding-right: 20px;}
#Live_Camera_List {
    width: 100%!important;
}
.Live_Camera_Item {
    height: 200px;
}
}
@media only screen and (max-width: 330px) {


.Product_Menu_Item {width: calc(50vw - 56px);}
.billboard_text{font-size:18px;}
.Expaned_cart_list_cnt{width: calc(100vw - 40px)!important;left: 0px!important;}
.tiny_cart_item{min-height:110px!important;}


.List_Item {flex-basis: 100%!important;max-width: 100%!important;}
.Product_Seller_Box {width:calc(100% - 40px);}
.Product_Summary {width: calc(100% - 40px);padding-left: 20px;padding-right: 20px;}
}
.SECTION_Header {
    position: sticky;
    position: -webkit-sticky;
    top: -1px;
    z-index: 6;
}










.Main_Menu__Position_Class__Left_Logo_Center_Menu .h_menu_parent{text-align:center;}

.Main_Menu__Position_Class__Left_Logo_Right_Menu .h_menu_parent{text-align:right;}

.Main_Menu__Position_Class__Left_Logo_Left_Menu .h_menu_parent{text-align:left;}



.Main_Menu__Position_Class__Center_Logo_Left_Menu .h_menu_parent{order:1; width:50%;}

.Main_Menu__Position_Class__Center_Logo_Left_Menu .Logo_CNT{text-transform: uppercase;order:2;margin-left: auto;margin-right: auto;left: 0;right: 0;text-align: center;position: absolute;width: 50%;} 
.Main_Menu__Position_Class__Center_Logo_Left_Menu .btn_Search{order: 3; width: calc(50% - 53px);text-align: right;}
.Main_Menu__Position_Class__Center_Logo_Left_Menu .my_Cart_CNT{order:4;}


.Main_Menu__Position_Class__Center_Logo_Right_Menu .h_menu_parent{order:4; width:50%;text-align: right;}

.Main_Menu__Position_Class__Center_Logo_Right_Menu .Logo_CNT{order:3;}
.Main_Menu__Position_Class__Center_Logo_Right_Menu .btn_Search{order: 2; width: calc(50% - 53px);text-align: left;}
.Main_Menu__Position_Class__Center_Logo_Right_Menu .my_Cart_CNT{order:1;}


.Main_Menu__Position_Class__Right_Logo_Center_Menu .h_menu_parent{order:3;text-align:center;}

.Main_Menu__Position_Class__Right_Logo_Center_Menu .Logo_CNT{order:4; width: 50%;text-align: right;}
.Main_Menu__Position_Class__Right_Logo_Center_Menu .btn_Search{order: 2; width: calc(50% - 53px);text-align: left;}
.Main_Menu__Position_Class__Right_Logo_Center_Menu .my_Cart_CNT{order:1;}


.Main_Menu__Position_Class__Right_Logo_Left_Menu .h_menu_parent{order:3;text-align:left;}

.Main_Menu__Position_Class__Right_Logo_Left_Menu .Logo_CNT{order:4; width: 50%;text-align: right;}
.Main_Menu__Position_Class__Right_Logo_Left_Menu .btn_Search{order: 2; text-align: left;}
.Main_Menu__Position_Class__Right_Logo_Left_Menu .my_Cart_CNT{order:1;}
  


.Billboard__Style__Right { width: 60%; max-width: 400px; margin-top: auto; top: 50%; transform: translateY(-50%); margin-left: auto; margin-right: auto; border-radius: 10px 0px 0px 10px; right: 0; text-align: center; }
.Billboard__Style__Left { width: 60%; max-width: 400px; margin-top: auto; top: 50%; transform: translateY(-50%); margin-left: auto; margin-right: auto; border-radius: 0px 10px 10px 0px; right: unset; left: 0px; text-align: center; }
.Billboard__Style__Center { width: 90%; max-width: 1050px; margin-top: auto; top: 50%; transform: translateY(-50%); margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; }




.Billboard__Board_Style__Transparent{}
.Billboard__Board_Style__Normal{background-color: #ffffff70;}
.Billboard__Board_Style__Blur{background-color: #ffffff70; -webkit-backdrop-filter: saturate(180%) blur(4px);backdrop-filter: saturate(180%) blur(4px);box-shadow: 10px 10px 20px #00000021;}


.Billboard__Button_Style__None{display:none;}
.Billboard__Button_Style__Short { display: block; width: 30%; padding: 0px; margin-left: auto; margin-right: auto; }
.Billboard__Button_Style__Normal { display: block; width: 50%; padding: 0px; margin-left: auto; margin-right: auto; }
.Billboard__Button_Style__Wide { display: block; width: 70%; padding: 0px; margin-left: auto; margin-right: auto; }


.Head__Billboard_Background__Transparent{}
.Head__Billboard_Background__Solid{}
.Head__Billboard_Background__Blur{}




.Head__Style__Wide{height:440px;}










#dlg2 {max-height: calc(100vh - 90px);transform: translate(-50%,-50%);left: 50%;top: 50%;display: none;position: fixed;width: 80vw;height: 80vh;z-index: 1999;background-color: #fff;border-radius: 3px;padding: 20px;max-width: calc(100vw - 50px);}
#dlg3 {max-height: calc(100vh - 90px);transform: translate(-50%,-50%);left: 50%;top: 50%;display: none;position: fixed;width: 80vw;height: 80vh;z-index: 1999;background-color: #fff;border-radius: 3px;padding: 20px;max-width: calc(100vw - 50px);}


.frame_free_selector {
    transition: border-radius .7s;
    width: 500px;
    height: 500px;
    position: absolute;
    background-color: #00000038;
    cursor: grab;
    box-shadow: 0 0 20px #ffffff3d;
}
.left_handle_frame_selector {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    cursor: col-resize;
    border-radius: 2px;
    display: none;
    box-shadow: 0 0 10px #00000040;
}
.right_handle_frame_selector {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    cursor: col-resize;
    border-radius: 2px;
    display: none;
    box-shadow: 0 0 10px #00000040;
}
.bottom_handle_frame_selector {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    cursor: row-resize;
    border-radius: 2px;
    display: none;
    box-shadow: 0 0 10px #00000040;
}
.bottom_Right_handle_frame_selector {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    cursor: nw-resize;
    border-radius: 2px;
    display: none;
    box-shadow: 0 0 10px #00000040;
}
.bottom_Wide_handle_frame_selector {
    width: 20px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    cursor: row-resize;
    border-radius: 2px;
    display: none;
    box-shadow: 0 0 10px #00000040;
}
.upload_img_cnt {
    background-color: #f3f3f3;
    width: 800px;
    height: calc(100% - 100px);
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
}
 
#thumb_List {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}


.upload_thumb_item:nth-child(even) {
    margin-left: 10px;
}
.upload_thumb_item {
    position: relative;
    width: calc(50% - 7px);
    display: inline-block;
}
.upload_thumb_item {
    position: relative;
    margin-top: 0px;
}


.upload_thumb_img {
    width: 100%;
    max-height: 200px;
    object-fit: cover;
}
.upload_footer_cnt {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
#div_Frame_Rotation {
    margin-left: 200px;
}
.rotate_uploaded_image {
    border-radius: 100%;
    translate: 0.4s;
}


.transparent_header {
    position: absolute;
    background-color: transparent;


    left: 0px;
    box-shadow: none;
    width: calc(100% - 0px);
}
.transparent_header .header_cnt {
    background-color: transparent;
}
.transparent_header .L1 {
    background-color: #ffffff73;
}
.transparent_header .L1:hover {
    background-color: #fff;
}
.svg_shadow {
    webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}
#x_video{background-color: rgb(0, 0, 0); width: 100%; height: 100%; outline: none; display: block;cursor:pointer;}
.footer_cnt {
    height: 230px;
    background-color: #e4e4e4;
    margin-top: 80px;
    border-top: 1px solid #ddd;
    list-style: none;
    vertical-align: top;
}
.btn_Cancel_Direct_Reply.btn_link {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 84px;
    right: 5px;
}
.direct_btn_play {
    position: absolute;
    left: calc(50% - 30px)!important;
    top: calc(50% - 30px)!important;
    width: 60px!important;
    cursor: pointer!important;
}
.Direct_Comment_Video_Image{filter: brightness(0.5);transition: all 0.3s;width: 100%;height: 100%;object-fit: contain;}
.column_item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    vertical-align: top;
    width: 50%;
}
.field_err{color:red;font-size: 12px;height:19px;}


.Auto_txt.err {
    border-bottom-color: red;
}


[contenteditable]
{
-webkit-user-select:text;
-moz-user-select:text;
-khtml-user-select:text;
-o-user-select:text;
user-select:text;
}
#btn_post_a_comment{margin-bottom:300px}




.Option_Item {
    width: calc(50% - 13px);
    display: inline-block;
    text-align: center;
    overflow:hidden;
    
    line-height: 40px;
    font-size: 11px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 7px;
    margin: 5px;


}
.Option_Item:hover {
    border: 1px solid #9d9d9d;
}
.Option_Item:active {
    background-color: beige;
}
.game_console_index {
    line-height: 18px;
    font-weight: bold;
    font-size: 10px;
    text-align: right;
    padding-right: 3px;
}
.game_console_edit {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #fff;
    width: 20px;
    height: 16px;
    line-height: 8px;
    border-radius: 10px 0px 0px 0px;
    font-weight: bold;
}
#btn_show_add_game_console {
    width: 30px;
    height: 30px;
    background: #ffffff;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 100%;
    line-height: 28px;
    font-weight: bold;
    font-size: 20px;
    color: #555;
}
.game_console_price {
    position: absolute;
    left: 0px;
    bottom: 1px;
    font-size: 8px;
    text-align: left;
    padding-left: 2px;
    color: #c0c0c0;
    width: 100%;
    letter-spacing: 1px;
}


.game_console_timer {
    position: absolute;
    left: 0px;
    bottom: 18px;
    font-size: 10px;
    color: #f6f6f6;
    width: 100%;
    letter-spacing: 1px;
}


div#game_map_cnt {
    max-width: 500px;
    background: #bababa;
    display: inline-block;
    width: 100%;
    height: 500px;
    border-radius: 10px;
    position: relative;
}
div#barman_game_cnt {text-align: center;}
.game_console_item {
    position: absolute;
    width: 15%;
    height: 10%;
    background: linear-gradient(45deg, #5c5c5c, #999898);
    border-radius: 5px;
overflow:hidden;
}
.game_console_ended_in_5_min {
    background: linear-gradient(45deg, #5f2525, #b81616);
}
.Custom_Item {
    width: calc(50% - 13px);
    display: inline-block;
    text-align: center;
    overflow:hidden;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 7px;
    margin: 5px;


}
.Custom_Item:hover {
    border: 1px solid #9d9d9d;
}
.Custom_Item:active {
    background-color: beige;
}
.Option_CNT {
    padding: 10px;
}
.Custom_CNT {
    padding: 10px;
}


.Selected_Option {
    border-color: #3f51b5!important;
    color: #3f51b5!important;
}
.delete_Direct_Party {
position: absolute;
right: 10px;
top: 20px;
color: #a60707;


cursor: pointer;
font-size: 11px;
}
.tiny_cart_name_txt {


    color: #999;
}


.triangle-right {
    display: inline-block;
    width: 0;
    z-index: 11;
    cursor: pointer;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #8179fb;
    position: absolute;
    left: -30px;
    bottom: -12px;
    transform: rotate(0deg);
    opacity: 0;
    transition: all 0.4s;
}


.selected-triangle{
transform: rotate(90deg); 
opacity: 1;
}




.variant_name {
    color: #000;


display:inline;
}
#Finalize_Payment_Detail_CNT {
    display: none;
}
.Balance_ttip_item {
    padding: 10px;
    border-bottom: 1px solid #999;


    color: #333;
}
.Balance_ttip_item:hover {
    background-color: #cbcbcb;
}
.Balance_ttip_item:active {
    background: #000;
}
#signup_p0{height:100%;}
#ws_status{display:none;}
.shipping_address_item:active {
    background-color: #404040;
    color: #fff;
}
.shipping_address_item {
position:relative;
    border-bottom: 1px solid #ccc;
    padding: 20px;
}
.post_more {
    float: right;
    padding-left: 18px;
    cursor: pointer;
    vertical-align: top;
    writing-mode: vertical-rl;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: bold;
}


.chat_message_more {
    float: right;
    padding-left: 18px;
    cursor: pointer;
    vertical-align: top;
    writing-mode: vertical-rl;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: bold;
}
.chat_message_more_dropdown {
    width: 160px;
    position: absolute;
    background-color: #fff;
top:20px;
    right: 0px;
    z-index: 1;
    box-shadow: 0px 0px 10px #00000061;
}
.chat_message_more_item {


    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    font-size: 12px;
min-height:20px;
}
.chat_message_more_item:hover
{
    background-color: #fff;
}
.chat_message_more_item:active {
    background-color: #333;
    color: #fff;
}
.Chapter_Appendix {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 10px;
    padding-left: 25px;
    border-left: 4px solid #fff;
    margin-bottom: 4px;
    border-radius: 5px;


}
.Chapter_Appendix:hover {
    border-left: 4px solid red;
}
.Chapter_Appendix:active {
    background: #777;
    color: #fff;
}
#course_appendix_cnt {
    scroll-margin-block-start: 100px;
}
.Answer_CNT {
    display: flex;
    width: 100%;
}


.Question {
    border-bottom: 1px solid #c3c3c3;
margin-top:20px;
margin-bottom:20px;padding-bottom:20px;
}
.btn_Delete_Answer {
    position: absolute;
    top: 7px;
    right: 10px;
}
.Answer_Text {
 
}
.Answer_Item {
    flex: 1;
    text-align: left;
    margin: 5px;
    background-color: #f0f0f0;
    cursor: pointer;
    padding: 4px;
    padding-left: 20px;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
}


.answer_is_correct {    background: palegreen;}


.answer_is_correct .correct_answer{ display:block!important;}


.answered .correct_answer{ display:block!important;}
.answered { background: cornflowerblue;}


#Quiz_CNT .correct_answer {
    right: 10px;
    display: none;
}
.answer_is_not_correct {background-color: #ffcbcb;}


.answer_is_correct .correct_answer_1 {
    background: limegreen;
}
.answer_is_correct .correct_answer_2 {
    background: limegreen;
}


.correct_answer {
    position: absolute;
    right: 37px;
    height: 30px;
    top: 2px;
}
.correct_answer_1 {
    width: 11px;
    height: 4px;
    background-color: #ccc;
    transform: translate(0px, 18px) rotate(45deg);
}
.correct_answer_2 {
    width: 23px;
    height: 4px;
    background-color: #ccc;
    transform: translate(0px, 18px)rotate(-53deg)translate(9px, -2px);
}
.Other_Direct_Unread {
  display: inline-block;
  min-width: 17px;
  left: 0px;
  top: 53px;
  z-index: 0;
  padding: 2px;
  position: absolute;
  height: 14px;
  margin-left: 20px;
  background-color: #bb0606;
  color: #fff;
  text-align: center;
  line-height: 14px;
  border-radius: 28px;
  font-family: sans-serif;
  font-size: 12px;
}
div#Quiz_Header {
    padding: 100px;
}
.bin_shipping_address {
    position: absolute;
    left: -6px;
    top: 44px;
}
.quiz_title {
    font-family: sans-serif;
    font-size: 5vw;
    line-height: 5vw;
}
.beer_text {


    margin-top: 20px;
    margin-bottom: 0px;
}
#Quiz_Body {
    scroll-margin-block-start: 100px;
}
.buy_me_beer_message_btn_cnt {
    text-align: center;
}
.quiz_desc {
    font-family: sans-serif;
    font-size: 2vw;
    line-height: 3vw;
    padding: 20px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.SECTION_Product_Menu {
    height: 96px;
}
.direct_big_btn_buy_me_beer_cnt {
    text-align: center;
    width: calc(100% - 40px);
    margin: 20px;
    background-color: darkseagreen;
    padding-top: 20px;
    cursor: pointer;
    border-radius: 7px;
}
img.direct_big_btn_buy_me_beer_img {
    width: 200px;
    cursor: pointer;
}
.direct_big_btn_buy_me_beer_txt {


    font-size: 1.5em;
    color: #fff;
    padding: 20px;
    padding-bottom: 40px;
    cursor: pointer;
}


.btn_Add_Property{width:120px;}
.beer_text_red{color:red;}
.beer_text_green{color:green;}
.buy_me_beer_accept_btn {
  padding: 7px;
  padding-right: 7px;
  padding-left: 7px;
  float: right;
  padding-left: 20px;
  padding-right: 20px;
}
#Direct_More_CNT {
    height: calc(100% - 95px);
    overflow: auto;
}
.Orange_Note_txt {
    font-family: inherit;
    padding-bottom: 20px;
}
.buy_me_beer_decline_btn {
  padding: 7px;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #aaa;
}
.unread_profile{
    position: absolute;
    cursor: pointer;
    border-radius: 0;
    width: 40px;
    height: 40px;
    object-fit: cover;
    padding: 0px;
    margin-top: 6px;
    margin-left: 10px;
    border-radius: 100px;
    left: 0px;
    top: 5px;
}
.popup_message {
font-size: 26px;


    line-height: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
padding-left: 20px;
    padding-right: 20px;
}
.not_avail_Option_Item {
    opacity: 0.3;
}
.img_is_read {
    width: 16px;
    position: absolute;
    right: 9px;
    bottom: 6px;
}
.Option_Item.no_variant_Option_Item {
    opacity: 0.3;
}
#btn_chat_toggle_scroll_hidden{text-align: center;
    padding: 10px;
    background: darkseagreen;}


.message_nested { border-left: 2px solid #ccc;padding-left: 10px;}
.message_nested_level0 { padding-left: 0px; border: none; border-left: 20px solid #535353; }
.message_nested_level1 {
    padding-left: 40px;
    border: none;
}
.triangle_level_0 {
    left: -30px;
}
.triangle_level_1 {
    left: -2px;
}
.chat_message_re {
    background: coral;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    margin-right: 10px;
}
#Party_Age_Verf {
    margin-top: 35px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    height: 75px;
    width: 250px;
    position:relative;
    color: #777;
    background:#fff;
}
.Chat_I_MULTI {
    height: 200px;
    list-style: none;
    max-width: calc(50% - 5px);
    overflow: hidden;
}
.Chat_I_CNT {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.Chat_I_MULTI .Chat_img {
    height: 100%;
    width: 100%;
    object-fit: cover;
} 
 
 span#Brewery_Phone_Number_code {
    width: 40px;
    display: inline-block;
    text-align: center;
    border-bottom: 2px solid #ccc;
    vertical-align: bottom;
    font-size: 16px;
    line-height: 1.6;
    color: #222323;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: Arial;
}
.Field_txt_phone {
    width: calc(100% - 100px);
}
.search_state {
    margin-right: 13px;
}
.dir_a {
    flex: 1;
    position: relative;
    display: inline-block;
    height: 28px!important;
    padding: 4px;
    padding-top:8px;
    width: 10%;
}
.dir_btn {
    position: relative;
    height: 28px!important;
    width: 100%;
}
.Product_Tag_OP_LBL {
    width: 70px;
    display: inline-block;
    text-align: left;
}
.Product_Tag_OP_yes_counter {
    margin-left: 5px;
    font-size: 10px;
    color: cornflowerblue;
}
.Product_Tag_OP_no_counter {
    margin-left: 5px;
    font-size: 10px;
    color: coral;
}
#landing_flagship_cnt {
    padding-top: 10px;
    display: flex;
    width: 100%;
    margin: 0px;
    flex-wrap: wrap;
    overflow: hidden;
} 


.landing_flagship_Image {
    width: 100%;
}
.landing_flagship_Name {
    position: absolute;
    width: 100%;
    bottom: 0px;
    background: #00000078;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}
.landing_flagship_ch {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 40px;
    border-radius: 5px 0px 0px 0px;
    box-shadow: -2px -2px 10px #0000009e;
    display: none;
}
.Field_ch {
    margin-top: 24px;
    width: 26px;
}
div#Eared_Badge_CNT {
    display: flex;
    flex-wrap: wrap;
}
.span_Badge_Name {
    line-height: 24px;
    color: #cea64a;
}
.span_Badge_Company_Name {
    color: #cea64a;
    line-height: 9px;
}
.Earned_Badge_Item {
    width: 180px;
    height: 230px;
    position: relative;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
img.Earned_Badge_Badge_Img {
    width: 100%;
    height: calc(100% - 57px);
}
img.Earned_Badge_Company_Img {
    position: absolute;
    width: 34px;
    height: 34px;
    border-radius: 7px;
    left: 15px;
    bottom: 13px;
    box-shadow: 0px 0px 5px #000;
}
.Earned_Badge_Badge_Name {
width: calc(100% - 70px);
    font-size: 12px;
    text-align: left;
    background: #fff5de;
    color: #fff;
    padding-left: 50px;
    margin-left: 10px;
    height: 40px;
    border-radius: 7px;
}
img.sponsored_product {
    position: absolute;
    width: 60px;
    top: -27px;
    left: -36px;
    transform: rotate(319deg);
}
#chat_status { position: absolute; z-index: 1; top: 63px; right: 10px; transition: width 0.2s; width: 40px; background: #5a3a2e; height: 40px; border-radius: 100px; display: none; }
img.chat_status_img {
    width: 40px;
    height: 40px;
}


img.chat_status_img {
    display: inline-block;
}


.chat_status_text {
    display: inline-block;
    color: #fff;
    vertical-align: top;
    padding: 2px;
    font-family: blinkmacsystemfont;
    padding-left: 10px;
}


img.chat_status_img {
    border-radius: 100px;
}
 
.DT_Subject:before { content: 'Subject'; display: block; font-weight: bold; font-size: 73%; } .DT_Subject { border-bottom: 1px #05058b solid; margin-bottom: 11px; padding-bottom: 4px; }


#chat_top { position: absolute; width: 100%; height: 60px; background: #ffffff; z-index: 2; top 0px;transition: top 0.2s;}
.night #chat_top { background: #000; }
#img_view_profile { border-radius: 100%; width: 100px; margin-left: 50%; transform: translateX(-50%); }
.night .chat_message_more { color: #e8e8e8; }
.message_party_name { font-weight: bold; margin-right: 10px; }
#chat_top_left { width: 61px; margin: 7px; }
.chat_block_title div { font-family: 'blinkmacsystemfont'; font-size: 12px; }
#chat_status_count { position: absolute; right: -5px; width: 20px; height: 20px; bottom: -6px; background: #941818; color: #fff; text-align: center; font-size: 12px; font-family: blinkmacsystemfont; border-radius: 100px; line-height: 20px; }
#chat_status_count:empty { display: none; }
.chat_plus { position: absolute; z-index: 1; bottom: 10px; right: 5px; width: 40px; }
.buy_me_beer_decline_btn:hover {  background-color: #666;}
.buy_me_beer_decline_btn:active { background-color: #000;}
.ed_block{display:none;}
.edit_mode .ed_block{display: block;}
.btn_link_bg { background: #ffffffb0;   padding: 3px; padding-left: 10px; padding-right: 10px; color: cornflowerblue; font-size: 14px; font-weight: bold; position: absolute; height: 12px; line-height: 12px; }
.ed_inline_block{display:none;}
.edit_mode .ed_inline_block{display: inline-block;}
.just_super_admin{display:none!important;}
.super_admin .just_super_admin{display:block!important;}
.just_sub_admin{display:none!important;}
.sub_admin .just_sub_admin{display:block!important;}
.game_console_paid {
    background: linear-gradient(45deg, #1d7cc7, #03A9F4);
    color: greenyellow;
}


img#barley_img { width: 96px; }
#barley_cnt { text-align: center; margin:20px;}
#barley_item { width: 133px;height:133px; padding: 10px; display: inline-block; background: #bcfcdc; border-radius: 27px; line-height: 17px; }
#barley_text { font-size: 13px; font-weight: bold; }


#chat_top_title { position: absolute; color: #e8e8e8; top: 17px; left: 50%; font-family: 'blinkmacsystemfont'; transform: translateX(-50%); max-width: calc(100% - 140px); white-space: nowrap; overflow: hidden; }
.night .message_item_reply { background: #192c55; }


@keyframes anim_loader {0% {transform:rotate(45deg);}25% {transform:rotate(135deg);}50% {transform:rotate(225deg);}75% {transform:rotate(315deg);}100% {transform:rotate(405deg);}}