/*Rude XX website css*/
html { font-size: 62.5%; background-color:#2c1c26; overflow-y: scroll; height:100%;}
body{ padding:0; margin:0; font-family: 'Open Sans', sans-serif; /*font-family: 'Helvetica Neue', 'Helvetica', 'Open Sans', sans-serif;*/ color:#ededed; font-size: 100%; background-color:#2c1c26; height:100%;overflow:visible;}
header, section, footer, aside, main, article, figure{ display: block; }
ul, ol{ margin:0; padding:0; list-style-type: none;}
td, table{font-size: 100%; vertical-align:top; text-align:left;}
.floatright{ float:right;}
.showmobile{display:none;}
.mobile, .mobile.btn{display:none;}
.desktop{ display:block;}
table{ border:0; padding:0; margin:0;}
@media only screen and (max-width : 419px) {
    body{ font-size: 70%;}
    .mobile, .mobile.btn{display:block;}
    .desktop, .desktop.btn{ display:none !important;}
}

@media only screen and (min-width : 420px) and (max-width : 767px) {
    body{ font-size: 80%;}
    .mobile, .mobile.btn{display:block;}
    .desktop, .desktop.btn{ display:none !important;}
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
    body{ font-size: 80%;}
    .mobile, .mobile.btn{display:block;}
    .desktop, .desktop.btn{ display:none !important;}
}

@media only screen and (min-width : 1024px) and (max-width : 1499px) {
    body{ font-size: 80%;}
}

@media only screen and (min-width : 1236px) {
}


.clear{ clear:both;}
.divider{border-bottom:dashed #575757 2px; height:0; margin:4em 0;}
form{ padding:0; margin:0;}
/*form{
    display: inline;
}*/

h1 { color:#fff; font-size:3em; padding:0.5em 0 0 0; margin:0 0 0.5em; font-weight:500; text-align:center;}
h2 { color:#fff; font-size:2.2em; padding:0.5em 0 0 0; margin:0.5em 0 0.5em; font-weight:500;}
h1 a{ color:#c4b877; font-size:1em; padding:0; font-weight:600; text-decoration:none;}
@media only screen and (max-width : 767px) {
    h1{ margin-bottom:1em;}
}
p.title{font-size:1.6em;}

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

.btn { display:block; padding:0.4em 0 0.6em 1em; color:#fff; line-height:1.6em; text-align:left; /*border-radius:0.2em; background:#c4b877;*/ box-sizing:border-box; text-decoration:none; font-weight:500; cursor:pointer;
    background: #B2A664 url('/images/cta-btn-arrow-right-100.png') no-repeat right 0.6em;
    background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1c583),color-stop(100%, #948846)) 0 0;
    background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center,-moz-linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center,-webkit-linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center,linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background-size: auto 1.5em, cover;
}
.btn:hover, .btn:focus, #menuregister a:hover, #loginli  a:hover{
    background: #c8187c url('/images/cta-btn-arrow-right-100.png') no-repeat right 0.6em;
    background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center #c8187c;
    background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center #c8187c;
    background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center #c8187c;
    background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center #c8187c;
    background-size: auto 1.5em;
}

.hidden{display: none;}

input{ box-sizing:border-box; padding-left:0.5em;}
input.btn{ cursor:pointer;}
.displaynone{ display:none;}
.checkbox{background:url(../images/checkbox.png) no-repeat; background-size:100% 100%; width:2.5em; height:2.1em; cursor:pointer;}
.checkbox_checked{background:url(../images/checkbox_checked.png) no-repeat; background-size:100% 100%; width:2.5em; height:2.1em; cursor:pointer;}
.txt.content input.rememberme { width: 1em; height: 1em; font-size: 2em; float: left; margin: -0.2em 0.4em 0 0; }
.radiobutton{background:url(../images/radiobutton.png) no-repeat; width:7.5em; height:7.5em; cursor:pointer; background-size:auto 100%; float:left;}
.radiobutton.checked{background:url(../images/radiobutton_checked.png) no-repeat; background-size:auto 100%;}
@media only screen and (min-width : 1200px) and (max-width : 1360px) {
    .radiobutton{width:6.5em; height:6.5em;}
}
.error{ color:#ffcc00;}
.inputerror{ font-size: 1.4em;}
.smalltext{ font-size:1.2em !important;}
img:-moz-loading {
    visibility: hidden;
}
img{ outline:none; border:0;}

/*header*/
header{
    position:fixed;
    padding:0 2%;
    z-index:9999;
    background-color:#2c1c26;
    width:100%;
    box-sizing:border-box;
    height:5.6em;
}

#language { float:right; }
#language img{
    width:1.8em !important;
    height:1.8em !important;
    border-radius: 100px;
    border: 4px #2c1c26 solid;
    position:relative;
    top: -4px;
    margin-right: 0.8em !important;
    cursor:pointer;

}
#languagemob img{
    width:1.3em !important;
    height:1.3em !important;
    border-radius: 1.3em;
    border: 3px #2c1c26 solid;
    position:relative;
    cursor:pointer;
}
#language img:hover{
    border: 4px #c8187c solid;
}
#languagemob  img:hover{
    border: 3px #c8187c solid;
}
.language_menu{
    display:none;
    width: 4em;
    position:absolute;
    right: 0.2em;
    top: 2.8em;
    background: #2c1c26;
    z-index: 999;
    box-sizing: border-box;
    padding: 0.8em 1em 1em;
    border-left: #3f2d38 1px solid;
    border-bottom: #3f2d38 1px solid;
}
#language_menu_mob{right: -0.7em; padding: 0.8em 1em 1em 0.8em;}
/*.language_menu{display: block;}*/
.language_menu ul li a{ border-bottom: none !important;}
.language_menu ul li a:hover, .account_menu ul li a:focus{ border-bottom: none !important;}
.account_menu ul li a{ text-decoration:none;display: block;padding: 0.2em 0;}
.account_menu ul li a:hover,.account_menu ul li a:focus{ color: #ededed;}
nav.navmobile ul li ul li {
    display: inline-block;
}
.slogan{ text-align:center; background:url(../images/slogan_back.png) #c4b877 repeat-x; background-size:auto 100%;padding-left: 6em;}
@media only screen and (max-width : 420px) {
    .slogan{ padding-left: 12em;}
}
.slogan img{ height:5.7em;}
nav{ color:#f0f0f0; font-size:1.8em;}
/*@media only screen and (min-width : 1025px) and (max-width : 1359px) {
    nav{font-size:1.35em;}
    nav.navdesktop{ display:block !important;}
}*/
@media only screen and (min-width : 1025px) and (max-width : 1499px) {
    nav{font-size:1.3em;}
    nav.navdesktop{ display:block !important;}
}
@media only screen and (min-width : 1500px) and (max-width : 1549px) {
    nav{font-size:1.45em;}
    nav.navdesktop{ display:block !important;}
}
@media only screen and (min-width : 1550px) and (max-width : 1859px) {
    nav{font-size:1.5em;}
    nav.navdesktop{ display:block !important;}
}
@media only screen and (min-width : 1860px) {
    nav.navdesktop{ display:block !important;}
}
nav ul{width: 100%; display: table;}
nav li{line-height:1.6em; display: inline-block; width: auto; text-align:center;  padding: 0.7em 0 0; position:relative;}
nav.navpayment li:first-child {margin:0.55em 0;}
nav li:first-child {margin:0;padding:0;}

nav li a{ color:#ededed; text-decoration: none;}
nav li.account, nav li.watchlist, nav li.logoff{ display:none;}
nav li.login, .mob_nav li.login{ /*width:14%;*/ cursor:pointer;position:relative;}
nav #search img { position: relative;top: 0.2em;}
nav #search form {display: inline-block; margin-left: 0.25em;}
nav #searchlinkli{ display:none;}
nav #search{ display: inline-block; float:right; margin-right: 0.9em; }
#accountli{ display:none;}
#watchlistli{ display:none;}
#meinvideosli{ display:none;}
#logoffli{ display:none;}
ul#menu li a {
    color: white;
    padding: 10px 0;
    margin:0 1em 0 0;
    text-decoration: none;
    border-bottom:4px solid #2c1c26;
    font-weight:600;
    white-space:nowrap;
}
ul#menu li a:hover, ul#menu li a:focus, ul#menu li a.active:hover {
    border-bottom:4px solid #c8187c;
}
ul#menu li a.active {
    border-bottom:4px solid #d4c0cc;
}
ul#menu li a img{ vertical-align:middle; margin-right:0.3em; height: 1.05em;}
ul#menu li img{ vertical-align:0; margin-right:0.3em; height: 1.05em;}
#benutzerli, #secure{ float:right; position:inherit;}
ul#menu li#loginli a, ul#menu li#benutzerli a{ margin-right:0;}
#secure img{ height:1.4em;}
#menuregister{
    line-height: 1em;
    padding: 1.05em 0 0;
    float:right;
    margin-right:0;
    font-weight:bold;
    cursor:pointer;
}
#loginli{
    float:right; margin-right:1em;
}
#menuregister img{ margin-right: 0 !important; height: 2.7em !important; position: absolute; right: 7.4em; top: 0.2em;}
.menuicon{ display:none;}
@media only screen and (max-width : 1517px) {
    #menuregister{
        line-height: 1em;
    }
}
@media only screen and (max-width : 1375px) {
    #menuregister{
        /*line-height: inherit;
        padding: inherit;*/
    }
}
@media only screen and (max-width : 1024px) {
    #menuregister img{ right: 2em; top: 0.8em;}
    .menuicon{ display:inline-block;}
}

#menuregister a, #loginli a{
    background: #B2A664 url(/images/cta-btn-arrow-right-100.png) no-repeat right 0.6em;
    background: url(/images/cta-btn-arrow-right-100.png) no-repeat right center,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1c583),color-stop(100%, #948846)) 0 0;
    background: url(/images/cta-btn-arrow-right-100.png) no-repeat right center,-moz-linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background: url(/images/cta-btn-arrow-right-100.png) no-repeat right center,-webkit-linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background: url(/images/cta-btn-arrow-right-100.png) no-repeat right center,linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background-size: auto 1.5em, cover;
    padding: 0.5em 1.5em 0.5em 1em !important;
    margin-right:0 !important;
    border-radius: 0.5em;
    border-bottom:0 !important;
}
#menuregister a:hover, #loginli a:hover{ border-bottom:0 !important;}

.menuopener{ height:1.3em; float:right; border: 3px solid transparent;}
nav.navmobile{ display:none;}
nav.navmobile ul{ display:table;}
nav.navmobile ul li{ display:table-cell;}
nav.navmobile ul li:first-of-type{ text-align:left;}
nav.navmobile ul li:nth-of-type(2), nav.navmobile ul li:nth-of-type(3){ width:2.4em;}

.logo{ width:5.5em; height:auto !important;}

