html
{
font-size: 62.5% !important;
overflow-y: scroll;
}

@font-face
{
font-family: 'Roboto 900';
font-display: swap;
font-style: normal;
font-weight: 900;
src: url('/static/fonts/roboto-normal-900.woff2') format('woff2'), 
	url('/static/fonts/roboto-normal-900.woff') format('woff'), 
	url('/static/fonts/roboto-normal-900.ttf') format('ttf'), 
	url('/static/fonts/roboto-normal-900.eot') format('eot'), 
	url('/static/fonts/roboto-normal-900.svg') format('svg');
}

@font-face
{
font-family: 'Roboto 300';
font-display: swap;
font-style: normal;
font-weight: 500;
src: url('/static/fonts/roboto-normal-500.woff2') format('woff2'), 
	url('/static/fonts/roboto-normal-500.woff') format('woff'), 
	url('/static/fonts/roboto-normal-500.ttf') format('ttf'), 
	url('/static/fonts/roboto-normal-500.eot') format('eot'), 
	url('/static/fonts/roboto-normal-500.svg') format('svg');
}

*
{
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
outline: none;
font-family: Arial, Verdana, sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
}

body
{
top: 0px !important;
}

font
{
font-size: inherit !important;
line-height: inherit !important;
}

img
{
vertical-align: middle;
image-rendering: -webkit-optimize-contrast;
}

a, a:visited
{
color: inherit;
text-decoration: none;
line-height: inherit;
}

a:hover
{
color: #1e1e1e;
text-decoration: underline;
}

b, strong, em, i, a
{
font-size: inherit;
}

ul
{
list-style: none;
}

ul.natural
{
list-style: circle;
margin-left: 2.4rem;
}

p, li, pre
{
font-size: 1.3rem;
line-height: 1.44;
color: #555;
max-width: 120rem;
}
	
@media screen and (min-width: 500px) {

	p, li, pre
	{
	font-size: calc(1vw + 0.8rem);
	}
}

@media screen and (min-width: 800px) {

	p, li, pre
	{
	font-size: 1.6rem;
	}
}

p
{
margin: 1rem 0;
}

p a:not(.button)
{
color: #444;
text-decoration: underline;
}

p a:not(.button):hover
{
color: #000;
text-decoration: underline;
}

.bold
{
font-weight: bold;
font-size: inherit;
}

span.item
{
font-size: inherit;
}

select
{
border: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
overflow: hidden;
}

select::-ms-expand
{
display: none;
}

input
{
padding: 0;
line-height: 1;
border: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
}

div.col-wrapper
{
clear: both;
overflow: hidden;
}

div.col-left-200
{
display: inline-block;
vertical-align: top;
width: 200px;
margin-right: 50px;
min-height: 300px;
}

div.col-main-200
{
display: inline-block;
vertical-align: top;
width: calc(100% - 250px);
}

div.col-main-200-300
{
display: inline-block;
vertical-align: top;
width: calc(100% - 600px);
}

div.col-main-300
{
display: inline-block;
vertical-align: top;
width: calc(100% - 350px);
}

div.col-right-300
{
float: right;
display: inline-block;
vertical-align: top;
width: 300px;
margin-left: 0px;
margin-bottom: 3rem;
}

/* Headers */

h1, p.mtitle
{
color: #272727;
font-size: 1.8rem;
line-height: 1.2;
font-weight: bold;
margin: 0;
padding: 0;
}
	
@media screen and (min-width: 600px) {

	h1, p.mtitle
	{
	font-size: calc(2.5vw + 0.3rem);
	}
}

@media screen and (min-width: 1200px) {

	h1, p.mtitle
	{
	font-size: 3.3rem;
	}
}

h1.mtitle
{
color: #4BAD00;
font-size: 1.3rem;
line-height: 1.8rem;
text-transform: uppercase;
margin: 0.4rem 0 0.8rem 0;
}

h1.ntitle
{
margin-bottom: 1rem;
}

h2
{
font-weight: normal;
font-family: 'Roboto 300', Arial, Verdana, sans-serif;
color: #141414;
font-size: 1.6rem;
line-height: 1.3;
margin: 3rem 0 1rem 0;
border-top: 0.2rem solid #d0d0d0;
padding-top: 3rem;
clear: both;
}
	
@media screen and (min-width: 600px) {

	h2
	{
	font-size: calc(1vw + 1rem);
	}
}

@media screen and (min-width: 1200px) {

	h2
	{
	font-size: 2.2rem;
	}
}

h2 span
{
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
}

h1 + h2
{
margin-top: 1.5rem;
padding-top: 1.5rem;
}

h3
{
font-size: 1.6rem;
font-weight: bold;
color: #444;
margin: 3rem 0 1rem 0;
}

.center
{
text-align: center;
}

div.panel-inner
{
padding: 0 5rem;
max-width: 160rem;
margin: 0 auto;
}

/* Glinks */

div.panel-glinks
{
clear: both;
overflow: auto;
padding: 0.2rem 0;
line-height: 3rem;
}

div.panel-glinks ul
{
font-size: 1.1rem;
line-height: 3rem;
padding: 0;
float: left;
margin-right: 2rem;
}

div.panel-glinks li
{
display: inline-block;
font-size: 1.2rem;
line-height: 1;
padding: 0;
border-right: 1px solid #e7e7e7;
margin-right: 1.4rem;
padding-right: 1.4rem;
}

div.panel-glinks li:last-child
{
margin-right: 0;
border: 0;
padding-right: 0;
}

div.panel-glinks li a
{
color: #888;
}

div.lang-select
{
float: right;
font-size: 1.2rem;
line-height: 3rem;
color: #888;
padding-left: 24px;
background: url('/static/images/site/globe-32.png') no-repeat 0 center;
background-size: 16px;
text-transform: capitalize;
margin-right: 1rem;
}

div.lang-select select
{
font-size: 1.2rem;
line-height: 1.2rem;
color: #000;
background: url('/static/images/site/arrow-down-20.png') no-repeat right center;
background-size: 10px;
padding: 0 2rem 0 0;
margin: 0;
cursor: pointer;
text-align: left;
opacity: 0.6;
}

div.lang-select select:hover
{
opacity: 1;
}

div.lang-select option
{
font-size: 1.2rem;
line-height: 1;
color: #444;
padding: 0.2rem;
margin: 0;
}

/* Search Form */

div.form
{
display: inline-block;
vertical-align: top;
text-align: right;
float: right;
width: 100%;
max-width: 300px;
overflow: hidden;

border-radius: 2px;
}

form
{

}

div.form form
{
background: #FFF;
}

div.form input
{
display: inline;
font-size: 1.6rem;
line-height: 2rem;
padding: 0.5rem 0 0.5rem 1rem;
width: calc(100% - 40px);
background: #fff;
border-right: 0;
color: #444;
}

div.form input:placeholder
{
font-size: 1.6rem;
}

div.form button
{
display: inline;
vertical-align: top;
width: 40px;
height: 2.9rem;
border-left: 0;
background: url('/static/images/site/search-32.png') no-repeat right 1rem center #fff;
background-size: 16px;
opacity: 0.65;
transition: opacity 200ms;
}

form button:hover
{
cursor: pointer;
opacity: 1;
}

/* Nav */

div.header-ctn
{
float: left;
width: calc(100% - 350px);
overflow: hidden;
height: 3.4rem;
}

