html,
body {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: #000;
    font-size: 12px;
}

.cams-widget {
    overflow: hidden;
    box-sizing: border-box;
    font-family: sans-serif;
    margin: calc(10px / -2) calc(10px / -2);
    opacity: 0;
    transition: opacity .4s;
    
    
}

.cams-widget.cw-ready {
    opacity: 1;
}

.cams-widget .cw-card {
    display: inline-block;
    padding: calc(10px / 2) calc(10px / 2);
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    
    width: 100%;
    
    vertical-align: top;
    float: left;
}

.cams-widget .cw-card a {
    position: relative;
    color: #fff;
    display: block;
    text-decoration: none;
    background: rgba(0, 0, 0, 0);;
    border: solid 0px rgba(0, 0, 0, 0);
    border-width: 0px 0px 0px 0px;
    border-radius: 0px;
    overflow: hidden;
}


.cams-widget.cw-cols-2 .cw-card {
    width: calc(100% / 2);
}

.cams-widget.cw-cols-3 .cw-card {
    width: calc(100% / 3);
}

.cams-widget.cw-cols-4 .cw-card {
    width: calc(100% / 4);
}

.cams-widget.cw-cols-5 .cw-card {
    width: calc(100% / 5);
}

.cams-widget.cw-cols-6 .cw-card {
    width: calc(100% / 6);
}

.cams-widget.cw-cols-7 .cw-card {
    width: calc(100% / 7);
}

.cams-widget.cw-cols-8 .cw-card {
    width: calc(100% / 8);
}

.cams-widget.cw-cols-9 .cw-card {
    width: calc(100% / 9);
}

.cams-widget.cw-cols-10 .cw-card {
    width: calc(100% / 10);
}

.cams-widget.cw-cols-11 .cw-card {
    width: calc(100% / 11);
}

.cams-widget.cw-cols-12 .cw-card {
    width: calc(100% / 12);
}

.cams-widget.cw-cols-13 .cw-card {
    width: calc(100% / 13);
}

.cams-widget.cw-cols-14 .cw-card {
    width: calc(100% / 14);
}

.cams-widget.cw-cols-15 .cw-card {
    width: calc(100% / 15);
}

.cams-widget.cw-cols-16 .cw-card {
    width: calc(100% / 16);
}

.cams-widget.cw-cols-17 .cw-card {
    width: calc(100% / 17);
}

.cams-widget.cw-cols-18 .cw-card {
    width: calc(100% / 18);
}

.cams-widget.cw-cols-19 .cw-card {
    width: calc(100% / 19);
}

.cams-widget.cw-cols-20 .cw-card {
    width: calc(100% / 20);
}

.cams-widget.cw-cols-21 .cw-card {
    width: calc(100% / 21);
}

.cams-widget.cw-cols-22 .cw-card {
    width: calc(100% / 22);
}

.cams-widget.cw-cols-23 .cw-card {
    width: calc(100% / 23);
}

.cams-widget.cw-cols-24 .cw-card {
    width: calc(100% / 24);
}

.cams-widget.cw-cols-25 .cw-card {
    width: calc(100% / 25);
}

.cams-widget.cw-cols-26 .cw-card {
    width: calc(100% / 26);
}

.cams-widget.cw-cols-27 .cw-card {
    width: calc(100% / 27);
}

.cams-widget.cw-cols-28 .cw-card {
    width: calc(100% / 28);
}

.cams-widget.cw-cols-29 .cw-card {
    width: calc(100% / 29);
}

.cams-widget.cw-cols-30 .cw-card {
    width: calc(100% / 30);
}

.cams-widget.cw-cols-31 .cw-card {
    width: calc(100% / 31);
}

.cams-widget.cw-cols-32 .cw-card {
    width: calc(100% / 32);
}

.cams-widget.cw-cols-33 .cw-card {
    width: calc(100% / 33);
}

.cams-widget.cw-cols-34 .cw-card {
    width: calc(100% / 34);
}

