@charset "utf-8";
#menu,
.modelCharacter ul li,
.stats li,
.title h2 {
    text-transform: uppercase
}

.item-info .fake-h5,
.item-info h3,
.item-info h4,
.item-info h5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: #FFF 1px 1px 1px
}

.item-info h3,
.item-info h4,
.item-portrait,
.item-thumb a,
.item-thumbs a,
.item-video,
.progress {
    overflow: hidden
}

body {
    height: 100%;
    min-height: 100%;
    font-size: 14px;
    background: #FFF;
    color: #000;
    font-weight: 400
}

.hide {
    display: none!important
}

#page_loader,
img {
    display: inline-block
}

p {
    margin-bottom: 10px
}

.wrapper,
.wrapper-large,
.wrapper-login {
    position: relative;
    margin: 0 auto
}

.floatright {
    float: right
}

#header,
#logo,
#logo h1,
#logo h1 a {
    float: left
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

.clear {
    clear: both
}

.item-portrait a img,
.item-thumbs .left a img,
.item-thumbs .right a img,
a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.wrapper {
    width: 1000px
}

.wrapper-large {
    width: 1400px
}

.wrapper-login {
    width: 300px
}

#page_loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: url(../images/page_loader.gif) center center no-repeat rgba(255, 255, 255, .8)
}

#header,
#menu>ul li,
select.dropdown {
    position: relative
}

#header {
    width: 100%;
    padding: 15px 0
}

#logo {
    padding: 0;
    max-width: 300px
}

#logo h1 {
    margin: 0;
    padding: 0
}

#menu {
    float: right;
    font-size: 18px;
    font-weight: 300;
    margin-top: 30px
}

#menu>ul {
    float: right;
    list-style: none;
    margin: 0
}

#menu>ul li {
    float: left;
    margin: 0 0 0 2px
}

#menu>ul li a {
    float: left;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
    text-shadow: #FFF 1px 1px 1px
}

#menu>ul li a.active,
#menu>ul li a.highlight,
#menu>ul li a:hover {
    color: #FFF;
    background: #eb008b;
    text-shadow: #82004d 1px 1px 1px
}

#menu>ul li a.twitter {
    color: #FFF;
    background: #4099FF;
    text-shadow: #222 1px 1px 1px;
    padding: 10px;
    margin-left: 20px
}

select.dropdown {
    display: none;
    float: left;
    width: 100%;
    padding: 3px;
    z-index: 99999;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    background: #F4F4F4;
    font-weight: 700
}

body.members-area #menu>ul li a {
    padding: 10px 15px
}

body.members-area #menu>ul li a.twitter {
    padding: 10px
}

#menu>ul li.dropdown ul {
    display: none;
    position: absolute;
    width: 108px;
    top: 38px;
    left: 0;
    border: 1px solid #f1f1f1;
    background: #FFF;
    padding: 10px;
    z-index: 9999
}

#hero,
#hero ul.slides li {
    position: relative
}

#menu>ul li.dropdown ul li {
    margin: 0;
    width: 100%
}

#menu>ul li.dropdown ul li a {
    padding: 10px 0;
    width: 100%
}

#menu>ul li:hover.dropdown ul {
    display: block
}

.members-area #menu {
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: center
}

.members-area #menu ul {
    float: left;
    width: 100%;
    margin: 0;
    text-align: center
}

.members-area #menu ul li {
    float: none;
    display: inline-block
}

#hero {
    float: left;
    width: 100%;
    padding: 10px 0 0;
    margin: 0 0 10px;
    background: #FFF
}

#hero ul.slides li span.slide_image {
    position: relative;
    z-index: 10
}

#hero ul.slides li span.slide_info {
    display: inline-block;
    padding: 15px 30px;
    background: rgba(0, 0, 0, .7);
    color: #FFF;
    position: absolute;
    bottom: 50px;
    left: 60px;
    z-index: 20
}

#hero ul.slides li span.slide_info h3 {
    display: block;
    text-align: left;
    text-shadow: #555 1px 1px 1px;
    font-weight: 300;
    margin-bottom: 5px
}

#hero ul.slides li span.slide_info .h4,
#hero ul.slides li span.slide_info h4 {
    display: block;
    text-align: left;
    text-shadow: #555 1px 1px 1px;
    font-weight: 300;
    clear: both
}

#hero ul.slides li span.slide_info .h4 span,
#hero ul.slides li span.slide_info h4 span {
    color: #43bedd;
    text-shadow: #222 1px 1px 1px
}

#hero ul.slides li span.icon_hd {
    width: 100px;
    height: 100px;
    background: url(../images/icon_hd.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 20
}

.content,
.content .section,
.item-thumb a,
.item-video {
    position: relative
}

#hero .hero-features {
    display: inline-block;
    width: 100%;
    text-align: center
}

