@font-face {
	font-family: 'din-regular';
	src: url('fonts/webfonts/DIN-Regular.eot');
	src: url('fonts/webfonts/DIN-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/webfonts/DIN-Regular.woff') format('woff'),
		 url('fonts/webfonts/DIN-Regular.ttf') format('truetype');
}
 
@font-face {
	font-family: 'din-medium';
	src: url('fonts/webfonts/DIN-Medium.eot');
	src: url('fonts/webfonts/DIN-Medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/webfonts/DIN-Medium.woff') format('woff'),
		 url('fonts/webfonts/DIN-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'din-light';
	src: url('fonts/webfonts/DIN-Light.eot');
	src: url('fonts/webfonts/DIN-Light.eot?#iefix') format('embedded-opentype'),
	 	url('fonts/webfonts/DIN-Light.woff') format('woff'),
		 url('fonts/webfonts/DIN-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'didot-regular';
	src: url('fonts/webfonts/DIDOT-Pro.eot');
	src: url('fonts/webfonts/DIDOT-Pro.eot?#iefix') format('embedded-opentype'),
		 url('fonts/webfonts/DIDOT-Pro.woff') format('woff'),
		 url('fonts/webfonts/DIDOT-Pro.ttf') format('truetype');
}
 
/*! normalize.css v2.1.0 | 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. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * 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;
}
#body .pointer {cursor: pointer;}


/*==========================================================
 * Display
**==========================================================*/
#body .db	{display:block;}
#body .dib	{display:inline-block; *display:inline; zoom:1;}
#body .di	{display:inline;}
#body .dn	{display:none;}
#body .oh	{overflow: hidden;}

#body .pr	{position:relative;}

/*==========================================================
 * Float
**==========================================================*/
#body .fl, #body .pull-left		{float:left;}
#body .fr, #body .pull-right	{float:right;}


/*==========================================================
 * Clear
**==========================================================*/
#body .cb{clear:both;}

#body .clearfix { *zoom: 1;}
#body .clearfix:before {display: table; content: ""; font-size:0; line-height: 0;}
#body .clearfix:after {display: table; content: ""; clear: both; font-size:0; line-height: 0;}


	
/*==========================================================
 * Height spaces - simulates vertical break
**==========================================================*/
#body [class^="hs"], #body [class*=" hs"]		
{display: block; *zoom: 1; font-size: 0; line-height: 0;}

#body [class^="hs"]:before, #body [class*=" hs"]:before
{display: table; content: "";}

#body [class^="hs"]:after, #body [class*=" hs"]:after
{display: table; content: ""; clear: both;}

#body .hs2{ height:2px;}
#body .hs5{ height:5px;}
#body .hs8{ height:8px;}
#body .hs10{ height:10px;}
#body .hs15{ height:15px;}
#body .hs20{ height:20px;}
#body .hs25{ height:25px;}
#body .hs30{ height:30px;}
#body .hs35{ height:35px;}
#body .hs40{ height:40px;}
#body .hs45{ height:45px;}	

	
/*==========================================================
 * Width spaces - simulates horizontal break
**==========================================================*/
#body [class^="ws"], #body [class*=" ws"]
{display: inline-block; *display: inline; *zoom:1;}
#body [class^="ws"]:after, #body [class*=" ws"]:after
{content: " ";}

#body .ws2 { width: 2px; min-width: 2px; }
#body .ws4 { width: 4px; min-width: 4px; }
#body .ws5 { width: 5px; min-width: 5px; }
#body .ws8 { width: 8px; min-width: 8px; }
#body .ws10 { width: 10px; min-width: 10px; }
#body .ws15 { width: 15px; min-width: 15px; }
#body .ws20 { width: 20px; min-width: 20px; }
#body .ws25 { width: 25px; min-width: 25px; }
#body .ws30 { width: 30px; min-width: 30px; }
#body .ws35 { width: 35px; min-width: 35px; }	
	

/*==========================================================
 * Content
**==========================================================*/
var {font-style:inherit;}
span {}
abbr {}
small {font-size: 80%; }

br {}
hr {}

p {}
blockquote {}
address {}

ul {}
ol {}
dl {}

img {}
figure {}
figure figcaption{}

ul,ol,
p,
figure {
	margin: 0;
	margin-after: 0; -o-margin-after: 0; -moz-margin-after: 0; -webkit-margin-after: 0;
	margin-before: 0; -o-margin-before: 0; -moz-margin-before: 0; -webkit-margin-before: 0;
	margin-start: 0; -o-margin-start: 0; -moz-margin-start: 0; -webkit-margin-start: 0;
	margin-end: 0; -o-margin-end: 0; -moz-margin-end: 0; -webkit-margin-end: 0;
}

br {
	
}
hr,
.hr {
  margin: 0;
  height: 0;
  border: 0;
  clear: both;
  *zoom:1;
}

p,ul,ol,.block,[data-list]	{margin-top: 10px;}
p[class*=span],ul[class*=span],ol[class*=span],.block[class*=span],[data-list][class*=span]	{margin-top: 0px;}

/*==========================================================
 * Headings
**==========================================================*/
.heading, h1,h2,h3,h4,h5,h6 {
	display: block;
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	text-rendering: optimizelegibility;
	text-align: left;
	vertical-align: baseline;
	margin: 0;
}
.heading small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
	color: #333;
	font-weight: normal;
	font-size: 75%;
}

a.heading, .heading a
{text-decoration: none;}
a.heading:hover, .heading a:hover
{text-decoration: underline;}



/*==========================================================
 * Text
**==========================================================*/
#body .font-bold 		{font-weight: bold;}
#body .font-italic 		{font-style: italic;}
#body .font-normal 		{font-weight: normal;}
#body .text-capitalize 	{text-transform: capitalize;}
#body .text-underline 	{text-decoration: underline;}
#body .text-overline 	{text-decoration: overline;}
#body .text-strikeout 	{text-decoration: line-through;}
#body .text-uppercase 	{text-transform: uppercase;}
#body .text-lowercase 	{text-transform: lowercase;}
#body .text-normalcase 	{text-transform: none;}
#body .text-hide {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/*==========================================================
 * Line styles
**==========================================================*/
#body .text-right 		{text-align:right;}
#body .text-left 		{text-align:left;}
#body .text-center 		{text-align:center;}
#body .text-justify 	{text-align:justify;}

#body .vat 	{vertical-align: top;}
#body .vat 	{vertical-align: top;}
#body .vam 	{vertical-align: middle;}
#body .vab 	{vertical-align: bottom;}
#body .vabl {vertical-align: baseline;}


/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Layout defaults
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/

[data-layout] {margin: 0 auto; padding: 0; list-style: none; *zoom:1;}
[data-layout]:before 	{display: table; content: ""; font-size:0; line-height: 0;}
[data-layout]:after 	{display: table; content: ""; clear: both; font-size:0; line-height: 0;}

[data-layout]> * 					{display: block;}

[data-layout]> [class*=span] 		{min-height:1px;float: left; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc);}
[data-layout~=right]> [class*=span] {float: right; margin-left: auto;}

