/*
Theme Name: Scanbox
Author: Dicentia
Author URI: www.dicentia.dk
Version: 1.0
*/

/* General */
body {
	color: #404040;
	font: 14px Helvetica Neue, Helvetica, Arial;
	font-weight: 400;
	line-height: 1.7;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	background: #f8f9fa;

	-webkit-transition: font .2s;
	-moz-transition: font .2s;
	-o-transition: font .2s;
	transition: font .2s;
}
footer {
	background: #fff;
}
a {
	color: inherit;
	text-decoration: none;

	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}
p {
	margin-bottom: 20px;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* Components */
div.button {
	color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	background: #fe746d;
	padding: 2px 20px 2px 20px;
	display: inline-block;
	cursor: pointer;

	-webkit-transition: background .2s;
	-moz-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
}
div.button:hover {
	background: #ff544d;
}
.dropdown {
	min-width: 102px;
	color: #a0a0a0;
	font-size: 90%;
	text-transform: uppercase;
	display: inline-block;
	margin-left: 5px;
	position: relative;
	z-index: 1;
}
.dropdown.countries {
	position: absolute;
	top: 75px;
	right: 68px;
	z-index: 7;
}
.compact .dropdown.countries {
	position: fixed;
	top: 25px;
}
.dropdown a {
	background: url("img/icon-dropdown.png") right no-repeat;
	padding-right: 15px;
}
.dropdown.countries a {
	background: none;
	padding-right: 0;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.dropdown .list {
	background: rgba(255, 255, 255, .97);
	box-shadow: 0px 3px 2px rgba(0, 0, 0, .3);
	position: absolute;
	top: 20px;
	display: none;
}
.dropdown.countries .list {
	text-align: center;
	width: 120px;
}
.dropdown .list ul li {
	padding: 5px;
	cursor: pointer;

	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}
.dropdown .list ul li:hover {
	color: #fe746d;
}
.dropdown .list ul li.selected {
	color: #ff544d;
}
.modal {
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	top: 0;
	overflow-y: scroll;
	z-index: 8;
	display: none;
}
.modal .content {
	width: 640px;
	height: 360px;
	background: #111;
	margin-top: 200px;
	display: inline-block;
}
.lock-scrolling {
	overflow: hidden;
}
.source {
	display: none;
}
.lazy-load,
.lazy-hidden {
	opacity: .2;
}
.lazy-loaded {
	opacity: 1;

	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}

/* Header */
header {
	/* min-width: 892px; */
	color: #a0a0a0;
	text-transform: uppercase;
	background: none;
	margin-top: 50px;
	padding: 10px 45px 10px 45px;
	overflow: hidden;
	z-index: 1;
}
.compact header {
	/* min-width: 1143px; */
	width: 100%;
	margin-top: 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
}
.compact-default header {
	background: rgba(255, 255, 255, .97);
}
header img.logo {
	float: left;
	visibility: hidden;
	cursor: pointer;
}
.compact-full header {
	z-index: 3;
}
.compact-full header img.logo {
	visibility: visible;
}
header nav {
	font-size: .8rem;
	margin-top: 4px;
	margin-left: 37px;
	float: left;
}
header nav ul li {
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
	float: left;
}
header nav ul li a {
	color: #404040;
}
.list header nav ul li.page-title {
	display: none;
}
header nav ul li.search {
	position: relative;
	top: -3px;
}
header nav ul li input[type="text"] {
	width: 1px;
	text-transform: uppercase;
	background: url("img/icon-search.png") 5px no-repeat;
	border: solid 1px rgba(255, 255, 255, 0);
	border-radius: 2px;
	outline: none;
	padding: 5px 5px 5px 24px;

	-webkit-transition: border .2s;
	-moz-transition: border .2s;
	-o-transition: border .2s;
	transition: border .2s;
}
header nav ul li input[type="text"]:focus {
	width: 289px;
}
/*
header nav ul li input[type="text"]:focus {
	border-color: #a0a0a0;
}
*/
header nav ul li a:hover {
	color: #fe746d;
}
header nav ul li.current a {
	color: #ff544d;
}
header div.country {
	text-transform: none;
	margin-left: 20px;
	margin-top: 4px;
	float: right;
}
.compact header div.country {
	margin-right: 90px;
}
div.country a {
	background: url("img/icon-dropdown.png") right no-repeat;
	padding-right: 15px;
}
header .hitbox {
	width: 220px;
	height: 51px;
	position: fixed;
	top: 0;
	left: 0;
	cursor: pointer;
}

/* Search Results */
.search-results {
	width: 320px;
	position: absolute;
	top: 88px;
	left: 271px;
	z-index: 7;
}
.compact .search-results {
	position: fixed;
	top: 38px;
}
.compact-default .search-results {
	left: 244px;
}
.search-results ul li {
	background: rgba(255, 255, 255, .97);
	padding: 15px 20px 15px 20px;
	border-bottom: solid 1px #dbdcde;
	cursor: pointer;
}
.search-results ul li.empty {
	cursor: default;
}
.search-results ul li.selected:not(.empty) {
	background: rgba(220, 220, 220, .97);
}

/* Full Navigation */
#full-navigation {
	width: 19%;
	/* min-width: 224px; */
	background: #fff;
	padding-bottom: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
.compact-default #full-navigation {
	display: none;
}
#full-navigation ul li.current.hidden {
	visibility: hidden;
}
#full-navigation ul li.animated {
	visibility: visible;
	padding-right: 15px;
	position: fixed;
	left: 0;
	top: 48px;
}
#full-navigation ul li.animated.stopped {
	position: absolute;
	left: 0px;
}
#full-navigation.show {
	position: fixed;
	top: 50px;
}
#full-navigation img {
	margin: 30px 0px 15px 45px;
    max-width: -moz-available;
	max-width: -webkit-fill-available; 
}
.compact-full #full-navigation img {
	visibility: hidden;
}
.compact-default #full-navigation img {
	display: none;
}
#full-navigation ul li {
	font-size: 1.1rem;
	text-align: left;
	text-transform: uppercase;
	padding: 2px 15px 2px 45px;
	cursor: pointer;
	display: inline-block;
	float: left;
	clear: left;

	box-shadow: inset 0 0 0 0 #fe746d;
	-webkit-transition: box-shadow .2s;
	-moz-transition: box-shadow .2s;
	transition: box-shadow .2s;
}
#full-navigation ul li.current {
	box-shadow: inset 0 0 0 0 #fe746d;
	-webkit-transition: color .2s .1s, box-shadow .6s;
	-moz-transition: color .2s .1s, box-shadow .6s;
	transition: color .2s .1s, box-shadow .6s;
}
#full-navigation ul li a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#full-navigation ul li:hover {
	box-shadow: inset 5px 0 0 0 #fe746d;
}
#full-navigation ul li.current {
	color: #fff;
	box-shadow: inset 200px 0 0 0 #ff544d;
}
#full-navigation ul li:first-child {
	margin-top: 0px;
}
#full-navigation ul li:last-child {
	margin-bottom: 0px;
}