.account_menu{
    display:none;
    width: 11em;
    position:absolute;
    right: 0;
    top: 2.6em;
    background: #2c1c26;
    z-index: 999;
    box-sizing: border-box;
    padding: 0em 1em 1em;
    border-left: #3f2d38 1px solid;
    border-bottom: #3f2d38 1px solid;
}
.account_menu ul li{display: block; text-align:left;}
.account_menu ul li a{ text-decoration:none;display: block;padding: 0.2em 0;}
.account_menu ul li a:hover,.account_menu ul li a:focus{ color: #ededed;}

@media only screen and (max-width : 1375px) {
    ul#menu li a, ul#menu li a:hover { border-bottom-width:3px;}
}
@media only screen and (max-width : 1024px) {
    nav.navdesktop { display:none; position: fixed; right: 0; top:5em; background: #2c1c26 /*rgba(0, 0, 0, .5)*/; font-size:1em; padding:0 3em 3em 3em; border-left: #3f2d38 1px solid; border-bottom: #3f2d38 1px solid; overflow: auto; max-height: calc(100% - 5em); box-sizing: border-box;}
    nav.navdesktop li{display: inherit; font-size:2.2em}
    nav.navdesktop li:first-of-type{display: none; padding-top:1em;}
    #loginli, .login.account_opener_dt, #menuregister {float: none;}
    nav.navdesktop ul#menu li { width: 100%; text-align:left;}
    nav.navdesktop ul#menu li a { display: block;padding: 0.3em 0; margin-right:0; height: 1.5em; line-height: 1.5em;}

    nav.navmobile{ display:block;}
    #searchlinkli{ display: inline-block;}
    #search{ display: none;}
    #accountli{ display: inline-block;}
    #watchlistli{ display:inline-block;}
    #meinvideosli{ display:inline-block;}
    #logoffli{ display:inline-block;}
    #benutzerli{ display:none;}

    #language{ display:none;}
}

/*live search*/
.livesearch_border{ position:absolute; top: 1.8em; z-index: 9999; display:none; background:url(../images/box.png) repeat; width:100%; box-sizing: border-box; left:0; }
.livesearch { width:100%}
.livesearch .suggestions{ font-weight:normal; font-style:italic; text-align:center; padding-top:5px; font-size:13px;}
.livesearch h1{
    padding: 0.4em 0 0.5em 0;
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
    text-align: center;
    background:#3f2d38;
}
.livesearch a{ display:block; box-sizing:border-box; font-size:0.7em; color:#c4b877; text-align:left; font-weight:600; border-bottom:1px dashed #4e4e4e;  padding: 10px 20px;   line-height: 1.3em;}
.livesearch a:hover, .livesearch a:focus{ border-bottom:1px dashed #c4b877;}
.livesearch .duration{ float:right; color:#7f7f7f; font-size:0.8em;}
.livesearch .category{ color:#ededed; font-size:0.8em; font-style:italic; line-height: 1em; padding-bottom: 0.6em;  margin-top: 0.5em;}
.livesearch_item{ border-bottom:1px solid #4e4e4e; padding:1px 0; margin-bottom:2px;}
.livesearch_clear{ clear:both;}
@media only screen and (max-width : 767px) {
    .livesearch_border{ top: 2.1em;}
}

section.mainsection{
    position: relative;
    padding-top: 5.5em;
}
section.mainsection.svod { padding: 0;}
#input_livesearch{
    line-height: 1.5em;
    width: 8em;
    font-size: 1em;
    margin-top:-1em;
    height: 1.7em;
}
#livesearch_border{
    position: absolute;
    text-align: right;
    background-color: #2c1c26;
    z-index:9999;
    width: 14em;
    border-left: #3f2d38 1px solid;
    /*border-bottom: #3f2d38 1px solid;*/
    border-right: #3f2d38 1px solid;
    box-sizing:border-box;
}
#magnify{
    cursor: pointer;
}
.magnify{
    cursor: pointer;
}
#ss_showall{
    text-align: left;
    padding: 0.5em;
    background-color: #c8187c;
}
ul#menu li #livesearch_border a{ margin-right:0; padding:0.8em 1em;}
@media only screen and (max-width : 1024px) {
    #input_livesearch{ width:11em; margin-top: 0em;}
    #livesearch_border{ width:11em;}
    ul#menu li #livesearch_border a {white-space: normal;}
    #livesearch_border{ display:none !important;}
    #livesex{display: none;}
}
@media only screen and (min-width : 1025px) and (max-width : 1235px) {
    header{height:4.4em;}
    section.mainsection{padding-top: 4.4em; }
    .account_menu{top: 3.1em;}
    #livesex{display: none;}
}
@media only screen and (min-width : 1236px) and (max-width : 1375px) {
    header{height:4.4em;}
    section.mainsection{padding-top: 4.4em; }
    .account_menu{top: 2.9em;}
    #livesex{display: none;}
}
@media only screen and (min-width : 1376px) and (max-width : 1517px) {
    header{height:4.8em;}
    section.mainsection{padding-top: 4.8em; }
    .account_menu{top: 2.8em;}
    #livesex{display: none;}
}
@media only screen and (min-width : 1518px) and (max-width : 1719px) {
    header{height:5.1em;}
    section.mainsection{padding-top: 5.1em; }
    .account_menu{top: 2.7em;}
    #livesex{display: none;}
}


/*carrousel*/
[class*=col-] {
    display:table-cell;
    width:16.66%;
    padding:2px;
}
.carrousel{ display:block; width:100%;}
.carrousel .grid.grid-pad {
    display: table;
    margin: 0 auto;
    width:100%;
    table-layout: fixed;
}
.carrousel .category .wrapper {
    overflow: hidden;
    width: 100%;
}
.carrousel .category .images {
    height: 100%;
    width: 300%;
    position: relative;
    left: 0;
}
.carrousel .category .images a {
    display: table-cell;
    width: 16.6%;
    border-bottom: 4px solid transparent;
    padding-bottom: 10px;
}
.carrousel .category .images a:hover,.carrousel .category .images a:focus{
    border-bottom: 4px solid #c8187c;
    padding-bottom: 10px;
}
.carrousel .category .images a {
    position:relative;
}
.carrousel .category .images img.slide {
    width: 100%;
    height: auto;
    float: left;
}
img.gratis {
    position:absolute;
    right:0;
    bottom:10px;
    width:40%;
    display:none;
}
img.gratis.show {
    display:block;
}
.carrousel .category#cat1 .images {
    transition: left .5s;
}
.carrousel .category#cat2 .images {
    transition: left .5s .1s;
}
.carrousel .category#cat3 .images {
    transition: left .5s .2s;
}
.carrousel .category#cat4 .images {
    transition: left .5s .3s;
}
.carrousel .category#cat5 .images {
    transition: left .5s .4s;
}
.carrousel .category#cat6 .images {
    transition: left .5s .5s;
}

.carrousel .category#cat1 {
    transition: top 1s 0s, opacity 1s;
}
.carrousel .category#cat2 {
    transition: top 1s .2s, opacity 1s;
}
.carrousel .category#cat3 {
    transition: top 1s .4s, opacity 1s;
}
.carrousel .category#cat4 {
    transition: top 1s .6s, opacity 1s;
}
.carrousel .category#cat5 {
    transition: top 1s .8s, opacity 1s;
}
.carrousel .category#cat6 {
    transition: top 1s .10s, opacity 1s;
}

@media only screen and (max-width : 768px) {
    .carrousel{ display:none;}
}

