@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600&subset=latin-ext);
@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon.eot?2als3q");
	src: url("../fonts/icomoon.eot?2als3q#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?2als3q") format("truetype"), url("../fonts/icomoon.woff?2als3q") format("woff"), url("../fonts/icomoon.svg?2als3q#icomoon") format("svg");
	font-weight: normal;
	font-style: normal
}
[class^="icon-"], [class*=" icon-"] {
font-family:'icomoon' !important;
speak:none;
font-style:normal;
font-weight:600;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-icons_arrowDown:before {
	content: "\e900"
}
.icon-icons_arrowLeft:before {
	content: "\e901"
}
.icon-icons_arrowRight:before {
	content: "\e902"
}
.icon-icons_arrowUp:before {
	content: "\e903"
}
.icon-icons_close:before {
	content: "\e904"
}
.icon-icons_menu:before {
	content: "\e905"
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
	-webkit-backface-visibility: hidden
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
	width: 100%
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display:none
}
html {
	background: #fff;
	color: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
html, button, input, select, textarea {
	font-family: "Source Sans Pro", sans-serif
}
body {
	overflow-x: hidden;
	margin: 0px 0px 0px 0px;
	background: #000
}
h1 {
	font-size: em(26);
	margin: 0.67em 0
}
h2 {
	font-size: em(24);
	margin: 0.83em 0
}
h3 {
	font-size: em(22);
	margin: 1em 0
}
h4 {
	font-size: em(20);
	margin: 1.33em 0
}
h5 {
	font-size: em(18);
	margin: 1.67em 0
}
h6 {
	font-size: em(16);
	margin: 2.33em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 600
}
dfn {
	font-style: italic
}
mark {
	background: #ff0;
	color: #000
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}
q:before, q:after {
	content: '';
	content: none
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}
legend {
	border: 0;
	padding: 0;
	white-space: normal
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
input[type="search"] {
	-webkit-appearance: textfield
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: 0.75s
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounce {
20%, 53%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
20%, 53%, 80%, from, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes bounceInLeft {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes bounceInLeft {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes bounceInRight {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
.clear {
	clear: both
}
.wrapWindow {
	float: left;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-attachment: fixed
}
.wrapWindow.nofixed {
	background-attachment: scroll
}
.wrapWindow.bottom {
	background-position: center bottom
}
a {
	background: transparent;
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}
a:focus {
	outline: thin dotted
}
a:hover, a:active {
	outline: 0
}
img.left {
	float: left;
	margin: 0px 15px 10px 0px
}
img.right {
	float: right;
	margin: 0px 0px 10px 15px
}
.hidden {
	opacity: 0;
	filter: alpha(opacity=0)
}
.animated {
	opacity: 1;
	filter: alpha(opacity=100)
}
.close {
	display: none
}
.widthWrap {
	width: 100%;
	padding: 0px 10px;
	max-width: 1200px;
	margin: 0px auto
}
.block {
	float: left;
	width: 100%;
	text-align: center
}
#intro {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	text-align: center;
	z-index: 100
}
#intro a#introClose {
	position: absolute;
	top: 40px;
	right: 40px;
	display: block;
	text-decoration: none
}
#intro a#introClose:after {
	content: "\e904";
	font-family: 'icomoon';
	display: block;
	font-size: 1.25rem;
	color: #fff;
	text-decoration: none
}
#intro a#introClose:hover {
	opacity: 0.6;
	filter: alpha(opacity=60)
}
#intro .text {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
#intro .text img {
	display: inline-block;
	width: 162px;
	margin: 50px 79px
}
#intro .text span {
	position: relative;
	display: inline-block;
	padding: 60px 80px 60px 82px;
	font-size: 1.5625rem
}
#intro .text span:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 1px;
	height: 150px;
	background: #fff
}
.button {
	width: 100%;
	text-align: center;
	margin: 20px 0px;
	clear: both
}
.button a {
	display: inline-block;
	padding: 7px 30px;
	margin: 10px 20px;
	text-decoration: none;
	font-size: 1.125rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-weight: 300;
	text-align: center;
	border: 1px solid #fff;
	color: #fff
}
.button a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	text-decoration: none
}
body.active-panel .topNav {
	opacity: 0;
	filter: alpha(opacity=0)
}
.topNav, .topNav * {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}
.topNav {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding: 12px 0px 0px 40px;
	height: 105px;
	z-index: 3;
	opacity: 1;
	filter: alpha(opacity=100)
}
.topNav.gray {
	background: rgba(129,133,136,0.5)
}
.topNav div.logo {
	float: left;
	width: 19.2%;
	display: block;
	padding: 17px 0px 0px 0px
}
.topNav div.logo a {
	display: block;
	float: left
}
.topNav div.logo a img {
	display: block;
	float: left;
	width: auto;
	max-width: 130px
}
.topNav div.logo a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.topNav div.menu {
	float: right;
	width: auto
}
.topNav div.menu ul {
	display: block;
	float: right;
	width: auto;
	text-align: right;
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
.topNav div.menu ul>li {
	display: inline-block
}
.topNav div.menu ul li.menu {
	padding: 0px 28px
}
.topNav div.menu ul li.menu a {
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	line-height: 3.4375rem;
	font-size: 1.375rem
}
.topNav div.menu ul li.menu a:hover, .topNav div.menu ul li.menu a.current, .topNav div.menu ul li.menu a.section {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.topNav div.menu ul li.language {
	position: relative;
	padding: 0px 28px
}
.topNav div.menu ul li.language a {
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	line-height: 3.4375rem;
	font-size: 1.375rem
}
.topNav div.menu ul li.language a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.topNav div.menu ul li.language:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 1px;
	height: 55px;
	background: #fff
}
.topNav div.menu ul li.mobile {
	padding: 0px 28px
}
.topNav div.menu ul li.mobile a {
	display: block;
	float: left;
	text-decoration: none;
	color: #fff
}
.topNav div.menu ul li.mobile a:after {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-family: 'icomoon';
	color: #fff;
	font-size: 2.5rem;
	line-height: 3.4375rem;
	content: "\e905"
}
.topNav div.menu ul li.mobile a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.topNav div.submenu {
	float: left;
	width: 80%
}
.topNav div.submenu ul {
	display: block;
	float: left;
	width: auto;
	text-align: right;
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
.topNav div.submenu ul li {
	display: inline-block;
	padding: 0px 28px 0px 0px
}
.topNav div.submenu ul li a {
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	line-height: 1.375rem;
	font-size: 1.125rem;
	text-transform: uppercase
}
.topNav div.submenu ul li a:hover, .topNav div.submenu ul li a.current, .topNav div.submenu ul li a.section {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.topNav.white {
	background: rgba(255,255,255,0.5)
}
.topNav.white div.menu ul li.menu a {
	color: #000
}
.topNav.white div.menu ul li.language a {
	color: #000
}
.topNav.white div.menu ul li.language:before {
	background: #000
}
.topNav.white div.menu ul li.mobile a {
	color: #000
}
.topNav.white div.menu ul li.mobile a:after {
	color: #000
}
.topNav.white div.submenu ul li a {
	color: #000
}
.topNav.transparentB {
	background: none
}
.topNav.transparent {
	background: transparent
}
.topNav.transparent div.menu ul li.menu a {
	color: #000
}
.topNav.transparent div.menu ul li.language a {
	color: #000
}
.topNav.transparent div.menu ul li.language:before {
	background: #000
}
.topNav.transparent div.menu ul li.mobile a {
	color: #000
}
.topNav.transparent div.menu ul li.mobile a:after {
	color: #000
}
.topNav.transparent div.submenu ul li a {
	color: #000
}
.topNav.nav-up, .topNav.nav-down {
	background: rgba(0,0,0,0.5)
}
#social {
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: auto;
	padding: 0px 20px 20px 0px;
	z-index: 10
}
#social a {
	display: block;
	float: left;
	width: 26px;
	margin: 0px 0px 0px 10px;
	opacity: 0.8;
	filter: alpha(opacity=80)
}
#social a:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
#social a img {
	width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}
