/*
Theme Name: FM.com
Theme URI: http://www.fantasticman.com
Author: Denny Backhaus
Author URI: http://www.dennybackhaus.com/
Description: The Theme for Fantastic Man No 21
Version: 0.1
License: No License
License URI: 
Tags: fm
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
	font-family: 'FM Book', 'Helvetica', 'Arial',sans-serif;
}

body {
	color: #000;
	line-height: 1.5em;
	font-size: 14px;
	margin: 0;
}

a {
	color: #00f;
	text-decoration: none;
}

a:visited {
	color: #00f;
}

a:focus {
	outline: none;
}

a:active,
a:hover {
	color: #f00;
	outline: 0;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-size: 22px;
	line-height: 1.3;
	margin: 0;
	font-weight: normal;
}

h1 {
	font-size: 48px;
	margin: 33px 0;
}

h2 {
}

h3 {
}

h4 {
	font-size: 20px;
	margin: 25px 0;
}

h5 {
	font-size: 22px;
	margin: 30px 0;
}

h6 {
	font-size: 22px;
	margin: 36px 0;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0 0 24px;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 22px 0;
	padding: 0 0 0 40px;
}

ul {
	list-style-type: square;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

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;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 22px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}



/**
 * 2.0 FM
 * ----------------------------------------------------------------------------
 */
 
 
 
/* FONTS */



@font-face {
    font-family: 'FM Book';
    src: url('../fonts/AGBookStdReg-webfont.eot');
    src: url('../fonts/AGBookStdReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AGBookStdReg-webfont.woff') format('woff'),
         url('../fonts/AGBookStdReg-webfont.ttf') format('truetype'),
         url('../fonts/AGBookStdReg-webfont.svg#ag_book_std_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'FM Book';
    src: url('../fonts/AGBookStdIta-webfont.eot');
    src: url('../fonts/AGBookStdIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AGBookStdIta-webfont.woff') format('woff'),
         url('../fonts/AGBookStdIta-webfont.ttf') format('truetype'),
         url('../fonts/AGBookStdIta-webfont.svg#ag_book_std_regularitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}


@font-face {
    font-family: 'FM Book Extended';
    src: url('../fonts/AGBookStdRegExt-webfont.eot');
    src: url('../fonts/AGBookStdRegExt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AGBookStdRegExt-webfont.woff') format('woff'),
         url('../fonts/AGBookStdRegExt-webfont.ttf') format('truetype'),
         url('../fonts/AGBookStdRegExt-webfont.svg#ag_book_stdregular_extended') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'FM Book Extended';
    src: url('../fonts/AGBookStdMedExt-webfont.eot');
    src: url('../fonts/AGBookStdMedExt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AGBookStdMedExt-webfont.woff') format('woff'),
         url('../fonts/AGBookStdMedExt-webfont.ttf') format('truetype'),
         url('../fonts/AGBookStdMedExt-webfont.svg#ag_book_stdmedium_extended') format('svg');
    font-weight: bold;
    font-style: normal;

}





@font-face {
    font-family: 'FM Basic';
    src: url('../fonts/BasicCommercialLTStd-Bold-webfont.eot');
    src: url('../fonts/BasicCommercialLTStd-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BasicCommercialLTStd-Bold-webfont.woff') format('woff'),
         url('../fonts/BasicCommercialLTStd-Bold-webfont.ttf') format('truetype'),
         url('../fonts/BasicCommercialLTStd-Bold-webfont.svg#fmbasicbold') format('svg');
    font-weight: normal;
    font-style: normal;

}






/* LOGO */





/* LOGO */


#logo {
  position: fixed;
  width: 150px;
  height: 44px;
  margin-left: -75px;
  top: 30px;
  left: 50%;
  z-index: 200;
  
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  text-align: center;
  
}
.logo-graphic {
  position: absolute;
  width: 225px;
  height: 66px;
  
  xleft: 50%;
  top: 25px;
  xmargin-left: -112px;
  left: 25px;
  
  
  background-image: url(../img/logo_black_s.png);
  background-size: 225px 66px;
  
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
    
  -webkit-transform-origin: 5% 0;
  -moz-transform-origin: 5% 0;
  -ms-transform-origin: 5% 0;
  -o-transform-origin: 5% 0;
  transform-origin: 5% 0;
  
  z-index: 200;
}
body.section-cover.logo-white .logo-graphic {
  background-image: url(../img/logo_white_s.png);
}
body.section-cover .logo-graphic {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}




.logo-graphic {
  width: 358px;
  height: 188px;
  background-image: url(../img/logo_new_black_s.png);
  background-size: 358px 188px;
}
body.section-cover.logo-white .logo-graphic {
  background-image: url(../img/logo_new_white_s.png);
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { /* retina */
	.logo-graphic { background-image: url(../img/logo_new_black_2x.png?v=2); }
	body.section-cover.logo-white .logo-graphic { background-image: url(../img/logo_new_white_2x.png?v=2); }
}





#pagina {
	position: absolute;
	width: 500px;
	left: 30px;
	top: 100px;
    margin: 0;
    
	font-family: 'FM Book';
	font-size: 12px;
	line-height: 1.3em;
	text-align: left;
	opacity: 0;
	
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

body.section-cover #pagina {
	opacity: 1;
}

body.logo-white #pagina {
	color: #fff;
}

#logo .bg {
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  text-align: center;
  height: 70px;
  z-index: 0;
  opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    
	font-family: 'Swiss Extended';
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 1.3em;
}
body.section-cover #logo .bg {
  opacity: 0;
}
#logo .bg .line {
  position: absolute;
  background-color: #000;
  bottom: 0;
  left: 40px;
  right: 40px;
  height: 1px;
  
}

