*,
*:before,
*:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.container .row *,
.container .row *:before,
.container .row *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* font-face */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../font/RobotoCondensed-Regular.eot');
    src: url('../font/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/RobotoCondensed-Regular.woff2') format('woff2'),
    url('../font/RobotoCondensed-Regular.woff') format('woff'),
    url('../font/RobotoCondensed-Regular.ttf') format('truetype'),
    url('../font/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Italic';
    src: url('../font/RobotoCondensed-Italic.eot');
    src: url('../font/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'),
    url('../font/RobotoCondensed-Italic.woff2') format('woff2'),
    url('../font/RobotoCondensed-Italic.woff') format('woff'),
    url('../font/RobotoCondensed-Italic.ttf') format('truetype'),
    url('../font/RobotoCondensed-Italic.svg#RobotoCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed BoldItalic';
    src: url('../font/RobotoCondensed-BoldItalic.eot');
    src: url('../font/RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../font/RobotoCondensed-BoldItalic.woff2') format('woff2'),
    url('../font/RobotoCondensed-BoldItalic.woff') format('woff'),
    url('../font/RobotoCondensed-BoldItalic.ttf') format('truetype'),
    url('../font/RobotoCondensed-BoldItalic.svg#RobotoCondensed-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Bold';
    src: url('../font/RobotoCondensed-Bold.eot');
    src: url('../font/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/RobotoCondensed-Bold.woff2') format('woff2'),
    url('../font/RobotoCondensed-Bold.woff') format('woff'),
    url('../font/RobotoCondensed-Bold.ttf') format('truetype'),
    url('../font/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed Light';
    src: url('../font/RobotoCondensed-Light.eot');
    src: url('../font/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/RobotoCondensed-Light.woff2') format('woff2'),
    url('../font/RobotoCondensed-Light.woff') format('woff'),
    url('../font/RobotoCondensed-Light.ttf') format('truetype'),
    url('../font/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed LightItalic';
    src: url('../font/RobotoCondensed-LightItalic.eot');
    src: url('../font/RobotoCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../font/RobotoCondensed-LightItalic.woff2') format('woff2'),
    url('../font/RobotoCondensed-LightItalic.woff') format('woff'),
    url('../font/RobotoCondensed-LightItalic.ttf') format('truetype'),
    url('../font/RobotoCondensed-LightItalic.svg#RobotoCondensed-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

* {
    font-family: "Roboto Condensed", sans-serif !important;
}

/* black friday, cyber monday, cyber week, holiday season campaign logo
================================================================================================= */
.sidebar-campaign-logo {
    max-width: 120px;
    cursor: pointer;
}

#homePageBody .sidebar-campaign-logo {
    margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
    .sidebar-campaign-logo {
        margin-top: 35px;
    }

    .sidebar-campaign-logo.small-resolution {
        margin: 15px 0 0 5px;
    }

    #listGames .pageScrollContent.episodeList.thumb-list,
    #creators .pageScrollContent.episodeList.thumb-list {
        margin-top: 80px;
    }

    #bottomThumbSelector {
        margin-top: 120px;
    }

    .language-selector {
        min-height: 29px;
    }
}

@media screen and (min-width: 801px) {
    .sidebar-campaign-logo.small-resolution {
        display: none;
    }

    .toggle-favorite.small-device {
        display: none !important;
    }

    .toggle-favorite.large-device {
        display: block !important;
    }
}

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
    color: #000;
    background: #fff
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

body .homePageBodyFrame,
body #bottomThumbSelector {
    display: none;
}

body.desktop .homePageBodyFrame,
body.desktop #bottomThumbSelector {
    display: block;
}

body.modal-open {
    overflow: hidden;
    padding-right: 17px;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input, textarea, select {
    *font-size: 100%
}

legend {
    color: #000
}

/**
 * Layout
 */
html, body, #background {
    width: 100%;
    height: 100%;
}

body {
    color: #fff;
    /*font: 12px Arial, Helvetica, sans-serif;*/
    font-family: 'Roboto Condensed', sans-serif;
    background: #181818;
    overflow-x: hidden !important;
    overflow-y: auto;
}

#homePageBody {
    overflow: hidden;
}

h1 {
    font-size: 24px;
}

*[unselectable="on"] {
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -webkit-user-select: auto !important;
    user-select: auto !important;
}

.ccard-icon {
    background: url(https://i.c7cdn.com/images/ccard-icon.png) no-repeat;
    width: 43px;
    height: 30px;
    display: inline-block;
}

.sms-icon {
    background: url(https://i.c7cdn.com/images/sms-icon.png) no-repeat;
    width: 28px;
    height: 32px;
    display: inline-block;
}

.free-icon {
    background: url(https://i.c7cdn.com/images/free-icon.png) no-repeat;
    width: 44px;
    height: 45px;
    display: inline-block;
}

.FLleft {
    float: left;
}

.FLright {
    float: right;
}

.mobile {
    display: none;
}

div.container #player {
    display: block;
    z-index: 100002;
    position: absolute;
    top: 10px;
    left: 0;
}

#playerWrapper {
    position: absolute;
    right: 3%;
    width: 45%;
}

a {
    color: #fff;
    text-decoration: none;
}

/*Settings payments*/
.grid-view table.items tr.selected td {
    color: #000 !important;
}

.buyPopupPartTwo .paypal-by-epoch {
    width: 35%;
}

#background {
    min-width: 1007px;
    min-height: 670px;
    z-index: 0;
    overflow: hidden;
    background-position: center center;
    position: fixed;
    top: 0;
    left: 0;
}

#background img {
    position: absolute;
    width: 100%;
    display: none;
    /*height: 100%;*/
    /*object-fit: cover;*/
    /*object-position: center;*/
    z-index: 1;
}

#background img.active {
    z-index: 3 !important;
}

#background.repeat {
    background-repeat: repeat;
}

#background.center_stretch {
    background: none;
}

#background.center_stretch img {
    display: block;
    width: 100%;
    height: 100%;
}

#background.center_crop {
    background-position: center center;
}

#background.top_left {
    background-position: top left;
}

#background.top_right {
    background-position: top right;
}

#background.bottom_left {
    background-position: bottom left;
}

#background.bottom_right {
    background-position: bottom right;
}

.errorMessage {
    position: absolute !important;
    left: 0;
    top: -10px;
    min-width: 100%;
    background: #e22222;
    color: #fff !important;
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
    padding: 3px 8px;
    z-index: 1;
    box-sizing: border-box;
    transform: translateY(-100%);
}

.errorMessage:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-top: 5px solid #e22222;
    border-right: 5px solid transparent;
    transform: translateX(-50%);
}

#lostPasswordResetForm {
    bottom: 0 !important;
    height: 337px;
    left: 0 !important;
    margin: auto !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 476px;
}

#lostPasswordResetForm .errorMessage {
    left: 28px;
    right: auto;
    top: -8px;
}

#lostPasswordResetForm .errorMessage:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f00;
    bottom: -10px;
    left: 5px;
    top: auto;
}

.main.signup-left-col .errorMessage {
    left: 0;
    right: auto;
    top: -30px;
}

.main.signup-left-col .errorMessage:after {
    border-left: 5px solid transparent;
    border-top: 5px solid red;
    border-right: 5px solid transparent;
    bottom: -10px;
    right: 50%;
    top: auto;
}

.signup-screens .signup-left-col .errorMessage {
    top: -15px;
    font-size: 14px;
}

.signup-screens .signup-left-col .errorMessage:after {
    border-left: 8px solid transparent;
    border-top: 8px solid red;
    border-right: 8px solid transparent;
    bottom: -6px;
}

.contentContainer.account-container #account-form th,
.contentContainer.account-container #account-form td {
    text-align: left;
    border: 0 none;
}

.contentContainer.account-container #account-form td .editableform .form-control {
    width: 180px;
    height: 24px;
}

.contentContainer.account-container #account-form td .editableform .btn-sm {
    height: 24px !important;
}

.contentContainer.account-container #account-form td .editable-click {
    background: url('https://i.c7cdn.com/images/editable.png') no-repeat right;
    padding-right: 25px;
}

.contentContainer.account-container #account-form td img.editable {
    margin-left: 10px;
    cursor: pointer;
}

.contentContainer.account-container #account-form td .editable-click:hover {
    color: #fff;
}

.contentContainer.account-container #account-form th {
    padding-top: 12px;
}

.contentContainer.account-container #account-form td {
    font-size: 16px;
}

.contentContainer.account-container #account-form td .editable-input label {
    font-size: 12px;
}

.contentContainer.account-container #account-form .profileEmail td {
    color: #ffc602;
}

.contentContainer.account-container #account-form .errorMessage {
    left: 495px;
    top: 0;
    width: 300px;
}

.contentContainer.account-container .errorMessage:after {
    top: 3px;
    left: -4px;
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-left: transparent;
    border-right: 5px solid #FF0000;
    width: 0;
    height: 0;
}

.errorSummary ul li {
    color: red;
}

.errorSummary p {
    color: #000;
}

#player_overlay {
    position: fixed;
    top: 0;
    left:0;
    width:100%;
    height:100%;
    display: none;
    z-index: 2000000;
}

#player_overlay #trailerButton {
    z-index: 100000000;
    width: 100%;
    height: 62px;
    position: absolute;
    bottom: 36px;
    text-align: center;
}

#player_overlay #trailerButton .wrapper {
    width: 100%;
    height: 100%;
}

#trailerButton .wrapper {
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    background: linear-gradient(to bottom, #ffa500 0%, #c46000 50%, #af4600 50.1%, #a04100 100%);
    border-radius: 10px;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    border: 1px solid #f9b24a;
    border-top-color: #ffedaf;
    border-bottom-color: #000;
}

#trailerButton a {
    display: inline-block;
    color: #fff;
    font-family: HU_flasa, Comic Sans MS, Comic Sans MS5, cursive !important;
    padding: 7px 9px;
}

/* chrome specific hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #trailerButton a {
        padding-bottom: 9px;
        padding-top: 9px;
    }
}

.model-details {
    width: 410px !important;
}

.episodeBlock .description {
    margin-left: -4px;
    display: none;
}

.episodeBlock:hover .togglefavorite {
    display: block;
}

.toggle-favorite {
    transition: opacity 200ms;
}

.episodeBlock .toggle-favorite {
    display: block;
    position: initial;
    float: left;
    width: 28px;
    height: 25px;
    border: 0;
    padding: 0;
    margin: 0 auto;
    background: url(https://i.c7cdn.com/images/svg/heart-white.svg?v=2) no-repeat;
    background-size: cover !important;
    cursor: pointer;
}

.episodeBlock .toggle-favorite:hover {
    background: url(https://i.c7cdn.com/images/svg/heart-red.svg) no-repeat;
    opacity: .8;
}

.episodeBlock .toggle-favorite.on {
    background: url(https://i.c7cdn.com/images/svg/heart-red.svg) no-repeat;
}

#segPayPaymentForm .content {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.notification-dropdown {
    width: 330px;
    position: fixed;
    z-index: 1000000000;
    top: 20px;
    left: 100px;
}

.notification-dropdown > div {
    vertical-align: top;
}

.notification-dropdown-holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000;
}

.dropdown-top {
    width: 330px;
    height: 27px;
    background: transparent url(https://i.c7cdn.com/images/dropdown_top_1.png) no-repeat scroll center top;
}

.dropdown-bottom {
    width: 330px;
    height: 49px;
    background: transparent url(https://i.c7cdn.com/images/dropdown_bottom.png) no-repeat scroll center top;
}

.dropdown-img-left {
    display: inline-block;
    width: 23px;
    height: 100%;
}

.dropdown-img-right {
    display: inline-block;
    width: 23px;
    height: 100%;
}

.dropdown-center {
    display: inline-block;
    width: 284px;
    vertical-align: top;
}

.dropdown-list {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    max-height: 345px;
    background: #f2f2f2;
    overflow-x: hidden;
    overflow-y: auto;
}

.dropdown-list .item {
    height: 68px;
    border-bottom: 1px solid #808080;
    overflow: hidden;
    display: block;
    background: transparent url(https://i.c7cdn.com/images/notification-polaroid.png) no-repeat scroll left center;
}

.dropdown-list .item-type-show {
    background-image: none;
}

.dropdown-list .item:hover {
    background-color: #fefefe;
}

.dropdown-list .item img {
    width: 50px !important;
    height: 50px !important;
    display: inline-block;
    border-radius: 2px;
    margin-top: 9px;
    margin-left: 6px;
}

.dropdown-list .item-type-show img {
    width: 74px !important;
}

.dropdown-list .label {
    display: inline-block;
    font-size: 10px;
    height: 15px !important;
    line-height: 14px;
    margin: 6px 0 0 0 !important;
    padding: 1px 4px !important;
    position: static;
    border-radius: 4px;
}

.dropdown-list .full-ribbon {
    background: none repeat scroll 0 0 #8D2463 !important;
    color: #fff !important;
}

.dropdown-list .mini-ribbon {
    background: none repeat scroll 0 0 #274E94 !important;
    color: #fff !important;
}

.dropdown-list .item div {
    padding-left: 70px;
    margin-top: -50px;
    height: 68px;
}

.dropdown-list .item-type-show div {
    padding-left: 90px;
}

.dropdown-list .item div span {
    color: #0f0f0f;
    text-shadow: none;
    font-weight: bold;
}

.dropdown-list .item div span.m-name {
    text-transform: uppercase;
    display: inline-block;
    height: 16px;
    overflow: hidden;
}

.dropdown-list .item div em {
    color: #9e9e9e;
    text-shadow: none;
}

.dropdown-show-all {
    display: inline-block;
    width: 100%;
    height: 14px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 0;
    margin-bottom: -10px;
    text-align: center;
    cursor: pointer;
}

#menu {
    background: #000;
    font-size: 16px;
    line-height: 14px;
    margin: 0;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 10000003;
    height: 30px;
}

#menu aside {
    position: absolute;
    left: 55px;
    height: 100%;
}

#menu aside > span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0 20px 0 0;
    position: relative;
    cursor: pointer;
}

#menu aside .notification {
    display: inline-block;
    width: 35px;
    height: 28px;
    position: relative;
    padding-top: 0;
    padding-right: 0;
    top: -2px;
    text-align: right;
    z-index: 1001000000;
    cursor: pointer;
}

#menu aside .notification .NotifyWrapper {
    padding: 8px;
}

#menu aside .notification b {
    position: relative;
    top: 8px;
    vertical-align: top;
    background: #ff3f38;
    padding: 3px;
    border-radius: 2px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    -webkit-box-shadow: 0 2px 5px black, 0 1px 4px rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 2px 5px black, 0 1px 4px rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 2px 5px black, 0 1px 4px rgba(255, 255, 255, 0.5) inset;
}

#menu aside .notification .notification.opened {
    width: auto;
    height: auto;
    top: 40px;
}

#menu aside span.notification-show {
    background: transparent url(https://i.c7cdn.com/images/notification_show.png) no-repeat scroll left top;
}

#menu aside span.notification-model {
    background: transparent url(https://i.c7cdn.com/images/notification_model.png) no-repeat scroll left top;
}

#menu aside .liveSearchForm {
    left: 0;
    top: 1px;
}

#menu aside .liveSearchForm.loggedIn {
    left: 0;
    top: -1px;
}

#menu nav {
    position: absolute;
    right: 0;
    /*display: table;*/
    height: 100%;
}

#menu nav .menu_trigger {
    display: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    vertical-align: top;
}

#menu nav .menu_trigger input[type="checkbox"] {
    left: -20px;
    position: absolute;
    top: -20px;
}

#menu nav .menu_trigger .check {
    cursor: pointer;
}

input[type="checkbox"] ~ .check {
    background: url(https://i.c7cdn.com/images/mobile_menu_icon.gif) no-repeat 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 31px;
    margin-right: 10px;
    vertical-align: middle;
    width: 34px;
}

#menu nav ul {
    list-style: none;
}

#menu nav ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

#menu nav a,
#menu nav a ~ span {
    display: inline-block;
    text-align: center;
    padding: 7px 20px 2px 0;
    position: relative;
    white-space: nowrap;
}

#menu nav a.cams {
    color: #B773D3;
}

#menu nav a:hover,
#menu nav a:active,
#menu nav a:focus {
    text-decoration: none;
    color: #fff;
    border: none;
    outline: none;
}

#menu nav a.cams:hover,
#menu nav a.cams:active,
#menu nav a.cams:focus {
    color: #B773D3;
}

#menu nav a span.creditWarning {
    color: #f00;
    font-weight: bold;
}

/*
#menu .emailConfirmCont {
    display: inline-block;
}*/

/*#menu .emailConfirmCont a.emailConfirmAlert {
    color: #f00;
    font-weight: 700;
}*/

#menu .emailConfirmCont {
    position: absolute;
    top: 0;
    left: -668px;
    display: inline;
    float: left;
    background-color: #dc5051;
    margin-right: 399px;
    padding: 0;
}

#menu .emailConfirmCont:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 11px;
    /*background-image: url(/images/arrow-email-config.png);*/
    width: 7px;
    height: 10px;
}

#menu .emailConfirmCont a.emailConfirmAlert {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-weight: 700;
    /*font-family: 'itc-avant-garde-std-md'*/;
    padding: 0 10px 0 25px !important;
}

#menu .emailConfirmCont .button-box > button.close-x {
    position: relative;
    top: 0;
    right: 0;
    padding: 4px 10px;
    /*background-image: url(/images/close2-x.png);*/
    background-repeat: no-repeat;
    width: 11px;
    height: 23px;

}

#menu .emailConfirmCont .button-box {
    display: table-cell;
    background-color: #860505;
    /*display: inline-block;*/
}

@media (max-width: 1700px) and (min-width: 1500px) {
    #menu .emailConfirmCont {
        left: -470px;
    }
}

@media (max-width: 1499px) and (min-width: 1300px) {
    #menu .emailConfirmCont {
        /*left: 231px;*/
        position: unset;
        margin-right: 10px;
        left: auto !important;
    }
}

@media (max-width: 1299px) {
    #menu .emailConfirmCont {
        /*display: none !important;*/
        left: -5%;
    }
}

#menu .emailConfirmCont .closeBtn {
    display: none;
}

@media (max-width: 1400px) and (min-width: 1025px) {
    #menu .emailConfirmCont {
        /*background: #000;*/
        /*border-radius: 0 0 5px 5px;*/
        display: block;
        /*padding: 5px;*/
        /*position: absolute;*/
        top: 30px;
    }

    #menu .emailConfirmCont a.emailConfirmAlert {
        /*border-right: 1px solid #666;*/
        /*color: #f00;*/
        margin: 0 3px 0 0;
        max-width: inherit;
        padding: 0 10px 0 0;
    }

    #menu .emailConfirmCont .closeBtn {
        background: transparent;
        border: none;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        -webkit-transition: background 0.2s ease;
        transition: background 0.2s ease;
    }

    /*#menu .emailConfirmCont .closeBtn:hover {
        background: #f00;
    }*/
}

@media (max-width: 1024px) {
    #menu .emailConfirmCont {
        display: none;
    }

    .language-selector {
        margin-right: 50px !important;
    }
}

/*
#menu .emailConfirmCont {
    background: #000;
    border-radius: 0 0 5px 5px;
    padding: 5px;
    position: absolute;
    top: 30px;
}

#menu .emailConfirmCont a.emailConfirmAlert {
    border-right: 1px solid #666;
    color: #f00;
    margin: 0 5px 0 0;
    padding: 0 6px 0 0;
}

#menu .emailConfirmCont .closeBtn {
    background: transparent;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background 0.2s ease;
            transition: background 0.2s ease;
}

#menu .emailConfirmCont .closeBtn:hover {
    background: #f00;
}*/

/*#menu nav a.emailConfirmAlert {
    background: #000;
    border-radius: 0 0 5px 5px;
    color: #F00;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    position: absolute;
    top: 30px;
}

#menu nav a.emailConfirmAlert:after {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    content: 'X';
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    line-height: 15px;
    margin-left: 10px;
    position: relative;
    top: -5px;
    width: 15px;
}*/

#menu nav a.buttonFlashy {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmQ2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNzk1MjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: linear-gradient(to bottom, #febd68 0%, #f79520 100%);
    border-radius: 5px;
    color: #000;
    margin-right: 10px;
    padding: 3px 10px;
    position: relative;
    top: 1px;
}

/*@media (min-width: 600px) and (max-width: 980px) {*/
@media (min-width: 980px) and (max-width: 1400px) {
    #menu nav a,
    #menu nav a ~ span {
        padding: 7px 10px 2px 0;
    }

    #menu nav a.menu-profile {
        padding: 7px 20px 2px 0;
        box-sizing: content-box;
    }

    #menu nav a {
        text-overflow: ellipsis;
        /*		overflow: hidden; */
        max-width: 120px;
    }

    #menu nav a.registration {
        max-width: none;
    }
}

#menu nav span.logCmd {
    padding: 0 5px;
    position: relative; /* for "Brought to you by Cookie Jar" */
}

#brought-to-you-by-cookie-jar {
    border-radius: 0 0 5px 5px;
    background: #000;
    color: #fff;
    left: -25px;
    line-height: 26px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 24px;
    width: 242px;
}

#brought-to-you-by-cookie-jar .inner {
    color: #FFBA00;
    font-size: 18px;
}

/* END: brought to you by Cookie Jar */

#menu nav span.logCmd:before,
#menu nav span.logCmd:after {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background: #666;
    position: absolute;
    top: -9px;
}

#menu nav span.logCmd:before {
    left: -5px;
}

#menu nav span.logCmd:after {
    right: 10px;
}

#menu .hide {
    display: none;
}

#menu .current,
#menu .current:active,
#menu .current:hover,
#menu .current:focus {
    color: #FFBA00;
    text-decoration: none;
    border: none;
    outline: none;
}

#menu .buyCredit,
#menu .buyCredit:hover,
#menu .buyCredit:active,
#menu .buyCredit:focus {
    color: #00A651;
    text-decoration: none;
    border: none;
    outline: none;
}

/* profile dropdown */
.menu-dropdown {
    position: relative;
    display: inline-block;
}

.menu-dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #000;
    min-width: 100px;
    padding: 8px 10px;
    color: #fff;
}

.menu-dropdown-content.cams {
    min-width: 75px;
}

.menu-dropdown-content ul li {
    display: block !important;
    position: relative;
    background: no-repeat 0 5px;
}

.menu-dropdown-content ul li a {
    font-size: 12px;
    text-align: left !important;
    padding: 4px 0 4px 18px !important;
}

.menu-dropdown-content ul li.icon-credits {
    background-image: url(https://i.c7cdn.com/images/icon-credits.png);
}

.menu-dropdown-content ul li.icon-favorites {
    background-image: url(https://i.c7cdn.com/images/icon-favorites.png);
}

.menu-dropdown-content ul li.icon-settings {
    background-image: url(https://i.c7cdn.com/images/icon-settings.png);
}

.menu-dropdown-content ul li.icon-help {
    background-image: url(https://i.c7cdn.com/images/icon-help.png);
}

.menu-dropdown-content ul li.icon-logout {
    background-image: url(https://i.c7cdn.com/images/icon-logout.png);
}

.menu-dropdown-content ul li.icon-vote {
    background-image: url(https://i.c7cdn.com/images/icon-vote.png);
}

.menu-dropdown-content ul li.icon-pre-order {
    background-image: url(https://i.c7cdn.com/images/icon-pre-order.png);
}

.menu-dropdown-content ul li.icon-livecams {
    background-image: url(https://i.c7cdn.com/images/icon-livecams.png);
}

.menu-dropdown-content ul li.icon-liveshows {
    background: url(https://i.c7cdn.com/images/icon-liveshows.png) 0 7px;
}

.menu-dropdown:hover .menu-dropdown-content {
    display: block !important;
}

a.icon-help {
    background: transparent url("https://i.c7cdn.com/images/icon-help.png") no-repeat scroll 0 8px;
    padding-left: 15px !important;
}

.profile-selector {
    position: relative;
    margin-right: 10px;
}

.pre-order-selector::after,
.profile-selector:after {
    background-image: url("https://i.c7cdn.com/images/translation/arrow-down.png");
    content: "";
    height: 4px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 8px;
    z-index: 99999999;
}

.profile-selector.cams:after {
    top: 13px;
}

.profile-selector.profile-icon {
    margin-bottom: 4px;
}

.profile-selector.profile-icon a.menu-profile {
    box-sizing: content-box;
    height: 8px;
    width: 11px;
}

.profile-selector.profile-icon a.menu-profile img.icon-profile {
    display: block;
    height: 19px;
    left: 0;
    top: 2px;
    position: absolute;
}

.pre-order-selector {
    margin-right: 10px;
}

.pre-order-selector::after {
    right: 8px;
}

.menu-dropdown.pre-order .menu-dropdown-content {
    width: 120px;
}

@media screen and (max-width: 1024px) {
    .content .right {
        margin-top: 25px !important;
    }

    #menu nav a ~ span a {
        padding: 0;
    }

    #menu nav a,
    #menu nav a ~ span {
        max-width: 100%;
    }

    #menu nav .menu_trigger {
        display: inline-block;
        top: 0;
    }

    #menu nav.open {
        padding-top: 30px;
        width: 100%;
    }

    #menu nav .menu_trigger ~ a,
    #menu nav .menu_trigger ~ span {
        display: none;
        /*padding: 8px 5px;*/
    }

    #menu nav.open span.logCmd {
        padding: 0;
    }

    #menu nav.open .menu_trigger ~ a,
    #menu nav.open .menu_trigger ~ span a {
        display: block;
        text-align: right;
        background: rgba(0, 0, 0, 0.85);
        border-bottom: 1px solid #333;
        color: #fff;
        padding: 8px 5px;
        text-transform: uppercase;
        transition: background-color 0.2s linear;
    }

    #menu nav.open .menu_trigger ~ a:hover,
    #menu nav.open .menu_trigger ~ span a:hover {
        background: rgba(0, 0, 0, 1);
        border-bottom: 1px solid #888;
        /*color: #d00;*/
    }

    /* #menu nav.open .menu_trigger ~ a.buyCredit,
    #menu nav.open .menu_trigger ~ span.logCmd { */
    /*display: none;*/
    /* } */
    #menu nav.open .menu_trigger ~ a.current,
    #menu nav.open .menu_trigger ~ span a.current {
        color: #f00;
    }

    #menu nav.open .menu_trigger ~ a.buyCredit,
    #menu nav.open .menu_trigger ~ span a.buyCredit {
        color: #00A651;
    }

    #menu nav.open .menu_trigger ~ span {
        display: block;
    }

    #menu nav.open .menu_trigger ~ span a.hide {
        display: none;
    }

    #menu nav span.logCmd:before,
    #menu nav span.logCmd:after {
        display: none;
    }

    #sideMenu2 #headLine a,
    #sideMenu #headLine a {
        display: none;
    }

    .contentContainer .game-filter {
        display: none;
    }

    .menu-dropdown {
        display: none;
    }
}

