@import '/css/snasm/MyFontsWebfontsKit.css';
@import url('https://fonts.googleapis.com/css?family=Rubik|Roboto+Condensed|Material+Icons|cAb:400,700|');

*::-webkit-scrollbar-thumb {
    background-color: rgba(146, 146, 146, 0.2);
}


*::-webkit-scrollbar-track,
*::-webkit-scrollbar-corner {
    background-color: transparent;
}

*::-webkit-scrollbar {
    width: 6px;
}


.live-channel-widget .options::-webkit-scrollbar-thumb {
    background-color: #d07d8c;
}


body {}

.brand-logo {
    display: inline-block;
    height: 100%;
    margin-left: 20px;
    font-family: 'SnasmRg-BoldItalic';
    font-size: 1.7em !important;
    margin-top: 5px;

}

.babestation {
    font-family: 'SnasmRg-BoldItalic';
}

.brand-logo .babe {
    color: #fff;
    text-transform: uppercase;
}

.brand-logo .shows {
    color: #d07d8c;
    text-transform: uppercase;
}

.brand-logo .cam {
    color: #535353;
    opacity: 0.8;
}


.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

iframe {
    border: 0;
    outline: 0;
}

.firecall-player-container {
    height: calc(100% + 180px);
    position: absolute;
    width: 100%;
}

.video-container {
    overflow: visible;
    display: block;
}

.video-card .channel-prog {
    margin-top: 6.5px;
    display: block;
}

.video-container img {
    object-fit: cover;
}

body {
    font-family: 'Rubik', sans-serif;
    ;
    transition: filter 0.2s ease-in-out;
}

body.channel-open {
    filter: brightness(0.1);
}

hr {
    border: none;
    background-color: #464646;
    height: 1px;
    margin: 25px 0;
}

a,
a:link,
a:visited,
a:hover {
    color: #fff;
}

.standard-content-container {
    margin-top: 30px;
}

.nav-wrapper li {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

.nav-wrapper li i {
    margin-right: 5px;
    font-size: inherit;
}

.fa-babe::before {
    display: inline-block;
    content: '';
    background: url(/images/babe.png);
    height: 30px;
    width: 15px;
    vertical-align: middle;
    filter: invert(100%);
    margin-top: 4px;
    background-size: contain;
    background-repeat: no-repeat;
}

.channel-group-grid-heading {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0;
    padding: 0;
}

.channel-group-grid-heading img {
    width: 50px;
    vertical-align: middle;
    margin-right: 10px;
}

.channel-card {
    background: #2a2a2a;
    margin-bottom: 20px;
}


.channel-card:hover:not(.offair) {
    background: #2d2d2d;
    cursor: pointer;
}

.video-container .streamshot {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
}


.channel-card .info-container {
    padding: 12.5px 8px;
}


.video-card .info-container {
    min-height: 75px;
}



.info-container .logo {
    height: 50px;
    vertical-align: middle;
    margin-right: 5px;
}

.info-container .channel-name,
.video-set-name {
    font-weight: bold;
}


.channel-info {
    display: block;
}

.info-container .channel-name {
    display: block;
}



.info-container .channel-prog {
    font-size: 0.8em;
    opacity: 0.7;
    text-transform: uppercase;
}

.content-wrapper.standard {
    margin-top: 20px;
}

.channel-card {
    display: block;
}

.channel-card.offair {
    opacity: 0.4;
    cursor: default;
}

.video-container {
    background: #000;
}


#channel-watch-screen {
    display: flex;
}

#channel-group-list {
    width: 275px;
    flex-grow: 0;
    flex-shrink: 0;
    height: calc(100vh - 55px);
    overflow: auto;
}

.channel-group-link {
    display: block;
    padding: 10px;
    background: #3a3a3a;
    text-transform: uppercase;
    font-weight: bold;
    overflow: hidden;
}

#channel-group-list .logo {
    width: 35px;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    z-index: 9990;
}

.channel-link {
    overflow: hidden;
    padding-left: 5px;
    display: block;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 10px;

    background: #2a2a2a;
}

.channel-link .channel-name {
    display: block;
}

.channel-link .info-container {
    vertical-align: middle;
    display: inline-block;
}


.channel-link.offair {
    opacity: 0.5;
}

.waves-effect.waves-pink .waves-ripple {
    background-color: rgba(179, 0, 93, 0.6);
}


.channel-link.active:not(.offair) {
    background: rgba(179, 0, 93, 0.7);
}

.channel-group-link.active {
    background-color: rgba(179, 0, 93, 1);
}

.channel-link.active:not(.offair) .channel-prog {
    opacity: 1;
}

#selection-content-container {
    flex-grow: 1;
    padding-top: 20px;
    height: calc(100vh - 55px);
    overflow: auto;
}

#selection-content {
    width: 95%;
    margin: auto;
    max-width: 1500px;

}

.schedule-set {
    padding: 16px;
    background: #2a2a2a;
    margin-top: 10px;
}

.schedule-set,
.btn,
.channel-card {
    border-radius: 15px !important;
}