/* Mobile Header */
.mobile {
	display: none;
}
#mobile-header {
	width: 100%;
	text-align: center;
	background: rgba(255, 255, 255, .97);
	margin-bottom: 10px;
	z-index: 3;
}
.compact-mobile #mobile-header,
.compact-default #mobile-header {
	position: fixed;
}
.compact-default #mobile-header {
	border-bottom: solid 1px #b5b5b5;
}
#mobile-header img.logo {
	margin-top: 10px;
	margin-bottom: 5px;
}
#mobile-header img.logo.compact {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 11px;
	position: relative;
	left: -4px;
	display: none;
}
.compact-mobile #mobile-header img.logo,
.compact-default #mobile-header img.logo {
	display: none;
}
.compact-mobile #mobile-header img.logo.compact,
.compact-default #mobile-header img.logo.compact {
	display: block;
}
#mobile-header div a {
	text-transform: uppercase;
	margin-right: 10px;
	margin-bottom: 10px;
}
#mobile-header div a.current {
	color: #ff544d;
}
#mobile-header div a.active {
	color: #fe746d;
}
#mobile-header div.submenu {
	font-size: .8rem;
	background: #fe746d;
	margin-top: 5px;
}
#mobile-header div.submenu a {
	color: #fff;
}
#mobile-header div.submenu a.current {
	font-weight: 600;
}

