html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden], template {
	display: none
}

a {
	background: transparent
}

a:active, a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

mark {
	background: #ff0;
	color: #000
}

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: 1em 40px
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button, select {
	text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled], html input[disabled] {
	cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td, th {
	padding: 0
}

@font-face {
	font-family: 'mali';
	src: url("mali.woff") format("woff");
	font-weight: 200;
	font-style: normal
}

@font-face {
	font-family: 'mabo';
	src: url("mabo.woff") format("woff");
	font-weight: 300;
	font-style: normal
}

.row {
	display: block;
	width: 100%;
	position: relative
}

.col1, .col4, .col6, .col8, .col12 {
	display: inline-block
}

.col12 {
	width: 100%
}

.col8 {
	width: 65.9507042%
}

.col6 {
	width: 50%
}

.col4 {
	width: 31.9014085%;
	padding-right: 2.1478873%
}

.col1 {
	width: 8.33333333%
}

.col-align-middle {
	vertical-align: middle
}

.col-align-top {
	vertical-align: top
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal
}

img {
	width: 100%
}

html, body {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100%;
	letter-spacing: 0.015em
}

#site {
	background-color: #fff
}

#site.site-padd {
	padding-left: 0;
	padding-right: 0
}

.site-padd {
	padding-left: 5.625%;
	padding-right: 5.625%;
	margin: 0;
	box-sizing: border-box;
	position: relative;
	z-index: 1
}

#site {
	min-height: 100%
}

#container {
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 150px
}

p {
	margin: 0;
	padding: 0;
	line-height: 140%
}

::selection {
	background: #ccc
}

::-moz-selection {
	background: #ccc
}

@-webkit-keyframes logo-anim-keyframes {
	0% {
		-webkit-transform: scale(1)
	}

	20% {
		-webkit-transform: scale(1.1)
	}

	30% {
		-webkit-transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1)
	}

}

@keyframes logo-anim-keyframes {
	0% {
		transform: scale(1)
	}

	20% {
		transform: scale(1.1)
	}

	30% {
		transform: scale(1)
	}

	100% {
		transform: scale(1)
	}

}

.heart-scale-animation {
	animation: logo-anim-keyframes 1s linear 0ms infinite normal forwards;
	-webkit-animation: logo-anim-keyframes 1s linear 0ms infinite normal forwards
}

#header {
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 40px;
	height: 90px
}

#navbar {
	width: 100%;
	position: fixed;
	z-index: 3;
	top: -30px;
	height: 80px;
	visibility: hidden;
	background-color: #fff
}

#navbar #navbar-padd {
	padding-top: 12px
}

#main-menu-padd {
	background-color: transparent
}

#main-menu-logo-link {
	position: relative;
	display: block;
	width: 66px;
	height: 66px
}

#main-menu-logo-image {
	width: 66px;
	height: 66px
}

#navbar-logo-image, #navbar-logo-link {
	position: relative;
	display: block;
	width: 56px;
	height: 56px
}

#main-menu {
	position: relative
}

#main-menu-logo-heart {
	width: 5.625%;
	position: fixed;
	top: 27px;
	left: 0;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	z-index: 2
}

#main-menu-logo-heart-activate-space {
	width: 100%;
	position: fixed;
	z-index: 2;
	height: 50px
}

#main-menu-logo-heart-image {
	width: 28px;
	height: 28px
}

#main-menu-logo-heart-dot {
	position: relative;
	height: 1px;
	top: -29px
}

#main-menu-logo-heart-dot-image {
	width: 17px;
	height: 17px;
	opacity: 0
}

#main-menu-sections {
	position: relative
}

.main-menu-btn {
	display: inline-block;
	margin-right: 11%
}

.main-menu-btn.last {
	margin-right: 0;
	position: absolute;
	right: 0
}

.main-menu-btn a {
	font-size: 22px;
	font-family: 'mali';
	text-decoration: none;
	display: block;
	position: relative
}

#lang-btn a, #navbar-lang-btn a {
	color: #000
}

#lang-btn a:hover, #navbar-lang-btn a:hover {
	color: #000
}

#lang-btn a:active, #navbar-lang-btn a:active {
	color: #000
}

.enabled-menu-btn {
	color: #000;
	position: relative
}

.disabled-menu-btn {
	color: #000 !important
}

.disabled-menu-btn::after {
	position: absolute;
	top: 130%;
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	opacity: 1 !important;
	-webkit-transform: translateY(0px) !important;
	-moz-transform: translateY(0px) !important;
	transform: translateY(0px) !important;
	background-color: #000
}

.enabled-menu-btn:active {
	color: #000 !important
}

.enabled-menu-btn:active::after {
	background-color: #000
}

.enabled-menu-btn::after, .project-filter-btn:after {
	position: absolute;
	top: 130%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px)
}

.enabled-menu-btn:hover::after, .project-filter-btn:hover::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px)
}

.enabled-menu-btn:hover {
	color: #000
}

#burger-btn {
	display: none
}

#side-menu {
	display: none
}

@media screen and (max-width:1088px) {
	#header {
		height: 81px
	}

	#navbar {
		height: 70px
	}

	.main-menu-btn a {
		font-size: 18px
	}

	.main-menu-btn {
		display: inline-block;
		margin-right: 11%
	}

	#main-menu-logo-link {
		width: 56px;
		height: 56px
	}

	#main-menu-logo-image {
		width: 56px;
		height: 56px
	}

	#navbar-logo-image, #navbar-logo-link {
		width: 45px;
		height: 45px
	}

	#main-menu-logo-heart-image {
		width: 23px;
		height: 23px
	}

	#main-menu-logo-heart-dot {
		top: -25px
	}

	#main-menu-logo-heart-dot-image {
		width: 12px;
		height: 12px
	}

	.enabled-menu-btn::after, .disabled-menu-btn::after {
		height: 1px
	}

}

