html {
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

@media(min-width: 52em) {
    html {
        font-size:115%
    }
}

@media(min-width: 110em) {
    html {
        font-size:125%
    }
}

body {
    position: relative;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    background-image: url("../images/bg-site.jpg");
    background-repeat: repeat;
    background-position: top center;
    background-color: #f4f4f4;
    background-size: auto;
    font-family: "fira-sans",Helvetica,Arial,sans-serif;
    line-height: 1.5;
    color: #0a0a0a;
    font-size: 1rem
}

*,*:before,*:after {
    box-sizing: inherit
}

a,button,input,select,textarea,label,summary {
    touch-action: manipulation
}

a:active,a:hover {
    outline: 0
}

img {
    max-width: 100%;
    border-width: 0;
    vertical-align: middle
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

aside,main {
    display: block
}

.row,.alpha-sorter,.freecontent-box>.progress-bar,.join-form-wrapper p,.category-box,.category-box li>a,.up-wrapper .btn,.about-wrapper .image-strip {
    *zoom:1;display: block
}

.row:before,.alpha-sorter:before,.freecontent-box>.progress-bar:before,.join-form-wrapper p:before,.category-box:before,.category-box li>a:before,.up-wrapper .btn:before,.about-wrapper .image-strip:before,.row:after,.alpha-sorter:after,.freecontent-box>.progress-bar:after,.join-form-wrapper p:after,.category-box:after,.category-box li>a:after,.up-wrapper .btn:after,.about-wrapper .image-strip:after {
    display: table;
    content: ""
}

.row:after,.alpha-sorter:after,.freecontent-box>.progress-bar:after,.join-form-wrapper p:after,.category-box:after,.category-box li>a:after,.up-wrapper .btn:after,.about-wrapper .image-strip:after {
    clear: both
}

.content-wrapper {
    *zoom:1;max-width: 77.5em;
    margin-left: auto;
    margin-right: auto
}

.content-wrapper:before,.content-wrapper:after {
    display: table;
    content: ""
}

.content-wrapper:after {
    clear: both
}

.wrapper {
    position: relative;
    overflow: hidden
}

@media(min-width: 52em) {
    .wrapper {
        overflow:visible
    }
}

.member-profile {
    background: rgba(0,0,0,0)
}

.center {
    text-align: center
}

.msg {
    color: #0ac00e
}

.msg.bad {
    color: #911
}

.content-wrapper .categories-label {
    display: none
}

@media(min-width: 52em) {
    .content-wrapper .categories-label {
        display:inline-block;
        margin: 0 0 .25em .75em;
        color: #78868a;
        letter-spacing: 4px;
        text-transform: uppercase;
        font-size: .6875rem
    }

    .content-wrapper aside {
        float: left;
        width: 20%;
        padding-left: .5em
    }

    .content-wrapper main {
        float: left;
        width: 80%
    }
}

@media screen and (min-width: 70em) {
    .content-wrapper aside {
        width:15%
    }

    .content-wrapper main {
        width: 85%
    }
}

@media(min-width: 90em) {
    .content-wrapper aside {
        padding:0 .5em 0 0
    }
}

.bc {
    display: none
}

@media(min-width: 35em) and (min-height:28em) {
    .bc {
        display:block
    }
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {
    margin: 0;
    font-weight: 900
}

h1,.h1 {
    margin-bottom: .75;
    line-height: 1.2;
    font-size: 2rem
}

h2,.h2 {
    margin-bottom: .75;
    line-height: 1.2;
    font-size: 1.75rem
}

h3,.h3 {
    margin-bottom: 1;
    line-height: 1.3;
    font-size: 1.3125rem
}

h4,.h4 {
    margin-bottom: 1.5;
    line-height: 1.25;
    font-size: 1.125rem
}

h5,.h5 {
    margin-bottom: 1.5;
    line-height: 1.25;
    font-size: 1rem
}

p {
    margin-bottom: 1.5;
    font-weight: 100;
    line-height: 1.5;
    font-size: 1rem
}

b,strong {
    font-weight: 700
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

@font-face {
    font-family: "icons";
    src: url("../fonts/icons.eot");
    src: url("../fonts/icons.eot") format("embedded-opentype"),url("../fonts/icons.woff") format("woff"),url("../fonts/icons.ttf") format("truetype"),url("../fonts/icons.svg#icons") format("svg");
    font-weight: normal;
    font-style: normal
}

i {
    font-family: "icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-4k:before {
    content: "\e600"
}

.icon-mobile:before {
    content: "\e000"
}

.icon-laptop:before {
    content: "\e001"
}

.icon-search:before {
    content: "\f002"
}

.icon-email:before {
    content: "\f003"
}

.icon-heart:before {
    content: "\f004"
}

.icon-user:before {
    content: "\f007"
}

.icon-videos:before {
    content: "\f008"
}

.icon-checkmark:before {
    content: "\f00c"
}

.icon-close2:before {
    content: "\f00d"
}

.icon-time:before {
    content: "\f017"
}

.icon-lock:before {
    content: "\f023"
}

.icon-flag:before {
    content: "\f024"
}

.icon-tag:before {
    content: "\f02b"
}

.icon-photos:before {
    content: "\f030"
}

.icon-screencaps:before {
    content: "\f03e"
}

.icon-step-backward:before {
    content: "\f048"
}

.icon-play:before {
    content: "\f04b"
}

.icon-pause:before {
    content: "\f04c"
}

.icon-step-forward:before {
    content: "\f051"
}

.icon-close:before {
    content: "\f057"
}

.icon-plus:before {
    content: "\f067"
}

.icon-views:before {
    content: "\f06e"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-shuffle:before {
    content: "\f074"
}

.icon-comment:before {
    content: "\f075"
}

.icon-folder-open:before {
    content: "\f07c"
}

.icon-thumbs-up:before {
    content: "\f087"
}

.icon-thumbs-down:before {
    content: "\f088"
}

.icon-trophy:before {
    content: "\f091"
}

.icon-arrow-circle-up:before {
    content: "\f0aa"
}

.icon-arrow-circle-down:before {
    content: "\f0ab"
}

.icon-globe:before {
    content: "\f0ac"
}

.icon-menu:before {
    content: "\f0c9"
}

.icon-caret-down:before {
    content: "\f0d7"
}

.icon-caret-up:before {
    content: "\f0d8"
}

.icon-caret-left:before {
    content: "\f0d9"
}

.icon-caret-right:before {
    content: "\f0da"
}

.icon-download:before {
    content: "\f0ed"
}

.icon-chev-left:before {
    content: "\f100"
}

.icon-chev-right:before {
    content: "\f101"
}

.icon-arrow-left:before {
    content: "\f104"
}

.icon-arrow-right:before {
    content: "\f105"
}

.icon-arrow-up:before {
    content: "\f106"
}

.icon-arrow-down:before {
    content: "\f107"
}

.icon-unlock:before {
    content: "\f13e"
}

.icon-apple:before {
    content: "\f179"
}

.icon-windows:before {
    content: "\f17a"
}

.icon-android:before {
    content: "\f17b"
}

.icon-archive:before {
    content: "\f187"
}

.icon-arrow-circle-o-right:before {
    content: "\f18e"
}

.icon-arrow-circle-o-left:before {
    content: "\f190"
}

.icon-share:before {
    content: "\f1e0"
}

fieldset {
    border: 0
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.looper {
    position: relative;
    z-index: 1;
    line-height: 1;
    width: auto;
    height: auto
}

.looper:focus {
    outline: 0
}

.looper .looper-inner {
    overflow: hidden;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2
}

.looper .item {
    display: none;
    position: relative;
    z-index: 3
}

.looper .item.active,.looper .item.next,.looper .item.prev {
    display: block
}

.looper .item.active {
    top: 0;
    left: 0;
    z-index: 4
}

.looper .item>img {
    display: block;
    line-height: 1
}

.looper.xfade .looper-inner {
    height: 100%
}

.looper.xfade .item {
    -webkit-transition: .5s ease-in opacity;
    -moz-transition: .5s ease-in opacity;
    -o-transition: .5s ease-in opacity;
    transition: .5s ease-in opacity;
    position: absolute;
    width: 100%;
    opacity: 0
}

.looper.xfade .item.go {
    opacity: 1
}

.looper.xfade .item.active {
    opacity: 1
}

.looper.xfade .item.active.go {
    opacity: 0
}

.looper.slide.xfade .item {
    -webkit-transition: .5s ease-in-out left,.5s ease-in opacity;
    -moz-transition: .5s ease-in-out left,.5s ease-in opacity;
    -o-transition: .5s ease-in-out left,.5s ease-in opacity;
    transition: .5s ease-in-out left,.5s ease-in opacity
}

.looper.slide .item {
    -webkit-transition: .5s ease-in-out left;
    -moz-transition: .5s ease-in-out left;
    -o-transition: .5s ease-in-out left;
    transition: .5s ease-in-out left
}

.looper.slide .item.next,.looper.slide .item.prev {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.looper.slide .item.next {
    left: 100%
}

.looper.slide .item.prev {
    left: -100%
}

.looper.slide .item.active.prev,.looper.slide .item.active.next {
    position: relative;
    left: 0
}

.looper.slide .item.go {
    left: 0
}

.looper.slide .item.go.active {
    left: -100%
}

.looper.slide .item.go.active.prev {
    left: 100%
}

.looper.slide.right .item.next {
    left: -100%
}

.looper.slide.right .item.prev {
    left: 100%
}

.looper.slide.right .item.go {
    left: 0
}

.looper.slide.right .item.go.active {
    left: 100%
}

.looper.slide.right .item.go.active.prev {
    left: -100%
}

.looper-nav {
    background: transparent;
    text-align: center;
    list-style-type: none;
    margin: 0
}

.looper-nav>li {
    display: inline-block;
    font-size: 36px
}

.looper-nav>li a {
    color: #049cdb;
    text-decoration: none
}

.looper-nav>li a:hover {
    color: #036690
}

.looper-nav>li.active a,.looper-nav>li.active a:hover {
    color: #036690
}

header[role=banner] {
    padding: .25em 0;
    background: #0a0a0a
}

header[role=banner] .nav-wrap {
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

header[role=banner] .mobile-menu-trigger {
    padding: .25em .5em 0 .7em;
    color: #fff;
    text-decoration: none;
    font-size: 1.3125rem
}

header[role=banner] .logo {
    width: 7em;
    margin: .25em 0;
    text-align: left;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1;
    font-size: .75rem
}

header[role=banner] .logo img {
    width: 6em;
    height: 2.2em
}

header[role=banner] .search-trigger {
    margin: 0;
    color: #fff;
    text-decoration: none;
    font-size: .875rem
}

header[role=banner] nav[role=navigation] {
    display: none;
    width: 100%;
    padding: .25em 0;
    background: #1d1d1d;
    text-align: center;
    visibility: hidden;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3
}

header[role=banner] nav[role=navigation] a {
    display: inline-block;
    margin: 0 .4em;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    font-size: .875rem;
    -webkit-transition: .15s color ease-in;
    -moz-transition: .15s color ease-in;
    transition: .15s color ease-in
}

header[role=banner] nav[role=navigation] a:hover,header[role=banner] nav[role=navigation] a:focus {
    color: #aeb7ba
}

header[role=banner] nav[role=navigation] a:active,header[role=banner] nav[role=navigation] a.active {
    color: #939ea2
}

header[role=banner] .mobile-nav {
    position: absolute;
    top: -3.5em;
    left: 50%;
    display: block;
    width: 96%;
    max-width: 24em;
    margin: .25em 0;
    padding-top: 2em;
    background: #fff;
    border-radius: .2em;
    box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1);
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

header[role=banner] .mobile-nav.active {
    top: .25em;
    opacity: 1;
    visibility: visible
}

header[role=banner] .mobile-nav .close-mobile-nav-trigger,header[role=banner] .mobile-nav .signin {
    position: absolute;
    top: 0;
    left: 0;
    padding: .15em .25em .25em;
    color: #78868a;
    line-height: 1;
    text-decoration: none;
    font-size: 1.75rem
}

header[role=banner] .mobile-nav .signin {
    top: .35em;
    left: auto;
    right: .25em;
    display: block;
    color: #42b2e5;
    font-size: 1.125rem
}

header[role=banner] .mobile-nav .list {
    max-width: 20em;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

header[role=banner] .mobile-nav .level1 {
    margin-bottom: 1.25em
}

header[role=banner] .mobile-nav .level1 a,header[role=banner] .mobile-nav .brands a {
    text-align: left;
    text-decoration: none
}

header[role=banner] .mobile-nav .level1 a {
    width: 47.5%;
    padding: .25em 1em;
    color: #191c1d;
    font-weight: 700;
    font-size: 1.3125rem
}

header[role=banner] .mobile-nav .level1 a.active {
    color: #78868a
}

header[role=banner] .mobile-nav .brands {
    padding: .75em .5em 1em;
    background: #191c1d;
    border-radius: 0 0 .2em .2em
}

header[role=banner] .mobile-nav .brands .list {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

header[role=banner] .mobile-nav .brands .heading {
    display: block;
    margin-bottom: .25em;
    color: #78868a;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    font-size: .875rem
}

header[role=banner] .mobile-nav .brands a {
    padding: .25em .5em;
    color: #d8dcdd;
    font-weight: 600
}

header[role=banner] .mobile-nav .brands a.active {
    background: #2b3032;
    border-radius: .15em;
    color: #bcc3c5
}

header[role=banner] .mobile-nav .join {
    display: block;
    padding: .25em 0 .25em .5em;
    background: #eceeef;
    text-align: left;
    font-size: 1rem
}

header[role=banner] .mobile-nav .join span {
    display: block;
    max-width: 20em;
    margin: auto
}

header[role=banner] .mobile-nav .join a {
    display: inline-block;
    margin-left: .25em;
    color: #0ac00e;
    font-weight: 600;
    text-decoration: none;
    font-size: 1.3125rem
}

header[role=banner] .account {
    position: relative;
    text-align: right
}

header[role=banner] .account>a {
    display: inline-block
}

header[role=banner] .account a {
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

header[role=banner] .account a i::before {
    font-family: "icons";
    content: "\f107"
}

header[role=banner] .account li {
    display: block
}

header[role=banner] .account img {
    height: 1.25em;
    width: 1.25em;
    border-radius: 50%
}

header[role=banner] .account .account-opts {
    position: absolute;
    left: auto;
    right: 0;
    display: none;
    padding: .5em;
    margin-bottom: .5em;
    background: #0a0a0a;
    z-index: 1000
}

header[role=banner] .account .account-opts li {
    display: block;
    margin: .15em 0;
    text-align: right
}

header[role=banner] .account .account-opts a {
    color: #fff;
    font-weight: 600
}

header[role=banner] .account .account-opts a:hover,header[role=banner] .account .account-opts a:focus {
    color: #e6e6e6;
    text-decoration: underline
}

header[role=banner] .access-controls {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2 1 auto;
    -moz-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2
}

header[role=banner] .access-controls a {
    display: inline-block;
    margin: 0;
    padding: .25em .5em;
    border-radius: .15em;
    color: #d8dcdd;
    font-weight: 100;
    text-align: center;
    text-decoration: none;
    font-size: 1rem
}

header[role=banner] .access-controls .signin {
    margin-right: .25em
}

header[role=banner] .access-controls .mobile-search-trigger {
    line-height: 1;
    font-size: 1.125rem
}

header[role=banner] .access-controls .members {
    display: block;
    width: 100%;
    padding: .5em;
    font-weight: 100;
    line-height: 1;
    font-size: .875rem
}

header[role=banner] .access-controls .members span {
    display: inline-block;
    max-width: 6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

header[role=banner] .access-controls .members:hover i,header[role=banner] .access-controls .members:focus i {
    color: #ff9a23
}

header[role=banner] .access-controls .members:active i {
    color: #ef8100
}

header[role=banner] .access-controls .signup {
    margin-right: .5em;
    padding: .25em .75em;
    background: #0ac00e;
    color: #fff;
    font-weight: 700
}

header[role=banner] .access-controls .signup:hover,header[role=banner] .access-controls .signup:focus {
    background: #ef8100
}

header[role=banner] .access-controls .signup:active {
    background: #c96d00
}

@media screen and (min-width: 21em) {
    header[role=banner] .logo {
        font-size:.875rem
    }

    header[role=banner] nav[role=navigation] a {
        font-size: 1rem
    }

    header[role=banner] .mobile-nav .level1 a {
        width: 50%;
        font-size: 1.5rem
    }

    header[role=banner] .access-controls a,header[role=banner] .access-controls .members,header[role=banner] .account a {
        font-size: 1rem
    }
}

@media screen and (min-width: 23em) {
    header[role=banner] .logo {
        font-size:1rem
    }
}

@media screen and (min-width: 48em) {
    header[role=banner] {
        padding:0
    }

    header[role=banner] .mobile-menu-trigger,header[role=banner] .mobile-search-trigger,header[role=banner] .mobile-nav {
        display: none;
        visibility: hidden
    }

    header[role=banner] nav[role=navigation] {
        display: block;
        visibility: visible
    }
}

@media screen and (min-width: 56em) {
    header[role=banner] .logo {
        width:7em
    }

    header[role=banner] .logo img {
        width: 6em;
        height: 2.2em;
        padding: 0
    }

    header[role=banner] nav[role=navigation] {
        width: auto;
        margin: 0;
        padding: 0;
        background: transparent;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
        -ms-flex-order: 2
    }

    header[role=banner] nav[role=navigation] .more-nav-trigger {
        display: none
    }

    header[role=banner] nav[role=navigation] .more {
        display: inline !important
    }

    header[role=banner] nav[role=navigation] li {
        display: inline-block;
        margin: 0 .5em 0
    }

    header[role=banner] nav[role=navigation] a {
        font-size: .875rem
    }

    header[role=banner] .account {
        display: inline-block
    }

    header[role=banner] .account .account-opts {
        top: 2.5em
    }

    header[role=banner] .account img {
        height: 2em;
        width: 2em
    }

    header[role=banner] .access-controls {
        text-align: right;
        white-space: nowrap;
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        box-ordinal-group: 3;
        -webkit-order: 3;
        -moz-order: 3;
        order: 3;
        -ms-flex-order: 3;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center
    }

    header[role=banner] .access-controls .signup {
        font-size: .875rem
    }

    header[role=banner] .access-controls .members {
        margin: 0;
        border: 0;
        background: transparent;
        font-size: .875rem
    }

    header[role=banner] .access-controls .members span {
        max-width: 12em
    }

    header[role=banner] .access-controls a i {
        margin-right: .25em
    }
}

.search-wrap {
    height: 0;
    margin-top: -1px;
    background: #313638;
    border-bottom: 1px #313638 solid;
    color: #d8dcdd;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(.32,1.695,.355,1.135);
    -moz-transition: all .3s cubic-bezier(.32,1.695,.355,1.135);
    transition: all .3s cubic-bezier(.32,1.695,.355,1.135)
}

.search-wrap.active {
    height: 42px;
    margin-top: 0;
    opacity: 1;
    visibility: visible
}

.search-wrap .content-wrapper {
    position: relative
}

.search-wrap form {
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.search-wrap .search-select {
    position: relative
}

.search-wrap .search-select select {
    width: auto;
    margin-right: .5em;
    padding: .25em 1.5em .15em .5em;
    background: #fff;
    border: 0;
    color: #191c1d;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: .75rem
}

.search-wrap .search-select select:focus {
    outline: none
}

.search-wrap .search-select select::-ms-expand {
    display: none
}

.search-wrap .search-select option {
    background: #fff;
    color: #0a0a0a
}

.search-wrap .search-select::after {
    position: absolute;
    top: 50%;
    right: .5em;
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-top: -.5em;
    color: #78868a;
    font-family: "icons";
    line-height: 1;
    content: "\f107";
    cursor: pointer;
    pointer-events: none;
    font-size: .875rem
}

.search-wrap i {
    margin: 0 .5em 0 .75em;
    font-size: .875rem
}

.search-wrap input[type=text] {
    display: inline-block;
    width: 85%;
    padding: .5em 0;
    background: transparent;
    border: 0;
    color: #d8dcdd;
    outline: none;
    font-size: .875rem
}

.search-wrap input[type=text]::-webkit-input-placeholder {
    color: #78868a
}

.search-wrap input[type=text]::-moz-placeholder {
    color: #78868a
}

.search-wrap input[type=text]:-ms-input-placeholder {
    color: #78868a
}

.search-wrap .results {
    position: absolute;
    top: 1.85em;
    left: 0;
    display: block;
    width: 100%;
    padding: .5em .5em .25em;
    background: #313638;
    z-index: 500
}

.search-wrap .results a {
    display: block;
    margin-bottom: .25em;
    padding: .1em .3em;
    background: #545e61;
    border-radius: .2em;
    box-shadow: 1px 1px 1px #3c4446;
    color: #d8dcdd;
    text-decoration: none;
    font-size: .875rem
}

.search-wrap .results a strong {
    color: #fff
}

.search-wrap .results a:hover,.search-wrap .results a:focus {
    background: #606b6f
}

.search-wrap .results i {
    margin: 0 .25em
}

.search-wrap .results span {
    margin-right: .25em
}

@media(min-width: 52em) {
    .search-wrap input[type=text] {
        width:85%;
        font-size: .875rem
    }

    .search-wrap .results a {
        display: inline-block;
        margin-right: .5em
    }

    .search-wrap .results a:last-child {
        margin-right: 0
    }
}

.mdlWrap {
    visibility: hidden;
    z-index: 3000
}

.mdlActive {
    overflow: hidden
}

.mdlActive .mdlWrap {
    visibility: visible
}

.mdlActive .mdlOverlay {
    opacity: .9
}

.mdlActive .mdlMain.picview {
    display: block
}

.forms-container .modal-box,.mdlActive .mdlWrap .modal-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.mdlOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    opacity: 0;
    z-index: 3050;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.mdlOffset {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 3100;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.modal-box {
    position: relative;
    display: block;
    max-width: 20em;
    padding: .75em;
    background: #191c1d;
    border: .15em #3c4446 solid;
    border-radius: .3em;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 3150;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7)
}

.modal-box.light {
    padding: .25em;
    background: #fff;
    border-color: #0a0a0a
}

.modal-box .msg.bad {
    color: #DDFF0C
}

.modal-box .close {
    position: absolute;
    top: -.4em;
    right: -.4em;
    width: 21px;
    color: #fff;
    z-index: 1060
}

.modal-box .close i {
    display: inline-block;
    background: #0a0a0a;
    border-radius: 50%;
    font-size: 1.3125rem
}

.modal-box .return-link {
    display: block;
    margin-top: .25em;
    color: #78868a;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    font-size: .75rem
}

.modal-box .return-link:hover,.modal-box .return-link:focus {
    color: #3c4446
}

.modal-box .return-link:active {
    color: #191c1d
}

@media(min-width: 52em) {
    .modal-box.wide {
        max-width:40em
    }
}

.hero {
    display: block;
    min-height: 6em
}

.hero.block-wrapper {
    position: relative;
    padding: 0;
    margin: 0 auto;
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 0
}

.hero .hide-trigger {
    position: absolute;
    left: 1em;
    bottom: 0;
    display: block;
    padding: .25em .75em;
    background: #191c1d;
    border-radius: .25em .25em 0 0;
    border: 1px #78868a solid;
    border-bottom: 0;
    color: #d8dcdd;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    z-index: 200;
    font-size: .875rem
}

.hero .hide-trigger:hover,.hero .hide-trigger:focus {
    background: #78868a;
    color: #191c1d
}

.hero.hidden {
    min-height: 0
}

.hero.hidden .looper-wrapper {
    display: none
}

.hero.hidden .hide-trigger {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    border: 0;
    border-radius: 0;
    color: #191c1d;
    font-size: .75rem;
    background-color: #78868a;
    background-image: -webkit-linear-gradient(#78868a,#d8dcdd);
    background-image: linear-gradient(#78868a,#d8dcdd)
}

.hero .previous-btn,.hero .next-btn {
    position: absolute;
    display: inline-block;
    width: 3em;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999em;
    z-index: 100
}

.hero .previous-btn:hover,.hero .previous-btn:focus,.hero .next-btn:hover,.hero .next-btn:focus {
    background-color: rgba(0,0,0,.65)
}

.hero .previous-btn {
    left: 0;
    background-image: url("../images/btn-arrow-previous.svg")
}

.hero .next-btn {
    right: 0;
    background-image: url("../images/btn-arrow-next.svg")
}

.hero .hero-play-link {
    position: absolute;
    bottom: .25em;
    right: .25em;
    display: inline-block;
    padding: .25em .5em;
    background-color: rgba(0,0,0,0);
    background-blend-mode: normal;
    color: #fff;
    font-weight: 900;
    text-shadow: 1px 1px 1px #3c4446;
    text-align: center;
    pointer-events: none;
    z-index: 50;
    font-size: .75rem
}

.hero .looper-wrapper {
    display: block;
    background: #1a1a1a;
    overflow: hidden
}

.hero.non-index {
    min-height: 0;
    border-radius: 0
}

.hero.non-index .text {
    position: absolute;
    top: .75em;
    left: auto;
    right: 0;
    display: inline-block;
    width: 57.5%;
    color: #fff;
    font-weight: 600;
    letter-spacing: -.08em;
    line-height: 1;
    text-align: center;
    text-shadow: 0px 1px 0px #666,0px 2px 0px #555,0px 3px 0px #444,0px 4px 0px #333,0px 5px 0px #222,0px 6px 0px #111,0px 7px 0px #001135,0px 8px 7px #000;
    text-transform: uppercase
}

@media(min-width: 35em) and (min-height:28em) {
    .hero .hero-play-link {
        bottom:.5em;
        right: .5em;
        padding: .5em .75em;
        font-size: 1rem
    }

    .hero .hero-play-link i {
        font-size: 1rem
    }
}

@media(min-width: 52em) {
    .hero {
        min-height:14.5em
    }

    .hero .previous-btn,.hero .next-btn {
        width: 5em
    }

    .hero .hero-play-link {
        bottom: .75em;
        right: .75em;
        padding: .5em 1em;
        font-size: 1.125rem
    }

    .hero .hero-play-link i {
        font-size: 1.125rem
    }
}

@media(min-width: 90em) {
    .hero .hero-play-link {
        padding:.5em 1.5em;
        font-size: 1.5rem
    }

    .hero.non-index .text {
        left: auto
    }
}

@media screen and (min-width: 89em) {
    .hero {
        min-height:25em
    }

    .hero.block-wrapper {
        padding: .5em;
        border-width: 0 1px 1px 1px;
        border-color: #cacfd1;
        border-style: solid;
        border-radius: 0 0 .2em .2em;
        overflow: hidden
    }

    .hero.hidden.block-wrapper {
        overflow: visible
    }
}

.section-sub-header {
    display: block
}

.section-sub-header .section-wrap {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto .25em;
    padding: .5em;
    background: #fff;
    border-width: 0;
    border-width-bottom: 0;
    border-color: #6c797d;
    border-style: solid;
    border-radius: 0;
    box-shadow: 0 1px 1px #bcc3c5
}

.section-sub-header .section-image {
    position: relative;
    float: left;
    display: block;
    width: 4.75em;
    background: #0a0a0a;
    border-radius: .2em;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    line-height: 1;
    overflow: hidden;
    z-index: 10
}

.section-sub-header .section-image .thumb {
    position: relative;
    width: 100%;
    z-index: 100
}

.section-sub-header .section-info {
    position: relative;
    float: left;
    display: block;
    width: 68%;
    max-width: 60em;
    margin-left: .75em;
    z-index: 10
}

.section-sub-header .voting ul {
    width: 100%
}

.section-sub-header .voting li {
    width: 50%
}

.section-sub-header .voting li a {
    display: block
}

.section-sub-header .powered {
    position: absolute;
    bottom: -.5em;
    left: -.55em;
    width: 6.5em;
    z-index: 10
}

.section-sub-header .video-count,.section-sub-header .rank {
    display: inline-block;
    padding: .25em;
    margin-bottom: .15em;
    color: #606b6f;
    font-weight: 500;
    text-transform: normal;
    font-size: .875rem
}

.section-sub-header h1,.section-sub-header h2 {
    margin-bottom: 0;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 1.3125rem
}

.section-sub-header h2 {
    font-size: 1.125rem
}

.section-sub-header .rank {
    display: inline-block;
    margin: 0 0 .25em;
    background: #191c1d;
    color: #fff
}

.section-sub-header .rank i {
    margin-right: .25em;
    padding: .25em .4em;
    background: #3c4446;
    border-radius: 50%;
    color: #e1c52a;
    vertical-align: middle
}

.section-sub-header .views {
    display: block;
    margin-top: .5em;
    color: #78868a;
    font-weight: 100;
    font-size: .875rem
}

.section-sub-header .views i {
    display: inline-block;
    margin-right: .5em
}

.section-sub-header .trigger-text {
    display: block;
    max-width: 10em;
    margin-top: .5em;
    font-size: .875rem
}

.section-sub-header .text-wrapper {
    position: relative
}

.section-sub-header .text-wrapper p {
    line-height: 1.4;
    z-index: 10;
    font-size: .75rem
}

.section-sub-header .text-wrapper p:last-child {
    margin-bottom: 0
}

.section-sub-header .join-text {
    display: inline-block;
    margin-top: .5em
}

.section-sub-header .tabContent.comments {
    margin: .5em 0
}

.section-sub-header .tabContent.comments .comment {
    display: none
}

.section-sub-header .share {
    margin: .5em auto 0;
    padding: .75em;
    background: #e1e1e1;
    border-radius: .2em
}

.section-sub-header .favorite {
    margin-left: .25em;
    font-size: .6875rem
}

.section-sub-header .tabs li {
    display: inline;
    margin-right: .25em
}

.section-sub-header.no-bio .section-image {
    width: 4.9em;
    background: #0a0a0a
}

.section-sub-header.no-bio .section-image .thumb {
    float: left;
    max-width: 3.5em
}

.section-sub-header.no-bio .section-image .voting {
    float: left;
    width: auto
}

.section-sub-header.no-bio .section-info {
    width: 40%
}

@media(min-width: 52em) {
    .section-sub-header {
        padding:.25em 0
    }

    .section-sub-header .section-wrap {
        margin: .5em auto
    }

    .section-sub-header .section-image {
        width: 9em
    }

    .section-sub-header .section-info {
        width: 70%;
        margin-left: 1em
    }

    .section-sub-header .model .section-image,.section-sub-header .channel-page .section-image {
        width: 6em
    }

    .section-sub-header .model .section-info,.section-sub-header .channel-page .section-info {
        float: none;
        display: block;
        width: auto;
        max-width: none;
        margin-left: 7em
    }

    .section-sub-header .model h1,.section-sub-header .studio h1 {
        margin-right: .5em
    }

    .section-sub-header .powered {
        left: auto;
        right: -.6em;
        width: 9em
    }

    .section-sub-header .tabs {
        display: block
    }

    .section-sub-header .video-count {
        font-size: .875rem
    }

    .section-sub-header h1 {
        font-size: 1.625rem
    }

    .section-sub-header h2 {
        font-size: 1.3125rem
    }

    .section-sub-header .rank {
        float: right;
        font-size: 1.125rem
    }

    .section-sub-header .favorite {
        font-size: .875rem
    }
}

@media(min-width: 90em) {
    .section-sub-header {
        padding:.25em 0
    }

    .section-sub-header .section-wrap {
        margin: .5em auto;
        border-width: 0;
        border-radius: 0
    }
}

#userComments {
    text-align: left;
    font-size: 1em;
    margin: .5em;
    background: #e1e1e1;
    padding: .75em;
    border-radius: .2em
}

#userComments textarea {
    width: 100%;
    border: 3px solid #ccc;
    border-radius: .45em;
    padding: .45em;
    height: 3em;
    margin: 0 .5em 0 0;
    outline: none
}

#userComments a {
    display: inline-block;
    vertical-align: top
}

#userComments .showComments {
    text-decoration: none;
    color: #0066cc;
    font-size: .85em
}

#userComments .comment {
    border-bottom: 1px solid #d1d1d1;
    padding: .5em;
    overflow: hidden
}

#userComments .comment:last-child {
    border: none
}

#userComments .comment .comment {
    border-bottom: none;
    margin-left: 1em;
    clear: both
}

#userComments .comment img {
    float: left;
    border: 1px solid #333
}

#userComments .comment .body {
    float: left;
    width: 95%;
    padding-left: .75em
}

#userComments .comment .body .vote {
    display: inline-block
}

#userComments .comment .body .time {
    color: #666;
    font-weight: normal
}

#userComments .comment .body p {
    margin: 0
}

#userComments .comment .body a {
    text-decoration: none;
    color: #0066cc;
    font-size: .85em
}

#userComments .comment .body a.reply {
    color: #666
}

#userComments .comment .vote .votes {
    color: #999;
    font-size: .75em
}

#userComments .comment .body .vote a {
    display: inline-block;
    padding: 0 .25em;
    text-decoration: none;
    color: #666;
    font-size: 1em
}

#userComments .comment .body .vote a.active,#userComments .comment .body .vote a.active:hover {
    color: green
}

#userComments .comment .vote a:hover {
    color: #333
}

.download {
    display: block;
    width: 100%
}

.download h3 {
    font-size: 1em;
    color: #ccc;
    margin: .75em .35em 0;
    text-align: center
}

.download h3 i {
    margin-top: 2px;
    vertical-align: top;
    display: inline-block
}

.download .type {
    display: table;
    margin: .5em auto .5em
}

.download .type li {
    display: table-cell
}

.download .type li a {
    display: block;
    padding: .25em .75em;
    background: #3c4446;
    border-right: 1px #191c1d solid;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    font-size: .875rem
}

.download .type li a:hover,.download .type li a:focus {
    background: #313638
}

.download .type li a:active {
    background: #25292b
}

.download .type li:first-child a {
    border-radius: .2em 0 0 .2em
}

.download .type li:last-child a {
    border-radius: 0 .2em .2em 0;
    border: 0
}

.download .type li.active a {
    background: #ff9a23
}

.download .quality {
    display: table;
    width: 100%
}

.download .quality li {
    letter-spacing: normal;
    font-size: .75em;
    display: table-cell;
    padding: 0 1%
}

.download .quality li a {
    display: block;
    border: 1px solid #888;
    padding: 1px;
    text-decoration: none;
    border-radius: 3px
}

.download .quality li a span.desc {
    background: #444;
    padding: 4px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    display: block;
    border-radius: 2px 2px 0 0
}

.download .quality li a span.quality {
    color: #ff9a23;
    text-decoration: underline;
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 4px 4px 2px 4px
}

.download .quality li a span.size {
    font-size: .75em;
    color: #666;
    display: block;
    text-align: center;
    padding: 0 0 4px 0
}

.download .quality li a:hover {
    border: 1px solid #0066cc;
    background: #fff
}

.download .quality li a:hover span.desc {
    background: #0066cc
}