#body [data-layout~=row]> [class*="span"]:first-child,
#body [data-layout~=line]> [class*="span"]:first-child,
#body [data-layout~=fixed]> [class*="span"]:first-child,
#body [data-layout~=fluid]> [class*="span"]:first-child
{margin-left:0;}

#body [data-layout~=row][data-layout~=right]> [class*="span"]:first-child,
#body [data-layout~=line][data-layout~=right]> [class*="span"]:first-child ,
#body [data-layout~=fixed][data-layout~=right]> [class*="span"]:first-child,
#body [data-layout~=fluid][data-layout~=right]> [class*="span"]:first-child
{margin-right: 0;}

#body [data-layout~=row]:first-child {margin-top: 0; }
[data-layout~=row] {margin-top: 10px; }
[data-layout~=row][data-layout~=small] {margin-top: 5px; }
[data-layout~=row][data-layout~=big] {margin-top: 20px; }

#body .span-reset {margin-bottom:20px; }
#body .span-reset:after {display: table; content: ""; clear: both; font-size:0; line-height: 0;}
#body .span-reset + [class*="span"] {margin-left: 0;}
#body .span-reset + [class*="span"]:before {display: table; content: ""; clear: both; font-size:0; line-height: 0;}


/*==========================================================
 * Display inline
**==========================================================*/


[data-layout~=line] {
	position: relative;
	font-size: 0;
}
/* hide whitespace in Opera,FF,IE (mandatory for Opera!)*/ 
html.safari [data-layout~=line] {font-size: 1px; letter-spacing:-1em;}


[data-layout~=line][data-layout~=normal]> * {
	font-size: 12px;
	line-height: 1.25em;
}
[data-layout~=line][data-layout~=normal-space]> * {
	margin: 0 10px;
}
[data-layout~=line][data-layout~=mini-space]> * {
	margin: 0 5px;
}

[data-layout~=line]> *,
[data-layout~=line]> [class*=span] {
	white-space: normal;
	letter-spacing: normal;
	word-spacing: normal;
	
	float: none;
	display: inline-block;
	*zoom:1;
	*display: inline;
	
	box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc);
}

[data-layout~=line][data-layout~=right] 	{text-align: right;}

[data-layout~=line][data-layout~=nowrap] 	{white-space: nowrap;}
[data-layout~=line][data-layout~=middle]> * {vertical-align: middle;}
[data-layout~=line][data-layout~=top]> * 	{vertical-align: top;}
[data-layout~=line][data-layout~=bottom]> * {vertical-align: bottom;}




/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Fluid grid system
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/


	[data-layout~=fluid]> [class*=span]
	{margin-left: 2.1276595744681%;}
	[data-layout~=fluid][data-layout~=right]> [class*=span]
	{margin-left: auto; margin-right: 2.1276595744681%;}