.main {
	float: left;
	width: 100%;
	padding: 100px 0px 0px 0px;
	position: relative;
    min-height: 100vh;
}
.main.absolute {
	height: 100vh;
	padding: 0px
}
.main.absolute .leftMenu {
	position: absolute;
	top: 107px;
	left: 0px;
	z-index: 2
}
.main.absolute .leftMenu.z1 {
	z-index: 1
}
.main.absolute .leftMenu.black * {
	color: #fff !important;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.6)
}
.main .leftMenu {
	float: left;
	width: 20%;
	padding: 60px 0px 20px 40px
}
.main .leftMenu ul {
	display: block;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
.main .leftMenu ul li {
	display: block;
	float: left;
	width: 100%;
	padding: 10px 0px
}
.main .leftMenu ul li a {
	display: inline-block;
	text-decoration: none;
	color: #000;
	font-weight: 600;
	line-height: 1.375rem;
	font-size: 1.125rem;
	text-transform: uppercase
}
.main .leftMenu ul li a:hover, .main .leftMenu ul li a.current, .main .leftMenu ul li a.section {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.main .leftMenu ul li ul {
	display: block;
	float: left;
	width: 100%;
	margin: 5px 0px 0px 20px;
	padding: 0px;
	list-style-type: none
}
.main .leftMenu ul li ul li {
	padding: 5px 0px
}
.main .leftMenu ul li ul li:last-child {
	padding: 5px 0px 0px 0px
}
.main .leftMenu ul li ul li a {
	display: inline-block;
	text-decoration: none;
	color: #000;
	font-weight: 600;
	line-height: 1.375rem;
	font-size: 1rem
}
.main .leftMenu ul li ul li a:hover, .main .leftMenu ul li ul li a.current, .main .leftMenu ul li ul li a.section {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.main .spaceplanning {
	float: right;
	width: 80%;
	margin: 20px 0px 20px 0px;
	position: relative
}
.main .spaceplanning ul#spaceplanningimg {
	display: block;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
.main .spaceplanning ul#spaceplanningimg li {
	display: block;
	float: left;
	width: 33.333%;
	margin: 0px;
	padding: 0px 20px
}
.main .spaceplanning ul#spaceplanningimg li a {
	display: block;
	background: #fff;
	width: 100%;
	text-decoration: none
}
.main .spaceplanning ul#spaceplanningimg li img {
	width: 100%;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}