.main-content {
    margin-top: 36px;
}

#sideMenu2,
#sideMenu {
    width: 150px;
    margin-left: 54px;
    color: #fff;
    float: left;
    position: fixed;
    /*font-family: 'ITCAvantGardeStd-XLt', sans-sherif;*/
    font-family: 'Roboto Condensed', sans-serif;
    z-index: 100000;
    top: 42px;
    bottom: 0;
}

#sideMenu2 #headLine a,
#sideMenu #headLine a {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2000;
}

#sideMenu2 .menu,
#sideMenu .menu {
    font-size: 15px;
    line-height: 20px;
}

#sideMenu2 .menu li,
#sideMenu .menu li,
#sideMenu2 .menu li a,
#sideMenu .menu li a {
    z-index: 100;
}

#sideMenu .menu li a.cams {
    color: #B773D3;
}

#sideMenu2 .menu li a:active,
#sideMenu2 .menu li a:hover,
#sideMenu2 .menu li a:focus,
#sideMenu .menu li a:active,
#sideMenu .menu li a:hover,
#sideMenu .menu li a:focus {
    text-decoration: none;
    color: #fff;
    border: none;
    outline: none;
}

#sideMenu .menu li a.cams:active,
#sideMenu .menu li a.cams:hover,
#sideMenu .menu li a.cams:focus {
    color: #B773D3;
}

#sideMenu2 .menu li.active a,
#sideMenu .menu li.active a {
    color: #f7941e;
}

#sideMenu2 .desc,
#sideMenu .desc {
    font-size: 75%;
    color: rgba(200, 200, 200, 0.75);
    padding-bottom: 3px;
}

/*#sideMenu .my-shows,*/
/*#sideMenu2 .my-shows,*/
/*#sideMenu .my-models,*/
/*#sideMenu2 .my-models {*/
/*margin-top: 24px;*/
/*}*/

#sideMenu2 .my-shows,
#sideMenu2 .my-models {
    margin-bottom: 25px;
}

#sideMenu .my-shows ul li span.new-favorite,
#sideMenu2 .my-shows ul li span.new-favorite,
#sideMenu .my-models ul li span.new-favorite,
#sideMenu2 .my-models ul li span.new-favorite {
    color: #FFBA00;
}

#sideMenu .my-shows ul li a,
#sideMenu2 .my-shows ul li a,
#sideMenu .my-models ul li a,
#sideMenu2 .my-models ul li a {
    display: block;
    /*font: 12px Arial, Helvetica, sans-serif;*/
    padding: 2px 0 2px 20px;
    border-radius: 4px;
    margin-bottom: 1px;
    width: 120px;
    margin-left: 0;
    font-weight: bold;
    color: white;
    cursor: pointer;
    font-size: 13px;
}

#sideMenu .my-shows ul li a.liked,
#sideMenu2 .my-shows ul li a.liked {
    background: url(https://i.c7cdn.com/images/svg/like.svg?v=2) no-repeat left center;
    background-size: auto 14px;
}

#sideMenu .my-shows ul li a.favorite,
#sideMenu2 .my-shows ul li a.favorite,
#sideMenu .my-models ul li a.favorite,
#sideMenu2 .my-models ul li a.favorite {
    background: url(https://i.c7cdn.com/images/filter-favorite.png) no-repeat left center;
}

#sideMenu .my-shows ul li a.unlocked {
    background: url(https://i.c7cdn.com/images/filter-unlock.png) no-repeat 0 2px;
    background-size: auto 14px;
}

#sideMenu .my-shows ul li a.flashSale {
    background: url(https://i.c7cdn.com/images/filter-flash-sale.png) no-repeat 0 2px;
    background-size: auto 17px;
}

#sideMenu .my-shows ul li a.preOrder {
    background: url(https://i.c7cdn.com/images/filter-pre-order.png) no-repeat 0 2px;
    background-size: auto 14px;
}

#sideMenu .my-shows ul li a.watched {
    background: url(https://i.c7cdn.com/images/filter-watched.png) no-repeat 0 2px;
    background-size: auto 14px;
}

#headLine.main {
    margin-bottom: 35px !important;
    z-index: 10000000;
    position: relative;
    /*margin-top: 4rem;*/
}

#homePage {
    z-index: 1;
}

#homePage #sideMenu2,
#homePage #sideMenu {
    position: absolute;
    margin: 0;
    left: 54px;
}

#homePage #headerContainer {
    width: 950px;
    height: 118px;
    background: none;
}

#homePage .contentContainer {
    position: absolute;
    width: 100%;
    margin: 45px 0 0;
    overflow: hidden;
    height: 100%;
}

#homePage .contentContainer .content {
    min-width: 1290px;
}

#homePage .contentContainer .content #player {
    border: 1px solid #2D2D2D;
    position: relative;
    margin-top: 81px;
}

#homePage .contentContainer .content #playButton {
    width: 288px;
    height: 78px;
    margin-left: 485px;
    margin-top: 55px;
    text-align: center;
    background: transparent url(https://i.c7cdn.com/images/bigPlayButton.jpg) no-repeat bottom left;
    display: block;
}

#homePage .contentContainer .content #playButton span {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    position: relative;
    top: 10px;
}

body.w1024 #sideMenu2,
body.w1024 #sideMenu {
    margin-left: 18px;
    width: 150px;
}

body.w1024 .breadcrumb {
    margin-left: 18px;
    margin-right: 18px;
}

.breadcrumb {
    margin: 36px 0 36px 54px;
    color: #fff;
    width: 100%;
    font-size: 12px;
    position: fixed;
    top: 10px;
    left: 0;
    /*font-family: 'ITCAvantGardeStd-XLt', sans-sherif;*/
}

.over {
    color: #FFBA00;
}

/* .contentContainer { */
/* z-index: 3; */
/* } */

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

.pageScrollContent.line-list .list-view .items {
    display: block !important;
    clear: both;
}

.items:after {
    clear: both;
    content: '';
    display: block;
}

.pageScrollContent .pageScrollLoader {
    display: none;
    background: url(https://i.c7cdn.com/images/ajax-loader.gif) no-repeat 0 0;
    width: 128px;
    height: 15px;
    margin: 10px auto;
}

.pageScrollContent .loadButton.loading {
    background: rgba(255, 198, 2, 0.8);
}

.pageLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 110000;
    display: none;
    background: url(https://i.c7cdn.com/images/ajax-loader.gif) no-repeat center center;
    /*
         background-color: #000;
         opacity: 0.1;
         filter: alpha(opacity=10);
    */
}

/* Home */
.addthis_toolbox {
    margin-top: 9px;
}

.addthis_toolbox.addthis_32x32_style span {
    display: inline-block !important;
}

#headLine {
    line-height: 1;
    font-size: 36px;
    margin-bottom: 1em;
    float: left;
    width: 100%;
}

#mainActionButtons {
    z-index: 2;
    float: right;
    margin-top: 36px;
    position: relative;
}

#mainActionButtons .buttons {
    display: flex;
}

#mainActionButtons .flash-sale-btn {
    position: relative;
    height: 70px;
    display: inline-flex;
    width: 100%;
    margin-top: 15px;
    padding: 0;
    text-align: center;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    background-color: #2697d5;
    border-radius: 5px;
    vertical-align: middle;
    cursor: pointer;
}

#mainActionButtons .flash-sale-btn.countdown-ended:after,
#mainActionButtons .flash-sale-btn.discount-unlocked:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #aaa;
    content: 'Flash sale has ended';
    text-transform: uppercase;
    font-size: 24px;
    color: #000;
    text-align: center;
    line-height: 70px;
    border-radius: 5px;
    font-style: normal;
    font-weight: bold;
    cursor: default;
    pointer-events: none;
}

#mainActionButtons .flash-sale-btn.discount-unlocked:after {
    content: 'Discount Unlocked' !important;
}

#mainActionButtons .flash-sale-btn > * {
    margin: auto;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.6;
}

#mainActionButtons .flash-sale-btn .row-1 {
    display: block;
    font-size: 16px;
}

#mainActionButtons .flash-sale-btn .row-1 b {
    font-size: 20px;
    border-bottom: 2px solid #fff;
    margin: 0 3px;
}

#mainActionButtons .flash-sale-btn .row-2 {
    display: block;
    font-size: 14px;
    font-style: italic;
}

#mainActionButtons .big-button {
    height: 70px;
    width: 168px;
    display: grid;
    z-index: 5;
    cursor: pointer;
    position: relative;
}

#mainActionButtons .big-button .text {
    position: absolute;
    font-size: 16px;
    line-height: 1.1;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-30%, -50%);
}

#mainActionButtons .big-button .text:before {
    content: '\f04b';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 22px;
    padding-right: 5px;
    position: absolute;
    top: 50%;
    transform: translate(-130%, -50%);
}

#mainActionButtons .big-button .resolution-button {
    height: 88px;
    width: 168px;
    margin-top: -17px;
    display: none;
    overflow: hidden;
}

#mainActionButtons .start-game-button.big-button .resolution-button {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #000;
}

#mainActionButtons .play-trailer-button.big-button .resolution-button {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #d7a501;
}

#mainActionButtons .big-button:hover .resolution-button {
    display: block;
}

#mainActionButtons .resolution-button .header {
    border-radius: 5px;
    font-size: 9px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
}

#mainActionButtons .start-game-button.big-button .resolution-button .header {
    color: #fff;
}

#mainActionButtons .play-trailer-button.big-button .resolution-button .header {
    color: #000;
}

#mainActionButtons .resolution-button li {
    background-color: #d7a501;
    border-bottom: 1px solid #000;
    color: #000;
    height: 23px;
}

#mainActionButtons .play-trailer-button .resolution-button li {
    background-color: #000;
    color: #fff;
    border-bottom: 1px solid #fff;
}

#mainActionButtons .resolution-button li:last-child {
    border: none;
}

#mainActionButtons .start-game-button .resolution-button li.res-720p {
    border-top-right-radius: 5px;
}

#mainActionButtons .play-trailer-button .resolution-button li.res-720p {
    border-top-left-radius: 5px;
}

#mainActionButtons .resolution-button li a {
    color: #000;
    font-weight: bold;
    position: relative;
    padding: 4px 0 0 25px;
    display: block;
}

#mainActionButtons .resolution-button li a::before {
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    content: "";
    height: 0;
    left: 10px;
    position: absolute;
    top: 7px;
    width: 0;
}

#mainActionButtons .play-trailer-button .resolution-button li a {
    color: #fff;
}

#mainActionButtons .play-trailer-button .resolution-button li a:before {
    border-color: transparent transparent transparent #fff;
}

#mainActionButtons .resolution-button li a .hd {
    margin-left: 10px;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    padding: 1px 2px 0 2px;
    font-style: italic;
    /*font-family: arial;*/
}

#mainActionButtons .resolution-button li:hover {
    color: #fff;
    background-color: #000;
}

#mainActionButtons .play-trailer-button .resolution-button li:hover {
    background-color: #d7a501;
    color: #000;
    border-bottom: 1px solid #000;
}

#mainActionButtons .resolution-button li:hover a::before,
#mainActionButtons .resolution-button li:hover a {
    border-color: transparent transparent transparent #fff;
    color: #fff;
}

#mainActionButtons .play-trailer-button .resolution-button li:hover a:before,
#mainActionButtons .play-trailer-button .resolution-button li:hover a {
    border-color: transparent transparent transparent #000;
    color: #000;
}

#mainActionButtons .start-game-button {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #f7941e;
}

#mainActionButtons .start-game-button:hover {
    background-color: #f38809;
}

#mainActionButtons .play-trailer-button {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #1b1b1b;
}

#mainActionButtons .play-trailer-button:hover {
    background-color: #0e0e0e;
}

/*#default {
    padding-top: 21px;
}*/

.mist {
    opacity: 0.3;
}

#DisplayPlayer .info-and-actions {
    position: fixed;
    right: 54px;
    bottom: 72px;
    z-index: 3;
    width: 336px;
    font-size: 12px;
}

#DisplayPlayer .info-and-actions.flash-sale {
    bottom: 56px;
}

#DisplayPlayer .toggle-favorite {
    display: block;
    position: relative;
    float: left;
    width: 27px !important;
    height: 25px !important;
    bottom: auto;
    top: 16px;
    left: 0;
    background: url(https://i.c7cdn.com/images/favorite-toggle-normal.png) no-repeat 0 0;
}

#DisplayPlayer .toggle-favorite.on {
    background: url(https://i.c7cdn.com/images/favorite-toggle-normal.png) no-repeat 0 -25px;
}

#DisplayPlayer .toggle-favorite:not(.on):hover {
    background: url(https://i.c7cdn.com/images/favorite-toggle-normal.png) no-repeat 0 -25px;
    opacity: 0.8;
}

#DisplayPlayer #sideMenu,
#DisplayPlayer #sideMenu2 {
    bottom: 50px;
}

#default .thumb-list .episodeBlock .ribbon {
    top: -2px;
    left: -1px;
}

#default .episodeBlock.mini .ribbon {
    background-position: -90px 0;
}

#default .episodeBlock.new .ribbon {
    background-position: -180px 0;
}

#default .episodeBlock .bottom .title {
    /*font-size: 18px;*/
    font-size: 12px !important;
    font-style: italic;
    font-weight: normal;
    color: #FFBA00;
    margin: 0;
}

#default .episodeList {
    z-index: 2;
    position: relative;
    overflow: hidden;
    height: auto !important;
    padding-bottom: 350px;
}

.episodeList.pageScrollContent .modelBlock img {
    display: block;
}

#default #headerContainer .episodeMenu {
    width: 150px;
    height: 61px;
    float: left;
    font-size: 14px;
    margin-left: 10px;
    text-align: center;
    background: transparent url(https://i.c7cdn.com/images/episodeHeaderBg.jpg) no-repeat scroll left top;
}

#default #headerContainer .episodeMenu a {
    color: #FFBA00;
}

/*start-game-button*/
/*.darker-shade .start-game-button {
    background: #f7941e !important;
    color: #3c3c3c;
    text-transform: uppercase;
    position: relative;
    border-radius: 3px;
    white-space: nowrap;
    line-height: 28px;
}
.darker-shade .start-game-button:hover {
    background: #f38809 !important;
}
.darker-shade .start-game-button:after {
    border-color: transparent transparent transparent #3c3c3c;
    border-style: solid;
    border-width: 7.5px 0 7.5px 9px;
    content: "";
    display: none;
    float: left;
    font-weight: bold;
    height: 0;
    left: -2px;
    line-height: 0;
    margin: 7px 0 0 12px;
    padding: 0 0 0 5px;
    position: absolute;
    top: 0;
    width: 0;
}
.episodeBlock:hover .darker-shade .start-game-button:after {
    display: block;
}*/
/*end start-game-button*/

/*.darker-shade .view-trailer-button*/
.episodeBlock .darker-shade .view-trailer-button {
    position: relative;
    display: flex;
    background: #585858;
    color: #c1c1c1;
    white-space: nowrap;
    margin-right: 5px;
    border: 0;
    padding: 0;
    min-width: 114px;
    border-radius: 4px;
    line-height: 30px;
    z-index: 1000;
    cursor: pointer;
}

.episodeBlock .darker-shade .view-trailer-button:hover {
    background-color: #4b4b4b;
    text-shadow: none !important;
}

.episodeBlock .darker-shade .view-trailer-button:before {
    border-left: none !important;
}

.episodeBlock:hover .darker-shade .view-trailer-button {
    display: block !important;
}

.line-list .episodeBlock:hover .darker-shade .start-game-button:after {
    border-left: none !important;
    color: transparent;
}

/*end .darker-shade .view-trailer-button*/

#default #headerContainer .episodeMenu #toprated {
    width: 76px;
    height: 38px;
    padding: 18px 5px 5px;
    float: left;
    cursor: pointer;
}

#default #headerContainer .episodeMenu #latest {
    width: 58px;
    height: 38px;
    padding: 18px 2px 5px;
    float: left;
    cursor: pointer;
}

#default .contentContainer .content h1 {
    font-size: 20px;
    margin-bottom: 8px;
}

#default .contentContainer .content p {
    margin: 0;
    line-height: 18px;
    position: relative;
    font-size: 13px;
}

#default .contentContainer .info-and-actions .info {
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    text-align: justify;
}

#default .contentContainer .content .left {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 582px;
    height: 363px;
    float: left;
    font-size: 14px;
    color: #B3B3B3;
}

/*#default .contentContainer .content .right {
    position: absolute;
    right: 0;
    top: 50px;
    left: 378px;
}*/

#default .contentContainer .content .right, .model-page .right-panel {
    position: static !important;
    /*left: 378px;*/
    margin-left: 200px;
    height: auto !important;
    margin-top: 70px;
    margin-right: 70px;
}

.layout17 #default .contentContainer .content .right {
    margin-top: 35px !important;
}

.layout17 #default .contentContainer .content .right.mtop-auto {
    margin-top: auto !important;
}

#default .contentContainer .content .right.cf {
    margin-left: 205px;
}

.w1024 .contentContainer .content .right, .w1024 .model-page .right-panel {
    margin-left: 150px !important;
}

/*@media screen and (max-width: 1279px){
body.w1024 #default .contentContainer .content .right,body.w1024 .model-page .right-panel {
    margin-left:252px;
}
body.w1024 #sideMenu {
    margin-left: 10px;
    margin-right: 10px;
}
}*/

#default .contentContainer .content .right .titleTop {
    font-size: 18px;
    font-style: italic;
    margin: 2px 0;
}

#default .contentContainer .content .right .title {
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    color: #FFBA00;
    margin: 0;
    white-space: nowrap;
    line-height: 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#default .episodeBlock:not(.extra) .bottom .title {
    max-width: 210px !important;
}

#default .contentContainer .content .right .titleContent {
    margin-top: 20px;
    overflow: hidden;
}

#default .contentContainer .content .right .startGame {
    width: 288px;
    height: 90px;
    background: transparent url(https://i.c7cdn.com/images/startGameBg.jpg) repeat-x scroll left top;
    position: absolute;
    bottom: 0;
    text-align: center;
}

#default .contentContainer .content .right .startGame a {
    width: 288px;
    height: 58px;
    display: block;
}

#default .contentContainer .content .right .startGame span {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 50px;
}

#default .contentContainer .content .episodeSeparatorLine {
    width: 900px;
    float: left;
    border-bottom: 1px solid #5A5A5A;
}

/*#creditContainer {
    overflow-y: auto;
}*/

#creditContainer .pager li a {
    color: #0e509e;
}

#creditContainer .pager li.selected a {
    color: #fff;
}

.survey-page {
    background: white;
}

.close-x {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 14px;
    height: 14px;
    z-index: 10000;
    cursor: pointer;
}

.close-x:after {
    position: absolute;
    content: "✕";
    display: block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 9px;
    border-radius: 30px;
    text-align: center;
    background-color: #333;
    color: #fff;
}

.survey-page p {
    padding: 20px;
    text-align: center;
}

/* Login/Signup form active styles*/
.signup-screens {
    width: 2000px;
}

.signup-page {
    width: 630px;
    margin-right: 50px;
    display: inline-block;
    vertical-align: top;
}

.signup-page h2, .survey-page h2 {
    color: #f7941e;
    font-size: 24px;
    text-shadow: 1px 1px 0 #c0c0c0;
    padding: 20px 52px;
    text-transform: uppercase;
}

#create-account .signup-page h2 {
    /*
        padding: 15px 30px;
        padding: 15px;
    */
    padding: 0 0 5px 20px;
}

.signup-page h3 {
    font-size: 24px;
    text-align: center;
    padding: 20px;
}

.signup-page > p {
    padding: 10px 50px;
    text-align: center;
}

.signup-left-col {
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
    vertical-align: top;
    width: 270px;
}

.loginDialog .login .signup-left-col {
    display: block;
    margin: 0 auto;
    width: 95%;
}

/* .loginDialog .signup-left-col { */
/*width: 255px;*/
/* } */

.loginDialog .signup-left-col div {
    position: relative;
}

.signup-left-col .recaptcha {
    margin-top: 12px;
    clear: both;
}

.signup-left-col .lost-password {
    width: 60% !important;
    clear: both;
}

.signup-left-col .buttons {
    padding-top: 15px !important;
}

.signup-left-col p {
    margin-bottom: 10px;
    font-size: 13px;
}

.signup-right-col {
    width: 250px;
    display: inline-block;
    vertical-align: top;
    margin: 0 25px;
}

.signup-right-col.center,
.signup-right-col.center h3 {
    text-align: center;
}

.signup-right-col h3 {
    padding: 0;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    /*font-family: Arial, Helvetica, sans-serif;*/
}

.signup-right-col ul {
    list-style: outside square;
    line-height: 18px;
    padding-left: 15px;
}

.signup-right-col .submit {
    margin: 15px 0 0;
    padding: 0;
    text-align: right;
}

.signup-page .container {
    height: 75px;
}

.signup-page .websiteSecure {
    float: left;
}

.signup-page .buttons, .survey-page .buttons {
    padding: 15px 0 0;
    border-top: 1px solid #dfdfdf;
}

