.wc-sidebar {position: relative; padding: 20px 30px 7px 20px; text-align: left; width: 200px; float: right; margin: 0 0 0 5px; border: solid 1px #E8E8E8;}
.wc-sidebar .list {margin: 0 0 13px 0;}
.wc-sidebar .list a {text-transform: capitalize;}
.wc-sidebar .list a.act {color: #276fdb;}
.wc-headline svg {width: 30px; height: 30px; margin-right: 15px;}
.wc-headline h1, .wc-headline h2 {flex: 1;}
.wc-cats-filters {position: absolute; top: 0; right: 29px; display: flex; white-space: nowrap; cursor: pointer; -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: rotateZ(-90deg); -ms-transform: rotate(-90deg); transform: rotateZ(-90deg); z-index: 99; overflow: hidden;}
.wc-cats-filter {line-height: 30px; padding: 0 20px; font-size: 14px; text-transform: uppercase; display: inline-block; background: #E8E8E8;}
.wc-cats-filter.active {background: #fff;}
.wc-list-videos .img:hover .webcam-vip, .wc-list-videos .img:hover .length {display: none;}
.wc-list-videos .img:hover .webcam-live {display: block;}
.wc-list-videos .item .title {padding: 1rem; margin: 0; height: auto;}
.wc-list-videos .wc-nocontent {font-size: 1.2em; margin: 10px 0 0 10px;}
.webcam-vip, .wc-duration-block, .webcam-live {background: rgba(28,28,28,012.75); display: flex; align-items: center; position: absolute; overflow: hidden; z-index: 1; padding: 0 10px; color: #fff; line-height: 25px; white-space: nowrap; text-transform: uppercase;}
.webcam-live {right: 5px; top: 5px; left: auto; display: none; font-size: 12px;}
.webcam-vip {top: 5px; right: 15px;}
.wc-duration-block {bottom: 5px; left: 15px;}
.webcam-vip svg, .wc-duration-block svg {width: 15px; height: 15px; margin-right: 7px; fill: #fff;}
.webcam-live-status {display: inline-block; margin-right: 5px; width: 10px; height: 10px; border-radius: 50%; vertical-align: -1px;}
.webcam-live-status.status_0 {background: #b6b6b6;}
.webcam-live-status.status_1 {background: #6AC785;}
.webcam-live-status.status_2 {background: #c8c8c8;}
.wc-breadcrumb {padding: 0 10px 15px 0; list-style: none;}
.wc-breadcrumb li {display: inline;}
.wc-breadcrumb li + li:before {padding: 8px; content: "/";}
.webcam-model-chat {padding-bottom: 20px;}
.webcam-model-chat .player {position: relative; overflow: hidden; padding-top: 56.25%;}
.webcam-model-chat .player iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.webcam-model-chat img {display: block; width: 100%;}
.webcam-model-title {display: flex; flex-wrap: wrap; padding-bottom: 20px; align-items: center; margin: 0;}
.webcam-model-title h1 {margin-right: 20px; flex: 0;}
.webcam-model-title .tabs-menu {display: flex;}
.webcam-model-title a {margin-right: 10px;}
.webcam-model-title a.active {color: #1f272e;}
.webcam-model-block {padding-bottom: 5px; overflow: visible; margin-bottom: 10px;}
.grid-sizer {width: 20%;}
.webcam-model-block .images {margin-right: -10px;}
.webcam-model-block .images .grid-item {width: calc(20% - 10px); margin-bottom: 10px;}
.webcam-model-block .images .grid-item a {position: relative; display: block;}
.webcam-model-block .images .grid-item a img {display: block; width: 100%;}
.webcam-model-block .images .grid-item a .iv-play {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 50px; width: 50px; fill: #fff; font-size: 30px;}
.webcam-model-info {margin: 0 10px 10px 0; padding: 10px; box-shadow: 0 2px 7px rgba(0,0,0,.2); box-sizing: border-box;}
.webcam-model-info-header {display: flex; align-items: center; padding-bottom: 15px;}
.webcam-model-info-header img {width: 75px; min-width: 75px; height: 75px; border-radius: 50%; margin-right: 20px; object-fit: cover;}
.webcam-model-info .webcam-model-info-rating span {display: flex; font-size: 0.8em; opacity: 0.75; margin-top: 5px; align-items: center;}
.webcam-model-info .webcam-model-info-rating span:before {content: ''; display: inline-block; margin-right: 5px; width: 10px; height: 10px; border-radius: 50%;}
.webcam-model-info .webcam-model-info-rating span.status_0 {margin-top: 1px;}
.webcam-model-info .webcam-model-info-rating span.status_0:before {background: #b6b6b6;}
.webcam-model-info .webcam-model-info-rating span.status_1:before {background: #6AC785;}
.webcam-model-info .webcam-model-info-rating span.status_2:before {background: #c8c8c8;}
.webcam-model-info-additional {display: flex; align-items: center; font-size: 0.8em; margin-top: 15px; padding-top: 15px; border-top: 1px solid #e0dfdf;}
.webcam-model-info-additional span {padding: 0 10px 0 0; width: 33.33%; box-sizing: border-box;}
.webcam-model-info-additional b {display: block;}
.webcam-model-block .unlock {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.7); z-index: 2;}
.webcam-model-block .unlock-icon {position: absolute; top: 10px; left: 10px; fill: #fff; width: 40px; height: 40px; transition: all .2s;}
.webcam-model-block .unlock-button-wrapper {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: none;}
.webcam-model-block .unlock-price {color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.7); font-size: 14px; display: block; text-align: center;}
.webcam-model-block .unlock-button {background: #C90000; color: #fff; padding: 7px 15px; font-weight: bold; margin-bottom: 5px;}
.webcam-model-block .unlock-button:hover {background: #e30000;}
.webcam-model-block .unlock:hover + .iv-play {display: none;}
.webcam-model-block .unlock:hover .unlock-icon {transform: scale(0.75);}
.webcam-model-block .unlock:hover .unlock-button-wrapper {display: block;}
.webcam-ribbon {position: absolute; top: 0; right: 0; width: 65px; height: 65px; overflow: hidden; z-index: 1; opacity: 0.5;}
.webcam-ribbon:after {content: attr(data-title); display: block; position: absolute; top: 10px; right: -23px; width: 93px; height: 26px; text-transform: uppercase; text-align: center; font: bold 10px/26px Arial; color: #fff; transform: rotate(45deg); background: #FFCC00; background: linear-gradient(to right,#C90000,#C90000);}
.load-more {width: calc(100% - 320px);}
#awebl_list_webcams_webcams_list .load-more {width: 100%;}
.wc-back {position: fixed; z-index: 101; width: 100%; height: 100%; background: rgba(0,0,0,.75); top: 0; left: 0; display: none;}
.wc-back.active {display: flex; align-items: center; justify-content: center;}
.wc-back .heading h2 {float: none; text-align: center;}
.wc-back .bottom {margin-top: 15px;}
.lc-filter-btn {margin: 0 0 13px 0; display: none;}
@media (max-width:1200px) {
	.grid-sizer {width: 25%;}
	.webcam-model-block .images .grid-item {width: calc(25% - 10px);}
}
@media (max-width:1024px) {
	.grid-sizer {width: 33.33%;}
	.webcam-model-block .images .grid-item {width: calc(33.33% - 10px);}
	.wc-sidebar {width: 150px;}
	.wc-list-videos .thumb {width: 33.33%;}
}
@media (max-width:860px) {
	.wc-list-videos-8 .thumb:nth-last-of-type(1), .wc-list-videos-8 .thumb:nth-last-of-type(2) {display: none;}
}
@media (max-width:767px) {
	.webcam-model-chat .player {min-height: 64vh;}
	.grid-sizer {width: 50%;}
	.webcam-model-block .images .grid-item {width: calc(50% - 10px);}
	.wc-list-videos .thumb {width: 50%;}
}
@media (max-width:760px) {
	.wc-sidebar {width: 100%; box-sizing: border-box; padding: 15px 30px 2px 15px !important; display: none;}
	.lc-filter-btn {display: flex;}
	.lc-filter-btn.hide-filter {display: none;}
	.wc-sidebar.active {display: block; margin-bottom: 13px;}
	.wc-sidebar.active + .hide-filter {display: flex !important;}
	.load-more {width: 100%;}
}
@media (max-width:699px) {
	.webcam-model-title h1 {flex-basis: 100%; margin: 0 0 10px 0;}
}
@media (max-width:599px) {
	.webcam-model-block .images {margin-right: 0;}
	.grid-sizer {width: 100%;}
	.webcam-model-block .images .grid-item {width: 100%;}
	.wc-list-videos .thumb {width: 100%;}
}