.main .spaceplanning ul#spaceplanningimg li.active img, .main .spaceplanning ul#spaceplanningimg li:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer
}
.main .spaceplanning ul#spaceplanningimg li .text {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: none;
	padding: 0px 20px;
	margin: 0px;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding: 15px 20px;
	text-align: center;
	text-decoration: none;
	font-size: 1.25rem;
	line-height: 1.625rem;
	text-transform: uppercase;
	color: #fff
}
.main .spaceplanning ul#spaceplanningtxt {
	display: block;
	float: left;
	width: 100%;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: relative
}
.main .spaceplanning ul#spaceplanningtxt li {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px 20px
}
.main .spaceplanning ul#spaceplanningtxt li img {
	width: 100%
}
.main .spaceplanning ul#spaceplanningtxt li.active .text {
	opacity: 1;
	filter: alpha(opacity=100)
}
.main .spaceplanning ul#spaceplanningtxt li .text {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: block;
	padding: 0px 20px;
	margin: 0px;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding: 15px 20px;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 1.125rem;
	line-height: 1.375rem;
	text-transform: uppercase;
	color: #fff
}
.main .beforeViz {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0px 0px 0px 0px
}
.main div.gallery {
	float: right;
	width: 100%;
	padding: 20px 0px 0px 0px
}
.main div.gallery ul {
	display: block;
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 70px 20px 35px;
	list-style-type: none
}
.main div.gallery ul li {
	display: block;
	float: left;
	width: 25%;
	padding: 6px
}
.main div.gallery ul li img {
	width: 100%
}
.main div.gallery ul li a {
	display: block;
	position: relative;
	overflow: hidden
}
.main div.gallery ul li a:hover span {
	bottom: 0px
}
.main div.gallery ul li span {
	display: block;
	position: absolute;
	bottom: -100px;
	left: 0px;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding: 10px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.375rem;
	font-size: 1rem;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}
.main .textPage {
	float: right;
	width: 80%;
	padding: 60px 20px 0px 20px
}
.main .textPage.full {
	width: 100%
}
.main .textPage.short {
	width: 50%;
	float: left
}
.main .textPage.dizajnovynabytok {
	padding: 60px 300px 300px 200px
}
.main .textPage ul.partners {
	display: block;
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none
}
.main .textPage ul.partners li {
	display: block;
	float: left;
	width: 25%;
	padding: 5px 40px 5px 0px;
	text-align: left
}
.main .textPage ul.partners li:before {
	display: none
}
.main .textPage ul.partners li a {
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	color: #000;
	font-weight: 600;
	line-height: 1.375rem;
	font-size: 1rem
}
.main .textPage ul.partners li a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.main .textPage ul.partners li a img {
	width: auto;
	max-width: 100px
}
.main .textPage ul.partners li span {
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	color: #000;
	font-weight: 600;
	line-height: 1.375rem;
	font-size: 1rem
}
.main .textPage ul.partners li span img {
	width: auto;
	max-width: 100px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

#managementcontainer
{
    padding-top: 20px;
    padding-left: 0px;
    display: flex;
    flex-wrap: wrap;
}
.main .textPage .management1 {
	display: inline-block;
	float: none;
	width: 30%;
	position: relative;
    align-self: flex-end;
}
.main .textPage .management1 img {
	width: 100%
}
.main .textPage .management1 svg {
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px
}
.main .textPage .management1 svg path, .main .textPage .management1 svg polygon {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 0;
	filter: alpha(opacity=0)
}
.main .textPage .management1 svg path#current, .main .textPage .management1 svg path:hover, .main .textPage .management1 svg path:focus, .main .textPage .management1 svg polygon#current, .main .textPage .management1 svg polygon:hover, .main .textPage .management1 svg polygon:focus {
	opacity: 0.2;
	filter: alpha(opacity=20);
	cursor: pointer
}
.main .textPage .management2 {
	float: left;
	width: 35%;
	padding: 50px 40px 20px 20px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color: #000
}
.main .textPage .management2 * {
	color: #000 !important
}
.main .textPage .management2.active {
	opacity: 1;
	filter: alpha(opacity=100)
}
.main .textPage .management3 {
	float: right;
	width: 50%;
	padding: 50px 20px 20px 40px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}