#hero .hero-features .col {
    float: left;
    margin-right: 10px;
    width: 272px;
    margin-bottom: 10px
}

#hero .hero-features .col.col5 {
    margin-right: 0
}

#hero .hero-features .col a {
    display: inline-block;
    width: 100%;
    border-bottom: 3px solid #f1f1f1;
    color: #111;
    text-shadow: #f1f1f1 1px 1px 1px
}

#hero .hero-features .col a:hover {
    background: #FFF;
    border-bottom: 3px solid #eb008b
}

#hero .hero-features .col a .h4,
#hero .hero-features .col a h4 {
    display: inline-block;
    width: 100%;
    font-size: 21px;
    font-weight: 300;
    text-align: center;
    margin: 5px 0;
    color: #111;
    text-shadow: #f1f1f1 1px 1px 1px
}

#hero .hero-features .col a:hover .h4,
#hero .hero-features .col a:hover h4 {
    color: #eb008b;
    text-shadow: #FFF 1px 1px 1px
}

.spacer40 {
    float: left;
    width: 100%;
    height: 40px
}

.content {
    float: left;
    width: 100%;
    padding: 0
}

.content.bgdark {
    background: #111;
    color: #FFF
}

.content .section {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 30px
}

.content.bgdark .section {
    margin-bottom: 0
}

.content.login-page {
    display: inline-block;
    margin-top: 100px;
    text-align: center
}

.content.bglightgray {
    background: #f1f1f1;
    color: #000;
    padding: 10px 0;
    margin-bottom: 30px
}

.content.bglightgray .section {
    margin: 0
}

.title {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 15px
}

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

.title h2 {
    float: left;
    font-weight: 300;
    margin: 0;
    font-size: 25px
}

.title.text-center h2 {
    float: none;
    margin: 0 auto
}

.items {
    display: inline-block;
    width: 100%;
    clear: both
}

.item-video {
    float: left;
    width: 492px;
    margin-right: 15px;
    margin-bottom: 15px
}

