/*! normalize.css v2.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme"s background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme"s text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-family: sans-serif; /* 3 */
    -ms-text-size-adjust: 100%; /* 4 */
    -webkit-text-size-adjust: 100%; /* 4 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren"t caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* End normalize.css */

/* ==========================================================================
   @font-face
   ========================================================================== */

@font-face {
	font-family: "ElectraLTStd";
	src: url("fonts/ElectraLTStd-Regular.eot");
	src: url("fonts/ElectraLTStd-Regular.woff") format("woff"),
         url("fonts/ElectraLTStd-Regular.ttf") format("truetype"),
         url("fonts/ElectraLTStd-Regular.svg") format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "ElectraLTStd";
	src: url("fonts/ElectraLTStd-Bold.eot");
	src: url("fonts/ElectraLTStd-Bold.woff") format("woff"),
         url("fonts/ElectraLTStd-Bold.ttf") format("truetype"),
         url("fonts/ElectraLTStd-Bold.svg") format("svg");
	font-weight: 700;
	font-style: normal;
}

/* ==========================================================================
   Media queries
   ========================================================================== */

@media all and (max-width: 760px) {
	html {
		font-size: 14px !important;
		line-height: 18px !important;
	}
	.wrapper {
		padding: 0 30px 30px 30px !important;
	}
	header {
		padding-top: 30px !important;
	}
	header h1,
	header div,
	header address {
		clear: both;
		margin: 0 0 18px 0 !important;
	}
	.content {
		margin-top: 240px !important;
	}
	.img-container {
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: 100% !important;
		margin: 0 0 20px 0 !important;
		padding: 0 !important;
	}
}

@media screen and (max-device-width: 760px) {
	header {
		position: static !important;
	}
}

@media all and (max-width: 500px) {
	.fancybox-nav {
		top: auto !important;
		bottom: 30px;
	}
	.fancybox-prev span {
		left: 20px !important;
	}
	.fancybox-next span {
		right: 20px !important;
	}
}

/* ==========================================================================
   Common elements
   ========================================================================== */

html {
	/*
		TODO : Get real font
	*/
	font-family: "ElectraLTStd", "times new roman", serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: 0.0625em; /* 1px */
	font-style: normal;
	color: black;
	background-color: #f7f7f7;
	-webkit-text-size-adjust: 100%;
}

address {
	font-style: normal;
}

/* bold */
strong, b {
	font-weight: 700;
}

/* headings */
h1 {
	font-size: 1.375em; /* 22px */
	line-height: 1.272727273em;
	font-weight: 400;
}

/* links */
a:link,
a:visited {
	color: inherit;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid black;
}

a.light-box:hover,
a.fancybox-nav:hover,
a.fancybox-close:hover {
	border-bottom: 0;
}

/* ==========================================================================
   wrapper
   ========================================================================== */

.wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	max-width: 1800px;
	padding: 0 60px 60px 60px;
	margin: 0 auto;
	/*overflow-x: hidden;*/
}

.touch.medium-screen .wrapper {
	/*height: 7692px;*/ /* Depends on actual images, -200px for header */ 
}

/* ==========================================================================
   header
   ========================================================================== */

header {
	position: fixed;
	z-index: 4;
	top: 0;
	padding-top: 60px;
}

/*.touch.medium-screen header {
	margin-top: -200px;
}*/

header h1,
header div,
header address {
	display: block;
	float: left;
	margin: 0 90px 0 0;
}

header address {
	margin: 0;
}

/* ==========================================================================
   content
   ========================================================================== */

.content {
	position: relative;
	margin-top: 180px;
}

.img-container {
	position: absolute;
	text-align: center;
	padding-bottom: 60px;
}

.numbers .img-container img {
	opacity: 0.4;
}

.numbers .img-container:after {
	content: attr(data-order);
	position: absolute;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	line-height: 44px;
	margin: -50px 0 0 -20px;
	background-color: white;
	border-radius: 20px;
}

._01 {
	left: 5%;
	top: 200px;
	z-index: 3;
}

._02 {
	right: 7%;
	top: 0;
	z-index: 3;
}

._03 {
	left: 37%;
	top: 394px;
	z-index: 2;
}

._04 {
	right: 16%;
	top: 608px;
	z-index: 1;
}

._05 {
	left: 3%;
	top: 828px;
	z-index: 3;
}

._06 {
	left: 27%;
	top: 1015px;
	z-index: 2;
}

._07 {
	right: 3%;
	top: 1039px;
	z-index: 3;
}

._08 {
	/*left: 35%;*/
	right: 40%;
	top: 1621px;
	z-index: 2;
}

._09 {
	left: 5%;
	top: 1691px;
	z-index: 2;
}

._10 {
	/*left: 5%;*/
	left: 15%;
	top: 1575px;
	z-index: 1;
}

._11 {
	left: 21%;
	/*top: 2066px;*/
	top: 2166px;
	z-index: 2;
}

._12 {
	/*left: 50%;*/
	right: 26%;
	top: 1992px;
	z-index: 3;
}

._13 {
	/*left: 77%;*/
	right: 6%;
	top: 1735px;
	z-index: 2;
}

._14 {
	left: 9%;
	top: 2492px;
	z-index: 1;
}

._15 {
	left: 23%;
	top: 2732px;
	z-index: 3;
}

._16 {
	/*left: 58%;*/
	right: 15%;
	top: 2529px;
	z-index: 1;
}