/* Mobile Navigation */
#mobile-navigation {
	background: #fff;
	width: 85%;
	height: 100%;
	position: fixed;
	right: -85%;
	top: 0;
	z-index: 6;
}
#mobile-navigation .wrapper {
	padding: 10px 30px 10px 30px;
	text-align: center;
}
#mobile-navigation .drawer {
	height: 80px;
	position: absolute;
	top: 50%;
	left: -34px;
	margin-top: -40px;
	cursor: pointer;
}
#mobile-navigation img.logo {
	margin: 0 auto;
	display: block;
}
#mobile-navigation input[type="text"] {
	width: 97%;
	height: 35px;
	text-transform: uppercase;
	background: #f4f4f4 url("img/icon-search.png") 10px no-repeat;
	border: none;
	border-radius: 8px;
	outline: none;
	margin: 10px 0 10px -11px;
	padding-left: 31px;
}
#mobile-navigation ul li {
	font-size: .9rem;
	text-transform: uppercase;
	text-align: left;
	border-bottom: solid 1px #c8c7cc;
	padding: 10px;
	cursor: pointer;
}
#mobile-navigation ul li.current {
	color: #ff544d;
}
#mobile-navigation ul li.active {
	color: #fe746d;
}
#mobile-navigation-fade {
	width: 100%;
	height: 100%;
	background: #f6f6f6;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	display: none;
}

/* Content */
article {
	margin-bottom: 200px;
	overflow: hidden;
}
.compact article {
	padding-top: 100px;
}

/* List View */
.list article,
.cover article {
	margin-left: 45px;
	margin-right: 45px;
	line-height: 0;
}
.cover article {
	line-height: 1.2;
}
.cover article p {
	margin-top: 0;
}
.cover article p small {
	color: #8d8d8d;
}
.cover article a.all {
	font-size: 110%;
	text-transform: uppercase;
	margin-top: 15px;
	float: right;
}
.cover article a.all:hover {
	color: #fe746d;
}
.cover article h2 {
	display: inline-block;
}
.cover article .formats {
	overflow: hidden;
}
.cover article .formats div {
	width: 31.35%;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background: #4c4c4c;
	margin: 1px;
	margin-top: -16px;
	margin-bottom: 5px;
	padding: 1px;
	float: left;

	-webkit-transition: margin .2s;
	-moz-transition: margin .2s;
	-o-transition: margin .2s;
	transition: margin .2s;
}
.cover article .item:hover .formats div {
	margin-top: -1px;
}
.cover article .formats div:first-child {
	margin-left: 0;
}
.cover article .formats div:last-child {
	margin-right: 0;
}
.cover article .trailer {
	text-transform: uppercase;
	margin-top: 3px;
	float: right;
	opacity: 0;

	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}
.cover article .item:hover .trailer {
	opacity: 1;
}
.cover article .trailer a:hover {
	color: #404040;
}
.cover article .item.no-date .trailer {
	margin: none;
	float: none;
}
.list article div.row,
.cover article div.row {
	overflow: hidden;
}
.cover article div.row {
	margin-bottom: 50px;
}
.list article div.item,
.cover article div.item {
	float: left;

	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	/* transition: opacity .2s; */
}
.cover article div.item {
	vertical-align: top;
	float: none;
	display: inline-block;
}
.list article div.item:hover,
.cover article div.item:hover {
	opacity: .8;
}
.list article div.item img,
.cover article div.item img {
	width: 100%;
}
.list article div.row > div.item:last-child,
.cover article div.row > div.item:last-child {
	margin-right: 0;
}

/* List View - 640px (small) */
.list article div.small,
.cover article div.small {
	display: none;
	text-align: center;
}
.list article div.small div.item,
.cover article div.small div.item {
	width: 100%;
	margin-bottom: 10px;
	float: none;
	display: inline-block;
	position: relative;
}
.list article div.small div.item img.tutorial-overlay,
.cover article div.small div.item img.tutorial-overlay {
	width: 100%;
	position: absolute;
	z-index: 4;
}

/* List View - 1024px (medium) */
.list article div.medium,
.cover article div.medium {
	display: none;
}
.list article div.medium div.row:first-child > div.item:first-child {
	width: 82%;
	margin-left: 18.4%;
}
.list article div.medium div.item {
	width: 16%;
	margin: .8%;
}
.cover article div.medium div.item {
	width: 19%;
	margin: .5%;
}
.list article div.medium div.item.wide,
.cover article div.medium div.item.wide {
	width: 64%;
}
.cover article div.medium .formats div {
	margin-top: -14px;
}

/* List View - 1220px (large) */
.list article div.large div.row:first-child > div.item:first-child {
	margin-left: 18.4%;
}
.list article div.large div.item,
.cover article div.large div.item {
	width: 16%;
	margin: .8%;
}
.cover article div.large div.item {
	margin: .33%;
}
.list article div.large div.item.wide,
.cover article div.large div.item.wide {
	width: 64%;
}