.schedule-set .brand-logo {
    width: 50px;
    height: 50px;
    margin-left: 0;
    margin-right: 10px;
    vertical-align: middle;
}

.schedule-set-header {
    padding-bottom: 15px;

}

.schedule-set-header .text {
    display: inline-block;
    vertical-align: middle;
}

.schedule-set-header .brand-name {
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: bold;
}

.schedule-set-header .date {
    font-size: 0.8em;
    margin-top: 3px;
    opacity: 0.8;
}

.schedule-set-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.schedule-set-item {
    display: flex;
}

.schedule-set-item .headshot-container {
    width: 80px;
    vertical-align: top;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 10px;
}



.schedule-set-item .headshot-container img {
    width: 100%;
    max-height: 70px;
    object-fit: cover;
    object-position: top;
}


.schedule-set-item .text {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
}

.schedule-set-item .performer-subscribe-button-container {
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 0.3;
}

.schedule-set-item .text .performer-name {
    font-size: 1.2em;
}

.schedule-set-item .description {
    opacity: 0.7;
}

.schedule-set-item .text .times {
    opacity: 0.7;
}

.schedule-set-item .description {
    margin-top: 10px;
}

.schedule-set-item {
    padding: 10px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

.schedule-set-item .text .times {
    margin-top: 5px;
}

.schedule-set-item {}

.schedule-set {
    height: 100%;
}

.filter-logo {
    width: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

.call-book-button {
    margin-top: 10px;
    padding: 10px 5px;
    font-size: 0.6em;
    height: auto;
    line-height: 1;
    opacity: 0.8;
    font-weight: bold;
}

.call-book-button i {
    font-size: 1.1em;
}

.call-book-button:hover {
    opacity: 1;
}


#callBookingModal .headshot {
    height: 60px;
    vertical-align: middle;
}

@media screen and (min-width : 1000px) {
    video {
        object-fit: fill;
    }
}

#videowatchscreen,
#gallery-index-screen {
    margin-top: 0;
    width: 100%;
}

@media screen and (max-width : 1000px) {
    #channel-watch-screen {
        display: block;
    }

    .firecall-player-container {
        overflow: hidden;
        height: 100%;
    }

    #selection-content-container {
        padding-top: 0;
    }

    #channel-group-list {
        display: block;
        position: absolute;
        top: calc(100% + 60px);
        height: 100vh;
        width: 100%;
    }

    .video-container {
        background: transparent;
    }

    #selection-content {
        width: 100%;
    }

    .player-container .video-container,
    .player-container,
    #selection-content {
        height: 100%;
        padding: 0;
    }

    #videowatchscreen {
        margin: 0 auto;
        width: 100%;
    }


    #videowatchscreen .nav-wrapper {
        margin: 0 10px;
    }

    #videowatchscreen nav,
    #videowatchscreen .channel-card {
        border-radius: 0 !important;
    }

    #videowatchscreen .channel-card {
        margin: 4px !important;
        box-shadow: none;
    }


    .best-of-thumb-container {
        margin: 0 3px;
    }

    #videowatchscreen hr {
        margin: 12px;
    }

    #videowatchscreen .chip {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 600px) {

    #videowatchscreen .col:not(.meta),
    #videowatchscreen .row:not(.meta),
    #gallery-index-screen .col:not(.meta),
    #gallery-index-screen .row:not(.meta) {
        padding: 0 !important;
        margin: 0 !important;
    }

}


.modal {
    background: #2a2a2a;
    max-height: 80%;
}

.modal .modal-footer {
    background: #313030;
}


#selection-content-container #sitefooter {
    display: none;
}

@media screen and (min-width : 1000px) {
    #selection-content-container #sitefooter {
        display: block;
        margin-top: 190px;
        margin-bottom: 20px;
    }

    .mobile-only {
        display: none !important;
    }
}

.babe-card .text {
    display: block;
    text-transform: uppercase;
    padding: 16px;
    font-weight: bold;
}

.babe-card-container {
    text-align: center;
}

.babe-card {
    background: #2a2a2a;
    display: inline-block;
}

#sitefooter {
    font-size: 0.7em;

}

#sitefooter {
    width: 95%;
    margin: auto;
    padding-bottom: 10px;
    padding: 20px 0;

}

.video-set-brand {
    font-size: 0.9em;
    display: block;
    opacity: 0.8;
}

@media screen and (max-width : 600px) {
    .breadcrumb {
        font-size: 0.65em !important;
    }

    .breadcrumb:before {
        margin: 0 !important;
    }
}

@media screen and (min-width : 1000px) {

    #schedule-screen,
    #grid-screen {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
}

.page-container {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}


@media screen and (max-width : 1000px) {

    #sitefooter .left,
    #sitefooter .right {
        width: 100%;
    }

    #sitefooter .right {
        margin-top: 10px;
    }
}

#watch2-container {
    height: calc(100vh - 55px);
    display: flex;
    overflow: hidden;
}

#babeshows-player {
    flex-grow: 1;
    overflow: hidden;
}