.signup-page .buttons span {
    color: #808080;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 13px;
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.signup-page .buttons span a {
    color: #f7941e;
}

.signup-page .button {
    position: relative;
    top: 25%;
}

.signup-page .button, .survey-page .button, .signup-page div.button, .signup-page a.button {
    display: inline-block;
    background: #FFC602;
    color: #404040;
    border: 1px solid #E1AE02;
    font-size: 16px;
    font-weight: bold;
    padding: 9px;
    cursor: pointer;
    border-radius: 5px;
    margin: 0 10px;
}

/* Buy Credit popup second page */
.buyPopupPartTwo {
    display: none;
    text-align: center;
    font-size: 12px;
}

.buyPopupPartTwo .content {
    padding: 0 !important;
}

.buyPopupPartTwo .websiteSecure {
    position: absolute;
    right: 10px;
    bottom: 10px;
    /* background-color: #f4f4f4;
    padding: 25px; */
    padding: 10px;
    border-radius: 75px;
}

.buyPopupPartTwo .ssl-secure {
    position: absolute;
    right: 119px;
    bottom: 34px;
}

.buyPopupPartTwo .columns .free {
    font-size: 14px;
}

.buyPopupPartTwo .payment-column li {
    float: left;
    width: auto !important;
    height: 100px !important;
    min-height: 100px;
    display: table;
}

.buyPopupPartTwo .payment-column .options li.active .label {
    background-color: #faf3d9;
}

.buyPopupPartTwo .payment-column li .inputcel,
.buyPopupPartTwo .packages li .inputcel {
    display: table-cell;
    vertical-align: middle;
}

.buyPopupPartTwo .packages li .inputcel input {
    margin-top: -10px;
}

.buyPopupPartTwo .payment-column li .inputcel input {
    top: 0;
}

.buyPopupPartTwo .payment-column li .label {
    /* width: auto; */
    cursor: pointer;
    white-space: normal !important;
    width: 100%;
    display: table-cell;
    vertical-align: top;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    position: relative;
}

.buyPopupPartTwo .payment-column li .label img.recommended {
    position: absolute;
    top: 0;
    right: 0;
}

.buyPopupPartTwo .payment-column li .label .name {
    display: block;
    font-size: 12px;
    color: #737373;
    font-weight: bold
}

.buyPopupPartTwo .columns li.user-info,
.buyPopupPartTwo .columns li.login-signup {
    width: 190px;
}

body.loggedIn .buyPopupPartTwo .columns li.user-info {
    width: 250px;
    max-width: 250px;
}

.buyPopupPartTwo.showLogin .columns li.login-signup {
    width: 330px;
    max-width: 330px;
}

.buyPopupPartTwo .columns li.packages {
    width: 280px;
}

.buyPopupPartTwo .columns .last {
    padding-left: 20px;
    float: left;
}

.buyPopupPartTwo .columns .last input.buy-credits {
    margin: 0;
}

.buyPopupPartTwo .buttons {
    border-top: 1px solid #dfdfdf;
    /* padding-top: 18px; */
    margin-top: 0 !important;
    /* padding-right: 18px; */
    /* height: 57px; */
}

.buyPopupPartTwo .flow {
    background: #ababab;
    padding: 10px 0;
}

.buyPopupPartTwo .flow span {
    position: relative;
    display: inline-block;
    width: 320px;
    margin-right: -4px;
    text-align: left;
    /*font-family: ITCAvantGardeStd-Demi;*/
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.buyPopupPartTwo .flow span:first-child {
    width: 250px;
}

.buyPopupPartTwo .flow span:last-child {
    width: 225px;
}

.buyPopupPartTwo .flow span:before {
    content: '';
    display: inline-block;
    width: 44px;
    height: 24px;
    vertical-align: middle;
    /*position: absolute;
    right: 10px;*/
    position: relative;
    margin-right: 10px;
    background: transparent url(https://i.c7cdn.com/images/flow_arrow.png) no-repeat 0 0;
}

.buyPopupPartTwo .flow span:first-child:before {
    display: none;
}

.buyPopupPartTwo .flow span b {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 5px;
    margin-right: 5px;
    /*font-family: Arial, sans-serif;*/
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    background: #595959;
    border-radius: 3px;
}

.buyPopupPartTwo .flow span:first-child b {
    background: #737373;
}

.buyPopupPartTwo .flow span:last-child b {
    background: #404040;
}

.buyPopupPartTwo .columns {
    display: block;
}

.buyPopupPartTwo .columns > li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    min-height: 322px;
    padding: 18px 27px 27px;
    margin-right: -4px;
    float: left;
}

.buyPopupPartTwo .columns li.packages {
    /* padding-left: 75px; */
    padding: 18px 0;
}

.buyPopupPartTwo .columns > li h3 {
    text-transform: uppercase;
    margin-bottom: 18px;
    text-align: center;
    display: none;
}

.buyPopupPartTwo .columns > li.last form h3 {
    display: block;
    text-align: left;
    color: #ababab;
    margin-bottom: 13px;
}

.buyPopupPartTwo .columns > li.last form h3 a {
    color: #ababab;
}

.buyPopupPartTwo .columns > li.last form h3 a:hover {
    color: #000;
}

.buyPopupPartTwo .columns > li.last .container.free-container .auth-options {
    margin-top: 5px;
}

.buyPopupPartTwo .payment-column {
    padding-left: 10px !important;
    /* background: #f4f4f4; */
    margin-right: 25px;
    width: 250px !important;
    max-width: 250px;
}

.buyPopupPartTwo .auth-options li {
    text-align: center;
    border-radius: 5px;
}

.buyPopupPartTwo .auth-options span {
    display: block;
    text-align: center;
    /*font-family: Arial, sans-serif;*/
    font-size: 14px;
    text-transform: uppercase;
    color: #737373;
    margin: 15px auto;
    font-weight: bold;
}

.buyPopupPartTwo .auth-options span:hover {
    cursor: default;
}

.buyPopupPartTwo .auth-options a {
    padding: 2px 10px;
    display: block;
    font-size: 16px;
    color: #000;
    background: #f9f9f9;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
}

.buyPopupPartTwo .options {
    width: 100%;
    /* float: left; */
}

.buyPopupPartTwo .options li {
    padding: 5px 9px;
    margin-bottom: 5px;
}

.buyPopupPartTwo .options input[type="radio"] {
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
    position: relative;
    top: 7px;
}

.buyPopupPartTwo .plans .offdiscount,
.buyPopupPartTwo .options .offdiscount {
    border: 2px solid #f79520;
    padding: 8px 7px;
    border-radius: 5px;
    position: relative;
}

.buyPopupPartTwo .plans .offdiscount .discount-badge,
.buyPopupPartTwo .options .offdiscount .discount-badge {
    background: rgba(0, 0, 0, 0) url("https://i.c7cdn.com/images/discount.png") no-repeat scroll right center;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    height: 83px;
    letter-spacing: -1px;
    line-height: 70px;
    position: absolute;
    right: -30px;
    text-align: center;
    text-shadow: 1px 1px 1px;
    top: -5px;
    width: 83px;
}

.buyPopupPartTwo .options .offdiscount .discount-badge .percent {
    font-size: 75%;
}

.buyPopupPartTwo .options .label {
    /*float: left;*/
    display: table-cell;
    vertical-align: top;
    font-weight: normal;
    width: 210px;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    padding: 10px;
}

.buyPopupPartTwo .packages .options li.active .label {
    background-color: #faf3d9;
    /*border-radius: 5px;*/
}

.buyPopupPartTwo .options .label .name {
    font-size: 24px;
    line-height: 1;
}

.buyPopupPartTwo .options .label .icons {
    display: block;
    padding-top: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.buyPopupPartTwo .options .label .icons.alternative-icons {
    display: flex;
    gap: 10px;
    justify-self: center;
    align-items: center;
    justify-content: center;
}

.buyPopupPartTwo .options .label .icons img {
    margin: 3px 3px 5px;
    max-width: 100%;
    /*height: 100%;*/
    vertical-align: top;
}



.buyPopupPartTwo .options .label .price {
    color: #898989;
}

.buyPopupPartTwo .options .best-buy {
    color: #f00;
    border-radius: 5px;
}

.buyPopupPartTwo .options .best-buy .name {
    color: #f00;
}

.buyPopupPartTwo .options .its-pow-membership .icon {
    background-color: #f00 !important;
}

.buyPopupPartTwo .options .its-pow-membership .name .recurring-credits {
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
}

.buyPopupPartTwo .options .offdiscount .icon,
.buyPopupPartTwo .options .discount .icon,
.buyPopupPartTwo .options .best-buy .icon {
    background-color: #f00;
    float: right;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 2px;
    border-radius: 5px;
    font-weight: bold;
    margin-left: 5px;
    line-height: 1;
}

.buyPopupPartTwo .options .offdiscount .original {
    text-decoration: line-through;
}

.buyPopupPartTwo .options .offdiscount .discountprice {
    color: #ff0000;
    font-weight: bold;
}

.buyPopupPartTwo .options .discount .icon {
    background-color: #ff7f7f;
}

.buyPopupPartTwo .options .best-buy .icon.discount {
    padding: 5px;
}

.buyPopupPartTwo .options .discount .icon span,
.buyPopupPartTwo .options .best-buy .icon span {
    display: block;
    /*font-family: Arial, sans-serif;*/
    font-size: 10px;
    text-align: center;
    background: #fff;
    color: #000;
    padding: 5px;
    margin-top: 5px;
    border-radius: 0 0 3px 3px;
}

.buyPopupPartTwo .options .discount .icon span {
    margin-top: 0;
}

.buyPopupPartTwo .options .discount .icon span b,
.buyPopupPartTwo .options .best-buy .icon span b {
    display: block;
    font-size: 13px;
}

.buyPopupPartTwo .options .free-credits {
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.buyPopupPartTwo .text-container li {
    background: #363636;
    padding: 9px;
    font-size: 24px;
    color: #fff;
    margin-bottom: 9px;
    border-radius: 5px;
}

.buyPopupPartTwo .text-container li .header {
    vertical-align: top;
    display: table-cell;
}

.buyPopupPartTwo .text-container li .text {
    font-size: 12px;
    /*position:relative;
            margin-top:-26px;*/
    display: table-cell;
    vertical-align: top;
    padding-left: 18px;
}

.buyPopupPartTwo .text-container li input {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    margin-top: 5px;
}

.buyPopupPartTwo .text-container li input[type="text"] {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    width: 140px;
}

.buyPopupPartTwo .text-container li input[type="button"] {
    padding: 4px;
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
}

.popupContent .buttons {
    padding: 5px;
    text-align: right;
}

.popupContent .buttons .list {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    width: 50%;
    float: left;
}

.popupContent.loginDialog .signup .buttons {
    margin-top: 2px;
    padding-top: 15px;
}

.popupContent.loginDialog .signup .buttons .list {
    font-size: 13px;
}

.popupContent.loginDialog .signup .buttons .list.websiteSecure {
    width: 15%;
}

.popupContent.loginDialog .signup .buttons .list.pleaseVisit {
    width: 25%;
    margin-top: 20px;
}

.popupContent.loginDialog .signup .buttons .list.awards {
    width: 60%;
}

.popupContent .buttons .list i {
    font-weight: bold;
    font-style: normal;
}

.popupContent .buttons .list a {
    color: #B7B7B7;
}

.popupContent .buttons .list.awards li {
    background: transparent url(https://i.c7cdn.com/images/award-star.png) no-repeat 2px 2px;
    padding-left: 15px;
}

.popupContent .buttons .list.pleaseVisit li {
    padding-left: 15px;
}

.popupContent .user-info .buttons,
.popupContent .login-signup .buttons {
    border: 0 none;
    float: none;
    margin: 10px 5px 0 0 !important;
    text-align: center;
}

/* buy subscription */
.buyPopupPartTwo .plans {
    width: 250px;
    padding: 0 0 18px 7px !important;
}

.buyPopupPartTwo .plans .label {
    /*font-family: ITCAvantGardeStd-Bk;*/
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    cursor: pointer;
    display: table-cell;
    padding: 10px;
    position: relative;
    vertical-align: top;
    width: 100%;
}

.buyPopupPartTwo .plans .inputcel {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
}

.buyPopupPartTwo .plans .name,
.buyPopupPartTwo .plans .value {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #000;
}

.buyPopupPartTwo .plans .lowercase {
    font-size: 10px;
}

.buyPopupPartTwo .plan {
    margin-bottom: 5px;
    padding: 5px 9px 0 0;
}

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

.buyPopupPartTwo .plan .lowercase {
    /*font-family: Arial,​Helvetica,​sans-serif;*/
}

.buyPopupPartTwo .plans li.active .label {
    background-color: #faf3d9;
}

.plan input[type="radio"]:checked {
    background-color: #faf3d9 !important;
}

.buyPopupPartTwo .plans .btn,
.buyPopupPartTwo .plans .btn2 {
    /*font-family: ITCAvantGardeStd-Demi;*/
    background-color: #32adf1;
    border-radius: 5px;
    color: #fff;
    display: block;
    float: none;
    font-weight: bold;
    margin: 10px auto 0 auto;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 53%;
}

.buyPopupPartTwo .plans .btn2 {
    background-color: #8e8e8e;
}

.buyPopupPartTwo .plans .btn:hover {
    background-color: #58c5ff;
}

.buyPopupPartTwo .plans .btn2:hover {
    background-color: #3a3a3a;
}

.buyPopupPartTwo .plans .icon {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 22%;
    background-color: #f00;
    border-radius: 5px;
    color: #fff;
    float: right;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin-left: 5px;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
}

.buyPopupPartTwo .plans .icon span {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 0 3px 3px;
    color: #000;
    display: block;
    /*font-family: Arial,sans-serif;*/
    font-size: 8px;
    margin-top: 5px;
    padding: 2px 5px;
    text-align: center;
    text-transform: uppercase;
}

/* END buy subscription */

/*
.signup-page .awards {
    position: relative;
    top: 0;
    float: right;
    font-size: 11px;
}

.buyPopupPartTwo .awards {
    position: relative;
    top: -10px;
    float: right;
    font-size: 11px;
}

.signup-page .awards li,
.buyPopupPartTwo .awards li {
    background: transparent url(/images/award-star.png) no-repeat 0 0;
    padding-left: 15px;
    text-align: left;
}

.signup-page .awards i,
.buyPopupPartTwo .awards i {
    font-weight: bold;
}

.signup-page .pleaseVisit {
    float: left;
    margin-left: 40px;
    margin-top: 10px;
    line-height: 10px;
    text-align: left;
    color: #363636;
    line-height: 17px;
}

.buyPopupPartTwo .pleaseVisit {
    float: left;
    margin-left: 23px;
    margin-top: -5px;
    line-height: 10px;
    text-align: left;
    color: #363636;
    line-height: 17px;
}

.signup-page .pleaseVisit a,
.buyPopupPartTwo .pleaseVisit a {
    color: #B7B7B7;
}
*/

.popupContent .buttons input, input[type="submit"] {
    padding: 9px;
    border: 0 none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    color: #363636;
    margin-bottom: 9px;
    margin-left: 10px;
}

.popupContent .bold {
    font-weight: bold;
}

.popupContent .signup-page .buttons input,
.popupContent .signup-page .buttons input[type="submit"] {
    margin-right: 10px;
    bottom: 130px;
    display: inline;
    position: absolute;
    right: 0;
}

.popupContent.passwordChanged .buttons,
.popupContent.emailChange .buttons,
.popupContent.validatePassword .buttons {
    padding-right: 27px;
}

.popupContent {
    position: fixed !important;
    border: 5px solid rgba(0, 0, 0, 0.5);
    list-style: none outside none;
    outline: medium none;
    overflow: visible;
    top: 10%;
    color: #363636;
    border-radius: 5px;
    display: none;
    z-index: 1999999999;
}

.popupContent:after {
    content: "";
    position: fixed;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1 !important;
    background: rgba(0, 0, 0, 0.6)
}

/*.payment-modal .popupContent {*/
/*    position: absolute !important;*/
/*    left: 50% !important;*/
/*    transform: translateX(-50%);*/
/*    margin: 20px 0 !important;*/
/*    top: 20px !important;*/
/*}*/

.popupContent a {
    color: #00e;
}

.popupContent, .popupContent a, .popupContent h2, .customer-support, .customer-support a {
    text-shadow: none !important;
}

.popupContent .wrapper {
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
}

.popupContent .content {
    padding: 18px 20px 27px;
    min-width: 0 !important;
}

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

.popupContent h1, .popupContent .popup-title {
    padding: 27px;
    font-weight: normal;
    font-size: 19px;
    border-bottom: 1px solid #dfdfdf;
    text-align: left;
    margin-bottom: 16px;
}

.popupContent label {
    color: #000;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
}

/*
.popupContent .buttons .buy-credits {
    position: absolute;
    right: 34px;
    top: auto;
    bottom: 185px;
}
*/

.popupContent input.cancel, .popupContent input.back {
    background: transparent;
}

.popupContent #create-account {
    margin-top: 18px;
}

.popupContent h2 {
    margin-bottom: 9px;
}

.popupContent input.ok, input[type="submit"] {
    background-color: #f7941e;
    border-radius: 5px;
    padding: 9px 20px;
}

body.w1024 .popupContent .content {
    padding: 9px 18px 18px 18px;
}

.popupContent input[type="text"], .popupContent input[type="password"], .popupContent textarea {
    background: #faf3d9;
    border: 1px solid #d7d7d7;
    padding: 5px;
    width: calc(100% - 10px);
    margin-bottom: 9px;
    -webkit-appearance: none;
    border-radius: 0;
}

#login-form input[type="text"], 
#login-form input[type="password"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.turnstile-error {
    color: red;
    font-size: 14px;
    margin-top: 10px;
    text-align: left;
}

#login-form .trouble-login {
    font-size: 14px;
    margin-top: 10px;
    text-align: right;
}

#login-form .trouble-login a {
    font-weight: bold;
    color: #00e;
    text-decoration: underline;
}

#login-form > div {
    width: 100%;
    /*overflow: hidden;*/
}

/* .signup-page input[type="text"], .signup-page input[type="password"] {
    width: 248px;
} */

#login-form2 .remember-me {
    margin-bottom: 9px;
    margin-top: 18px;
}

.loginDialog {
    /*min-width: 610px;*/
    min-width: 345px;
}

.loginDialog .remember-me input[type="checkbox"] {
    position: relative;
    top: 1px;
}

.lost-password {
    padding: 24px 0 0 0;
    float: left;
    z-index: 1;
    width: auto;
}

.loginDialog .forgot {
    margin-top: 36px;
}

.loginDialog .forgot a {
    color: #448ccb;
}

.loginDialog .remember-me label {
    font-size: 14px;
    color: #747474;
    font-weight: normal;
    position: relative;
    top: -2px;
    left: 2px;
}

.loginDialog .getNewCaptcha a {
    color: #00e;
    position: relative;
    top: -22px;
}

.loginDialog #create-account {
    margin-top: 0;
    overflow: hidden;
}

.loginDialog .form-selector {
    display: table;
    padding: 0;
    width: 100%;
    border-bottom: none;
    font-size: 19px;
}

.loginDialog .form-selector span {
    width: 50%;
    display: table-cell;
    padding: 27px;
    cursor: pointer;
    background: #f0f0f0;
    color: #b1b1b1;
    border-bottom: 1px solid #DFDFDF;
    text-align: center;
}

.loginDialog .form-selector span.login {
    border-left: 1px solid #DFDFDF;
}

.loginDialog .form-selector span.active {
    background: #fff;
    cursor: default;
    color: #363636;
    border-bottom: 1px solid transparent;
}

.loginDialog .form-selector.title {
    display: none;
}

.surveyDialog iframe {
    border: 0 none;
    width: 610px;
    height: 400px;
}

.pornDealsPopup h1 {
    text-align: center;
    text-transform: uppercase;
}

/* Email Validator popup */
.emailValidator {
    display: none;
    width: 358px;
}

.emailValidator p {
    color: #898989;
    padding-bottom: 36px;
}

/* Registration popup */
.regPopup {
    display: none;
    width: 358px;
}

.regPopup .agree {
    margin-top: 5px;
}

.regPopup .agree label {
    font-weight: normal;
    margin-left: 10px;
}

.popupContentErrorMsg {
    font-size: 12px;
}

#pager {
    width: 100%;
    text-align: center;
    padding: 15px;
    height: 20px;
    float: left;
}

#pager a {
    color: #FFBA00;
}

.clean {
    clear: both;
    display: block;
    float: none;
}

textarea.cssContent {
    width: 800px;
    height: 200px;
}

.loginForm {
    margin: 0 auto;
}

.loginForm .form {
    text-align: left;
}

.loginForm .form p {
    line-height: 18px;
    padding-bottom: 6px;
}

.loginForm .form p strong {
    font-weight: bold;
}

.mb10 {
    display: inline-block;
    margin-bottom: 10px;
}

.loginForm .form p.registration.show {
    text-align: center;
    cursor: pointer;
}

.loginForm .form p.registration.show span {
    color: #00f;
}

.loginForm .form p.registration.show:hover {
    text-decoration: underline;
}

.datePickerWrapper {
    width: 450px;
    clear: left;
}

.datePickerWrapper .datePickerContent {
    float: left;
    padding-right: 5px;
    padding-bottom: 20px;
}

.datePickerWrapper .datePickerContent .submit {
    padding-top: 13px;
}

#bottomThumbSelector {
    position: absolute;
    width: 100%;
    height: 190px;
    bottom: 0;
    z-index: 100000;
    color: #fff;
    font-size: 12px;
}

#bottomThumbSelector .thumbs .label {
    position: absolute;
    top: 2px;
    left: 2px;
    padding: 2px;
    font-size: 10px;
    color: #000;
    background: #ffba00;
    border-radius: 3px;
}

#bottomThumbSelector .recommendation {
    color: #000;
    background: #f80;
}

#bottomThumbSelector .label.full,
#bottomThumbSelector .full-ribbon {
    background: #8d2463 !important;
    color: #fff !important;
    display: none;
}

#bottomThumbSelector .label.quick,
#bottomThumbSelector .mini-ribbon {
    background: #274e94 !important;
    color: #fff !important;
}

#bottomThumbSelector .label.label-right {
    margin: 0 143px 0 97px;
}

#bottomThumbSelector .thumb {
    text-align: center;
    width: 140px;
}

#bottomThumbSelector .thumb a {
    display: block;
    background: transparent url(https://i.c7cdn.com/images/ajax-loader.gif) no-repeat scroll center center;
    min-width: 136px;
    min-height: 91px;
}

#bottomThumbSelector .thumb img {
    margin: 0 auto;
    min-width: 136px;
    min-height: 91px;
}

#bottomThumbSelector .thumbs ul {
    display: none;
}

#bottomThumbSelector .thumbs ul.active-thumbs {
    display: block;
}

#bottomThumbSelector .background {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

#bottomThumbSelector .wrapper {
    padding: 0 54px;
}

#bottomThumbSelector .menu, #bottomThumbSelector .hide-control {
    position: absolute;
    top: 9px;
    z-index: 1;
}

#bottomThumbSelector .hide-control {
    right: 18px;
}

#bottomThumbSelector .hide-control .icon {
    cursor: pointer;
    height: 17px;
    width: 17px;
    float: right;
}

#bottomThumbSelector .hide-control-closed .icon {
    background: url(https://i.c7cdn.com/images/dd-arrow.png) no-repeat right top;
}

#bottomThumbSelector .menu li {
    text-transform: uppercase;
    float: left;
    margin-right: 18px;
    font-size: 12px;
}

#bottomThumbSelector .menu li.active a {
    color: #FFC602;
}

#bottomThumbSelector .thumbs {
    height: 170px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    min-width: 300px;
}

#bottomThumbSelector ul.full,
#bottomThumbSelector ul.mini {
    position: absolute;
    top: 36px;
    width: 100000px;
}

@media (max-width: 800px) {
    #bottomThumbSelector ul.full,
    #bottomThumbSelector ul.mini {
        width: auto;
    }

}

#bottomThumbSelector li .episodeTitle {
    font-size: 13px;
    height: 30px;
}

#bottomThumbSelector .full li, #bottomThumbSelector .mini li {
    margin-right: 18px;
    float: left;
    overflow: hidden;
    padding: 4px;
    border-radius: 5px;
    position: relative;
}

#bottomThumbSelector .full li img, #bottomThumbSelector .mini li img {
    border: 1px solid #666;
}

#bottomThumbSelector .trailer a {
    cursor: pointer;
}

#bottomThumbSelector .full li.trailer,
#bottomThumbSelector .mini li.trailer,
#bottomThumbSelector .full li:hover, #bottomThumbSelector .mini li:hover {
    background: #FFBA00;
    color: #000;
}

#bottomThumbSelector .next, #bottomThumbSelector .prev {
    cursor: pointer;
    position: absolute;
    top: 64px;
    width: 32px;
    height: 56px;
    display: none;
}

#bottomThumbSelector .next span, #bottomThumbSelector .prev span {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    height: 1px;
    line-height: 0;
    display: inline-block;
    /*margin-top: 16px;*/
    position: relative;
    top: 14px;
}

#bottomThumbSelector .next:hover span, #bottomThumbSelector .prev:hover span {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

#bottomThumbSelector .prev span {
    border-right: 14px solid white;
}

#bottomThumbSelector .next span {
    border-left: 14px solid white;
}

#bottomThumbSelector .prev:hover span {
    border-right: 15px solid #dd851d;
}

#bottomThumbSelector .next:hover span {
    border-left: 15px solid #dd851d;
}

#bottomThumbSelector .prev {
    left: 27px;
}

#bottomThumbSelector .next {
    right: 9px;
}

#forgotPasswordDialog {
    width: 326px;
}

.agree [type="checkbox"] {
    position: relative;
    top: 2px;
    margin-right: 9px;
}

.agree label {
    font-weight: normal;
}

#rightPane {
    float: right;
}

.back-button, .close-button {
    position: absolute;
    top: 35px;
    left: 25px;
    z-index: 100000001;
    background: url(https://i.c7cdn.com/images/back-circle.png) no-repeat scroll 0 0 transparent;
    width: 63px;
    height: 63px;
    cursor: pointer;
}

div.form label {
    font-size: 1em !important;
}

div.form .row {
    margin: 9px 0 !important;
}

#login-form2 a:hover {
    border-bottom: 1px solid;
}

.yiiLog {
    display: none;
}

#movie, #player {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000000;
}

#movie {
    top: 30px;
}

#lostPasswordForm {
    width: 351px;
}

#lostPasswordForm input[type="text"] {
    width: 285px !important;
}

#alertContainer {
    z-index: 200000002;
}

#alertContainer .message {
    color: #ee0000;
}

#canvasloader-container {
    position: absolute;
    top: 50%;
    left: 50%;
}

.legal-text {
    width: 800px;
    height: 600px;
    position: absolute;
    z-index: 10;
}

.legal-text h1 {
    margin-bottom: 9px;
}

