/* Homepage CSS from F4F Start */

/*** Homepage sortting menus ***/

body.kinklivecom.fixedHeader {
	padding-top: 0;
}

body.kinklivecom.fixedHeader .nav-horz-line {
	margin: 10px 0 10px 0;
}

.homeDropMenus {
    position: relative;
    margin: 50px 0px -70px 0px;
    z-index: 20;
}

.homeDropMenus.bottomSorter {
    margin: 30px 0px 60px 0px;
}

.homeArticle {
    font-size: 15px;
}

/* Paging */

.homePaging {
    float: right;
    position: absolute;
    right: 260px;
    margin: 7px 0px 0px 0px;
}

#nav_icons_top {
										position: static;
   										margin: 0;
									}
									

.bottomSorter .homePaging {
    float: right;
    position: absolute;
    right: 0px;
    margin: 0px 0px 0px 0px;
}

.homePaging li {
    list-style-type: none;
    display: inline-block;
    margin-right: 2px;
}

.homePaging .pageActive {
    display: inline-block;
    padding: 0px 6px 0px 6px;
    background: #219ee5;
    color: #fff;
}

.homePaging .page a {
    display: inline-block;
    padding: 0px 6px 0px 6px;
    text-decoration: none;
    color: #adadad;
}

.homePaging .page a:hover {
    background: #219ee5;
    color: #fff;
    text-decoration: none;
}

.homeDropMenus .menu {
    display: inline-block;
    float: right;
    margin-left: 10px;
    position: relative;
}

.homeDropMenus .menu > input {
    display: none;
}

.homeDropMenus .menu > label {
    height: 30px;
    display: block;
    line-height: 30px;
    padding: 0 10px 0px 10px;
    border-left: 25px solid #222;
    background: #111;
    position: relative;
    cursor: pointer;
}

.homeDropMenus .menu > label.mobileOnly {
    display: none;
}

.homeDropMenus .menu > label:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #555;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    left: -18px;
    top: 12px;
}

.homeDropMenus .menu ul {
    display: none;
    position: absolute;
    background: #333;
    margin: 0;
    padding: 0;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    width: 230px;
}

.homeDropMenus .menu:hover > label {
    color: #fff;
    border-left: 25px solid #444;
    background: #333;
}

.homeDropMenus .menu:hover > label:before {
    border-top: 6px solid #eee;
}

.homeDropMenus .menu:hover ul {
    display: block;
}

.homeDropMenus .menu.dropLanguages ul {
    width: 128px;
    z-index: 20;
}

.homeDropMenus .menu li {
    list-style-type: none;
    padding: 0 5px 0 0px;
    background: #222;
    display: block;
    height: 30px;
    line-height: 30px;
    border-left: 25px solid #333;
    color: #fff;
    position: relative;
}

.homeDropMenus .menu li a,
.homeDropMenus .menu li span {
    list-style-type: none;
    display: block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    border: 1px solid transparent;
    border-bottom: 2px solid transparent;
    padding-left: 10px;
}

.homeDropMenus .menu li:before {
    content: "";
    position: absolute;
    background: #3f3f3f;
    width: 10px;
    height: 10px;
    top: 10px;
    left: -18px;
}

.homeDropMenus .menu li.thisChecked:before,
.homeDropMenus .menu li.thisChecked:hover:before {
    background: #01a7e1;
}

.homeDropMenus .menu li:hover:before {
    background: #19708f;
}

.homeDropMenus .menu li a.sortParty {
    border-left: 4px solid #ed1494;
}

.homeDropMenus .menu li a.sortGroup {
    border-left: 4px solid #ffe400;
}

#my_favorite_models {
    padding-bottom: 50px;
}

.newModelOverlay {
    height: 20px;
    line-height: 20px;
    width: auto;
    background: #9e0b0f;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    opacity: .7;
    font-size: 10px;
    color: #fff;
    padding: 0 10px 0px 10px;
    display: inline-block;
    margin: 0;
}

.newModelOverlay.interactive {
    padding: 0 10px 0px 2px;
}

.mowOverlay {
    height: 95px;
    width: 90px;
    background: url("/images/skins/flirt4free/layout_03_2/icon-mow.png") no-repeat;
    position: absolute;
    z-index: 6;
    top: 3px;
    left: 0;
}

/*** Homepage model line up ***/

.homepageModel {
    width: 16.65%;
    float: left;
    box-sizing: border-box;
    padding: 2px;
}

.homepageModelInner {
    width: 100%;
    position: relative;
}