#babeshows-player iframe {
    height: 100% !important;
    width: 100% !important;
}

#my-video {
    height: 100% !important;
    width: 100% !important;
    flex-grow: 0;
}

#my-video>:first-child {
    width: 100% !important;
    height: 100% !important;
}

#group-changer {
    height: 100%;
    width: 50px;
    background: #2b2b2b;
    overflow-y: auto;
    overflow-x: hidden;
    flex-grow: 0;

    flex-shrink: 0;

}

#group-changer #infolink {
    position: fixed;
    left: 15px;
    opacity: 0.5;
    font-size: 1.5em;
    bottom: 10px;
}

#group-changer a {
    display: block;
}

#group-changer img {
    width: 50px;
    height: 50px;
    display: block;
    opacity: 0.3;
    filter: grayscale(60%);
    transition: all 0.5s;
}

#group-changer a.active img {
    opacity: 1;
    filter: grayscale(0);
}

#group-changer a:hover img {
    opacity: 0.7;
    transform: scale(1.1);
}

li.twitter {
    background: #1DA1F2;
}

pre.format {
    white-space: pre-wrap;
    width: 95%;
    max-width: 960px;
    margin: 10px auto;
}



.pagination {
    padding: 0;
    text-align: center;
}

.pagination,
.pagination li {
    list-style-type: none;
    margin: 0;
}

.pagination li {
    display: inline-block;
    padding: 10px;
    font-weight: bold;
    background: #000;
    color: #fff;
    margin-bottom: 5px;
    margin-right: 5px;
    height: auto !important;
}

.pagination li a {
    color: #ddd;
}

.pagination li.disabled {
    color: #5c5c5c;
}


.pagination li a,
.pagination li span {
    display: inline-block;
    font-size: 1.2rem;
    padding: 0 10px;
    line-height: 30px;
}

.breadcrumb {
    font-size: 0.8em;
}

.channel-card.active {
    background: #b3005d !important;
}

.chip {
    background: #2a2a2a !important;
}

#cam-service-player {
    height: 100%;
}

#cam-service-player .channel-changer {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    flex-shrink: 0;
    flex-grow: 0;
}

#cam-service-player .message {
    display: flex;
    height: 100%;
    align-items: center;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    font-size: xx-large;
    flex-grow: 1;
}

.channel-changer {
    background: #2a2a2a;
}


.subscribe-promo-banner-gallery {
    margin: 10px auto;
}

.subscribe-promo-banner-gallery .cancel-link {
    text-decoration: underline;
    cursor: pointer;
}

.gallery-notification-sub-button {
    background: darkorange;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 10px;
    color: #222 !important;
    cursor: pointer;
    display: block;

}

.gallery-notification-sub-button .performer-name {
    color: #000;
}

.gallery-notification-sub-button i {
    margin-right: 5px;
}

@media screen and (max-width : 1000px) and (orientation : portrait) {
    #cam-service-player .channel-changer {
        width: 100%;
    }

    #cam-service-player {
        flex-direction: column-reverse;
        height: 100%;
        display: flex;
    }


    #cam-service-player .cam-player {
        flex-grow: 0;
        flex-shrink: 0;
    }

    #cam-service-player .channel-changer {
        flex-grow: 1;
        flex-shrink: initial;
        overflow-y: auto;
        height: auto;
    }
}

@media screen and (max-width : 800px) and (orientation : landscape) {
    #watch2-container.cams #cam-service-player .cam-player {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

    .navbar-fixed.cams {
        display: none;
    }

    #infolink {
        display: none !important;
    }
}

@media screen and (min-width : 1000px) {
    #cam-service-player .channel-changer {
        width: 250px;
    }

    .channel-changer .option .text1 {
        width: 150px;
        overflow: hidden;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

    }
}

.channel-changer .option {
    padding: 12px;
}

.channel-changer .option .text1 {
    text-transform: uppercase;
    font-weight: bold;

}

.channel-changer .option img {
    width: 50px;
    background: #2f2f2f;

}

.channel-changer .option .image-container {
    margin-right: 15px;
}

.channel-changer .option i {
    vertical-align: middle;
}

.channel-changer .option .icons {
    margin-top: 5px;
    opacity: 0.3;

}

.channel-changer .option {
    display: flex;
    cursor: pointer;
    transition: background 0.3s;

}

.channel-changer .option .icon-group {
    margin-right: 5px;
    vertical-align: middle;
}

.channel-changer .option .category-icon i {
    color: #000;
}

.channel-changer .option .age-icon {
    font-weight: bold;
}

.channel-changer .option .category-icon,
.channel-changer .option .age-icon {
    background: #fff;
    border-radius: 2px;
    padding: 1px 3px;
    color: #000;
    font-size: 0.9em;
}


#cam-service-player {
    display: flex;
}

.cam-player {
    flex-grow: 1;
}

.channel-changer .option.active {
    background: rgba(255, 24, 144, 0.4) !important;
}

.channel-changer .option.active .category-icon,
.channel-changer .option.active .age-icon {
    color: #fff;
    background: rgba(255, 24, 144, 0.7) !important;
    opacity: 1;
}

