@font-face {
	font-family: 'PF DinText Pro Thin';
	src: url("../fonts/pfdintextpro-thin.eot");
	src: url("../fonts/pfdintextpro-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro-thin.woff2") format("woff2"), url("../fonts/pfdintextpro-thin.woff") format("woff"), url("../fonts/pfdintextpro-thin.ttf") format("truetype"), url("../fonts/pfdintextpro-thin.svg#pf_dintext_proregular") format("svg");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'PF DinText Pro Bold';
	src: url("../fonts/pfdintextpro-bold.eot");
	src: url("../fonts/pfdintextpro-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/pfdintextpro-bold.woff2") format("woff2"), url("../fonts/pfdintextpro-bold.woff") format("woff"), url("../fonts/pfdintextpro-bold.ttf") format("truetype"), url("../fonts/pfdintextpro-bold.svg#pf_dintext_probold") format("svg");
	font-weight: normal;
	font-style: normal
}

@media (max-width: 676px) {
	.link-author_foot{
		left: 10px;
		bottom: 10px;
		width: 50%;
	}
	.link-author_foot a{
		float:left;
	}
}

.link-author_foot{
	position: fixed;
	bottom: .2em;
	left: 2em;
	z-index: 99;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s;

	text-align: center;
	   width: 90%;
}

.link-author_foot a{
	background-size: contain;
	background-position: center;
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s

}

.link-author-intour{
	position: fixed;
	bottom: .2em;
	left: 2em;
	z-index: 99;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s;
	   /*width: 90%;*/


}

.link-author-intour a{
	font-family: 'PF DinText Pro Bold', Arial;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 0.6em;
	color: #fff;
	width: 50%;
	margin: 0 auto;
	text-align: left;
	text-decoration: none;
}

/*.link-author a{
	font-family: 'PF DinText Pro Bold', Arial;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 0.6em;
	color: #fff;
	width: 50%;
	margin: 0 auto;
	text-align: left;
	text-decoration: none;
}*/

.closep_tag{
	margin: 0;
	margin-right:5px;
}

.box.animated { 
    -moz-animation: bounce 1s;
    -webkit-animation: bounce 1s;
    animation: bounce 1s;
}

.bounce:hover {
  -webkit-animation:bounce .9s infinite;
  -moz-animation:bounce .9s infinite;
  -o-animation:bounce .9s infinite;
  animation:bounce .9s infinite;
}

@-webkit-keyframes bounce {
  0%       { bottom:0px; }
  50%      { bottom:10px; }
  100%     { bottom:0px; }
}

@-moz-keyframes bounce {
  0%       { bottom:0px; }
  50%      { bottom:10px; }
  100%     { bottom:0px; }
}

@-o-keyframes bounce {
  0%       { bottom:0px; }
  50%      { bottom:10px; }
  100%     { bottom:0px; }
}

@keyframes bounce {
  0%       { bottom:0px; }
  50%      { bottom:10px; }
  100%     { bottom:0px; }
}



#fullpage {
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s;
	opacity: 0
}

#fullpage.on {
	opacity: 1
}

#scene {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -100;
	/* Full height */
	height: 100%;
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#scene.layered-visible {
	z-index: 8
}

#commands {
	position: fixed;
	bottom: 1.75em;
	left: 50%;
	margin-left: -6.0em;
	z-index: -20;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s
}

#commands.on {
	z-index: 10;
	opacity: 1
}

#commands a {
	background-size: contain;
	background-position: center;
	position: relative;
	display: inline-block;
	width: 4em;
	height: 4em;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s
}

#commands a:hover {
	opacity: 1
}

#commands a.view-layer {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTQgOGg0VjRINHY0em02IDEyaDR2LTRoLTR2NHptLTYgMGg0di00SDR2NHptMC02aDR2LTRINHY0em02IDBoNHYtNGgtNHY0em02LTEwdjRoNFY0aC00em0tNiA0aDRWNGgtNHY0em02IDZoNHYtNGgtNHY0em0wIDZoNHYtNGgtNHY0eiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+")
}