#logo .bg a {
	position: absolute;
	top: 30px;
	color: #000;
	
}
#logo .bg a:hover {
	border-bottom: 1px solid #000;
	
}

#logo .bg a.nav-information {
	left: 40px;
	/*
	left: auto;
	right: 40px;
	top: 40px;
	*/
}
#logo .bg a.nav-contact {
	right: 40px;
}














/* SITE */


body {
	background-color: #fff;
}


nav#site-navigation {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	background-color: #fce;
	
	xdisplay: none;
	z-index: 9999;
	
	letter-spacing: 1px;
}

nav#site-navigation ul {
	margin: 0;
	padding: 0;
}
nav#site-navigation ul li {
	float: right;
	
}

nav#site-navigation ul li.logo {
	float: left;
}



nav#site-navigation a {
	text-decoration: none;
	color: #000;
	padding: 20px 25px;
	display: block;
}


nav#site-navigation a:hover {
	color: #fff;
	background-color: #000;
}


body.section-cover.logo-white nav#site-navigation a {
  color: #fff;
}




.clear {
    clear: both !important;
}








/* CENTERING */

.centering {
  position: relative;
  
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  max-height: 100%;
  overflow: hidden !important;
}
.centering-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.centering-inner {
	text-align: center;
	position: relative;
	max-width: 100%;
}


/* TWO COLUMNS */
.twocolumns {
	
}
.twocolumns:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.twocolumns .col-left,
.twocolumns .col-right {
	width: 50%;
	float: left;
	text-align: center;
}


/* THREE COLUMNS */
.threecolumns {
	
}
.threecolumns:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.threecolumns .col-left,
.threecolumns .col-mid,
.threecolumns .col-right {
	width: 33.333%;
	float: left;
	text-align: center;
}






/* MAGAZINE ISSUES */

/*
#magazine {
	xmax-width: 1500px;
	text-align: center;
	xheight: 100%;
	position: relative;
}

.magazine {
  position: relative;
}


.section_intro {
	padding-top: 150px;
	margin-top: 0;
}
.magazine hr.hr_1 {
  margin-bottom: 0;
}

*/







/* OLD SITE */

/*
.magazine #magazine-content {
	min-height: 500px;
}


.magazine #magazine-content .number {
	font-size: 172px;
	line-height: 1em;
}

.magazine #magazine-content .content {
	
	
}
.magazine #magazine-content .hd {
	font-family: 'Swiss Extended';
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.3em;
	margin: 20px auto 30px;
}
.magazine #magazine-content .hd .first {
	display: none;
}
.magazine #magazine-content .hd.first_on .first {
	display: inline;
}
.magazine #magazine-content .hd.first_on .featuring {
	display: none;
}
.magazine #magazine-content .hd.first_on .coverstar {
	display: none;
}
.magazine #magazine-content .hd .coverstar {
	text-transform: uppercase;
	letter-spacing: 2px;
}

.magazine #magazine-content .hd hr {
	margin: 3px auto 6px;
	width: 320px;
}

.magazine #magazine-content .subhd {
	font-family: 'Swiss Extended';
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 1em;
	margin: 30px auto;
	
	
	font-family: 'Swiss Extended';
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.magazine #magazine-content .text {
	width: 55%;
	font-size: 14px;
	line-height: 1.4em;
	text-align: justify;
	margin: 0 auto;
	
	-webkit-column-count: 2;
	-webkit-column-rule: 1px solid #000;
	-webkit-column-gap: 20px;
}
.magazine #magazine-content .text p {
	margin: 0 0 0 0;
}
*/












/* GENERAL STYLES */

h1 {
	text-align: left;
	
	font-family: 'FM Book Extended';
	font-weight: bold;
	font-size: 76px;
	line-height: 1em;
	margin-bottom: 0.3em;
}

h2 {
	text-align: left;
	
	font-family: 'FM Basic';
	font-size: 34px;
	line-height: 1em;
	margin-bottom: 0.3em;
}

.section-intro {
	text-align: left;
	font-size: 22px;
	line-height: 1.3em;
}

.intro {
	text-align: left;
	font-family: 'FM Basic';
	font-size: 18px;
	line-height: 1em;
}

.credits {
	font-size: 10px; 
	line-height: 1.3em;
	
	margin-top: 20px;
	margin-bottom: 20px;
}

.credits.twocol {
	
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
	
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	-ms-column-gap: 20px;
	-o-column-gap: 20px;
	column-gap: 20px;
}

.columns-2 {
	
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
	
	-webkit-column-rule: 1px solid #000;
	-moz-column-rule: 1px solid #000;
	-ms-column-rule: 1px solid #000;
	-o-column-rule: 1px solid #000;
	column-rule: 1px solid #000;
	
	-webkit-column-gap: 4%;
	-moz-column-gap: 4%;
	-ms-column-gap: 4%;
	-o-column-gap: 4%;
	column-gap: 4%;
}


.item-4 .columns-2 {
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	-ms-column-gap: 40px;
	-o-column-gap: 40px;
	column-gap: 40px;
}

.item-4 .columns-lineless{
	-webkit-column-rule: none;
	-moz-column-rule: none;
	-ms-column-rule: none;
	-o-column-rule: none;
	column-rule: none;
}



hr.between-sections {
	border-top: 20px solid #000;
	width: 100%;
	margin: 0 !important;
}


.text a {
	color: #000;
	border-bottom: 1px solid #000;
}

.text a:hover {
	background-color: #ff0;
}









/* GRID */

