@font-face {
	font-family: 'DirectorsGothicRg';
	src: url('/assets/fonts/DirectorsGothic210-Rg.eot');
	src: local('☺'), 
		/*url('/assets/fonts/DirectorsGothic210-Rg.woff') format('woff'), */
		url('/assets/fonts/DirectorsGothic210-Rg.ttf') format('truetype'), 
		url('/assets/fonts/DirectorsGothic210-Rg.svg') format('svg');
}

@font-face {
	font-family: 'DirectorsGothicRgOb';
	src: url('/assets/fonts/DirectorsGothic210-RgOb.eot');
	src: local('☺'), 
		url('/assets/fonts/DirectorsGothic210-Rg.woff') format('woff'), 
		url('/assets/fonts/DirectorsGothic210-RgOb.ttf') format('truetype'), 
		url('/assets/fonts/DirectorsGothic210-RgOb.svg') format('svg');
}

body {
	font-family: Arial;
}

p {
	margin: 0 0 1em 0;
}

ul {
	margin-left: 1em;
	padding: 0;
}

img {
	border: none;
}

.modal {
	z-index: 101;
}

.modal-window {
	overflow: visible;
	box-shadow: none;
	border: 1px solid #ddd;
}

.modal-window__header {
	min-height: 0;
	box-shadow: none;
	overflow: inherit;
}

.modal .close {
	display: inline-block;
	position: absolute;
	top: -0.5em;
	right: -0.5em;
	width: 1em;
	height: 1em;
	margin-left: -0.5em;
	color: #fff;
	background-color: #d33;
	font-size: 2em;
	line-height: 1em;
}
.modal .close:before {
	content: "";
	display: block;
	border: 0.5em solid transparent;
	position: absolute;
	left: -1em;
	border-right-color: #a22;
	border-bottom: none;
}

.modal .close:hover {
	cursor: pointer;
	color: #eee;
	background: #b55;
}

.modal .close:hover:before {
	border-right-color: #933;
}

.fp-controlArrow {
	/*position: relative;*/
	width: 3em;
	height: 3em;
	transform: rotate(45deg);
	transition: all 0.3s;
}

.fp-controlArrow.fp-prev {
	left: 2em;
	width: 3em;
	border: 4px solid rgba(255, 255, 255, 0.5);
	border-right: none;
	border-top: none;
}
.fp-controlArrow.fp-prev:hover {
	margin-left: -0.2em;
	box-shadow: inset 0.3em -0.3em 0.3em rgba(0, 0, 0, 0.3);
}

.fp-controlArrow.fp-next {
	right: 4em;
	width: 3em;
	border-width: 4px;
	border-left: none;
	border-bottom: none;
	border-color: rgba(255, 255, 255, 0.5);
}
.fp-controlArrow.fp-next:hover {
	margin-right: -0.2em;
	box-shadow: inset -0.3em 0.3em 0.3em rgba(0, 0, 0, 0.3);
}

.fp-controlArrow:before {
	position: absolute;
	border: 2px solid #333;
	width: 3em;
	height: 3em;
	content: "";
}

.fp-controlArrow.fp-prev:before {
	top: 1px;
	left: -3px;
	border-right: none;
	border-top: none;
}

.fp-controlArrow.fp-next:before {
	top: -3px;
	left: 1px;
	border-left: none;
	border-bottom: none;
}