/*==========================================================
 * Spans loop
**==================*/


	.fluid-span24 					{ width: 100%; }
	[data-layout~=fluid]> .span24 	{ width: 100%; }

	#body [data-layout~=fluid]> .offset24:first-child
	{ margin-left: 104.25531914894%; }

	[data-layout~=fluid]> .offset24
	{ margin-left: 104.25531914894%; }
	[data-layout~=fluid][data-layout~=right]> .offset24
	{ margin-left: auto; margin-right: 104.25531914894%; }



	.fluid-span23 					{ width: 95.744680851064%; }
	[data-layout~=fluid]> .span23 	{ width: 95.744680851064%; }

	#body [data-layout~=fluid]> .offset23:first-child
	{ margin-left: 100%; }

	[data-layout~=fluid]> .offset23
	{ margin-left: 100%; }
	[data-layout~=fluid][data-layout~=right]> .offset23
	{ margin-left: auto; margin-right: 100%; }



	.fluid-span22 					{ width: 91.489361702128%; }
	[data-layout~=fluid]> .span22 	{ width: 91.489361702128%; }

	#body [data-layout~=fluid]> .offset22:first-child
	{ margin-left: 95.744680851064%; }

	[data-layout~=fluid]> .offset22
	{ margin-left: 95.744680851064%; }
	[data-layout~=fluid][data-layout~=right]> .offset22
	{ margin-left: auto; margin-right: 95.744680851064%; }



	.fluid-span21 					{ width: 87.234042553191%; }
	[data-layout~=fluid]> .span21 	{ width: 87.234042553191%; }

	#body [data-layout~=fluid]> .offset21:first-child
	{ margin-left: 91.489361702128%; }

	[data-layout~=fluid]> .offset21
	{ margin-left: 91.489361702128%; }
	[data-layout~=fluid][data-layout~=right]> .offset21
	{ margin-left: auto; margin-right: 91.489361702128%; }



	.fluid-span20 					{ width: 82.978723404255%; }
	[data-layout~=fluid]> .span20 	{ width: 82.978723404255%; }

	#body [data-layout~=fluid]> .offset20:first-child
	{ margin-left: 87.234042553191%; }

	[data-layout~=fluid]> .offset20
	{ margin-left: 87.234042553191%; }
	[data-layout~=fluid][data-layout~=right]> .offset20
	{ margin-left: auto; margin-right: 87.234042553191%; }



	.fluid-span19 					{ width: 78.723404255319%; }
	[data-layout~=fluid]> .span19 	{ width: 78.723404255319%; }

	#body [data-layout~=fluid]> .offset19:first-child
	{ margin-left: 82.978723404255%; }

	[data-layout~=fluid]> .offset19
	{ margin-left: 82.978723404255%; }
	[data-layout~=fluid][data-layout~=right]> .offset19
	{ margin-left: auto; margin-right: 82.978723404255%; }



	.fluid-span18 					{ width: 74.468085106383%; }
	[data-layout~=fluid]> .span18 	{ width: 74.468085106383%; }

	#body [data-layout~=fluid]> .offset18:first-child
	{ margin-left: 78.723404255319%; }

	[data-layout~=fluid]> .offset18
	{ margin-left: 78.723404255319%; }
	[data-layout~=fluid][data-layout~=right]> .offset18
	{ margin-left: auto; margin-right: 78.723404255319%; }



	.fluid-span17 					{ width: 70.212765957447%; }
	[data-layout~=fluid]> .span17 	{ width: 70.212765957447%; }

	#body [data-layout~=fluid]> .offset17:first-child
	{ margin-left: 74.468085106383%; }

	[data-layout~=fluid]> .offset17
	{ margin-left: 74.468085106383%; }
	[data-layout~=fluid][data-layout~=right]> .offset17
	{ margin-left: auto; margin-right: 74.468085106383%; }



	.fluid-span16 					{ width: 65.957446808511%; }
	[data-layout~=fluid]> .span16 	{ width: 65.957446808511%; }

	#body [data-layout~=fluid]> .offset16:first-child
	{ margin-left: 70.212765957447%; }

	[data-layout~=fluid]> .offset16
	{ margin-left: 70.212765957447%; }
	[data-layout~=fluid][data-layout~=right]> .offset16
	{ margin-left: auto; margin-right: 70.212765957447%; }



	.fluid-span15 					{ width: 61.702127659574%; }
	[data-layout~=fluid]> .span15 	{ width: 61.702127659574%; }

	#body [data-layout~=fluid]> .offset15:first-child
	{ margin-left: 65.957446808511%; }

	[data-layout~=fluid]> .offset15
	{ margin-left: 65.957446808511%; }
	[data-layout~=fluid][data-layout~=right]> .offset15
	{ margin-left: auto; margin-right: 65.957446808511%; }



	.fluid-span14 					{ width: 57.446808510638%; }
	[data-layout~=fluid]> .span14 	{ width: 57.446808510638%; }

	#body [data-layout~=fluid]> .offset14:first-child
	{ margin-left: 61.702127659574%; }

	[data-layout~=fluid]> .offset14
	{ margin-left: 61.702127659574%; }
	[data-layout~=fluid][data-layout~=right]> .offset14
	{ margin-left: auto; margin-right: 61.702127659574%; }



	.fluid-span13 					{ width: 53.191489361702%; }
	[data-layout~=fluid]> .span13 	{ width: 53.191489361702%; }

	#body [data-layout~=fluid]> .offset13:first-child
	{ margin-left: 57.446808510638%; }

	[data-layout~=fluid]> .offset13
	{ margin-left: 57.446808510638%; }
	[data-layout~=fluid][data-layout~=right]> .offset13
	{ margin-left: auto; margin-right: 57.446808510638%; }



	.fluid-span12 					{ width: 48.936170212766%; }
	[data-layout~=fluid]> .span12 	{ width: 48.936170212766%; }

	#body [data-layout~=fluid]> .offset12:first-child
	{ margin-left: 53.191489361702%; }

	[data-layout~=fluid]> .offset12
	{ margin-left: 53.191489361702%; }
	[data-layout~=fluid][data-layout~=right]> .offset12
	{ margin-left: auto; margin-right: 53.191489361702%; }



	.fluid-span11 					{ width: 44.68085106383%; }
	[data-layout~=fluid]> .span11 	{ width: 44.68085106383%; }

	#body [data-layout~=fluid]> .offset11:first-child
	{ margin-left: 48.936170212766%; }

	[data-layout~=fluid]> .offset11
	{ margin-left: 48.936170212766%; }
	[data-layout~=fluid][data-layout~=right]> .offset11
	{ margin-left: auto; margin-right: 48.936170212766%; }



	.fluid-span10 					{ width: 40.425531914894%; }
	[data-layout~=fluid]> .span10 	{ width: 40.425531914894%; }

	#body [data-layout~=fluid]> .offset10:first-child
	{ margin-left: 44.68085106383%; }

	[data-layout~=fluid]> .offset10
	{ margin-left: 44.68085106383%; }
	[data-layout~=fluid][data-layout~=right]> .offset10
	{ margin-left: auto; margin-right: 44.68085106383%; }



	.fluid-span9 					{ width: 36.170212765957%; }
	[data-layout~=fluid]> .span9 	{ width: 36.170212765957%; }

	#body [data-layout~=fluid]> .offset9:first-child
	{ margin-left: 40.425531914894%; }

	[data-layout~=fluid]> .offset9
	{ margin-left: 40.425531914894%; }
	[data-layout~=fluid][data-layout~=right]> .offset9
	{ margin-left: auto; margin-right: 40.425531914894%; }



	.fluid-span8 					{ width: 31.914893617021%; }
	[data-layout~=fluid]> .span8 	{ width: 31.914893617021%; }

	#body [data-layout~=fluid]> .offset8:first-child
	{ margin-left: 36.170212765957%; }

	[data-layout~=fluid]> .offset8
	{ margin-left: 36.170212765957%; }
	[data-layout~=fluid][data-layout~=right]> .offset8
	{ margin-left: auto; margin-right: 36.170212765957%; }



	.fluid-span7 					{ width: 27.659574468085%; }
	[data-layout~=fluid]> .span7 	{ width: 27.659574468085%; }

	#body [data-layout~=fluid]> .offset7:first-child
	{ margin-left: 31.914893617021%; }

	[data-layout~=fluid]> .offset7
	{ margin-left: 31.914893617021%; }
	[data-layout~=fluid][data-layout~=right]> .offset7
	{ margin-left: auto; margin-right: 31.914893617021%; }



	.fluid-span6 					{ width: 23.404255319149%; }
	[data-layout~=fluid]> .span6 	{ width: 23.404255319149%; }

	#body [data-layout~=fluid]> .offset6:first-child
	{ margin-left: 27.659574468085%; }

	[data-layout~=fluid]> .offset6
	{ margin-left: 27.659574468085%; }
	[data-layout~=fluid][data-layout~=right]> .offset6
	{ margin-left: auto; margin-right: 27.659574468085%; }



	.fluid-span5 					{ width: 19.148936170213%; }
	[data-layout~=fluid]> .span5 	{ width: 19.148936170213%; }

	#body [data-layout~=fluid]> .offset5:first-child
	{ margin-left: 23.404255319149%; }

	[data-layout~=fluid]> .offset5
	{ margin-left: 23.404255319149%; }
	[data-layout~=fluid][data-layout~=right]> .offset5
	{ margin-left: auto; margin-right: 23.404255319149%; }



	.fluid-span4 					{ width: 14.893617021277%; }
	[data-layout~=fluid]> .span4 	{ width: 14.893617021277%; }

	#body [data-layout~=fluid]> .offset4:first-child
	{ margin-left: 19.148936170213%; }

	[data-layout~=fluid]> .offset4
	{ margin-left: 19.148936170213%; }
	[data-layout~=fluid][data-layout~=right]> .offset4
	{ margin-left: auto; margin-right: 19.148936170213%; }



	.fluid-span3 					{ width: 10.63829787234%; }
	[data-layout~=fluid]> .span3 	{ width: 10.63829787234%; }

	#body [data-layout~=fluid]> .offset3:first-child
	{ margin-left: 14.893617021277%; }

	[data-layout~=fluid]> .offset3
	{ margin-left: 14.893617021277%; }
	[data-layout~=fluid][data-layout~=right]> .offset3
	{ margin-left: auto; margin-right: 14.893617021277%; }



	.fluid-span2 					{ width: 6.3829787234043%; }
	[data-layout~=fluid]> .span2 	{ width: 6.3829787234043%; }

	#body [data-layout~=fluid]> .offset2:first-child
	{ margin-left: 10.63829787234%; }

	[data-layout~=fluid]> .offset2
	{ margin-left: 10.63829787234%; }
	[data-layout~=fluid][data-layout~=right]> .offset2
	{ margin-left: auto; margin-right: 10.63829787234%; }



	.fluid-span1 					{ width: 2.1276595744681%; }
	[data-layout~=fluid]> .span1 	{ width: 2.1276595744681%; }

	#body [data-layout~=fluid]> .offset1:first-child
	{ margin-left: 6.3829787234043%; }

	[data-layout~=fluid]> .offset1
	{ margin-left: 6.3829787234043%; }
	[data-layout~=fluid][data-layout~=right]> .offset1
	{ margin-left: auto; margin-right: 6.3829787234043%; }
