.pillbox { padding: 0 6px; min-width: 12px; }
#lm_nav { width: 100%; height: 50px; background: #f1f1f1; margin: 0 0 20px; 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; width: auto; background-color: #666; color: white; padding-right: 30px; 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; }
#lm_nav .lm_nav_left a.lm_nav_cat > img.carat { display: block; width: 12px; height: 12px; position: absolute; top: 18px; right: 12px; background: url('http://graphics.streamray.com/images/cams/won/category_arrows.png') no-repeat 0 -42px; }
#lm_nav .lm_nav_right img.caratd { display: block; width: 12px; height: 12px; position: absolute; top: 18px; right: 12px; background: url('http://graphics.streamray.com/images/cams/won/category_arrows.png') no-repeat 0 -139px; }
#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.active > p { text-align: left; padding-left: 16%; margin:0; }
#lm_nav .lm_nav_left a.lm_nav_cat.active > img.carat { background-position: 0 2px; right: 0; left: 10%; }
#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 .dd_spacer { width: 100%; height: 10px; background: transparent; }
#lm_outer { width: 960px; margin: 0 auto; position: relative; }
#lm_filters { width:0; max-height: 0px; opacity: 0; position: absolute; top: -20px; 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 ease-in; -moz-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in; -webkit-transition: max-height .2s ease-in; -moz-transition: max-height  .2s ease-in; -o-transition: max-height  .2s ease-in; transition: max-height  .2s ease-in; }
#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('http://graphics.streamray.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: -35px; right: 10px; color: white; background: url('http://graphics.streamray.com/images/cams/won/sprite_won_big.png') -76px 4px no-repeat; }
#lm_cells { width:960px; min-height:1450px; position: relative; float: right; text-align: left; -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 { width:720px;  -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; }
.ccbs { background-image: url('http://graphics.streamray.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; }
.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; }
.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('http://graphics.streamray.com/images/cams/won/online_status_big1_german.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 .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('http://graphics.streamray.com/images/common/bg_trans60.png'); }
.cams_cell_big .big_extras .modes { position: absolute; bottom: 0; left: 0; height: 18px; width: 120px; 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; background-position: 0 2px; display:inline-block; }
.cams_cell_big .big_extras .hd { width: 23px; height: 16px; background-position: -35px 2px; display:inline-block;}
.cams_cell_big .big_extras .bz { width: 25px; height: 16px; background-position: -98px -95px; display:inline-block;}
.cams_cell_big .big_extras .cxc { width: 20px; height: 16px; background-position: -133px -96px; display:inline-block;}
.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_fanc { display: none }
.cams_cell_big img.country { width: 17px; height: 11px; margin-left: 4px; display: inline-block; background: url('http://graphics.streamray.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("http://graphics.streamray.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:13px; color:#a1f613; position:absolute; top:0; left:3px; }
.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[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[stream="CamsExclusive"]:hover { background-color:#dc132f; text-shadow:0px 0px; color:#f6f6f6; }
.cams_cell_big[stream="CamsExclusive"] .big_thumb { background-image:url('http://graphics.streamray.com/images/cams/camsexclusive/camsexclusive_thumb_640.jpg') !important; }
.cams_cell_big[stream="CamsExclusive"] .big_extras { display:none; }
.cams_cell_big[stream="CamsExclusive"] .big_info { background:transparent url('http://graphics.streamray.com/images/cams/won/penthouse_live_watch_now.png') no-repeat center center; }
.cams_cell_big[stream="CamsExclusive"] .big_info { font-size:0px; }
.cams_cell_big[stream="CamsExclusive"] .big_info_right { display:none; }

/* mq for WON resizing */
@media (min-width:1000px) and (max-width:1099px) { 
    #lm_outer, #lm_cells,
    .p_width { width:960px; }
    #lm_cells.active { width:720px; }
    .cams_cell_big { width: 25% }
}
@media (min-width:1100px) and (max-width:1199px) { 
    #lm_outer, #lm_cells,
    .p_width { width: 1060px }
    #lm_cells.active { width:820px; }
    .cams_cell_big { width: 25% }
}
@media (min-width:1200px) and (max-width:1299px) { 
    #lm_outer, #lm_cells,
    .p_width { width: 1160px }
    #lm_cells.active { width:920px; }
    .cams_cell_big { width: 25% }
}
@media (min-width:1300px) and (max-width:1399px) { 
    #lm_outer, #lm_cells,
    .p_width { width: 1260px }
    #lm_cells.active { width:1020px; }
    .cams_cell_big { width: 20% }
}
@media (min-width:1400px) and (max-width:1499px) { 
    #lm_outer, #lm_cells,
    .p_width { width: 1360px }
    #lm_cells.active { width:1120px; }
    .cams_cell_big { width: 20% }
}
@media (min-width:1500px) and (max-width:1599px) { 
    #lm_outer, #lm_cells,
    .p_width { width: 1460px }
    #lm_cells.active { width:1220px; }
    .cams_cell_big { width: 20% }
}
@media (min-width:1600px) { 
    #lm_outer, #lm_cells,
    .p_width { width: 1560px }
    #lm_cells.active { width:1320px; }
    .cams_cell_big { width: 16.66% }
}