.item-thumb,
.item-thumb a {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.item-video:nth-child(2n) {
    margin-right: 0
}

.item-thumb a span.icon_hd {
    width: 40px;
    height: 40px;
    background: url(../images/icon_hd.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 20
}

.item-episode,
.item-thumbs a {
    position: relative
}

.item-info {
    display: block;
    background: #f1f1f1;
    padding: 10px 15px;
    z-index: 9999
}

.item-info h3,
.item-info h4 {
    color: #222;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 6px;
    padding-bottom: 3px
}

.item-info h3 a,
.item-info h4 a {
    color: #222
}

.item-info h3 a:hover,
.item-info h4 a:hover {
    color: #eb008b
}

.item-info .fake-h5,
.item-info h5 {
    color: #00588a;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: hidden;
    line-height: 130%
}

.item-info .fake-h5 a,
.item-info h5 a {
    color: #00588a
}

.item-info .fake-h5 a:hover,
.item-info h5 a:hover {
    color: #eb008b
}

.item-info h3 a.favurl,
.item-info h4 a.favurl {
    float: right;
    padding: 5px 10px;
    background: #eb008b;
    color: #FFF;
    text-decoration: none;
    text-shadow: #82004d 1px 1px 1px;
    font-size: 16px
}

.item-info h3 a:hover.favurl,
.item-info h4 a:hover.favurl {
    color: #222;
    background: #FFF;
    text-shadow: #FFF 1px 1px 1px
}

.item-info h3 a.favurl span.favicon,
.item-info h4 a.favurl span.favicon {
    display: inline-block;
    margin-right: 5px;
    width: 11px;
    height: 11px
}

.item-info h3 a.favurl span.favicon.heart_grey,
.item-info h4 a.favurl span.favicon.heart_grey {
    background: url(../images/icon_plus.png) center center no-repeat
}

.item-info h3 a.favurl span.favicon.heart_pink,
.item-info h4 a.favurl span.favicon.heart_pink {
    background: url(../images/icon_cross.png) center center no-repeat
}

.item-info p.description {
    font-size: 16px;
    margin: 20px 0;
    line-height: 140%
}

.item-info ul.item-meta {
    display: inline-block;
    text-align: left;
    margin: 0;
    font-size: 16px;
    vertical-align: top
}

.item-info ul.item-meta li {
    float: left;
    text-align: left;
    margin: 0 50px 0 0;
    color: #000
}

.item-info ul.item-meta li:last-child {
    margin-right: 0
}

.item-info ul.item-meta li strong {
    font-weight: 300;
    color: #333
}

.item-info .rate {
    display: inline-block;
    margin-right: 50px;
    color: #000;
    font-size: 16px;
    vertical-align: top
}

.item-info .rate span.label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.item-info ul.modelrates {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.item-portrait img,
.item-thumbs,
.item-video img {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.item-info ul.modelrates li {
    float: left;
    margin: 0;
    padding-left: 2px;
    max-width: 24px
}

.item-portrait img,
.item-video img {
    max-width: 100%
}

.item-episode {
    float: left;
    width: 100%;
    margin: 0 0 25px
}

.item-thumbs .left {
    float: left;
    width: 665px
}

.item-thumbs .right {
    float: right;
    width: 330px
}

.item-thumbs .right a,
.item-thumbs a {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.item-thumbs .right a:first-child {
    margin-bottom: 4px
}

.item-thumbs .left a span.icon_hd {
    width: 60px;
    height: 60px;
    background: url(../images/icon_hd.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 20
}

.item-thumbs .left a:hover img,
.item-thumbs .right a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.item-portrait {
    float: left;
    position: relative;
    width: 238px;
    margin-right: 15px;
    margin-bottom: 15px
}

.item-portrait:nth-child(4n) {
    margin-right: 0
}

.item-portrait:hover a img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.item-portrait .item-info h3,
.item-portrait .item-info h4 {
    font-size: 18px
}

.item-portrait .item-info .fake-h5,
.item-portrait .item-info h5 {
    font-size: 15px
}

.items.three-per-row .item-portrait {
    width: 323px
}

.items.three-per-row .item-portrait:nth-child(4n) {
    margin-right: 15px
}

.items.three-per-row .item-portrait:nth-child(3n) {
    margin-right: 0
}

.item-episode.bgdark .item-images {
    display: block;
    padding: 10px;
    background: #111
}

.item-episode.bgdark .item-images ul {
    display: inline-block;
    width: 100%;
    margin: 0;
    text-align: center
}

.item-episode.bgdark .item-images ul li {
    display: inline-block;
    width: 33%;
    margin: 0 0 2px
}

.section.custompage p {
    font-size: 15px;
    line-height: 150%
}

a#download_url {
    font-weight: 700
}

.overSlide {
    float: left;
    width: 100%;
    height: 100%;
    background: center center #222;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    border: 0 solid #222;
    display: none;
    text-align: center
}

.modelCharacter li a,
.pagination li a,
ul.sorting li a {
    font-size: 16px;
    border-radius: 5px;
    font-weight: 300;
    text-transform: uppercase
}

.modelCharacter,
.overCol,
.pagination,
.pagination li,
.pagination li a,
ul.sorting li,
ul.sorting li a {
    display: inline-block
}

.overCol {
    width: 19%;
    height: 98%;
    border-bottom: 6px solid #444;
    margin: 0 2px
}

:hover.overCol {
    border-bottom: 6px solid #eb008b
}

ul.sorting {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none
}

ul.sorting li {
    margin: 0;
    padding: 0;
    color: #FFF
}

ul.sorting li a {
    background: #f1f1f1;
    padding: 5px 10px;
    color: #000;
    text-shadow: #FFF 1px 1px 1px
}

ul.sorting li a.active,
ul.sorting li a:hover {
    background-color: #eb008b;
    color: #FFF;
    text-shadow: #82004d 1px 1px 1px
}

.pagination {
    width: 100%;
    text-align: center;
    clear: both;
    padding: 10px 0;
    font-weight: 300
}

.pagination li {
    padding: 1px;
    font-size: 16px
}

.pagination li a {
    background: #f1f1f1;
    padding: 5px 10px;
    color: #000;
    text-shadow: #FFF 1px 1px 1px
}

.pagination li a.active,
.pagination li a:hover,
.pagination li.active a {
    background-color: #eb008b;
    color: #FFF;
    text-shadow: #82004d 1px 1px 1px
}

.pagination li.full a {
    width: auto
}

#footer,
#footer ul.links,
.modelCharacter {
    width: 100%;
    text-align: center
}

.modelCharacter {
    padding: 10px 0
}

.modelCharacter p {
    color: #222;
    font-size: 16px;
    display: inline;
    font-family: Roboto;
    line-height: 32px;
    padding-right: 4px
}

form#join h3,
form#join input.btn-submit,
form.webmasters h3,
form.webmasters input.btn-submit,
ul.join-reasons {
    font-family: Lato, Arial, Helvetica, sans-serif
}

.modelCharacter ul {
    display: inline
}

.modelCharacter ul li {
    padding: 1px;
    font-size: 16px;
    display: inline-block
}

.modelCharacter li a {
    display: inline-block;
    background: #f1f1f1;
    padding: 5px 10px;
    color: #000;
    text-shadow: #FFF 1px 1px 1px
}

.modelCharacter li a.active,
.modelCharacter li a:hover,
.modelCharacter li.active a {
    background-color: #eb008b;
    color: #FFF;
    text-shadow: #82004d 1px 1px 1px
}

#footer {
    float: left;
    padding: 30px 0
}

#footer a.footer-join {
    display: inline-block;
    padding: 10px 50px;
    margin-bottom: 10px;
    color: #FFF;
    background: #eb008b;
    font-size: 34px;
    font-weight: 300;
    text-shadow: #82004d 1px 1px 1px
}

#footer a:hover.footer-join {
    background: #00588a;
    color: #FFF;
    text-shadow: #FFF 1px 1px 1px
}

#footer ul.links {
    display: inline-block;
    margin: 10px 0 20px;
    font-size: 18px;
    color: #00588a
}

#footer ul.links li {
    display: inline-block;
    margin: 0 5px
}

