@font-face {
    font-family: 'helvetica_condensed_lightRg';
    src: url('fonts/helvetica-condensed-light-webfont.eot');
    src: url('fonts/helvetica-condensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-condensed-light-webfont.woff2') format('woff2'),
         url('fonts/helvetica-condensed-light-webfont.woff') format('woff'),
         url('fonts/helvetica-condensed-light-webfont.ttf') format('truetype'),
         url('fonts/helvetica-condensed-light-webfont.svg#helvetica_condensed_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

html,
body,
#page-container {
	min-height:100%;
	height:100%;
	font-family: helvetica_condensed_lightRg;
}

html,
body { height:100%; }

body {
    font-size: 1em;
    line-height: 1em;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

a { text-decoration:none; color:#222 }
a:hover { text-decoration:underline; }
a:visited { color:#666 }

/* Helper classes */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

#page-container {
	position:relative;
	z-index:2;
}

.b-container { 
	background-size:contain;
	width:1200px;
	margin:0 auto;
	position:relative;
	z-index:2
}

	.b-container.m-container-static  {
		height:100%;
	}

.b-site-title {
	font-size: 16px;
	height: 50px;
	height:auto;
	left: -99px;
	line-height: 50px;
	margin: 0;
	position: absolute;
	font-weight:100;
	z-index:2;
	width:100px
}

.b-site-title a { color:#222 !important }

.b-breadcrumbs {
	font-size: 16px;
	font-weight: 400;
	height: 50px;
	left: -10px;
	line-height: 50px;
	margin:0;
	position: absolute;
	top: 0;
	width: auto;
	color:#999;
}

/* b-menu */
.b-site-title:hover { width:400px; }
.b-site-title:hover .b-menu { max-height:300px; padding-bottom:20px; }
.b-menu {
	vertical-align:middle;
	display:table-cell;
	text-align:center;
	
	transition: margin 0.1s ease-out 0s;
	width: 400px;
	overflow:hidden;
	
    -moz-transition: max-height 0.1s;
    -o-transition:  max-height 0.1s;
    -ms-transition: max-height 0.1s;
    -webkit-transition: max-height 0.1s;
    transition: max-height 0.1s;
}

/*.b-menu.m-selected { margin-left:-450px; }*/

.b-menu.m-bottom {
    border-top:1px solid #c9c9c9;
    margin-top:0;
    height:auto;
}

/*
.b-menu.m-step-2.m-hidden { opacity:0; z-index:-1 }
.b-menu.m-step-2 {
    -moz-transition: opacity 0.6s ease-out;
    -o-transition:  opacity 0.6s ease-out;
    -ms-transition: opacity 0.6s ease-out;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
    
    margin-left:250px;
    width:275px;
    padding-left:25px;
    opacity:1;
    z-index:auto;
    border-left:1px dotted #555;
	
	height:auto;
	background:#fff;
	background:rgba(255, 255, 255, 0.6);
	z-index:11;
}

	.b-menu.m-step-2.m-selected .b-menu-el { display:none }
	.b-menu.m-step-2.m-selected .b-menu-el.m-active { display:block }
*/

.b-menu-el {
    line-height: 26px;
    margin: 0;
	position:relative;
}
    
    /*.m-selected .b-menu-el,
    .m-step-2 .b-menu-el { text-align:left }*/

.b-menu-dropdown {
	max-height:0;
	overflow:hidden;
	position:absolute;
	left:220px;
	top:0;
	width:150px;
}

.b-menu-el:hover {}

.b-menu-el:hover .b-menu-dropdown {
	max-height:300px;
	z-index:3
}
.b-menu-el:hover .b-menu-dropdown .b-menu-link { color:#222 !important; }
.b-menu-dropdown .b-menu-el:hover .b-menu-link { /*color:#fff;*/ }

.b-menu-el:hover .b-menu-link { /*color:#fff;*/ }
	
.b-menu-link {
    /*font-family: 'Droid sans',cursive;*/
	font-size: 16px;
	font-style: normal;
	padding: 0;
	position: relative;
	/* display:block; */
	color:#222 !important;
	text-decoration:none;
}

.b-menu-link.m-active { 
	/* outline:1px dotted #555; */
	/* background-color:#636363; */
	background:url(../img/x-repeat.png) repeat #fff;
	/* color:#fff !important; */
}

.b-menu-limiter {
	background:#fff;
	width:220px;
}

.b-menu-limiter.m-top { border-bottom:1px solid #e7e7e7; padding:7px 0 0; }
.b-menu-limiter.m-bottom { padding:0 0 7px; }

/* no outline for second menus links 
.m-step-2 .b-menu-link { outline:none !important } */

.b-menu__loader {
	background: none repeat scroll 0 0 #BBBBBB;
	height: 6px;
	margin-top: -2px;
	position: absolute;
	right: -12px;
	top: 50%;
	width: 6px;
	
	border-radius: 44px 44px 44px 44px;
	-moz-border-radius:44px;
	-webkit-border-radius:44px;
	
	display:none;
}

	.m-loading .b-menu__loader { display:block; }
	
.b-menu-leadin {
	width: 600px;
	margin: 0 auto;
	cursor:pointer;
	text-align:left;
	font-size:14px;
}

.b-page {
	color: #222222;
	line-height: 20px;
	
	/*
	padding-left: 354px;
	padding-top: 60px;
	padding-bottom: 20px;
	padding-right:150px;
	padding-right:0;
	
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	*/
	
	padding:0;
	position:relative
}

.b-page.m-hidden { display:none }

.b-album {
	height: 100%;
	padding: 45px 0 0;
	box-sizing: border-box;
}

.b-album-container { 
	position:relative;
	width:1200px;
	margin:0 auto 0;
	z-index:1;
	height:100%;
}

.b-album__text { 
	color: #555;
	/*font-family: 'Droid Sans';*/
	font-size: 16px;
	left: 0;
	line-height: 24px;
	margin-left: 150px;
	margin-right: 150px;
	min-height: 100px;
	position: absolute;
	text-align: left;
	top: 50%;
	width: auto;
}

.b-album__gallery-wrapper { 
	position:relative;
	height:100%;
}

.b-gallery {
	padding:0;
	line-height:0;
	height:100%;
	
	overflow: hidden;
	visibility: hidden;
	position: relative;
}

.b-gallery__internal {
	overflow: hidden;
	position: relative;
	height:100%;
}

.b-gallery__el {
	float:left;
	width:1200px;
	position: relative;
	min-height:500px;
	height:100% !important;
	max-height:100%;
	display:table;
	table-layout:fixed;
}

.b-gallery__image {
	max-width:80%;
	margin:0 auto;
	display:block;
	overflow:hidden;
	max-height:100%;
	
	position:absolute;
	left:-9999px;
	top:-9999px;
}

	.b-gallery__image.m-loaded {
		position:relative;
		z-index:2;
		top:auto;
		left:auto;
	}

.b-gallery__image.m-bg {
	background-size:cover;
	background-repeat:no-repeat;
}

.b-album.m-layout-2 .b-gallery__image-wrapper {
	width:48%;
	/*width:50%;*/
	max-height:none;
}

.b-gallery__preloader {
	display: block;
	left: 50%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	z-index: 3;
	margin:-10px 0 0 -16px;
	width:20px;
	opacity:0.5
}

/*.b-gallery__preloader.m-left { left:20%; }
.b-gallery__preloader.m-right { left:80%; }*/

.b-gallery__link {
	width:50%;
	position:absolute;
	height:100%;
	top:0;
	z-index:10;
	line-height:100%;
	text-align:center;
	font-size:24px;
	color:#ddd;
	background-repeat:no-repeat;
	background-position:0 50%;
	background-size:20px auto;
	opacity:0;
	outline:0 !important;
	
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

body.touch .b-gallery__link { display:none }

	.b-gallery__link.m-forward {
		right:0;
		background-position:100% 50%;
		background-image:url(../img/arrow-right.png);
	}
	
	.b-gallery__link.m-back {
		left:0;
		background-image:url(../img/arrow-left.png);
	}
	
	.b-gallery__link:hover { opacity:0.2 }

	.b-gallery__image-wrapper {
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		position:relative;
	}
	
.b-share {
	float: none;
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	left: 10px;
	bottom: 0;
	width: 52px;
}
	
	.b-share__li {
		margin-bottom:4px;
		float:left;
		margin-right:4px;
	}
	
	.b-share__li.m-odd { margin-right:0; }
	
	.b-share__link {
		width:24px;
		height:24px;
		display:block;
		opacity:0.4;
		background-size:24px 24px;
		cursor:pointer;
	}
		
		.b-share__link.m-fb { background-image:url(../img/s-fb.png); }
		.b-share__link.m-twitter { background-image:url(../img/s-tw.png); }
		.b-share__link.m-pinterest { 
			background-image:url(../img/s-pinterest.png);
			text-indent: -9999px;
		}
		.b-share__link.m-tumblr { 
			background-image:url(../img/s-tumblr.png);
			text-indent: -9999px;
		}

.b-static {
	position:relative;
	width:1200px;
	margin:0 auto;
	z-index:1;
	display:table;
	height:100%;
}

.b-static__title {
	font-size: 20px;
	font-weight: 100;
	margin: 0 0 10px;
}

.b-static__text {
	color: #222222;
	font-size: 18px;
	margin: 0;
	/*min-height: 100px;*/
	display: table-cell;
	vertical-align:middle;
	text-align:center;
}

/* index */
.b-index {
	display:table;
	height:100%;
	width:100%;
}
	
.b-index-wrapper {
	
}

.b-index-wrapper:hover .b-menu-dropdown { max-height:300px }

.b-index-wrapper .b-menu-dropdown {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  left: 0;
  top: 33px;
  width: 150px;
}
	
.b-index-wrapper.m-2 .b-menu-dropdown { top:64px }
	
.b-index-label {
	color: #222222 !important;
	font-size: 26px;
	text-shadow: 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 3px #FFFFFF;
	text-align:center;
	line-height:30px;
	text-decoration:none !important;
	max-width:230px;
	display:block;
}

.b-index-label:hover {
	text-shadow: 0 0 10px pink, 0 0 2px pink, 0 0 5px pink;
}

.b-index-wrapper.m-1 {
	top: 254px;
	left: 322px;
}

.b-index-wrapper.m-2 {
	left: 88px;
	top: 541px;
}

.b-index-wrapper.m-3 {
	left: 698px;
	top: 247px;
}
	
.b-mandala { 
	position: absolute;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 200px;
	background-size:200px auto;
	background-image: url(/img/mandala-big.png);
	margin: -125px 0 0 -125px;
	margin: -100px 0 0 -100px;
	z-index: 1;
	opacity: 0.05;
}
	
/* Media Queries */
@media only screen and (max-width: 1400px) {
	.b-site-title { left: 20px; }
	.b-breadcrumbs { left: 130px; }
}

@media only screen and (max-width: 1200px) {
	.b-container,
	.b-album-container,
	.b-gallery__el,
	.b-static {
		width:800px;
	}
}

@media only screen and (max-height: 660px) {
	.b-container,
	.b-album-container,
	.b-gallery__el,
	.b-static {
		width:800px;
	}
}

@media only screen and (max-width: 800px) {
	.b-gallery  { 
		/* overflow:visible; */
		height:auto;
	}
	.b-gallery__el { display:block; }
	.b-gallery__image-wrapper {
		width:100% !important;
		display:block;
	}
	.b-album.m-layout-2 .b-gallery__image-wrapper { margin-bottom:10px }
	
	.b-container,
	.b-album-container,
	.b-gallery__el,
	.b-static {
		width:500px;
		width:100%;
	}
	
	.b-gallery__preloader {
		position:fixed;
	}
	.b-menu-leadin { max-width:80%; width:auto; }
	
	.b-gallery__link.m-back,
	.b-gallery__link.m-forward { background-position: 90% 50%; }
}

/*@media only screen and (max-width: 500px) {
	.b-container,
	.b-album-container,
	.b-gallery__el,
	.b-static {
		width:320px;
		width:100%;
	}
}*/