._17 {
	left: 3%;
	top: 3215px;
	z-index: 3;
}

._18 {
	/*left: 29%;*/
	left: 24%;
	top: 3353px;
	z-index: 2;
}

._19 {
	/*left: 66%;*/
	right: 16%;
	top: 3159px;
	z-index: 3;
}

._20 {
	/*left: 4%;*/
	left: 1%;
	top: 3882px;
	z-index: 3;
}

._21 {
	left: 18%;
	top: 3724px;
	z-index: 2;
}

._22 {
	left: 31%;
	/*top: 4034px;*/
	top: 3940px;
	z-index: 2;
}

._23 {
	right: 37%;
	/*right: 10%;*/
	top: 3639px;
	z-index: 1;
}

._24 {
	/*left: 60%;*/
	right: 15%;
	top: 3777px;
	z-index: 3;
}

._25 {
	left: 8%;
	top: 4469px;
	z-index: 2;
}

._26 {
	left: 36%;
	top: 4435px;
	z-index: 3;
}

._27 {
	/*left: 73%;*/
	right: 5%;
	top: 4368px;
	z-index: 2;
}

._28 {
	left: 20%;
	top: 4765px;
	z-index: 2;
}

._29 {
	/*left: 59%;*/
	right: 19%;
	top: 4922px;
	z-index: 2;
}

._30 {
	left: 12%;
	top: 5094px;
	z-index: 1;
}

._31 {
	left: 41%;
	top: 5173px;
	z-index: 3;
}

/* medium-screen */

.medium-screen ._01 {
	left: 2%;
	top: 400px;
}

.medium-screen ._02 {
	right: 2%;
	top: 0;
}

.medium-screen ._03 {
	left: 44%;
	top: 600px;
	z-index: 1;
}

.medium-screen ._04 {
	left: -26%;
	top: 1000px;
}

.medium-screen ._05 {
	left: 50%;
	top: 1200px;
}

.medium-screen ._06 {
	left: 2%;
	top: 1400px;
}

.medium-screen ._07 {
	right: 0;
	top: 1742px;
}

.medium-screen ._08 {
	/*left: 46%;*/
	left: 52%;
	top: 2360px;
}

.medium-screen ._09 {
	/*left: 50%;*/
	left: 20%;
	top: 2100px;
}

.medium-screen ._10 {
	left: 0;
	top: 2200px;
}

.medium-screen ._11 {
	left: 30%;
	top: 2690px;
}

.medium-screen ._12 {
	/*left: 53%;*/
	right: 1%;
	top: 2893px;
}

.medium-screen ._13 {
	left: 70%;
	/*top: 2180px;*/
	top: 2050px;
}

.medium-screen ._14 {
	left: 3%;
	top: 3090px;
}

.medium-screen ._15 {
	/*left: 35%;*/
	right: 0;
	top:  3648px;
}

.medium-screen ._16 {
	left: 12%;
	top: 3363px;
}

.medium-screen ._17 {
	left: 3%;
	top: 4188px;
}

.medium-screen ._18 {
	/*left: 48%;*/
	right: 3%;
	top: 4428px;
}

.medium-screen ._19 {
	/*left: 63%;*/
	right: 6%;
	top: 4045px;
}

.medium-screen ._20 {
	left: 3%;
	top: 5345px;
}

.medium-screen ._21 {
	left: 13%;
	top: 4803px;
}

.medium-screen ._22 {
	/*left: 45%;*/
	right: 8%;
	top: 5686px;
}

.medium-screen ._23 {
	/*left: 69%;*/
	right: 7%;
	top: 4695px;
}

.medium-screen ._24 {
	left: 50%;
	top: 5041px;
}

.medium-screen ._25 {
	left: 8%;
	top: 6200px;
}

.medium-screen ._26 {
	left: 33%;
	top: 6000px;
}

.medium-screen ._27 {
	/*left: 53%;*/
	right: 6%;
	top: 6400px;
}

.medium-screen ._28 {
	left: 20%;
	top: 6580px;
}

.medium-screen ._29 {
	/*left: 59%;*/
	right: 5%;
	top: 7000px;
}

.medium-screen ._30 {
	left: 12%;
	top: 6900px;
}

.medium-screen ._31 {
	left: 31%;
	top: 7400px;
}

/* ==========================================================================
   fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license
   ========================================================================== */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	background-image: url('img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

/*#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('img/fancybox_loading.gif') center center no-repeat;
}*/

.fancybox-close {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 26px;
	height: 26px;
	cursor: pointer;
	z-index: 8040;
	background-image: url('img/close.svg');
}

.no-inline-svg .fancybox-close {
	background-image: url('img/close.png');
}

.fancybox-nav {
	position: fixed;
	top: 50%;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 14px;
	height: 26px;
	margin-top: -13px;
	cursor: pointer;
	z-index: 8040;
	background-repeat: no-repeat;
}

.fancybox-prev span {
	left: 26px;
	background-image: url('img/prev.svg');
}

.no-inline-svg .fancybox-prev span {
	background-image: url('img/prev.png');
}

.fancybox-next span {
	right: 26px;
	background-image: url('img/next.svg');
}

.inline-svg .fancybox-next span {
	background-image: url('img/next.png');
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background-color: rgba(247,247,247,0.95);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.touch.medium-screen .fancybox-title {
	padding-left: 50px;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 1em;
}