/* stylesheet for demo and examples */

@import url(http://fonts.googleapis.com/css?family=Lobster+Two:700italic,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:300);

@font-face {
	font-family: Philosopher-Regular;
	src: url(../fonts/philosopher-regular.ttf);
}
body{
	background-color: #222;
	color: #eee;
	font-size: 14px;
	font-family: "Verdana",Geneva,sans-serif;
	margin: 0;
	padding: 0;
	min-width: 480px;
}


a{
	color: inherit;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a:hover{
	text-decoration: none;
	color: #fff;
}

h1, h2, h3{
	font-family: "Lobster Two", "Georgia", serif;
	font-weight: 700;
	font-style: italic;
	color: #6bdaea;
}

hr{
	background-color: transparent;
	height: 0;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	border-top: 1px solid rgba(0,0,0,0.9);
	margin: 0;
	clear: both;
}

header, #demo, footer{
	position: relative;
	margin: 0 auto;
	width: 90%;
	padding: 0 30px;
}

header{
	margin-top: 30px;
	margin-bottom: 40px;
}

#demo{ line-height: 20px; }

.logo{
	display: inline-block;
	margin-right: 20px;
}

.logo img{
	vertical-align: bottom;
	border: 0;
}

header hr{ margin-top: 20px; }

.title{
	display: inline-block;
	font-size: 32px;
	vertical-align: middle;
	margin-right: 40px;
	line-height: 24px;
}

.title{ margin-top: 5px; }

nav ul, .callbacks ul, .disable-destroy ul, .show-hide ul, #sortable ul, .dialog ul, .all-themes-switch ul, .scrollTo ul{
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

h1{
	margin: 20px 0;
	color: inherit;
}

img{
	max-width: 100%;
	height: auto;
}

#info p{
	font-size: 12px;
	color: #bbb;
	padding: 6px 15px;
}

.callbacks, .callbacks + p, #examples, .content, .disable-destroy, .show-hide, .dialog, .all-themes-switch, .scrollTo{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

nav, .callbacks, .disable-destroy, .show-hide, .dialog, .all-themes-switch, .scrollTo{ background: #111; }

nav ul li, .callbacks ul li, .disable-destroy ul li, .show-hide ul li, .dialog ul li, .all-themes-switch ul li, .scrollTo ul li{
	float: left;
	margin: 3px 6px 3px 0;
}

.callbacks ul li.off{ opacity: 0.4; }

.callbacks ul li a, .disable-destroy ul li a, .show-hide ul li a, .dialog ul li a, .all-themes-switch ul li a, .scrollTo ul li a{
	display: block;
	padding: 3px 15px;
	text-decoration: none;
	color: #ccc;
}

.callbacks + p{
	color: #bbb;
	font-size: 12px;
}

.callbacks + p span{ display: inline-block; }

.callbacks + p span span{
	color: #eee;
	min-width: 40px;
}

.callbacks a span{
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	background: #333;
	margin-right: 3px;
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
}

.callbacks a span.on{ background: #eb3755; }

.callback-offset, .callback-offset-back{
	width: 100%;
	position: absolute;
}

.callback-offset-back{
	top: 0;
	height: 50px;
	border-bottom: 1px dashed #ffed0d;
}

.callback-offset{
	bottom: 0;
	height: 60px;
	border-top: 1px dashed #ffed0d;
}

code{
	color: #caaee1;
	font-family: monospace;
}

#examples{
	background-color: #191919;
	background-color: rgba(0,0,0,0.3);
	padding: 5px;
	margin: 10px 0;
	overflow: hidden;
}

#examples > hr{ margin: 20px 10px; }

.content{
	overflow: auto;
	position: relative;
	padding: 20px;
	margin: 10px;
	width: 740px;
	max-width: 97%;
	height: 400px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.content.hidden{ display: none; }

.content.light{
	background-color: #ddd;
	color: #333;
}

.content hr{
	margin-bottom: -10px;
	border-top: 1px solid rgba(0,0,0,0.7);
}

.content.light hr{
	border-bottom: 1px solid rgba(255,255,255,0.6);
	border-top: 1px solid rgba(0,0,0,0.1);
}

.content p{ margin: 30px 0; }

.content p:last-child{ margin-bottom: 5px; }

.content p:nth-child(odd), .content.light p:nth-child(odd){
	background: #444;
	background: rgba(255,255,255,0.1);
	padding: 5px 10px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

.content p:nth-child(3n+3){
	color: #bbb;
	background: none;
	padding: 0;
}

.content.light p:nth-child(odd){
	background: #fff;
	background: rgba(255,255,255,0.8);
}

.content.light p:nth-child(3n+3){ color: #666; }

.content p.full:nth-child(odd), .content p.half:nth-child(odd),
.content p.full:nth-child(3n+3), .content p.half:nth-child(3n+3){
	background: none;
	padding: 0;
}

.content h2{
	font-size: 200%;
	line-height: 130%;
}

.content h2:first-child{ margin-top: 5px; }

.content:nth-child(odd) h2{
	font-family: "Oswald", sans-serif;
	font-weight: 300;
	font-style: normal;
}

hr + .content:nth-child(odd) h2{
	font-family: "Lobster Two", "Georgia", serif;
	font-weight: 700;
	font-style: italic;
}

.content.light h2{ color: inherit; }

.content img{
	margin: 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding: 3px;
	background: rgba(0,0,0,0.2);
}

.content.light img{ background: rgba(255,255,255,0.4); }

.content input[type='text'], .content textarea{
	border: none;
	background: transparent;
	background-color: #bbb;
	background-color: rgba(255,255,255,0.6);
	min-height: 20px;
	padding: 5px;
	-moz-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
	box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	width: 50%;
	font-size: inherit;
	font-family: inherit;
	color: #222;
}

.content textarea{
	min-height: 80px;
	width: 70%;
}

.content .half img{
	max-width: 48%;
	margin: 0 0 2% 2%;
}

.content .half img:nth-child(odd){ margin: 0 2% 2% 0; }

#demo.showcase{ min-width: 740px; }

.showcase .content{
	float: left;
	width: 340px;
	height: 300px;
}

.showcase .horizontal-images.content{
	height: 140px;
	width: 700px;
	max-width: 97%;
	padding: 5px 5px 0 5px;
}

.showcase .horizontal-images.content h2, .showcase .horizontal-images.content li img{ height: 119px; }

.showcase .horizontal-images.content h2{
	color: #fff;
	background-color: #eb3755;
	padding: 10px 20px;
	margin: 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	font-size: 165%;
}

.horizontal-images.content ul, .vertical-images.content ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.horizontal-images.content li{
	margin: 0 3px;
	float: left;
}

.vertical-images.content li{ margin: 3px 0; }

.horizontal-images.content li:first-child{ margin-left: 0; }

.vertical-images.content li:first-child{
	margin-bottom: 3px;
	margin-top: 0;
}

.horizontal-images.content li:last-child{ margin-right: 0; }

.vertical-images.content li:last-child{ margin-bottom: 0; }

.horizontal-images.content li img{
	width: auto;
	padding: 0;
}

.showcase #content-1.content{ height: 620px; }

.showcase #content-2.content{ height: 620px; }

.showcase #content-2.content h2{ color: #333; }

.showcase #content-3.content{
	background-color: #412626;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAJ0lEQVQIW2NkwA7+M2IR/w8UY0SXAAuCFCNLwAWRJVAEYRIYgiAJALsgBgYbCawOAAAAAElFTkSuQmCC");
	margin-right: 40px;
	width: 310px;
}

.showcase #content-3.content h2{ color: #eb3755; }

.showcase #content-4.content{ background-color: #1C383F; }

.showcase #content-4.content h2{ color: #ddd; }

.showcase #content-6.horizontal-images.content{
	padding: 10px 0 5px 0;
	background-color: #444;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGA4A8QmQAwGjDAGNgGwSgwVAFVOAgV/1mwxAAAAAElFTkSuQmCC");
}

.showcase #content-6.horizontal-images.content .mCSB_scrollTools{
	margin-left: 10px;
	margin-right: 10px;
}

.showcase #content-6.horizontal-images.content ul{
	margin-left: 10px;
	margin-right: 10px;
}