.main .textPage .management3 * {
	color: #000 !important
}
.main .textPage .management3.active {
	opacity: 1;
	filter: alpha(opacity=100)
}
@-webkit-keyframes goTop {
0% {
bottom:-200px
}
100% {
bottom:0px
}
}
.projectDetail {
	-webkit-animation: goTop 1s;
	animation: goTop 1s;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 2;
	float: left;
	width: 30%;
	padding: 20px 20px 20px 20px;
	background: rgba(0,0,0,0.5)
}
.projectDetail * {
	color: #fff
}
.projectDetail h1 {
	margin: 0px 0px 0px 0px
}
.projectDetail p {
	margin: 5px 0px 10px 0px;
	font-weight: 300
}
.projectDetail a.all {
	color: #fff;
	font-size: 0.75rem;
	line-height: 1.125rem;
	font-weight: 300;
	text-decoration: none;
	margin-right: 20px
}
.projectDetail a.all:hover {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.projectDetailMore {
	float: left;
	width: 100%;
	padding: 40px 20px 40px 20px;
	background: #414B56
}
.projectDetailMore * {
	color: #fff
}
.projectDetailMore .inside {
	max-width: 800px
}
.projectDetailMore h1 {
	margin: 0px 0px 0px 0px
}
.projectDetailMore p {
	margin: 5px 0px 10px 0px;
	font-weight: 300;
	text-align: justify
}
.contact {
	float: left;
	width: 100%;
	padding: 120px 20px 20px 20px
}
.contact * {
	color: #fff
}
.contact .map {
	float: right;
	width: 40%
}
.contact .text {
	float: left;
	width: 60%;
	text-align: center
}
.contact .text a {
	color: #818588;
	text-decoration: none
}
.contact .text a:hover {
	text-decoration: none;
	color: #000
}
.map {
	padding: 0px;
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden
}
.map #map-google {
	display: inline-block;
	width: 100%;
	height: 95vh;
	min-height: 300px
}
.map .gm-iw-content strong {
	color: #fff
}
.map .gm-iw-content a {
	margin: 15px 0px 0px 0px;
	display: inline-block;
	padding: 7px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.875rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	background: transparent;
	color: #fff
}
.map .gm-iw-content a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.ErrorPage .textPage h2 {
	color: #fff;
	margin: 0px;
	font-size: 11.25rem
}
.textPage * {
	color: #000
}
.textPage h1 {
	font-size: 1.875rem
}
.textPage h2 {
	font-size: 1.5rem
}
.textPage h3 {
	font-size: 1.375rem
}
.textPage h4 {
	font-size: 1.25rem
}
.textPage h5 {
	font-size: 1.125rem
}
.textPage h6 {
	font-size: 1rem
}
.textPage p {
	font-size: 1.125rem;
	line-height: 1.875rem;
	font-weight: 300;
	color: #000;
	margin: 0px 0px 15px 0px
}
.textPage a {
	color: #818588;
	text-decoration: none
}
.textPage a:hover {
	text-decoration: none;
	color: #000
}
.textPage ul {
	list-style-type: none;
	padding: 0px
}
.textPage ul>li {
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	margin: 6px 0px;
	position: relative;
	font-size: 1.125rem;
	line-height: 1.875rem;
	font-weight: 300
}
.textPage ul>li:before {
	content: "\e902";
	font-family: 'icomoon';
	position: absolute;
	left: 0px;
	top: 1px;
	font-size: 0.625rem;
	width: auto;
	height: auto;
	color: #000
}
.copyright {
	float: left;
	width: 100%;
	text-align: center;
	padding: 20px;
	font-size: 0.75rem
}
.copyright a {
	text-decoration: none
}
.block.form {
	width: 60%;
	float: left;
	margin: 0px 0px
}
.block.form .textPage {
	text-align: center;
	padding: 0px 15px 30px 15px
}
.block.form #contact_body {
	max-width: 480px;
	margin: 0px auto
}
.block.form input[type="checkbox"].error+label, .block.form input[type="checkbox"].error+strong, .block.form input[type="radio"].error+label, .block.form input[type="radio"].error+strong {
	color: #bc0000;
	border: 1px solid #bc0000;
	background: red
}
.block.form input[type="checkbox"]:required:invalid, .block.form input[type="checkbox"] input:focus:invalid, .block.form input[type="radio"]:required:invalid, .block.form input[type="radio"] input:focus:invalid {
color:#bc0000;
border:1px solid #bc0000;
background:red
}
.block.form input[type="checkbox"]:required:valid, .block.form input[type="radio"]:required:valid {
color:#bc0000;
border:1px solid #bc0000;
background:red
}
.block.form .line {
	float: left;
	width: 100%;
	padding: 0px 0px 20px 0px
}
.block.form .line .info {
	float: left;
	width: 100%;
	padding: 10px 0px 0px 0px;
	color: #fff;
	text-align: left;
	font-size: 0.75rem
}
.block.form .line .item {
	float: left;
	width: 100%;
	padding: 0px
}
.block.form .line .item input, .block.form .line .item textarea, .block.form .line .item select {
	float: left;
	width: 100%;
	display: block;
	padding: 8px 15px;
	margin: 0px;
	border: 1px solid rgba(0,0,0,0.1);
	background: rgba(255,255,255,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-size: 1rem;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}
.block.form .line .item input.error, .block.form .line .item textarea.error, .block.form .line .item select.error {
	color: #bc0000;
	border: 1px solid #bc0000
}
.block.form .line .item input.vis, .block.form .line .item textarea.vis, .block.form .line .item select.vis {
	display: none
}
.block.form .line .item input[required], .block.form .line .item textarea[required], .block.form .line .item select[required] {
	background: rgba(255,255,255,0.2) url(../images/required.png) no-repeat right 8px
}
.block.form .line .item input.error[required], .block.form .line .item textarea.error[required], .block.form .line .item select.error[required] {
	color: #bc0000;
	border: 1px solid #bc0000
}
.block.form .line .item input:focus, .block.form .line .item input:hover, .block.form .line .item textarea:focus, .block.form .line .item textarea:hover, .block.form .line .item select:focus, .block.form .line .item select:hover {
	background: #fff;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	-ms-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	-o-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	color: #000
}
.block.form .line .item input[required]:focus, .block.form .line .item input[required]:hover, .block.form .line .item textarea[required]:focus, .block.form .line .item textarea[required]:hover, .block.form .line .item select[required]:focus, .block.form .line .item select[required]:hover {
	background: #fff url(../images/required.png) no-repeat right 8px;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	-ms-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	-o-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	color: #000
}
.block.form .line .item.checkbox input {
	width: auto;
	display: block;
	float: left;
	padding: 0px;
	margin: 5px 10px 0px 0px;
	border: 1px solid #fff
}
.block.form .line .item.checkbox label {
	width: auto;
	text-align: left;
	display: block;
	color: #fff;
	font-size: 1rem
}
.block.form .line .button {
	width: 100%;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center
}
.block.form .line .button input {
	display: inline-block;
	padding: 7px 30px;
	margin: 0px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width: auto;
	display: block;
	font-size: 1.125rem;
	font-weight: 400;
	text-align: center;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}
.block.form .line .button input:hover {
	background: #fff;
	color: #000;
	border: 1px solid #fff
}
#menu-panel {
	display: none;
	width: 100%;
	min-width: 270px;
	max-width: 400px;
	min-height: 100vh;
	background: rgba(0,0,0,0.7);
	overflow-y: auto
}
#menu-panel .closeMenu {
	display: block;
	margin: 26px 0px 24px 15px;
	width: auto;
	position: relative
}
#menu-panel .closeMenu strong {
	font-size: 1.25rem;
	line-height: 1.875rem;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	width: 100%;
	color: #fff
}
#menu-panel .closeMenu a {
	position: relative;
	font-size: 1.25rem;
	line-height: 1.875rem;
	font-weight: 400;
	text-transform: uppercase;
	display: inline-block;
	width: auto;
	padding: 0px 0px 0px 30px;
	color: #fff;
	text-decoration: none
}
#menu-panel .closeMenu a:after {
	content: "\e904";
	font-family: 'icomoon';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 1.125rem;
	color: #fff
}
#menu-panel .closeMenu a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60)
}
#menu-panel ul, #menu-panel ul li {
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left
}
#menu-panel li {
	border-bottom: 1px solid rgba(255,255,255,0.5)
}
#menu-panel li:first-child {
	border-top: 1px solid rgba(255,255,255,0.5)
}
#menu-panel li a {
	display: block;
	color: #fff;
	padding: 8px 16px;
	width: 100%;
	font-size: 1rem;
	text-transform: uppercase;
	padding: 8px 25px 8px 15px;
	position: relative;
	text-decoration: none
}
#menu-panel li a:hover>a, #menu-panel li.current>a, #menu-panel li.section>a, #menu-panel li a:hover, #menu-panel li a.current, #menu-panel li a.section {
	color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50)
}
#menu-panel li.children a span {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: absolute;
	right: 0px;
	width: 30px;
	height: 100%;
	top: 0px;
	display: block;
	text-align: center
}
#menu-panel li.children a span:after {
	content: "\e900";
	font-family: 'icomoon';
	font-size: 0.75rem;
	line-height: 2.125rem;
	color: #fff
}
#menu-panel li.children a:hover, #menu-panel li.children.current, #menu-panel li.children.section {
	color: #fff
}
#menu-panel li.children a:hover span:after, #menu-panel li.children.current span:after, #menu-panel li.children.section span:after {
	color: #fff
}
#menu-panel li.open>a>span:after, #menu-panel li.current>a>span:after, #menu-panel li.section>a>span:after {
	content: "\e903"
}
#menu-panel li.current>ul, #menu-panel li.section>ul {
	display: block
}
#menu-panel li ul {
	display: none
}
#menu-panel li ul li a {
	font-size: 0.875rem;
	padding: 8px 5px 8px 30px
}
#menu-panel li ul li a:hover, #menu-panel li ul li a.current {
	padding: 8px 5px 8px 25px;
	color: #fff
}
#menu-panel li ul li a:before {
	content: "\e902";
	font-family: 'icomoon';
	position: absolute;
	left: 13px;
	top: 12px;
	font-size: 0.625rem;
	width: auto;
	height: auto;
	color: #fff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}