@media screen and (max-width:850px) {
	#main-menu-logo-heart-btn {
		display: block
	}

	#header {
		position: fixed;
		top: 30px;
		padding-top: 0
	}

	#header #header-bg {
		display: none
	}

	#header:hover #header-bg {
		display: none
	}

	#navbar, #main-menu-logo-heart {
		display: none
	}

	#main-menu-logo-heart-activate-space {
		display: none
	}

	#header-background {
		display: none
	}

	#lang-btn a {
		font-size: 20px
	}

	#lang-btn {
		top: -10px;
		right: 60px
	}

	#main-menu-logo-link {
		width: 45px;
		height: 45px
	}

	#main-menu-logo-image {
		width: 45px;
		height: 45px
	}

	.mm-scn {
		display: none
	}

	#burger-btn {
		top: -5px;
		right: 0px;
		position: absolute;
		z-index: 0;
		display: block;
		width: 33px;
		height: 17px;
		background-image: url(../../img/mms/home/burger.svg);
		background-size: 66px 17px
	}

	#burger-btn:hover {
		background-position: -33px 0
	}

	#burger-btn:active {
		background-position: -33px 0
	}

	#side-menu {
		position: fixed;
		right: 0;
		width: 200px;
		background-color: #595955;
		height: 100%
	}

	#side-close-btn {
		width: 18px;
		height: 18px;
		margin-left: 20px;
		cursor: pointer;
		margin-top: 47px;
		margin-bottom: 51px;
		background-size: 36px 18px;
		position: relative;
		z-index: 0
	}

	#side-close-btn-left {
		width: 0px;
		height: 18px;
		top: 0px;
		left: 0px;
		position: absolute;
		z-index: -1;
		background-image: url(../../img/mms/home/close_left.svg)
	}

	#side-close-btn-right {
		width: 0px;
		height: 18px;
		top: 0px;
		left: 0px;
		position: absolute;
		z-index: -2;
		background-color: #595955;
		background-image: url(../../img/mms/home/close_right.svg)
	}

	#side-close-btn:hover {
		background-position: -18px 0
	}

	#side-close-btn:active {
		background-position: 0 0
	}

	@-webkit-keyframes side-close-btn-left-keyframes {
		0% {
			width: 0px
		}

		100% {
			width: 18px
		}

	}

	@keyframes side-close-btn-left-keyframes {
		0% {
			width: 0px
		}

		100% {
			width: 18px
		}

	}

	.side-close-btn-left-animation {
		-webkit-animation: side-close-btn-left-keyframes 300ms linear 350ms forwards;
		animation: side-close-btn-left-keyframes 300ms linear 350ms forwards
	}

	@-webkit-keyframes side-close-btn-right-keyframes {
		0% {
			width: 0px
		}

		100% {
			width: 18px
		}

	}

	@keyframes side-close-btn-right-keyframes {
		0% {
			width: 0px
		}

		100% {
			width: 18px
		}

	}

	.side-close-btn-right-animation {
		-webkit-animation: side-close-btn-right-keyframes 300ms linear 550ms forwards;
		animation: side-close-btn-right-keyframes 300ms linear 550ms forwards
	}

	@-webkit-keyframes lang-btn-keyframes {
		0% {
			right: 60px
		}

		100% {
			right: 0px
		}

	}

	@keyframes lang-btn-keyframes {
		0% {
			right: 60px
		}

		100% {
			right: 0px
		}

	}

	.side-lang-btn-animation {
		-webkit-animation: lang-btn-keyframes 300ms ease-out forwards;
		animation: lang-btn-keyframes 300ms ease-out forwards
	}

	@-webkit-keyframes lang-btn-keyframes-reversed {
		0% {
			right: 0px
		}

		100% {
			right: 60px
		}

	}

	@keyframes lang-btn-keyframes-reversed {
		0% {
			right: 0px
		}

		100% {
			right: 60px
		}

	}

	.side-lang-btn-animation-reversed {
		-webkit-animation: lang-btn-keyframes-reversed 300ms ease-out forwards;
		animation: lang-btn-keyframes-reversed 300ms ease-out forwards
	}

	@-webkit-keyframes burger-btn-keyframes {
		0% {
			opacity: 1
		}

		100% {
			opacity: 0
		}

	}

	@keyframes burger-btn-keyframes {
		0% {
			opacity: 1
		}

		100% {
			opacity: 0
		}

	}

	.side-burger-btn-animation {
		-webkit-animation: burger-btn-keyframes 150ms ease-out forwards;
		animation: burger-btn-keyframes 150ms ease-out forwards
	}

	@-webkit-keyframes burger-btn-keyframes-reversed {
		0% {
			opacity: 0
		}

		100% {
			opacity: 1
		}

	}

	@keyframes burger-btn-keyframes-reversed {
		0% {
			opacity: 0
		}

		100% {
			opacity: 1
		}

	}

	.side-burger-btn-animation-reversed {
		-webkit-animation: burger-btn-keyframes-reversed 800ms linear forwards;
		animation: burger-btn-keyframes-reversed 800ms linear forwards
	}

	#side-menu {
		display: block
	}

	#side-menu a {
		display: block;
		margin-left: 20px
	}

	#side-menu-sections a {
		font-family: 'mali';
		text-decoration: none;
		color: #fff;
		font-size: 20px;
		line-height: 160%
	}

	#side-menu-sections a:hover {
		color: #939393
	}

	#side-menu-sections a:active {
		color: #fff
	}

	#side-menu-sections a.selected {
		color: #939393
	}

	.site-move-transition {
		-webkit-transition-property: transform;
		-webkit-transition-duration: 500ms;
		-webkit-transition-timing-function: ease;
		transition-property: transform;
		transition-duration: 500ms;
		transition-timing-function: ease
	}

	.site-translate-x {
		-ms-transform: translate(-200px, 0);
		-webkit-transform: translate(-200px, 0);
		transform: translate(-200px, 0)
	}

}

#main-video-container {
	position: relative;
	margin-top: -150px;
	width: 100vw;
	height: 100vh;
	overflow: hidden
}

#main-video-container div#arrow {
	background: url(/img/mms/home/Strzalka.svg) no-repeat center center;
	height: 37px;
	position: absolute;
	bottom: 105px;
	z-index: 999;
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	transition: opacity 1s
}

#main-video-container div#arrow.show {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	transition: opacity 1s
}

#main-video-container div#arrow.animate {
	-moz-animation-name: arrow;
	-webkit-animation-name: arrow;
	animation-name: arrow;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-moz-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
	animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

#main-video-container #scroll-area {
	position: absolute;
	height: 142px;
	width: 100%;
	bottom: 0;
	z-index: 1000
}