.scenes-list,.category-list,.top-category-list,.channels-list,.sites-list,.stars-list,.user-list,.dvd-list {
    padding: 0
}

@media(min-width: 52em) {
    .scenes-list,.category-list,.top-category-list,.channels-list,.sites-list,.stars-list,.user-list,.dvd-list {
        padding:.25em
    }
}

.category-list {
    margin-bottom: 1em
}

.scenes-list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.scenes-list .dvd-scene {
    margin-bottom: .25em
}

.scenes-list .dvd-scene:last-child {
    margin-bottom: 0
}

.dvd-more.small .title {
    min-height: 0;
    margin-right: 0
}

.dvd-more.small .dvd .series-container,.dvd-more.small .dvd .views,.dvd-more.small .dvd .rating,.dvd-more.small .dvd .time {
    display: none !important
}

@media screen and (min-width: 60em) {
    .dvd-more.small .dvd {
        width:50% !important
    }
}

.tour .scene .main-meta,.tour .tv-index .main-meta,.tour .camGirl .main-meta,.tour .tv .main-meta,.tour .dvd .main-meta,.tour .studio .main-meta,.tour .channel .main-meta,.tour .site .main-meta,.tour .category .main-meta,.tour .user-card .main-meta {
    position: relative
}

.tour .scene .extra-meta,.tour .tv-index .extra-meta,.tour .camGirl .extra-meta,.tour .tv .extra-meta,.tour .dvd .extra-meta,.tour .studio .extra-meta,.tour .channel .extra-meta,.tour .site .extra-meta,.tour .category .extra-meta,.tour .user-card .extra-meta {
    position: absolute;
    top: .2em;
    left: 0;
    width: 100%;
    pointer-events: none;
    text-align: right;
    z-index: 10
}

.tour .scene .title,.tour .tv-index .title,.tour .camGirl .title,.tour .tv .title,.tour .dvd .title,.tour .studio .title,.tour .channel .title,.tour .site .title,.tour .category .title,.tour .user-card .title {
    margin-right: 4em
}

.tour .dvd.series .title {
    margin: 0
}

.tour .scene .views,.tour .tv-index .views,.tour .camGirl .views,.tour .tv .views,.tour .dvd .views,.tour .studio .views,.tour .channel .views,.tour .site .views,.tour .category .views,.tour .user-card .views,.tour .scene .count,.tour .tv-index .count,.tour .camGirl .count,.tour .tv .count,.tour .dvd .count,.tour .studio .count,.tour .channel .count,.tour .site .count,.tour .category .count,.tour .user-card .count,.tour .scene .rating,.tour .tv-index .rating,.tour .camGirl .rating,.tour .tv .rating,.tour .dvd .rating,.tour .studio .rating,.tour .channel .rating,.tour .site .rating,.tour .category .rating,.tour .user-card .rating {
    display: none !important;
    visibility: hidden
}

.tour .category .count {
    display: block !important;
    padding: .25em 1em;
    margin-left: 0;
    background: transparent;
    visibility: visible
}

.scene,.tv-index,.camGirl,.tv,.dvd,.studio,.channel,.site,.category,.user-card {
    float: left;
    width: 50%;
    padding: .25em
}

.scene>.inner,.tv-index>.inner,.camGirl>.inner,.tv>.inner,.dvd>.inner,.studio>.inner,.channel>.inner,.site>.inner,.category>.inner,.user-card>.inner {
    background: #fff;
    border: 1px #cacfd1 solid;
    border-radius: .15em;
    box-shadow: 0 1px 0 #cacfd1;
    line-height: 1.25;
    overflow: hidden
}

.scene .thumb-wrapper,.tv-index .thumb-wrapper,.camGirl .thumb-wrapper,.tv .thumb-wrapper,.dvd .thumb-wrapper,.studio .thumb-wrapper,.channel .thumb-wrapper,.site .thumb-wrapper,.category .thumb-wrapper,.user-card .thumb-wrapper {
    position: relative;
    display: block;
    width: 100%;
    background: #0a0a0a;
    line-height: 0;
    text-align: center;
    overflow: hidden;
    /* background-color: #f0f0f0; */ /* 灰色背景作为占位符 */
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 200px; /* 固定高度 */
    position: relative;
}

.scene .thumb-wrapper .hover video,.tv-index .thumb-wrapper .hover video,.camGirl .thumb-wrapper .hover video,.tv .thumb-wrapper .hover video,.dvd .thumb-wrapper .hover video,.studio .thumb-wrapper .hover video,.channel .thumb-wrapper .hover video,.site .thumb-wrapper .hover video,.category .thumb-wrapper .hover video,.user-card .thumb-wrapper .hover video {
    opacity: 1;
    visibility: visible
}

.scene .thumb-wrapper img:not(.thumb-sml),.tv-index .thumb-wrapper img:not(.thumb-sml),.camGirl .thumb-wrapper img:not(.thumb-sml),.tv .thumb-wrapper img:not(.thumb-sml),.dvd .thumb-wrapper img:not(.thumb-sml),.studio .thumb-wrapper img:not(.thumb-sml),.channel .thumb-wrapper img:not(.thumb-sml),.site .thumb-wrapper img:not(.thumb-sml),.category .thumb-wrapper img:not(.thumb-sml),.user-card .thumb-wrapper img:not(.thumb-sml) {
    width: 100%;
    /* height: 75%; */
}

.scene .thumb-wrapper a,.tv-index .thumb-wrapper a,.camGirl .thumb-wrapper a,.tv .thumb-wrapper a,.dvd .thumb-wrapper a,.studio .thumb-wrapper a,.channel .thumb-wrapper a,.site .thumb-wrapper a,.category .thumb-wrapper a,.user-card .thumb-wrapper a {
    display: block
}

.scene .new,.tv-index .new,.camGirl .new,.tv .new,.dvd .new,.studio .new,.channel .new,.site .new,.category .new,.user-card .new,.scene .exclusive,.tv-index .exclusive,.camGirl .exclusive,.tv .exclusive,.dvd .exclusive,.studio .exclusive,.channel .exclusive,.site .exclusive,.category .exclusive,.user-card .exclusive,.scene .series-count,.tv-index .series-count,.camGirl .series-count,.tv .series-count,.dvd .series-count,.studio .series-count,.channel .series-count,.site .series-count,.category .series-count,.user-card .series-count,.scene .time,.tv-index .time,.camGirl .time,.tv .time,.dvd .time,.studio .time,.channel .time,.site .time,.category .time,.user-card .time {
    position: absolute;
    top: 0;
    left: .25em;
    display: inline-block;
    padding: .25em .5em;
    background: #0a0a0a;
    border-left: 1px #0a0a0a solid;
    border-right: 1px #0a0a0a solid;
    border-top: 1px #0a0a0a solid;
    border-radius: 0 0 .2em .2em;
    color: #fff;
    font-style: italic;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
    z-index: 5;
    font-size: .75rem
}

.scene .fourk,.tv-index .fourk,.camGirl .fourk,.tv .fourk,.dvd .fourk,.studio .fourk,.channel .fourk,.site .fourk,.category .fourk,.user-card .fourk,.scene .hd,.tv-index .hd,.camGirl .hd,.tv .hd,.dvd .hd,.studio .hd,.channel .hd,.site .hd,.category .hd,.user-card .hd,.scene .vr,.tv-index .vr,.camGirl .vr,.tv .vr,.dvd .vr,.studio .vr,.channel .vr,.site .vr,.category .vr,.user-card .vr {
    position: absolute;
    left: .25em;
    bottom: 0;
    display: block;
    width: 2.65em;
    height: 2.65em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    line-height: 1.25;
    text-indent: -9999em;
    z-index: 10
}

.scene .fourk,.tv-index .fourk,.camGirl .fourk,.tv .fourk,.dvd .fourk,.studio .fourk,.channel .fourk,.site .fourk,.category .fourk,.user-card .fourk {
    background-image: url("../images/img-4k.png")
}

.scene .hd,.tv-index .hd,.camGirl .hd,.tv .hd,.dvd .hd,.studio .hd,.channel .hd,.site .hd,.category .hd,.user-card .hd {
    background-image: url("../images/img-hd.png")
}

.scene .vr,.tv-index .vr,.camGirl .vr,.tv .vr,.dvd .vr,.studio .vr,.channel .vr,.site .vr,.category .vr,.user-card .vr {
    background-image: url("../images/img-vr.png")
}

.scene .time,.tv-index .time,.camGirl .time,.tv .time,.dvd .time,.studio .time,.channel .time,.site .time,.category .time,.user-card .time {
    left: auto;
    right: .25em;
    background: rgba(0,0,0,.3);
    border: 0;
    color: #e5e8e9;
    font-style: normal;
    font-size: .5625rem
}

.scene .new,.tv-index .new,.camGirl .new,.tv .new,.dvd .new,.studio .new,.channel .new,.site .new,.category .new,.user-card .new {
    left: auto;
    right: .25em;
    background: #ff9a23;
    border-top: 0;
    border-bottom: 1px #fff solid
}

.scene .exclusive,.tv-index .exclusive,.camGirl .exclusive,.tv .exclusive,.dvd .exclusive,.studio .exclusive,.channel .exclusive,.site .exclusive,.category .exclusive,.user-card .exclusive {
    top: auto;
    bottom: 0;
    left: auto;
    right: .25em;
    background: rgba(252,0,0,.65);
    border-color: #9f0f0f;
    border-radius: .2em .2em 0 0
}

.scene .series-count,.tv-index .series-count,.camGirl .series-count,.tv .series-count,.dvd .series-count,.studio .series-count,.channel .series-count,.site .series-count,.category .series-count,.user-card .series-count {
    top: auto;
    bottom: 0;
    left: auto;
    right: .25em;
    background: rgba(0,0,0,.85);
    border: 0;
    border-radius: .2em .2em 0 0;
    line-height: 1;
    font-size: 1rem
}

.scene .series-count .label,.tv-index .series-count .label,.camGirl .series-count .label,.tv .series-count .label,.dvd .series-count .label,.studio .series-count .label,.channel .series-count .label,.site .series-count .label,.category .series-count .label,.user-card .series-count .label {
    display: block;
    margin-top: .1em;
    font-weight: 300;
    font-size: .5625rem
}