#footer h2,
#footer h3 {
    width: 100%;
    margin: 0;
    display: inline-block
}

#footer ul.links li a {
    color: #00588a
}

#footer ul.links li a:hover {
    color: #eb008b
}

#footer h2 {
    font-size: 16px
}

#footer h3 {
    font-size: 13px;
    padding-bottom: 0
}

#footer h3.last {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCC
}

.profile-pic {
    float: left;
    position: relative;
    width: 270px
}

.profile-details {
    float: right;
    width: 715px
}

.profile-details h3 {
    font-weight: 300;
    font-size: 26px;
    padding-bottom: 5px
}

.profile-details h3.larger {
    font-size: 46px
}

.rating p {
    float: left;
    color: #000;
    font-size: 16px;
    line-height: 30px;
    padding-right: 10px
}

.rating p span {
    color: #eb008b
}

.rating ul {
    float: left;
    margin: 0
}

.rating ul li {
    float: left;
    padding-right: 3px;
    margin: 0
}

.profile-about {
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 22px;
    margin-bottom: 15px;
    font-size: 16px
}

.profile-about p {
    font-size: 16px;
    line-height: 140%;
    color: #000
}

.stats li {
    font-size: 15px;
    line-height: 24px;
    color: #000;
    margin: 0
}

.stats li strong {
    color: #eb008b
}

.video-options {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 0
}

.video-options .format_options {
    display: inline-block;
    margin: 0 25px
}

.video-options .format_options span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #222
}

.video-options .format_options select {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin: 0;
    padding: 5px 10px
}

.join {
    float: left;
    width: 100%;
    line-height: 100%
}

.join-left {
    float: left;
    width: 520px
}

.join-right {
    float: right;
    width: 470px
}

.join-col {
    float: left;
    width: 32%
}

ul.join-reasons {
    float: left;
    width: 100%;
    list-style: none;
    margin: 10px 0
}

ul.join-reasons li {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #000;
    margin: 0 0 15px
}

ul.join-reasons li .fa {
    color: #014d81
}

form#join,
form.webmasters {
    float: left;
    width: 100%;
    margin: 0
}

form#join h3,
form.webmasters h3 {
    float: left;
    width: 100%;
    margin: 0;
    background: #eb008b;
    color: #FFF;
    font-weight: 300;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
    text-shadow: #222 1px 1px 1px
}

ul.join-options {
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 20px
}

ul.join-options li {
    float: left;
    width: 500px;
    padding: 25px 10px 40px;
    margin-bottom: 1px;
    background: #f1f1f1;
    position: relative;
    cursor: pointer;
    text-shadow: #FFF 1px 1px 1px
}

ul.join-options li.active {
    background: #a7a7a7
}

ul.join-options li input[type=radio] {
    float: left;
    margin-right: 6px
}

ul.join-options li label {
    float: left;
    font-size: 30px;
    font-weight: 700;
    color: #eb008b;
    cursor: pointer
}

ul.join-options li span.price,
ul.join-options li span.price-small {
    float: right;
    font-weight: 700;
    right: 10px
}

ul.join-options li span.price {
    font-size: 30px;
    color: #000;
    position: absolute;
    top: 25px;
    cursor: pointer
}

ul.join-options li span.desc,
ul.join-options li span.price-small {
    font-size: 11px;
    color: #777;
    top: 45px;
    position: absolute;
    cursor: pointer
}

ul.join-options li span.desc {
    float: left;
    left: 30px
}

ul.join-options li.active span.desc,
ul.join-options li.active span.price-small,
ul.join-options li:hover span.desc,
ul.join-options li:hover span.price-small {
    color: #000
}

ul.join-options li.active label,
ul.join-options li.active span.desc,
ul.join-options li.active span.price,
ul.join-options li.active span.price-highlight,
ul.join-options li.active span.price-small {
    color: #FFF;
    text-shadow: #111 1px 1px 1px
}

.join-right .join_image {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 6px
}

ul.join-options li span.price-highlight {
    float: right;
    font-size: 14px;
    font-weight: 700;
    color: #43bedd;
    position: absolute;
    right: 10px;
    top: 62px;
    cursor: pointer;
    text-shadow: #FFF 1px 1px 1px
}

ul.join-options li.active span.price-highlight {
    text-shadow: #111 1px 1px 1px
}

ul.billing-options {
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 20px
}