.showcase #content-6.horizontal-images.content h2{
	color: #222;
	background-color: #c2beb2;
}

.showcase #content-6.horizontal-images.content h2, .showcase #content-6.horizontal-images.content li img{ height: 105px; }

.showcase #content-7.content{ height: 620px; }

.showcase #content-8.content{
	width: 670px;
	height: 580px;
	padding: 0;
	background-color: #151515;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAK0lEQVQIW2NkwAL+//9vzIguDhZkZDyLIgETBCmGSyALwiXQBcES2ARBEgCUVxc3f8oLcQAAAABJRU5ErkJggg==");
	border: 5px solid rgba(0,0,0,0.5);
	margin-right: 40px;
	margin-bottom: 50px;
}

.showcase #content-8.content h2{
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.showcase #content-8.content p{
	width: 710px;
	float: left;
	margin: 15px 20px;
}

.showcase #content-8.content hr + p{ margin-top: 30px; }

.showcase #content-8.content p:nth-child(3n+1){
	width: 1460px;
	clear: both;
}

.showcase #content-9.content{
	height: 620px;
	background-color: #c2beb2;
	padding: 5px;
}

.showcase #content-9.content .mCSB_container{ margin-right: 21px; }

.showcase #content-9.content h2{
	height: 85px;
	padding: 10px;
	margin-bottom: 0;
	margin-top: 15px;
	font-size: 180%;
	color: #333;
}

.showcase #content-9.content img{
	padding: 0;
	vertical-align: bottom;
}

#iframe-container{
	width: 90%;
	max-width: 1110px;
	background: #000;
	overflow: hidden;
}

#iframe-container iframe{ vertical-align: bottom; }

#infinite-scroll .offset{
	display: block;
	width: 100%;
	height: auto;
	color: #ffed0d;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

#infinite-scroll .offset p{
	margin-bottom: 60px;
}

#infinite-scroll .offset .indicator{
	display: block;
	width: 100%;
	height: 100px;
	background: #ffed0d;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

#examples.resizable{
	background:#444;
	padding-bottom: 30px;
}

#resizable.content{
	overflow: hidden;
	width: 640px;
	max-width: 80%;
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* jquery ui resizable bug: http://bugs.jqueryui.com/ticket/8932 */
}

#resizable.content h2{ color: #444; }

#resizable.content p{ width: 1000px }

.content.fluid{
	width: 90%;
	max-width: 1680px;
}

.content.fluid h2{
	color: #eb3755;
	font-family: "Lobster Two", "Georgia", serif;
	font-weight: 700;
	font-style: italic;
}

.content.nested{ height: 600px; }

.content.nested .nested{
	margin: 0 auto;
	background-color: rgba(0,0,0,0.1);
	height: 400px;
}

#content-1.content.nested{ margin-bottom: 40px; }

#content-1.content.nested p{ width: 1000px; }

#content-1.content.nested .nested{
	margin: 20px;
	width: 600px;
	height: 300px;
}

.content.zero-height{ height: 0; }

.content.zero-width{ width: 0; }

.init-hidden #examples{ min-height: 420px; }

.full-page .content{ height: 800px; }

.full-page-alt #mCSB_1_container{
	width: 97% !important; /* override plugin property */
	min-width: 480px;
}

.full-page-alt #mCSB_1_scrollbar_vertical{
	position: fixed;
	margin-right: 30px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.full-page-alt #mCSB_1_scrollbar_horizontal{
	position: fixed;
	margin-bottom: 30px;
	margin-left: 16px;
	margin-right: 16px;
}

.full-page-alt .outer.content{ width: 960px; }

.full-page-alt .horizontal-images.content{
	height: 275px;
	width: 100%;
	margin: 20px auto 10px auto;
}

.full-page-alt .horizontal-images.content img{ height: 200px; }

.content table{
	width: 100%;
	border-collapse: collapse;
	border-top: 1px dashed #666;
	border-left: 1px dashed #666;
	border-right: 1px dashed #666;
	background: rgba(0,0,0,0.1);
}

.content table tr{ border-bottom: 1px dashed #666; }

.content table td{ padding: 10px 20px 9px 20px; }

.sortable{ min-width: 800px; }

#sortable ul{
	margin-top: 20px;
	margin-bottom: 10px;
}

#sortable li{
	margin: 10px 40px;
	background: #444;
	padding: 5px 10px;
	color: #fff;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

#sortable li:active, #sortable .ui-sortable-helper{ background: #eb3755; }

#examples.tabs, #examples.accordion, #examples.autocomplete{
	padding: 5px 20px 20px 20px;
	background-color: #333;
}