html {height: 100%;}

body {
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;
    position: relative;
    overflow: hidden;
    width: 100%;
	height: 100%;
    min-width: 320px;
    min-height: 100%;
    background:  rgb(5,5,5);
    
	color: #111;
	font-size: 13px;
	line-height: 20px;

	font-family: "din-light";
    
}


/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Global styles
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/

.container {
	max-width: 940px;
	min-width: 320px;
	
	margin: 0 auto;
	padding: 20px 80px 20px 110px;

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


[class*="icon-"] {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url(../images/noScale.png) no-repeat 0 0;
}
.icon-plus,.icon-minus {
	width: 27px;
	height: 27px;
}

.icon-plus {background-position: 0px -40px;}
.icon-minus {background-position: -40px -40px;}

.icon-plus.dark {background-position: -0px -80px;}
.icon-minus.dark {background-position: -40px -80px;}


.icon-play {
	width: 80px;
	height: 80px;
	background-position: left bottom;
	background-size: 200% auto;
}
.icon-play.dark {background-position: right bottom;}


.icon-fb {
	width: 21px;
	height: 20px;
	background-position: 0 0px;
}
.icon-fb.dark {
	background-position: -30px 0px;
}
.icon-arrow-up {
	width: 7px;
	height: 6px;
	background-position: -90px 0px;
}
.icon-arrow-up-medium {
	width: 13px;
	height: 13px;
	background-position: -100px 0px;
}
.icon-arrow-down-medium {
	width: 13px;
	height: 13px;
	background-position: -120px 0px;
}
.icon-arrow-right-medium {
	width: 13px;
	height: 13px;
	background-position: -100px -20px;
}

.link-more {
	position: relative;
	font-size: 10px;
	text-transform: uppercase;
}
.link-more:before {
	content: ">";
	position: relative;
	display: block;
	float: left;
	margin-right:  5px;
	font-size: .9em;

}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}
.hide {
  display: none;
}
.show {
  display: block;
}