.legal-text textarea {
    width: 800px;
    height: 600px;
    resize: none;
}

.legal-text .tos-text-frame {
    width: 800px;
    height: 600px;
    overflow: auto;
    margin: 20px auto;
    background: #fff;
}

.legal-text .tos-text {
    white-space: pre-line;
    color: #000;
    padding: 20px;
}

.legal-text .tos-text a {
    color: #000;
}

.legal-text.complimance p {
    width: 800px;
    max-width: 60em;
    background: #fff;
    color: #000;
    padding: 18px;
}

#overlay {
    display: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

ul.yiiPager {
    font-size: 11px;
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 100%;
    display: inline;
}

ul.yiiPager li {
    display: inline;
}

ul.yiiPager a:link, ul.yiiPager a:visited {
    border: solid 1px #9aafe5;
    font-weight: bold;
    color: #0e509e;
    padding: 1px 6px;
    text-decoration: none;
}

ul.yiiPager .page a {
    font-weight: normal;
}

ul.yiiPager a:hover {
    border: solid 1px #0e509e;
}

ul.yiiPager .selected a {
    background: #2e6ab1;
    color: #fff;
    font-weight: bold;
}

ul.yiiPager .hidden a {
    border: solid 1px #DEDEDE;
    color: #888;
}

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager .first, ul.yiiPager .last {
    display: none;
}

.clear {
    height: 0;
}

.clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .clear {
    display: block;
}

* html .clear {
    height: 1%;
}

.customer-support {
    width: 800px;
    height: 600px;
    position: absolute;
    z-index: 10;
    padding-top: 40px;
}

.customer-support div {
    color: #000;
    background-color: #fff;
    height: 100%;
    padding: 0 10px 10px 10px;
}

.customer-support a {
    color: #000;
    text-decoration: underline;
}

.customer-support p a {
    color: #FF0000;
}

.customer-support div p.site-issues, .customer-support div p.billing-issues {
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
}

.customer-support h1 {
    margin-bottom: 9px;
}

.customer-support div ul {
    margin: 9px 0;
    list-style: square;
    padding-left: 14px;
}

.customer-support div ul ul.account-not-found {
    margin: 0;
    list-style: circle;
}

#homeTrailer {
    z-index: 10000000;
    position: relative;
    background: #000;
    width: 100%;
    height: 100%;
}

body #sideMenu2 .menu li a,
body #sideMenu .menu li a {
    font-weight: normal;
}

.content {
    position: relative;
}

.breadcurmb * {
    color: #fff;
}

/**
 * Login screen
 */
.overlay-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    background: white;
    top: 0;
    left: 0;
    z-index: 200;
}

.overlay-loader > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
}

.overlay-loader.lostPassword > div img {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.overlay-loader img {
    margin-top: -7px;
    /* margin-left: -64px; */
}

.overlay-loader p {
    /*width: 400px;*/
    /*margin-left: -200px;*/
    margin-top: 20px;
    text-align: center;
}

.overlay-loader.buyCredits > .loader {
    position: absolute;
    top: 35%;
    transform: translateX(-50%);
    width: auto;
    height: auto;
}

.overlay-loader.loginScreen > div,
.overlay-loader.buyCredits > .overlay-footer {
    height: auto;
    left: 0;
    line-height: 18px;
    position: absolute;
    top: auto;
    width: 100%;
    bottom: 10px;
    transform: translateX(0);
}

.overlay-loader.loginScreen > div img,
.overlay-loader.buyCredits > .overlay-footer img {
    display: block;
    margin: 0 auto 10px;
}

.overlay-loader.loginScreen > div p.firstBlock,
.overlay-loader.buyCredits > .overlay-footer p.firstBlock {
    margin: 10px auto 15px;
    text-align: center;
    width: 500px;
    font-size: 16px;
}

.overlay-loader.buyCredits > .overlay-footer .secondBlock,
.overlay-loader.loginScreen > div .secondBlock {
    border: 1px solid;
    margin: 10px;
    padding: 10px;
    background: #FEEFB3 no-repeat 10px center;
    color: #9F6000;
    text-align: center;
}

.overlay-loader.buyCredits > .overlay-footer .secondBlock a,
.overlay-loader.loginScreen > div .secondBlock a {
    color: #9F6000 !important;
    text-decoration: underline;
    font-weight: bold;
    text-transform: uppercase;
}

.overlay-loader.buyCredits > .overlay-footer .secondBlock h3,
.overlay-loader.loginScreen > div .secondBlock h3 {
    font-size: 110%;
    font-weight: bold;
}

#bg__image {
    bottom: 0 !important;
    top: auto !important;
    height: auto !important;
    position: absolute !important;
    width: 100% !important;
    display: block !important;
}

.color-overlay {
    position: fixed;
    top: -26px;
    left: -26px;
    min-width: 24px;
    min-height: 24px;
    background: transparent url(https://i.c7cdn.com/images/Paint.png) no-repeat scroll center center;
    z-index: 100000000000;
    border: 1px solid #FFBA00;
    cursor: crosshair !important;
}

.site-trailer-page #background > img {
    display: none !important;
}

.legal-text textarea {
    padding: 10px
}

#DisplayPlayer {
    overflow-y: hidden !important;
}

/****************************/
/* Game page dropdown style */
/****************************/

.layout17 .game-filter {
    top: 64px;
    z-index: 500;
}

@media screen and (max-width: 1360px) {
    .layout17 .game-filter {
        top: 56px;
    }
}

.game-filter {
    /*position: fixed;*/
    width: 100%;
    z-index: 10000;
    top: 30px;
    padding: 20px 10px 10px 10px;
    height: 30px;
}

.game-filter span, .view-switcher span {
    font-family: 'Roboto Condensed Bold', sans-serif;
    /*font-weight: bold;*/
    /*font-family: Helvetica, Arial, sans-serif !important;*/
    padding: 5px 10px 5px 0;
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    vertical-align: top;
    display: inline-block;
    color: #a7a7a7;
}

.w1024 .game-filter em.positioner {
    margin-left: 140px;
}

.game-filter em.positioner {
    margin-left: 190px;
}

.game-filter em#watched-type {
    display: none;
}

.ls-dropdown {
    border: 1px solid #4c4c4c;
    background: #eee; /*#939393;*/
    color: #141414;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.ls-dropdown .choices {
    display: flex;
}

.ls-dropdown ul {
    position: absolute;
    max-height: 0;
    overflow: hidden;
    z-index: 10;
}

.ls-dropdown:hover ul {
    margin-top: 1px;
    overflow: visible;
    max-height: 200px;
}

.ls-dropdown ul li {
    max-width: 150px;
    padding: 5px 10px;
    background-color: #fff;
    width: 150px;
    display: table;
}

.ls-dropdown ul li a {
    font-size: 14px;
    line-height: 15px;
    display: block;
    font-weight: normal;
    color: #141414 !important;
}

.ls-dropdown ul li:hover {
    background-color: #cecece;
}

.ls-dropdown .selected {
    position: relative;
    color: #141414;
    display: block;
    height: 15px;
    line-height: 15px;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 15px;
    width: 150px;
    background-color: #eee;
}

.ls-dropdown .selected:after {
    position: absolute;
    content: ' ';
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    border-top: 6px solid #303030;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.view-switcher {
    position: absolute;
    right: 0;
    top: 20px;
}

.view-switcher ul {
    width: 80px;
    display: inline-block;
    position: relative;
    top: -16px;
    height: 30px;
}

.view-switcher ul li {
    display: inline-block;
    vertical-align: top;
    color: transparent;
    position: relative;
    background: transparent url(https://i.c7cdn.com/images/list_thumb.png) no-repeat scroll 0 0;
    opacity: 0.6;
    top: 20px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.view-switcher ul li span {
    display: none;
    position: absolute;
    top: -23px;
    left: -50%;
    font-size: 10px;
    padding: 1px 5px;
    margin: 0;
    background: #000;
    color: #fff;
    font-weight: normal;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}

.view-switcher ul li span:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -5px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}

.view-switcher ul li:hover {
    opacity: 1.0;
}

.view-switcher ul li:hover span {
    display: block;
    position: absolute;
}

.view-switcher ul li.active {
    opacity: 1.0 !important;
}

.view-switcher ul li.line {
    background-position: 0 0;
}

.view-switcher ul li.thumb {
    background-position: -38px 0 !important;
}

.popular-models-list h2, .popular-models h2,
.popular-categories h2, .top-categories h2,
.my-shows h2, .my-models h2 {
    padding: 20px 0 10px 0;
}

.popular-models-list a, .popular-models li,
.popular-categories li, .top-categories li,
.my-shows li, .my-models li, .other-filters li {
    display: block;
    /*font: 12px Arial, Helvetica, sans-serif;*/
    padding: 2px 0 2px 20px;
    border-radius: 4px;
    margin-bottom: 1px;
    width: 135px;
    margin-left: -20px;
    /*font-weight: bold;*/
    font-weight: normal;
    color: white;
    background: transparent none no-repeat scroll left center;
    font-size: 13px;
}

.popular-models-list a.cam {
    color: var(--ls-orange);
    display: flex;
    align-items: center;
}

.popular-models-list a.cam:after {
    content: 'LIVE';
    display: inline-block;
    position: relative;
    background: rgb(144, 11, 15);
    color: #fff;
    padding: 1px 3px;
    font-size: 10px;
    border-radius: 4px;
    margin-left: 5px;
}

.popular-models-list a:hover, .popular-models li:hover,
.popular-categories li:hover, .top-categories li:hover,
.my-shows li:hover, .my-models li:hover, .other-filters li:hover, .topHideItemsMenu em:hover {
    background-color: #444;
    cursor: pointer;
}

.popular-categories li:hover, .top-categories li:hover,
.my-shows li:hover, .my-models li:hover, .other-filters li:hover {
    background-image: url(https://i.c7cdn.com/images/little_pipa.png);
}

.popular-models-list a.active, .popular-models li.active,
.popular-categories li.active, .top-categories li.active,
#sideMenu .my-shows ul li.active, #sideMenu2 .my-shows ul li.active,
#sideMenu .my-models ul li.active, #sideMenu2 .my-models ul li.active,
#sideMenu .other-filters li.active, #sideMenu2 .other-filters li.active {
    border-radius: 4px;
    background: #666;
}

.popular-categories li.active, .top-categories li.active,
#sideMenu .my-shows ul li.active, #sideMenu2 .my-shows ul li.active,
#sideMenu .my-models ul li.active, #sideMenu2 .my-models ul li.active,
#sideMenu .other-filters li.active, #sideMenu2 .other-filters li.active,
.topHideItemsMenu em.active {
    background: #444 url(https://i.c7cdn.com/images/little_x.png) no-repeat 0 2px;
}

/* remove pipe from the models page */
.popular-models-list li.active,
.popular-models-list li:hover {
    background-image: none !important;
}

/* .popular-models > div {
    overflow-y: auto;
    max-height: 300px;
}*/

.h877 .popular-models > div {
    display: none;
}

.line-list .trailer {
    display: none !important;
}

.thumb-list .trailer a {
    cursor: pointer;
}

.modelBlock .details {
    display: inline-block;
    width: 405px;
    height: 608px;
    background: transparent url(https://i.c7cdn.com/images/ajax-loader.gif) no-repeat scroll center center;
}

/**
 * Refactoring the frame
 */
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

html {
    background: #181818;
}

#mainWrapper {
    min-height: 100%;
    height: auto;
    margin: 70px 0 70px 200px;
    overflow: visible;
}

#mainWrapper.ModelView-inner {
    width: 60%;
}

#mainWrapper #topNavigation {
    background: none repeat scroll 0 0 #000;
    width: 100%;
    height: 30px;
    line-height: 14px;
    position: fixed;
    right: 0;
    top: 0;
    font-size: 14px;
    text-align: right;
    z-index: 100;
    margin: 0;
}

/*#mainWrapper #topNavigation ul {
}*/

#mainWrapper #topNavigation ul li {
    cursor: pointer;
    display: inline;
}

#mainWrapper #topNavigation ul li a {
    display: inline-block;
    padding: 8px 9px;
}

#mainWrapper #topNavigation ul li.buyCredits a {
    color: #00A651;
}

#mainWrapper #topNavigation ul li.active, #mainWrapper #topNavigation ul li.signUp a {
    color: #FFBA00;
}

#mainWrapper #topNavigation ul li.separator {
    background: none repeat scroll 0 0 #666;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 18px;
    margin-right: 18px;
    padding-top: 9px;
    width: 1px;
}

#mainWrapper #sidebarWrapper {
    z-index: 100;
    position: fixed;
    left: 30px;
    top: 30px;
    /*font-family: 'Lato', sans-serif;*/
}

#mainWrapper #sidebarWrapper .betaSite {
    text-transform: uppercase;
    font-size: 14px;
    color: #EE0000;
    position: absolute;
    left: 30px;
    top: -20px;
}

#mainWrapper #sidebarWrapper h1 {
    display: block;
    margin: 0;
    background: url('https://i.c7cdn.com/themes/lifeselector.com/images/logo.png');
    width: 150px;
    height: 155px;
    text-indent: -9999px;
}

#mainWrapper #sidebarWrapper ul {
    margin: 0 0 0 30px;
}

#mainWrapper #sidebarWrapper ul li {
    font-size: 22px;
    font-weight: 300;
}

/*#mainWrapper #sidebarWrapper ul li a {

}*/

/**
 * Refactored image slider
 */
#imageSlider {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 180px;
    z-index: 100;
    overflow: hidden;
}

#imageSlider #sliderWrapper {
    clear: both;
    height: 125px;
    margin: 0 40px;
    overflow: hidden;
    position: relative;
    width: 95%;
}

#imageSlider ul {
    position: absolute;
    z-index: 50;
    left: 0;
}

#imageSlider ul li {
    display: block;
    float: left;
    padding: 4px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 14px;
    text-align: center;
    position: relative;
}

#imageSlider ul li:hover {
    background: #ffba00;
}

#imageSlider ul li .label {
    position: absolute;
}

#imageSlider ul li img {
    border: 1px solid #666;
}

#imageSlider ul li:hover .episodeTitle {
    color: #111;
}

#imageSlider ul li .label {
    background: none repeat scroll 0 0 #FFBA00;
    border-radius: 3px 3px 3px 3px;
    color: #000;
    font-size: 10px;
    left: 2px;
    padding: 2px;
    position: absolute;
    top: 2px;
}

#imageSlider ul li .full-ribbon {
    background: none repeat scroll 0 0 #8D2463 !important;
    color: #fff !important;
}

#imageSlider .background-alpha6 {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    height: 100%;
    width: 100%;
}

#imageSlider .slideRight {
    position: absolute;
    z-index: 1234;
    right: 0;
}

#imageSlider .slideRight {
    position: absolute;
    top: 75%;
    right: 2px;
    content: " ";
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-left-color: #fff;
    margin-top: -66px;
    text-indent: -9999px;
}

#imageSlider .slideLeft {
    position: absolute;
    top: 75%;
    left: -5px;
    content: " ";
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-right-color: #fff;
    margin-top: -66px;
    text-indent: -9999px;
}

#imageSlider .slideRight:hover {
    border-left-color: #ffba00;
}

#imageSlider .slideLeft:hover {
    border-right-color: #ffba00;
}

#imageSlider #toggleList {
    position: relative;
    z-index: 15;
    margin: 10px 40px;
}

#imageSlider #toggleList .left {
    text-transform: uppercase;
}

#imageSlider #toggleList .left a {
    margin-right: 5px;
}

#imageSlider #toggleList .left .tabLink.active {
    color: #ffba00;
}

#imageSlider #toggleList .toggleList .left {
    text-transform: none;
}

/**
 * Polaroid and iPad
 */
#mainWrapper.index-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 1px;
    overflow: visible;
    margin: 0;
}

#mainWrapper #contentWrapper {
    position: relative;
}

#mainWrapper #contentWrapper #backgroundSlider .item {
    background: transparent;
    left: 44.6%;
    width: 46.2%;
    top: 22.4%;
    height: 57%;
    position: absolute;
    z-index: 50;
}

#mainWrapper #contentWrapper #backgroundSlider:hover #iPadMask {
    display: block;
    cursor: pointer;
}

#mainWrapper #contentWrapper #backgroundSlider #iPadMask {
    background: transparent;
    position: absolute;
    left: 44.6%;
    top: 22.4%;
    width: 46.2%;
    height: 57%;
    z-index: 60;
    display: none;
}

/**
 * Model view
 */
/*#modelView {

}*/

#modelViewModelWrapper {
    border-bottom: 1px solid #555;
    margin-bottom: 36px;
    padding-bottom: 36px;
}

#modelView .ModelGallery {
    margin-right: 18px;
}

#modelView .ModelGallery {
    position: relative;
    width: 405px;
    height: 608px;
}

#modelView .ModelGallery img {
    position: absolute;
    z-index: 40;
    border-radius: 5px;
}

#modelView .ModelGallery .pager {
    cursor: pointer;
    text-indent: -9999px;
    display: block;
    width: 25px;
    height: 25px;
    z-index: 50;
    position: absolute;
    bottom: 5px;
}

#modelView .ModelGallery .pager.next {
    background: url(https://i.c7cdn.com/images/next-small.png) no-repeat;
    right: 5px;
}

#modelView .ModelGallery .pager.back {
    background: url(https://i.c7cdn.com/images/prev-small.png) no-repeat;
    right: 35px;
}

#modelView .ModelDetails {
    width: 500px;
}

#modelView .ModelDetails h1 {
    margin-bottom: 15px;
}

#modelView .ModelDetails dl dt {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    width: 115px;
    clear: left;
    font-weight: bold;
}

#modelView .ModelDetails dl dd {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 4px;
}

#modelView .ModelDetails dl dd.biography {
    color: #999;
    width: 330px;
}

/**
 * Model scenes
 */
/*#modelScenes {

}*/

#modelScenes h1 {
    margin-bottom: 15px;
}

#modelScenes #sceneImage {
    position: relative;
    margin-right: 15px;
}

#modelScenes #sceneImage img {
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.8);
}

/*#modelScenes #sceneDetails {

}*/

#modelScenes #sceneDetails h1 {
    margin-bottom: 15px;
}

#modelScenes #sceneDetails .stars span {
    height: 24px;
    width: 25px;
    float: left;
}

#modelScenes #sceneDetails #dataSheet dl dt {
    display: block;
    float: left;
    margin-right: 10px;
    width: 115px;
    margin-bottom: 5px;
    clear: left;
    font-weight: bold;
}

#modelScenes #sceneDetails #dataSheet dl dd {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 4px;
}

#modelScenes #sceneDetails #dataSheet dl dd.biography {
    color: #999;
    width: 330px;
}

#modelScenes #sceneDetails #dataSheet dl dd.labels {
    width: 330px;
}

/**
 * Games list
 */
#gamesList {
    position: fixed;
    background: #181818;
    height: 30px;
    padding: 20px 0 10px;
    top: 20px;
    width: 88%;
}

/*#gamesList #gameFilters {

}*/

#gamesList #gameFilters .label {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 10px;
    color: #A7A7A7;
    font-weight: bold;
    padding: 6px 10px;
}

#gamesList #gameFilters .drowpdown {
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: #eee;
    border: 1px solid #4C4C4C;
    border-radius: 5px;
    color: #090909;
    cursor: default;
    vertical-align: top;
}

#gamesList #gameFilters .drowpdown .selected {
    border: 1px solid #4C4C4C;
    border-radius: 5px;
    color: #090909;
    display: block;
    /*font-family: Helvetica, Arial, sans-serif !important;*/
    font-weight: 700;
    height: 15px;
    margin: -1px;
    padding: 5px 10px;
    position: relative;
    background: linear-gradient(to bottom, #a2a2a2 0%, #686868 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2a2a2',
    endColorstr='#686868', GradientType=0);
}

#gamesList #gameFilters .drowpdown .selected span {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #303030;
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: absolute;
    right: 8px;
    top: 9px;
}

#gamesList #gameFilters .drowpdown ul {
    max-height: 0;
    overflow: hidden;
}

#gamesList #gameFilters .drowpdown:hover ul {
    margin-top: 1px;
    overflow: visible;
    max-height: 200px;
}

#gamesList #gameFilters .drowpdown ul li {
    border-radius: 5px;
}

#gamesList #gameFilters .drowpdown ul li a {
    color: #090909;
    display: block;
    /*font-family: Helvetica, Arial, sans-serif;*/
    font-size: 12px;
    font-weight: 400;
    padding: 5px 35px 5px 10px;
}

#gamesList #gameFilters .drowpdown ul li a:hover {
    background: #686868;
    border-radius: 5px;
}

/*.viewSwitcher {

}*/

.viewSwitcher ul {
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 30px;
    position: relative;
    top: -16px;
    width: 80px
}

.viewSwitcher ul li {
    background: url(https://i.c7cdn.com/images/list_thumb.png) no-repeat scroll 0 0 transparent;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    height: 37px;
    opacity: 0.6;
    position: absolute;
    top: 20px;
    width: 38px;
}

.viewSwitcher ul li.active {
    opacity: 1;
}

.viewSwitcher ul li.thumb {
    background-position: -38px -20px;
    left: 20px;
}

.viewSwitcher ul li.line {
    background-position: 0 -20px;
}

.viewSwitcher ul li.thumb:hover {
    background-position: -38px 0;
}

.viewSwitcher ul li.line:hover {
    background-position: 0 0;
}

/* Survey */
#surveyDialog .renderedform {
    padding: 15px;
}

#surveyDialog .renderedform .input_text label {
    display: block;
    margin-bottom: 5px;
}

#surveyDialog .renderedform .input_text input {
    width: 235px;
}

#surveyDialog .renderedform .checkbox, #surveyDialog .renderedform .radio {
    clear: both;
    margin-bottom: 15px;
}

#surveyDialog .renderedform .checkbox .false_label, #surveyDialog .renderedform .radio .false_label {
    display: block;
    margin-bottom: 5px;
}

/*#surveyDialog .renderedform .checkbox .multi-row, #surveyDialog .renderedform .radio .multi-row {

}*/

#surveyDialog .renderedform .checkbox .multi-row .row, #surveyDialog .renderedform .radio .multi-row .row {
    display: block;
    margin-bottom: 3px;
}

/*#surveyDialog .renderedform .checkbox .multi-row .row label, #surveyDialog .renderedform .radio .multi-row .row label {

}*/

#surveyDialog .renderedform .checkbox .multi-row .row input, #surveyDialog .renderedform .radio .multi-row .row input {
    margin-right: 5px;
}

#menu .notificationContainer .notifications ul li .quick {
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    font-size: 10px;
    height: 15px;
    line-height: 14px;
    margin: 6px 0 0;
    padding: 1px 4px;
    background: #274E94;
    color: #fff;
    text-decoration: none;
    clear: left;
    position: absolute;
    left: 90px;
    top: 37px;
}

/**
 * New notification
 */
#menu .NotifyWrapper {
    background: #414141;
    border-radius: 5px;
    border: 1px solid #242424;
    box-shadow: 0 1px 0 #606060 inset, 0 5px 5px rgba(0, 0, 0, 0.15);
    padding: 8px;
    position: absolute;
    top: 40px;
    left: -30px;
    width: 284px;
    height: 370px;
}

#menu .NotifyWrapper .allLink {
    clear: both;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#menu .NotifyWrapper:after, #menu .NotifyWrapper:before {
    bottom: 99.5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#menu .NotifyWrapper:after {
    border: 11px transparent;
    border-bottom-color: #404040;
    left: 14%;
    margin-left: -6px;
}

#menu .NotifyWrapper:before {
    border: 12px transparent;
    border-bottom-color: #606060;
    left: 14%;
    margin-left: -7px;
}

#menu .NotifyWrapper .notificationContainer {
    height: 345px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 6px;
}

#menu .NotifyWrapper .notificationContainer li {
    display: block;
    padding: 10px 6px;
    width: 245px;
    border-bottom: 1px solid #808080;
    background: #f0f0f0;
    text-align: left;
    position: relative;
}

#menu .NotifyWrapper .notificationContainer li a {
    padding: 0;
    color: #0F0F0F;
    font-weight: 700;
    text-shadow: none;
}

#menu .NotifyWrapper .notificationContainer li:hover {
    background: #fff;
}

#menu .NotifyWrapper .notificationContainer li a img {
    float: left;
    border-radius: 2px;
    width: 75px;
}

#menu .NotifyWrapper .notificationContainer li a .title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    margin-bottom: 3px;
}

#menu .NotifyWrapper .notificationContainer li a .itemContainer {
    float: left;
    margin-left: 5px;
    width: 160px;
}

#menu .NotifyWrapper .notificationContainer li a .added {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: bold;
}

#menu .NotifyWrapper .notificationContainer li a .added .lightText {
    font-weight: normal;
    color: #9E9E9E;
    padding-right: 3px;
}

#menu .NotifyWrapper .notificationContainer li a .counter {
    color: #9E9E9E;
    font-size: 12px;
    font-weight: normal;
}