.page {
	position: relative;
	width: 100vw;
	min-height: 100vh;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.page__header {
	margin: 0;
	font-family: 'DirectorsGothicRg', sans-serif;
	font-size: 2.5em;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.3em;
	color: #555;
}

.content--sui .page__header {
	margin-top: 1em;
}

.wrpr--no-interaction {
	pointer-events: none;
}

.page__subheader {
	font-size: 1.2em;
	font-weight: 900;
	color: #333;
}

.page__text {
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: justify;
}

.page__text--retarded {
	margin-left: 1em;
}

.page__text--opac {
	padding: 1em;
	background: rgba(255, 255, 255, 0.8);
}

.page__text--larger-padding {
	padding: 0 1.5em;
}


.read-more {
	display: none;
	color: #4ebcbd;
}

.read-more--center {
	text-align: center;
}

.text__image {
	display: block;
	height: 3em;
	margin-bottom: 1em;
}

.text__image--center {
	display: block;
	margin: 0 auto 1em;
}

.page__footer {
	position: relative;
	padding: 5em 0;
	/*top: 0;
	width: 100%;
	height: 50vh;
	padding: 0.3em 0;*/
}

.page__footer--top {
	background: #cfcfce;
}

.page__footer--bot {
	/*top: 50%;*/
}

.owners {
	margin-bottom: 1em;
}

.footer__person-icon {
	width: 10em;
	border-bottom: 1px solid #777;
}

.footer__person-email {
	color: #777;
}

.footer__person-email:hover,
.footer__person-email:focus {
	color: #aaa;
	text-decoration: underline;
}


.page-0 {background-image: url(/assets/images/page-1.jpg);}
.page-2 {background-image: url(/assets/images/page-3.jpg);}
.page-4 {background-image: url(/assets/images/page-5.jpg);}
.page-8 {background-image: url(/assets/images/page-9.jpg);}
.page-9 {background-image: url(/assets/images/page-10.jpg);}
.page-10 {background-image: url(/assets/images/services.jpg);} /* page-11.jpg */
.page-16 {background-image: url(/assets/images/page-12.jpg);}

.page__image {
	position: absolute;
}

.page__image--inline {
	position: relative;
	width: 100%;
}

.page__image--retarded {
	width: 35%;
}

.pos--top {top: 0;}
.pos--bot {bottom: 0;}
.pos--lft {left: 0;}
.pos--rgt {right: 0;}
.pos--fw {width: 100%;}
.pos--fh {height: 100vh;}
.pos--mid {
	top: 50%;
	transform: translateY(-50%);
}

.b {border: 1em solid #fff;}
.bt {border-top: 1em solid #fff;}
.bl {border-left: 1em solid #fff;}
.br {border-right: 1em solid #fff;}
.bb {border-bottom: 1em solid #fff;}

/* homepage */
.large-links {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-size: 2em;
	display: flex;
	align-items: center;
}

.large-link {
	display: inline-block;
	margin: 1em 0;
	color: #000;
	font-family: 'DirectorsGothicRg', sans-serif;
	line-height: 2.2em;
	text-transform: uppercase;
}

.logo {
	float: left;
	padding: 0 3em;
}

.nav {
	position: fixed;
	top: 1em;
	right: 0;
	max-width: 100vw;
	z-index: 2;
}

.nav--compact {
	overflow: hidden;
}

.nav--compact:hover {
	overflow: visible;
}

.nav__items {
	max-width: 100vw;
	margin: 0;
	padding: 0.5em 1.5em 0 0;
	list-style-type: none;
	transition: background 0.4s;
	background: transparent;
}

.nav--compact .nav__items {
	max-width: 2.5em;
	white-space: nowrap;
	transition: max-width 0.4s;
	background: rgba(255, 255, 255, 0.8);
}

.nav--compact:hover .nav__items {
	max-width: 100vw;
	background: rgba(255, 255, 255, 0.8);
}

.nav--compact .nav__item--burger {
	display: inline-block;
}

.nav__item {
	display: inline-block;
	margin-left: 1em;
	padding: 0;
	vertical-align: top;
}

.nav__item--burger {
	display: none;
	position: relative;
	width: 2em;
	height: 2em;
	border: 2px solid #333;
	border-left: none;
	border-right: none;
	box-sizing: border-box;
	transition: all 0.5s;
}

.nav__item--burger span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #333;
	transform: translateY(-50%);
	transition: all 0.5s;
}

.nav--compact:hover .nav__item--burger {
	width: 0.7em;
	height: 0.7em;
	margin-top: 0.6em;
	border-right: 2px solid #333;
	border-bottom: none;
	transform: rotate(45deg);
}

.nav--compact:hover .nav__item--burger span {
	transform: translateY(-50%) rotate(-45deg);
}

.nav__item--flags {
	width: 2em;
}

.nav__link {
	color: #000;
	font-family: 'DirectorsGothicRg', sans-serif;
	font-size: 2em;
	line-height: 1.2em;
	text-decoration: none;
	text-transform: uppercase;
}

.nav__flags {
	position: absolute;
	margin: 0;
	padding: 0.3em 0 0 0;
	vertical-align: bottom;
}

.nav__flags:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: transparent;*/
	content: "";
	transition: height 0.1s 0.2s;
}

.nav__flags:hover:before {
	height: 0;
}

.flag__item {
	display: block;
	margin: 0;
	padding: 0;
}

.flag__link {
	display: block;
	max-height: 0;
	margin-bottom: 0;
	padding: 0;
	overflow: hidden;
	transition: all 0.4s;
	box-shadow: 0 0 0.2em #333;
	transition: all 0.2s;
}

.nav__flags:hover .flag__link:hover {
	transform: scale(1.1);
}

.nav__flags:hover .flag__link,
.flag__link--active {
	max-height: 3em;
	margin-bottom: 0.5em;
}

.flag__image {
	display: block;
	height: 1.2em;
}

.submenu {
	position: absolute;
	top: 3em;
	max-height: 0;
	width: 100vw;
	margin: 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
	list-style-type: none;
	transition: max-height 0.5s;
	z-index: 1;
	background: transparent;
	transition: max-height 0.5s, margin 0s 0.5s, padding 0s 0.5s;;
}

.submenu {
		background: rgba(0, 0, 0, 0.5);
	}

	.submenu__item {
		margin-bottom: 0.5em;
	}

	.submenu .nav__link {
		color: #fff;
	}

.nav__item--with-submenu:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	transition: height 0.1s 0.2s;
}

.nav__item--with-submenu {
	position: relative;
}

.nav__item--with-submenu:hover:before {
	height: 0;
}

.nav__item--with-submenu:hover .submenu {
	max-height: 100vh;
	margin: -0.6em 0 0 -0.5em;
	padding: 0.5em;
	transition: max-height 0.5s;
}


.submenu__item {
	margin: 0;
	padding: 0;
}

.caret-down {
	display: block;
	position: absolute;
	bottom: 2em;
	left: 50%;
	width: 3em;
	height: 3em;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: translateX(-50%) rotate(45deg);
	transition: all 0.2s;
}

.caret-down:hover {
	bottom: 1.8em;
	text-decoration: none;
	box-shadow: inset -0.3em -0.3em 0.3em rgba(0, 0, 0, 0.3);
}

/* pages */
.wrpr {
	position: absolute;
	width: 100%;
}

.wrpr--opac {
	background: rgba(255, 255, 255, 0.8);
}

.wrpr--white {
	background: #fff;
}

.wrpr--top {
	top: 0;
}

.wrpr--mid {
	top: 50%;
	transform: translateY(-50%);
}

.wrpr--bot {
	bottom: 0;
}

.wrpr--fh {
	height: 100%;
}

.wrpr--top.wrpr--off {margin-top: 15%;}
.wrpr--mid.wrpr--off {margin: 15% auto;}
.wrpr--bot.wrpr--off {margin-bottom: 15%; padding-bottom: 0;}

.content {
	display: flex;
	padding: 1em 0;
	align-items: center;
}

.content--no-flex {
	display: block;
}

.content--sui {
	margin-top: 16.666vh;
}

.icon__image {
	width: 100%;
}

.icon__link {
	position: relative;
	display: inline-block;
	width: 5em;
	margin: 0 0.5em;
	transition: transform 0.2s;
}

.icon__link:hover {
	transform: scale(1.1);
}

.icon__link:hover .icon__name {
	opacity: 1;
	transform: translateX(-50%) scale(1);
	transition: all 0.2s 0.2s;
}

.icon__name {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	padding: 0.5em;
	margin-bottom: -2em;
	font-size: 0.9em;
	text-shadow: 0 0 0.3em #fff;
	white-space: nowrap;
	opacity: 0;
	transform: translateX(-50%) scale(0.5);
	transition: all 0.2s;
}

/* contact section */
.social {
	position: absolute;
	top: 0%;
	left: 2em;
	transform: translateY(-50%);

}

.social__link {
	display: block;
	width: 3em;
	height: 3em;
	border-radius: 50%;
	transition: all 0.2s;
}
.social__link:hover,
.social__link:focus {
	box-shadow: 0 0 0.5em #000;
}

.social__link:first-child {
	margin-bottom: 1em;
}

.social__icon {
	width: 100%;
}


/* contact form */
.button--form {
	width: 100%;
	max-width: 12em;
	margin: 0.5em auto 0;
	color: #999;
	background: #fff;
	box-shadow: 0 0 0.2em #333;
}

.mobile-only {
	display: none;
}

.desktop-only {
	display: block;
}

.button--form:hover {
	color: #4ebcbd;
}

.form {
	font-size: 1em;
}
.form label {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
}

.input, .textarea {
	margin-top: 0;
	background: #ececec;
	border: 1px solid #c6c6c6;
	border-radius: 3px;
}

.textarea {
	resize: vertical;
}

.input:hover, .textarea:hover {
	box-shadow: 0 0 3px #aaa;
	border-bottom: 1px solid #c6c6c6;
}

/* Reference Gallery List */
.wrpr--reference-list {
	left: 50%;
	width: auto;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.wrpr--reference-list:hover .reference-list {
	transform: translate(0, -50%) scale(1);
	transition: transform .2s;
}

.wrpr--reference-list .page__header {
	padding-left: 1em;
	padding-right: 1em;
	pointer-events: none;
}

.reference-list {
	position: absolute;
	top: 50%;
	left: 100%;
	margin: 0;
	padding: 1em;
	text-align: left;
	line-height: 1.5em;
	background: rgba(0, 0, 0, 0.5);
	font-size: 1.2em;
	box-shadow: -0.5em 0 0.8em rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
	transform: translate(0, -50%) scale(0);
	transition: transform .2s;
}

.reference-list__item {
	list-style-type: none;
	margin: 0;
}

.reference-list__link {
	color: #fff;
	white-space: nowrap;
}

/* Reference Gallery */
.modal-window__body {
	max-height: 80vh;
}

.gallery {
	position: relative;
	transition: box-shadow 0.2s;
}

.gallery:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: height 0s 0.2s;
	/*background: rgba(255, 0, 0, 0.5);*/
	content: "";
	z-index: 1;
}

.gallery:hover:before {
	height: 0;
}

.gallery:hover {
	box-shadow: 0 0 1.5em #000;
}

.gallery__name {
	position: absolute;
	top: 50%;
	left: 0;
	height: 1em;
	padding: 0.2em 0.2em 0.2em 2em;
	background: rgba(255, 255, 255, 0.7);
	line-height: 1em;
	font-size: 3em;
	font-family: 'DirectorsGothicRg', sans-serif;
	color: #555;
	opacity: 0;
	transform-origin: 0% 50%;
	transform: translateY(-50%) scale(0);
	transition: all 0.2s;
	box-shadow: 0 0 0.2em #777;
	z-index: 2;
}

.gallery-wrapper--1 .gallery,
.gallery-wrapper--2 .gallery {
	height: 50vh;
}
.gallery-wrapper--3 .gallery {
	height: 33.333vh;
}
.gallery-wrapper--4 .gallery {
	height: 25vh;
}
.gallery-wrapper--5 .gallery {
	height: 20vh;
}
.gallery-wrapper--6 .gallery {
	height: 16.666vh;
}

.refimg-wrapper:nth-child(n+7) {
	display: none;
}

.gallery__images {
	height: 100%;
}

.gallery__name:hover {
	text-decoration: none;
	background: #fff;
}

.gallery:hover .gallery__name {
	transform: translateY(-50%) scale(1);
	opacity: 1;
}

.gallery:hover .refimg-wrapper {
	opacity: 0.6;
}

.refimg-wrapper,
.siuimg-wrapper {
	position: relative;
	float: left;
	height: 16.666vh;
	opacity: 0.3;
	transition: all 0.4s 0.2s;
	overflow: hidden;
}

.siuimg-wrapper {
	opacity: 1;
}

.refimg-wrapper {
	height: 100%;
}
.refimg-wrapper:hover {
	transition: all 0.4s;
	opacity: 1;
}

.siuimg-wrapper:nth-last-child(-n+2) {
	float: right;
}

.siuimg-image:hover,
.refimg-image:hover {
	transform: translate(-50%, -50%) scale(1.2);
	cursor: pointer;
	transition: all 0.4s;
}

.siuimg-image,
.refimg-image {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.4s 0.2s;
}

.refimg-image {
	height: 100%;
}

.detail__image {
	width: 100%;
}

.galimg-list {
	position: absolute;
	top: -50%;
	left: 50%;
	padding: 0.5em;
	background: rgba(255, 255, 255, 0.7);
	z-index: 1;
	opacity: 0;
	transform: translateX(-50%);
	transition: all 0.2s;
}

.galimg-meta--visible .galimg-list {
	top: 0;
	opacity: 1;
}

.galimg-list__link {
	position: relative;
	display: inline-block;
	margin: 0 0.2em 0.2em 0;
	height: 4em;
	opacity: 0.5;
	transition: opacity 0.2s;
}
.galimg-list__link:last-child {
	margin-right: 0;
}
.galimg-list__link:hover {
	opacity: 1;
}

.galimg-list__link--active {
	opacity: 1;
}

.galimg-list__image {
	width: auto;
	height: 100%;
	vertical-align: top;
	cursor: pointer;
}

.galimg-menu {
	display: flex;
	align-items: center;
	height: 100%;
}

.galimg-menu__link {
	display: block;
	align-self: center;
	width: 25em;
	min-height: 20em;
	background: #fff;
	position: relative;
	margin: 1em;
	overflow: hidden;
	cursor: pointer;
}

.galimg-menu__image {
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: 50% 100%;
	display: block;
	transform: translate(-50%, -50%);
	transition: all 0.4s;
}

.galimg-menu__link:hover .galimg-menu__image {
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.8);
}

.galimg-menu__link:hover .galimg-menu__image:nth-child(2) {
	transform: translate(-86%, -50%);
}

.galimg-menu__link:hover .galimg-menu__image:nth-child(3) {
	transform: translate(-110%, -50%);
}


.galimg-menu__title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	background: #333;
	color: #fff;
	padding: 0.5em;
	box-sizing: border-box;
	box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.3);
}