#commands a.next {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE1LjQxIDE2LjA5bC00LjU4LTQuNTkgNC41OC00LjU5TDE0IDUuNWwtNiA2IDYgNnoiLz4gICAgPHBhdGggZD0iTTAtLjVoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=");
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	position: relative;
	top: -2px
}

#commands a.previous {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE1LjQxIDE2LjA5bC00LjU4LTQuNTkgNC41OC00LjU5TDE0IDUuNWwtNiA2IDYgNnoiLz4gICAgPHBhdGggZD0iTTAtLjVoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=")
}

#commands-optional {
	position: fixed;
	top: 2em;
	left: 2em;
	z-index: 99;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	transition: opacity 0.5s
}

#commands-optional a {
	background-size: contain;
	background-position: center;
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s
}

#commands-optional a:hover {
	opacity: 1
}

#commands-optional a.autorotation {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTAgMTYuNWw2LTQuNS02LTQuNXY5ek0xMiAyQzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0wIDE4Yy00LjQxIDAtOC0zLjU5LTgtOHMzLjU5LTggOC04IDggMy41OSA4IDgtMy41OSA4LTggOHoiLz48L3N2Zz4=")
}

#commands-optional a.autorotation.on {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNOSAxNmgyVjhIOXY4em0zLTE0QzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0wIDE4Yy00LjQxIDAtOC0zLjU5LTgtOHMzLjU5LTggOC04IDggMy41OSA4IDgtMy41OSA4LTggOHptMS00aDJWOGgtMnY4eiIvPjwvc3ZnPg==")
}

#commands-optional a.info {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTEgMTdoMnYtNmgtMnY2em0xLTE1QzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0wIDE4Yy00LjQxIDAtOC0zLjU5LTgtOHMzLjU5LTggOC04IDggMy41OSA4IDgtMy41OSA4LTggOHpNMTEgOWgyVjdoLTJ2MnoiLz48L3N2Zz4=")
}

#commands-optional a.fullscreen.enter {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNNyAxNEg1djVoNXYtMkg3di0zem0tMi00aDJWN2gzVjVINXY1em0xMiA3aC0zdjJoNXYtNWgtMnYzek0xNCA1djJoM3YzaDJWNWgtNXoiLz48L3N2Zz4=")
}

#commands-optional a.fullscreen.exit {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNNSAxNmgzdjNoMnYtNUg1djJ6bTMtOEg1djJoNVY1SDh2M3ptNiAxMWgydi0zaDN2LTJoLTV2NXptMi0xMVY1aC0ydjVoNVY4aC0zeiIvPjwvc3ZnPg==")
}

/*.slimScrollDiv{
	display: none;
}*/
/*#header2{
	display: none;
}*/
#header1-show{
	display: block;
}
#header2-show{
	display: block;
}
#header1-hide{
	display: none;
}
#header2-hide{
	display: none;
}

header {
	position: fixed;
	/*bottom: 2em;
	right: 2em;*/
	max-width: 15em;
	height: 3em;
	overflow: hidden;
	z-index: 10;
	cursor: pointer;
	/*left: 50%;*/
	right: 1%;
    top: 3%;
}

header h1 {
	overflow: hidden;
	margin: 0
}

header h1.padded {
	padding-top: 0.6em
}

