/*
	col = 6.25% // 16 cols
*/

@font-face {
  font-family: 'crimsontext_regular';
  src: url('../fonts/crimsontext_regular/crimsontext_regular.eot');
  src: url('../fonts/crimsontext_regular/crimsontext_regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/crimsontext_regular/crimsontext_regular.woff2') format('woff2'),
       url('../fonts/crimsontext_regular/crimsontext_regular.woff') format('woff'),
       url('../fonts/crimsontext_regular/crimsontext_regular.ttf') format('truetype'),
       url('../fonts/crimsontext_regular/crimsontext_regular.svg#crimsontext_regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'crimsontext_semibold';
  src: url('../fonts/crimsontext_semibold/crimsontext_semibold.eot');
  src: url('../fonts/crimsontext_semibold/crimsontext_semibold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/crimsontext_semibold/crimsontext_semibold.woff2') format('woff2'),
       url('../fonts/crimsontext_semibold/crimsontext_semibold.woff') format('woff'),
       url('../fonts/crimsontext_semibold/crimsontext_semibold.ttf') format('truetype'),
       url('../fonts/crimsontext_semibold/crimsontext_semibold.svg#crimsontext_semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'crimsontext_bold';
  src: url('../fonts/crimsontext_bold/crimsontext_bold.eot');
  src: url('../fonts/crimsontext_bold/crimsontext_bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/crimsontext_bold/crimsontext_bold.woff2') format('woff2'),
       url('../fonts/crimsontext_bold/crimsontext_bold.woff') format('woff'),
       url('../fonts/crimsontext_bold/crimsontext_bold.ttf') format('truetype'),
       url('../fonts/crimsontext_bold/crimsontext_bold.svg#crimsontext_bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserrat_regular';
  src: url('../fonts/montserrat_regular/montserrat_regular.eot');
  src: url('../fonts/montserrat_regular/montserrat_regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat_regular/montserrat_regular.woff2') format('woff2'),
       url('../fonts/montserrat_regular/montserrat_regular.woff') format('woff'),
       url('../fonts/montserrat_regular/montserrat_regular.ttf') format('truetype'),
       url('../fonts/montserrat_regular/montserrat_regular.svg#montserrat_regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserrat_bold';
  src: url('../fonts/montserrat_bold/montserrat_bold.eot');
  src: url('../fonts/montserrat_bold/montserrat_bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/montserrat_bold/montserrat_bold.woff2') format('woff2'),
       url('../fonts/montserrat_bold/montserrat_bold.woff') format('woff'),
       url('../fonts/montserrat_bold/montserrat_bold.ttf') format('truetype'),
       url('../fonts/montserrat_bold/montserrat_bold.svg#montserrat_bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?ys1qwo');
	src:url('../fonts/icomoon/icomoon.eot?ys1qwo#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.ttf?ys1qwo') format('truetype'),
		url('../fonts/icomoon/icomoon.woff?ys1qwo') format('woff'),
		url('../fonts/icomoon/icomoon.svg?ys1qwo#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-enlarge:before {
	content: "\e900";
}
.icon-shrink:before {
	content: "\e901";
}
.icon-play:before {
	content: "\e902";
}
.icon-pause:before {
	content: "\e903";
}
.icon-spinner:before {
	content: "\e904";
}

:focus {
    outline: 0;
}

body {
	margin:0px;
	overflow:hidden;
}
svg {
	display:block;
}
a {
	color:inherit;
	text-decoration:none;
}
ul {
	list-style-type:none;
	display:inline-block;
}
h2 {
	padding:0;
	margin:0;
	font-family:'montserrat_bold';
	font-size:18px;
}
h3 {
	padding:0;
	margin:0;
	font-family:'montserrat_bold';
	font-size:16px;
}
h4 {
	padding:0;
	margin:0;
	font-family:'montserrat_bold';
	font-size:14px;
}
input {
	border-radius:0px;
	-webkit-appearance:none;
}

video {
    object-fit:cover;
    overflow:hidden;
    width:100%;
    height:100%;
    background-color:#000000;
}
header {
	position:fixed;
	background-color:#FFFFFF;
	width:100%;
	z-index:10000;
	opacity:0;
}
header .logo {
	position:absolute;
}
header .logo svg {
	height:50%;
	width:auto;
}
header .section {
	position:absolute;
	background-color:#000000;
	right:0px;
	width:12.50%;
	font-family:'crimsontext_regular';
	font-size:20px;
	color:#FFFFFF;
}
header .section * {
	display:inline-block;
}
header .section svg {
	float:right;
	margin-right:25px;
	cursor:pointer;
}
section {
	width:100%;
	height:auto;
	pointer-events:none;
	opacity:0;
}
#mainLoading {
	position:fixed;
	z-index:12000;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	display:none;
}
#mainLoading .anim {
	position:absolute;
	width:100px;
	height:100px;
}
#reference {
	position:fixed;
	z-index:6000;
}
.left {
	left:0px;
}
.right {
	right:0px;
}
#navigation {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:10001;
	opacity:0;
	pointer-events:none;
}
#navigation .layer {
	height:100%;
}
#navigation .layer1 {
	pointer-events:all;
	background-color:#FFFFFF;
}
#navigation .leaves svg *,
#navigation .square svg * {
	fill:#F26C61;
}
#navigation .leaves svg {
	width:67px;
	height:67px;
	margin-top:-67px;
}
#navigation .square svg {
	width:25px;
	height:25px;
}
nav ul {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:'crimsontext_regular';
	font-size:28px;
}
nav li,
.btn {
	cursor:pointer;
	pointer-events:all;
}
nav li {
	cursor:pointer;
	pointer-events:all;
	margin-top:20px;
	margin-bottom:20px;
}
nav li.active,
nav li:hover {
	color:#F26C61;
	text-decoration:line-through;
}
#btnMenu {
	position:fixed;
	top:30px;
	left:30px;
	z-index:11000;
	display:none;
}
#btnCredits {
	position:absolute;
	bottom:40px;
	right:40px;
	font-family:'crimsontext_semibold';
	font-size:13px;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
}
#btnCredits svg{
	display:inline-block;
	width:20px;
	height:20px;
	margin-top:-2px;
	vertical-align:middle;
}
#container {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	pointer-events:none;
}
.layer {
	position:absolute;
	width:100%;
	height:auto;
	pointer-events:none;
}
.layer * {
	pointer-events:all;
}
.whiteBlock {
	position:absolute;
	background-color:#FFFFFF;
	width:100%;
}
.greyBlock {
	position:absolute;
	background-color:#f4f4f4;
	width:37.5%;
}
.textBlock {
	position:relative;
	background-color:#FFFFFF;
}
.textContainer {
	position:relative;
	padding:2.6vw;
	font-family:'crimsontext_regular';
	font-size:14px;
	overflow:hidden;
}
section .layer1 {
	z-index:100;
	background-color:#FFFFFF;
}
section .layer2 {
	z-index:200;
}
section .layer3 {
	z-index:300;
}
section .layer4 {
	z-index:400;
}
section .layer5 {
	z-index:500;
}
#home .layer {
	height:100%;
}
#home .layer1 {
	overflow:hidden;
}
#home .layer4 {
	display:none;
}
#home .textBlock {
	width:18.75%;
	height:50%;
}
#home .textContainer {
	position:absolute;
	bottom:0px;
	max-width:50%;
	margin-bottom:25%;
	padding:0px;
}
#home h2 {
	margin-bottom:18px;
}
#home h2 a {
	text-decoration:underline;
}
#home .leaves svg *,
#home .square svg * {
	fill:#F26C61;
}
#home .leaves {
	top:30%;
}
#home .leaves svg {
	width:120px;
	height:120px;
}
#home .square {
	bottom:30%;
}
#home .square svg {
	width:32px;
	height:32px;
}
#home .scroll {
	bottom:30px;
}
#home .videoPlayer {
	width:100%;
	height:100%;
}
#work .workBackground {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
}
#work ul.categories {
	position:absolute;
	top:200px;
	right:115px;
	margin:0;
	padding:0;
	font-family:'montserrat_bold';
	font-size:16px;
}
#work .categories li {
	margin-bottom:15px;
	cursor:pointer;
}
#work .categories li div {
	display:inline-block;
	vertical-align: middle;
}
#work .categories li svg {
	margin-right:15px;
	width:28px;
	height:15px;
}
#work .categories li svg * {
	fill:#cccccc;
	transition:fill 300ms;
}
#work .categories li.on svg * {
	fill:#F26C61;
	transition:fill 300ms;
}
/*
#work .categories li div {
	color:#000000;
	transition:color 300ms;
}
#work .categories li.on div {
	color:#cccccc;
	transition:color 300ms;
}
*/
#work .imgContainer img {
	width:100%;
	height:100%;
}
#work .videoPlayer,
#reference .videoPlayer {
	position:absolute;
	overflow:hidden;
}
#work .videoPreviewContainer video,
#reference .videoPreviewContainer video {
	height:auto;
	width:100%;
}
#work .videoPlayer,
#work .videoPreviewContainer video{
	width:100%;
	height:100%;
}
#work .medium1 {
	position:absolute;
	background-color:#FFFFFF;
	cursor:pointer;
}
#work .medium2 {
	position:absolute;
	background-color:#FFFFFF;
	cursor:pointer;
}
#work .medium3 {
	position:absolute;
	background-color:#FFFFFF;
	cursor:pointer;
}
#work .textBlock {
	position:absolute;
	cursor:pointer;
	padding:3.12vw;
}
#work .textContainer {
	padding:0 !important;
}
#work .textContainer h4,
#reference .textContainer h4 {
	margin-top:15px;
	margin-bottom:20px;
}
#work .textContainer .description,
#work .textContainer .socialToolbar,
#work .textContainer .scroll {
	display:none;
}
#work .layout1.medium1 {
	margin-top:9.375%;
}
#work .layout1.medium2 {
	margin-left:18.75%;
}
#work .layout1.medium3 {
	display:none;
}
#work .layout1.textBlock {
	margin-top:37.5%;
	margin-left:18.75%;
}
#work .layout2.medium1 {
	margin-left:50%;
}
#work .layout2.medium2 {
	display:none;
}
#work .layout2.medium3 {
	margin-top:23.96%;
	margin-left:56.25%;
}
#work .layout2.textBlock {
	margin-top:12.5%;
	margin-left:68.75%;
}
#work .layout3.medium1 {
	margin-left:6.25%;
}
#work .layout3.medium2 {
	display:none;
}
#work .layout3.medium3 {
	margin-top:28.125%;
	margin-left:18.75%;
}
#work .layout3.textBlock {
	margin-top:16.67%;
	margin-left:25%;
}
#work .layout4.medium1 {
	margin-left:56.25%;
}
#work .layout4.medium2 {
	margin-top:11.46%;
	margin-left:75%;
}
#work .layout4.medium3 {
	display:none;
}
#work .layout4.textBlock {
	margin-top:37.5%;
	margin-left:68.75%;
}
#work .layout5.medium1 {
	
}
#work .layout5.medium2 {
	margin-top:11.46%;
	margin-left:18.75%;
}
#work .layout5.medium3 {
	display:none;
}
#work .layout5.textBlock {
	margin-left:18.75%;
}
#work .layout6.medium1 {
	margin-left:75%;
}
#work .layout6.medium2 {
	display:none;
}
#work .layout6.medium3 {
	margin-top:18.75%;
	margin-left:50%;
}
#work .layout6.textBlock {
	margin-top:37.5%;
	margin-left:50%;
}
#reference .layer1 {
	overflow:hidden;
	background-color:transparent;
}
#reference .layer2 {
	position:fixed;
}
#reference #background {
	position:absolute;
	background-color:#FFFFFF;
}
#reference .background {
	position:absolute;
	background-color:#FFFFFF;
}
#reference .layer1 img {
	position:absolute;
	display:none;
}
#reference #mainImg {
	position:absolute;
}
#reference .textBlock {
	position:absolute;
	overflow:hidden;
	padding:2.6vw;
}
#reference .textContainer {
	height:100%;
	margin:0px;
	padding:0 !important;
}
#reference .textContainer .eye {
	/*display:none;*/
}
#reference .textContainer .description {
	display:none;
	margin-top:60px;
}
#reference .textContainer .scroll {
	display:none;
	position:absolute;
	bottom:0px;
	left:0px;
}
#reference .textContainer .socialToolbar {
	display:none;
	position:absolute;
	bottom:0px;
	right:0px;
}
#reference .textContainer .socialToolbar div {
	font-family:'montserrat_bold';
	font-size:10px;
	height:25px;
	vertical-align:middle;
	display:inline-block !important;
}
#reference .textContainer .socialToolbar ul {
	margin:0;
	padding:0;
	padding-left:20px;
}
#reference .textContainer .socialToolbar li {
	display:inline-block !important;
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
}
#reference .layer3 img,
#reference .layer4 img {
	position:absolute;
	/*cursor:zoom-in;*/
}
#reference .layer3 #mainImg {
	cursor:default;
}
#reference .layer3 .videoContainer {
	position:absolute;
	margin-left:12.50%;
	width:75%;
	background:url(../img/loadingVideo.svg) no-repeat center fixed;
}
#reference .layer3 .videoContainer video,
#reference .layer3 .videoContainer .controls {
	visibility:hidden;
}
#reference .refClose {
	display:none;
	position:absolute;
	top:120px;
	right:25px;
	cursor:pointer;
}
#reference .refNav {
	display:none;
	position:absolute;
	right:35px;
}
#reference .refNav li {
	cursor:pointer;
	width:14px;
	height:14px;
	margin-left:-7px;
	margin-right:-7px;
	margin-top:12px;
	margin-bottom:12px;
	vertical-align: middle;
}
#reference .refNav li svg {
	width:6px;
	height:6px;
	margin:4px;
	display: inline-block;
}
.dot {
	width:6px;
	height:6px;
	margin:4px;
	border-radius:50%;
	opacity:0.3;
	filter:alpha(opacity=30);
	background:#FFFFFF;
	transition:width 500ms ease-out;
	transition:height 500ms ease-out;
	transition:opacity 500ms ease-out;
	display: inline-block;
}
.dot.active {
	width:10px;
	height:10px;
	margin:2px;
	opacity:0.6;
	filter:alpha(opacity=60);
	transition:width 500ms ease-out;
	transition:height 500ms ease-out;
	transition:opacity 500ms ease-out;
}
.dot:hover {
	opacity:1;
	filter:alpha(opacity=100);
	transition:width 500ms ease-out;
	transition:height 500ms ease-out;
	transition:opacity 500ms ease-out;
}
.videoContainer video {
	width:100%;
	height:100%;
}
.videoContainer .controls {
	position:absolute;
	display:block;
	width:100%;
	height:40px;
	bottom:4px;
	color:#FFFFFF;
}
.videoContainer .btnPlay {
	position:absolute;
	width:0px;
	width:16px;
	height:16px;
	padding:12px;
	cursor:pointer;
}
.videoContainer .btnPlay .icon-pause,
.videoContainer .btnPlay .icon-spinner {
	display:none;
}
.videoContainer .btnFullscreen {
	position:absolute;
	right:0px;
	width:16px;
	height:16px;
	padding:12px;
	cursor:pointer;
}
.videoContainer .btnFullscreen .icon-shrink {
	display:none;
}
.videoContainer .trackBar {
	position:absolute;
	left:50px;
	height:40px;
	cursor:pointer;
}
.videoContainer .trackBar .backgroundBar {
	position:absolute;
	z-index:1;
	top:18px;
	height:4px;
	opacity:0.3;
	filter:alpha(opacity=30);
	background-color:#666666;
}
.videoContainer .trackBar .loadedBar {
	position:absolute;
	z-index:2;
	top:18px;
	width:0px;
	height:4px;
	opacity:0.2;
	filter:alpha(opacity=20);
	background-color:#666666;
	transition:width 500ms;
}
.videoContainer .trackBar .playedBar {
	position:absolute;
	z-index:3;
	top:18px;
	width:0px;
	height:4px;
	background-color:#F06E65;
	/*transition:width 500ms;*/
}
#about .layer1 {
	overflow:hidden;
}
#about .textBlock {
	position:absolute;
	line-height:24px;
}
#about .textBlock i {
	font-weight:bold;
}
#about .textBlock h3 ~ h3 {
	margin-top:140px;
}
#about .textBlock .title {
	font-size:16px;
	margin-bottom:15px;
}
#about .textBlock ul {
	padding:0px;
	margin-top:45px;
}
#about .textBlock li {
	display:inline-block;
	padding-right:60px;
}
#about .description p {
	margin-top:35px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}