.scene .thumb-preview-box,.tv-index .thumb-preview-box,.camGirl .thumb-preview-box,.tv .thumb-preview-box,.dvd .thumb-preview-box,.studio .thumb-preview-box,.channel .thumb-preview-box,.site .thumb-preview-box,.category .thumb-preview-box,.user-card .thumb-preview-box {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.75);
    z-index: 15;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.scene .thumb-preview-box .navbar,.tv-index .thumb-preview-box .navbar,.camGirl .thumb-preview-box .navbar,.tv .thumb-preview-box .navbar,.dvd .thumb-preview-box .navbar,.studio .thumb-preview-box .navbar,.channel .thumb-preview-box .navbar,.site .thumb-preview-box .navbar,.category .thumb-preview-box .navbar,.user-card .thumb-preview-box .navbar {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.scene .thumb-preview-box .thumb-list,.tv-index .thumb-preview-box .thumb-list,.camGirl .thumb-preview-box .thumb-list,.tv .thumb-preview-box .thumb-list,.dvd .thumb-preview-box .thumb-list,.studio .thumb-preview-box .thumb-list,.channel .thumb-preview-box .thumb-list,.site .thumb-preview-box .thumb-list,.category .thumb-preview-box .thumb-list,.user-card .thumb-preview-box .thumb-list {
    position: relative;
    display: block;
    width: 100%;
    min-height: 110px;
    margin-bottom: .5em;
    text-align: center
}

.scene .thumb-preview-box .thumb-list>div,.tv-index .thumb-preview-box .thumb-list>div,.camGirl .thumb-preview-box .thumb-list>div,.tv .thumb-preview-box .thumb-list>div,.dvd .thumb-preview-box .thumb-list>div,.studio .thumb-preview-box .thumb-list>div,.channel .thumb-preview-box .thumb-list>div,.site .thumb-preview-box .thumb-list>div,.category .thumb-preview-box .thumb-list>div,.user-card .thumb-preview-box .thumb-list>div {
    display: none;
    width: auto;
    padding: .75em;
    opacity: 0;
    visibility: hidden
}

.scene .thumb-preview-box .thumb-list>div img,.tv-index .thumb-preview-box .thumb-list>div img,.camGirl .thumb-preview-box .thumb-list>div img,.tv .thumb-preview-box .thumb-list>div img,.dvd .thumb-preview-box .thumb-list>div img,.studio .thumb-preview-box .thumb-list>div img,.channel .thumb-preview-box .thumb-list>div img,.site .thumb-preview-box .thumb-list>div img,.category .thumb-preview-box .thumb-list>div img,.user-card .thumb-preview-box .thumb-list>div img {
    box-shadow: 4px 4px 3px rgba(0,0,0,.35)
}

.scene .thumb-preview-box .thumb-list>div.active,.tv-index .thumb-preview-box .thumb-list>div.active,.camGirl .thumb-preview-box .thumb-list>div.active,.tv .thumb-preview-box .thumb-list>div.active,.dvd .thumb-preview-box .thumb-list>div.active,.studio .thumb-preview-box .thumb-list>div.active,.channel .thumb-preview-box .thumb-list>div.active,.site .thumb-preview-box .thumb-list>div.active,.category .thumb-preview-box .thumb-list>div.active,.user-card .thumb-preview-box .thumb-list>div.active {
    display: inline-block;
    opacity: 1;
    visibility: visible
}

.scene .thumb-preview-box .navbar,.tv-index .thumb-preview-box .navbar,.camGirl .thumb-preview-box .navbar,.tv .thumb-preview-box .navbar,.dvd .thumb-preview-box .navbar,.studio .thumb-preview-box .navbar,.channel .thumb-preview-box .navbar,.site .thumb-preview-box .navbar,.category .thumb-preview-box .navbar,.user-card .thumb-preview-box .navbar {
    width: 100%;
    padding: 0 .25em
}

.scene .thumb-preview-box .navbar>span,.tv-index .thumb-preview-box .navbar>span,.camGirl .thumb-preview-box .navbar>span,.tv .thumb-preview-box .navbar>span,.dvd .thumb-preview-box .navbar>span,.studio .thumb-preview-box .navbar>span,.channel .thumb-preview-box .navbar>span,.site .thumb-preview-box .navbar>span,.category .thumb-preview-box .navbar>span,.user-card .thumb-preview-box .navbar>span {
    display: block;
    height: .5em;
    width: 100%;
    margin: 1px;
    background: #0a0a0a;
    -webkit-transition: .1s background ease-out;
    -moz-transition: .1s background ease-out;
    transition: .1s background ease-out;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.scene .thumb-preview-box .navbar>span.active,.tv-index .thumb-preview-box .navbar>span.active,.camGirl .thumb-preview-box .navbar>span.active,.tv .thumb-preview-box .navbar>span.active,.dvd .thumb-preview-box .navbar>span.active,.studio .thumb-preview-box .navbar>span.active,.channel .thumb-preview-box .navbar>span.active,.site .thumb-preview-box .navbar>span.active,.category .thumb-preview-box .navbar>span.active,.user-card .thumb-preview-box .navbar>span.active {
    background: #0ac00e
}

.scene .play-button,.tv-index .play-button,.camGirl .play-button,.tv .play-button,.dvd .play-button,.studio .play-button,.channel .play-button,.site .play-button,.category .play-button,.user-card .play-button {
    position: absolute;
    display: inline-block;
    height: 100%;
    padding: 7.5%;
    opacity: 0;
    z-index: 10
}

.scene video,.tv-index video,.camGirl video,.tv video,.dvd video,.studio video,.channel video,.site video,.category video,.user-card video {
    position: absolute;
    display: block;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    z-index: 10
}

.scene .extra-thumbs,.tv-index .extra-thumbs,.camGirl .extra-thumbs,.tv .extra-thumbs,.dvd .extra-thumbs,.studio .extra-thumbs,.channel .extra-thumbs,.site .extra-thumbs,.category .extra-thumbs,.user-card .extra-thumbs {
    display: table;
    width: 100%;
    background: #191c1d;
    border-spacing: 1px
}

.scene .thumb-sml,.tv-index .thumb-sml,.camGirl .thumb-sml,.tv .thumb-sml,.dvd .thumb-sml,.studio .thumb-sml,.channel .thumb-sml,.site .thumb-sml,.category .thumb-sml,.user-card .thumb-sml {
    display: table-cell
}

.scene .main-meta,.tv-index .main-meta,.camGirl .main-meta,.tv .main-meta,.dvd .main-meta,.studio .main-meta,.channel .main-meta,.site .main-meta,.category .main-meta,.user-card .main-meta {
    padding: .5em;
}

.scene .title,.tv-index .title,.camGirl .title,.tv .title,.dvd .title,.studio .title,.channel .title,.site .title,.category .title,.user-card .title {
    display: block;
    max-width: 100%;
    min-height: 1.25em;
    color: #191c1d;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
    font-size: .6875rem
}

.scene .series-container,.tv-index .series-container,.camGirl .series-container,.tv .series-container,.dvd .series-container,.studio .series-container,.channel .series-container,.site .series-container,.category .series-container,.user-card .series-container {
    width: 100%;
    min-height: 1.4em;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.scene .votes,.tv-index .votes,.camGirl .votes,.tv .votes,.dvd .votes,.studio .votes,.channel .votes,.site .votes,.category .votes,.user-card .votes {
    white-space: nowrap;
    font-size: .625rem
}

.scene .series,.tv-index .series,.camGirl .series,.tv .series,.dvd .series,.studio .series,.channel .series,.site .series,.category .series,.user-card .series {
    display: inline-block;
    width: 100%;
    margin-right: auto;
    padding: .25em 0;
    color: #78868a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    font-size: .625rem
}

.scene .series a,.tv-index .series a,.camGirl .series a,.tv .series a,.dvd .series a,.studio .series a,.channel .series a,.site .series a,.category .series a,.user-card .series a {
    color: #42b2e5;
    font-weight: 600;
    text-decoration: none
}

.scene .series a:hover,.tv-index .series a:hover,.camGirl .series a:hover,.tv .series a:hover,.dvd .series a:hover,.studio .series a:hover,.channel .series a:hover,.site .series a:hover,.category .series a:hover,.user-card .series a:hover {
    text-decoration: underline
}

.scene .sitename,.tv-index .sitename,.camGirl .sitename,.tv .sitename,.dvd .sitename,.studio .sitename,.channel .sitename,.site .sitename,.category .sitename,.user-card .sitename {
    display: inline-block;
    padding: .25em .5em;
    margin-right: auto;
    background: #78868a;
    border-radius: .2em;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    font-size: .625rem
}

.scene .sitename:hover,.tv-index .sitename:hover,.camGirl .sitename:hover,.tv .sitename:hover,.dvd .sitename:hover,.studio .sitename:hover,.channel .sitename:hover,.site .sitename:hover,.category .sitename:hover,.user-card .sitename:hover,.scene .sitename:focus,.tv-index .sitename:focus,.camGirl .sitename:focus,.tv .sitename:focus,.dvd .sitename:focus,.studio .sitename:focus,.channel .sitename:focus,.site .sitename:focus,.category .sitename:focus,.user-card .sitename:focus {
    background: #606b6f
}

.scene .sitename:active,.tv-index .sitename:active,.camGirl .sitename:active,.tv .sitename:active,.dvd .sitename:active,.studio .sitename:active,.channel .sitename:active,.site .sitename:active,.category .sitename:active,.user-card .sitename:active {
    background: #545e61
}

.scene .extra-meta,.tv-index .extra-meta,.camGirl .extra-meta,.tv .extra-meta,.dvd .extra-meta,.studio .extra-meta,.channel .extra-meta,.site .extra-meta,.category .extra-meta,.user-card .extra-meta {
    display: block;
    width: 100%;
    margin-top: .15em
}

.scene .extra-meta .inner,.tv-index .extra-meta .inner,.camGirl .extra-meta .inner,.tv .extra-meta .inner,.dvd .extra-meta .inner,.studio .extra-meta .inner,.channel .extra-meta .inner,.site .extra-meta .inner,.category .extra-meta .inner,.user-card .extra-meta .inner {
    display: table;
    width: 100%
}

.scene .extra-meta span,.tv-index .extra-meta span,.camGirl .extra-meta span,.tv .extra-meta span,.dvd .extra-meta span,.studio .extra-meta span,.channel .extra-meta span,.site .extra-meta span,.category .extra-meta span,.user-card .extra-meta span {
    display: table-cell
}

.scene .views,.tv-index .views,.camGirl .views,.tv .views,.dvd .views,.studio .views,.channel .views,.site .views,.category .views,.user-card .views,.scene .count,.tv-index .count,.camGirl .count,.tv .count,.dvd .count,.studio .count,.channel .count,.site .count,.category .count,.user-card .count,.scene .rating,.tv-index .rating,.camGirl .rating,.tv .rating,.dvd .rating,.studio .rating,.channel .rating,.site .rating,.category .rating,.user-card .rating {
    width: 33.333333333%;
    font-size: .6875rem
}

.scene .views,.tv-index .views,.camGirl .views,.tv .views,.dvd .views,.studio .views,.channel .views,.site .views,.category .views,.user-card .views {
    display: none !important;
    text-align: center;
    white-space: nowrap
}

.scene .rating,.tv-index .rating,.camGirl .rating,.tv .rating,.dvd .rating,.studio .rating,.channel .rating,.site .rating,.category .rating,.user-card .rating {
    text-align: right
}

.scene .thumb-wrapper a:hover .play-button,.tv-index .thumb-wrapper a:hover .play-button,.camGirl .thumb-wrapper a:hover .play-button,.tv .thumb-wrapper a:hover .play-button,.dvd .thumb-wrapper a:hover .play-button,.studio .thumb-wrapper a:hover .play-button,.channel .thumb-wrapper a:hover .play-button,.site .thumb-wrapper a:hover .play-button,.category .thumb-wrapper a:hover .play-button,.user-card .thumb-wrapper a:hover .play-button,.scene .thumb-wrapper a:focus .play-button,.tv-index .thumb-wrapper a:focus .play-button,.camGirl .thumb-wrapper a:focus .play-button,.tv .thumb-wrapper a:focus .play-button,.dvd .thumb-wrapper a:focus .play-button,.studio .thumb-wrapper a:focus .play-button,.channel .thumb-wrapper a:focus .play-button,.site .thumb-wrapper a:focus .play-button,.category .thumb-wrapper a:focus .play-button,.user-card .thumb-wrapper a:focus .play-button,.scene .thumb-wrapper .cs:hover .play-button,.tv-index .thumb-wrapper .cs:hover .play-button,.camGirl .thumb-wrapper .cs:hover .play-button,.tv .thumb-wrapper .cs:hover .play-button,.dvd .thumb-wrapper .cs:hover .play-button,.studio .thumb-wrapper .cs:hover .play-button,.channel .thumb-wrapper .cs:hover .play-button,.site .thumb-wrapper .cs:hover .play-button,.category .thumb-wrapper .cs:hover .play-button,.user-card .thumb-wrapper .cs:hover .play-button,.scene .thumb-wrapper .cs:focus .play-button,.tv-index .thumb-wrapper .cs:focus .play-button,.camGirl .thumb-wrapper .cs:focus .play-button,.tv .thumb-wrapper .cs:focus .play-button,.dvd .thumb-wrapper .cs:focus .play-button,.studio .thumb-wrapper .cs:focus .play-button,.channel .thumb-wrapper .cs:focus .play-button,.site .thumb-wrapper .cs:focus .play-button,.category .thumb-wrapper .cs:focus .play-button,.user-card .thumb-wrapper .cs:focus .play-button {
    opacity: 1;
    background: rgba(0,0,0,.7)
}

@media screen and (min-width: 36em) {
    .scene,.tv-index,.camGirl,.tv,.dvd,.studio,.channel,.site,.category,.user-card {
        width:33.333333333%
    }
}

@media(min-width: 52em) {
    .scene,.tv-index,.camGirl,.tv,.dvd,.studio,.channel,.site,.category,.user-card {
        width:25%
    }

    .scene .title,.tv-index .title,.camGirl .title,.tv .title,.dvd .title,.studio .title,.channel .title,.site .title,.category .title,.user-card .title {
        min-height: 1.5em
    }

    .scene .series,.tv-index .series,.camGirl .series,.tv .series,.dvd .series,.studio .series,.channel .series,.site .series,.category .series,.user-card .series {
        margin: 0;
        min-height: 1.5em
    }

    .scene .new,.tv-index .new,.camGirl .new,.tv .new,.dvd .new,.studio .new,.channel .new,.site .new,.category .new,.user-card .new,.scene .exclusive,.tv-index .exclusive,.camGirl .exclusive,.tv .exclusive,.dvd .exclusive,.studio .exclusive,.channel .exclusive,.site .exclusive,.category .exclusive,.user-card .exclusive {
        font-size: .8125rem
    }

    .scene .time,.tv-index .time,.camGirl .time,.tv .time,.dvd .time,.studio .time,.channel .time,.site .time,.category .time,.user-card .time,.scene .count,.tv-index .count,.camGirl .count,.tv .count,.dvd .count,.studio .count,.channel .count,.site .count,.category .count,.user-card .count,.scene .rating,.tv-index .rating,.camGirl .rating,.tv .rating,.dvd .rating,.studio .rating,.channel .rating,.site .rating,.category .rating,.user-card .rating {
        font-size: .625rem
    }
}

@media screen and (min-width: 66em) {
    .scene .views,.tv-index .views,.camGirl .views,.tv .views,.dvd .views,.studio .views,.channel .views,.site .views,.category .views,.user-card .views {
        display:table-cell !important
    }
}

.photoset .title-wrapper {
    position: relative
}

.photoset .title {
    margin-right: 4em
}

.photoset .series-container {
    position: absolute;
    top: -.3em;
    right: .3em;
    width: auto
}

.photoset .photo-border {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border: .35em rgba(255,255,255,.45) solid;
    -webkit-transition: .15s border-color ease-in;
    -moz-transition: .15s border-color ease-in;
    transition: .15s border-color ease-in
}

.photoset .photo-border:hover {
    border-color: rgba(255,255,255,.85)
}

.photoset .hd {
    background-image: url("../images/img-photos.png")
}

.sidebar-list .scene,.sidebar-list .tv-index,.sidebar-list .camGirl,.sidebar-list .tv,.sidebar-list .dvd,.sidebar-list .studio,.sidebar-list .channel,.sidebar-list .site,.sidebar-list .category,.sidebar-list .user-card,.sidebar-list .site {
    text-align: left
}

.sidebar-list .scene .views,.sidebar-list .tv-index .views,.sidebar-list .camGirl .views,.sidebar-list .tv .views,.sidebar-list .dvd .views,.sidebar-list .studio .views,.sidebar-list .channel .views,.sidebar-list .site .views,.sidebar-list .category .views,.sidebar-list .user-card .views,.sidebar-list .scene .exclusive,.sidebar-list .tv-index .exclusive,.sidebar-list .camGirl .exclusive,.sidebar-list .tv .exclusive,.sidebar-list .dvd .exclusive,.sidebar-list .studio .exclusive,.sidebar-list .channel .exclusive,.sidebar-list .site .exclusive,.sidebar-list .category .exclusive,.sidebar-list .user-card .exclusive,.sidebar-list .scene .fourk,.sidebar-list .tv-index .fourk,.sidebar-list .camGirl .fourk,.sidebar-list .tv .fourk,.sidebar-list .dvd .fourk,.sidebar-list .studio .fourk,.sidebar-list .channel .fourk,.sidebar-list .site .fourk,.sidebar-list .category .fourk,.sidebar-list .user-card .fourk,.sidebar-list .scene .hd,.sidebar-list .tv-index .hd,.sidebar-list .camGirl .hd,.sidebar-list .tv .hd,.sidebar-list .dvd .hd,.sidebar-list .studio .hd,.sidebar-list .channel .hd,.sidebar-list .site .hd,.sidebar-list .category .hd,.sidebar-list .user-card .hd,.sidebar-list .scene .new,.sidebar-list .tv-index .new,.sidebar-list .camGirl .new,.sidebar-list .tv .new,.sidebar-list .dvd .new,.sidebar-list .studio .new,.sidebar-list .channel .new,.sidebar-list .site .new,.sidebar-list .category .new,.sidebar-list .user-card .new,.sidebar-list .site .views,.sidebar-list .site .exclusive,.sidebar-list .site .fourk,.sidebar-list .site .hd,.sidebar-list .site .new {
    display: none !important
}

.sidebar-list .scene .title,.sidebar-list .tv-index .title,.sidebar-list .camGirl .title,.sidebar-list .tv .title,.sidebar-list .dvd .title,.sidebar-list .studio .title,.sidebar-list .channel .title,.sidebar-list .site .title,.sidebar-list .category .title,.sidebar-list .user-card .title,.sidebar-list .site .title {
    min-height: 1.25em
}

.sidebar-list .scene .time,.sidebar-list .tv-index .time,.sidebar-list .camGirl .time,.sidebar-list .tv .time,.sidebar-list .dvd .time,.sidebar-list .studio .time,.sidebar-list .channel .time,.sidebar-list .site .time,.sidebar-list .category .time,.sidebar-list .user-card .time,.sidebar-list .scene .count,.sidebar-list .tv-index .count,.sidebar-list .camGirl .count,.sidebar-list .tv .count,.sidebar-list .dvd .count,.sidebar-list .studio .count,.sidebar-list .channel .count,.sidebar-list .site .count,.sidebar-list .category .count,.sidebar-list .user-card .count,.sidebar-list .scene .rating,.sidebar-list .tv-index .rating,.sidebar-list .camGirl .rating,.sidebar-list .tv .rating,.sidebar-list .dvd .rating,.sidebar-list .studio .rating,.sidebar-list .channel .rating,.sidebar-list .site .rating,.sidebar-list .category .rating,.sidebar-list .user-card .rating,.sidebar-list .site .time,.sidebar-list .site .count,.sidebar-list .site .rating {
    font-size: .6875rem
}

.sidebar-list .site .main-meta {
    padding: .25em .5em
}

@media(min-width: 52em) {
    .sidebar-list .scene,.sidebar-list .tv-index,.sidebar-list .camGirl,.sidebar-list .tv,.sidebar-list .dvd,.sidebar-list .studio,.sidebar-list .channel,.sidebar-list .site,.sidebar-list .category,.sidebar-list .user-card,.sidebar-list .site {
        width:50%
    }
}

@media screen and (min-width: 30em) {
    .tv-index,.camGirl {
        width:33.333333333%
    }
}

@media screen and (min-width: 55em) {
    .tv-index,.camGirl {
        width:16.666666667%
    }
}

.camGirl .title {
    width: 100%
}

@media screen and (min-width: 30em) {
    .tv {
        width:33.333333333%
    }
}

@media screen and (min-width: 46em) {
    .tv {
        width:25%
    }
}

@media screen and (min-width: 30em) {
    .dvd-index .dvd {
        width:33.333333333%
    }
}

@media screen and (min-width: 55em) {
    .dvd-index .dvd {
        width:16.666666667%
    }
}

.dvd {
    width: 33.333333333%
}

.dvd .title {
    margin-right: 0
}

.dvd .thumb {
    position: relative;
    display: inline-block;
    width: auto
}

.dvd .cover {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 5
}

@media screen and (min-width: 46em) {
    .dvd {
        width:25%
    }
}

@media screen and (min-width: 60em) {
    .dvd {
        width:20%
    }
}

@media screen and (min-width: 74em) {
    .dvd {
        width:16.666666667%
    }
}

.dvd.series .swipe-instruction {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.dvd.series .swipe-instruction>.icon-overlay {
    margin-top: -20%;
    padding: .5em;
    background-color: rgba(0,0,0,.7);
    border-radius: .3em;
    text-align: center
}

.dvd.series .swipe-instruction img {
    width: 50%
}

.dvd.series .swipe-instruction .label {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: .625rem
}

.dvd.series .boxcovers-preview {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row
}

.dvd.series .boxcovers-preview>div {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.studio .thumb {
    position: relative;
    display: inline-block;
    width: auto
}

.studio .title {
    margin-right: auto !important
}

@media screen and (min-width: 30em) {
    .studio {
        width:25%
    }
}

@media screen and (min-width: 46em) {
    .studio {
        width:25%
    }
}

@media screen and (min-width: 60em) {
    .studio {
        width:12.5%
    }
}

.channel .channel-logo,.site .channel-logo {
    position: absolute;
    bottom: 0;
    right: .15em;
    max-width: 4em;
    display: inline-block;
    padding: .25em;
    background: #0a0a0a;
    border-left: 1px #25292b solid;
    border-right: 1px #25292b solid;
    border-bottom: 1px #25292b solid;
    border-radius: .2em .2em 0 0;
    opacity: 1;
    z-index: 5;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    transition: .2s all ease
}

@media screen and (min-width: 30em) {
    .channel,.site {
        width:33.333333333%
    }

    .channel .channel-logo,.site .channel-logo {
        max-width: 5em
    }
}

@media screen and (min-width: 55em) {
    .channel,.site {
        width:20%
    }
}

.category {
    width: 50%
}

.category:hover>.inner,.category:focus>.inner {
    background: #d8dcdd
}

.category:hover .thumb,.category:hover .new,.category:hover .fourk,.category:hover .hd,.category:hover .channel-logo,.category:focus .thumb,.category:focus .new,.category:focus .fourk,.category:focus .hd,.category:focus .channel-logo {
    opacity: 1;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0)
}

.category .title {
    float: left;
    max-width: 55%
}

.category .extra-meta {
    top: 0;
    float: right;
    display: inline-block;
    width: auto;
    margin: 0
}

.category .extra-meta .inner {
    display: inline-block;
    width: auto
}

.category .extra-meta span {
    float: right;
    display: inline-block
}

.category .time,.category .views,.category .count,.category .rating {
    width: auto
}

@media screen and (min-width: 22em) {
    .category {
        width:33.333333333%
    }
}

@media screen and (min-width: 30em) {
    .category {
        width:25%
    }
}

@media screen and (min-width: 40em) {
    .category {
        width:20%
    }
}

@media screen and (min-width: 65em) {
    .category {
        width:14.285714286%
    }
}

.top-category-list .top-category {
    float: left;
    width: 50%;
    padding: .25em
}

.top-category-list .thumb-wrapper {
    position: relative;
    display: block;
    border-radius: .35em;
    overflow: hidden
}

.top-category-list .thumb {
    display: block;
    height: 100%;
    width: 100%;
    background-position: center;
    background-color: #191c1d;
    background-size: 125% 125%;
    background-repeat: no-repeat;
    border-radius: .35em;
    overflow: hidden;
    z-index: 10;
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.top-category-list .thumb,.top-category-list .cat-title-box {
    -webkit-transition: .1s all ease-in;
    -moz-transition: .1s all ease-in;
    transition: .1s all ease-in
}

.top-category-list a:hover .thumb {
    background-size: 100%;
    background-color: #fff;
    -webkit-filter: blur(0);
    filter: blur(0)
}

.top-category-list a:hover .cat-title-box {
    top: -200px
}

.top-category-list .cat-title-box {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    text-shadow: 1px 1px 1px #0a0a0a;
    text-transform: uppercase;
    overflow: hidden;
    pointer-events: none;
    z-index: 20;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

@media screen and (min-width: 34em) {
    .top-category-list .top-category {
        width:33.333333333%
    }
}

@media screen and (min-width: 60em) {
    .top-category-list .top-category {
        width:16.666666667%
    }
}

.star .title,.user .title {
    font-size: .8125rem
}

.star:hover>.inner,.star:focus>.inner,.user:hover>.inner,.user:focus>.inner {
    background-color: #0a0a0a;
    background-image: -webkit-linear-gradient(#0a0a0a,#fff);
    background-image: linear-gradient(#0a0a0a,#fff);
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    transition: .2s all ease
}

.star:hover .thumb,.star:hover .new,.star:hover .fourk,.star:hover .hd,.star:hover .channel-logo,.star:hover .exclusive,.star:focus .thumb,.star:focus .new,.star:focus .fourk,.star:focus .hd,.star:focus .channel-logo,.star:focus .exclusive,.user:hover .thumb,.user:hover .new,.user:hover .fourk,.user:hover .hd,.user:hover .channel-logo,.user:hover .exclusive,.user:focus .thumb,.user:focus .new,.user:focus .fourk,.user:focus .hd,.user:focus .channel-logo,.user:focus .exclusive {
    opacity: 1;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0)
}

.star .thumb-wrapper a,.user .thumb-wrapper a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width: 52em) {
    .star .title,.user .title {
        font-size:.9375rem
    }
}

.user-card {
    width: 33.333333333%
}

@media screen and (min-width: 35em) {
    .user-card {
        width:25%
    }
}

@media screen and (min-width: 45em) {
    .user-card {
        width:20%
    }
}

@media screen and (min-width: 65em) {
    .user-card {
        width:16.666666667%
    }
}

.pagination {
    display: block;
    margin: .5em 0;
    text-align: center
}

.pagination a {
    margin: 0 .25em;
    padding: .25em .5em;
    border-width: 1px;
    cursor: pointer;
    font-size: 1.3125rem
}

.pagination .active,.pagination .active i {
    background: #191c1d;
    color: #fff
}

.pagination a i {
    color: #78868a;
    font-size: .875rem
}

.pagination .next,.pagination .previous {
    background: #313638;
    color: #fff;
    font-weight: 700
}

.pagination .next:hover,.pagination .previous:hover {
    background: #0a0a0a;
    color: #fff
}

.pagination .next i:before,.pagination .previous i:before {
    display: inline-block;
    font-family: "icons";
    line-height: 1
}

.pagination .next i.arrow-right:before {
    content: "\2192"; /* 向右箭头 */
}

.pagination .previous i.arrow-left:before {
    content: "\2190"; /* 向左箭头 */
}

.pagination .join {
    background: #0ac00e;
    border-color: #0ac00e;
    color: #fff;
    font-weight: 700
}

.pagination .join:hover {
    background: #067709
}

.pagination .pages {
    /* display: none; */
}

@media(min-width: 52em) {
    .pagination {
        margin:1em 0
    }

    .pagination a {
        padding: .25em .75em
    }

    .pagination .pages {
        display: inline-block
    }
}

.voting {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    z-index: 100
}

.voting .row,.voting .alpha-sorter,.voting .freecontent-box>.progress-bar,.voting .join-form-wrapper p,.join-form-wrapper .voting p,.voting .category-box,.voting .category-box li>a,.category-box .voting li>a,.voting .up-wrapper .btn,.up-wrapper .voting .btn,.voting .about-wrapper .image-strip,.about-wrapper .voting .image-strip,.voting ul {
    display: inline-block;
    width: auto;
    margin-bottom: -4px
}

.voting li {
    float: left
}

.voting a {
    display: inline-block;
    padding: .5em .75em;
    color: #fff;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    font-size: .875rem
}

.voting .up {
    background: #0ac00e
}

.voting .down {
    background: #e51616
}

.voting .up:hover,.voting .up:focus {
    background: #067709
}

.voting .up:active,.voting .up.active {
    background: #044705
}

.voting .down:hover,.voting .down:focus {
    background: #9f0f0f
}

.voting .down:active,.voting .down.active {
    background: #710b0b
}

.vote-count {
    position: relative;
    padding: .25em 0;
    background: #191c1d;
    color: #fff;
    line-height: 1;
    font-size: .6875rem
}

.vote-bar-wrapper {
    display: block;
    width: 100%;
    height: .15em;
    padding-bottom: 1px;
    background: #3c4446;
    border-bottom: 1px #3c4446 solid
}

.vote-bar {
    display: block;
    height: .15em;
    background: #e27a00;
    border-bottom: 1px #3c4446 solid
}

.member-pitch-wrapper {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #191c1d;
    border-bottom: .15em #78868a solid;
    color: #fff
}

.member-pitch-wrapper .content-wrapper {
    margin: 0 auto;
    padding: .5em
}

.member-pitch-wrapper h3 {
    margin-bottom: .5em;
    font-weight: 600;
    font-size: 1.5rem
}

.member-pitch-wrapper ul {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.member-pitch-wrapper .title .member-pitch-close-trigger {
    float: right;
    color: #d8dcdd;
    text-decoration: none;
    font-size: 1.3125rem
}

.member-pitch-wrapper li {
    width: 100%;
    margin-bottom: .5em
}

.member-pitch-wrapper img,.member-pitch-wrapper .text {
    float: left
}

.member-pitch-wrapper img {
    max-width: 2em;
    margin-right: .5em
}

.member-pitch-wrapper .text {
    width: 80%
}

.member-pitch-wrapper h5 {
    margin: .25em 0;
    font-size: 1.25rem
}

.member-pitch-wrapper p {
    margin: 0;
    line-height: 1.3;
    font-size: .75rem
}

.member-pitch-wrapper .btn.primary {
    box-shadow: none
}

.member-pitch-wrapper .cta-wrapper {
    background: rgba(18,18,18,.9)
}

@media(max-height: 30em) {
    .member-pitch-wrapper p {
        display:none
    }
}

@media(min-width: 52em) {
    .member-pitch-wrapper .content-wrapper {
        padding:1em .5em;
        width: 84%
    }

    .member-pitch-wrapper h3 {
        font-size: 2.625rem
    }

    .member-pitch-wrapper ul {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row
    }

    .member-pitch-wrapper li {
        margin: 0 .5em .5em;
        text-align: center
    }

    .member-pitch-wrapper img,.member-pitch-wrapper .text {
        float: none
    }

    .member-pitch-wrapper img {
        width: 55%;
        max-width: none;
        margin: 0 auto .5em
    }

    .member-pitch-wrapper .text {
        width: auto
    }

    .member-pitch-wrapper h5 {
        margin: 0 0 .5em;
        font-size: 1.25rem
    }

    .member-pitch-wrapper p {
        line-height: 1.5;
        font-size: .875rem
    }
}

#rc-imageselect,.g-recaptcha {
    transform: scale(.95);
    -webkit-transform: scale(.95);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

@media(min-width: 52em) {
    #rc-imageselect,.g-recaptcha {
        transform:scale(1);
        -webkit-transform: scale(1)
    }
}

.favorite {
    display: inline-block;
    margin: .15em 0 0 .5em;
    padding: .5em .75em;
    background: #0066cc;
    border-radius: .2em;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    vertical-align: top;
    font-size: .875rem
}

.favorite:hover,.favorite:focus {
    background: #0055a9
}

.favorite:active,.favorite.active {
    background: #00cc66
}

.favorite.active .icon-heart:before {
    font-family: "icons";
    content: "\f00c"
}

.models-wrapper .model {
    display: inline-block;
    margin: .5em .5em 0 0;
    color: #78868a;
    text-decoration: none
}

.models-wrapper .model:hover span {
    text-decoration: underline
}

.models-wrapper .model img {
    width: 1.75em;
    height: 1.75em;
    border-radius: 50%
}

.models-wrapper .model span {
    margin-left: .5em;
    letter-spacing: -1px;
    font-size: .75rem
}

.share-box {
    display: inline-block;
    text-align: left
}

.join-points-box li {
    border-bottom: 1px rgba(0,0,0,.25) solid
}

.join-points-box i {
    margin-right: .25em
}

.join-points-box span {
    font-weight: 600
}

.restricted-notification {
    display: block;
    margin-bottom: .5em;
    padding: .25em .5em;
    background: #0a0a0a;
    border: 2px #e51616 solid;
    border-radius: .2em
}

.zn-label {
    display: block;
    margin: 0 -.5em .25em 0;
    font-weight: 100;
    letter-spacing: .5em;
    text-align: center;
    text-transform: uppercase;
    font-size: .75rem
}

.zn-player,.zn-foot {
    display: none !important
}

.zn-foot.block-wrapper {
    margin: .5em;
    padding: .5em;
    background: rgba(255,255,255,.5);
    border-radius: .15em;
    text-align: center
}

.zn-foot.block-wrapper .left,.zn-foot.block-wrapper .right {
    display: none
}

.zn-foot.block-wrapper .inner {
    display: table;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.zn-foot.block-wrapper .inner a {
    display: table-cell
}

.zn-foot.block-wrapper .sppc {
    margin: 0 auto
}

@media screen and (min-width: 40em) {
    .zn-foot.block-wrapper .left {
        display:block;
        max-width: 38em;
        margin: 0 auto
    }
}

@media screen and (min-width: 80em) {
    .zn-foot.block-wrapper .left,.zn-foot.block-wrapper .right {
        float:left;
        display: block;
        width: 50%;
        max-width: none
    }
}

@media(min-width: 90em) {
    .zn-foot.block-wrapper {
        margin:auto
    }
}

footer .inner {
    margin: .25em;
    padding: 1em;
    background: rgba(255,255,255,.5);
    border-radius: .5em;
    color: #3c4446;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

footer .heading-action {
    display: block;
    margin-bottom: .5em;
    padding-bottom: .25em;
    border-bottom: 1px #d8dcdd solid;
    color: #191c1d;
    font-weight: 800;
    cursor: pointer;
    font-size: 1.125rem
}

footer .heading-action i::before {
    font-family: "icons";
    content: "\f0d7";
    color: #78868a
}

footer .heading-action.active {
    margin-bottom: .75em
}

footer .heading-action.active i::before {
    content: "\f0d8"
}

footer .text-box {
    width: 100%
}

footer .text-box ul {
    list-style: disc;
    margin-left: 1em
}

footer .text-box li {
    margin-bottom: .5em;
    line-height: 1.25;
    color: #d8dcdd;
    font-size: .75rem
}

footer .text-box.-legal p,footer .text-box.-legal small,footer .text-box.-legal a {
    font-size: .6875rem
}

footer .text-box.-legal li {
    margin-bottom: 0
}

footer .text-box>.text {
    /* display: none; */
}

footer .text-box:not(:last-child)>.text {
    margin-bottom: 1.5em
}

footer p {
    font-size: .75rem
}

footer a {
    color: #313638;
    font-weight: 600;
    text-decoration: none;
    font-size: .875rem
}

footer a:hover {
    text-decoration: underline
}

footer .lang-label {
    display: inline-block;
    margin-right: .25em;
    color: #78868a;
    font-size: .75rem
}

footer .lang-select {
    position: relative;
    display: inline-block
}

footer .lang-select select {
    width: auto;
    padding: 0 1.5em;
    background: transparent;
    border: 0;
    color: #191c1d;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: .75rem
}

footer .lang-select select::-ms-expand {
    display: none
}

footer .lang-select option {
    background: #fff;
    color: #0a0a0a
}

footer .lang-select::before,footer .lang-select::after {
    top: 50%;
    position: absolute;
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-top: -.5em;
    color: #78868a;
    font-family: "icons";
    line-height: 1;
    cursor: pointer;
    pointer-events: none;
    font-size: .875rem
}

footer .lang-select::before {
    margin-right: .25em;
    content: "\f0ac"
}

footer .lang-select::after {
    right: 0;
    content: "\f107"
}

footer .join-box {
    width: 100%;
    margin-bottom: .5em;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1
}

footer .join-box img {
    width: 6em;
    margin: auto;
    padding: 0;
    background: rgba(0,0,0,0);
    border-radius: 0
}

footer .join-box span {
    float: right;
    display: inline-block;
    margin: .1em auto .25em;
    padding: .25em .75em;
    background-color: #191c1d;
    background-position: center;
    background-repeat: repeat-x;
    background-size: cover;
    color: #fff;
    text-transform: uppercase;
    font-size: .875rem
}

footer .join-box:hover span {
    color: #a1abae
}

footer small {
    display: block;
    margin: 0 auto;
    font-size: .6875rem
}

@media screen and (min-width: 38em) {
    footer .text-box>.text {
        display:block !important
    }

    footer .heading-action i {
        display: none
    }
}

@media screen and (min-width: 56em) {
    footer .inner {
        margin:.5em;
        padding: 1em 1.5em;
        text-align: left;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row
    }

    footer .text-box {
        margin: 0;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 0 14%;
        -moz-flex: 1 0 14%;
        -ms-flex: 1 0 14%;
        flex: 1 0 14%;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        order: 1;
        -ms-flex-order: 1
    }

    footer .text-box:not(:last-child):not(:first-child) {
        margin-left: 1.5em
    }

    footer .text-box.-legal {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 65%;
        -moz-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%
    }

    footer .text-box li {
        margin-bottom: .75em
    }

    footer .text-box:not(:last-child)>.text {
        margin-bottom: 0
    }

    footer .join-box {
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
        -ms-flex-order: 2
    }

    footer .join-box img {
        width: 12.5em
    }

    footer .join-box span {
        float: none;
        max-width: 8em;
        margin: 0 auto;
        font-size: .75rem
    }

    footer .text {
        width: 85%
    }

    footer .heading-action {
        pointer-events: none
    }

    footer .heading-action i::before {
        display: none
    }

    footer a {
        font-size: .75rem
    }
}

@media screen and (min-width: 89em) {
    footer .inner {
        margin:.5em auto
    }

    footer .join-box img {
        width: 16em
    }

    footer .join-box span {
        max-width: 10em
    }
}

.btn.primary,.btn.secondary,.pagination a,.alpha-sorter li a {
    display: inline-block;
    padding: .25em .5em;
    border-radius: .25em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    font-size: .75rem;
    -webkit-transition: background .1s ease-in,border .1s ease-in,color .1s ease-in;
    -moz-transition: background .1s ease-in,border .1s ease-in,color .1s ease-in;
    transition: background .1s ease-in,border .1s ease-in,color .1s ease-in
}

@media(min-width: 35em) and (min-height:28em) {
    .btn.primary,.btn.secondary,.pagination a,.alpha-sorter li a {
        padding:.4em .75em;
        font-size: 1rem
    }
}

.btn.primary {
    background: #fff;
    border: 1px #cacfd1 solid;
    box-shadow: .1em .15em 0 #859296;
    color: #191c1d;
    text-transform: normal
}

.btn.primary i {
    margin-left: .35em;
    color: #78868a;
    font-size: .875rem
}

.btn.primary i.icon-first {
    margin: 0
}

.btn.primary.active,.btn.primary:active {
    background: rgba(255,255,255,.72)
}

.btn.primary:hover,.btn.primary:focus,.btn.primary.default:hover,.btn.primary.default:focus {
    background: #191c1d;
    border-color: #191c1d;
    box-shadow: .1em .15em 0 #545e61;
    color: #fff
}

.btn.primary.default {
    background: #3c4446;
    border: 1px #313638 solid;
    box-shadow: .1em .15em 0 #859296;
    color: #aeb7ba
}

.btn.secondary,.pagination a,.alpha-sorter li a {
    background: #a1abae;
    border: .1em rgba(255,255,255,.15) solid;
    color: #fff
}

.btn.secondary:hover,.pagination a:hover,.alpha-sorter li a:hover,.btn.secondary:focus,.pagination a:focus,.alpha-sorter li a:focus {
    background: #25292b;
    color: #fff
}

.btn.secondary.active,.pagination a.active,.alpha-sorter li a.active,.btn.secondary:active,.pagination a:active,.alpha-sorter li a:active {
    background: #060707;
    border: .1em rgba(255,255,255,.25) solid
}

.content-sub-header {
    margin: .25em auto 0
}

.content-sub-header>.inner,.content-sub-header .content-wrapper>.inner {
    width: 100%;
    padding: .25em .5em 0;
    background: rgba(0,0,0,0);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.content-sub-header .sorting {
    margin-left: auto
}

.content-sub-header .heading {
    padding-right: .25em
}

.content-sub-header .heading .btn.secondary,.content-sub-header .heading .pagination a,.pagination .content-sub-header .heading a,.content-sub-header .heading .alpha-sorter li a,.alpha-sorter li .content-sub-header .heading a {
    margin: 0 0 .5em .5em;
    padding: .25em .5em;
    background: #42b2e5;
    border: 0;
    line-height: 1.5;
    vertical-align: middle;
    font-size: .6875rem
}

.content-sub-header .heading .btn.secondary:hover,.content-sub-header .heading .pagination a:hover,.pagination .content-sub-header .heading a:hover,.content-sub-header .heading .alpha-sorter li a:hover,.alpha-sorter li .content-sub-header .heading a:hover,.content-sub-header .heading .btn.secondary:focus,.content-sub-header .heading .pagination a:focus,.pagination .content-sub-header .heading a:focus,.content-sub-header .heading .alpha-sorter li a:focus,.alpha-sorter li .content-sub-header .heading a:focus {
    background: #1e9dd6
}

.content-sub-header .heading .btn.secondary:active,.content-sub-header .heading .pagination a:active,.pagination .content-sub-header .heading a:active,.content-sub-header .heading .alpha-sorter li a:active,.alpha-sorter li .content-sub-header .heading a:active {
    background: #1a8cc0
}

.content-sub-header .inner>.count {
    width: 100%;
    margin-right: .5em;
    padding: .5em;
    background: #fff;
    border: 1px #d8dcdd solid;
    border-radius: .35em;
    color: #3c4446;
    line-height: 1.15;
    text-align: center;
    font-size: .6875rem
}

.content-sub-header .inner>.count strong {
    display: block
}

.content-sub-header .inner>.count:last-child {
    margin-right: 0
}

.content-sub-header .sorting {
    text-align: right;
    vertical-align: middle;
    white-space: nowrap
}

.content-sub-header .sorting .btn.primary i:before,.content-sub-header .level-1-sorts .btn.primary i:before {
    display: inline-block;
    font-family: "icons";
    line-height: 1
}

.content-sub-header .sorting .btn.primary i.arrow-right:before {
    content: "ï„…"
}

.content-sub-header .level-1-sorts .btn.primary i.arrow-down:before {
    content: "\25BC";
}

.content-sub-header .level-1-sorts {
    position: relative;
    display: inline-block;
    margin-left: .5em
}

.content-sub-header .level-1-sorts ul {
    position: absolute;
    top: 1.75em;
    right: 0;
    width: auto;
    padding: .5em;
    background: #191c1d;
    border-radius: .2em;
    color: #fff;
    z-index: 100
}

.content-sub-header ul {
    display: block;
    width: 100%
}

.content-sub-header li {
    display: block;
    margin: .25em .1em;
    text-align: center
}

.content-sub-header li a {
    display: inline-block;
    padding: .25em .75em;
    background: #3c4446;
    border-radius: 10em;
    color: #fff;
    font-weight: 100;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    font-size: .8125rem
}

.content-sub-header li a:hover,.content-sub-header li a:focus {
    background: #2b3032
}

.content-sub-header li a:active,.content-sub-header li a.active {
    background: #1f2324
}

.content-sub-header .level-1-sorts .btn.primary {
    margin-bottom: .25em
}

.content-sub-header .level-1-sorts .btn.primary i.arrow-down:before {
    content: "\25BC";
}

.content-sub-header .level-1-sorts .btn.primary.join {
    background: #ff9a23;
    border-color: #ff9a23;
    box-shadow: .1em .15em 0 #bc6600;
    color: #fff;
    text-shadow: none
}

.content-sub-header .level-1-sorts .btn.primary.join:hover {
    background: #ef8100;
    border-color: #ef8100;
    text-shadow: none
}

.content-sub-header .level-1-sorts li {
    margin-bottom: .5em
}

.content-sub-header .level-1-sorts li a {
    display: block
}

.content-sub-header .filters {
    display: block;
    margin-bottom: .25em;
    padding-bottom: .25em;
    border-bottom: 1px #a1abae solid
}

.content-sub-header .filters li {
    display: inline-block;
    margin-right: .25em
}

.content-sub-header h1,.content-sub-header h2 {
    display: inline-block;
    padding: inherit;
    color: inherit;
    font-weight: 600;
    letter-spacing: -1px;
    text-shadow: none;
    text-transform: none;
    font-size: 1rem
}

@media screen and (min-width: 26em) {
    .content-sub-header .inner>.count strong {
        display:inline
    }

    .content-sub-header .level-1-sorts ul {
        top: 2.15em
    }

    .content-sub-header h1,.content-sub-header h2 {
        font-size: 1.3125rem
    }
}

@media(min-width: 52em) {
    .content-sub-header {
        margin:.5em auto 0
    }

    .content-sub-header .inner {
        padding: .25em .5em 0
    }

    .content-sub-header .inner>.count {
        font-size: 1rem
    }

    .content-sub-header h1,.content-sub-header h2 {
        font-size: 1.5rem
    }

    .content-sub-header h1.small,.content-sub-header h2.small {
        font-size: 1.3125rem
    }
}

@media screen and (min-width: 89em) {
    .content-sub-header .inner {
        padding:.25em .5em 0
    }
}

.alpha-sorter {
    display: block;
    margin-bottom: .5em;
    padding: 0;
    background: rgba(0,0,0,0)
}

.alpha-sorter ul {
    margin: 0 .5em;
    text-align: center
}

.alpha-sorter li {
    display: inline-block;
    margin: .05em .05em .25em
}

.alpha-sorter li a {
    padding: .25em .35em;
    font-size: .8125rem
}

@media(min-width: 52em) {
    .alpha-sorter li {
        margin:.15em
    }
}

.email-box {
    display: block;
    padding: .5em;
    background: #e1c52a;
    text-align: center
}

.email-box>.field,.email-box>.action {
    display: block;
    width: 100%
}

.email-box>.field {
    position: relative;
    margin-bottom: .25em
}

.email-box>.field .icon-email {
    position: absolute;
    top: .5em;
    left: .65em;
    color: #3c4446
}

.email-box>.field input {
    display: block;
    width: 100%;
    padding: .25em 0 .25em 2em;
    border-color: #a79118;
    color: #191c1d
}

.email-box>.action {
    background: #e51616;
    border-color: #e51616;
    font-weight: 600;
    font-size: 1.3125rem
}

.email-box>.action:hover,.email-box>.action:focus {
    background: #b61212
}

.email-box>.action:active {
    background: #9f0f0f
}

@media(min-width: 52em) {
    .email-box>.field,.email-box>.action {
        display:inline-block
    }

    .email-box>.field {
        width: 60%;
        margin: 0 .5em 0 0
    }

    .email-box>.action {
        width: 25%;
        font-size: 1.125rem
    }
}

.welcome-box {
    display: block;
    margin: .5em .5em 0;
    padding: .75em .75em;
    background: rgba(0,0,0,.85);
    border: .25em #bda41b outset;
    border-radius: .3em;
    color: #fff
}

.welcome-box a {
    color: #42b2e5
}

.welcome-box .icon-unlock {
    display: inline;
    margin-right: .5em
}

.welcome-box i {
    color: #e1c52a
}

.welcome-box h1 {
    display: inline;
    font-weight: 600;
    letter-spacing: -1px;
    font-size: 1.3125rem
}

.welcome-box p {
    margin: .25em 0 0;
    font-size: .875rem
}

.welcome-box .btn {
    margin-top: .75em;
    font-size: .75rem
}

@media(min-width: 90em) {
    .welcome-box {
        margin:.5em .5em 0
    }
}

.block-wrapper {
    display: block;
    margin: 0 .25em .5em;
    background: rgba(255,255,255,.5);
    border: 1px #cacfd1 solid;
    border-radius: .15em;
    box-shadow: 0 1px 0 #cacfd1
}

@media(min-width: 52em) {
    .block-wrapper {
        padding:.25em
    }

}

@media screen and (min-width: 89em) {
    .block-wrapper {
        margin:0 0 .5em;
        padding: .25em
    }
}

.block-index-pitch {
    margin: .5em;
    background-color: rgba(0,0,0,.85);
    border-radius: .5em
}

.block-index-pitch .left {
    display: block;
    margin-bottom: .5em;
    padding: .5em;
    color: #fff
}

.block-index-pitch .left h3 {
    margin-bottom: .15em;
    border-bottom: 1px #78868a solid;
    font-weight: 600;
    font-size: 1.4375rem
}

.block-index-pitch .left p {
    line-height: 1.35;
    font-size: .875rem
}

.block-index-pitch .left a {
    display: inline-block;
    margin-top: .5em;
    padding: .25em .75em;
    background: #e51616;
    border: 0;
    border-radius: .25em;
    color: #fff;
    font-weight: 900;
    line-height: inherit;
    text-decoration: none;
    text-transform: normal;
    font-size: 1.3125rem
}

.block-index-pitch .left a:hover,.block-index-pitch .left a:focus {
    background: #b61212;
    border: 0
}

.block-index-pitch .right {
    display: block
}

@media(min-width: 52em) {
    .block-index-pitch .row,.block-index-pitch .alpha-sorter,.block-index-pitch .freecontent-box>.progress-bar,.block-index-pitch .join-form-wrapper p,.join-form-wrapper .block-index-pitch p,.block-index-pitch .category-box,.block-index-pitch .category-box li>a,.category-box .block-index-pitch li>a,.block-index-pitch .up-wrapper .btn,.up-wrapper .block-index-pitch .btn,.block-index-pitch .about-wrapper .image-strip,.about-wrapper .block-index-pitch .image-strip {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .block-index-pitch .left,.block-index-pitch .right {
        display: block;
        margin: 0
    }

    .block-index-pitch .left {
        float: left;
        max-width: 600px;
        padding: 1em
    }

    .block-index-pitch .left h3 {
        font-size: 1.5rem
    }

    .block-index-pitch .left p {
        font-size: .75rem
    }

    .block-index-pitch .right {
        float: right;
        width: calc(100% - 300px)
    }
}

@media screen and (min-width: 67em) {
    .block-index-pitch .left h3 {
        font-size:2rem
    }

    .block-index-pitch .left p {
        font-size: .875rem
    }
}

@media screen and (min-width: 89em) {
    .block-index-pitch {
        margin:.5em auto
    }

    .block-index-pitch .left h3 {
        font-size: 2.625rem
    }

    .block-index-pitch .left ul {
        margin-bottom: .5em
    }

    .block-index-pitch .left li {
        font-weight: 100;
        font-size: 1rem
    }

    .block-index-pitch .left a {
        font-size: 1.75rem
    }

    .block-index-pitch .left p {
        font-size: .875rem
    }

    .block-index-pitch .right {
        width: calc(100% - 600px);
        padding-right: .5em
    }
}

@media(min-width: 110em) {
    .block-index-pitch .left {
        background-position:top left;
        background-repeat: repeat-x;
        background-size: cover;
        background-image: url("")
    }
}

.pitch {
    display: block;
    max-width: 24em;
    margin: 0 .25em;
    padding: .5em 1em;
    background: #3c4446;
    border: .1em #d8dcdd solid;
    border-radius: .5em;
    color: #fff;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 1.5rem;
    background-color: #0a0a0a;
    background-image: -webkit-linear-gradient(#0a0a0a,#3c4446,#0a0a0a);
    background-image: linear-gradient(#0a0a0a,#3c4446,#0a0a0a);
    -webkit-transition: .1s all ease-in;
    -moz-transition: .1s all ease-in;
    transition: .1s all ease-in
}

.pitch:hover {
    background: #fff;
    color: #191c1d;
    background-color: #fff;
    background-image: -webkit-linear-gradient(#fff,#fff,#fff);
    background-image: linear-gradient(#fff,#fff,#fff)
}

.pitch:hover .features {
    color: #191c1d
}

.pitch .channel-image img {
    display: inline-block;
    max-width: 2em;
    margin: 0 .2em;
    border-radius: .2em
}

.pitch .network {
    display: none
}

.pitch .bar {
    display: none;
    width: 10%;
    height: .15em;
    margin: .35em auto 0;
    background: repeating-linear-gradient(135deg,#3c4446,#3c4446 .25em,#3c4446 0,#3c4446 .5em);
    border-radius: 3em
}

.pitch .features {
    display: block;
    width: 100%;
    margin-top: .5em;
    color: #fff;
    font-weight: 100;
    line-height: 1.25;
    text-transform: capitalize;
    font-size: .75rem
}

@media screen and (min-width: 36em) {
    .pitch {
        margin:0 auto
    }
}

@media(min-width: 52em) {
    .pitch {
        padding:.5em .75em;
        line-height: 1.25;
        font-size: 2.625rem
    }

    .pitch .network {
        display: inline-block
    }

    .pitch .channel-image img {
        max-width: 2.5em
    }

    .pitch .features {
        margin-top: .25em;
        font-size: 1.125rem
    }
}

@media(min-width: 90em) {
    .pitch {
        margin:.25em auto
    }
}

.features-box {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.features-box>.feature {
    width: 100%;
    margin: .25em .5em;
    padding: .25em;
    background: #191c1d;
    border-radius: .25em;
    color: #fff
}

.features-box>.feature .icon {
    display: inline;
    margin: 0 .5em 0 0;
    color: #e1c52a;
    font-size: 1rem
}

.features-box>.feature .label {
    text-transform: normal
}

@media(min-width: 52em) {
    .features-box>.feature {
        width:22%;
        margin: .25em;
        padding: .5em;
        text-align: center
    }

    .features-box>.feature .icon {
        display: block;
        margin: 0 0 .25em;
        font-size: 2rem
    }

    .features-box>.feature .label {
        display: block;
        line-height: 1.25;
        font-size: .8125rem
    }
}

.modal-box .fearures-box {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.modal-box .fearures-box>.feature {
    border-radius: 0
}

@media(min-width: 52em) {
    .modal-box .fearures-box>.feature {
        width:48.5%
    }
}

.freecontent-box {
    display: inline-block;
    height: 90%;
    width: 90%;
    max-height: 20em;
    max-width: 30em;
    padding: .5em;
    background: #0a0a0a;
    border: .25em #e1c52a solid;
    color: #fff;
    z-index: 1000
}

.freecontent-box>.title {
    font-weight: 100;
    font-size: 2rem
}

.freecontent-box>.progress-bar {
    display: block;
    width: 80%;
    margin: 0 auto .75em;
    background: #3c4446
}

.freecontent-box>.progress-bar .trailers,.freecontent-box>.progress-bar .full-videos {
    float: left;
    display: block;
    padding: 1.25em 0;
    font-weight: 100
}

.freecontent-box>.progress-bar .trailers {
    background: #ef8100;
    color: #703c00
}

.freecontent-box>.progress-bar .full-videos {
    background: #0ac00e;
    color: #055f07
}

.freecontent-box>.subtitle {
    line-height: 1.25;
    font-size: 1.3125rem
}

.freecontent-box>.subtitle strong {
    text-decoration: underline
}

.freecontent-box>.subtitle .last {
    color: #e51616
}

.freecontent-box>.sell {
    color: #d8dcdd;
    margin: .25em 0 .5em;
    font-size: .75rem
}

.freecontent-box>.button {
    display: inline-block;
    padding: .25em .75em;
    background: #e51616;
    border-radius: .25em;
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.freecontent-box>.button:hover,.freecontent-box>.button:focus {
    background: #b61212
}

.freecontent-box>.button:active {
    background: #9f0f0f
}

.freecontent-box>.dismiss {
    display: block;
    margin: .5em auto 0;
    font-weight: 600;
    color: #859296;
    text-decoration: none;
    font-size: .875rem
}

@media(min-width: 35em) and (min-height:28em) {
    .freecontent-box {
        padding:1em;
        border-width: .4em
    }

    .freecontent-box>.title {
        font-size: 3.25rem
    }

    .freecontent-box>.subtitle {
        font-size: 2rem
    }

    .freecontent-box>.progress-bar .trailers,.freecontent-box>.progress-bar .full-videos {
        padding: 1.25em 0
    }

    .freecontent-box>.sell {
        font-size: 1rem
    }

    .freecontent-box>.button {
        padding: .5em 1em
    }
}

.overlay {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.8);
    z-index: 100
}

.login-box .status {
    display: block;
    margin: .75em 0;
    padding: .25em;
    background: #0ac00e
}

.login-box label {
    float: left;
    display: block;
    margin: 0 0 .25em 0;
    font-weight: 800
}

.login-box .remember {
    float: none;
    display: inline-block;
    margin-left: .25em;
    font-weight: 100;
    font-size: .875rem
}

.login-box .note {
    margin: 0;
    font-weight: 100;
    font-size: .75rem
}

.login-box h2 {
    margin-bottom: .25em;
    font-weight: 900;
    font-size: 1.5rem
}

.login-box input[type=text],.login-box input[type=password],.login-box input[type=email] {
    display: block;
    width: 100%;
    margin-bottom: .75em;
    padding: .25em;
    color: #3c4446
}

.login-box input[type=text].captcha {
    display: inline-block;
    width: auto;
    margin-right: .25em
}

.login-box input[type=submit] {
    margin-bottom: .75em
}

.login-box input[type=submit],.login-box .signup,.login-box .signin-return {
    display: block;
    width: 100%;
    margin-top: .25em;
    padding: .5em .75em;
    background: #42b2e5;
    border: 0;
    border-radius: .25em;
    color: #fff;
    font-weight: 900;
    text-align: center;
    -webkit-appearance: none
}

.login-box input[type=submit]:hover,.login-box input[type=submit]:focus {
    background: #1e9dd6
}

.login-box input[type=submit]:active {
    background: #1984b5
}

.login-box .signup,.login-box .signin-return {
    background: #606b6f;
    border: 0;
    font-weight: 100;
    text-decoration: none
}

.login-box .signup:hover,.login-box .signup:focus,.login-box .signin-return:hover,.login-box .signin-return:focus {
    background: #606b6f
}

.login-box .signup:active,.login-box .signin-return:active {
    background: #373d3f
}

.login-box .reg-note {
    display: block;
    margin: 1.25em auto 0;
    color: #d8dcdd;
    text-align: center;
    font-size: .875rem
}

.login-box .lost {
    float: right;
    display: block;
    color: #78868a;
    vertical-align: bottom;
    font-size: .75rem
}

.login-box label.error {
    float: none;
    display: block;
    padding: .25em .5em;
    background: #e51616;
    border-radius: .15em;
    font-weight: 100;
    font-size: .6875rem
}

.login-box input[type=submit].join {
    background: #e51616
}

.login-box input[type=submit].join:hover,.login-box input[type=submit].join:focus {
    background: #c21313
}

.login-box input[type=submit].join:active {
    background: #9f0f0f
}

.login-box .notification {
    margin: -.55em -.55em .4em;
    background: #f5b31f;
    border-radius: .2em .2em 0 0;
    color: #111;
    text-align: center
}

.login-box .notification p {
    margin: 0;
    padding: 5px 10px;
    font-size: .875rem
}

.login-box .notification p a {
    color: #000;
    font-weight: bold
}

@media(min-width: 52em) {
    .login-box h2 {
        margin-bottom:0;
        font-size: 1.75rem
    }
}

.bc {
    display: none;
    padding: 0 0 1px 1em;
    background: rgba(0,0,0,0);
    border-bottom: 1px solid #ddd;
    color: #777;
    font-weight: normal;
    font-size: .75em
}

.bc .right {
    float: right
}

.bc .right a {
    display: inline-block;
    padding: .75em 1em;
    border-left: 1px solid #ddd;
    color: #333;
    text-decoration: none
}

.bc .right a:hover {
    background: #0066cc;
    color: #fff
}

.bc a {
    display: inline-block;
    padding: .75em 0;
    color: #06c
}

.bc span {
    display: inline-block;
    padding: .75em;
    color: #999
}

@media(min-width: 52em) {
    .bc {
        display:block
    }
}

.media {
    border-bottom: 3px solid #3c4446;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.media a {
    display: block;
    margin-right: 1px;
    padding: .25em 1em;
    background: #78868a;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: .875rem
}

.media a i::before {
    font-family: "icons";
    content: "\f0d7"
}

.media a.active i::before {
    content: "\f0d8"
}

.media a:nth-child(2n) {
    margin-right: 0
}

.media>a {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 49%;
    -moz-flex: 1 1 49%;
    -ms-flex: 1 1 49%;
    flex: 1 1 49%
}

.media i {
    margin-left: .5em
}

.media .active {
    background: #191c1d;
    color: #fff
}

.media .subcats {
    display: none;
    background: #191c1d;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.media .subcats.active {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.media .subcats a {
    margin-top: 3px;
    background: transparent;
    color: #fff;
    line-height: 1.15
}

.media .subcats a:hover {
    background: #2b3032
}

.media .subcats .active {
    background: #3c4446
}

@media screen and (min-width: 18em) {
    .media {
        font-size:.875rem
    }
}

@media screen and (min-width: 58em) {
    .media {
        -webkit-box-orient:horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-lines: single;
        -moz-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .media .trigger-videos,.media .trigger-photos {
        display: none
    }

    .media .subcats {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .media .subcats.photos {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -o-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end
    }

    .media .subcats a {
        line-height: 1.5
    }
}

.unlock-box {
    display: block;
    padding: .5em;
    background: #0a0a0a
}

.unlock-box.-center {
    text-align: center
}

.unlock-box>.logo {
    display: block;
    width: 7em;
    height: 2.5em;
    margin: 0 auto .5em
}

.unlock-box>.title {
    display: block;
    padding: .25em .5em;
    border: .2em #e51616 solid;
    text-align: center
}

.unlock-box>.subtitle {
    display: block;
    margin: -.75em auto .25em;
    max-width: 16em;
    background: #0a0a0a;
    text-align: center;
    font-size: .875rem
}

.unlock-box>.instructions {
    display: block;
    width: 90%;
    margin: .5em auto;
    line-height: 1.3;
    text-align: center;
    font-size: .875rem
}

.unlock-box .price {
    display: block;
    margin: 0 .5em;
    font-size: 1.3125rem
}

.unlock-box .price strong {
    color: #e1c52a;
    text-transform: uppercase
}

.unlock-box .price.-old {
    color: #78868a
}

.unlock-box .price.-old span {
    text-decoration: line-through
}

.unlock-box .features-box {
    padding: .5em
}

.unlock-box>.action {
    display: inline-block;
    margin-top: .5em;
    padding: .25em 01em;
    background: #0ac00e;
    border-color: #0ac00e;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    font-size: 1.3125rem
}

.unlock-box>.action:hover,.unlock-box>.action:focus {
    background: #07900a
}

.unlock-box>.action:active {
    background: #067709
}

.vid-quality-pitch-box {
    display: none;
    max-width: 320px;
    margin: auto;
    text-align: center;
    text-decoration: none
}

.vid-quality-pitch-box:hover .content .quality {
    -webkit-transform: scale(1.15) rotate(-7deg);
    -moz-transform: scale(1.15) rotate(-7deg);
    -ms-transform: scale(1.15) rotate(-7deg);
    -o-transform: scale(1.15) rotate(-7deg);
    transform: scale(1.15) rotate(-7deg)
}

.vid-quality-pitch-box:hover .content .action i {
    display: block;
    margin: 0 auto;
    width: 100%;
    background: #e51616;
    color: #fff;
    -webkit-transform: scale(2.5) translateY(.075em);
    -moz-transform: scale(2.5) translateY(.075em);
    -ms-transform: scale(2.5) translateY(.075em);
    -o-transform: scale(2.5) translateY(.075em);
    transform: scale(2.5) translateY(.075em)
}

.vid-quality-pitch-box:hover .content .action .label {
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.vid-quality-pitch-box .header {
    display: block;
    padding: .25em 0;
    background: #2b3032;
    color: #fff;
    font-weight: 700;
    font-size: 1rem
}

.vid-quality-pitch-box .content {
    position: relative
}

.vid-quality-pitch-box .content .quality-box {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: .25em;
    background: rgba(0,0,0,.5);
    color: #fff;
    line-height: 1;
    font-size: 1rem
}

.vid-quality-pitch-box .content .quality,.vid-quality-pitch-box .content .distromethods {
    display: block
}

.vid-quality-pitch-box .content .quality {
    font-weight: 600;
    font-size: 3.5rem
}

.vid-quality-pitch-box .content .distromethods {
    text-transform: uppercase;
    font-size: .625rem
}

.vid-quality-pitch-box .content .quality,.vid-quality-pitch-box .content .action i,.vid-quality-pitch-box .content .action .label {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.vid-quality-pitch-box .content .action {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2em;
    padding: .25em 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    overflow: hidden;
    font-size: 1rem
}

.vid-quality-pitch-box .content .action i {
    display: inline-block;
    height: 1.15em;
    width: 1.15em;
    margin-right: .15em;
    padding: 0;
    background: #0ac00e;
    border-radius: .1em;
    color: #022f03;
    line-height: 1;
    font-size: 1rem;
    -webkit-transform: translateY(.075em);
    -moz-transform: translateY(.075em);
    -ms-transform: translateY(.075em);
    -o-transform: translateY(.075em);
    transform: translateY(.075em)
}

.vid-quality-pitch-box .content .action .label {
    opacity: 1;
    visibility: visible
}

@media(min-width: 52em) {
    .vid-quality-pitch-box {
        display:block
    }
}

#playlist {
    background: #191c1d;
    text-align: left
}

#playlist h3 {
    background: #232525;
    border: none;
    border-bottom: 1px solid #2d2d2d;
    padding: 4px 8px;
    color: #ccc;
    margin: 0 0 1px;
    font-size: .75rem;
    font-weight: normal;
    text-align: left;
    width: 100%
}

#playlist h2 {
    line-height: 0
}

#playlist h2 select {
    background: #232525;
    border: none;
    border-bottom: 1px solid #2d2d2d;
    padding: 4px 8px;
    color: #ccc;
    margin: 0 0 1px;
    cursor: pointer;
    font-size: .75rem;
    font-weight: normal;
    text-align: left;
    width: 100%;
    outline: none
}

#playlist h2 select:hover {
    background: #2d2d2d;
    color: #fff
}

#playlist .controls {
    text-align: left;
    border-bottom: 1px solid #2d2d2d;
    margin: 0 0 1px 0;
    background: #232525;
    letter-spacing: -4px
}

#playlist .controls a {
    display: inline-block;
    background: #2d2d2d;
    margin: 0 1px 1px 0;
    padding: 6px 18px;
    font-size: .75em;
    color: #ccc;
    text-decoration: none
}

#playlist .controls a i {
    display: inline-block
}

#playlist .controls a.active {
    background: #42b2e5;
    color: #111
}

#playlist .controls a:last-child {
    float: right
}

#playlist .controls a:hover {
    color: #fff
}

#playlist .items {
    overflow: auto;
    max-height: 460px
}

#playlist a.item {
    display: block;
    border-bottom: 1px solid #2d2d2d;
    margin: 0 0 1px 0;
    text-decoration: none;
    color: #666;
    overflow: hidden;
    font-size: .75em
}

#playlist a.item:hover {
    background: #2d2d2d
}

#playlist a.item.active {
    background: #009966;
    color: #fff
}

#playlist a.item.active .title {
    color: #fff
}

#playlist a.item:last-child {
    border-bottom: none
}

#playlist a.item img {
    float: left;
    max-width: 90px;
    margin: 0 8px 0 0
}

#playlist a.item .title {
    color: #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 6px 0 0 0
}

#playlist a.item .site {
    display: block;
    width: auto;
    padding: 0
}

.addPlaylist {
    display: block;
    width: auto;
    margin: .5em auto;
    padding: .5em;
    background-color: "";
    border: 1px #78868a solid;
    color: #d8dcdd;
    text-align: left;
    font-size: 1rem
}

.addPlaylist p {
    margin: .25em auto .5em;
    font-size: .75rem
}

.addPlaylist h3 {
    font-weight: normal;
    font-size: 1.15em
}

.addPlaylist ul {
    display: table;
    width: 100%;
    margin-bottom: .5em;
    border-spacing: 3px;
    border-collapse: separate
}

.addPlaylist ul li {
    display: table-row
}

.addPlaylist ul li a {
    display: table-cell;
    padding: .25em .75em;
    border-radius: .2em;
    color: #fff;
    font-size: .75em;
    text-decoration: none;
    vertical-align: middle
}

.addPlaylist ul li a:not(.play-link) {
    background: #636363
}

.addPlaylist ul li a i.icon-checkmark {
    display: none
}

.addPlaylist ul li a:hover {
    background: #ff9a23
}

.addPlaylist ul li a.play-link,.addPlaylist ul li.active a.play-link {
    width: 3em;
    margin-left: .25em;
    background: #0ac00e;
    text-align: center
}

.addPlaylist ul li a.play-link:hover {
    background: #07900a
}

.addPlaylist ul li.active a {
    background: #009966
}

.addPlaylist ul li.active a i.icon-checkmark {
    display: inline-block
}

.addPlaylist input {
    margin: 0 .2em 0 0;
    padding: .4em;
    color: #333
}

.addPlaylist .msg {
    display: block;
    margin-top: .25em;
    font-size: .8125rem
}

.meta-text {
    padding: .5em 1.25em;
    color: #0a0a0a;
    font-size: .75rem
}

.meta-text p {
    margin: 0;
    font-size: .75rem
}

.modal-box .join-form-wrapper {
    padding: 0;
    background: transparent;
    border: 0;
    text-align: center
}

.modal-box .join-form-wrapper form {
    max-width: none
}

@media(min-width: 52em) {
    .modal-box .join-form-wrapper {
        width:100%;
        margin: auto
    }
}

.join-form-wrapper {
    position: relative;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    margin: auto;
    padding: .5em 0;
    background: rgba(0,0,0,.8);
    border: .25em #3c4446 solid;
    color: #fff;
    text-align: center;
    z-index: 10
}

.join-form-wrapper h2 {
    padding: 0;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1
}

.join-form-wrapper .action-label {
    width: 100%;
    margin: .25em auto;
    padding: .25em;
    background: #3c4446;
    color: #fff;
    font-size: .75rem;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2
}

.join-form-wrapper .age-restriction-box {
    margin: .25em auto;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
    -webkit-order: 3;
    -moz-order: 3;
    order: 3;
    -ms-flex-order: 3
}

.join-form-wrapper .subheader {
    margin: .25em auto 0;
    font-size: .75rem;
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    box-ordinal-group: 8;
    -webkit-order: 8;
    -moz-order: 8;
    order: 8;
    -ms-flex-order: 8
}

.join-form-wrapper .subheader.-mobile {
    display: block
}

.join-form-wrapper .subheader.-desktop {
    display: none
}

.join-form-wrapper .icon-lock {
    margin-right: .5em;
    color: #0ac00e
}

.join-form-wrapper fieldset {
    padding: 0 .625em 0;
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;
    -webkit-order: 5;
    -moz-order: 5;
    order: 5;
    -ms-flex-order: 5
}

.join-form-wrapper form {
    position: relative;
    display: block;
    margin: auto;
    max-width: 36em;
    padding: .5em 0;
    background: #f2f2f2;
    border-radius: .25em;
    color: #0a0a0a;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.join-form-wrapper .label {
    display: block;
    padding: .25em;
    font-weight: 700;
    text-align: left;
    font-size: .8125rem
}

.join-form-wrapper .price {
    margin-left: .25em
}

.join-form-wrapper .input {
    padding: .25em
}

.join-form-wrapper .input>.email,.join-form-wrapper .input>.password,.join-form-wrapper .input>.username {
    width: 100%;
    padding: .25em;
    font-size: .75rem
}

.join-form-wrapper .memoptions {
    padding: .5em;
    background: #191c1d;
    color: #fff;
    text-align: left
}

.join-form-wrapper .input input[type=radio] {
    margin-right: .25em
}

.join-form-wrapper .option {
    display: block;
    margin: .25em 0;
    padding: .25em;
    background: #313638;
    border-radius: .15em;
    font-weight: 600;
    font-size: .875rem
}

.join-form-wrapper .option:first-of-type {
    background: #e1c52a;
    text-shadow: 1px 1px 0 #917e14
}

.join-form-wrapper sup {
    font-size: .625rem
}

.join-form-wrapper input {
    border: 1px #78868a solid
}

.join-form-wrapper .save {
    display: inline-block;
    margin-left: .5em;
    padding: .25em .5em;
    background: #191c1d;
    border-radius: .15em;
    color: #fff;
    font-weight: 700;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: top;
    font-size: .6875rem
}

.join-form-wrapper .action {
    max-width: 16em;
    margin: 0 auto .25em;
    padding: .5em 1em;
    background: #0ac00e;
    border: 0;
    border-radius: .2em;
    color: #fff;
    font-weight: 900;
    line-height: 1;
    font-size: 1.3125rem;
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    box-ordinal-group: 6;
    -webkit-order: 6;
    -moz-order: 6;
    order: 6;
    -ms-flex-order: 6
}

.join-form-wrapper .action:hover {
    background: #067709
}

.join-form-wrapper .guarantee {
    position: absolute;
    left: 1em;
    bottom: 4.25em;
    display: none;
    max-width: 5em
}

@media(min-width: 52em) {
    .join-form-wrapper {
        padding:1em
    }

    .join-form-wrapper fieldset {
        padding: .35em .625em .75em
    }

    .join-form-wrapper h2 {
        font-size: 1.625rem
    }

    .join-form-wrapper .age {
        max-width: 15em
    }

    .join-form-wrapper .action-label {
        font-size: 1rem
    }

    .join-form-wrapper .subheader {
        margin: .25em auto;
        font-size: 1rem;
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        box-ordinal-group: 4;
        -webkit-order: 4;
        -moz-order: 4;
        order: 4;
        -ms-flex-order: 4
    }

    .join-form-wrapper .subheader.-mobile {
        display: none
    }

    .join-form-wrapper .subheader.-desktop {
        display: block
    }

    .join-form-wrapper form {
        padding: .5em 2em
    }

    .join-form-wrapper .label {
        float: left;
        width: 29%;
        margin-right: 1%;
        padding: .25em;
        font-size: 1rem
    }

    .join-form-wrapper .input {
        float: left;
        width: 70%;
        padding: .25em
    }

    .join-form-wrapper .input>.email,.join-form-wrapper .input>.password,.join-form-wrapper .input>.username {
        font-size: 1rem
    }

    .join-form-wrapper .option {
        font-size: 1rem
    }

    .join-form-wrapper .guarantee {
        left: 2.25em;
        bottom: 3.25em;
        display: block;
        max-width: 6.5em
    }
}

.age-restriction-box {
    position: relative;
    display: inline-block;
    max-width: 18em;
    padding: .25em .25em .25em 2.5em;
    border: .2em #e51616 solid;
    background: #0a0a0a;
    line-height: 1
}

.age-restriction-box>.icon {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 2em;
    height: 100%;
    background: #e51616;
    text-align: center;
    vertical-align: middle
}

.age-restriction-box>.icon img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 1.25em;
    margin: auto
}