@-moz-keyframes arrow {
	0% {
		-moz-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-moz-transform: translateY(80px);
		transform: translateY(80px)
	}

	100% {
		-moz-transform: translateY(0);
		transform: translateY(0)
	}

}

@-webkit-keyframes arrow {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(80px);
		transform: translateY(80px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

}

@keyframes arrow {
	0% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-moz-transform: translateY(80px);
		-ms-transform: translateY(80px);
		-webkit-transform: translateY(80px);
		transform: translateY(80px)
	}

	100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

}

#main-video {
	min-width: 100vw;
	min-height: 100vh;
	position: absolute;
	z-index: 1;
	visibility: hidden;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

#main-video-placeholder {
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	visibility: hidden
}

#main-video-positioner {
	visibility: hidden;
	width: 100%;
	position: relative;
	z-index: 0
}

#main-video-placeholder-play {
	display: none;
	width: 77px;
	height: 77px;
	background: url(../../img/mms/home/play.svg);
	margin: auto;
	position: relative;
	top: -80px
}

#main-video-tagline {
	font-family: 'mabo';
	line-height: 120%;
	font-size: 82px;
	color: #F7F7F2;
	position: absolute;
	z-index: 3;
	margin-top: 120px
}

#main-video-tagline-mobile {
	display: none
}

@media all and (orientation:portrait) {
	#main-video {
		visibility: hidden;
		min-height: 100% !important;
		width: 100% !important;
		top: 0 !important;
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		left: 0 !important
	}

	#main-video-container {
		margin-top: 0 !important;
		width: 100%;
		height: auto
	}

}

#main-projects-container {
	padding-top: 120px
}

.main-project-element {
	width: 31.9014085%;
	margin-right: 2.1478873%;
	display: inline-block;
	margin-bottom: 2.1478873%;
	position: relative;
	top: 0px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px
}

.main-project-element.hidden {
	display: none !important
}

.main-project-element .img-container {
	position: absolute;
	width: 100%;
	height: inherit;
	top: 0;
	left: 0;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

.main-project-element .img-container.show {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

.main-project-element .main-project-element-text {
	position: absolute;
	top: 0;
	margin: 5%;
	font-family: 'mali';
	font-size: 18px;
	z-index: 3;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.5s ease 0s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.5s ease 0s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 0.5s ease 0s, opacity 0.5s ease 0s
}

.main-project-element .main-project-element-text.show {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

.main-project-element.second .img-container.show, .main-project-element.second .main-project-element-text.show {
	-moz-transition: -moz-transform 1.3s ease 0.1s, opacity 1.3s ease 0.1s;
	-o-transition: -o-transform 1.3s ease 0.1s, opacity 1.3s ease 0.1s;
	-webkit-transition: -webkit-transform 1.3s ease, opacity 1.3s ease;
	-webkit-transition-delay: 0.1s, 0.1s;
	transition: transform 1.3s ease 0.1s, opacity 1.3s ease 0.1s
}

.main-project-element.third .img-container.show, .main-project-element.third .main-project-element-text.show {
	-moz-transition: -moz-transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s;
	-o-transition: -o-transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s;
	-webkit-transition: -webkit-transform 1.2s ease, opacity 1.2s ease;
	-webkit-transition-delay: 0.2s, 0.2s;
	transition: transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s
}

.main-project-element.third {
	margin-right: 0
}

.main-project-mobile-positioner {
	position: relative;
	visibility: hidden;
	z-index: 0
}

.main-project-element a, .main-project-element-btn {
	display: block;
	width: 100%;
	text-decoration: none;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0
}

.main-project-element.last {
	display: none
}

.main-project-element:nth-child(7), .main-project-element:nth-child(8), .main-project-element:nth-child(9) {
	padding-bottom: 0
}

.main-project-element-text .client {
	padding-bottom: 4px;
	color: #000
}

.main-project-element-text.invert .client {
	color: #fff
}

.main-project-element-text .title {
	color: #939393
}

.main-project-image-hover {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	visibility: hidden
}

.main-project-mobile-apla {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: none
}

#main-more-projects {
	padding-top: 90px;
	padding-bottom: 90px;
	position: relative
}

#main-more-projects .main-more-btn {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.5s ease 0s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.5s ease 0s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 0.5s ease 0s, opacity 0.5s ease 0s
}

#main-more-projects.show .main-more-btn {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

.main-more-btn:before {
	content: "\0000a0";
	background: url(../../img/mms/home/plus.svg) no-repeat;
	width: 26px;
	height: 26px;
	display: inline-block;
	vertical-align: middle;
	padding-right: 20px;
	position: relative;
	top: -2px
}

.main-more-btn {
	display: inline-block;
	font-family: 'mali';
	font-size: 22px;
	color: #939393;
	line-height: 26px;
	text-decoration: none
}

.main-more-btn:hover {
	color: #000
}

.main-more-btn:active {
	color: #939393
}

#main-about {
	position: relative;
	overflow: hidden
}

#main-about p, #main-about img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

#main-about p.show, #main-about img.show {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s;
	-o-transition: -o-transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s;
	-webkit-transition: -webkit-transform 1.2s ease, opacity 0.8s ease;
	-webkit-transition-delay: 0.2s, 0.2s;
	transition: transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s
}

#main-about img.show {
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 0.8s ease 0.2s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 0.8s ease 0.2s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 0.8s ease;
	-webkit-transition-delay: 0s, 0.2s;
	transition: transform 1.4s ease 0s, opacity 0.8s ease 0.2s
}

#main-about a {
	color: #939393;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease;
	text-decoration: none
}

#main-about a:hover {
	color: black;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	transition: color 0.4s ease
}

#main-about p {
	font-family: 'mali';
	font-size: 22px;
	line-height: 150%;
	color: #000;
	padding-bottom: 36px
}

#main-about .main-more-btn:before {
	background: url(../../img/mms/home/aboutbtn.svg) no-repeat
}

#main-about .col12.mobile {
	display: none
}

#help-line {
	position: fixed;
	width: 100%;
	height: 1px;
	background-color: red;
	top: 661px;
	z-index: 1000;
	display: none
}