ul.billing-options li {
    float: left;
    min-width: 160px;
    padding: 10px;
    margin-bottom: 1px;
    background: #f1f1f1;
    position: relative;
    cursor: pointer
}

ul.billing-options li img {
  height: 30px;
  width: auto;
  margin-left: 15px;
}

ul.billing-options li.active,
ul.billing-options li:hover {
    background: #a7a7a7;
    color: #FFF
}

ul.billing-options li input[type=radio] {
    float: left
}

ul.billing-options li label {
    float: left;
    cursor: pointer;
    margin-left: 10px
}

.join .graybox {
    float: left;
    width: 470px;
    background: #f1f1f1;
    padding: 25px;
    margin-bottom: 20px
}

.join p {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin: 10px 0
}

form#join input.inputTxt,
form.webmasters input.inputTxt {
    background: #FFF;
    border: 0;
    border-radius: 4px;
    width: 450px;
    padding: 10px;
    margin-bottom: 18px;
    color: #111
}

form#join label.credits,
form.webmasters label.credits {
    float: left;
    width: 100%;
    font-size: 11px
}

form#join input.btn-submit,
form.webmasters input.btn-submit {
    float: left;
    width: 100%;
    cursor: pointer;
    border: none;
    background: #eb008b;
    text-align: center;
    font-size: 50px;
    color: #FFF;
    text-shadow: #222 2px 2px 1px;
    padding: 30px 0;
    border-radius: 4px
}

form#join input.btn-submit {
    background: #eb008b !important;
}

@media screen and (max-width: 767px){
    form#join input.btn-submit {
        padding: 10px 0;
        font-size: 26px;
        text-shadow:none;
    }
}

.errorMsg,
.errorMsg h3 {
    font-family: Lato, sans-serif;
    font-weight: 300;
    color: #d74340
}

form#join input:hover.btn-submit,
form.webmasters input:hover.btn-submit {
    background: #61b516;
    text-decoration: none
}

.commentBox,
.submitBox {
    background-color: #252525
}

form#join input.btn-submit.smaller,
form.webmasters input.btn-submit.smaller {
    font-size: 20px;
    padding: 15px 0
}

.confirmMsg,
.confirmMsg h3,
.errorMsg,
.errorMsg h3 {
    font-size: 30px;
    text-transform: uppercase
}

form.webmasters input.btn-submit {
    text-transform: uppercase;
    margin: 15px 0 5px
}

.errorMsg {
    float: left;
    width: 100%;
    text-align: center;
    padding: 150px 0
}

.errorMsg h3 {
    display: inline-block;
    padding: 20px;
    border: 1px solid #d74340
}

.confirmMsg,
.confirmMsg h3 {
    font-family: Lato, sans-serif;
    font-weight: 300;
    color: #bae88d
}

.commentBox h4,
.commentBox p,
.commentDate {
    font-weight: 400;
    letter-spacing: -.04em;
    font-family: Lato, Arial, Helvetica, sans-serif
}

.confirmMsg {
    float: left;
    width: 100%;
    text-align: center;
    padding: 150px 0
}

.confirmMsg h3 {
    display: inline-block;
    padding: 20px;
    border: 1px solid #bae88d
}

.commentArea .errorMsg {
    clear: both;
    float: none;
    display: block;
    padding: 10px 0;
    width: 100%
}

.commentArea .errorMsg h3 {
    float: none;
    display: block;
    font-size: 16px;
    width: auto;
    color: #f75451;
    border-color: #f75451
}

.submitBox input.submit,
.submitBox textarea,
.textbox {
    border: none;
    font-family: Lato, Arial, Helvetica, sans-serif
}

.commentArea {
    padding-top: 20px
}

.commentBox {
    padding: 15px;
    margin-bottom: 15px
}

.commentBox h4,
.commentDate {
    padding-bottom: 3px
}

.commentBox h4 {
    font-size: 14px
}

.commentBox h4 a {
    color: #618dfe
}

.commentBox h4 a:hover {
    color: #eb008b
}

.commentBox p {
    color: #FFF;
    font-size: 16px;
    line-height: 20px
}

.commentDate,
.submitBox label {
    color: #a4a5a5;
    font-size: 14px
}

.submitComment {
    padding-top: 20px;
    margin-bottom: 20px
}

.submitBox {
    padding: 18px 35px
}

.submitBox label {
    float: left;
    letter-spacing: -.01em;
    font-family: Lato, Arial, Helvetica, sans-serif;
    line-height: 26px;
    padding-right: 13px;
    margin-bottom: 15px
}

.submitBox textarea,
.textbox {
    font-size: 14px;
    color: #909191
}

.textbox {
    float: left;
    width: 280px;
    height: 26px;
    padding: 0 5px;
    background-color: #fdfdfd
}

.submitBox textarea {
    width: 100%;
    clear: both;
    height: 40px;
    background-color: #fff;
    padding: 8px 10px;
    margin-bottom: 18px;
    resize: none
}