/* List View - 1600px (extra-large) */
.list article div.extra-large,
.cover article div.extra-large {
	display: none;
}
.list article div.extra-large div.row:first-child > div.item:first-child {
	margin-left: 15.4%;
}
.list article div.extra-large div.item {
	width: 13.7%;
	margin: .57%;
}
.cover article div.extra-large div.item {
	width: 12.1%;
	margin: .2%;
}
.list article div.extra-large div.item.wide,
.cover article div.extra-large div.item.wide {
	width: 54.9%;
}

/* About View */
.about article section {
	width: 680px;
	margin: 0 auto;
}
.about.wide article section {
	width: 80%;
}
.about.centered article section {
	text-align: center;
}
.about.centered article section h1 {
	font-weight: 300;
	text-transform: uppercase;
	margin: 0;
}
.about.centered article section p {
	font-size: 85%;
	margin: 0;
	margin-bottom: 25px;
}
.about article section img.left {
/*	margin: 110px 50px 200px 0px; */
	margin: 110px 50px 300px 0px;
	float: left;
}
.news article section {
	background: #fff;
}
.about article section p.download {
	margin-top: 20px;
	font-weight: 600;
}
.about article section ul {
	list-style: outside;
}

/* 404 View */
.not-found article section img {
	width: auto !important;
	height: auto !important;
	margin-bottom: 10px;
}

/* Title View & Contact View */
.title article,
.contact article {
	padding-top: 52px;
}
.title article section.banner {
	position: relative;
}
.title article section.banner.trailer {
	cursor: pointer;
}
.title article section.banner > img {
	width: 100%;
}
.title article section.banner div.trailer-controller {
	width: 65px;
	height: 65px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background: #000;
	opacity: .6;
	position: absolute;
	bottom: 7px;
	cursor: pointer;

	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}
.title article section.banner:hover div.trailer-controller,
.title article section.banner div.trailer-controller:hover {
	opacity: .8;
}
.title article section.banner div.trailer-controller img {
	margin-top: 8px;
}
.title article section.movie,
.title article section.media,
.title article section.details {
	padding: 40px 50px 0px 50px;
	overflow: hidden;
}
.title article section.media > div {
	margin-right: 50px;
	float: left;
}
.title article section.media > div.text {
	width: 530px;
}
.title article section.movie div.facing {
	margin-right: 30px;
	float: left;
}
.title article section.movie h1 {
	font-size: 2.5rem;
	line-height: 1.2;
	color: #333;
	margin: 15px 0px 25px 0px;
}
.title article section p.login {
	color: #a7a7a7;
	font-size: .8rem;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 0px;
}
.title article section p.login a:hover {
	color: #404040;
}
.title article section h2,
.contact article section h2,
.cover h2 {
	font-size: 250%;
	font-weight: 300;
	line-height: 1.2;
	text-transform: uppercase;
}
.cover h2 {
	font-size: 200%;
	font-weight: 400;
	margin: 0;
	margin-bottom: 10px;
}
.title article section.details {
	padding-bottom: 40px;
}
.title article section.details #info-pane {
	text-transform: uppercase;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, .1);
	display: inline-block;
	overflow: hidden;
}
.title article section.details #info-pane nav ul {
	overflow: hidden;
}
.title article section.details #info-pane nav ul li {
	font-size: 1.1rem;
	font-weight: 300;
	padding: 2px 15px 2px 15px;
	float: left;
	cursor: pointer;

	-webkit-transition: color, background .1s;
	-moz-transition: color, background .1s;
	-o-transition: color, background .1s;
	transition: color, background .1s;
}
.title article section.details #info-pane nav ul li.current {
	color: #fff;
	background: #333;
}
.title article section.details #info-pane div.content {
	padding: 20px;
	display: none;
}
.title article section.details #info-pane div.content.current {
	display: block;
}
.title article section.details #info-pane div.content a:hover {
	color: #ff544d;
}
.title article section div.order-sheet {
	margin-top: 25px;
	overflow: auto;
}
.title article section div.order-sheet div.order-wrapper {
	font-size: .8rem;
	margin-right: 20px;
	float: left;
}
.title article section div.order-sheet div a {
	color: inherit;
	font-weight: 500;
}
.title article section div.order-sheet div a:hover,
.title article section div.order-sheet div.order-wrapper.active > a {
	color: inherit;
}
.title article section div.order-sheet div.button {
	font-size: 1rem;
}
.title article section div.order-sheet div.order-wrapper.active > div.button {
	background: #ff544d;
}
.title article section div.order-sheet div.text {
	margin-top: 5px;
}
.title article section div.order-sheet div.dropdown {
	margin-left: 0px;
	display: none;
}
.title article section div.order-sheet div.dropdown ul li {
	text-align: center;
	background: #fff;
	border: solid 1px #c9c9c9;
	border-bottom: 0px;
	padding: 5px;
	cursor: pointer;

	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}