#menu-panel li ul li a:hover:before, #menu-panel li ul li a.current:before {
	left: 10px;
	color: #fff
}
#menu-panel li ul li ul li a {
	font-size: 0.75rem;
	padding: 8px 5px 8px 40px
}
#menu-panel li ul li ul li a:hover, #menu-panel li ul li ul li a.current {
	padding: 8px 5px 8px 35px
}
#menu-panel li ul li ul li a:before {
	left: 18px;
	top: 12px
}
#menu-panel li ul li ul li a:hover:before, #menu-panel li ul li ul li a.current:before {
	left: 15px
}
#menu-panel li ul li ul li ul li a {
	font-size: 0.75rem;
	padding: 8px 5px 8px 45px
}
#menu-panel li ul li ul li ul li a:hover, #menu-panel li ul li ul li ul li a.current {
	padding: 8px 5px 8px 40px
}
#menu-panel li ul li ul li ul li a:before {
	left: 23px;
	top: 12px
}
#menu-panel li ul li ul li ul li a:hover:before, #menu-panel li ul li ul li ul li a.current:before {
	left: 18px
}
#menu-overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	background: rgba(0,0,0,0.6);
	z-index: 2
}
#menu-overlay.active {
	display: block
}
.lt-ie8 #menu-panel .closeMenu img {
	display: none
}
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.swiper-container.padding {
	margin: 0px 15%
}
.swiper-container.padding .swiper-button-prev:before {
	color: #000
}
.swiper-container.padding .swiper-button-next:before {
	color: #000
}
.swiper-container.padding .swiper-slide .text h2, .swiper-container.padding .swiper-slide .text h1 {
	color: #000;
	text-shadow: 0px 0px 5px rgba(255,255,255,0.6)
}
.swiper-container.padding .swiper-slide {
	background-size: 80%
}
.swiper-container.padding .swiper-slide .text {
	padding: 0px 0px 40px 13%;
	bottom: 40px
}
.swiper-container.padding .swiper-slide .text h2, .swiper-container.padding .swiper-slide .text h1 {
	font-size: 1.25rem
}
.lt-ie10 .swiper-container .swiper-slide, .lt-ie10 .swiper-container .swiper-slide:first-child {
	display: block
}
.swiper-container .swiper-slide {
	width: 100%;
	text-align: center;
	position: relative
}
.swiper-container .swiper-slide .text {
	display: inline-block;
	margin: 0px;
	width: 100%;
	position: absolute;
	z-index: 2;
	padding: 0px 0px 40px 40px;
	bottom: 0px;
	left: 0px;
	text-align: left
}
.swiper-container .swiper-slide .text .swiper-container>.text {
	z-index: 11
}
.swiper-container .swiper-slide .text h2, .swiper-container .swiper-slide .text h1 {
	display: inline-block;
	width: 100%;
	font-size: 1.625rem;
	text-transform: uppercase;
	color: #fff;
	font-weight: 400;
	margin: 0px 0px 0px 0px;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.6)
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0px;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-fles-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover
}
.swiper-slide.floor {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: auto 85%;
	background-color: #fff
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: -1000
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: auto;
	height: auto;
	margin-top: -30px;
	z-index: 11;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 1;
	filter: alpha(opacity=100);
	background: rgba(0,0,0,0.5);
	padding: 5px
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: auto;
	pointer-events: none
}
.swiper-button-prev {
	left: 30px;
	right: auto
}
.swiper-button-prev:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.swiper-button-prev:before {
	font-family: 'icomoon';
	color: #fff;
	content: "\e901";
	font-size: 1.875rem
}
.swiper-button-next {
	right: 30px;
	left: auto
}
.swiper-button-next:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.swiper-button-next:before {
	font-family: 'icomoon';
	color: #fff;
	content: "\e902";
	font-size: 1.875rem
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	display: inline-block;
	border-radius: 100%;
	background: transparent;
	border: 1px solid #fff
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-bullet-active {
	background: #fff
}
.swiper-container-vertical>.swiper-pagination {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}
.swiper-container-horizontal>.swiper-pagination {
	bottom: 30px;
	left: 0;
	width: 100%
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin: 0 5px
}
.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(transparent));
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), transparent);
	background-image: -moz-linear-gradient(right, rgba(0,0,0,0.5), transparent);
	background-image: -o-linear-gradient(right, rgba(0,0,0,0.5), transparent);
	background-image: linear-gradient(to left, rgba(0,0,0,0.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(transparent));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), transparent);
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0.5), transparent);
	background-image: -o-linear-gradient(left, rgba(0,0,0,0.5), transparent);
	background-image: linear-gradient(to right, rgba(0,0,0,0.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(transparent));
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);
	background-image: linear-gradient(to top, rgba(0,0,0,0.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(transparent));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), transparent);
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), transparent);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0.5), transparent);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent)
}
.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events: none
}
.swiper-container-fade .swiper-slide-active {
	pointer-events: auto
}
.swiper-slide {
	overflow: hidden
}
.swiper-slide .img {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	-webkit-transition: all 4s ease-in-out;
	-moz-transition: all 4s ease-in-out;
	-o-transition: all 4s ease-in-out;
	transition: all 4s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.swiper-slide-active {
	overflow: hidden
}
.swiper-slide-active .img {
	-webkit-transition: all 4s ease-in-out;
	-moz-transition: all 4s ease-in-out;
	-o-transition: all 4s ease-in-out;
	transition: all 4s ease-in-out;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.swiper-container-cube {
	overflow: visible
}
.swiper-container-cube .swiper-slide {
	pointer-events: none;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px)
}
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
	z-index: 0
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,0.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%
}
.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.swiper-container.preview .swiper-slide:after {
	background: rgba(0,0,0,0.4)
}
.swiper-container.preview .swiper-slide img {
	-webkit-transition: all 9s ease-in-out;
	-moz-transition: all 9s ease-in-out;
	-o-transition: all 9s ease-in-out;
	transition: all 9s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.swiper-container.preview .swiper-slide-active img {
	-webkit-transition: all 9s ease-in-out;
	-moz-transition: all 9s ease-in-out;
	-o-transition: all 9s ease-in-out;
	transition: all 9s ease-in-out;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}
.swiper-container.project {
	display: block;
	width: 100%;
	float: left;
	padding: 0px 20px 0px 20px
}
.swiper-container.project .swiper-wrapper {
	min-height: 100vh;
	height: 100%;
	padding-bottom: 20px
}
.swiper-container.project div.item {
	display: block;
	float: left;
	width: 100%;
	margin-top: 120px;
	background: #69798a;
	text-align: left
}
.swiper-container.project div.item img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}
.swiper-container.project div.item .info {
	float: left;
	width: 100%;
	padding: 10px 10px 5px 10px;
	text-align: left;
	background: #69798a
}
.swiper-container.project div.item .info h3 {
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 600;
	color: #fff;
	margin: 0px 0px 5px 0px
}
.swiper-container.project div.item .info p {
	font-size: 0.875rem;
	line-height: 1.125rem;
	font-weight: 300;
	color: #fff;
	margin: 0px 0px 0px 0px
}
.swiper-container.project div.item span.buttons {
	width: auto;
	display: block;
	float: left;
	padding: 5px 10px 0px 0px;
	text-align: left
}
.swiper-container.project div.item span.buttons a {
	display: block;
	float: left;
	font-size: 0.6875rem;
	line-height: 0.9375rem;
	font-weight: 300;
	color: #fff;
	padding: 5px 0px;
	text-decoration: none
}
.swiper-container.project div.item span.buttons a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.swiper-container.projectdetail {
	display: block;
	width: 100%;
	float: left;
	padding: 0px 20px 0px 20px;
	margin-top: 120px
}
.swiper-container.projectdetail .swiper-wrapper {
	height: auto
}
.swiper-container.projectdetail a {
	display: block;
	width: 100%
}
.swiper-container.projectdetail a img {
	display: block;
	width: auto;
	width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}