.submitBox input.submit {
    background: #eb008b;
    height: 38px;
    cursor: pointer;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    color: #FFF;
    width: 94px;
    text-shadow: #82004d 1px 1px 1px
}

#fakeplayer,
.videohere {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.submitBox input:hover.submit {
    background: #FFF;
    color: #eb008b;
    text-shadow: #FFF 1px 1px 1px
}

.videohere {
    margin: 0
}

.rating_box {
    display: inline
}

.rating_nonvoteable,
.rating_voteable {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: 100%;
    padding: 0
}

.rating_voteable {
    vertical-align: top;
    cursor: pointer
}

.rating_empty {
    background-image: url(../images/star_unrated.png)
}

.rating_voted {
    background-image: url(../images/star_full.png)
}

.rating_half {
    background-image: url(../images/star_half.png)
}

.rating_unrated {
    background-image: url(../images/star_blank.png)
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/glyphicons-halflings-regular.woff) format("woff"), url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

#player {
    float: left;
    width: 55%
}

.player-thumb {
    position: relative
}

.player-window-loading,
.player-window-play {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    cursor: pointer
}

.player-window-play {
    background: url(../images/icon-play.png) center center no-repeat;
    opacity: .6;
    z-index: 5;
    filter: alpha(opacity=60)
}

.player-window-play:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.player-window-loading {
    background: url(../images/loading.gif) center center no-repeat #000;
    display: block;
    z-index: 7
}

.player-bar {
    background: #181818;
    position: relative;
    top: -12px;
    z-index: 10;
    display: inline-block;
    width: 100%
}

.player-play {
    color: #ececec;
    font-size: 1.8em;
    padding: 0;
    cursor: pointer
}

.player-play:hover {
    color: #fff
}

.player-progress {
    clear: both;
    position: relative;
    color: red;
    padding: 0;
    margin: 0;
    min-height: 0!important;
    cursor: pointer
}

.player-progress .glyphicon {
    font-size: 1.5em;
    position: absolute;
    left: 0;
    top: 10px
}

.progress {
    background-color: #f5f5f5;
    height: 3px
}

.progress-bar {
    background-color: #eb008b;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    width: 0
}

.player-reg-window,
.player-reg-window2 {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.player-left-buttons,
.player-right-buttons {
    font: 300 20px/1.5 Helvetica, Arial, "Lucida Grande", sans-serif;
    padding-top: 5px;
    padding-bottom: 7px
}

.player-left-buttons {
    float: left;
    padding-left: 15px
}

.player-left-buttons>span,
.player-right-buttons>span {
    color: #747474;
    float: left;
    padding: 0 .5em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    vertical-align: middle
}

.player-left-buttons>span:hover,
.player-right-buttons>span:hover {
    color: #f2f2f2;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8)
}

.player-right-buttons {
    float: right;
    padding-right: 15px
}

.player-time {
    color: #fff;
    float: left;
    font-size: .75em;
    font-weight: 300;
    line-height: 1;
    padding: .3em 10px 0;
    text-align: left
}

.player-time span {
    font-weight: 400
}

.player-hd {
    color: #ececec;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    font-style: italic;
    padding: 6px 3px 3px 0;
    min-height: 38px!important;
    cursor: pointer
}

.player-hd:hover {
    color: #fff
}

.player-reg-window {
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 3;
    overflow: auto!important
}

.player-reg-window2 {
    z-index: 30
}

.player-reg-window2-container {
    height: auto;
    font-size: 15px;
    margin: 0 8%;
    text-align: center;
    color: #FFF;
    padding: 10px 0
}

.player-reg-thumb,
.player-thumb {
    height: 0;
    padding-bottom: 57%
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.overlay-image {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -140px;
    margin-left: -350px
}

.indPhotos,
.indPhotos .photos {
    display: inline-block;
    width: 100%;
    text-align: center
}

.indPhoto {
    display: inline-block;
    margin: 2px;
    width: 270px
}

.indPhoto img {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto
}

.blogposts {
    display: inline-block;
    width: 100%
}

.blogposts .item-info {
    margin-bottom: 20px
}

.blogposts .item-info p span.news_left {
    display: inline-block;
    width: 200px;
    vertical-align: top;
    margin: 5px 10px 10px 0
}

.blogposts .item-info p span.news_right {
    display: inline-block;
    width: 750px;
    vertical-align: top
}

.loginpage {
    display: block;
    padding: 15px;
    background: #f1f1f1;
    box-shadow: #CCC 5px 5px 0
}

.loginpage .login-logo {
    display: block;
    padding: 10px;
    background: #FFF;
    margin-bottom: 15px
}

.loginpage .form-area {
    display: block;
    padding: 10px;
    border: 1px solid #CCC;
    background: #FFF
}

.loginpage .form-area form {
    display: inline-block;
    width: 100%;
    margin: 0
}

.loginpage .form-area .form-row {
    display: inline-block;
    margin: 0 0 10px
}

.loginpage .form-area .form-row input[type=password],
.loginpage .form-area .form-row input[type=text] {
    display: inline-block;
    width: 238px;
    margin: 0
}

input.loginbtn {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: Lato, Arial, Helvetica, sans-serif;
    padding: 10px 0;
    margin-bottom: 10px;
    color: #FFF;
    background: #eb008b;
    font-size: 34px;
    font-weight: 300;
    text-shadow: #82004d 1px 1px 1px;
    border: 0;
    cursor: pointer
}

input:hover.loginbtn {
    background: #00588a;
    color: #FFF;
    text-shadow: #FFF 1px 1px 1px;
    border: 0
}

.loginpage .errorMsg,
.loginpage .errorMsg h3 {
    font-family: Lato, sans-serif;
    color: #d74340;
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
    font-weight: 300
}

.loginpage .errorMsg {
    float: none;
    width: 100%;
    text-align: center;
    padding: 10px 0
}

.loginpage .errorMsg h3 {
    padding: 10px;
    border: 1px solid #d74340
}

ul.latest_news {
    display: inline-block;
    width: 100%;
    margin: 0;
    text-center: center
}

ul.latest_news li {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px;
    text-center: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC
}

ul.latest_news li:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

ul.latest_news li h4 {
    font-size: 16px
}

ul.latest_news li h5 {
    font-size: 14px
}

.section-col {
    display: inline-block;
    width: 318px;
    vertical-align: top;
    text-align: left;
    margin-right: 20px
}

.section-col:last-child {
    margin-right: 0
}

.search_bar {
    display: none;
    float: left;
    padding: 10px;
    background: #f1f1f1;
    text-align: center
}

.search_bar #searchform,
.search_bar #searchform .searchBlock {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0
}

.search_bar #searchform .searchBlock {
    position: relative
}