@media screen and (max-width:1088px) {
	#container {
		padding-top: 140px
	}

	#main-video-tagline {
		font-size: 64px;
		margin-top: 64px
	}

	#main-projects-container {
		padding-top: 44px
	}

	.main-project-element {
		width: 47.9166667%;
		margin-right: 4.1666667% !important;
		padding-bottom: 4.1666667%
	}

	.main-project-element.second {
		margin-right: 0 !important
	}

	.main-project-element.last {
		display: inline-block
	}

	.main-project-element:nth-child(7), .main-project-element:nth-child(8) {
		padding-bottom: 4.1666667%
	}

	.main-project-element:nth-child(9), .main-project-element:nth-child(10) {
		padding-bottom: 0
	}

	#main-more-projects {
		padding-top: 66px;
		padding-bottom: 66px
	}

	.main-more-btn {
		font-size: 18px
	}

	.main-more-btn:before {
		top: -1px
	}

	#main-about p {
		font-size: 18px;
		padding-right: 1em
	}

}

@media screen and (max-width:850px) {
	#container {
		padding-top: 114px
	}

	.site-padd {
		padding-left: 7%;
		padding-right: 7%
	}

	#main-video-tagline {
		display: none
	}

	#main-video-tagline-mobile {
		display: block;
		font-family: 'mabo';
		line-height: 120%;
		color: #000;
		font-size: 32px;
		padding-bottom: 38px;
		letter-spacing: 0
	}

	#main-video-tagline-mobile br {
		display: none
	}

	#main-projects-container {
		padding-top: 38px
	}

	.main-project-element-btn {
		line-height: 1px;
		font-size: 1px
	}

	.main-project-element-text {
		opacity: 0
	}

	.main-project-element-text .client, .main-project-element-text .title {
		font-size: 12px;
		color: #FFF !important
	}

	#main-more-projects .col4 {
		display: none
	}

	#main-more-projects .col8 {
		width: 100%
	}

	.main-more-btn {
		font-size: 20px
	}

	.main-more-btn:before {
		top: -2px
	}

	#main-more-projects {
		padding-top: 42px;
		padding-bottom: 80px
	}

	.main-project-mobile-apla {
		opacity: 0;
		display: block
	}

	.main-project-image-hover {
		display: none
	}

	#main-about .col4 {
		display: none
	}

	#main-about .col8 {
		width: 100%
	}

	#main-about p {
		font-size: 20px;
		padding-right: 0;
		padding-bottom: 42px
	}

	#main-about .col12.mobile {
		display: block;
		padding-top: 48px
	}

}

@media screen and (max-width:450px) {
	#main-about p {
		font-size: 18px
	}

	.main-more-btn {
		font-size: 18px
	}

}

#footer {
	width: 100%;
	padding-top: 90px;
	padding-bottom: 180px;
	box-sizing: border-box
}

#footer-name a:hover {
	opacity: .25
}

#footer-name img {
	width: 188px;
	height: 24px
}

#footer-address {
	font-family: 'mali';
	font-size: 22px;
	color: #000;
	line-height: 150%;
	padding-top: 0px
}

#footer-address a {
	color: #939393;
	text-decoration: none
}

#footer-address a:hover {
	color: #000
}

#footer-address a:active {
	color: #939393
}

#footer-socials {
	display: inline-block;
	padding-top: 8px
}

.footer-social-btn {
	display: inline-block;
	background: url(../../img/mms/home/socials.svg) no-repeat;
	background-size: 212px 52px;
	height: 26px;
	margin-right: 40px
}

.footer-social-btn.last {
	margin-right: 0
}

#social-behance {
	width: 36px;
	background-position: 0px -26px
}

#social-behance:hover {
	opacity: 0.6
}

#social-behance:active {
	background-position: 0px -26px
}

#social-fb {
	width: 23px;
	margin-right: 30px;
	background-position: -72px -26px
}

#social-fb:hover {
	opacity: 0.6
}

#social-fb:active {
	background-position: -72px -26px
}

#social-vimeo {
	width: 28px;
	background-position: -120px -26px
}

#social-vimeo:hover {
	opacity: 0.6
}

#social-vimeo:active {
	background-position: -120px -26px
}

#social-insta {
	width: 26px;
	background-position: -186px -26px
}

#social-insta:hover {
	opacity: 0.6
}

#social-insta:active {
	background-position: -186px -26px
}

@media screen and (max-width:1088px) {
	#footer {
		padding-top: 66px;
		padding-bottom: 120px
	}

	#footer-address {
		font-size: 18px
	}

}

@media screen and (max-width:850px) {
	#footer {
		padding-top: 90px;
		padding-bottom: 12%
	}

	#footer-name {
		font-size: 24px
	}

	#footer-name img {
		width: 141px;
		height: 18px
	}

	#footer-address {
		font-size: 16px;
		padding-left: 15%;
		width: auto;
		padding-top: 2px
	}

	#footer-socials {
		padding-left: 49%;
		padding-top: 8%
	}

	.footer-social-btn {
		margin-right: 20px
	}

	#social-fb {
		margin-right: 10px
	}

}

@media screen and (max-width:450px) {
	#footer {
		padding-top: 20%
	}

	#footer-address {
		display: block;
		padding-left: 0;
		padding-top: 7%;
		width: 100%
	}

	#footer-socials {
		display: block;
		padding-left: 0;
		width: 100%;
		padding-top: 12%
	}

}

#project .project-single-row {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden
}

#project .project-single-row img {
	position: relative;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

#project .project-single-row img.show {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

#project .project-single-row img.second.show {
	-moz-transition: -moz-transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s;
	-o-transition: -o-transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s;
	-webkit-transition: -webkit-transform 1.2s ease, opacity 0.8s ease;
	-webkit-transition-delay: 0.2s, 0.2s;
	transition: transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s
}

.pbox-vid-cont {
	position: relative
}

.project-video-placholder {
	position: relative;
	width: 100%;
	z-index: 2
}

.project-video-placeholder-img {
	width: 100%
}

.project-video-placeholder-play-container {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}

.project-video-placeholder-play {
	display: block;
	width: 112px;
	height: 112px;
	background: url(../../img/mms/projectsingle/play_btn.svg);
	background-size: 224px 112px;
	margin: auto;
	position: relative;
	display: none
}

