@charset "UTF-8";
/* CSS Document */

/* default stuff */
/* custom */

body {
  font-family: Constantia, 'Lucida Bright', 'DejaVu Serif', Georgia, 'serif';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  font-size: 18px;
  line-height: 1.5;
	background-color: #f3f3f3;
}

a {
		text-decoration: none;
	color: #7A7A7A;
	border-bottom: solid 1px #E5E5E5;
	padding-bottom: 2px;
	line-height: 1.7;
}

footer a, header a {
	border: none;
}

header a {
	color: #000;
}

header {
	max-width: 1440px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 24px;
	overflow: hidden;
		margin-bottom: 24px;
	padding-top: 24px;

}

header h1 {
	padding: 0;
	font-family: 'BrauerNeue';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
	display:block;
}

header nav {
	font-family: 'BrauerNeue';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  font-size: 18px;
  line-height: 1.5;
}

header h1 img {
	width: 350px;
	height: auto;
	position: absolute;
	top: -130px;
	left: -10px;
	z-index: 0;
}


header nav a {
	margin-right: 12px;
	margin-left: 6px;
	text-decoration: none;
	color: #000;
}

header nav a:after {
	content: ' |';
	color: #e5e5e5;
	align-content: center;
	margin-left: 12px;
	
}


header nav a:last-child:after {
  content: '';
}

header contact {
}



section {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	z-index: 1000;

}

h1, section {
	font-family: 'BrauerNeue';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
}


section.WWR {
	background-color: #e6d0bd;
	height: 100vh;
	width: 100%;
	padding: 140px 0px;
	display: flex;
	align-content:center;
	margin-top: 12px;
}

.slideshow {
  position: relative;
  overflow: hidden;
  width: 99vw;
  height: 100vh;
	margin-left: auto;
	margin-right: auto;
}

.holder {
  position: relative;
  top: 0;
  left: 0;
  width: 1000vw;
  height: 100vh;
  transition: left 1s;
}

.holder div {
  float: left;
  width: 100vw;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
margin-left: auto;
margin-right: auto;
}

.sosi {
	background-size: contain !important;
}


.slide-1, .slide-3 {
  background-image: url("images/ve-sosi-1.gif");
}

.slide-2, .slide-4 {
  background-image: url("images/ve-sosi-2.gif");
}

.slide-5 {
	background-image: url("images/wkts.jpg");
}

.slide-6 {
	background-image: url("images/seed.jpg");
}

.slide-8 {
	background-image:url("images/eae.jpg");
}

.slide-7 {
	background-image:url("images/Comp-5_1.gif");
}

.slide-wt1 {
		background-image:url("images/wetransfer-all.jpg");

}

.slide-wt2 {
		background-image:url("images/wetransfer-magic.jpg");

}

.slide-wt3 {
		background-image:url("images/wetransfer-doubttimemagic.jpg");

}

.slide-wt4 {
		background-image:url("images/doubtmagictime.gif");

}

.slide-cos1 {
		background-image:url("images/cos_tree.gif");

}

.slide-cos3 {
		background-image:url("images/cos-2.jpg");

}

.slide-cos2 {
		background-image:url("images/cos-3.jpg");

}

.slide-cos4 {
		background-image:url("images/cos3.jpg");

}


.slide-ace1 {
		background-image:url("images/acehotel.jpg");

}

.slide-ace2 {
		background-image:url("images/ace-2.jpg");

}

.slide-ace3 {
		background-image:url("images/ace-3.jpg");

}

.slide-ace4 {
		background-image:url("images/ace4.jpg");

}



.slide-b1 {
		background-image:url("images/ve-billy.jpg");

}

.slide-b2 {
		background-image:url("images/billy.jpg");

}

.slide-toc1 {
		background-image:url("images/toc_09.jpg");

}

.slide-toc2 {
		background-image:url("images/toc.png");

}

.slide-toc3 {
		background-image:url("images/toc-ballet.jpg");
}
.slide-toc4 {
		background-image:url("images/toc.gif");
}