.channel-changer .option.active .icons {
    opacity: 1;
}

.channel-changer .option.active i {
    color: #fff;
    opacity: 1;
}


.channel-changer .option.active .material-icons {
    color: rgba(255, 24, 144, 0.7);
    background: #fff;
}

.channel-changer .option:hover {
    background: rgba(255, 24, 144, 0.7) !important;

}

#vntvcall-link {
    position: fixed;
    bottom: 100px;
    right: 20px;
    transition: all 0.5s;
    display: block;
    font-weight: bold;
    padding: 10px;
    border-radius: 7px;
    font-size: large;
    background: #b3005d;
    animation-name: vntvpulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;

}

@media screen and (max-width : 800px) and (orientation : landscape) {
    #vntvcall-link {
        bottom: 5px;
        right: 5px;
        font-size: small;
    }
}


@keyframes vntvpulse {
    0% {
        opacity: 0.6;
        color: #fff;
        background: #b3005d;
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
        background: pink;
        color: #000;
    }

    100% {
        opacity: 0.6;
        color: #fff;
        background: #b3005d;
    }
}

#vntvcall-link:hover {
    opacity: 1;
}

@media screen and (min-width : 800px) {
    #vntv video {
        object-fit: cover;
    }
}

#main-container.channel-group-promo {
    display: flex;
    width: 100%;
    height: calc(100% - 55px);
    overflow: hidden;
}

#main-container.channel-group-promo #group-changer {
    flex-grow: 0;
    flex-shrink: 0;
    width: 50px;
}

#main-container.channel-group-promo #content-container {
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
    -webkit-transform: translate3d(0, 0, 0);

}



@media screen and (max-width : 600px) {
    .video-card .info-container .channel-prog {
        font-size: 0.7em;
    }
}

.video-av-prompt {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}

.video-av-prompt .info {
    position: absolute;
    z-index: 10;
    padding: 20px;
    top: 10px;
    left: 10px;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.7);
    display: block;
}

.video-av-prompt img {
    width: 100%;
    height: 100%;
    display: block;
}

.video-av-prompt p {
    padding: 0;
    margin: 0;
}

.video-av-prompt .btn {
    margin-top: 10px;
}


@media screen and (min-width : 400px) {
    .camsgrid {
        display: grid;
        grid-template-columns: repeat(auto-fill, 340px);

    }
}

.camsgrid {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.camsgrid .item {
    display: block;
    max-width: 320px;
    margin: 20px;
}

.camsgrid .item img {
    display: block;
    width: 100%;
}

.camsgrid .item.offline {
    opacity: 0.5;
}

.camsgrid .item .text {
    width: 100%;
    background: #2a2a2a;
    color: #fff;
    font-weight: bold;
    padding: 12.5px 8px;
}

@media screen and (max-width : 700px) {
    .video-av-prompt img {
        display: none;
    }

    .video-av-prompt .info {
        padding: 10px;
    }



    .video-av-prompt .info {
        top: 0;
        left: 0;
    }
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

.live-promo {
    max-width: 95%;
    background-size: cover;
    background-repeat: no-repeat;
    width: auto;
}

.free-credit-promo .line-1 {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    background: yellow;
    color: #000;
    font-size: 1.5em;
}


.free-credit-promo .info {
    font-size: 0.6em;
    color: rgba(0, 0, 0, 0.7);
}

.free-credit-promo .free {
    color: teal;
    font-size: 1.1em;
    vertical-align: middle;
}


@media screen and (min-width : 1000px) {
    .live-promo {
        width: 600px;
        height: 250px;
        background-size: cover;
        background-repeat: no-repeat;
        display: block;

    }

    .live-promo .offer {
        font-size: 0.65em;
    }


    .live-promo.babecall {
        height: 325px;
    }
}

.live-promo {
    background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: multiply;
}

.live-promo .content {
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 2em;
    flex-direction: column;
    text-align: center;
}

.live-promo.babecall .content {}

.live-promo .items {
    text-align: left;
    font-size: 0.55em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.live-promo .items .item {
    margin-bottom: 10px;
}

.live-promo .item i {
    margin-right: 10px;
}

.live-promo .offer {
    padding: 8px;
    bottom: 0;
    border-radius: 10px;
    background: #5d375cdd;
}

.live-promo .offer .free {
    color: pink;
    font-weight: bold;
}

@keyframes text-pulse {
    0% {
        font-size: 1em;
    }

    50% {
        font-size: 1.1em;
    }

    100% {
        font-size: 1em;
    }
}

.live-promo .logo {
    display: block;
    margin: 15px auto;
    height: 50px;
}

.live-promo .content .call {
    color: lightgreen;
}


.live-promo .content .live {
    color: orangered;
}

.onlyfanspromo,
.show-promo {
    padding: 15px;
    background: pink;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 1.2em;
    animation-name: onlyfanspulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    color: #5c5c5c !important;
    display: block;
}

.show-promo {
    animation-name: none;
    background: #2a2a2a;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    color: #fff !important;
}

.show-promo i {
    margin-right: 5px;
}

.show-promo a {
    text-decoration: none;
    font-size: large;
    font-weight: bold;
    color: #d07d8c;
}

.onlyfanspromo img,
.show-promo img {
    vertical-align: middle;
    margin: 10px;
    max-width: 150px;
}

.onlyfanspromo .performername {
    font-weight: bold;
    vertical-align: middle;
}

@keyframes onlyfanspulse {
    0% {
        background: #e8aeb8;
    }

    50% {
        opacity: 1;
        background: pink;
    }

    100% {
        background: #e8aeb8;
    }
}

#waitboc {
    font-size: xx-large;
    text-align: center;
    margin: 20px auto;
}

.videowatch-promolink {
    display: block;
    width: 100%;
    padding: 10px;
    background: #b3005d;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    font-size: large;
    cursor: pointer;
}

.source-name {
    margin-top: 10px;
    opacity: 0.7;
    font-size: smaller;
}

.tabs {
    background: #2a2a2a;
}

.tabs a.active {
    color: #fff !important;
}

.tabs a {
    color: rgba(255, 255, 255, 0.8) !important;
}

#babes .panel-body {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
    grid-gap: 1em;
}

#gallery .panel-body {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 1em;
}