.age-restriction-box>.title,.age-restriction-box>.warning {
    display: inline-block;
    color: #fff
}

.age-restriction-box>.title {
    font-size: .875rem
}

.age-restriction-box>.warning {
    font-weight: 800;
    text-transform: uppercase;
    font-size: .875rem
}

@media(min-width: 52em) {
    .age-restriction-box {
        padding:.25em 0
    }

    .age-restriction-box>.icon {
        width: 3em
    }

    .age-restriction-box>.icon img {
        max-width: 2.25em
    }

    .age-restriction-box>.title,.age-restriction-box>.warning {
        margin-left: 3em
    }

    .age-restriction-box>.title {
        font-size: 1rem
    }

    .age-restriction-box>.warning {
        font-size: 1.3125rem
    }
}

.epic-header {
    position: relative;
    display: block;
    margin-bottom: 1em;
    padding-top: 5.5em;
    padding-bottom: 1em;
    background-image: url("");
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #0a0a0a;
    overflow: hidden
}

.epic-header>.background {
    position: absolute;
    top: 0;
    left: 0
}

.epic-header .epic-content {
    position: absolute;
    top: 5.5em
}

.epic-header>.trailer-button,.epic-header>.play-button {
    display: inline-block;
    padding: .25em .75em;
    border-radius: .2em;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-decoration: none
}

.epic-header>.trailer-button {
    margin-left: .35em;
    background: #3c4446
}

.epic-header>.trailer-button.first,.epic-header>.play-button.first {
    margin-left: .5em
}

.epic-header>.trailer-button:hover,.epic-header>.trailer-button:focus {
    background: #25292b
}

.epic-header>.trailer-button:active {
    background: #191c1d
}

.epic-header>.play-button {
    max-width: 6.5em;
    margin: 0 0 .5em 1em;
    background: #78868a
}

.epic-header>.play-button:hover,.epic-header>.play-button:focus {
    background: #606b6f
}

.epic-header>.play-button:active {
    background: #545e61
}

.epic-header .content-sub-header {
    color: #fff
}

.epic-header .scenes-list,.epic-header .content-sub-header {
    margin-left: .5em;
    margin-right: .5em
}

.epic-header .content-sub-header {
    margin-top: 1em
}

.epic-header .scenes-list .scene>.inner,.epic-header .scenes-list .tv-index>.inner,.epic-header .scenes-list .camGirl>.inner,.epic-header .scenes-list .tv>.inner,.epic-header .scenes-list .dvd>.inner,.epic-header .scenes-list .studio>.inner,.epic-header .scenes-list .channel>.inner,.epic-header .scenes-list .site>.inner,.epic-header .scenes-list .category>.inner,.epic-header .scenes-list .user-card>.inner {
    background: #0a0a0a;
    border: 1px #313638 solid;
    box-shadow: 0 1px 0 #2a2f30;
    color: #fff
}

.epic-header .scenes-list .scene:first-child>.inner,.epic-header .scenes-list .tv-index:first-child>.inner,.epic-header .scenes-list .camGirl:first-child>.inner,.epic-header .scenes-list .tv:first-child>.inner,.epic-header .scenes-list .dvd:first-child>.inner,.epic-header .scenes-list .studio:first-child>.inner,.epic-header .scenes-list .channel:first-child>.inner,.epic-header .scenes-list .site:first-child>.inner,.epic-header .scenes-list .category:first-child>.inner,.epic-header .scenes-list .user-card:first-child>.inner,.epic-header .scenes-list .scene:nth-child(2)>.inner,.epic-header .scenes-list .tv-index:nth-child(2)>.inner,.epic-header .scenes-list .camGirl:nth-child(2)>.inner,.epic-header .scenes-list .tv:nth-child(2)>.inner,.epic-header .scenes-list .dvd:nth-child(2)>.inner,.epic-header .scenes-list .studio:nth-child(2)>.inner,.epic-header .scenes-list .channel:nth-child(2)>.inner,.epic-header .scenes-list .site:nth-child(2)>.inner,.epic-header .scenes-list .category:nth-child(2)>.inner,.epic-header .scenes-list .user-card:nth-child(2)>.inner,.epic-header .scenes-list .scene:nth-child(3)>.inner,.epic-header .scenes-list .tv-index:nth-child(3)>.inner,.epic-header .scenes-list .camGirl:nth-child(3)>.inner,.epic-header .scenes-list .tv:nth-child(3)>.inner,.epic-header .scenes-list .dvd:nth-child(3)>.inner,.epic-header .scenes-list .studio:nth-child(3)>.inner,.epic-header .scenes-list .channel:nth-child(3)>.inner,.epic-header .scenes-list .site:nth-child(3)>.inner,.epic-header .scenes-list .category:nth-child(3)>.inner,.epic-header .scenes-list .user-card:nth-child(3)>.inner,.epic-header .scenes-list .scene:nth-child(4)>.inner,.epic-header .scenes-list .tv-index:nth-child(4)>.inner,.epic-header .scenes-list .camGirl:nth-child(4)>.inner,.epic-header .scenes-list .tv:nth-child(4)>.inner,.epic-header .scenes-list .dvd:nth-child(4)>.inner,.epic-header .scenes-list .studio:nth-child(4)>.inner,.epic-header .scenes-list .channel:nth-child(4)>.inner,.epic-header .scenes-list .site:nth-child(4)>.inner,.epic-header .scenes-list .category:nth-child(4)>.inner,.epic-header .scenes-list .user-card:nth-child(4)>.inner {
    border-color: #1c94cb
}

.epic-header .scenes-list .scene .title,.epic-header .scenes-list .tv-index .title,.epic-header .scenes-list .camGirl .title,.epic-header .scenes-list .tv .title,.epic-header .scenes-list .dvd .title,.epic-header .scenes-list .studio .title,.epic-header .scenes-list .channel .title,.epic-header .scenes-list .site .title,.epic-header .scenes-list .category .title,.epic-header .scenes-list .user-card .title {
    color: #fff
}

@media screen and (min-width: 28em) {
    .epic-header {
        padding-top:7.5em
    }
}

@media(min-width: 35em) and (min-height:28em) {
    .epic-header {
        padding-top:15.5em;
        border-radius: 0 0 .25em .25em;
        background-image: url("")
    }

    .epic-header .epic-content {
        top: 25.5em
    }
}

@media screen and (min-width: 36em) {
    .epic-header .scene,.epic-header .tv-index,.epic-header .camGirl,.epic-header .tv,.epic-header .dvd,.epic-header .studio,.epic-header .channel,.epic-header .site,.epic-header .category,.epic-header .user-card {
        width:50%
    }
}