.ratioImage {
    display: block;
    width: 100.2%;
    background-size: auto 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.inShowRoom .ratioImage {
    opacity: .45;
}

.inShowRoom:hover .ratioImage {
    opacity: 1;
}

.homepageModel .iconSettings {
    display: none;
    opacity: 1;
    top: 4px;
    right: 3px;
    z-index: 12;
}

.homepageModel:hover .iconSettings {
    display: block;
}

.homepageModel:hover .iconSettings {
    display: block;
}

.homepageModel a.name {
    position: absolute;
    display: block;
    color: #fff;
    bottom: 0;
    left: 0;
    width: 100%;
    text-decoration: none;
    padding: 0px 0px 0px 5px;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    background: #000;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.32) 65%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.32) 65%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.32) 65%, rgba(0, 0, 0, 0) 100%);
    overflow: hidden;
}

.homepageModel a.modelLink {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

.homepageModel .carousel2x2 a.name {
    height: auto;
    min-height: 25px;
}

/* Model flyouts */

.homepageModel .flyout:before {
    border-right: 0;
    border-bottom: 0;
    border-top: 0;
}

.homepageModel:hover .flyout {
    opacity: 1;
    z-index: 21;
    top: 100%;
    pointer-events: auto;
    -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
    box-shadow: 0px 5px 5px rgba(0,0,0,0.4);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.homepageModel .flyout {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    z-index: 6;
    background: #fff;
    color: #444;
    top: 0;
    left: 0;
    right: auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#live_models>div:nth-last-child(-n+8) .flyout {
    top: auto;
    bottom: 0;
}

#live_models>div:nth-last-child(-n+8):hover .flyout {
    bottom: 100%;
    top: auto;
}

.homepageModel .colorBar {
    position: absolute;
    z-index: 5;
    height: 3px;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
}

.homepageModel .roomTitle {
    display: none;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.homepageModel.memberOnlyRoom .colorBar,
.homepageModel.memberOnlyRoom .roomTitle.memberOnlyRoom,

.homepageModel .memberOnlyRoom .colorBar,
.homepageModel .memberOnlyRoom .roomTitle.memberOnlyRoom{
    background: #cc0000;
    color: #fff;
    display: block;
}

.homepageModel.featureRoom .colorBar,
.homepageModel.featureRoom .roomTitle.featureRoom,

.homepageModel .featureRoom .colorBar,
.homepageModel .featureRoom .roomTitle.featureRoom {
    background: #32f262;
    display: block;
}

.homepageModel.adultStarRoom .colorBar,
.homepageModel.adultStarRoom .roomTitle.adultStarRoom,

.homepageModel .adultStarRoom .colorBar,
.homepageModel .adultStarRoom .roomTitle.adultStarRoom {
    background: #f8c21c;
    display: block;
}

.homepageModel.partyRoom .colorBar,
.homepageModel.partyRoom .roomTitle.partyRoom,

.homepageModel .partyRoom .colorBar,
.homepageModel .partyRoom .roomTitle.partyRoom {
    background: #ed1494;
    color: #fff;
    display: block;
}

.homepageModel.groupRoom .colorBar,
.homepageModel.groupRoom .roomTitle.groupRoom,

.homepageModel .groupRoom .colorBar,
.homepageModel .groupRoom .roomTitle.groupRoom,

.homepageModel.inShowRoom.groupRoom .colorBar,
.homepageModel.inShowRoom.groupRoom .roomTitle.groupRoomPrivate,

.homepageModel .inShowRoom.groupRoom .colorBar,
.homepageModel .inShowRoom.groupRoom .roomTitle.groupRoomPrivate {
    background: #ffe400;
    color: #7b2014;
    display: block;
}

.homepageModel.inShowRoom.groupRoom .roomTitle.inShowRoom, 
.homepageModel .inShowRoom.groupRoom .roomTitle.inShowRoom,
.homepageModel .inShowRoom.groupRoom .roomTitle.groupRoom,
.homepageModel.inShowRoom.groupRoom .roomTitle.groupRoom {
	display: none;
}

.homepageModel.offlineRoom .colorBar,
.homepageModel.offlineRoom .roomTitle.offlineRoom,

.homepageModel .offlineRoom .colorBar,
.homepageModel .offlineRoom .roomTitle.offlineRoom,

.homepageModel.break .colorBar,
.homepageModel.break .roomTitle.breakRoom,

.homepageModel .break .colorBar,
.homepageModel .break .roomTitle.breakRoom {
    background: #999;
    display: block;
    color: #fff;
}

.homepageModel.break .flyoutStats {
	display: none;
}

.homepageModel.inShowRoom .colorBar,
.homepageModel.inShowRoom .roomTitle.inShowRoom,
.homepageModel .inShowRoom .colorBar,
.homepageModel .inShowRoom .roomTitle.inShowRoom {
    background: #02568d;
    color: #fff;
    display: block;
}


.homepageModel.inShowRoom.multi-user-private .roomTitle.inShowRoom,
.homepageModel .inShowRoom.multi-user-private .roomTitle.inShowRoom {
    display: none;
}

.homepageModel.inShowRoom.multi-user-private .roomTitle.multi-user-private,
.homepageModel .inShowRoom.multi-user-private .roomTitle.multi-user-private {
    background: #02568d;
    color: #fff;
    display: block;
}

.homepageModel.premiereRoom .colorBar,
.homepageModel.premiereRoom .roomTitle.premiereRoom,
.homepageModel .premiereRoom .colorBar,
.homepageModel .premiereRoom .roomTitle.premiereRoom {
    background: #f7941d;
    display: block;
}

.homepageModel.semiPrivateRoom .colorBar,
.homepageModel.semiPrivateRoom .roomTitle.semiPrivateRoom,

.homepageModel .semiPrivateRoom .colorBar,
.homepageModel .semiPrivateRoom .roomTitle.semiPrivateRoom {
    background: #00a99d;
    display: block;
}

.homepageModel.directRoom .colorBar,
.homepageModel.directRoom .roomTitle.directRoom,

.homepageModel .directRoom .colorBar,
.homepageModel .directRoom .roomTitle.directRoom {
    background: #7934aa;
    color: #fff;
    display: block;
}

.homepageModel.openRoom .roomTitle.openRoom,
.homepageModel .openRoom .roomTitle.openRoom {
    background: #00a8df;
    color: #fff;
    display: block;
}

.flyoutPadding {
    padding: 0 8px 0px 8px;
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.flyoutName {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #ccc;
}

.flyoutTagLine {
    line-height: 18px;
    padding: 10px 5px 10px 5px;
    font-size: 11px;
    color: #000;
}

.flyoutTagLine.noTagLine {
    padding: 0px 0px 10px 0px;
}

.flyoutStats span {
    display: inline-block;
    float: left;
    font-size: 11px;
    color: #777;
    width: 65%;
    box-sizing: border-box;
    padding: 0px 0px 5px 5px;
    text-transform: capitalize;
}

.flyoutStats span.odd {
    width: 35%;
}

.capitalize {
    text-transform: capitalize;
}

.text-center {
	text-align: center;
}


/* flyout Buttons */
.flyout .text-center {
	margin: 20px 0 10px 0px;
}

a.btn-fly-out {
	color: #fff;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	border-radius: 4px;
	background-color: #009bda;
	text-decoration: none;
	display: none;
}

a.btn-fly-out:hover {
	background-color: #5cc8f5;
}


.guest-btns,
.basic-btns,
.premium-vip-btns,
.inShowRoom.exclusive-private .premium-vip-btns,
body.guest .break .guest-btns,
body.basic .break .basic-btns,
.break .premium-vip-btns,
body.guest .offlineRoom .guest-btns,
body.basic .offlineRoom .basic-btns,
.offlineRoom .premium-vip-btns {
	display: none;
}

body.guest .guest-btns, 
body.basic .basic-btns {
	display: block;
}

body.guest .guest-btns .btn-fly-out.start-watching,
body.basic .basic-btns .btn-fly-out.start-watching {
	display: inline-block;
}

body.premium .premium-vip-btns,
body.vip .premium-vip-btns {
	display: block;
}

.openRoom .premium-vip-btns .btn-fly-out.start-private,
.premiereRoom .premium-vip-btns .btn-fly-out.start-private,
.adultStarRoom .premium-vip-btns .btn-fly-out.start-private {
	display: inline-block;
}

.openRoom.multi-user .premium-vip-btns .btn-fly-out.start-multi-user {
	display: inline-block;
}

.openRoom.multi-user .premium-vip-btns .btn-fly-out.start-private {
	display: none;
}


.inShowRoom .premium-vip-btns .btn-fly-out.start-voyeur {
	display: inline-block;
}

.inShowRoom.exclusive-private .premium-vip-btns .btn-fly-out.start-voyeur,
.inShowRoom.multi-user-private .premium-vip-btns .btn-fly-out.start-voyeur {
	display: none;
}

.inShowRoom.multi-user-private .premium-vip-btns .btn-fly-out.start-private {
	display: none;
}

.inShowRoom.multi-user-private .premium-vip-btns .btn-fly-out.join-multi-user {
	display: inline-block;
}

.partyRoom .premium-vip-btns .btn-fly-out.start-party {
	display: inline-block;
}

.groupRoom .premium-vip-btns .btn-fly-out.start-group {
	display: inline-block;
}

.featureRoom .premium-vip-btns .btn-fly-out.start-feature {
	display: inline-block;
}

body.vip .featureRoom .stat-cpm {
	display: none;
}

.memberOnlyRoom .premium-vip-btns .start-members-only {
	display: inline-block;
}

/* Group Private */
.inShowRoom.groupRoom .premium-vip-btns .btn-fly-out.start-group {
	display: none;
}
.inShowRoom.groupRoom .premium-vip-btns .btn-fly-out.group-private {
	display: inline-block;
}

.inShowRoom.groupRoom .premium-vip-btns .btn-fly-out.start-voyeur {
	display: none;
}


/* Star Rating */

.starRatingWrap {
    width: 75px;
    height: 13px;
    background-image: url("/images/ratings/grey-stars.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    overflow: hidden;
}

.starRatingWrap div {
    width: 75px;
    height: 13px;
    background-image: url("/images/ratings/stars.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
}

.star0 {
    margin-left: -80px;
}

.star1 {
    margin-left: -60px;
}

.star2 {
    margin-left: -45px;
}

.star3 {
    margin-left: -30px;
}

.star4 {
    margin-left: -15px;
}

.star5 {
    margin-left: 0px;
}

.flyoutModelImage,
.flyoutModelImageWrap {
    display: none!important;
}

#mobile_close_view_by_layer,
#mobile_close_lanuages_layer {
    display: none;
}

.homeDropMenus .menu li#mobile_close_view_by_layer:before,
.homeDropMenus .menu li#mobile_close_lanuages_layer:before {
    display: none;
}

a.btn-fly-out, 
a.btn-fly-out:link, 
a.btn-fly-out:visited, 
#homePage .live .theBorder a.btn-fly-out {
	position: static!important;
	margin: 10px 0 0 0!important;
}

/*** HOV STYLES ***/

.homepageModel .hovMessages {
    display: none;
    top: 45%;
    padding: 4px 1px 4px 1px;
    background: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    opacity: .9;
    text-align: center;
    font-size: 12px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma;
    position: absolute;
    width: 90%;
    z-index: 3;
    margin: 0px;
    left: 5%;
}

.homepageModel .hovMessages.break {
    background: #888;
}

.homepageModel .hovMessages.privateGroup {
    opacity: 1;
    text-shadow: 0px 0px rgba(0, 0, 0, 0);
     background: #0daa27;
    color: #fff;
    padding: 4px 4px 4px 4px;
}

.homepageModel .hovMessages.private {
    background: rgb(0, 114, 188);
}

.homepageModel .hovMessages.call2Action {
    opacity: 1;
    text-shadow: 0px 0px rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, .4);
    padding: 4px 4px 4px 4px;
}

.homepageModel .hovMessages.call2Action .btnGreen {
    display: inline-block;
    padding: 0px 10px 0px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #0daa27;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    font-size: 14px;
    height: 29px;
    line-height: 2.1em;
    width: 90%;
}

.btnGreen:hover,
.btnGreen:focus {
    background: rgb(180, 221, 77);
}

.videoContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 4;
    height: 105%;
    width: 100%;
    overflow: hidden;
}

.ratio2 .videoContainer {
    height: 100%;
    width: 135%;
	/* margin: 0% 0 0 -17%; */
}

.ratio1 .videoContainer {
    height: 100%;
}

.videoContainer.videoEl {
	background:#000;
	display:none;
}

/*** PROMO ***/

.homepageModel.homepagePromo {
    float: right;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: #111 repeating-linear-gradient( 45deg, #111, #111 20px, #151515 20px, #151515 40px);
    border-color: #000;
}

.homepagePromo #current_promo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.homepagePromo #current_promo a {
    display: block;
    width: 100%;
    height: 100%;
}