.ps-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 1em;
    margin-top: 20px;
}

.ps-square {
    display: block;
}

.ps-square .image-container {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    background-size: cover;
}

.ps-square .promo-text {
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    background: #2a2a2a;
    font-size: 1.1em;
}

.ps-square .promo-number {
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    background: #2a2a2a;
    font-size: 1.3em;
    vertical-align: middle;
}

.ps-square .pin {
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    background: #2a2a2a;
    font-size: 1.1em;
    vertical-align: middle;
}

.ps-square .promo-number i {
    vertical-align: middle;
    margin-right: 5px;
    color: #b3005d;
}

.ps-square .promo-number .number {
    font-weight: bold;
    vertical-align: middle;
}

.ps-terms {
    font-size: 0.7em;
    color: rgba(255, 255, 255, 0.7);
}

.cost {
    padding: 0 10px 10px 10px;
    background: #2a2a2a;
    font-size: 0.7em;
    color: rgba(255, 255, 255, 0.7);
}

.prs-overlay {
    position: fixed;
    bottom: 0;
    padding: 10px;
    background: rgba(105, 59, 101, 0.7);
    color: #fff;
    z-index: 1000;
}

.prs-overlay .prompt {
    text-align: center;
}

.prs-overlay .number {
    width: 100%;
    font-size: 2.5em;
    font-weight: bold;
    display: block;
    text-align: center;
}

.prs-overlay .cost {
    text-align: center;
    background: initial;
}

.prs-overlay .terms {
    font-size: 0.8em;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
}

#vntv {
    height: 100%;
    width: 100%;
}

.vntv-wrapper {
    width: 100%;
    height: 100%;
}

.prs-overlay .loading .pulse-button,
.prs-overlay .loading .phone-number {
    display: none !important;
}

.prs-overlay .wait-message {
    display: none;
}


.prs-overlay .loading .wait-message {
    display: block;
}

@media screen and (max-width : 1000px) {
    #vntv {
        position: absolute;
        top: 0;
        left: 0;
    }

    .vntv-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        position: relative;
        height: 0;
    }

    .prs-overlay {
        position: initial;
    }
}

@media screen and (min-width : 1000px) {
    .mobile-only {
        display: none !important;
    }

    .desktop-only {
        display: block !important;
    }
}

@media screen and (max-width : 1000px) {
    .mobile-only {
        display: block !important;
    }

    .desktop-only {
        display: none !important;
    }
}

.pulse-button {
    display: block;
    padding: 10px;
    text-align: center;
    margin: 10px auto;
    animation: shadow-pulse 1.5s infinite;
}

.pulse-button.vntv {
    background: #920180;
}

.aps-widget.pulse-button {
    background: #b3005d;
    font-weight: bold;
    font-size: 1.2em;
}

.phonesexpromo-widget {
    background: #b3005d;
    position: sticky;
    top: 0;
    z-index: 2;
}

.phonesexpromo-widget .cost {
    background: #b3005d;
    padding: 0 2px;
}

.phonesexpromo-widget .terms {
    font-size: 0.7em;
    opacity: 1;
    width: 100%;
    padding: 2px;
}

.marquee {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 30s linear infinite;
}

@keyframes shadow-pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);

    }

    100% {
        transform: scale(1);
    }
}

@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

.live-channel-widget h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
    padding: 15px 0;
    margin-top: 0;
    margin-bottom: 0;
}


.live-channel-widget .option {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0;
}

.live-channel-widget .option-container {
    width: 300px;
    margin-left: 10px;
    flex-shrink: 0;
    flex-grow: 0;
}

@media screen and (max-width: 600px) {
    .live-channel-widget .option-container {
        width: 160px;
    }

    .live-channel-widget h2 {
        font-size: 1.1em;
    }
}