header p {
	padding: 0;
	margin: 0em 1em 0em 0em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

header p:first-child {
	float: left
}

header p img {
	height: 2.5em;
	width: 2.5em;
	-webkit-border-radius: 64px;
	-moz-border-radius: 64px;
	-ms-border-radius: 64px;
	border-radius: 64px
}

header p img.info {
	display: none
}

header>span.icon {
	display: none
}

/*@media (max-width: 768px) {
	header h1,
	header p {
		display: none
	}
	header>span.icon {
		display: inline-block;
		opacity: 0.8;
		width: 2em;
		height: 2em
	}
}*/

/*.header2 {
	position: fixed;
	max-width: 15em;
	height: 3em;
	overflow: hidden;
	z-index: 10;
	cursor: pointer;
	right: 1%;
    top: 6%;
}*/

.header2 {
	position: fixed;
overflow: hidden;
	z-index: 10;
top: 50%;
transform: translateY(-50%);
}

.header2 h1 {
	overflow: hidden;
	margin: 0
}

.header2 h1.padded {
	padding-top: 0.6em
}

.header2 p {
	padding: 0;
	margin: 0em 1em 0em 0em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.header2 p:first-child {
	float: left
}

.header2 p img {
	height: 2.5em;
	width: 2.5em;
	-webkit-border-radius: 64px;
	-moz-border-radius: 64px;
	-ms-border-radius: 64px;
	border-radius: 64px
}

/*.header2 p img.info {
	display: none
}
*/
/*.header2>span.icon {
	display: none
}*/

/*@media (max-width: 768px) {
	.header2 h1,
	.header2 p {
		display: none
	}
	.header2>span.icon {
		display: inline-block;
		opacity: 0.8;
		width: 2em;
		height: 2em
	}
}*/

.whiteblock{
	overflow:auto; background: #fff; padding: 25px 0; width: 50%;margin: 0 auto;
}

@media (max-width: 768px) {
	.whiteblock{
		overflow:auto; background: #fff; padding: 25px 0; width: 80%;margin: 0 auto;
	}
}

#panoDIV canvas{

}

.slimScrollDiv{
	clear:both;
}

.section .slide {
	background-size: cover;
	background-position: center;
	text-align: center
}

.section .slide .group-title span.icon {
	padding: 0.3em 2.5em 0.3em 0em;
	background-position: right
}

.section .slide .group-title span.icon.no-background {
	padding: 0em;
	background: none
}

@media (max-width: 768px) {
	.section .slide .group-title>span.icon,
	.section .slide .slide .group-title>span.icon {
		padding: 0.1em 2em 0.1em 0em
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.section .slide .group-title>span.icon,
	.section .slide .slide .group-title>span.icon {
		padding: 0.2em 2.5em 0.2em 0em
	}
}

.section .slide .pano-description-short {
	max-width: 15em;
	margin: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 1.4em
}

.section .slide .pano-description {
	max-width: 25em;
	margin: auto;
	padding: 0em 2em
}

.section .slide .pano-thumbnail {
	width: 200px;
	height: 200px;
	text-align: center;
	margin: auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
	-ms-border-radius: 400px;
	border-radius: 400px
}

.section .slide .pano-thumbnail a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.section .slide .pano-thumbnail a img {
	display: none
}

@media (max-width: 768px) {
	.section .slide .pano-thumbnail {
		width: 130px;
		height: 130px
	}
}

.section .slide .toggle-scene-info .icon {
	width: 32px;
	height: 32px;
	position: relative;
	top: 1em;
	opacity: 0.7;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	transition: transform 0.3s
}

.section .slide .toggle-scene-info .icon:hover {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 1
}

.section .slide .previous-section,
.section .slide .next-section {
	position: absolute;
	background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE1LjQxIDE2LjA5bC00LjU4LTQuNTkgNC41OC00LjU5TDE0IDUuNWwtNiA2IDYgNnoiLz4gICAgPHBhdGggZD0iTTAtLjVoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat center;
	background-size: contain;
	margin-left: -3em;
	width: 6em;
	height: 6em;
	opacity: 0.3;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s
}

.section .slide .previous-section.closed,
.section .slide .next-section.closed {
	opacity: 0
}

@media (min-width: 768px) and (max-width: 992px) {
	.section .slide .previous-section,
	.section .slide .next-section {
		margin-left: -1.5em;
		width: 3em;
		height: 3em
	}
}

@media (max-width: 768px) {
	.section .slide .previous-section,
	.section .slide .next-section {
		margin-left: -1em;
		width: 2em;
		height: 2em
	}
}

.section .slide .previous-section:hover,
.section .slide .next-section:hover {
	opacity: 1
}

.section .slide .previous-section {
	top: 1em;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.section .slide .next-section {
	bottom: 1em;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.section .slide .commands {
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	margin: 0
}

.section .slide .commands .close {
	display: inline-block;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==");
	background-size: contain;
	width: 3em;
	height: 3em;
	opacity: 1;
	-webkit-transition: transform 0.2s, opacity 0.2s;
	-moz-transition: transform 0.2s, opacity 0.2s;
	-ms-transition: transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s
}

.section .slide .commands .close:hover {
	opacity: 0.5;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

.section.active.first-section .slide.active .next-section,
.section .active.first-section.slide .slide.active .next-section {
	display: none
}

#helper {
	position: fixed;
	left: 50%;
	bottom: 2em;
	margin-left: -3em
}

#helper span {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	box-sizing: border-box
}

#helper .mouse {
	position: relative;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxnPjxwYXRoIGQ9Ik02NCwyMGMtNi42MjksMC0xMiw1LjM3MS0xMiwxMnYxNmMwLDYuNjI5LDUuMzcxLDEyLDEyLDEyczEyLTUuMzcxLDEyLTEyVjMyQzc2LDI1LjM3MSw3MC42MjksMjAsNjQsMjB6ICAgICBNNjgsNDhjMCwyLjIwNy0xLjc5Myw0LTQsNHMtNC0xLjc5My00LTRWMzJjMC0yLjIwNywxLjc5My00LDQtNHM0LDEuNzkzLDQsNFY0OHoiIGZpbGw9IiNGRkZGRkYiLz48L2c+PC9nPjxwYXRoIGQ9Ik02NCwwQzM5LjY5OSwwLDIwLDE5LjY5OSwyMCw0NHY0MGMwLDI0LjMwMSwxOS42OTksNDQsNDQsNDRzNDQtMTkuNjk5LDQ0LTQ0VjQ0QzEwOCwxOS42OTksODguMzAxLDAsNjQsMHogICBNMTAwLDg0YzAsMTkuODUyLTE2LjE0OCwzNi0zNiwzNnMtMzYtMTYuMTQ4LTM2LTM2VjQ0QzI4LDI0LjE0OCw0NC4xNDgsOCw2NCw4czM2LDE2LjE0OCwzNiwzNlY4NHoiIGZpbGw9IiNGRkZGRkYiLz48L3N2Zz4=");
	width: 3em;
	height: 3em
}

#helper .mouse .wheel {
	position: absolute;
	display: block;
	left: 50%;
	top: 15px;
	width: 7px;
	height: 7px;
	margin-left: -3px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px
}

@-webkit-keyframes mousewheel {
	0% {
		top: 15px
	}
	50% {
		top: 8px
	}
	100% {
		top: 15px
	}
}

@-moz-keyframes mousewheel {
	0% {
		top: 15px
	}
	50% {
		top: 8px
	}
	100% {
		top: 15px
	}
}

@-o-keyframes mousewheel {
	0% {
		top: 15px
	}
	50% {
		top: 8px
	}
	100% {
		top: 15px
	}
}

@keyframes mousewheel {
	0% {
		top: 15px
	}
	50% {
		top: 8px
	}
	100% {
		top: 15px
	}
}

#helper .mouse:hover .wheel,
#helper .mouse.running .wheel {
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-name: mousewheel;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-delay: 0s;
	-moz-animation-duration: 0.8s;
	-moz-animation-name: mousewheel;
	-moz-animation-iteration-count: 10;
	-moz-animation-fill-mode: forwards;
	-o-animation-delay: 0s;
	-o-animation-duration: 0.8s;
	-o-animation-name: mousewheel;
	-o-animation-iteration-count: 10;
	-o-animation-fill-mode: forwards;
	animation-delay: 0s;
	animation-duration: 0.8s;
	animation-name: mousewheel;
	animation-iteration-count: 10;
	animation-fill-mode: forwards
}