.project-video-placeholder-play:hover {
	background-position: -112px 0
}

.project-video-placeholder-play:active {
	background-position: 0 0
}

.project-video-iframe {
	width: 100%;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0
}

#project-title {
	color: #000
}

#project-title-client {
	font-family: 'mabo';
	font-size: 52px;
	line-height: 130%;
	margin-bottom: 12px
}

#project-title-title {
	font-family: 'mali';
	font-size: 22px;
	line-height: 130%;
	margin-top: 0px
}

.project-single-row {
	margin-bottom: 60px;
	margin-top: 60px
}

.project-single-txtimg-txt {
	font-family: 'mali';
	line-height: 140%;
	color: #000;
	font-size: 22px;
	width: 92%;
	padding-left: 4%;
	position: relative;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

.project-single-txtimg-txt.show {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s;
	-o-transition: -o-transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s;
	-webkit-transition: -webkit-transform 1.2s ease, opacity 0.8s ease;
	-webkit-transition-delay: 0.2s, 0.2s;
	transition: transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s
}

.project-similiar-projects {
	position: relative;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

.project-similiar-projects.show {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

.project-similiar-projects.second.show {
	-moz-transition: -moz-transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s;
	-o-transition: -o-transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s;
	-webkit-transition: -webkit-transform 1.2s ease, opacity 0.8s ease;
	-webkit-transition-delay: 0.2s, 0.2s;
	transition: transform 1.2s ease 0.2s, opacity 0.8s ease 0.2s
}

.project-single-txtimg-txt a {
	text-decoration: none;
	color: #939393
}

.project-single-txtimg-txt a:hover {
	color: #000
}

.project-single-txtimg-txt a:active {
	color: #939393
}

.project-single-txtimg-txt h3 {
	font-size: 32px;
	line-height: 140%;
	margin: 0;
	padding-bottom: 45px
}

.project-single-txtimg-txt h4 {
	font-size: 18px;
	line-height: 140%;
	margin: 0
}

.project-single-txtimg-img {
	width: 96%
}

.project-single-img2-img {
	width: 96%
}

.project-single-img2-img.second {
	padding-left: 4%
}

.project-single-txtimg-img-container-mobile {
	display: none !important
}

#project-similiar-projects {
	color: #000;
	font-family: 'mali';
	font-size: 22px;
	line-height: 100%;
	margin-top: 90px
}

#main-projects-container.similiar-projects {
	padding-top: 90px
}

.similiar-projects .main-project-element:nth-child(1), .similiar-projects .main-project-element:nth-child(2), .similiar-projects .main-project-element:nth-child(3) {
	padding-bottom: 0
}

.project-single-filters {
	padding-top: 90px;
	padding-bottom: 20px
}

#project-other-projects {
	color: #000;
	font-family: 'mali';
	font-size: 22px;
	line-height: 100%
}

#project-other-projects-mobile {
	display: none
}

@media screen and (max-width:1280px) {
	.project-single-txtimg .col6.col-align-middle {
		vertical-align: top
	}

	.project-single-txtimg-txt {
		position: relative;
		top: -7px
	}

}

@media screen and (max-width:1088px) {
	#project-title-client {
		font-size: 47px;
		margin-bottom: 12px
	}

	#project-title-title {
		font-size: 18px;
		margin-top: 0px
	}

	.project-single-row {
		margin-bottom: 42px;
		margin-top: 42px
	}

	.project-single-txtimg-txt {
		font-size: 18px
	}

	.project-single-txtimg-txt h3 {
		font-size: 29px;
		margin: 0;
		padding-bottom: 26px
	}

	.project-single-txtimg-txt h4 {
		font-size: 16px
	}

	#main-projects-container.similiar-projects {
		padding-top: 50px
	}

	.similiar-projects .main-project-element:nth-child(1), .similiar-projects .main-project-element:nth-child(2) {
		padding-bottom: 4.1666667%
	}

	.similiar-projects .main-project-element:nth-child(3), .similiar-projects .main-project-element:nth-child(4) {
		padding-bottom: 0
	}

	#project-similiar-projects {
		margin-top: 70px;
		margin-bottom: 20px
	}

	.project-single-filters {
		padding-top: 70px
	}

	#project-other-projects {
		font-size: 18px
	}

}

@media screen and (max-width:980px) {
	#project-other-projects-mobile {
		display: block;
		padding-bottom: 45px;
		color: #000;
		font-family: 'mali';
		font-size: 22px;
		line-height: 100%
	}

}

@media screen and (max-width:850px) {
	#project-title .col4 {
		display: none
	}

	#project-title .col8 {
		width: 100%
	}

	.project-single-txtimg .col6 {
		display: block;
		width: 100%
	}

	.project-single-txtimg-img {
		width: 100%
	}

	.project-single-txtimg-txt {
		width: 100%;
		top: 0;
		padding-left: 0;
		position: static
	}

	#project-title-client {
		font-size: 32px;
		margin-bottom: 12px
	}

	#project-title-title {
		font-size: 20px;
		margin-top: 0px
	}

	.project-single-txtimg-txt-container {
		margin-top: 42px
	}

	.project-single-txtimg-img-container-mobile {
		display: block !important;
		margin-top: 42px
	}

	.project-single-txtimg-img-container-desktop {
		display: none !important
	}

	.project-single-img2-img-container {
		display: block;
		width: 100%
	}

	.project-single-img2-img {
		width: 100%;
		padding-left: 0 !important
	}

	.project-single-img2-img.second {
		margin-top: 42px
	}

	#main-projects-container.similiar-projects {
		padding-top: 50px
	}

	#project-similiar-projects {
		margin-top: 70px;
		margin-bottom: 0px
	}

}

@media screen and (max-width:450px) {
	#project-other-projects-mobile {
		display: none
	}

	.project-single-filters #projects-all-filters-desktop .col4 {
		display: block;
		width: 100%;
		font-size: 22px;
		padding-bottom: 45px
	}

}

.projects-all .main-project-element:last-child {
	display: inline-block
}

#projects-all-filters-mobile {
	display: none
}

.project-filter-btn {
	font-family: 'mali';
	font-size: 22px;
	line-height: 140%;
	text-decoration: none;
	margin-right: 6%;
	display: inline-block
}