.hiddeng {
	visibility: hidden;
	position: relative;
	top: -10000px;
	left: -10000px;
}




/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Content styles
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/

.heading {
	margin: 5px 0;
}
.content {
	width: 100%;
}

.content .heading {
	font-family: "didot-regular";
	
	font-size: 32px;
	line-height: 40px;

		        transition: all .3s;
	     -o-transition: all .3s; /* Opera */
	   -moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */}
.content .heading.pull-right {
	float: right;
	margin-right: 40px;
}
.content {
	background: #fff;
}
.content .container p {
		        transition: all .3s;
	     -o-transition: all .3s; /* Opera */
	   -moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */}
.content .container {
	font-size: 13px;
	line-height: 20px;
	
	
	margin: 0 auto;
	padding: 20px 80px 20px 115px;

	        box-sizing:border-box;
	   -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.content .container a {
	color: #111;
	text-decoration: none;
}
.content .container a:hover {
	text-decoration: none;
}
.content .container ul:first-child,
.content .container p:first-child {
	margin: 0;
}
.content .container p + .link-more {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: 5px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * *
 * Content dark
** * * * * * * **/
.content.dark {
	background: rgb(5,5,5);
}
.content.dark .heading {
	color: #fff;
}
.content.dark .container { color: #fff;}
.content.dark .container a { color: #fff;}


/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Groups and animations
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/
.page> .bg,
.page {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.animation> .bg,
.page .bg> img {
	min-width: 100%;
	width: 100%;
	height: auto;
	display:  block;
	opacity: 1;
}
.animation {
	position: relative;
	overflow: hidden;
}
.animation .btn> i{
	width: 100%;
	height: 100%;
}
.animation .btn {
	position: absolute;
	display: block;
	z-index: 800;
	left: 50%;
	top: 50%;
	opacity: .4;

	text-align: center;
	margin-top: -40px;
	margin-left: -40px;
	width: 80px;
	height: 80px;
	padding: 0;
		        transition: opacity .5s;
	     -o-transition: opacity .5s; /* Opera */
	   -moz-transition: opacity .5s; /* Firefox 4 */
	-webkit-transition: opacity .5s; /* Safari and Chrome */}
.animation .btn:hover {
	opacity: .9;
}

.animation> .item {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: visible;
	background: transparent no-repeat 0 0;
	background-size: 100% auto !important;
}
.animation> .item img {
	display: block;
	width: 100%;
	height: auto;
}

.animation> .item.frame1  { z-index: 99 }
.animation> .item.frame2  { z-index: 98 }
.animation> .item.frame3  { z-index: 97 }
.animation> .item.frame4  { z-index: 96 }
.animation> .item.frame5  { z-index: 95 }
.animation> .item.frame6  { z-index: 94 }
.animation> .item.frame7  { z-index: 93 }
.animation> .item.frame8  { z-index: 92 }
.animation> .item.frame9  { z-index: 91 }
.animation> .item.frame10 { z-index: 90 }
.animation> .item.frame11 { z-index: 89 }
.animation> .item.frame12 { z-index: 88 }
.animation> .item.frame13 { z-index: 87 }
.animation> .item.frame14 { z-index: 86 }
.animation> .item.frame15 { z-index: 85 }




/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Page widgets
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/


/* * * * * * * * * * * * * * * * * * * * * * * * *
 * Page navigation buttons
** * * * * * * * * * * * **/
.page-nav {
	z-index: 1000;
	position: absolute;
	
	right: 50%;
	margin-right: -470px;

	display: block;
	width: 80px;
	height: 40px;
	
	opacity: .7;
	background: transparent no-repeat center 0;
	background-size:  100% auto;
		        transition: width .5s, height .5s, top .4s ease-in-out, bottom .4s ease-in-out;
	     -o-transition: width .5s, height .5s, top .4s ease-in-out, bottom .4s ease-in-out; /* Opera */
	   -moz-transition: width .5s, height .5s, top .4s ease-in-out, bottom .4s ease-in-out; /* Firefox 4 */
	-webkit-transition: width .5s, height .5s, top .4s ease-in-out, bottom .4s ease-in-out; /* Safari and Chrome */}
.page-nav.next {
	bottom: -50px;
	background-image: url(../images/page/btn-next.png);
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}
.page-nav.prev {
	top: -50px;
	background-image: url(../images/page/btn-prev.png);
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}
.gallery-nav {
	z-index: 1000;
	position: absolute;
	
	top: 50%;
	margin-top: -40px;

	display: block;
	width: 40px;
	height: 80px;
	
	opacity: .7;
	background: transparent no-repeat center 0;
	background-size:  100% auto;
		        transition: width .5s, height .5s, left .4s ease-in-out, right .4s ease-in-out;
	     -o-transition: width .5s, height .5s, left .4s ease-in-out, right .4s ease-in-out; /* Opera */
	   -moz-transition: width .5s, height .5s, left .4s ease-in-out, right .4s ease-in-out; /* Firefox 4 */
	-webkit-transition: width .5s, height .5s, left .4s ease-in-out, right .4s ease-in-out; /* Safari and Chrome */}

.gallery-nav.next {
	right: 0;
	background-image: url(../images/page/btn-next2.png);
	border-top-top-radius: 50px;
	border-top-bottom-radius: 50px;
}
.gallery-nav.prev {
	left: 0;
	background-image: url(../images/page/btn-prev2.png);
	border-top-top-radius: 50px;
	border-top-bottom-radius: 50px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * *
 * Navigation bar
** * * * * * * **/
.page-navbar {
	z-index: 1000;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -470px;

	width: 109px;
	
	background: url(../images/blank.gif); /* IE 9-10 hover fix for transparent elements */
}
.page-header .page-logo {
	display: block;
	width: 109px;
	height: 109px;
		        transition: width .5s, height .5s;
	     -o-transition: width .5s, height .5s; /* Opera */
	   -moz-transition: width .5s, height .5s; /* Firefox 4 */
	-webkit-transition: width .5s, height .5s; /* Safari and Chrome */}
.page-header .page-logo> img {
	width: 100%;
	height: auto;
	display: block;
}
.page-navbar .nav-main a:hover {text-decoration: none;}
.page-navbar .nav-main {
	list-style: none;
	padding: 0;
	position: relative;
		        transition: font-size .4s, line-height .4s;
	     -o-transition: font-size .4s, line-height .4s; /* Opera */
	   -moz-transition: font-size .4s, line-height .4s; /* Firefox 4 */
	-webkit-transition: font-size .4s, line-height .4s; /* Safari and Chrome */}

.page-navbar .nav-main> li> a {
	display: block;
	
	padding: 0 10px;
	opacity: 0;

	color: #ddd;
	font-size: 16px;
	line-height: 22px;
	border: 0;
	outline: 0;
	font-family: "din-medium";
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;

		        transition: all .3s;
	     -o-transition: all .3s; /* Opera */
	   -moz-transition: all .3s; /* Firefox 4 */
	-webkit-transition: all .3s; /* Safari and Chrome */}
.page-navbar .nav-main> li.active> a {
	font-family: "din-light";
	font-weight: normal;

	opacity: 1;
	/*background: rgba(5,5,5,.7);*/
}

.active .nav-main> li> a,
.page-navbar:hover .nav-main> li> a {
	opacity: 1;
}
.page-navbar:hover .nav-main> li:hover> a,
.page-navbar:hover .nav-main> li.active> a {
	/*color: #fff;*/
}




/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Lang select
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/
.loading #lang-select,
.loaded #lang-select { display:none;}
#lang-select {
	width: 100%;
	height: 100%;
	
	
	
	position: relative;
	z-index: 11;

	background: url(../images/page/logotip.png) no-repeat center center;
}
#lang-select .lang-menu {
	position: absolute;
	top: 50%;
	margin-top: 80px;
	margin-left: -1px;
	width: 100%;
	text-align: center;
}

#lang-select a:first-child {border-left: 0}

#lang-select a {
	display: inline-block;
	*display: inline;
	*zoom:1;

	font-size: 14px;
	line-height: 20px;
	color: #111;
	text-decoration: none;
	border-left: #111 1px solid;
	padding: 4px 8px 4px 9px;
}
#lang-select a:hover {
	text-decoration: underline;
}
/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Loader
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/
#loader {
	z-index: 10;
	position: absolute;
	top: 0; left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	
	background: #fff;
	opacity: 1;
	
}
#loader> img {position: absolute; width: 1px; height: 1px; z-index: -5;}
#loader .progress {
	z-index: 1;
	position: absolute;
	top: 0; left: 0;
	bottom: 0;
	height: 100%;

	width: auto;
	background: #000;
		        transition: width 500ms;
	     -o-transition: width 500ms; /* Opera */
	   -moz-transition: width 500ms; /* Firefox 4 */
	-webkit-transition: width 500ms; /* Safari and Chrome */}