@media(min-width: 52em) {
    .epic-header {
        padding-top:22.5em
    }

    .epic-header>.play-button {
        margin-left: 3em
    }

    .epic-header .content-sub-header {
        margin-top: 2em
    }

    .epic-header .scenes-list,.epic-header .content-sub-header {
        margin-left: 2.5em;
        margin-right: 2.5em
    }

    .epic-header .scene,.epic-header .tv-index,.epic-header .camGirl,.epic-header .tv,.epic-header .dvd,.epic-header .studio,.epic-header .channel,.epic-header .site,.epic-header .category,.epic-header .user-card {
        width: 25%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-o-min-device-pixel-ratio:13 / 10),only screen and (min-resolution:120dpi) {
    .epic-header {
        background-image:url("")
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-width:35em),only screen and (-o-min-device-pixel-ratio:13 / 10) and (max-width:35em),only screen and (min-resolution:120dpi) and (max-width:35em) {
    .epic-header {
        background-image:url("")
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width:35em),only screen and (-o-min-device-pixel-ratio:13 / 10) and (min-width:35em),only screen and (min-resolution:120dpi) and (min-width:35em) {
    .epic-header {
        background-image:url("")
    }
}

.meta-box {
    width: 80%;
    padding: 1em;
    color: #fff
}

.meta-box>.label {
    display: block;
    margin-bottom: .25em;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 1px 1px #0a0a0a;
    font-size: 1.125rem
}

.meta-box>.description {
    margin: 0 0 .5em;
    text-shadow: 0 0 10px #0a0a0a;
    font-size: .75rem
}

.meta-box>.actors {
    display: block;
    margin-bottom: .5em
}

.meta-box>.actors a {
    color: #42b2e5;
    text-decoration: none;
    text-shadow: 0 0 10px #0a0a0a;
    font-size: .875rem
}

.meta-box>.runtime strong,.meta-box>.releasedate strong,.meta-box>.format strong {
    color: #a2acaf;
    font-weight: 600
}

.meta-box>.releasedate strong,.meta-box>.format strong {
    margin-left: .5em
}

.meta-box>.runtime,.meta-box>.releasedate,.meta-box>.format {
    font-size: .875rem
}

@media(min-width: 35em) and (min-height:28em) {
    .meta-box {
        width:60%
    }
}

@media(min-width: 52em) {
    .meta-box {
        width:40%;
        margin-left: 2em
    }

    .meta-box>.label {
        font-size: 1.5rem
    }

    .meta-box>.description {
        font-size: .875rem
    }
}

.category-box {
    display: none;
    margin-bottom: .5em;
    padding: .5em;
    background: rgba(255,255,255,.65);
    font-size: .6875rem
}

.category-box.active {
    display: block
}

.category-box li {
    float: left;
    width: 33.333333333%
}

.category-box li>a {
    display: block;
    padding: .25em;
    border-bottom: 1px #d8dcdd solid;
    color: #191c1d;
    text-decoration: none
}

.category-box li:last-child a {
    border: 0
}

.category-box li>a:hover,.category-box li>a:focus {
    background: #d8dcdd;
    color: #191c1d
}

.category-box li>.active,.category-box li>.active:hover,.category-box li>.active:focus {
    background: #939ea2;
    border: 0;
    color: #fff;
    cursor: default
}

.category-box li>.active,.category-box li>.remove {
    float: left;
    display: inline-block
}

.category-box li>.active {
    margin-right: -2.6em;
    width: 100%
}

.category-box a>.count {
    /* display: none; */
    color: #859296
}

.category-box li>.remove {
    padding: .25em .5em .25em .6em;
    border: 0;
    color: #0a0a0a;
    line-height: 1.4;
    text-align: center;
    vertical-align: middle;
    font-size: .75rem
}

.category-box li>.remove:hover,.category-box li>.remove:focus {
    background: transparent;
    color: #fcfcfc
}

@media screen and (min-width: 27.5em) {
    .category-box li {
        width:25%
    }
}

@media(min-width: 35em) and (min-height:28em) {
    .category-box li {
        width:20%
    }
}

@media(min-width: 52em) {
    .category-box {
        display:block;
        padding: .5em .75em
    }

    .category-box li {
        width: 100%
    }

    .category-box li>a {
        font-size: .625rem
    }

    .category-box a>.count {
        display: inline;
        margin-left: .25em;
        font-size: .5625rem
    }
}

@media(min-width: 90em) {
    .category-box {
        border-radius:.25em
    }
}

.dropdown-box {
    position: relative;
    max-width: 8em;
    margin: auto;
    background: #fff;
    border: 1px #3c4446 solid;
    border-radius: .2em;
    font-weight: 100;
    text-align: center;
    font-size: .875rem
}

.dropdown-box:hover>.list {
    display: block
}

.dropdown-box.caps {
    text-transform: uppercase
}

.dropdown-box a {
    text-decoration: none
}

.dropdown-box .selector {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.dropdown-box .selector>.icon-angle-down {
    padding: .35em;
    background: #3c4446;
    color: #fff
}

.dropdown-box .selector>.selected {
    width: 100%;
    padding: 0 .5em;
    color: #3c4446;
    font-weight: 100;
    text-align: left
}

.dropdown-box>.list {
    position: absolute;
    top: 1.78em;
    left: 0;
    right: 0;
    display: none;
    margin: auto;
    background: #3c4446;
    border-radius: 0 0 .2em .2em;
    overflow: hidden;
    z-index: 100
}

.dropdown-box>.list a {
    display: block;
    padding: .25em;
    color: #fff;
    font-size: .875rem
}

.dropdown-box>.list a:hover {
    background: #939ea2
}

.dropdown-box>.list a.active {
    background: #191c1d;
    color: #78868a;
    pointer-events: none;
    cursor: pointer
}

.dropdown-box>.list li:not(:last-child) {
    border-bottom: 1px #78868a solid
}

@media(min-width: 52em) {
    .dropdown-box {
        font-size:1rem
    }
}

.toggle-wrapper {
    display: block;
    margin: 0 auto .5em;
    padding: .25em;
    background: rgba(255,255,255,.65)
}

.toggle-wrapper>.label {
    margin: auto .25em;
    color: #6c797d;
    font-size: .75rem
}

@media(min-width: 52em) {
    .toggle-wrapper {
        margin:0 auto .25em;
        border-radius: .25em
    }

    .no-toggle .toggle-wrapper {
        display: none
    }

    .toggle-wrapper>.label {
        font-size: .6875rem
    }
}

.content-toggle {
    display: inline-block;
    margin: .25em 0 .25em .25em;
    color: #6c797d;
    font-size: .75rem
}

.content-toggle>.category-label {
    display: inline-block;
    margin-right: .25em;
    padding: .15em .5em;
    color: #859296;
    font-weight: 600
}

.content-toggle>.option {
    display: inline-block;
    margin-right: .25em;
    padding: .15em .5em;
    background: rgba(0,0,0,0);
    border: 1px #d8dcdd solid;
    border-radius: .2em;
    color: #3c4446;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer
}

.content-toggle>.option:hover,.content-toggle>.option:focus {
    background: #3c4446;
    border-color: #3c4446;
    color: #fff
}

.content-toggle>.option:active,.content-toggle>.option.active {
    background: #78868a;
    border-color: #78868a
}

.content-toggle>.active,.content-toggle>.active:hover,.content-toggle>.active:focus {
    background: #78868a;
    border-color: #78868a;
    color: #fff;
    cursor: default
}

.content-toggle>.option:last-child {
    margin-right: 0
}

.content-toggle .remove {
    color: #3c4446;
    text-decoration: none;
    font-size: .75rem
}

@media(min-width: 52em) {
    .content-toggle {
        font-size:.6875rem
    }

    .content-toggle .show-all,.content-toggle.categories {
        display: none
    }
}

.top-notice-box {
    display: block;
    background: rgba(0,0,0,.35);
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: .875rem
}

.top-notice-box .content-wrapper {
    padding: .5em;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.top-notice-box .close-btn {
    margin-left: auto
}

.top-notice-box .close-btn a {
    color: #fff;
    text-decoration: none
}

.top-notice-box .close-btn a:hover {
    color: #d9d9d9
}

.top-notice-box a {
    color: #42b2e5
}

.top-notice-box .notice {
    display: inline-block;
    margin-right: .25em;
    margin-bottom: .25em;
    text-shadow: 1px 1px 0 #0a0a0a
}

.top-notice-box .button-group {
    display: inline-block
}

.top-notice-box .button-group .btn {
    margin-right: .5em
}

.top-notice-box .button-group .btn:last-child {
    margin-right: 0
}

@media(min-width: 52em) {
    .top-notice-box {
        font-size:1rem
    }

    .top-notice-box .content-wrapper {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify
    }

    .top-notice-box .notice {
        margin-bottom: 0
    }
}

.promo-box {
    position: relative;
    display: block;
    height: 3.5em;
    margin: .25em .5em;
    background-color: #191c1d;
    background-position: top left;
    background-repeat: no-repeat;
    text-align: right;
    cursor: pointer;
    overflow: hidden
}

.promo-box>.logo {
    position: absolute;
    right: .5em;
    bottom: .15em;
    width: 5em
}

.promo-box>.button {
    position: absolute;
    left: .75em;
    bottom: 0;
    display: inline-block;
    padding: .25em .75em;
    background: #b00009;
    border-radius: .2em .2em 0 0;
    color: #fff;
    text-decoration: none;
    font-size: .75rem
}

@media screen and (min-width: 30em) {
    .promo-box {
        height:4.5em
    }
}

@media screen and (min-width: 65em) {
    .promo-box>.logo {
        top:.5em;
        left: .5em;
        right: auto;
        bottom: auto;
        width: 6em
    }
}

@media screen and (min-width: 80em) {
    .promo-box {
        height:auto;
       
    }

    .promo-box>.logo {
        width: 10em
    }
}

.model-box {
    background: #0a0a0a;
    text-align: center
}

.model-box img {
    max-width: 6em
}

@media(min-width: 52em) {
    .model-box {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -moz-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: end;
        -moz-box-align: end;
        box-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        -o-align-items: flex-end;
        align-items: flex-end;
        -ms-flex-align: end
    }

    .model-box img {
        max-width: 100%
    }
}

.download-unlock-box {
    background: #0a0a0a;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    flex-flow: column nowrap
}

@media(min-width: 52em) {
    .download-unlock-box {
        -webkit-flex-flow:row nowrap;
        -moz-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .download-unlock-box .unlock-box h3.title {
        font-size: 1.75rem
    }

    .download-unlock-box .unlock-box .instructions {
        font-size: .75rem
    }

    .download-unlock-box .unlock-box {
        width: 60%;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .download-unlock-box .model-box {
        width: 40%;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.upgrade-results-box {
    max-width: 26em;
    margin: .5em;
    padding: 2em .5em;
    background: rgba(0,0,0,.9);
    border-radius: .25em;
    color: #fff;
    text-align: center
}

.upgrade-results-box .icon {
    font-size: 1.625rem
}

.upgrade-results-box .icon::before {
    font-family: "icons";
    line-height: 1
}

.upgrade-results-box .icon.-success::before {
    color: #0ac00e;
    content: "\f00c"
}

.upgrade-results-box .icon.-failed::before {
    color: #e51616;
    content: "\f057"
}

.upgrade-results-box h1 {
    font-size: 1.625rem
}

.upgrade-results-box .btn {
    margin-top: 1em
}

@media(min-width: 52em) {
    .upgrade-results-box {
        margin:.5em auto
    }

    .upgrade-results-box h1 {
        font-size: 2.125rem
    }
}

.join-break-box {
    display: block;
    margin: 1em 0 1em;
    text-align: center
}

.join-break-box a {
    display: block;
    padding: .25em .5em;
    background: rgba(255,255,255,.5);
    color: #191c1d;
    font-weight: 600;
    text-decoration: none;
    font-size: 1.3125rem
}

.join-break-box a:hover span {
    background: #067709;
    color: #fff
}

.join-break-box span {
    display: inline-block;
    margin-left: .35em;
    padding: .15em .75em;
    background: #0ac00e;
    border: 2px #09a80c solid;
    border-radius: .2em;
    color: #fff;
    font-weight: 700
}

.new-scenes,.new-channel-updates,.new-dvds,.live-sex {
    margin: 0 auto
}

.new-scenes .sub-header-thumbs .inner,.new-channel-updates .sub-header-thumbs .inner,.new-dvds .sub-header-thumbs .inner,.live-sex .sub-header-thumbs .inner {
    padding: .25em .5em 0
}

.new-scenes h2,.new-channel-updates h2,.new-dvds h2,.live-sex h2 {
    display: inline-block;
    margin-left: .25em;
    padding: .25em .5em;
    background: rgba(0,0,0,.85);
    border-radius: .2em .2em 0 0;
    color: #fff
}

@media screen and (min-width: 36em) {
    .new-channel-updates .scene,.new-channel-updates .tv-index,.new-channel-updates .camGirl,.new-channel-updates .tv,.new-channel-updates .dvd,.new-channel-updates .studio,.new-channel-updates .channel,.new-channel-updates .site,.new-channel-updates .category,.new-channel-updates .user-card {
        width:25%
    }
}

.new-dvds .scene .views,.new-dvds .tv-index .views,.new-dvds .camGirl .views,.new-dvds .tv .views,.new-dvds .dvd .views,.new-dvds .studio .views,.new-dvds .channel .views,.new-dvds .site .views,.new-dvds .category .views,.new-dvds .user-card .views {
    display: none !important
}

.no-thumbs .thumb {
    display: none
}

.alphabetical-categories {
    margin-bottom: 1em;
    -webkit-columns: 12 10em;
    -moz-columns: 12 10em;
    columns: 12 10em;
    -webkit-column-rule: 1px solid #bcc3c5;
    -moz-column-rule: 1px solid #bcc3c5;
    column-rule: 1px solid #bcc3c5
}

.alphabetical-categories h3 {
    padding: .25em .5em;
    background: rgba(0,0,0,.1);
    border-width: 0 0 1px 0;
    border-color: #bcc3c5;
    border-style: solid;
    color: #3c4446
}

.alphabetical-categories a {
    display: block;
    margin: .15em .5em;
    color: #3c4446;
    text-decoration: none;
    font-size: .875rem
}

.alphabetical-categories a:hover {
    color: #25292b
}

.join-page {
    background-image: none !important
}

.join-wrapper {
    max-width: 1080px;
    margin: auto
}

.join-header {
    margin: 0 auto .75em
}

.join-header .inner {
    max-width: 1080px;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.join-header .inner .logo {
    height: 2em;
    margin-left: .5em;
    text-align: left;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
    -webkit-order: 1;
    -moz-order: 1;
    order: 1;
    -ms-flex-order: 1
}

.join-header .inner .logo img {
    height: 2em;
    width: auto
}

.join-header .safety {
    margin-left: auto;
    padding: .15em .5em;
    background: rgba(0,0,0,0);
    border: 1px #313638 solid;
    border-radius: .1em;
    color: #d8dcdd;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
    -webkit-order: 2;
    -moz-order: 2;
    order: 2;
    -ms-flex-order: 2;
    font-size: .75rem
}

.join-header .safety .icon {
    margin-right: .5em;
    padding: 0 .15em;
    background: #e4b716;
    border-radius: .1em
}

.join-header .safety .icon svg {
    height: .75em;
    width: .75em;
    fill: #0a0a0a
}

@media(min-width: 52em) {
    .join-header .safety {
        font-size:1rem
    }
}

.join-sale-notice {
    padding: .25em .75em;
    margin-bottom: 3px;
    background: #e51616;
    color: #fff
}

.join-sale-notice .inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.join-sale-notice .deal {
    padding: .25em 1em;
    background: #0a0a0a;
    border-radius: .25em;
    font-weight: 700;
    font-size: .8125rem
}

.join-sale-notice .deal span {
    color: #e1c52a
}

.join-sale-notice .exp {
    margin-left: auto;
    font-style: italic;
    opacity: .85;
    font-size: .625rem
}

@media(min-width: 52em) {
    .join-sale-notice {
        padding:.35em .75em
    }

    .join-sale-notice .deal {
        font-size: 1rem
    }

    .join-sale-notice .exp {
        font-size: .875rem
    }
}

.join-form {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    padding: 0 1em
}

.join-form .heading {
    margin-bottom: .5em;
    font-weight: 500;
    font-size: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start
}

.join-form .heading .step {
    display: inline-block;
    height: 1.75em;
    width: 1.75em;
    margin-right: .5em;
    padding: .1em 0 0;
    background: #3c4446;
    border: .15em #3c4446 solid;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: .875rem
}

.join-form>div {
    display: block;
    margin-bottom: 1em
}

.join-form p {
    margin: 0 0 .25em;
    font-size: .8rem
}

.join-form p>input {
    display: block;
    width: 260px;
    padding: .25em .5em;
    background: #fff;
    border: 1px #78868a solid;
    border-radius: .15em;
    color: #191c1d;
    font-size: .875rem
}

.join-form .msg.bad {
    display: inline-block;
    margin-top: .25em;
    padding: .25em .5em;
    background: #f3f4f5;
    border: 1px #e51616 solid;
    border-radius: .15em;
    color: #191c1d;
    font-size: .75rem
}

.join-form .current-user-info {
    display: block
}

.join-form .current-user-info p {
    line-height: 1.25
}

.join-form .current-user-info p strong {
    color: #191c1d;
    font-weight: 600
}

.join-form .quotes-box .label {
    display: block;
    margin-bottom: .25em;
    font-size: .9rem;
    font-weight: 500
}

.join-form .paymentmethod-box input[type=radio] {
    margin-right: .25em
}

.join-form .paymentmethod-box label:first-of-type {
    margin-right: 1em
}

.join-form .paymentmethod-box .methods {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.join-form .paymentmethod-box .methods.alt {
    margin-top: .25em
}

.join-form .paymentmethod-box .option {
    margin-right: .25em;
    padding: .5em .25em;
    background: #e5e8e9;
    border: .1em #d8dcdd solid;
    border-radius: .15em;
    color: #545e61;
    font-weight: 700;
    font-size: .8em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-transition: .4s border-color ease-out;
    -moz-transition: .4s border-color ease-out;
    transition: .4s border-color ease-out
}

.join-form .paymentmethod-box .option:hover {
    border: .1em #606b6f solid;
    cursor: pointer
}

.join-form .paymentmethod-box .focused {
    border: .1em #09a80c solid;
    background: #fff;
    color: #2b3032
}

.join-form .paymentmethod-box .focused:hover {
    border: .1em #09a80c solid;
    cursor: default
}

.join-form .paymentmethod-box input {
    display: none;
    visibility: hidden
}

.join-form .paymentmethod-box .label {
    font-size: 1rem
}

.join-form .paymentmethod-box img {
    height: 1.25em;
    width: 1.25em
}

.join-form .paymentmethod-box .paypal img {
    height: 2.25em;
    width: auto
}

.join-form .paymentmethod-box .alt {
    font-weight: 600;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.join-form .paymentmethod-box .alt svg {
    height: 16px;
    width: 77px;
    margin-right: .25em;
    border-width: 0
}

.join-form .paymentmethod-box .alt svg .btc-text {
    fill: #545e61
}

.join-form .paymentmethod-box .alt.focused svg .btc-text {
    fill: #2b3032
}

.join-form .paymentmethod-box .alt svg {
    height: 16px;
    border-width: 0;
    margin: 0 .25em
}

.join-form .paymentmethod-box .alt svg.btc {
    height: 21px;
    width: 80px
}

.join-form .paymentmethod-box .alt svg.wkc {
    height: 23px;
    width: 125px;
    margin-left: .5em
}

.join-form .paymentmethod-box .alt svg .text {
    fill: #545e61
}

.join-form .paymentmethod-box .alt.focused svg .text {
    fill: #2b3032
}

.join-form .paymentoptions-box {
    margin-top: 1em
}

.join-form .payments {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.join-form .payments .option {
    width: 30%;
    margin-right: .25em;
    background: #e5e8e9;
    border: .1em #d8dcdd solid;
    border-radius: .15em;
    color: #545e61;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
    font-size: .875rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 30%;
    -moz-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    -webkit-transition: .4s border-color ease-out;
    -moz-transition: .4s border-color ease-out;
    transition: .4s border-color ease-out
}

.join-form .payments .option.focused {
    border: .1em #09a80c solid;
    background: #fff;
    color: #2b3032
}

.join-form .payments .option.focused .btn,.join-form .payments .option.focused .radio {
    background: #0ac00e
}

.join-form .payments .option.focused:hover {
    border-color: #0ac00e
}

.join-form .payments .option.focused:hover .btn {
    background: #0ac00e
}

.join-form .payments .option.focused .regprice {
    color: #78868a
}

.join-form .payments .option:hover {
    border: .1em #606b6f solid
}

.join-form .payments .option:hover .btn {
    background: #2c91fa;
    color: #fff
}

.join-form .payments .option.focused:hover {
    border: .1em #09a80c solid;
    cursor: default
}

.join-form .payments .option sup {
    top: -11px;
    margin: 0 0 2px;
    font-size: .75rem
}

.join-form .payments .option sup:last-of-type {
    position: absolute;
    top: 11px
}

.join-form .payments .term,.join-form .payments .regprice,.join-form .payments .price,.join-form .payments .radio {
    display: block
}

.join-form .payments .radio {
    width: 100%;
    margin-top: .25em;
    padding-top: .25em;
    background: #3c4446;
    text-align: center
}

.join-form .payments .term {
    margin-top: .5em;
    margin-bottom: .05em;
    font-weight: 900
}

.join-form .payments .regprice {
    margin-top: .25em;
    color: #78868a;
    text-decoration: line-through;
    font-size: .6875rem
}

.join-form .payments .price {
    position: relative;
    margin: 0 auto;
    line-height: 1;
    font-size: 2rem
}

.join-form .payments .price .monthly {
    font-size: .75rem
}

.join-form .payments .btn {
    display: none;
    margin-bottom: .5em;
    padding: .05em .75em;
    background: #3c4446;
    border-radius: .15em;
    -webkit-transition: .4s background ease-out;
    -moz-transition: .4s background ease-out;
    transition: .4s background ease-out
}

.join-form .payments .deal {
    display: none !important
}

.join-form .payments .rebill {
    display: block;
    line-height: 1;
    color: #bcc3c5;
    font-size: .625rem
}

.join-form .pay-boxes {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.join-form .quotes-box {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.join-form .action {
    width: 100%;
    margin: 0 auto 1em;
    text-align: right
}

.join-form input[type=submit] {
    display: block;
    width: 100%;
    max-width: 21.2em;
    margin: auto;
    padding: .5em 1em;
    background: #2c91fa;
    border: 1px #056bd4 solid;
    border-radius: .15em;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.125rem;
    -webkit-transition: .1s background ease-out;
    -moz-transition: .1s background ease-out;
    transition: .1s background ease-out
}

.join-form input[type=submit]:hover {
    background: #056bd4
}

@media screen and (min-width: 22em) {
    .join-form .heading {
        font-size:1.1875rem
    }

    .join-form p>input {
        padding: .5em .5em;
        font-size: 1rem
    }

    .join-form .msg.bad {
        max-width: none;
        font-size: .875rem
    }

    .join-form .payments .option {
        font-size: 1rem
    }
}

@media(min-width: 52em) {
    .join-form {
        -webkit-box-orient:horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row
    }

    .join-form .heading {
        font-size: 1.5rem
    }

    .join-form .heading .step {
        font-size: 1.125rem
    }

    .join-form .account-box p {
        margin-bottom: .5em;
        font-size: 1rem
    }

    .join-form .account-box p>input {
        width: 100%
    }

    .join-form form {
        width: 70%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .join-form .quotes {
        height: 40%
    }

    .join-form .quotes-box .looper .looper-inner {
        height: 90% !important
    }

    .join-form .quotes-box {
        width: 25%;
        margin-right: 5%;
        padding-top: 1em;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .join-form .quotes-box .label {
        margin-bottom: .5em;
        font-size: .9rem
    }

    .join-form .pay-boxes {
        padding: 0;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 70%;
        -moz-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .join-form .paymentmethod-box {
        padding-top: 0;
        margin: .5em auto 1em
    }

    .join-form .paymentmethod-box .paypal img {
        height: 1.5em;
        width: auto
    }

    .join-form .paymentoptions-box {
        margin-top: 0;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 50%;
        -moz-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%
    }

    .join-form .paymentmethod-box .option {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        font-size: 1rem
    }

    .join-form .paymentmethod-box img {
        margin-right: .5em
    }

    .join-form .payments .option {
        margin: .25em;
        padding: .5em .25em;
        line-height: 1.5;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        font-size: 1.3125rem
    }

    .join-form .payments .option .term {
        margin: 0 0 0 .5em;
        font-size: 1.1875rem
    }

    .join-form .payments .option input[type=radio],.join-form .payments .option .radio {
        display: none;
        visibility: hidden
    }

    .join-form .payments .option .btn {
        display: inline
    }

    .join-form .payments .option sup {
        top: -22px;
        font-size: 1.125rem
    }

    .join-form .payments .option sup:last-of-type {
        top: 20px
    }

    .join-form .payments .option .regprice {
        margin-top: 0;
        font-size: 1rem
    }

    .join-form .payments .option .price {
        margin: 0;
        font-weight: 400;
        font-size: 3.125rem
    }

    .join-form .payments .option .rebill {
        color: #bcc3c5;
        text-transform: uppercase
    }

    .join-form .action {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .join-form input[type=submit] {
        margin: 0 .22em 0 auto
    }
}

@media(min-width: 90em) {
    .join-form .payments .option {
        margin:.15em
    }

    .join-form .quotes {
        height: 45%
    }
}

@media(min-width: 110em) {
    .join-form .quotes {
        height:47%
    }

    .join-form .quotes-box .label {
        font-size: 1.1rem
    }
}

.join-wrapper .separator {
    display: block;
    max-width: 1080px;
    height: .5em;
    margin: .5em auto 1em;
    background: repeating-linear-gradient(135deg,#aeb7ba,#aeb7ba .5em,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1em)
}

.join-sell {
    max-width: 1080px;
    margin: auto
}

@media(min-width: 52em) {
    .join-sell {
        display:-webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row
    }

    .join-sell .bullets {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 51%;
        -moz-flex: 1 1 51%;
        -ms-flex: 1 1 51%;
        flex: 1 1 51%
    }

    .join-sell .thumbs {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 49%;
        -moz-flex: 1 1 49%;
        -ms-flex: 1 1 49%;
        flex: 1 1 49%
    }
}

.bullets {
    margin: .5em auto;
    padding: 0 1em
}

.bullets .heading {
    margin: 0 0 .5em;
    padding-bottom: .5em;
    border-bottom: 1px #939ea2 solid;
    font-weight: 600;
    font-size: 1.3125rem
}

.bullets>div {
    display: block;
    margin-bottom: 1em
}

.bullets ul {
    list-style-position: inside;
    list-style-image: url("../images/icon-join-check.svg")
}

.bullets>ul li {
    margin-bottom: .75em;
    color: #3c4446;
    line-height: 1.25
}

@media(min-width: 52em) {
    .bullets .heading {
        font-size:1.8125rem
    }

    .bullets li {
        font-size: 1.1875rem
    }
}

.quotes {
    padding: 1em;
    background: #d8dcdd;
    color: #3c4446;
    font-weight: 600;
    text-transform: none
}

.quotes .text {
    display: inline-block;
    line-height: 1.15
}

.quotes .author {
    display: block;
    margin-top: .75em;
    font-weight: 600;
    font-size: 1rem
}

.quotes .quote {
    font-size: 1rem
}

.quotes .bullets li {
    margin-bottom: 0
}

.quotes .looper-nav>li a {
    color: #3c4446
}

@media(min-width: 52em) {
    .quotes {
        font-size:1.1875rem
    }

    .quotes .quote {
        font-size: 1.4375rem
    }
}

.thumbs {
    padding: 0 1em;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    align-content: flex-start;
    -ms-flex-line-pack: start
}

.thumbs div {
    margin: .25em;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 40%;
    -moz-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%
}

.player-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    width: 100%;
    margin-top: 2px;
    margin-left: auto;
    margin-right: right;
    text-align: center
}

.player-wrapper .left-box {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

.player-wrapper .up-wrapper {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3
}

.player-wrapper .info {
    display: block;
    margin: 0 auto;
    text-align: left
}

.player-wrapper .info>.action a {
    display: block;
    width: 100%;
    padding: .15em 0 .25em;
    color: #ff9a23;
    font-weight: 600;
    text-align: center;
    font-size: 1rem
}

.player-wrapper .info>.action a:hover {
    color: #ef8100;
    text-decoration: none
}

.player-wrapper .info .title {
    display: block;
    margin-top: .5em;
    padding: 0 .5em;
    background: rgba(0,0,0,0);
    color: #0a0a0a
}

.player-wrapper .info h1 {
    display: inline-block;
    max-width: 60%;
    text-overflow: ellipsis;
    text-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1rem
}

.player-wrapper .info h1:hover {
    text-overflow: normal;
    overflow: visible;
    white-space: normal
}

.player-wrapper .info .hd {
    display: inline-block;
    height: 16px;
    width: 19px;
    margin-left: .25em;
    background-image: url("../images/img-hd.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -999em
}

.player-wrapper .info h1,.player-wrapper .info .time {
    display: inline-block;
    padding: .15em 0;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: -1px;
    vertical-align: top
}

.player-wrapper .info .time {
    margin: 0 0 .1em .25em;
    color: #3c4446;
    font-weight: 100;
    text-shadow: none;
    vertical-align: bottom;
    font-size: .75rem
}

.player-wrapper .info .banner {
    display: block;
    padding: .25em 0 .5em;
    background: #e446a5;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    font-size: 1rem
}

.player-wrapper .info .banner span {
    display: block;
    color: #fbe2f1;
    font-weight: 300;
    font-size: .75rem
}

.player-wrapper .info .banner:hover {
    background: #d81f8e;
    color: #fff
}

.player-wrapper .player {
    position: relative;
    display: block;
    margin: 0 auto;
    background: #191c1d;
    overflow: visible
}

.player-wrapper .freecontent-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.player-wrapper .player-controls-wrapper {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #191c1d;
    border: 1px #3c4446 outset;
    background-color: #25292b;
    background-image: -webkit-linear-gradient(#25292b,#191c1d);
    background-image: linear-gradient(#25292b,#191c1d)
}

.player-wrapper .player-controls-wrapper .inner {
    display: table;
    width: 100%
}

.player-wrapper .player-controls-wrapper .time {
    vertical-align: middle
}

.player-wrapper .player-controls-wrapper .vol {
    vertical-align: middle
}

.player-wrapper .player-controls-wrapper .vol i {
    display: inline-block;
    width: 1.75em;
    height: 1.25em;
    background: #fff;
    border: 3px #3c4446 double;
    border-radius: .25em
}

.player-wrapper .player-controls-wrapper .bar {
    display: block;
    width: 100%;
    height: 12px;
    background: #3c4446;
    border: 1px #4d5659 inset
}

.player-wrapper .player-controls-wrapper .bar span {
    display: block;
    width: 0%;
    height: 11px;
    background: #78868a;
    -webkit-animation: progress-indicater 4s linear forwards;
    -moz-animation: progress-indicater 4s linear forwards;
    animation: progress-indicater 4s linear forwards;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s
}

@-webkit-keyframes progress-indicater {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@-moz-keyframes progress-indicater {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@keyframes progress-indicater {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

.player-wrapper .embed {
    font-size: .75rem
}

.player-wrapper .embed textarea {
    width: 100%
}

.player-wrapper .flag,.player-wrapper .embed {
    display: block;
    width: auto;
    margin: .5em auto;
    padding: .5em;
    border: 1px #78868a solid;
    text-align: left;
    color: #d8dcdd
}

.player-wrapper .flag p,.player-wrapper .embed p {
    margin: .5em 0
}

.player-wrapper .flag fieldset,.player-wrapper .embed fieldset {
    border: 0
}

.player-wrapper .flag label,.player-wrapper .embed label {
    margin-left: .5em;
    font-weight: 600;
    font-size: .875rem
}

.player-wrapper .flag textarea,.player-wrapper .embed textarea {
    display: block;
    margin-bottom: .5em;
    color: #191c1d
}

@media(min-width: 35em) and (min-height:28em) {
    .player-wrapper #userComments textarea {
        width:70%
    }
}

@media screen and (min-width: 36em) {
    .player-wrapper .info h1 {
        font-size:1.3125rem
    }

    .player-wrapper .info .time {
        margin: 0 0 0 .5em;
        font-size: 1.125rem
    }

    .player-wrapper .info .hd {
        height: 28px;
        width: 34px
    }

    .player-wrapper .flag .radios,.player-wrapper .flag .additional {
        float: left;
        width: 50%
    }
}

@media(min-width: 52em) {
    .player-wrapper {
        display:block
    }

    .player-wrapper .left-box {
        float: left;
        display: block;
        width: 100%;
        margin: 0 -23.5em 0 0
    }

    .player-wrapper .left-box>.inner {
        margin: 0 23.5em 0 0
    }

    .player-wrapper.gallery .left-box {
        float: none;
        width: auto;
        max-width: 1100px;
        margin: auto !important
    }

    .player-wrapper.gallery .left-box>.inner {
        margin: auto !important
    }

    .player-wrapper.theater-mode .left-box.flexible>.inner {
        margin: 0
    }

    .player-wrapper.theater-mode .left-box.flexible .info,.player-wrapper.theater-mode .left-box.flexible .player {
        width: 98.7%
    }

    .player-wrapper.theater-mode .up-wrapper {
        margin-top: 49em
    }

    .player-wrapper .info,.player-wrapper .player {
        margin: 0 .5em
    }

    .player-wrapper .info {
        margin-top: .25em !important
    }

    .player-wrapper .info>.action a {
        font-size: 2rem
    }

    .player-wrapper .info .title {
        margin: 0;
        padding: 0
    }

    .player-wrapper .info .title h1 {
        max-width: 80%
    }

    .player-wrapper h1 {
        font-size: 2.375rem
    }
}

@media screen and (min-width: 65em) {
    .player-wrapper .title h1 {
        text-overflow:normal;
        overflow: visible;
        white-space: normal
    }

    .player-wrapper .info .banner {
        font-size: 2rem
    }

    .player-wrapper .info .banner span {
        font-size: 1.125rem
    }
}

@media(min-width: 90em) {
    .player-wrapper .left-box {
        margin:0 -17.75em 0 0
    }

    .player-wrapper .left-box>.inner {
        margin: 0 17.75em 0 0
    }

    .player-wrapper.gallery .left-box {
        max-width: 1200px
    }
}

.up-wrapper {
    position: relative;
    display: block;
    margin-top: .5em;
    background: rgba(0,0,0,0);
    text-align: center;
    z-index: 100
}

.up-wrapper .inner {
    margin: 0 auto
}

.up-wrapper h3 {
    margin-bottom: .25em;
    font-weight: 600;
    letter-spacing: -1px;
    font-size: 1.3125rem
}

.up-wrapper ul {
    margin: 0 1em 1em
}

.up-wrapper li {
    margin-bottom: .75em
}

.up-wrapper .btn {
    display: table;
    width: 100%;
    padding: 0;
    background: #fff;
    border-color: #cacfd1;
    box-shadow: .1em .15em 0 #859296;
    letter-spacing: -1px;
    text-align: left;
    font-size: 1.375rem
}

.up-wrapper .btn .term {
    display: table-cell;
    width: auto;
    padding: .5em;
    font-weight: 600;
    vertical-align: middle;
    font-size: 1.125rem
}

.up-wrapper .btn .term .details {
    display: block;
    margin-top: .25em;
    font-style: normal;
    font-weight: 100;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
    font-size: .625rem
}

.up-wrapper .btn .price {
    display: table-cell;
    width: 3em;
    padding: .5em;
    background: #e51616;
    border-radius: 0 .25em .25em 0;
    color: #fff;
    line-height: 1;
    overflow: hidden;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    z-index: 100;
    font-size: 1.5rem;
    background-color: #e51616;
    background-image: -webkit-linear-gradient(#e51616,#e51616);
    background-image: linear-gradient(#e51616,#e51616)
}

.up-wrapper .btn:hover .price {
    background-color: #e51616;
    background-image: -webkit-linear-gradient(#e51616,#e51616);
    background-image: linear-gradient(#e51616,#e51616)
}

.up-wrapper .join-opts {
    display: none
}

.up-wrapper .bestvalue {
    display: block;
    width: 70%;
    margin: 0 auto;
    background: #3c4446;
    border-radius: 0 0 .25em .25em;
    color: #e6e600;
    font-weight: 900;
    text-shadow: 1px 1px 0 #010202;
    text-transform: uppercase;
    letter-spacing: .5em;
    font-size: .625rem;
    background-color: #383e41;
    background-image: -webkit-linear-gradient(#383e41 80%,#0d0f0f);
    background-image: linear-gradient(#383e41 80%,#0d0f0f)
}

.up-wrapper sup:first-child,.up-wrapper sup:nth-child(2n) {
    position: relative;
    top: 0;
    right: .15em;
    font-weight: 600;
    letter-spacing: 0;
    vertical-align: super;
    font-size: .6875rem
}

.up-wrapper sup:nth-child(2n) {
    right: -.15em
}

.up-wrapper span.monthly {
    display: block;
    letter-spacing: 0;
    font-weight: 500;
    font-size: .5625rem
}

.up-wrapper .explaination {
    width: 90%;
    margin: 0 auto .5em;
    line-height: 1.35;
    font-size: .75rem
}

.up-wrapper .relSites {
    margin: 0 .5em;
    overflow: hidden
}

.up-wrapper .relSites img {
    float: left;
    width: 50%
}

.up-wrapper .join-mobile a {
    display: block;
    padding: .25em .5em;
    background: #e51616;
    border-radius: .25em;
    color: #fff;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.75rem
}

.up-wrapper .join-mobile a:hover {
    background: #c21313
}

.up-wrapper .join-mobile a:active {
    background: #ab1010
}

.up-wrapper .join-mobile span {
    display: block;
    font-weight: 400;
    text-transform: none;
    font-size: .6875rem
}

@media screen and (min-width: 36em) {
    .up-wrapper .zn-player {
        float:left;
        width: 50%;
        display: block
    }

    .up-wrapper .relSites img {
        width: 33.333333333%
    }
}

@media(min-width: 52em) {
    .up-wrapper {
        float:right;
        display: block;
        width: 23.5em;
        margin-top: 0;
        -webkit-transition: .1s all ease-in;
        -moz-transition: .1s all ease-in;
        transition: .1s all ease-in
    }

    .up-wrapper .content-sub-header,.up-wrapper .content-sub-header .inner {
        margin-top: 0
    }

    .up-wrapper h3 {
        font-size: 1.4375rem
    }

    .up-wrapper>.inner {
        max-width: 20.5em
    }

    .up-wrapper ul {
        margin: 0 0 1em
    }

    .up-wrapper .join-mobile {
        display: none
    }

    .up-wrapper .join-opts,.up-wrapper .zn-player {
        float: none;
        width: auto;
        display: block;
        color: #0a0a0a
    }

    .up-wrapper .relSites img {
        width: 50%
    }
}

@media(min-width: 90em) {
    .up-wrapper {
        width:17.75em
    }
}

@media(min-width: 110em) {
    .up-wrapper>.inner {
        max-width:17em
    }
}

.playlist-wrapper,.public-wrap {
    margin: 0 .5em .5em;
    padding: .5em;
    border-radius: .25em;
    background: #d8dcdd
}

.playlist-wrapper #playlist,.public-wrap #playlist {
    border: 1px #3c4446 solid;
    border-radius: .2em
}

@media(min-width: 52em) {
    .playlist-wrapper,.public-wrap {
        margin:0
    }
}

.noplayer {
    margin: 0 .5em;
    background: #0a0a0a
}

.accTab.description {
    *zoom:1}

.accTab.description:before,.accTab.description:after {
    display: table;
    content: ""
}

.accTab.description:after {
    clear: both
}

.black-friday {
    display: none
}

.black-friday p {
    line-height: 1.25;
    text-transform: uppercase
}

.black-friday p.fp {
    margin-left: 1em;
    margin-right: 1em;
    text-transform: none;
    font-size: .6875rem
}

.black-friday a {
    display: inline-block;
    margin: 0 auto;
    padding: .5em 1em;
    background: #0ac00e;
    border-radius: .25em;
    color: #fff;
    font-weight: 600;
    text-decoration: none
}

.black-friday a:hover {
    background: #07900a
}

@media(min-width: 52em) {
    .black-friday {
        display:block
    }
}

.black-friday-mobile p {
    margin: .25em auto
}

@media(min-width: 52em) {
    .black-friday-mobile {
        display:none
    }
}

.blowplayer {
    border-bottom: 0
}

.bp-controls .btn-settings .bp-menu label,.bp-share label {
    text-align: left !important
}

.player .bp-controls .bp-logo img {
    height: auto
}

.bp-context {
    z-index: 500 !important
}

.bp-controls .timestamp {
    padding: .4em !important
}

.bp-share textarea,.bp-share input {
    color: #191c1d !important
}

.tour.lightplayer #playerDetail .pdLeft .favor,.tour.lightplayer #playerDetail .menu,.tour.lightplayer #playerDetail .comments textarea,.tour.lightplayer #playerDetail .comments a.post,.tour.galleryplayer #playerDetail .pdLeft .favor,.tour.galleryplayer #playerDetail .menu,.tour.galleryplayer #playerDetail .comments textarea,.tour.galleryplayer #playerDetail .comments a.post {
    display: none !important;
    visibility: hidden
}

.tour.lightplayer .voting a,.tour.lightplayer .voting a:hover,.tour.lightplayer .votine a:active,.tour.galleryplayer .voting a,.tour.galleryplayer .voting a:hover,.tour.galleryplayer .votine a:active {
    pointer-events: none;
    cursor: default;
    color: #78868a !important
}

.tour.lightplayer .voting a.up,.tour.lightplayer .voting a.up:hover,.tour.lightplayer .votine a.up:active,.tour.galleryplayer .voting a.up,.tour.galleryplayer .voting a.up:hover,.tour.galleryplayer .votine a.up:active {
    background: #3c4446 !important
}

.tour.lightplayer .voting a.down,.tour.lightplayer .voting a.down:hover,.tour.lightplayer .votine a.down:active,.tour.galleryplayer .voting a.down,.tour.galleryplayer .voting a.down:hover,.tour.galleryplayer .votine a.down:active {
    background: #2b3032 !important
}

.tour.lightplayer #playerDetail .inner div.controls,.tour.galleryplayer #playerDetail .inner div.controls {
    height: 68px
}

.tour.lightplayer #playerDetail .sitelogo,.tour.galleryplayer #playerDetail .sitelogo {
    height: 68px;
    width: 102px
}

.tour.galleryplayer #playerDetail .information {
    display: none
}

header {
    display: block;
    background-image: url("../images//login/bg-header.jpg");
    background-position: top center;
    background-repeat: repeat-x;
    text-align: center
}

header .header-img {
    display: block;
    margin: 0 auto
}

header .container {
    display: block;
    margin: 0 auto;
    max-width: 93em
}

.login-page .page-wrap {
    position: relative;
    display: block;
    *zoom:1;max-width: 77.5em;
    margin-left: auto;
    margin-right: auto
}

.login-page .page-wrap:before,.login-page .page-wrap:after {
    display: table;
    content: ""
}

.login-page .page-wrap:after {
    clear: both
}

.login-page .column {
    display: block;
    text-align: center
}

@media screen and (min-width: 45em) {
    .login-page .column {
        float:left
    }

    .login-page .column.left {
        width: 40%
    }

    .login-page .column.right {
        width: 60%
    }
}

@media screen and (min-width: 70em) {
    .login-page .column {
        float:left
    }

    .login-page .column.left {
        width: 35%
    }

    .login-page .column.right {
        width: 65%
    }
}

.login-page h2 {
    margin: .25em auto;
    color: #0a0a0a;
    font-weight: 700;
    line-height: 1.25;
    text-shadow: none;
    font-size: 1.3125rem
}

.login-page h2 span {
    color: #ff9a23
}

@media screen and (min-width: 32em) {
    .login-page h2 {
        font-size:2rem
    }
}

@media(min-width: 52em) {
    .login-page h2 {
        margin:.75em auto
    }
}

.login-page .modal-box {
    position: static;
    top: auto;
    left: auto;
    display: block;
    margin: auto .5em;
    padding: 1em;
    max-width: none;
    background: #0a0a0a;
    border: 0;
    text-align: left
}

.login-page .modal-box h2 {
    margin: 0 auto .25em;
    color: #fff;
    text-align: left
}

.login-page .modal-box .close {
    display: none
}

@media(min-width: 52em) {
    .login-page .modal-box {
        width:100%;
        padding: 1em
    }

    .login-page .modal-box label {
        font-size: 1.1875rem
    }

    .login-page .modal-box .remember {
        font-size: .875rem
    }
}

.join-pitch {
    padding: 0 1em
}

.join-pitch h4 {
    margin: 1em auto .75em;
    color: #0a0a0a;
    font-weight: 100;
    line-height: 1.25;
    font-size: 1.3125rem
}

@media screen and (min-width: 85em) {
    .join-pitch h4 {
        font-size:1.4375rem
    }
}

.join-pitch h4 strong {
    font-weight: 600
}

@media(min-width: 52em) {
    .join-pitch {
        padding:0 2em
    }
}

.join-points li,.all-site-points li {
    float: left;
    width: 50%;
    text-align: center
}

.join-points li img,.all-site-points li img {
    display: block
}

.join-points li span,.all-site-points li span {
    font-weight: 700;
    line-height: 1.25;
    font-size: .875rem
}

@media(min-width: 52em) {
    .join-points li span,.all-site-points li span {
        font-size:1.125rem
    }
}

.join-points {
    padding-bottom: .5em;
    background: rgba(255,255,255,.75);
    border-bottom: 1px #d8dcdd solid;
    border-radius: .25em
}

.join-points li {
    padding: .5em;
    margin-bottom: .5em
}

.join-points li span {
    display: inline-block;
    height: 2em;
    color: #0a0a0a
}

.join-points li img {
    max-width: 5em;
    margin: 0 auto .5em
}

@media screen and (min-width: 26em) {
    .join-points li span {
        height:auto
    }
}

@media screen and (min-width: 45em) {
    .join-points li {
        width:25%
    }

    .join-points li img {
        width: 70%
    }
}

@media screen and (min-width: 65em) {
    .join-points li img {
        max-width:6.5em
    }

    .join-points li span {
        font-size: 1.3125rem
    }
}

.all-site-points {
    margin-top: .5em
}

.all-site-points li {
    display: inline-block;
    color: #c4c4c4
}

.all-site-points li span {
    display: block;
    padding: .5em;
    margin: .15em;
    background: #191c1d;
    border-radius: .2em;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-size: 1rem
}

.all-site-points li img {
    display: block;
    margin: 0 auto .5em;
    max-width: 2.5em;
    vertical-align: middle
}

@media screen and (min-width: 45em) {
    .all-site-points li {
        width:25%
    }
}

@media screen and (min-width: 80em) {
    .all-site-points li span {
        padding:.5em .25em;
        font-size: 1.125rem
    }

    .all-site-points li img {
        display: inline-block;
        margin: 0 .25em 0 0
    }
}

.join-carousel {
    margin: 0 auto 1em
}

.join-carousel .sites {
    display: block
}

.join-carousel .sites img {
    width: 30%;
    margin: 0 .2em
}

@media(min-width: 52em) {
    .join-carousel .sites {
        margin:0 1em
    }
}

.join-button {
    display: inline-block;
    width: 90%;
    margin: 0 auto 1em;
    padding: .5em 1em;
    border-radius: .5em;
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.375rem;
    background-color: #ff9a23;
    background-image: -webkit-linear-gradient(#ff9a23,#a35800);
    background-image: linear-gradient(#ff9a23,#a35800)
}

.join-button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #d67300;
    background-image: -webkit-linear-gradient(#d67300,#703c00);
    background-image: linear-gradient(#d67300,#703c00)
}

@media screen and (min-width: 50em) {
    .join-button {
        width:65%;
        font-size: 1.5625rem
    }
}

.login-page footer {
    display: block;
    margin: 2em auto 0;
    padding: 0 1em;
    text-align: center
}

.login-page footer a {
    color: #888
}

.login-page footer ul {
    margin: 0 auto
}

.login-page footer li {
    display: inline-block;
    padding: 0 .25em
}

.login-page footer li:after {
    content: "|";
    padding-left: .75em
}

.login-page footer li:last-child:after {
    content: ""
}

.login-page footer p {
    font-size: .875rem
}

.legacy-login {
    display: block;
    max-width: 50em;
    margin: auto;
    padding: 1em;
    font-family: Helvetica,Arial,sans-serif
}

.legacy-login header {
    margin-bottom: .25em;
    text-align: left
}

.legacy-login .sub-header {
    margin-bottom: 1px;
    padding: .25em .5em;
    background: #272727;
    color: #d0d0d0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.legacy-login .poweredby img {
    height: 1.75em;
    vertical-align: middle
}

.legacy-login .wankz-trigger {
    margin-left: auto;
    padding: .15em .5em;
    background: #242424;
    border: 1px #0a0a0a solid;
    border-radius: .1em;
    color: #d0d0d0;
    font-weight: 900;
    text-decoration: none;
    font-size: .75rem
}

.legacy-login .wankz-trigger svg {
    display: inline-block;
    height: 1em;
    width: 1em
}

.legacy-login .wankz-trigger .label {
    margin-left: .25em
}

.legacy-login .options {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.legacy-login .options .members-login-box {
    background: #1c1c1c;
    padding: .5em 1em 1em
}

.legacy-login .options .members-login-box h2 {
    width: 100%;
    margin: .5em auto 0;
    color: #fff;
    font-weight: 500;
    text-align: center;
    font-size: 1.3125rem
}

.legacy-login .options .members-login-box form {
    text-align: left
}

.legacy-login .options .members-login-box p>label,.legacy-login .options .members-login-box p>input {
    display: block
}

.legacy-login .options .members-login-box p>label {
    color: #fff
}

.legacy-login .options .members-login-box p>input {
    min-width: 18em;
    padding: .5em;
    border-radius: 0;
    color: #111;
    -webkit-appearance: none
}

.legacy-login .options .members-login-box .remember {
    font-size: .8125rem
}

.legacy-login .options .members-login-box .remember label {
    display: inline-block
}

.legacy-login .options .members-login-box .remember input {
    display: inline-block;
    margin-right: .25em;
    min-width: 1em;
    border: 1px #403e3e solid
}

.legacy-login .options .members-login-box input[type=submit] {
    padding: .5em 1.25em;
    background: #eb1d1d;
    border: 0;
    border-radius: .15em;
    color: #fff;
    font-weight: 900;
    -webkit-appearance: none;
    font-size: 1.125rem
}

.legacy-login .options .members-login-box .forgotpass {
    display: block;
    margin-top: 1em;
    color: #adadad;
    text-decoration: underline;
    font-size: .875rem
}

.legacy-login .options .non-members-box {
    color: #fff;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.legacy-login .options .non-members-box h3 {
    margin-top: .5em;
    color: #05ba12;
    font-size: 2rem
}

.legacy-login .options .non-members-box .bullets-box {
    margin: 1em auto;
    width: 82%;
    line-height: 1;
    text-align: left
}

.legacy-login .options .non-members-box .bullet {
    margin: 0 0 .65em;
    font-weight: 900;
    font-size: 1.1875rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.legacy-login .options .non-members-box .icon-checkmark_circle {
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-right: .35em;
    fill: #05ba12
}

.legacy-login .options .non-members-box .action {
    display: inline-block;
    width: 65%;
    padding: .5em 1.25em;
    background: #05ba12;
    border: 0;
    border-radius: .15em;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    -webkit-appearance: none;
    font-size: 1.125rem
}

.legacy-login .carousel {
    margin-top: 1px
}

.legacy-login .carousel .thumbs-box {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.legacy-login .carousel .thumbs-box>div {
    margin-left: 1px
}

.legacy-login .carousel img {
    width: 178px
}

.legacy-login footer {
    padding: 1em 0;
    color: #b1afaf;
    text-align: center;
    font-size: .6875rem
}

.legal-wrapper {
    margin: 0;
    padding: 1em;
    color: #3c4446
}

.legal-wrapper>.inner {
    max-width: 50em;
    margin: 0 auto;
    padding: .5em 1em;
    background: #fff;
    border-radius: .3em
}

.legal-wrapper .legal {
    font-family: Helvetica,Arial,sans-serif
}

.legal-wrapper .tabs.linkable {
    margin-bottom: .25em
}

@media(min-width: 52em) {
    .legal-wrapper {
        margin:.5em
    }

    .legal-wrapper>.inner {
        padding: .5em 2em
    }
}

.tabs.linkable {
    display: block;
    text-align: center
}

.tabs.linkable li {
    display: inline-block;
    margin-bottom: .5em;
    text-align: center;
    vertical-align: middle
}

.tabs.linkable a {
    display: block;
    padding: .25em .5em;
    background: #191c1d;
    color: #fff;
    text-decoration: none;
    font-size: .75rem
}

.tabs.linkable a:hover,.tabs.linkable a:focus {
    background: #2b3032
}

.tabs.linkable a:active {
    background: #373d3f
}

.tabs.linkable .active a {
    background: #3c4446;
    font-weight: 600
}

@media(min-width: 52em) {
    .tabs.linkable a {
        font-size:1rem
    }
}

.about-wrapper {
    padding: 0 0 1em;
    background-color: #0a0a0a;
    color: #fff;
    overflow: hidden
}

.about-wrapper .top {
    
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    border: .2em .2em 0 0;
    text-align: center;
    overflow: hidden
}

.about-wrapper .top p {
    text-shadow: 0 0 10px #0a0a0a
}

.about-wrapper .top .text-content {
    padding-bottom: 1em
}

.about-wrapper .text-content {
    display: block;
    margin: 0 auto;
    padding: 0 1em;
    max-width: 38em;
    text-align: left
}

.about-wrapper .vertical {
    padding: 1em 0
}

.about-wrapper h1 {
    margin: .5em auto;
    text-align: center
}

.about-wrapper h2 {
    margin: .5em 0;
    font-size: 2rem
}

.about-wrapper .logo {
    height: 1.35em;
    vertical-align: bottom
}

.about-wrapper .image-strip {
    display: block;
    margin: 1em auto 0
}

.about-wrapper .image-strip img {
    float: left;
    width: 50%
}

.about-wrapper .action {
    display: block;
    max-width: 20em;
    margin: 1em 1em .75em;
    padding: .25em 1em;
    border: .1em #3c4446 solid;
    border-radius: .5em;
    color: #fff;
    font-weight: 100;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    font-size: 2rem
}

.about-wrapper .action:hover,.about-wrapper .action:focus {
    background: #191c1d
}

.about-wrapper .action:active {
    background: #3c4446
}

@media screen and (min-width: 36em) {
    .about-wrapper .vertical {
        display:block;
        margin: 1em auto;
        max-width: 38em
    }

    .about-wrapper .vertical .text-content,.about-wrapper .vertical .image-strip {
        float: left
    }

    .about-wrapper .vertical .text-content {
        width: 60%;
        padding-right: 2em
    }

    .about-wrapper .vertical .image-strip {
        width: 40%
    }

    .about-wrapper .vertical .image-strip img {
        float: none;
        display: block;
        width: auto;
        margin-bottom: 1em
    }

    .about-wrapper .image-strip img {
        float: left;
        width: 33.333333333%
    }

    .about-wrapper .action {
        margin: 1em auto .75em
    }
}

@media(min-width: 52em) {
    .about-wrapper {
        border-radius:0 0 .25em .25em
    }

    .about-wrapper .top,.about-wrapper .bottom {
        padding: 0
    }

    .about-wrapper .text-content {
        padding: 0
    }

    .about-wrapper h1 {
        font-size: 3.875rem
    }

    .about-wrapper .text-content p {
        font-size: 1.125rem
    }

    .about-wrapper .image-strip img {
        width: 16.666666667%
    }

    .about-wrapper .action {
        font-size: 2.625rem
    }
}

.tube-tour .content-wrapper {
    max-width: 2000px !important
}

.tube-tour nav[role=navigation] ul,.tube-tour .members ul {
    padding: .25em .25em 0;
    text-align: center
}

.tube-tour nav[role=navigation] li,.tube-tour .members li {
    display: inline-block;
    margin-right: .25em;
    font-size: .875rem
}

.tube-tour nav[role=navigation] li:last-child,.tube-tour .members li:last-child {
    margin-right: 0
}

.tube-tour nav[role=navigation] a,.tube-tour .members a {
    display: inline-block;
    padding: .25em;
    color: #191c1d;
    font-weight: 700;
    text-decoration: none
}

.tube-tour nav[role=navigation] a:hover,.tube-tour .members a:hover {
    text-decoration: underline
}

@media(min-width: 52em) {
    .tube-tour nav[role=navigation],.tube-tour .members {
        float:left
    }

    .tube-tour nav[role=navigation] ul,.tube-tour .members ul {
        padding: .25em;
        text-align: left
    }

    .tube-tour nav[role=navigation] li,.tube-tour .members li {
        margin-right: .25em
    }
}

.tube-tour nav[role=navigation] li:not(:last-child):after {
    padding-left: .25em;
    content: "|";
    color: #78868a;
    font-weight: 100
}

.tube-tour .members ul {
    padding-bottom: .25em
}

.tube-tour .members li {
    width: 48%
}

.tube-tour .members .members-link,.tube-tour .members .join-link {
    display: block;
    padding: .25em .75em;
    border-radius: .2em;
    color: #fff;
    font-weight: 700
}

.tube-tour .members .members-link {
    background: #3c4446
}

.tube-tour .members .members-link:hover {
    background: #25292b;
    text-decoration: none
}

.tube-tour .members .join-link {
    background: #ff9a23
}

.tube-tour .members .join-link:hover {
    background: #ef8100;
    text-decoration: none
}

@media(min-width: 52em) {
    .tube-tour .members {
        float:right
    }

    .tube-tour .members li {
        width: auto
    }
}

.tube-tour header[role=banner] .headline {
    display: inline-block;
    margin: 0 .25em;
    font-size: .6875rem
}

.tube-tour header[role=banner] .nav-button {
    display: table-cell;
    text-align: right
}

.tube-tour header[role=banner] .fourk {
    font-weight: 800
}

.tube-tour header[role=banner] .tube-head-icon {
    height: 1.5em;
    max-width: 1.75em;
    margin-right: .25em
}

.tube-tour header[role=banner] .lang .lang-list,.tube-tour header[role=banner] .account .lang-list {
    position: absolute;
    left: auto;
    right: 0;
    background: #0a0a0a;
    z-index: 50
}

.tube-tour header[role=banner] .lang .lang-list li,.tube-tour header[role=banner] .account .lang-list li {
    text-align: right
}

@media(min-width: 52em) {
    .tube-tour header[role=banner] .members-link,.tube-tour header[role=banner] .join-link {
        display:inline-block
    }

    .tube-tour header[role=banner] .headline {
        font-size: 1rem
    }
}

@media(min-width: 90em) {
    .tube-tour header[role=banner] .headline {
        font-size:1.125rem
    }
}

.tube-tour.index .scenes-list .col {
    float: left;
    width: 50%;
    margin: 0
}

.tube-tour.index .scenes-list .scene,.tube-tour.index .scenes-list .tv-index,.tube-tour.index .scenes-list .camGirl,.tube-tour.index .scenes-list .tv,.tube-tour.index .scenes-list .dvd,.tube-tour.index .scenes-list .studio,.tube-tour.index .scenes-list .channel,.tube-tour.index .scenes-list .site,.tube-tour.index .scenes-list .category,.tube-tour.index .scenes-list .user-card,.tube-tour.index .scenes-list .dvd {
    float: none;
    width: 100% !important
}

@media screen and (min-width: 46em) {
    .tube-tour.index .scenes-list .col {
        width:25%
    }
}

@media screen and (min-width: 86em) {
    .tube-tour.index .scenes-list .col {
        width:25%
    }
}

.tube-tour .pitch {
    display: block;
    width: auto;
    margin: 0 1em;
    padding: .25em .5em;
    background: #09a80c;
    font-size: 1.5rem;
    background-color: #0ac00e;
    background-image: -webkit-linear-gradient(#0ac00e,#067709);
    background-image: linear-gradient(#0ac00e,#067709)
}

@media(min-width: 35em) and (min-height:28em) {
    .tube-tour .pitch {
        width:12em;
        margin: 0 auto;
        font-size: 2.25rem
    }
}

@media(min-width: 52em) {
    .tube-tour .pitch {
        width:14em;
        font-size: 2.625rem
    }
}

.tube-tour .block-index-pitch {
    max-width: 80em !important
}

.tube-tour .player-wrapper {
    display: block;
    max-width: 60em;
    margin: .25em auto 0
}

.tube-tour .player-wrapper .player {
    overflow: hidden;
    margin: auto !important;
    padding: 0
}

.tube-tour .blow .blowplayer {
    position: absolute;
    top: 0;
    width: 100%
}

.tube-tour .player-controls-wrapper {
    position: relative;
    display: none;
    background: #1d1d1d
}

@media(min-width: 52em) {
    .tube-tour .player-controls-wrapper {
        display:block
    }
}

.tube-tour .play-btn {
    position: absolute;
    top: 15%;
    display: inline-block;
    padding: .4em;
    width: 5%;
    font-family: "icons";
    color: #e2e2e2;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    z-index: 50;
    font-size: .75rem
}

.tube-tour .play-btn.play i:before {
    content: "\f04b"
}

.tube-tour .play-btn.pause i:before {
    content: "\f04c"
}

@media(min-width: 35em) and (min-height:28em) {
    .tube-tour .play-btn {
        font-size:.875rem
    }
}

@font-face {
    font-family: 'fira-sans';
    src: url("../fonts/firasans-bold-webfont.eot");
    src: url("../fonts/firasans-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/firasans-bold-webfont.woff2") format("woff2"),url("../fonts/firasans-bold-webfont.woff") format("woff"),url("../fonts/firasans-bold-webfont.ttf") format("truetype"),url("../fonts/firasans-bold-webfont.svg#fira_sansbold") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'fira-sans';
    src: url("../fonts/firasans-medium-webfont.eot");
    src: url("../fonts/firasans-medium-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/firasans-medium-webfont.woff2") format("woff2"),url("../fonts/firasans-medium-webfont.woff") format("woff"),url("../fonts/firasans-medium-webfont.ttf") format("truetype"),url("../fonts/firasans-medium-webfont.svg#fira_sansmedium") format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'fira-sans';
    src: url("../fonts/firasans-light-webfont.eot");
    src: url("../fonts/firasans-light-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/firasans-light-webfont.woff2") format("woff2"),url("../fonts/firasans-light-webfont.woff") format("woff"),url("../fonts/firasans-light-webfont.ttf") format("truetype"),url("../fonts/firasans-light-webfont.svg#fira_sanslight") format("svg");
    font-weight: 100;
    font-style: normal
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-o-min-device-pixel-ratio:13 / 10),only screen and (min-resolution:120dpi) {
    body {
        background-image:url("../images/bg-site@2x.jpg");
        background-size: 300px 300px
    }
}

.content-wrapper .categories-label {
    display: none
}

@media(min-width: 52em) {
    .content-wrapper .categories-label {
        display:inline-block;
        margin: 0 0 .25em .75em;
        color: #78868a;
        letter-spacing: 4px;
        text-transform: uppercase;
        font-size: .6875rem
    }

    .content-wrapper aside {
        float: left;
        width: 20%;
        padding-left: .5em
    }

    .content-wrapper main {
        float: left;
        width: 80%
    }
}

@media screen and (min-width: 70em) {
    .content-wrapper aside {
        width:15%
    }

    .content-wrapper main {
        width: 85%
    }
}

@media(min-width: 90em) {
    .content-wrapper aside {
        padding:0 .5em 0 0
    }
}

.brands-box {
    display: none;
    background: #3c4446;
    color: #78868a;
    font-family: Helvetica,Arial,sans-serif;
    visibility: hidden
}

.brands-box .content-wrapper {
    position: relative
}

.brands-box .shadow {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 30px;
    pointer-events: none;
    background-image: -webkit-linear-gradient(90deg,transparent 90%,rgba(0,0,0,.5));
    background-image: linear-gradient(90deg,transparent 90%,rgba(0,0,0,.5))
}

.brands-box .network-list {
    overflow-x: scroll
}

.brands-box .network-list .inner {
    width: 500px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.brands-box .network-list .label {
    display: none
}

.brands-box .network-list a {
    padding: .5em;
    background: rgba(0,0,0,.35);
    color: #fff;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.25;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.brands-box .network-list a:not(:last-child) {
    margin-right: 2px
}

.brands-box .network-list .active {
    background: #0a0a0a;
    color: #d8dcdd;
    font-weight: 600;
    pointer-events: none;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

@media screen and (min-width: 31.25em) {
    .brands-box .shadow {
        display:none
    }

    .brands-box .network-list {
        overflow: auto
    }

    .brands-box .network-list .inner {
        width: auto
    }
}

@media screen and (min-width: 48em) {
    .brands-box {
        display:block;
        visibility: visible
    }

    .brands-box .network-list {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start
    }

    .brands-box .network-list a {
        padding: .5em .75em;
        font-size: 14px;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        box-flex: 0;
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-transition: .1s background ease-in;
        -moz-transition: .1s background ease-in;
        transition: .1s background ease-in
    }

    .brands-box .network-list a:hover {
        background: rgba(0,0,0,.75)
    }

    .brands-box .network-list .label {
        display: block;
        padding: 0 .5em;
        color: #0a0a0a;
        font-weight: 700;
        text-shadow: 1px 1px 0 #939ea2;
        text-transform: uppercase;
        font-size: 14px
    }
}

.brands-box .network-list a svg,.brands a svg {
    width: 1.8em;
    height: .9em;
    margin-right: .25em;
    fill: #ffffff
}

.notification {
    border: 1px solid #cccc66;
    padding: 10px 20px;
    background: #ffffcc;
    margin: 0;
    color: #5a3f07
}

div.category div.inner a {
    display: block;
    overflow: hidden
}

div.category span.count {
    color: #000
}

.content-sub-header .level-1-sorts .active {
    background: #78868a
}

iframe.mform {
    margin: 5px auto;
    display: block;
    width: 94%;
    height: 110px
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex.col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

div.global-top-banner {
    width: 100%;
    padding: .5em .25em;
    text-align: center
}

div.global-top-banner a {
    display: block;
    margin: 0 auto;
    text-decoration: none
}

div.global-top-banner a .inner {
    padding: 0 0 .5em
}

div.global-top-banner a .btn {
    margin-left: .75em;
    padding: .35em .75em;
    border-radius: .2em;
    font-size: .9rem;
    font-weight: 900;
    -webkit-transition: .15s all ease-out;
    transition: .15s all ease-out
}

div.global-top-banner .offer,div.global-top-banner img {
    margin-left: .5em
}

div.global-top-banner .offer em {
    font-style: normal
}

div.global-top-banner .title {
    font-size: 1.65rem;
    font-weight: 300
}

div.global-top-banner .logo {
    height: 50px
}

div.global-top-banner .offer {
    font-size: 1.75rem;
    font-weight: 700
}

div.global-top-banner .plus {
    display: block;
    margin: .15em 0;
    font-size: 1rem;
    letter-spacing: +.05em;
    text-transform: uppercase
}

div.global-top-banner .plus ins {
    text-decoration: none
}

div.global-top-banner.easter {
    padding: .5em .25em
}

div.global-top-banner.easter,.join-wrapper .sale.easter {
    background-image: url('../images/easter/bg-easter.jpg');
    background-repeat: repeat;
    background-position: bottom center;
    background-size: 350px 175px
}

div.global-top-banner.easter a .btn {
    background: #F495F6;
    border: 1px #F495F6 solid;
    color: #fff
}

div.global-top-banner.easter a:hover .btn {
    background: #9383E9;
    border-color: #9383E9
}

div.global-top-banner.easter a:hover .offer,div.global-top-banner.easter a .offer .highlight {
    color: #BFFF9C
}

div.global-top-banner.easter a:hover .logo {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

div.global-top-banner.easter .logo {
    height: 60px;
    margin-right: .25em;
    -webkit-transform: scale(1.025);
    transform: scale(1.05);
    -webkit-transition: .1s transform ease-in;
    transition: .1s transform ease-in
}

div.global-top-banner.easter .offer {
    color: #fff;
    text-shadow: 1px 1px 60px rgba(5,5,5,1),1px 1px 25px rgba(5,5,5,1),1px 1px 5px rgba(5,5,5,1)
}

div.global-top-banner.easter .offer em {
    font-weight: 100
}

div.global-top-banner.easter .plus {
    color: #F495F6
}

div.global-top-banner.easter .plus em {
    color: #fff
}

div.global-top-banner.blackfriday {
    padding: .5em .25em
}

div.global-top-banner.blackfriday,.join-wrapper .sale.blackfriday {
    background: #101010
}

div.global-top-banner.blackfriday a .btn {
    background: #EB1E23;
    border: 1px #EB1E23 solid;
    color: #fff
}

div.global-top-banner.blackfriday a:hover .btn {
    background: #b11418;
    border-color: #b11418
}

div.global-top-banner.blackfriday a:hover .offer,div.global-top-banner.blackfriday a .offer .highlight {
    color: #b11418
}

div.global-top-banner.blackfriday a:hover .logo {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

div.global-top-banner.blackfriday .logo {
    height: 60px;
    margin-right: .25em;
    -webkit-transform: scale(1.025);
    transform: scale(1.05);
    -webkit-transition: .1s transform ease-in;
    transition: .1s transform ease-in
}

div.global-top-banner.blackfriday .offer {
    color: #fff;
    text-shadow: 1px 1px 60px rgba(5,5,5,1),1px 1px 25px rgba(5,5,5,1),1px 1px 5px rgba(5,5,5,1)
}

div.global-top-banner.blackfriday .offer em {
    font-weight: 100
}

div.global-top-banner.blackfriday .plus {
    color: #eff661
}

div.global-top-banner.blackfriday .plus em {
    color: #fff
}

.join-wrapper.sale-easter .join-form .payments .option.focused:nth-child(2) {
    background: #cb5ece;
    border-color: #f9d8fa;
    color: #fff
}

.join-wrapper.sale-easter .join-form .payments .option.focused:nth-child(2) .regprice {
    color: #e688e9
}

.join-wrapper.sale-blackfriday .join-form .payments .option.focused:nth-child(2) {
    background: #101010;
    border-color: #9c9c9c;
    color: #fff
}

.join-wrapper.sale-blackfriday .join-form .payments .option.focused:nth-child(2) .regprice {
    color: #a2a2a2
}

.join-wrapper .sale {
    text-align: center;
    padding: .15em .5em;
    margin-bottom: 1em;
    color: #fff;
    font-size: .8em;
    background: #000
}

.join-wrapper .sale .lbl {
    display: inline-block;
    padding: .25em .5em;
    border-radius: .25em;
    margin-right: .25em;
    font-weight: 700
}

.join-wrapper .sale .discount {
    color: #ffb400;
    font-weight: bold
}

.thumb-wrapper.hover video {
    visibility: visible;
    opacity: 1
}

.blowplayer {
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: white;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.blowplayer a {
    text-decoration: none;
    color: white
}

.blowplayer svg {
    fill: white;
    display: block;
    vertical-align: middle
}

.bp-pane {
    position: relative;
    overflow: hidden
}

.bp-title,.bp-share,.bp-menu,.bp-cmenu,.bp-related,.bp-related a,.bp-share .share-btn,.bp-overlay,.blowplayer {
    box-sizing: border-box;
    background-clip: padding-box
}

.bp-menu,.bp-cmenu,.bp-share,.bp-related,.bp-sharebar,.bp-scrubs,.bp-context,.bp-loader {
    position: absolute;
    display: none
}

.bp-menu,.bp-cmenu {
    z-index: 2
}

.bp-close {
    position: absolute;
    cursor: pointer;
    right: -1em;
    top: -1em;
    width: 2.5em;
    height: 2.5em;
    background: #333;
    text-align: center;
    border-radius: 2em
}

.bp-close:hover {
    background: #444
}

.bp-close svg {
    width: 1.5em;
    height: 1.5em;
    margin: 6px auto
}

.bp-btn.active .bp-cmenu {
    display: block
}

.blowplayer.bp-fs {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999
}

.bp-title {
    display: block;
    transition: .4s all;
    top: 0;
    position: absolute;
    background: rgba(0,0,0,.6);
    width: 100%;
    padding: .4em
}

.bp-title.linked:hover {
    text-decoration: underline
}

.blowplayer .linked {
    cursor: pointer
}

.blowplayer,.blowplayer video,.blowplayer canvas,.blowplayer .bp-poster {
    width: 100%;
    height: 100%;
    background-color: black;
    background-size: cover;
    background-position: center
}

.bp-poster {
    position: absolute;
    top: 0;
    left: 0
}

.blowplayer .bp-btn {
    display: inline-block;
    cursor: pointer
}

.bp-controls .bp-btn svg {
    height: 2.2em;
    width: 2.2em;
    opacity: .7;
    transition: opacity .3s,transform .3s;
    margin: auto
}

.bp-controls .bp-btn svg.bp-quality-icon {
    position: absolute;
    transform: none;
    top: 0em;
    right: 0;
    width: 1em;
    height: auto;
    background: ;
    border-radius: 2px;
    fill: white !important
}

.bp-controls .bp-btn svg.bp-quality-icon.bp-quality-hd {
    background: #ec2127;
    opacity: 1
}

.bp-controls .bp-btn:hover svg {
    opacity: 1
}

.bp-controls {
    color: #ddd;
    position: absolute;
    bottom: 0;
    background: #222;
    width: 100%;
    height: 2.9em
}

.bp-controls .bp-cmenu {
    background: #2d2d2d;
    bottom: 2.15em
}

.bp-controls .btn-play {
    width: 4.3em
}

.bp-controls .bp-btn,.bp-controls .timestamp {
    float: left
}

.bp-controls .bp-btn.active svg {
    opacity: 1
}

.bp-controls .btn-settings,.bp-controls .btn-expand,.bp-controls .btn-fullscreen,.bp-controls .btn-related,.bp-controls .btn-cardboard,.bp-controls .btn-chromecast,.bp-controls .bp-logo {
    float: right
}

.bp-controls .btn-settings.active>svg.bpi-settings {
    transform: rotate(20deg)
}

.bp-controls .timestamp {
    cursor: default;
    padding-top: .6em;
    padding-left: .8em
}

.bp-controls .bp-logo {
    margin-right: .5em;
    padding-top: .15em
}

.bp-controls .bp-logo img {
    height: 1.9em
}

.bp-fs .bp-controls .btn-expand {
    display: none
}

.bp-seekbar,.blowplayer .btn-volume {
    position: relative;
    cursor: pointer
}

.bp-controls .btn-settings {
    position: relative
}

.bp-controls label,.bp-scrubs span {
    text-shadow: .1em .1em 1px #000
}

.bp-controls .btn-settings .bp-cmenu {
    padding: .33em .5em;
    width: 16em;
    right: 0
}

.bp-controls .btn-settings .bp-cmenu .bp-mrow {
    margin: .5em 0
}

.bp-controls .btn-settings .bp-cmenu label {
    width: 6.2em;
    display: inline-block;
    padding-top: .35em;
    vertical-align: top
}

.bp-controls .btn-volume .bp-cmenu {
    width: 2.2em
}

.bp-controls .btn-volume:hover .bp-cmenu {
    display: block
}

.bp-controls .btn-volume .bar {
    background: #999;
    margin: .45em auto;
    height: 4.2em;
    width: .43em;
    position: relative
}

.bp-controls .btn-volume .bar .handle {
    width: 1.1em;
    height: .4em;
    background: #fff;
    position: absolute;
    margin-left: -.333em
}

.bp-controls .btn-volume .bar .level {
    bottom: 0;
    background: red;
    position: absolute;
    width: 100%
}

.bp-seekbar {
    height: .7em;
    width: 100%;
    position: relative
}

.bp-seekbar div {
    position: absolute;
    width: 0;
    left: 0;
    height: 100%;
    background: #888
}

.bp-seekbar .stripe {
    background: #444;
    width: 100%
}

.bp-seekbar .handle {
    width: .35em;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 5px #fff
}

.bp-seekbar .progress {
    background: red
}

.bp-seekbar.active .progress {
    background: #e22f2f
}

.bp-seekbar .bp-scrubs {
    width: auto;
    height: auto;
    background: #333;
    bottom: 1.25em;
    box-sizing: content-box;
    border-radius: .5em
}

.bp-seekbar .bp-scrubs.preview {
    width: 130px;
    height: 88px;
    border: .75em solid #222
}

.bp-seekbar .bp-scrubs div {
    position: absolute;
    bottom: .2em;
    width: 100%;
    height: 1.43em;
    text-align: center;
    background: none
}

.bp-seekbar .bp-scrubs span {
    display: inline-block;
    background: #222;
    padding: .16em .33em;
    border-radius: .45em
}

.bp-seekbar.over .bp-scrubs,.bp-seekbar.active .bp-scrubs {
    display: block
}

.bp-seekbar .tag {
    position: absolute;
    display: block;
    width: .4em;
    height: .4em;
    background: white;
    border-radius: 2em;
    top: .15em;
    margin-left: -.25em
}

.bp-tooltip {
    position: absolute;
    text-align: center;
    z-index: 3
}

.bp-tooltip .text {
    display: block;
    border-radius: .35em;
    background: #111;
    padding: .15em .4em
}

.bp-tooltip .arrow {
    display: block;
    height: 0;
    width: 0;
    border: .45em solid black;
    border-color: black transparent transparent;
    margin: auto;
    border-bottom: none
}

.bp-context {
    min-width: 12.5em;
    background: #eee;
    border: 1px solid #aaa;
    white-space: nowrap;
    z-index: 5
}

.bp-context a {
    display: block;
    color: black;
    padding: .35em .5em
}

.bp-context a:hover {
    background: #333;
    color: white
}

.bp-skip-btn {
    background: rgba(10,10,10,.8);
    position: absolute;
    right: 10px;
    bottom: 80px;
    padding: 4px 8px;
    border: 2px solid #555;
    border-radius: 2px;
    font-size: 120%;
    cursor: pointer
}

.bp-skip-btn.note-large {
    font-size: 140%;
    border-color: #999
}

.bp-skip-btn.note-top {
    top: 20px;
    bottom: auto
}

.bp-skip-btn.inactive {
    cursor: default
}

.bp-skip-btn svg {
    display: inline;
    width: 1.5em
}

.bp-pane>.bp-menu {
    top: 10%;
    left: 10%;
    max-height: 80%;
    width: 80%;
    background: rgba(10,10,10,0.8);
    border-radius: 1em;
    padding: 1em;
    border: 1px solid #444
}

.blowplayer:not(.mode-stereo) .bp-pane:hover .bp-sharebar {
    display: block
}

.bp-pane .bp-btn {
    background: rgba(0,0,0,.8);
    padding: 1em;
    border-radius: .5em;
    opacity: .7;
    transition: .2s opacity
}

.bp-pane .bp-btn:hover {
    opacity: 1
}

.bp-pane .bp-btn svg {
    width: 2.2em;
    height: 2.2em
}

.bp-sharebar {
    right: .9em;
    top: .9em
}

.bp-sharebar .bp-btn {
    margin: 8px;
    display: block
}

.bp-share label {
    padding: 3px 0;
    display: block
}

.bp-share textarea,.bp-share input {
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding: 4px;
    font-size: 12px;
    font-family: Arial
}

.bp-share textarea {
    height: 4.2em
}

.bp-share .share-btn {
    background: #f2f2f2;
    border-radius: .5em;
    margin: .5%;
    width: 11.5%;
    padding: .25em;
    display: inline-block
}

.bp-share .share-btn:hover {
    background: #fff
}

.bp-share .bp-stumbleupon svg {
    fill: #ea4b24
}

.bp-share .bp-pinterest svg {
    fill: #bd2126
}

.bp-share .bp-facebook svg {
    fill: #3a5795
}

.bp-share .bp-google svg {
    fill: #dc4b38
}

.bp-share .bp-tumblr svg {
    fill: #529ecc
}

.bp-share .bp-reddit svg {
    fill: #000
}

.bp-share .bp-reddit svg circle {
    fill: #e7541d
}

.bp-share .bp-blogger svg {
    fill: #ff9334
}

.bp-share .bp-vk svg {
    fill: #6383a8
}

.bp-share .bp-twitter svg {
    fill: #55acee
}

.bp-select svg.bpi-lock {
    fill: none
}

.bp-related {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: .16em solid transparent;
    background: rgba(10,10,10,0.8);
    z-index: 1
}

.bp-related a {
    display: block;
    height: 33.3333%;
    width: 25%;
    border: .16em solid transparent;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    float: right
}

.bp-related a:hover {
    opacity: .8
}

.bp-overlay {
    cursor: pointer;
    transition: .2s background;
    width: 14%;
    top: 41%;
    left: 43%;
    position: absolute;
    background: rgba(0,0,0,.7);
    padding: 3px;
    border: 1px solid black;
    border-radius: .7em
}

.bp-overlay:hover {
    background: rgba(0,0,0,.8)
}

.bp-loading .bp-overlay.bp-static,.mode-stereo .bp-pane>.bp-overlay {
    display: none
}

.bp-msg p {
    text-align: center;
    font-size: large
}

.bp-msg p a {
    color: #9edffd
}

.blowplayer.bp-loading:not(.mode-stereo) .bp-pane>.bp-loader,.bp-loading.mode-stereo :not(.menu-vr) .eye-vr .bp-loader {
    display: block
}

.bp-loader {
    width: 14%;
    top: 41%;
    left: 50%;
    animation: rotating 2s linear infinite
}

@keyframes rotating {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.bp-select {
    text-align: left;
    display: inline-block;
    color: black;
    position: relative
}

.bp-select .default,.bp-select .entries {
    border-radius: .25em;
    background: white;
    border: 1px solid gray;
    overflow: auto;
    max-height: 300px
}

.bp-select .default {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bp-select .entries {
    display: none;
    position: absolute;
    bottom: 1.8em;
    right: 0;
    min-width: 100%;
    max-width: 200%;
    box-sizing: border-box;
    z-index: 3
}

.bp-select .entries span,.bp-select .default {
    display: block;
    padding: .35em;
    white-space: nowrap
}

.bp-select .entries span:hover {
    background: #333;
    color: white;
    border-radius: .25em
}

.bp-select .entries span.active {
    font-weight: bold
}

.bp-select .entries .bp-separator {
    font-size: 85%;
    font-weight: bold
}

.bp-select .entries span.labelp {
    background: #f90;
    color: #fff;
    text-transform: uppercase
}

.bp-select .entries span.labelf {
    background: #4d90fe;
    color: #fff;
    text-transform: uppercase
}

.blowplayer .bp-select span svg {
    width: 1.4em;
    height: 1.4em;
    fill: black;
    opacity: 1;
    margin-left: .25em;
    display: inline-block
}

.blowplayer .bp-select span:hover svg {
    fill: white
}

.bp-select.open .entries {
    display: block
}

.bp-select.open.down .entries {
    bottom: initial;
    top: 1.8em
}

.bp-select .arrow {
    width: 0;
    height: 0;
    display: inline-block;
    float: right;
    border: .4em solid black;
    margin-top: .4em;
    border-color: black transparent transparent
}

.bp-controls .btn-settings .bp-select {
    width: 8.6em
}

.bp-roll a.link {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.60);
    text-align: center;
    left: 0;
    padding: 16px;
    font-size: 20px
}

.bp-roll a.link:hover {
    text-decoration: underline
}

.bp-roll a.close {
    position: absolute;
    right: 0;
    color: #ccc;
    padding: 0 10px;
    bottom: 0;
    text-decoration: none;
    font-size: 48px
}

.bp-roll a.close:hover {
    color: #fff
}

.bp-rmedia {
    background: rgba(0,0,0,.75);
    border: 1px solid #666;
    position: absolute;
    padding: 0 30px 30px;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    margin-top: -150px;
    top: 50%;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    box-sizing: content-box
}

.bp-rmedia .play span {
    position: absolute;
    right: 0;
    color: #ccc;
    padding: 0 10px;
    top: 0;
    text-decoration: none;
    font-size: 48px;
    cursor: pointer
}

.bp-rmedia .play span:hover {
    color: #fff
}

.bp-rmedia .close {
    display: block;
    text-align: center;
    padding: 18px;
    color: #ffcc00;
    text-decoration: underline;
    font-weight: bold
}

.bp-rmedia .close:hover {
    cursor: pointer;
    color: #fff
}

.bp-qualities {
    position: absolute;
    bottom: .5em
}

.bp-qualities>* {
    background: #222;
    padding: 10px 12px;
    margin-left: .5em;
    border-radius: .75em;
    display: inline-block
}

.bp-qualities .active {
    background: #009933
}

.bp-qualities .active svg {
    display: inline-block
}

.bp-qualities svg {
    width: 1em;
    height: 1em;
    margin-right: .25em;
    display: none
}

.blowplayer .corner-logo {
    background: rgba(10,10,10,.5);
    position: absolute;
    bottom: .5em;
    right: .5em;
    padding: 8px 10px;
    border-radius: .75em
}

.blowplayer .corner-logo img {
    max-width: 200px;
    max-height: 50px;
    height: 3em
}

.blowplayer canvas,.blowplayer .btn-cardboard,.eye-vr,.bp-cursor-vr,.bp-controls-vr,.blowplayer.mode-vr video,.blowplayer.mode-stereo .bp-pane>.bp-title,.blowplayer:not(.mode-stereo) .bp-pane>.bp-btn {
    display: none
}

.blowplayer.mode-vr canvas,.blowplayer.mode-vr .btn-cardboard,.mode-vr .menu-vr .bp-controls-vr,.mode-vr .menu-vr .bp-cursor-vr,.mode-stereo .eye-vr,.mode-stereo .bp-pane .btn-back {
    display: block
}

.bp-pane>.bp-btn {
    background: transparent;
    position: absolute;
    opacity: 1
}

.bp-pane .btn-back {
    left: 0;
    top: 0;
    padding: 1em 1.5em 1.5em 1em
}

.bp-pane .btn-back svg {
    width: 1.8em;
    height: 1.8em
}

.bp-pane .btn-settings,.bp-pane .btn-center {
    bottom: .6em;
    left: 50%;
    padding: 0;
    width: 3.0em;
    margin-left: -1.5em
}

.bp-pane .btn-settings svg,.bp-pane .btn-center svg {
    width: 3em;
    height: 3em
}

.bp-controls-vr {
    font-size: 11px;
    position: absolute;
    width: 18em;
    box-sizing: border-box;
    padding: 0 1.4em
}

.bp-controls-vr .btn-play {
    margin: 1em auto;
    display: block;
    width: 2.2em;
    box-sizing: content-box
}

.bp-controls-vr .bp-title {
    position: relative;
    background: none;
    padding: 0;
    text-align: center
}

.bp-controls-vr .bp-btn-vr {
    background: none;
    padding: 0;
    display: inline-block;
    opacity: .7;
    vertical-align: middle
}

.bp-controls-vr .bp-btn-vr.active,.bp-controls-vr .bp-btn.active {
    opacity: 1
}

.bp-controls-vr .bp-btn-vr svg {
    height: 1.9em;
    width: 1.9em
}

.blowplayer canvas {
    transition: .15s opacity
}

.blowplayer .menu-vr canvas {
    opacity: .4
}

.bp-seekbar .handle-preview {
    width: 1px;
    background: #fff;
    height: 100%;
    display: none
}

.bp-seekbar.active .handle-preview {
    display: block
}

.bp-cursor-vr {
    width: 1px;
    height: 1px;
    background: rgba(255,255,255,1);
    margin-top: -1px;
    margin-left: -1px;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid white;
    border-radius: 3em;
    box-sizing: border-box;
    transition: .2s width,.2s height,.2s margin,.35s background
}

.bp-cursor-vr.active {
    width: 1.2em;
    height: 1.2em;
    margin-top: -.6em;
    margin-left: -.6em;
    background: rgba(255,255,255,.05)
}

.blowplayer .menu-vr .bp-seekbar {
    height: .5em;
    margin: .15em 0;
    transition: .2s all
}

.blowplayer .menu-vr .bp-seekbar.active {
    margin: 0;
    height: .8em
}

.blowplayer .menu-vr .timestamp {
    margin-top: .2em
}

.menu-vr .timestamp {
    display: inline-block;
    vertical-align: middle
}

.menu-vr .btn-volume.active .bp-cmenu {
    width: 5em
}

.menu-vr .btn-volume .bp-cmenu {
    left: 100%;
    width: 0;
    top: 0;
    transition: .3s width;
    display: block
}

.menu-vr .btn-volume .bp-cmenu .bar {
    width: 100%;
    background: #888;
    margin: .6em 0;
    height: .8em;
    position: relative
}

.menu-vr .btn-volume .bp-cmenu .level {
    position: absolute;
    background: red;
    height: 100%
}

.menu-vr .btn-tags {
    float: right
}

.bp-pane .eye-vr {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden
}

.bp-pane .eye-vr.eye-right {
    right: 0
}

.mode-vr .bp-pane {
    cursor: grab;
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.mode-vr .bp-pane.drag {
    cursor: grabbing;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}

.menu-vr .tag-menu span {
    border: 2px solid gray;
    padding: .2em .4em;
    background: rgba(60,60,60,.5);
    margin: 0 1px 1px 0;
    border-radius: .3em;
    display: inline-block;
    transition: .25s background;
    cursor: pointer
}

.menu-vr .tag-menu span.active {
    background: rgba(140,140,140,.8);
    border-color: #ddd
}

.menu-vr .tag-menu span svg {
    width: .9em;
    height: .9em;
    display: inline
}

@media(min-resolution: 2dppx) {
    .menu-vr .tag-menu span {
        border-width:1px
    }

    .bp-controls-vr {
        font-size: 8px
    }

    .bp-seekbar .handle-preview {
        transform: scale(.5,1)
    }

    .bp-cursor-vr {
        transform: scale(.5);
        width: 3px;
        height: 3px
    }

    .bp-cursor-vr.active {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px
    }
}

@media(min-resolution: 3dppx) {
    .bp-seekbar .handle-preview {
        transform:scale(.333333,1)
    }

    .bp-controls-vr {
        font-size: 5.5px
    }
}

@media(max-width: 500px) {
    .bp-related a {
        border-width:1px
    }
}

.blowplayer .bp-hidden,.blowplayer .bp-btn.bp-hidden,.blowplayer .bp-scrubs.bp-hidden,.blowplayer .bp-pane:hover .bp-sharebar.bp-hidden {
    display: none
}

.pull-right {
    float: right
}

.player-wrapper .info .actors {
    float: right
}

.player-wrapper .info .model {
    float: none
}

.zn-foot .inner div {
    display: table-cell;
    padding: 18px 0 12px
}

.mzn {
    text-align: center;
    margin-top: 4px
}

.showGallery {
    letter-spacing: -5px;
    margin-bottom: 1.25em
}

.showGallery li {
    display: inline-block;
    padding: .1em;
    width: 49.9%
}

.showGallery.grid li {
    position: absolute
}

.showGallery li img {
    width: 100%
}

.showGallery li a:hover img {
    outline: 2px solid #666;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in
}

.showGallery li.loading {
    opacity: 0;
    min-height: 110px
}

.gallery .player {
    background: none
}

.gallery .stats {
    color: #ccc
}

.gallery .scene-extras {
    padding: .5em .5em;
    background: #191c1d;
    border-radius: .2em;
    margin: 1em 0;
    text-align: center
}

.gallery .voting-wrapper {
    display: inline-block
}

.gallery .voting-wrapper ul {
    margin: 0
}

.gallery .stats,.gallery .share-box {
    margin-bottom: .25em
}

.gallery .image img {
    border: 4px solid #3c4446
}

.gallery .image a {
    color: #ccc;
    font-size: 1em
}

.gallery .image span {
    display: block;
    font-size: .85em
}

.gallery .player-wrapper .scene-extras .voting-wrapper,.gallery .player-wrapper .scene-extras .favorite,.gallery .player-wrapper .models-wrapper,.gallery .player-wrapper .share-box {
    float: none !important
}

.mdlMain.picview {
    max-width: 96%;
    max-height: 96%;
    position: relative;
    margin: 0 auto;
    background-color: white;
    display: none;
    height: calc(100% - 20px);
    width: calc(100% - 20px)
}

.mdlMain.picview .mdlLeft {
    position: relative;
    height: 100%;
    background: #000
}

.mdlMain.picview .mdlLeft .slide {
    position: absolute;
    font-size: .65em;
    bottom: 4px;
    left: 4px;
    right: 4px;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.mdlMain.picview:hover .mdlLeft .slide {
    opacity: 1;
    visibility: visible
}

.mdlMain.picview .mdlLeft .slide span {
    color: #ccc;
    padding: .2em .4em;
    margin: 0 2px 0 0;
    border-radius: .2em;
    display: inline-block;
    background: rgba(0,0,0,.6)
}

.mdlMain.picview .mdlLeft .slide a {
    background: rgba(0,0,0,.6);
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: .2em .4em;
    margin: 0 2px 0 0;
    border-radius: .2em;
    display: inline-block
}

.mdlMain.picview .mdlLeft .slide a.right {
    float: right
}

.mdlMain.picview .mdlLeft .slide a:hover,.mdlMain.picview .mdlLeft .slide a.active {
    background: #ff9a23
}

.mdlMain.picview .mdlLeft img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mdlMain.picview .mdlLeft .mLeft,.mdlMain.picview .mdlLeft .mRight {
    height: 100%;
    width: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    text-decoration: none;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,.75)
}

.mdlMain.picview .mdlLeft .mLeft {
    left: 0
}

.mdlMain.picview .mdlLeft .mRight {
    right: 0
}

.mdlMain.picview .mdlLeft .mLeft:hover span.button,.mdlMain.picview .mdlLeft .mRight:hover span.button {
    color: #fff
}

.mdlMain.picview .mdlRight {
    width: 320px;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    bottom: 10px;
    display: none
}

.mdlMain.picview .mdlRight a.close {
    position: absolute;
    cursor: pointer;
    line-height: 1;
    top: -10px;
    right: -10px;
    padding: 4px 12px;
    font-size: 1.6em;
    color: #666;
    text-decoration: none;
    font-weight: normal
}

.mdlMain.picview .mdlRight a.close:hover {
    color: #333
}

.mdlMain.picview .mdlRight .btn.primary {
    margin: .25em auto
}

.mdlMain.picview .mdlLeft a.close {
    position: absolute;
    cursor: pointer;
    line-height: 1;
    top: 5px;
    right: 5px;
    padding: 10px;
    font-size: 50px;
    line-height: .5;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    text-shadow: 1px 1px 3px rgba(0,0,0,.75)
}

.mdlMain.picview .mdlRight .mdlHead {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    color: #333
}

.mdlMain.picview .mdlRight .mdlHead img {
    width: 80px
}

.mdlMain.picview .mdlRight h1 {
    font-size: 1em
}

.mdlMain.picview .mdlRight span.pic {
    color: #999;
    font-size: .75em;
    display: block;
    padding: 0 0 8px 0
}

.mdlMain.picview .zn-picture {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 320px
}

.mdlMain.picview .zn-label {
    font-size: .75em;
    color: #999
}

.mdlMain.picview div.albumPic {
    background: #fff;
    width: auto;
    max-height: 96%;
    z-index: 9999;
    max-width: 96%;
    box-sizing: border-box
}

.mdlMain.picview .mdlLeft .button {
    position: absolute;
    top: 40%;
    text-decoration: none;
    color: #fff;
    font-size: 240%;
    padding: 40px 9px 40px;
    line-height: 100%
}

.mdlMain.picview .mdlLeft .button.right {
    right: 0
}

.mdlMain.picview .mdlLeft .button.left {
    left: 0
}

.mdlMain.picview .mdlLeft .button span {
    display: inline-block;
    border-width: 6px;
    border-style: solid
}

.mdlMain.picview .mdlLeft .button.left span {
    border-color: transparent #fff transparent transparent
}

.mdlMain.picview .mdlLeft .button.right span {
    border-color: transparent transparent transparent #fff
}

.modal-box.warning {
    max-width: 42em;
    width: 90%;
    margin: 0 0 .2em;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0)
}

.modal-box.warning h4 {
    font-size: 1rem;
    font-weight: normal;
    padding-top: 8px
}

.modal-box.warning .text {
    border: 1px solid #333;
    background: #232728;
    padding: .55em 1em;
    margin: .75em 0;
    max-height: 200px;
    overflow: auto
}

.modal-box.warning .text {
    font-size: .70rem;
    color: #ccc
}

.modal-box.warning .text ul li {
    list-style-type: square;
    margin: 12px
}

.modal-box.warning .signup {
    background: #42b2e5;
    font-weight: 900
}

.modal-box.warning .signup:hover {
    background: #1e9dd6
}

.modal-box.warning p {
    font-size: .70rem;
    color: #ccc
}

.modal-box.warning p.leave {
    text-align: center;
    margin: 6px 0 0 0
}

.modal-box.warning p.leave a {
    color: #666;
    font-size: .70rem
}

.player-wrapper .embed textarea {
    min-height: 90px
}

.mdlMain.picview .tabContent.comments {
    padding: .75em 0 0 0;
    margin: 0;
    background: none;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 460px)
}

.mdlMain.picview .tabContent.comments .comment {
    padding: 0 0 .75em
}

.mdlMain.picview .tabContent.comments textarea {
    font-size: .85em
}

.tabContent.comments {
    text-align: left;
    font-size: 1em;
    margin: .5em;
    background: #e1e1e1;
    padding: .75em;
    border-radius: .2em
}

.up-wrapper .tabContent.comments {
    margin: 0
}

.tabContent.comments textarea {
    width: 100%;
    border: 3px solid #ccc;
    border-radius: .45em;
    padding: .35em;
    height: 3em;
    margin: 0 .5em 0 0;
    outline: none
}

.tabContent.comments a {
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
    margin-bottom: .75em
}

.tabContent.comments .showComments {
    text-decoration: none;
    color: #0066cc;
    font-size: .85em
}

.tabContent.comments .comment {
    border-bottom: 1px solid #d1d1d1;
    padding: .5em;
    overflow: hidden
}

.tabContent.comments .comment:last-child {
    border: none
}

.tabContent.comments .comment .comment {
    border-bottom: none;
    margin-left: 1em;
    clear: both
}

.tabContent.comments .comment img {
    float: left;
    border: 1px solid #333
}

.tabContent.comments .comment .body {
    margin: -2px 0 0 34px;
    padding-left: .75em;
    font-size: .75em
}

.tabContent.comments .comment .body .vote {
    display: inline-block
}

.tabContent.comments .comment .body .time {
    color: #666;
    font-weight: normal
}

.tabContent.comments .comment .body p {
    margin: 0;
    font-size: 1em
}

.tabContent.comments .comment .body a {
    text-decoration: none;
    color: #0066cc;
    font-size: .85em
}

.tabContent.comments .comment .body a.reply {
    color: #666
}

.tabContent.comments .comment .vote .votes {
    color: #999;
    font-size: .75em
}

.tabContent.comments .comment .body .vote a {
    display: inline-block;
    padding: 0 .25em;
    text-decoration: none;
    color: #666;
    font-size: 1em;
    line-height: 1.8;
    margin: 0
}

.tabContent.comments .comment .body .vote a.active,.tabContent.comments .comment .body .vote a.active:hover {
    color: green
}

.tabContent.comments .comment .vote a:hover {
    color: #333
}

.tabContent.comments .post {
    display: inline-block;
    padding: .25em .5em;
    background: #0066cc;
    border-radius: .35em;
    color: #fff !important;
    text-decoration: none;
    font-size: .65em
}

.user-card .buttons {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0;
    background: rgba(0,0,0,.4);
    padding: 1em;
    font-size: .75em
}

.user-card a.follow {
    background: #5cb85c;
    border: 1px solid #4cae4c;
    border-radius: .2em;
    display: inline-block;
    padding: 8px 12px;
    color: #fff;
    text-decoration: none
}

.user-card a.follow i {
    display: none
}

.user-card a.follow.active i {
    display: inline-block
}

.user-card a.message {
    background: #337ab7;
    border: 1px solid #2e6da4;
    border-radius: .2em;
    display: inline-block;
    padding: 8px 12px;
    color: #fff;
    text-decoration: none
}

.user-card:hover .buttons {
    display: block
}

.spinner {
    margin: 0 auto 0;
    width: 70px;
    text-align: center;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(.0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%,80%,100% {
        transform: scale(.0);
        -webkit-transform: scale(.0)
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

body #myAccount {
    background: rgba(255,255,255,.55) !important
}

body #myAccount .nav {
    box-shadow: 0 7px #fff
}

.noplayer {
    position: relative;
    display: block
}

.video-cock-block {
    font-family: arial;
    top: 50%;
    margin-top: -55px;
    padding: 8px 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    position: absolute;
    text-decoration: none
}

.video-cock-block h3 {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
    color: #ff9a23;
    text-shadow: 2px 2px 4px #000
}

.video-cock-block p {
    font-size: .8rem;
    color: #ccc;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    text-shadow: 1px 1px 2px #000
}

.video-cock-block h4 {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 1.3rem;
    text-shadow: 2px 2px 4px #000
}

#mSite .head img {
    width: 100%
}

#mSite .head h1 {
    background: #000;
    color: #fff;
    font-size: 110%;
    text-align: center;
    padding: 12px
}

#mSite .head .links {
    background: #111;
    padding: 0
}

#mSite .head .links a {
    width: 50%;
    border: 6px solid #111;
    display: inline-block;
    padding: .5em;
    text-align: center;
    color: #fff;
    border-radius: .5em
}

#mSite .head .links a.join {
    background: #0066cc;
    color: #fff;
    font-weight: 600
}

#mSite .head .links a.mem {
    background: #333
}

#mSite .head a.help {
    width: auto;
    display: block;
    font-size: .85em;
    color: #333;
    padding: .65em;
    text-align: right;
    text-decoration: none
}

#mSite .description {
    margin-bottom: .4em
}

#mSite .description p {
    margin: 0;
    font-size: .85em;
    line-height: 1.4;
    padding: .65em;
    background: #eee
}

#mSite .episode {
    padding-bottom: 1em
}

#mSite .episode .thumb {
    display: block;
    position: relative
}

#mSite .episode .thumb img {
    display: block;
    width: 100%
}

#mSite .episode .thumb .playVideo {
    position: absolute;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    font-size: 42px;
    line-height: 42px;
    height: 70px;
    padding: 14px 18px;
    border-radius: 50%;
    text-decoration: none;
    background: rgba(0,0,0,.4);
    color: #fff
}

#mSite .episode .thumb .hd {
    position: absolute;
    bottom: 5px;
    left: 5px;
    background-image: url(../images/hd.png);
    background-repeat: no-repeat;
    background-size: 40px 21px;
    height: 25px;
    width: 44px;
    background-color: rgba(0,0,0,.75);
    border: 2px solid rgba(0,0,0,.75)
}

#mSite .episode p {
    margin: 0;
    padding: 4px 5px
}

#mSite .episode p a {
    text-decoration: none;
    color: #000;
    font-size: 1.2em;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

#mSite .episode .extra-meta {
    color: #666;
    padding: 0 5px;
    font-size: .9em
}

#mSite .episode .extra-meta span {
    padding-right: .5em;
    display: inline-block
}

#mSite .cta {
    border-radius: .5em;
    background: #0066cc;
    font-size: 16px;
    text-align: center;
    display: block;
    margin: .75em;
    padding: .75em;
    text-decoration: none;
    color: #fff;
    font-weight: 700
}

#mSite .sites {
    overflow: hidden
}

#mSite .sites h3 {
    text-align: center;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: .4em
}

#mSite .sites img {
    width: 50%;
    float: left
}

#mSite .pagination a.previous {
    float: left;
    margin: 0 .75em;
    width: 130px;
    background: #333
}

#mSite .pagination a {
    border-radius: .5em;
    background: #ff9a23;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: .75em;
    padding: .75em;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    border: none
}

#mSite .pagination a i {
    color: #fff
}

#channelMore {
    background: #191c1d;
    margin: 0 .5em;
    position: relative;
    padding: .5em;
    overflow: hidden
}

#channelMore .col {
    float: left;
    padding: 1.3em;
    background: #ff9a23;
    width: 50%;
    border-radius: 0 .25em .25em 0
}

#channelMore .col:first-child {
    background: #42b2e5;
    border-radius: .25em 0 0 .25em
}

#channelMore .col a {
    color: #fff;
    font-weight: bold
}

#channelMore .col:hover {
    background: #ef8100
}

#channelMore .col:first-child:hover {
    background: #3ba0ce
}

#channelMore .channel {
    width: 110px;
    left: 50%;
    margin: 6px 0 0 -55px;
    background: #222;
    padding: .5em;
    position: absolute;
    border-radius: .25em
}

#channelMore .channel img {
    display: block;
    border-radius: .25em
}

.listCams .camGirl a {
    display: block;
    text-decoration: none;
    position: relative
}

.listCams .camGirl img {
    border: 1px solid #232323;
    border-radius: .2em .2em 0 0
}

.listCams .camGirl .title {
    display: block;
    max-width: 100%;
    border-radius: 0 0 .2em .2em;
    background: #232323;
    min-height: 1.25em;
    color: #fff;
    margin-bottom: 2px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-size: 11px;
    font-size: 1rem
}

.listCams .camGirl .status {
    border-radius: .2em;
    background: #009933;
    color: #fff;
    font-weight: 800;
    padding: 2px 6px;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: .65em
}

.listCams .camGirl .btn {
    display: block;
    text-align: center;
    background: #ff9a23;
    color: #000;
    border-radius: .2em;
    font-size: .75em;
    font-weight: bold
}

.listCams .camGirl a:hover .btn {
    background: #ffab49
}

.listCams .camGirl .camThumb {
    background-size: 100%
}

.export .column {
    background: #fff;
    border-radius: .75em;
    border: 1px solid #ccc;
    padding: 1.5em;
    margin: .5em 0;
    font-size: .75em
}

.export .column select {
    width: 200px
}

.export .column fieldset {
    padding: .5em;
    background: #eee;
    border-radius: .3em
}

.export .column fieldset a {
    display: inline-block;
    padding: .3em .75em;
    text-decoration: none;
    background: #3399cc;
    color: #fff;
    border-radius: .2em
}

.export .column h2 {
    font-size: 1rem
}

.export .column p {
    font-size: 1em;
    margin: .5em 0
}

.export .column p .label {
    display: inline-block;
    width: 170px
}

.export .column .format {
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    margin-bottom: 0
}

.export .column ul {
    display: block;
    max-width: 32em;
    margin-bottom: .5em;
    padding: .5em;
    border-bottom: 1px #B6B6B6 solid
}

.export .column li {
    display: inline-block
}

.export .column li:not(:last-child) {
    margin-right: .5em
}

.export .column li .label {
    display: block
}

.export .column li .label,.export .column .nats .label {
    font-weight: 600
}

div.method {
    margin-bottom: 20px;
    padding: 20px;
    background: rgba(255,255,255,.5)
}

div.method h2,div.method h3 {
    display: block;
    padding: 0;
    margin: 4px 0
}

.params {
    display: inline-block
}

.params tr td:first-child {
    font-weight: bold
}

.params td,.params th {
    padding: 3px 6px;
    border: 1px solid #e1e1e1;
    background: #eee
}

.params th {
    background: #ffd
}

.zn-foot span.zn-label {
    display: block;
    margin: 0
}

.camsGlobalBar,.camsListEmbed,.camsEmbed ul.camsTabs,.camsEmbed {
    background: none !important
}

.cams-wrapper {
    min-height: 1200px !important
}

.wankzvr img.logo {
    display: none
}

.wankzvr h2 {
    display: inline-block;
    margin-left: .25em;
    padding: .25em .5em;
    background: rgba(0,0,0,.85);
    border-radius: .2em .2em 0 0;
    color: #fff
}

.wankzvr h3 {
    font-size: 1em;
    background: #0ac00e;
    padding: .25em .5em;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    margin: .5em
}

.wankzvr p {
    padding: .5em;
    background: rgba(0,0,0,.1);
    margin: .5em
}

.wankzvr a {
    color: #0066cc;
    text-decoration: none
}

.wankzvr a:hover {
    text-decoration: underline
}

#playerDetail {
    text-align: left
}

#playerDetail .addthis_sharing_toolbox {
    float: none;
    margin: 8px 0 -.5em
}

#playerDetail .top {
    height: 100%
}

#playerDetail .inner>div {
    margin: 0 .5em;
    clear: both
}

#playerDetail .sitelogo {
    margin: 0 0 8px 0;
    display: none;
    width: 165px;
    height: 110px;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    display: none
}

#playerDetail .sitelogo img {
    max-width: 110px;
    display: block
}

#playerDetail .sitelogom {
    float: left;
    margin: 0 8px 0 0
}

#playerDetail .sitelogom.chlogo img {
    margin: 6px 0
}

#playerDetail .sitelogom img {
    max-height: 55px;
    display: block
}