#helper .keyboard {
	width: 5em;
	height: 3.2em;
	position: relative
}

#helper .keyboard span {
	position: absolute;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE1LjQxIDE2LjA5bC00LjU4LTQuNTkgNC41OC00LjU5TDE0IDUuNWwtNiA2IDYgNnoiLz4gICAgPHBhdGggZD0iTTAtLjVoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=");
	width: 1.5em;
	height: 1.5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px
}

#helper .keyboard span.up {
	left: 50%;
	top: 0;
	margin-left: -0.75em;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

#helper .keyboard span.down {
	left: 50%;
	bottom: 0;
	margin-left: -0.75em;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

#helper .keyboard span.left {
	left: 0;
	bottom: 0
}

#helper .keyboard span.right {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

#helper .swipe {
	width: 3em;
	height: 3em;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE2IDE3LjAxVjEwaC0ydjcuMDFoLTNMMTUgMjFsNC0zLjk5aC0zek05IDNMNSA2Ljk5aDNWMTRoMlY2Ljk5aDNMOSAzeiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+");
	margin-left: 1.5em
}

.fp-controlArrow.fp-prev,
.fp-controlArrow.fp-next {
	border: none;
	background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE1LjQxIDE2LjA5bC00LjU4LTQuNTkgNC41OC00LjU5TDE0IDUuNWwtNiA2IDYgNnoiLz4gICAgPHBhdGggZD0iTTAtLjVoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat center;
	background-size: contain;
	width: 6em;
	height: 6em;
	margin-top: -3em;
	opacity: 0.3;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s
}