.cams-widget.cw-cols-35 .cw-card {
    width: calc(100% / 35);
}

.cams-widget.cw-cols-36 .cw-card {
    width: calc(100% / 36);
}

.cams-widget.cw-cols-37 .cw-card {
    width: calc(100% / 37);
}

.cams-widget.cw-cols-38 .cw-card {
    width: calc(100% / 38);
}

.cams-widget.cw-cols-39 .cw-card {
    width: calc(100% / 39);
}

.cams-widget.cw-cols-40 .cw-card {
    width: calc(100% / 40);
}

.cams-widget.cw-cols-41 .cw-card {
    width: calc(100% / 41);
}

.cams-widget.cw-cols-42 .cw-card {
    width: calc(100% / 42);
}

.cams-widget.cw-cols-43 .cw-card {
    width: calc(100% / 43);
}

.cams-widget.cw-cols-44 .cw-card {
    width: calc(100% / 44);
}

.cams-widget.cw-cols-45 .cw-card {
    width: calc(100% / 45);
}

.cams-widget.cw-cols-46 .cw-card {
    width: calc(100% / 46);
}

.cams-widget.cw-cols-47 .cw-card {
    width: calc(100% / 47);
}

.cams-widget.cw-cols-48 .cw-card {
    width: calc(100% / 48);
}

.cams-widget.cw-cols-49 .cw-card {
    width: calc(100% / 49);
}

.cams-widget.cw-cols-50 .cw-card {
    width: calc(100% / 50);
}


.cams-widget.cw-rows-1 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - (0px + 0px + 0px + 0px)));
}


.cams-widget.cw-rows-2 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 1 - (0px + 0px + 0px + 0px) * 2) / 2);
}

.cams-widget.cw-rows-3 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 2 - (0px + 0px + 0px + 0px) * 3) / 3);
}

.cams-widget.cw-rows-4 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 3 - (0px + 0px + 0px + 0px) * 4) / 4);
}

.cams-widget.cw-rows-5 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 4 - (0px + 0px + 0px + 0px) * 5) / 5);
}

.cams-widget.cw-rows-6 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 5 - (0px + 0px + 0px + 0px) * 6) / 6);
}

.cams-widget.cw-rows-7 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 6 - (0px + 0px + 0px + 0px) * 7) / 7);
}

.cams-widget.cw-rows-8 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 7 - (0px + 0px + 0px + 0px) * 8) / 8);
}

.cams-widget.cw-rows-9 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 8 - (0px + 0px + 0px + 0px) * 9) / 9);
}

.cams-widget.cw-rows-10 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 9 - (0px + 0px + 0px + 0px) * 10) / 10);
}

.cams-widget.cw-rows-11 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 10 - (0px + 0px + 0px + 0px) * 11) / 11);
}

.cams-widget.cw-rows-12 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 11 - (0px + 0px + 0px + 0px) * 12) / 12);
}

.cams-widget.cw-rows-13 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 12 - (0px + 0px + 0px + 0px) * 13) / 13);
}

.cams-widget.cw-rows-14 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 13 - (0px + 0px + 0px + 0px) * 14) / 14);
}

.cams-widget.cw-rows-15 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 14 - (0px + 0px + 0px + 0px) * 15) / 15);
}

.cams-widget.cw-rows-16 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 15 - (0px + 0px + 0px + 0px) * 16) / 16);
}

.cams-widget.cw-rows-17 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 16 - (0px + 0px + 0px + 0px) * 17) / 17);
}

.cams-widget.cw-rows-18 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 17 - (0px + 0px + 0px + 0px) * 18) / 18);
}

.cams-widget.cw-rows-19 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 18 - (0px + 0px + 0px + 0px) * 19) / 19);
}

.cams-widget.cw-rows-20 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 19 - (0px + 0px + 0px + 0px) * 20) / 20);
}

.cams-widget.cw-rows-21 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 20 - (0px + 0px + 0px + 0px) * 21) / 21);
}