#about #us {
	width:43.75%;
	margin-top:93.75%;
	margin-left:50%;
}
#about #us .textContainer {
	padding-bottom:100px;
}
#about #clients {
	font-family: 'crimsontext_regular';
	width:62.50%;
	margin-top:130%;
	margin-left:18.75%;
	padding:0px;
}
#about #clients .title {
	margin-top:60px;
	margin-left:60px;
}
#about #clients .list {
	margin-left:20%; /* 12.5% * 16/10 */
	margin-right:10%; /* 6.25% * 16/10 */
	margin-top:4px;
	margin-bottom:60px;
}
#about #clients ul {
	margin:0px;
	padding:0px;
	width:100%;
}
#about #clients li {
	width:33.3%;
	padding:0px;
	margin:0px;
	height:218px;
	line-height:218px;
}
#about #clients .client1 {
	width:180px;
	height:36px;
}
#about #clients .client2 {
	width:159px;
	height:36px;
}
#about #clients .client3 {
	width:156px;
	height:36px;
}
#about #clients .client4 {
	width:180px;
	height:36px;
}
#about #clients .client5 {
	width:159px;
	height:36px;
}
#about #clients .client6 {
	width:156px;
	height:36px;
}
#about #clients li:nth-child(3n+1) {
	text-align:left;
}
#about #clients li:nth-child(3n+2) {
	text-align:center;
}
#about #clients li:nth-child(3n+3) {
	text-align:right;
}
#about #photo {
	position:absolute;
	width:50%;
	height:auto;
	margin-top:112.5%;
	margin-left:6.25%;
}
#contact .layer1 {
	overflow:hidden;
}
#contact .textBlock {
	margin:0px;
	line-height:24px;
}
#contact .textBlock i {
	font-weight:bold;
}
#contact .textBlock a {
	color:#F06E65;
	text-decoration:underline;
}
#contact .textBlock ul {
	padding:0px;
	margin-top:26px;
}
#contact #us {
	position:absolute;
	width:31.25%;
	/*margin-top:93.75%;*/
	margin-top:53.75%;
	margin-left:62.50%;
}
#contact #us h3 {
	margin-top:8px;
}
#contact #us .photo {
	width:100%;
	height:auto;
}
#contact .description p {
	margin-top:25px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}