.js-enabled-menu-btn {
	color: #000;
	position: relative;
	cursor: pointer
}

.js-enabled-menu-btn:hover {
	color: #000
}

.js-enabled-menu-btn:active {
	color: #000 !important
}

.filter-line {
	position: absolute;
	top: 130%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
	content: '';
	opacity: 0
}

#projects-all-filters-desktop br {
	display: none
}

.project-filter-btn.last {
	margin-right: 0
}

#main-projects-container.projects-all {
	padding-top: 75px
}

.fade-out-transition {
	-webkit-transition: left 600ms ease-out 0s;
	transition: left 600ms ease-out 0s
}

.fade-in-transition {
	-webkit-transition: left 600ms ease-out 0s;
	transition: left 600ms ease-out 0s
}

.fade-in-transition-opacity {
	-webkit-transition: opacity 600ms ease-out 0s;
	transition: opacity 600ms ease-out 0s
}

@media screen and (max-width:1350px) {
	.project-filter-btn {
		margin-right: 3%
	}

}

@media screen and (max-width:1088px) {
	.projects-all .main-project-element:nth-child(7), .projects-all .main-project-element:nth-child(8) {
		padding-bottom: 4.1666667%
	}

	.projects-all .main-project-element:nth-child(9), .projects-all .main-project-element:nth-child(10) {
		padding-bottom: 4.1666667%
	}

	.project-filter-btn {
		font-size: 18px;
		margin-right: 4%
	}

}

@media screen and (max-width:980px) {
	.project-filter-btn {
		margin-right: 8%
	}

	.project-filter-btn.enabled-menu-btn::after {
		top: 110%
	}

	.project-filter-btn.first-line {
		margin-bottom: 12px
	}

	.col4.last {
		padding-right: 0
	}

	#projects-all-filters-mobile {
		display: block
	}

	#projects-all-filters-desktop {
		display: none
	}

}

@media screen and (max-width:850px) {
	.project-filter-btn.enabled-menu-btn::after {
		display: none
	}

	#main-projects-container.projects-all {
		padding-top: 40px
	}

	.filter-line {
		display: none
	}

	.project-filter-btn:after {
		display: none
	}

}

@media screen and (max-width:450px) {
	#projects-all-filters-mobile {
		display: none
	}

	#projects-all-filters-desktop {
		display: block
	}

	#projects-all-filters-desktop .col4 {
		display: none
	}

	.project-filter-btn {
		padding-bottom: 0;
		line-height: 180%
	}

	#projects-all-filters-desktop br {
		display: block
	}

}

.hydra-slider-slides img {
	width: 100%
}

#aboutus-title {
	color: #000
}

#aboutus-title-title {
	font-family: 'mabo';
	font-size: 52px;
	line-height: 130%;
	margin-bottom: 22px
}

#aboutus-title-desc {
	font-family: 'mali';
	font-size: 32px;
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: 70px;
	width: 90%
}

.aboutus-lead {
	font-family: 'mali';
	font-size: 32px;
	line-height: 130%;
	color: #000
}

.aboutus-content {
	font-family: 'mali';
	font-size: 22px;
	line-height: 150%;
	color: #000
}

#aboutus-slider-desc {
	padding-top: 90px
}

.aboutus-row {
	padding-bottom: 90px
}

#aboutus-draw1 {
	width: 100%
}

#aboutus-slider-desc .aboutus-content {
	position: relative;
	top: 5px
}

#aboutus-philosophy .aboutus-content .aboutus-lead {
	padding-bottom: 35px
}

#aboutus-philosophy .aboutus-content .aboutus-content {
	padding-bottom: 60px
}

#aboutus-philosophy .aboutus-content .aboutus-content.last {
	padding-bottom: 0px
}

#aboutus-awards, #aboutus-team-text {
	padding-top: 90px
}

#aboutus-awards .aboutus-content {
	position: relative;
	top: 5px
}

#aboutus-awards img {
	width: 100%;
	display: block;
	padding-top: 60px
}

.image-row {
	font-size: 1px
}

#aboutus-team-text .aboutus-content {
	position: relative;
	top: 5px
}

.aboutus-team-board-block {
	display: inline-block;
	width: 31.9014085%;
	margin-right: 2.1478873%
}

.aboutus-team-board-block-space {
	display: inline-block;
	width: 100%;
	height: 80px
}

.aboutus-team-board-block.last {
	margin-right: 0
}

.aboutus-team-board-name {
	font-family: 'mali';
	font-size: 32px;
	line-height: 130%;
	color: #000;
	padding-bottom: 28px
}

.aboutus-team-board-contact {
	font-family: 'mali';
	font-size: 22px;
	line-height: 150%;
	color: #000;
	padding-bottom: 56px
}

.aboutus-team-board-block img {
	display: block;
	padding-bottom: 56px
}

.aboutus-team-board-contact a {
	color: #939393;
	text-decoration: none
}

.aboutus-team-board-contact a:hover {
	color: #000
}

.aboutus-team-board-contact a:active {
	color: #939393
}

.aboutus-team-board-desc {
	font-family: 'mali';
	font-size: 18px;
	line-height: 150%;
	color: #000
}

.aboutus-row.last {
	padding-bottom: 140px
}

.aboutus-competence-column {
	display: inline-block;
	vertical-align: top;
	width: 31.9014085%;
	margin-right: 2.1478873%
}

.aboutus-competence-column.last {
	margin-right: 0
}

.aboutus-competence-column .aboutus-lead {
	padding-bottom: 34px
}

.aboutus-competence-extra-column {
	display: none
}

.aboutus-line {
	width: 100%;
	height: 1px;
	background-color: #000;
	top: -90px
}

#aboutus-clients {
	padding-top: 90px
}

#aboutus-clients .one-third-column {
	display: inline-block;
	vertical-align: top;
	width: 31.9014085%;
	margin-right: 2.1478873%
}

#aboutus-clients .one-third-column.last {
	margin-right: 0
}

#aboutus-clients .two-columns {
	display: none
}

.animatable, .aboutus-team-board-block {
	position: relative
}

.aboutus-team-board-block .image-container {
	margin-bottom: 56px;
	position: relative;
	overflow: hidden
}

.aboutus-team-board-block .image-container img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