.galimg-main {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90vw;
	max-height: 90vh;
	transform: translate(-50%, -50%);
}
.galimg-main__image {
	display: block;
	max-width: 100%;
	max-height: 90vh;
	margin: 0 auto;
	cursor: pointer;
}
.galimg-main__prev,
.galimg-main__next {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 0 0.5em;
	font-size: 3em;
	line-height: 1em;
	color: #333;
	transition: background 0.2s;
}
.galimg-main__next {
	left: auto;
	right: 0;
}

.galimg-main__prev:before,
.galimg-main__next:before {
	position: relative;
	top: 50%;
	left: 0;
	display: block;
	width: 1em;
	height: 1em;
	text-align: center;
	line-height: 0.9em;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	transform: translateY(-50%);
	content: "«";
	transition: all 0.2s;
}

.galimg-main__next:before {
	content: "»";
}

.galimg-main__prev:hover,
.galimg-main__next:hover {
	text-decoration: none;
}

.galimg-main__prev:hover:before,
.galimg-main__next:hover:before {
	color: #eee;
	background: #333;
}

.galimg-caption {
	position: absolute;
	bottom: 0;
	left: 50%;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.2);
	transform: translateX(-50%);
	transition: all 0.2s 0.2s;
	opacity: 0;
}

.galimg-meta--visible .galimg-caption {
	opacity: 1;
}