.homepagePromo #current_promo a img {
    width: 100%;
}

.homepagePromo.homepagePromo2x2 #current_promo a img {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    max-width: none;
    margin: 0;
    width: 100%;
}

.homepagePromo #current_promo a span {
    display: none;
}

#live_models {
    margin: 20px 0px 10px 0px;
    position: relative;
}

/* Carousel */

.carousel2x2 {
    float: left;
    box-sizing: border-box;
    padding: 2px;
    position: relative
}

.carousel2x2 .carousel {
    height: 100%;
    height: auto;
    padding-bottom: 0;
}

.carousel2x2 img.ratioImage {
    width: 100%;
}

.carousel2x2 .carousel .dots {
    position: absolute;
    z-index: 20;
    bottom: 4px;
}

.carousel2x2 .homepageModel {
    width: 100%;
    padding: 0;
}

.carousel2x2 .homepageModel .name,
.carousel2x2 .flyout {
    text-align: left;
}

.carousel.showingSlide0 .carouselSlideWrapper,
.carousel2x2 .fade .item.showThis {
    z-index: 7;
}

/* Bottom of homepage sections */

.homeMowSection {
    width: 50%;
    position: relative;
    box-sizing: border-box;
    padding-right: 10px;
    float: left;
    margin-bottom: 50px;
}

.homeBecomeModel {
    width: 50%;
    position: relative;
    box-sizing: border-box;
    padding-left: 10px;
    float: left;
    margin-bottom: 50px;
}

.homeBecomeModel.noMow {
    width: 100%;
    padding-left: 0px;
}

.noMow .homeImageSection,
.homeImageSection.singleRow {
    width: 19%;
}

.noMow .homeInfoSection,
.homeInfoSection.singleRow {
    width: 78%;
    float: left;
    padding-left: 1%;
}

.homeImageSection {
    width: 40%;
    float: left;
    position: relative;
}

.homeInfoSection {
    width: 58%;
    box-sizing: border-box;
    padding: 5px;
    float: right;
    font-size: 15px;
}

.homeImageSection img {
    width: 100%;
}

.homeInfoSection h3 a,
.homeInfoSection h3 {
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

.homeImageSection a.becomeModel {
    display: block;
    width: 100%;
    background-image: url("/images/skins/flirt4free/webcam-models-wanted.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}

.homeImageSection a.becomeModel.guys {
    background-image: url("/images/skins/flirt4free/webcam-models-wanted-guys.jpg");
}

/*** INTERACTIVE RIBBONS ***/

.kiirooRibbon {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url("/images/icons/kiiroo-icon-ribbon.png") top center no-repeat;
    background-size: 100%;
    z-index: 5;
}

.vstrokerRibbon {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url("/images/icons/vstroker-icon-ribbon.png") top center no-repeat;
    background-size: 100%;
    z-index: 5;
}

.ohmibodRibbon {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url("/images/icons/ohmibod-icon-ribbon.png") top center no-repeat;
    background-size: 100%;
    z-index: 5;
}

.interactiveRibbon {
    width: 100px;
    height: auto;
	color: #fff;
	font-size: 10px;
	padding: 3px 0px 3px 0px;
	text-align: center;
    position: absolute;
  	top: 18px;
    left: -25px;
    z-index: 5;
	transform: rotate(-45deg);
	background-color: #0699d4;
}

.interactiveRibbon.kiiroo {
    background-color: #c42127;
}

.interactiveRibbon.ohmibod {
    background-color: #df1f87;
}

.interactiveRibbon.feelme {
    background-color: #0076ff;
}

.no-ribbon.interactiveRibbon { 
	display: none; 
}

/*** HOV - Loader ***/

.circularContainer {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	 border-radius: 4px;
    width: 160px;
    text-align: center;
    font-weight: bold;
    top: 28%;
    left: 50%;
    margin-left: -90px;
    font-size: 12px;
    padding: 10px;
    display: none;
}

#floatingCirclesG {
    margin: 0 auto;
    position: relative;
    width: 50px;
    height: 50px;
    -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
}

.f_circleG {
    position: absolute;
    background-color: #FFFFFF;
    height: 9px;
    width: 9px;
    -moz-border-radius: 5px;
    -moz-animation-name: f_fadeG;
    -moz-animation-duration: 0.48s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-border-radius: 5px;
    -webkit-animation-name: f_fadeG;
    -webkit-animation-duration: 0.48s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-border-radius: 5px;
    -ms-animation-name: f_fadeG;
    -ms-animation-duration: 0.48s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-border-radius: 5px;
    -o-animation-name: f_fadeG;
    -o-animation-duration: 0.48s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    border-radius: 5px;
    animation-name: f_fadeG;
    animation-duration: 0.48s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

#frotateG_01 {
    left: 0;
    top: 20px;
    -moz-animation-delay: 0.18s;
    -webkit-animation-delay: 0.18s;
    -ms-animation-delay: 0.18s;
    -o-animation-delay: 0.18s;
    animation-delay: 0.18s;
}

#frotateG_02 {
    left: 6px;
    top: 6px;
    -moz-animation-delay: 0.24s;
    -webkit-animation-delay: 0.24s;
    -ms-animation-delay: 0.24s;
    -o-animation-delay: 0.24s;
    animation-delay: 0.24s;
}

#frotateG_03 {
    left: 20px;
    top: 0;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

#frotateG_04 {
    right: 6px;
    top: 6px;
    -moz-animation-delay: 0.36s;
    -webkit-animation-delay: 0.36s;
    -ms-animation-delay: 0.36s;
    -o-animation-delay: 0.36s;
    animation-delay: 0.36s;
}

#frotateG_05 {
    right: 0;
    top: 20px;
    -moz-animation-delay: 0.42s;
    -webkit-animation-delay: 0.42s;
    -ms-animation-delay: 0.42s;
    -o-animation-delay: 0.42s;
    animation-delay: 0.42s;
}

#frotateG_06 {
    right: 6px;
    bottom: 6px;
    -moz-animation-delay: 0.48s;
    -webkit-animation-delay: 0.48s;
    -ms-animation-delay: 0.48s;
    -o-animation-delay: 0.48s;
    animation-delay: 0.48s;
}

#frotateG_07 {
    left: 20px;
    bottom: 0;
    -moz-animation-delay: 0.54s;
    -webkit-animation-delay: 0.54s;
    -ms-animation-delay: 0.54s;
    -o-animation-delay: 0.54s;
    animation-delay: 0.54s;
}

#frotateG_08 {
    left: 6px;
    bottom: 6px;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@-moz-keyframes f_fadeG {
	
    0% {
        background-color: #000000
    }

    100% {
        background-color: #FFFFFF
    }

}

@-webkit-keyframes f_fadeG {
	
    0% {
        background-color: #000000
    }

    100% {
        background-color: #FFFFFF
    }

}

@-o-keyframes f_fadeG {
	
    0% {
        background-color: #000000
    }

    100% {
        background-color: #FFFFFF
    }

}