.search_bar #searchform .searchBlock input#autosuggest {
    width: 970px;
    margin: 0;
    padding: 6px 4px 7px
}

.poll,
.poll p,
.pollArea {
    width: 100%
}

.search_bar #searchform .searchBlock input.searchIcon {
    position: absolute;
    right: 0;
    top: 0
}

.search_bar p {
    margin: 5px 0 0
}

a.search_mobile {
    display: none;
    position: absolute;
    top: 16px;
    right: 60px;
    background: #f1f1f1;
    padding: 13px;
    z-index: 99999;
    font-size: 18px;
    color: #333
}

.poll,
.poll p,
.poll.my_poll,
.pollArea,
input.submitVote {
    display: inline-block
}

.poll p,
.pollArea label,
input.submitVote {
    font-family: Lato;
    font-size: 16px
}

.poll.my_poll {
    float: none;
    vertical-align: top;
    margin-left: .5%;
    margin-right: .5%;
    padding-bottom: 1%
}

.poll h3 {
    padding-bottom: 10px;
    text-align: left
}

.poll p {
    color: #113a73;
    text-align: left
}

.pollArea {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    padding: 10px 0
}

.poll.my_poll .pollArea {
    margin-bottom: 10px
}

.pollArea label {
    color: #3f3f3f;
    line-height: 16px;
    padding-bottom: 8px;
    float: left;
    clear: left;
    text-align: left;
    font-weight: 300
}

.pollArea label input {
    float: left;
    margin-top: 2px;
    margin-right: 8px
}

input.submitVote {
    color: #eb008b;
    background: #FFF;
    cursor: pointer;
    padding: 8px 10px;
    width: auto;
    text-shadow: none;
    border: 0;
    margin-top: 10px
}

input:hover.submitVote {
    background: #eb008b;
    color: #FFF;
    text-shadow: none;
    border: 0
}

.poll_results {
    margin-bottom: 5px;
    color: red
}

.poll_results_bar {
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    border: 1px;
    height: 22px;
    text-align: center;
    background-color: #FFF;
    overflow: hidden
}

.poll_percent,
.poll_votes {
    text-align: left;
    font-size: 12px;
    display: inline;
    float: left
}

.poll_percent {
    margin-right: 6px;
    background-color: #c5e1ff;
    font-weight: 700;
    top: 0;
    left: 0;
    line-height: 22px;
    padding-left: 4px;
    padding-right: 4px;
    width: 0;
    min-width: 20px
}

.poll_votes {
    position: absolute;
    top: 3px;
    right: 3px
}

.poll_option {
    max-width: 20px;
    display: inline;
    float: left
}

.icon-sitelogo {
    display: inline-block;
    width: auto;
    max-width: 100px
}

.bonus-promo-area {
    display: block;
    background: #CCC;
    padding: 15px;
    text-align: center;
    margin: 15px 0;
    font-size: 17px
}