section.WB {
	background-color: #f5b155;
	height: 100vh;
	width: 100%;
	padding: 140px 0;
	display: flex;
	align-content:center;

}

.EAP a, .COS a {
	border:0;	
	
}

.COS {
	margin-top: 12px;
}

.ACE {
	
	margin-top: 12px;
}

.WeTransfer {
	
	margin-top: 12px;

}

.Billy {
	margin-top: 12px;
}


.WB p, .Clients p, .WWR p {
	font-size: 48px;
	line-height: 1.5;
	width: 800px;
	margin: auto;
		text-align: center;
	align-items: center;

}

.Clients {
	background-color: #419247;
	height: 100vh;
	width: 100%;
	padding: 140px 0;
	display: flex;
	align-content:center;
	margin-top: 12px;

}

.WB p {
	font-size: 48px;
	line-height: 1.5;
	width: 800px;
	margin: auto;
		text-align: center;
	align-items: center;

}

section.about {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom:80px;
	z-index: 300;
	background-color: inherit;
	position: relative;
}

.about p {
	font-family: Constantia, 'Lucida Bright', 'DejaVu Serif', Georgia, 'serif';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  font-size: 18px;
  line-height: 1.5;
	color: #7A7A7A;	z-index: 300;

}

section img {
	width: 100%;
}

footer {
	overflow: hidden;
	width: 100%;
	background-color: none;
	display: block;
	float: right;
	position: fixed;
	bottom: 0;
	left: 0;
}

footer h1 {
	float: right;
	padding: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 24px
}

footer img {
	width: 20px;
	height: 20px;
	margin-left:4px;
}

.steps {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  overflow: hidden;
  text-align: center;
	display:none;
}


.prev {
  left: 0;
}

.next {
  right: 0;
}


@font-face {
  font-family: 'BrauerNeue';
  src: url('fonts/lineto-brauerneue-bold.eot');
  src: url('fonts/lineto-brauerneue-bold.eot?#iefix') format('embedded-opentype'), url('fonts/lineto-brauerneue-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@media (max-width: 1000px) {
	header {
		display:inline;
	}
	
	header nav {
		display:inline;
	}
	
	header h1 img {
		display: none;
	
	}
	
	header a.contact {
		align-items: center;
		display: inline;
	}
	
	.holder div {
		background-size: contain;
		height: 500px;
	}
	
	.slideshow {
		height: 500px;
		position: relative;
		top: 0;
		left: 0;
	}
	
	.holder {
		position: relative;
		top: 0;
		left: 0;
	}
	
	.WB p, .Clients p, .WWR p {
	font-size: 36px;
	line-height: 1.5;
	width: 100%;
	margin: auto;
	text-align: center;
	align-items: center;
		padding: 20px;
	}

		section.WB, section.Clients, section.WWR {
			height: 400px;
		}
	
}


@media (max-width: 500px) {
	header, header nav {
		display:inline;
		float: left;
	}
	
	header h1 img {
		display: none;
	
	}
	
	.holder div {
		background-size: contain;
		height: 200px;
	}
	
	.slideshow {
		height: 200px;
		position: relative;
		top: 0;
		left: 0;
	}
	
	.holder {
		position: relative;
		top: 0;
		left: 0;
	}
	
	.WB p, .Clients p, .WWR p {
	font-size: 24px;
	line-height: 1.5;
	width: 100%;
	margin: auto;
	text-align: center;
	align-items: center;
		padding: 20px;
	}

		section.WB, section.Clients, section.WWR {
			height: 200px;
		}
	
	header nav a.contact {
		float: right;
		display: inline;
		align-items: center;

	}
	
	header nav {
		display: inline;
				align-items: center;

	}
	
	
}


@media (min-width: 1000px) { 
	header h1 ve {
		display: none;
	}
	
	header nav {
		display: inline;
			float: left;
		align-items: center;
	}
	
	header nav a.contact {
		float: right;
		display: inline;
				align-items: center;

	}
}