.pillbox { padding: 0 6px; min-width: 12px; }
#lm_nav { width: 100%; height: 50px; background: #f1f1f1; margin:0; border-bottom: 1px solid #d7d7d7; font-size: 16px; }
#lm_nav .p_width { margin: 0 auto; position: relative; }
#lm_nav .lm_nav_left { position: absolute; left: 0px; top: 1px; }
#lm_nav .lm_nav_right { position: absolute; right: 0px; top: 1px; }
#lm_nav .lm_nav_left a,
#lm_nav i { display: block; float: left; position: relative; height: 49px; padding: 0 30px; text-align: center; color: #363636; background-color: transparent; -webkit-transition: color .1s ease-in; -moz-transition: color .1s ease-in; -o-transition: color .1s ease-in; transition: color .1s ease-in; -webkit-transition: background-color .1s ease-in; -moz-transition: background-color .1s ease-in; -o-transition: background-color .1s ease-in; transition: background-color .1s ease-in; font-style: normal; }
#lm_nav .lm_nav_left a.active:not(.lm_nav_cat):after { position: absolute; bottom: -5px; left: 50%; margin-left: -10px; width: 0; height: 0; content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; }
#lm_nav .lm_nav_left a > b,
#lm_nav i > b { display: block; margin-top: 8px; font-weight: normal; }
#lm_nav .lm_nav_right i > b { margin-top: 14px }
#lm_nav .lm_nav_right b > span { margin-right: 10px }
#lm_nav .lm_nav_left a > span,
#lm_nav i > span { display: inline-block; margin-top: -1px; }
.chinese #lm_nav .lm_nav_left a > span,
.japanese #lm_nav .lm_nav_left a > span,
.chinese #lm_nav i > span ,
.japanese #lm_nav i > span  { margin-top: 0px; }
#lm_nav .lm_nav_left a:hover,
#lm_nav i:hover { background-color: #d7d7d7; text-decoration: none; }
#lm_nav .lm_nav_left a.active { background-color: #d7d7d7; color: #08375B; cursor: default; }
#lm_nav .lm_nav_left a.lm_nav_cat { display: block; float: left; text-align:left; width: auto; min-width:175px; background-color: #666; color: white; line-height: 48px; height: 50px; position: relative; -webkit-transition: width .3s ease-in; -moz-transition: width .3s ease-in; -o-transition: width .3s ease-in; transition: width .3s ease-in; box-sizing:border-box; }
#lm_nav .lm_nav_left a.lm_nav_cat > img.arrow { display: block; width: 18px; height: 18px; position: absolute; transform:rotate(90deg); transition:transform .4s; top: 16px; right: 17px; }
  #lm_nav a.lm_nav_cat.active > img.arrow { transform:rotate(270deg); transition:transform .4s; } 
#lm_nav .lm_nav_left a.lm_nav_cat { padding:0; }
  #lm_nav .lm_nav_left a.lm_nav_cat.active { width: 229px; padding:0; margin: 0; }
#lm_nav .lm_nav_left a.lm_nav_cat > p { text-align: left; padding:0 30% 0 14%; margin:1px 0; }
  #lm_nav .lm_nav_left a.lm_nav_cat.active > p { padding-left: 10%; padding-right:0; }
#lm_nav .lm_nav_right img.caratd { display: block; width: 12px; height: 12px; position: absolute; top: 18px; right: 12px; background: url('https://secureimage.securedataimages.com/images/cams/won/category_arrows.png') no-repeat 0 -139px; }
#lm_nav .lm_nav_right .active img.caratd { background-position: 0 -193px }
#lm_nav .lm_nav_dd { min-width: 100%; height: 0px; opacity: 0; overflow: hidden; position: absolute; top: 49px; left: 0; z-index: 2; -webkit-transition: height .2s ease-in; -moz-transition: height .2s ease-in; -o-transition: height .2s ease-in; transition: height .2s ease-in; -webkit-transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; -o-transition: opacity .1s ease-out; transition: opacity .1s ease-out; }
#lm_nav i.active .lm_nav_dd { height: 300px; opacity: 1; -webkit-transition: height .2s ease-out; -moz-transition: height .2s ease-out; -o-transition: height .2s ease-out; transition: height .2s ease-out; -webkit-transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; -o-transition: opacity .1s ease-out; transition: opacity .1s ease-out; }
#lm_nav i.active:after { position: absolute; bottom: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #d7d7d7; }
#lm_nav .lm_nav_dd a { display: block; font-size: 12px; height: 30px; line-height: 30px; padding: 0 20px; background-color: #d7d7d7; min-width: 60px; width: auto; float: none; text-align: left; white-space: nowrap; position: relative; cursor: pointer; }
#lm_nav .lm_nav_dd a .pillbox { position: absolute; right: 8px; top: 8px; }
#lm_nav .lm_nav_dd a .pillbox { position: absolute; right: 20px; top: 8px; }
#lm_nav .lm_nav_dd.haspill a { padding-right: 40px }
#lm_nav .lm_nav_dd.haspill a .pillbox { right: 8px }
#lm_nav .lm_nav_dd a:hover { background-color: #b7b7b7; }
#lm_nav .lm_nav_dd:before { border-bottom: 10px solid #d7d7d7; border-left: 10px solid transparent; border-right: 10px solid transparent;    content: "";    height: 0;    left: 25%;    position: absolute;    top: 0;    width: 0;}
#lm_nav .dd_spacer { width: 100%; height: 10px; background: transparent; }