.grid-six {
	xbackground-color: #fce;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.grid-six:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



.grid-six .item {
	margin: 0 2%;
	float: left;
	text-align: justify;
	width: 96%;
	
	xbackground-color: #fce;
}


.grid-six .item.item-1 {
	width: 12.666666%;
}
.grid-six .item.item-2 {
	width: 29.333333%;
}
.grid-six .item.item-3 {
	width: 46%;
}
.grid-six .item.item-4 {
	width: 62.666666%;
}
.grid-six .item.item-5 {
	width: 79.333333%;
}


.grid-six .item.offset-1 {
	margin-left: 18.666666%;
}
.grid-six .item.offset-2 {
	margin-left: 35.333333%;
}
.grid-six .item.offset-3 {
	margin-left: 52%;
}
.grid-six .item.offset-4 {
	margin-left: 68.666666%;
}


.grid-six .item.after-1 {
	margin-right: 18.666666%;
}
.grid-six .item.after-2 {
	margin-right: 35.333333%;
}
.grid-six .item.after-3 {
	margin-right: 52%;
}
.grid-six .item.after-4 {
	margin-right: 68.666666%;
}


.grid-six .item.item-clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



.grid-six .item img {
	width: 100%;
}


.grid-six .item .image {
	background-color: #000;
}


.grid-six .item.border-right {
	margin-right: 0;
	padding-right: 2%;
	border-right: 1px solid #000;
}
.grid-six .item.border-left {
	margin-left: 0;
	padding-left: 2%;
	border-left: 1px solid #000;
}


.grid-six .item.item-2.border-right,
.grid-six .item.item-2.border-left {
	width: 31.333333%;
}
.grid-six .item.item-4.border-right,
.grid-six .item.item-4.border-left {
	width: 64.666666%;
}

#magazine .grid-six .item.item-4.border-right,
#magazine .grid-six .item.item-4.border-left {
	width: 60.666666%;
}

.grid-six .item.item-4.offset-2.border-left {
	margin-left: 33.333333%;
}


.grid-six .item.item-fullheight {
	height: 100%;
}

.grid-six .container {
	position: relative;
}

.grid-six .container.container-line-left,
.grid-six .container.container-line-right {	
	background-image: url(../img/px_black.gif);
	background-size: 1px 1px;
	background-repeat: repeat-y;
	background-position: 33.33333% top;
}
.grid-six .container.container-line-right {
	background-position: 66.6666% top;
}








/* MAGAZINE */

#magazine {
	width: 80%;
	margin: 0 10%;
	
	padding-top: 100px !important;
	
}

#magazine h2 {
	border-top: 5px solid #000;
	padding-top: 20px;
}

#magazine #magazine-content {
	margin-top: 80px;
}

#magazine #magazine-content .hd .coverstar {
	text-transform: uppercase;
}

#magazine #magazine-content.format-regular .layout-regular {
	display: block;
}
#magazine #magazine-content.format-regular .layout-slideshow {
	display: none;
}


#magazine #magazine-content.format-slideshow .layout-regular {
	display: none;
}
#magazine #magazine-content.format-slideshow .layout-slideshow {
	display: block;
}

#magazine #magazine-content .layout-slideshow .text p {
	margin: 0;
}


.controls {
	margin-top: 1em;
	text-align: right;
	border-top: 1px solid #000;
	padding-top: 10px;
	padding-bottom: 20px;
}

.controls a {
	border-bottom: 1px solid #000;
	color: #000;
}

.controls a:hover {
	background-color: #ff0;
}

.cycle-slideshow {
	background-color: #fff;
	
	-webkit-transition: opacity 0.7s ease-in-out;	
	-moz-transition: opacity 0.7s ease-in-out;	
	-ms-transition: opacity 0.7s ease-in-out;	
	-o-transition: opacity 0.7s ease-in-out;	
	transition: opacity 0.7s ease-in-out;
}

body.info_on .cycle-slideshow {
	opacity: 0;
}







/* ISSUES OVERVIEW */

.issues {
	
	width: 100%;
	margin: 0 -1%;
	
	display: block;
	
	text-align: left;
	
}
.issues:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*
.issues a.issue {
	
	float: left;
	width: 22%;
	width: 17%;
	width: 11.28%;
	margin-left: 1.5%; margin-right: 1.5%;
	display: block;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
	
}
*/
.issues a.issue {
	
	xfloat: left;
	width: 22%;
	width: 17%;
	width: 12.28%;
	width: 14.5%;
	margin-left: 1%; margin-right: 1%;
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	
}
.issues a.issue div {
	
	background-color: #000;
	
}
.issues a.issue img {
	
	width: 100%;
	border: 1px solid #fff;
	
	xmargin: -1px;
	
	padding: 1px;
	
	-webkit-transition: opacity 0.7s ease-in-out;	
	-moz-transition: opacity 0.7s ease-in-out;	
	-ms-transition: opacity 0.7s ease-in-out;	
	-o-transition: opacity 0.7s ease-in-out;	
	transition: opacity 0.7s ease-in-out;	
}

body.info_on .issues a.issue img {
	
	opacity: 0;
	
}
.issues a.issue .cap {
	
	font-size: 10px;
	margin: 1em 0;
	text-transform: uppercase;
	color: #000;
	visibility: hidden;
}
.issues a.issue:hover .cap,
.issues a.issue.on .cap {
	
	visibility: visible;
}



.issues a.issue:hover img,
.issues a.issue.on img {
	border: 2px solid #000;
	padding: 0;
}
.issues a.issue.on {
	cursor: default;
}
.issues a.issue.on img {
	xborder: 5px solid #000;
}








/* MORE */

#more {
	width: 80%;
	margin: 0 10%;
	
	margin-top: 150px !important;
}

#more .intro {
	border-top: 3px solid #000;
	padding-top: 0.8em;
	margin-bottom: 3em;
}


.threecolumns.films {
	
	text-align: left;
	
}