@media (min-width: 768px) and (max-width: 992px) {
	.fp-controlArrow.fp-prev,
	.fp-controlArrow.fp-next {
		width: 3em;
		height: 3em;
		margin-top: -1.5em
	}
}

@media (max-width: 768px) {
	.fp-controlArrow.fp-prev,
	.fp-controlArrow.fp-next {
		width: 2em;
		height: 2em;
		margin-top: -1em
	}
}

.fp-controlArrow.fp-prev:hover,
.fp-controlArrow.fp-next:hover {
	opacity: 1
}

.fp-controlArrow.fp-prev.closed,
.fp-controlArrow.fp-next.closed {
	opacity: 0
}

.fp-controlArrow.fp-prev {
	left: 20%
}

.fp-controlArrow.fp-next {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	right: 20%
}

@media (max-width: 768px) {
	.fp-controlArrow.fp-prev {
		left: 5%
	}
	.fp-controlArrow.fp-next {
		right: 5%
	}
}

nav {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	padding: 2em 2em 6em 2em;
	z-index: 15;
	overflow: hidden
}

nav:after {
	content: '';
	position: fixed;
	width: 6em;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s
}

nav:hover::after {
	opacity: 0.4
}

nav>ul {
	list-style: none;
	padding: 0em 0em 6em 0em;
	margin: 0
}

nav>ul li {
	opacity: 0.9;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s
}

nav>ul li ul {
	list-style: none;
	padding: 0
}

nav>ul li ul li {
	opacity: 1;
	display: inline-block;
	margin-right: -2.3em;
	position: relative;
	opacity: 0;
	-webkit-transition: margin-right 0.3s, opacity 0.3s;
	-moz-transition: margin-right 0.3s, opacity 0.3s;
	-ms-transition: margin-right 0.3s, opacity 0.3s;
	transition: margin-right 0.3s, opacity 0.3s
}

nav>ul li ul li:first-child {
	opacity: 1;
	margin-right: 1em
}

nav>ul li ul li:first-child:after {
	content: '';
	position: absolute;
	right: -1em;
	top: 50%;
	margin-top: -0.55em;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE1LjQxIDE2LjA5bC00LjU4LTQuNTkgNC41OC00LjU5TDE0IDUuNWwtNiA2IDYgNnoiLz4gICAgPHBhdGggZD0iTTAtLjVoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=");
	background-repeat: no-repeat;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	background-size: contain;
	width: 1em;
	height: 1em;
	display: block
}

nav>ul li.active ul li:first-child a img {
	border-color: #fff;
	border-style: double
}

nav>ul li.active ul li:first-child a.active img {
	border-style: solid
}

nav>ul li:hover {
	opacity: 1
}

nav>ul li:hover ul li {
	opacity: 1;
	margin-right: 0em
}

nav>ul li:hover ul li:first-child:after {
	background: none
}