#lm_outer { width:100%; margin: 0 auto; position: relative; }
  #lm_outer.active { margin-left:230px; }
#lm_filters { width:0; max-height:0px; opacity:0; position:absolute; top:-1px; left:-231px; background:#f5f7f9; border-left:1px solid #d7d7d7;  border-right: 1px solid #d7d7d7; text-align: left; font-size: 13px; box-sizing: border-box; 
  -webkit-transition: opacity .3s, max-height .2s;
  -moz-transition: opacity .3s, max-height .2s,;
  transition: opacity .3s, max-heightr .2s;
}
#lm_filters.active { width:230px; max-height: 2000px; opacity: 1; }
#lm_filters, #lm_filters a { color: #363636 }
#lm_filters .menu_top { height: 24px; line-height: 24px; color: white; margin-left: 12px; }
#lm_filters a.menu_item { height: 36px; font-size: 14px; line-height: 36px; border-bottom: 1px solid #d7d7d7; padding-left: 10%; width: 100%; position: relative; box-sizing: border-box; -webkit-transition: background-color .1s ease-in; -moz-transition: background-color .1s ease-in; -o-transition: background-color .1s ease-in; transition: background-color .1s ease-in; -webkit-transition: color .1s ease-in; -moz-transition: color .1s ease-in; -o-transition: color .1s ease-in; transition: color .1s ease-in; }
#lm_filters a.menu_item:hover { text-decoration: none; background-position: 4px -124px; color: #fff; background-color: #0280d7; }
#lm_filters a.menu_item.highlighted:hover { cursor: default }
#lm_filters a.highlighted { color: #0280d7; background: none; }
#lm_filters a.highlighted:before { content: ""; height: 100%; top: 0; left: 0; position: absolute; border-left: 6px solid #0280d7; }
#lm_filters a.menu_item.highlighted b { left: 0px }
#lm_filters a.menu_item .pillbox { position: absolute; right:8%; top: 10px; opacity: 0; -webkit-transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; transition: opacity 1s ease-in; }
#lm_filters.active a.menu_item .pillbox { opacity: 1 }
#lm_filters a.menu_item.highlighted .pillbox { background-color: #0280d7; color: #fff; }
#lm_filters a.menu_item:hover .pillbox { background-color: #fff; color: #0280d7; }
#lm_filters .menu_title { color: #363636; background: #d7d7d7; padding-left: 24px; height: 40px; line-height: 40px; font-size: 16px; position: relative; }
#lm_filters .menu_title b { width: 10px; height: 6px; position: absolute; top: 17px; left: 86%; background: url('https://secureimage.securedataimages.com/images/cams/won/filter_carat.png') no-repeat; transition: transform 1s; -moz-transition: -moz-transform 1s; -webkit-transition: -webkit-transform 1s; cursor: pointer; }
#lm_filters .menu_title.active b { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); }
#lm_filters #view_all_filters { width: 20px; height: 20px; position: absolute; top: -36px; right: 40px; color: white; background: url('https://secureimage.securedataimages.com/images/cams/won/sprite_won_big.png') -76px 4px no-repeat; }
.lm_nav_arrow { position:absolute; width:22px; height:40px; right:-22px; background:#6B6B6B; box-sizing:border-box; padding:0 2px; }
.lm_nav_arrow span { position:absolute; left:2px; top:10px; color:white; font-size:18px; width:21px; height:21px; line-height:0px; }
.lm_nav_arrow.up { left:-2px; top:-1px; }
.lm_nav_arrow.up span { left:-1px; }
#lm_cells { width:98%; min-height:1450px; min-width:675px; text-align:left; padding:20px 0 0 20px; -webkit-transition: width .1s ease-in; -moz-transition: width .1s ease-in; -o-transition: width .1s ease-in; transition: width .1s ease-in; }
  #lm_cells.active { -webkit-transition: width .1s ease-out; -moz-transition: width .1s ease-out; -o-transition: width .1s ease-out; transition: width .1s ease-out; }
/* subtract lm_filters-10 width for media queries */
#lm_cells .lm_heading { margin:0 4px 12px 4px; padding: 0; font-size: 22px; line-height: 16px; font-weight: normal; letter-spacing: -1px; color: #464646; }
#lm_heading_recommended{margin-top: 50px;}
.ccbs { background-image: url('https://secureimage.securedataimages.com/images/cams/won/sprite_won_big.png'); background-repeat: no-repeat; }
.pgn { width: 100%; height: 30px; margin: 20px 0 40px 0; text-align: center; position: relative; }
.pgn a { display: inline-block; min-width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin: 0 2px; border: 1px solid #cdcdcd; background: #f0f0f0; color: #333; text-align: center; position: relative; }
.pgn a.pgn_ht,
.pgn a:hover { border: 1px solid #0280d7; background: #0280d7; color: white; text-decoration: none; }
.pgn a.pgn_all { position: absolute; right: 0; top: 0; }
.cams_cell_big { box-sizing: border-box; width: 25%; padding: 4px; display: inline-block; position: relative; opacity:1; transition:opacity 3s, width 1s; }
.cams_cell_big.inactive { opacity:.5; filter:blur(1px); transition:opacity 3s, width 1s; }
  .cams_cell_big.inactive3 { width:0 !important; overflow:hidden; transition:width 1s; }
    .cams_cell_big.inactive3 a.big_thumb { min-width:0; min-height:0; }
  .cams_cell_big.inactive2 a { cursor:default !important; }
.cams_cell_big.discounted1 { background:#ff8d27; -webkit-transition: background .25s; -moz-transition: background .25s ease-in; -o-transition: background .25s ease-in; transition: background .25s;}
.cams_cell_big, .cams_cell_big a { color:#08375b; cursor: pointer; -webkit-transition: color .35s; -moz-transition: color .35s ease-in; -o-transition: color .35s ease-in; transition: color .35s; }
.cams_cell_big:hover, .cams_cell_big a:hover { color: #0280d7; }
.cams_cell_big.discounted1:hover { background:#fff; }
.cams_cell_big .big_img { position:relative; }
.cams_cell_big a.big_thumb { display: inline-block; min-height: 120px; min-width: 160px; position: relative; width: 100%; background-size: cover !important; box-sizing:border-box; background-position:top center; }
.cams_cell_big a.big_thumb.cx-1 { border:1px solid #ff1986; }
.cams_cell_big .big_thumb1 { margin-top: 75%; display: inline-block; }
.cams_cell_big .big_online { position: absolute; top: -4px; left: -6px; width:80%; height: 23px; background: url('https://secureimage.securedataimages.com/images/cams/won/online_status_big1_english.png') no-repeat; background-size: 100px auto; background-position: 200px 200px; }
.cams_cell_big .big_online.status2 { background-position: 0px -47px }
.cams_cell_big .big_online.status3 { background-position: 0px 0px }
.cams_cell_big .big_online.status6 { background-position: 0px -95px }
.cams_cell_big .big_online.status10 { background-position: 0px -23px }
  .cams_cell_big.inactive .big_online { background-position: 0px -71px !important; }
.cams_cell_big .big_info { position: relative; height: 20px; font-size: 15px; display:block; }
  .cams_cell_big .big_info:hover {  text-shadow: 1px 1px #eee; } 
.cams_cell_big .big_info_left { position: absolute; left: 4px; top: 0; width:80%; text-align:left; overflow:hidden; text-overflow:ellipsis; }
.cams_cell_big .big_info_right { position: absolute; right: 4px; top: 0; }
.cams_cell_big .big_extras { width: 100%; height: 18px; position: absolute; bottom: 0px; left: 0px; opacity: 1; text-align: left; background-image: url('https://secureimage.securedataimages.com/images/common/bg_trans60.png'); }
.cams_cell_big .big_extras .modes { position: absolute; bottom: 0; left: 0; height:20px; width: 140px; text-align:left; }
.cams_cell_big .big_extras .modes span { display: block; float:left; }
.cams_cell_big .big_extras .modes div { opacity: 0; height: 0px; overflow: hidden; border-top-right-radius:4px; text-transform:capitalize; -webkit-transition: height .35s ease-in; -moz-transition: height .35s ease-in; -o-transition: height .35s ease-in; transition: height .35s ease-in; -webkit-transition: opacity .25s ease-in; -moz-transition: opacity .25s ease-in; -o-transition: opacity .25s ease-in; transition: opacity .25s ease-in; }
.cams_cell_big .big_extras .modes .active div { opacity:.8; position: absolute; bottom: 18px; line-height: 18px; left: 0px; width: auto; height:18px; padding: 0px 4px; color: white; font-size: 11px; text-shadow: 1px 1px black; white-space: nowrap; background: black; }
.cams_cell_big .big_extras .speaker { width: 15px; height: 16px; color:#ddd; font-size:14px; margin:4px 4px 0 4px; display:inline-block; }
.cams_cell_big .big_extras .hd { width: 21px; height: 16px; color:#ddd; font-size:21px; display:inline-block; margin:0 4px 0 -1px; }
.cams_cell_big .big_extras .bz { width:20px; height:18px; color:#ddd; font-size:18px; display:inline-block; margin:1px 2px 0 0; }
.cams_cell_big .big_extras .cxc { width: 16px; height: 16px; color:#ddd; font-size:16px; display:inline-block;}
.cams_cell_big .big_extras .cxc.icon.icon-connexion, .cams_cell_big .big_extras .cxc.icon.icon-connexion:hover { color:#ddd; font-size: 16px; margin:2px 0 0 2px; }
.cams_cell_big .big_extras .cxc.icon.icon-connexion.pink, .cams_cell_big .big_extras .cxc.icon.icon-connexion.pink:hover { color:#ff1986 }
.cams_cell_big .big_extras .txt-text { color:#fff; padding:4px 0 0 2px; font-size:11px; }
.cams_cell_big .big_extras .actions { position: absolute; bottom: 0; right: 0; height: 18px; width: 60px; text-align: right; }
.cams_cell_big .big_extras .actions span { display: block; float: right; }
.cams_cell_big .big_extras .actions div { opacity: 0; height: 0px; overflow: hidden; border-top-left-radius:4px; text-transform:capitalize; -webkit-transition: height .35s ease-in; -moz-transition: height .35s ease-in; -o-transition: height .35s ease-in; transition: height .35s ease-in; -webkit-transition: opacity .25s ease-in; -moz-transition: opacity .25s ease-in; -o-transition: opacity .25s ease-in; transition: opacity .25s ease-in; }
.cams_cell_big .big_extras .actions .active div { position: absolute; bottom: 18px; line-height: 18px; right: 0px; width: auto; padding: 0px 4px; color: white; font-size: 11px; text-shadow: 1px 1px black; white-space: nowrap; background: black; }
.cams_cell_big .big_extras .fav0 { width: 20px; height: 16px; background-position: 2px -95px; }
.cams_cell_big .big_extras .fav0:hover { background-position: 2px -63px }
.cams_cell_big .big_extras .active div.fav0_ { height: 16px; opacity: .8; }
.cams_cell_big .big_extras .fav1 { width: 20px; height: 16px; background-position: 2px -31px; }
.cams_cell_big .big_extras .fav1:hover { background-position: -33px -31px }
.cams_cell_big .big_extras .active div.fav1_ { height: 16px; opacity: .8; }
.cams_cell_big .big_extras .fan0 { width: 20px; height: 16px; background-position: -65px -95px; }
.cams_cell_big .big_extras .fan0:hover { background-position: -66px -63px }
.cams_cell_big .big_extras .active div.fan0_ { height: 16px; opacity: .8; }
.cams_cell_big .big_extras .fan1 { width: 20px; height: 16px; background-position: -65px -31px; }
.cams_cell_big .big_extras .active div.fan1_ { height: 16px; opacity: .8; }
.cams_cell_big .big_extras .dis0 { width: 20px; height: 16px; background-position: -33px -95px; }
.cams_cell_big .big_extras .dis0:hover { background-position: -33px -63px }
.cams_cell_big .big_extras .active div.dis0_ { height: 16px; opacity: .8; }
.cams_cell_big .big_extras .dis1 { width: 20px; height: 16px; background-position: -33px -63px; }
.cams_cell_big .big_extras .dis1:hover { background-position: -33px -95px }
.cams_cell_big .big_extras .active div.dis1_ { height: 16px; opacity: .8; }
.cams_cell_big .big_extras .icon-text-me { color:#fff; padding-top:5px; }
.cams_cell_big .won_model_name { color:#fff; padding:3px 5px 0 2px; font-size:14px; }
.cams_cell_big .big_fanc { display: none }
/* .cams_cell_big img.country { width: 17px; height: 11px; margin-left: 4px; display: inline-block; background: url('https://secureimage.securedataimages.com/images/common/country_flags_sm.png') no-repeat; } */
.cams_cell_big .tip_circle_outer { width:14px; height:14px; position:absolute; bottom:26px; right:8px; }
.cams_cell_big .tip_circle { position: relative; margin:0 auto; width: 14px; height: 14px; border-radius: 50%; background:transparent url("https://secureimage.securedataimages.com/images/common/bg_trans60.png") repeat; opacity:.9; border:3px solid gray; } 
  .cams_cell_big .tip_circle:hover { text-shadow:1px 1px #333; }
.cams_cell_big .tip_dollarz { font-size:11px; color:#a1f613; position:absolute; top:0; left:4px; }
.cams_cell_big .tip_arc { overflow: hidden; position: absolute; top: -3px; right: 50%; bottom: 50%; left: -3px; transform-origin: 100% 100%;}
.cams_cell_big .tip_arc:before { box-sizing: border-box; display: block; width: 200%; height: 200%; border-radius: 50%; content: ''; border: solid 3px #a1f613; }
.tip_arc1 { transform: rotate(90deg) skewX(43deg); }
.tip_arc2 { transform: rotate(135deg) skewX(43deg); }
.tip_arc3 { transform: rotate(180deg) skewX(43deg); }
.tip_arc4 { transform: rotate(225deg) skewX(43deg); }
.tip_arc5 { transform: rotate(271deg) skewX(43deg); }
.tip_arc6 { transform: rotate(315deg) skewX(43deg); }
.tip_arc7 { transform: rotate(360deg) skewX(43deg); }
.tip_arc8 { transform: rotate(45deg) skewX(43deg); }
.tip_arc1:before { transform: skewX(-43deg);  }
.tip_arc2:before { transform: skewX(-43deg);  }
.tip_arc3:before { transform: skewX(-43deg);  }
.tip_arc4:before { transform: skewX(-43deg);  }
.tip_arc5:before { transform: skewX(-43deg);  }
.tip_arc6:before { transform: skewX(-43deg);  }
.tip_arc7:before { transform: skewX(-43deg);  }
.tip_arc8:before { transform: skewX(-43deg);  }

/* CamsExclusive overrides */
.cams_cell_big.online[stream="CamsExclusive"] { background-color:#e9213d; color:white;  -webkit-transition: color .1s ease-in; -moz-transition: color .1s ease-in; -o-transition: color .3s ease-in; transition: color .3s ease-in; -webkit-transition: background-color .3s ease-in; -moz-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; font-style: normal; }
.cams_cell_big.online[stream="CamsExclusive"]:hover { background-color:#dc132f; text-shadow:0px 0px; color:#f6f6f6; }
.cams_cell_big.online[stream="CamsExclusive"] .big_thumb { background-image:url('https://secureimage.securedataimages.com/images/cams/camsexclusive/camsexclusive_thumb_640.jpg') !important; }
.cams_cell_big.online[stream="CamsExclusive"] .big_extras { display:none; }
.cams_cell_big.online[stream="CamsExclusive"] .big_info { background:transparent url('https://secureimage.securedataimages.com/images/cams/won/penthouse_live_watch_now.png') no-repeat center center; }
.cams_cell_big.online[stream="CamsExclusive"] .big_info { font-size:0px; }
.cams_cell_big.online[stream="CamsExclusive"] .big_info_right { display:none; }


.p_width { width:100%; }

/* mq for WON resizing */
@media (max-width:1099px) { 
    #lm_cells.active { width:74%; }
    .cams_cell_big { width: 25% }
}
@media (min-width:1100px) and (max-width:1199px) { 
    #lm_cells.active { width:77%; }
    .cams_cell_big { width: 25% }
}
@media (min-width:1200px) and (max-width:1299px) { 
    #lm_cells.active { width:80%; }
    .cams_cell_big { width: 25% }
}
@media (min-width:1300px) and (max-width:1399px) { 
    #lm_cells.active { width:81%; }
    .cams_cell_big { width: 20% }
}
@media (min-width:1400px) and (max-width:1499px) { 
    #lm_cells.active { width:82%; }
    .cams_cell_big { width: 20% }
}
@media (min-width:1500px) and (max-width:1599px) { 
    #lm_cells.active { width:83%; }
    .cams_cell_big { width: 20% }
}
@media (min-width:1600px) and (max-width:1799px) { 
    #lm_cells.active { width:85%; }
    .cams_cell_big { width: 16.66% }
}

@media (min-width:1800px) and (max-width:1999px) { 
    #lm_cells.active { width:86%; }
    .cams_cell_big { width: 16.66% }
}

@media (min-width:2000px) { 
    #lm_cells.active { width:86%; }
    .cams_cell_big { width: 16.66% }
}