#contact .textBlock li {
	display:inline-block;
	padding-right:60px;
}
#contact #represent {
	position:absolute;
	width:25%;
	/*margin-top:93.75%;*/
	margin-top:13.75%;
	margin-left:75%;
}
#contact #represent .description i {
	font-weight:normal;
}
#contact #map {
	position:absolute;
	width:62.5%;
	height:800px;
	margin-top:112.5%;
	margin-left:6.25%;
	z-index:200;
}
#contact #form {
	position:absolute;
	width:56.25%;
	/*margin-top:93.75%;*/
	margin-top:13.75%;
	margin-left:12.50%;
	margin-bottom:10%;
	z-index:100;
}
#contact #form .subtitle {
	width:100%;
	text-align:center;
	font-family:'crimsontext_regular';
	font-size:18px;
}
#contact #form .title {
	width:100%;
	text-align:center;
	font-family:'crimsontext_regular';
	font-size:64px;
	margin-bottom:40px;
}
#contact #form input:not([type=submit]) {
	width:44%;
	padding:14px;
	background:none;
	border:0px;
	border-bottom:1px solid #CCCCCC;
	font-family:'crimsontext_regular';
	font-size:14px;
	margin-bottom:40px;
}
#contact #form input:not([type=submit]).error {
	color:#F06E65;
}
#contact #form #itName {
	
}
#contact #form #itEmail {

}
#contact #form #messageContainer {
	position:relative;
	height:180px;
	padding:14px;
	margin-bottom:40px;
	border-bottom:1px solid #CCCCCC;
}
#contact #form #taMessage {
	position:absolute;
	width:100%;
	background:none;
	font-family:'crimsontext_regular';
	font-size:14px;
	padding:0px;
	border:0px;
	bottom:14px;
	max-height:180px;
}
#contact #form #taMessage.error {
	color:#F06E65;
}
#contact #form #btSubmit {
	width:34%;
	margin-left:33%;
	padding:14px;
	background-color:#F06E65;
	border:0px;
	font-family:'montserrat_bold';
	font-size:18px;
	text-decoration:underline;
	color:#FFFFFF;
	cursor:pointer;
}
#contact #form #btSubmit.sending {
	background-color:#F8ACA7;
	text-decoration:none;
	color:#FFFFFF;
	cursor:default;
}
#contact #form #form-result {
	text-align:center;
	margin-top:20px;
}
#contact #form #form-result .text-danger {
	color:#F06E65;
}