.cams-widget.cw-rows-22 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 21 - (0px + 0px + 0px + 0px) * 22) / 22);
}

.cams-widget.cw-rows-23 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 22 - (0px + 0px + 0px + 0px) * 23) / 23);
}

.cams-widget.cw-rows-24 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 23 - (0px + 0px + 0px + 0px) * 24) / 24);
}

.cams-widget.cw-rows-25 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 24 - (0px + 0px + 0px + 0px) * 25) / 25);
}

.cams-widget.cw-rows-26 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 25 - (0px + 0px + 0px + 0px) * 26) / 26);
}

.cams-widget.cw-rows-27 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 26 - (0px + 0px + 0px + 0px) * 27) / 27);
}

.cams-widget.cw-rows-28 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 27 - (0px + 0px + 0px + 0px) * 28) / 28);
}

.cams-widget.cw-rows-29 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 28 - (0px + 0px + 0px + 0px) * 29) / 29);
}

.cams-widget.cw-rows-30 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 29 - (0px + 0px + 0px + 0px) * 30) / 30);
}

.cams-widget.cw-rows-31 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 30 - (0px + 0px + 0px + 0px) * 31) / 31);
}

.cams-widget.cw-rows-32 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 31 - (0px + 0px + 0px + 0px) * 32) / 32);
}

.cams-widget.cw-rows-33 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 32 - (0px + 0px + 0px + 0px) * 33) / 33);
}

.cams-widget.cw-rows-34 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 33 - (0px + 0px + 0px + 0px) * 34) / 34);
}

.cams-widget.cw-rows-35 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 34 - (0px + 0px + 0px + 0px) * 35) / 35);
}

.cams-widget.cw-rows-36 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 35 - (0px + 0px + 0px + 0px) * 36) / 36);
}

.cams-widget.cw-rows-37 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 36 - (0px + 0px + 0px + 0px) * 37) / 37);
}

.cams-widget.cw-rows-38 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 37 - (0px + 0px + 0px + 0px) * 38) / 38);
}

.cams-widget.cw-rows-39 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 38 - (0px + 0px + 0px + 0px) * 39) / 39);
}

.cams-widget.cw-rows-40 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 39 - (0px + 0px + 0px + 0px) * 40) / 40);
}

.cams-widget.cw-rows-41 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 40 - (0px + 0px + 0px + 0px) * 41) / 41);
}

.cams-widget.cw-rows-42 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 41 - (0px + 0px + 0px + 0px) * 42) / 42);
}

.cams-widget.cw-rows-43 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 42 - (0px + 0px + 0px + 0px) * 43) / 43);
}

.cams-widget.cw-rows-44 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 43 - (0px + 0px + 0px + 0px) * 44) / 44);
}

.cams-widget.cw-rows-45 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 44 - (0px + 0px + 0px + 0px) * 45) / 45);
}

.cams-widget.cw-rows-46 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 45 - (0px + 0px + 0px + 0px) * 46) / 46);
}

.cams-widget.cw-rows-47 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 46 - (0px + 0px + 0px + 0px) * 47) / 47);
}

.cams-widget.cw-rows-48 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 47 - (0px + 0px + 0px + 0px) * 48) / 48);
}

.cams-widget.cw-rows-49 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 48 - (0px + 0px + 0px + 0px) * 49) / 49);
}

.cams-widget.cw-rows-50 .cw-card .cw-thumbnail-ctn {
    padding-top: calc((100vh - 10px * 49 - (0px + 0px + 0px + 0px) * 50) / 50);
}


.cw-thumbnail-ctn {
    width: 100%;
    height: 0;
    
    padding-top: calc((100vh - 10px * 14) / 15);
    
    position: relative;
    overflow: hidden;
    display: block;
    background: center top;
    background-size: cover;
}


.cw-thumbnail-ctn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 21;
    display: block;
    
}




.cams-widget .cw-card img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    opacity: 0;
    z-index: 11;
}

