@charset "utf-8";



/* ==================================================================== Normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%;overflow:auto}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,img,b,i,ol,ul,li,fieldset,form,input,dl,dt,dd{padding:0;margin:0;border:0;word-wrap:break-word}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}ul{list-style-type:none}



/* ==================================================================== Fonts */
@font-face {
	font-family: 'Fira Sans';
	font-weight: normal;
	font-style: normal;
	src:
	url('/fonts/firasans.woff2') format('woff2'),
	url('/fonts/firasans.woff') format('woff'),
	url('/fonts/firasans.otf') format('opentype');
}
@font-face {
	font-family: 'Fira Sans';
	font-weight: bold;
	font-style: normal;
	src:
	url('/fonts/firasans-bold.woff2') format('woff2'),
	url('/fonts/firasans-bold.woff') format('woff'),
	url('/fonts/firasans-bold.otf') format('opentype');
}
@font-face {
	font-family: 'Fira Sans';
	font-weight: normal;
	font-style: italic;
	src:
	url('/fonts/firasans-italic.woff2') format('woff2'),
	url('/fonts/firasans-italic.woff') format('woff'),
	url('/fonts/firasans-italic.otf') format('opentype');
}
@font-face {
	font-family: 'Fira Sans';
	font-weight: bold;
	font-style: italic;
	src:
	url('/fonts/firasans-bold-italic.woff2') format('woff2'),
	url('/fonts/firasans-bold-italic.woff') format('woff'),
	url('/fonts/firasans-bold-italic.otf') format('opentype');
}
@font-face {
	font-family: 'Montserrat Alternates'; font-weight: normal; font-style: normal; src:
	url('/fonts/montserrat-alternates-extrabold-italic.woff2') format('woff2'),
	url('/fonts/montserrat-alternates-extrabold-italic.woff') format('woff'),
	url('/fonts/montserrat-alternates-extrabold-italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Code New Roman';
	font-weight: normal;
	font-style: normal;
	src:
	url('/fonts/codenewroman.woff2') format('woff2'),
	url('/fonts/codenewroman.woff') format('woff'),
	url('/fonts/codenewroman.otf') format('opentype');
}
@font-face {
	font-family: 'Code New Roman';
	font-weight: bold;
	font-style: normal;
	src:
	url('/fonts/codenewroman-bold.woff2') format('woff2'),
	url('/fonts/codenewroman-bold.woff') format('woff'),
	url('/fonts/codenewroman-bold.otf') format('opentype');
}



/* ==================================================================== Animations */
@keyframes dowant-bounce {
	0% {transform: translateY(0);}
	50% {transform: translateY(-6px);}
	100% {transform: translateY(0);}
}



/* ==================================================================== Base and Layout */
html {
	font-size: 62.5%;
}
html * {
	box-sizing: border-box;
}
body {
	width: 100%;
	min-width: 360px;
	/* min-width: 1000px; */
	height: 100%;
	font-size: 14px; font-size: 1.4rem;
	line-height: 22px; line-height: 2.2rem;
	color: #2c2c2c;
	text-align: center;
	background-color: #e2e2e2;
}
body, .font-primary {
	font-family: 'Fira Sans', Tahoma, sans-serif;
}
.font-mono {
	font-family: 'Code New Roman', Courier, monospace;
}
h1, h2, h3, h4, h5, h6, .font-secondary {
	font-family: 'Montserrat Alternates', 'Arial Black', sans-serif;
	font-style: normal;
	font-weight: normal;
}
h2 {
	font-size: 32px; font-size: 3.2rem;
	line-height: 36px; line-height: 3.6rem;
}
::selection {
	color: #fff;
	background: #8aa2b8;
}
a, a:visited {
	cursor: pointer;
	color: #e1008f;
	text-decoration: none;
	transition: color 200ms ease, opacity 200ms ease;
	-webkit-font-smoothing: antialiased;
}
	a:hover {
		color: #ff00c0;
		text-decoration: none;
	}
	a:active {
		opacity: 1;
    }
p {
	margin: 5px 0 10px 0;
}
img {
	display: block;
	max-width: 100%;
}
.nowrap {
	white-space: nowrap;
}
.clearfix:after,
.l-1col:after,
.l-2col:after,
.l-3col:after,
.lightbox-content.cinemas .row:after {
	content: ' ';
	display: table;
	clear: both;
}
.atlas {
	background-image: url(/i/atlas_080819-1.png);
	background-repeat: no-repeat;
}
.hidden {
	position: absolute; display: block; top: 0; left: 0; width: 0; height: 0; opacity: 0;
}
.nolink {
	cursor: default;
}
.l-wrap {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: left;
	transition: padding 300ms ease;
}
.l-2col > .l-col {
	float: left;
	width: 50%;
}
.l-3col > .l-col {
	float: left;
	width: 33.3%;
}



/* ==================================================================== Hero */
.hero {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 140px 10px;
	text-align: center;
	background-color: #e1008f;
}
.hero .logo {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}
.hero a img {
	opacity: 1;
	transition: opacity 300ms ease;
}
	.hero a:hover img {opacity: 0.8;}
	.hero a.nolink:hover img {opacity: 1;}
.hero.compact {
	padding: 60px 10px 70px 10px;
}
/* Hero for branded pages (hidden by default, enabled further below via body.branded */
.hero_stripe {
	display: none;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 50px;
	text-align: center;
	background-color: #2c2c2c;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.hero_stripe a {
	display: inline-block;
	opacity: 1;
}
	.hero_stripe a:hover {
		opacity: 0.8;
	}
.hero_stripe .logo_tiny {
	width: 270px;
	height: 50px;
	background-position: -270px -150px;
}



/* ==================================================================== Releases */
.releases {
	padding: 0 10px;
}
.releases h2 {
	padding: 40px 10px 30px 10px;
}
	.releases h2 div {
		display: inline-block;
		margin: 10px 30px;
		white-space: nowrap;
	}
.releases .item {
	position: relative;
	display: inline-block;
	width: 30%;
	width: calc(33% - 20px);
	max-width: 360px;
	height: 250px;
	overflow: hidden;
	margin: 10px;
	background-color: #e1008f;
	vertical-align: top;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transition: box-shadow 300ms ease;
}
	.releases .item:hover {box-shadow: 0 2px 20px rgba(105,89,99,1);}
	.releases .item.nolink:hover {box-shadow: 0 0 0 rgba(0,0,0,0);}
	.releases .item-info {
		position: absolute;
		bottom: 0;
		z-index: 2;
		width: 100%;
		padding: 0 10px 20px 10px;
		font-size: 15px; font-size: 1.5rem;
		color: #fff;
	}
		.releases .item-info p {
			padding: 0;
			margin: 0;
			line-height: 16px; line-height: 1.6rem;
			text-shadow: 0 2px 0 #000;
		}
		.releases .item-info h3 {
			display: block;
			padding: 2px 0 12px 0;
			margin: 0;
			
			font-size: 22px; font-size: 2.2rem;
			line-height: 24px; line-height: 2.4rem;

			
			/*
			font-size: 24px; font-size: 2.4rem;
			line-height: 26px; line-height: 2.6rem;
			*/
			text-shadow: 0 3px 0 rgba(0,0,0,0.6);
		}
		.releases time {
			display: inline-block;
			padding: 5px 10px;
			line-height: 14px;
			background-color: #e1008f;
			border-radius: 2px;
		}
			.releases .item.hot time {
				font-weight: bold;
				color: #000;
				background-color: #ffd800;
			}
			.releases .item.rolling time {
				font-weight: bold;
				color: #000;
				background-color: #1dff82;
			}
			.releases .item time span {display: none;}
			.releases .item.hot time span,
			.releases .item.rolling time span {display: inline;}
	.releases .item-fade {
		position: absolute;
		bottom: 0;
		z-index: 1;
		width: 100.5%; /* To compensate resizing glitch */
		height: 200px;
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	}
.releases .b-more {
	cursor: pointer;
	width: 150px;
	margin: 40px auto;
	font-size: 20px; font-size: 2rem;
	line-height: 50px;
	font-weight: bold;
	color: #fff;
	background-color: #e1008f;
	border-radius: 2px;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transition: box-shadow 300ms ease, background-color 300ms ease;
}
	.releases .b-more:hover {
		background-color: #ff00c0;
		box-shadow: 0 2px 20px rgba(105,89,99,0.7);
	}
	.releases .b-more:active {
		background-color: #c9007f;
		box-shadow: 0 1px 10px rgba(105,89,99,0.7);
	}



/* ==================================================================== Movie */
.movie {
	position: relative;
	z-index: 2;
	max-width: 1000px;
	margin: -30px auto 0 auto;
	font-size: 15px; font-size: 1.5rem;
	line-height: 22px; line-height: 2.2rem;
	color: #fff;
	text-align: left;
	background-color: #0f060c;
	border-bottom: 1px solid #e2e2e2;
}
.movie-cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}
	.movie-cover img {
		display: block;
		width: 100%;
		background-color: #94005e;
		background-position: 50% 0%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.movie-cover .fade {
		position: absolute;
		left: 0;
		bottom: -2px;
		z-index: 2;
		width: 100%;
		height: 60%;
		max-height: 330px;
		background: linear-gradient(to bottom, rgba(15,6,12,0) 0%,rgba(15,6,12,1) 100%);
	}
.movie-spacer {
	width: 100%;
	pointer-events: none;
}
.movie-info {
	position: relative;
	z-index: 3;
	padding: 30px 40px 30px 40px;
	}
.movie-info p {
	max-width: 800px;
}
.movie-info a.link-dowant {
	display: inline-block;
	position: relative;
	top: -15px;
    left: -9px;
	z-index: 1;
	margin-top: 8px;
	padding: 3px 10px 2px 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	border-radius: 2px;
	box-shadow: 0 0 10px #ffd400;
	animation: dowant-bounce 2s ease-in-out infinite;
}
.movie-info a.link-dowant,
.movie-info a.link-dowant:before {
	background-color: #ffd800;
	transition: background-color 300ms ease;
}
	.movie-info a.link-dowant:before {
		display: block;
		content: ' ';
		position: absolute;
		z-index: -1;
		bottom: -8px;
		left: 30px;
		width: 20px;
		height: 20px;
		transform: rotate(45deg);
	}
	.movie-info a.link-dowant:hover,
	.movie-info a.link-dowant:hover:before {
		background-color: #fffb00;
	}
.movie-info time {
	display: inline-block;
	margin: 0 0 8px -10px;
	padding: 5px 12px;
	border-radius: 2px;
	background-color: #371917;
}
	.movie-info time b {
		color: #cf977f;
		text-transform: uppercase;
	}
	.movie-info h2 {
		display: block;
		max-width: 800px;
		margin-bottom: -4px;
		text-shadow: 0 3px 0 rgba(0,0,0,0.8);
	}
	.movie-info .title-orig {
		max-width: 800px;
		margin-bottom: 30px;
		text-shadow: 0 1px 0 rgba(0,0,0,0.9);
	}
.movie-info .buy {
	max-width: 800px;
	margin: 30px 0;
	font-size: 13px; font-size: 1.3rem;
	line-height: 0;
}
.movie-info .buy .caption {
	overflow: hidden;
	margin-top: -10px;
	margin-right: 4px;
	font-weight: bold;
	line-height: 28px;
    color: #cf977f;
	text-transform: uppercase;
}
.movie-info .buy .b-buy {
	display: inline-block;
	overflow: hidden;
	padding-right: 8px;
	margin-right: 4px;
	margin-bottom: 8px;
	color: #fff;
	line-height: 28px;
	white-space: nowrap;
	background-color: #e1008f;
	border-radius: 2px;
	transition: 300ms background-color ease;
}
	.movie-info .buy .b-buy span {
		display: inline-block;
		width: 28px;
		height: 28px;
		margin-right: 1px;
	}
	.movie-info .buy .b-buy:hover {
		background-color: #ff00c0;
	}
.movie-info .buy .b-buy.ticket {
	color: #000;
	background-color: #ffd800;
}
	.movie-info .buy .b-buy.ticket:hover {
		background-color: #fff700;
	}
	.movie-info .buy .ticket span {background-position: -322px 0;}
	.movie-info .buy .itunes span {background-position: -350px 0;}
	.movie-info .buy .googleplay span {background-position: -378px 0;}
	.movie-info .buy .okko span {background-position: -406px 0;}
	.movie-info .buy .ivi span {background-position: -434px 0;}
	.movie-info .buy .tvzavr span {background-position: -350px -28px;}
	.movie-info .buy .megogo span {background-position: -378px -28px;}
	.movie-info .buy .otaku span {background-position: -406px -28px;}
	.movie-info .buy .youtube span {background-position: -434px -28px;}
	.movie-info .buy .ozon span {background-position: -350px 0;}

.movie-info .extra {
	max-width: 800px;
	margin: 30px 0;
}
.movie-info .extra > span {
	white-space: nowrap;
}
.movie-info .extra .link {
	color: #ffd800;
}
	.movie-info .extra .link:hover {
		color: #fffb00;
	}
.movie-info .extra .link-site {
	position: relative;
	display: inline-block;
	margin-bottom: 4px;
	font-weight: bold;
	text-transform: uppercase;
}
	.movie-info .extra .link-site span {
		position: absolute;
		top: 50%;
		left: -15px;
		display: block;
		width: 12px;
		height: 12px;
		margin-top: -6px;
		background-position: -260px 0;
	}
.movie-info .extra .link-anchor {
	border-bottom: 1px dotted currentColor;
}
.movie-info .extra b {
	color: #cf977f;
	text-transform: uppercase;
}
.movie .snapback {
	position: relative;
	z-index: 3;
	display: block;
	height: 70px;
	margin-top: 90px;
	background-color: #e1008f;
	transition: background-color 300ms ease;
}
	.movie .snapback span {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 60px;
		height: 30px;
		margin: -15px 0 0 -30px;
		background-position: -200px 0;
	}
	.movie .snapback:hover {background-color: #ff00c0;}

/* Light theme for the movie page */
.movie.light {
	color: #2c2c2c;
	background-color: #eaeaea;
	border-bottom: 1px solid #ccc;
}
.movie.light .movie-cover .fade {
	background: linear-gradient(to bottom, rgba(15,6,12,0) 0%,rgb(234, 234, 234) 60%);
}
.movie.light .movie-info h2,
.movie.light .movie-info .title-orig {
	color: #2c2c2c;
	text-shadow: 1px 2px 1px #f9f9f9;
}
.movie.light .movie-info time {
	background-color: #eaeaea;
}
.movie.light .movie-info time b,
.movie.light .movie-info .buy .caption,
.movie.light .movie-info .extra b {
	color: #2c2c2c;
}
.movie.light .movie-info .extra .link {
	color: #e1008f;
}
	.movie.light .movie-info .extra .link-site span {
		display: none;
	}
	.movie.light .movie-info .extra .link:hover {
		color: #ff00c0;
	}
.movie.light .dowant .dowant-bubble {
	background-color: #d4d4d4;
}
	.movie.light .dowant .dowant-bubble:before {
		background-color: #d4d4d4;
	}
.movie.light .dowant h2 {
	text-shadow: none;
}
	.movie.light .dowant h2 a {
		color: #e1008f;
	}
	.movie.light .dowant h2 a:hover {
		color: #ff00c0;
	}
.movie.light .dowant .dowant-text {
	text-shadow: none;
}
.movie.light .dowant .dowant-form {
	color: #fff;
}



/* ==================================================================== Videos */
.videos-wrap {
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
}
.videos-content .video-js {
	background-color: #524d65;
}
.videos-content .vjs-default-skin .vjs-big-play-button {
	font-size: 3em;
}
.videos-content .player {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #3b3551;
}
.videos-content .player .vjs-control-bar {
	font-size: 190%;
}
.vjs-fullscreen {
	padding-top: 0px;
}
.videos-menu {
	padding: 15px 0;
	margin: 0 auto;
}
.videos-menu li {
	display: inline-block;
	width: 30%;
	margin-right: 10px;
	margin-bottom: 10px;
	vertical-align: top;
}
.videos-menu li:only-child {
	display: none;
}
.videos-menu li a {
	position: relative;
	display: block;
	padding: 8px 10px;
	line-height: 17px;
	text-align: left;
	color: #fff;
	border-radius: 2px;
	background-color: #e1008f;
	box-shadow: 0 2px 6px rgba(0,0,0,0.4);
	transition: color 300ms ease, background-color 300ms ease, box-shadow 300ms ease;
}
	.videos-menu li a:hover {
		background-color: #ff00c0;
	}
.videos-menu li a span {
	display: block;
	height: 34px; /* 51 */
	overflow: hidden;
}
.videos-menu li.active a {
	color: #ccc;
	background-color: #2f2a2d;
	box-shadow: inset 0 0 5px rgba(0,0,0,0.6);
}
	.videos-menu li.active a:hover {
		cursor: default;
	}



/* ==================================================================== Gallery */
.gallery-wrap {
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
.gallery-wrap .stills,
.gallery-wrap .posters {
	padding-bottom: 30px;
}
.gallery-wrap .stills a,
.gallery-wrap .posters a {
	display: inline-block;
	margin: 10px;
	background-color: #2f2a2d;
	opacity: 1;
	transition: opacity 300ms ease;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.gallery-wrap .stills a {
	width: 30%;
	width: calc(33.3% - 20px);
	height: 160px;
}
.gallery-wrap .posters a {
	width: 17%;
	width: calc(20% - 20px);
	height: 240px;
}
.gallery-wrap .stills a:hover,
.gallery-wrap .posters a:hover {
	opacity: 0.8;
}
.movie.light .stills a,
.movie.light .posters a {
	background-color: #ccc;
}



/* ==================================================================== Partners */
.partners-list {
	margin-top: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	background-color: #2f2a2d;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}
.partners-list h4 {
	display: block;
	margin-bottom: 30px;
	font-size: 16px; font-size: 1.6rem;
	line-height: 19px; line-height: 1.9rem;
	font-weight: bold;
	color: #cf977f;
	text-transform: uppercase;
}
.partners-list a div {
	display: inline-block;
	width: 160px;
	height: 100px;
	margin: 10px;
	border-radius: 2px;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
	transition: opacity 300ms ease;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.partners-list a:hover div {
	opacity: 0.8;
}
.movie.light .partners-list {
	background-color: #bdb7bd;
}
.movie.light .partners-list h4 {
	color: #2c2c2c;
}



/* ==================================================================== Do Want */
.dowant {
	position: relative;
	z-index: 3;
	max-width: 800px;
    padding: 0 40px;
}
.dowant .dowant-bubble {
	display: inline-block;
    position: relative;
    top: -15px;
    left: -9px;
	z-index: 1;
	margin-top: 30px;
	padding: 6px 10px;
	font-size: 18px; font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #2c2c2c;
    border-radius: 2px;
	background-color: #e2e2e2;
}
	.dowant .dowant-bubble:before {
		display: block;
		content: ' ';
		position: absolute;
		z-index: -1;
		bottom: -8px;
		left: 30px;
		width: 20px;
		height: 20px;
		transform: rotate(45deg);
		background-color: #e2e2e2;
	}
.dowant h2 {
	display: block;
	margin-bottom: 10px;
	font-size: 26px; font-size: 2.6rem;
	line-height: 28px; line-height: 2.8rem;
	text-shadow: 0 3px 0 rgba(0,0,0,0.8);
}
.dowant h2 a {
	color: #ffd800;
}
	.dowant h2 a:hover {
		color: #fffb00;
	}
.dowant .dowant-text {
	margin: 30px 0 40px 0;
	text-shadow: 0 1px 4px #000;
}
.dowant .dowant-text p.large {
	font-size: 17px; font-size: 1.7rem;
}
.dowant .dowant-text.is-good,
.dowant .dowant-text.is-bad,
.dowant .dowant-text.is-neutral {
	padding: 40px 40px 60px 30px;
	margin: 30px 0 160px 0;
	text-shadow: none;
}
.dowant .dowant-text.is-good {
	background-color: #2e7b49;
}
.dowant .dowant-text.is-bad {
	background-color: #8a0033;
}
.dowant .dowant-text.is-neutral {
	background-color: #8c0e5e;
}
.dowant .dowant-text.is-good input.dowant-url {
	margin-top: 20px;
}
.dowant .dowant-form {
	padding: 20px 20px 40px 20px;
    margin: 20px 0;
	border-radius: 2px;
	background-color: #8c0e5e;
}
.dowant .dowant-form div {
	margin-bottom: 22px;
}
.dowant .dowant-form div label:first-child {
	display: block;
	margin-bottom: 6px;
	font-weight: bold;
	color: #fff5c4;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.dowant .dowant-form div label:not(:first-child) {
	position: relative;
	top: -1px;
}
.dowant .dowant-form div label i {
	font-weight: normal;
	font-style: normal;
	font-size: 13px; font-size: 1.3rem;
	color: #ffa2dd;
}
.dowant .dowant-form input[type="text"],
.dowant .dowant-text .dowant-url {
	width: 90%;
	max-width: 440px;
	padding: 4px 6px;
	font-size: 15px; font-size: 1.5rem;
	color: #2c2c2c;
	border: 2px solid #d657a8;
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
	transition: border-color 400ms ease;
}
.dowant .dowant-form input[type="text"]:focus,
.dowant .dowant-text .dowant-url:focus {
	border-color: #ffd800;
}
.dowant .dowant-form input[type="radio"] {
	margin: 0 6px 10px 0;
	outline: none;
}
.dowant .dowant-form label:after { /* Force line-break after inline radio+label group */
	content: "\A";
	white-space: pre;
}
.dowant .dowant-form button[type="submit"],
.dowant .dowant-text.is-good a.b-large,
.dowant .dowant-text.is-bad a.b-large,
.dowant .dowant-text.is-neutral a.b-large {
	display: inline-block;
	padding: 6px 12px;
	margin: 20px 0;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	background-color: #ffd800;
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	transition: background-color 300ms ease, box-shadow 300ms ease;
}
	.dowant .dowant-form button[type="submit"]:hover,
	.dowant .dowant-form button[type="submit"]:focus,
	.dowant .dowant-text.is-good a.b-large:hover,
	.dowant .dowant-text.is-bad a.b-large:hover,
	.dowant .dowant-text.is-neutral a.b-large:hover {
		background-color: #fffb00;
	}
	.dowant .dowant-form button[type="submit"]:active,
	.dowant .dowant-text.is-good a.b-large:active,
	.dowant .dowant-text.is-bad a.b-large:active,
	.dowant .dowant-text.is-neutral a.b-large:active {
		background-color: #ffd800;
		box-shadow: inset 0 1px 3px rgba(0,0,0,0.7);
	}



/* ==================================================================== Rambler Widget */
.b_rambler-widget {
	cursor: pointer;
	display: block;
	width: 180px;
	height: 36px;
	margin-top: 30px;
	font-weight: bold;
	line-height: 36px;
	color: #000;
	background-color: #ffd800;
	text-align: center;
	border-radius: 2px;
	transition: width 600ms ease, background-color 300ms ease;
}
	.b_rambler-widget:hover {
		background-color: #fff700;
	}
.b_rambler-widget span {
	position: relative;
	top: 4px;
	left: -4px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-position: -322px 0;
}
.b_rambler-widget.active {
	width: 100%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.rambler-widget { /* Roughly the same as the box-section */
	position: relative;
	z-index: 2; /* To bring the widget above the movie info */
	max-height: 0;
	overflow: hidden;
	opacity: 0.2;
	transition: max-height 300ms ease, opacity 300ms ease;
}
.rambler-widget.active {
	height: auto;
	max-height: 9999px;
	opacity: 1;
	transition: max-height 300ms ease, opacity 300ms ease;
}


/* ==================================================================== Footer */
footer {
	max-width: 1000px;
	padding: 30px 20px;
	margin: 0 auto;
	background-color: #e2e2e2;
}
footer .sharing,
footer .public,
footer .legal {
	margin: 50px 0;
}
footer .sharing p,
footer .public p {
	margin: 0;
	font-size: 16px; font-size: 1.6rem;
	line-height: 19px; line-height: 1.9rem;
}
footer .b-sharing {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 10px;
	font-size: 0;
	color: transparent;
	opacity: 1;
	transition: opacity 300ms ease;
}
	footer .b-sharing:hover {opacity: 0.7;}
	footer .b-sharing.vk {background-position: 0 0;}
	footer .b-sharing.fb {background-position: -50px 0;}
	footer .b-sharing.tw {background-position: -100px 0;}
	footer .b-sharing.ok {background-position: -150px 0;}
footer .public a {
	display: inline-block;
	margin-top: 5px;
	font-size: 20px; font-size: 2rem;
	font-weight: bold;
}
footer .legal p.large {
	margin-bottom: 15px;
	font-size: 18px; font-size: 1.8rem;
}
footer .cnt-yandex {
	position: absolute;
	left: 50%;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 2px solid #c4c4c4;
	overflow: hidden;
}



/* ==================================================================== Branded pages */
body.branded .hero,
body.branded .movie-cover,
body.branded .movie-spacer,
body.branded .movie .snapback {
	display: none;
}
body.branded .hero_stripe {
	display: block;
}
body.branded .movie {
	margin-top: 0;
}
body.branded footer {
	padding: 15px 20px;
	margin-top: -10px;
}
body.branded footer .sharing,
body.branded footer .public,
body.branded footer .legal {
	margin: 30px 0;
}



/* ==================================================================== Box-office */
.box-section {
	max-width: 99%;
	max-width: calc(100% - 16px);
	overflow: hidden;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	color: #2c2c2c;
	background-color: #fff;
	border-radius: 6px;
}
.box-section .box-tabs {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
	.box-section .box-tabs a {
		display: table-cell;
		padding: 18px 10px;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		background-color: #e1008f;
		transition: 300ms background-color ease;
	}
		.box-section .box-tabs a:hover {
			background-color: #ff00c0;
		}
	.box-section .box-tabs a.active,
	.box-section .box-tabs a.active:hover {
		cursor: default;
		color: #2c2c2c;
		background-color: #fff;
	}
.box-section .box-table {
	padding: 0 40px 60px 40px;
}
.box-section table {
	width: 100%;
}
.box-section thead {
	font-size: 11px; font-size: 1.15rem;
	line-height: 15px; line-height: 1.55rem;
	color: #b18e7f;
	text-align: right;
	text-transform: uppercase;
}
.box-section thead .font-size-compact {
	font-size: 10px; font-size: 1rem;
	line-height: 13px; line-height: 1.3rem;
}
.box-section .font-mono {
	font-size: 14px; font-size: 1.4rem;
	line-height: 19px; line-height: 1.9rem;
	text-align: right;
	word-spacing: -0.35rem; /* Suppressing monospaced space */
}
.box-section td {
	padding: 5px 10px;
}
.box-section .box-header td {
	padding: 15px 10px 5px 10px;
}
.box-section .size-narrow {
	width: 10%;
	min-width: 45px;
}
.box-section .font-color-light {color: #888;}
.box-section .font-color-positive {color: #00ad1e;}
.box-section .font-color-negative {color: #f40000;}
.box-section .box-subheader-large td {
	padding: 0;
}
.box-section .box-subheader-large div {
	position: relative;
	z-index: 2;
	padding: 9px 10px 8px 10px;
	font-size: 16px; font-size: 1.6rem;
	line-height: 18px; line-height: 1.8rem;
	font-weight: bold;
	color: #2c2c2c;
	letter-spacing: 0.05rem;
	text-align: center;
	text-transform: initial;
	word-spacing: 0rem;
	background-color: #fffaef;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.box-section .box-subheader-medium td {
	padding-top: 5px;
	padding-bottom: 10px !important;
	font-size: 13px; font-size: 1.3rem;
	line-height: 16px; line-height: 1.6rem;
	font-weight: bold;
	text-align: right;
	word-spacing: 0rem;
}
.box-section .box-notes {
	width: 80%;
    margin: -20px auto 0 auto;
    padding: 8px 0px 60px 0px;
    font-size: 12px; font-size: 1.2rem;
    line-height: 16px; line-height: 1.6rem;
    color: #666;
    border-top: 1px solid #e2e2e2;
}
.box-section .box-compare {
	text-align: center;
	margin-bottom: 20px;
}
.box-section .box-compare .trigger {
	display: inline-block;
	padding: 6px 12px;
	margin: 0 auto;
	font-size: 11px; font-size: 1.1rem;
    line-height: 20px; line-height: 2rem;
	text-transform: uppercase;
	background-color: transparent;
	transition: background-color 500ms ease 400ms, color 500ms ease;
}
	.box-section .box-compare .trigger b {
		display: inline-block;
		margin: 0 3px 0 0;
		padding: 0 8px;
		font-size: 13px; font-size: 1.3rem;
		color: #fff;
		background-color: #e1008f;
		border-radius: 2px;
		transition: background-color 500ms ease, color 350ms ease;
	}
	.box-section .box-compare .trigger:hover {
		cursor: pointer;
		color: #e1008f;
	}
	.box-section .box-compare .trigger:hover b {
		cursor: pointer;
		color: #fff;
		background-color: #ff00c0;
	}
	.box-section .box-compare .trigger.active,
	.box-section .box-compare .trigger.active:hover {
		color: #2c2c2c;
		background-color: #f5f3ed;
	}
	.box-section .box-compare .trigger.active b,
	.box-section .box-compare .trigger.active:hover b {
		color: #2c2c2c;
		background-color: #f7dcc6;
	}
.box-section .box-compare .container {
	display: none;
	width: 540px;
    max-width: calc(100% - 20px);
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 20px 3px 20px;
	opacity: 0;
	background-color: #f5f3ed;
	border-radius: 2px;
	transition: opacity 500ms ease 400ms;
}
	.box-section .box-compare .container.active {
		display: block;
		opacity: 1;
	}
.box-section .box-compare .input-text {
	display: inline-block;
	width: 80%;
	width: calc(100% - 42px);
    height: 40px;
    padding: 0;
	margin-bottom: 16px;
    font-size: 15px; font-size: 1.5rem;
    line-height: 18px;
    color: #2c2c2c;
    border-bottom: 2px solid #ccc5b0;
    background-color: transparent;
	transition: padding 400ms ease, border-color 400ms ease, background-color 400ms ease;
	outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}
	.box-section .box-compare .input-text:focus {
		padding: 0 10px;
		border-color: #a79f89;
		background-color: #fff;
	}
.box-section .box-compare .input-submit {
	display: inline-block;
    width: 40px;
    height: 40px;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    background-position: -200px -70px;
	outline: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
	background-color: transparent;
}
.autocomplete-suggestions {
	/* Core styles, do not change */ position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; /**/
	padding: 4px 0 6px 0;
	text-align: left;
	background-color: #a69e88;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
	.autocomplete-suggestion {
		position: relative;
		padding: 5px 10px 4px 10px;
		color: #fff;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: background-color 300ms ease;
	}
	.autocomplete-suggestion:hover {
		cursor: pointer;
		background-color: #e1008f;
	}
	.autocomplete-suggestion.selected {
		background-color: #ff00c0;
	}
	.autocomplete-suggestion a {
		color: #fff;
	}
.box-section .box-comparison {
	position: relative;
	width: 540px;
	max-width: calc(100% - 20px);
	padding: 20px 30px;
	margin: 0 auto;
	text-align: center;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.box-section .box-comparison .b-cancel {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 30px;
	height: 30px;
	background-color: #e1008f;
	background-position: -240px -30px;
	border-radius: 2px;
	transition: background-color 300ms ease;
}
	.box-section .box-comparison .b-cancel:hover {
		background-color: #ff00c0;
	}
	.box-section .bg-comparison {background-color: #f5f3ed;}
	.box-section .bg-comparison-right {border-right: 2px solid #ffffff;}


.box-section table tbody tr:last-of-type td {
	padding-bottom: 20px;
}
.box-section .short {
	display: none;
}
.box-section .endline td {
	padding-bottom: 15px;
	font-weight: bold;
	border-top: 1px solid #ece6d6;
}
.box-section .endline td.bg-comparison {
	border-top-color: #dcd2c0;
}
.box-section .priority-mobile-only {
	display: none;
}








/* =============================================================================== */
/* =============================================================================== */
/* =============================================================================== */
/* =============================================================================== */
/* ==================================================================== Responsive */
/* =============================================================================== */
/* =============================================================================== */
/* =============================================================================== */
/* =============================================================================== */



/* ============================================================= >1260 */
@media only screen and (min-width: 1260px) {

}
/* ============================================================= <1000 */
@media only screen and (max-width: 1000px) {
	html {
		font-size: 59%;
	}
	.releases h2 div {
		margin: 10px 15px;
	}
	.movie {
		margin-top: 0;
	}
	.box-section {
		max-width: calc(100% - 10px);
		overflow: auto;
		border-radius: 0;
	}
}
/* ============================================================= <910 */
@media only screen and (max-width: 910px) {
	html {
		font-size: 57%;
	}
	.releases .item {
		height: 280px;
	}
	.releases .item-fade {
		height: 180px;
	}
	.gallery-wrap .stills a {
		height: 130px;
	}
	.gallery-wrap .posters a {
		height: 190px;
	}
}
/* ============================================================= <767 */
@media only screen and (max-width: 767px) {
	.hero {
		padding: 100px 10px;
	}
	.releases .item {
		width: 92%;
		width: calc(100% - 20px);
		max-width: none;
		height: 300px;
	}
	.movie-info,
	.dowant {
		padding: 20px 40px 30px 30px;
	}
	.movie-info .extra {
		margin: 20px 0;
	}
	.movie .snapback {
		margin-top: 80px;
	}
	.box-section .box-table {
		padding: 0 5px 50px 5px;
	}
	.box-section td {
		padding: 5px 5px;
	}
	.videos-wrap {
		padding-left: 30px;
		padding-right: 30px;
	}
	.videos-content .vjs-default-skin .vjs-big-play-button {
		font-size: 2.2em;
	}
	.videos-menu li {
		width: 45%;
	}
	.gallery-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	.gallery-wrap .stills a {
		height: 115px;
	}
	.gallery-wrap .posters a {
		width: 21%;
		width: calc(25% - 20px);
		height: 200px;
	}
}
/* ============================================================= <599 */
@media only screen and (max-width: 599px) {
	html {
		font-size: 52%;
	}
	.hero.compact {
		padding: 44px 5px 58px 5px;
	}
	.releases h2 {
		padding: 30px 10px 20px 10px;
		font-size: 26px; font-size: 2.6rem;
		line-height: 30px; line-height: 3rem;
	}
	.releases .item {
		height: 280px;
	}
	.movie-info,
	.dowant {
		padding: 30px 20px 30px 20px;
	}
	.movie-info .buy {
		margin: 20px auto;
	}
	.b_rambler-widget {
		margin-top: 20px;
	}
	.movie-info .extra .link-site span {
		left: -13px;
	}
	.movie .snapback {
		margin-top: 60px;
	}
	.box-section .box-table {
		padding: 0 3px 30px 3px;
	}
	.box-section td {
		padding: 4px 3px;
	}
	.box-section .box-header td {
		padding: 10px 3px 5px 3px;
	}
	.box-section .size-narrow {
		min-width: 0;
	}
	.box-section .long {
		display: none;
	}
	.box-section .short {
		display: initial;
	}
	.box-section .priority-mobile-only {
		display: table-cell;
	}
	.box-section .priority-med {
		display: none;
	}
	.box-section .priority-low {
		display: none;
	}
	.box-section .box-subheader-large div {
		padding: 8px 8px 7px 8px;
	}
	.box-section table tbody tr:last-of-type td {
		padding-bottom: 12px;
	}
	.box-section .box-compare .container {
		max-width: calc(100% - 4px);
		padding: 16px 16px 5px 16px;
	}
	.box-section .box-comparison {
		max-width: calc(100% - 4px);
		padding: 7px 40px 7px 10px;
		line-height: 2rem;
		text-align: left;
	}
	.box-section .box-comparison .b-cancel {
		top: 0;
		right: 0;
	}
	.box-section .box-notes {
		width: 94%;
	}
	.videos-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	.videos-content .vjs-default-skin .vjs-big-play-button {
		font-size: 1.8em;
	}
	.videos-menu li a {
		padding: 7px 10px;
		line-height: 14px;
	}
	.videos-menu li a span {
		height: 29px;
	}
	.gallery-wrap {
		padding-left: 10px;
		padding-right: 10px;
	}
	.gallery-wrap .stills a {
		width: 44%;
		width: calc(50% - 20px);
		height: 115px;
	}
	.gallery-wrap .posters a {
		height: 170px;
	}
}
/* ============================================================= <500 */
@media only screen and (max-width: 500px) {
	.releases h2 {
		padding: 30px 0 20px 0;
	}
		.releases h2 div {
			margin: 10px 12px;
		}
	.releases .item {
		height: 230px;
	}
	.releases .item-fade {
		height: 140px;
	}
	.releases .item-info {
		padding: 0 10px 10px 10px;
	}
	.releases .item-info h3 {
		padding: 2px 0 7px 0;
	}
	.movie-info,
	.dowant {
		padding: 40px 20px 30px 20px;
	}
	.movie .snapback {
		margin-top: 40px;
	}
	footer .sharing,
	footer .public,
	footer .legal {
		margin: 30px 0;
	}
	.box-section .font-size-mobile-xtrasmall {
		font-size: 13px; font-size: 1.3rem;
		line-height: 17px; line-height: 1.7rem;
	}
	.box-section thead .font-size-mobile-xtrasmall td {
		font-size: 11px; font-size: 1.15rem;
		line-height: 15px; line-height: 1.55rem;
	}
	.box-section thead .font-size-mobile-xtrasmall .font-size-compact {
		font-size: 10px; font-size: 1rem;
		line-height: 13px; line-height: 1.3rem;
	}
	.gallery-wrap .stills a {
		height: 105px;
	}
	.gallery-wrap .posters a {
		width: 27%;
		width: calc(33.3% - 20px);
		height: 190px;
	}
}
/* ============================================================= <400 */
@media only screen and (max-width: 400px) {
	.releases .item {
		height: 200px;
	}
	.box-section .font-size-mobile-xtrasmall {
		font-size: 10px; font-size: 1.1rem;
		line-height: 14px; line-height: 1.4rem;
	}
	.box-section thead .font-size-mobile-xtrasmall td {
		font-size: 11px; font-size: 1.15rem;
		line-height: 15px; line-height: 1.55rem;
	}
	.box-section thead .font-size-mobile-xtrasmall .font-size-compact {
		font-size: 10px; font-size: 1rem;
		line-height: 13px; line-height: 1.3rem;
	}
	.videos-content .vjs-default-skin .vjs-big-play-button {
		font-size: 1.4em;
	}
	.videos-menu li {
		width: 75%;
	}
	.gallery-wrap .stills a {
		width: 94%;
		width: calc(100% - 20px);
		height: 140px;
	}
	.gallery-wrap .posters a {
		width: 44%;
		width: calc(50% - 20px);
		height: 220px;
	}
}












/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* ==================================================================== Retina */
/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
/* =========================================================================== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.atlas {
		background-image: url(/i/atlas_080819-1@2x.png);
		background-size: 700px auto;
	}	
}







/* https://github.com/feimosi/baguetteBox.js */
/* Button colors are defined in the script (svg stroke) */
#baguetteBox-overlay {display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #000; background-color: rgba(0,0,0,0.9); transition: opacity 0.5s ease;}
#baguetteBox-overlay.visible {opacity: 1;}
#baguetteBox-overlay .full-image {display: inline-block; position: relative; width: 100%; height: 100%; text-align: center;}
#baguetteBox-overlay .full-image figure {display: inline; margin: 0; height: 100%;}
#baguetteBox-overlay .full-image img {display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}
#baguetteBox-overlay .full-image figcaption {display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif;}
#baguetteBox-overlay .full-image:before {content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px;}
#baguetteBox-slider {position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; transition: left 0.4s ease, -webkit-transform 0.4s ease; transition: left 0.4s ease, -moz-transform 0.4s ease; transition: left 0.4s ease, transform 0.4s ease;}
#baguetteBox-slider.bounce-from-right {-webkit-animation: bounceFromRight 0.4s ease-out; animation: bounceFromRight 0.4s ease-out;}
#baguetteBox-slider.bounce-from-left {-webkit-animation: bounceFromLeft 0.4s ease-out; animation: bounceFromLeft 0.4s ease-out;}
/* Buttons */
.baguetteBox-button{position:absolute;cursor:pointer;outline:none;padding:0;margin:0;border:0;font:1.6em sans-serif;background-color:transparent}
.baguetteBox-button#close-button{top:0;right:0;width:50px;height:50px;background-color:rgba(0,0,0,0.8)}
.baguetteBox-button#close-button svg{position:absolute;left:0;top:0}
.baguetteBox-button#next-button{top:50px;right:0;width:50px;height:85%;height:calc(100% - 50px);transition:opacity 300ms ease;opacity:.4}
.baguetteBox-button#next-button:hover{opacity:.8}
.baguetteBox-button#next-button svg{position:absolute;left:0;top:43%;top:calc(50% - 50px)}
.baguetteBox-button#previous-button{top:0;left:0;width:50px;height:100%;transition:opacity 300ms ease;opacity:.4}
.baguetteBox-button#previous-button:hover{opacity:.8}
.baguetteBox-button#previous-button svg{position:absolute;left:0;top:47%;top:calc(50% - 25px)}
/* //Buttons */
.spinner {width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px;}
.double-bounce1, .double-bounce2 {width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out;}
.double-bounce2 {-webkit-animation-delay: -1s; animation-delay: -1s;}
@-webkit-keyframes bounceFromRight {0% {margin-left: 0;} 50% {margin-left: -30px;} 100% {margin-left: 0;}}
@keyframes bounceFromRight {0% {margin-left: 0;} 50% {margin-left: -30px;} 100% {margin-left: 0;}}
@-webkit-keyframes bounceFromLeft {0% {margin-left: 0;} 50% {margin-left: 30px;} 100% {margin-left: 0;}}
@keyframes bounceFromLeft {0% {margin-left: 0;} 50% {margin-left: 30px;} 100% {margin-left: 0;}}
@-webkit-keyframes bounce {0%,100% {-webkit-transform: scale(0); transform: scale(0);} 50% {-webkit-transform: scale(1); transform: scale(1);}}
@keyframes bounce {0%,100% {-webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0);} 50% {-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}}