nav a img {
	border-width: 3px;
	border-style: solid;
	height: 32px;
	width: 32px;
	-webkit-border-radius: 64px;
	-moz-border-radius: 64px;
	-ms-border-radius: 64px;
	border-radius: 64px
}

nav .icon {
	width: 30px;
	height: 30px;
	border: 7px solid transparent
}

@media (max-width: 768px) {
	nav {
		display: none
	}
}

#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #050505;
	display: table;
	opacity: 0;
	text-align: center;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	transition: opacity 1s
}

#loader .cell {
	display: table-cell;
	vertical-align: middle
}

#loader .cell .clock {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTExLjk5IDJDNi40NyAyIDIgNi40OCAyIDEyczQuNDcgMTAgOS45OSAxMEMxNy41MiAyMiAyMiAxNy41MiAyMiAxMlMxNy41MiAyIDExLjk5IDJ6TTEyIDIwYy00LjQyIDAtOC0zLjU4LTgtOHMzLjU4LTggOC04IDggMy41OCA4IDgtMy41OCA4LTggOHoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIuNSA3SDExdjZsNS4yNSAzLjE1Ljc1LTEuMjMtNC41LTIuNjd6Ii8+PC9zdmc+");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	width: 3em;
	height: 3em;
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 1.6s;
	-webkit-animation-name: loader;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-delay: 0s;
	-moz-animation-duration: 1.6s;
	-moz-animation-name: loader;
	-moz-animation-iteration-count: infinite;
	-moz-animation-fill-mode: forwards;
	-o-animation-delay: 0s;
	-o-animation-duration: 1.6s;
	-o-animation-name: loader;
	-o-animation-iteration-count: infinite;
	-o-animation-fill-mode: forwards;
	animation-delay: 0s;
	animation-duration: 1.6s;
	animation-name: loader;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards
}

@-webkit-keyframes loader {
	0% {
		opacity: 0.1
	}
	50% {
		opacity: 0.8
	}
	100% {
		opacity: 0.1
	}
}

@-moz-keyframes loader {
	0% {
		opacity: 0.1
	}
	50% {
		opacity: 0.8
	}
	100% {
		opacity: 0.1
	}
}

@-o-keyframes loader {
	0% {
		opacity: 0.1
	}
	50% {
		opacity: 0.8
	}
	100% {
		opacity: 0.1
	}
}

@keyframes loader {
	0% {
		opacity: 0.1
	}
	50% {
		opacity: 0.8
	}
	100% {
		opacity: 0.1
	}
}

.sharetastic__button {

    background-color: #78af34!important;
    }
.sharetastic__icon {
    fill: #fff!important;
}

.sharetastic__label{
	margin-top: 9px;
}


.sharetastic {
    color: #0a0a0a;
    margin-top: 20px;

}
#loader.opened {
	opacity: 1
}

#loader.layered-visible {
	z-index: 5000
}

.modal.group {
	position: absolute;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -10;
	opacity: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: transform 0.5s, opacity 0.5s;
	-moz-transition: transform 0.5s, opacity 0.5s;
	-ms-transition: transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
	overflow: auto
}

.modal.group.opened {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.modal.group.layered-visible {
	z-index: 999
}

.modal.group>div {
	margin: 0;
	box-sizing: border-box
}

.modal.group .commands {
	position: absolute;
	/*top: 1.5em;*/
	/*right: 1.5em;*/
	margin: 0
}

.modal.group .commands .close {
	display: inline-block;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==");
	background-size: contain;
	width: 3em;
	height: 3em;
	opacity: 1;
	-webkit-transition: transform 0.2s, opacity 0.2s;
	-moz-transition: transform 0.2s, opacity 0.2s;
	-ms-transition: transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s
}

.modal.group .commands .close:hover {
	opacity: 0.5;
	/*-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);*/

	/*-webkit-transform: scaleY(1.5);
	-moz-transform: scaleY(1.5);
	-ms-transform: scaleY(1.5);
	transform: scaleY(1.5)*/
}

.modal.group .text {
	text-align: center;
	display: table-cell;
	vertical-align: middle
}

.modal.group .text .image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-border-radius: 400px;
	-moz-border-radius: 400px;
	-ms-border-radius: 400px;
	border-radius: 400px;
	margin: auto
}