#menu .NotifyWrapper .notificationContainer li a .showType {
    background: none repeat scroll 0 0 #8D2463;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
    font-size: 10px;
    height: 15px;
    line-height: 14px;
    margin: 0;
    padding: 1px 4px;
    position: static;
}

#menu .notification-model a .showType {
    display: none !important;
}

#menu .NotifyWrapper .notificationContainer li a .showType.mini {
    background: none repeat scroll 0 0 #274E94;
    color: #fff;
}

#menu .notification-model .NotifyWrapper .notificationContainer li a img {
    width: auto;
}

/**
 * Model datasheet
 */
/*.model-details dl {

}*/

.model-details dl dt {
    clear: left;
    float: left;
    font-weight: 700;
    width: 125px !important;
}

.model-details dl dd {
    clear: right;
    float: left;
    width: 276px !important;
    margin-bottom: 3px;
}

.model-details dl dd.gray {
    color: #666;
}

.models-scenes dl {
    margin-top: 10px;
}

.models-scenes dl dt {
    clear: left;
    float: left;
    font-weight: 700;
    width: 70px;
}

.models-scenes dl dd {
    clear: right;
    float: left;
    width: 340px;
    margin-bottom: 3px;
}

.models-scenes dl dd.gray {
    color: #666;
}

.newsletter_defaults {
    line-height: 20px;
    margin-bottom: 10px;
}

#lostPasswordResetForm input[type="text"], #lostPasswordResetForm input[type="password"] {
    display: block;
    width: 400px;
}

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

/*#copyRights {
    margin-left: 240px;
}*/

.contentContainer.cast-page .items {
    padding-left: 20px;
}

/**
 * [AdBlock Support page]
 */
#supportForAdblockUsers {
    margin-top: 40px;
    margin-left: 200px
}

#supportForAdblockUsers h3 {
    margin: 10px 0;
    font-size: 19px;
    font-weight: normal;
    color: #F79520;
}

#supportForAdblockUsers h3 a {
    color: #F79520;
}

.bubble {
    margin-bottom: 1em;
}

.bubble p {
    background: none repeat scroll 0 0 #F79520;
    border: 1px solid #000;
    clear: right;
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    position: relative;
    vertical-align: top;
    border-radius: 5px;
    margin-bottom: 20px;
}

.bubble.final p {
    background: #139749;
}

.bubble.final p:after, .bubble.final p:before {
    border: 0;
}

.bubble p span {
    background: #fff;
    border: 1px solid #000;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 22px;
    line-height: 21px;
    padding: 3px 7px;
    position: relative;
    top: -3px;
}

.bubble p:after, .bubble p:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.bubble p:after {
    border: 15px rgba(247, 149, 32, 0);
    border-top-color: #f79520;
    left: 25%;
    margin-left: -15px;
}

.bubble p:before {
    border: 16px rgba(0, 0, 0, 0);
    border-top-color: #000;
    left: 25%;
    margin-left: -16px;
}

.bubble img {
    border-radius: 10px;
    display: block;
    margin-bottom: 1em;
    position: absolute;
}

.maskWrapper {
    height: 200px;
    width: 200px;
    border-radius: 10px;
}

.bubble .mask {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    height: 200px;
    width: 200px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.bubble .mask.first {
    height: 200px;
    width: 200px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    z-index: 60;
}

.bubble .mask.first img {
    z-index: 60;
    left: -150px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.bubble .mask.first:hover {
    width: 410px;
    height: 310px;
}

.bubble .mask.first:hover img {
    left: 0;
}

.bubble .mask.second {
    z-index: 59;
}

.bubble .mask.second img {
    z-index: 59;
    left: -490px;
    top: -60px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.bubble .mask.second:hover {
    width: 830px;
    height: 370px;
}

.bubble .mask.second:hover img {
    left: 0;
    top: 0;
}

.bubble .mask.third {
    z-index: 58;
}

.bubble .mask.third img {
    z-index: 58;
    left: -650px;
    top: -680px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.bubble .mask.third:hover {
    width: 830px;
    height: 370px;
}

.bubble .mask.third:hover img {
    left: -200px;
    top: -500px;
}

.bubble .mask.fourth {
    z-index: 57;
}

.bubble .mask.fourth img {
    z-index: 57;
    left: -670px;
    top: -30px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.bubble .mask.fourth:hover {
    width: 1058px;
    height: 450px;
}

.bubble .mask.fourth:hover img {
    left: -0px;
    top: -0;
}

.bubble .mask.fifth {
    z-index: 56;
}

.bubble .mask.fifth img {
    z-index: 56;
    left: 0;
    top: -205px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.bubble .mask.fifth:hover {
    width: 570px;
    height: 500px;
}

.bubble .mask.fifth:hover img {
    left: -0px;
    top: -0;
}

.bubble .mask.sixth {
    z-index: 55;
}

.bubble .mask.sixth img {
    z-index: 55;
    left: 0;
    top: -30px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.bubble .mask.sixth:hover {
    width: 570px;
    height: 500px;
}

.bubble .mask.sixth:hover img {
    left: -0px;
    top: -0;
}

.chrome .bubble .mask.first img {
    left: -85px;
    top: -30px;
}

.chrome .bubble .mask.first:hover img {
    left: 0;
    top: 0;
}

.sideLists {
    margin-left: -20px;
    padding-left: 20px;
}

.search-was-not-successful-title {
    margin-bottom: 80px;
    color: #ffba00;
}

/* Special Offers BEGIN */

/*live-shows*/
#live-shows h1 {
    color: #fff;
    font-family: "Roboto Condensed Bold";
    font-size: 36px;
    font-style: normal;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}

.sidebar-campaign-logo {
    margin-bottom: 20px;
}

#menu .hot i,
#sideMenu .hot i {
    /*background: #5eafff none repeat scroll 0 0;*/
    /*background: #ffba00 none repeat scroll 0 0;*/
    background: #ff3f38 none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 2px 5px black, 0 1px 4px rgba(255, 255, 255, 0.5) inset;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    padding: 3px 5px;
    position: relative;
    top: -2px;
    right: -2px;
    vertical-align: top;
    color: #000;
}

#menu .hot.blue i,
#sideMenu .hot.blue i {
    background: #2697d5;
    color: #fff;
}

#menu .hot.orange i,
#sideMenu .hot.orange i {
    background: #f7941e;
}

#sideMenu .hot i {
    font-weight: normal;
    top: 3px;
    right: -6px;
}

#menu .updated i,
#sideMenu .updated i {
    /* background: #5eafff none repeat scroll 0 0; */
    background: #ffba00 none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 2px 5px black, 0 1px 4px rgba(255, 255, 255, 0.5) inset;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    padding: 3px 5px;
    position: relative;
    top: -2px;
    right: -2px;
    vertical-align: top;
    color: #000;
}

#sideMenu .updated i {
    font-weight: normal;
    top: 3px;
    right: -6px;
}

#menu .notification i,
#sideMenu .notification i {
    background: #ff3f38 none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 2px 5px black, 0 1px 4px rgba(255, 255, 255, 0.5) inset;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    padding: 3px;
    position: relative;
    top: -2px;
    right: -2px;
    vertical-align: top;
    color: #FFF;
}

#sideMenu .notification i {
    font-weight: normal;
    top: 3px;
    right: -6px;
}

/* END Special Offers */

/* Exit Offer */
#exitOffer1 {
    height: 100%;
    max-height: 574px;
    max-width: 95%;
    width: 810px;
}

#exitOffer1 .popup-title {
    border: none;
    background-color: #000;
    color: #fff;
    letter-spacing: 10px;
    text-transform: uppercase;
    font-size: 52px;
    /*font-family: Arial;*/
    text-align: center;
    padding: 10px 0;
    margin-bottom: 0;
}

#exitOffer1 .popup-title span {
    color: #f79520;
}

#exitOffer1 .wrapper .content {
    background-repeat: no-repeat;
    min-height: 449px;
    cursor: pointer;
}

#exitOffer2 {
    height: 100%;
    max-height: 574px;
    max-width: 800px;
}

#exitOffer2.popupContent h1, #exitOffer2.popupContent .popup-title {
    border: none;
    background-color: #000;
    color: #fff;
    letter-spacing: 10px;
    text-transform: uppercase;
    font-size: 52px;
    /*font-family: Arial;*/
    text-align: center;
    padding: 10px 0;
    margin-bottom: 16px;
}

#exitOffer2.popupContent h1 span, #exitOffer2.popupContent .popup-title span {
    color: #f79520;
}

#exitOffer2 .wrapper .content {
    background: url(https://i.c7cdn.com/images/offers/bg_exitOffer2.jpg);
    background-size: cover;
    min-height: 447px;
}

/* #exitOffer2 .content h1 {} */

#exitOffer2 .on-time-offer .discount {
    /*font-family: Arial;*/
    float: left;
    text-align: center;
    width: 100%;
}

#exitOffer2 .on-time-offer .discount-47 {
    background: url(https://i.c7cdn.com/images/offers/offer_discount_47.png);
    width: 248px;
    height: 248px;
    margin: 0 auto;
}

#exitOffer2 .discount .credits {
    font-size: 56px;
}

#exitOffer2 .discount .credits span {
    font-weight: bold;
    /*font-family: Tahoma;*/
}

#exitOffer2 .discount .value {
    display: inline-block;
    width: 100%;
    margin: 15px auto 8px auto;
}

#exitOffer2 .discount .value .value-content {
    display: inline-block;
}

/*#exitOffer2 .discount .price {

}*/

#exitOffer2 .discount .strikethrough {
    position: relative;
    float: left;
    font-weight: normal;
    font-size: 28px;
    margin: 5px 0;
}

#exitOffer2 .discount .strikethrough:after {
    position: absolute;
    top: 14px;
    left: -20px;
    content: "";
    width: 147px;
    height: 15px;
    background: url(https://i.c7cdn.com/images/offers/strikethrough-big.png) no-repeat 0 0;
}

#exitOffer2 .discount .arrow {
    float: left;
    background: url(https://i.c7cdn.com/images/offers/arrow.png);
    width: 83px;
    height: 13px;
    margin: 6% 5px;
}

#exitOffer2 .discount .price {
    float: left;
    font-size: 45px;
    font-weight: bold;
    margin: -4px 0 0;
}

#exitOffer2 .discount .btn {
    background-color: #f79520;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    padding: 15px 28px;
    text-transform: uppercase;
    width: auto;
}

#exitOffer2 .discount .btn:hover {
    background: #f67700;
}

@media screen and (max-width: 800px) {
    #exitOffer2 {
        max-height: 554px;
    }

    #exitOffer2 .on-time-offer .discount {
        float: none;
        text-align: center;
        width: 100%;
    }

    #exitOffer2 h1 {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 460px) {
    #exitOffer2 .discount .strikethrough {
        font-size: 20px;
    }

    #exitOffer2 .discount .strikethrough:after {
        top: 9px;
    }

    #exitOffer2 .discount .price {
        font-size: 28px;
        margin: 0;
    }
}

/* END Exit Offer */

/* BEGIN  preorderPopup */

.popupContent.gallery-big .wrapper {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    bottom: 0;
    display: inline-block;
    float: left;
    margin-left: 0;
    max-height: 80%;
    position: absolute;
    text-align: center;
    top: 10%;
    width: 100%;
    z-index: 10;
}

.popupContent.gallery-big .wrapper .gallery-big-content {
    display: inline-block;
    position: relative;
}

.popupContent.gallery-big .close-popup {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 30px;
    width: 25px;
    cursor: pointer;
}

.popupContent.gallery-big {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 200000004;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    box-shadow: 0 2px 20px #000;
}

.popupContent.gallery-big img {
    height: 100%;
    max-height: 100%;
}

#newMessage.popupContent:after,
#preorderPopup.popupContent:after {
    display: none;
}

#preorderPopup.popupContent {
    border: 1px solid #000;
    bottom: 30px;
    box-shadow: 8px 5px 15px #000;
    height: 300px;
    max-height: 50%;
    position: absolute;
    right: 20px;
    top: auto;
    width: 350px;
    z-index: 2147483648;
}

#preorderPopup.popupContent .emoji {
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px;
}

#preorderPopup.popupContent .gallery {
    border-radius: 5px;
    margin: 10px;
    cursor: pointer;
}

.preorderPopup .content {
    background-color: #dde9ea;
    bottom: 70px;
    left: 0;
    overflow-y: auto;
    padding: 10px 10px 0;
    position: absolute;
    right: 0;
    top: 30px;
}

.preorderPopup .content .row-content {
    padding-bottom: 10px;
}

.preorderPopup .content .row-content.hidden {
    display: none;
}

.preorderPopup .bottom {
    background-color: #dde9ea;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    bottom: 0;
    height: 65px;
    padding-top: 5px;
    position: absolute;
    width: 100%;
}

.preorderPopup .bottom .left {
    display: table-cell;
}

.preorderPopup .bottom .left .shape {
    /*background: url("https://i.c7cdn.com/images/preorder/popup/shape.png");*/
    background-repeat: no-repeat;
    bottom: 0;
    color: #fff;
    /*font-family: "futura-bt-boldcondensed-italic";*/
    font-size: 12px;
    height: 35px;
    margin-left: -5px;
    line-height: 18px;
    padding: 6px 0;
    text-align: center;
    width: 109px;
}

.preorderPopup .bottom .left .shape span {
    font-size: 20px;
}

.preorderPopup .bottom .right {
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle;
    width: 100%;
}

.preorderPopup .bottom .more-info {
    color: #2697d5;
    display: block;
    font-size: 11px;
    padding: 0 50px 5px 0;
    text-align: right;
}

.preorderPopup .purchase {
    float: right;
    cursor: pointer;
}

.preorderPopup .button {
    background-color: #00a000;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    /*font-family: "futurabt-bold-condensed";*/
    font-size: 10px;
    padding: 3px 12px;
    text-transform: uppercase;
    margin: 0 5px;
    text-align: center;
}

.preorderPopup .button.disabled {
    background-color: #2D2D2D;
    opacity: 0.7;
}

.preorderPopup .button span {
    font-size: 12px;
}

/* .preorderPopup .button:last-child {} */

#newMessage .close-popup,
#preorderPopup .close-popup {
    border: 0 none;
    cursor: pointer;
    position: absolute;
    z-index: 10000;
    background: url("https://i.c7cdn.com/images/preorder/popup/popup-close-x.png");
    width: 11px;
    height: 11px;
    top: 9px;
    right: 9px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

#preorderPopup .close-popup:hover {
    transform: rotate(90deg);
}

.preorderPopup .text-content {
    margin: 5px 0 0 0;
    font-size: 11px;
}

.preorderPopup .image {
    display: table-cell;
    /*max-width: 87px;
    max-height: 88px;*/
    width: auto;
    height: auto;
    /*border: 1px solid #000;*/
}

.preorderPopup .image img {
    border: 3px solid #fff;
}

.preorderPopup .image img.profile1 {
    max-width: 87px;
    max-height: 88px;
}

.preorderPopup .image img.profile2 {
    max-width: 50px;
    max-height: 50px;
}

.preorderPopup .text-box {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    font-size: 11px;
}

.preorderPopup .text-box.right {
    padding-left: 10px;
}

.preorderPopup .text-box.left {
    padding-right: 10px;
}

.preorderPopup .text-box .inner {
    background-color: #fff;
    border-radius: 8px;
    padding: 6px 8px 8px 8px;
}

.preorderPopup .text-box .inner.right {
    position: relative;
}

.preorderPopup .text-box .inner.right:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 15px 7px 0;
    border-color: transparent #fff transparent transparent;
    /*border-color: transparent #f5f7fa transparent transparent;*/
}

.preorderPopup .text-box .inner.left {
    position: relative;
}

.preorderPopup .text-box .inner.left:after {
    content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-width: 0;
    border-left: 15px #fff;
}

.preorderPopup h1.title {
    /*font-family: 'futurabt-bold-condensed' !important;*/
    font-size: 19px !important;
    padding: 3px 8px;
    text-align: left !important;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: linear-gradient(to bottom, rgba(109, 155, 198, 1) 0%, rgba(109, 155, 198, 1) 46%, rgba(72, 130, 184, 1) 51%, rgba(72, 130, 184, 1) 72%, rgba(72, 130, 184, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d9bc6', endColorstr='#4882b8', GradientType=0);
}

@media screen and (max-width: 840px) {
    .preorderPopup .row-content {
        margin: 0 0 5px;
    }
}

/* END  preorderPopup */

/* BEGIN newMessage */
.popupContent.newMessage {
    width: 135px;
    right: 20px;
    bottom: -135px;
    position: absolute;
    top: auto;
    border: none;
}

.popupContent.newMessage.open {
    bottom: 20px;
}

.popupContent.newMessage .wrapper {
    background: transparent;
    height: auto;
}

.popupContent.newMessage .content {
    padding: 0;
    cursor: pointer;
}

.popupContent.newMessage .button {
    position: relative;
    left: 4px;
    bottom: 18px;
    font-size: 15px;
    display: table-cell;
    border-radius: 3px;
    padding: 5px 15px;
    color: #fff;
    text-transform: uppercase;
    background-color: #2697d5;
}

.newMessage .image {
    display: table-cell;
    border-radius: 50%;
    width: 135px;
    height: 135px;
    box-shadow: 0 0 40px #000;
}

.popupContent.newMessage .notification {
    font-weight: bold;
}

.popupContent.newMessage .notification b {
    background-color: rgb(255, 45, 33);
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold;
    line-height: 12px;
    padding: 4px 10px;
    position: relative;
    top: 12px;
    left: 2px;
    vertical-align: top;
    color: #fff;
}

/* END newMessage */

/* edit, payments, credits text color */
#edit .popupContent .label,
#payments .popupContent .label,
#credits .popupContent .label {
    color: #363636;
    font-size: initial;
    text-align: left;
    line-height: 15px;
}

#edit .popupContent .label .price,
#payments .popupContent .label .price,
#credits .popupContent .label .price {
    font-size: 12px;
}

/* ==========================================================================
     Responsive Queries
   ========================================================================== */
@media screen and (max-width: 800px) {
    #menu li a {
        font-size: 12px !important;
        padding: 8px 6px;
    }

    .view-switcher {
        display: none;
    }

    .ls-dropdown ul li a {
        padding: 5px 25px 5px 10px;
    }

    .ls-dropdown .selected {
        padding: 5px;
    }

    .w1024 .game-filter em.positioner {
        margin-left: 100px;
    }

    #default .thumb-list .episodeBlock {
        margin-right: 10px !important;
    }

    .modelBlock img {
        height: auto;
        width: 295px;
    }

    /* Ok. So @ this resolution we need to use a plaintext logo instead of a big crap
       coz' that uncovers the content, the management are accepted my magical idea :D */
    #headLine {
        text-indent: 0 !important;
        width: auto !important;
        height: auto !important;
        font-size: 17px !important;
        left: 0 !important;
        top: -22px !important;
    }

    #menu {
        z-index: 1000 !important;
    }

    /*.buyPopupPartTwo .columns>li {
        width: 209px;
    }
    .buyPopupPartTwo .options label {
        width: 165px;
    }*/
    /*
        .buyPopupPartTwo .options label .name {
            font-size: 18px;
        }
    .buyPopupPartTwo .buyButton.popupButton.ok.buy-credits {
        bottom: 80px;
        position: absolute;
        right: 0;
    }
    */
}

@media screen and (max-width: 800px) {
    html, body, #background {
        min-height: 100% !important;
        height: auto !important;
    }

    #homePageBody {
        overflow: visible !important;
    }

    .toggle-favorite.small-device {
        margin-top: 20px;
        margin-bottom: -50px;
        display: block !important;
        z-index: 9999999999;
    }

    .toggle-favorite.large-device {
        display: none !important;
    }

    /**
     * Enable box-sizing feature

    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    */
    .mobile {
        display: block;
    }

    /*.notice {
        border: 1px solid;
        margin: 10px;
        padding: 5px;
        color: #00529B;
        background: #BDE5F8 no-repeat 10px center;
        display: inline-block;
    }*/
    .notice strong {
        font-weight: bold;
    }

    /**
     * [Global]
     *
     * First thing is hide the unnecessary items
     */
    /* The feedback is not mobile friendly (coz' external service) */
        /* No way to optimize for mobile */
    #background,
        /* No way to optimize for mobile */
    #sideMenu .menu, #sideMenu2 .popular-models-list,
        /* There is no functions in mobile version, for the reason we show this */
    #menu li.separator, /* Unnecessary */
    #menu li.buyCredit,
        /* This time is no way to buy credits */
    #menu li.registration,
        /* This time is no way to register */
    #menu li.login,
        /* This time is no way to login */
    #bottomThumbSelector .background,
        /* Unnecessary */
    #bottomThumbSelector .pager-control,
        /* Unnecessary */
    #bottomThumbSelector .hide-control {
        /* Unnecessary */
        display: none !important;
    }

    body #headLine {
        background: none repeat scroll 0 0 transparent;
        font-size: 14px;
        height: auto;
        left: 5px;
        margin: 0 !important;
        position: fixed !important;
        text-indent: 0;
        top: 10px;
        z-index: 2147483647;
    }

    body #sideMenu #headLine a,
    body #sideMenu2 #headLine a {
        left: 10px;
        top: 30px;
    }

    body #menu aside {
        left: 150px;
    }

    body #sideMenu,
    body #sideMenu2 {
        left: 5px !important;
        margin: 0;
        position: fixed;
        top: 0;
        z-index: 2147483647;
    }

    .mobileNavigation {
        border: 1px solid #FFC602;
        height: 22px;
        margin-right: 4px;
        margin-top: 4px;
        padding: 1px;
        width: 150px;
    }

    #homePage .contentContainer {
        position: static;
        margin: 25px 0 0;
    }

    #homePage .contentContainer .content {
        min-width: 0;
    }

    /**
     * [Mainpage]
     */
    #bottomThumbSelector {
        position: relative;
        height: 100%;
        padding-top: 0;
        z-index: 12341;
    }

    #bottomThumbSelector .wrapper {
        padding: 0;
    }

    #bottomThumbSelector .thumbs {
        width: 100% !important;
        height: 100%;
        position: static;
    }

    #bottomThumbSelector .full, #bottomThumbSelector .mini {
        position: static;
        width: 100%;
        height: auto;
    }

    #bottomThumbSelector .full li, #bottomThumbSelector .mini li {
        margin: 0;
        width: 33%;
        float: none;
        display: inline-block;
    }

    #bottomThumbSelector .thumb a {
        display: block;
        min-width: 136px;
        min-height: 91px;
    }

    #bottomThumbSelector li .thumb img {
        /*display: block;
        width: 136px;
        height: 91px;
        position: absolute; */
        height: auto !important;
        width: 100% !important;
    }

    #bottomThumbSelector li .episodeTitle {
        margin-top: 3px;
    }

    #bottomThumbSelector .menu {
        clear: both;
        height: 14px;
        margin: 5px 0 5px 5px;
        position: static;
        text-align: center;
        width: auto;
    }

    #bottomThumbSelector .menu li {
        display: inline;
    }

    #copyRights {
        margin: 0;
    }

    /**
     * [Model list]
     */
    body #default .contentContainer .content .right {
        margin: 0 !important;
        padding-top: 20px;
        padding-left: 10px;
    }

    body #default .contentContainer .content .right .modelBlock {
        display: inline-block;
        margin-right: 1%;
        width: 32%;
        float: none;
    }

    body #default .contentContainer .content .right .modelBlock img {
        width: 100% !important;
        height: auto;
    }

    body #default .contentContainer .content .right .modelBlock .name {
        font-size: 15px;
    }

    /**
     * [Model]
     */
    .models-scenes {
        float: none !important;
    }

    .w1024 .contentContainer .content .right, .w1024 .model-page .right-panel {
        margin: 0 !important;
        padding: 20px 10px 0;
    }

    /*.model-page .episodeList .first .thumb {

    }*/
    .model-page .model-main .model-pictures {
        float: none;
        height: auto;
        width: 100%;
        margin: 0;
    }

    .model-page .model-main .model-pictures img {
        display: inline-block !important;
        height: auto;
        width: 32.7%;
        position: static !important;
    }

    .model-page .model-main .model-pictures .pager {
        display: none;
    }

    .model-page .model-main .model-details dl dd, .model-page .model-main .model-details dl dt {
        float: none;
        width: 100% !important;
        clear: both;
        margin: 0 0 2px;
    }

    .model-page .model-main .model-details dl dd {
        margin-left: 1em;
    }

    body.w1024 .model-details {
        width: 100% !important;
        max-width: 100% !important;
    }

    #default .line-list .episodeBlock {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }

    #default .line-list .episodeBlock .thumb {
        float: none;
        margin: 0;
    }

    #default .line-list .episodeBlock img {
        width: 98%;
        height: auto;
    }

    .episodeBlock .description {
        width: 100% !important;
        max-width: 100% !important;
    }

    .models-scenes dl dd, .models-scenes dl dt {
        float: none;
        width: 100% !important;
        clear: both;
        margin: 0 0 2px;
    }

    .models-scenes dl dd {
        max-height: 63px;
        overflow: hidden;
    }

    /**
     * [Game list]
     */
    .content .game-filter {
        display: none;
    }

    body #default .episodeList {
        padding: 0;
    }

    body #default .thumb-list .episodeBlock {
        margin-right: 0;
    }

    .top-categories, .popular-categories, .popular-models, .my-shows {
        display: none;
    }

    .customer-support {
        width: 100%;
        height: 100%;
    }

    .customer-support div {
        height: auto;
    }

    #DisplayPlayer .pager, #DisplayPlayer #leftShadow {
        display: none;
    }

    #DisplayPlayer #default #background {
        display: block !important;
    }

    #DisplayPlayer #default .info-and-actions {
        font-size: 12px;
        position: static;
        z-index: 3;
        width: 100%;
        padding: 25px;
    }

    #DisplayPlayer #default .info-and-actions .info {
        background: rgba(0, 0, 0, .4);
        padding: 5px;
    }

    #DisplayPlayer #default .info-and-actions p {
        display: block;
        max-height: 50%;
        overflow: hidden;
    }

    .episodeBlock .thumb a, .trailer a {
        display: block !important;
    }

    #default .thumb-list .episodeBlock img {
        max-width: 100% !important;
    }

    #default .episodeBlock .bottom {
        width: 100% !important;
    }

    #default .model-page .right-panel {
        overflow-y: inherit !important;
    }

    #view .right-panel {
        margin-left: 0;
    }

    #view .episodeBlock {
        display: block !important;
        width: auto !important;
    }
}