.swiper-container.projectdetail a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.swiper-container.spaceplaning .swiper-slide {
	background-position: center center !important
}
.swiper-container.spaceplaning .swiper-button-next, .swiper-container.spaceplaning .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	z-index: 11;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity: 1;
	filter: alpha(opacity=100)
}
.swiper-container.spaceplaning .swiper-button-next.swiper-button-disabled, .swiper-container.spaceplaning .swiper-button-prev.swiper-button-disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: auto;
	pointer-events: none
}
.swiper-container.spaceplaning .swiper-button-prev {
	left: 30px;
	right: auto;
	background: transparent url(../images/arrowLeft.png) no-repeat center center;
	background-size: 80% auto
}
.swiper-container.spaceplaning .swiper-button-prev:hover {
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.swiper-container.spaceplaning .swiper-button-prev:before {
	display: none
}
.swiper-container.spaceplaning .swiper-button-next {
	right: 30px;
	left: auto;
	background: transparent url(../images/arrowRight.png) no-repeat center center;
	background-size: 80% auto
}
.swiper-container.spaceplaning .swiper-button-next:hover {
	opacity: 0.8;
	filter: alpha(opacity=80)
}
.swiper-container.spaceplaning .swiper-button-next:before {
	display: none
}
.beforeViz {
	overflow: hidden;
	position: relative;
	text-align: center
}
.beforeViz .text {
	display: inline-block;
	padding: 0px 20px;
	margin: 0px;
	width: 100%;
	position: absolute;
	z-index: 2;
	padding: 15px 20px;
	bottom: 0%;
	left: 0%;
	text-align: right;
	font-size: 1.375rem;
	line-height: 1.625rem;
	color: #fff;
	font-style: italic
}
.beforeViz iframe {
	width: 100%;
	overflow: hidden;
	border: 0px solid transparent;
height:calc(100vw / 10 * 5.2);
	height: 100%
}
#beforeViz {
	float: left;
	width: 100%
}
#beforeViz div {
	width: 100%
}
#beforeViz img {
	max-width: 100vw
}/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
	overflow: hidden !important
}
#swipebox-overlay img {
	border: none !important
}
#swipebox-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999 !important;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
#swipebox-container {
	position: relative;
	width: 100%;
	height: 100%
}
#swipebox-slider {
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	white-space: nowrap;
	position: absolute;
	display: none;
	cursor: pointer
}
#swipebox-slider .slide {
	height: 100%;
	width: 100%;
	line-height: 1px;
	text-align: center;
	display: inline-block
}
#swipebox-slider .slide:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}
#swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle
}
#swipebox-slider .slide .swipebox-video-container {
	background: 0 0;
	max-width: 1140px;
	max-height: 100%;
	width: 100%;
	padding: 5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0
}
#swipebox-slider .slide-loading {
	background: url(../images/loader.gif) center center no-repeat
}
#swipebox-bottom-bar, #swipebox-top-bar {
	-webkit-transition: .5s;
	transition: .5s;
	position: absolute;
	left: 0;
	z-index: 999;
	height: 50px;
	width: 100%
}
#swipebox-bottom-bar {
	bottom: -50px
}
#swipebox-bottom-bar.visible-bars {
	-webkit-transform: translate3d(0, -50px, 0);
	transform: translate3d(0, -50px, 0)
}
#swipebox-top-bar {
	top: -50px
}
#swipebox-top-bar.visible-bars {
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0)
}
#swipebox-title {
	display: block;
	width: 100%;
	text-align: center
}
#swipebox-close, #swipebox-next, #swipebox-prev {
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	border: none !important;
	text-decoration: none !important;
	cursor: pointer;
	width: 50px;
	height: 50px;
	top: 0
}
#swipebox-arrows {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 50px
}
#swipebox-prev {
	background-position: -32px 13px;
	float: left
}
#swipebox-next {
	background-position: -78px 13px;
	float: right
}
#swipebox-close {
	top: 0;
	right: 0;
	position: absolute;
	z-index: 9999;
	background-position: 15px 12px
}
.swipebox-no-close-button #swipebox-close {
	display: none
}
#swipebox-next.disabled, #swipebox-prev.disabled {
	opacity: .3
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
	-webkit-animation: rightSpring .3s;
	animation: rightSpring .3s
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
	-webkit-animation: leftSpring .3s;
	animation: leftSpring .3s
}
.swipebox-touch #swipebox-container:after, .swipebox-touch #swipebox-container:before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	content: ' ';
	position: absolute;
	z-index: 999;
	top: 0;
	height: 100%;
	width: 20px;
	opacity: 0
}
.swipebox-touch #swipebox-container:before {
	left: 0;
	-webkit-box-shadow: inset 10px 0 10px -8px #656565;
	box-shadow: inset 10px 0 10px -8px #656565
}
.swipebox-touch #swipebox-container:after {
	right: 0;
	-webkit-box-shadow: inset -10px 0 10px -8px #656565;
	box-shadow: inset -10px 0 10px -8px #656565
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before, .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
	opacity: 1
}
@-webkit-keyframes rightSpring {
0% {
left:0
}
50% {
left:-30px
}
100% {
left:0
}
}
@keyframes rightSpring {
0% {
left:0
}
50% {
left:-30px
}
100% {
left:0
}
}
@-webkit-keyframes leftSpring {
0% {
left:0
}
50% {
left:30px
}
100% {
left:0
}
}
@keyframes leftSpring {
0% {
left:0
}
50% {
left:30px
}
100% {
left:0
}
}
@media screen and (min-width: 800px) {
#swipebox-close {
	right: 10px
}
#swipebox-arrows {
	width: 92%;
	max-width: 800px
}
}
#swipebox-overlay {
	background: rgba(0,0,0,0.9)
}
#swipebox-bottom-bar, #swipebox-top-bar {
	text-shadow: 1px 1px 1px #000;
	background: rgba(0,0,0,0.9);
	opacity: .95
}
#swipebox-top-bar {
	color: #fff !important;
	font-size: 15px;
	line-height: 43px;
	font-family: Helvetica, Arial, sans-serif
}
@media only screen and (max-width: 1000px) {
.main .textPage.dizajnovynabytok {
	padding: 40px 20px 230px 20px;
	width: 100%
}
}
@media only screen and (min-width: 901px) {
.topNav div.menu ul li.mobile {
	display: none
}
}
@media only screen and (max-width: 900px) {
.swiper-container.padding {
	margin: 0px
}
.main .textPage.short {
	width: 100%
}
.topNav div.menu ul li.language:before {
	right: 0px;
	left: inherit
}
.topNav div.menu ul li.menu {
	display: none
}
.topNav div.submenu {
	display: none
}
.topNav {
	padding-top: 0px;
	height: 85px
}
.main .leftMenu {
	display: none
}
.main .textPage {
	width: 100%
}
.main .beforeViz {
	width: 100%
}
.main .spaceplanning {
	width: 100%
}
.wrapWindow {
	background-size: cover
}
.wrapWindow.nofixed {
	background-size: 100% auto
}
.main div.gallery ul {
	padding: 0px 30px 0px 30px
}
.swiper-container.project {
	height: auto;
	position: inherit;
	margin: 80px 0px 20px 0px
}
.swiper-container.project .swiper-wrapper {
	position: inherit;
	height: auto;
	display: -webkit-block;
	display: -moz-block;
	display: -ms-block;
	display: -webkit-block;
	display: block
}
.swiper-container.project div.item {
	margin-top: 20px;
	text-align: center
}
.swiper-container.project .swiper-button-next, .swiper-container.project .swiper-button-prev {
	display: none
}
.swiper-container.project .swiper-slide {
	float: left;
	width: 100%;
	position: inherit
}
}
@media only screen and (max-width: 1100px) {
.main .textPage .management1 {
	width: 40%
}
.main .textPage .management2, .main .textPage .management3 {
	width: 60%;
	padding: 20px 0px 20px 20px
}
}
@media only screen and (max-width: 800px) {
.main .textPage .management1 img{max-width: 500px;}
.main .textPage .management1 {
	width: 100%
}
.main .textPage .management2, .main .textPage .management3 {
	width: 100%;
	padding: 20px 0px 20px 20px
}
.main .textPage .management1 svg path:hover, .main .textPage .management1 svg polygon:hover {
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: default
}   
#intro .text span:before {
	width: 100%;
	height: 1px
}
.contact .map, .contact .text, .block.form {
	width: 100%
}
.map #map-google {
	height: 300px
}
}
@media only screen and (max-width: 700px) {
.main div.gallery ul li {
	width: 33.333%
}
.projectDetail {
	width: 100%
}
.main .textPage ul.partners li {
	width: 33.333%
}
}
@media only screen and (max-width: 600px) {
.main .spaceplanning ul#spaceplanningimg li.active img, .main .spaceplanning ul#spaceplanningimg li img {
	opacity: 1;
	filter: alpha(opacity=100)
}
.main .spaceplanning ul#spaceplanningimg li {
	width: 100%;
	margin-bottom: 20px
}
.main .spaceplanning ul#spaceplanningimg li a .text {
	display: block !important
}
.main .spaceplanning ul#spaceplanningtxt {
	display: none
}
.swiper-container.spaceplaning .swiper-button-next, .swiper-container.spaceplaning .swiper-button-prev {
	top: 130px
}
}
@media only screen and (max-width: 500px) {
#intro a#introClose {
	top: 20px;
	right: 20px
}
.topNav {
	height: 69px;
	padding: 12px 0px 0px 20px
}
.topNav div.logo {
	padding: 7px 0px 0px 0px
}
.topNav div.logo a img {
	width: 110px
}
.topNav div.menu ul li.language:before {
	height: 45px
}
.topNav div.menu ul li.language a {
	line-height: 2.5rem;
	font-size: 1.125rem
}
.topNav div.menu ul li.mobile a:after {
	line-height: 2.5rem;
	font-size: 1.75rem
}
.swiper-button-prev {
	left: 10px
}
.swiper-button-next {
	right: 10px
}
.swiper-container .swiper-slide .text {
	padding: 0px 0px 20px 20px
}
#intro .text img {
	margin: 50px auto
}
#intro .text span {
	padding: 60px 40px 60px 40px
}
.main .textPage ul.partners li {
	width: 50%;
	padding: 5px 30px
}
.main div.gallery ul li {
	width: 50%
}
.main .textPage ul.partners li a {
	text-align: center
}
}
@media only screen and (max-width: 370px) {
.main .textPage ul.partners li {
	width: 100%
}
.main .textPage ul.partners li span, .main .textPage ul.partners li a {
	width: 100%;
	display: block;
	text-align: center
}
.main div.gallery ul li {
	width: 100%
}
}