.blur {
	-webkit-filter:blur(10px);
	filter:blur(10px);
}

.lazyload,
.lazyloading {
    opacity:0;
}
.lazyloaded {
    opacity:1;
    transition:opacity 500ms ease-out;
}
@media screen and (max-width: 1280px) {
	/* tabletLandscape */
	header .section {
		width:18.75%;
		font-size:17px;
	}
	#home .textBlock {
		width:25%;
		height:50%;
	}
	#work .textContainer {
		font-size:12px;
	}
	#work .textContainer h4 {
		font-size:13px;
		margin-top:10px;
		margin-bottom:15px;
	}
	#reference .refClose {
		top:80px;
	}
	#about #us {
		width:43.75%;
		margin-top:93.75%;
		margin-left:50%;
	}
	#about .socialToolbar li {
		padding:0px;
		padding-right:1.8vw;
	}
	#contact #us {
		margin-left:62.50%;
		width:37.5%;
	}
	#contact #represent {
		width:31.25%;
		margin-left:68.75%;
	}
	#contact #map {
		width:75%;
	}
	#contact #form {
		width:62.50%;
		margin-left:6.25%;
	}
}
@media screen and (max-width:1023px) {
	/* tabletPortrait */
	header .section {
		width:25%;
	}
	#home .textBlock {
		width:31.25%;
		padding:6.25vw;
	}
	#work .textContainer {
		font-size:14px;
	}
	#work .textContainer h4 {
		font-size:14px;
		margin-top:15px;
		margin-bottom:20px;
	}
	#work ul.categories {
		top:110px;
	}
	#work .layout1.medium1 {
		margin-top:18%;
	}
	#work .layout1.medium2 {
		margin-left:37.5%;
	}
	#work .layout1.medium3 {
		display:none;
	}
	#work .layout1.textBlock {
		margin-top:70%;
		margin-left:50%;
	}
	#work .layout2.medium1 {
		margin-left:12.5%;
	}
	#work .layout2.medium2 {
		display:none;
	}
	#work .layout2.medium3 {
		margin-top:48%;
		margin-left:25%;
	}
	#work .layout2.textBlock {
		margin-top:25%;
		margin-left:50%;
	}
	#work .layout3.medium1 {
		margin-left:0px;
	}
	#work .layout3.medium2 {
		display:none;
	}
	#work .layout3.medium3 {
		margin-top:56%;
		margin-left:25%;
	}
	#work .layout3.textBlock {
		margin-top:34%;
		margin-left:37.5%;
	}
	#work .layout4.medium1 {
		margin-left:12.5%;
	}
	#work .layout4.medium2 {
		margin-top:22%;
		margin-left:50%;
	}
	#work .layout4.medium3 {
		display:none;
	}
	#work .layout4.textBlock {
		margin-top:55%;
		margin-left:37.5%;
	}
	#work .layout5.medium1 {
		
	}
	#work .layout5.medium2 {
		margin-top:22%;
		margin-left:37.5%;
	}
	#work .layout5.medium3 {
		display:none;
	}
	#work .layout5.textBlock {
		margin-left:37.5%;
	}
	#work .layout6.medium1 {
		margin-left:62.5%;
	}
	#work .layout6.medium2 {
		display:none;
	}
	#work .layout6.medium3 {
		margin-top:38%;
		margin-left:12.5%;
	}
	#work .layout6.textBlock {
		margin-top:75%;
		margin-left:12.5%;
	}
	#about #photo {
		margin-left:0px;
		width:43.75%;
	}
	#about #us {
		margin-left:43.75%;
		width:56.25%;
	}
	#about .socialToolbar li {
		padding:0px;
		padding-right:2vw;
	}
	#about #clients {
		width:87.5%;
		margin-left:6.25%;
	}
	#about #clients .list {
		margin-left:10%;
		margin-right:0px;
	}
	#contact #map {
		margin-left:0px;
		width:87.5%;
	}
	#contact #form {
		margin-left:12.5%;
		width:81.25%;
	}
	#contact #us {
		margin-left:56.25%;
		width:43.75%;
	}
	#contact #represent {
		margin-left:12.5%;
		width:37.5%;
		margin-bottom:5%;
	}
}