.aboutus-team-board-block .aboutus-team-board-name, .aboutus-team-board-block .aboutus-team-board-contact, .aboutus-team-board-block .aboutus-team-board-desc {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

.aboutus-team-board-block.show .image-container img {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

.aboutus-team-board-block.show .aboutus-team-board-name, .aboutus-team-board-block.show .aboutus-team-board-contact, .aboutus-team-board-block.show .aboutus-team-board-desc {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

.aboutus-team-board-block.second.show .image-container img {
	-moz-transition: -moz-transform 1.3s ease 0.1s, opacity 1.3s ease 0.1s;
	-o-transition: -o-transform 1.3s ease 0.1s, opacity 1.3s ease 0.1s;
	-webkit-transition: -webkit-transform 1.3s ease, opacity 1.3s ease;
	-webkit-transition-delay: 0.1s, 0.1s;
	transition: transform 1.3s ease 0.1s, opacity 1.3s ease 0.1s
}

.aboutus-team-board-block.second.show .aboutus-team-board-name, .aboutus-team-board-block.second.show .aboutus-team-board-contact, .aboutus-team-board-block.second.show .aboutus-team-board-desc {
	-moz-transition: -moz-transform 1.3s ease 0.1s, opacity 1.3s ease 0.1s;
	-o-transition: -o-transform 1.3s ease 0.1s, opacity 1.3s ease 0.1s;
	-webkit-transition: -webkit-transform 1.3s ease, opacity 1.3s ease;
	-webkit-transition-delay: 0.1s, 0.1s;
	transition: transform 1.3s ease 0.1s, opacity 1.3s ease 0.1s
}

.aboutus-team-board-block.third.show .image-container img {
	-moz-transition: -moz-transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s;
	-o-transition: -o-transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s;
	-webkit-transition: -webkit-transform 1.2s ease, opacity 1.2s ease;
	-webkit-transition-delay: 0.2s, 0.2s;
	transition: transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s
}

.aboutus-team-board-block.third.show .aboutus-team-board-name, .aboutus-team-board-block.third.show .aboutus-team-board-contact, .aboutus-team-board-block.third.show .aboutus-team-board-desc {
	-moz-transition: -moz-transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s;
	-o-transition: -o-transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s;
	-webkit-transition: -webkit-transform 1.2s ease, opacity 1.2s ease;
	-webkit-transition-delay: 0.2s, 0.2s;
	transition: transform 1.2s ease 0.2s, opacity 1.2s ease 0.2s
}

.animatable.aboutus-row .left-title, .animatable.aboutus-row .right-content, .animatable.aboutus-row .aboutus-line {
	position: relative;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

.animatable.aboutus-row.show .left-title, .animatable.aboutus-row.show .right-content, .animatable.aboutus-row.show .aboutus-line {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

.animatable#aboutus-title #aboutus-title-title, .animatable#aboutus-title #aboutus-title-desc {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

.animatable#aboutus-title.show #aboutus-title-title, .animatable#aboutus-title.show #aboutus-title-desc {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

.animatable.hydra-slider {
	overflow: hidden
}

.animatable.hydra-slider .hydra-slider-slides {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

.animatable.hydra-slider.show .hydra-slider-slides {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

.animatable#aboutus-slider-desc .aboutus-lead, .animatable#aboutus-slider-desc .aboutus-content {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

.animatable#aboutus-slider-desc.show .aboutus-lead, .animatable#aboutus-slider-desc.show .aboutus-content {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

.animatable.image-row {
	overflow: hidden
}

.animatable.image-row img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transform: translateY(20rem);
	-ms-transform: translateY(20rem);
	-webkit-transform: translateY(20rem);
	transform: translateY(20rem);
	-moz-transition: -moz-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition: -o-transform 0.5s ease 0s, opacity 0.4s ease 0.1s;
	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease;
	-webkit-transition-delay: 0s, 0.1s;
	transition: transform 0.5s ease 0s, opacity 0.4s ease 0.1s
}

.animatable.image-row.show img {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 1.4s ease 0s, opacity 1s ease 0s;
	-o-transition: -o-transform 1.4s ease 0s, opacity 1s ease 0s;
	-webkit-transition: -webkit-transform 1.4s ease, opacity 1s ease;
	-webkit-transition-delay: 0s, 0s;
	transition: transform 1.4s ease 0s, opacity 1s ease 0s
}

@media screen and (max-width:1088px) {
	.hydra-slider-arr-left, .hydra-slider-arr-right {
		width: 51px;
		height: 20px;
		background-size: 102px 20px
	}

	.hydra-slider-arr-left:hover, .hydra-slider-arr-right:hover {
		background-position: -51px 0
	}

	#aboutus-title-title {
		font-size: 47px;
		margin-bottom: 18px
	}

	#aboutus-title-desc {
		font-size: 18px;
		width: 80%;
		margin-bottom: 40px;
		line-height: 150%
	}

	.aboutus-lead {
		font-size: 29px
	}

	.aboutus-content {
		font-size: 18px
	}

	#aboutus-slider-desc {
		padding-top: 70px
	}

	.aboutus-row {
		padding-bottom: 70px
	}

	#aboutus-awards img {
		padding-top: 45px
	}

	.aboutus-team-board-name {
		font-size: 29px;
		padding-bottom: 28px
	}

	.aboutus-team-board-contact {
		font-size: 18px;
		padding-bottom: 56px
	}

	.aboutus-team-board-desc {
		font-size: 18px
	}

	.aboutus-row.last {
		padding-bottom: 120px
	}

	.aboutus-competence-extra-column {
		display: block;
		padding-top: 34px
	}

	.aboutus-competence-column.last {
		display: none
	}

	.aboutus-competence-column {
		width: 48%;
		margin-right: 2%
	}

	#aboutus-awards, #aboutus-team-text {
		padding-top: 70px
	}

	#aboutus-clients {
		padding-top: 70px
	}

	#aboutus-clients .two-columns {
		display: inline-block
	}

	#aboutus-clients .three-columns {
		display: none
	}

	#aboutus-clients .one-half-column {
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin-right: 2%
	}

}