#playerDetail .inner div.controls {
    padding: .75em;
    background: #191c1d;
    position: relative
}

#playerDetail .controls .views {
    color: #fff;
    font-size: 110%;
    text-align: left;
    line-height: 1.2;
    margin-bottom: 8px;
    padding-top: 8px
}

#playerDetail .controls .views span {
    font-size: 100%;
    display: block;
    font-size: 60%
}

#playerDetail .pdSRC p {
    font-weight: bold;
    margin: .25em 0
}

#playerDetail .pdSRC a {
    color: #ff9a23
}

#playerDetail .description {
    clear: both;
    background: #3c4446;
    padding: .75em;
    color: #fff;
    margin-bottom: 1px
}

#playerDetail .description p {
    margin: 0;
    padding: 0;
    font-size: 75%
}

#playerDetail .description .btn {
    margin-top: .5em;
    font-size: 75%
}

#playerDetail .pdLeft {
    color: #fff
}

#playerDetail .pdLeft .rating,#playerDetail .pdLeft .favor {
    display: block;
    margin-bottom: 6px;
    font-size: 75%;
    color: #999;
    background: #262626;
    padding: 0 12px 0 0
}

#playerDetail .pdSRC {
    padding: 0
}

#playerDetail .voting {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 1px 0
}

#playerDetail .voting .row {
    margin: 0
}