#examples.tabs h3, #examples.accordion h3{
	color: #222;
	font-family: inherit;
	font-style: inherit;
}

#tabs{ margin-bottom: 20px; }

#tabs, #tabs-2, #accordion{
	width: 600px;
	max-width:95%;
}

#examples.tabs .ui-widget-content{ background-image: none; }

#autocomplete{
	border: none;
	background: #fff;
	min-height: 20px;
	padding: 5px 8px;
	font-size: inherit;
	font-family: inherit;
	color: #222;
	margin-top: 15px;
}

#autocomplete:focus{ outline: none; }

.ui-menu a{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.ui-menu .mCSB_container{ padding: 2px; }

.ui-menu .mCSB_scrollTools{
	right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.bootstrap #examples{ background: transparent; }

.bootstrap #myModal-2 .modal-body{
	max-height: 340px;
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
	margin-bottom: -15px;
}

.bootstrap #myTab{ max-width: 600px; }

.bootstrap #myTab .tab-pane{ padding: 15px 5px 15px 15px; }

body.colorbox-demo #cboxContent, body.colorbox-demo #cboxContent p, body.colorbox-demo #cboxContent a:hover{ color: #333; }

.all-themes #examples{ padding: 15px 0 0 15px; }

.all-themes .content{
	width: 310px;
	height: 500px;
	margin: 0 20px 20px 0;
	float: left;
}

.all-themes .content h2, .all-themes .content p, .all-themes .content hr{
	width: 240px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.all-themes #content-m h2, .all-themes #content-m p, .all-themes #content-m hr,
.all-themes #content-md h2, .all-themes #content-md p, .all-themes #content-md hr{ width: 270px; }

.all-themes .content.expanded-content h2, .all-themes .content.expanded-content p, .all-themes .content.expanded-content hr,
.all-themes #content-m.expanded-content h2, .all-themes #content-m.expanded-content p, .all-themes #content-m.expanded-content hr,
.all-themes #content-md.expanded-content h2, .all-themes #content-md.expanded-content p, .all-themes #content-md.expanded-content hr{ width: 540px; }

.max-height-example .content{
	height: auto;
	max-height: 400px;
}

.max-width-example{ min-width: 620px; }

.max-width-example .content{
	height: auto;
	width: auto;
	max-width: 50%;
	min-width: 600px;
	display: inline-block;
	vertical-align: bottom;
}

.max-width-example .content ul{
	max-height: 135px;
	overflow-y: hidden;
}

.max-width-example .content img, .max-width-example .content ul li > a{
	height: 130px;
	border: 3px solid #444;
}

.max-width-example .content ul li > a{
	display: block;
	padding: 20px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background: rgba(0,0,0,0.3);
}

.snap-scrolling-example .content{
	height: auto;
	width: 853px;
}

.snap-scrolling-example .content img{ height: 160px; }

.textarea-example .content{ width: 360px; }

.textarea-example .content form{ margin: 25px 0 15px 0; }

.textarea-example .content textarea, .textarea-example .textarea-clone{
	width: 300px;
	padding: 0 10px;
	line-height:25px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.textarea-example .content textarea{
	height:160px;
	resize:none;
	overflow:hidden;
	outline:none;
	margin: 0;
	border:none;
	background:transparent;
	box-shadow: none;
}

.textarea-example .content .textarea-wrapper{
	height:182px;
	overflow:hidden;
	background-color: #bbb;
	background-color: rgba(255,255,255,0.6);
	-moz-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
	box-shadow: inset -1px -1px 1px rgba(255,255,255,0.6), inset 3px 3px 20px rgba(0,0,0,0.5);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

.textarea-example .textarea-clone{
	position:absolute;
	top:-9999px;
	left:-9999px;
	visibility:hidden;
	min-height: 160px;
	word-wrap: break-word;
	white-space: pre-wrap;
}

.textarea-example .content .textarea-wrapper .mCSB_scrollTools{ margin: 10px 5px; }

.scrollTo-demo .content{ height: 290px; }

.scrollTo-demo .demo-y{ height: 600px; }

.scrollTo-demo .demo-x{
	width: 660px;
	background-color: #252525;
}

.scrollTo-demo .demo-x p{
	float: left;
	width: 300px;
	margin-left: 30px;
	height: auto;
	padding: 5px 10px;
	background-color: #333;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

.scrollTo-demo .demo-x hr + p{ margin-left: 0; }

.scrollTo-demo .demo-yx{ background-color: #424242; }

.scrollTo-demo .demo-yx p{ width: 1000px; }

.scrollTo{ font-size: 12px; }

.scrollTo + .scrollTo{ margin-top: 20px; }

.scrollTo ul li:first-child span{
	display: block;
	padding: 3px 15px;
}

#test-id{
	background-color: #eb3755;
	color: #fff;
}

.rtl-demo #content-1{ width: 500px; }

.rtl-demo #content-1 p{ width: 1000px; }

.transitions #examples{
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
}

.transitions .content{
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	transition: all .6s ease-out;
}

footer{
	margin-top: 40px;
	margin-bottom: 40px;
	color: #bbb;
	font-size: 12px;
}

footer a{ margin-right: 20px; }

@media only screen and (min-width: 1229px){
	.showcase .horizontal-images.content{ width: 1060px; }
}

@media only screen and (min-width: 1629px){
	.showcase .horizontal-images.content{ width: 700px; }
}

.magazine-viewport{
	bottom: 6%;
}
.magazine-viewport.mobile{
	bottom: 6%;
}
.bottom {
	position:absolute;
	left:0;
	bottom:5%;
	width:100%;
	display: none;
	z-index: 1000;
}
#content-1
{
	position: relative;
	height: 150px;
	width: 100%;
}
/*new content*/
.magazine-container {
	/*height: 504px;*/
}
.parallax-window.last{
    /*max-height: 1680px;*/
	/*max-height: 2320px;*/
}
.nav-icon {
	/*position: absolute;*/
	display: inline-block;
	position: relative;
	z-index: 1000;
	width: 75px;
	height: 45px;
	/*top:90px;*/
	/*left:26px;*/
	background-image: url(../Icons/slider2.png);
	background-size: 75px 45px;
	cursor: pointer;
	opacity: 0.6;
}
.nav-icon.mobile {
	position: relative;
	z-index: 1000;
	width: 55px;
	height: 55px;
	/*top:55px;*/
	/*left:16px;*/
	background-image: url(../Icons/slider_mob.png);
	background-size: 55px 55px;
	cursor: pointer;
	opacity: 0.6;
}

.zoom-icon {
	/*position:absolute;*/
	position: relative;
	/*display: inline-block;*/
	display: inline-block;
	z-index:1000;
	width: 75px;
	height: 45px;
	/*top: 20px;*/
	left: 5px;
	background-image:url(../Icons/zoom2.png);
	/*background-size: 75px 45px;*/
	cursor: pointer;
	opacity: 0.6;
}
.zoom-icon.mobile {
	position: relative;
	width:55px;
	height:55px;
	/*top: 10px;*/
	/*left: 20px;*/
	background-image:url(../Icons/zoom_mob.png);
	background-size:55px 55px;
	cursor: pointer;
	opacity: 0.6;
}
.zoom-icon-in{
	background-position:0 0;
	cursor: pointer;
}

/*.zoom-icon-in.zoom-icon-in-hover{*/
/*background-position:-22px 0;*/
/*cursor: pointer;*/
/*}*/

.zoom-icon-out {
	position: absolute;
	background-image: url(../Icons/exit_zoom_75.png);
	background-size:75px 75px;
	cursor: pointer;
	height: 75px;
	width: 75px;
	top: -67px;
	left: 0px;
}
.mobile.zoom-icon-out {
	position: absolute;
	background-image: url(../Icons/exit_zoom_75.png);
	background-size:75px 75px;
	cursor: pointer;
	height: 75px;
	width: 75px;
	left: -18px;
	top: -17px;
}

.navigation-buttons{
	position: absolute;
	width: 350px;
	left: -102px;
	top: 70px;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	/*width: 100%;*/
	/*height: 50px*/
}
.navigation-buttons.active{
	left: 5px;
}
.navigation-buttons.mobile {
	position: absolute;
	left: -102px;
	top: 15px;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
}
.navigation-buttons.active.mobile{
	left: 23px;
	top: 15px;
}
.navigation-buttons.mobile.active .nav-element-wrapper, .navigation-buttons.mobile .nav-element-wrapper{
	display: block;
	height: 55px;
	/* margin-bottom: 10px; */
	margin: -10px;
}

.nav-element-wrapper{
	display: block;
	height: 50px;
	margin-bottom: 10px;
}
.nav-element-wrapper.slider{
	margin-bottom: 15px;
}
.zooming-icon{
	position: relative;
	display: inline-block;
	/*position: absolute;*/
	z-index: 1000;
	width: 75px;
	height: 45px;
	/*top: 30px;*/
	/*right: 20px;*/
	background-image: url(../Icons/zoom2.png);
	background-size: 75px 45px;
	cursor: pointer;
    opacity: 0.6;
}
.sound-icon{
    /*position: absolute;*/
	position: relative;
	display: inline-block;
    z-index: 1000;
    width: 75px;
    height: 45px;
    /*top: 155px;*/
    /*left: 23px;*/
    background-image: url(../Icons/sound-icon.png);
    cursor: pointer;
	opacity: 0.6;
}
.sound-icon.mobile{
    position: relative;
    z-index: 1000;
    width: 55px;
    height: 55px;
    /*top: 52px;*/
    /*left: 13px;*/
    background-size: 55px 55px;
    background-image: url(../Icons/sound_mob.png);
    cursor: pointer;
	opacity: 0.6;
}
.sound-icon.soundon {
    background-image: url(../Icons/mute.png);
	width:75px;
	height: 44px;
}
.sound-icon.soundon.mobile {
	width:55px;
	height: 55px;
    background-image: url(../Icons/mute_mob.png);
}

.zoom-icon:hover, .nav-icon:hover, .sound-icon:hover, .exit-icon:hover, .active{
	opacity: 1;
	color: white;
}

.nav-label, .zoom-label, .sound-label, .exit-label{
	display: none;
	/*display: inline-block;*/
	font-family: 'Segoe UI Semibold';
    position: relative;
	/*margin-left: 108px;*/
	/*margin-top: 45px;*/
	font-size: 16px;
	z-index: 1001;
	bottom: 16px;
	left: 8px;
	text-transform: uppercase;
}
.nav-label.mobile, .zoom-label.mobile, .sound-label.mobile, .exit-label.mobile{
	display: none;
	/*display: inline-block;*/
	font-family: 'Segoe UI Semibold';
    position: relative;
	bottom: 23px;
	font-size: 12px;
	font-size: 12px;
}
.nav-label {
	/*top:75px;*/
}
.zoom-label.mobile{
	/* margin-top: -19px; */
}
.nav-label.mobile{
	display:none;
}
.sound-label{
	 /*margin-left: 108px;*/
	 /*margin-top: 183px;*/
 }
 .sound-label.mobile{
	 /* margin-top: 73px; */
 }
 .exit-label{
    /*margin-left: 108px;*/
    /*margin-top: 246px*/
}
 .exit-label.mobile{
	 /* margin-top: 115px; */
}
.exit-icon {
	/*position: absolute;*/
	position: relative;
	display: inline-block;
	background-image: url(../Icons/exit_75.png);
	background-size: 75px 45px;
	width: 75px;
	height: 45px;
	/*top: 217px;*/
	left: 0px;
	cursor: pointer;
	z-index: 1002;
	opacity: 0.6;
}
.exit-icon.mobile {
	position: relative;
	background-image: url(../Icons/exit_55_mob.png);
	background-size: 55px 55px;
	height: 55px;
	width: 55px;
	/*top: 94px;*/
	/*left: 13px;*/
	cursor: pointer;
	z-index: 1002;
	opacity: 0.6;
}


@media (max-width: 1080px) {
	.magazine-viewport {
		bottom: 40%;
	}
	.bottom{
		bottom: 10%;
	}
}
@media (min-width: 600px) and (max-width: 1024px){
	.magazine-viewport {
		bottom: 9%;
	}
}
@media screen and (min-width: 600px) and (max-width: 1280px)
and (min-height: 600px) and (max-height: 800px) {
	.magazine-viewport {
		bottom: 12%;
	}
	.bottom{
		bottom: -3%;
	}
}
@media (min-width:1980px) and (max-height:1200px){
  .magazine-viewport {
		bottom: 9%;
	}
}

			/*SITE STYLES*/
.page-wrapper {
	width: 640px;
    height: 1008px;
}
a, a:hover {
	text-decoration: none;
}
@font-face {
	font-family: Philosopher-Regular;
	src: url(../fonts/philosopher-regular.ttf);
}
/*web site styles*/
.parallax-window {
	min-height: 1080px;
	/*min-width: 1920px;*/
	background: transparent;
	z-index: 1;
}
[data-bg="2"].parallax-window {
	min-height: 1280px;
}

.logo-and-label {
	position: absolute;
	/* background-color: #7C7975; */
	background-image: url(../imgs/01_home_logo_bg.svg);
	background-repeat: no-repeat;
	background-position: -100px -32px;
	opacity: 0.5;
	width: 700px;
	height: 221px;
	top: 100px;
	color: white;
	font-size: 50px;
	font-feature-settings: normal;
	cursor: pointer;
}
.info{
	position: absolute;
	background-color: #7C7975;
	opacity: 0.8;
	width: 700px;
	height: 250px;
	top: 350px;
	color: white;
	padding: 50px 30px;
	font-size: 20px;
	font-feature-settings: normal;
	font-kerning: auto;
	font-weight: 400;
	/*transform: matrix(0.945676, 0, 0, 1, 0, 0);*/
	text-align: right;
	box-sizing: border-box;
}
.navigation-element, .navigation-element-two {
     display: none;
}
.navigation-element{
	position: absolute;
	top: 865px;
	left: 50%;
	margin-left: -33px;
	margin-top: -50px;
}
.navigation-element-two {
	display: none;
	position: absolute;
	top: 1660px;
	left: 50%;
	margin-left: -33px;
}
.arrow {
	width: 75px;
	height: 75px;
	background-image: url(../Icons/arrowl.png);
	margin-left: -4px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.circle {
	margin-left: 8px;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	display: inline-block;
	background: white;
}

#hamburger {
	position: absolute;
	top: 5px;
	left: 8px;
	z-index: 1000;
	cursor: pointer;
}

/*.main-menu-icon, #hamburger {*/
	/*width: 16px;*/
	/*height: 16px;*/
	/*position: relative;*/
	/*top: 5px;*/
	/*left: 8px;*/
	/*fill: #8c8a98;*/
	/*cursor: pointer;*/
	/*background: none;*/
/*}*/
.circle.dark {
	background: #342E2E;
}
.navigation{
	position: absolute;
	top:350px;
	width: 700px;
	height: 250px;
	background-color: #7C7975;
	opacity: 0.8;
	color: white;
	font-weight: 500;
	font-family: philosopher-regular;
}
.info-more{
	position: absolute;
	box-sizing: border-box;
	font-family: 'Segoe UI Regular';
	top: 350px;
	display: inline-block;
	margin-left: 0px;
	background-color: #7C7975;
	opacity: 0.8;
	color: white;
	font-size: 12pt;
	width: 500px;
	left: 730px;
	height: 250px;
    text-align: justify;
    padding: 25px 35px 25px 35px;
    line-height: 18px;
}
@font-face {
	font-family: Philosopher-Regular;
	src: url(../fonts/philosopher-regular.ttf);
}
@font-face {
	font-family: philosopher-bold;
	src: url(../fonts/philosopher-bold.ttf);
}
body{
	background-color: #3F3F3F;
	font-family: Philosopher-Regular;
	line-height: 1.25;
}
.spacer{
	width: 100%;
	height: 0px;
}
.navigation-list{
	padding-left: 370px;
	font-size: 22px;
	line-height: 45px;
	list-style-type: none;
	cursor: pointer;
	font-family: philosopher-bold;
	padding-top: 37px;
	/*margin: 10px 0 0 30px;*/
}
.navigation-list li{
    opacity: 0.8;
}
.navigation-list li:hover{
	font-size: 22px;
	font-weight: 900;
	list-style-type: disc;
    opacity: 1;
}
.navigation-list li.active{
	list-style-type: disc;
	font-size: 23px;
	font-weight: 900;
}

.note-link {
	/*font-size: 22px;*/
	text-decoration: none;
	/*padding: 40px 10px 30px 10px;*/
	background-image: url(../Icons/pdf_icon_50px.png);
	background-repeat: no-repeat;
	background-position: 370px 119px;
	height: 200px;
	cursor: pointer;
}
.note-download {

}
.download-ul, .download-ul a{
	color: white;
	text-transform: uppercase;
	font-family: 'Segoe UI Regular';
	font-size: 10pt;
    opacity: 0.8;
	list-style-type: none;
	font-weight: 200;
}
.download-ul li{
	margin: 15px 10px 30px -25px;
	height: 35px;
}
.download-ul li:hover, .download-ul li a:hover{
	font-size: 10pt;
	list-style-type: disc;
	font-weight: 500;
    opacity: 1;
}
s
.content-wrapper {
	cursor: pointer ;
}
.section {
	position: absolute;
	display: inline-block;
	top:1080px;
	margin: 0;
	padding: 0;
	font-size: 0;
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
}
@media (max-width: 1600px) {
	/*.section {*/
		/*margin-left: 8%;*/
	/*}*/

}

.pana, .letters, .note, .souvenir {
	display: inline-block;
	width: 485px;
	height: 485px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.pana-icon{
	background-image: url(../Icons/001_gall_thumb.jpg);
}
.letters-icon {
	background-image: url(../Icons/002_gall_thumb.jpg);
}
.note-icon {
	background-image: url(../Icons/003_gall_thumb.jpg);
}
.souvenir-icon{
	background-image: url(../Icons/004_gall_thumb.jpg);
}

.pana-icon, .letters-icon, .note-icon, .souvenir-icon{
	width: 100%;
	height: 100%;
	*background-color: rgba(0, 0, 0, 0.5);
	background-position: center;
	background-size: cover;
	transition: all .5s;
}

/*.pana-overlay, .letters-overlay, .note-overlay, .souvenir-overlay {*/
	/*display: none;*/
	/*text-align: center;*/
	/*box-sizing: border-box;*/
	/*background-color: rgba(0, 0, 0, 0.5);*/
	/*opacity: 0.5;*/
	/*color: white;*/
	/*width: 450px;*/
	/*height: 450px;*/
/*}*/

/*ready*/
.parent {
	width: 450px;
	height: 450px;
	display: inline-block; /* change the default display type to inline-block */
	overflow: hidden;
}
.child {
	width: 100%;
	height: 100%;
	background-color: black; /* fallback color */
	background-image: url(../Icons/001_gall_thumb.jpg);
	background-position: center;
	background-size: cover;
	transition: all .5s;
}

.parent:hover .child,
.parent:focus .child {
	transform: scale(1.2);
}
/*    end ready   */


.pana:hover .pana-icon, .letters:hover .letters-icon, .note:hover .note-icon, .souvenir:hover .souvenir-icon,
.pana:focus .pana-icon, .letters:focus .letters-icon, .note:focus .note-icon, .souvenir:focus .souvenir-icon{
	transform: scale(1.2);
}

/*.pana-icon::before, .letters-icon::before, .note-icon::before, .souvenir-icon::before{*/
	/**/
/*}*/



/*.child::before {*/
	/*content: "";*/
	/*display: none;*/
	/*height: 100%;*/
	/*width: 100%;*/
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	/*background-color: rgba(52, 73, 94, 0.75);*/
/*}*/


.pana-icon::before {
	content: "";
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(62 , 53 , 54, 0.5);
}

.letters-icon::before {
	content: "";
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(62 , 53 , 54, 0.5);
}
.note-icon::before {
	content: "";
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(62 , 53 , 54, 0.5);
}
.souvenir-icon::before {
	content: "";
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(62 , 53 , 54, 0.5);
}

.note:hover .note-icon, .souvenir:hover .souvenir-icon,

.pana:hover .pana-icon:before,
.pana:focus .pana-icon:before {
	display: block;
}

.letters:hover .letters-icon:before,
.letters:focus .letters-icon:before {
	display: block;
}

.note:hover .note-icon:before,
.note:focus .note-icon:before{
	display: block;
}

.souvenir:hover .souvenir-icon:before,
.souvenir:focus .souvenir-icon:before{
	display: block;

}

.parent:hover .child:before,
.parent:focus .child:before {
	display: block;
}



.parent:hover .child:before,
.parent:focus .child:before {
	display: block;
}

/*span {*/
	/*color: white; !* Good thing we set a fallback color! *!*/
	/*font-family: sans-serif;*/
	/*padding: 25%;*/
	/*position: absolute;*/
/*}*/

.parent:hover span,
.parent:focus span {
	display: block;
}







/*.pana.selected, .letters.selected, .note.selected, .souvenir.selected {*/
	/*box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.3), 0 20px 20px 0 rgba(0, 0, 0, 0.3);*/
/*}*/
/*.pana-overlay, .letters-overlay, .note-overlay, .souvenir-overlay {*/
	/*display: none;*/
	/*text-align: center;*/
	/*box-sizing: border-box;*/
	/*background-color: rgba(0, 0, 0, 0.5);*/
	/*opacity: 0.5;*/
	/*color: white;*/
	/*width: 450px;*/
	/*height: 450px;*/
/*}*/
.pana:hover .pana-text, .letters:hover .letters-text, .note:hover .note-text, .souvenir:hover .souvenir-text {
	display: block;
}

.pana-text, .letters-text, .note-text, .souvenir-text {
	display: none;
	position: relative;
	bottom: 60%;
	/*position: absolute;*/
	font-family:  'Segoe UI Regular';
	text-align: center;
	box-sizing: border-box;
	color: white;
	font-size: 20px;
	width: 100%;
	opacity: 1;
	-webkit-transition: -webkit-transform 0.35s, opacity 0.35s;
	/*transition: transform 0.35s, opacity 0.35s;*/
	/*-webkit-transform: translate3d(0, -50%, 0);*/
	/*transform: translate3d(0, -50%, 0);*/
	z-index: 100;
}
.souvenir-text{
    bottom: 65%;
}
.section.mobile .pana-text.mobile, .letters-text.mobile, .note-text.mobile, .souvenir-text.mobile{
    font-size: 30px;
}
.section.mobile .pana-text.landscape, .letters-text.landscape, .note-text.landscape, .souvenir-text.landscape{
	font-size: 20px;
}

/*.pana:hover .pana-overlay{*/
	/*display: table;*/
/*}*/
/*.letters:hover .letters-overlay{*/
	/*display: table;*/
/*}*/
/*.note:hover .note-overlay{*/
	/*display: table;*/
/*}*/
/*.souvenir:hover .souvenir-overlay{*/
	/*display: table;*/
/*}*/

/*.pana:hover .pana-text{*/
	/*display: table;*/
	/*-webkit-transition: -webkit-transform 0.35s, opacity 0.35s;*/
	/*!*background-color: rgba(0, 0, 0, 0.3);*!*/
	/*transition: transform 0.35s, opacity 0.35s;*/
	/*-webkit-transform: translate3d(0, -50%, 0);*/
	/*transform: translate3d(0, -50%, 0);*/
/*}*/

/*.letters:hover .letters-text{*/
	/*display: table;*/
/*}*/
/*.note:hover .note-text{*/
	/*display: table;*/
/*}*/
/*.souvenir:hover .souvenir-text{*/
	/*display: table;*/
/*}*/

/*.pana-text:hover, .letters-text:hover, .note-text:hover, .souvenir-text:hover{*/
	/*display: block;*/
/*}*/

/*.pana {*/
	 /*background-image: url(../Icons/001_gall_thumb.jpg);*/
	/*-webkit-transition: -webkit-transform 0.4s ease;*/
	/*-moz-transition: -moz-transform 0.4s ease;*/
	/*-o-transition: -o-transform 0.4s ease;*/
	/*transition: transform 0.4s ease;*/
/*}*/
/*.pana:hover, .letters:hover, .note:hover, .souvenir:hover{*/
	/*-webkit-transform: scale(1.05);*/
	/*-moz-transform: scale(1.05);*/
	/*-ms-transform: scale(1.05);*/
	/*-o-transform: scale(1.05);*/
	/*transform: scale(1.05);*/
/*}*/
/*.letters {*/
	 /*background-image: url(../Icons/002_gall_thumb.jpg);*/
	/*-webkit-transition: -webkit-transform 0.4s ease;*/
	/*-moz-transition: -moz-transform 0.4s ease;*/
	/*-o-transition: -o-transform 0.4s ease;*/
	/*transition: transform 0.4s ease;*/
/*}*/
/*.note {*/
	/*background-image: url(../Icons/003_gall_thumb.jpg);*/
	/*-webkit-transition: -webkit-transform 0.4s ease;*/
	/*-moz-transition: -moz-transform 0.4s ease;*/
	/*-o-transition: -o-transform 0.4s ease;*/
	/*transition: transform 0.4s ease;*/
/*}*/
/*.souvenir{*/
	/*background-image: url(../Icons/004_gall_thumb.jpg);*/
	/*-webkit-transition: -webkit-transform 0.4s ease;*/
	/*-moz-transition: -moz-transform 0.4s ease;*/
	/*-o-transition: -o-transform 0.4s ease;*/
	/*transition: transform 0.4s ease;*/
/*}*/

/*[data-type="pana"]:hover, [data-type="pana"]:hover .pana-text, [data-type="letters"]:hover, [data-type="letters"]:hover  .letters-text,  [data-type="note"]:hover, [data-type="note"]:hover .note-text,*/
/*[data-type="souvenir"]:hover, [data-type="souvenir"]:hover .souvenir-text {*/
	/*box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.3), 0 20px 20px 0 rgba(0, 0, 0, 0.3);*/
/*}*/
/*[data-type="pana"]:hover, [data-type="pana"]:hover , [data-type="letters"]:hover, [data-type="letters"]:hover ,  [data-type="note"]:hover, [data-type="note"]:hover,*/
/*[data-type="souvenir"]:hover, [data-type="souvenir"]:hover {*/
	/*box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.3), 0 20px 20px 0 rgba(0, 0, 0, 0.3);*/
/*}*/

.blueimp-gallery-controls>.title {
	font-family: Philosopher-Regular;
	line-height: 1.25;
	font-size: 20px;
}
/*.footer {*/
    /*text-align: center;*/
    /*position: absolute;*/
    /*box-sizing: border-box;*/
    /*top: 2460px;*/
    /*display: inline-block;*/
    /*background-color: #7C7975;*/
    /*opacity: 0.8;*/
    /*color: white;*/
    /*font-size: 18px;*/
	/*left: 25%;*/
    /*padding: 15px;*/
    /*height: 300px;*/
    /*margin: auto;*/
    /*width: 50%;*/
/*}*/
.footer-spacer {
	display: inline-block;
	position: relative;
	background-color: white;
	width: 2px;
	height: 310px;
	margin: 20px;
	float: left;
}

.library{
  padding: 20px;
}

.nbkm{
	margin: 10px 0 20px;
	color: #ffffff;
	opacity: 1;
}
.nbkm.mobile{
    margin: 5px 0 20px;
    color: #ffffff;
    opacity: 1;
    font-size: 1.4em;
}
.nbkm.landscape{
	font-size: 1.2em;
}

.about {
    text-align: right;
    position: absolute;
    font-family: 'Segoe UI Regular';
    /*box-sizing: border-box;*/
    top: 1970px;
    display: block;
    background-color: #3E3536;
    opacity: 0.5;
    color: white;
    font-size: 16px;
    padding: 10px;
    height: 390px;
	left: 50%;
	width: 880px;
	margin-left: -424px;
}
.about-text{
	color: #ffffff;
	opacity: 1;
	margin-bottom: 15px;
}

.about-text.mobile{
    color: #ffffff;
    opacity: 1;
    margin-bottom: 10px;
}
.about-text.landscape{
font-size: 1.2em;
}
.left-section, .right-section{
	display: inline-block;
}
.left-section {
	text-align: right;
	box-sizing: border-box;
	/*background-color: #7C7975;*/
	/*opacity: 0.8;*/
	color: white;
	padding: 25px 20px;
	margin: auto;
	width:360px;
	float: left;
}
.project-text{
	margin-top: 39px;
}
.project-text.mobile{
	margin-top: 23px;
}
.project-text.landscape{
	font-size: 1.2em;
	margin-top: 96px;
}
.right-section {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	/*box-sizing: border-box;*/
	/*background-color: #7C7975;*/
	/*opacity: 0.8;*/
	color: white;
	font-size: 17px;
	padding: 14px 8px;
	/*margin: auto;*/
	width: 455px;
	float: right;
}
.about.mobile.landscape .right-section{
	width: 450px;
}
.library-logo {
    display: inline-block;
    float: left;
    background-image: url("../imgs/NBKM_logo.png");
    width: 87px;
    height:81px;
    margin:60px 30px 0 ;
}
.exhibition-logo {
    display: inline-block;
    padding: 20px;
    background-image: url("../imgs/virtualexh_logo.png");
    width:59px;
    height:66px;
    margin: 72px 0 0 30px;
}
.persons{
    font-size: 14px;
	/*width: 450px;*/
}
.persons.mobile{
    font-size: 1.1em;
}
.persons.landscape{
	font-size: 1.1em;
}
/*bug in overlay */
.page.p1.odd {
	left: -1px !important;
}

.parallax-mirror {
	z-index:1
}

/*galerry styles*/

.left-arrow{
	position: absolute;
	top: 50%;
	left: 15px;
	width: 40px;
	height: 40px;
	margin-top: -23px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 2px #000;
	text-align: center;
	background: #222;
	background: rgba(0,0,0,.5);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 3px solid #fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	opacity: .5;
	cursor: pointer;
	display: block;
}
.pswp__caption__center.text {
	text-align: left;
	max-width: 650px;
	margin: 0 auto;
	font-size: 14px;
	padding: 10px;
	line-height: 20px;
	color: #FFFFFF;
}
    /*background-color: rgba(0, 0, 0, 0.3);*/


/* Mobile Version*/

.logo-mobile {
	position: absolute;
	background-color: #3E3536;
	background-image: url(../imgs/01_home_logo_bg.svg);
	background-repeat: no-repeat;
	background-position: 0 25px;
	opacity: 0.5;
	width: 820px;
	height: 300px;
	top: 150px;
	color: white;
	font-size: 50px;
	font-feature-settings: normal;
	cursor: pointer;
}
.logo-mobile.landscape {
	top:25px;
	width: 720px;
	height: 210px;
	background-position: -80px -35px;
}
#hamburger-home{
	display: block;
	position: absolute;
	right: 40px;
	top: 150px;
}
#hamburger-home.landscape {
	top: 30px;
	right: 60px;
}

#hamburger-home.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 45px;
	height: 5px;
	background-color: #FFFFFF;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.info.mobile{
	position: absolute;
	background-color: #3E3536;
	opacity: 0.5;
	width: 820px;
	height: 950px;
	top: 480px;
	color: white;
	padding: 50px 15px;
	font-size: 3em;
	font-feature-settings: normal;
	font-kerning: auto;
	font-weight: 400;
	/* transform: matrix(0.945676, 0, 0, 1, 0, 0); */
	text-align: right;
	box-sizing: border-box;
}
.info.mobile.landscape{
	width: 720px;
	top: 265px;
	height: 330px;
	font-size: 1.8em;
	padding: 15px 15px;

}
.info-text.landscape{
	height: 100px;
}
.mobile-navigation {
	position: absolute;
	top:350px;
	width: 700px;
	height: 450px;
	background-color: #3E3536;
	opacity: 0.5;
	color: white;
	font-weight: 500;
	font-family: philosopher-regular;
}

.home-background.mobile, .home-background2.mobile  {
	display: block;
	min-height: 1920px;
    width: 100%;
	background: url(../bg/mob-01.jpg);
	z-index: 1;
	background-repeat: no-repeat;
}
.home-background2.mobile {
	display: block;
	background: url(../bg/mob-02.jpg);
}
.home-background2.landscape{
	/*display: none;*/
}
.navigation-element.mobile {
	position: absolute;
	top: 868px;
	left: 61%;
}
.section.mobile{
	top: 1700px;
    /*margin: auto;*/
    /*left: 6%;*/
}
.section-row{
    width:100%;
}

.pana.mobile, .letters.mobile, .note.mobile, .souvenir.mobile  {
    display: inline-block;
    width: 50%;
    height: 50%;
    overflow: hidden;
}
[data-bg="2"].parallax-window.mobile {
	min-height: 1130px;
}
.section.landscape {
	top: 720px;
	/*margin: 8%;*/
}
@media (max-width: 768px) {
	.parallax-window {
		min-height: 1920px;
	}
}
.parallax-window

.navigation-element-two.mobile {
	position: absolute;
	width: 818px;
	top: 2085px;
	left: 61%;
}
.about.mobile{
    top: 2780px;
    left: 5%;
    height: 1060px;
    margin: auto;
}
.about.mobile.landscape{
	height: 620px;
}
.title{
	height: 100px;
	font-family: 'Segoe UI Bold';
	text-transform: uppercase;
	font-size: 26px;
	text-align: center;
	width: 100%;
	background-image: url(../Icons/pdf_icon_50_px.png);
	background-repeat: no-repeat;
	background-position: 330px 50px;
	margin-top: 25px;
}
.note-link.mobile{
	margin-top: 230px;
	margin-left: 70px;
	text-decoration: none;
	height: 100%;
	background-image: none;
	/*padding: 40px 10px 30px 10px;*/
	/*background-image: url("../Icons/pdf_icon_50_px.png");*/
	/*background-repeat: no-repeat;*/
	/*background-position: 330px 3px;*/
	cursor: pointer;
}
.download-ul.mobile, .download-ul.mobile a {
	 color: white;
	 /*padding: 10px;*/
	 text-transform: uppercase;
	 font-family: 'Segoe UI Bold';
	 font-size: 28pt;
	 list-style-type: none;
	 font-weight: 500;
	 opacity: 1;
 }
.download-ul.mobile.landscape, .download-ul.mobile.landscape a {
	color: white;
	padding: 0px;
	text-transform: uppercase;
	font-family: 'Segoe UI Bold';
	font-size: 16pt;
	list-style-type: none;
	font-weight: 500;
    opacity: 1;
}
li.landscape{
	margin: 35px 10px 21px 0;
}

.download-ul.mobile li:hover, .download-ul.mobile li a:hover{
	list-style-type: disc;
	font-weight: 500;
}
.download-ul.mobile li:hover, .download-ul.mobile li a:hover{
	font-size: 18pt;
	list-style-type: disc;
	font-weight: 500;
}
.info-text{
	height: 480px;
	padding-right: 20px;
}
.note-link-text{
	display: block;
	font-family: 'Segoe UI Bold';
	position: relative;
	font-size: 36px;
	text-transform: uppercase;
	margin: 20px 80px 0 0;
	cursor: pointer;
}
.note-link-text.landscape {
	font-size: 26px;
	margin: 0px 20px 0 0;
	cursor: pointer;
}
.note-link-icon{
	display: block;
	height: 150px;
	font-family: 'Segoe UI Semibold';
	background-image: url(../Icons/watch_150.png);
	background-repeat: no-repeat;
	background-position: right 237px center;
	position: relative;
	z-index: 100;
}
.note-link-icon.landscape {
	height:135px;
	background-image: url(../Icons/slider_100.png);
	background-position: right 120px center;
}
.note-links-menu{
	display: none;
	position: fixed;
	width: 110%;
	height: 120%;
	background-color: #3E3536;
	opacity: 0.5;
	left: 0;
	margin-top: -2.5em;
}
.download-header {
	display: block;
	position: relative;
	top: 188px;
	height: 250px;
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Segoe UI Bold';
	width: 100%;
	padding-right: 10%;
}
.download-header.landscape{
	top: 70px;
}

.download-icon {
	margin-top: 100px;
	display: block;
	background-image: url(../Icons/pdf_icon_100px.png);
	background-repeat: no-repeat;
	background-position: 44%;
	height: 100px;
	width: 100%;
}
.download-icon.landscape {
	margin-top: -85px;
	display: block;
}
.note-link.mobile .download-ul li{
	margin: 150px 10px 30px 0;
	 /*height: 50px;*/
}
.note-link.mobile.landscape .download-ul li.landscape{
	margin: 35px 10px 30px 70px;
	/*height: 50px;*/
}

.note-link.mobile.landscape{
	margin: 35px 10px 30px 0;
}

/*footer section portrait*/
.about.mobile.landscape{
	top: 1920px;
	left: 5%;
}
.top-section{
	display: block;
	height: 375px;
	color: white;
	font-size: 1.7em;
	text-align: center;
}
.footer-spacer.mobile{
	display: block;
	position: relative;
	background-color: white;
	width: 90%;
	height: 2px;
	margin: 20px 30px;
	float: none;
}
.footer-spacer.landscape {
	height: 560px;
}
.bottom-section {
	display: block;
	vertical-align: top;
	text-align: center;
	/*box-sizing: border-box;*/
	color: white;
	font-size: 1.5em;
	padding: 15px;
	/*margin: auto;*/
	width: 100%;
}
.logos-wrappers {
	display: inline-block;
}
.logos-wrappers .library-logo, .logos-wrappers .exhibition-logo {
	margin-left: 60px;
	margin-right: 60px;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}