@media screen and (max-width:850px) {
	.hydra-slider-arr-left, .hydra-slider-arr-right {
		width: 32px;
		height: 13px;
		background-size: 64px 13px
	}

	.hydra-slider-arr-left {
		left: -15px
	}

	.hydra-slider-arr-right {
		right: -15px
	}

	.hydra-slider-arr-left:hover, .hydra-slider-arr-right:hover {
		background-position: -32px 0
	}

	#aboutus-title .col4 {
		display: none
	}

	#aboutus-title .col8 {
		width: 100%
	}

	#aboutus-title-title {
		font-size: 32px;
		margin-bottom: 34px
	}

	#aboutus-title-desc {
		font-size: 20px;
		width: 100%;
		margin-bottom: 46px
	}

	.aboutus-lead {
		font-size: 32px
	}

	.aboutus-content {
		font-size: 20px
	}

	#aboutus-slider-desc .col4 {
		display: block;
		width: 100%;
		padding-bottom: 28px
	}

	#aboutus-slider-desc .col8 {
		display: block;
		width: 100%
	}

	#aboutus-slider-desc {
		padding-top: 43px
	}

	#aboutus-philosophy .col4 {
		display: block;
		width: 100%
	}

	#aboutus-philosophy .col8 {
		display: block;
		width: 100%
	}

	#aboutus-philosophy .aboutus-content .aboutus-content {
		padding-bottom: 85px
	}

	.aboutus-sublead {
		font-size: 20px;
		padding-bottom: 32px
	}

	.aboutus-row {
		padding-bottom: 85px
	}

	.aboutus-row.image-row {
		padding-bottom: 46px
	}

	#aboutus-awards .col4 {
		display: block;
		width: 100%;
		padding-bottom: 35px
	}

	#aboutus-awards img {
		padding-top: 40px
	}

	#aboutus-awards .col8 {
		display: block;
		width: 100%
	}

	#aboutus-team-text .col4 {
		display: block;
		width: 100%;
		padding-bottom: 32px
	}

	#aboutus-team-text .col8 {
		display: block;
		width: 100%
	}

	.aboutus-team-board-block {
		display: block;
		width: 100%;
		margin-right: 0
	}

	.aboutus-team-board-block-space {
		display: none
	}

	.aboutus-team-board-name {
		font-size: 32px;
		padding-bottom: 36px
	}

	.aboutus-team-board-contact {
		font-size: 20px;
		padding-bottom: 40px
	}

	.aboutus-team-board-desc {
		font-size: 20px;
		padding-bottom: 56px
	}

	.aboutus-row.last {
		padding-bottom: 20px
	}

	#aboutus-competence .col4 {
		display: block;
		width: 100%
	}

	#aboutus-competence .col8 {
		display: block;
		width: 100%
	}

	#aboutus-clients .col4 {
		display: block;
		width: 100%
	}

	#aboutus-clients .two-columns {
		display: block;
		width: 100%
	}

	#aboutus-clients .aboutus-lead {
		padding-bottom: 36px
	}

}

@media screen and (max-width:590px) {
	.aboutus-competence-extra-column {
		display: none
	}

	.aboutus-competence-column.last {
		display: block;
		padding-bottom: 0
	}

	.aboutus-competence-column {
		width: 100%;
		display: block;
		padding-bottom: 35px
	}

	#aboutus-clients .one-half-column {
		display: block;
		width: 100%
	}

	.aboutus-team-board-block .image-container {
		margin-bottom: 0px
	}

	.aboutus-team-board-block img {
	padding-bottom: 46px
}

}

#contact-title {
	color: #000
}

#contact-title-title {
	font-family: 'mabo';
	font-size: 52px;
	line-height: 130%;
	margin-bottom: 22px
}

#contact-title-desc {
	font-family: 'mali';
	font-size: 32px;
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: 70px;
	width: 70%
}

#contact-map {
	width: 100%
}

#contact-footer {
	margin-top: 60px;
	padding-bottom: 180px;
	font-family: 'mali';
	font-size: 22px;
	color: #000;
	line-height: 140%
}

#contact-footer-work {
	padding-right: 0
}

#contact-footer-work a, #contact-footer-studio a {
	color: #939393;
	text-decoration: none
}

#contact-footer-work a:hover, #contact-footer-studio a:hover {
	color: #000
}

#contact-footer-work a:active, #contact-footer-studio a:active {
	color: #939393
}

#contact-footer-p {
	padding-top: 40px
}

#contact-footer-work-social {
	padding-top: 60px
}

#contact-footer-work-text {
	width: 75%
}

#contact-footer-studio-text {
	width: 60%
}

#contact-footer-mobile {
	display: none
}

@media screen and (max-width:1088px) {
	#contact-title-title {
		font-size: 47px;
		margin-bottom: 18px
	}

	#contact-title-desc {
		font-size: 18px;
		width: 80%;
		margin-bottom: 40px
	}

	#contact-footer {
		font-size: 18px
	}

	#contact-footer-work-text {
		width: 90%
	}

	#contact-footer-studio-text {
		width: 90%
	}

	#contact-title-desc {
		line-height: 150%
	}

}

@media screen and (max-width:850px) {
	#contact-title .col4 {
		display: none
	}

	#contact-title .col8 {
		width: 100%
	}

	#contact-title-title {
		font-size: 32px;
		margin-bottom: 34px
	}

	#contact-title-desc {
		font-size: 20px;
		width: 100%;
		margin-bottom: 46px
	}

	#contact-footer #footer-name {
		font-size: 18px
	}

	#contact-footer-p {
		display: none
	}

	#contact-footer-mobile {
		display: block;
		padding-bottom: 60px;
		padding-top: 30px
	}

	#contact-footer .mid-col-6 {
		width: 47%
	}

	#contact-footer-work-text {
		width: 85%
	}

	#contact-footer-studio-text {
		width: 85%
	}

}

@media screen and (max-width:560px) {
	#contact-footer, #contact-footer #footer-name {
		font-size: 18px
	}

	#contact-footer-p {
		display: block
	}

	#contact-footer-mobile {
		display: none
	}

	#contact-footer .col4 {
		display: block;
		width: auto
	}

	#contact-footer-studio, #contact-footer-work {
		padding-top: 60px
	}

	#contact-footer {
		padding-bottom: 12%
	}

}

b, strong {
	font-weight: bold
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}