.threecolumns.films a {
	
	color: #000;
	display: block;
	text-align: left;
	
}

.threecolumns.films .col-left a {
	margin-right: 4%;
}
.threecolumns.films .col-mid a {
	margin-left: 2%;
	margin-right: 2%;
}

.threecolumns.films .col-right a {
	margin-left: 4%;
}


.threecolumns.films h5 {
	
	margin: 20px 0 0;
	
	font-family: 'FM Basic';
	font-size: 12px;
	line-height: 1.3em;
	
}

.threecolumns.films .text {
	font-family: 'FM Basic';
	font-size: 12px;
	line-height: 1.3em;
}


.threecolumns.films a:hover h5,
.threecolumns.films a:hover .text {
	background-color: #ff0;
}


.item-event .text p {
	margin: 0;
}


.container.container-event-images .controls {
	position: absolute;
	left: 68.6666%;
	bottom: 0;
	
	padding-bottom: 0;
	border-top: none;
}

/* SLIDERS IN CONTENT */

#magazine-slider {
	width: 100%;
	height: 511px;
}
#event-slider {
	width: 100%;
	height: 418px;
	margin-top: 24px;
}

.innercontent-slider,
.innercontent-slider .rsOverflow {
	background: transparent !important;
}
.innercontent-slider .rsSlide img {
	-webkit-transition: opacity 0.7s ease-in-out;
	-moz-transition: opacity 0.7s ease-in-out;
	-ms-transition: opacity 0.7s ease-in-out;
	-o-transition: opacity 0.7s ease-in-out;
	transition: opacity 0.7s ease-in-out;
}
body.info_on .innercontent-slider .rsSlide img {
	opacity: 0 !important;
}









/* RECOMMENDATIONS */

#recommendations {
	width: 80%;
	margin: 0 10%;
	
	margin-top: 250px !important;
}


#recommendations article {
	margin: 0 0 150px 0;
}

#recommendations .section-intro {
	margin-bottom: 90px;
}



#rec-navigation {
	display: none;
}














/* INFO SECTION */

body.info_on {
	z-index: -1;
}


#page {
	min-height: 100%;
	-webkit-transition: -webkit-transform 0.7s ease-in-out, background 0.7s ease-in-out;
	-moz-transition: -moz-transform 0.7s ease-in-out, background 0.7s ease-in-out;
	-ms-transition: -ms-transform 0.7s ease-in-out, background 0.7s ease-in-out;
	-o-transition: -o-transform 0.7s ease-in-out, background 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out,, background 0.7s ease-in-out;
	
}
body.info_on #page {
	-webkit-transform: translate3d(-50%,0,0);
	-moz-transform: translate3d(-50%,0,0);
	-ms-transform: translate3d(-50%,0,0);
	-o-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
	
	background-color: #ff0;
}


nav#site-navigation {
	-webkit-transition: -webkit-transform 0.7s ease-in-out;
	-moz-transition: -moz-transform 0.7s ease-in-out;
	-ms-transition: -ms-transform 0.7s ease-in-out;
	-o-transition: -o-transform 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out;
}
body.info_on nav#site-navigation {
	-webkit-transform: translate3d(-50%,0,0);
	-moz-transform: translate3d(-50%,0,0);
	-ms-transform: translate3d(-50%,0,0);
	-o-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
}

body.info_on nav#site-navigation a {
	color: #000 !important;
}


.grid-six .item .image img {
	-webkit-transition: opacity 0.7s ease-in-out;
	-moz-transition: opacity 0.7s ease-in-out;
	-ms-transition: opacity 0.7s ease-in-out;
	-o-transition: opacity 0.7s ease-in-out;
	transition: opacity 0.7s ease-in-out;
}

body.info_on .grid-six .item .image img {
	opacity: 0;;
}




#info {
	width: 50%;
	height: 100%;
	background-color: #fff;
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 100%;
	
	-webkit-transition: -webkit-transform 0.7s ease-in-out;
	-moz-transition: -moz-transform 0.7s ease-in-out;
	-ms-transition: -ms-transform 0.7s ease-in-out;
	-o-transition: -o-transform 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out;
}


body.info_on #info {
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}


#info .btn_close {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	padding: 20px 25px;
	color: #000;
	letter-spacing: 1px;
	z-index: 1001;
}
#info .btn_close:hover {
	color: #fff;
	background-color: #000;
}



#info .scrollable {
	position: relative;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	xbackground-color: #fce;
	overflow: hidden;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
}


#info .inner {
	width: 40%;
	margin-left: 50%;
	margin-right: 10%;
	
	font-size: 12px;
	line-height: 1.3em;
}

#info .inner .inner-inner {
	margin: 50px 0;
}

#info .inner hr {
	width: 100%;
	margin: 0;
	border-top: 1px solid #000;
	
}

#info .inner p {
	margin: 1.3em 0;;
	
}

#info .inner p a {
	color: #000;
	border-bottom: 1px solid #000;
}
#info .inner p a:hover {
	background-color: #ff0;
}







#overlay-yellow {
	background-color: #ff0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	opacity: 0;
	-webkit-transition: opacity 0.7s ease-in-out;
	-moz-transition: opacity 0.7s ease-in-out;
	-ms-transition: opacity 0.7s ease-in-out;
	-o-transition: opacity 0.7s ease-in-out;
	transition: opacity 0.7s ease-in-out;
	cursor: pointer;
}

body.info_on #overlay-yellow {
	opacity: 1;
	cursor: default;
}










/* DR STREAM - OLD */


#recommendations_old {
	text-align: center;
	padding: 40px 20px;
}


#recommendations_old {
	position: relative;
	padding: 0 20px !important;
}

.dr-introduction {
	
}