@media screen and (max-width: 1000px) {
    .live-channel-widget .options {
        padding-bottom: 15px;
    }
}

.live-channel-widget .option img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: all 1s;
}

/*
.live-channel-widget .option::after {
    content: 'LIVE';
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    background: darkred;
    font-weight: bold;
    padding: 5px 7px;
    font-size: 0.55em;
}*/

.live-channel-widget .option:hover img {
    transform: scale(1.1);
}

.live-channel-widget .option span {
    position: absolute;
    bottom: 10px;
    left: 0px;
    background: rgba(0, 0, 0, 0.85);
    padding: 5px 10px;
    text-transform: uppercase;
    z-index: 1;
}

.live-channel-widget .options {
    display: flex;
    overflow-x: scroll;


}

.live-channel-widget {
    position: sticky;
    top: 55px;
    background: #b3005d;
    z-index: 99;
}

.live-options .live {
    background: darkred;
    padding: 3px 8px;
    margin-left: 10px;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 0.8em;
}

.live-channel-card .info-container {
    position: absolute;
    top: 10px;
    z-index: 99;
    left: 10px;
    text-shadow:
        -1px -1px 0 rgba(0, 0, 0, 0.1),
        1px -1px 0 rgba(0, 0, 0, 0.1),
        -1px 1px 0 rgba(0, 0, 0, 0.1),
        1px 1px 0 rgba(0, 0, 0, 0.1);

}

.video-card .info-container .header {
    display: flex;
    align-content: center;
    align-items: center;
}

.video-card .info-container .header .headshot-link {
    width: 50px;
    margin-right: 10px;
    flex-grow: 0;
    flex-shrink: 0;
}

.video-card .info-container .header .channel-info {
    flex-grow: 1;
}

.video-card .info-container .header .channel-info a {
    width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.video-card .info-container .header .headshot-link img {
    width: 100%;
}

.video-card .info-container .header .channel-info {
    min-width: 0;
}

.video-card .info-container {
    padding: 20px;
}

.video-card .info-container .header .channel-info a .video-set-name {
    display: none;
}

@media screen and (min-width : 600px) {
    .video-card .info-container .header .channel-info a .video-set-name {
        display: block;
    }

    .video-card .info-container .header .channel-info a .video-set-short-name,
    .video-card .info-container .header .channel-info a .video-set-brand {
        display: none;
    }
}

.live-channel-card .performer-subscribe-button-container::before,
.live-channel-card .info-container::before,
.live-channel-card .channel-features-container::before,
.live-channel-card .channel-provider-logo-container::before {
    content: "";
    position: absolute;
    top: 0;
    background-size: inherit;
    background-repeat: inherit;
    background-position: inherit;
    background-color: rgba(0, 0, 0, 0.65);
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: scale(1.35);
    filter: blur(25px);
}

.live-channel-card .channel-provider-logo-container::before {
    background-color: rgba(0, 0, 0, 0.8);

}

.live-channel-card .channel-provider-logo-container img {
    display: block;
    height: 25px;
}

@media screen and (min-width: 1400px) {
    .live-channel-card .channel-provider-logo-container img {
        display: block;
        height: 35px;
    }
}

.live-channel-card.online::after,
.girl-card.live .image-container::after,
.girl-card .time-next,
.girl-card .time-ago {
    content: 'LIVE';
    background: darkred;
    padding: 3px 8px;
    margin-left: 10px;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 0.8em;
    position: absolute;
    top: 10px;
    right: 10px;
}

.live-channel-card {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    display: block;
    border-radius: 15px !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

.live-channel-card:hover {
    background-color: rgba(0, 0, 0, .1);
    background-blend-mode: multiply;
}

.live-channel-card .channel-provider-logo-container {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
}

.live-channel-card .channel-prog {
    opacity: 0.9;
    text-shadow: none;
}

.live-channel-card .video-set-short-name {
    font-weight: bold;
}

.live-channel-widget .live-channel-card {
    margin-bottom: 0 !important;
}

.live-channel-card .channel-features-container {
    position: absolute;
    bottom: 12px;
    left: 10px;
    z-index: 1;
}

.live-channel-card .channel-features-container img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    height: 19px;
    z-index: 1;
}

.live-channel-card .channel-features-container i {
    margin-right: 7px;
    vertical-align: middle;
    z-index: 1;

}

#footer-text-extra-info {
    font-size: 0.9em;
    margin-top: 5px;
    opacity: 0.7;
}

@media screen and (max-width : 1000px) {

    .live-channel-widget .live-channel-card .channel-provider-logo-container img {
        height: 15px;
    }

    .live-channel-widget .live-channel-card {
        font-size: 0.85em;
    }

    .live-channel-widget .live-channel-card::after {
        bottom: 5px;
        right: initial;
        top: initial;
        left: 0;
    }
}

.videowatch-promolink .logo-wide {
    height: 35px;
    margin-right: 5px;
    vertical-align: middle;
}