#loader .logo-progress {
	z-index: 2;
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: 100%;
	background:  no-repeat center center;

	visibility: visible;
	opacity: 1;
		        transition: opacity 600ms;
	     -o-transition: opacity 600ms; /* Opera */
	   -moz-transition: opacity 600ms; /* Firefox 4 */
	-webkit-transition: opacity 600ms; /* Safari and Chrome */}
#loader .text {
	display: none;
	padding: 0 10px;

	color: #020202;
	font-family: Helvetica, Arial, serif;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	text-transform: uppercase;
}

.loaded #loader .logo-progress {
	opacity: 0;
}




/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Page container
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/

#page {
	z-index: 100;
	position: relative;
	height: 100%;

	opacity:0;

	background: rgb(5,5,5);
	-webkit-box-flex:1;
	   -moz-box-flex:1;
	     -o-box-flex:1;
	        box-flex:1;

		        transition: opacity 3s ease-in-out .5s;
	     -o-transition: opacity 3s ease-in-out .5s; /* Opera */
	   -moz-transition: opacity 3s ease-in-out .5s; /* Firefox 4 */
	-webkit-transition: opacity 3s ease-in-out .5s; /* Safari and Chrome */}
.loaded #page {
	visibility: visible;
	opacity:1;
}

.page-body {
	overflow: hidden;
	position: relative;
    
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    height: 100%;
}
.page-body> .scroll{
    position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right:0;
}