@keyframes f_fadeG {
	
    0% {
        background-color: #000000
    }

    100% {
        background-color: #FFFFFF
    }

}

.homepageModel .iAmOffline {
    position: absolute;
    background: #999;
    display: inline-block;
    right: 0;
    padding: 0px 10px 0px 10px;
    color: #fff;
}

/*** Index-categories.tpl layout ***/

#category_page .homepageModel {
    margin-bottom: 80px;
}

#category_page .homepageModel a.name {
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    bottom: -46px;
    background: #222;
    box-sizing: border-box;
    text-align: center;
    padding-right: 50px;
}

#category_page .onlineAmount {
    display: inline-block;
    position: absolute;
    height: 45px;
    line-height: 45px;
    background: rgba(0, 255, 0, .5);
    padding: 0px 10px 0px 10px;
    right: 0px;
    margin: 0px 0 0 0;
    font-size: 14px;
}

#category_page .offlineAmount {
    display: inline-block;
    position: absolute;
    height: 45px;
    line-height: 45px;
    background: #555;
    padding: 0px 10px 0px 10px;

    right: 0px;
    margin: 0px 0 0 0;
    font-size: 12px;
}

#category_models {
    margin-bottom: 50px;
}

/* Scheduled show design updates */

.homepageModel a.name.scheduledShowName {
    padding: 0px 0px 0px 0px;
    height: 40px;
    line-height: 40px;
    background: #000;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0) 100%);
}

.homepageModel a.name.scheduledShowName > div {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0px 0px 0px 110px;
    color: #f4f0ac;
    font-size: 15px;
    background: rgba(0, 0, 0, .1) repeating-linear-gradient( 45deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3) 20px, rgba(86, 51, 216, .3) 20px, rgba(86, 51, 216, .3) 40px);
	overflow: hidden;
}

.homepageModel a.name.scheduledShowName > div span {
    position: absolute;
    width: 96px;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background: rgba(86, 51, 216, 1);
    color: #fff;
    font-size: 11px;
    overflow: hidden;
}

.homepageModel a.name.scheduledShowName > div span i {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("/images/icons/icon-sprites.png");
    background-size: 50px auto;
    background-position: 0px -1425px;
    margin-top: 6px;
    margin-right: 4px;
    margin: 6px 4px 0px 4px;
    opacity: 1;
    float: left;
}

/* HOV audio button */

.homepageModel .hovAudioIcon {
    display: none;
    z-index: 5;
    position: absolute;
    bottom: 2px;
    left: 2px;
    opacity: .7;
    width: 22px;
    height: 22px;
    background-color: #000;
    background-image: url("/images/icons/icon-sprites.png");
    background-size: 40px auto;
    background-position: 1px -339px;
}

.hovAudioIcon:hover {
    opacity: 1;
}

.homepageModel:hover .hovAudioIcon.off,
.hovAudioIcon.off {
    background-position: 1px -359px;
}

.transBadge,
.hustlerBadge,
.lcmBadge,
.diamondBadge,
.wdmBadge {
    position: absolute;
    bottom: 28px;
    right: 2px;
    z-index: 6;
    width: 63px;
    height: 63px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
}

.transBadge {
    background-image: url("/images/icons/ts-badge.png");
}

.hustlerBadge {
    width: 47px;
    height: 55px;
    background-image: url("/images/icons/hustler-badge.png");
}

.lcmBadge {
    background-image: url("/images/icons/lcm-badge.png");
}


.diamondBadge {
    background-image: url("/images/icons/diamond-pictures-badge.png");
}


.wdmBadge {
    background-image: url("/images/sample-image-overlays/welcome-badge-hp.png");
}

.certifiedKinky {
	position: absolute;
	bottom: 28px;
	right: 2px;
	z-index: 4;
	width: 63px;
	height: 63px;
	display: block;
	background-repeat: no-repeat;
	background-size: 100%;
}

.certifiedKinky img {
	height: 50px;
	width: 50px;
}

/*** TWITTER DISCOUNT CODES BAR ***/

.twitterDiscountBannerSpacer {
    height: 45px;
}

.twitterDiscountCodesBar {
    background: #1da1f2;
    height: 55px;
    margin-top: -45px;
}

.twitterDiscountLink,
.twitterDiscountLink:hover {
    text-decoration: none;
}

.twitterDiscountCodesBar .twitterBirdSideLeft {
    background: url("/images/skins/flirt4free/twiiter-offer-codes/twitter-bird-bg-sides.png") no-repeat;
    width: 322px;
    height: 55px;
    float: left;
}

.twitterDiscountCodesBar .twitterBirdSideRight {
    background: url("/images/skins/flirt4free/twiiter-offer-codes/twitter-bird-bg-sides.png") no-repeat;
    width: 322px;
    height: 55px;
    float: right;
}

.twitterDiscountMessage {
    height: 35px;
    width: 100%;
    text-align: right;
}

.twitterDiscountMessage .messageText {
    color: #FFF;
    font-size: 26px;
    text-align: right;
    letter-spacing: -0.5px;
    background: url("/images/skins/flirt4free/twiiter-offer-codes/codes-twitter-bird-white.png") no-repeat;
    background-position: 0 -8px;
    padding-left: 53px;
    padding-bottom: 20px;
    height: 55px;
    width: 780px;
    margin: 0 auto 0 auto;
    position: relative;
}

.twitterDiscountMessage .messageText SPAN {
    color: #fff04a;
}



/*** MEDIA QUERIES ***/

@media all and (max-width: 1720px) {
    /* 2x2 right side */
    
    .homepageModel.homepagePromo.homepagePromo2x2,
    #live_models.noPromo > div:nth-child(16),
    #live_models > div:nth-child(64),
    #live_models > div:nth-child(112),
    #live_models > div:nth-child(148),
    #live_models > div:nth-child(206) {
        width: 33.4%;
        float: right;
    }

}

@media all and (max-width: 1700px) {
    .homepageModel {
        width: 16.635%;
    }

    /* 2x2 right side */
    
    .homepageModel.homepagePromo.homepagePromo2x2,
    #live_models.noPromo > div:nth-child(16),
    #live_models > div:nth-child(64),
    #live_models > div:nth-child(112),
    #live_models > div:nth-child(148),
    #live_models > div:nth-child(206) {
        margin-left: -2px;
        margin-right: 2px;
    }

    #category_page .homepageModel a.name {
        font-size: 14px;
        padding-right: 50px;
    }

    #category_page .onlineAmount,
    #category_page .offlineAmount,
    .homepageModel .iAmOffline {
        font-size: 11px;
    }

}

@media all and (max-width: 1400px) {
	
    .homepageModel a.name {
        font-size: 11px;
        height: 20px;
        line-height: 20px;
    }

}



@media all and (max-width: 1350px) {
	
    .transBadge, .lcmBadge, .diamondBadge, .wdmBadge {
        width: 46px;
        height: 46px;
        bottom: 28px;
    }

}