hr {
	border: none;
	border-top: 2px solid #000;
	width: 320px;
	margin: 10px auto 30px;
}


#recommendations_old article.post {
margin: 30px 0;
	
}



#recommendations_old article.post .entry-images {
	margin-bottom: 20px;
}
#recommendations_old article.post .entry-images img {
	width: 100%;
}
#recommendations_old article.post.post-small .entry-images {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
#recommendations_old article.post.post-small .entry-images img {
	border: 2px solid #000;
}

#recommendations_old article.post.post-large {
	width: 95%;
	max-width: none;
}


#recommendations_old article.post header {
	margin: 0 0 10px;
}
#recommendations_old article.post h3 hr {
	margin-top: 3px;
	margin-bottom: 4px;
}

#recommendations_old article.post .entry-text {
	text-align: justify;
	width: 100%;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}
#recommendations_old article.post.post-small .entry-text {
	max-width: 460px;
}



#recommendations_old article.post .entry-credits {
	font-size: 10px;
	color: #666;
	margin-top: 20px;
}











/* NEW COVER SLIDER */

#full-width-slider {
  width: 100%;
  height: 100%;
}

#full-width-slider .rsABlock {
	position: relative !important;
	left: auto;
	top: auto;
	
	-webkit-font-smoothing: antialiased;
}

#full-width-slider .infoBlock {
  position: absolute !important;
  bottom: 0;
  top: auto;
  left: 30px;
  right: 30px;
  padding-bottom: 30px;
  overflow: hidden;
  text-align: center;
  text-align: left;
  
  font-family: 'FM Book';
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: 0;
}
#full-width-slider .infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
#full-width-slider .infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
#full-width-slider .infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
#full-width-slider .photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
#full-width-slider .photosBy a {
  color: #000;
}


/* infoBlock Colors & Styling */

/* BG colors */
.fBG-white {
	background-color: #fff;
}
.fBG-black {
	background-color: #000;
}
.fBG-grey {
	background-color: #d5d6d1;
}


/* text colors */
.fColorBtm-white .infoBlock {
	color: #fff;
}
.fColorBtm-black .infoBlock {
	color: #000;
}
.fColorBtm-grey .infoBlock {
	color: #d5d6d1;
}


/* typeface */
.fTypeface-times .infoBlock {
	font-family: 'Times New Roman', Times, Georgia, serif !important;
	font-size: 14px !important;
	line-height: 1.3em !important;
	letter-spacing: 0 !important;
}



/* type sizes */
.fTypesize-s .infoBlock {
	font-size: 12px !important;
	line-height: 1.3em !important;
}
.fTypesize-l .infoBlock {
	font-size: 18px !important;
	line-height: 1.3em !important;
}
.fTypesize-xl .infoBlock {
	font-size: 26px !important;
	line-height: 1.3em !important;
}



.fAlign-left .infoBlock {
	text-align: left !important;
}


/* Border around image */
.fBorder-white img {
	border: 5px solid #fff;
}
.fBorder-black img {
	border: 5px solid #000;
}


.fPosition-infantastic .infoBlock {
	padding-bottom: 60px !important;
}
.fPosition-inman .infoBlock {
	padding-bottom: 100px !important;
}
















/* COVER */




html,
body {
  height: 100%;
}