#playerDetail .vote-bar {
    border-bottom: none
}

#playerDetail .favorite {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 0 0;
    border-radius: .25em;
    padding: .5em 2em
}

#playerDetail .menu {
    clear: both;
    font-size: 80%;
    padding-top: 10px
}

#playerDetail .menu a {
    background: #444;
    margin-right: .35em;
    padding: .3em 1.4em;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    border-radius: .25em
}

#playerDetail .menu a.active,#playerDetail .menu a.active:hover {
    background: #ef8100
}

#playerDetail .menu a.mhide {
    display: none
}

#playerDetail .menu a:hover {
    background: #717171
}

#playerDetail .menu a.dl {
    background: #ff9a23;
    display: block
}

#playerDetail .menu a.dl>span {
    display: inline-block;
    border-width: 4px;
    border-style: solid;
    border-color: #fff transparent transparent;
    vertical-align: middle
}

#playerDetail .menu a.dl:hover {
    background: #ef8100
}

#playerDetail .menu .dropWrap {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top
}

#playerDetail .menu .dropWrap .drop {
    position: absolute;
    top: 2em;
    right: 0;
    left: auto;
    z-index: 9999
}

#playerDetail .menu .dropWrap .drop li {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 200ms ease-in;
    -moz-transition: height 200ms ease-in;
    transition: height 200ms ease-in
}

#playerDetail .menu .dropWrap:hover .drop li {
    height: 3.2em
}

#playerDetail .menu .dropWrap:hover a.dl {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #ef8100
}

#playerDetail .menu .dropWrap:hover {
    overflow: visible
}

#playerDetail .menu .dropWrap .drop a {
    background: #333;
    color: #fff;
    display: block;
    border-radius: 0;
    min-width: 240px;
    font-weight: normal
}

#playerDetail .menu .dropWrap .drop a:hover {
    background: #ef8100
}

#playerDetail .menu .dropWrap .drop .quality {
    float: right;
    border-radius: 3px;
    margin-top: 6px;
    background: #3c4446;
    padding: 4px 6px;
    font-size: 85%;
    font-weight: bold;
    min-width: 85px;
    text-align: center
}

#playerDetail .menu .dropWrap .drop .size {
    display: block;
    font-size: 75%
}

#playerDetail .menu .dropWrap ul li a {
    display: block
}

#playerDetail .information {
    background: #e1e1e1;
    padding: .75em;
    overflow: hidden
}

#playerDetail .information p {
    font-size: 75%;
    margin: .5em 0
}

#playerDetail .information a {
    color: #0066cc;
    text-decoration: none
}

#playerDetail .information a:hover {
    text-decoration: underline
}

#playerDetail .information span.label {
    display: block;
    font-weight: bold;
    color: #666
}

#playerDetail .comments form {
    font-size: .85rem
}

#playerDetail .comments textarea {
    width: 100%
}

#playerDetail .comments a.post {
    display: inline-block;
    background: #878787;
    color: #fff;
    text-decoration: none;
    padding: .5em 1em;
    margin-right: 12px
}

#playerDetail .models-wrapper {
    float: none;
    font-weight: bold
}

#playerDetail .models-wrapper .model {
    margin-top: 0
}

#playerDetail .models-wrapper .model span {
    font-size: 1rem
}

#playerDetail .flag,#playerDetail .embed,#playerDetail .addPlaylist {
    border: none;
    visibility: hidden;
    padding: .75em;
    background: #333;
    position: absolute;
    top: 180px;
    left: 0;
    width: 100%;
    z-index: 9998;
    opacity: 0;
    margin: -10px 0 0 0;
    -webkit-transition: opacity .3s ease-out,margin .3s ease-out;
    -o-transition: opacity .3s ease-out,margin .3s ease-out;
    transition: opacity .3s ease-out,margin .3s ease-out
}

#playerDetail .flag.active,#playerDetail .embed.active,#playerDetail .addPlaylist.active {
    opacity: 1;
    visibility: visible;
    margin: 0
}

#playerDetail .flag .msg {
    color: #fff
}

#playerDetail .comments {
    padding-top: 12px
}

.up-wrapper #playerDetail .comments {
    margin: 0
}

#playerDetail .comments textarea {
    width: 100%;
    border: 3px solid #ccc;
    border-radius: .45em;
    padding: .35em;
    height: 3em;
    margin: 0 .5em 0 0;
    outline: none
}

#playerDetail .comments a {
    display: inline-block;
    vertical-align: middle
}

#playerDetail .comments .comment {
    border-bottom: 1px solid #d1d1d1;
    padding: .5em;
    overflow: hidden;
    font-size: 85%
}

#playerDetail .comments .comment.hide {
    display: none
}

#playerDetail .comments .comment:last-child {
    border: none
}

#playerDetail .comments .comment .comment {
    border-bottom: none;
    margin-left: 1em;
    clear: both
}

#playerDetail .comments .comment img {
    float: left;
    border: 1px solid #333
}

#playerDetail .comments .comment .body {
    margin: -2px 0 0 34px;
    padding-left: .75em
}

#playerDetail .comments .comment .body .vote {
    display: inline-block
}

#playerDetail .comments .comment .body .time {
    color: #666;
    font-weight: normal
}

#playerDetail .comments .comment .body p {
    margin: 0;
    font-size: 1em
}

#playerDetail .comments .comment .body a {
    text-decoration: none;
    color: #0066cc;
    font-size: .85em
}