.cw-load-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: top center;
    background-size: cover;
    opacity: 0;
    
}

.cw-load-image.cw-current,
.cw-load-image.cw-previous {
    opacity: 1;
}

.cw-info-ctn {
    display: block;
    left: 0;
    right: 0;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding: 0 .3em;
    vertical-align: middle;
    text-align: right;
    z-index: 21;
}

.cw-info-ctn-top {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, .6);
    height: 1.2em;
    line-height: 1.2em;
    color: #fff;
}

.cw-info-ctn-bottom {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    height: 1.2em;
    line-height: 1.2em;
    color: #fff;
}

.cw-card-border:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
}

.cw-room_subject {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    text-align: left;
    z-index: 21;
    animation-name: scrollSubject;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate-reverse;
    animation-delay: 0s;
    box-sizing: border-box;
}

.cw-room_subject.cw-active {
    text-overflow: ellipsis;
    width: 100%;
}

.cw-card:not(:hover):not(.model-live) .cw-room_subject.cw-active {
    animation-name: none;
    text-indent: 0 !important;
}

@keyframes scrollSubject {
    0% {}
    100% {text-indent: 0;}
}

.cw-info-ctn-left,
.cw-info-ctn-right {
    height: 1em;
    line-height: 1em;
    vertical-align: baseline;
    position: relative;
    margin: calc((1.2em - 1em) /2) 0;
    padding: 0 .3em;
}

.cw-info-ctn-left {
    float: left;
}

.cw-info-ctn-right {
    float: right;
}

.cw-age:after {
    content: ' yo';
}

.cw-gender {
    color: rgba(0, 0, 0, 0);
    letter-spacing: -1em;
}

.cw-gender:before {
    color: #fff;
    letter-spacing: 0;
}


.cw-gender.cw-gender-f:before {
    content: 'Female';
}

.cw-gender.cw-gender-m:before {
    content: 'Male';
}

.cw-gender.cw-gender-ff:before,
.cw-gender.cw-gender-mf:before,
.cw-gender.cw-gender-fm:before,
.cw-gender.cw-gender-mm:before,
.cw-gender.cw-gender-c:before {
    content: 'Couple';
}

.cw-gender.cw-gender-t:before,
.cw-gender.cw-gender-tf2m:before,
.cw-gender.cw-gender-tm2f:before,
.cw-gender.cw-gender-s:before {
    content: 'Trans';
}




/*
.cw-info-ctn-right + .cw-info-ctn-right:not(.cw-room_subject) {
    border-right: 1px solid #000;
}
*/
.cw-thumbnail-border {
    overflow: hidden;
    position: relative;
    border: solid 0px rgba(0, 0, 0, 0);
    border-width: 0px 0px 0px 0px;
    border-radius: 0px;
}

.cw-live {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    opacity: 0;
    transition: 2s;
    transition-delay: 1s;
}

.model-live .cw-live {
    opacity: 1;
}

.cw-live iframe {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform-origin: center top;
    display: none;
    z-index: 21;
    width: 1600px;
    height: 900px;
    transform: translate(-50%, 0);
}

.cw-live iframe.show {
    display: block;
}

.cw-live .cw-load-image {
    display: none;
}

.model-live .cw-live .cw-load-image {
    display: block;
}

.cw-progress-bar{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: #fff;
    opacity: .5;
    z-index: 10;
    transition: width 0s linear;
}
.cw-progress-bar.complete{
    width: 100%;
    height: 3px;
    transition: width 2s linear;
}

.cw-progress-bar.hide{
    display: none;
    width: 0;
}

.cams-widget .cw-card a:after {
    content: '';
    position: absolute;
    top: auto;
    border-radius: calc();
    bottom: calc();
    background: ;
    color: ;
    width: ;
    height: ;
    line-height: ;
    font-size: ;
    font-weight: ;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    z-index: 30;
}

.cams-widget .cw-card a:hover:after {
    background: ;
    color: ;
}