@media screen and (max-width: 485px) {
    #bottomThumbSelector .full li, #bottomThumbSelector .mini li {
        width: 49%;
    }

    #bottomThumbSelector li .episodeTitle {
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 140px;
    }

    body #default .thumb-list .episodeBlock {
        /*width: 100%;*/
        margin-right: 0;
    }
}

@media screen and (min-width: 980px) {
    .mobile-menu {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
    }

    .mobile-menu span {
        position: absolute;
        display: block;
        width: 27px;
        height: 12px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAMCAYAAACTB8Z2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdJREFUeNpi/A8EDHQCTAx0BCxAzDgsfUb3YBxNIKMJZAQmEIAAAwB5bAYcFiTPsAAAAABJRU5ErkJggg==');
    }
}

@media screen and (max-width: 980px) {
    .mobile-menu {
        display: block;
    }

    #menu ul.menu {
        position: fixed;
        top: 0;
        right: 0;
        max-width: 25%;
    }

    #menu ul.menu li {
        display: block;
    }

    #menu ul.menu li a {
        padding: 4px 6px;
    }
}

.play {
    position: relative;
    font-size: 16px;
    line-height: 19px;
    display: inline-block;
    border-radius: 5px;
    padding: 10px 20px 10px 40px;
    margin-top: 10px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.play:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 14px solid #fff;
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    border-top: 8px solid rgba(0, 0, 0, 0);
    left: 20px;
    position: absolute;
    top: 11px;
}

.start-game-button .play {
    background-color: #f7941e;
    border-radius: 0 5px 5px 0;
    margin-right: -4px;
    border: none;
}

.start-game-button .play:hover {
    background-color: #f38809;
}

.view-trailer-button {
    background-color: #1b1b1b;
    border-radius: 5px 0 0 5px;
    border: none;
}

.view-trailer-button:hover {
    background-color: #0e0e0e;
}

.popupContent.buyPopupPartTwo {
    min-width: 800px;
    width: 800px;
}

body.loggedIn .popupContent.buyPopupPartTwo {
    min-width: 880px;
    width: 880px;
    background-color: #fff;
}

.popupContent.buyPopupPartTwo.showLogin {
    min-width: 960px;
    width: 960px;
}

.notice.handheldDeviceAttention {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    background: rgba(127, 0, 0, .75);
    font-size: 14px;
}

.notice.handheldDeviceAttention .attentionContent {
    padding: 30px;
    font-size: 1.4em;
}

.notice.handheldDeviceAttention .attentionContent a {
    color: #BC5B5B;
}

body.handle .content {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 100%;
}

body.handle #homePage .contentContainer {
    z-index: 10;
}

body.handle #bottomThumbSelector,
body.handle .contentContainer.model-page .right-panel {
    display: none;
}

.login-container,
.signup-container {
    margin-top: 5px;
    width: 190px;
}

.login-container div,
.signup-container div {
    position: relative;
    width: 190px;
}

/*.login-container #loginCaptcha2 {*/
/*transform: scale(0.635);*/
/*transform-origin: 0 0;*/
/*}*/

/* font */

/* #sideMenu,
#sideMenu2,
.breadcrumb { */
/*font-family: ITCAvantGardeStd-Bk;*/
/*font-family: Arial,​Helvetica,​sans-serif;*/
/* } */

#sideMenu2 .popular-models-list h2,
#sideMenu .top-categories h2,
#sideMenu .popular-categories h2,
#sideMenu .popular-models h2,
#sideMenu .my-shows h2,
#sideMenu2 .my-models h2 {
    /*font-family: ITCAvantGardeStd-Bk;*/
    color: #999;
    font-weight: bold;
}

/*.legal-text h1,
.episodeList h1,
.models-scenes h1,
.supportHolder h3,
.supportHolder p {
    font-family: ITCAvantGardeStd-Bk;
}*/

.popupContent h2 {
    /*font-family: ITCAvantGardeStd-Md;*/
    font-weight: bold;
    text-shadow: 0 1px 0 #999;
}

#trailerButton {
    font-family: HU_flasa !important;
}

#usrModalHeader h2 {
    color: #000;
    text-shadow: 0 0 2px #fff;
}

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

ul.tabs li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #818181;
    margin-right: -4px;
    border-radius: 13px 13px 0 0;
}

ul.tabs li:after {
    display: block;
    content: '';
    width: 53px;
    height: 42px;
    position: absolute;
    right: -42px;
    top: 0;
    z-index: 1;
    /*background: transparent url(/images/tab-normal-end.png) no-repeat 0 0;*/
}

ul.tabs li.current:after,
ul.tabs li:hover:after {
    z-index: 2;
    /*background: transparent url(/images/tab-active-end.png) no-repeat 0 0;*/
}

ul.tabs li:hover {
    z-index: 2;
}

ul.tabs li.current:before,
ul.tabs li:hover:before {
    content: '';
    display: block;
    position: absolute;
    left: -9px;
    top: -1px;
    width: 22px;
    height: 43px;
}

ul.tabs li a {
    display: block;
    padding: 10px 15px 10px 30px;
}

ul.tabs li:first-child a {
    display: block;
    padding-left: 15px;
}

ul.tabs li,
ul.tabs li a {
    /*font-family: ITCAvantGardeStd-Demi;*/
    font-size: 24px;
    line-height: 22px;
    color: #000;
    text-transform: uppercase;
}

ul.tabs li.current,
ul.tabs li:hover {
    background: #f0901f;
    z-index: 2;
}

/* tmp mobile
------------------------------------------------------------------------------------------------ */
html:not(.desktop) body:not(.desktop) {
    overflow: auto !important;
}

#tmp-mobile {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    margin: 0 20px;
    text-align: center;
}

#tmp-mobile header:after {
    clear: both;
    content: '';
    display: block;
}

#tmp-mobile #headLine {
    background: no-repeat center top;
    -webkit-background-size: contain;
    background-size: contain;
    float: none;
    margin: 0 0 10px;
    position: static;
    width: auto;
}

#tmp-mobile p {
    margin: 0 0 20px;
}

#tmp-mobile .getMail input {
    margin-top: 5px;
    margin-bottom: 3px;
    border: 1px solid #2b2b2b;
    background: #efefef;
    border-radius: 5px;
    /* box-shadow: inset -1px 1px 5px #999; */
    font-size: 14px;
    font-weight: bold;
    height: 39px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    width: 90%;
}

#tmp-mobile .getMail button {
    background: linear-gradient(to bottom, #febd68 0%, #f79520 100%);
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    font-size: 18px;
    padding-left: 13px;
    line-height: 32px;
    margin-bottom: 5px;
    padding-right: 13px;
}

#tmp-mobile-trailer-cover {
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}

/*
#tmp-mobile-trailer-video {
    position: absolute;
    left: -9999px;
}
*/
.fullscreen {
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;
}

#tmp-mobile .follow-on-twitter {
    display: block;
    line-height: 40px;
    margin: 35px 0;
}

#tmp-mobile a.follow-on-twitter {
    color: #F8A747;
    text-decoration: underline;
}

/* referral page
================================================================================================= */
#referral article.right.gift {
    margin-left: 200px;
    height: auto !important;
    margin-top: 70px;
    margin-right: 70px;
    position: relative !important;
    top: -31px;
}

#referral article.right-gift-landing {
    margin-left: 200px;
    height: auto !important;
    margin-top: 70px;
    margin-right: 70px;
    position: relative !important;
    top: -40px;
}

#referral img.logo {
    display: block;
    margin: 0 auto;
    position: relative;
}

#referral .referral-msg-header,
#referral .referral-msg {
    color: #bbb;
    /*font-family: ITCAvantGardeStd-Demi;*/
    font-size: 25px;
    margin: 25px auto;
    text-align: center;
    width: 600px;
    line-height: 35px;
}

#referral .referral-msg > span {
    color: #F79520;
}

#referral-form {
    margin: 0 auto;
    width: 400px;
}

#referral-form:after {
    clear: left;
    content: '';
    display: block;
    height: 0;
    width: 0;
}

#referral-form .row {
    float: left;
}

#referral-form .row.email-container {
    position: relative;
    width: 290px;
}

#referral-form .errorMessage {
    display: none !important;
}

#referral-form #ReferralMail_email {
    border: none;
    box-sizing: border-box;
    height: 30px;
    padding: 0 10px;
    width: 100%;
}

#referral-form #ReferralMail_email:focus {
    outline: none;
}

#referral-form input[type="submit"] {
    background-color: #F79520;
    border: none;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    margin: 0 0 0 10px;
    padding: 6px 0;
    text-align: center;
    width: 100px;
}

@-moz-document url-prefix() {
    #referral-form input[type="submit"] {
        padding: 4px 0;
    }
}

#referral-form_es_ p {
    color: #fff;
    font-size: 16px;
    padding-bottom: 5px;
}

#referral-form_es_ li {
    font-size: 16px;
    padding-bottom: 5px;
}

#referral-form .ref-msg {
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}

#referral .terms-container {
    margin: 10px auto 0;
    width: 400px;
    text-align: center;
}

#referral .terms-and-conditions {
    color: #999;
    font-size: 12px;
}

#joinlayer {
    position: fixed;
    height: 310px;
    width: 100%;
    padding: 0;
    margin: 0;
    bottom: -400px;
    background: url('https://i.c7cdn.com/images/popupjoin/bgpattern.png') repeat;
    z-index: 120000;
}

#joinlayer #joinlogo {
    background: url('https://i.c7cdn.com/images/popupjoin/logo.png') no-repeat;
    width: 108px;
    height: 108px;
    position: relative;
    margin: -65px auto 0;
    padding: 0;
}

#joinlayer #joinclose {
    background: url('https://i.c7cdn.com/images/popupjoin/close.png') no-repeat;
    width: 23px;
    height: 24px;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#joinlayer #jointext {
    background: url("https://i.c7cdn.com/images/popupjoin/t1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 30px;
    margin: 0 auto;
    width: 460px;
}

#joinlayer #joinform {
    text-align: center;
    padding-top: 15px;
    height: 220px;
}

#joinlayer #joinform .joinformside {
    display: inline-block;
    vertical-align: top;
}

#joinlayer #joinform #joinleft {
    background: url("https://i.c7cdn.com/images/popupjoin/poster.png") no-repeat;
    width: 640px;
    height: 220px;
}

#joinlayer #joinform #joinright {
    width: 310px;
    height: 220px;
}

#joinlayer #joinform #joinright p {
    width: 310px;
    margin: 0 0 0 25px;
    text-align: left;
    color: darkgrey;
}

#joinlayer #joinform #joinright p a {
    color: orange;
}

#joinlayer #joinform #joinright .joininput {
    background: url("https://i.c7cdn.com/images/popupjoin/inputbg.png") no-repeat;
    width: 310px;
    height: 40px;
    padding: 6px 0 0;
    margin-left: 10px;
    position: relative;
}

#joinlayer #joinform #joinright .joininput .errorMessage {
    display: none;
    z-index: 130000;
    top: -20px;
    left: 5px;
    right: inherit;
}

#joinlayer #joinform #joinright .joininput .errorMessage:after {
    right: 100px;
    top: 21px;
    border: none !important;
    /*
        border-bottom: 5px solid rgba(0, 0, 0, 0);
        border-left: 5px solid #ff0000;
        border-top: 5px solid rgba(0, 0, 0, 0);

        border-left: 5px solid rgba(0, 0, 0, 0);
        border-top: 5px solid #ff0000;
        border-right: 5px solid rgba(0, 0, 0, 0);
        border-bottom: none;
    */
}

#joinlayer #joinform #joinright .joininput .text {
    width: 278px;
    height: 22px;
    font-size: 18px;
    padding: 4px 10px;
    border: none;
}

#joinlayer #joinform #joinright .joininput .text.placeholder {
    color: grey;
}

#joinlayer #joinform #joinright .joinsubmit {
    background: url("https://i.c7cdn.com/images/popupjoin/ctasubmitbg.png") no-repeat;
    width: 329px;
    height: 86px;
    margin-top: -5px;
}

#joinlayer #joinform #joinright .joinsubmit .submit {
    background: url("https://i.c7cdn.com/images/popupjoin/ctasubmit.png") no-repeat center;
    width: 297px;
    height: 63px;
    border: none;
    margin: 14px 0 0 0;
    color: transparent;
    border-radius: 0;
    padding: 0;
    cursor: pointer;
}

#success-join {
    display: none;
    position: fixed;
    height: 300px;
    width: 640px;
    padding: 0;
    margin: 0;
    z-index: 120000;
}

#success-join a.emailConfirmAlert {
    color: #f00;
    font-weight: 700;
}

#company_data {
    color: #525252;
    font-size: 10px;
    height: 10px;
    margin-bottom: 15px;
}

.password-strength.complevel1 .active {
    background: #a3a3a3;
}

.password-strength.complevel2 .active {
    background: #ea1111;
}

.password-strength.complevel3 .active {
    background: #ffad00;
}

.password-strength.complevel4 .active {
    background: #9bc158;
}

.password-strength.complevel5 .active {
    background: #00b400;
}

.password-strength .item:first-child {
    margin-left: 0;
}

.password-strength .item {
    transition: all 300ms ease-in-out;
    width: 45px;
    background: #ccc;
    height: 4px;
    display: inline-block;
    margin-left: 5px;
}

.passchange {
    padding-right: 0 !important;
}

.passchange input {
    padding-right: 24px;
}

.passchange .password-strength .item {
    width: 32px;
}

.buyPopupPartTwo .signup-container .password-strength .item {
    width: 27px;
}

.passwordchange ~ .editable-container .editable-clear-x {
    display: none;
}

.password-strength {
    margin-top: -10px;
    margin-left: 1px;
}

.passchange .password-strength {
    margin-top: 7px;
}

.buyPopupPartTwo .signup-container .password-strength {
    margin-top: 0;
}

.passwordchange ~ .editable-container,
.emailChange ~ .editable-container {
    position: relative;
    width: 100%;
}

.passwordchange ~ .editable-container .editable-buttons,
.emailChange ~ .editable-container .editable-buttons {
    position: absolute;
    bottom: 12px;
    width: 100px;
}

.passwordchange ~ .editable-container .help-block,
.emailChange ~ .editable-container .help-block {
    height: 20px;
    display: block !important;
}

.referral-form span {
    padding: 5px 10px;
}

#recommendations-form select {
    border: 1px solid #ccc;
    padding: 5px;
}

#recommendations-form label {
    width: 50px;
    text-align: right;
}

.game-reco td, th {
    padding: 5px;
}

.game-reco th {
    background-color: #333;
    color: white;
}

.game-reco tr:nth-child(odd) {
    background-color: #EEEEE9;
}

.game-reco tr input:not([type="submit"]),
.game-reco tr select {
    border: 1px solid transparent;
    padding: 2px;
    background-color: transparent;
}

.game-reco input[type="submit"] {
    font-size: 14px;
}

.line-list .episodeBlock.reco,
.line-list .episodeBlock.reco:hover {
    background-color: transparent !important;
}

#listGames .thumb-list .episodeBlock.reco .bottom .title,
#creators .thumb-list .episodeBlock.reco .bottom .title {
    color: #000 !important;
}

#bottomThumbSelector .episodeBlock.reco {
    /*background-color: #ff0048;*/
    background-color: #f7941e;
}

/*#bottomThumbSelector .episodeBlock.reco .title{
    color: #000;
}*/

#bottomThumbSelector .episodeBlock.reco:hover {
    /*background-color: #bb0035;*/
    background-color: #ce9a0d;
}

#bottomThumbSelector .episodeBlock.new {
    background-color: #009dff;
}

#bottomThumbSelector .episodeBlock.new:hover {
    background-color: #0069aa;
}

.pageScrollContent.episodeList.line-list .episodeBlock.normal.new {
    padding: 15px;
    background-color: transparent;
}

.pageScrollContent.episodeList.line-list .episodeBlock.normal.new:hover {
    background-color: transparent !important;
}

.pageScrollContent.episodeList.line-list .episodeBlock.normal.new .story {
    color: #fff !important;
}

.models-scenes.episodeList.line-list .action-btns,
.pageScrollContent.episodeList.line-list .action-btns {
    margin-right: 22px;
}

.episodeBlock .thumb {
    position: relative;
}

.episodeBlock.reco {
    background-color: #f7941e;
}

.episodeBlock.reco:hover {
    background-color: #f38809 !important;
}

.episodeBlock.reco-red {
    background-color: #eb0529;
}

.episodeBlock.reco-red:hover {
    background-color: #b80523 !important;
}

.episodeBlock.reco-red .title,
.episodeBlock.reco-red:hover .title {
    color: #fff !important;
}

.episodeBlock.new {
    background-color: #2898d6;
}

.episodeBlock.new:hover {
    background-color: #0069aa !important;
}

.episodeBlock.flash-sale {
    background-color: #f00;
}

.episodeBlock.flash-sale .thumb {
    overflow: hidden;
}

.episodeBlock.flash-sale .thumb:before {
    position: absolute;
    top: 25px;
    right: -75px;
    left: auto;
    width: 200px;
    background-color: #f00;
    color: #fff;
    content: 'FLASH SALE';
    font-weight: bold;
    padding: 10px;
    text-align: center;
    transform: rotateZ(45deg);
    z-index: 1;
}

.episodeBlock.flash-sale:hover {
    background-color: #e60000 !important;
}

.models-scenes .episodeBlock.new,
.models-scenes .episodeBlock.flash-sale,
.eposodeList.line-list .episodeBlock.flash-sale {
    background-color: transparent;
}

.models-scenes .episodeBlock.new:hover,
.models-scenes .episodeBlock.flash-sale:hover,
.eposodeList.line-list .episodeBlock.flash-sale:hover {
    background-color: transparent !important;
}

.episodeBlock.reco span.title,
.episodeBlock.reco:hover span.title {
    color: #000 !important;
}

.episodeBlock.new span.title,
.episodeBlock.new:hover span.title {
    color: #fff !important;
}

.language-selector {
    position: relative;
    margin-right: 5px;
    margin-top: -2px;
    padding: 5px 5px;
    display: inline-block;
    width: auto;
    vertical-align: top;
    height: 20px;
    overflow: hidden;
    background-color: black;
    text-align: center;
}

.language-selector:after {
    position: absolute;
    content: '';
    top: 14px;
    right: 0;
    width: 8px;
    height: 4px;
    /*background-image: url('/images/translation/arrow-down.png');*/
    z-index: 99999999;
}

.language-selector:hover {
    height: auto;
}

.language-selector li {
    display: block !important;
    text-align: center;
}

.language-selector li:first-child {
    margin: -2px 0 5px 0;
}

.language-selector li:not(.first-child) a {
    padding: 5px 10px !important;
}

.language-selector li a img {
    border: 1px solid black;
}

.language-selector li:not(:first-child) a:hover img {
    border: 1px solid #DF7F00;
}

.language-selector-arrow {
    margin: 0 10px 0 -8px;
}

.language_editor {
    margin: 10px;
}

#language_editor {
    margin-left: 30px;
}

.language.editor h5 {
    margin: 0 0 20px 30px;
    font-size: 16px;
}

#language_editor span {
    display: inline-block;
    width: 50px;
    vertical-align: top;
}

#language_editor input {
    margin-right: 20px;
}

.module ul.yiiPager .page a,
.module ul.yiiPager .previous a,
.module ul.yiiPager .next a {
    color: #0e509e !important;
}

.module ul.yiiPager .page.selected a {
    color: white !important;
}

/* Yii booster assets handling bugfixes */
.editable-clear-x {
    background: rgba(0, 0, 0, 0) url("https://i.c7cdn.com/images/yiibooster/clear.png") no-repeat scroll center center;
}

.grid-view-loading,
.list-view-loading,
.editableform-loading {
    background: rgba(0, 0, 0, 0) url("https://i.c7cdn.com/images/yiibooster/loading.gif") no-repeat scroll 0 0;
}

/* *** */

.pageScrollContent {
    width: 100%;
}

.episodeList {
    margin: 0 auto;
    padding-left: 0 !important;
}

/*.pageScrollContent .content {
}*/

#listGames .items,
#creators .items {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}

.episodeBlock {
    float: none !important;
    display: inline-block !important;
    text-align: left;
}

/* Media query */

/*@media screen and (max-width: 1150px){*/
@media only screen and (min-width: 481px) and (max-width: 1150px) {
    #default .line-list .episodeBlock .thumb {
        display: inline-block !important;
        margin-bottom: 18px !important;
        margin-right: 20px !important;
        vertical-align: top !important;
    }

    #default .line-list .episodeBlock .description {
        display: inline-block !important;
        vertical-align: top !important;
        width: auto !important;
        margin: 0 !important;
    }
}

@media screen and (max-width: 1140px) {
    #topMenu {
        position: relative;
        z-index: 10;
    }

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

    .view-switcher {
        position: absolute;
        top: 53px;
        left: 13%;
        z-index: -1 !important;
        width: 100%;
    }

    #default .line-list .episodeBlock .thumb {
        margin: 17px auto;
        width: 100%;
        text-align: center;
    }

    #default .line-list .episodeBlock .description {
        padding: 0 15px;
    }

    #default .line-list .episodeBlock .details .td {
        width: auto;
    }

    .line-list .start-game-button {
        margin-left: 0;
    }

    .pageScrollContent.episodeList.line-list .episodeBlock.normal.new:hover {
        background-color: transparent !important;
    }
}

@media screen and (max-width: 1024px) {
    input[type="checkbox"] ~ .check {
        margin-right: 0 !important;
    }

    #menu nav.open {
        padding-top: 30px !important;
    }

    .pageScrollContent {
        display: inline-block;
        background-color: #000;
    }

    /*#menu aside {
        position: absolute !important;
        right: 7px;
        border: 2px solid #ff00ff;
    }*/
    /*body #menu aside {
        left: -192px;
    }*/
    #bottomThumbSelector .menu {
        margin-top: 0;
    }

    #default .contentContainer .content .right,
    .model-page .right-panel {
        margin: 0;
    }

    .content .right {
        margin-top: 0 !important;
    }

    /*#sideMenu {
        z-index: 100 !important;
    }*/
    .language-selector {
        display: none;
    }

    .language-selector:after {
        right: 3px;
    }

    #menu nav.open .menu_trigger ~ a,
    #menu nav.open .menu_trigger ~ span a {
        text-align: center;
    }

    #sideMenu {
        display: none;
    }

    #default .thumb-list .episodeBlock {
        margin: 18px 12px 0 0;
    }

    .pageScrollContent.episodeList.line-list .episodeBlock.normal.new:hover {
        background-color: transparent !important;
    }

    #menu nav a.buttonFlashy {
        margin-top: -1px !important;
        margin-right: 0 !important;
        border-radius: 0 !important;
    }

    #menu nav.open .menu_trigger ~ a.buyCredit,
    #menu nav.open .menu_trigger ~ span.logCmd {
        display: block !important;
    }

    .logCmd .registration {
        margin-bottom: 1px;
    }
}