@media screen and (max-width : 800px) {
    .videowatch-promolink .logo-wide {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
}

.page-title {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.5em;
}

.shows-grid .show {
    background: #2a2a2a;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 15px;
}

.shows-grid .show .poster-container {
    width: 100%;
}

.shows-grid .show .poster-container img {
    width: 100%;
}

.shows-grid .show .info {
    padding: 20px;
}

.shows-grid .show .name {
    text-transform: uppercase;
    font-size: 1.5em;
    margin-bottom: 5px;
    font-weight: bold;
}

.shows-grid .show .live-and-brand,
.shows-grid .show .time-and-brand {
    margin: 10px 0;
    font-size: 1.2em;
    opacity: 1;
}


.shows-grid .show .description {
    font-size: 1.1em;
    opacity: 0.85;

}

.shows-grid .show .live-now {
    padding: 5px;
    border-radius: 5px;
    font-weight: bold;
    background: red;
}

.page-description {
    font-size: 1.2em;
}

.shows-grid .show i {
    margin-right: 5px;

}

@media screen and (min-width : 500px) {

    .shows-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        grid-gap: 1em;
    }

    .live-options-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        grid-gap: 15px;
    }
}

@media screen and (max-width : 500px) {


    .live-options-grid .live-channel-card-container {
        margin: 20px auto;
    }
}


.promo-text {
    background: #b3005d;
    color: gold;
    font-weight: bold;
    padding: 10px;
    font-size: 0.9em;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 2;
    position: relative;

}

@media screen and (max-width : 800px) {
    .shows-grid .show .name {
        font-size: 1.3em;
    }

    .shows-grid .show .live-and-brand,
    .shows-grid .show .time-and-brand {
        font-size: 1.1em;

    }


    .shows-grid .show .description {
        font-size: 1em;
    }
}

.live-channel-card-container {
    display: block;
    height: 100%;
    width: 100%;
}

.promo-channel.live-channel-card {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#schedule-screen #dropdown1 {
    top: initial !important;
    left: initial !important;
}

.filter-set {
    margin-right: 10px;
    margin-top: 10px;
}

.filter-name {
    margin: 10px 0;
}

/*
@media screen and (min-height: 300px) {
    .filters {
        position: sticky;
        top: 0;
        width: 200px;
    }

    .live-options {
        width: calc(100vw - 380px);
        position: relative;
        top: 0;
        left: 250px;
    }
}
*/

h1 {
    font-size: 1.8em;
    margin: 15px 0;
}

h2 {
    font-size: 1.4em;
    margin: 20px 0;
}

.watch-3-intro-text,
.gob .intro-text {
    margin: 15px 0;
    padding: 10px;
    background: #2a2a2a;
    border-radius: 5px;
}

.xtra-tabs .indicator {
    display: none;
}

.tabs.tabs-transparent.xtra-tabs .tab a:hover,
.tabs.tabs-transparent.xtra-tabs .tab a.active {
    color: rgba(255, 255, 255, 0.8) !important;
}

.intro-text a,
.watch-3-intro-text a {
    text-decoration: underline !important;
    cursor: pointer;
}

.girls-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, 220px);
    grid-gap: 15px;
    justify-content: space-around;
}

@media screen and (max-width: 750px) {
    .girls-grid {
        grid-template-columns: repeat(auto-fill, 110px);
    }

    .girl-card.live .image-container::after {
        bottom: 5px;
        top: initial;
        margin-left: 0;
    }
}

.girl-card .time-next,
.girl-card .time-ago {
    bottom: 45px;
    top: initial;
    margin-left: 0;

}


.girl-card {
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
}

.girl-card .image-container {
    position: relative;
}

.girl-card img {
    z-index: 0;
    display: block;
    width: 100%;

}

.girl-card .name {
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px;
    background: #212121;
}


.girl-card:hover img {
    opacity: 0.9;
}

[v-cloak] {
    display: none
}

#sitefooter a {
    text-decoration: underline !important;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
}

@media screen and (max-width: 1000px) {
    .show-promo {
        padding: 10px;
    }

    .show-promo,
    .show-promo a,
    .videowatch-promolink {
        font-size: 0.95em;
    }

    .show-promo i {
        display: none;
    }
}

.best-of-title,
.video-set-index-title {
    font-size: 1.2em;
    text-transform: uppercase !important;
    margin: 15px 0;
    padding: 0 0.75rem;
}

.best-of-title {
    font-size: 1em;
    margin-bottom: 15px;
    margin-top: 0;
}

.best-of-video-link {
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
}

.best-of-thumb {
    z-index: 1 !important;
}

.best-of-thumb-container {
    border-radius: 5px;
    overflow: hidden;
}

.best-of-container {
    background: #2a2a2a;
    padding: 20px 10px;
    padding-bottom: 0;
}

.alert-gif {
    height: 30px;
    mix-blend-mode: multiply;
    vertical-align: middle;
}

.gallery-index-promo-link {
    background: skyblue;
    color: #000 !important;
}

.videowatch-promolink i {
    margin: 0 5px;
}