@media all and (min-width: 1280px) {
	
    /* FLY OUT LEFT SIDE / BIG HEADSHOT RULES */
    /*** 2x2 Headshot styles ***/
    
    .homepageModel.homepageModel2x2,
    .homepageModel.mow2x2,
    .carousel2x2,
    .homepageModel.first2x2,
    #live_models > div:nth-child(37),
    #live_models > div:nth-child(91),
    #live_models > div:nth-child(139),
    #live_models > div:nth-child(181) {
        width: 33.35%;
    }

    /* 2x2 right side */
    
    .homepageModel.homepagePromo.homepagePromo2x2,
    #live_models.noPromo > div:nth-child(16),
    #live_models > div:nth-child(64),
    #live_models > div:nth-child(112),
    #live_models > div:nth-child(148),
    #live_models > div:nth-child(206) {
        width: 33.4%;
        float: right;
    }

    /* SAMPLE IMAGE FOR BIG flyoutS */
    
    .homepageModel.homepageModel2x2 .flyoutModelImage,
    .homepageModel.mow2x2 .flyoutModelImage,
    .carousel2x2 .flyoutModelImage,
    .homepageModel.first2x2 .flyoutModelImage,
    #live_models.noPromo > div:nth-child(16) .flyoutModelImage,
    #live_models > div:nth-child(37) .flyoutModelImage,
    #live_models > div:nth-child(91) .flyoutModelImage,
    #live_models > div:nth-child(139) .flyoutModelImage,
    #live_models > div:nth-child(181) .flyoutModelImage,
    #live_models > div:nth-child(64) .flyoutModelImage,
    #live_models > div:nth-child(112) .flyoutModelImage,
    #live_models > div:nth-child(148) .flyoutModelImage,
    #live_models > div:nth-child(206) .flyoutModelImage {
        display: inline-block;
        width: 100%;
        background-size: 100%;
    }

    .homepageModel.homepageModel2x2 .flyoutModelImageWrap,
    .homepageModel.mow2x2 .flyoutModelImageWrap,
    .carousel2x2 .flyoutModelImageWrap,
    .homepageModel.first2x2 .flyoutModelImageWrap,
    #live_models > div:nth-child(37) .flyoutModelImageWrap,
    #live_models > div:nth-child(91) .flyoutModelImageWrap,
    #live_models > div:nth-child(139) .flyoutModelImageWrap,
    #live_models > div:nth-child(181) .flyoutModelImageWrap,
    #live_models > div:nth-child(16) .flyoutModelImageWrap,
    #live_models > div:nth-child(64) .flyoutModelImageWrap,
    #live_models > div:nth-child(112) .flyoutModelImageWrap,
    #live_models > div:nth-child(148) .flyoutModelImageWrap,
    #live_models > div:nth-child(206) .flyoutModelImageWrap {
        display: block;
        text-align: center;
        padding-top: 0px;
        margin: 3px 0px 3px 0px;
    }

    .carousel2x2 .flyoutTagLine,
    #live_models.noPromo > div:nth-child(16) .flyoutTagLine,
    #live_models > div:nth-child(37) .flyoutTagLine,
    #live_models > div:nth-child(64) .flyoutTagLine,
    #live_models > div:nth-child(91) .flyoutTagLine,
    #live_models > div:nth-child(112) .flyoutTagLine,
    #live_models > div:nth-child(139) .flyoutTagLine,
    #live_models > div:nth-child(148) .flyoutTagLine,
    #live_models > div:nth-child(181) .flyoutTagLine,
    #live_models > div:nth-child(206) .flyoutTagLine,
    .mow2x2 .flyoutTagLine,
    .homepageModel.first2x2 .flyoutTagLine {
        font-size: 15px;
    }

    .carousel2x2 .flyoutStats span,
    #live_models.noPromo > div:nth-child(16) .flyoutStats span,
    #live_models > div:nth-child(37) .flyoutStats span,
    #live_models > div:nth-child(64) .flyoutStats span,
    #live_models > div:nth-child(91) .flyoutStats span,
    #live_models > div:nth-child(112) .flyoutStats span,
    #live_models > div:nth-child(139) .flyoutStats span,
    #live_models > div:nth-child(148) .flyoutStats span,
    #live_models > div:nth-child(181) .flyoutStats span,
    #live_models > div:nth-child(206) .flyoutStats span,
    .mow2x2 .flyoutStats span,
    .homepageModel.first2x2 .flyoutStats span {
        font-size: 14px;
    }

    .carousel2x2 .flyoutStats,
    #live_models.noPromo > div:nth-child(16) .flyoutStats,
    #live_models > div:nth-child(37) .flyoutStats,
    #live_models > div:nth-child(64) .flyoutStats,
    #live_models > div:nth-child(91) .flyoutStats,
    #live_models > div:nth-child(112) .flyoutStats,
    #live_models > div:nth-child(139) .flyoutStats,
    #live_models > div:nth-child(148) .flyoutStats,
    #live_models > div:nth-child(181) .flyoutStats,
    #live_models > div:nth-child(206) .flyoutStats,
    .mow2x2 .flyoutStats,
    .homepageModel.first2x2 .flyoutStats {
        margin-top: 20px;
    }

    .carousel2x2 .flyoutName,
    #live_models.noPromo > div:nth-child(16) .flyoutName,
    #live_models > div:nth-child(37) .flyoutName,
    #live_models > div:nth-child(64) .flyoutName,
    #live_models > div:nth-child(91) .flyoutName,
    #live_models > div:nth-child(112) .flyoutName,
    #live_models > div:nth-child(139) .flyoutName,
    #live_models > div:nth-child(148) .flyoutName,
    #live_models > div:nth-child(181) .flyoutName,
    #live_models > div:nth-child(206) .flyoutName,
    .mow2x2 .flyoutName,
    .homepageModel.first2x2 .flyoutName {
        font-size: 17px;
    }

}

@media all and (max-width: 1279px) {
	
    .homepageModel {
        width: 20%;
    }

    /*** 2x2 Headshot styles ***/
    
    .homepageModel.homepageModel2x2,
    .homepageModel.mow2x2,
    .carousel2x2,
    .homepageModel.first2x2 {
        width: 40%;
    }

    /* 2x2 right side */
    
    .homepageModel.homepagePromo.homepagePromo2x2,
    #live_models.noPromo > div:nth-child(16),
    #live_models > div:nth-child(64),
    #live_models > div:nth-child(112),
    #live_models > div:nth-child(148),
    #live_models > div:nth-child(206) {
        width: 20%;
        float: left;
        margin: 0;
    }

}

@media all and (max-width: 1150px) {
	
    #my_favorite_models.favoritesModelsWrap .homepageModel.favorite:hover .flyout {
        z-index: 15;
    }

    .tablet #live_models.liveModelsWrap > div.homepageModel .flyout,
    .tablet #my_favorite_models.favoritesModelsWrap .homepageModel.favorite .flyout,
    .mobile #live_models.liveModelsWrap > div.homepageModel .flyout,
    .mobile #my_favorite_models.favoritesModelsWrap .homepageModel.favorite .flyout,
    .phone #live_models.liveModelsWrap > div.homepageModel .flyout,
    .phone #my_favorite_models.favoritesModelsWrap .homepageModel.favorite .flyout,
    .tablet .pricesLayout .homepageModel .flyout,
    .mobile .pricesLayout .homepageModel .flyout,
    .phone .pricesLayout .homepageModel .flyout,
    .pricesLayout .homepageModel .flyout {
        display: none;
    }
	
    .homeInfoSection {
        font-size: 12px;
    }

    .homeInfoSection h3 a,
    .homeInfoSection h3 {
        font-size: 15px;
    }

    .homepageModel .iconSettings {
        z-index: 12;
    }

    #my_favorite_models .homepageModel:hover .flyout {
        z-index: 11;
    }

    #my_favorite_models .homepageModel .iconSettings {
        z-index: 12;
    }

    .homeDropMenus {
        z-index: 13;
    }

}