@media screen and (max-width: 838px) {
    .popupContent .wrapper {
        position: relative;
        z-index: 100000;
    }

    .popupContent.buyPopupPartTwo {
        /*position: static !important;*/
        position: absolute !important;
        width: 100% !important;
        min-width: auto;
        max-width: 800px;
    }

    .signup-screens {
        width: auto;
    }

    .popupContent {
        width: 93% !important;
        min-width: auto;
        max-width: 800px;
        margin: 7px 0 !important;
    }

    #loginDialog {
        position: absolute !important;
    }

    .signup-page h3 {
        margin-top: 50px;
    }

    .signup-page .container {
        margin: 0 0 70px 0;
    }

    .loginDialog .signup-left-col {
        display: block;
        text-align: center;
        margin: 20px auto;
    }

    .loginDialog .signup-right-col {
        width: auto !important;
        display: block;
    }

    .loginDialog .signup-page {
        display: block;
        margin-right: 0 !important;
        width: auto !important;
    }

    .popupContent.buyPopupPartTwo {
        margin: 10px 1% 10px 0 !important;
        width: 97% !important;
        min-width: auto !important;
    }

    .buyPopupPartTwo .flow span {
        margin: 0 auto;
    }

    .popupContent.buyPopupPartTwo .columns {
        width: auto;
    }

    /*.popupContent.buyPopupPartTwo ul.columns li {
    }*/
    .popupContent.buyPopupPartTwo .columns > li {
        min-height: auto;
        float: none;
    }

    .popupContent.buyPopupPartTwo .options li {
        margin: 0 0 10px 0;
        padding: 0;
    }

    .popupContent.buyPopupPartTwo .ul-column {
        margin-bottom: 0;
    }

    /*li.packages ul li {
    }*/
    .buyPopupPartTwo .payment-column {
        margin-bottom: -44px;
        margin-left: -14px;
    }
}

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

    body #default .line-list .episodeBlock {
        width: 100%;
    }

    .episodeBlock .thumb a,
    .trailer a {
        margin: 10px auto;
    }

    body #default .contentContainer .content .right {
        padding-top: 7px !important;
    }

    #bottomThumbSelector {
        margin-top: 6px;
    }

    #bottomThumbSelector ul.full,
    #bottomThumbSelector ul.mini {
        margin: 25px 0 0 0;
        text-align: center;
    }

    #bottomThumbSelector .full li,
    #bottomThumbSelector .mini li {
        width: auto;
        margin: 1%;
    }

    #bottomThumbSelector li .episodeTitle {
        white-space: nowrap;
    }

    .sidebar-campaign-logo {
        display: none;
    }

    #menu nav.open .menu_trigger ~ a,
    #menu nav.open .menu_trigger ~ span a {
        text-align: center;
    }

    #listGames .pageScrollContent.episodeList.thumb-list,
    #creators .pageScrollContent.episodeList.thumb-list {
        margin-top: 0;
    }

    #bottomThumbSelector ul.full,
    #bottomThumbSelector ul.mini {
        margin: 0;
    }

    #bottomThumbSelector .menu {
        margin: 10px 0 5px 5px;
    }

    #menu nav.open .check {
        z-index: 999999999999;
    }

    #menu nav.open {
        padding-top: 60px !important;
    }

    #listGames .items,
    #creators .items {
        padding-bottom: 20px;
    }

    #bottomThumbSelector .thumbs ul.active-thumbs {
        padding-bottom: 25px;
    }

    .pageScrollContent.episodeList.line-list .episodeBlock.normal.new {
        margin: 25px 0 !important;
    }

    .pageScrollContent.episodeList.line-list .episodeBlock.normal.new:hover {
        background-color: transparent !important;
    }

    #default .thumb-list .episodeBlock {
        height: auto;
    }

    #default .episodeBlock .bottom {
        width: 96% !important;
    }

    .episodeBlock .thumb a, .trailer a {
        margin: 0 0 20px 0;
    }

    .episodeBlock .description {
        position: absolute;
        bottom: auto;
        left: auto;
        margin: -20px 0 0;
    }
}

.resetnats {
    text-align: justify;
    color: #ababab;
    line-height: 160%;
}

.resetnats a {
    color: #9e9e9e;
    text-decoration: underline;
    text-transform: lowercase;
}

/* episodeBlock.video */
.episodeBlock.video {
    position: relative;
}

.episodeBlock.video .playBtn {
    background: url("https://i.c7cdn.com/images/play_button.png") center center !important;
    width: 73px;
    height: 73px;
}

.episodeBlock.video .episodeBlock-video-title {
    position: absolute;
    top: 195px;
    left: 28%;
    display: block;
    margin: -48px auto 0 auto;
    text-align: center !important;
    width: 45%;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    /*font-family: "itc-avant-garde-std-md";*/
    line-height: 16px;
    z-index: 1;

}

.episodeBlock.video .new-icon {
    position: absolute;
    bottom: 40px !important;
    right: 2px !important;
    z-index: 1;
}

.episodeBlock.video .new-icon img {
    width: 81px !important;
    height: 41px !important;
}

.trailer-video-cover {
    opacity: 0.5;
}

/* tooltip */
.tooltip {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    cursor: pointer;
    margin-bottom: -2px;
    z-index: 2;
}

.tooltip.tooltip-big {
    height: 28px;
    width: 28px;
    margin-bottom: -6px;
}

/*
.tooltip.gray {
    background-image: url("../images/tooltip_question_mark_gray.png");
    background-repeat: no-repeat;
}
.tooltip.blue {
    background-image: url("../images/tooltip_question_mark_blue.png");
    background-repeat: no-repeat;
}
*/
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    margin-left: -110px;
    background-color: #fff;
    color: #000;
    text-align: left;
    border-radius: 4px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    opacity: 0;
    transition: opacity 1s;
    font-style: normal;
    font-weight: normal;
    /*font-family: arial;*/
    text-transform: none;
    font-size: 14px;
    white-space: normal;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #fff;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/*tooltip-right*/
.tooltip-right {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    cursor: pointer;
    margin-bottom: -3px;
    z-index: 2;
}

.tooltip-right .tooltiptext {
    background-color: #fff;
    border-radius: 4px;
    bottom: -110%;
    color: #000;
    /*font-family: arial;*/
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    left: 50%;
    margin-left: 12px;
    opacity: 0;
    padding: 5px 10px;
    position: absolute;
    text-align: left;
    text-transform: none;
    transition: opacity 1s ease 0s;
    visibility: hidden;
    white-space: normal;
    width: 200px;
    z-index: 1;
}

.tooltip-right .tooltiptext::after {
    border: 5px solid transparent;
    border-top-color: #fff;
    content: "";
    left: 50%;
    margin-left: -120px;
    margin-top: -15%;
    position: absolute;
    top: 100%;
    transform: rotate(90deg);
}

.tooltip-right:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* tooltip-color */
.tooltip-color {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-bottom: -3px;
    /*z-index: 2;*/
}

.tooltip-color.gray {
    background: url("https://i.c7cdn.com/images/tooltip_question_mark_gray.png") no-repeat;
}

.tooltip-color.blue {
    background: url("https://i.c7cdn.com/images/tooltip_question_mark_blue.png") no-repeat;
}

.tooltip-color .tooltiptext {
    visibility: hidden;
    width: calc(100% - 20px);
    margin-left: -15px;
    background-color: #ffba00;
    color: #000;
    text-align: center;
    border-radius: 4px;
    padding: 3px;
    position: absolute;
    z-index: 1000;
    top: 10px;
    left: 20px;
    opacity: 0;
    transition: opacity 1s;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    font-size: 14px;
    white-space: normal;
}

.tooltip-color:hover {
    z-index: 1000;
}

.tooltip-color:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/*epoch-box*/
.epoch-box {
    position: fixed;
    bottom: 40px;
    left: 15px;
    z-index: 1000000 !important;
    background-color: rgba(255, 255, 255, 0.90);
    padding: 11px 3px 3px 3px;
    border-radius: 6px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.17);
    height: 93px;
    max-width: 380px;
    width: 100%;
}

.epoch-box .hbox {
    padding: 11px 0 3px 3px;
    margin: 30px auto 0 !important;
    display: block !important;
    text-align: center;
    width: 92%;
    border: 3px solid #D3D3D3;
}

.epochlogo {
    margin: -3px 0 0 !important;
    text-align: center;
    width: 100%;
}

.epoch-box .epoch-logo {
    margin: 0 0 0 20px;
    float: left;
}

.epoch-box .close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000001 !important;
    cursor: pointer;
}

.epoch-box .hbox img {
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.epoch-box #paypal_promo_text {
    color: #1792df;
    margin: 4px 0 3px 0;
    font-size: 1.2em;
}

.epoch-box .text-color {
    color: #021C69;
}

/* preorders */
.preorder {
    margin-bottom: 50px;
    margin-top: -25px;
}

.preorder h1 {
    font-size: 30px;
}

.preorder .stretchgoal {
    /*font-family: "futura-bt-boldcondensed-italic";*/
    font-family: 'Roboto Condensed BoldItalic', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #2696d5;
    float: right;
}

.preorder ul.starring .tooltip-color:nth-child(3n+2) .tooltiptext {
    background-color: #ffba00;
}

.preorder ul.starring .tooltip-color:nth-child(3n+3) .tooltiptext {
    background-color: #ffba00;
}

.preorder .button {
    cursor: pointer;
    margin: 10px 0;
}

.preorder .button:hover,
.preorder-details .button:hover {
    color: #f7941e;
}

.preorder .main-title {
    font-family: "Roboto Condensed Bold";
    text-transform: uppercase;
    font-size: 36px;
}

.preorder .main-description {
    /*font-family: "itc-avant-garde-std-md";*/
    font-size: 18px;
    color: #fff;
}

.preorder.bundle .bundle-message {
    padding: 20px;
    border: 1px solid #3c3c3c;
    border-radius: 5px;
    margin-bottom: 20px;
}

.preorder.bundle .bundle-info {
    margin-top: 20px;
    color: #fff;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    height: 44px;
    max-width: 1068px;
}

.preorder.bundle .bundle-info .bundle-count {
    float: right;
    font-size: 14px;
    line-height: 14px;
    margin-right: 30px;
    margin-top: 8px;
}

.preorder.bundle .bundle-info .bundle-count .amount {
    color: #f7941e;
    font-size: 33px;
    line-height: 29px;
    float: left;
    padding-right: 3px;
}

.preorder .preorder-item {
    width: 500px;
    height: 832px;
    float: left;
    border: 1px solid #3c3c3c;
    border-radius: 5px;
    margin-top: 25px;
    margin-right: 25px;
    background-color: #2a2a2a;
    padding: 10px 10px 25px 10px;
    position: relative;
    /*z-index: 100000;*/
}

.preorder .preorder-item.bundle-item {
    height: 510px;
}

.preorder .preorder-item.bundle-item .bundle-offer {
    margin-top: 5px;
}

.preorder .preorder-item.bundle-item .bundle-offer .bundle-bar {
    width: 149px;
    height: 42px;
    position: relative;
    left: -16px;
    float: left;
    font-weight: bold;
}

.preorder .preorder-item.bundle-item .bundle-offer .bundle-bar .price {
    float: left;
    font-size: 18px;
    line-height: 17px;
    padding-left: 5px;
}

.preorder .preorder-item.bundle-item .bundle-offer .bundle-bar .price .old {
    font-size: 14px;
    text-decoration: line-through;
}

.preorder .preorder-item.bundle-item .bundle-offer .bundle-bar .discount {
    float: right;
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 9px;
}