.galimg-title:empty,
.galimg-desc:empty {
	padding: 0;
}

.galimg-title {
	padding: 1em 1em 0.5em 1em;
	font-size: 1.5em;
	font-weight: bold;
	color: #555;
}
.galimg-desc {
	padding: 0 1em 1em 1.5em;
	font-style: italic;
	color: #777;
}

#gallery .close {
	top: 0.25em;
	right: 0.25em;
	z-index: 2;
}
#gallery .close:before {
	display: none;
}

#gallery .modal-window {
	width: 100%;
	height: 100%;
	background: transparent;
	border: none;
}

#gallery .modal-window__body {
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 100%;
	box-sizing: border-box;
}


#fp-nav ul li a span,
.fp-slidesNav ul li a span,
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
	width: 12px;
	height: 12px;
	margin: 0;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid #333;
}

#fp-nav ul li a span:hover,
.fp-slidesNav ul li a span:hover,
#fp-nav ul li:hover a span:hover,
.fp-slidesNav ul li:hover a span:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
	margin: 0;
	background: #333;
}

@media screen and (max-width: 1200px) {
	.siuimg-wrapper:nth-last-child(-n+4) {
		display: none;
	}

	.siuimg-wrapper:nth-last-child(-n+5) {
		float: right;
	}

	.refimg-wrapper:nth-child(n+5) {
		display: none;
	}

	.page__text-md--show-3 *:nth-child(n+4) {display: none;}
	.page__text-md--show-2 *:nth-child(n+3) {display: none;}
	.page__text-md--show-1 *:nth-child(n+2) {display: none;}
	.page__text-md--show-3 .read-more:nth-child(n+4) {display: block;}
	.page__text-md--show-2 .read-more:nth-child(n+3) {display: block;}
	.page__text-md--show-1 .read-more:nth-child(n+2) {display: block;}

	.page__footer {
		padding: 3em 0;
		font-size: 0.9em;
	}

	.owners {
		display: none;
	}

	.mobile-only {
		display: block;
	}

	.desktop-only {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.content {
		display: block;
	}

	.large-links {
		margin-top: 0.5em;
		position: relative;
		top: auto;
		font-size: 1.2em;
		transform: none;
	}

	.large-link {
		margin: 0.2em 0;
		font-size: 1em;
	}

	.nav__items {
		text-align: center;
		font-size: 0.7em;
	}

	.nav__item {
		/*margin-left: 0.5em;*/
	}

	.nav__flags {
		padding-top: 0.4em;
	}

	.page__header {
		margin: 0;
		text-align: center;
		font-size: 2em;
	}

	.page__text {
		font-size: 1em;
	}

	.page__image--retarded {
		display: none;
	}

	.icon__link {
		width: 4em;
	}

	.icon__link:hover .icon__name,
	.icon__name {
		display: none;
	}

	.siuimg-wrapper {
		display: none;
	}

	.siuimg-wrapper:nth-child(-n+3) {
		display: inline-block;
	}

	.submenu {
		background: rgba(0, 0, 0, 0.5);
	}

	.submenu__item {
		margin-bottom: 0.5em;
	}

	.submenu .nav__link {
		color: #fff;
	}

	.wrpr-sm--top {
		top: 0;
		bottom: auto;
	}

	.wrpr-sm--mid {
		top: 50%;
		bottom: auto;
		transform: translateY(-50%);
	}

	.wrpr-sm--bot {
		top: auto;
		bottom: 0;
	}

	.page__footer {
		padding: 3em 0 2em;
		font-size: 0.82em;
	}

	.wrpr--top.wrpr--off {margin-top: 5%;}
	.wrpr--mid.wrpr--off {margin: 5% auto;}
	.wrpr--bot.wrpr--off {margin-bottom: 5%; padding-bottom: 0;}

	.refimg-wrapper:nth-child(n+4) {
		display: none;
	}

	.galimg-list {
		width: 100%;
	}

	.galimg-menu {
		display: block;
	}

	.galimg-menu__link {
		width: 90%;
		min-height: 15em;
	}

	.galimg-menu__title {
		font-size: 1.2em;
	}
}

@media screen and (orientation: landscape) and (max-width: 800px) {
	.page__text-sm--show-3 *:nth-child(n+4) {display: none;}
	.page__text-sm--show-2 *:nth-child(n+3) {display: none;}
	.page__text-sm--show-1 *:nth-child(n+2) {display: none;}
	.page__text-sm--show-3 .read-more:nth-child(n+4) {display: block;}
	.page__text-sm--show-2 .read-more:nth-child(n+3) {display: block;}
	.page__text-sm--show-1 .read-more:nth-child(n+2) {display: block;}

	.page__text--retarded-2 {
		padding: 0.5em;
		background: rgba(255, 255, 255, 0.7);
	}
}

@media screen and (orientation: portrait) and (max-width: 800px) {
	.nav {
		left: auto;
		right: auto;
	}

	.nav--compact {
		left: auto;
		right: 0;
	}

	.logo {
		float: none;
		display: block;
		margin: 3.5em auto 0;
	}
	.nav__items {
		right: 0;
		width: 100%;
	}

	.large-links {
		flex-wrap: wrap;
	}

	.refimg-image {
		width: auto;
		height: 100%;
	}

	.fp-controlArrow {
		top: auto;
		/*bottom: 55px;*/
	}

	.page__text--retarded {
		margin-left: 0;
	}

	.owners {
		display: block;
	}
}

@media screen and (max-width: 640px) {
	.fp-controlArrow {
		top: auto;
		bottom: 1em;
		width: 2em !important;
		height: 2em !important;
	}
	.fp-controlArrow:before {
		width: 2em;
		height: 2em;
	}
	.fp-controlArrow.fp-prev {
		left: 2em;
	}

	.fp-controlArrow.fp-next {
		right: 2em;
	}

	.owners {
		display: none;
	}

	.wrpr--reference-list:hover .reference-list {
		left: 50%;
		transform: translate(-50%, -50%) scale(1);
		transition: transform .2s;
	}
}

@media screen and (max-width: 480px) {
	.page__text-sm--show-3 *:nth-child(n+4) {display: none;}
	.page__text-sm--show-2 *:nth-child(n+3) {display: none;}
	.page__text-sm--show-1 *:nth-child(n+2) {display: none;}
	.page__text-sm--show-3 .read-more:nth-child(n+4) {display: block;}
	.page__text-sm--show-2 .read-more:nth-child(n+3) {display: block;}
	.page__text-sm--show-1 .read-more:nth-child(n+2) {display: block;}

	.gallery__name {
		padding-left: 1em;
		font-size: 2.5em;
	}
}


/* overlay */
#temp {
	background: none;
}

#temp .modal-window {
	background: rgba(255, 255, 255, 0.8);
}

.temp__logo {
	width: 60%;
	margin: 1em auto 3em;
}

.temp__p {
	font-size: 2em;
	margin: 0 0 0.4em;
}

.temp__email {
	color: #555;
}

.temp__email:hover,
.temp__email:focus {
	color: #4ebcbd;
}

@media screen and (max-width: 360px) {
	.temp__p {
		font-size: 1.5em;
	}
}