.filter_heading,
.row,
.table {
    text-align: left
}

.bonus-promo-area h5 {
    font-size: 35px
}

.bonus-promo-area h6 {
    font-size: 24px
}

.promo-highlight {
    display: inline-block;
    width: 100%;
    background: #fed9ef;
    color: #111;
    text-shadow: #FFF 1px 1px 1px;
    padding: 15px 0
}

.cell,
.cell_top {
    padding-bottom: 6px;
    padding-right: 6px
}

.promo-highlight a {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #941a62
}

#topbar .left a,
#topbar .right ul li a {
    font-size: 14px;
    text-shadow: #FFF 1px 1px 1px
}

.promo-highlight a span.strikeout {
    text-decoration: line-through
}

.promo-highlight span.close {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 300;
    cursor: pointer
}

.promo-highlight span:hover.close {
    color: red
}

.table {
    display: table
}

.row {
    display: table-row
}

.cell,
.cell_content,
.cell_top {
    display: table-cell;
    font-weight: 400;
    text-align: left
}

.cell {
    vertical-align: middle
}

.cell_top {
    vertical-align: top
}

.cell_content {
    vertical-align: middle
}

#topbar,
.resources .resource_button {
    display: inline-block;
    vertical-align: top
}

.advanced_search {
    margin-bottom: 15px
}

.filter_heading {
    font-weight: 700;
    line-height: 40px
}

#topbar,
.items .arrow,
.resources {
    text-align: center
}

.cell select {
    margin: 0
}

.resources {
    display: inline-block;
    width: 100%
}

.resources .resource_button {
    margin: 1%;
    padding: 10px;
    border: 1px solid #f1f1f1
}

#topbar {
    width: 100%;
    background: #f1f1f1;
    border-bottom: 1px solid #CCC
}

#topbar .left {
    float: left
}

#topbar .left a {
    float: left;
    margin: 0;
    padding: 10px 0;
    font-weight: 400;
    color: #333
}

#topbar .left a i.fa {
    color: #ffc015
}

#topbar .left a:hover {
    color: #eb008b
}

#topbar .right {
    float: right
}

#topbar .right ul {
    float: left;
    margin: 0;
    padding: 0;
    border-right: 1px solid #CCC;
    border-left: 1px solid #FFF
}

#topbar .right ul li {
    float: left;
    margin: 0;
    padding: 0;
    border-left: 1px solid #CCC
}

#topbar .right ul li a {
    float: left;
    margin: 0;
    padding: 10px;
    border-right: 1px solid #FFF;
    font-weight: 700;
    color: #333
}

#topbar .right ul li a:hover {
    background: #eb008b;
    color: #FFF;
    text-shadow: #82004d 1px 1px 1px
}

#topbar .right ul li a.twitter {
    padding: 10px 15px;
    background: #4099FF;
    color: #FFF;
    text-shadow: #222 1px 1px 1px
}

.item-review {
    display: block;
    padding: 15px 30px;
    border: 1px solid #f1f1f1;
    font-size: 20px;
    font-weight: 300;
    font-style: italic
}

.item-review p:before {
    color: #ccc;
    content: "\201C";
    font-size: 70px;
    position: absolute;
    left: 0;
    top: 30px;
    line-height: .1em
}

.items .arrow {
    opacity: .6;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #000;
    border-radius: 50%;
    color: #FFF;
    line-height: 26px;
    font-size: 25px;
    position: absolute;
    top: 50%;
    margin-top: 0;
    z-index: 99;
    cursor: pointer
}

.items:hover .arrow {
    opacity: .5
}

.items .arrow i.fa {
    cursor: pointer
}

.items .arrow.arrow_prev {
    left: -35px
}

.items .arrow.arrow_next {
    right: -35px
}

.items .arrow:hover {
    opacity: 1
}

.item-series {
    border-top: 10px solid #FFF
}

.item-series.active,
.item-series:hover {
    border-top: 10px solid #eb008b
}

.item-series-full {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d6d6
}

.item-series-full .left {
    float: left;
    width: 360px
}

.item-series-full .right {
    float: left;
    width: 400px;
    margin-left: 20px
}

.item-series-full .full {
    float: left;
    width: 100%;
    margin-top: 15px
}

a.btn-trailer {
    cursor: pointer;
    margin-top: 15px;
    float: left;
    padding: 10px 15px;
    color: #FFF;
    background: #eb008b;
    text-shadow: #82004d 1px 1px 1px;
    text-decoration: none;
    text-transform: uppercase
}

a:hover.btn-trailer {
    color: #000;
    background: #FFF;
    text-shadow: #FFF 1px 1px 1px;
    box-shadow: inset #222 0 0 1px
}

.join-options {
    position: relative;
}
.join-options--special:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #fff url(https://www.girlsrimming.com/tour/custom_assets/images/billers/gift-big.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 10;
	width: 100%;
}