@media all and (max-width: 1024px) {
	
    #home_page.pageBody.minWidthRes {
        margin-top: 0px;
    }

    .mobile .homepageModel .iconSettings,
    .tablet .homepageModel .iconSettings,
    .phone .homepageModel .iconSettings {
        display: block;
        top: 0;
        right: 0;
    }

    .mobile .homepageModel .iconSettings.menuMouseDrop.openSettings,
    .tablet .homepageModel .iconSettings.menuMouseDrop.openSettings,
    .phone .homepageModel .iconSettings.menuMouseDrop.openSettings {
        z-index: 20;
    }

    /*** Homepage sorting menus ***/
    
    .homeDropMenus .menu:hover ul {
        display: none;
    }

    .homeDropMenus .menu > input:checked ~ ul {
        display: block;
    }

    #mobile_close_view_by_layer,
    #mobile_close_lanuages_layer {
        display: block;
        list-style-type: none;
        height: 30px;
        line-height: 30px;
        color: #eee;
        text-decoration: none;
        border: 1px solid transparent;
        border-bottom: 2px solid transparent;
        padding-left: 35px;
    }

    /* No flyouts for mobile/tablet */
    
    .tablet .homepageModel.favorite:hover .flyout,
    .mobile .homepageModel.favorite:hover .flyout,
    .phone .homepageModel.favorite:hover .flyout,
    .tablet .homepageModel:hover .flyout,
    .mobile .homepageModel:hover .flyout,
    .phone .homepageModel:hover .flyout {
        display: none;
    }

    .homeImageSection a.becomeModel {
        background-image: url("/images/skins/flirt4free/webcam-models-wanted-small.jpg");
    }

    .homeImageSection a.becomeModel.guys {
        background-image: url("/images/skins/flirt4free/webcam-models-wanted-small-guys.jpg");
    }

    .homepageModel .roomTitle {
        height: 16px;
        line-height: 16px;
        font-size: 11px;
    }

    .flyoutName {
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }

    .flyoutStats span {
        font-size: 10px;
    }

    #my_favorite_models,
    #live_models {
        overflow: hidden;
    }

    .computer #live_models {
        padding-bottom: 0px;
    }

    .tablet .homepageModel .iconSettings ul,
    .mobile .homepageModel .iconSettings ul,
    .phone .homepageModel .iconSettings ul {
        max-height: 160px;
        overflow: scroll;
    }

    #mobile_footer_navbar {
        z-index: 25;
    }

    .homeDropMenus .menu>input:checked~ul {
        max-width: 150px;
    }

    /*** INTERACTIVE RIBBONS ***/
    
    .mobile .kiirooRibbon,
    .phone .kiirooRibbon,
    .tablet .kiirooRibbon {
        width: 34px;
        height: 34px;
        background: url("/images/icons/kiiroo-icon-ribbon.png") top center 100% 100% no-repeat;
    }

    .mobile .interactiveRibbon,
    .phone .interactiveRibbon,
    .tablet .interactiveRibbon {
        font-size: 6px;
		top: 10px;
    	left: -33px;
    }
	
	.mobile .vstrokerRibbon,
    .phone .vstrokerRibbon,
    .tablet .vstrokerRibbon {
        width: 34px;
        height: 34px;
        background: url("/images/icons/vstroker-icon-ribbon.png") top center 100% 100% no-repeat;
    }
	
	
    .mobile .ohmibodRibbon,
    .phone .ohmibodRibbon,
    .tablet .ohmibodRibbon {
        width: 34px;
        height: 34px;
        background: url("/images/icons/ohmibod-icon-ribbon.png") top center 100% 100% no-repeat;
    }

    .mobile .mowOverlay,
    .phone .mowOverlay,
    .tablet .mowOverlay {
        width: 34px;
        height: 34px;
        background-image: url("/images/skins/flirt4free/layout_03_2/icon-mow.png");
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    #category_page .homepageModel a.name {
        font-size: 12px;
        padding-right: 0px;
    }

    #category_page .onlineAmount,
    #category_page .offlineAmount {
        font-size: 10px;
        bottom: 46px;
        height: 25px;
        line-height: 25px;
        color: #000;
        background: rgba(0, 255, 0, .9);
    }

    .homepageModel .iAmOffline {
        font-size: 10px;
        bottom: 20px;
        height: 20px;
        line-height: 20px;
        opacity: .9;
    }

    /* Scheduled name */
    
    .carousel2x2 .homepageModel a.name.scheduledShowName {
        height: 30px;
        line-height: 30px;
    }

    .carousel2x2 .homepageModel a.name.scheduledShowName > div {
        padding: 0px 0px 0px 36px;
        font-size: 12px;
    }

    .carousel2x2 .homepageModel a.name.scheduledShowName > div span {
        width: 28px;
        font-size: 11px;
    }

    .carousel2x2 .homepageModel a.name.scheduledShowName > div span i {
        margin: 2px 2px 0px 2px;
    }

    .transBadge, .lcmBadge {
        width: 45px;
        height: 45px;
        bottom: 22px;
    }

    .hustlerBadge {
        width: 38px;
        height: 44px;
        bottom: 22px;
    }
	
	.twitterDiscountMessage {
		margin-top: 45px;
	}
	
	.twitterDiscountMessage .messageText {
		font-size: 23px;	
	}

}


@media all and (max-width: 1100px) {
	.homepageModel:hover .flyout {
		display: none;
	}
}


@media all and (max-width: 900px) {
	
	.twitterDiscountMessage {
		margin-top: 45px;	
	}

    .twitterDiscountMessage .messageText {
        font-size: 22px;
        width: 80%;
        background-position: 0 -8px;
    }

    .twitterDiscountCodesBar .twitterBirdSideLeft {
        display: none;
    }

    .twitterDiscountCodesBar .twitterBirdSideRight {
        display: none;
    }

    .twitterDiscountBannerSpacer {
        height: 30px;
    }

}

@media all and (max-width: 820px) {
    .twitterDiscountCodesBar {
        height: 65px;
    }

    .twitterDiscountMessage .messageText {
        width: auto;
        text-align: center;
        line-height: 22px;
        padding-top: 10px;
    }

}

@media all and (max-width: 810px) {
	
    .homepageModel {
        width: 33.3%;
    }

    /*** 2x2 Headshot styles ***/
    
    .homepageModel.homepageModel2x2,
    .homepageModel.mow2x2,
    .carousel2x2,
    .homepageModel.first2x2 {
        width: 66.6%;
    }

    /* 2x2 right side */
    
    .homepageModel.homepagePromo.homepagePromo2x2,
    #live_models.noPromo > div:nth-child(16),
    #live_models > div:nth-child(64),
    #live_models > div:nth-child(112),
    #live_models > div:nth-child(148),
    #live_models > div:nth-child(206) {
        width: 33.3%;
        float: left;
    }

    .homepageModel.homepagePromo {
        float: left;
    }

    .homepageModel a.name {
        font-size: 11px;
        height: 18px;
        line-height: 18px;
    }

    /* HIDE flyoutS */
    
    #live_models.liveModelsWrap > div.homepageModel:hover .flyout,
    #my_favorite_models.favoritesModelsWrap .homepageModel.favorite:hover .flyout,
    #live_models .carousel2x2:hover .flyout {
        display: none;
    }

    /*** Reset flyouts to drop under ***/
    
    #live_models.liveModelsWrap > div.homepageModel .flyout,
    #my_favorite_models.favoritesModelsWrap .homepageModel.favorite .flyout {
        min-height: 0;
        width: 100%;
        height: auto;
        padding-bottom: 10px;
    }

    #live_models.liveModelsWrap > div.homepageModel .flyout:before,
    #my_favorite_models.favoritesModelsWrap .homepageModel.favorite .flyout:before {
        content: "";
        width: 0;
        height: 0;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #fff;
        border-top: 0px;
        border-left: 12px solid transparent;
        position: absolute;
        z-index: 5;
        top: -12px;
        left: 50%;
        margin-top: 0;
        margin-left: -12px;
    }

    #live_models.liveModelsWrap > div.homepageModel:hover .flyout,
    #my_favorite_models.favoritesModelsWrap .homepageModel.favorite:hover .flyout {
        right: auto;
        margin: 0;
        left: 0;
        top: 100%;
    }

    .homepageModel.homepageModel2x2,
    .homepageModel.mow2x2,
    .carousel2x2,
    .homepageModel.first2x2 {
        width: 66%;
    }

    .homepageModel {
        width: 33%;
    }

    /* 2x2 right side */
    
    .homepageModel.homepagePromo.homepagePromo2x2,
    #live_models > div:nth-child(16),
    #live_models > div:nth-child(64),
    #live_models > div:nth-child(112),
    #live_models > div:nth-child(148),
    #live_models > div:nth-child(206) {
        width: 33%;
    }

    .homepageModel.homepagePromo {
        background: none;
    }

    .homeMowSection {
        width: 100%;
        padding-right: 0px;
        float: none;
    }

    .homeBecomeModel {
        width: 100%;
        padding-left: 0px;
        float: none;
    }

    .homeImageSection {
        width: 100%;
        float: none;
    }

    .noMow .homeImageSection,
    .homeImageSection.singleRow {
        width: 100%;
    }

    .noMow .homeInfoSection,
    .homeInfoSection.singleRow {
        width: 100%;
        padding-left: 0;
    }

    .homeInfoSection {
        width: 100%;
        box-sizing: border-box;
        padding: 5px 0 5px 0px;
        float: none;
    }

    .homeImageSection img {
        width: 100%;
    }

    .tablet .homeDropMenus .menu > input:checked ~ ul,
    .phone .homeDropMenus .menu > input:checked ~ ul,
    .mobile .homeDropMenus .menu > input:checked ~ ul {
        height: 200px;
        overflow: scroll;
    }

    .transBadge, .lcmBadge, .diamondBadge, .wdmBadge {
        width: 30px;
        height: 30px;
    }
    
    .first2x2 .wdmBadge {
        width: 63px;
        height: 63px;        
    }

}