#playerDetail .comments .comment .body a.reply {
    color: #666
}

#playerDetail .comments .comment .vote .votes {
    color: #999;
    font-size: .75em
}

#playerDetail .comments .comment .body .vote a {
    display: inline-block;
    padding: 0 .25em;
    text-decoration: none;
    color: #666;
    font-size: 1em;
    line-height: 1.8;
    margin: 0
}

#playerDetail .comments .comment .body .vote a.active,#playerDetail .comments .comment .body .vote a.active:hover {
    color: green
}

#playerDetail .comments .comment .vote a:hover {
    color: #333
}

#playerDetail .comments .post {
    display: inline-block;
    padding: .25em .5em;
    background: #0066cc;
    border-radius: .35em;
    color: #fff !important;
    text-decoration: none
}

#playerMobile {
    background: #000;
    padding: 2px 1px 1px 1px
}

#playerMobile a {
    color: #ccc
}

#playerMobile .voteBar {
    background: #191c1d;
    padding: .75em .5em;
    color: #fff;
    overflow: hidden
}

#playerMobile .voteBar .rating,#playerMobile .voteBar .favor,#playerMobile .voteBar .views {
    float: left
}

#playerMobile .voteBar .rating {
    width: 40%
}

#playerMobile .voteBar .favor {
    width: 21%;
    margin: 0 0 0 2%
}

#playerMobile .voteBar .views {
    width: 35%;
    margin: 0 0 0 2%
}

#playerMobile .voteBar .rating a {
    padding: .5em
}

#playerMobile .voteBar .rating a,#playerMobile .voteBar .favor a {
    font-size: 1.5rem;
    border-radius: 0
}

#playerMobile .voteBar .viewCount {
    background: #303334;
    font-size: 1rem;
    padding: 1em .25em;
    display: block
}

#playerMobile .voteBar .rating a {
    width: 50%
}

#playerMobile .voteBar .favor a {
    padding: .625em;
    width: 100%;
    margin: 0
}

#playerMobile .voteBar .stat {
    font-size: .75rem;
    display: block;
    text-align: center;
    padding: .75em 0 0 0
}

#playerMobile .voteBar .row {
    margin: 0;
    display: block
}

#playerMobile .voteBar .join {
    display: block;
    padding: 12px 8px 0 8px;
    text-align: center;
    color: #ff9a23;
    font-size: 1.2em;
    clear: both;
    font-weight: bold
}

#playerMobile .vote-bar-wrapper {
    border: none;
    height: auto;
    padding: 0
}

#playerMobile .vote-bar {
    border: none;
    height: .4em
}

#playerMobile .accordion {
    padding: 1px 0 0 0
}

#playerMobile .accordion>a,#playerMobile .accordion .small>a {
    background: #3c4446;
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    padding: 8px;
    display: block;
    text-align: left;
    margin: 0 0 1px 0
}

#playerMobile .accordion .small {
    overflow: hidden
}

#playerMobile .accordion .small>a {
    float: left;
    border-left: 1px solid #000
}

#playerMobile .accordion .small>a:nth-child(1) {
    width: 47%;
    border: none;
    background: #e67c00
}

#playerMobile .accordion .small>a:nth-child(2) {
    width: 38%
}

#playerMobile .accordion .small>a:nth-child(3) {
    width: 15%;
    text-align: center;
    color: #888
}

#playerMobile .accordion>a.active,#playerMobile .accordion .small>a.active {
    background: #0066cc;
    color: #fff
}

#playerMobile .accordion a i.icon-angle-down {
    float: right;
    margin-top: 4px
}

#playerMobile .accTab {
    background: #222;
    margin-bottom: 1px;
    padding: 8px 0
}

#playerMobile .accTab.download {
    text-align: center
}

#playerMobile .accTab.download li {
    display: inline-block;
    width: 45%
}

#playerMobile .accTab.download a {
    text-decoration: none;
    color: #fff;
    padding: 8px;
    display: block
}

#playerMobile .accTab.download li .quality {
    font-size: 1.2em
}

#playerMobile .accTab.download li .size {
    font-size: .9em;
    color: #777
}

#playerMobile .accTab.addPlaylist,#playerMobile .accTab.flag {
    color: #ccc;
    margin: 0 0 1px 0;
    border: none;
    padding: 8px 0;
    text-align: center
}

#playerMobile .accTab.addPlaylist li a {
    display: block;
    padding: 8px;
    border-radius: 0;
    text-decoration: none;
    background: #333;
    color: #ccc;
    text-align: left;
    margin: 0 0 1px 0
}

#playerMobile .accTab.addPlaylist li a i {
    display: none;
    float: right
}

#playerMobile .accTab.addPlaylist li a.play-link {
    display: none
}

#playerMobile .accTab.addPlaylist li.active a i {
    display: block
}

#playerMobile .accTab.addPlaylist li.active a {
    background: #e67c00;
    color: #fff
}

#playerMobile .accTab.addPlaylist p {
    font-size: 1.1em
}

#playerMobile .accTab.flag {
    text-align: left;
    padding: 8px
}

#playerMobile .accTab.flag textarea {
    width: 100%
}

#playerMobile .accTab.description {
    color: #fff;
    padding: 12px
}

#playerMobile .accTab.description p {
    text-align: left;
    margin: 0
}

#playerMobile .accTab.description a.siteLogo {
    float: left;
    margin: 5px 12px 5px 0
}

#playerMobile .accTab.categories .model {
    width: 30%;
    text-align: center;
    font-size: 1.1em
}

#playerMobile .accTab.categories .model img {
    width: auto;
    height: auto;
    display: block;
    margin: auto
}

#playerMobile .accTab.categories .model span {
    margin: 0;
    font-size: 1rem;
    display: block
}

#playerMobile .accTab.categories {
    color: #ccc
}

#playerMobile .accTab.categories span.label {
    display: block;
    text-align: center;
    font-size: 1.4rem
}

#playerMobile .accTab.categories a {
    color: #fff;
    display: inline-block;
    padding: 2px 5px
}

#playerMobile .accTab.comments textarea {
    margin: 0 3%;
    width: 94%;
    display: block
}

#playerMobile .accTab.comments {
    text-align: left
}

#playerMobile .accTab.comments a.post {
    display: inline-block;
    padding: 6px 10px;
    margin: 4px 3%;
    border: none;
    background: #0066cc;
    text-decoration: none;
    color: #fff;
    font-size: 1rem;
    font-weight: bold
}

#playerMobile .accTab.comments .comment.hide {
    display: block
}

#playerMobile .accTab.comments .comment {
    background: #444;
    padding: 8px;
    margin: 1px 3%;
    color: #999
}

#playerMobile .accTab.comments .comment img {
    float: left;
    margin-top: 6px
}

#playerMobile .accTab.comments .comment .body {
    margin-left: 44px;
    font-size: .8rem
}

#playerMobile .accTab.comments .comment p {
    margin: 0;
    color: #fff;
    font-size: .85rem
}

#playerMobile .accTab.comments .comment .vote {
    float: right
}

#playerMobile .accTab.comments .comment .vote a {
    display: inline-block;
    padding: 6px;
    text-decoration: none
}

#playerMobile p.share {
    color: #999;
    margin: 8px 0 0 0
}

#playerMobile .addthis_sharing_toolbox {
    padding: 8px 0 6px
}

.global-notif {
    display: flex;
    justify-content: space-between;
    z-index: 10000;
    background: #02131b;
    color: #ccc;
    box-shadow: .15em .15em .25em rgba(0,0,0,.25);
    border-radius: .15em;
    padding: 1em;
    position: fixed;
    visibility: hidden;
    bottom: -100%;
    margin: 1em;
    left: 0;
    width: 30em;
    align-items: center
}

.global-notif p {
    margin: 0;
    font-size: 13px
}

.global-notif p a {
    color: #fff;
    font-weight: 500;
    text-decoration: none
}

.global-notif>a {
    white-space: nowrap;
    line-height: 1;
    cursor: pointer;
    background: #095f89;
    border-radius: .25em;
    text-decoration: none;
    color: #fff;
    padding: .65em;
    font-size: 13px;
    margin: 0 0 0 .65em
}

.global-notif.active {
    bottom: 0;
    visibility: visible !important
}

.meta-text p {
    margin-bottom: 1em
}

.join-form .quotes.temp,.join-form .quotes-box .looper.temp .looper-inner {
    height: 88%
}

.bem-promo-order__main {
    padding-top: 20px;
    box-sizing: border-box
}

@media(max-width: 1059px) {
    .bem-promo-order__main {
        padding-left:10px
    }
}

@media(max-width: 799px) {
    .bem-promo-order__main {
        width:100%;
        padding-left: 0
    }
}

.bem-promo-order__h_step,.bem-promo-order__h_main {
    margin-top: -8px;
    margin-bottom: 20px
}

@media(max-width: 799px) {
    .bem-promo-order__h_step,.bem-promo-order__h_main {
        margin-bottom:10px
    }
}

.bem-element-list {
    margin: 0 0 24px 0;
    padding: 0;
    list-style-type: none
}

.bem-element-list__item {
    margin-bottom: 14px
}

.bem-element-list__item_two-cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width: 399px) {
    .bem-element-list__item_two-cols {
        display:block
    }
}

@media(max-width: 483px) {
    .bem-element-list__item {
        margin-bottom:5px
    }
}

.bem-element-list__item_two-cols .bem-element-list__option {
    width: 50%
}

@media(max-width: 399px) {
    .bem-element-list__item_two-cols .bem-element-list__option {
        width:100%
    }
}

.bem-element-list__item_two-cols .bem-element-list__option:first-child {
    padding-right: 7px
}

@media(max-width: 483px) {
    .bem-element-list__item_two-cols .bem-element-list__option:first-child {
        padding-right:2px
    }
}

@media(max-width: 399px) {
    .bem-element-list__item_two-cols .bem-element-list__option:first-child {
        padding-right:0;
        margin-bottom: 5px
    }
}

.bem-element-list__item_two-cols .bem-element-list__option:last-child {
    padding-left: 7px
}

@media(max-width: 483px) {
    .bem-element-list__item_two-cols .bem-element-list__option:last-child {
        padding-left:2px
    }
}

@media(max-width: 399px) {
    .bem-element-list__item_two-cols .bem-element-list__option:last-child {
        padding-left:0
    }
}

.bem-radio {
    cursor: pointer
}

.bem-radio input {
    opacity: 0
}

.bem-radio label {
}

.bem-radio label::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -16px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #464646
}

.bem-radio label::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -9px;
    width: 16px;
    height: 16px;
    background: #464646;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s,-webkit-transform .3s
}

.bem-radio input:checked + label {
}

.bem-radio input:checked + label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media(max-width: 483px) {
    .bem-radio label::before {
        margin-top:-11px;
        width: 20px;
        height: 20px
    }
}

@media(max-width: 483px) {
    .bem-radio label::after {
        margin-top:-6px;
        width: 10px;
        height: 10px
    }
}

.bem-payment-option {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bem-payment-option img {
    height: auto
}

.bem-payment-option input {
    position: absolute;
    top: 0;
    left: 0
}

.bem-payment-option label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e6e6e6;
    color: #464646;
    font-size: 24px;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0 16px;
    min-height: 68px;
    display: flex;
    align-items: center;
    padding-left: 62px;
    -webkit-transition: background .3s;
    transition: background .3s;
    box-sizing: border-box
}

.bem-payment-option label::before {
    left: 16px !important
}

.bem-payment-option label::after {
    left: 23px!important
}

.bem-payment-option input:checked + label {
    background: #fffed3;
    border-color: #fff58c
}

.bem-payment-option_b {
    font-weight: bold
}

.bem-payment-option_b label {
    color: #000
}

.bem-payment-option_simple label {
    min-height: 60px !important;
    height: 60px !important
}

@media(max-width: 349px) {
    .bem-payment-option_simple label {
        -webkit-box-orient:horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(max-width: 483px) {
    .bem-payment-option label::after {
        left:21px!important
    }
}

@media(max-width: 349px) {
    .bem-payment-option label {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 4px;
        padding-bottom: 2px
    }
}

@media(max-width: 483px) {
    .bem-payment-option label {
        font-size:18px;
        font-size: 1.125rem;
        min-height: 40px !important;
        height: 40px !important
    }
}

.bem-payment-option__savings {
    position: relative;
    top: -5px;
    padding: 2px 6px;
    background: #969696;
    border-radius: .2em;
    color: #fff;
    font-size: .75rem;
    font-weight: 700
}

@media(max-width: 483px) {
    .bem-payment-option__savings {
        top:-2px;
        font-size: .6875rem
    }
}

.bem-payment-option__legend {
    font-size: 12px;
    font-size: .75rem;
    color: #464646;
    font-weight: normal
}

.bem-payment-option__price {
    font-size: 50px;
    font-size: 3.125rem
}

.bem-payment-option__icon_visa {
    width: 76px;
    height: 50px
}

@media(max-width: 1084px) {
    .bem-payment-option__icon_visa {
        width:65px;
        height: 50px
    }
}

@media(max-width: 483px) {
    .bem-payment-option__icon_visa {
        width:34px;
        height: 24px;
        margin-right: 4px
    }
}

.bem-payment-option__icon_mastercard {
    width: 76px;
    height: 38px
}

@media(max-width: 1084px) {
    .bem-payment-option__icon_mastercard {
        width:60px;
        height: 40px
    }
}

@media(max-width: 483px) {
    .bem-payment-option__icon_mastercard {
        width:32px;
        height: 22px;
        margin-right: 4px
    }
}

.bem-payment-option__icon_discover {
    width: 120px;
    height: 60px
}

@media(max-width: 1084px) {
    .bem-payment-option__icon_discover {
        width:100px;
        height: 40px
    }
}

@media(max-width: 483px) {
    .bem-payment-option__icon_discover {
        width:68px;
        height: 26px
    }
}

.bem-payment-option__icon_paypal {
    margin-bottom: 0;
    width: 180px
}

@media(max-width: 1084px) {
    .bem-payment-option__icon_paypal {
        width:180px
    }
}

@media(max-width: 483px) {
    .bem-payment-option__icon_paypal {
        width:96px;
        margin-bottom: 0
    }
}

.bem-payment-option__icon_btc {
    width: 120px;
    height: 60px
}

@media(max-width: 1084px) {
    .bem-payment-option__icon_btc {
        width:130px;
        height: 40px
    }
}

@media(max-width: 483px) {
    .bem-payment-option__icon_btc {
        width:76px;
        height: 22px;
        margin-right: 10px
    }
}

.bem-payment-option__title {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 349px) {
    .bem-payment-option__title {
        margin-bottom:2px
    }
}

.bem-payment-option__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 349px) {
    .bem-payment-option__logo {
        display:none
    }
}

.bem-add-on {
    border: 1px solid #e6e6e6;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 30px 10px 20px;
    margin-bottom: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    font-size: 29px;
    font-size: 1.8125rem;
    font-weight: bold;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer
}

.bem-add-on:hover {
    background-color: #fffed3;
    border-color: #fff58c
}

.bem-add-on.active,.bem-add-on.active:hover {
    background: #fffed3;
    border-color: #42da15
}

@media(max-width: 959px) {
    .bem-add-on {
        padding:10px 14px
    }
}

.bem-add-on__h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

@media(max-width: 499px) {
    .bem-add-on__h {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 20px;
        font-size: 1.25rem
    }
}

.bem-add-on__icon {
    display: inline-block;
    width: 1.35em;
    height: 1.35em;
    padding: .1775em .2em;
    margin-right: .5em;
    background: #42da15;
    border-radius: 50%;
    color: #fff;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-family: 'icons' !important;
    line-height: 1;
    text-align: center
}

.bem-add-on__icon:before {
    content: "\f067"
}

@media(max-width: 499px) {
    .bem-add-on__icon {
        font-size:1.15rem
    }
}

.bem-add-on.active .bem-add-on__icon:before {
    content: "\f00c"
}

.bem-add-on__text {
    margin-right: 14px;
    font-weight: 300
}

.bem-add-on__badge {
    white-space: nowrap;
    margin-right: 14px
}

.bem-add-on__price {
    padding-left: 16px
}

@media(max-width: 499px) {
    .bem-add-on__price {
        padding-left:0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.bem-aim-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 26px;
    line-height: 1.6
}

@media(max-width: 399px) {
    .bem-aim-text {
        display:none
    }
}

.bem-aim-text__icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
    color: #ff7a0d;
    margin-right: 5px;
    margin-top: 4px
}

.bem-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold
}

@media(max-width: 799px) {
    .bem-price {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(max-width: 329px) {
    .bem-price {
        margin-top:20px;
        margin-bottom: 20px
    }
}

.bem-price__item {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bem-price__item_size_m {
    font-size: 16px;
    font-size: 1rem
}

@media(max-width: 554px) {
    .bem-price__item {
        font-size:10px;
        font-size: .625rem
    }
}

.bem-price__item_off {
    color: #818181;
    margin-left: 10px;
    font-size: 12px;
    font-size: .75rem;
    position: relative
}

@media(max-width: 554px) {
    .bem-price__item_off {
        font-size:8px;
        font-size: .5rem
    }
}

.bem-price__item_off::before {
    content: '';
    display: block;
    position: absolute;
    top: 1.3em;
    left: -2px;
    right: -2px;
    height: 2px;
    background: red
}

@media(max-width: 554px) {
    .bem-price__item_off::before {
        height:1px
    }
}

.bem-price__symbol {
    font-size: 1.8em;
    line-height: 1em
}

.bem-price__item_off .bem-price__symbol {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem
}

.bem-price__inc-dec {
    padding-right: 10px
}

.bem-price__inc-dec,.bem-price__integer {
    font-size: 2.9em;
    line-height: 1
}

.bem-price__fraction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.bem-price__fraction-value {
    font-size: 1.9em;
    line-height: 1
}

.bem-price__fraction-period {
    font-size: 1em;
    line-height: 1em;
    color: #818181
}

.bem-price__fraction-period.first-month {
    font-size: .55rem
}

.bem-badge {
    color: red;
    font-weight: bold;
    display: inline-block
}

.bem-badge_small {
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold
}

.bem-badge_no-change {
    background: #f66c3d;
    text-transform: uppercase;
    border-radius: 4px;
    color: #fff;
    padding: 4px 10px
}

.bem-badge_no-change.bem-badge_small {
    text-transform: none;
    padding: 3px 6px 4px 6px;
    line-height: 1
}

@media(max-width: 499px) {
    .bem-badge_no-change {
        font-size:.6875rem
    }
}

@media(min-width: 800px) {
    .bem-badge {
        background:#f66c3d;
        text-transform: uppercase;
        border-radius: 4px;
        color: #fff;
        padding: 4px 10px
    }

    .bem-badge_small {
        background: #ff7a0d;
        text-transform: none;
        padding: 3px 6px 4px 6px;
        line-height: 1
    }
}

.join-form input[type=submit] {
    margin: 1em .22em 0 0
}

.promo-pic img {
    width: 100%;
    max-width: 523px;
    margin: 0 auto 1em
}

@media(max-width: 52em) {
    .promo-pic img {
        display:none
    }
}

@media(max-width: 500px) {
    .global-notif {
        margin:0;
        width: 100%;
        border-radius: 0;
        border-top: 1px solid #666
    }
}

@media(max-width: 1100px) {
    div.global-top-banner a {
        margin:.25em auto
    }

    div.global-top-banner a .btn {
        font-size: .8rem
    }

    div.global-top-banner .title {
        font-size: 1.25rem
    }

    div.global-top-banner.easter .logo {
        height: 40px
    }

    div.global-top-banner .offer {
        font-size: 1.5rem
    }

    div.global-top-banner .plus {
        font-size: .8rem
    }
}

@media(max-width: 900px) {
    div.global-top-banner .title {
        display:none
    }
}

@media(max-width: 700px) {
    div.global-top-banner.easter {
        padding:.5em .25em
    }

    div.global-top-banner .offer em,div.global-top-banner .plus ins,div.global-top-banner .btn {
        display: none
    }

    div.global-top-banner.easter .logo {
        height: 40px
    }
}

@media(max-width: 500px) {
    div.global-top-banner {
        padding:.25em
    }

    div.global-top-banner.xmas {
        background-size: 60%
    }

    div.global-top-banner .inner .flex:first-of-type {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    div.global-top-banner.xmas a {
        border: 4px #05A658 groove
    }

    div.global-top-banner.xmas a .inner {
        border: 2px #ED1E3C dotted
    }

    div.global-top-banner a .btn {
        padding: .15em .75em;
        font-size: .75rem;
        white-space: nowrap
    }

    div.global-top-banner .offer {
        margin-bottom: .15em;
        line-height: 1.25
    }

    div.global-top-banner .plus {
        margin: 0;
        font-size: .75rem;
        letter-spacing: 0;
        text-transform: none
    }
}

@media(max-width: 400px) {
    div.global-top-banner .offer {
        font-size:1.15rem
    }
}

@media(min-width: 24em) {
    #playerDetail .menu a.mhide {
        display:inline-block
    }

    #playerDetail .menu a {
        background: #444;
        padding: .3em 1em
    }

    #playerDetail .menu .dropWrap .drop {
        right: 0;
        left: auto
    }

    .wankzvr .heading img {
        display: none
    }

    .wankzvr img.logo {
        display: inline-block;
        float: right;
        margin: 10px 20px;
        width: 80px
    }
}

@media(min-width: 32em) {
    #playerDetail .sitelogo {
        display:block;
        width: 165px;
        height: 110px;
        padding: 0;
        float: left;
        margin: -.75em .75em 0 -.75em
    }

    #playerDetail .sitelogo img {
        max-width: 100%;
        margin: auto
    }

    #playerDetail .sitelogo.chlogo img {
        margin-top: 26px
    }

    #playerDetail .controls .views {
        text-align: right;
        padding-top: 0
    }

    #playerDetail .pdLeft {
        float: left
    }

    #playerDetail .sitelogom {
        display: none
    }

    #playerDetail .flag,#playerDetail .embed,#playerDetail .addPlaylist {
        top: 158px
    }
}

@media(min-width: 40em) {
    .showGallery li {
        width:33.2%
    }
}

@media(min-width: 46em) {
    #playerDetail .addthis_sharing_toolbox {
        float:right;
        margin: 0
    }

    #playerDetail .information .data {
        float: left;
        width: 40%;
        padding-right: 2em
    }

    #playerDetail .comments {
        float: left;
        width: 60%;
        padding-top: 0
    }
}

@media(min-width: 52em) {
    .join-wrapper .sale {
        font-size:1.3rem
    }

    .wankzvr .heading img,.wankzvr img.logo {
        display: block;
        width: 190px
    }

    .showGallery li {
        width: 24.9%
    }

    .mdlMain.picview .mdlLeft {
        margin-right: 340px
    }

    .mdlMain.picview .mdlRight {
        display: block
    }

    .mdlMain.picview {
        height: calc(100% - 80px);
        width: calc(100% - 80px)
    }

    .mdlMain.picview .mdlLeft a.close {
        display: none
    }

    #playerDetail .addthis_sharing_toolbox {
        float: none;
        margin: 8px 0 -.5em
    }

    #playerDetail .information .data {
        float: none;
        width: auto;
        padding-right: 0
    }

    #playerDetail .comments {
        float: none;
        width: auto;
        padding-top: 12px
    }

    .mdlMain.warning {
        max-width: 42em
    }
}

@media(min-width: 60em) {
    .showGallery li {
        width:19.9%
    }

    #playerDetail .addthis_sharing_toolbox {
        float: right;
        margin: 0
    }

    #playerDetail .information .data {
        float: left;
        width: 40%;
        padding-right: 2em
    }

    #playerDetail .comments {
        float: left;
        width: 60%;
        padding-top: 0
    }
}

@media(min-width: 70em) {
    .showGallery li {
        width:16.5%
    }

    #playerDetail .menu {
        float: right;
        clear: right;
        padding-top: 0
    }

    #playerDetail .sitelogo {
        margin: -.75em .75em -.75em -.75em
    }

    #playerDetail .inner div.controls {
        height: 110px
    }

    #playerDetail .flag,#playerDetail .embed,#playerDetail .addPlaylist {
        top: 110px
    }
}

@media(min-width: 74em) {
}

.wankzapp *,.wankzapp *:before,.wankzapp *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.wankzapp ul,.wankzapp ol,.wankzapp li {
    list-style: none;
    margin: 0;
    padding: 0
}

.wankzapp h1,.wankzapp h2,.wankzapp h3 {
    margin: 0;
    padding: 0
}

.wankzapp.theme-dark {
    background: #111;
    color: #eee
}

.wankzapp.theme-light {
    background: #eee;
    color: #222
}

.wankzapp.theme-darkest {
    background: #000;
    color: #eee
}

.wankzapp {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

.wankzapp img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

.wankzapp a {
    color: #1E1E1E;
    text-decoration: none
}

.wankzapp p {
    margin: 1em 0
}

.wankzapp .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex.col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.invert {
    background: #1E1E1E;
    color: #fff
}

.wankzapp .btn {
    display: inline-block;
    padding: .45em 1.5em;
    background-color: #3864ff;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#3864ff),to(#6486fb));
    background-image: linear-gradient(0deg,#3864ff,#6486fb);
    color: #FFF;
    border-radius: .12em;
    border: none;
    -webkit-box-shadow: 2px 2px 0 rgba(0,90,164,.9) !important;
    box-shadow: 2px 2px 0 rgba(0,90,164,.9) !important;
    text-align: center;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
    -webkit-transition: .1s ease-in all;
    transition: .1s ease-in all
}

.wankzapp .btn:hover {
    will-change: transform;
    -webkit-transform: scale(.96);
    transform: scale(.96);
    color: #fff
}

.wankzapp .btn.large {
    font-size: 1.5rem
}

.wankzapp .wrapper {
    width: 100%;
    max-width: 42em;
    margin: auto
}

.wankzapp section,.wankzapp footer,.wankzapp .cp {
    padding: 1em
}

.wankzapp section h3,.wankzapp section p.blurb {
    margin-bottom: .5em
}

.wankzapp section p {
    text-align: center;
    opacity: .75
}

.wankzapp section h3 {
    margin: 1em auto;
    font-size: 1.5rem;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase
}

.wankzapp section .action {
    display: block;
    width: 100%;
    margin-bottom: .5em;
    text-align: center
}

.wankzapp section .text-wrap {
    max-width: 38em;
    margin: auto
}

.wankzapp header[role=banner] {
    width: 100%;
    padding: .5em;
    background: transparent;
    border-bottom: .1em rgba(155,155,155,.3) solid
}

.wankzapp header[role=banner] .logo {
    margin-left: 0;
    background: transparent;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.wankzapp header[role=banner] .logo img {
    margin: 0
}

.wankzapp header[role=banner] .logo > span {
    margin-left: .5em
}

.wankzapp header[role=banner] .logo .app {
    font-weight: 100
}

.wankzapp header[role=banner] .logo .version {
    padding: .35em;
    background: #999;
    border-radius: .2em;
    color: #fff;
    font-size: .6rem;
    font-weight: 900;
    line-height: 1
}

.wankzapp header[role=banner] .logo,.wankzapp header[role=banner] .logo img {
    height: 2.5em;
    width: 6.5em
}

.wankzapp header[role=banner] .action {
    margin-left: auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.wankzapp header[role=banner] .action svg {
    margin-right: .5em
}

.wankzapp header[role=banner] .action .btn {
    white-space: nowrap
}

.wankzapp .main-hero,.wankzapp .features {
    position: relative
}

.wankzapp .main-hero .hero {
    padding: 2.5em 0
}

.wankzapp .main-hero .hero .screenshots {
    position: relative;
    max-width: 80%;
    margin: auto;
    z-index: 1
}

.wankzapp .main-hero .model {
    position: absolute;
    z-index: 10
}

.wankzapp .main-hero .model.left {
    left: 0;
    max-width: 30.5%
}

.wankzapp .main-hero .model.right {
    right: 0;
    max-width: 29%
}

.wankzapp .main-hero .btn {
    margin-bottom: .25em
}

.wankzapp .main-hero .text {
    width: 100%;
    text-align: center
}

.wankzapp .main-hero h1 {
    margin-bottom: .65em;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.25
}

.wankzapp .main-hero h2 {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1
}

.wankzapp .main-hero .subtitle {
    font-size: .75rem;
    opacity: .5
}

.wankzapp .main-hero .list {
    margin: 0 0 1.25em 0
}

.wankzapp .main-hero .list .item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: .2em;
    background: rgba(50,50,50,.1)
}

.wankzapp .main-hero .list .item:nth-child(2n) {
    background: rgba(50,50,50,.2)
}

.wankzapp .main-hero .list .item:nth-child(3n) {
    background: rgba(50,50,50,.25)
}

.wankzapp .main-hero .list .item .text {
    display: block;
    padding: .65em .5em .5em
}

.wankzapp .main-hero .list a {
    color: #084aff;
    text-decoration: underline
}

.wankzapp .main-hero .list a:hover {
    color: #1341be;
    text-decoration: none
}

.wankzapp .compatible {
    max-width: 46em;
    margin: 0 auto 2.5em;
    background: rgba(255,255,255,.1);
    border: .1em rgba(155,155,155,.3) solid;
    font-size: .83rem
}

.wankzapp .compatible .icon-box {
    padding: .5em;
    border: none;
    border-right: .1em rgba(155,155,155,.3) solid
}

.wankzapp .compatible .icon-box svg {
    display: block;
    height: 1em;
    width: 1em;
    margin: 0 auto;
    font-size: 1.5rem;
    fill: #79da74
}

.wankzapp .compatible .label {
    padding-left: 1em;
    color: rgba(155,155,155,.7);
    font-weight: 900
}

.wankzapp .model-box {
    margin: 0 auto 1.5em;
    text-align: center
}

.wankzapp .model-box.full {
    margin-top: 1.5em;
    background: rgba(50,50,50,.2)
}

.wankzapp .model-box .flex {
    max-width: 42em;
    margin: auto
}

.wankzapp .model-box .model {
    position: relative
}

.wankzapp .model-box .model img {
    position: absolute;
    z-index: 1
}

.wankzapp .model-box .model .photo {
    position: relative;
    z-index: 10
}

.wankzapp .model-box .model .wvr {
    top: 5em;
    right: 5em;
    width: 5.5em;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.wankzapp .model-box .model .mvr {
    top: 1em;
    right: 8em;
    width: 4em;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
}

.wankzapp .model-box .model .tvr {
    bottom: 5em;
    left: 1em;
    width: 3em;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.wankzapp .model-box .model .wankz {
    top: 2em;
    left: 0em;
    width: 6em;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    opacity: .75
}

.wankzapp .model-box .small {
    display: block;
    font-size: .65rem;
    opacity: .6
}

.wankzapp .model-box h1 {
    font-size: 2rem;
    font-weight: 700
}

.wankzapp .model-box p {
    margin-bottom: 1.5em;
    font-size: .9rem
}

.wankzapp .model-box img {
    max-width: 275px;
    margin: auto
}

.wankzapp .instructions {
    max-width: 42em;
    margin: 0 auto 1em;
    background: rgba(25,25,25,.85);
    color: #eee
}

.wankzapp .instructions .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.5em
}

.wankzapp .instructions .column {
    padding: .1em .75em;
    font-size: .85rem
}

.wankzapp .features .list {
    margin: 2em 0 1em;
    padding-bottom: 1em;
    border-bottom: .1em rgba(155,155,155,.3) solid
}

.wankzapp .features .item {
    width: 45%;
    margin: 0 1.25% 1.5em;
    text-align: center
}

.wankzapp .features .item .icon {
    display: block;
    margin: 0 auto .5em;
    font-size: 2rem;
    fill: #79da74
}

.wankzapp .features .item .subtitle {
    display: block;
    max-width: 5em;
    margin: auto;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.25
}

.wankzapp .features .item .blurb {
    opacity: .5
}

.wankzapp .features .item p {
    font-size: .85rem
}

.wankzapp footer {
    background: transparent;
    text-align: center
}

.wankzapp footer p {
    margin: .15em 0;
    font-size: .6875rem;
    opacity: .5
}

.wankzapp footer .flex {
    margin-bottom: .75em
}

.wankzapp .cp {
    display: block;
    margin: 0 auto;
    color: #464545;
    font-size: .5625rem;
    text-align: center
}

@media(max-width: 330px) {
    .wankzapp {
        font-size:90%
    }
}

@media(min-width: 400px) {
    .wankzapp {
        font-size:110%
    }
}

@media(min-width: 640px) {
    .wankzapp .instructions {
        -webkit-box-shadow:.5em .5em 0 rgba(25,25,25,.5);
        box-shadow: .5em .5em 0 rgba(25,25,25,.5)
    }

    .wankzapp .instructions .flex,.wankzapp .model-box .flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .wankzapp .instructions .column {
        width: 50%;
        margin: 0 1em
    }

    .wankzapp .main-hero .model.left {
        left: -5%
    }

    .wankzapp .main-hero .model.right {
        right: -5%
    }

    .wankzapp .features .item {
        width: 30%
    }

    .wankzapp .model-box,.wankzapp .model-box p {
        text-align: left
    }

    .wankzapp .model-box.full {
        padding: 1em 0 0
    }

    .wankzapp .model-box .model {
        width: 50%;
        margin-right: .5em
    }

    .wankzapp .model-box .text {
        width: 50%
    }

    .wankzapp .model-box img {
        max-width: 400px
    }
}

@media(min-width: 800px) {
    .wankzapp {
        font-size:140%
    }

    .wankzapp .btn {
        font-size: 1.25rem
    }

    .wankzapp .btn.large {
        font-size: 1.75rem
    }

    .wankzapp .main-hero h1 {
        font-size: 3rem;
        line-height: 1.5
    }

    .wankzapp .main-hero h2 {
        font-size: 1.65rem;
        line-height: 1.2
    }

    .wankzapp section h3 {
        font-size: 2rem
    }

    .wankzapp .main-hero .subtitle {
        font-size: 1rem
    }

    .wankzapp p {
        font-size: 1.25rem;
        line-height: 1.5
    }

    .wankzapp .model-box p {
        font-size: 1.1rem
    }

    .wankzapp .features .item .icon {
        font-size: 2.5rem
    }

    .wankzapp .features .item .subtitle {
        font-size: 1.35rem
    }

    .wankzapp .features .item p {
        font-size: 1rem
    }
}

@media(min-width: 886px) {
    .wankzapp footer {
        border-radius:0 0 .5em .5em
    }
}

@media(min-width: 996px) {
    .wankzapp {
        font-size:150%
    }
}
/* 小屏幕或平板电脑 */
@media (max-width: 52em) { /* 约832px */
    .scene .thumb-wrapper {
        height: 200px; /* 调整为较小的高度 */
    }
}

/* 移动设备（如手机） */
@media (max-width: 30em) { /* 约480px */
    .scene .thumb-wrapper {
        height: 103px; /* 更小的高度 */
    }
}