.preorder .preorder-item.coming-soon > div:not(.outer) {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.preorder .preorder-item .outer {
    display: none;
}

.preorder .preorder-item.coming-soon .outer {
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(43, 43, 43, 0.9);
    z-index: 1;
}

.preorder .preorder-item.coming-soon .outer .inner {
    top: calc(50% - 30px);
    font-size: 72px;
    font-weight: bold;
    text-align: center;
    display: block;
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    line-height: 60px;
    /*font-family: 'futurabt-bold-condensed';*/

    transform: rotate(-45deg) translateX(25%);
}

.preorder .preorder-item.coming-soon .outer .inner .yellow,
.preorder .gotoshows .ribbon .yellow {
    color: #f7941e;
}

.preorder .preorder-item .preorder-image {
    height: 280px;
    width: 506px;
    overflow: hidden;
}

/*.preorder .preorder-item .preorder-image .head.features {
    font-family: 'futura-bt-boldcondensed-italic';
}*/

.preorder .preorder-item .preorder-image .features td img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.preorder .preorder-item .preorder-image .features td.image {
    width: 423px;
}

.preorder .preorder-item .preorder-image .features td.features {
    /*font-family: 'futurabt-bold-condensed';*/
    position: relative;
    left: -6px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 13px;
    line-height: 12px;
}

.preorder .preorder-item .preorder-image .features td.head {
    padding-left: 6px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto Condensed BoldItalic', sans-serif;
}

.preorder .preorder-item .preorder-image .features td.item {
    padding: 5px 5px 5px 11px;
    height: 37px;
    color: #000;
    border-bottom: 2px solid #2a2a2a;
    bottom: -2px;
}

/*.preorder .preorder-item .preorder-image .features td.item.feature {
    background: url("https://i.c7cdn.com/images/preorder/feature.png") no-repeat scroll 0 0;
}*/

/*.preorder .preorder-item .preorder-image .features td.item.stretch {
    background: url("https://i.c7cdn.com/images/preorder/stretch.png") no-repeat scroll 0 center;
}*/

.preorder .section {
    margin-top: 10px;
}

.preorder .days {
    position: relative;
}

.preorder .preorder-image {
    position: relative;
}

.preorder .preorder-image .badge_epd {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 107px;
    height: 102px;
}

.preorder .preorder-image .badge_epd2 {
    position: absolute;
    top: 7px;
    right: 93px;
    width: 107px;
    height: 102px;
}

.preorder .section .sectiontitle,
.preorder .preorder-info .preorder-starring ul li.stretch .stretchgoal,
.preorder .preorder-details .preorder-features ul li.stretch .stretchgoal,
.preorder .preorder-details .preorder-starring ul li.stretch .stretchgoal {
    /*font-family: 'futura-bt-boldcondensed-italic';*/
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Roboto Condensed BoldItalic', sans-serif;
}

.preorder .preorder-item .preorder-info .preorder-title {
    margin-top: 20px;
    height: 64px;
    line-height: 37px;
}

.preorder .preorder-item .preorder-info .preorder-title span span {
    color: #f7941e !important;
}

.preorder .preorder-item.bundle-item .preorder-info .preorder-title {
    margin-top: 15px;
}

.preorder .preorder-item .preorder-info .preorder-title span {
    /*font-family: 'futurabt-bold-condensed';*/
    font-size: 28px;
    font-weight: bold;
}

.preorder .preorder-item .preorder-info .preorder-title span span {
    white-space: nowrap;
}

.preorder .preorder-item .preorder-info .preorder-story p {
    color: #c7c7c7;
    height: 110px;
    overflow: hidden;
    font-size: 15px;
}

.preorder .preorder-item .preorder-info .preorder-story .details {
    width: 93px;
    height: 29px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 29px;
    background: #2697d5;
    border-radius: 3px;
}

.preorder .preorder-item .preorder-info .preorder-story .details:hover {
    background: #2288bf;
}

.preorder .preorder-item .preorder-info .preorder-story .details.completed {
    background: #a2c73b;
}

.preorder .preorder-item .preorder-info .preorder-story .details.completed:hover {
    background: #a2c73b;
}

.preorder .preorder-item .preorder-info .preorder-story .purchase {
    width: 157px;
    height: 34px;
    margin: -5px 0 0 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    position: relative;
}

/* .preorder .preorder-item .preorder-info .preorder-story .purchase.inactive { */
/*background: url('/images/preorder/purchased_button.png');*/
/* } */

.preorder .preorder-item .preorder-info .preorder-story .purchase .button {
    width: 100%;
    height: 100%;
    /*font-family: 'futurabt-bold-condensed';*/
    font-size: 15px;
    line-height: 37px;
}

.preorder .preorder-item .preorder-info .preorder-story .purchase .button:hover {
    color: #fff;
}

.preorder .preorder-item .preorder-info .preorder-story .purchase.inactive .button:hover {
    cursor: default;
}

.preorder .preorder-item.bundle-item .bundle-offer .details {
    margin-left: 30px;
    float: left;
    width: 157px;
    height: 34px;
    line-height: 34px;
}

.preorder .preorder-item .preorder-info .preorder-story .details .button {
    /*font-family: 'futurabt-bold-condensed';*/
    font-size: 15px;
    width: 100%;
    height: 100%;
}

.preorder .preorder-item .preorder-info .preorder-story .details .button:hover {
    color: #fff;
}

.preorder .preorder-item .preorder-info .preorder-starring ul,
.preorder .preorder-details .preorder-left .preorder-features ul,
.preorder .preorder-details .preorder-left .preorder-starring ul {
    margin-top: 10px;
}

.preorder .preorder-details .preorder-left .preorder-starring ul {
    margin-right: -10px;
}

.preorder .preorder-item .preorder-info .preorder-starring li,
.preorder .preorder-details .preorder-left .preorder-features li,
.preorder .preorder-details .preorder-left .preorder-starring li {
    float: left;
    margin-right: 13px;
    width: 115px;
    text-align: center;
    position: relative;
}

.preorder .preorder-details .preorder-left .preorder-features li {
    width: 110px;
    margin-right: 17px;
    margin-bottom: 10px;
}

.preorder .preorder-details .preorder-left .preorder-starring li {
    width: 150px;
    margin-right: 6px;
    margin-bottom: 10px;
}

.preorder .preorder-item .preorder-info .preorder-starring li:last-child,
.preorder .preorder-details .preorder-left .preorder-features li:last-child,
.preorder .preorder-details .preorder-left .preorder-starring li:last-child {
    margin-right: 0;
}

.preorder .preorder-item .preorder-info .preorder-starring li .stretchgoal,
.preorder .preorder-details .preorder-left .preorder-features li .stretchgoal,
.preorder .preorder-details .preorder-left .preorder-starring li .stretchgoal {
    color: #2696d5;
    display: none;
    position: absolute;
    right: 0;
    top: -27px;
    white-space: nowrap;
}

.preorder .preorder-details .preorder-left .preorder-features li .plusgoal {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    display: none;
    position: absolute;
    left: -14px;
    top: 45px;
}

.preorder .preorder-item .preorder-info .preorder-starring li.stretch .stretchgoal,
.preorder .preorder-details .preorder-left .preorder-features li.stretch .stretchgoal,
.preorder .preorder-details .preorder-left .preorder-features li.stretch .plusgoal,
.preorder .preorder-details .preorder-left .preorder-starring li.stretch .stretchgoal {
    display: block;
}

.preorder .preorder-details .preorder-left .preorder-starring li,
.preorder .preorder-item .preorder-info .preorder-starring li {
    position: relative;
}

.preorder .preorder-item .preorder-info .preorder-starring img {
    width: 115px;
    height: 115px;
}

.preorder .preorder-item .preorder-info .preorder-starring .user {
    float: left;
}

.preorder .preorder-item .preorder-info .preorder-starring .user .you {
    font-size: 14px;
    /*position: absolute;*/
    bottom: 10px;
    left: 0;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    font-style: italic;
}

.starring-girls {
    width: calc(100% - 125px);
    float: right;
    margin-top: 0 !important;
    overflow: hidden;
    white-space: nowrap;
}

.starring-girls li {
    display: inline-block;
    height: 115px;
    float: none !important;
    transition: all 800ms ease-out;
}

.preorder .preorder-details .preorder-left .preorder-starring li .you {
    font-size: 20px;
    position: absolute;
    bottom: 25px;
    left: 0;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    font-style: italic;
}

.preorder .preorder-item .preorder-info .preorder-starring li.stretch img {
    border: 3px solid #2696d5;
    width: 109px;
    height: 109px;
}

.preorder .preorder-item .preorder-info .preorder-starring li .model-name {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.preorder .preorder-details .preorder-left .preorder-features li img {
    width: 105px;
    height: 105px;
    border: 3px solid #699e0c;
    border-radius: 50%;
    margin-bottom: 15px;
}

.preorder .preorder-details .preorder-left .preorder-features li.stretch img {
    border: 3px solid #2696d5;
}

.preorder .preorder-details .preorder-left .preorder-features li .feature-title {
    /*font-family: 'futurabt-bold-condensed';*/
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.preorder .preorder-details .preorder-left .preorder-starring li img {
    width: 150px;
    height: 150px;
    margin-bottom: 15px;
}

.preorder .preorder-details .preorder-left .preorder-starring li.stretch img {
    border: 3px solid #2696d5;
    width: 144px;
    height: 144px;
}

.preorder .preorder-details .preorder-left .preorder-starring li .model-name {
    /*font-family: 'futurabt-bold-condensed';*/
    padding: 3px 10px;
    background-color: #f7941e;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    white-space: nowrap;
}

.preorder .preorder-details .preorder-left .preorder-starring li.stretch .model-name {
    background-color: #2696d5;
}

.preorder .preorder-item hr,
.preorder .preorder-details hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #3c3c3c;
}

.preorder .preorder-item .preorder-stretch,
.preorder .preorder-details .preorder-left .preorder-stretch,
.preorder .preorder-details .preorder-left .preorder-timeline {
    margin-top: 55px;
    margin-bottom: 35px;
}

.preorder .preorder-details .preorder-left .preorder-timeline {
    margin-top: 0;
    margin-bottom: 50px;
}

.preorder .preorder-item .preorder-stretch .bar {
    width: 473px;
}

.preorder .preorder-details .preorder-stretch .bar {
    width: 593px;
}

.preorder .preorder-details .preorder-timeline .bar {
    width: 582px;
    margin-left: 2px;
    margin-top: 55px;
}

.preorder .preorder-item .preorder-stretch .bar .goal,
.preorder .preorder-details .preorder-stretch .bar .goal,
.preorder .preorder-details .preorder-timeline .bar .timeline {
    position: relative;
    float: left;
    width: 50%;
}

.preorder .preorder-details .preorder-timeline .bar .timeline {
    width: 33%;
}

.preorder .preorder-item .preorder-stretch .bar .goal.full,
.preorder .preorder-details .preorder-stretch .bar .goal.full {
    width: 100%;
}

.preorder .preorder-item .preorder-stretch .bar .goal .status,
.preorder .preorder-details .preorder-stretch .bar .goal .status,
.preorder .preorder-details .preorder-timeline .bar .timeline .status {
    /*font-family: 'futura-bt-boldcondensed-italic';*/
    font-size: 18px;
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    font-family: 'Roboto Condensed BoldItalic', sans-serif;
}

.preorder .preorder-item .preorder-stretch .bar .goal .status.stretchgoal,
.preorder .preorder-details .preorder-stretch .bar .goal .status.stretchgoal {
    /*font-family: 'futura-bt-boldcondensed-italic';*/
    right: 25px;
    color: #3b3b3b;
}

.preorder .preorder-item .preorder-stretch .bar .goal .status.stretchgoal .stretch,
.preorder .preorder-details .preorder-stretch .bar .goal .status.stretchgoal .stretch {
    /*font-family: 'futurabt-bold-condensed';*/
    color: #fff;
    font-size: 15px;
    text-transform: none;
    font-style: normal;
}

.preorder .preorder-item .preorder-stretch .bar .goal .marker,
.preorder .preorder-details .preorder-stretch .bar .goal .marker,
.preorder .preorder-details .preorder-timeline .bar .timeline .marker {
    width: 53px;
    height: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    right: -26px;
    bottom: 0;
    z-index: 1;
    text-transform: uppercase;
}

.preorder .preorder-details .preorder-timeline .bar .timeline .marker.pinpoint {
    width: 5px;
    height: 12px;
    left: -2px;
    bottom: 6px;
    /*background: url("/images/preorder/marker_pinpoint.png") no-repeat scroll 0 center;*/
}

.preorder .preorder-details .preorder-timeline .bar .timeline .marker.pinpoint span {
    /*font-family: 'futurabt-bold-condensed';*/
    bottom: 4px;
    color: #717171;
    font-size: 14px;
    left: 0;
    position: absolute;
    text-align: left;
    width: 55px;
}

.preorder .preorder-details .preorder-timeline .bar .timeline .marker.timeline {
    /*font-family: 'futurabt-bold-condensed';*/
    width: 85px;
    height: 79px;
    right: -42px;
    font-size: 11px;
    line-height: 20px;
    font-style: italic;
    /*background: url("/images/preorder/marker_timeline.png") no-repeat scroll 0 center;*/
}

.preorder .preorder-details .preorder-timeline .bar .timeline .marker.timeline .date {
    font-size: 19px;
    font-style: normal;
    /*font-family: 'futurabt-bold-condensed';*/
}

.preorder .preorder-item .preorder-stretch .bar .goal .marker.goal,
.preorder .preorder-details .preorder-stretch .bar .goal .marker.goal {
    /*background: url("/images/preorder/marker_green.png") no-repeat scroll 0 center;*/
    /*font-family: 'futurabt-bold-condensed';*/
    font-size: 20px;
}

.preorder .preorder-item .preorder-stretch .bar .goal .marker.stretchgoal,
.preorder .preorder-details .preorder-stretch .bar .goal .marker.stretchgoal {
    /*background: url("/images/preorder/marker_blue.png") no-repeat scroll 0 center;*/
    /*font-family: 'futurabt-bold-condensed';*/
    font-size: 20px;
}

.preorder .preorder-item .preorder-stretch .bar .goal .total,
.preorder .preorder-details .preorder-stretch .bar .goal .total,
.preorder .preorder-details .preorder-timeline .bar .timeline .total {
    width: 100%;
    background-color: #3b3b3b;
    height: 6px;
    padding: 0;
    margin: 0;
}

.preorder .preorder-item .preorder-stretch .bar .goal .total .progress,
.preorder .preorder-details .preorder-stretch .bar .goal .total .progress,
.preorder .preorder-details .preorder-timeline .bar .timeline .total .progress {
    background-color: #f7941e;
    margin: 0;
    padding: 0;
    height: 100%;
}

.preorder .preorder-item .preorder-stretch .bar .goal .total .progress.full,
.preorder .preorder-details .preorder-stretch .bar .goal .total .progress.full {
    background-color: #699e0c;
}

.preorder .preorder-item .preorder-stretch .bar .goal .total .progress.stretch,
.preorder .preorder-details .preorder-stretch .bar .goal .total .progress.stretch {
    background-color: #2696d5;
}

.preorder .preorder-details .preorder-timeline .bar .timeline .total .period-title {
    /*font-family: 'futurabt-bold-condensed';*/
    text-align: center;
    position: absolute;
    bottom: -30px;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #717171;
}

.preorder .preorder-item .preorder-stretch .bar .goal .amount,
.preorder .preorder-details .preorder-stretch .bar .goal .amount {
    /*font-family: 'futurabt-bold-condensed';*/
    position: absolute;
    right: -28px;
    bottom: -20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

.preorder .preorder-item .preorder-stretch .bar .goal .amount .credits,
.preorder .preorder-details .preorder-stretch .bar .goal .amount .credits {
    font-size: 8px;
    vertical-align: baseline;
}

.preorder .preorder-item .preorder-status {
    /*font-family: 'futurabt-bold-condensed';*/
    color: #717171;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.preorder .preorder-item .preorder-status .item {
    float: left;
    margin-right: 10px;
}

.preorder .preorder-item .preorder-status .item .value {
    color: #f7941e;
    font-size: 18px;
}

.preorder .preorder-item .preorder-status .item .value .credits {
    font-size: 12px;
    vertical-align: super;
}

.preorder .preorder-details {
    width: 951px;
}

.preorder .preorder-details h1 {
    /*font-family: 'futurabt-bold-condensed';*/
    font-size: 51px;
    line-height: 46px;
    padding: 15px 0;
}

.preorder .preorder-details .preorder-content {
    margin-top: 15px;
}

.preorder .preorder-details .preorder-content .preorder-left {
    width: 620px;
    float: left;
    padding-right: 15px;
    margin-bottom: 50px;
    border-right: 1px solid #3a3a3a;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-image {
    position: relative;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-image .show,
.preorder .preorder-details .preorder-content .preorder-left .preorder-image .trailer {
    /*background: url('/images/preorder/trailer_start.png') no-repeat scroll center center;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0.5;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-image .show:hover,
.preorder .preorder-details .preorder-content .preorder-left .preorder-image .trailer:hover {
    opacity: 0.8;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-story p {
    color: #c7c7c7;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-faq .questions {
    padding-top: 20px;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-faq .questions .item {
    background-color: #3c3c3c;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 1px 0;
    /*font-family: 'futurabt-bold-condensed';*/
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-faq .questions .item .prefix {
    text-transform: uppercase;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-faq .questions .item .question {
    text-transform: uppercase;
    padding: 20px;
    cursor: pointer;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-faq .questions .item .answer {
    display: none;
    background-color: #222;
    font-size: 15px;
    color: #c7c7c7;
    padding: 20px;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-faq .questions .item .answer b {
    color: #fff;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-faq .questions .item .answer ol li {
    list-style: decimal outside;
    margin-left: 20px;
    padding-left: 5px;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-support {
    /*font-family: 'futura-bt-boldcondensed-italic';*/
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.preorder .preorder-details .preorder-content .preorder-left .preorder-support a {
    text-decoration: underline;
    color: #2696d5;
}

.preorder .preorder-details .preorder-content .preorder-right {
    padding-left: 15px;
    width: 275px;
    float: left;
    margin-left: -1px;
    border-left: 1px solid #3a3a3a;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-info {
    /*font-family: 'futura-bt-boldcondensed-italic';*/
    font-weight: bold;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    margin-top: -7px;
    margin-bottom: 30px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-info > div {
    margin-bottom: 20px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-info .info-value {
    font-size: 36px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-info .info-value .credits {
    font-size: 20px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-info .info-title {
    font-size: 20px;
    line-height: 15px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package {
    position: relative;
    border: 2px solid #7e7e7e;
    border-radius: 5px;
    padding: 20px;
    margin: 20px 0;
    width: 275px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package.unlock {
    border: 3px solid #699e0c;
    width: 273px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package .package-title {
    font-size: 24px;
    font-weight: bold;
    color: #2696d5;
    text-transform: uppercase;
    /*font-family: 'futurabt-bold-condensed';*/
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package .package-description {
    padding: 15px 0;
    font-size: 14px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package .price {
    color: #2696d5;
    font-size: 24px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package .price .aslowas {
    color: #fff;
    font-size: 12px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package .price .tooltip {
    margin-bottom: -5px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package .purchase {
    width: 157px;
    height: 34px;
    margin: 10px 0;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    position: relative;
}

/*.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package .purchase.active {
    background: url('/images/preorder/purchase_button.png');
}*/

/*.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package .purchase.inactive {
    background: url('/images/preorder/purchased_button.png');
}*/

.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package .purchase .button {
    width: 100%;
    height: 100%;
    /*font-family: 'futurabt-bold-condensed';*/
    font-size: 18px;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package .purchase .button:hover {
    color: #fff;
}

.preorder .preorder-details .preorder-content .preorder-right .preorder-packages .package .purchase.inactive .button:hover {
    cursor: default;
}

.preorder .gotoshows {
    margin: 40px 0 0;
}

.preorder .gotoshows .ribbon {
    height: 62px;
    width: 1020px;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    line-height: 50px;
}

.bundle-banner {
    max-width: 1043px;
}

#preorder #sideMenu {
    display: none;
}

/*@media only screen and (min-width: 1025px) and (max-width: 1280px){*/
@media only screen and (min-width: 1025px) and (max-width: 1363px) {
    #preorder .preorder-item {
        /*margin-right: 55px;*/
        margin-right: 3%;
    }

    #preorder .contentContainer .content .right,
    #preorder .model-page .right-panel {
        /*margin: 170px 0 0 100px;*/
        margin: 70px 0 0 155px;
    }

    #preorder .contentContainer .content .right .list-view {
        margin: 60px 0 0 -102px;
        width: 118%;
    }

    #preorderbundle .contentContainer .content .right .list-view {
        margin: 0 0 0 -102px;
        width: 118%;
    }
}

@media screen and (max-width: 1280px) {
    #preorder #sideMenu .sidebar-campaign-logo,
    #preorder #sideMenu .menu {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .preorder .main-title {
        margin: 35px 0 0 0;
    }
}

.preorder-vote {
    margin-bottom: 50px;
    margin-top: -25px;
    max-width: 1500px;
}

.preorder-vote .blue {
    color: #2898d6;
}

.preorder-vote .main-title {
    text-transform: uppercase;
    font-size: 20px;
}

.preorder-vote .main-description {
    /*font-family: "itc-avant-garde-std-md";*/
    font-size: 17px !important;
    line-height: 24px !important;
    color: #fff;
}

.preorder-vote .voting-info {
    padding-top: 25px;
}

.preorder-vote .voting-info .info {
    text-transform: uppercase;
    color: #fff;
    font-style: italic;
    font-weight: bold;
}

.preorder-vote .voting-info .time-left {
    font-size: 18px;
    line-height: 18px;
    float: left;
    padding-top: 5px;
}

.preorder-vote .voting-info .time-left .ended {
    text-transform: none;
    font-size: 13px;
}

.preorder-vote .voting-info .votes-left {
    font-size: 14px;
    line-height: 14px;
    float: right;
    margin-right: 30px;
}

.preorder-vote .voting-info .votes-left .amount {
    color: #f7941e;
    font-size: 33px;
    line-height: 29px;
    float: left;
    padding-right: 3px;
}

.preorder-vote .vote-item {
    float: left;
    margin-top: 25px;
    margin-right: 15px;
    height: 330px;
}

.preorder-vote .vote-item.coming-soon {
    border-radius: 3px;
    border: 1px solid #3c3c3c;
    height: 270px;
    width: 475px;
    position: relative;
}

.preorder-vote .vote-item .inner {
    display: none;
}

/*.preorder-vote .vote-item.inactive .inner,*/
.preorder-vote .vote-item.coming-soon .inner {
    display: block;
    top: calc(50% - 30px);
    font-size: 72px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    line-height: 60px;
    /*font-family: 'futurabt-bold-condensed';*/
    width: 100%;
}

.preorder-vote .vote-item.inactive .inner {
    /*
        height: 100%;
        top: 0;
    */
    background-color: rgba(0, 0, 0, 0.5);
}

.preorder-vote .vote-item.coming-soon .inner .yellow {
    color: #f7941e;
}

.preorder-vote .vote-item .vote-image {
    border-radius: 3px;
    border: 1px solid #3c3c3c;
    position: relative;
}

.preorder-vote .vote-item.active .vote-image {
    cursor: pointer;
    display: flex;
}

.preorder-vote .vote-item .vote-image img {
    border-radius: 3px;
    width: 100%;
    max-width: 475px;
}

.preorder-vote .vote-item .vote-image .vote,
.preorder-vote .vote-item .vote-image .voted {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.preorder-vote .vote-item .vote-image .voted {
    background: rgba(0, 0, 0, 0.7) url('https://i.c7cdn.com/images/svg/vote/thumbs-up.svg') no-repeat scroll center center;
    background-size: cover;
}

.preorder-vote.plus .vote-item .vote-image .voted {
    background: rgba(0, 0, 0, 0.7) url('https://i.c7cdn.com/images/svg/vote/double-thumbs-up.svg') no-repeat scroll center center;
    background-size: cover;
}

.preorder-vote .vote-item .vote-image .vote {
    background: rgba(0, 0, 0, 0.7) url('https://i.c7cdn.com/images/preorder/vote.png') no-repeat scroll center center;
}

.preorder-vote .vote-item.active.voted .vote-image .voted {
    display: block;
}

.preorder-vote .vote-item.active:not(.voted) .vote-image:hover .vote {
    display: block;
}

.preorder-vote .vote-item .vote-info {
    font-size: 22px;
    line-height: 22px;
    /*font-family: "futurabt-bold-condensed";*/
    margin-top: 10px;
}

.preorder-vote .vote-item .vote-info .vote-title {
    text-align: left;
    float: left;
}

.preorder-vote .vote-item .vote-info .vote-count {
    text-align: right;
    text-transform: uppercase;
    float: right;
}

@media screen and (min-width: 1781px) {
    .preorder-vote {
        max-width: 1500px;
    }
}

@media screen and (max-width: 1780px) {
    .preorder-vote {
        max-width: 1000px;
    }
}

#player_overlay #preorderTrailer {
    z-index: 10000000;
    position: relative;
    background: #000;
    width: 100%;
    height: 100%;
    display: none;
}

#player_overlay #preorderButton {
    z-index: 100000000;
    width: 100%;
    height: 101px;
    background: url('https://i.c7cdn.com/images/preorder/trailer_button.png') no-repeat center center;
    position: absolute;
    bottom: 50px;
    text-align: center;
}

#player_overlay #preorderButton .wrapper {
    width: 457px;
    height: 100%;
}

.flash-error {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #222;
}

.flash-error-content {
    /*
        width: 460px;
        height: 250px;
        position: absolute;
        left: 50%;
        margin-left: -230px;
        top: 40%;
        margin-top: -125px;
        background: #fff;
    */
    margin: 100px auto 0;
    width: 800px;
}

.flash-error-content h1 {
    font-size: 24px;
    font-weight: bold;
    color: #d7a501;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
    margin: 0;
    text-transform: uppercase;
}

.flash-error-content .flash-error-options {
    width: 720px;
    margin: 0 auto;
}

.flash-error-content .flash-error-options .flash-option {
    width: 350px;
    height: 250px;
    float: left;
    margin: 5px;
    background-color: #252525;
}

.flash-error-content .flash-error-options .flash-option h3 {
    width: 100%;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    background-color: #2d2d2d;
}

.flash-error-content .flash-error-options .flash-error-enable ol {
    font-size: 19px;
    font-weight: bold;
    list-style-type: decimal;
    padding: 50px 40px 0 60px;
}

.flash-error-content .flash-error-options .flash-error-enable ol li {
    margin-bottom: 25px;
}

.flash-error-content .flash-error-options .flash-error-enable ol li .button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #febd68 0%, #f79520 100%) repeat scroll 0 0;
    border-radius: 5px;
    color: #000;
    padding: 3px 10px;
    width: 90px;
}

.flash-error-content .flash-error-options .flash-error-install .link {
    height: 200px;
    width: 100%;
    background: transparent url('https://i.c7cdn.com/images/adobeflash.jpg') no-repeat scroll center center;
}

.trailer-player-global {
    position: fixed;
    z-index: 100000000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translate3d(100%, 0, 0);
    transition: transform 1s cubic-bezier(.84, .28, .41, .42), background 0.2s ease;
    background: rgba(0, 0, 0, 0.9);
}

.trailer-player-global.open {
    transform: translate3d(0, 0, 0);
}

.trailer-player-global.close {
    transition: transform 0.4s cubic-bezier(.84, .28, .41, .42), background 0.2s ease;
    opacity: 0;
}

.trailer-player-global .nplayer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all ease 400ms;
}

.trailer-player-global .nplayer.show {
    opacity: 1;
}

.trailer-player-global .wait .np-loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: none;
}

.trailer-player-global .wait .np-loading #load {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    width: 100px;
    animation: loading-trailer 3s linear infinite;
}

.trailer-player-global .wait .np-loading #load #loading-inner {
    stroke-dashoffset: 0;
    stroke-dasharray: 300;
    stroke-width: 6;
    stroke-miterlimit: 6;
    stroke-linecap: round;
    animation: loading-trailer-circle 2s linear infinite;
    stroke: #f6921e;
    fill: transparent;
}

@keyframes loading-trailer {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
}

@keyframes loading-trailer-circle {
    0% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: -600;
    }
}

.trailer-player-global #trailerButton {
    z-index: 20;
    width: 100%;
    height: 62px;
    position: absolute;
    bottom: 60px;
    text-align: center;
}

.trailer-player-global #trailerButton a {
    width: 400px;
    padding: 4px;
    font-size: 36px;
    line-height: 54px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px inset rgba(255, 255, 255, 0.4);
    border-radius: 12px;
    transition: all 200ms ease;
}

.trailer-player-global #trailerButton a:hover {
    background: rgba(255, 255, 255, 0.8);
}

.trailer-player-global #trailerButton .wrapper {
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    background: orange;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa500), color-stop(0.5, #c46000), color-stop(0.51, #af4600), color-stop(1, #a04100));
    background-image: -webkit-linear-gradient(top, #ffa500 0, #c46000 50%, #af4600 50.1%, #a04100 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffa500', endColorstr='#a04100');
    background-image: linear-gradient(to bottom, #ffa500 0, #c46000 50%, #af4600 50.1%, #a04100 100%);
    border-radius: 10px;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    border-top: 1px solid #ffedaf;
    border-left: 1px solid #f9b24a;
    border-right: 1px solid #f9b24a;
    border-bottom: none;
    box-shadow: 0 1px 0 #3a1c07;
}

.trailer-player-global #trailerButton.preorder .wrapper {
    background: linear-gradient(to bottom, #46a6da 0, #3686b3 50%, #2074a2 50.1%, #134d6d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#46a6da', endColorstr='#134d6d', GradientType=0);
    border-top: 1px solid #4ebaf5;
    border-left: 1px solid #4ebaf5;
    border-right: 1px solid #4ebaf5;
    border-bottom: none;
    box-shadow: 0 1px 0 #2b6687;
}

/*Free cams*/
#default #free-cam.thumb-list .episodeBlock .details .td {
    width: auto;
}

#default .thumb-list .episodeBlock.cam .thumb img {
    width: 292px;
    height: 219px;
}

.gallery-block {
    padding: 4px;
    box-sizing: border-box;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 391px;
    height: 295px;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: inline-block;
}

.gallery-block .thumb a {
    display: flex;
}

.gallery-block .thumb img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.gallery-block .gallery-title {
    font-size: 14px;
    color: #ffba00;
    height: 30px;
    line-height: 30px;
}

.gallery-block:hover {
    background: #3c3c3c;
}

.gallery-block:hover .gallery-details {
    display: block;
    z-index: 100;
    margin-top: -2px;
}

.gallery-block .gallery-details {
    position: relative;
    background: #3c3c3c;
    box-sizing: border-box;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -4px;
    padding: 0 10px 10px;
    display: none;
}

.gallery-block .tabs-wrapper .tabs {
    height: 20px;
}

.gallery-block .tabs-wrapper .tabs ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

.gallery-block .tabs-wrapper .tabs ul li {
    float: left;
    text-align: left;
    width: 33%;
    cursor: pointer;
}

.gallery-block .tabs-wrapper .tabs ul li.ti-story {
    text-align: center;
}

.gallery-block .tabs-wrapper .tabs ul li.ti-labels {
    text-align: right;
}

.gallery-block .tabs-wrapper .tabs ul li.active {
    opacity: 0.6;
}

.gallery-block .tabs-wrapper .tabs-container .tab-content {
    display: none;
}

.gallery-block .tabs-wrapper .tabs-container .tab-content .tab-content-starring a,
.gallery-block .tabs-wrapper .tabs-container .tab-content .tab-content-tags a {
    color: #FFBA00;
    font-size: 14px;
}

.gallery-block .tabs-wrapper .tabs-container .tab-content .tab-content-starring a:hover,
.gallery-block .tabs-wrapper .tabs-container .tab-content .tab-content-tags a:hover {
    color: #fff;
}

.gallery-block .tabs-wrapper .tabs-container .tab-content .tab-content-story {
    font-size: 14px;
}

.gallery-block .tabs-wrapper .tabs-container .tab-content.active {
    display: block;
    padding-top: 5px;
}

.gallery-block .buttons-wrapper {
    padding-top: 10px;
    display: flex;
}

.gallery-block .buttons-wrapper .btn {
    border-radius: 5px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.gallery-block .buttons-wrapper .btn i {
    margin-right: 5px;
    font-size: 20px !important;
}

.gallery-block .buttons-wrapper .btn.btn-blue {
    background: #2697d5;
    color: #000;
}

.gallery-block .buttons-wrapper .btn.btn-yellow {
    margin: 0 auto;
}

.gallery-title .subtitle {
    color: #f79520;
}

.gallery-wrapper .thumb {
    background: url(https://i.c7cdn.com/images/bg_photo_box.jpg) repeat;
    border: 5px solid #343434;
    display: inline-block;
    height: 164px;
    width: 164px;
    box-sizing: border-box;
    padding: 13px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
}

.gallery-wrapper .thumb .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.gallery-wrapper .thumb.enabled {
    cursor: pointer;
}

.ls-gallery {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    transition: all 300ms ease-in-out;
    transform: scale(0.3);
    opacity: 0;
    z-index: -100;
}

.ls-gallery.open {
    transform: scale(1);
    opacity: 1;
    z-index: 14111000;
}

.ls-gallery .image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    max-width: 100%;
    max-height: 100%;
}

.ls-gallery .next, .ls-gallery .prev {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 70px;
    background: transparent;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 550ms ease;
    border-left: 1px solid transparent;
}

.ls-gallery .next:hover {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#40000000', GradientType=1);

}

.ls-gallery .prev:hover {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#00000000', GradientType=1);
}

.ls-gallery .prev {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 1px solid transparent;
}

.ls-gallery .gbtn {
    text-align: center;
    line-height: 70px;
}

.ls-gallery .gbtn i {
    font-size: 26px !important;
}

.ls-gallery .next .gbtn {
    position: absolute;
    right: 0;
    top: 50%;
    width: 70px;
    height: 70px;
}

.ls-gallery .prev .gbtn {
    position: absolute;
    left: 0;
    top: 50%;
    width: 70px;
    height: 70px;
}

.ls-gallery .next:hover .gbtn i,
.ls-gallery .prev:hover .gbtn i {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.ls-gallery .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 40px;
    color: #fff;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
}

.ls-gallery .close i {
    opacity: 0.8;
    font-size: 26px !important;
    color: #fff;
}

.ls-gallery .close:hover i {
    opacity: 1;
}

.ls-gallery .loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: none;
}

.ls-gallery .loading #load {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    width: 100px;
    animation: loading 3s linear infinite;
}

.ls-gallery .loading #load #loading-inner {
    stroke-dashoffset: 0;
    stroke-dasharray: 300;
    stroke-width: 6;
    stroke-miterlimit: 6;
    stroke-linecap: round;
    animation: loading-circle 2s linear infinite;
    stroke: #f6921e;
    fill: transparent;
}

.h-btn.unlockgallery {
    background-color: #f6921e;
    color: #141414;
}

.h-btn {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 3px;
    color: #a0a0a0;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.popupContent .popup-help {
    position: absolute;
    left: 100%;
    transform: rotate(90deg) translate3d(0, 12px, 0);
    top: 50%;
    background: #32adf1;
    padding: 7px 10px 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 19px;
    color: #fff;
    font-weight: bold;
    box-shadow: 2px -5px 10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.popupContent .popup-help a {
    color: #fff !important;
}

h1.site-main-title {
    margin-top: 0;
    color: #fff;
    font-size: 36px;
    font-style: normal;
    text-transform: uppercase;
}

h1.site-main-title.orange {
    color: #f79520;
}

h2.site-main-subtitle {
    color: #fff;
    display: block;
    font-size: 15px;
    font-style: normal;
    white-space: normal;
    max-width: 800px;
    margin: 0;
}

h2.site-main-subtitle {
    margin-bottom: 20px;
}

.episodeBlock .episodeBlock .toggle-favorite {
    background: url('https://i.c7cdn.com/images/favorite-toggle.png') no-repeat 0 0;
}

.episodeBlock .episodeBlock .toggle-favorite:hover {
    background: url('https://i.c7cdn.com/images/favorite-toggle.png') no-repeat 0 -15px;
}

#default .line-list .episodeBlock .toggle-favorite {
    background: url('https://i.c7cdn.com/images/favorite-toggle-normal.png');
}

#default .line-list .episodeBlock .toggle-favorite:not(.on):hover {
    background: no-repeat 0 -25px;
}

.buyPopupPartTwo .plans .options li.lifetime .label.label-lifetime .lifetime-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.buyPopupPartTwo .plans .options li.lifetime .label.label-lifetime .lifetime-title .arrow-line {
    text-align: center;
}

.buyPopupPartTwo .plans .options li.lifetime .label.label-lifetime .lifetime-title .arrow-line {
    margin: 5px;
}

.buyPopupPartTwo .plans .options li.lifetime .label.label-lifetime .lifetime-title .arrow-line i {
    font-size: 20px !important;
    color: #009dff;
}

.buyPopupPartTwo .plans .options li.lifetime .label.label-lifetime .lifetime-subtitle {
    text-align: center;
    text-transform: uppercase;
    font-style: italic;
    font-size: 16px;
}

.buyPopupPartTwo .plans .options li.lifetime .label.label-lifetime .lifetime-price {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.buyPopupPartTwo .plans .options li.lifetime .label.label-lifetime .lifetime-badge {
    width: 87px;
    height: 87px;
    background: url(https://i.c7cdn.com/images/offers/offer_limited_igf.png) no-repeat;
    background-size: 100% auto;
    right: -34px;
    bottom: -35px;
    position: absolute;
}

.buyPopupPartTwo .plans .options li.lifetime {
    margin-top: 0;
    margin-bottom: 20px;
}

.label-lifetime {
    border: 2px solid #05b1ff !important;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media screen and (min-width: 1141px) {
    #galleries .list-view .items {
        padding-top: 140px;
    }
}

#galleries #topMenu {
    /*height: 180px;*/
    padding: 20px 200px 0;
    text-align: left;
}

.galleries-page.contentContainer .content .right {
    margin-top: 60px !important;
}

.unlock-notification {
    display: none;
    font-size: 26px;
    font-weight: bold;
}

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

/* Dropdown */
.dropbtn {
    background-color: #f7941d;
    color: #000;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    min-width: 100px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {
    background-color: #ddd
}

.show-grid-dropdown {
    display: grid;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

/* Hide recaptcha badge */
.grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
}

.shows-page-content .site-main-title {
    margin-top: 20px;
}

.shows-page-content .site-main-subtitle {
    font-size: 17px;
}

.shows-page-content #topMenu {
    display: flex;
    margin: 15px 0;
    padding: 0;
}

.shows-page-content #topMenu .positioner {
    margin: 0;
}

.shows-page-content #topMenu .view-switcher {
    position: initial;
    display: flex;
    flex: 1;
    justify-content: flex-end;
}

.reversed {
    direction: rtl;
    unicode-bidi: bidi-override;
}