div.panel-nav
{
background: #00aa00;
background: linear-gradient(#00aa00, #009100);
padding: 1.2rem 0;
clear: both;
overflow: hidden;
height: 5.2rem;
}

a.brand
{
font-family: 'Roboto 900', Arial, Verdana, sans-serif;
background: url('/static/images/site/play-52.png') no-repeat 0 center;
background-size: 26px;
padding-left: 34px;
display: inline;
vertical-align: top;
font-size: 2rem;
line-height: 3rem;
text-transform: uppercase;
font-weight: bold;
color: #fff;
margin-right: 2rem;
}

div.panel-nav ul
{
display: inline;
vertical-align: top;
}

div.panel-nav li
{
display: inline;
margin-left: 2rem;
font-size: 1.6rem;
line-height: 2.8rem;
text-transform: uppercase;
padding: 0;
}

div.panel-nav li a
{
color: white;
font-weight: bold;
opacity: 0.95;
}

/* Subnav */

div.panel-subnav
{
display: block;

padding: 0.7rem 0 0.4rem 0;
border-bottom: 2px solid #ededed;
background: #f3f3f3;
background: linear-gradient(#fff, #f3f3f3);
}

div.panel-subnav ul
{
display: inline-block;
vertical-align: top;

width: calc(100% - 300px);
padding: 0.6rem 0;
height: 2.3rem;
line-height: 2.3rem;
overflow: hidden;
}

div.panel-subnav ul li
{
display: inline-block;
vertical-align: top;
margin-left: 1.1rem;
font-size: 1.2rem;
line-height: 1.2rem;
color: #666;
padding: 0 0 0 1.1rem;
text-shadow: 1px 1px 0px #fff;
cursor: pointer;
border-left: 1px solid #ddd;
}

div.panel-subnav ul li:first-child
{
border: 0;
margin-left: 0;
padding-left: 0;
}

div.panel-subnav ul li a
{
display: block;
color: inherit;
text-transform: capitalize;
}

div.panel-subnav ul li:hover a
{
color: #111;
text-decoration: none;
}

div.panel-subnav ul.right
{
float: right;
margin: 0;
width: auto;
padding: 0;
}

div.panel-subnav ul.right li
{
margin-top: -2px;
padding: 7px 8px 5px 34px;
background: linear-gradient(gold, orange);
background: url('/static/images/site/user-36.png') no-repeat 8px center, linear-gradient(gold, orange);
background-size: 18px, auto;
text-shadow: none;
font-size: 1.3rem;
color: white;
font-weight: bold;
border-radius: 2px;
text-transform: uppercase;
}

/* Breadcrumbs */

div.panel-breadcrumbs
{
padding: 0.2rem 0;
margin: 0.3rem 0 2rem 0;
clear: both;
overflow: auto;
}

div.panel-breadcrumbs ul
{
float: left;
padding: 0;
margin: 0;

}

div.panel-breadcrumbs ul li
{
display: inline;
margin-right: 1rem;
font-size: 1.1rem;
background: url('/static/images/site/arrow-right-20.png') no-repeat right center;
background-size: 10px;
padding-right: 2rem;
font-weight: bold;
}

div.panel-breadcrumbs ul li:last-child
{
background: none;
padding-right: 0;
}

div.panel-breadcrumbs li a
{
font-size: 1.1rem;
line-height: 1.6rem;
color: #777;
}

div.panel-breadcrumbs ul.time
{
float: right;
}

div.panel-breadcrumbs ul.time li
{
margin-right: 0;
padding-right: 0;
color: #777;
}

/* Bottom */

div.panel-bottom
{
margin-top: 8rem;
text-align: center;
clear: both;
background: linear-gradient(#FFF, #E3E3E3);
padding: 2rem 0;
}

/* Sharebar */

div.panel-sharebar
{
padding: 1rem 0;
}

div.panel-sharebar div.sh-box
{
margin: 0;
}

/* Bar */

div.panel-bar
{
padding: 1.5rem 0;
background: #00aa00;
text-align: center;
}

p.newsletter-text
{
display: inline-block;
vertical-align: top;
font-size: 1.5rem;
line-height: 1.8rem;
padding-left: 62px;
color: white;
background: url('/static/images/site/email-100.png') no-repeat 0 center;
background-size: 50px;
max-width: 320px;
text-align: center;
margin: 0;
}

form.newsletter-form
{
display: inline-block;
vertical-align: middle;
margin-left: 1.2rem;
background: #FFF;
border-radius: 2px;
width: 100%;
max-width: 30rem;
}

form.newsletter-form input
{
font-size: 1.6rem;
line-height: 1.8rem;
padding: 1rem;
width: calc(100% - 3rem);
font-weight: bold;
border-radius: 2px;
color: #444;
}

form.newsletter-form button
{
display: inline-block;
vertical-align: top;
width: 3rem;
height: 3.8rem;
background: url('/static/images/site/arrow-right-32.png') no-repeat center center #FFF;
background-size: 16px;
opacity: 0.7;
border-radius: 2px;
}

form.newsletter-form button:hover
{
opacity: 1;
}

div.newsletter-return p
{
text-align: center;
padding: 0;
margin: 1.4rem auto 0 auto;
font-weight: bold;
font-size: 1.6rem;
color: #FFF;
}

/* Contact Form */

form.contact input
{
display: block;
width: 100%;
max-width: 40rem;
border: 1px solid #aaa;
font-size: 1.5rem;
height: 3.5rem;
padding: 0 1rem;
margin: 1rem 0;
}

form.contact textarea
{
display: block;
width: 100%;
max-width: 40rem;
border: 1px solid #aaa;
font-size: 1.5rem;
line-height: 2rem;
height: 12rem;
padding: 0.5rem 1rem;
margin: 1rem 0;
}

p.mred
{
text-align: center;
font-weight: bold;
background: #ffcdcd;
padding: 1rem;
border: 0.2rem solid #ff9a9a;
}

p.mgreen
{
text-align: center;
font-weight: bold;
background: #e7ffe7;
padding: 1rem;
border: 0.2rem solid #4bad00;
}

/* Search Form */

div.search-form-wrapper
{
display: block;
background: #444;
padding: 1rem;
border-radius: 0.4rem;
overflow: auto;
}

@media (max-width: 400px) {

	div.search-form-wrapper
	{
	display: none;
	}
}

div.search-form
{
border-radius: 2px;
background: inherit;
text-align: left;
overflow: auto;
}

div.search-form input.field
{
font-size: 1.6rem;
line-height: 2rem;
padding: 1rem 1rem 0.8rem 1rem;
width: calc(100% - 13rem);
font-weight: bold;
border-radius: 2px;
color: #555;
background: #fff;
}

div.form input:placeholder
{
font-size: 1.6rem;
}

div.search-form input.field:focus
{
color: #000;
}

div.search-form button
{
float: right;
font-size: 1.6rem;
line-height: 1.6rem;
padding: 1rem;
width: 12rem;
height: 3.8rem;
font-weight: bold;
color: #FFF;
background: #4bad00;
border-radius: 2px;
border: none;
}

div.search-form button:hover
{
background: #56C700;
}

div.search-form button:active
{
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
}

div.search-box-top
{
margin: 1.6rem 0 1rem 0;
}

div.search-box-top + h2
{
margin-top: -2rem;
border: 0;
}

/* Footer */

div.panel-footer
{
padding: 2rem;
background: #f3f3f3;
border-bottom: 2px solid #e3e3e3;
}

ul.cats
{
width: 100%;
text-align: center;
}

ul.cats li
{
display: inline-block;
vertical-align: top;
padding: 0 1rem;
font-size: 1.5rem;
border-left: 1px solid #ddd;
}

ul.cats li:first-child
{
border: 0;
}

div.footer-lang
{
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #e4e4e4;
padding: 1rem 0;
margin: 2rem 0;
text-align: center;
font-size: 1.3rem;
color: #333;
}

div.footer-lang select
{
display: inline-block;
cursor: pointer;
padding: 0.3rem 2.6rem 0.3rem 0.4rem;
background: url('/static/images/site/arrow-down-20.png') no-repeat right 0.8rem center, #FFF;
background-size: 10px;
border: 1px solid #ddd;
border-radius: 2px;
line-height: 2;
}

ul.infos
{
text-align: center;
margin: -1rem 0;
}

ul.infos li
{
display: inline-block;
vertical-align: top;
padding: 0 1rem;
margin: 0;
font-size: 1.4rem;
border-left: 1px solid #ddd;
}

ul.infos li:first-child
{
border: 0;
}

/* Legal */

div.panel-legal div.panel-inner
{
padding: 0.5rem 10rem;
}

div.panel-legal p
{
display: inline-block;
vertical-align: top;
font-size: 1.2rem;
color: #686868;
margin: 0;
}

div.panel-legal p.ads-notice
{
max-width: 200rem;
font-size: 1.2rem;
border-bottom: 0.1rem solid #ccc;
margin-bottom: 0.5rem;
padding-bottom: 0.3rem;
}

div.panel-legal ul
{
float: right;
display: inline-block;
vertical-align: top;
}

div.panel-legal ul li
{
display: inline-block;
vertical-align: top;
font-size: 1.2rem;
margin: 0 0 0 2rem;
}

div.panel-legal ul li a
{
color: #686868;
}

/* Fill */

a.fill span, ul.rows li a span
{
display: block;
position: absolute; 
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 99;
}

/* Movie Posters */

div.movie-poster-wrapper
{
margin: 0 -0.5rem;
}

div.movie-poster-wrapper div.movie-box
{
text-align: center;
margin: 1rem 0.5rem;
display: inline-block;
vertical-align: top;
width: 16rem;
width: calc(16.666% - 1rem);
position: relative;
clear: both;
overflow: hidden;
line-height: 1;
}

div.col-right-300 div.movie-poster-wrapper div.movie-box
{
width: 10rem;
width: calc(33.33333% - 1rem);
}

div.movie-poster-wrapper div.movie-box div.image-wrapper
{
display: inline-block;
width: 100%;
height: auto;
overflow: hidden;
background: url('/static/images/site/poster.png') no-repeat center center;
background-size: cover;
position: relative;
margin-bottom: 0.5rem;
padding: 150% 0 0 0;
text-align: center;
}

div.movie-poster-wrapper div.movie-box img
{
display: inline-block;
max-width: 100%;
max-height: auto;
min-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}

div.movie-poster-wrapper div.movie-box a
{
font-size: 1.2rem;
line-height: 1.2;
color: #111;
}

div.overlay
{
z-index: 99;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.4;
background: url('/static/images/site/play-256.png') no-repeat 50% 50%;
background-size: 0%;
transition: all 200ms;
}

div.movie-box:hover div.overlay
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.9;
display: block;
background: rgba(0, 0, 0, 0.6) url('/static/images/site/play-256.png') no-repeat 50% 50%;
background-size: 60%;
}

/* People */

div.people-wrapper
{
margin: 0 -0.5rem;
}

div.people-wrapper div.person-box
{
text-align: center;
margin: 1rem 0.5rem;
display: inline-block;
vertical-align: top;
width: 16rem;
width: calc(16.6666% - 1rem);
position: relative;
clear: both;
}

div.people-wrapper div.person-box div.image-wrapper
{
display: inline-block;
width: 100%;
height: auto;
overflow: hidden;
background: url('/static/images/site/profile.png') no-repeat center center;
background-size: cover;
position: relative;
padding: 150% 0 0 0;
text-align: center;
}

div.people-wrapper div.person-box img
{
display: inline-block;
max-width: 100%;
max-height: auto;
min-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

div.person-box p
{
margin: 0.5rem 0 0 0;
line-height: 1;
}

div.people-wrapper div.person-box p a
{
text-decoration: none;
font-size: 1.3rem;
color: #111;
}

div.people-wrapper div.person-box p a:hover
{
text-decoration: underline;
}

div.person-box p.role
{
font-size: 1.2rem;
line-height: 1.2;
color: #555;
}

div.movie-box p.role
{
font-size: 1.2rem;
line-height: 1.2;
margin-top: 0.4rem;
color: #555;
}

/* Person Photos */

div.photos-wrapper
{
margin: 1rem -1rem;
}

div.photos-wrapper div.photos-box
{
display: inline-block;
vertical-align: top;
margin: 1rem;
width: calc(12.5% - 2rem);
position: relative;
clear: both;
}

div.photos-wrapper div.photos-box div.image-wrapper
{
display: inline-block;
width: 100%;
height: auto;
overflow: hidden;
background: url('/static/images/site/profile.png') no-repeat center center;
background-size: cover;
position: relative;
padding: 150% 0 0 0;
text-align: center;
}

div.photos-wrapper div.photos-box img
{
display: inline-block;
max-width: 100%;
max-height: auto;
min-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

/* Reviews */

div.review-wrapper
{
margin: 0 -2rem 4rem -2rem;
}

div.review-wrapper div.review-box
{
display: inline-block;
vertical-align: top;
border-top: 1px solid #E7E7E7;
padding: 2rem 0 0 0;
margin: 1rem 4rem;
width: calc(50% - 8rem);
}

div.review-wrapper div.review-box:nth-child(1), div.review-wrapper div.review-box:nth-child(2)
{
border: 0;
}

div.review-box p
{
margin: 0;
}

div.review-box p.title
{
font-weight: bold;
text-transform: uppercase;
color: #222;
font-size: 1.4rem;
}

div.review-box p.rating
{
margin: 0.5rem 0;
line-height: 1.6rem;
color: #666;
}

div.review-box span.author
{
font-weight: normal;
display: block;
color: #555;
text-transform: none;
}

div.review-box p span
{
font-size: 1.3rem;
line-height: 1.5rem;
display: inline-block;
vertical-align: top;
}

span.rating
{
width: 80px;
height: 16px;
background: url('/static/images/site/unstar-32.png') 0 0 repeat-x;
background-size: 16px;
}

span.rating span
{
float: left;
text-align: left;
height: 16px;
background: url('/static/images/site/star-32.png') 0 0 repeat-x;
background-size: 16px;
}

span.rating-value
{
margin-left: 0.4rem;
}

/* Normal */

ul.normal
{
margin: 2rem 0;
}

ul.normal li
{
margin: 0.8rem 0 0.5rem 1.2rem;
padding-left: 2rem;
background: url('/static/images/site/arrow-right-20.png') no-repeat 0 7px;
background-size: 10px;
}

/* Stack */

ul.stack li
{
display: inline-block;
vertical-align: top;
margin: 0.5rem;
background: #f3f3f3;
background: linear-gradient(#f4f4f4, #ededed);
border: 1px solid #e2e2e2;
border-radius: 2px;
font-size: 1.4rem;
color: #333;
position: relative;
padding: 0.5rem 1.2rem;
font-size: 1.3rem;
}

ul.stack li a
{
color: #333;
}

ul.stack li.link:hover
{
background: #4BAD00;
color: #FFF;
border-color: #409400;
}

ul.stack li.link:hover a
{
color: #FFF;
text-decoration: none;
}

ul.stack li.link:active
{
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.4);
}

ul.stack li.link span
{
font-size: 1.1rem;
margin-left: 0.4rem;
color: #666;
}

/* Browse by */

div.browse-by-year
{
margin: 0 -0.5rem;
}

div.browse-by-year ul.stack li
{
width: calc(12.5% - 1rem);
min-width: 14rem;
}

div.browse-by-genre
{
margin: 0 -0.5rem;
}

div.browse-by-genre ul.stack li
{
width: calc(12.5% - 1rem);
min-width: 16rem;
}

/* Side Nav */

ul.side-nav
{
border-top: 1px solid #c7c7c7;
line-height: 1.3;
padding: 1rem 0;
}

ul.side-nav li
{
font-size: 1.3rem;
text-transform: uppercase;
}

ul.side-nav li a
{
display: block;
font-size: 1.3rem;
padding: 0.5rem 1rem;
border: 1px solid #fff;
}

ul.side-nav li:first-child
{
display: none;
padding: 0.6rem 1rem;
}

ul.side-nav li a:hover
{
background: #f2f2f2;
text-decoration: none;
}

ul.side-nav li.active a
{
font-weight: bold;
border-left-color: blue;
background: #e6e6e6;
background: linear-gradient(#f4f4f4, #ededed);
border: 1px solid #e2e2e2;
border-radius: 2px;
}

/* Wide */

ul.wide
{
margin: 1rem -1rem 0 -1rem;
}

ul.wide li
{
margin: 1rem;
display: inline-block;
width: calc(33.333% - 2rem);
}

ul.wide li a
{
background: #F4F4F4;
background: linear-gradient(#f4f4f4, #f0f0f0);
border: 1px solid #e2e2e2;
border-radius: 2px;
padding: 1rem;
display: block;
}

/* Side Box */

div.side-box
{
margin-top: 3rem;
}

div.side-box-h2
{
margin-top: 3rem;
padding-top: 3rem;
}

div.side-box:first-child
{
margin: 0;
}

div.side-item
{
border-radius: 2px;
border: 1px solid #d0d0d0;
padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}

div.side-item h3
{
font-family: helvetica;
text-transform: uppercase;
font-size: 1.3rem;
padding: 1rem 1.5rem 0.9rem 1.5rem;
margin: -1.5rem -1.5rem 0.5rem -1.5rem;
background: #f3f3f3;
background: linear-gradient(#f6f6f6, #f3f3f3);
color: #505050;
border-bottom: 0.1rem solid #d7d7d7;
}

div.side-item2
{
border: 0;
background: #f3f3f3;
}

div.side-item2 h3
{
border: 0;
background: #e7e7e7;
}

/* Rows */

ul.rows
{
margin: 0;
}

ul.rows li
{
display: block;
font-size: 1.3rem;
line-height: 2rem;
padding: 0.6rem 0;
border-top: 1px solid #eee;
position: relative;
color: #111;
}

ul.rows li.active
{
font-weight: bold;
}

ul.rows li:first-child
{
border-top: 0;
}

ul.rows li span
{
font-size: 1.1rem;
margin-left: 0.4rem;
color: #777;
}

ul.rows li > a
{
}

ul.nums li
{
color: #777;
}

ul.nums li a
{
color: #111;
}

/* Web Links */

ul.rows li.web
{
padding:1rem 0;
}

ul.rows li.web span
{
padding: 0.1rem 0;
display: block;
cursor: pointer;
line-height: 1.2;
}

ul.rows li.web span:nth-child(1)
{
font-weight: bold;
font-size: 1.5rem;
color: blue;
}

ul.rows li.web span:nth-child(2)
{
font-size: 1.3rem;
color: #444;
}

ul.rows li.web span:nth-child(3)
{
color: #006621;
font-size: 1.3rem;
}

/* Main Image */

div.main-movie-image-wrapper
{
display: block;
width: 200px;
height: 300px;
background: url('/static/images/site/poster.png');
position: absolute;
margin: 0 auto;
}

div.main-movie-image-wrapper img
{
display: block;
width: 200px;
height: 300px;
}

div.main-person-image-wrapper
{
display: inline;
width: 200px;
height: 300px;
background: url('/static/images/site/profile.png');
position: absolute;
margin: 0 auto;
}

div.main-person-image-wrapper img
{
display: inline;
width: 200px;
height: 300px;

}

/* Enlarge */

div.overlay-zoom
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('/static/images/site/zoom-256.png') no-repeat 50% 50%;
background-size: 0%;
transition: all 200ms;
}

div.zoom-wrapper:hover div.overlay-zoom
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.9;
display: inline-block;
background: rgba(0, 0, 0, 0.3) url('/static/images/site/zoom-256.png') no-repeat 50% 50%;
background-size: 40%;
}

/* Buttons */

div.prime-video-offer div.clicker
{
display: inline-block;
width: auto;
background: #01a7e2;
background: #01a7e2 url('/static/images/site/play-icon-48.png') no-repeat 1.8rem center;
background-size: 2rem;
color: #FFF;
font-size: 1.8rem;
padding: 1.2rem 2.4rem 1.1rem 5.2rem;
border: 0.1rem solid #0194e2;
border-radius: 0.5rem;
font-weight: bold;
transition: background 200ms;
margin: 0.8rem 0 0 0;
}

div.prime-video-offer div.clicker:hover
{
background-color: #0194e2;
}

div.prime-video-offer p
{
font-size: 1.3rem;
color: #404040;
}

div.button-wrapper
{
border: 0.1rem solid #d4d4d4;
border-radius: 1rem;
padding: 1rem;
margin: 2.2rem 0 1.2rem 0;
}

.button
{
border-radius: 0.2rem;
display: inline-block;
text-align: center;
font-size: 1.5rem;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
transition: background-color 0.2s;
}

div.button-wrapper div.button
{
background: #4BAD00;
background: url('/static/images/site/arrow-right-28.png') no-repeat right 1rem center #4BAD00;
background-size: 14px;
padding: 1rem 3.4rem 1rem 1rem;
margin: 1rem;
width: calc(50% - 2rem);
overflow: hidden;
}

div.col-wrapper-major div.button
{
height: 4rem;
line-height: 4rem;
padding: 0 3.4rem 0 1rem;
}

td div.button, td a.button
{
font-weight: normal;
font-family: 'Roboto 300', Arial, Verdana, sans-serif;
background: #4BAD00;
background: url('/static/images/site/arrow-right-28.png') no-repeat right 0.7rem center #4BAD00;
background-size: 14px;
padding: 0.8rem 2.8rem 0.8rem 0.9rem;
font-size: 1.4rem;
margin: 0 auto;
}

div.button-wrapper div.button:hover, .button:hover
{
cursor: pointer;
background-color: #56C700;
}

.button:active
{
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}

a.button, button.button, span.button
{
background: url('/static/images/site/arrow-right-28.png') no-repeat right 1rem center #4BAD00;
background-size: 12px;
padding: 0.7rem 3.4rem 0.6rem 1.2rem;
text-decoration: none;
font-size: 1.6rem;
color: #FFF;
word-spacing: 1px;
margin: 1.2rem 0;
font-weight: normal;
font-family: 'Roboto 300', Arial, Verdana, sans-serif;
}

/* Video Player */

div.panel-player
{
margin: 2rem 0;
}

.video-wrapper
{
width: 90%;
display: block;
position: relative;
margin: 0 auto;
background: #222;
background-size: cover;
background-position: center;
box-shadow: inset 0 0 3rem 3rem rgba(0,0,0,0.5);
}

.video-wrapper:after 
{
padding-top: 50%;
display: block;
content: '';
}

.video-main
{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #000;
background: #222;
height: 100%;
text-align: center;
}

.video-main:before
{
content: '';
display: inline-block;
height: 100%; 
vertical-align: middle;
}

.video-play
{
background: url('/static/images/site/play-256.png') no-repeat 50% 50%;
background-size: 10%;
opacity: 0.9;
transition: background 0.5s;
cursor: pointer;
}

.video-play:hover
{
background-size: 15%;
}

.video-play:active
{
background-size: 14%;
}

.video-load
{
background: url('/static/images/site/loading.gif') no-repeat 50% 50% #222;
box-shadow: inset 0 0 3rem 3rem rgba(0,0,0,0.5);
}

.video-message
{
background: url('/static/images/site/warning-64.png') no-repeat center 10px, rgba(0,0,0,0.7);
background-size: 32px;
text-align: center;
color: #fff;
display: none;
z-index: 99;
padding: 1rem;
margin: 20px auto;
padding: 48px 16px 0px 16px;
vertical-align: middle;
border-radius: 2px;
}

.video-message span
{
display: block;
}

.video-message span.p2
{
font-size: 14px;
padding-top: 2px;
}

.video-message span.p3
{
margin-top: 10px;
padding: 10px 14px;
background: #4bad00;
font-weight: bold;
text-transform: uppercase;
margin: 10px auto;
cursor: pointer;
max-width: 300px;
border-radius: 2px;
}

.video-message span.p3:hover
{
background: linear-gradient(#56c700, #4bad00);
}

.video-title
{
position: absolute;
bottom: 0;
background: #222;
background: rgba(0, 0, 0, 0.6);
width: 100%;
text-align: left;
padding: 1rem;

margin: 0;
}

span.meter
{
display: inline-block;
vertical-align: top;
margin: 0.3rem 1rem;
border-radius: 3px;
width: 200px;
width: calc(100% - 22.9rem);
height: 1rem;
background: rgba(255,255,255,0.6);
}

span.time
{
display: inline-block;
vertical-align: top;
font-size: 1.2rem;
line-height: 1.6rem;
color: #FFF;
width: 10rem;
}

span.progress-bar 
{
display: block;
height: 1rem;
font-size: 0.8rem;
line-height: 1;
background: #4bad00;
width: 0%;
color: #FFF;
text-align: center;
border-radius: 3px;
}

span.icon
{
display: inline-block;
vertical-align: top;
width: 16px;
height: 16px;
margin: 0rem 1rem;
opacity: 0.7;
transition: opacity 0.1s;
}

.video-title span.icon:hover
{
opacity: 1;
}

.video-stop span.icon:hover
{
opacity: 0.7;
}

span.play
{
background: url('/static/images/site/play-32.png');
background-size: 16px;
}

span.volume
{
background: url('/static/images/site/volume-32.png');
background-size: 16px;
}

span.fullscreen
{
background: url('/static/images/site/fullscreen-32.png');
background-size: 16px;
}

/* Tables */

table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: middle;
}

table
{
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 1px solid #ddd;
}

tr
{
border: 1px solid #DDD;
}

tbody tr:nth-child(even)
{
background: #FAFAFA;
}

tr:hover td
{
background: #F0F0F0;
background: linear-gradient(#F5F5F5, #F0F0F0);
}

th, td
{
text-align: center;
font-size: 1.2rem;
padding: 1rem;
}

table.links
{
margin: 3rem 0;
}

table.links a:hover
{
text-decoration: none;
}

th
{
font-weight: bold;
color: #fff;
font-size: 1.3rem;
padding: 2rem 1rem;
background: #efefef;
background: linear-gradient(#f8f8f8, #efefef);
color: #222;
text-transform: uppercase;
}

td span
{
color: inherit;
font-size: inherit;
text-align: center;
margin: 0 auto;
display: block;
}

td.w span.wsite
{
font-family: 'Roboto 900', Arial, Verdana, sans-serif;
border: 2px solid #d6d6d6;
color: #333;
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 1px;
padding: 1rem 0rem;
font-weight: bold;
border-radius: 2px;
background: #f3f3f3;
background: linear-gradient(#fff, #f3f3f3);
}

td.w span.wsite img
{
display: block;
margin: 0 auto 2px auto;
width: auto;
height: 45px;
}

td span.name
{
display: none;
}

tr:hover td.w span
{
border-color: #999;
color: #000;
}

td.q
{
font-size: 1.4rem;
}

td.f
{
font-size: 1.2rem;
color: #666;
}

/* Clicker */

div.clicker-image
{
z-index: 1;
background: #FFF url('/static/images/site/loader.gif') no-repeat center center;
background-size: 24px;
border: 1px solid #ddd;
margin: 0 auto;
}

.clicker
{
cursor: pointer;
width: 100%;
height: auto;
}

.clicker-text
{
width: auto;
}

div.clicker img
{
z-index: 2;
cursor: pointer;
}

div.clicker-300
{
width: 300px;
height: 250px;
}

div.clicker-728
{
width: 728px;
height: 90px;
}

div.clicker-800
{
max-width: 800px;
}

div.clicker-image img
{
width: 100%;
height: auto;
}

div.clicker-ready
{
background: none;
border: 0;
box-shadow: none;
}

div.margin-top-2
{
margin-top: 2rem;
}

/* Web Links */

div.web-links
{
z-index: 1;
background: url('/static/images/site/loader.gif') no-repeat center center;
min-height: 20rem;
}


/* Google Translate */

div.skiptranslate iframe
{
display: none !important;
visibility: hidden !important;
}

#translate-element, #goog-gt-
{
display: none !important;
}

.goog-te-banner-frame.skiptranslate, .goog-te-gadget-icon, #goog-gt-tt
{
display: none !important;
padding: 0px !important;
outline: none !important;
}

.goog-tooltip, .goog-tooltip:hover
{
display: none !important;
}
 
.goog-text-highlight, .VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q
{
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf
{
display: none !important;
}

object
{
width: 1px !important;
height: 1px !important;
}

/* Languages */

div.lang-box
{
margin: 1.6rem 0 0 0;
padding: 1rem;
background: #f4f4f4;
background: linear-gradient(#f4f4f4, #f0f0f0);
border: 1px solid #e2e2e2;
border-radius: 2px;
}

div.lang-box.lang-en
{
background: #e1e1e1;
}

div.lang-box span
{
margin-left: 1rem;
line-height: 1;
color: #333;
font-size: 1.6rem;
font-weight: bold;
}

div.lang-box span.name-en
{
margin-top: 0.4rem;
font-size: 1.2rem;
color: #666;
}

div.lang-box.active
{
background: #4BAD00;
color: #FFF;
border-color: green;
}

div.lang-box.active span
{
color: #fff;
}

div.lang-box:hover
{
cursor: pointer;
border-color: #aaa;
}

/* Trans message */

div.trans-message
{
margin-top: 2rem;
border: 2px solid #cc0000;
border-radius: 2px;
padding: 0rem 2rem;
}

div.trans-message p
{
font-size: 1.5rem;
line-height: 2.24rem;
}

/* Error */

div.error-heading
{
margin: 2rem auto 4rem auto;
text-align: center;
border: 1px solid #e7e7e7;
background: #f5f5f5;
background: linear-gradient(#f5f5f5, #efefef);
padding: 2rem;
max-width: 140rem;
}

div.error-heading h1
{
margin-bottom: 1rem;
}

div.error-heading p
{
margin: 0.5rem auto 0 auto;
font-size: 2rem;
line-height: 2.2rem;
}

div.error-movies
{
margin: 0 auto;
max-width: 1200px;
text-align: center;
}

div.error-clicker
{
height: 9rem;
margin-bottom: 2rem;
}

/* List Info */

ul.info
{

height: 1.6rem;
overflow: hidden;
}

ul.info li
{
display: inline-block;
vertical-align: top;
margin-right: 1rem;
padding: 0 0 0 1rem;
font-size: 1.3rem;
color: #484848;
border-left: 1px solid #ddd;
line-height: 1.6rem;
height: 16px;
}

ul.info li span.rating
{

display: inline-block;
vertical-align: top;
line-height: 1.6rem;
height: 16px;
overflow: hidden;
}

ul.info li:last-child
{
margin-right: 0;
padding-right: 0;
}

ul.info li:first-child
{
border: 0;
margin-left: 0;
padding-left: 0;
}

ul.info li a
{
margin-right: 0.2rem;
}

ul.info li.genres a:last-child
{
margin-right: 0;
}

/* Expand */

div.summary, div.summary2
{
overflow: hidden;
}

p.expand
{
display: inline;
margin: 0 0 1rem 0;
font-size: 1.2rem;
text-transform: uppercase;
cursor: pointer;
background: url('/static/images/site/arrow-down-20.png') no-repeat 0 center, url('/static/images/site/arrow-down-20.png') no-repeat right center;
background-size: 10px;
padding: 0 1.6rem;
color: #000;
opacity: 0.8;
}

p.expand:hover
{
opacity: 1;
}

p.hide
{
display: none;
}

/* Page Info */

div.page-info
{
margin-top: 5rem;
}

div.page-info p
{
font-size: 1.3rem;
line-height: 1.8rem;
}

/* SQL */

div.sql pre
{
font-size: 1.2rem;
}

/* Offer */

div.offer
{

padding: 5rem 2rem;
border-top: 2px solid #c6c6c6;
}

div.offer div.image
{
display: inline-block;
vertical-align: top;
width: 25%;
max-width: 300px;
margin: 0 5rem 2rem 0;
}

div.offer div.image img
{
width: 100%;
max-width: 300px;
height: auto;
}

div.offer div.info
{
display: inline-block;
vertical-align: top;
width: calc(75% - 5rem);
max-width: 80rem;
}

div.offer div.info h3
{
margin-top: 1rem;
margin-right: 1.5rem;
font-size: 3rem;
display: inline-block;
}

div.offer p
{
text-align: center;
}

div.offer span.or
{
font-size: 1.4rem;
color: #666;
margin: -1rem 0;
font-style: italic;
}

div.offer span.trial
{
display: block;
margin: 0 0 -2rem 0;
font-size: 1.3rem;
line-height: 1.6rem;
color: #111;
border-top: 1px solid #ddd;
padding: 2rem 0 2rem 2.4rem;
font-weight: bold;
border-radius: 2px;
text-transform: uppercase;
background: url('/static/images/site/star-32.png') no-repeat 0 center;
background-size: 16px;
}

div.offer span.where
{
display: inline-block;
font-size: 1.6rem;
color: #555;
padding: 1rem;
}

/* No Links */

div.nolinks
{
border: 2px solid red;
padding: 1rem;
margin-bottom: 2rem;
text-align: center;
}

div.nolinks h3
{
margin: 1rem 0 0 0;
}

/* Logo */

div.logo
{
width: 512px;
height: 512px;
background: url('/static/images/site/play-512.png') no-repeat center center, linear-gradient(#00aa00, #009100);
background-size: 400px;
box-shadow: inset 0px 0px 50px rgba(0,0,0,0.2);
}

/* Share */

div.sh-box
{
text-align: center;
margin-bottom: 3rem;
}

div.shsh
{
max-height: 4rem;
overflow: hidden;
display: inline-block;
vertical-align: top;
}

div.sh-box div
{
display: inline-block;
margin-right: 0.4rem;
}

div.surl
{
display: inline-block;
vertical-align: top;
line-height: 2rem;
font-size: 1.4rem;
border: 1px solid #c2c2c2;
border-radius: 2px;
padding: 0.5rem 1rem;
margin: 0.4rem 0;
color: #333;
}

div.surl span
{
display: inline-block;
}

div.shsh div
{
display: inline-block;
line-height: 3.2rem;
font-size: 1.4rem;
color: #FFF;
opacity: 1;
transition: background 0.2s;
min-width: 10rem;
font-weight: bold;
text-transform: uppercase;
padding: 0 1rem 0 4rem;
margin: 0.4rem 0.3rem;
text-align: left;
border-radius: 2px;
background-size: 20px;
}

div.social
{
margin: 0.2rem 0 1rem 0;
}

div.social a
{
display: inline-block;
line-height: 3.2rem;
font-size: 1.4rem;
color: #FFF;
opacity: 1;
transition: background 0.2s;
width: 23rem;
font-weight: bold;
text-transform: uppercase;
padding-left: 4rem;
margin: 0.4rem 0.3rem;
text-align: left;
text-decoration: none;
}

div.shsh div:hover
{
cursor: pointer;
}

.med-f
{
background: url('/static/images/site/med-f-40.png') no-repeat 10px center, #3B5998;
}

.med-f:hover
{
background-color: #344e86;
}

.med-t
{
background: url('/static/images/site/med-t-40.png') no-repeat 10px center, #55acee;
}

.med-t:hover
{
background-color: #2796ea;
}

.med-g
{
background: url('/static/images/site/med-g-40.png') no-repeat 10px center, #d34836;
}

.med-g:hover
{
background-color: #c43d2b;
}

.med-e
{
background: url('/static/images/site/med-e-40.png') no-repeat 10px center, #C2C2C2;
}

.med-e:hover
{
background-color: #A5A5A5;
}

#shr-movie
{
margin-top: 1rem;
overflow: hidden;
max-height: 3rem;
}

#shr-movie div.shsh div
{
display: inline-block;
line-height: 2.4rem;
font-size: 1.2rem;
color: #FFF;
opacity: 1;
transition: background 0.2s;
min-width: 7rem;
font-weight: bold;
text-transform: uppercase;
padding: 0 0.6rem 0 3rem;
margin: 0.4rem 0.3rem;
text-align: left;
border-radius: 2px;
background-size: 14px;
background-color: #bcbcbc;
}

#shr-movie div.shsh div:hover
{
background-color: #898989;
}

#shr-movie div.surl
{
line-height: 2rem;
font-size: 1.2rem;
padding: 0.1rem 0.8rem;
}

/* Front */

div.front
{
text-align: center;
margin: 0 auto;
max-width: 68rem;
}

div.front div.search-form input.field
{
background: #FFF;
}

div.front ul
{
margin: 1.8rem 0 1.2rem 0;
}

/* Front Highlights */

#front-highlights
{
max-width: 120rem;
margin: 2rem auto;
padding: 0 2rem 3rem 2rem;
border: 0.1rem solid #d0d0d0;
border-radius: 0.4rem;
}

#front-highlights h2
{
text-align: center;
border: 0;
text-transform: uppercase;
font-size: 1.3rem;
padding: 1rem 1.5rem 0.9rem 1.5rem;
margin: 0 -2rem 1rem -2rem;
background: #f2f2f2;
background: linear-gradient(#f4f4f4, #f0f0f0);
color: #404040;
border-bottom: 1px solid #e1e1e1;
border-radius: 0.4rem 0.4rem 0 0;
}

/* Front Lists */

div.front-lists
{
clear: both;
margin: 3rem -2rem;
text-align: center;
border-radius: 3px;
}

@media (max-width: 600px) {

	div.front-lists
	{
	margin: 3rem -1rem;
	}
}

div.front-lists div.side-item
{
display: inline-block;
vertical-align: top;
margin: 2rem;
width: calc(33.333333% - 4rem);
min-width: 300px;
max-width: 400px;
}

div.front-lists div.side-item li
{
text-align: left;
}

div.questions
{
margin: -1rem -2rem;
}

@media (max-width: 600px) {

	div.questions
	{
	margin: -1rem;
	}
}

div.questions div.qu
{
display: inline-block;
vertical-align: top;
margin: 1rem 4rem;
width: calc(33.3333% - 8rem);
}

div.questions div.qu p:nth-child(3)
{
margin: -1rem 0;
}

p.front-button
{
text-align: center;
margin: 4rem auto -2rem auto;
}

ul.lang-links
{
border-top: 1px solid #e7e7e7;
margin: 10rem auto -5rem auto;
padding-top: 2rem;
text-align: center;
}

@media (max-width: 1000px) {

	ul.lang-links
	{
	margin: 8rem auto 2rem auto;
	}
}

ul.lang-links li
{
display: block;
margin: 1rem auto;
width: 100%;
line-height: 1.9rem;
}

ul.lang-links li a
{
font-weight: bold;
}

/* Pagination */

div.pagination
{
text-align: center;
text-transform: uppercase;
}

div.pagination li
{
display: inline-block;
border-left: 1px solid #e7e7e7;
}

div.pagination li:first-child
{
border: 0;
}

div.pagination li.pnum-split
{
padding: 0rem 1.5rem;
}

div.pnum-top
{
margin-bottom: 2rem;
}

div.pagination a, div.pagination div
{
display: inline-block;
font-size: 1.6rem;
font-weight: bold;
}

div.pagination .box
{
padding: 0rem 1.5rem;
margin: 0;
text-decoration: none;
border-left: 1px solid #f4f4f4;
color: #000;
opacity: 0.7;
transition: opacity 0.25s;
}

div.pagination .box:last-child, div.pagination .box:first-child
{
border: 0;
}

div.pagination a span
{
font-size: inherit;
}

div.pagination a:not(.active):not(.dir):hover
{
opacity: 1;
}

div.pagination a.active
{
font-weight: bold;
color: #00aa00;
}

div.pagination .next
{
background: url('/static/images/site/arrow-right-24.png') no-repeat right 0 center;
opacity: 0.6;
background-size: 12px;
}

div.pagination .prev
{
background: url('/static/images/site/arrow-left-24.png') no-repeat 0 center;
opacity: 0.6;
margin-right: -0.6rem;
background-size: 12px;
}

div.pagination a.dir:hover
{
opacity: 1;
}

div.pagination div.dir
{
opacity: 0.2;
}

div.pagination div.mobile
{
display: none;
}

div.pnum-bottom
{
border-top: 1px solid #e7e7e7;
margin-top: 2rem;
padding: 1rem 0;
}

div.form-rank
{
float: right;
margin-top: -3.8rem;
font-size: 1.4rem;
}

div.form-rank select
{
cursor: pointer;
padding: 0.5rem 2.6rem 0.5rem 0.4rem;
background: url('/static/images/site/arrow-down-20.png') no-repeat right 0.8rem center, #FFF;
background-size: 10px;
border: 1px solid #ddd;
border-radius: 2px;
margin-left: 1rem;
}

/* Modes */

a.mode
{
z-index: 9999;
position: fixed;
right: 0;
background: #aaa;
color: #fff;
font-size: 1rem;
padding: 0.1rem 0.4rem;
-webkit-transform: rotate(-90deg);
transform-origin: right bottom 0;
}

a.mode-admin
{
top: 55%;
}

a.mode-test
{
top: 50%;
}

a.mode-diag
{
top: 45%;
}

a.mode-nice
{
top: 40%;
}

a.mode-cc
{
top: 35%;
}

/* Promo */

img.gt1
{
display: block;
width: 100%;
max-width: 890px;
margin: 0 auto;
}

img.amz1
{
display: block;
width: 100%;
max-width: 900px;
margin: 1rem auto;
border-top: 2px solid #ddd;
border-bottom: 2px solid #d3d3d3;
}

/* Search prompt */

div.search-prompt
{
margin: 1rem 0;
border-top: 0.1rem solid #e7e7e7;
}

div.search-prompt p b
{
margin-top: 1rem;
color: #cc0000;
margin-right: 1rem;
}

div.search-prompt a
{
display: inline-block;
color: #0040ff;
}

span.ddr
{
color: #ccc;
margin: 0 1rem;
}






/* MQ - Inner */

@media (max-width: 1300px) {

	div.panel-inner
	{
	padding: 0 2rem;
	}

	div.col-main-300
	{
	width: calc(100% - 320px);
	}

	div.col-main-200
	{
	width: calc(100% - 220px);
	}

	div.col-main-200-300
	{
	width: calc(100% - 540px);
	}

	div.col-left-200
	{
	margin-right: 20px;
	}
}

@media (max-width: 600px) {

	div.panel-inner
	{
	padding: 0 1rem;
	}
}

/* MQ - Col 300 Narrower */

@media (max-width: 1200px) {

	div.col-right-300
	{
	width: 200px;
	}

	div.col-main-300
	{
	width: calc(100% - 220px);
	}

	div.col-main-200-300
	{
	width: calc(100% - 440px);
	}

	div.col-right-300 div.movie-poster-wrapper div.movie-box
	{
	width: calc(50% - 1rem);
	}
	
	div.col-right-300 div.clicker-300
	{
	width: 200px;
	height: 167px;
	}
}

/* MQ - Col 300 Move to bottom */

@media (max-width: 1000px) {

	div.col-right-300
	{
	display: block;
	float: none;
	width: 100%;
	margin-top: 5rem;
	}

	div.col-main-300
	{
	width: 100%;
	}

	div.col-main-200-300
	{
	width: calc(100% - 220px);
	}

	div.panel-bottom
	{
	margin-top: 1rem;
	}

	div.col-right-300 div.movie-poster-wrapper div.movie-box
	{
	width: calc(16.66666% - 1rem);
	}
	
	div.col-right-300 div
	{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	}
	
	div.col-right-300 div.clicker-300
	{
	width: 100%;
	max-width: 300px;
	height: auto;
	}
}

/* Posters in the 300 box at bottom */

@media (max-width: 700px) {

	div.col-right-300 div.movie-poster-wrapper div.movie-box
	{
	width: calc(25% - 1rem);
	}
}

@media (max-width: 420px) {

	div.col-right-300 div.movie-poster-wrapper div.movie-box
	{
	width: calc(33.3333% - 1rem);
	}
	
	div.movie-poster-wrapper div.movie-box a
	{
	font-size: 1.1rem;
	}
}

@media (max-width: 360px) {

	div.col-right-300 div.movie-poster-wrapper div.movie-box
	{
	width: calc(50% - 1rem);
	}
}

/* MQ - Col 200 */

@media (max-width: 700px) {

	div.col-left-200
	{
	display: block;
	width: 200px;
	margin: 0 auto;
	}

	div.col-left-200 div.side-box
	{
	width: 200px;
	vertical-align: top;
	display: inline-block;
	margin: 0 20px 20px 0;
	}

	div.col-main-200
	{
	width: 100%;
	margin: 0;
	}

	div.col-main-200-300
	{
	width: 100%;
	margin: 0;
	}
}

@media (max-width: 500px) {

div.col-info div.col-left-200
{
display: none;
}

}

/* MQ - Major */

@media (max-width: 700px) {

	div.major-info
	{
	text-align: center;
	margin-top: 1rem;
	}
}

/* MQ - Major Button */

@media (max-width: 500px) {

	div.col-wrapper-major div.button
	{
	width: 100%;
	margin: 0.5rem 0;
	}
	
	div.col-wrapper-major
	{
	margin-top: -2rem;
	}
}

/* MQ - Glinks */

@media (max-width: 740px) {

	div.panel-glinks ul
	{
	display:none;
	}

	div.lang-select
	{
	float: none;
	text-align: center;
	background: 0;
	}
}

/* MQ - Header */

@media (max-width: 1150px) {

	div.panel-nav ul
	{
	display:none;
	}
}

@media (max-width: 760px) {

	div.panel-nav
	{
	height: auto;
	text-align: center;
	}

	a.brand
	{
	margin: 0;
	}

	div.header-ctn
	{
	width: 100%;
	float: none;
	display: block;
	height: auto;
	}

	div.form
	{
	float: none;
	display: inline-block;
	margin-top: 5px;
	}
}

/* MQ - Subnav */

@media (max-width: 580px) {

	div.panel-subnav
	{
	text-align: center;
	}

	div.panel-subnav ul.right
	{
	float: none;
	}

	div.panel-subnav ul.browseby
	{
	display: none;
	}
}

/* MQ - Breadcrumbs */

@media (max-width: 900px) {

	ul.time
	{
	display: none;
	}
}

@media (max-width: 600px) {

	div.panel-breadcrumbs
	{
	visibility: hidden;
	height: 1rem;
	}
}

/* MQ - Posters */

@media (max-width: 800px) {

	div.movie-poster-wrapper div.movie-box
	{
	width: calc(25% - 1rem);
	}

	div.people-wrapper div.person-box
	{
	width: calc(25% - 1rem);
	}

	div.photos-wrapper div.photos-box
	{
	width: calc(16.6666% - 2rem);
	}
}

@media (max-width: 530px) {

	div.movie-poster-wrapper div.movie-box
	{
	width: calc(33.333333% - 1rem);
	}

	div.people-wrapper div.person-box
	{
	width: calc(33.333333% - 1rem);
	}

	div.photos-wrapper div.photos-box
	{
	width: calc(25% - 2rem);
	}
	
	
}

@media (max-width: 300px) {

	div.movie-poster-wrapper div.movie-box
	{
	width: calc(50% - 1rem);
	}
}

/* MQ Table */

@media (max-width: 1300px) {

	table .f
	{
	display: none;
	}
}

@media (max-width: 1200px) {

	table .d
	{
	display: none;
	}
}

@media (max-width: 1100px) {

	table .q
	{
	display: none;
	}
}

@media (max-width: 800px) {

	table .o
	{
	display: none;
	}
}

@media (max-width:640px) {

	table .u
	{
	display: none;
	}
}

@media (max-width:560px) {

	table .v
	{
	display: none;
	}
}

@media (max-width:480px) {

	table .a
	{
	display: none;
	}
}

@media (max-width:420px) {

	table .r
	{
	display: none;
	}
}

/* MQ - Reviews */

@media (max-width: 700px) {

	div.review-wrapper
	{
	margin: 0 0 4rem 0;
	}

	div.review-wrapper div.review-box
	{
	margin: 1rem 0;
	width: 100%;
	}
}

/* MQ - Newsletter */

@media (max-width: 700px) {

	form.newsletter-form
	{
	margin: 1rem auto 0 auto;
	display: block;
	}
}

/* MQ - Sharebar */

@media (max-width: 600px) {

	div.panel-sharebar
	{
	display: none;
	}
}

/* MQ - Cats */

@media (max-width: 1400px) {

	ul.cats
	{
	max-width: 900px;
	margin: 0 auto;
	}

	ul.cats li
	{
	border-left: 0;
	width: 200px;
	}
}

@media (max-width: 1000px) {

	ul.cats
	{
	max-width: 500px;
	margin: 0 auto;
	}
	
	ul.cats li
	{
	margin: 0;
	}
}

/* MQ - Infos */

@media (max-width: 580px) {

	ul.infos li
	{
	text-align: center;
	display: block;
	border: 0;
	}
}

/* MQ - Legal Links */

@media (max-width: 1100px) {

	div.panel-legal div.panel-inner
	{
	padding: 0.5rem 1rem;
	text-align: center;
	}

	div.panel-legal ul
	{
	float: none;
	}
}

/* MQ - Pagination */

@media (max-width: 2500px) {

	div.pnum-top
	{
	display: none;
	}
}

@media (max-width: 520px) {

	div.pagination div.desktop
	{
	display: none;
	}

	div.pagination div.mobile
	{
	display: inline;
	}
}

/* MQ - Clickers */

@media (max-width: 800px) {

	div.clicker-728
	{
	width: 100%;
	max-width: 728px;
	height: auto;
	}
}

@media (max-width: 500px) {

	div.clicker-728
	{
	display: none;
	}
}

/* MQ - Offer */

@media (max-width: 600px) {

	div.offer
	{
	padding: 3rem 0;
	}

	div.offer div.image
	{
	display: none;
	}

	div.offer div.info
	{
	width: 100%;
	}
}

/* MQ - Wide */

@media (max-width: 1040px) {

	ul.wide li
	{
	margin: 1rem;
	width: calc(100% - 2rem);
	}
}

/* MQ - Front */

@media (max-width: 1000px) {

	div.questions div.qu
	{
	display: inline-block;
	vertical-align: top;
	margin: 1rem 2rem;
	width: calc(100% - 4rem);
	max-width: 600px;
	}
}

@media (max-width: 500px) {

	div.front-lists div.side-item
	{
	margin: 2rem;
	width: calc(100% - 4rem);
	min-width: 0;
	}
}

/* MQ - Search Form */

@media (max-width: 700px) {

	div.search-form input.field
	{
	width: calc(100% - 11.2rem);
	}

	div.search-form button
	{
	width: 10rem;
	}
}

/* MQ - Rank */

@media (max-width: 700px) {

	div.form-rank
	{
	display: none;
	}
}

/* MQ - Font Sizes */

@media (max-width: 500px) {

	p
	{
	color: #444;
	}

	p.mtitle
	{
	font-size: 2rem;
	line-height: 2.4rem;
	}
}

/* MQ - Video Player */

@media (max-width: 700px) {

	.video-wrapper
	{
	width: 100%;
	}
}

@media (max-width: 400px) {

	.video-title
	{
	display: none;
	}

	.video-play
	{
	background-size: 25%;
	}

	.video-play:hover
	{
	background-size: 30%;
	}
}

/* Movie poster image large */

@media (max-width: 600px) {
	
	div.col-left-200
	{
	min-height: 210px;
	width: 140px;
	}
	
	div.main-movie-image-wrapper, div.main-person-image-wrapper
	{
	height: 210px;
	width: 140px;
	}

	div.main-movie-image-wrapper img, div.main-person-image-wrapper img
	{
	height: 210px;
	width: 140px;
	}
}

@media (max-width: 400px) {
	
	div.col-left-200
	{
	min-height: 150px;
	width: 100px;
	}
	
	div.main-movie-image-wrapper, div.main-person-image-wrapper
	{
	height: 150px;
	width: 100px;
	}

	div.main-movie-image-wrapper img, div.main-person-image-wrapper img
	{
	height: 150px;
	width: 100px;
	}
}