.modal.group .text .group-description {
	margin: 0em auto 2em auto;
	padding-left: 2em;
	padding-right: 2em;
	max-width: 30em;
	max-height: 35vh
}

.modal.group .text .group-description h1,
.modal.group .text .group-description h2 {
	margin: 0
}

@media (min-width: 1200px) {
	.modal.group .text .image {
		width: 200px;
		height: 70px
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.modal.group .text .image {
		width: 200px;
		height: 70px
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.modal.group .text .image {
		width: 200px;
		height: 70px
	}
}

@media (max-width: 768px) {
	.modal.group .text .image {
		width: 150px;
		height: 150px
	}
}

.tab {
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: transform 0.3s, opacity 0.3s;
	-moz-transition: transform 0.3s, opacity 0.3s;
	-ms-transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s
}

.tab.opened.opened {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

body {
	background-color: #050505
}

h1,
h2 {
	font-family: 'PF DinText Pro Bold', Arial
}

p,
span,
div,
li,
a {
	font-family: 'PF DinText Pro Thin', Arial
}

a.link-title {
	font-family: 'PF DinText Pro Bold', Arial;
	font-size: 2em;
	text-transform: uppercase;
	text-decoration: none;
	color: #eee
}

@media (max-width: 768px) {
	a.link-title {
		font-size: 1.4em
	}
}

a.link-title:hover,
a.link-title:focus,
a.link-title:active {
	text-decoration: none;
	color: #fff
}

a.link-author {
	font-family: 'PF DinText Pro Bold', Arial;
	color: #999;
	text-decoration: none
}

a.link-author:hover,
a.link-author:focus,
a.link-author:active {
	color: #fff;
	text-decoration: none
}

.group-description a,
.project-description a,
.pano-description a {
	color: #00A3DA;
	text-decoration: none;
	display: inline-block;
	border-bottom: 2px solid #00A3DA;
	-webkit-transition: border-color 0.3s, color 0.3s;
	-moz-transition: border-color 0.3s, color 0.3s;
	-ms-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s
}

.group-description a:hover,
.project-description a:hover,
.pano-description a:hover {
	color: #03BFFE;
	text-decoration: none;
	border-color: #03BFFE
}

.group-description u,
.project-description u,
.pano-description u {
	text-decoration: none;
	display: inline-block
}

.group-description u {
	border-bottom: 2px solid #999
}

.project-description u {
	border-bottom: 1px solid #FFF
}

.group-description ul,
.group-description ol,
.project-description ul,
.project-description ol,
.pano-description ul,
.pano-description ol {
	list-style: none;
	padding: 0
}

header h1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1em;
	color: #fff;
	text-transform: uppercase
}

header p {
	color: #fff
}

.section,
.section .slide,
.slide {
	background-color: rgba(0, 0, 0, 0.5)
}

.slide .group-title {
	color: #eee;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 1.2em
}

.slide .pano-description-short,
.slide .pano-description,
.slide .group-description {
	color: #eee;
	font-size: 1.6em;
	line-height: 1.4em;
	text-align: center
}

@media (max-width: 768px) {
	.slide .group-title {
		font-size: 0.8em
	}
	.slide .pano-description-short,
	.slide .pano-description,
	.slide .group-description {
		font-size: 1.2em;
		line-height: 1.2em
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.slide .group-title {
		font-size: 1em
	}
	.slide .pano-description-short,
	.slide .pano-description,
	.slide .group-description {
		font-size: 1.4em;
		line-height: 1.2em
	}
}

nav:after {
	background: -moz-linear-gradient(left, #000 0%, transparent 100%);
	background: -webkit-linear-gradient(left, #000 0%, transparent 100%);
	background: linear-gradient(to right, #000 0%, transparent 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6000000', endColorstr='#00000000', GradientType=1)
}

nav ul li.active ul li a.active img {
	border-color: #fff
}

nav ul li.active a.active img {
	border-color: #fff
}

nav a img {
	border-color: transparent
}

.modal.group {
	background-color: rgba(0, 0, 0, 0.71);
}

.modal.group .group-title {
	font-size: 3em;
	color: #eee;
	text-transform: uppercase
}

.modal.group .group-description {
	color: #999;
	font-size: 1.6em;
	text-align: center
}

.modal.group .group-description h1 {
	font-size: 3em;
	letter-spacing: -0.05em
}

.modal.group .group-description h2 {
	font-size: 2em;
	letter-spacing: -0.05em
}

.modal.group .group-description small {
	font-size: 50%;
	letter-spacing: 0.2em;
	text-transform: uppercase
}

.modal.group .author {
	font-family: 'PF DinText Pro Bold', Arial;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 0.8em;
	color: #c3c3c3;
	width: 60%;
	margin: 0 auto;
	text-align: center
}

.modal.group .author a{
	font-family: 'PF DinText Pro Bold', Arial;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-size: 0.8em;
	color: #e0dbdb;
	text-decoration: none;
}

@media (max-width: 768px) {
	.modal.group .group-title {
		font-size: 2em
	}
	.modal.group .group-description {
		font-size: 1.2em
	}
	.modal.group .group-description h1 {
		font-size: 2em
	}
	.modal.group .group-description h2 {
		font-size: 1.8em
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.modal.group .group-title {
		font-size: 3em
	}
	.modal.group .group-description {
		font-size: 1.4em
	}
}

#helper .mouse .wheel {
	background-color: #fff
}

#helper .keyboard span {
	border: 2px solid #fff
}

#loader .cell {
	color: #fff
}

span.icon {
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: bottom;
	cursor: pointer
}

span.icon-info {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTEgMTdoMnYtNmgtMnY2em0xLTE1QzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0wIDE4Yy00LjQxIDAtOC0zLjU5LTgtOHMzLjU5LTggOC04IDggMy41OSA4IDgtMy41OSA4LTggOHpNMTEgOWgyVjdoLTJ2MnoiLz48L3N2Zz4=")
}

span.icon-more {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNNiAxMGMtMS4xIDAtMiAuOS0yIDJzLjkgMiAyIDIgMi0uOSAyLTItLjktMi0yLTJ6bTEyIDBjLTEuMSAwLTIgLjktMiAycy45IDIgMiAyIDItLjkgMi0yLS45LTItMi0yem0tNiAwYy0xLjEgMC0yIC45LTIgMnMuOSAyIDIgMiAyLS45IDItMi0uOS0yLTItMnoiLz48L3N2Zz4=")
}

.none {
	display: none
}

.desktop #nav-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	z-index: -999;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s
}

.desktop #nav-overlay.opened {
	opacity: 1
}

.desktop #nav-overlay.layered-visible {
	z-index: 8 !important
}

.desktop .next-section.first-child {
	display: none !important
}

.desktop #helper .swipe {
	display: none
}

.no-desktop #commands-optional .fullscreen {
	display: none
}

.no-desktop #helper .mouse {
	display: none
}

.no-desktop #helper .keyboard {
	display: none
}

div.kolorBox,
ul.kolorMenu li.kolorMenuItem>p {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box
}

.ie .slide a.next-section,
.ie .slide a.previous-section {
	display: none
}

.fp-section{
	/*display: none;*/
	visibility: hidden;
}

.modal.group .commands{
  /*width: 70px;
  height: 70px;*/
  /*background-color: blue;*/
  left: 50%;
  top: 50%;
  width: 124px;
  /*border-radius: 50%;*/
  transform: translate(-50%, -50%);
}

.modal.group .commands .close{
	/*font-family: 'PF DinText Pro Bold', Arial;*/
	color: #fff;
	text-decoration: none;
	width: 6em;
	background-image:none;
	font-size: 2rem;
}

.modal.group {
    background-color: rgba(0, 0, 0, 0.65);
}



/*media (min-width: 768px) and (max-width: 767px) {
}*/