.title article section div.order-sheet div.dropdown ul li:hover {
	color: #fe746d;
}
.title article section div.order-sheet div.dropdown ul li:last-child {
	border-bottom: solid 1px #c9c9c9;
}
.title article section div.order-sheet div.dropdown ul li a {
	color: inherit;
	font-weight: inherit;
	background: none;
	padding-right: 0;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.title article section div.order-sheet div.dropdown input {
	width: 200px;
	height: 25px;
	color: inherit;
	outline: none;
	margin-top: 10px;
	margin-right: 10px;
	padding-left: 5px;
	position: relative;
	top: -1px;
}
.title article section div.order-sheet div.dropdown div.thanks {
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 25px;
	display: none;
}
.title article section div.order-sheet div.dropdown div.thanks img {
	margin-right: 10px;
	margin-top: -15px;
}

/* Contact View */
.contact article {
	padding-bottom: 0px;
}
.contact article section {
	padding: 50px;
}
.about article section p.download a:hover,
.contact article section p a:hover {
	color: #ff544d;
}
.contact article section.contact {
	padding-top: 10px;
}
.contact article section.team {
	text-align: center;
	background: #fcfdfd;
	padding-bottom: 512px;
}
.contact article section.team div.person {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, .1);
	margin: 50px 15px 15px 15px;
	padding: 15px;
	display: inline-block;
}
.contact article section.team div.person img {
	margin-top: -50px;
}
.contact article section.team div.person p {
	text-align: left;
	margin: 0;
}
.contact article section.team div.person em {
	font-size: 1.2rem;
	font-style: normal;
	color: #fe746d;
	text-transform: uppercase;
}
.contact article section.contact h2 {
	text-transform: none;
}

/* Footer */
footer {
	text-align: center;
	padding: 1px;

}
footer.news {
	border-top: solid 2px #f8f9fa;
	position: relative;
	z-index: 3;
}
footer img.logo {
	margin-top: -55px;
}
footer a.social {
	width: 94px;
	height: 94px;
	margin: 5px;
	display: inline-block;
	position: relative;
}
footer a.social img {
	width: 100%;

	-webkit-transition: opacity .1s;
	-moz-transition: opacity .1s;
	-o-transition: opacity .1s;
	transition: opacity .1s;
}
footer a.social img.hover {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
footer a.social:hover img {
	opacity: 0;
}
footer a.social:hover img.hover {
	opacity: 1;
}
footer p.signature {
	font-size: 85%;
	text-transform: uppercase;
}
footer p.signature a:hover {
	color: #ff544d;
}

/* Footer Behaviour */
html,
body,
#container {
	height: 100%;
}
body > #container {
	height: auto;
	min-height: 100%;
}
article {
	min-height: 370px;
	padding-bottom: 512px;
}
.news article {
	padding-bottom: 300px;
}
footer {
	margin-top: -512px;
}

/* Third-Party Cookie Banner */
#cookie-law-info-bar {
	font-size: .9rem;
	background-color: rgba(255, 255, 255, .97) !important;
}
#cookie-law-info-bar span {
	padding: 15px;
	display: block;
}
#CONSTANT_OPEN_URL.cli-plugin-main-link {
	margin: 0 10px;
	display: inline-block;
}
#CONSTANT_OPEN_URL.cli-plugin-main-link:hover {
	color: #ff544d !important;
}
.cli-plugin-button,
.cli-plugin-button:visited,
.medium.cli-plugin-button,
.medium.cli-plugin-button:visited {
	background: none;
	border: none;
	border-radius: 0;
	text-shadow: none;
	box-shadow: none;
	margin: 0 10px;
	padding: 8px 15px;
}
.cli-plugin-button:active {
	top: 0;
}
#cookie_action_close_header.medium.cli-plugin-button.cli-plugin-main-button:hover {
	background-color: #ff544d !important;
}

/* Extra Large */
@media only screen and (min-width: 1600px) {
	#full-navigation {
		width: 16%;
	}
	.list article div.small,
	.cover article div.small,
	.list article div.medium,
	.cover article div.medium,
	.list article div.large,
	.cover article div.large {
		display: none;
	}
	.list article div.extra-large,
	.cover article div.extra-large {
		display: block;
	}
}