@media all and (max-width: 720px) {

    .twitterDiscountMessage .messageText {
        padding-top: 0px;
    }

}

@media all and (max-width: 700px) {
	
    .homePaging {
        float: right;
        position: absolute;
        right: 0px;
        margin: -30px 0px 0px 0px;
    }

    .homeDropMenus.bottomSorter .homePaging {
        float: left;
        position: relative;
        right: auto;
        padding: 0;
        margin: 7px 0px 0px 0px;
    }

    .homeArticle {
        font-size: 13px;
    }

}

@media all and (max-width: 636px) {
	
    .twitterDiscountMessage .messageText {
        font-size: 24px;
    }

}


@media all and (max-width: 600px) {
	
    .homepagePromo #current_promo a img {
        margin: 0;
        position: static;
    }

    .homepageModel .iAmOffline {
        bottom: 18px;
    }

}

@media all and (max-width: 520px) {
	
    .homepageModel.homepageModel2x2,
    .homepageModel.mow2x2,
    .carousel2x2,
    .homepageModel.first2x2 {
        width: 100%;
    }

    .noPromo .homepageModel.homepageModel2x2,
    .noPromo .homepageModel.mow2x2,
    .noPromo .carousel2x2,
    .noPromo .homepageModel.first2x2 {
        width: 100%;
    }

    .homepageModel {
        width: 50%;
    }

    /* 2x2 right side */
    
    .homepageModel.homepagePromo.homepagePromo2x2,
    #live_models.noPromo > div:nth-child(16),
    #live_models > div:nth-child(16),
    #live_models > div:nth-child(64),
    #live_models > div:nth-child(112),
    #live_models > div:nth-child(148),
    #live_models > div:nth-child(206) {
        width: 50%;
    }

    .carousel2x2 .homepageModel a.name.scheduledShowName > div {
        font-size: 10px;
    }

}

@media all and (max-width: 460px) {
	
    .twitterDiscountCodesBar {
        height: 65px;
    }

    .twitterDiscountMessage .messageText {
        font-size: 16px;
        width: auto;
        background-position: 5px -5px;
    }

}

@media all and (max-width: 420px) {
	
    .homepageGenderMenu a,
    .homeDropMenus .menu > label {
        font-size: 10px;
    }

    .pageBody h1 {
        font-size: 16px;
    }

    .homeDropMenus .menu {
        margin-left: 3px;
    }

}

@media all and (max-width: 340px) {
	
    .twitterDiscountCodesBar {
        height: 65px;
    }

    .twitterDiscountMessage .messageText {
        background-position: 0 -5px;
        padding-left: 43px;
    }

}

@media all and (max-width: 320px) {

    .twitterDiscountMessage .messageText {
        font-size: 14px;
    }

}

/*** OLD HOMEPAGE TEMP CLASSES ***/

.chatCountOverlay {
    background: #000000;
    bottom: 23px;
    height: 20px;
    padding: 0 5px;
    right: 0px;
    position: absolute;
    color: #FFFFFF;
    font-size: 11px;
    opacity: 0.5;
}

.homeDisplay {
    float: left;
    width: 14%;
    border-top: 2px solid #000;
    overflow: visible;
    margin: 0px 0px 5px 5px;
    position: relative;
}

.ie8 .homeDisplay {
    width: 19.5%;
}

.homeDisplay:hover {
    border-top: 2px solid #008ed0;
}

.homeDisplay a.modelWrap {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-bottom: -5px;
}

.homeDisplay a.modelWrap img {
    width: 100%;
    margin: 1px 0px 0px 0px;
}

.desktopOnlyFadeOut {
    opacity: .3;
}

.homeDisplay .mobileReady {
    margin: -140px 0 0 2px;
}

.homeDisplay a.modelName {
    font-size: 12px;
    line-height: 23px;
    color: #d7d7d7;
    font-family: sans-serif, Tahoma;
    font-weight: normal;
    text-decoration: none;
    margin: 0px 0px 0px 2px;
    display: inline-block;
    height: 20px;
}

/*** WEBKIT ONLY UPDATES ***/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	
    .homeDisplay .overlay {
        bottom: -1px;
    }

}

.homeDisplay .overlay:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #ccc;
    border-right: 5px solid transparent;
    position: absolute;
    top: -5px;
    left: 5px;
}

.homeDisplay .overlay.premiere {
    background: #f7941d;
}

.homeDisplay .overlay.premiere:after {
    border-bottom: 5px solid #f7941d;
}

.homeDisplay .overlay.party {
    background: #ed1494;
    color: #fff;
}

.homeDisplay .overlay.party:after {
    border-bottom: 5px solid #ed1494;
}

.homeDisplay .overlay.group {
    background: #ffe400;
    color: #7b2014;
}

.homeDisplay .overlay.group:after {
    border-bottom: 5px solid #ffe400;
}

.homeDisplay .overlay.inShow {
    background: #0072bc;
    color: #fff;
}

.homeDisplay .overlay.inShow:after {
    border-bottom: 5px solid #0072bc;
}

.homeDisplay .overlay.semi {
    background: #00a99d;
}

.homeDisplay .overlay.semi:after {
    border-bottom: 5px solid #00a99d;
}

.homeDisplay .overlay.direct {
    background: #7934aa;
    color: #fff;
}

.homeDisplay .overlay.direct:after {
    border-bottom: 5px solid #7934aa;
}

.homeDisplay .overlay.memberOnly {
    background: #cc0000;
    color: #fff;
}

.homeDisplay .overlay.memberOnly:after {
    border-bottom: 5px solid #cc0000;
}

.homeDisplay .overlay.feature {
    background: #32f262;
}

.homeDisplay .overlay.feature:after {
    border-bottom: 5px solid #32f262;
}

@media all and (max-width: 1928px) {
	
    .homeDisplay {
        width: 16.3%;
    }

}

@media all and (max-width: 1500px) {
	
    .homeDisplay {
        width: 19.4%;
    }

}

@media all and (max-width: 1200px) {
	
    .homeDisplay {
        width: 24.3%;
    }

}

@media all and (max-width: 800px) {
	
    .homeDisplay {
        width: 32%;
    }

}

@media all and (max-width: 768px) {
	
    .homeDisplay {
        width: 32.5%;
    }

}

@media all and (max-width: 767px) {
	
    .homeDisplay {
        width: 32%;
    }

    .homeDisplay a.modelName {
        font-size: 10px;
    }

    .homeDisplay .overlay {
        height: 16px;
        width: 50px;
        font-size: 8px;
        line-height: 2.3em;
        bottom: 2px;
        right: 0px;
        text-overflow: clip;
    }

    .homeDisplay .overlay:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-bottom: 5px solid #ccc;
        border-right: 5px solid transparent;
        position: absolute;
        top: -5px;
        left: 5px;
    }

    .hdOverlay {
        bottom: 9px;
        right: 2px;
    }

}

@media all and (max-width: 767px) and (orientation: landscape) {
	
    .homeDisplay:nth-child(3) {
        margin-right: 0px;
    }

    .homeDisplayPromo {
        margin-right: 0px;
        padding-right: 2px;
    }

}

@media all and (max-width: 400px) {
	
    .homeDisplay,
    .homeDisplay.categoryDisplay {
        width: 48%;
    }

    .homeDisplay2x2 {
        width: 98%;
        height: 235px;
    }

    .homeDisplay2x2.carousel2x2 {
        width: 100%;
        height: 300px;
    }

    .homeDisplay.scheduleDisplay2x2 {
        width: 98%;
    }

    .promoDisplay2x2 {
        height: 290px;
    }

    .homeDisplayPromo {
        margin-right: 1px;
    }

    .homeDisplay:nth-child(2) {
        margin-right: 0px;
    }

    .homeDisplay .overlay {
        border-left: 5px;
    }

}

