@import url(../css/sales/jquery-ui-1.10.4.custom.min.css);
/*
----------------------------------------------------------------
Copyright (C) 2014 Efigence
All rights reserved.
----------------------------------------------------------------
@project TVP Sales
@author Marcin Pajak
@copyright Copyright (C) 2014 Efigence
 All rights reserved.
CSS STRUCTURE:
1. AXIOMS
2. VARIABLES
3. GLOBALS
4. STRUCTURE
5. COMPONENTS
6. MODULES
7. ADDITIVES
8. RESPONSIVE
9. CLEARFIX
*/
/* normalize.css 2012-01-22T23:30 UTC - http://github.com/necolas/normalize.css */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
audio:not([controls]) { display: none; }
[hidden] {
display: none;
}
/* Base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; }
body { margin: 0; }
/* Links */
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
/* Typography */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* Lists */
ul, ol { margin: 0; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
/* Embedded content */
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
/* Figures */
figure { margin: 0; }
/* Forms */
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
a img { border: none; }
ul { list-style: none; }
th, td { vertical-align: middle; }
th { text-align: center; }
form input { vertical-align: middle; }
textarea { overflow: auto; }
pre, code, var, samp, kbd { font-family: monospace, sans-serif; }
p, li { word-wrap: break-word; }
img { max-width: 100%; width: auto; }
.caret-base, .movie-trailer .trailer-cta .cta--right { content: ""; display: inline-block; width: 0; height: 0; vertical-align: top; }
/* ----------------------------------------------------------------
 2. VARIABLES
* ---------------------------------------------------------------- */
/* $popoverBackground: #fff;
$popoverArrowWidth: 10px;
$popoverArrowColor: #fff;
$popoverTitleBackground: darken($popoverBackground, 3%);
$popoverArrowOuterWidth: $popoverArrowWidth + 1;
$popoverArrowOuterColor: rgba(0,0,0,.25); */
/* Styles */
#root .small { font-size: 80%; }
#root .color-brand { color: #0e3985; }
#root .color-red { color: #e30613; }
#root .color-white { color: #fff; }
#root .color-text { color: black; }
#root .color-link { color: #0e3985; }
#root .color-live { color: lighter(#0e3985, 5%); }
#root .no-margin { margin: 0; }
#root .no-space { padding: 0; }
#root .no-wrap { white-space: nowrap; }
#root .lower { text-transform: none; }
#root .left-txt { text-align: left; }
#root .center-txt { text-align: center; }
#root .right-txt { text-align: right; }
#root .upcase, #root .option .option-title, .option #root .option-title { text-transform: uppercase; }
#root .no-shade, #root .newsletter .newsletter-caption, .newsletter #root .newsletter-caption { text-shadow: none; }
#newsletter_button span{
	cursor: pointer;
}
#newsletter_button span:hover{
	text-decoration: underline;
}
@media screen and (min-width: 960px) {
#root .w75p { max-width: 75%; }
}
#root .stricted { border-bottom: 1px solid gainsboro; }
#root .stricted--all, #root .badge { border: 1px solid gainsboro; }
.bigger { font-size: 1.352em; }
.smaller { font-size: .8em; }
.hidden { display: none; }
a.block { display: block; }
a.block:hover { text-decoration: none; }
.bg--brand, .newsletter { background-color: #0e3985; color: white; }
.bg--light { background-color: white; color: black; }
.bg--dark { background-color: #282828; color: white; }
.bg--medium { background-color: #e9e9e9; color: black; }
.bg--muddy, .quicknav-list { background-color: #757575; color: white; }
.fs-alpha, .fs-beta, h1, .slide-title, .fs-gamma, h2, .main-title, .fs-delta, h3, .blank-title, .newsletter .newsletter-title, .fs-epsilon, h4, .slide-subtitle, .list--tab .list-link { line-height: 1.1; }
.fs-alpha { font-size: 45px; font-size: 4.5rem; }
@media screen and (min-width: 1024px) {
.fs-alpha { font-size: 72px; font-size: 6rem; }
}
.fs-beta, h1, .slide-title { font-size: 40px; font-size: 4rem; }
@media screen and (min-width: 1024px) {
.fs-beta, h1, .slide-title { font-size: 55px; font-size: 5.5rem; }
}
.fs-gamma, h2, .main-title { font-size: 35px; font-size: 3.5rem; }
@media screen and (min-width: 1024px) {
.fs-gamma, h2, .main-title { font-size: 48px; font-size: 4.8rem; }
}
.fs-delta, h3, .blank-title, .newsletter .newsletter-title { font-size: 24px; font-size: 2.4rem; }
@media screen and (min-width: 1024px) {
.fs-delta, h3, .blank-title, .newsletter .newsletter-title { font-size: 30px; font-size: 3rem; }
}
.fs-epsilon, h4, .slide-subtitle, .list--tab .list-link { font-size: 20px; font-size: 2rem; }
@media screen and (min-width: 1024px) {
.fs-epsilon, h4, .slide-subtitle, .list--tab .list-link { font-size: 24px; font-size: 2.4rem; }
}
.fs-10 { font-size: 10px; font-size: 1rem; }
.fs-11 { font-size: 11px; font-size: 1.1rem; }
.fs-12, .link, .option .option-title { font-size: 12px; font-size: 1.2rem; }
.fs-13, .nav--secondary .nav-item { font-size: 13.4px; font-size: 1.34rem; }
.fs-14, .nav--lang .nav-link, .filter-title, .filter-item .item-deselect, .categories-item { font-size: 14px; font-size: 1.4rem; }
.fs-15 { font-size: 15px; font-size: 1.5rem; }
.fs-16, h6 { font-size: 16px; font-size: 1.6rem; }
.fs-17 { font-size: 17px; font-size: 1.7rem; }
.fs-18, h5, .pagination-list .list-link, .tails-separator, .movie-desc .desc-subtitle, .honor-list .list-item { font-size: 18px; font-size: 1.8rem; }
.fs-20 { font-size: 20px; font-size: 2rem; }
/* ----------------------------------------------------------------
11. GLOBALS Fonts Typography Abstracts Utilities
* ---------------------------------------------------------------- */
/* FONT FACE */
@font-face { font-family: 'roboto-thin'; src: url("../fonts/roboto-thin.eot"); src: url("../fonts/roboto-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-thin.ttf") format("truetype"), url("../fonts/roboto-thin.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roboto-light'; src: url("../fonts/roboto-light.eot"); src: url("../fonts/roboto-light.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-light.ttf") format("truetype"), url("../fonts/roboto-light.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roboto-medium'; src: url("../fonts/roboto-medium.eot"); src: url("../fonts/roboto-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-medium.ttf") format("truetype"), url("../fonts/roboto-medium.woff") format("woff"); font-weight: normal; font-style: normal; }
.font--thin, .categories-title, .slide-caption, .tails--primary .tail, .modal .modal-header, .modal-form .form-input--text, .modal-form .form-textarea { font-family: 'roboto-thin', sans-serif; }
.font--light, .form .form-label, .form--search input[type="text"].form-input--text, .user-label--link .btn-link { font-family: 'roboto-light', sans-serif; }
.font--medium, .btn--base, .btn--theme, .slide-btn, .filter-title, .list--numbered .list-num, .list--default .list-num, .movie-desc .desc-label, .movie-desc .desc-subtitle, .honor-list .list-item:first-child, .badge .badge-title, .jewel:after, .user-label, .modal-form .form-more .form-more--icon { font-family: 'roboto-medium', sans-serif; }
.bg { background: url("../gfx/bg/tvp_bg.jpg") no-repeat; background-size: cover; }
/* Typography */
html { font-size: 62.5%; }
@media screen and (max-width: 1209px) and (min-width: 481px) {
html { font-size: 60%; }
}
@media screen and (max-width: 480px) {
html { font-size: 50%; }
}
body { color: black; font: normal 100%/1.5 "roboto-light", Arial, sans-serif; }
h1 { margin-bottom: 8.5px; margin-bottom: 0.85rem; margin-top: 8.5px; margin-top: 0.85rem; font-weight: normal; line-height: 1.2; }
h2 { margin-bottom: 5px; margin-bottom: 0.5rem; margin-top: 5px; margin-top: 0.5rem; font-weight: normal; line-height: 1.2; }
h3 { margin-bottom: 5px; margin-bottom: 0.5rem; margin-top: 5px; margin-top: 0.5rem; font-weight: normal; line-height: 1.2; }
h4 { margin-bottom: 5px; margin-bottom: 0.5rem; margin-top: 5px; margin-top: 0.5rem; font-weight: normal; line-height: 1.2; }
h5 { line-height: 1.5; }
h6 { line-height: 1.5; }
p { margin-bottom: 6px; margin-bottom: 0.6rem; margin-top: 6px; margin-top: 0.6rem; }
p.upper { margin-top: -.85em; }
@media screen and (min-width: 960px) {
p { margin-bottom: 12px; margin-bottom: 1.2rem; margin-top: 12px; margin-top: 1.2rem; }
}
p, li { font-size: 14px; }
a { -webkit-transition: color 0.21s linear; -moz-transition: color 0.21s linear; -o-transition: color 0.21s linear; transition: color 0.21s linear; text-decoration: none; }
a:active { background-color: transparent; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
address { font-style: normal; }
.link { text-transform: uppercase; color: #0e3985; cursor: pointer; display: block; }
.tooltip .tooltip-link { display: block; }
.tooltip .tooltip-link:hover { text-decoration: none; }
.tooltip .tooltip-link:active { text-decoration: none; }
.wrapper { margin: 0 auto; max-width: 960px; min-width: 290px; padding-left: 15px; padding-right: 15px; }
@media screen and (min-width: 960px) {
.wrapper { padding-left: 10px; padding-right: 10px; }
}
@media screen and (min-width: 1024px) {
.wrapper { max-width: 1024px; }
}
.ie8 .wrapper { width: 960px; }
.loader { display: inline-block; }
.ajax-loading { display: block; margin: 0 auto; max-width: 100px; min-height: 275px; width: 20%; }
.loading { display: block; margin: 0 auto; width: 100%; }
::selection { background: #cfe4f2; color: #fff; text-shadow: 0 0 transparent !important; }
::-moz-selection { background: #cfe4f2; color: #fff; text-shadow: 0 0 transparent !important; }
.empty { margin: 2em 0 1em; }
.empty.empty-big { margin-top: 4.2em; }
.ui-padding { padding-bottom: 20px; padding-top: 20px; }
.wrapper, .medium-1of3, .categories-column, .wide-1of2, .wide-1of3, .wide-1of5, .narrow-1of2, .panel, .info-box, .modal-form .form-more .form-more--icon { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.shade:after, .shade--l:after, .slide-picture:after, .shade--m:after, .tails--primary .tail--large .tail-picture:after, .shade--s:after, .tail .tail-picture:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.no-boxshadow .shade:after, .no-boxshadow .shade--l:after, .no-boxshadow .slide-picture:after, .no-boxshadow .shade--m:after, .no-boxshadow .tails--primary .tail--large .tail-picture:after, .tails--primary .tail--large .no-boxshadow .tail-picture:after, .no-boxshadow .shade--s:after, .no-boxshadow .tail .tail-picture:after, .tail .no-boxshadow .tail-picture:after { background: url("../gfx/bg/shade.png") center bottom repeat-x; }
.shade--l:after, .slide-picture:after { -moz-box-shadow: inset 0 -250px 250px -150px rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 -250px 250px -150px rgba(0, 0, 0, 0.6); box-shadow: inset 0 -250px 250px -150px rgba(0, 0, 0, 0.6); }
.shade--m:after, .tails--primary .tail--large .tail-picture:after { -moz-box-shadow: inset 0 -180px 180px -110px rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 -180px 180px -110px rgba(0, 0, 0, 0.6); box-shadow: inset 0 -180px 180px -110px rgba(0, 0, 0, 0.6); }
.shade--s:after, .tail .tail-picture:after { -moz-box-shadow: inset 0 -160px 160px -100px rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 -160px 160px -100px rgba(0, 0, 0, 0.6); box-shadow: inset 0 -160px 160px -100px rgba(0, 0, 0, 0.6); }
.shaded-txt, .slide-btn, .slide-caption, .tail .tail-caption { color: white; text-shadow: 1px 1px 2px #000; }
.shaded, .info-layer { background-color: rgba(0, 0, 0, 0.6); color: #fff; }
.shaded a, .info-layer a { color: #fff; }
.no-boxshadow .shaded, .no-boxshadow .info-layer { background: url("../gfx/bg/modal_bg.png") repeat; }
/* Buttons */
.btn, .btn--base, .btn--theme, .slide-btn { font-size: 14px; font-size: 1.4rem; padding-left: 5px; padding-left: 0.5rem; padding-right: 5px; padding-right: 0.5rem; padding-bottom: 2px; padding-bottom: 0.2rem; padding-top: 2px; padding-top: 0.2rem; display: inline-block; vertical-align: middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 1.1; cursor: pointer; }
.btn--base, .btn--theme, .slide-btn { background: none; border: 1px solid #fff; color: #fff; text-align: center; padding-left: 18px; padding-left: 1.8rem; padding-right: 18px; padding-right: 1.8rem; padding-bottom: 14px; padding-bottom: 1.4rem; padding-top: 14px; padding-top: 1.4rem; }
@media screen and (max-width: 960px) {
.btn--base, .btn--theme, .slide-btn { padding-left: 14px; padding-left: 1.4rem; padding-right: 14px; padding-right: 1.4rem; padding-bottom: 10px; padding-bottom: 1rem; padding-top: 10px; padding-top: 1rem; }
}
.btn--base:focus, .btn--theme:focus, .slide-btn:focus, .btn--base:hover, .btn--theme:hover, .slide-btn:hover, .btn--base:active, .btn--theme:active, .slide-btn:active { background: #fff; color: #0e3985; text-decoration: none; }
.btn--theme { border: 2px solid #0e3985; background: #fff; color: #0e3985; }
.btn--theme:focus, .btn--theme:hover, .btn--theme:active { background: #0a2960; color: #fff; }
.btn-icon { padding-right: 7px; padding-right: 0.7rem; font-size: 20px; vertical-align: middle; }
.btn-link { font-size: 14px; font-size: 1.4rem; color: #0e3985; display: block; line-height: 1.9; text-align: left; text-transform: uppercase; cursor: pointer; }
.btn-link:hover { text-decoration: underline; }
.btn-link:hover .icon { text-decoration: none; }
.modal .btn-link { color: #fff; }
.btn_extended { text-align: left; }
.btn_extended .btn:first-child, .btn_extended .btn--base:first-child, .btn_extended .btn--theme:first-child, .btn_extended .slide-btn:first-child { margin-right: 28px; margin-right: 2.8rem; margin-top: 10px; margin-top: 1rem; margin-bottom: 10px; margin-bottom: 1rem; }
.btn_extended--m { margin-top: 34px; margin-top: 3.4rem; }
.btn_extended--m .btn:first-child, .btn_extended--m .btn--base:first-child, .btn_extended--m .btn--theme:first-child, .btn_extended--m .slide-btn:first-child { margin-right: 35px; margin-right: 3.5rem; }
.btn-aside { display: inline-block; vertical-align: middle; }
.btn-aside .btn-link + .btn-link { padding-top: 4px; padding-top: 0.4rem; }
@media screen and (max-width: 440px) {
.btn-aside { display: block; padding-top: 20px; padding-top: 2rem; text-align: center; }
}
@media screen and (min-width: 1350px) {
.btn--xs { min-width: 68px; }
}
@media screen and (max-width: 440px) {
.btn--xs { min-width: 50px; }
}
@media screen and (min-width: 1350px) {
.btn--s, .slide-btn { min-width: 106px; }
}
@media screen and (max-width: 440px) {
.btn--s, .slide-btn { min-width: 80px; }
}
.btn--m { font-size: 18px; font-size: 1.8rem; padding-top: 17px; padding-top: 1.7rem; padding-bottom: 17px; padding-bottom: 1.7rem; padding-right: 19px; padding-right: 1.9rem; padding-left: 19px; padding-left: 1.9rem; border-width: 2px; min-width: 85px; }
@media screen and (min-width: 640px) {
.btn--m { min-width: 130px; }
}
.slide-btn { -moz-box-shadow: inset 1px 1px 1px black, 1px 1px 1px black; -webkit-box-shadow: inset 1px 1px 1px black, 1px 1px 1px black; box-shadow: inset 1px 1px 1px black, 1px 1px 1px black; }
.slide-btn:focus, .slide-btn:hover, .slide-btn:active { text-shadow: 0 0; color: #0e3985; box-shadow: 0 0; }
.btn--stick { float: right; margin: 0; padding-bottom: 10px; padding-bottom: 1rem; }
@media screen and (min-width: 640px) {
.btn--stick { padding-top: 22px; padding-top: 2.2rem; padding-bottom: 0; }
}
.btn-caption { font-size: 14px; font-size: 1.4rem; margin-bottom: 0; }
.btn-caption a { color: #0e3985; }
@font-face { font-family: 'font-icons'; src: url("../fonts/font-icons.eot"); src: url("../fonts/font-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/font-icons.ttf") format("truetype"), url("../fonts/font-icons.woff") format("woff"), url("../fonts/font-icons.svg") format("svg"); font-weight: normal; font-style: normal; }
.category-icon, [data-icon]:before { font-family: "font-icons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "font-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.category-icon { font-size: 35px; font-size: 3.5rem; font-family: "font-icons" !important; content: ""; line-height: 1; }
.icon--c:before { content: "o"; }
.icon--c1:before, .icon--cfilm:before, .icon--cformats:before { content: "o"; }
.icon--c2:before, .icon--cdokument:before, .icon--cdocumentaries:before { content: "g"; }
.icon--c3:before, .icon--cserial:before, .icon--cseries:before { content: "p"; }
.icon--c4:before, .icon--canimacje:before, .icon--c4:before { content: "e"; }
.icon--c5:before, .icon--cmuzyczne:before, .icon--c5:before { content: "w"; }
.icon--c6:before, .icon--cdla-dzieci-mlodziezy:before, .icon--cchildren:before { content: "b"; }
.icon--c7:before, .icon--crozrywka:before, .icon--c7:before { content: "l"; }
.icon--c8:before, .icon--cformat:before, .icon--cformats:before { content: "x"; }
.icon--c9:before, .icon--c9:before, .icon--c9:before { content: "b"; }
.icon--c10:before, .icon--c10:before, .icon--c10:before { content: "t"; }
.icon--c11:before, .icon--c11:before, .icon--c11:before { content: "f"; }
.icon--c12:before, .icon--cwszystkie:before, .icon--c12:before { content: "d"; }
.icon--tails-full:before, .icon--tails:before { content: "u"; }
.icon--tails-stroke:before, .is-view-list .list-link .icon--tails:before { content: "v"; }
.icon--list-full:before, .is-view-list .list-link .icon--list:before { content: "i"; }
.icon--list-stroke:before, .icon--list:before { content: "j"; }
.icon--hd:before { content: "h"; }
.icon--baloons:before { content: "b"; }
.icon--award:before { content: "q"; }
.icon--search:before { content: "r"; }
.icon--star:before { content: "s"; }
.icon--menu:before { content: "m"; }
.icon--user:before { content: "y"; }
.icon--bin:before { content: "c"; }
.icon--arrow-down:before { content: "a"; }
.icon--lock:before { content: "k"; }
.icon--mail:before { content: "@"; font-family: 'roboto-medium', sans-serif !important; }
.icon--plus:before { content: "+"; font-family: 'roboto-medium', sans-serif !important; }
.btn_extended .trailer-cta .cta--right {content: ""; display: inline-block; height: 0; vertical-align: top; width: 0;}
.btn_extended .trailer-cta .cta--right { border-left: 11px solid #0e3985; border-bottom: 11px solid transparent; border-top: 11px solid transparent; margin-right: 10px; margin-right: 1rem; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; vertical-align: middle; }
.btn_extended .trailer-cta:hover .cta--right { border-left-color: #fff;}
/* Navigation */
.option { display: block; font-size: 12px; font-size: 1.2rem; vertical-align: top; }
@media screen and (max-width: 959px) {
.option { width: 29%; display: inline-block; }
}
.option .option-box { display: block; cursor: pointer; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; height: 90px; line-height: 90px; color: black;/* &:before {
 content: '';
 display: inline-block;
 vertical-align: middle;
 height: 100%; 
 font-size: 0;
 } */
}
@media screen and (min-width: 960px) {
.option .option-box { display: block; min-height: 106px; }
}
@media screen and (min-width: 400px) and (max-width: 959px) {
.option .option-box { height: 110px; line-height: 110px; }
}
.option .option-box:hover { text-decoration: none; }
.option .option-title { display: block; padding-top: 19px; color: #555555; cursor: pointer; line-height: 1.2; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.option .option-title.is-active { color: #0e3985; }
.option .option-title:hover { color: #0e3985; }
@media screen and (min-width: 960px) {
.option .option-title { padding-top: 22px; }
}
@media screen and (min-width: 400px) and (max-width: 959px) {
.option .option-title { padding-top: 26px; }
}
.option .option-icon { display: block; font-size: 30px; line-height: 1.3; position: relative; }
@media screen and (max-width: 400px) {
.option { font-size: 26px; }
}
.option.form--search .option-icon { top: 4px; }
.option-close { position: absolute; right: 0; top: 0; font-size: 50px; font-size: 5rem; line-height: 1; cursor: pointer; color: #8e8e8e; }
.is-nav_open .option-box.is-active, .is-search_open .option-box.is-active { background: #e9e9e9; }
.is-filter_open .nav--primary .option-box { color: #0e3985; }
.is-modal-active .login .option-box.is-active { background: none; }
.nav--lang { max-width: 82px; margin: 0 auto; padding: 24px 0; }
@media screen and (min-width: 960px) {
.nav--lang { border-top: 1px solid #ccc; margin-top: 10px; margin-top: 1rem; padding-top: 10px; padding-top: 1rem; }
}
@media screen and (min-width: 960px) {
.nav--lang .nav-item { display: inline-block; }
}
.nav--lang .nav-item.is-active .nav-link { color: #0e3985; }
.nav--lang .nav-link { color: black; margin: 4px; margin: 0.4rem; }
.nav--primary .nav-item { text-align: left; padding-right: 16px; padding-right: 1.6rem; padding-left: 16px; padding-left: 1.6rem; }
.nav--primary .nav-link { font-size: 12px; font-size: 1.2rem; padding-top: 14px; padding-top: 1.4rem; padding-bottom: 22px; padding-bottom: 2.2rem; -webkit-transition: color 0.3s linear 0s; -moz-transition: color 0.3s linear 0s; -o-transition: color 0.3s linear 0s; transition: color 0.3s linear 0s; color: #555555; display: block; cursor: pointer; }
@media screen and (min-width: 640px) {
.nav--primary .nav-link { font-size: 14px; font-size: 1.4rem; }
}
.nav--primary .nav-link:hover, .nav--primary .nav-link.is-active { color: #0e3985; text-decoration: none; }
.nav--primary .nav-icon { font-size: 29px; font-size: 2.9rem; line-height: 1; display: inline-block; vertical-align: middle; margin-top: -8px; margin-top: -0.8rem; margin-right: 8px; margin-right: 0.8rem; }
.nav--primary .nav-txt { display: inline-block; width: 140px; vertical-align: middle; }
.nav-list--primary { margin-right: 10px; }
@media screen and (max-height: 520px) and (min-width: 960px) {
.nav-list--primary { max-height: 300px; }
}
@media screen and (max-height: 600px) and (min-height: 521px) and (min-width: 960px) {
.nav-list--primary { max-height: 330px; }
}
@media screen and (max-height: 720px) and (min-height: 601px) and (min-width: 960px) {
.nav-list--primary { max-height: 440px; }
}
@media screen and (max-height: 800px) and (min-height: 721px) and (min-width: 960px) {
.nav-list--primary { max-height: 520px; }
}
@media screen and (max-height: 870px) and (min-height: 801px) and (min-width: 960px) {
.nav-list--primary { max-height: 620px; }
}
@media screen and (max-height: 910px) and (min-height: 871px) and (min-width: 960px) {
.nav-list--primary { max-height: 720px; }
}
.nav--secondary { padding-bottom: 10px; padding-bottom: 1rem; padding-top: 10px; padding-top: 1rem; text-align: left; }
.nav--secondary .nav-item { padding-bottom: 5px; padding-bottom: 0.5rem; padding-top: 5px; padding-top: 0.5rem; line-height: 1.75; }
@media screen and (min-width: 960px) {
.nav--secondary { padding-bottom: 2.1px; padding-bottom: 0.21rem; padding-top: 2.1px; padding-top: 0.21rem; font-size: 0; white-space: nowrap; }
.nav--secondary .nav-item { padding-left: 10px; padding-left: 1rem; padding-right: 10px; padding-right: 1rem; display: inline-block; line-height: 1.34; }
.nav--secondary .nav-item:first-child { padding-left: 0; }
.nav--secondary .nav-item:before { padding-right: 10px; padding-right: 1rem; color: #fff; content: "|"; }
.nav--secondary .nav-item:first-child:before { content: ""; padding: 0; }
}
.nicescroll-rails { width: 2px !important; }
.nicescroll-rails > div { left: 2px; }
form { margin: 0; }
label { cursor: pointer; display: block; margin-bottom: 5px; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 40px; line-height: 20px; padding: 9px 8px; vertical-align: middle; font-size: 14px; }
textarea { height: auto; }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { border: 0; font-family: "roboto-light", Arial, sans-serif; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9;/* IE6-9 */ }
input[type="radio"], input[type="checkbox"] { margin: 1px 0 0; *margin-top: 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; }
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }
select, input[type="file"] { height: 20px; line-height: 20px; }
select[multiple], select[size] { height: auto; }
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; }
input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; }
button, input[type="button"], input[type="submit"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; padding: 0; }
.input--xl, .user-form .form-input, .modal-form .form-input--text { width: 100%; }
.input--theme { background: #0a2960; color: white; border: 1px solid transparent; }
.input--theme:focus { border: 1px solid #5775aa; }
.form .form-input { position: relative; min-width: 160px; }
.form .form-input--btn { border: 0; }
.form .form-label { text-align: left; }
.form-select--custom, .form-select { width: 100%; display: inline-block; height: 40px; line-height: 20px; padding: 9px 8px; vertical-align: middle; cursor: pointer; }
.form-select-wrap { position: relative; }
.form-select { position: absolute; top: 0; left: 0; }
.form-select > option { line-height: 1.5; }
.form-element { position: relative; }
.invalid-txt { font-size: 12px; color: #e30613; position: relative; margin: 2px 0 0; display: block; }
.border-box, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .form-select--custom, .form-select, .medium-1of3, .categories-column, .movie-desc, .tooltip, .newsletter .newsletter-caption { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.medium-1of3, .categories-column, .wide-1of2, .wide-1of3, .wide-1of5, .narrow-1of2 { display: inline-block; font-size: 1rem; vertical-align: top; white-space: normal; }
@media screen and (max-width: 640px) {
.categories-column { width: 50%; }
}
@media screen and (min-width: 640px) and (max-width: 960px) {
.medium-1of3 { width: 33%; width: calc(100%/3); }
}
/* ----------------------------------------------------------------
5. STRUCTURE
Layout
Grids
Static Sections
 Header
 Container
 Footer
* ---------------------------------------------------------------- */
.desktop { display: none; }
@media screen and (min-width: 960px) {
.desktop { display: block; }
}
@media screen and (min-width: 960px) {
.mobile { display: none; }
}
/* GRID */
.columns, .columns--gap { font-size: 0; }
.columns--gap { left: -21px; margin-right: -21px; position: relative; }
@media screen and (min-width: 960px) {
.columns--gap { left: -55px; margin-right: -55px; }
}
.columns--gap .column { padding-left: 21px; }
@media screen and (min-width: 960px) {
.columns--gap .column { padding-left: 55px; }
}
.medium-1of3, .categories-column, .wide-1of2, .wide-1of3, .wide-1of5, .narrow-1of2 { display: inline-block; font-size: 1rem; vertical-align: top; white-space: normal; }
.wide-1of2 { width: 100%; }
@media screen and (min-width: 960px) {
.wide-1of2 { width: 50%; }
.wide-1of3 { width: 29.9%; width: calc(99.9%/3); }
.wide-1of5 { width: 20%; }
.wide-1of7 { width: 14.28%; }
.wide-1of8 { width: 12.5%; }
}
@media screen and (min-width: 540px) {
.narrow-1of2 { width: 50%; }
}
/* Layout */
body { background: #fff; text-align: center; }
.site { max-width: 1210px; position: relative; left: 0; overflow: hidden; -webkit-transition: left 0.3s linear; -moz-transition: left 0.3s linear; -o-transition: left 0.3s linear; transition: left 0.3s linear; }
.site.is-nav_open .site-floating, .site.is-search_open .site-floating { left: 220px; }
.site.is-filter_open .site-floating { margin-left: 220px; max-width: 990px; min-width: 520px; }
@media screen and (min-width: 960px) {
.site { overflow: hidden; }
.site.is-nav_open, .site.is-search_open { left: 0; }
.site.is-nav_open .site-floating, .site.is-search_open .site-floating { left: 220px; }
.site.is-nav_open.is-filter_open .site-floating, .site.is-search_open.is-filter_open .site-floating { left: 220px; }
}
.ie8 .site { width: 968px; }

/* HEADER */
@media screen and (min-width: 960px) {
.header-top, .header-options { bottom: 0; left: 0; position: fixed; top: 0; /*overflow: hidden; na safari mc dupa */ }
}
.header-options { background: #fff; font-size: 0; padding-top: 0px; padding-top: 0rem; border-bottom: 1px solid #e9e9e9; }
@media screen and (min-width: 960px) {
.header-options { width: 144px; top: 140px; height: auto; border-right: 1px solid #e9e9e9; }
}
@media screen and (max-width: 959px) {
.header-options { padding-left: 25%; }
}
@media screen and (min-width: 960px) and (min-height: 890px) {
.header-options { padding-top: 91px; padding-top: 9.1rem; }
}
.header-top { background: #0e3985; float: left; width: 25%; }
@media screen and (min-width: 960px) {
.header-top { width: 100%; height: 140px; }
}
.logo { background: #0e3985; display: block; height: 90px; position: relative; border-bottom: 1px solid #0e3985; }
@media screen and (min-width: 960px) {
.logo { width: 145px; height: 140px; border: 0; }
}
@media screen and (min-width: 400px) and (max-width: 959px) {
.logo { height: 110px; }
}
.logo img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.header-others { width: 13%; }
.header-others .tvp-shop { display: none; }
@media screen and (min-width: 960px) {
.header-others .tvp-shop { display: block; }
}
@media screen and (min-width: 960px) {
.header-others { width: 145px; padding-top: 60px; padding-top: 6rem; }
}
@media screen and (max-height: 780px) {
.header-others { padding-top: 8px; padding-top: 0.8rem; }
}
@media screen and (min-height: 781px) and (min-width: 960px) {
.header-others { position: fixed; left: 0; bottom: 0; }
}
@media screen and (max-width: 959px) {
.header-others { padding-top: 20px; }
}
@media screen and (max-width: 400px) {
.header-others { padding-top: 6px; }
}
/* CONTAINER */
.site-container { background: #fff; position: relative; z-index: 2; }
.site-container img { display: block; }
@media screen and (min-width: 960px) {
.site { padding: 10px 10px 10px 145px; }
}
.site-floating { position: relative; left: 0; -webkit-transition: left 0.3s linear 0s; -moz-transition: left 0.3s linear 0s; -o-transition: left 0.3s linear 0s; transition: left 0.3s linear 0s; }
@media screen and (min-width: 960px) {
.site-floating:before, .site-floating:after { content: ''; position: fixed; width: 100%; left: 0; height: 10px; z-index: 3; }
}
@media screen and (min-width: 960px) {
.site-floating:after { top: 0; background: #0e3985; }
}
@media screen and (min-width: 960px) {
.site-floating:before { bottom: 0; background: #fff; }
}
.main-header { padding-top: 22px; padding-top: 2.2rem; padding-bottom: 22px; padding-bottom: 2.2rem; margin-right: 20px; margin-right: 2rem; margin-left: 20px; margin-left: 2rem; text-align: left; }
@media screen and (min-width: 640px) {
.main-header { margin-right: 40px; margin-right: 4rem; margin-left: 40px; margin-left: 4rem; text-indent: -1px; }
}
.main-title { line-height: 1.5; margin: 0; display: inline-block; vertical-align: middle; margin-right: 30px; margin-right: 3rem; }
.main-subtitle { font-size: 22px; font-size: 2.2rem; line-height: 1.5; margin: 0; margin-top: 20px; margin-top: 2rem; margin-bottom: 10px; margin-bottom: 1rem; }
.main-subtitle + .main-subtitle { margin-top: 0px; margin-top: 0rem; }
.main-txt { font-size: 16px; font-size: 1.6rem; line-height: 1.5; margin-bottom: 30px; margin-bottom: 3rem; }
.main-content { padding: 20px; padding: 2rem; position: relative; }
@media screen and (min-width: 640px) {
.main-content { padding-right: 40px; padding-right: 4rem; padding-left: 40px; padding-left: 4rem; padding-top: 30px; padding-top: 3rem; padding-bottom: 30px; padding-bottom: 3rem; }
}
@media screen and (min-width: 960px) {
.main-content { min-height: 450px; }
}
.main-header + .main-content { padding-top: 0; }
@media screen and (min-width: 540px) {
.content--blank { text-align: left; }
}
.blank-title { margin: 0; padding-top: 30px; padding-top: 3rem; line-height: 1.4; }
.blank-prompt { display: block; font-size: 18px; font-size: 1.8rem; }
/*PANELS*/
.panel { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; bottom: 0; overflow: hidden; position: absolute; left: 0; top: 90px; width: 0; background: #fbfbfb; }
@media screen and (min-width: 400px) {
.panel { top: 110px; }
}
@media screen and (min-width: 960px) {
.panel { background: #e9e9e9; left: 145px; bottom: 10px; position: fixed; top: 10px; z-index: 1; }
}
.panel--filter { top: 0; left: -220px; }
@media screen and (min-width: 960px) {
.panel--filter { top: 10px; left: 145px; }
}
.panel--filter .panel-title { margin-bottom: 0; padding-bottom: 33px; padding-bottom: 3.3rem; }
.is-nav_open .panel--categories, .is-search_open .panel--search { width: 220px; }
.is-filter_open .panel--filter { width: 220px; z-index: 12; }
@media screen and (min-width: 960px) {
.is-nav_open.is-filter_open .panel--filter, .is-search_open.is-filter_open .panel--filter { left: 365px; }
}
.panel-title { text-align: left; margin-right: 20px; margin-right: 2rem; margin-left: 20px; margin-left: 2rem; margin-top: 35px; margin-top: 3.5rem; padding-bottom: 40px; padding-bottom: 4rem; margin-bottom: 30px; margin-bottom: 3rem; position: relative; }
.panel-in { min-width: 220px; position: relative; }
/* panel--categories */
.category-total { margin-left: 40px; margin-left: 4rem; font-size: 14px; font-size: 1.4rem; display: block; }
/* panel--filter */
.filter { margin-right: 7px; margin-right: 0.7rem; margin-left: 7px; margin-left: 0.7rem; color: #000; text-align: left; }
.filter + .filter { margin-top: 20px; margin-top: 2rem; }
.filter-title { padding-left: 14px; padding-left: 1.4rem; padding-bottom: 3px; padding-bottom: 0.3rem; }
.filter-item { margin-top: 8px; margin-top: 0.8rem; margin-bottom: 8px; margin-bottom: 0.8rem; margin-right: 12px; margin-right: 1.2rem; padding-right: 14px; padding-right: 1.4rem; padding-left: 14px; padding-left: 1.4rem; -webkit-transition: border 0.3s linear; -moz-transition: border 0.3s linear; -o-transition: border 0.3s linear; transition: border 0.3s linear; border: 1px solid transparent; cursor: pointer; line-height: 2.4; position: relative; }
.filter-item:hover, .filter-item.is-selected { border: 1px solid #cccccc; }
.filter-item.is-selected .item-deselect { display: block; }
.filter-item.is-selected:hover .item-deselect { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity= '$value * 100' )"; filter: alpha(opacity=70); zoom: 1; }
.filter-item .item-deselect { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity= '$value * 100' )"; filter: alpha(opacity=100); zoom: 1; right: 7px; right: 0.7rem; color: #0e3985; display: none; font-weight: bold; line-height: 1.9; position: absolute; top: 0; }
.filter--clear { text-align: center; }
.filters-wrap { margin-right: 8px; }
@media screen and (max-height: 600px) and (min-height: 521px) and (min-width: 960px) {
.filters-wrap { max-height: 250px; }
}
@media screen and (max-height: 720px) and (min-height: 601px) and (min-width: 960px) {
.filters-wrap { max-height: 330px; }
}
@media screen and (max-height: 800px) and (min-height: 721px) and (min-width: 960px) {
.filters-wrap { max-height: 420px; }
}
@media screen and (max-height: 870px) and (min-height: 801px) and (min-width: 960px) {
.filters-wrap { max-height: 520px; }
}
@media screen and (min-height: 871px) and (min-width: 960px) {
.filters-wrap { max-height: 660px; }
}
/* Search */
.form--search .form-label { padding-left: 22px; padding-left: 2.2rem; padding-right: 20px; padding-right: 2rem; padding-bottom: 10px; padding-bottom: 1rem; font-size: 14px; font-size: 1.4rem; }
.form--search input[type="text"].form-input--text { border: 1px solid #bababa; padding-right: 40px; vertical-align: top; }
.form--search .form-input--btn { font-size: 20px; font-size: 2rem; background: #0e3985; color: #fff; height: 40px; position: absolute; right: 0; text-align: center; top: 0; width: 40px; z-index: 2; }
.form--search .form-input--btn > .icon { position: relative; top: 2px; top: 0.2rem; }
.form--search .form-input { margin-top: 10px; margin-top: 1rem; margin-right: 20px; margin-right: 2rem; margin-left: 20px; margin-left: 2rem; }
/* FOOTER */
/* Footer Categories */
.categories { padding-bottom: 10px; padding-bottom: 1rem; padding-top: 10px; padding-top: 1rem; background: #282828; color: #fff; }
.categories-title { margin-bottom: 15px; margin-bottom: 1.5rem; margin-top: 15px; margin-top: 1.5rem; }
.categories-list { margin-bottom: 20px; margin-bottom: 2rem; margin-top: 10px; margin-top: 1rem; padding-left: 21px; text-align: left; }
@media screen and (min-width: 960px) {
.categories-list { padding-left: 55px; }
}
.categories-item { display: block; margin-bottom: 7px; margin-bottom: 0.7rem; margin-top: 7px; margin-top: 0.7rem; }
.categories-link { color: white; }
/* Footer Quick Nav */
.quicknav-list { padding-bottom: 12px; padding-bottom: 1.2rem; padding-top: 12px; padding-top: 1.2rem; }
.quicknav-item { display: inline; line-height: 1.8; }
.quicknav-item:before { display: inline-block; content: "|"; padding: 0 10px; }
.quicknav-item:first-child:before { display: none; }
.quicknav-link { color: white; text-transform: uppercase; }
/* LISTS */
/* list-view */
.list--view { display: none; }
@media screen and (min-width: 1121px) {
.list--view { display: block; margin-top: 20px; margin-top: 2rem; margin-bottom: 20px; margin-bottom: 2rem; }
.list--view .list-item { display: inline-block; margin-left: 5px; margin-left: 0.5rem; font-size: 14px; font-size: 1.4rem; }
.list--view .list-link { display: block; cursor: pointer; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; }
.list--view .list-link:hover { color: #134db3; }
}
.icon--tails { color: #0e3985; }
.is-view-list .list-link .icon--list { color: #0e3985; }
.view-icon { display: inline-block; font-size: 30px; margin-top: -10px; position: relative; vertical-align: -1px; }
/* list numbered */
.list--numbered .list-item { list-style: none; font-size: 18px; font-size: 1.8rem; line-height: 2; }
/* list numbered */
.list--default { margin-top: 20px; margin-top: 2rem; margin-bottom: 20px; margin-bottom: 2rem; }
.list--default .list-item { list-style: none; margin-top: 10px; margin-top: 1rem; margin-bottom: 10px; margin-bottom: 1rem; }
.list--default .list-item:before { content: "-"; margin-right: 8px; margin-right: 0.8rem; }
/* pagination */
.pagination { background: #fff; padding: 5px; padding: 0.5rem; padding-left: 15px; padding-left: 1.5rem; padding-right: 15px; padding-right: 1.5rem; font-size: 0; }
.pagination-left, .pagination-right { display: inline-block; width: 25%; }
.pagination-right { text-align: right; }
.pagination-left { text-align: left; }
.pagination-list { display: inline-block; width: 50%; }
.pagination-list .list-item { display: inline-block; margin: 5px; margin: 0.5rem; }
.pagination-list .list-link { color: #0e3985; }
.pagination-list .is-active.list-link { border: 1px solid #0e3985; line-height: 1; padding-right: 7px; padding-right: 0.7rem; padding-left: 7px; padding-left: 0.7rem; }
.pagination-list .is-active.list-link:hover { background: #0e3985; color: #fff; text-decoration: none; }
.pagination.stricted--all, .pagination.badge { margin-bottom: 35px; margin-bottom: 3.5rem; }
/* Contact */
.contact-item a { color: black; }
.map-layer { overflow: hidden; height: 260px; margin-top: 20px; margin-top: 2rem; position: relative; }
.map-layer > iframe { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
@media screen and (min-width: 960px) {
.map-layer { height: 0; margin-top: 0; padding-bottom: 128%; }
}
@media screen and (min-width: 960px) {
.info-layer { padding-right: 22px; padding-right: 2.2rem; padding-left: 22px; padding-left: 2.2rem; width: 50%; display: inline-block; height: 845px; }
}
.ie8 .info-layer { height: 676px; }
.info-box { border: 2px solid #0e3985; display: inline-block; vertical-align: middle; width: 23.5%; padding: 10px; padding: 1rem; margin-top: 10px; margin-top: 1rem; margin-bottom: 10px; margin-bottom: 1rem; }
@media screen and (max-width: 639px) and (min-width: 450px) {
.info-box { width: 49%; margin-top: 20px; margin-top: 2rem; }
.info-box:nth-child(2n) { margin-left: 2%; }
.info-box + .info-box + .info-box { margin-top: 0px; margin-top: 0rem; }
}
@media screen and (max-width: 449px) {
.info-box { width: 100%; }
.info-box + .info-box { margin-top: 0px; margin-top: 0rem; }
}
@media screen and (min-width: 640px) {
.info-box { margin-top: 25px; margin-top: 2.5rem; margin-bottom: 20px; margin-bottom: 2rem; padding: 18px; padding: 1.8rem; }
.info-box + .info-box { margin-left: 2%; }
}
.info-box:hover { background-size: #e9e9e9; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity= '$value * 100' )"; filter: alpha(opacity=60); zoom: 1; text-decoration: none; }
.info-icon { background: url("../gfx/icons/info-box.png") repeat; width: 65px; height: 65px; display: block; margin: 0 auto 5px; }
.info-icon--2 { background-position: 0 -65px; }
.info-icon--3 { background-position: 0 -130px; }
.box-caption { font-size: 22px; font-size: 2.2rem; line-height: 1; color: #0e3985; }
.slider { overflow: hidden; position: relative; width: 100%; }
.slider--main { background-color: #0c2f6e; }
@media screen and (max-width: 959px) {
.slider--main .slider-controls { display: none; }
}
.paging-list { bottom: 16px; font-size: 0; position: absolute; right: 20px; width: 43px; }
.paging-item { display: inline-block; margin: 2px 3px; }
.paging-item.is-active .paging-link { background: #fff; }
.paging-link { border: 1px solid #fff; display: inline-block; height: 13px; width: 13px; }
.slide { position: relative; }
.slide-item { float: left; position: relative; }
.slide-caption { position: relative; background-color: #0c2f6e; overflow: hidden; padding: 0 35px 3%; }
@media screen and (min-width: 440px) {
.slide-caption { text-align: left; bottom: 0; left: 0; position: absolute; background: none; }
}
.slide-subtitle { line-height: 1.5; margin-bottom: 10px; margin-bottom: 1rem; }
@media screen and (min-width: 1210px) {
.slide-subtitle { margin-bottom: 20px; margin-bottom: 2rem; margin-top: 10px; margin-top: 1rem; }
}
@media screen and (min-width: 441px) and (max-width: 640px) {
.slide-subtitle { display: none; }
}
.slide-btn { color: #fff; }
.slider-prev, .slider-next { bottom: 15%; position: absolute; top: 0; width: 46px; z-index: 100; }
.slider-prev { left: 0; }
.slider-next { right: 0; }
.icon--prev, .icon--next { background: url("../gfx/sprites/slider-arrows.png") 0 0 no-repeat; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; height: 35px; margin-top: -17px; opacity: .6; position: absolute; top: 24%; width: 20px; }
a:hover .icon--prev, a:hover .icon--next { opacity: 1; }
@media screen and (min-width: 440px) {
.icon--prev, .icon--next { top: 50%; }
}
.icon--prev { left: 10px; }
.icon--next { background-position: -20px 0; right: 10px; }
/* TAILS */
.tails { font-size: 0; text-align: left; }
.tails-separator { text-align: center; line-height: 2.2; background: #e9e9e9; color: #000; margin: 0; }
.tail { position: relative; display: inline-block; vertical-align: top; }
.tail .tail-in { height: auto; position: relative; }
.tails--primary .tail { width: 100%; }
.tails--primary .tail-picture { position: relative; overflow: hidden; }
@media screen and (min-width: 440px) {
.tails--primary .tail-picture { position: absolute; bottom: 0; right: 0; left: 0; top: 0; }
}
@media screen and (max-width: 439px) {
.tails--primary .tail-picture { max-height: 160px; }
}
.tails--primary .tail-caption { position: relative; background-color: #0c2f6e; overflow: hidden; padding: 20px; padding: 2rem; }
@media screen and (min-width: 440px) {
.tails--primary .tail-caption { bottom: 0; left: 0; position: absolute; background: none; }
}
@media screen and (min-width: 440px) {
.tails--primary .tail-in { height: 0; }
}
@media screen and (min-width: 681px) {
.tails--primary .tail--large .tail-picture { position: absolute; bottom: 0; right: 0; left: 0; top: 0; }
}
@media screen and (min-width: 1350px) {
.tails--primary .tail--large .tail-caption { padding: 30px; padding: 3rem; padding-bottom: 24px; padding-bottom: 2.4rem; }
}
@media screen and (min-width: 681px) {
.tails--primary .tail--large { width: calc(100%*770/1210);
}
}
@media screen and (min-width: 440px) {
.tails--primary .tail--large .tail-in { padding-bottom: calc(100%*330/770);
}
}
.ie8 .tails--primary .tail--large { width: 616px; }
.ie8 .tails--primary .tail--large .tail-in { padding-bottom: 264px; }
@media screen and (min-width: 440px) {
.tails--primary .tail--4to3 .tail-in { padding-bottom: calc(100%*3/4);
}
}
@media screen and (min-width: 681px) {
.tails--primary .tail--4to3 { width: calc(100%*440/1210);
}
}
@media screen and (max-width: 680px) and (min-width: 440px) {
.tails--primary .tail--4to3 { width: 50%; }
}
.ie8 .tails--primary .tail--4to3 { width: 352px; }
.ie8 .tails--primary .tail--4to3 .tail-in { padding-bottom: 264px; }
@media screen and (min-width: 440px) {
.tails--primary .tail--16to9 { width: calc(100%*504/1210);
}
.tails--primary .tail--16to9 .tail-in { padding-bottom: calc(100%*9/16);
}
}
.ie8 .tails--primary .tail--16to9 { width: 403px; }
.ie8 .tails--primary .tail--16to9 .tail-in { padding-bottom: 726px; }
@media screen and (min-width: 440px) {
.tails--primary .tail--3to3 .tail-in { padding-bottom: 100%; }
}
@media screen and (max-width: 680px) and (min-width: 440px) {
.tails--primary .tail--3to3 { width: 50%; }
.tails--primary .tail--3to3 .tail-in { padding-bottom: calc(100%*3/4);
}
}
@media screen and (min-width: 681px) {
.tails--primary .tail--3to3 { width: calc(100%*330/1210);
}
}
.ie8 .tails--primary .tail--3to3 { width: 264px; }
.ie8 .tails--primary .tail--3to3 .tail-in { padding-bottom: 264px; }
.tails--secondary .tail { width: 100%; }
.tails--secondary .tail-in { height: auto; padding: 0; padding-top: 20px; padding-top: 2rem; padding-bottom: 20px; padding-bottom: 2rem; margin-right: 35px; margin-right: 3.5rem; margin-left: 35px; margin-left: 3.5rem; }
@media screen and (max-width: 680px) {
.tails--secondary .tail-in { margin-right: 20px; margin-right: 2rem; margin-left: 20px; margin-left: 2rem; }
}
.tails--secondary .tail + .tail .tail-in { border-top: 1px solid gainsboro; }
.tails--secondary .tail-picture { background: #e9e9e9; }
@media screen and (max-width: 540px) {
.tails--secondary .tail-picture { width: 100%; float: none; position: relative; text-align: center; max-height: 160px; overflow: hidden; }
.tails--secondary .tail-picture > img { width: 100%; }
.tails--secondary .tail-picture:after { box-shadow: none; }
}
.tails--secondary .tail-caption { position: relative; padding-right: 30px; padding-right: 3rem; padding-left: 30px; padding-left: 3rem; position: relative; text-shadow: 0 0; color: black; }
@media screen and (max-width: 540px) {
.tails--secondary .tail-caption { padding-right: 0px; padding-right: 0rem; padding-left: 0px; padding-left: 0rem; }
}
@media screen and (min-width: 1121px) {
.tails--secondary .tail--4to3 { width: calc(100%*1/3);
}
.tails--secondary .tail--4to3 .tail-in { padding-bottom: calc(100%*3/4);
}
}
.ie8 .tails--secondary .tail--4to3 { width: 322.66px; }
.ie8 .tails--secondary .tail--4to3 .tail-in { padding-bottom: 242px; height: 0; }
@media screen and (min-width: 1121px) {
.tails--secondary .tail--16to9 { width: calc(100%*413/990);
}
.tails--secondary .tail--16to9 .tail-in { padding-bottom: calc(100%*9/16);
}
}
.ie8 .tails--secondary .tail--16to9 { width: 403.8px; }
.ie8 .tails--secondary .tail--16to9 .tail-in { padding-bottom: 226px; height: 0; }
@media screen and (min-width: 1121px) {
.tails--secondary .tail--b1 { width: calc(100%*164/990);
}
.tails--secondary .tail--b1 .tail-in { padding-bottom: calc(100%*232/164);
}
}
.ie8 .tails--secondary .tail--b1 { width: 160.35px; }
.ie8 .tails--secondary .tail--b1 .tail-in { padding-bottom: 226px; height: 0; }
.ie8 .is-filter_open .tails--secondary .tail--4to3 { width: 249.2px; }
.ie8 .is-filter_open .tails--secondary .tail--4to3 .tail-in { padding-bottom: 186px; }
.ie8 .is-filter_open .tails--secondary .tail--16to9 { width: 312px; }
.ie8 .is-filter_open .tails--secondary .tail--16to9 .tail-in { padding-bottom: 175px; }
.ie8 .is-filter_open .tails--secondary .tail--b1 { width: 124px; }
.ie8 .is-filter_open .tails--secondary .tail--b1 .tail-in { padding-bottom: 175px; }
.ie8 .is-filter_open .tails--secondary.is-view-list .tail { width: 100%; }
.ie8 .is-filter_open .tails--secondary.is-view-list .tail-in { height: auto; padding: 0; padding-top: 20px; padding-top: 2rem; padding-bottom: 20px; padding-bottom: 2rem; margin-right: 35px; margin-right: 3.5rem; margin-left: 35px; margin-left: 3.5rem; }
/*Movie defaults*/
.movie-details { position: relative; width: 74%; float: left; }
@media screen and (max-width: 540px) {
.movie-details { width: 100%; }
}
.movie-title { line-height: 1; text-transform: uppercase; font-size: 22px; font-size: 2.2rem; display: block; color: black; }
.movie-title:hover { color: #0e3985; text-decoration: none; }
@media screen and (max-width: 540px) {
.movie-title { padding-top: 10px; padding-top: 1rem; }
}
.movie-info { font-size: 12px; font-size: 1.2rem; }
.movie-info .info-time { display: inline-block; vertical-align: 3px; }
.info-others { font-size: 29px; font-size: 2.9rem; line-height: 1; margin-left: 8px; margin-left: 0.8rem; display: inline-block; }
.ribbon-to_mylist { text-shadow: 0 0; cursor: pointer; line-height: 1; padding: 6px 7px; background: transparent; -webkit-transition: all 0.45s linear 0s; -moz-transition: all 0.45s linear 0s; -o-transition: all 0.45s linear 0s; transition: all 0.45s linear 0s; }

/* View-tail */
@media screen and (max-width: 1120px) and (min-width: 541px) {
.is-view-tail.tails--secondary { padding-top: 20px; padding-top: 2rem; }
}
@media screen and (min-width: 1121px) {
.is-view-tail.tails--secondary .tail-in { padding: 0; bottom: 0; margin: 0; }
}
@media screen and (min-width: 1121px) {
.is-view-tail.tails--secondary .tail + .tail .tail-in { border: 0; }
}
@media screen and (min-width: 1121px) {
.is-view-tail.tails--secondary .tail-picture > img { width: 100%; }
}
@media screen and (max-width: 1120px) and (min-width: 541px) {
.is-view-tail.tails--secondary .tail-picture { position: relative; width: 25%; float: left; }
.is-view-tail.tails--secondary .tail-picture > img { width: auto; margin: 0 auto; }
.is-view-tail.tails--secondary .tail-picture:after { box-shadow: none; }
}
@media screen and (max-width: 1120px) and (min-width: 541px) {
.is-view-tail.tails--secondary .tail--16to9 .tail-picture > img { padding: 10% 0; }
}
@media screen and (min-width: 1121px) {
.is-view-tail.tails--secondary .tail-caption { position: absolute; right: 0; left: 0; bottom: 0; padding: 20px; padding: 2rem; color: #fff; }
}
@media screen and (min-width: 1121px) {
.is-view-tail .movie-details { bottom: 0; color: #fff; left: 0; position: absolute; right: 0; top: 0; width: auto; float: none; }
}
.is-view-tail .movie-plot { padding-top: 5px; padding-top: 0.5rem; line-height: 2; }
@media screen and (min-width: 1121px) {
.is-view-tail .movie-plot { display: none; }
}
@media screen and (max-width: 1210px) {
.is-view-tail .movie-plot { padding-top: 0px; padding-top: 0rem; line-height: 1.6; }
}
@media screen and (max-width: 1120px) {
.is-view-tail .movie-plot { padding-top: 15px; padding-top: 1.5rem; }
}
@media screen and (min-width: 1121px) {
.is-view-tail .movie-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 8px; margin-bottom: 0.8rem; color: #fff; }
.is-view-tail .movie-title:hover { color: #e9e9e9; }
}
@media screen and (min-width: 1121px) {
.is-view-tail .info-others { margin-top: -10px; margin-top: -1rem; }
}
@media screen and (min-width: 1121px) {
.site--filter .is-view-tail .info-others { }
}
.is-view-tail .ribbon-to_mylist { font-size: 26px; position: relative; }
.is-view-tail .ribbon-to_mylist.is-added { color: #0a2960; }
.is-view-tail .ribbon-to_mylist:hover { color: #e9e9e9; }
.is-view-tail .ribbon-to_mylist.inverse { color: #fff; background: #0e3985; }
@media screen and (max-width: 1210px) {
.is-view-tail .ribbon-to_mylist { font-size: 20px; }
}
@media screen and (min-width: 1121px) {
.is-view-tail .ribbon-to_mylist { position: absolute; right: 0px; top: 0px; z-index: 2; color: #fff; }
.is-view-tail .ribbon-to_mylist.inverse { color: #0e3985; background: #fff; }
.is-view-tail .ribbon-to_mylist { display: none; }
}
@media screen and (max-width: 1120px) {
.is-view-tail .ribbon-to_mylist { position: relative; }
}
@-webkit-keyframes FADE-IN { 0% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@-moz-keyframes FADE-IN { 0% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@-o-keyframes FADE-IN { 0% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@keyframes FADE-IN { 0% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@media screen and (min-width: 1121px) {
.touch .is-view-tail .movie.is-covered .ribbon-to_mylist, .no-touch .is-view-tail .movie:hover .ribbon-to_mylist { display: inline-block; }
.touch .is-view-tail .movie.is-covered .tail-caption, .no-touch .is-view-tail .movie:hover .tail-caption { overflow: hidden; top: 0; bottom: 20px; bottom: 2rem; }
.touch .is-view-tail .movie.is-covered .movie-details, .no-touch .is-view-tail .movie:hover .movie-details { background: rgba(14, 57, 133, 0.9); -webkit-animation: FADE-IN 0.4s; -moz-animation: FADE-IN 0.4s; -o-animation: FADE-IN 0.4s; animation: FADE-IN 0.4s; }
.touch .is-view-tail .movie.is-covered .movie-title, .no-touch .is-view-tail .movie:hover .movie-title { margin-top: 5px; margin-top: 0.5rem; }
.touch .is-view-tail .movie.is-covered .movie-plot, .no-touch .is-view-tail .movie:hover .movie-plot { display: block; overflow: hidden; }
}
@media screen and (max-width: 1210px) and (min-width: 1121px) {
.touch .is-view-tail .movie.is-covered .info-time, .no-touch .is-view-tail .movie:hover .info-time { display: none; }
}
.touch .is-view-tail .movie.is-covered.tail--b1 .movie-title, .no-touch .is-view-tail .movie:hover.tail--b1 .movie-title { max-height: 54px; overflow: hidden; }
@media screen and (min-width: 1340px) {
.touch .is-view-tail .movie.is-covered.tail--4to3 .movie-plot, .no-touch .is-view-tail .movie:hover.tail--4to3 .movie-plot { max-height: 170px; }
}
@media screen and (min-width: 1211px) and (max-width: 1339px) {
.touch .is-view-tail .movie.is-covered.tail--4to3 .movie-plot, .no-touch .is-view-tail .movie:hover.tail--4to3 .movie-plot { max-height: 140px; }
}
@media screen and (min-width: 1121px) and (max-width: 1210px) {
.touch .is-view-tail .movie.is-covered.tail--4to3 .movie-plot, .no-touch .is-view-tail .movie:hover.tail--4to3 .movie-plot { max-height: 130px; }
}
@media screen and (min-width: 1330px) {
.touch .is-view-tail .movie.is-covered.tail--16to9 .movie-plot, .no-touch .is-view-tail .movie:hover.tail--16to9 .movie-plot { max-height: 145px; }
}
@media screen and (min-width: 1226px) and (max-width: 1329px) {
.touch .is-view-tail .movie.is-covered.tail--16to9 .movie-plot, .no-touch .is-view-tail .movie:hover.tail--16to9 .movie-plot { max-height: 125px; }
}
@media screen and (min-width: 1121px) and (max-width: 1225px) {
.touch .is-view-tail .movie.is-covered.tail--16to9 .movie-plot, .no-touch .is-view-tail .movie:hover.tail--16to9 .movie-plot { max-height: 115px; }
}
@media screen and (min-width: 1300px) {
.touch .is-view-tail .movie.is-covered.tail--b1 .movie-plot, .no-touch .is-view-tail .movie:hover.tail--b1 .movie-plot { max-height: 140px; }
}
@media screen and (min-width: 1211px) and (max-width: 1299px) {
.touch .is-view-tail .movie.is-covered.tail--b1 .movie-plot, .no-touch .is-view-tail .movie:hover.tail--b1 .movie-plot { max-height: 115px; }
}
@media screen and (min-width: 1121px) and (max-width: 1210px) {
.touch .is-view-tail .movie.is-covered.tail--b1 .movie-plot, .no-touch .is-view-tail .movie:hover.tail--b1 .movie-plot { max-height: 75px; }
}
@media screen and (min-width: 1340px) {
.touch .is-filter-open .is-view-tail .movie.is-covered.tail--4to3 .movie-plot, .no-touch .is-filter_open .is-view-tail .movie:hover.tail--4to3 .movie-plot { max-height: 120px; }
}
@media screen and (min-width: 1211px) and (max-width: 1339px) {
.touch .is-filter-open .is-view-tail .movie.is-covered.tail--4to3 .movie-plot, .no-touch .is-filter_open .is-view-tail .movie:hover.tail--4to3 .movie-plot { max-height: 96px; }
}
@media screen and (min-width: 1121px) and (max-width: 1210px) {
.touch .is-filter-open .is-view-tail .movie.is-covered.tail--4to3 .movie-plot, .no-touch .is-filter_open .is-view-tail .movie:hover.tail--4to3 .movie-plot { max-height: 96px; }
}
@media screen and (min-width: 1330px) {
.touch .is-filter-open .is-view-tail .movie.is-covered.tail--16to9 .movie-plot, .no-touch .is-filter_open .is-view-tail .movie:hover.tail--16to9 .movie-plot { max-height: 100px; }
}
@media screen and (min-width: 1226px) and (max-width: 1329px) {
.touch .is-filter-open .is-view-tail .movie.is-covered.tail--16to9 .movie-plot, .no-touch .is-filter_open .is-view-tail .movie:hover.tail--16to9 .movie-plot { max-height: 95px; }
}
@media screen and (min-width: 1121px) and (max-width: 1225px) {
.touch .is-filter-open .is-view-tail .movie.is-covered.tail--16to9 .movie-plot, .no-touch .is-filter_open .is-view-tail .movie:hover.tail--16to9 .movie-plot { max-height: 75px; }
}
@media screen and (min-width: 1300px) {
.touch .is-filter-open .is-view-tail .movie.is-covered.tail--b1 .movie-plot, .no-touch .is-filter_open .is-view-tail .movie:hover.tail--b1 .movie-plot { max-height: 95px; }
}
@media screen and (min-width: 1280px) and (max-width: 1299px) {
.touch .is-filter-open .is-view-tail .movie.is-covered.tail--b1 .movie-plot, .no-touch .is-filter_open .is-view-tail .movie:hover.tail--b1 .movie-plot { max-height: 75px; }
}
@media screen and (min-width: 1211px) and (max-width: 1279px) {
.touch .is-filter-open .is-view-tail .movie.is-covered.tail--b1 .movie-plot, .no-touch .is-filter_open .is-view-tail .movie:hover.tail--b1 .movie-plot { max-height: 50px; }
}
@media screen and (min-width: 1121px) and (max-width: 1210px) {
.touch .is-filter-open .is-view-tail .movie.is-covered.tail--b1 .movie-plot, .no-touch .is-filter_open .is-view-tail .movie:hover.tail--b1 .movie-plot { max-height: 75px; }
}
.ie8 .is-view-tail .movie:hover .movie-details { background: url("../gfx/bg/overlay_bg.png") repeat; }
.ie8.no-touch .is-filter_open .is-view-tail .movie:hover.tail--b1 .movie-plot { max-height: 60px; }

/*View-list*/
@media screen and (min-width: 541px) {
.is-view-list.tails--secondary { padding-top: 17px; padding-top: 1.7rem; }
}
.is-view-list.tails--secondary .tail-picture { position: relative; }
.is-view-list.tails--secondary .tail-picture:after { box-shadow: none; }
@media screen and (min-width: 541px) {
.is-view-list.tails--secondary .tail-picture { width: 25%; max-width: 221px; float: left; background: #e9e9e9; text-align: center; overflow: hidden; }
}
@media screen and (min-width: 1121px) {
.is-view-list.tails--secondary .tail-picture > img { margin: 0 auto; max-height: 206px; max-width: 221px; }
}
@media screen and (min-width: 1121px) {
.is-view-list.tails--secondary .tail--16to9 .tail-picture > img { padding: 10% 0; }
}
.is-view-list.tails--secondary .tail-caption { position: static; text-shadow: 0 0; color: black; padding-top: 0; padding-bottom: 0; }
.is-view-list.tails--secondary .tail { width: 100%; }
.is-view-list.tails--secondary .tail-in { height: auto; padding: 0; padding-top: 20px; padding-top: 2rem; padding-bottom: 20px; padding-bottom: 2rem; margin-right: 35px; margin-right: 3.5rem; margin-left: 35px; margin-left: 3.5rem; }
.is-view-list.tails--secondary .tail + .tail .tail-in { border-top: 1px solid gainsboro; }
.ie8 .is-view-list.tails--secondary .tail-in { padding-bottom: 20px; padding-bottom: 2rem; }
.ie8 .is-view-list.tails--secondary .tail-picture:after { background: none; }
.main-content .is-view-list.tails--secondary { padding-top: 0; }
.main-content .is-view-list.tails--secondary .tail-in { margin-right: 0px; margin-right: 0rem; margin-left: 0px; margin-left: 0rem; }
.is-view-list .movie-plot { padding-top: 15px; padding-top: 1.5rem; margin-bottom: 0; }
.is-view-list .ribbon-to_mylist { display: inline-block; position: relative; font-size: 20px; font-size: 2rem; }
.is-view-list .ribbon-to_mylist.is-added { color: #e9e9e9; }
.is-view-list .ribbon-to_mylist:hover { color: #0e3985; }
.is-view-list .ribbon-to_mylist.inverse { color: #fff; background: #0e3985; }
.tail--b1 .is-view-list .ribbon-to_mylist { font-size: 14px; font-size: 1.4rem; }
@media screen and (min-width: 541px) {
.movie--edit .tail-caption { padding-right: 55px; padding-right: 5.5rem; }
}
.movie--edit-btn { text-align: center; text-transform: uppercase; }
.movie--edit-btn .icon { display: block; font-size: 39px; font-size: 3.9rem; line-height: 1; }
.movie--edit-btn .btn-link { display: inline-block; text-align: center; vertical-align: middle; margin-top: 10px; margin-top: 1rem; }
.movie--edit-btn .btn-link:hover { cursor: pointer; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity= '$value * 100' )"; filter: alpha(opacity=60); zoom: 1; text-decoration: none; }
@media screen and (min-width: 541px) {
.movie--edit-btn { width: 50px; width: 5rem; bottom: 0; position: absolute; right: 0; top: 0; }
.movie--edit-btn:before { content: ""; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle; }
.movie--edit-btn .btn-link { margin-top: 0; }
}
@media screen and (min-width: 1210px) {
.movie--edit-btn { right: -40px; right: -4rem; }
}
@media screen and (max-width: 860px) and (min-width: 541px) {
.movie--edit-btn .btn-link { vertical-align: top; }
}
.news { max-height: 544px; padding-right: 20px; }
.ie8 .news { max-height: 560px; }
.news-item { text-align: left; }
.news-item:first-child { padding-top: 0px; padding-top: 0rem; }
.news-item .news-date { margin-top: 10px; margin-top: 1rem; font-size: 14px; font-size: 1.4rem; }
.news-item .news-title { font-size: 22px; font-size: 2.2rem; margin: 0; }
.news-item + .news-item { margin-top: 22px; margin-top: 2.2rem; padding-top: 22px; padding-top: 2.2rem; border-top: 1px solid gainsboro; }
.news-item .news-part { line-height: 1.5; margin-top: 20px; margin-top: 2rem; margin-bottom: 20px; margin-bottom: 2rem; }
.news-item .news-btn { min-width: 130px; border-width: 2px; margin-top: 2px; margin-top: 0.2rem; }
.news-item .news-more { display: none; }
.news-item .news-more.is-open { display: block; }
.movie-trailer { background: #e9e9e9; margin: 0 auto; max-width: 565px; position: relative; }
.movie-trailer .trailer-in { height: 0; padding-bottom: calc(100%*3/4); }
.ie8 .movie-trailer .trailer-in { padding-bottom: 333px; }
.movie-trailer .trailer-cta { background: rgba(0, 0, 0, 0.3); margin: auto; }
.movie-trailer .trailer-cta:hover { background: #fff; color: #0e3985; }
.movie-trailer .trailer-cta .cta--right { border-left: 11px solid white; border-bottom: 11px solid transparent; border-top: 11px solid transparent; margin-right: 10px; margin-right: 1rem; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; vertical-align: middle; }
.movie-trailer .trailer-cta:hover .cta--right { border-left-color: #0e3985; }
.movie-trailer .trailer-overlay { position: absolute; position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.movie-trailer .trailer-overlay:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -3px; }
.movie-trailer .trailer-screen { display: inline-block; vertical-align: middle; }
.movie-desc { padding-bottom: 10px; padding-bottom: 1rem; text-align: left; }
@media screen and (max-width: 959px) {
.movie-desc { display: block; }
}
@media screen and (min-width: 960px) {
.movie-desc { padding-left: 30px; padding-left: 3rem; }
}
.movie-desc .desc-list { margin-bottom: 10px; margin-bottom: 1rem; }
.movie-desc .desc-list .list-item { font-size: 18px; font-size: 1.8rem; }
.movie-desc .desc-list--s { margin-bottom: 5px; margin-bottom: 0.5rem; }
.movie-desc .desc-list--s .list-item { font-size: 14px; font-size: 1.4rem; }
.movie-desc .desc-subtitle { margin-bottom: 5px; margin-bottom: 0.5rem; margin-top: 20px; margin-top: 2rem; }
.movie-desc .desc-plot { font-size: 14px; font-size: 1.4rem; line-height: 1.8; text-align: left; }
.movie-desc .desc-aside { font-size: 14px; font-size: 1.4rem; line-height: 1.8; text-align: left; margin-top: 21px; margin-top: 2.1rem; margin-bottom: 15px; margin-bottom: 1.5rem; }
.movie-desc .viewership-indicator { display: inline-block; vertical-align: middle; }
.movie-honor { margin-top: 10px; margin-top: 1rem; }
@media screen and (min-width: 960px) {
.movie-honor { text-align: left; }
}
.honor-list { display: inline-block; vertical-align: middle; padding: 5px; padding: 0.5rem; }
.honor-list .list-item { display: inline-block; padding-left: 5px; padding-left: 0.5rem; padding-right: 5px; padding-right: 0.5rem; }
.honor-list.honor-list:first-of-type { margin-right: 30px; margin-right: 3rem; }
.honor-icon { color: #0e3985; font-size: 27px; font-size: 2.7rem; line-height: 1; vertical-align: middle; margin-left: 10px; margin-left: 1rem; }
.badge { display: inline-block; vertical-align: middle; padding-top: 6px; padding-top: 0.6rem; padding-bottom: 6px; padding-bottom: 0.6rem; margin-top: 10px; margin-top: 1rem; margin-bottom: 10px; margin-bottom: 1rem; padding-right: 10px; padding-right: 1rem; padding-left: 3px; padding-left: 0.3rem; }
.badge .badge-title { font-size: 14px; font-size: 1.4rem; display: block; text-indent: 1px; }
.badge .badge-icon { font-size: 40px; font-size: 4rem; line-height: 1; display: inline-block; vertical-align: middle; position: relative; margin-top: -2px; color: #555555; }
.badge .badge-txt { display: inline-block; vertical-align: middle; }
/* tabs */
.list--tab .list-item { display: inline-block; width: 50%; }
.list--tab .list-link { padding-bottom: 14px; padding-bottom: 1.4rem; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; display: block; text-align: center; }
@media screen and (min-width: 401px) {
.list--tab .list-link { border-bottom: 2px solid #cccccc; }
}
@media screen and (max-width: 951px) {
.list--tab .list-link { padding-top: 14px; padding-top: 1.4rem; }
}
.list--tab .list-link:hover, .list--tab .list-link.is-active { background: #0e3985; color: #fff; }
@media screen and (min-width: 401px) {
.list--tab .list-link:hover, .list--tab .list-link.is-active { background: none; border-color: #0e3985; color: #134db3; }
}
@media screen and (min-width: 401px) {
.list--tab .list-item + .list-item .list-link { margin-left: 2px; }
}
.tab { display: none; }
.tab.is-active { display: block; }
.tabber { margin-top: 20px; margin-top: 2rem; }
@media screen and (min-width: 960px) {
.tabber { height: 233px; overflow: hidden; padding-right: 16px; padding-right: 1.6rem; }
}
.user_name { display: block; }
.user-online .option-title { color: #0e3985; }
@media screen and (max-width: 1210px) {
.user-intro { display: none; }
}
.jewel { font-size: 35px; display: block; width: 40px; position: relative; margin: 0 auto; }
.jewel:after { content: attr(data-jewel-num); position: absolute; right: 6px; bottom: 6px; width: 15px; height: 15px; line-height: 15px; background: #fff; border: 1px solid #0e3985; border-radius: 50%; letter-spacing: -2px; text-indent: -3px; font-size: 10px; color: #000; font-style: normal; overflow: hidden; text-align: center; }
.container--user { max-width: 578px; margin: 0 auto; text-align: left; }
.container--user .main-header { padding-bottom: 5px; padding-bottom: 0.5rem; }
@media screen and (min-width: 578px) {
.container--user .btn--stick { position: absolute; right: 40px; right: 4rem; top: 22px; top: 2.2rem; }
}
.user-element .narrow-1of2:first-child { max-width: 230px; }
.user-label { padding-right: 10px; padding-right: 1rem; display: block; width: 80px; }
@media screen and (min-width: 380px) {
.user-label { width: auto; min-width: 150px; }
}
.user-label--link { padding-right: 10px; padding-right: 1rem; display: block; width: 80px; }
@media screen and (min-width: 380px) {
.user-label--link { width: auto; min-width: 150px; }
}
.user-item, .user-label { font-size: 18px; font-size: 1.8rem; padding-top: 14.2px; padding-top: 1.42rem; padding-bottom: 14.2px; padding-bottom: 1.42rem; display: block; line-height: 1; }
.user-item .btn--shift, .user-label .btn--shift { padding-left: 14px; padding-left: 1.4rem; }
.user-form ::-webkit-input-placeholder {
color: black;
}
.user-form :-moz-placeholder {
/* Firefox 18- */
color: black;
}
.user-form ::-moz-placeholder {
/* Firefox 19+ */
color: black;
}
.user-form :-ms-input-placeholder {
color: black;
}
.user-form .form-input { border: 1px solid #ccc; margin-top: 8px; margin-top: 0.8rem; margin-bottom: 8px; margin-bottom: 0.8rem; font-size: 18px; font-size: 1.8rem; line-height: 1.35; padding-right: 16px; padding-right: 1.6rem; padding-left: 16px; padding-left: 1.6rem; }
.user-form .form-select-wrap { margin-top: 8px; margin-top: 0.8rem; margin-bottom: 8px; margin-bottom: 0.8rem; }
.user-form .form-select--custom { border: 1px solid #ccc; padding-left: 16px; padding-left: 1.6rem; padding-right: 20px; padding-right: 2rem; font-size: 18px; font-size: 1.8rem; line-height: 1.3; }
.user-form .form-select--custom, .user-form .form-select, .user-form .form-input { min-width: 175px; }
@media screen and (min-width: 480px) {
.user-form .form-select--custom, .user-form .form-select, .user-form .form-input { min-width: 200px; }
}
.user-form .form-select-btn { position: absolute; top: 6px; top: 0.6rem; right: 16px; right: 1.6rem; z-index: 2; font-size: 18px; font-size: 1.8rem; }
.user-form .btn_extended { min-width: 110px; margin-top: 6px; margin-top: 0.6rem; }
@media screen and (min-width: 540px) {
.user-form .btn_extended { margin-left: 230px; }
}
.user-form .btn_extended .btn-aside { display: inline-block; padding: 0; }
.user-form .is-invalid { color: #e30613 !important; }
.user-form .is-invalid .form-input { border-color: #e30613 !important; color: #e30613 !important; }
.user-form--register .form-element { padding-right: 8px; padding-right: 0.8rem; padding-left: 8px; padding-left: 0.8rem; }
.user-form--register .columns, .user-form--register .columns--gap { margin-right: -8px; margin-right: -0.8rem; margin-left: -8px; margin-left: -0.8rem; }
.user-form--register .user-btn { min-width: 110px; margin-top: 20px; margin-top: 2rem; margin-bottom: 10px; margin-bottom: 1rem; }
/* TOOLTIP */
.tooltip { padding: 24px; padding: 2.4rem; padding-top: 8px; padding-top: 0.8rem; background: #fff; color: #000; position: absolute; top: 0; width: 164px; z-index: 2; display: none; }
@media screen and (max-width: 1210px) and (min-width: 1121px) {
.tooltip { width: 154px; padding: 12px; padding: 1.2rem; text-align: center; }
}
.tooltip .tooltip-link { text-indent: 4px; padding-top: 10px; padding-top: 1rem; }
.ie8 .tooltip { width: 138px; padding: 8px; padding: 0.8rem; text-align: center; }
@media screen and (max-width: 1120px) {
.tooltip { background: #0e3985; color: #fff; }
.tooltip .tooltip-link { color: #fff; }
}
@media screen and (max-width: 640px) {
.tooltip { width: 154px; padding: 12px; padding: 1.2rem; text-align: center; }
}
.is-view-list .tooltip { background: #0e3985; color: #fff; }
.is-view-list .tooltip .tooltip-link { color: #fff; }
.modal { display: none; background: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 100; }
.ie8 .modal { background: url("../gfx/bg/modal_bg.png") repeat; }
.ie8 .modal .modal-content { max-width: 968px; }
@media screen and (min-width: 960px) {
.modal { bottom: -10px; right: -10px; top: -10px; }
}
.modal .modal-content { color: #fff; text-align: left; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
@media screen and (min-width: 960px) and (min-height: 600px) {
.modal .modal-content { bottom: 0; left: 145px; max-width: 1210px; position: fixed; right: 0; top: 0px; }
}
.modal .modal-header { margin-bottom: 26px; margin-bottom: 2.6rem; line-height: 1; }
.modal .modal-subtitle { margin: 0; font-size: 14px; font-size: 1.4rem; }
@media screen and (min-width: 960px) {
.modal .modal-subtitle { font-size: 18px; font-size: 1.8rem; }
}
.modal .modal-body { margin: 20px auto; padding: 0 20px; }
@media screen and (min-width: 960px) {
.modal .modal-body { margin-top: 120px; }
}
.modal .modal-dismiss { -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; color: #fff; cursor: pointer; font-size: 24px; line-height: 1; position: absolute; right: 10px; top: 10px; }
.modal .modal-dismiss:hover { color: #8e8e8e; }
.modal .btn--m { padding-right: 23px; padding-right: 2.3rem; padding-left: 23px; padding-left: 2.3rem; }
@media screen and (min-width: 960px) {
.is-nav_open .modal-content, .is-search_open .modal-content, .is-filter_open .modal-content { left: 365px; max-width: 990px; }
}
.ie8 .is-nav_open .modal-content, .ie8 .is-search_open .modal-content, .ie8 .is-filter_open .modal-content { max-width: 748px; }
@media screen and (min-width: 960px) {
.is-nav_open.is-filter_open .modal-content, .is-search_open.is-filter_open .modal-content { left: 585px; max-width: 770px; }
}
.ie8 .is-nav_open.is-filter_open .modal-content, .ie8 .is-search_open.is-filter_open .modal-content { max-width: 528px; }
.modal-form .form-input { margin-top: 10px; margin-top: 1rem; }
.modal-form .form-input--text { font-size: 25px; font-size: 2.5rem; height: 45px; line-height: 1.1; padding-left: 55px; }
@media screen and (min-width: 560px) {
.modal-form .form-input--text { font-size: 30px; font-size: 3rem; height: 60px; padding-left: 70px; }
}
.modal-form .form-more { margin-right: 50px; padding-left: 10px; padding-left: 1rem; }
@media screen and (min-width: 560px) {
.modal-form .form-more { margin-right: 70px; }
}
.modal-form .form-more .form-more--icon { font-size: 33px; font-size: 3.3rem; border: 2px solid #fff; cursor: pointer; height: 45px; position: absolute; right: -50px; text-align: center; top: 0; width: 45px; line-height: 1.3; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
@media screen and (min-width: 560px) {
.modal-form .form-more .form-more--icon { font-size: 36px; font-size: 3.6rem; height: 60px; right: -70px; width: 60px; }
}
.modal-form .form-more .form-more--icon .form-icon { line-height: 42px; color: #fff; }
@media screen and (min-width: 560px) {
.modal-form .form-more .form-more--icon .form-icon { line-height: 57px; }
}
.modal-form .form-more .form-more--icon:hover { border-color: #0e3985; background: #0e3985; }
.modal-form .form-input--icon { font-size: 30px; font-size: 3rem; background: #e9e9e9; height: 45px; left: 0; position: absolute; text-align: center; top: 0; width: 45px; z-index: 2; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; }
.modal-form .form-input--icon > .icon { position: relative; top: 4px; top: 0.4rem; }
@media screen and (min-width: 560px) {
.modal-form .form-input--icon { width: 60px; font-size: 36px; font-size: 3.6rem; height: 60px; }
}
.modal-form .form-textarea { font-size: 25px; font-size: 2.5rem; margin-top: 10px; margin-top: 1rem; padding-right: 20px; padding-right: 2rem; padding-left: 20px; padding-left: 2rem; padding-top: 15px; padding-top: 1.5rem; padding-bottom: 15px; padding-bottom: 1.5rem; height: 120px; width: 100%; }
@media screen and (min-width: 560px) {
.modal-form .form-textarea { height: 300px; }
}
.modal-form .form-icon { -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; color: #555555; display: inline-block; font-size: 30px; line-height: 45px; vertical-align: middle; }
@media screen and (min-width: 560px) {
.modal-form .form-icon { font-size: 36px; line-height: 60px; }
}
.modal-form .form-icon.icon--mail { font-size: 28px; font-size: 2.8rem; display: block; }
.modal-form .is-invalid .form-input--icon { background: #e30613; }
.modal-form .is-invalid .form-icon { color: #fff; }
.modal-form .is-invalid .invalid-txt { margin-top: 5px; margin-top: 0.5rem; color: #ff9090; margin-left: 45px; }
@media screen and (min-width: 560px) {
.modal-form .is-invalid .invalid-txt { margin-left: 60px; }
}
.modal-form .is-focused .form-input--icon { background: #0e3985; }
.modal-form .is-focused .form-icon { color: #fff; }
.modal-form .btn-link { color: #fff; }
.form--login .form-input { max-width: 290px; }
@media screen and (min-width: 560px) {
.form--login .form-input { max-width: 390px; }
}
@media screen and (min-width: 560px) {
.form--request { max-width: 80%; }
}
.form--request .btn--m { min-width: 80px; }
.modal--m .modal-body { max-width: 795px; }
.ie8 .modal--m .modal-body { width: 685px; }
.modal--xm .modal-body { max-width: 620px; }
.ie8 .modal--xm .modal-body { width: 510px; }
.modal--s .modal-body { max-width: 560px; }
.ie8 .modal--s .modal-body { width: 450px; }
.newsletter .newsletter-caption { width: 100%; position: relative; }
@media screen and (min-width: 1210px) {
.newsletter .newsletter-caption { position: absolute; padding: 27px; padding: 2.7rem; }
}
@media screen and (max-width: 480px) {
.newsletter .newsletter-caption { background-color: #0e3985; }
}
.newsletter .newsletter-title { margin-bottom: 22px; margin-bottom: 2.2rem; }
.newsletter .newsletter-txt { display: none; }
@media screen and (min-width: 1210px) {
.newsletter .newsletter-txt { line-height: 1.75; font-size: 14px; font-size: 1.4rem; margin-bottom: 26px; margin-bottom: 2.6rem; margin-top: 22px; margin-top: 2.2rem; padding-left: 2px; display: block; }
}
.newsletter .newsletter-btns { margin-top: 24px; margin-top: 2.4rem; text-align: left; }
@media screen and (min-width: 1210px) {
.newsletter .newsletter-btns { text-align: right; }
.newsletter .newsletter-btns .btn:first-child, .newsletter .newsletter-btns .btn--base:first-child, .newsletter .newsletter-btns .btn--theme:first-child, .newsletter .newsletter-btns .slide-btn:first-child { margin-right: 22px; margin-right: 2.2rem; }
}
@media screen and (max-width: 830px) and (min-width: 680px), screen and (max-width: 1100px) and (min-width: 960px) {
.newsletter .newsletter-btns { margin-top: 0; text-align: center; }
.newsletter .newsletter-btns .btn:first-child, .newsletter .newsletter-btns .btn--base:first-child, .newsletter .newsletter-btns .btn--theme:first-child, .newsletter .newsletter-btns .slide-btn:first-child { margin-bottom: 5px; margin-bottom: 0.5rem; }
}
.clearfix, .cf, .slider { zoom: 1; }
.clearfix:before, .cf:before, .slider:before, .clearfix:after, .cf:after, .slider:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after, .cf:after, .slider:after { clear: both; }