/* Large */
@media only screen and (max-width: 1220px) {
	.list article div.small,
	.cover article div.small,
	.list article div.medium,
	.cover article div.medium,
	.list article div.extra-large,
	.cover article div.extra-large {
		display: none;
	}
	.list article div.large,
	.cover article div.large {
		display: block;
	}
	.title article section div.order-sheet {
		width: 380px;
	}
	.title article section div.order-sheet div.text {
		margin-top: 15px;
	}
	#full-navigation img.logo {
		width: 67%;
	}
	#full-navigation ul li {
		font-size: 1rem;
	}
}
@media only screen and (max-width: 1067px) {
	.about article section {
		width: 650px;
	}
}

/* Medium */
@media only screen and (max-width: 920px) {
	.list article div.small,
	.cover article div.small,
	.list article div.large,
	.cover article div.large,
	.list article div.extra-large,
	.cover article div.extra-large {
		display: none;
	}
	.list article div.medium,
	.cover article div.medium {
		display: block;
	}
	header nav ul li {
		margin-left: 18px;
	}
	#full-navigation {
		width: 20%;
	}
	#full-navigation img.logo {
		width: 60%;
	}
	#full-navigation ul li {
		font-size: .9rem;
	}
}

/* Mobile */
@media only screen and (max-width: 640px) {
	input[type="text"],
	input[type="number"],
	textarea {
		font-size: 16px;
	}
	body {
		overflow: hidden;
		overflow-y: auto;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
	header,
	#full-navigation,
	.list article div.medium,
	.cover article div.medium,
	.list article div.large,
	.cover article div.large,
	.list article div.extra-large,
	.cover article div.extra-large,
	.cover article p,
	.cover article .formats,
	.title article section.banner {
		display: none;
	}
	.list article div.small,
	.cover article div.small,
	.mobile {
		display: block;
	}
	#container {
		border-right: solid 5px #fff;
	}
	article {
		padding-bottom: 400px;
	}
	article section img {
		width: 100%;
	}
	article section img.left {
		width: 50%;
	}
	footer {
		width: 100%;
		font-size: 80%;
		margin-top: -449px;
	}
	footer img.logo {
		height: 100px;
		margin-top: -43px;
	}
	footer a.social {
		width: 60px;
		height: 60px;
	}
	.title article section h2,
	.contact article section h2,
	.cover h2 {
		font-size: 130%;
	}
	.about article section {
		width: 80%;
	}
	.about article section img.left {
		margin: 0 auto;
		margin-bottom: 50px;
		float: none;
		display: block;
	}
	.about.centered article section h1 {
		line-height: 1.2;
	}
	.title article,
	.contact article,
	.compact article {
		padding-top: 0;
	}
	.compact-mobile article {
		padding-top: 161px;
	}
	.compact-default article {
		padding-top: 100px;
	}
	.cover article {
		padding-top: 120px;
	}
	.contact article section {
		padding: 30px;
	}
	.title article section.movie,
	.title article section.media,
	.title article section.details {
		padding: 16px;
	}
	.title article section.movie div.facing {
		width: 100%;
		margin: 0 auto;
		float: none;
		display: block;
	}
	.title article section.movie .thanks img {
		width: auto;
		float: left;
	}
	.title article section.media > div.text {
		width: 100%;
		padding-top: 40px;
	}
	.title article section.media iframe {
		width: 122%;
	}
	.title article section div.order-sheet {
		width: 100%;
	}
	.title article section div.order-sheet div.dropdown input {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.search-results,
	.compact .search-results {
		width: 75.4%;
		top: 120px;
		left: 19.5%;
	}
	div.country {
		color: #808080;
		font-size: 0.7rem;
		text-transform: uppercase;
		margin-left: -75px;
	}
	.dropdown.countries,
	.compact .dropdown.countries {
		top: 45px;
		left: 38%;
	}
	div.button,
	div.button:hover {
		color: #fe746d;
		background: #fff;
		border: solid 1px #fe746d;
	}
	div.button.active {
		background: #ff544d;
		color: #fff;
	}
	#mobile-navigation div.button {
		font-size: 14px;
		width: 27%;
		margin-top: 20px;
		line-height: 1.2;
		padding: 10px 5px;
	}
}
@media only screen and (max-height: 500px) {
	#mobile-navigation ul li {
		padding: 6px;
	}
	#mobile-navigation div.button {
		font-size: 11px;
		width: 26%;
	}
}