.page-header {}




/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Popup
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/
.popup {
	z-index: 2000;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgb(5,5,5);
	opacity: 1;

		        transition: opacity .2s, width .8s ease-in-out, left .8s ease-in-out, top 0s, z-index 0s;
	     -o-transition: opacity .2s, width .8s ease-in-out, left .8s ease-in-out, top 0s, z-index 0s; /* Opera */
	   -moz-transition: opacity .2s, width .8s ease-in-out, left .8s ease-in-out, top 0s, z-index 0s; /* Firefox 4 */
	-webkit-transition: opacity .2s, width .8s ease-in-out, left .8s ease-in-out, top 0s, z-index 0s; /* Safari and Chrome */}

.popup.hidden {
	left: 50%;
	
	width: 0px;
	z-index: -5;
	opacity: 0;
		        transition: opacity .4s .8s, width .8s ease-in-out, left .8s ease-in-out, top 0s .8s, z-index 0s .8s;
	     -o-transition: opacity .4s .8s, width .8s ease-in-out, left .8s ease-in-out, top 0s .8s, z-index 0s .8s; /* Opera */
	   -moz-transition: opacity .4s .8s, width .8s ease-in-out, left .8s ease-in-out, top 0s .8s, z-index 0s .8s; /* Firefox 4 */
	-webkit-transition: opacity .4s .8s, width .8s ease-in-out, left .8s ease-in-out, top 0s .8s, z-index 0s .8s; /* Safari and Chrome */}

.popup.hidden .btn-close {
	opacity: 0;
		        transition: opacity .3s ease-out;
	     -o-transition: opacity .3s ease-out; /* Opera */
	   -moz-transition: opacity .3s ease-out; /* Firefox 4 */
	-webkit-transition: opacity .3s ease-out; /* Safari and Chrome */}
.popup .btn-close {
	display: block;
	position: absolute;
	z-index: 110;
	right: 0px;
	top: 0px;
	opacity: 1;
	background:  transparent;
	padding: 20px 20px 20px 20px;
		        transition: opacity .3s ease-in .6s;
	     -o-transition: opacity .3s ease-in .6s; /* Opera */
	   -moz-transition: opacity .3s ease-in .6s; /* Firefox 4 */
	-webkit-transition: opacity .3s ease-in .6s; /* Safari and Chrome */}



.popup.gallery .popup-container {
	z-index: 10;
	position: relative;
	width: 100%;
	height: 100%;

	overflow: hidden;
	overflow-x: auto;
}
.popup.gallery .popup-container .scroll {
	position: absolute;
	height: 100%;
	top: 0;
	bottom:0;
}
.popup.gallery ul.gallery-images{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	height: 70%;
	top: 15%;
	left: 0px;
	bottom: 15%;

	list-style: none;
	white-space: nowrap;
	font-size: 1px;
	line-height: 1px;

			box-sizing: border-box;
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}
.popup.gallery ul.gallery-images> li{
	position: relative;
	left: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 100%;
	margin: 0 30px;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}
.popup.gallery ul.gallery-images> li .caption {
	position: absolute;
	top: 100%;
	left: 0px;
	right: 0px;
	margin-top: 15px;
	padding: 0;
	font-family: "din-light";
	color: #f2f2f2;

}
.popup.gallery ul.gallery-images> li img {
	height: 100%;
	width: auto;

	/*max-width: 100%;*/
	max-height: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	display: block;
}



.popup.location {
	background: rgb(255,255,255);
}