@media screen and (min-width : 1000px) {
    .links-container {
        display: flex;
    }

    .links-container .subscribe-promo-banner-gallery {
        margin: 0;
    }
}

@media screen and (max-width: 1200px) {
    .navbar-fixed .nav-wrapper i:not(.mobile-toggle) {
        display: none;
    }
}

@media screen and (min-width: 960px) and (max-width : 1800px) {
    .navbar-fixed .gold {
        display: none;
    }

}

.gold a {
    color: gold !important;
}

.live-channel-card-container .sub-button-container {
    position: absolute;
    right: 10px;
    font-size: 1.2em;
    top: 45px;
    z-index: 200;
    text-shadow:
        -1px -1px 0 rgba(0, 0, 0, 0.1),
        1px -1px 0 rgba(0, 0, 0, 0.1),
        -1px 1px 0 rgba(0, 0, 0, 0.1),
        1px 1px 0 rgba(0, 0, 0, 0.1);

}

.live-channel-card-container .sub-button-container .performer-subscribe-button-container>div {
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    transition: all 0.5s;

}

.live-channel-card-container .sub-button-container:hover .performer-subscribe-button-container>div {
    background: rgba(0, 0, 0, 0.6);
}

.live-channel-card:not(.online) .sub-button-container {
    top: 10px;
}

.free-credit-promo picture img {
    width: 100%;
}

.site-banner {
    max-width: 1170px;
    width: 100%;
    display: block;
    margin: 10px auto;
    cursor: pointer;
}


@media screen and (min-width: 600px) {
    .search_service_results_container .results-grid {
        columns: 2;
    }
}

@media screen and (min-width: 900px) {
    .search_service_results_container .results-grid {
        columns: 3;
    }
}


@media screen and (min-width: 1300px) {
    .search_service_results_container .results-grid {
        columns: 4;
    }
}


@media screen and (min-width: 1600px) {
    .search_service_results_container .results-grid {
        columns: 5;
    }
}

.search_service_wrapper {
    margin-bottom: 150px;
}

.search_service_results_container .results-grid .result-container {
    break-inside: avoid;
    cursor: pointer;
    margin-bottom: 20px;
    background: #2a2a2a;
    border-radius: 15px;
    overflow: hidden;
    transition: background 0.5s;
}

.search_service_results_container .results-grid .result-container:hover {
    background: #2d2d2d;
}

.search_service_results_container .results-grid .result-image-container {
    width: 100%;
}

.search_service_results_container .result-image-container img {
    width: 100%;
    display: block;
}

.search_service_results_container .avatar-badge-link {
    display: block;
    margin-right: 10px;
}

.search_service_results_container .result-header-container {
    display: flex;
    justify-content: space-between;
}

.search_service_results_container .site-icon-container {
    width: 25px;
    height: 25px;
}

.search_service_results_container .site-icon-container img {
    width: 100%;
    height: 100%;
    display: block;
}


.search_service_results_container .result-header-container {
    padding: 12.5px;
}


.search_service_results_container .result-content-footer {
    text-align: right;
    font-size: 0.7em;
}

.view-on-twitter-link {
    text-decoration: underline;
}

.search_service_results_container .result-content-footer,
.search_service_results_container .result-content-container {
    padding: 0 12.5px 12.5px 12.5px;
}

.search_service_results_container .result-author-details {
    display: flex;

}

.search_service_results_container .author-handle {
    font-size: 0.8em;
}

.search_service_results_container .author-display-name,
.search_service_results_container .site-name {
    font-weight: bold;
}


.search_service_results_container .result-content-container a {
    text-decoration: underline;
}

.search_service_results_container .item-title {
    font-weight: bold;
    margin-bottom: 10px;
    text-decoration: underline;
}

@media screen and (min-width: 550px) {
    .link-list {
        columns: 2;
    }
}

@media screen and (min-width: 800px) {
    .link-list {
        columns: 3;
    }
}

@media screen and (min-width: 1000px) {
    .link-list {
        columns: 4;
    }
}

.upcoming.live-channel-card {
    height: auto;
    aspect-ratio: 16/9;
    background: #2a2a2a;
}

.live-channel-card .portrait-container {
    width: 50%;
    position: absolute;
    background-size: cover;
    height: 100%;
}

.upcoming-performer-name {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

.upcoming-info {
    width: 50%;
    padding: 10px;
    display: flex;
    gap: 10px;
    position: absolute;
    left: 50%;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.u {
    text-decoration: underline;
}

.live-cat-logo {
    display: inline-block;
    height: 60px;
    vertical-align: middle;
    margin-right: 10px;
    padding-right: 20px;
    border-right: 1px solid #fff;
}

.live-cat-header {
    margin: 10px 0;
    margin-top: 20px;
}

.streamate .live-channel-card,
.babestationcams .live-channel-card,
.stripchat .live-channel-card {
    background-position: top;
}

.live-cat-header p {
    margin: 20px 0;
}

.performer-promo {
    position: relative;
}

.performer-promo>div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .55);
    padding: 15px;
    font-size: x-large;
}

.performer-promo div {
    margin: 5px 0;
}