/*content*/
.content{ padding:0;}
.content p{font-size:1.4em;}
.content.movies p{ font-size:1.4em; padding-left: 1%;}
.content.movies h2{ width:50%;}
.content.movies .more{ float:right; font-size: 2em; padding: 0.6em 0 0 0; border-bottom: 4px solid transparent; padding-bottom: 0.1em;}
.content.movies .more img{ height: 0.8em; vertical-align: -0.1em;}
.content.movies .more:hover, .content.movies .more:focus{ border-bottom: 4px solid #c8187c;}
@media only screen and (max-width : 479px) {
    .content.movies .more{ display:none;}
    .content.movies h2 {
        width: inherit;display:none;
    }
}

.content.scenes p{ font-size:1.4em; padding-left: 1%;}
.content.scenes h2{ width:50%;}
.content.scenes h1{ text-align:left;}
.content.scenes .moviebox {width:20%;}
.content.scenes .more{ float:right; font-size: 2em; padding: 0.6em 0 0 0; border-bottom: 4px solid transparent; padding-bottom: 0.1em;}
.content.scenes .more img{ height: 0.8em; vertical-align: -0.1em;}
.content.scenes .more:hover, .content.scenes .more:focus{ border-bottom: 4px solid #c8187c;}
.content.scenes .duration{ line-height:1.5em !important; padding-left: 2% !important; }
@media only screen and (max-width : 479px) {
    .content.scenes .more{ display:none;}
    .content.scenes h2 {
        width: inherit;display:none;
    }
}


.bodycontent{ min-height:calc(100vh - 28.4em); background:url(../images/content_back.png) repeat-x; padding-bottom:3em; box-sizing:border-box;background-color:#2c1c26;}
.bodycontentmargin{ margin:0 2%;}
.pages{ text-align:center;  margin: 2em 0 1em;}
.pages a{ padding: 0 0.6em; height:1.2em; line-height:1.2em; color:#fff; font-size:2.2em; font-weight:600; text-decoration:none; text-align:center;border-bottom: 4px solid transparent;}
.pages a:hover,.pages a:focus{
    border-bottom: 4px solid #c8187c;
}
.pages a.current{ color:#c4b877;}
.pages a.prev{ background:url(../images/previous.png) no-repeat #c4b877 center; background-size:auto 100%; margin-right:0.5em; padding: 0 1em;}
.pages a.next{ background:url(../images/next.png) no-repeat #c4b877 center; background-size:auto 100%; margin-left:0.5em; padding: 0 1em;}
.pages a.prev:hover, .pages a.next:hover,.pages a.prev:focus, .pages a.next:focus{ background-color:#c8187c;}
.sort{ float:right; font-size:2em; font-weight:600; margin-top:1em;}
.sort a{color:#fff; text-decoration:none; margin:0 0.4em; border-bottom: 4px solid transparent;}
.sort a:hover, .sort a:focus {
    border-bottom: 4px solid #c8187c;
}
.sort a.active{color:#ededed;}
.sort .label{ font-size:0.8em; padding-right:0.6em;}
#sortformmob{ display:none;}
#sortform{ display:inline-block;}
@media only screen and (min-width : 0) and (max-width : 869px) {
    .bodycontent{min-height:calc(100vh - 33.1em);}
}
@media only screen and (min-width : 870px) and (max-width : 1024px) {
    .bodycontent{min-height:calc(100vh - 31em);}
}
@media only screen and (min-width : 1025px) and (max-width : 1235px) {
    .bodycontent{min-height:calc(100vh - 30.4em);}
}
@media only screen and (min-width : 1236px) and (max-width : 1375px) {
    .bodycontent{min-height:calc(100vh - 29.3em);}
}
@media only screen and (min-width : 1376px) and (max-width : 1517px) {
    .bodycontent{min-height:calc(100vh - 29.7em);}
}
@media only screen and (min-width : 1518px) and (max-width : 1607px) {
    .bodycontent{min-height:calc(100vh - 30em);}
}
@media only screen and (min-width : 1608px) and (max-width : 1719px) {
    .bodycontent{min-height:calc(100vh - 28em);}
}

@media only screen and (max-width : 767px) {
    .livesearch_border{ top: 2.1em;}
    #sortformmob{ display:inline-block;}
    #sortform{ display:none;}
}

/*mouseover*/
.infohdr {
    background:url(../images/box.png) repeat;
    color:#c4b877;
    width:290px;
    padding:10px 20px 0 20px;
    font-weight:600;
    font-size:1.6em;
    z-index:10000;
    position:relative;
}
.infohdr .duration {
    color:#7f7f7f; float:right;
    font-size:0.9em;

}
.infobdy {
    background:url(../images/box.png) repeat;
    width:290px;
    padding:0 20px 20px 20px;
    font-size:1.3em;
    z-index:10000;
    position:relative;
}
.infobdy .category {
    font-style:italic;
    display:block; margin-bottom:1em;
    font-size:1em;
}

/*slideshow front*/
.slider1_container{
    position: relative; margin: 0 auto;
    top: 0px; left: 0px; /*width: 1300px; height: 203px;*/ width: 1920px; height: 300px; overflow: hidden;
}
.loading{
    position: absolute; top: 0px; left: 0px;
}
.loading1{
    filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block;
    top: 0px; left: 0px; width: 100%; height: 100%;
}
.loading2{
    position: absolute; display: block; background: url(/images/loading.gif) no-repeat center center;
    top: 0px; left: 0px; width: 100%; height: 100%;
}
.slides{
    cursor: pointer; position: absolute; left: 0px; top: 0px; /*width: 1300px; height: 271px;*/ width: 1920px; height: 300px; overflow: hidden;
}
.jssorb21 {
    position: absolute;bottom: 26px; right: 6px;
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 div:focus, .jssorb21 .av {
    position: absolute;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    color: white;
    font-size: 12px;
    overflow: hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover,.jssorb21 div:focus, .jssorb21 .av:focus { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover, .jssorb21 .dn:focus { background-position: -95px -5px; }

.jssora21l, .jssora21r {
    display: block;
    position: absolute;
    width: 55px;
    height: 64px;
    cursor: pointer;
    overflow: hidden;
}
.jssora21l { background-position: -3px -26px; top: 118px; left: 8px; }
.jssora21r { background-position: -63px -26px; top: 118px; right: 8px; }
.jssora21l:hover, .jssora21l:focus { background-position: -123px -26px; }
.jssora21r:hover, .jssora21r:focus { background-position: -183px -26px; }
.jssora21l.jssora21ldn { background-position: -243px -26px; }
.jssora21r.jssora21rdn { background-position: -303px -26px; }
@media only screen and (max-width : 767px) {
    .slider1_container{ display:none;}
}
.jssora21l, .jssora21r{ display:none;}
.slidergradient{width: 100%; height: 150px; position: absolute; bottom: -1px; z-index:999; pointer-events:none;
    background: -webkit-linear-gradient(transparent, #2c1c26); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, #2c1c26); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, #2c1c26); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, #2c1c26); /* Standard syntax */
}
.slidergradient.bottom{ height:5px;}
.slidergradientleft{
    width: 540px; height: 100%; position: absolute; top:0; left:0;
    background: -webkit-linear-gradient(left, #2c1c26 , transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #2c1c26, transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #2c1c26, transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #2c1c26 , transparent); /* Standard syntax */
}
.txt_overlay{ color:#fff;
    position: absolute;
    width: 30em;
    left: 66px;
    top: 40px;
    z-index:999;
    font-size: 1.75em;
    font-weight: 600;
}
.txt_overlay_loggedin{
    color:#fff;
    position: absolute;
    margin: auto;
    top: 80px;
    text-align: left;
    z-index:999;
    font-size: 4em;
    font-weight: 500;
    margin-left:1em;
    width:15em;
    pointer-events:none;
}

.slides .signup { width: 14em; margin-top:1em;}

/*front*/
.moviebox { width:10%; float:left; box-sizing:border-box; font-size:0px; padding:2px;}
.scenemoviebox{ width:20%; padding:0.2%; float:left; box-sizing:border-box;}
.movieboxsmall { width:15.6%; margin:0 0.5% 1% 0.5%; font-size:1.8em; float:left; box-sizing:border-box; border-bottom: 3px solid transparent /*#c4b877*/; padding:0.4em; text-align:center;background: rgba(0, 0, 0, .4);}
.movieboxsmall:hover, .movieboxsmall:focus{border-bottom: 3px solid #c8187c;}
.movieboxsmall span:nth-of-type(2){ display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;height: 1.3em;}
.movieboxsmall span:nth-of-type(3){ display:block; font-size:0.8em; opacity:0.7;}


.movie{display:block; position: relative;}
.pull-right{float:right}
.carouseltitle{font-size: 24px;}
.movieboxsmall a{ text-decoration:none;}
.movieboxsmall .title { display: block;width: auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.movies h1{ text-align:left;}
.movie .thumb img{ width:100%; height:auto;}
.movie .overlay{z-index: 2; position:absolute; left: -15%; top: -10%; width: 130%; padding:0.4em; background:#000; box-sizing:border-box;}
.movie .overlay img.cover{ width:96%; position: relative; left: 0;top: 0; background: #000; margin:2%; box-sizing:border-box;}
.movie .overlay img.coverplay{ width:96%; position: absolute; left: 0;top: 0;margin: 2%; box-sizing:border-box;}
.movie .overlay .duration{z-index: 3; width:96%; font-size: 22px; position: absolute; left: 0; bottom: 0;margin: 2%; background:rgba(200,24,124,1); line-height:60px; text-align:left; font-weight:500; padding-left:6%; box-sizing:border-box;}
.movie .overlay .releasedate{z-index: 3; width: 96%; font-size: 18px; position: absolute; left: 0; top: 0; margin: 0 2%; background: rgba(0,0,0,0.8); line-height: 30px; text-align: center; font-weight: 500; box-sizing: border-box; padding: 0.3em 0;}
.scenetitle{z-index: 3; font-size: 20px; position: relative; width:345px; bottom: 0px;text-align:center;overflow: hidden; left:5px; background-color: rgba(0,0,0,0.4); top:-30px;}
a .scenetitle{text-decoration: none;}
.overlay .zoom{ width:auto; bottom:8%; right:10%; position:absolute; height:26px; z-index:9;}

.studioblock{display: inline-block; width:100%; padding: 4em 0 0;}

.castbox { display: inline-block; vertical-align: top; box-sizing: border-box; width:15.6%; margin:0 0.3% 1% 0.3%; font-size:1.8em; border-bottom: 3px solid transparent; padding:0.4em; text-align:center;background: rgba(0, 0, 0, .4); }
.castbox:hover, .castbox:focus{border-bottom: 3px solid #c8187c;}
.castbox a{ text-decoration:none;}
.castbox .title { display: block;width: auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.castbox .thumb { position: absolute; margin: auto; left:0;right:0;top:0;bottom:0;}
.castbox .thumb.spacer { position: relative; display: block; margin-bottom: 1em; }

.slideshow{position:absolute; width:100%; top:0; visibility:hidden; overflow:hidden; display:block;}
.slideshow img{width:100%; height:auto; position:absolute; top:0;}
.uberthumb{z-index:100; position:relative;}
#sortform .radio{ display:none;}
#sortform .sortclick.checked{ color:#c4b877;}

.sixcovers{display: block; padding-top: 2em;}
.onecover{width: 100%;}

@media only screen and (max-width : 479px) {
    .moviebox { width:50%;}
    .content.scenes .moviebox { width:50%;}
    .movieboxsmall { width:46%;}
    .castbox { width: 46%; }
    .showmobile{display:block;}
    .sixcovers{display: none;}
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
    .moviebox { width:50%;}
    .content.scenes .moviebox { width:50%;}
    .movieboxsmall { width:46%;}
    .castbox { width: 46%; }
    .sixcovers{display: none;}
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
    .moviebox { width:33%;}
    .content.scenes .moviebox { width:33%;}
    .movieboxsmall { width:31%;}
    .castbox { width: 31%; }
    .content.movies.front .moviebox:nth-of-type(10){ display:none;}
    .content.movies.front .movieboxsmall:nth-of-type(10){ display:none;}
    .sixcovers{display: none;}
}
@media only screen and (min-width : 1024px) and (max-width : 1199px) {
    .moviebox { width:25%;}
    .content.scenes .moviebox { width:25%;}
    .movieboxsmall { width:23%;}
    .castbox { width: 23%; }
    .content.movies.front .moviebox:nth-of-type(9){ display:none;}
    .content.movies.front .moviebox:nth-of-type(10){ display:none;}
    .content.movies.front .movieboxsmall:nth-of-type(9){ display:none;}
    .content.movies.front .movieboxsmall:nth-of-type(10){ display:none;}
    .details .leftcolumn .btn img{ vertical-align:-0.5em;}
    .sixcovers{display: none;}
}
@media only screen and (min-width : 1200px) and (max-width : 1700px) {
    .movieboxsmall { width:15.6%;}
    .castbox { width: 15.6%; }
}
@media only screen and (max-width : 1024px) {
    .movie .overlay{ left: 0; top: 0; width: 100%; display:none !important;}
    .sixcovers{display: none;}
}

.allegenresbtn{
    margin-top: 1em;
    width: 100%;
    font-size: 2em;
    margin-bottom: 0.5em;
}

.content.lists h2{ text-align:center; margin-bottom:1em;}
.content.lists p{ text-align:center; font-size: 1.5em; padding:0 10%;}

.videoboxholder{ margin:4em 0 2em 0; }
.videobox{ width:49.5%; float:left; padding:1%; box-sizing:border-box; margin:0.5% 0.5% 0.5% 0; position:relative; overflow:hidden;}
.videobox:nth-child(2n+2){ margin:0.5% 0 0.5% 0.5%;}
.videobox .background{ position:absolute; top:-1%; left:-1%; opacity:0.5; z-index:0; -webkit-filter: blur(5px); filter: blur(5px); width:102%;}
.videobox .background img{ width:100%;}
.videobox .backgroundgradient{position:absolute; top:0; left:0; height:100%; width:100%;
    background: -webkit-linear-gradient(bottom, #2c1c26 , transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #2c1c26, transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #2c1c26, transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #2c1c26 , transparent); /* Standard syntax */
    z-index:1;
}
.videobox .left{ float:left; width:19%; margin-right:3%; position:relative; z-index:1;}
.videobox .right{ float:left; width:78%; position:relative; z-index:1;}
.videobox .cover{ width:100%;}
.videobox .title{ font-size:3em; font-weight:500; display:block;margin-top: -0.3em; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; width:100%; padding-bottom: 0.1em; color:#fff;}
.videobox .duration{ font-size:1.8em; display:block; padding-top: 0.6em; margin-bottom: 0.4em;}
.videobox .cast{ font-size:1.8em;display:block; height: 2.2em; overflow: hidden;}
.videobox .duration .cat, .videobox .cast .cat{ width:100px; display:inline-block;}
.videobox .italic{ /*font-weight:700; color:#fff;*/}
.videobox .cast a{ /*font-weight:700; text-decoration:none;*/
    background-color: #180f15;
    color: #ededed;
    padding: 0 0.4em;
    line-height: 1.8em;
    text-decoration: none;
    margin-right: 0.2em;
    font-weight: 600;
    margin-bottom: 0.2em;
    display: inline-block;
    border-bottom: 4px solid transparent;
}
.videobox .cast a:hover, .videobox .cast a:focus{border-bottom: 4px solid #c8187c; text-decoration: none;}

.videobox a:hover{ text-decoration:underline;}
.videobox .description{ font-size:1.8em;display:block; margin-top:0.4em; height: 2.9em; overflow: hidden; font-weight:600}
.videobox .btn{ margin-top: 0.4em; width: 10em;font-size: 1.8em; float: right; margin-right: 0; z-index: 1; position: relative; font-style:normal;}
.videobox .btn:hover{ text-decoration:none}
@media only screen and (max-width : 1599px) {
    .videobox .left{ width:24%;}
    .videobox .right{ width:73%;}
}
@media only screen and (max-width : 1199px) {
    .videobox{ width:100%; margin:0 0 2% 0; float:none; display: inline-block; padding:1%;}
    .videobox:nth-child(2n+2){ margin:0 0 2% 0;}
    .videobox .left{ width:11%;}
    .videobox .right{ width:86%;}
}
@media only screen and (max-width : 767px) {
    .videobox { padding:2%;}
    .videobox .left{ width:20%;}
    .videobox .right{ width:77%;}
}

.list_banner{ width:60em; height:25em; padding: 0 3px; padding-top: 3em;}
.not_six {display:inline-block !important;}
.livebanner { width:100%; max-height: 50em; margin-top: 4em; overflow: hidden; }

/*details*/
/*.details .header{ display:table; margin-bottom:2em; width:100%;}*/
.details .screenshots{ width:100%; position:relative; /*height: 49em; overflow:hidden;*/ margin-top:-2px; /*min-height: calc(100% - 29.2em);*/ padding-bottom:10em; overflow:hidden;}
/*.details .playoverlay{ position:absolute; top:0; left:0; width:100%;  z-index: 100;}
.details .playoverlay img{ width:100%; height:auto;}*/
.details .screenshotslideshow { width:100%; opacity:0.5; position:absolute; /*height:600px !important;*/ }
.details .screenshotslideshow img{ width:100%; height:auto; -webkit-filter: blur(5px);  filter:blur(5px); /* height:100%;*/ }

.details .screenshotscontent { display:table;position: relative; top: 2.4em; left: 2%;  z-index: 999; width:96%; }
.details .screenshotscontent>div{ display:table-cell;vertical-align:top;}

.details .screenshotscontent .cover{width:30em; display: inline-block; }
.details .screenshotscontent .cover img.coverimg{width:30em; height:45em; display:block;}
.details .screenshotscontent .cover .coverholder{ cursor:pointer; position:relative;}
.details .screenshotscontent .cover .coverholder img.gratis{ bottom:0;}
.details .screenshotscontent .cover img.coverplay{width: 100%; position: absolute; left: 0; top: 0; margin: 0; box-sizing: border-box; }

.details .scenecontent .cover img.coverimg{width:100%; height:100%; display:block; position:relative;}
.details .scenecontent .fakeplayer {width: 52%; box-sizing: border-box; padding: 0 0 0 2em;}
.scenecontent .fakeplayer .screenshotplayer {width:100%; opacity:0.5; position:relative;}
.scenecontent .fakeplayer .screenshotplayer img {width:100%;}
.scenecontent .fakeplayer .coverholder {width:100%; height:100%; position:relative; cursor:pointer;}
.scenecontent .fakeplayer .coverplay {left:50%; top:50%; transform: translate(-50%,-50%); position:absolute; z-index:200;}

.scenecontent .back {width:100% !important; margin-bottom:1em !important;}
.scenecontent .data{ padding: 0 0 0 1%  !important;}

.details .scenecontent .favs {margin-top:0 !important; margin-bottom:2em;}

.details .desktop.back{ width:100%;margin-top:1em;}
.details .mobile.back{ width:100%;margin-bottom:1em;}
#backbtnplay{float: left; width: 10%; top: 2%;}

.details .screenshotscontent .data{ padding:0 3%;}
.details .screenshotscontent .data h1{ padding:0; text-align:left;}
.details .screenshotscontent .data .specs{ font-size:1.4em;margin-bottom:0.25em;}
.details .screenshotscontent .data .specs .HD, .details .screenshotscontent .data .specs .SD{ vertical-align:bottom; margin-left:0.1em; display:none;}
.details .screenshotscontent .data .specs .HD{ margin-left:0.3em;}
.details .screenshotscontent .data .specs .HD.show, .details .screenshotscontent .data .specs .SD.show{display:inline-block;}
.details .screenshotscontent .data .favs{ margin-top:2em;}
.details .screenshotscontent .data .favs .btn{ font-size:1.6em; width:16em; padding: 0.4em 0 0.5em 0; text-align:center;
    background: #B2A664;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1c583),color-stop(100%, #948846)) 0 0;
    background: -moz-linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background: -webkit-linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background: linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background-size: cover;
}
.details .screenshotscontent .data .favs .btn:hover,.details .screenshotscontent .data .favs .btn:focus{ background:#c8187c;}
.details .screenshotscontent .data .favs .btn img{ height:1.5em; vertical-align:-0.35em; margin-right:0.3em;}
.details .screenshotscontent .data .description{ color:#fff; font-size:1.8em; margin-top:1em;font-weight: 600;}
.details .screenshotscontent .data table{border-collapse:collapse; margin-top:3em; width:100%;}
.details .screenshotscontent .data td { font-size:1.8em; padding-bottom:0.5em;}
.details .screenshotscontent .data td:nth-of-type(1){ padding-right:1em; white-space:nowrap;}
.details .screenshotscontent .data td a{ background-color:#180f15; color:#ededed; padding: 0 0.4em; line-height:1.8em; text-decoration:none; margin-right:0.2em; font-weight:600; margin-bottom: 0.2em; display: inline-block; border-bottom: 4px solid transparent;}
.details .screenshotscontent .data td a:hover,.details .screenshotscontent .data td a:focus{border-bottom: 4px solid #c8187c;}
.details .screenshotscontent .data tr.availability td{ padding-top:1em; vertical-align:middle;}
.details .screenshotscontent .data tr.availability td img{ margin-right:1em; height:3em; width:auto;}

.details .screenshotscontent .buttons{width:40em;}
.details .screenshotscontent .buttons a{font-size:2em; margin-bottom:1em;padding: 0.5em 2em 0.6em 1em; text-align:left;}
.details .screenshotscontent .buttons a span{ display:block; font-size:0.8em;}
.details .screenshotscontent #buttonsmob{ display:none;}
.details .screenshotscontent #availabilitymob{ display:none;}

.details .recommendations{ margin-top:4em; padding-bottom:3em; position: relative; z-index: 999;}
.details .banner img { width: 30em; margin-top: 2em; }


@media only screen and (max-width : 1024px) {
    .details .screenshotscontent #buttonsdesktop{ display:none;}
    .details .screenshotscontent #buttonsmob{ display:block;}
    .details .screenshotscontent #availabilitydesktop{ display:none;}
    .details .screenshotscontent #availabilitymob{ display:table-row;}
    .details .screenshotscontent td .buttons a{font-size:1.2em; width:100%; border-bottom: none;}
    .details .screenshotscontent td .buttons a:hover, .details .screenshotscontent td .buttons a:focus{border-bottom: none; background:#c8187c;
        background: #c8187c url('/images/cta-btn-arrow-right-100.png') no-repeat right 0.6em;
        background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center #c8187c;
        background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center #c8187c;
        background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center #c8187c;
        background: url('/images/cta-btn-arrow-right-100.png') no-repeat right center #c8187c;
        background-size: auto 1.5em;}
    .details .screenshotscontent .buttons#buttonsmob{ width:100%; margin-top:2em; border-bottom: none;}
    .details .screenshotslideshow{ display:none;}
    .slidergradient{ display:none;}
}
@media only screen and (max-width : 600px) {
    .details .screenshotscontent .cover{display: block; width: 100%;}
    .details .screenshotscontent .cover img{ width:100% !important; height: auto !important; margin-bottom:2em;}
    .details .screenshotscontent .data{display: block;}
    .details .banner img { width: 100%; }
    .scenecontent .data {width:100% !important;}
}

.html5player{
    width:100%;
    /*margin-left:63px;
    overflow:hidden;*/
}

#fplayer{
    z-index: 99999;
}

#fplayeroverlay {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

.player_back{
    color: #ffffff;
    font-size: 150%;
    opacity: 0.8;
    position: absolute;
    right: 7em;
    text-decoration: underline;
    text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
    top: 1em;
    z-index: 100000;
}

.flowplayer .fp-ui a.currentbitrate {
    color: #00abcd !important; font-weight:bold;
}
.flowplayer .fp-ui a.fp-selected.currentbitrate {
    color: #ffffff !important; font-weight:normal;
}

/*studios*/
#otherstudios{ margin-top:3em;}
#otherstudios a{
    width: 15.6%;
    margin: 0 0.5% 1% 0.5%;
    font-size: 1.8em;
    float: left;
    box-sizing: border-box;
    border-bottom: 3px solid transparent /*#c4b877*/;
    padding: 0.4em;
    text-align: center;
    text-decoration:none;
    background: rgba(0, 0, 0, .4);
}
#otherstudios a:hover,#otherstudios a:focus{border-bottom: 3px solid #c8187c;}
#otherstudios a span:nth-of-type(1){ display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;height: 1.3em;}
#otherstudios a span:nth-of-type(2){ display:block; font-size:0.8em; opacity:0.7;}

@media only screen and (max-width : 479px) {
    #otherstudios a { width:94%;}
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
    #otherstudios a { width:46%;}
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
    #otherstudios a { width:31%;}
}
@media only screen and (min-width : 1024px) and (max-width : 1199px) {
    #otherstudios a { width:23%;}
}
@media only screen and (min-width : 1200px) and (max-width : 1700px) {
    #otherstudios a { width:15.6%;}
}

/* erotikstars */
.erotikstars{background:url(../images/erotikstars-bg.jpg) no-repeat center top; background-size:cover;}

/*support*/
/*.content.support{ margin:2em 0}*/
.faqs .header{ opacity:1; background-color:rgba(0, 0, 0, .4); color:#FFF; padding:0.8em 1.5em; margin-top:0.3em; font-size:1.4em; border:#3f2d38 1px solid; background-image:url(../images/plus_white.png); background-position: 99% center; background-repeat:no-repeat; cursor:pointer; background-size:1.5em; }
.ie8 .faqs .header{ background-image:url(../images/plus_white.png); background-position: right center; }
.faqs .header:hover,.faqs .header:focus{background-color:#c8187c;}
.faqs .header.active{ background-color:#c4b877;background-image:url(../images/minus_white.png);}
.faqs .content{ display:none; margin-top:0; border-right: 1px solid #c4b877; border-left: 1px solid #c4b877; border-bottom: 1px solid #c4b877;}
.faq .illustratie{ width:25%; margin-left:1em; margin-bottom:1em;}
.pagesupport input[type='text'], .pagesupport input[type='email']{ width:80%; height:3em;}
.pagesupport textarea{ width:80%; height:4em; border:1px solid #99b5ed; border-radius:0.3em;}
.ticketnr{font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; font-size:25px; color:#2f3699;}
.pagesupport a.btn{ font-size:1.4em;}
.il_contact{ height: 17em; margin-top: 1em;}
.pagesupport .sectionholder1 .twocolumns > div ul { font-size: 1.3em; margin: 3em 0 3em;}
/* faq */
.faq{ position:relative; font-size:1.4em; background-image:url(../images/faqback.png); background-repeat:repeat-y; background-size:100%; color:#2c1c26; }
.faq_questions{ width:50%; float:left; padding:1em; box-sizing:border-box;}
.faq_question{ background:url(../images/arrow_list.png) no-repeat left 1.3em; color:#fff; background-size: 0.7em; cursor:pointer; box-sizing: border-box; padding:1em 1em 1em 1.3em;}
.faq_question.faq_question_active{ margin-left: -1.8em; color:#2c1c26; width: 110%; background:url(../images/arrow_list_dark.png) no-repeat 2em #ebe6c8; background-size: 0.7em; font-weight:bold; padding:1em 1em 1em 3.3em; box-sizing: border-box;}
.faq_answers{ width:50%; float:right; background:#ebe6c8;}
.faq_answer { box-sizing:border-box; display:none; padding:1em; }
.faq_answer a{ color:#000; text-decoration:underline;}
.set2, a.btn.set2 { display:none}

.support .left{ width:50%; float:left; margin-top:3em;}
.support .right{ width:50%; float:right; margin-top:3em;}

@media only screen and (max-width : 767px) {
    /*support*/
    .faq{ background-color:#FFF; border:none; background:none;}
    .faq_answer{ background:#ebe6c8;}
    .faq_questions{ width:100%;}
    .faq_answers{ display:none;}
    .faq_question.faq_question_active{ background-color:transparent; width:100%; color:#fff; background: url(../images/arrow_list.png) no-repeat 2em; background-size: 0.7em;}
    .sectionholder2 .twocolumns > div{ width:100%;padding: 0 0 0 0;}
    .sectionholder2 .twocolumns > div.firstcolumn{ border-bottom:1px dotted #b4cbfa; padding-bottom:2em;}
    .pagesupport input[type='text'], .pagesupport input[type='email']{ width:100%}
    .pagesupport textarea{ width:100%;}
    .il_contact{ width:50%; height:auto; margin-left:25%;}
    .pagesupport .sectionholder1 .twocolumns > div ul, .pageproduct .sectionholder1 .twocolumns > div ul{font-size: 1em;}
    .sectionholder1 .twocolumns div.set2 { display:block; float:none;}
    .sectionholder1 .twocolumns div.set2 div { float:left; width:47%;}
    .sectionholder1 .twocolumns div.set2 div:nth-of-type(1) { margin-right:6%;}
    .set1, a.btn.set1{ display:none}
    .set2{ display:block}
    a.btn.set2{ display:inline-block; margin-top:0.5em;}

    .support .left{ width:100%; float:none;}
    .support .right{ width:100%; float:none;}
}

/*txt*/
.txt.bodycontent{  padding:0 2% 3em;}
.txt.content{ /*padding:0 2% 2%;*/ margin-top:0; /*padding-top:4em; min-height:calc(100% - 18em);*/ box-sizing: border-box; }
.txt.bodycontent .txt.content table{ margin:0 auto; max-width:1000px;}
.txt.content h1, .txt.content h2{ margin-left:0;}
.txt.content h1{ margin-top:0;}
.txt.content p{ font-size:1.4em;}
.txt.content label{ font-size:1em;}
.txt.content input, .txt.content select{ line-height: 2.5em; font-size: 1em; width:20em; padding:0 0 0 1em;}
.txt.content input[type='password'], .txt.content input[type='text'], .txt.content input[type='email'], .txt.content select { height: 1.6em; margin-top: 0.5em; }
.txt.content textarea{ line-height: 2.5em; font-size: 1em; width:90%; height:6em; font-family: arial; padding: 0 1em;}
.txt.content input.btn{ border:none;}
.txt.bodycontent iframe{ width:100%; height:1500px; border:0;}
.partner .txt.content .content-module--text p:nth-of-type(3) span.portal--bb-code-wrapper{ display:block;margin-top: 2em;}
.partner .txt.content .content-module--text p:nth-of-type(4){ display:none;}
.partner .txt.content .content-module--text p:nth-of-type(5){ padding-top:2em;}
.partner .txt.content .content-module--text p:nth-of-type(9){ display:none;}
.partner a, .datenschutz a, .register a, .password a, .login a.passforgotten{font-style: italic; color:#ccc; border-bottom: 2px solid transparent;}
.partner a:hover, .datenschutz a:hover, .register a:hover, .password a:hover, .login a.passforgotten:hover,
.partner a:focus, .datenschutz a:focus, .register a:focus, .password a:focus, .login a.passforgotten:focus{
    border-bottom: 2px solid #c8187c;
}

/*prices*/
.txt.bodycontent.prices h1 {text-align: left;margin: 0; color:#65213f;font-size: 4em;}
.txt.bodycontent.prices h2 {color:#a63375;border-bottom:1px solid #a63375;padding-bottom: 0.75em;}
.txt.bodycontent.prices ul li {color:#000000;}
.txt.bodycontent.prices ul li a {color:#a63375;}
.txt.bodycontent.prices{background:url(../images/preise-bg.jpg) no-repeat center top; background-size:cover;}
.txt.bodycontent.prices.chromecast{background:url(../images/preise-bg2.jpg) no-repeat center top; background-size:cover; min-height: initial;}
.txt.bodycontent.prices.chromecast .left{ margin-bottom:0;}
.txt.bodycontent.chromecastbottom{min-height: initial; padding-top:2em;}
.txt.bodycontent.pricesfix{min-height:106em !important;}
.txt.bodycontent.prices .left{ width: 50%; float: left; padding-right: 10%; box-sizing: border-box; margin-bottom:4em;}
.txt.bodycontent.prices .left p{ font-size:1.5em;}
.txt.bodycontent.prices .right{ width:50%; float:right; padding-left: 10%; box-sizing: border-box;}
.txt.bodycontent.prices img{ max-width:100%; margin-top:2em;}
.txt.bodycontent.prices p{ clear:both; padding: 1em 0 0; margin-bottom:0; color:#000000; font-size: 1.6em;}
.txt.bodycontent.prices p a{ color:#a63375;}
.txt.bodycontent.prices p a.signup { color: #FFF;border-radius: 2.2em;padding: 1em 2em;width: 20em;}
.txt.bodycontent.prices p.preiseli {padding: 2em 0em;}
@media only screen and (max-width : 767px) {
    .txt.bodycontent.prices .left{ padding-right: 5%;}
    .txt.bodycontent.prices .right{ padding-left: 5%; }
    .txt.bodycontent.prices{background:url(../images/preise-bg-mobile.jpg) no-repeat center top; background-size:cover;}
    .txt.bodycontent.prices.chromecast{background:url(../images/register-bg-mobile.jpg) no-repeat center top; background-size:cover;}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .txt.bodycontent.prices .left{ padding-right: 5%;}
    .txt.bodycontent.prices .right{ padding-left: 5%; }
    .txt.bodycontent.prices{background:url(../images/preise-bg-mobile.jpg) no-repeat center top; background-size:cover;}
    .txt.bodycontent.prices.chromecast{background:url(../images/register-bg-mobile.jpg) no-repeat center top; background-size:cover;}
}
.txt.bodycontent ul li{ list-style-type:disc; list-style-position: inside;}
.txt.bodycontent ol li{ list-style-type:decimal; list-style-position: inside;}
.txt.bodycontent ul li, .txt.bodycontent ol li {
    position: relative;
    padding: 3px 0 3px 34px;
    font-size:1.4em;
    line-height: 1.6em;
}

.txt.bodycontent.prices ul{
    list-style: none;
}
.txt.bodycontent.prices ul li, .txt.bodycontent ol li {
    position: relative;
    padding: 3px 0 3px 34px;
    font-size:1.4em;
    line-height: 1.6em;
}
.txt.bodycontent.pricess ul li:before {
    content: '';
    position: absolute;
    background-color: #c4b877;
    top: 16px;
    left: 3px;
    width: 3.3px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.txt.bodycontent.pricess ul li:after {
    content: '';
    position: absolute;
    background-color: #c4b877;
    top: 10px;
    left: 11px;
    width: 3.3px;
    height: 17px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.txt.bodycontent.prices ul li:before,
.txt.bodycontent.prices ul li:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    width: 10px;
    height: 17px;
    background: #be3485;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.txt.bodycontent.prices ul li:after{
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin :100% 100%;
}

.txt.bodycontent.prices ul li, .txt.bodycontent.prices ol li{ font-size:1.6em; list-style-type:none;}
.txt.bodycontent.prices .paymentmethods{ margin-top:2em;}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .txt.bodycontent.prices ul li, .txt.bodycontent.prices ol li{ font-size:1.2em; list-style-type:none;}
    .txt.bodycontent.prices p{ font-size: 1.2em;}
}

@media only screen and (max-width : 767px) {
    .txt.bodycontent.prices ul li, .txt.bodycontent.prices ol li{ font-size:1.2em; list-style-type:none;}
    .txt.bodycontent.prices p{ font-size: 1.2em;}
}

.explanation {width: 100%; display:block; margin-bottom:2em; clear:both;}
.explanation table {max-width: 90% !important;}
.explanation table td {padding: 0 2em; max-width: 40em;}
.explanation table p {padding: 0 !important; line-height: 1.8em; color: #ffffff !important; }
.explanation table img { margin: 1em auto !important; max-height: 10em !important; display:block;}
.explanation .headline {font-size: 1.4em;}

@media only screen and (max-width : 767px) {
    .explanation table td {display:block; max-width: 100%;}
    .txt.bodycontent.pricesfix{min-height:180em !important;}
}

/*search*/
.suchen form{ font-size:1.4em;}
.suchen form input{ margin-bottom:1em;}

.content #search input {display: block; width:20em; margin: 0 auto 1em; font-size: 1.4em;}
.content #search{ display: inline-block; width:100%; margin-right: 0.9em; }

/*login*/
.login .txt.content .table{ display:table; width:60%; margin:0 auto;}
.login .txt.content div.left, .login .txt.content div.right{ display:table-cell; vertical-align:top; width:50%; background:#2c1c26;}
.login .txt.content td{ font-size:1.5em; padding:0 0 0.8em 0}
.login.txt.bodycontent .txt.content .table{ padding-top:4em;}
.login .checkbox, .login .checkbox_checked{ display:inline-block; vertical-align: -0.6em;}
.login a.passforgotten{ color:#fff; text-decoration:none; padding-bottom:0.3em; border-bottom:4px solid transparent;}
.login a.passforgotten:hover,.login a.passforgotten:focus{ border-bottom:4px solid #c8187c;}
@media only screen and (max-width : 767px) {
    .login .txt.content .table {width: 90%;}
    .login .txt.content div.left, .login .txt.content div.right{ display:block; width:100%;}
    .login .txt.content div.right{ margin-top:2em;}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .login .txt.content .table {width: 80%;}
    .login .txt.content div.left, .login .txt.content div.right{ display:block; width:100%;}
    .login .txt.content div.right{ margin-top:2em;}
}

/*register*/
.txt.bodycontent.register {
    background: url(../images/register-bg.jpg) no-repeat center top;
    background-size: cover;
    min-height: 65em;
}
.txt.bodycontent.register .left{ padding-top: 2em; padding-right: 6% !important; padding-left: 2%;}
.txt.bodycontent.register .right{ padding-top: 8em;}
.txt.bodycontent.register #preise{padding-left: 10em;}
.txt.bodycontent.register h1{ font-size:3.1em; font-weight: 600; padding-top:0; margin:0; text-align:left;}
.txt.bodycontent.register .incasso p{ position:relative; padding:0;}
.infodot{ font-size:0.9em; width:1.6em; height:1.6em; display:inline-block; text-align: center; border-radius: 1.6em; line-height: 1.6em;font-weight: 600;
    background: #B2A664;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1c583),color-stop(100%, #948846)) 0 0;
    background: -moz-linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background: -webkit-linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background: linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background-size: cover;
    color: #fff;
}
.txt.bodycontent.register .incasso p .infodot{ position:absolute; margin-left: 0.4em; margin-top: 0.7em;}
.txt.bodycontent.register  .txt.content input {
    font-size: 0.9em;
}
.txt.bodycontent.register .txt.content input.btn{ display: inline-block; font-size: 1.44em; margin-top: 1em;}
.txt.bodycontent.register #form-contact{ margin-top:1em;}
@media only screen and (max-width : 1024px) {
    .txt.bodycontent.register {
        background: url(../images/register-bg-mobile.jpg) no-repeat center top; background-size:cover;
    }
    .txt.bodycontent.register ul li:before,
    .txt.bodycontent.register ul li:after {
        top: 3px;
    }
    .txt.bodycontent.register .txt.content input.btn{font-size: 1.07em;}
}
@media only screen and (max-width : 767px) {
    .txt.bodycontent.register .left{ float:none; width:100%; padding-top: 4em;}
    .txt.bodycontent.register .right{ float:none; width:100%; padding-top: 4em;}
    #preise {
        padding-left: 3em !important;
    }
    .txt.bodycontent.register ul li:before,
    .txt.bodycontent.register ul li:after {
        top: 1px;
    }
    .txt.bodycontent.register .txt.content input.btn{font-size: 1.07em;}
}
.register .error{ color:red;}
.bonus_button {
    width: 30em;
    position:relative;
    left: 1em;
}
@media only screen and (max-width : 767px) {
    .bonus_button{ display: none;}
}

/*password*/
.password .middle {background:#2c1c26; /*font-size:1.5em;*/ padding:0 5em 0.8em; width: 50%; margin: 0 auto 0; box-sizing:border-box;}
.password.txt.bodycontent{ padding-top:4em;}
.password .middle .padding{ margin: 3em auto; width: 31em;}
.password .txt.content input{ width:100%}
.password .txt.content input.btn{font-size: 1.4em;}
@media only screen and (max-width : 767px) {
    .password .middle {width: 90%;}
}


/*account*/
.account h1 { margin: 0; }
.account div.firstcolumn{ width:49%;}
.account div.secondcolumn{ width:50%; margin-left:1%;}
.account div.firstcolumn, .account div.secondcolumn{ min-height:29em; float:left; background: rgba(0, 0, 0, .4); padding: 0.5em 3em 2em; margin-top:1em; box-sizing:border-box;}
.account a.editdata, .account a.canceledit, .account .btn.savedata{ margin-top:1em;width: 9em; text-align: left; padding: 0.5em 0 0.6em 1em;}
.account .btn.savedata{font-size: 1.4em; padding: 0.1em 0 0.1em 1em;}

.account div h2{ margin-bottom:0.3em; margin-top:0;}
/* .account .details{ padding-left:2em;} */
.account .details table.inactive{opacity:0.6}
.account .details table td { padding: 5px 0px; }
.mydata.edit{ display:none;}
.editdata, .canceledit{ float:right; font-size: 1.4em;}
.editdata img{ height: 1.1em;vertical-align: -0.1em;margin-right: 0.1em;}
.editmydata input[type='email'], .editmydata input[type='password'], .editmydata input[type='text']{ width:70%; height: 2.8em;}
.editmydata{ display:none;}
.editmydata.edit{ display:block;}
.account div table{ width:100%; font-size:1.4em;}
.account div table thead td{ font-weight:bold;}
.account div .details #loginsText div{ height:26em; overflow:auto;}
.account div.secondcolumn a.btn{ width:9em; text-align:left; padding: 0.5em 0 0.6em 1em; margin-top:2em;}

.subscriptions { margin-bottom:2em;}
.status0 {color:#c4c4c4;}
.status1 {color:#2f3699;}
.status2 {color:#cb397a;}
.legend { font-size:0.8em;}

.account .beware {color: #FC0;}
.account .beware img {vertical-align: middle; margin-right: 0.4em; height:2em;}

.account div.thirdcolumn{ background: rgba(0, 0, 0, .4); padding: 0.5em 3em 2em; margin-top:2em; box-sizing:border-box;}
.invoices img{ height: 2.5em;vertical-align: middle; margin-right: 0.2em;}

.account .btn { font-size: 1.5rem; }

.account #updateCCForm fieldset{ border:0; padding: 0; font-size: 1.4em;}
.account #updateCCForm .form-group{ float:left; width:50%; margin-bottom: 0.8em; }
.account #updateCCForm .form-group iframe{ height: 33px; }
.account #updateCCForm .form-group #cardexpiremonth iframe{ width:50px; }
.account #updateCCForm .form-group #cardexpireyear iframe{ width:80px; }
.account #updateCCForm .form-group th{ width:20%; }
.account #updateCCForm fieldset label{ display: inline-block; float:left; width:100%; margin-bottom: 0.4em;}
.account #updateCCForm fieldset input, .account #updateCCForm fieldset select{ margin-bottom: 1.4em;}
.txt.content input.inputIframe{ width:9em;}
.account #updateCC{ width:9em; font-size: 1.5rem }
.account #updateSepaForm{font-size: 1.4em;}
.account #updateSepaForm label{ width:10em; display: inline-block;}
.account #updateSepaForm input{ margin-bottom: 1.4em;}
.account #updateSepaForm .btn{ width:10em; border:0;}


@media only screen and (max-width : 1025px) {
    .account #updateCCForm .form-group{width:100%; }
}

@media only screen and (max-width : 767px) {
    .account div.firstcolumn{ width:100%;}
    .account div.secondcolumn{ width:100%; margin-left:0; margin-bottom:2em;}
}

/*order movie*/
.order div.firstcolumn{ width:75%;}
.order div.secondcolumn{ width:58%; margin-left:4%;}
.order div.firstcolumn, .order div.secondcolumn{ background: rgba(0, 0, 0, .4); padding: 0.5em 3em 2em; top:4em; margin: auto; box-sizing:border-box; position: relative; }
@media only screen and (max-width : 767px) {
    .order div.firstcolumn, .order div.secondcolumn{  min-height: 10em;}
}

.order h2 img{ vertical-align:middle;}
.order form{ margin-bottom:4em;}
.order .subscriptions{ margin:3em 0 0 0;}
.order .description{ float:left;  padding: 0.3em 0 0 1em;font-size: 1.7em; line-height: 1.3em;}
@media only screen and (min-width : 1200px) and (max-width : 1360px) {
    .order .description{font-size: 1.3em;}
}
.order #iframe{ width:100%; height:65em; overflow:auto !important; overflow-y:scroll !important;}
@media only screen and (max-width : 1100px) {
    .order div.firstcolumn{ width:100%;}
    .order div.secondcolumn{ width:100%; margin-left:0; margin-bottom:2em;}
}
.txt.bodycontent .order.txt.content table{ width:auto; font-size:1.4em; width:22em; margin: 0 auto;}
.txt.bodycontent .order.order2.txt.content table{ width:30em; margin: 0 auto;}
.txt.bodycontent .order.order2.txt.content table td{ padding-bottom:1em; white-space: nowrap;}
.txt.bodycontent .order.txt.content table input{ margin-bottom:0.7em; width:100%; height: 2.8em;}
.order #pspredirectbtn { width:7em; font-size: 1.4em; }
.order #backbtn, .details .back{ width:7em; padding-left: 2em;
    background: #B2A664 url('/images/cta-btn-arrow-left-100.png') no-repeat left 0.6em;
    background: url('/images/cta-btn-arrow-left-100.png') no-repeat left center,-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1c583),color-stop(100%, #948846)) 0 0;
    background: url('/images/cta-btn-arrow-left-100.png') no-repeat left center,-moz-linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background: url('/images/cta-btn-arrow-left-100.png') no-repeat left center,-webkit-linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background: url('/images/cta-btn-arrow-left-100.png') no-repeat left center,linear-gradient(#d1c583 0%,#948846 100%) 0 0;
    background-size: auto 1.5em, cover;
    margin: 0 auto;
}
.order #backbtn:hover, .order #backbtn:focus, .details .back:hover, .details .back:focus{
    background: #c8187c url('/images/cta-btn-arrow-left-100.png') no-repeat left 0.6em;
    background: url('/images/cta-btn-arrow-left-100.png') no-repeat left center #c8187c;
    background: url('/images/cta-btn-arrow-left-100.png') no-repeat left center #c8187c;
    background: url('/images/cta-btn-arrow-left-100.png') no-repeat left center #c8187c;
    background: url('/images/cta-btn-arrow-left-100.png') no-repeat left center #c8187c;
    background-size: auto 1.5em;
}
.order .steps {text-align: center;}
.order .steps b { color: #c4b877;}
.order input[type="radio"]{ width: 1em !important;}

.paymentmethods .txt.content h1{ padding: 2em 0 1em;}
.paymentmethods .paymentmethods2 .aboboxnew h2{ display: none;}
.paymentmethods .paymentmethods1{ height: 43.4em; width:41.5%; margin-right: 0.6em; float: left; margin-bottom: 0.6em;}
.paymentmethods .paymentmethods1 div:first-of-type{ font-size: 2em; line-height: 2.1em; text-align: center; text-transform: uppercase; margin-bottom: 0.3em;}
.paymentmethods .paymentmethods1 div:nth-of-type(2){ font-size: 2em; text-transform: uppercase; background:url(../images/payment_checks.jpg) no-repeat center top; background-size: cover; height: 19.3em;}
.paymentmethods .paymentmethods1 div:nth-of-type(2) ul {padding: 2em 0 0 8em;}
.paymentmethods .paymentmethods1 div:nth-of-type(2) ul li{background:url(../images/payment_check.png) no-repeat left top; padding-left: 1.8em; background-size: 1.2em; margin-bottom: 0.3em; text-align: left;}
.paymentmethods .paymentmethods2{ height: 43.4em; width:58%; float: left; margin-bottom: 0.6em;}
.paymentmethods .paymentmethods2 .aboboxnew{ background:#38202f; margin-bottom: 0.6em; padding: 0.6em; height: 14.06em; box-sizing: border-box;}
.paymentmethods .paymentmethods2 .aboboxnew:last-of-type{ margin-bottom: 0;}
.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(1){ width: 30%; display: inline-block; height: 12.86em; }
.paymentmethods .paymentmethods2 .aboboxnew#sub-150715 > div:nth-of-type(1){background:url(../images/payment_member2.png) no-repeat center center; background-size: contain;}
.paymentmethods .paymentmethods2 .aboboxnew#sub-195095 > div:nth-of-type(1){background:url(../images/payment_vip2.png) no-repeat center center; background-size: contain;}
.paymentmethods .paymentmethods2 .aboboxnew#sub-195099 > div:nth-of-type(1){background:url(../images/payment_premium2.png) no-repeat center center; background-size: contain;}
.paymentmethods .paymentmethods2 .aboboxnew#sub-397838 > div:nth-of-type(1){background:url(../images/payment_premium2.png) no-repeat center center; background-size: contain;}
.paymentmethods .paymentmethods2 .aboboxnew#sub-224881{height: 43.3em;}
.paymentmethods .paymentmethods2 .aboboxnew#sub-224881 > div:nth-of-type(1){ display: none;}
.paymentmethods .paymentmethods2 .aboboxnew#sub-224881 > div:nth-of-type(2){ width: 59%; padding: 0em 2em;}

.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(2){ width: 29%; display: inline-block; vertical-align: top; font-size: 1.6em; color: #fff; text-transform: uppercase; text-align: center; padding: 2em 2em; box-sizing: border-box; height: 8.0375em;}
.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(3){ width: 40%; display: inline-block; vertical-align: top;}
.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(3) a.btn{min-height: inherit; margin-bottom: 0.2em;}
.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(3) a.btn img{ vertical-align: middle; margin-right: 1em; height: 2em; }
.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(3) a.btn span:first-of-type{ display:none;}
.paymentmethods .paymentmethods3{ height: 3.7em; width:41.5%; margin-right: 0.43em; float: left; font-size: 1.4em; text-align: center; padding: 0.5em 0; line-height: 3.7em;  text-transform: uppercase;}
.paymentmethods .paymentmethods3 img{ vertical-align: middle; margin-left: 1em; height: 2.7em;}
.paymentmethods .paymentmethods4{ height: 6.7em; width:58%; float: left; padding: 0.5em; box-sizing: border-box}
.paymentmethods .paymentmethods4 img{ height: 5.6em; margin: 0 0em 0 2em;}
.paymentmethods .paymentmethods4 > div{ font-size:1em; text-transform: uppercase; width: 60%; float: right; padding: 0.5em; margin-right: 2em; box-sizing:border-box;}

@media only screen and (max-width : 1670px) {
	.paymentmethods .paymentmethods4 img{ height: 4.6em; margin: 0.5em 0em 0 2em;}
	.paymentmethods .paymentmethods3 img{ height: 2.1em}
}

@media only screen and (max-width : 1280px) {
	.paymentmethods .paymentmethods1 div:nth-of-type(2) ul{padding: 2em 0 0 3em;}
	.paymentmethods .paymentmethods3{ height:8.7em}
	.paymentmethods .paymentmethods4{ height:13.6em; text-align: center;}
	.paymentmethods .paymentmethods4 > div{ width:100%; margin-right: 0;}
	.paymentmethods .paymentmethods1 div:nth-of-type(2) ul li{ font-size:09.em;}
	.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(2){ padding: 1em 2em;}
	.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(3) a.btn img{height:1em; margin-right: 0.5em;}
}
@media only screen and (max-width : 1023px) {
	.paymentmethods .paymentmethods1{ display: none;}
	.paymentmethods .paymentmethods3{ display: none;}
	.paymentmethods .paymentmethods2{ width:100%; height: inherit;}
	.paymentmethods .paymentmethods2 .aboboxnew {height: inherit;}
	.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(1){ display:none;}
	.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(2){ padding: 1em 2em; width:39%; height: inherit;}
	.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(3){ width:60%;}
	.paymentmethods .paymentmethods2 .aboboxnew > div:nth-of-type(3) a.btn img{ height: 1em;}
	.paymentmethods .paymentmethods4{ width:100%;}
	.paymentmethods .paymentmethods4{ text-align: center; height: inherit;}
	.paymentmethods .paymentmethods4 > div{width: 100%; margin-right: 0; text-align: center; padding: 0 1em; box-sizing: border-box;}
	.paymentmethods .paymentmethods2 .aboboxnew#sub-224881 > div:nth-of-type(2){ width: 39%;}
	.paymentmethods .paymentmethods2 .aboboxnew#sub-224881 { height:inherit;}
	.paymentmethods .paymentmethods2 .aboboxnew#sub-224881 > div:nth-of-type(2){width: 100%; padding-bottom: 2em;}
	.paymentmethods .paymentmethods2 .aboboxnew#sub-224881 > div:nth-of-type(3){width: 100%;}
}

.paymentmethods .paymentmethods3, .paymentmethods .paymentmethods4, .paymentmethods .paymentmethods1 div:first-of-type{
    background: #552a45; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#552a45, #3b2030); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#552a45, #3b2030); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#552a45, #3b2030); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#552a45, #3b2030); /* Standard syntax */
}

.paymentmethods .type h2{ text-align:center; margin-top: 2em;}

.paymentmethods a.btn {
    font-size: 2em;
    margin-bottom: 1em;
    padding: 0.5em 2em 0.6em 1em;
    text-align: left;
    line-height:1.2em;
    min-height:4.6em;
}
.paymentmethods a.btn span {
    font-size: 0.61em;
    display: inline-block;
}
.paymentmethods div.back{
    position: relative;
    top: 4em;
    padding: 0.5em 3em 2em;
    margin-top: 4em;
    margin:4em auto;
    width:75%;
    box-sizing:border-box;
    background: rgba(0, 0, 0, .4);
}
.paymentmethods div.type{ width:100%; max-width:60em; margin: 0 auto;box-sizing:border-box;}
.paymentmethods div.type a img{height: 3em; float: left; margin-right: 1em;margin-top:1.5%;}
h2.paymentmethods{
    text-align: center;
}
.paymentmethods .paymentprice {margin-left: 7em;}
.paymentmethods .incasso {font-size:1.2em; margin-bottom: 0.8em;}
.ssl_icon { width: 4em; vertical-align:middle; margin: 1em 0 1em 1em;}
@media only screen and (max-width : 1024px) {
    .ssl_icon { width: 2em; }
}

.paymenticon { margin: 1em; display:inline-block; right: 1em; position:absolute; }
.paymenticon img { height: 8em; float:right; margin-left: 1em; }
@media only screen and (max-width : 767px) {
    .paymenticon { margin: 1em; display:inline-block; right: 1em; position:absolute; }
    .paymenticon img { display: block; height: 4em; margin-left: 1em; margin-bottom: 1em; }
	.paymentmethods a.btn span {
		font-size: 0.7em;
	}
}

.abobox{ background:#a33f7a; float:left; margin-right:2%; padding:1%; text-align:center; width: 32%; box-sizing: border-box; position:relative;}
.abobox:nth-of-type(6){ margin-right:0;}
.abobox:nth-of-type(3){ margin-right:0;}
.abobox h2{ padding:0 !important; margin:0; height:3.2em;font-size: 2.8em; color:#fff !important; border-bottom:none !important;}
.abobox .period{ color:#fff; font-size:1.4em; opacity:0.7; height:5em;}
.abobox .buttons{font-size: 0.9em;}
.abobox .buttons a.btn{ min-height:inherit; margin-bottom: 0.3em;}
.abobox .buttons a.btn:last-of-type{ margin-bottom:0;}
.abobox .buttons a img{ height: 2em; display:inline-block; margin-right: 0.7em; margin-top:0 !important; vertical-align:middle;}
.abobox .thor{ position:absolute; right: -1.4em; top:-4.3em; width: 7em;}
.paymentmethods .type a.btn{ min-height:inherit;}

@media only screen and (min-width : 1236px) and (max-width : 1500px) {
    .abobox .thor{ right: -1.4em; top:-4.3em;}
}


.typefilm .content{ /*text-align:center;*/}
.typefilm .abobox{ width: 50%; float:none; background: rgba(0, 0, 0, .4); margin-right:0; margin: 0 auto; padding: 2% 3% 3% 3%;}
.typefilm .abobox h2{ height:inherit; margin-bottom:0.8em;}
.typefilm .abobox .thor{ display:none;}
.typefilm .abobox .buttons{ font-size:inherit;}
.typefilm .abobox .buttons a.btn{ margin-bottom:1em;}
.typefilm .abobox .buttons a.btn:last-of-type{ margin-bottom:0;}

@media only screen and (max-width : 1024px) {
    .abobox h2{ font-size: 2.2em !important;}
    .abobox .thor{ top:-3.3em; width: 6em;}
}
@media only screen and (max-width : 768px) {
    .abobox{ float:none; margin-right:0; width: 100%; margin-bottom:4%; padding:2%;}
    .abobox h2{ height:inherit; margin-bottom: 0.3em;font-size: 1.8em;}
    .abobox .period{ height:inherit; margin-bottom: 1em; font-size: 1.4em;}
    .abobox .thor{ top:-1.3em; width: 9em;}
}
@media only screen and (max-width : 480px) {
    .abobox{ margin-bottom:8%;}
}
@media only screen and (min-width : 1236px) and (max-width : 1500px) {
    .abobox h2{ font-size: 2.4em;}
    .typefilm .abobox h2{ font-size:2.8em;}
}

.label_dd{margin-left: 1em; position: relative; top: -0.9em;}
.checkbox_dd{width:auto !important;}

/* comeback / rabbitsdeal */
.bodycontent.comeback {
    background: url(../images/comeback-bg.jpg) no-repeat center top;
    background-size: cover;
}
.bodycontent.comeback.rabbitsdeal {
    background: url(../images/rabbitsdeal/rabbitsdeal-bg.jpg) no-repeat center top;
    background-size: cover;
}
.bodycontent.comeback{ min-height:inherit; padding-bottom: 0; padding-top: 2em;}
.bodycontent.comeback .txt.content{ width:98em; left: 50%; margin-left: -49em; position: relative; color:#191919; padding-right: 53.5em; min-height:65em; padding-bottom: 3em; box-sizing:border-box}
.bodycontent.comeback .txt.content img{ position: absolute; right: 0; width: 59.5em; bottom: 0;}
.bodycontent.comeback .subpadding{padding-right: 11em;}
.bodycontent.comeback .txt.content h1{ color:#65213f; text-align:left; font-size: 4em; line-height:1em;}
.bodycontent.comeback .txt.content h2{ color:#191919; font-weight: 600; margin-bottom: 1em; padding-top: 0;}
.bodycontent.comeback ul li {
    font-size: 1.6em;
    list-style-type: none;
    background:url(../images/bullet.png) no-repeat 0em 0.2em;
    padding-left:2em;
    margin-bottom: 1em;

}
.bodycontent.comeback .btn{
    font-size: 2em;
    width: 12em;
    border-radius: 5em;
    text-align: center;
    box-shadow: 3px 8px 8px #888888;
    border: 1px solid #948846;
    margin:0 auto;
}

.bodycontent.comeback.rabbitsdeal .txt.content h1 { font-size: 3em;}
.bodycontent.comeback.rabbitsdeal .txt.content h1, .bodycontent.comeback.rabbitsdeal .txt.content h2{ color: #2c2c2c;}
.bodycontent.comeback.rabbitsdeal .txt.content h2 span:first-child { font-weight: bold; color: #359617;}
.bodycontent.comeback.rabbitsdeal .txt.content h2 span:last-child { font-weight: bold; color: #e00131; text-decoration: line-through;}

.bodycontent.comeback.rabbitsdeal .txt.content img:first-child{ position: relative; width: auto; margin-left: -1.1em;}
.bodycontent.comeback.rabbitsdeal .txt.content img{ position: absolute; right: 0; width: 55em; bottom: 0;}
.bodycontent.comeback.rabbitsdeal .deal { width: 175px; display: inline-block; margin-bottom: 1em; margin-top: 0; margin-left: 50%; transform: translateX(-50%); padding: 0.5em 1em; font-size: 2em; text-align: center; color: white; border-radius: 50px; background: #50414b;  }
.bodycontent.comeback.rabbitsdeal ul li { background: url(../images/rabbitsdeal/rabbitdeal-bullet.png) no-repeat 0em 0.2em; text-transform: uppercase; color: black;}
.bodycontent.comeback.rabbitsdeal .btn { background: url(/images/cta-btn-arrow-right-100.png) no-repeat right center, #63bc48; border: 0; }
.bodycontent.comeback.rabbitsdeal .btn:hover { background: url(/images/cta-btn-arrow-right-100.png) no-repeat right center, #c8187c; }


@media only screen and (max-width : 860px) {
    .bodycontent.comeback.rabbitsdeal .txt.content img:first-child{ display: block; width: 50em;}
    .bodycontent.comeback .txt.content img, .bodycontent.comeback.rabbitsdeal .txt.content img{ display:none;}
    .bodycontent.comeback .txt.content{ padding-right: 0; min-height: inherit; width: inherit; margin-left: auto; left: inherit;}
    .bodycontent.comeback .subpadding{padding-right: 0;}
}


/*footer*/
footer{ font-size:1.5em; text-align:center; color:#c2c2c2; padding:0 2% 2em 2%; position: relative; background-color: #3d2e35;}
footer h3{color: #c4b877; padding:1em 0 0; font-weight:normal; margin:0;}
footer ul{ border-top:1px solid #ad9a9f; border-bottom:1px solid #ad9a9f; margin-bottom:1em; color: #ad9a9f;}
footer ul li{display:inline-block; margin:0 1.5em; padding:1em 0;}
footer ul li a{color:#ad9a9f; text-decoration: none;}
/*footer ul li a:hover { background-color: #FFFFFF;}*/
footer ul li a{ color:#fff; text-decoration:none; padding-bottom:0.3em; border-bottom:4px solid transparent;}
footer ul li a:hover,footer ul li a:focus{ border-bottom:4px solid #c8187c;}

footer p:nth-of-type(2){ color:#ad9a9f; padding-bottom:0; margin-bottom: 0;}
@media only screen and (max-width : 767px) {
    footer ul{ padding:1em 0;}
    /*footer ul li{display:block; text-align:left;line-height: 3em;}*/
}

.incasso { text-align: center; }

.goldtext { color:#ffcc00 !important; }

/*???*/

.ncoltable2{font-size: 200%;}
.ncoltxtl{font-size: 200%;}
.ncoltxtr{font-size: 200%;}
.bottom{font-size: 200%;}
.fontfix{font-size:1.6em;}

.showregister table{
    margin: 0 !important;
}

/*SYSTEEMCHECK*/
.floatright{ float:right}
.floatleft { float:left}
.legenda {padding:10px 2px 2px 2px;}
#legenda{ display:none}
.legenda img { margin-right:10px;}
.systemcheckbtn{
    width: 400px;
    font-size: 2em;
    margin: auto;
}
#systemcheckrestart{
    display: none;
}
#contactbtn{
    display:none;
    width: 600px;
    font-size: 2em;
    margin: auto;
}
.speedimg{
    display: none;
}
.ok{
    color: #00CC00;
}
.notok{
    color: #FF0000;
}
.legendaok{
    background-color: #00CC00;
}
.legendanotok{
    background-color: #FF0000;
}
.resultbox{
    background-color: #3d2e35;
    margin: 1%; height: 120px; width:14%; float:left; box-sizing:border-box; text-align: center; padding: 0.5%}

@media only screen and (max-width : 479px) {
    .resultbox{ width:48%;}
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
    .resultbox { width:48%;}

}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
    .resultbox { width:31%;}
}
@media only screen and (min-width : 1024px) and (max-width : 1199px) {
    .resultbox { width:23%;}
}
.resulttitle{
    font-size: 1.8em;
}
.result{
    padding-top: 5%;
    font-size: 1.5em;
    text-align: center;
}
.systeem{
    display:block;
    width: 100%;
    margin: 0 auto;
}
.legenda{
    font-size: 1.5em;
}
td.legenda{
    margin: 5em ;
}
#billings tr td{ padding: 0.6em 1.2em; vertical-align: middle !important;}
#billings tr:nth-child(odd){
    background-color: #2c1c26;
}
#billings tr:nth-child(even){
    background-color: #3d2e35;
}
#billings{
    margin-left: 0;
}#paymentform{
     text-align: center;
     margin: 1%;
 }
#paymentform input{
    margin: 1%;
}
#centertable{
    margin:0 auto;
    margin-bottom: 2%;
}

/* thehun */
.thehun h1{ text-align:left;}
.topholder{ display: table; width: 100%; padding:0 0 3em 0;}
.topholder .video{ display: table-cell; width: 79.95%; vertical-align:top; position: relative; background:black; z-index:1;}
.topholder .video video{ width:100%; height:100%; position:absolute; top:0;}
.topholder .banner{ display: table-cell; width: 19.23%; vertical-align:top; position:relative;}
.topholder .banner .txt{
    position: absolute;
    top: 0;
    width: 100%;
    padding: 127% 10% 10% 10%;
    box-sizing: border-box;
    font-size: 1.6em;
    text-align: center;
    text-shadow: black 1px 1px;
}.topholder .banner .txt .btn{ text-shadow:none;}
.topholder .marge{ display: table-cell; width: 2%}
.topholder .banner img{ width:100%; height:inherit;}

@media only screen and (max-width : 479px) {
    .topholder .banner .txt{font-size: 0.8em;}
}
@media only screen and (min-width : 480px) and (max-width : 700px) {
    .topholder .banner .txt{font-size: 1em; padding: 93% 10% 10% 10%;}
}
@media only screen and (min-width : 701px) and (max-width : 1023px) {
    .topholder .banner .txt{font-size: 1.1em;}
}

/* affiliate */
.aff-icon{float:right; margin:1em;}

/*recaptcha*/
.g-recaptcha {float: right; top: -85px; position: relative; margin-right: 58px; }

/* reg/login overlay*/
#overlay.overlay{ width:100%; height:100%; position:absolute; top:0; left:0; background-color: rgba(0,0,0,0.7); z-index:9999; display:none;}
#overlay.overlay.invisibleoverlay{ display: block; position: relative; background-color: transparent; z-index: 1;}
.pagefiller{ height: calc(100% - 5em);}
#overlay.overlay .screen{ width:71.8em; border:1px solid #6c6368; background:#000000; left: 50%; margin-left: -36em; position: fixed; top: 13%; background: url('/images/login2.jpg?v=3') no-repeat top; background-size: cover; box-shadow: 0px 0px 30px #000000;}
#overlay.overlay.invisibleoverlay .screen{background: url('/images/passwordforgotten.jpg') no-repeat top; background-size: cover; position: relative; margin-top: 3%; margin-bottom: 5%;}
#overlay.overlay .reglogo{ width:27em; height:11.2em; text-align: center; box-sizing: border-box; float:left; line-height: 14em;}
#overlay.overlay .reglogo img{ height: 6em; display:none;}
#overlay.overlay .regbullets{ width:44.8em; height:11.2em; float:left;}
#overlay.overlay .regbullets ul{
    list-style: none; margin-top: 1em; border:2px solid #3e2934; width: 82%; padding: 0.5em 2em;
}
#overlay.overlay .regbullets ul li {
    position: relative;
    padding: 3px 0 3px 2em;
    font-size:1em;
    line-height: 1.2em;
    background: url('/images/heart.png?v=4') no-repeat 0px 3px;
    background-size: 1.7em;
    font-weight: 600;
    white-space: normal;
    color: #fff;
}

#overlay.overlay .content{ clear: both; width: 100%;}
#overlay.overlay .dame{width:27em; height:45em; background: url('/images/login_dame.png?v=1') no-repeat bottom; position:absolute; bottom:0; left:6em; background-size: contain; z-index:2; pointer-events:none;}
#overlay.overlay.invisibleoverlay .dame{background: url('/images/password_dame.png?v=1') no-repeat bottom; left:8em; background-size: contain;}
#overlay.overlay .tabs{ width:49em; float:right; min-height: 35em; cursor:pointer;}
#overlay.overlay.invisibleoverlay .tabs{width: 42em;}
#overlay.overlay .tabs .tab{ width:31.33%; float:right; height:2.8em; line-height:2.8em; text-align:center; font-size:1.4em; font-weight:bold; background-color:#422c39; box-shadow: 0 3px 10px #36232d;}
#overlay.overlay .tabs .tab:nth-of-type(3){ padding-left:6%;}
#overlay.overlay .tabs .tab.active{ background:#be3485; position: relative; z-index:1;}
#overlay.overlay .tabs .tabcontent{ padding: 0.6em 1.6em 0.6em 5em; font-size: 1.4em; display:none;}
#overlay.overlay .tabs .tabcontent.active{ display:block;}
#overlay.overlay .tabs .tabcontent h1{font-size: 1em; text-align:left; font-weight:bold;}
#overlay.overlay .tabs .tabcontent p{font-size: 0.9em; text-align:left;}
#overlay.overlay  .close{ position:absolute; right:1em; top:1em;z-index: 999999; cursor:pointer;}
#overlay.overlay .tabs .tabcontent input{height: 2.7em; width: 90%; border: 0; font-size:1em;}
#overlay.overlay .tabs .tabcontent input[type=checkbox]{ width:1.6em; vertical-align: -1.1em; margin-bottom: 1em;}
#overlay.overlay .tabs .tabcontent .btn{width: 90%;}
#overlay.overlay .tabs .tabcontent .infodot{margin-left:0.5em;width: 2em; height: 2em; line-height: 2em; float:right;}
#overlay.overlay .tabs .tabcontent .passforgotten{ margin-top: 1em; display: block;}
@media only screen and (max-width : 767px) {
    #overlay.overlay{ position:fixed; overflow:auto;}
    #overlay.overlay .screen{ font-size: 125%; top: 2em; margin-top: 0; width: 90%; margin-left: 0; left: 5%; position:absolute; margin-bottom:2em; background:#000000;}
	#overlay.overlay.invisibleoverlay .screen{background:#000000; margin-top: 0; top: 0;}
	#overlay.overlay .regbullets { display:none;}
    #overlay.overlay .reglogo{ width:100%; height: 14em; background: url('/images/login_logoback.png?v=3') no-repeat top; background-size:cover;}
    #overlay.overlay .reglogo img{ display:inline-block;}
    #overlay.overlay .tabs .tab{ box-shadow: none; font-size: 1.6em;}
    #overlay.overlay .content{ background-color: rgba(0,0,0,0.5);;}
    #overlay.overlay .tabs, #overlay.overlay.invisibleoverlay .tabs{width:100%; min-height: initial; padding-bottom: 1em;}
    #overlay.overlay .tabs .tab{ width:33.33%;}
    #overlay.overlay .tabs .tab:nth-of-type(3){ padding-left: inherit;}
    #overlay.overlay .tabs .tabcontent{ padding: 0.6em 1.6em 0.6em 1.6em; font-size: 1.8em; }
    #overlay.overlay .reglogo{ padding-top:2em; padding-bottom:2em; height:initial; line-height:initial;}
    #overlay.overlay .dame{ display:none;}
}
@media only screen and (max-width : 419px) {
    #overlay.overlay .screen{ font-size: 100%;}
}
@media only screen and (max-width : 320px) {
    #overlay.overlay .tabs .tabcontent .infodot {
        margin-top: -3em;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
    #overlay.overlay .screen{ font-size:125%; top: 4%; margin-top: 0;}
}
@media only screen and (min-width : 1024px) and (max-width : 1499px) {
    #overlay.overlay .screen{ font-size:155%; top: 4%;}
}
@media only screen and (min-width : 1500px) {
    #overlay.overlay .screen{ font-size:145%;}
}

/*CAMS*/
.bodycontent .content.lists p a {
    color: #c8187c;
}
.cam-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}
.camcard {
    background: #1a1117;
    overflow: hidden;
    text-align: left;
}

.camcard .portrait {
    overflow: hidden;
}
.camcard .portrait-link {
    position: relative;
}
.camcard.online .portrait-link:hover {
    cursor: pointer;
    transition: transform 0.75s;
}
.camcard.online .portrait-link:hover img {
    transform: scale(1.1);
    transition: transform 0.75s;
}
.camcard .portrait-link img {
    width: 100%;
}

.camcard.online .girlprofile{
    position:absolute;
    width: 100%;
    background-color:#00000085;
    padding:1em;
    bottom: 0;
    font-size: 18px;
    border-bottom: 4px solid #20ce20;
}
.camcard.offline .girlprofile {
    position:absolute;
    width: 92%;
    background-color:#00000085;
    padding:1em;
    bottom: 5px;
    font-size: 18px;
    /*border-bottom: 4px solid #e01818;*/
    border-bottom: 4px solid transparent;
    height: 1em;
}
.schedule {
    font-size: 16px;
}
.schedule .schedule-title {
    margin-top: 0.5em;
    font-size: 18px;
    border-bottom: 1px solid #a9b4b6;
}
.schedule .timetable {
    height: 7em;
    overflow-Y: scroll;
}
/* SCROLLBAR */
/*!* width *! Hide scrollbar*/
.schedule .timetable::-webkit-scrollbar {
    width: 0 !important;
}
.schedule .timetable { overflow: -moz-scrollbars-none; }
.schedule .timetable { -ms-overflow-style: none; }
/* Track */
.schedule .timetable::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.schedule .timetable::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */
.schedule .timetable::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.schedule .timetable .girl {
    margin-top: 0.5em;
}
.schedule .timetable .time {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #2c2c2c;
    font-size: 0.8em;
    color: #7f7f7f;
}
.cam-overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.cam-overlay a {
    float: right;
    padding-left: 0.5em;
    font-size: 18px;
}
.cam-overlay span {
    float: right;
    padding-left: 0.5em;
    font-size: 18px;
}
.cam-overlay iframe {
    border: 0;
}

#content .banner {
    display: flex;
}
#content .banner img {
    width: 100%;
}

@media only screen and (max-width: 767px) and (min-width: 480px){
    .movieboxsmall.camcard {
        width: 95%;
    }
    .schedule .timetable {
        height: auto;
        overflow: inherit;
    }
}