/* Homepage CSS from F4F Start */

/* Custom CSS  Start*/

a.logo img {
    height: auto;
    width: 230px;
}

nav .navigation .selected {
    background-color: rgba(255,255,255,0);
	color: #d72029;
}

.navigation .selected a:hover,
.navigation a:hover {
    color: #d72029;
}

.navigation a:hover {
	background-color: rgba(255,255,255,0);
}

.navigation .selected a:hover {
	background-color: #000;
}

.navigation .selected a {
    color: #d72029;
}

.navigation li a {
    background: none;
	color: #ffffff;
}

.navigation li:hover .navDropMenu a {
    background: #fff;
}

nav .navigation a, nav .navigation li {
	font-size: 14px;
	font-weight: bold;
    text-transform: uppercase;
}

nav .navigation a {
    height: 38px;
    line-height: 38px;
	font-family: helvetica, arial, sans-serif;
}

nav .navigation li.join a {
    border-radius: 5px;
	font-size: 14px;
	background: #d72029;
}

.navFullWidth {
    margin: -80px 0px 0px 0px;
}

.languageMenu {
    right: .5%;
}

.homeDropMenus {
    margin: 27px 0px -13px 0px;
    z-index: 9;
}

#live_models {
    margin: 8px 2px 10px 2px;
}

.header a.logo {
	margin-left: -39px;
}

a.login-in-line {
    border-left: 1px solid #333;
}

.nav-horz-line {
    width: 100%;
    display: block;
    margin: 13px 0 10px 0;
    height: 1px;
    border-bottom: 1px solid #333;
}

.headerWrap {
    height: 57px;
}

.homeDropMenus {
    background-color: #202020;
    margin: 0;
    padding: 10px 0;
    color: #fff;
    height: 37px;
    margin-bottom: 2px;
    font-family: Raleway, arial, helvetica;
    width: 100%;
    margin-top: 9px;
}

.homeDropMenus .menu > label {
    height: 30px;
    line-height: 30px;
    padding: 5px 10px 5px 10px;
    background: #333;
	margin-right: 20px;
}

.homeDropMenus .menu > label:before {
    top: 18px;
}

.home-title-text {
    position: relative;
    z-index: 10;
    font-size: 26px;
    color: #fff;
    margin-top: -47px;
    margin-bottom: 23px;
    margin-left: 13px;
	max-width: 300px;
}

.home-title-text span {
	color: #d72029;
}

/* Promo Banner Start */

.promo-banner {
	width: 100%;
	height: 60px;
	background: #02ab02;
}

.img-special-offer {
	max-width: 980px;
	height: auto;
	width: 100%;
	display: block;
	margin: 0 auto;
}

.promo-banner .text-left {
    float: left;
    color: #fff;
    font-size: 23px;
    text-align: center;
    line-height: 21px;
    margin-top: 8px;
}

.promo-banner .text-middle {
	float: left;
}

.promo-banner .text-right {
	float: left;
}

nav .navigation li.join a {
    color: #ffffff;
}

.search-icon a i {
    background-image: url(/images/icons/icon-sprites.png);
    background-position: -4px -922px;
    display: block;
    width: 25px;
    height: 25px;
    margin: 4px 0px 0px 0px;
    opacity: 1; 
}

.my-account-icon a i {
    background-image: url(/images/icons/icon-sprites-mobile.png);
    background-position: 2px -2043px;
    display: block;
    width: 24px;
    height: 23px;
    margin: 1px -3px 0px -2px;
    opacity: 1;
    background-color: #d72029;
    border-radius: 5px;
    background-size: 73px;
    padding: 7px;
}

.navigation {
    margin-right: -40px;
}

.navigation li:hover {
    background: none;
}

.navigation li:hover .navDropMenu {
    margin: 0 0px 0px -152px;
}

.navigation li:hover .navDropMenu:before {
    left: 165px;
	margin: 0px 0px 0px 3px;
}

.homeDropMenus.bottomSorter {
    background: none;
}

.cnvrgRegistration.guys {
    max-width: 1200px;
    margin: 25px auto 25px auto;
}

.topLinks {
    padding-top: 0;
}

.text-red {
	color: #d72029;
}

.loggedIn .navigation {
    top: -35px;
}

#nav_icons_top {
    display: inline-block;
    position: static;
    margin-left: 0;
    margin-top: 0;
}

#nav_icons_top:hover {
	background-color: #000;
}

.iconBadge i span {
    width: 23px;
    height: 23px;
    line-height: 23px;
}

.menu-view-reg {
	display: inline-block;
}

.menu-view-mobile {
	display: none;
}

a.btnStandardAuto,
a:visited.btnStandardAuto,
a:link.btnStandardAuto {
    color: #d72029;
}

#nav_icons_top:hover .iconDrop {
    right: -25px;
}

#nav_icons_top:hover .iconDrop {
    display: block;
    position: absolute;
    top: 29px;
    right: -25px;
    text-align: left;
	z-index: 10;
}

.flyout .text-center {
    margin: 10px 0;
}

.homeDropMenus .menu > label {
    color: #fff;
    border-left: 25px solid #444;
    background: #333;
}

b.myCreditAmount.special {
	font-weight: bold;
	font-size: 14px;
}

.siteBody.showGenderLinks .navigation {
    top: -34px;
}

.navigation li #desktop-version-switch {
	margin-right: 64px !important;
}

a.logo {
    margin-top: 3px;
}

.whitelabel:not(.kinklive) .iconBadge i span {
    bottom: 19px !important;
}

.iconBadge i span {
    width: 23px !important;
    height: 23px!important;
    line-height: 23px !important;
}

.whitelabel:not(.liverandybluecom):not(.adam4adamlivecom) #desktop-version-switch,
.whitelabel:not(.liverandybluecom):not(.adam4adamlivecom) #desktop-version-switch:hover {
    background-color: transparent;
}

h1.home-title {
    display: none !important;
}

@media (min-width: 1025px) {
	
	.siteBody.showGenderLinks.whitelabel:not(.fixedHeader):not(.flirt4evercom) .navigation {
		top: 42px !important;
	}
	
}

/* Promo Banner End */


@media (min-width: 2000px) {
	
	.pageWidth, .headerWrap .header.pageWidth, .navArea, .greyBarWrap .greyBar {
		margin: auto;
		max-width: 96%;
		width: auto;
	}
	
}

@media (max-width: 2115px) {
	
	.navigation {
		padding-right: 0;
	}

}

@media (max-width: 2000px) {
	
	.header a.logo {
		margin-left: -5%;
	}

}

@media (max-width: 1024px) {
	
	.siteBody.showGenderLinks .navigation {
		top: 0;
	}
	
	.navigation {
		margin-right: 0;
	}
	
	#nav_icons_top {
		display: none;
	}

	.languageMenu {
		right: 60px;
		top: 16px;
	}
	
	.header a.logo {
		margin-left: 0;
	}
	
	nav .navigation li.join a {
		border-radius: 0;
	}
	
	a.login-in-line {
		border-left: none;
	}
	
	nav .navigation a {
		height: 38px;
		line-height: 38px;
	}
	
	#nav_icons {
		display: none;
	}
	
	.loggedIn .navigation {
		top: 0;
	}
	
	.menu-view-reg {
		display: none;
	}

	.menu-view-mobile {
		display: block;
	}
	
	.mobileDropArrow {
		width: 40px;
		height: 40px;
	}
	
	.mobileDropArrow:before {
		margin: 15px 0px 0px 10px;
	}
	
}

@media (max-width: 800px) {
	
	.promo-banner {
		height: auto;
	}

}

@media (max-width: 580px) {
	
	.home-title-text {
		display: none;
	}

}

.chat-room-opened a.logo,
.chat-room-opened .headerWrap {
	height: 50px;
}

body.whitelabel.kinklivecom.chat-room-opened:not(.user-private) .chatroom-container:not(.xl-video) {
	margin-top: 50px;
}