html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}.login-page footer{*zoom:1}.login-page footer:before,.login-page footer:after{display:table;content:""}.login-page footer:after{clear:both}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{font-size:100%;height:100%;background:#fff}@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("/assets/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: 16px;
    font-size: 1rem
}
* {
    box-sizing: border-box
}
a,
button,
input,
select,
textarea,
label,
summary {
    touch-action: manipulation
}
img {
    max-width: 100%;
    border-width: 0;
    vertical-align: middle
}
ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.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: transparent
}
.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: 11px;
        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: 32px;
    font-size: 2rem
}
h2,
.h2 {
    margin-bottom: .75;
    line-height: 1.2;
    font-size: 28px;
    font-size: 1.75rem
}
h3,
.h3 {
    margin-bottom: 1;
    line-height: 1.3;
    font-size: 21px;
    font-size: 1.3125rem
}
h4,
.h4 {
    margin-bottom: 1.5;
    line-height: 1.25;
    font-size: 18px;
    font-size: 1.125rem
}
h5,
.h5 {
    margin-bottom: 1.5;
    line-height: 1.25;
    font-size: 16px;
    font-size: 1rem
}
p {
    margin-bottom: 1.5;
    font-weight: 100;
    line-height: 1.5;
    font-size: 16px;
    font-size: 1rem
}
b,
strong {
    font-weight: 700
}
@font-face {
    font-family: "icons";
    src: url("/assets/fonts/icons.eot?9xumur");
    src: url("/assets/fonts/icons.eot?#iefix9xumur") format("embedded-opentype"), url("/assets/fonts/icons.woff?9xumur") format("woff"), url("/assets/fonts/icons.ttf?9xumur") format("truetype"), url("/assets/fonts/icons.svg?9xumur#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-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
}
.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] .account .account-opts {
    position: absolute;
    display: none;
    padding: .5em;
    background: #0a0a0a
}
header[role=banner] .account .account-opts li {
    display: block;
    margin: .15em 0;
    text-align: right
}
header[role=banner] {
    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] .logo {
    width: 6em;
    margin: .25em 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
}
header[role=banner] .logo img {
    width: 5em;
    height: 1.8em
}
header[role=banner] .text {
    text-align: center;
    color: #fff;
    line-height: 1;
    vertical-align: middle
}
header[role=banner] .search-trigger {
    margin: 0;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-size: .875rem
}
header[role=banner] nav[role=navigation] {
    width: 100%;
    padding: .25em 0;
    background: #1d1d1d;
    text-align: center;
    -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: 14px;
    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] nav[role=navigation] .more-nav-trigger .icon {
    font-size: 11px;
    font-size: .6875rem
}
header[role=banner] nav[role=navigation] .more-nav-trigger .icon::before {
    font-family: "icons";
    content: "\f067"
}
header[role=banner] nav[role=navigation] .more {
    display: none
}
header[role=banner] nav[role=navigation] .show-nav {
    display: inline !important
}
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 {
    left: auto;
    right: 0;
    margin-bottom: .5em;
    z-index: 1000
}
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-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: 14px;
    font-size: .875rem
}
header[role=banner] .access-controls .signin {
    margin-right: .25em
}
header[role=banner] .access-controls .members {
    display: block;
    width: 100%;
    padding: .5em;
    font-weight: 100;
    line-height: 1;
    font-size: 14px;
    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: 22.5em) {
    header[role=banner] nav[role=navigation] a {
        font-size: 16px;
        font-size: 1rem
    }
    header[role=banner] .access-controls a,
    header[role=banner] .access-controls .members,
    header[role=banner] .account a {
        font-size: 16px;
        font-size: 1rem
    }
}
@media screen and (min-width: 25em) {
    header[role=banner] .text {
        -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
    }
}
@media screen and (min-width: 36em) {
    header[role=banner] nav[role=navigation] .more-nav-trigger {
        display: none
    }
    header[role=banner] nav[role=navigation] .more {
        display: inline !important
    }
}
@media screen and (min-width: 48em) {
    header[role=banner] .logo {
        width: 6em
    }
    header[role=banner] .logo img {
        width: 5em;
        height: 1.8em;
        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: 14px;
        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: 14px;
        font-size: .875rem
    }
    header[role=banner] .access-controls .members {
        margin: 0;
        border: 0;
        background: transparent;
        font-size: 14px;
        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: 40px;
    margin-top: 0;
    opacity: 1;
    visibility: visible
}
.search-wrap .content-wrapper {
    position: relative
}
.search-wrap i {
    margin: 0 .5em 0 .75em;
    font-size: 14px;
    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: 16px;
    font-size: 1rem
}
.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: 14px;
    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: 14px;
        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: 21px;
    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: 12px;
    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: transparent;
    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: 14px;
    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: 12px;
    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("/assets/images/btn-arrow-previous.svg")
}
.hero .next-btn {
    right: 0;
    background-image: url("/assets/images/btn-arrow-next.svg")
}
.hero .hero-play-link {
    position: absolute;
    bottom: .25em;
    right: .25em;
    display: inline-block;
    padding: .25em .5em;
    background-color: transparent;
    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: 12px;
    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: 16px;
        font-size: 1rem
    }
    .hero .hero-play-link i {
        font-size: 16px;
        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: 18px;
        font-size: 1.125rem
    }
    .hero .hero-play-link i {
        font-size: 18px;
        font-size: 1.125rem
    }
}
@media(min-width:90em) {
    .hero .hero-play-link {
        padding: .5em 1.5em;
        font-size: 24px;
        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 .5em;
    margin-bottom: 0;
    background: rgba(0, 0, 0, .1);
    border-radius: .2em;
    color: #191c1d;
    font-weight: 900;
    text-transform: normal;
    font-size: 14px;
    font-size: .875rem
}
.section-sub-header h1 {
    margin-bottom: .15em;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 21px;
    font-size: 1.3125rem
}
.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: 14px;
    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: 14px;
    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: 12px;
    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: 11px;
    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 {
        margin-right: .5em
    }
    .section-sub-header .powered {
        left: auto;
        right: -.6em;
        width: 9em
    }
    .section-sub-header .tabs {
        display: block;
        margin-top: .5em
    }
    .section-sub-header .video-count {
        font-size: 16px;
        font-size: 1rem
    }
    .section-sub-header h1 {
        float: left;
        font-size: 26px;
        font-size: 1.625rem
    }
    .section-sub-header .rank {
        float: right;
        font-size: 18px;
        font-size: 1.125rem
    }
    .section-sub-header .favorite {
        font-size: 14px;
        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: 14px;
    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 .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 .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 .scene .time,
.tour .tv-index .time,
.tour .camGirl .time,
.tour .tv .time,
.tour .dvd .time,
.tour .studio .time,
.tour .channel .time,
.tour .site .time,
.tour .category .time,
.tour .user-card .time {
    padding: .25em 1em;
    margin-left: 0;
    background: transparent
}
.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;
    text-align: center;
    overflow: hidden
}
.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%
}
.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 {
    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-weight: 900;
    text-align: center;
    text-transform: uppercase;
    z-index: 5;
    font-size: 12px;
    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 {
    position: absolute;
    left: .25em;
    bottom: 0;
    display: block;
    width: 2.65em;
    height: 2.65em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    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("/assets/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("/assets/images/img-hd.png")
}
.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: #e51616;
    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: 16px;
    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: 9px;
    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%;
    height: 50%;
    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 .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,
.scene .thumb,
.tv-index .thumb,
.camGirl .thumb,
.tv .thumb,
.dvd .thumb,
.studio .thumb,
.channel .thumb,
.site .thumb,
.category .thumb,
.user-card .thumb {
    -webkit-transition: .2s all ease-in;
    -moz-transition: .2s all ease-in;
    transition: .2s all ease-in
}
.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: 11px;
    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 {
    display: block;
    min-height: 1.6em
}
.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%;
    padding: .25em 0;
    color: #78868a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 10px;
    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;
    background: #78868a;
    border-radius: .2em;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-size: 10px;
    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 .time,
.tv-index .time,
.camGirl .time,
.tv .time,
.dvd .time,
.studio .time,
.channel .time,
.site .time,
.category .time,
.user-card .time,
.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: 11px;
    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: 14px;
        font-size: .875rem
    }
    .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: 10px;
        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 .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("/assets/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: 11px;
    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%
    }
}
@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 .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: 10px;
    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 {
    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: 13px;
    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: 15px;
        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;
    font-size: 21px;
    font-size: 1.3125rem
}
.pagination .active,
.pagination .active i {
    background: #191c1d;
    color: #fff
}
.pagination a i {
    color: #78868a;
    font-size: 14px;
    font-size: .875rem
}
.pagination .next,
.pagination .previous {
    background: #0a0a0a;
    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: ""
}
.pagination .previous i.arrow-left:before {
    content: ""
}
.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: 14px;
    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: 11px;
    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: 24px;
    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: 21px;
    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: 20px;
    font-size: 1.25rem
}
.member-pitch-wrapper p {
    margin: 0;
    line-height: 1.3;
    font-size: 12px;
    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: 42px;
        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: 20px;
        font-size: 1.25rem
    }
    .member-pitch-wrapper p {
        line-height: 1.5;
        font-size: 14px;
        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: 14px;
    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: 12px;
    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: 12px;
    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
}
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: 18px;
    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: 12px;
    font-size: .75rem
}
footer .text-box.-legal p,
footer .text-box.-legal small,
footer .text-box.-legal a {
    font-size: 11px;
    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: 12px;
    font-size: .75rem
}
footer a {
    color: #313638;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
    font-size: .875rem
}
footer a:hover {
    text-decoration: underline
}
footer .lang-label {
    display: inline-block;
    margin-right: .25em;
    color: #78868a;
    font-size: 12px;
    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: 12px;
    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: 14px;
    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: transparent;
    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: 14px;
    font-size: .875rem
}
footer .join-box:hover span {
    color: #a1abae
}
footer small {
    display: block;
    margin: 0 auto;
    font-size: 11px;
    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;
        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-align: start;
        -moz-box-align: start;
        box-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start
    }
    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: 12px;
        font-size: .75rem
    }
    footer .text {
        width: 85%
    }
    footer .heading-action {
        pointer-events: none
    }
    footer .heading-action i::before {
        display: none
    }
    footer a {
        font-size: 12px;
        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: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
    font-size: 12px;
    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: 16px;
        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: 14px;
    font-size: .875rem
}
.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: #78868a;
    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: transparent;
    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: 11px;
    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: 11px;
    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: ""
}
.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: 13px;
    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: ""
}
.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: normal;
    font-size: 16px;
    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: 21px;
        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: 16px;
        font-size: 1rem
    }
    .content-sub-header h1,
    .content-sub-header h2 {
        font-size: 24px;
        font-size: 1.5rem
    }
    .content-sub-header h1.small,
    .content-sub-header h2.small {
        font-size: 21px;
        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: transparent
}
.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: 13px;
    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: 21px;
    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: 18px;
        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: 21px;
    font-size: 1.3125rem
}
.welcome-box p {
    margin: .25em 0 0;
    font-size: 14px;
    font-size: .875rem
}
.welcome-box .btn {
    margin-top: .75em;
    font-size: 12px;
    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: 23px;
    font-size: 1.4375rem
}
.block-index-pitch .left p {
    line-height: 1.35;
    font-size: 14px;
    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: 21px;
    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: 24px;
        font-size: 1.5rem
    }
    .block-index-pitch .left p {
        font-size: 12px;
        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: 32px;
        font-size: 2rem
    }
    .block-index-pitch .left p {
        font-size: 14px;
        font-size: .875rem
    }
}
@media screen and (min-width: 89em) {
    .block-index-pitch {
        margin: .5em auto
    }
    .block-index-pitch .left h3 {
        font-size: 42px;
        font-size: 2.625rem
    }
    .block-index-pitch .left ul {
        margin-bottom: .5em
    }
    .block-index-pitch .left li {
        font-weight: 100;
        font-size: 16px;
        font-size: 1rem
    }
    .block-index-pitch .left a {
        font-size: 28px;
        font-size: 1.75rem
    }
    .block-index-pitch .left p {
        font-size: 14px;
        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: 24px;
    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: 12px;
    font-size: .75rem
}
@media(min-width:52em) {
    .pitch {
        margin: 0 auto;
        padding: .5em .75em;
        line-height: 1.25;
        font-size: 42px;
        font-size: 2.625rem
    }
    .pitch .network {
        display: inline-block
    }
    .pitch .channel-image img {
        max-width: 2.5em
    }
    .pitch .features {
        margin-top: .25em;
        font-size: 18px;
        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: 16px;
    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: 32px;
        font-size: 2rem
    }
    .features-box>.feature .label {
        display: block;
        line-height: 1.25;
        font-size: 13px;
        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: 32px;
    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: 21px;
    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: 12px;
    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: 14px;
    font-size: .875rem
}
@media(min-width:35em) and (min-height:28em) {
    .freecontent-box {
        padding: 1em;
        border-width: .4em
    }
    .freecontent-box>.title {
        font-size: 52px;
        font-size: 3.25rem
    }
    .freecontent-box>.subtitle {
        font-size: 32px;
        font-size: 2rem
    }
    .freecontent-box>.progress-bar .trailers,
    .freecontent-box>.progress-bar .full-videos {
        padding: 1.25em 0
    }
    .freecontent-box>.sell {
        font-size: 16px;
        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: 14px;
    font-size: .875rem
}
.login-box .note {
    margin: 0;
    font-weight: 100;
    font-size: 12px;
    font-size: .75rem
}
.login-box h2 {
    margin-bottom: .25em;
    font-weight: 900;
    font-size: 24px;
    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: 14px;
    font-size: .875rem
}
.login-box .lost {
    float: right;
    display: block;
    color: #78868a;
    vertical-align: bottom;
    font-size: 12px;
    font-size: .75rem
}
.login-box label.error {
    float: none;
    display: block;
    padding: .25em .5em;
    background: #e51616;
    border-radius: .15em;
    font-weight: 100;
    font-size: 11px;
    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: 14px;
    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: 28px;
        font-size: 1.75rem
    }
}
.bc {
    display: none;
    padding: 0 0 1px 1em;
    background: transparent;
    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: 14px;
    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: 14px;
        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: 14px;
    font-size: .875rem
}
.unlock-box>.instructions {
    display: block;
    width: 90%;
    margin: .5em auto;
    line-height: 1.3;
    text-align: center;
    font-size: 14px;
    font-size: .875rem
}
.unlock-box .price {
    display: block;
    margin: 0 .5em;
    font-size: 21px;
    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: 21px;
    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: 16px;
    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: 16px;
    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: 56px;
    font-size: 3.5rem
}
.vid-quality-pitch-box .content .distromethods {
    text-transform: uppercase;
    font-size: 10px;
    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: 16px;
    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: 16px;
    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: 16px;
    font-size: 1rem
}
.addPlaylist p {
    margin: .25em auto .5em;
    font-size: 12px;
    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: 13px;
    font-size: .8125rem
}
.meta-text {
    padding: .5em 1.25em;
    color: #0a0a0a;
    font-size: 12px;
    font-size: .75rem
}
.meta-text p {
    margin: 0;
    font-size: 12px;
    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: 12px;
    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: 12px;
    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: 13px;
    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: 12px;
    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: 14px;
    font-size: .875rem
}
.join-form-wrapper .option:first-of-type {
    background: #e1c52a;
    text-shadow: 1px 1px 0 #917e14
}
.join-form-wrapper sup {
    font-size: 10px;
    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: 11px;
    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: 21px;
    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: 26px;
        font-size: 1.625rem
    }
    .join-form-wrapper .age {
        max-width: 15em
    }
    .join-form-wrapper .action-label {
        font-size: 16px;
        font-size: 1rem
    }
    .join-form-wrapper .subheader {
        margin: .25em auto;
        font-size: 16px;
        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: 16px;
        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: 16px;
        font-size: 1rem
    }
    .join-form-wrapper .option {
        font-size: 16px;
        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: 14px;
    font-size: .875rem
}
.age-restriction-box>.warning {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    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: 16px;
        font-size: 1rem
    }
    .age-restriction-box>.warning {
        font-size: 21px;
        font-size: 1.3125rem
    }
}
.epic-header {
    position: relative;
    display: block;
    margin-bottom: 1em;
    padding-top: 5.5em;
    padding-bottom: 1em;
    background-image: url("/assets/images/bg-header-assvengers-360.jpg");
    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("/assets/images/bg-header-assvengers-1550.jpg")
    }
    .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("/assets/images/bg-header-assvengers-720.jpg")
    }
}
@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("/assets/images/bg-header-assvengers-1440.jpg")
    }
}
@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("/assets/images/bg-header-assvengers-3100.jpg")
    }
}
.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: 18px;
    font-size: 1.125rem
}
.meta-box>.description {
    margin: 0 0 .5em;
    text-shadow: 0 0 10px #0a0a0a;
    font-size: 12px;
    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: 14px;
    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: 14px;
    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: 24px;
        font-size: 1.5rem
    }
    .meta-box>.description {
        font-size: 14px;
        font-size: .875rem
    }
}
.category-box {
    display: none;
    margin-bottom: .5em;
    padding: .5em;
    background: rgba(255, 255, 255, .65);
    font-size: 11px;
    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: 12px;
    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: 10px;
        font-size: .625rem
    }
    .category-box a>.count {
        display: inline;
        margin-left: .25em;
        font-size: 9px;
        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: 14px;
    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: 14px;
    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: 16px;
        font-size: 1rem
    }
}
.toggle-wrapper {
    display: none;
    margin: 0 auto .5em;
    padding: .25em;
    background: rgba(255, 255, 255, .65)
}
@media(min-width:52em) {
    .toggle-wrapper {
        margin: 0 auto .25em;
        border-radius: .25em
    }
}
.content-toggle {
    display: inline-block;
    margin: .25em 0 0 .25em;
    color: #6c797d;
    font-size: 12px;
    font-size: .75rem
}
.content-toggle>.label {
    margin-right: .25em
}
.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: transparent;
    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: 12px;
    font-size: .75rem
}
@media(min-width:52em) {
    .content-toggle {
        font-size: 11px;
        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: 14px;
    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: 16px;
        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: 12px;
    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;
        background-image: url("/assets/images/assvengers-promo-1.jpg")
    }
    .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: 28px;
        font-size: 1.75rem
    }
    .download-unlock-box .unlock-box .instructions {
        font-size: 12px;
        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: 26px;
    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: 26px;
    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: 34px;
        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: 21px;
    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: 14px;
    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: transparent;
    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: 12px;
    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: 16px;
        font-size: 1rem
    }
}
.join-form {
    max-width: 1080px;
    margin: auto;
    padding: 0 1em
}
.join-form .heading {
    margin-bottom: .5em;
    font-weight: 500;
    font-size: 16px;
    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: 14px;
    font-size: .875rem
}
.join-form>div {
    display: block;
    margin-bottom: 1em
}
.join-form p {
    margin: 0 0 .25em
}
.join-form p>input {
    display: block;
    width: 260px;
    padding: .25em .5em;
    background: #fff;
    border: 1px #78868a solid;
    border-radius: .15em;
    color: #191c1d;
    font-size: 14px;
    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: 12px;
    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 .paymentmethod-box {
    margin-top: 1em
}
.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
}
.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;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 33%;
    -moz-flex: 1 1 33%;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    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:last-child {
    margin: 0
}
.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 {
    margin-top: .25em
}
.join-form .paymentmethod-box img {
    height: 1.25em;
    width: 1.25em
}
.join-form .paymentmethod-box .paypal img {
    max-height: 1.75em;
    width: auto
}
.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 {
    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: 14px;
    font-size: .875rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 33%;
    -moz-flex: 1 1 33%;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    -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: 12px;
    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: 11px;
    font-size: .6875rem
}
.join-form .payments .price {
    position: relative;
    margin: 0 auto;
    line-height: 1;
    font-size: 32px;
    font-size: 2rem
}
.join-form .payments .price .monthly {
    font-size: 12px;
    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: 10px;
    font-size: .625rem
}
.join-form .action {
    width: 100%;
    padding-top: 1em;
    border-top: 1px #939ea2 solid;
    text-align: center
}
.join-form input[type=submit] {
    display: block;
    width: 100%;
    max-width: 20em;
    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: 18px;
    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: 19px;
        font-size: 1.1875rem
    }
    .join-form p>input {
        padding: .5em .5em;
        font-size: 16px;
        font-size: 1rem
    }
    .join-form .msg.bad {
        max-width: none;
        font-size: 14px;
        font-size: .875rem
    }
    .join-form .payments .option {
        font-size: 16px;
        font-size: 1rem
    }
}
@media(min-width:52em) {
    .join-form {
        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
    }
    .join-form .heading {
        font-size: 24px;
        font-size: 1.5rem
    }
    .join-form .heading .step {
        font-size: 18px;
        font-size: 1.125rem
    }
    .join-form .account-box p {
        margin-bottom: .5em
    }
    .join-form .account-box {
        -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%
    }
    .join-form .account-box p>input {
        width: 100%
    }
    .join-form .pay-boxes {
        padding: 0;
        margin-left: 2em;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 60%;
        -moz-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%
    }
    .join-form .paymentmethod-box {
        padding-top: 0;
        margin: 0 auto 1em
    }
    .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
    }
    .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: 21px;
        font-size: 1.3125rem
    }
    .join-form .payments .option .term {
        margin: 0 0 0 .5em;
        font-size: 19px;
        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: 18px;
        font-size: 1.125rem
    }
    .join-form .payments .option sup:last-of-type {
        top: 20px
    }
    .join-form .payments .option .regprice {
        margin-top: 0;
        font-size: 16px;
        font-size: 1rem
    }
    .join-form .payments .option .price {
        margin: 0;
        font-weight: 400;
        font-size: 50px;
        font-size: 3.125rem
    }
    .join-form .payments .option .rebill {
        color: #bcc3c5;
        text-transform: uppercase
    }
}
@media(min-width:90em) {
    .join-form .payments .option {
        margin: .15em
    }
}
.join-wrapper .separator {
    display: block;
    max-width: 1080px;
    height: .5em;
    margin: .5em auto 1em;
    background: repeating-linear-gradient(135deg, #aeb7ba, #aeb7ba .5em, transparent 0, transparent 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,
    .join-sell .thumbs {
        -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%
    }
}
.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: 21px;
    font-size: 1.3125rem
}
.bullets>div {
    display: block;
    margin-bottom: 1em
}
.bullets ul {
    list-style-position: inside;
    list-style-image: url("/assets/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: 29px;
        font-size: 1.8125rem
    }
    .bullets li {
        font-size: 19px;
        font-size: 1.1875rem
    }
}
.quotes {
    padding: 1em;
    background: #d8dcdd;
    color: #3c4446;
    font-weight: 600;
    text-transform: uppercase
}
.quotes .text {
    display: inline-block;
    line-height: 1.15
}
.quotes .author {
    display: inline-block;
    font-weight: 500;
    font-size: 12px;
    font-size: .75rem
}
.quotes .quote {
    font-size: 18px;
    font-size: 1.125rem
}
.quotes .bullets li {
    margin-bottom: 0
}
.quotes .looper-nav>li a {
    color: #3c4446
}
@media(min-width:52em) {
    .quotes {
        font-size: 21px;
        font-size: 1.3125rem
    }
    .quotes .quote {
        font-size: 26px;
        font-size: 1.625rem
    }
}
.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: 16px;
    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
}
.player-wrapper .info h1 {
    display: inline-block;
    max-width: 60%;
    text-overflow: ellipsis;
    text-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    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("/assets/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: 12px;
    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: 16px;
    font-size: 1rem
}
.player-wrapper .info .banner span {
    display: block;
    color: #fbe2f1;
    font-weight: 300;
    font-size: 12px;
    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: 12px;
    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: 14px;
    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: 21px;
        font-size: 1.3125rem
    }
    .player-wrapper .info .time {
        margin: 0 0 0 .5em;
        font-size: 18px;
        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: 32px;
        font-size: 2rem
    }
    .player-wrapper .info .title {
        margin: 0;
        padding: 0
    }
    .player-wrapper .info .title h1 {
        max-width: 80%
    }
    .player-wrapper h1 {
        font-size: 38px;
        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: 32px;
        font-size: 2rem
    }
    .player-wrapper .info .banner span {
        font-size: 18px;
        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;
    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: 21px;
    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;
    letter-spacing: -1px;
    text-align: left;
    font-size: 22px;
    font-size: 1.375rem
}
.up-wrapper .btn .term {
    display: table-cell;
    width: auto;
    padding: .5em;
    font-weight: 600;
    vertical-align: middle;
    font-size: 18px;
    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;
    font-size: 10px;
    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;
    vertical-align: middle;
    z-index: 100;
    font-size: 24px;
    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: 10px;
    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: 11px;
    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: 9px;
    font-size: .5625rem
}
.up-wrapper .explaination {
    width: 90%;
    margin: 0 auto .5em;
    line-height: 1.35;
    font-size: 12px;
    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: 28px;
    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: 11px;
    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: 23px;
        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
    }
    .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: 11px;
    font-size: .6875rem
}
.black-friday a {
    display: inline-block;
    margin: 0 auto;
    padding: .5em 1em;
    background: #e51616;
    border-radius: .25em;
    color: #fff;
    font-weight: 600;
    text-decoration: none
}
.black-friday a:hover {
    background: #b61212
}
@media(min-width:52em) {
    .black-friday {
        display: block
    }
}
.black-friday-mobile p {
    margin: .25em auto
}
@media(min-width:52em) {
    .black-friday-mobile {
        display: none
    }
}
.bp-controls .btn-settings .bp-menu label,
.bp-share label {
    text-align: left !important
}
.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("/assets/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: 21px;
    font-size: 1.3125rem
}
.login-page h2 span {
    color: #ff9a23
}
@media screen and (min-width: 32em) {
    .login-page h2 {
        font-size: 32px;
        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: 19px;
        font-size: 1.1875rem
    }
    .login-page .modal-box .remember {
        font-size: 14px;
        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: 21px;
    font-size: 1.3125rem
}
@media screen and (min-width: 85em) {
    .join-pitch h4 {
        font-size: 23px;
        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: 14px;
    font-size: .875rem
}
@media(min-width:52em) {
    .join-points li span, .all-site-points li span {
        font-size: 18px;
        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: 21px;
        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: 16px;
    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: 18px;
        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: 22px;
    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: 25px;
        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: 14px;
    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: 12px;
    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: 21px;
    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: 13px;
    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: 18px;
    font-size: 1.125rem
}
.legacy-login .options .members-login-box .forgotpass {
    display: block;
    margin-top: 1em;
    color: #adadad;
    text-decoration: underline;
    font-size: 14px;
    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: 32px;
    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: 19px;
    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: 18px;
    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: 11px;
    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: 12px;
    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: 16px;
        font-size: 1rem
    }
}
.about-wrapper {
    padding: 0 0 1em;
    background-color: #0a0a0a;
    color: #fff;
    overflow: hidden
}
.about-wrapper .top {
    background-image: url("/assets/images/about-bg.jpg");
    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: 32px;
    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: 32px;
    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: 62px;
        font-size: 3.875rem
    }
    .about-wrapper .text-content p {
        font-size: 18px;
        font-size: 1.125rem
    }
    .about-wrapper .image-strip img {
        width: 16.666666667%
    }
    .about-wrapper .action {
        font-size: 42px;
        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: 14px;
    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: 11px;
    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: 16px;
        font-size: 1rem
    }
}
@media(min-width:90em) {
    .tube-tour header[role=banner] .headline {
        font-size: 18px;
        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: 24px;
    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: 36px;
        font-size: 2.25rem
    }
}
@media(min-width:52em) {
    .tube-tour .pitch {
        width: 14em;
        font-size: 42px;
        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: 12px;
    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: 14px;
        font-size: .875rem
    }
}
@font-face {
    font-family: 'fira-sans';
    src: url("/assets/fonts/firasans-bold-webfont.eot");
    src: url("/assets/fonts/firasans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/firasans-bold-webfont.woff2") format("woff2"), url("/assets/fonts/firasans-bold-webfont.woff") format("woff"), url("/assets/fonts/firasans-bold-webfont.ttf") format("truetype"), url("/assets/fonts/firasans-bold-webfont.svg#fira_sansbold") format("svg");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: 'fira-sans';
    src: url("/assets/fonts/firasans-medium-webfont.eot");
    src: url("/assets/fonts/firasans-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/firasans-medium-webfont.woff2") format("woff2"), url("/assets/fonts/firasans-medium-webfont.woff") format("woff"), url("/assets/fonts/firasans-medium-webfont.ttf") format("truetype"), url("/assets/fonts/firasans-medium-webfont.svg#fira_sansmedium") format("svg");
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: 'fira-sans';
    src: url("/assets/fonts/firasans-light-webfont.eot");
    src: url("/assets/fonts/firasans-light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/firasans-light-webfont.woff2") format("woff2"), url("/assets/fonts/firasans-light-webfont.woff") format("woff"), url("/assets/fonts/firasans-light-webfont.ttf") format("truetype"), url("/assets/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("/assets/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: 11px;
        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: block;
    background: #3c4446;
    color: #78868a;
    font-family: Helvetica, Arial, sans-serif
}
.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 .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
    }
}
.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
}
.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-related,
.bp-related a,
.bp-share .share-btn,
.bp-overlay,
.blowplayer {
    box-sizing: border-box;
    background-clip: padding-box
}
.bp-menu,
.bp-share,
.bp-related,
.bp-sharebar,
.bp-scrubs,
.bp-context,
.bp-loader {
    position: absolute;
    display: none
}
.bp-menu {
    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-menu .bp-close svg {
    width: 1.5em;
    height: 1.5em;
    margin: 6px auto
}
.bp-btn.active .bp-menu {
    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:hover svg {
    opacity: 1
}
.bp-controls {
    color: #ddd;
    position: absolute;
    bottom: 0;
    background: #222;
    width: 100%;
    height: 2.9em
}
.bp-controls .bp-menu {
    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 {
    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 label,
.bp-scrubs span {
    text-shadow: .1em .1em 1px #000
}
.bp-controls .btn-settings .bp-menu {
    padding: .33em .5em;
    width: 16em;
    right: 0
}
.bp-controls .btn-settings .bp-menu .bp-mrow {
    margin: .5em 0
}
.bp-controls .btn-settings .bp-menu label {
    width: 6.2em;
    display: inline-block;
    padding-top: .35em;
    vertical-align: top
}
.bp-controls .btn-volume .bp-menu {
    width: 2.2em
}
.bp-controls .btn-volume:hover .bp-menu {
    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;
    background: #444;
    width: 100%;
    position: relative
}
.bp-seekbar div {
    position: absolute;
    width: 0;
    left: 0;
    height: 100%;
    background: #888
}
.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-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: 2.2em
}
.bp-sharebar .bp-btn {
    margin: 2px
}
.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-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-msg p {
    text-align: center;
    font-size: large
}
.bp-msg p a {
    color: #9edffd
}
.blowplayer:not(.mode-stereo) .bp-pane>.bp-loader.active,
.mode-stereo:not(.menu-vr) .eye-vr .bp-loader.active {
    display: block
}
.bp-loader {
    width: 14%;
    top: 41%;
    left: 50%;
    margin-left: -7%;
    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
}
.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 a {
    background: #222;
    padding: 10px 12px;
    margin-left: .5em;
    border-radius: .75em;
    display: inline-block
}
.bp-qualities a.active {
    background: #009933
}
.bp-qualities a.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-menu {
    width: 5em
}
.menu-vr .btn-volume .bp-menu {
    left: 100%;
    width: 0;
    top: 0;
    transition: .3s width;
    display: block
}
.menu-vr .btn-volume .bp-menu .bar {
    width: 100%;
    background: #888;
    margin: .6em 0;
    height: .8em;
    position: relative
}
.menu-vr .btn-volume .bp-menu .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:800px) {} .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;
    margin-left: -21em;
    left: 5%;
    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(/assets/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 {
    float: right;
    margin: 10px 20px;
    width: 190px
}
.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
}
@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
    }
}
@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) {
    .wankzvr .heading img {
        display: block
    }
    .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;
        margin-left: -21em;
        left: 50%
    }
}
@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) {}