.popup.location .popup-container {
	text-align: center;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.popup.location .popup-container .img-place {
	top: 5%;
	position:  relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.popup.location .popup-container .img-place> img {
	max-width: 90%;
	max-height: 90%;
	width: auto;
	height: auto;

	vertical-align: middle;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.popup.location .popup-container .links {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: left;
}
.popup.location .popup-container .links a [class*='icon-'] {
	margin-right: 5px;
	position: relative;
	top: -2px;
}
.popup.location .popup-container .links a {
	display: block;

	color: #444;
	font-size: 16px;
	line-height: 22px;
	border: 0;
	outline: 0;
	font-family: "din-medium";
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
.popup.location .popup-container .links a:hover {
	text-decoration: underline;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.popover {
  color: #222;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 2px 2px 0 0;
     -moz-border-radius: 2px 2px 0 0;
          border-radius: 2px 2px 0 0;
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}

/*==========================================================
 * Cabinet
**=================================*/

.page.cabinet img.mask {
	min-width: 100%;
	width: 100%;
	height: auto;

	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}


#pridite-text2 {
	position: relative;
}
#pridite-text2 .link-authors {
	
}
#pridite-text2 .link-authors .icon {
	margin-left: 10px;
	margin-bottom: -1px;
}

#pridite-text2 .authors {
	position: absolute;
	overflow: hidden;
	z-index: 5;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-color: rgb(255,255,255);
		        transition: opacity .2s, height .8s ease-in-out, bottom .6s ease-in-out .2s;
	     -o-transition: opacity .2s, height .8s ease-in-out, bottom .6s ease-in-out .2s; /* Opera */
	   -moz-transition: opacity .2s, height .8s ease-in-out, bottom .6s ease-in-out .2s; /* Firefox 4 */
	-webkit-transition: opacity .2s, height .8s ease-in-out, bottom .6s ease-in-out .2s; /* Safari and Chrome */}
#pridite-text2 .authors a {
	text-decoration: none;
}
#pridite-text2 .authors a:hover {
	text-decoration: underline;
}
#pridite-text2 .authors.hidden {
	height: 0px;
	bottom: 30%;
	opacity: 0;
		        transition: opacity .2s .6s, height .8s ease-in-out, bottom .6s ease-in-out;
	     -o-transition: opacity .2s .6s, height .8s ease-in-out, bottom .6s ease-in-out; /* Opera */
	   -moz-transition: opacity .2s .6s, height .8s ease-in-out, bottom .6s ease-in-out; /* Firefox 4 */
	-webkit-transition: opacity .2s .6s, height .8s ease-in-out, bottom .6s ease-in-out; /* Safari and Chrome */}


#pridite-text2 .authors .btn-close {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	padding: 15px 15px 20px 20px;
	line-height: 10px;
	background: #fff;
}


#domov-text,
#pridite-text1 .container,
#povrsine-text2 .container {
	position: relative;
}
#pridite-text1 .icon-fb {
	position: absolute;
	bottom: 20px;
}

#povrsine-text2 .link-gallery .icon-plus {
	margin-right: 10px;
	margin-top: 0px;
	padding: 2px 0 2px 2px;
}
#povrsine-text2 .link-gallery {
	position: absolute;
	display: block;
	top: 50%;
	margin-left: 40px;
	margin-top: -30px;
	padding: 10px;
	
	outline: 0;
	border: 0;
	text-align: center;
}

#pridite-text2 .link-location .icon-plus {
	margin-right: 10px;
	margin-top: 0px;
	padding: 2px 0 2px 2px;
}

/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Responsive layout
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/

/* Content small */
@media only screen
and (max-width : 520px) {
	#html #body [data-layout]> [class*=span] {
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-top: 10px;
		width: auto;
	}
	#html #body [class*=span] {
		width: auto;
	}
	#html #body [data-layout]> [class*=span]:first-child {
		margin-top: 0;
	}
	#body .group .content .heading {
		float: none;
		margin: 0px;
	}

	.content .heading {
		font-size: 18px;
		line-height: 24px;
	}
	.content .container {
		padding: 10px 50px 10px 65px;
	}
	.link-more {font-size: 9px;}
	
	.page-navbar .nav-main> li> a {
		font-size: 12px;
		line-height: 18px;
	}
	.page-navbar {width: 80px;}
	.page-header .page-logo {width: 60px; height: 60px;}
	.page-nav {width: 50px; height: 25px;}
	.gallery-nav {width: 25px; height: 50px;}

	.content .container .heading {margin-left: 10px;}
	.content .container .heading.pull-right {margin-right: 10px;}

	#povrsine-text2 {
		text-align: center;
	}
	#povrsine-text2 .link-gallery {
		position: relative;
		margin: 10px 0;
		top:auto;
		display: inline-block;
	}
	.animation .btn {
		margin-top: -30px;
		margin-left: -30px;
		width: 60px;
		height: 60px;
	}
}

/* Content medium */
@media only screen 
and (max-width : 820px) {
/*and (max-width : 767px) {*/
	.content .heading {
		font-size: 22px;
		line-height: 28px;
	}
	.content .container {
		font-size: 11px;
		line-height: 16px;
		
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 521px)
and (max-width : 767px) {
	.page-navbar .nav-main> li> a {
		font-size: 14px;
		line-height: 20px;
	}
	.page-navbar {width: 80px;}
	.page-header .page-logo {width: 80px; height: 80px;}
	.content .container {
		
		padding: 10px 60px 10px 85px;
		
	}
	.page-nav {width: 56px; height: 28px;}
	.gallery-nav {width: 28px; height: 56px;}
}



@media only screen 
and (min-width : 768px) 
and (max-width : 920px) {
	.content .heading {
		font-size: 28px;
		line-height: 34px;
	}
	.page-navbar {
		width: 109px;
		left: 0px;
		top: 0;

		background: url(../images/blank.gif); /* IE 9-10 hover fix for transparent elements */
	}
}

@media only screen
and (max-width : 940px) {
	.page-navbar {
		left: 0px;
		margin-left: 0;
	}
	.page-nav {
		right: 0px;
		margin-right: 0;
	}
}






/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}


/** * * * * * * * * * * * * * * *
 # Mobile
 * * * * **/
.mobile body {
	overflow: hidden;
}
.mobile  section.cabinet .drawer {
	left: 0px;
	right: 0px;
}