.cover {
  position: relative;
  
  overflow: hidden !important;
  
  x-webkit-transform: translate3d(0,-100%,0);
  x-webkit-transition: -webkit-transform 0.7s ease-in;
  
  cursor: pointer !important;
}
.cover.cover-bleeding {
	display: block;
	background-color: transparent;
}
body.loading .cover {
  x-webkit-transform: translate3d(0,0,0);
}
.cover-wrapper {
}
.cover.cover-bleeding .cover-wrapper {
	display: block;
	vertical-align: top;
	height: 100%;
}
.cover-center {
}
.cover.cover-bleeding .cover-center {
	height: 100%;
}
.cover-center img {
	/*
	xwidth: 100%;
	max-width: 100%;
	max-height: 100%;
	*/
	opacity: 1;
  -webkit-transition: opacity 1s ease-in;
}
.cover-center img.hidden {
	opacity: 0;
}
.cover-center img.r-bleeding {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.cover-center img.border {
	border: 4px solid #000;
}
.cover.format-bg-black .cover-center img.border {
	border: 4px solid #fff;
}

.cover-top {
	text-align: center;
	position: absolute;
	left: 30px;
	right: 30px;
	top: 100px;
	z-index: 1;
}
.cover-bottom {
	text-align: left;
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 30px;
	z-index: 1;
}

.cover-bottom small {
	display: block;
	font-size: 12px;
	margin-top: 1em;
}

.cover .logo {
  position: fixed;
  width: 150px;
  margin-left: -75px;
  top: 30px;
  left: 50%;
  z-index: 200;
}
.cover .logo img {
  width: 100%;
}
/*
.cover .centerlogo {
	position: absolute;
	width: 200px;
	height: 100px;
	line-height: 0.9em;
	text-align: center;
	left: 50%;
	margin-left: -100px;
	top: 50%;
	margin-top: -50px;
}
*/


.cover.format-bg-black {
	background-color: #000;
	color: #fff;
}

.cover.format-bg-grey {
	background-color: #d5d6d1;
}

.cover.format-bg-yellow {
	background-color: #f7f6dc;
}



.cover .cover-bottom {
	font-size: 36px;
	line-height: 1.3em;
}
.cover.format-type-small .cover-bottom {
	font-size: 18px;
	line-height: 1.3em;
}
.cover.format-type-swiss .cover-bottom {
	font-family: 'FM Book';
}
.cover.format-type-swiss.format-type-small .cover-bottom {
	font-size: 13px;
	line-height: 1.5em;
	letter-spacing: 0;
}

.cover.format-type-center .cover-bottom {
	text-align: center;
}



.cover.format-type-btm-white .cover-bottom,
.cover.format-type-white {
	color: #fff;
}





.pagina {
	font-family: 'Swiss Extended';
	font-size: 13px;
	line-height: 1.3em;
}
.cover .pagina {
	font-size: 11px;
	line-height: 1.3em;
	letter-spacing: 1px;
}

.pagina .caps {
	letter-spacing: 1px;
	text-transform: uppercase;
}



.signature {
	position: absolute;
	width: 25%;
}
.signature.signature-right {
	right: 50px;
}
.signature.signature-top {
	top: 50px;
}








/* ANIMATIONS */



.ani-typing .x1 {
	-webkit-animation: typing_1 10s 1;
}
.ani-typing .x2 {
	-webkit-animation: typing_2 10s 1;
}
.ani-typing .x3 {
	-webkit-animation: typing_3 10s 1;
}
.ani-typing .x4 {
	-webkit-animation: typing_4 10s 1;
}
.ani-typing .x5 {
	-webkit-animation: typing_5 10s 1;
}
.ani-typing .x6 {
	-webkit-animation: typing_6 10s 1;
}
.ani-typing .x7 {
	-webkit-animation: typing_7 10s 1;
}
.ani-typing .x8 {
	-webkit-animation: typing_8 10s 1;
}
.ani-typing .x9 {
	-webkit-animation: typing_9 10s 1;
}
.ani-typing .x10 {
	-webkit-animation: typing_10 10s 1;
}
.ani-typing .x11 {
	-webkit-animation: typing_11 10s 1;
}
.ani-typing .x12 {
	-webkit-animation: typing_12 10s 1;
}
.ani-typing .x13 {
	-webkit-animation: typing_13 10s 1;
}
.ani-typing .x14 {
	-webkit-animation: typing_14 10s 1;
}
.ani-typing .x15 {
	-webkit-animation: typing_15 10s 1;
}
.ani-typing .x16 {
	-webkit-animation: typing_16 10s 1;
}
.ani-typing .x17 {
	-webkit-animation: typing_17 10s 1;
}
.ani-typing .x18 {
	-webkit-animation: typing_18 10s 1;
}
.ani-typing .x19 {
	-webkit-animation: typing_19 10s 1;
}
.ani-typing .x20 {
	-webkit-animation: typing_20 10s 1;
}
.ani-typing .x21 {
	-webkit-animation: typing_21 10s 1;
}
.ani-typing .x22 {
	-webkit-animation: typing_22 10s 1;
}
.ani-typing .x23 {
	-webkit-animation: typing_23 10s 1;
}
.ani-typing .x24 {
	-webkit-animation: typing_24 10s 1;
}
.ani-typing .x25 {
	-webkit-animation: typing_25 10s 1;
}
.ani-typing .x26 {
	-webkit-animation: typing_26 10s 1;
}
.ani-typing .x27 {
	-webkit-animation: typing_27 10s 1;
}
.ani-typing .x28 {
	-webkit-animation: typing_28 10s 1;
}
.ani-typing .x29 {
	-webkit-animation: typing_29 10s 1;
}
.ani-typing .x30 {
	-webkit-animation: typing_30 10s 1;
}
.ani-typing .x31 {
	-webkit-animation: typing_31 10s 1;
}
.ani-typing .x32 {
	-webkit-animation: typing_32 10s 1;
}
.ani-typing .x33 {
	-webkit-animation: typing_33 10s 1;
}
.ani-typing .x34 {
	-webkit-animation: typing_34 10s 1;
}
.ani-typing .x35 {
	-webkit-animation: typing_35 10s 1;
}
.ani-typing .x36 {
	-webkit-animation: typing_36 10s 1;
}
.ani-typing .x37 {
	-webkit-animation: typing_37 10s 1;
}
.ani-typing .x38 {
	-webkit-animation: typing_38 10s 1;
}
.ani-typing .x39 {
	-webkit-animation: typing_39 10s 1;
}
.ani-typing .x40 {
	-webkit-animation: typing_40 10s 1;
}
.ani-typing .x41 {
	-webkit-animation: typing_41 10s 1;
}
.ani-typing .x42 {
	-webkit-animation: typing_42 10s 1;
}
.ani-typing .x43 {
	-webkit-animation: typing_43 10s 1;
}
.ani-typing .x44 {
	-webkit-animation: typing_44 10s 1;
}
.ani-typing .x45 {
	-webkit-animation: typing_45 10s 1;
}
.ani-typing .x46 {
	-webkit-animation: typing_46 10s 1;
}
.ani-typing .x47 {
	-webkit-animation: typing_47 10s 1;
}
.ani-typing .x48 {
	-webkit-animation: typing_48 10s 1;
}
.ani-typing .x49 {
	-webkit-animation: typing_49 10s 1;
}
.ani-typing .x50 {
	-webkit-animation: typing_50 10s 1;
}
.ani-typing .x51 {
	-webkit-animation: typing_51 10s 1;
}
.ani-typing .x52 {
	-webkit-animation: typing_52 10s 1;
}
.ani-typing .x53 {
	-webkit-animation: typing_53 10s 1;
}
.ani-typing .x54 {
	-webkit-animation: typing_54 10s 1;
}
.ani-typing .x55 {
	-webkit-animation: typing_55 10s 1;
}
.ani-typing .x56 {
	-webkit-animation: typing_56 10s 1;
}
.ani-typing .x57 {
	-webkit-animation: typing_57 10s 1;
}
.ani-typing .x58 {
	-webkit-animation: typing_58 10s 1;
}
.ani-typing .x59 {
	-webkit-animation: typing_59 10s 1;
}





.ani-fadein {
	-webkit-animation: fadein 2s 1;
}
.ani-fadeout {
	-webkit-animation: fadeout 1s 1;
}
.ani-fadeout-tenth {
	-webkit-animation: fadeout_tenth 10s 1;
}





.ani-delay-2 span,
.ani-delay-2,
.ani-delay-3 span,
.ani-delay-3,
.ani-delay-4 span,
.ani-delay-4,
.ani-delay-5 span,
.ani-delay-5,
.ani-delay-6 span,
.ani-delay-6,
.ani-delay-7 span,
.ani-delay-7,
.ani-delay-8 span,
.ani-delay-8 {
	-webkit-animation: none;
	display: none;
}


.ani-delay-out-2 span,
.ani-delay-out-2,
.ani-delay-out-3 span,
.ani-delay-out-3,
.ani-delay-out-4 span,
.ani-delay-out-4,
.ani-delay-out-5 span,
.ani-delay-out-5,
.ani-delay-out-6 span,
.ani-delay-out-6,
.ani-delay-out-7 span,
.ani-delay-out-7,
.ani-delay-out-8 span,
.ani-delay-out-8 {
	-webkit-animation: none;
}



@-webkit-keyframes fadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeout {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes fadeout_tenth {
  0% { opacity: 1; }
  10% { opacity: 0; }
  100% { opacity: 0; }
}


@-webkit-keyframes typing_1 {
  0% { opacity: 0; }
  0.9% { opacity: 0; }
  1% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_2 {
  0% { opacity: 0; }
  1.9% { opacity: 0; }
  2% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_3 {
  0% { opacity: 0; }
  3.9% { opacity: 0; }
  4% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_4 {
  0% { opacity: 0; }
  4.9% { opacity: 0; }
  5% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_5 {
  0% { opacity: 0; }
  5.9% { opacity: 0; }
  6% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_6 {
  0% { opacity: 0; }
  6.9% { opacity: 0; }
  7% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_7 {
  0% { opacity: 0; }
  7.9% { opacity: 0; }
  8% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_8 {
  0% { opacity: 0; }
  8.9% { opacity: 0; }
  9% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_9 {
  0% { opacity: 0; }
  9.9% { opacity: 0; }
  10% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_10 {
  0% { opacity: 0; }
  10.9% { opacity: 0; }
  11% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_11 {
  0% { opacity: 0; }
  11.9% { opacity: 0; }
  12% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_12 {
  0% { opacity: 0; }
  12.9% { opacity: 0; }
  13% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_13 {
  0% { opacity: 0; }
  13.9% { opacity: 0; }
  14% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_14 {
  0% { opacity: 0; }
  14.9% { opacity: 0; }
  15% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_15 {
  0% { opacity: 0; }
  15.9% { opacity: 0; }
  16% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_16 {
  0% { opacity: 0; }
  16.9% { opacity: 0; }
  17% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_17 {
  0% { opacity: 0; }
  17.9% { opacity: 0; }
  18% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_18 {
  0% { opacity: 0; }
  18.9% { opacity: 0; }
  19% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_19 {
  0% { opacity: 0; }
  19.9% { opacity: 0; }
  20% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_20 {
  0% { opacity: 0; }
  20.9% { opacity: 0; }
  21% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_21 {
  0% { opacity: 0; }
  20.9% { opacity: 0; }
  21% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_22 {
  0% { opacity: 0; }
  21.9% { opacity: 0; }
  22% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_23 {
  0% { opacity: 0; }
  23.9% { opacity: 0; }
  24% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_24 {
  0% { opacity: 0; }
  24.9% { opacity: 0; }
  25% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_25 {
  0% { opacity: 0; }
  25.9% { opacity: 0; }
  26% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_26 {
  0% { opacity: 0; }
  26.9% { opacity: 0; }
  27% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_27 {
  0% { opacity: 0; }
  27.9% { opacity: 0; }
  28% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_28 {
  0% { opacity: 0; }
  28.9% { opacity: 0; }
  29% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_29 {
  0% { opacity: 0; }
  29.9% { opacity: 0; }
  30% { opacity: 1; }
  100% { opacity: 1; }
}

@-webkit-keyframes typing_30 {
  0% { opacity: 0; }
  30.9% { opacity: 0; }
  31% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_31 {
  0% { opacity: 0; }
  31.9% { opacity: 0; }
  32% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_32 {
  0% { opacity: 0; }
  32.9% { opacity: 0; }
  33% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_33 {
  0% { opacity: 0; }
  33.9% { opacity: 0; }
  34% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_34 {
  0% { opacity: 0; }
  34.9% { opacity: 0; }
  35% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_35 {
  0% { opacity: 0; }
  35.9% { opacity: 0; }
  36% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_36 {
  0% { opacity: 0; }
  36.9% { opacity: 0; }
  37% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_37 {
  0% { opacity: 0; }
  37.9% { opacity: 0; }
  38% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_38 {
  0% { opacity: 0; }
  38.9% { opacity: 0; }
  39% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_39 {
  0% { opacity: 0; }
  39.9% { opacity: 0; }
  40% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_40 {
  0% { opacity: 0; }
  40.9% { opacity: 0; }
  41% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_41 {
  0% { opacity: 0; }
  40.9% { opacity: 0; }
  41% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_42 {
  0% { opacity: 0; }
  41.9% { opacity: 0; }
  42% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_43 {
  0% { opacity: 0; }
  43.9% { opacity: 0; }
  44% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_44 {
  0% { opacity: 0; }
  44.9% { opacity: 0; }
  45% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_45 {
  0% { opacity: 0; }
  45.9% { opacity: 0; }
  46% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_46 {
  0% { opacity: 0; }
  46.9% { opacity: 0; }
  47% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_47 {
  0% { opacity: 0; }
  47.9% { opacity: 0; }
  48% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_48 {
  0% { opacity: 0; }
  48.9% { opacity: 0; }
  49% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_49 {
  0% { opacity: 0; }
  49.9% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}






@-webkit-keyframes typing_50 {
  0% { opacity: 0; }
  50.9% { opacity: 0; }
  51% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_51 {
  0% { opacity: 0; }
  50.9% { opacity: 0; }
  51% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_52 {
  0% { opacity: 0; }
  51.9% { opacity: 0; }
  52% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_53 {
  0% { opacity: 0; }
  53.9% { opacity: 0; }
  54% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_54 {
  0% { opacity: 0; }
  54.9% { opacity: 0; }
  55% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_55 {
  0% { opacity: 0; }
  55.9% { opacity: 0; }
  56% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_56 {
  0% { opacity: 0; }
  56.9% { opacity: 0; }
  57% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_57 {
  0% { opacity: 0; }
  57.9% { opacity: 0; }
  58% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_58 {
  0% { opacity: 0; }
  58.9% { opacity: 0; }
  59% { opacity: 1; }
  100% { opacity: 1; }
}
@-webkit-keyframes typing_59 {
  0% { opacity: 0; }
  59.9% { opacity: 0; }
  60% { opacity: 1; }
  100% { opacity: 1; }
}












/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}



#magazine, #more, #recommendations { max-width: 1000px; margin: 0 auto; }



@media (min-width: 1300px) {

}
@media (max-width: 1599px) {

}

@media (max-width: 1069px) {

	#magazine, #more, #recommendations { width: 90%; margin: 0 auto; }

}

@media (max-width: 999px) {


}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {

	#page {
		padding: 20px;
	}
	#magazine, #more, #recommendations { width: 100%; margin: 0 auto; }
	
	hr.between-sections {
		display: none;
	}
	

}

@media (max-width: 643px) {

	.grid-six .item {
		width: 96% !important;
		margin: 0 2% !important;
	}
	
		
	.grid-six .item.border-right,
	.grid-six .item.border-left {
		border: none !important;
		padding: 0 !important;
	}
	.grid-six .container.container-line-left,
	.grid-six .container.container-line-right {
		background-image: none;
	}
	.grid-six .container.container-line-left .columns-lineless,
	.grid-six .container.container-line-right .columns-lineless {
		-webkit-column-rule: 1px solid #000;
		-moz-column-rule: 1px solid #000;
		-ms-column-rule: 1px solid #000;
		-o-column-rule: 1px solid #000;
		column-rule: 1px solid #000;	
	}
	
	.threecolumns.films {
		margin-top: 30px;
	}
	
	
	#magazine-slider {
		margin-top: 30px;
	}
	
	.container.container-event-images .controls {
		position: relative;
		left: auto;
		bottom: auto;
		border-top: 1px solid #000;
	}

	body.info_on #page {
		-webkit-transform: translate3d(-100%,0,0);
		-moz-transform: translate3d(-100%,0,0);
		-ms-transform: translate3d(-100%,0,0);
		-o-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}

	body.info_on nav#site-navigation {
		-webkit-transform: translate3d(-100%,0,0);
		-moz-transform: translate3d(-100%,0,0);
		-ms-transform: translate3d(-100%,0,0);
		-o-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
	}
	
	#info {
		width: 100%;
	}
	
	
	#recommendations .item-4 .image {
		margin-bottom: 25px;
	}
	


}

/* Mobile devices */
@media (max-width: 359px) {

	#page {
		padding: 30px;
	}
	
	.logo-graphic {
	  top: 15px;
	  left: 10px;
	  
	  -webkit-transform: scale(0.4);
	  -moz-transform: scale(0.4);
	  -ms-transform: scale(0.4);
	  -o-transform: scale(0.4);
	  transform: scale(0.4);
	  
	  
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      -o-transform-origin: 0 0;
      transform-origin: 0 0;
	}
	body.section-cover .logo-graphic {
	  -webkit-transform: scale(0.7);
	  -moz-transform: scale(0.7);
	  -ms-transform: scale(0.7);
	  -o-transform: scale(0.7);
	  transform: scale(0.7);
	  
	}
	

		
	.columns-2 {
		-webkit-column-count: 1 !important;
		-moz-column-count: 1 !important;
		-ms-column-count: 1 !important;
		-o-column-count: 1 !important;
		column-count: 1 !important;
	}

	
	#info .inner {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	
		
		
	body.section-cover nav#site-navigation ul li.btn_contact_order {
		display: none;
		
	}

	nav#site-navigation a {
		text-decoration: none;
		color: #000;
		padding: 13px 10px;
		display: block;
		font-size: 12px;
	}
	
	
	
	
	
	
	
	#full-width-slider .infoBlock {
	  left: 10px;
	  right: 10px;
	  padding-bottom: 10px;
	  font-family: 'FM Book';
	  font-size: 11px;
	  line-height: 1.5em;
	}
	
	.fTypeface-times .infoBlock {
		font-size: 12px !important;
		line-height: 1.3em !important;
		letter-spacing: 0 !important;
	}
	
	
	
	/* type sizes */
	.fTypesize-s .infoBlock {
		font-size: 10px !important;
		line-height: 1.3em !important;
	}
	.fTypesize-l .infoBlock {
		font-size: 14px !important;
		line-height: 1.3em !important;
	}
	.fTypesize-xl .infoBlock {
		font-size: 16px !important;
		line-height: 1.3em !important;
	}
	
	
	
		
	#more {
		margin-top: 70px !important;
	}
	
	#recommendations {
		margin-top: 120px !important;
	}

}


/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

}

@media print {


}