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


@font-face {
    font-family: AMSans;
    src: url('font/am_sans_light.woff') format('woff'),
		url('font/am_sans_light.otf') format('opentype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
    font-family: AMSans;
    src: url('font/am_sans_regular.woff') format('woff'),
		url('font/am_sans_regular.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
* {
box-sizing: border-box;
	outline: none;
}

a {
color:#000;
	text-decoration: none;
}
body {
	margin:auto;
font-family: AMSans, sans-serif;
line-height:1.5;
	overflow-x: hidden;
}


header {
position: relative;
}
header hgroup {
display:none;
}
nav {
	padding:0 0;
	text-align: right;
}
nav .toggle {
display:inline-block;
	padding:15px 20px;
	cursor:pointer;
}

nav .toggle span {
	width:20px;
	height:1px;
	margin:8px 0px;
	background-color: #000;
	display:block;
}
nav ul {
position: absolute;
	top:40px;
	right:30px;
	background-image: url(img/nav_corner.png);
	background-repeat: no-repeat;
	background-size:20px 20px;
	background-position: top right;
	padding-top:20px;
	display:none;
	opacity:0;
		transition-duration: 0.5s;
	z-index: 5;
}
nav ul li {
}
nav ul li a {
	background-color:#000;
	color:#fff;
	display:block;
	padding:0.5em 20px;
	transition-duration: 0.5s;
	text-transform: uppercase;
cursor:pointer;
letter-spacing:0.05em;
}
nav ul li a:hover {
	color:#bbb;
	background:#666;
	
}
.cover .wrap {
	position: relative;
	margin-left:10%;
	clear:both;
}
.cover h1 {
display:block;
	background-image: url(img/logo_b.png);
	background-size:contain;
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -99999px;
	position: absolute;
	top:-50px;
	left:6%;
	width:110px;
	height:90px;
	z-index:1;
}
.cover .bgwrap {
	z-index:3;
	position: relative;
	overflow: hidden;
}
.cover .bgwrap h1 {
	background-image: url(img/logo_w.png);
	z-index:2;
}
.cover .bg {
	overflow: hidden;
	background-image: url(img/cover.jpg);
	background-position: bottom center;
	background-size:cover;
	background-repeat: no-repeat;
	position: relative;
	filter:grayscale(70%);
	
transition-duration:0.5s;
}

.freeze.cover .bg:hover {
	transform:scale(1.05, 1.05);
	filter:grayscale(0%);
	transition-duration: 1s;
}
section.pofo {
	position:relative;
	margin-top:3em;
	z-index:1;	
}
section.pofo h1 {
	text-transform: uppercase;
	position: absolute;
	top:-0.7em;
	left:16%;
	
	z-index:99;
	font-size:200%;
}
.pofo .slider-container {
	position: relative;
	overflow: hidden;
	
}
.pofo .responsive.slider {
	padding-right:10%;
}
.pofo .slider-container h1 {
	color:#fff;
	text-shadow:0 0 20px #000;
}

.macos .pofo h1 {
	top:-0.65em;
}
.slick-prev, .slick-next {
	z-index:1;
	width:24px;
	height:24px;
}
.slick-prev:before, .slick-next:before {
	font-size:24px;
}
.slick-prev {
	left:5%;
	margin-left:-12px;
}
.slick-next {
	right:5%;
	margin-right:-12px;
}
.slick-next:before {
	color:#000;
}
.pofo .slider .slide {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#888888+0,222222+100 */
background: #888888; /* Old browsers */
background: -moz-linear-gradient(left, #888888 0%, #222222 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #888888 0%,#222222 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #888888 0%,#222222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#222222',GradientType=1 ); /* IE6-9 */
	position: relative;
	cursor: pointer;
}
.pofo .slide .img {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:1;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	transition-duration:0.5s;
}
.pofo .slide:hover {
	z-index:5;
}
.pofo .slide .text {
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	padding:15px;
	z-index:2;
	font-size:120%;
	color:#fff;
	line-height:1.25;
		transform:translateY(0%);

}
.pofo .slide .text .brand {
font-size:150%;
}
.pofo .slide .text .type {
	
	position:relative ;
	padding-right: 25px;
	
}
.pofo .slide .text .type i {
	position: absolute;
	bottom:0px; 
	right:0px;font-size:150%;
}

.pofo .slide .img {
	opacity:0.2;
	filter : grayscale(90%);
	transition-duration: 0.5s;
}

.pofo .slide:hover .img {
	opacity:1;
	filter: grayscale(0);
	transform: scale(1.05, 1.05);
}

.pofo .slide .text {
	transition-duration: 0.5s;
	
	opacity:1;
}


.pofo .slider .text .logo {
	width:60px;
	height:60px;
	margin-bottom:1em;
		background-repeat: no-repeat;
	background-position: center;
	background-size:80%;
	border:1px solid #ddd;
	background-color: #fff;
	filter: grayscale(100%);
}
.pofo .slide:hover .text {
	opacity:1;
	transform: translateY(-10%);
}


section.team {
	position: relative;
	padding:3em 00px 1em 0px;
	text-align: center;
}
.team .title h1 {
	font-size:200%;
	text-transform: uppercase;
	position: absolute;
	top:0.5em;
	width:100%;
}
.team .bio {
	position: relative;
	margin-top:2em;
		z-index:3;
}

.team .bg {
	width:90%;
	height:1px;
	background:#000;
	display:block;
	margin:1em auto 3em auto;
		transform: rotate(-15deg);
}

.team .img {
	width:92%;
	padding-bottom:60%;
	background-size:cover;
	background-position: center;
	background-repeat:no-repeat;
	filter:grayscale(70%);
	transition-duration: 0.5s;
z-index:2;
position: relative;
cursor: pointer;
}
.team .text {
	transition-duration: 0.5s;
	z-index:1;
	padding: 1em 8%;
	overflow: hidden;
	
}
.team .adrian .img {
	background-image:url(img/adrian.jpg);
	margin-left:8%;
}
.team .clive .img {
	background-image:url(img/clive.jpg);
}
.team .adrian .text {
	text-align: left;
}
.team .clive .text {
	text-align: right;
}
.team .text hgroup {
	display:inline-block;
	vertical-align: bottom;
}
.team .adrian hgroup {
	text-align: left;
	float:left;

}
.team .adrian .text a {
	float:right;
	margin-top:0.5em;
	
}
.team .clive hgroup {
	text-align: right;
	float:right;
}

.team .clive .text a {
	float:left;
	margin-top:0.5em;
	
}


.team .bio {
	position: relative;
}
.team .bio a {
	background: #000;
	color:#fff;
	font-size:90%;
	padding:6px 12px;
	display:inline-block;
	text-transform: uppercase;
	letter-spacing: 0.1em;	
	cursor:pointer;
}

.macos .team .bio a {
	padding:8px 12px 4px 12px ;
	
}
.team .bio h1 {
	font-size: 150%;
	text-transform: none;
	line-height:1;
}

.team .bio h2 {
	font-size: 110%;
	padding:0em 0 0 0;
}
.team .bio ul {
	padding:1em 0 0em 0;
}

.team .bio ul li {
	margin-bottom:0.8em;
	font-size:100%;
}

section.news {
	position: relative;
	margin-top:2em;
}
.news h1 {
	font-size:200%;
	text-transform: uppercase;
	top:-0.7em;
	position: absolute;
	right:8%;
}

.news .wrap h1 {
	color:#fff;
}

.macos .news h1 {
	top:-0.65em;
}
.news .wrap {
	border-top:1px solid #eee;
	background-color: #000;
	overflow: hidden;
	position: relative;
	color:#fff;
}
section.news div.year {
	margin:   0em 20px 3em 20px;
}
.news span.year {
	display:block;
	padding:2em 0;
	font-size:100%;
	
}
.news div.year:nth-child(n+3) {
	border-top:1px solid #444;
	padding-top:0em;
}
.news .item{
	display:table;
	margin-bottom:1.5em;	
}

.news .item .img {
	width:40%;
	padding-bottom:26%;
	display:table-cell;
		background-position: center;
	background-size:cover;
	background-repeat: no-repeat;
	max-width:200px;
	filter:grayscale(70%);
	transition-duration: 0.5s;

}

.news .item .text {
	display:table-cell;
	vertical-align:middle;
	padding-left:10px;

	
}

.news .item .text .title {
	font-size:100%;
	display:block;
		  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news .item .text .date {
	font-size:80%;
	display:block;
margin-top:0.5em;	
}


.news .item .text .month {
	padding-left:0.5em;
}
.freeze.news .item .img:hover,
.freeze.team .img:hover {
	filter:grayscale(0%)!important;
	transform:scale(1.05,1.05) translateX(0)!important;
	transition-delay: 0s!important;
	transition-duration: 0.5s!important;
}

.freeze.team .text a {
	transition-duration: 0.5s!important;
}
.freeze.team .text a:hover {
	transform:scale(1.05,1.05)!important;
}

.contact {
	padding:0 20px;

}
footer {
	font-size:80%;
}
/*
.contact h1 {
	font-size:250%;
	text-transform: uppercase;
	padding:1em;
	text-align: center;
}
.contact .form div {
	margin-bottom:1em;
}
.contact .form input,
.contact .form textarea
{
	border:3px solid #000;
	padding:10px 10px;
	width:100%;
	font-size:120%;
	
	font-family: unna, "sans serif";
}
.contact .form textarea {
	height:10em;
}

.contact .form button {
	font-size:150%;
	border:none;
	background:none;
	padding:0;
	margin:0;
	text-transform: uppercase;
	font-family: unna, "sans serif";
}
.contact button i {
	display:inline-block;
	margin-left:2px;
}

.contact button i:first-child {
	margin-left:6px;
}
.contact .info {
	margin:2em 0;
	border-top:1px solid #000;
	padding:2em 0;
	font-size:120%;
}
.contact .info div {
	margin-bottom:1em;
	position: relative;
	padding-left:30px;
}
.contact .info .fa {
	display: inline-block;
	text-align: center;
	width:20px;
	position: absolute;
	top:4px;
	left:0;
}
*/
.contact {
	padding:2em 20px;
	text-align: center;
	font-size:100%;
	
}
.contact .info span {
	display: inline-block;
	margin-right:5px;
	transform: translateY(0.2em);
	font-size:100%;
}
footer {
	padding: 0em 20px  1em 20px ;
	text-align: center;
}



.popup {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(240,240,240,0.9);
	z-index:99;
	display:none;
	opacity:0;
	
}

.popup > div {
	position: absolute;
left:50%;
	top:50%;
	background:#fff;
	width:90%;
	max-height:90%;
	transform: translate(-50%, -50%);
	max-width:800px;
	padding:0;
	box-shadow: 0 0 20px #ccc;
	overflow-y: scroll;text-align: left;
	padding-bottom:1em;
	display:none;
	opacity:0;
}
.popup .close {
	overflow: hidden;
	background-image:url(img/close_bg.png);
	background-position:top right;
background-size:contain;
background-repeat:no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    height: 60px;
    width: 60px;
}
.popup .close span  {
	display: block;
padding: 6px;
	cursor:pointer;
	transition-duration:0.1s;
    position: absolute;
    top: 0;
    right: 0;
}
.popup .close:hover span  {
	transform:scale(1.2,1.2);
}
.popup > div .img	{
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	width:100%;
	padding-bottom:60%;
}

.popup .adrian .img {
	background-image:url(img/adrian.jpg);
}
.popup .clive .img {
	background-image:url(img/clive.jpg);
}
.popup .pofo .logo {
	width:70px;
	height:70px;
	float:left;
	margin-right:20px;
		background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
/*	border:1px solid #ddd;*/
}
.popup > div hgroup {
	padding:1.5em 20px 2em 20px;
}

.popup > div h1 {
	font-size:200%;
}


.popup > div h2,
.popup > div h3 {
	font-size:130%;
	margin-top:-0.5em;
}
.popup > div h3 {
	font-size:150%;
	margin-bottom:0.5em;
}
.popup > div .content {
	padding:0 20px;
}
.popup > div ul {
	margin-bottom:1.5em;
	padding-left: 20px;
}

.popup > div li {
list-style:outside;
list-style-type: square;
	margin-bottom:0.5em;
}

.popup > div p {
	margin-bottom:0.5em;
}
.popup > div .ext {
	margin-bottom:0.5em;
}
.popup > div .ext a {
	display:inline-block;
	background:#000;
	color:#fff;
	text-transform:uppercase;
	padding:5px 10px;
	font-size:80%;
	letter-spacing:0.2em;
	transition-duration:0.5s;
}


.popup > div .ext a:hover {
	transform:scale(1.05,1.05);
	opacity:0.6;
}
.macos .popup > div .ext a {
padding:7px 8px 3px 11px ;
}


/*Animation*/ 
.launch * {
		transition-timing-function: ease-in-out;
}
.header nav {
	opacity:0;
	line-height:1;

}

.header.launch nav {
	opacity:1;
		transition-duration: 0.5s;
	
	transition-delay:2s; 
}
.header nav ul li{
line-height:1.5;
opacity:0;
		transform:translateY(20%);
}
.header.launch nav ul li{
opacity:1;
			transition-duration: 1s;
	transform:translateY(0%);
}

.header.launch nav ul li:nth-child(n+1){
		transition-delay:2s; 
}

.header.launch nav ul li:nth-child(n+2){
		transition-delay:2.2s; 
}

.header.launch nav ul li:nth-child(n+3){
		transition-delay:2.4s; 
}

.header.launch nav ul li:nth-child(n+4){
		transition-delay:2.6s; 
}

.cover h1 {
	opacity:0;

	transform:translateY(30%);
}
.cover.launch h1 {
	opacity:1;
	transform:translateY(0%);
		transition-duration: 1s;
	transition-delay:1s; 
}
.cover .bg {
	opacity:0;
	transform:translateX(10%);
}
.cover.launch .bg {
	opacity:1;
	transform:translateX(0%);
	transition-duration: 1.5s;
}
section.pofo h1 {
	opacity:0;
	
	transform:translateX(-10%);
}

section.pofo.launch h1 {
	opacity:1;
	
	transform:translateX(0%);
	transition-duration: 1s;
	
	transition-delay:1s; 
}


.pofo .responsive.slider {
	opacity:0;
	transform:translateX(-10%);
}

.pofo.launch .responsive.slider {
	opacity:1;
	transform:translateX(0%);
	transition-duration: 1.5s;
}

.mobile section.team h1 {
	opacity:0;
		transform:translateY(30%);
}

.mobile section.team.launch h1 {
	opacity:1;
		transform:translateY(0%);
	transition-duration: 0.5s;
}
.mobile section.team .adrian .img {
	opacity:0;
	transform: translateX(20%);
}

.mobile section.team.launch .adrian .img {
	opacity:1;
	transform: translateX(0%);
	transition-duration: 1s;
}

.mobile section.team .adrian h1 {
	transform:translateX(-5%);
	opacity:0;
}
.mobile section.team.launch .adrian h1 {
	transform:translateX(0%);
	opacity:1;
	transition-duration:1s;
	transition-delay:0.5s;
}

.mobile section.team .adrian h2 {
	transform:translateX(-5%);
	opacity:0;
}
.mobile section.team.launch .adrian h2 {
	transform:translateX(0%);
	opacity:1;
	transition-duration:1s;
	transition-delay:0.75s;
}

.mobile section.team .adrian li,
.mobile section.team .adrian a{
		transform:translateX(5%);
	opacity:0;
}


.mobile .team.launch .adrian li,
.mobile .team.launch .adrian a{
		transform:translateX(0%);
	opacity:1;
	transition-duration:1s;
}

.mobile .team.launch .adrian li:nth-child(n+1){
		transition-delay:1s; 
}


.mobile .team.launch .adrian li:nth-child(n+2){
		transition-delay:1.4s; 
}

.mobile .team.launch .adrian li:nth-child(n+3){
		transition-delay:1.6s; 
}

.mobile .team.launch .adrian a{
		transition-delay:1.8s; 
}



.mobile .team .clive .img {
	opacity:0;
	transform: translateX(-20%);
}

.mobile .team.launch .clive .img {
	opacity:1;
	transform: translateX(0%);
	transition-duration: 1s;
	transition-delay:3s;
}

.mobile .team .clive h1 {
	transform:translateX(5%);
	opacity:0;
}
.mobile .team.launch .clive h1 {
	transform:translateX(0%);
	opacity:1;
	transition-duration:1s;
	transition-delay:3s;
}

.mobile .team .clive h2 {
	transform:translateX(5%);
	opacity:0;
}
.mobile .team.launch .clive h2 {
	transform:translateX(0%);
	opacity:1;
	transition-duration:1s;
	transition-delay:3.25s;
}

.mobile .team .clive li,
.mobile .team .clive a{
		transform:translateX(-5%);
	opacity:0;
}


.mobile .team.launch .clive li,
.mobile .team.launch .clive a{
		transform:translateX(0%);
	opacity:1;
	transition-duration:1s;
}

.mobile .team.launch .clive li:nth-child(n+1){
		transition-delay:3.7s; 
}


.mobile .team.launch .clive li:nth-child(n+2){
		transition-delay:3.9s; 
}

.mobile .team.launch .clive li:nth-child(n+3){
		transition-delay:4.1s; 
}

.mobile .team.launch .clive a{
		transition-delay:4.3s; 
}




.mobile .team .bg {
	opacity:0;
	    transform: rotate(-10deg) translate(500%, -500%);
}

.mobile .team.launch .bg {
	opacity:1;
	transition-duration: 0.5s;
	    transform: rotate(-10deg) translate(0%, 0%);
	transition-delay:2s;
}

.news .year {
	opacity:0;
}
.news.launch .year {
	opacity:1;
	transition-duration: 1s;
}


.news h1 {
	opacity:0;
	transform:translateX(-500%);
}
.news.launch h1 {
	opacity:1;
	transition-duration: 1s;
	transition-delay:0.5s;
	transform:translateX(0%);
}

.news span.year{
	opacity:0;
	transform:translateX(-20%);
}
.news.launch  span.year {
	opacity:1;
	transition-duration: 1.5s;
	transition-delay:0.5s;
	transform:translateX(0%);
}

.news .item{
	opacity:0;
	transform:translateY(50%);
	
}


.news.launch .item{
	opacity:1;
	transform:translateY(0%);
	transition-duration:1s;
	
}
.news.launch .item:nth-child(n+1){
		transition-delay:1.2s; 
}


.news.launch .item:nth-child(n+2){
		transition-delay:1.4s; 
}

.news.launch .item:nth-child(n+3){
		transition-delay:1.6s; 
}

.news.launch .item:nth-child(n+4){
		transition-delay:1.8s; 
}


.news.launch .item:nth-child(n+5){
		transition-delay:2s; 
}

.news.launch .item:nth-child(n+6){
		transition-delay:2.2s; 
}
.news.launch .item:nth-child(n+7){
		transition-delay:2.4s; 
}


.news.launch .item:nth-child(n+8){
		transition-delay:2.6s; 
}

.news.launch .item:nth-child(n+9){
		transition-delay:2.8s; 
}

.contact h1 {
	opacity:0;
	transform:translateY(20%);
}
.contact.launch h1 {
	opacity:1;
	transition-duration: 1s;
	transition-delay:0.5s;
	transform:translateY(0%);
}

.contact .form div {
	opacity:0;
	transform:translateY(40%);
}
.contact.launch .form div {
	opacity:1;
	transition-duration: 1s;
	transform:translateY(0%);
}

.contact.launch .form div:nth-child(n+1){
		transition-delay:1.2s; 
}

.contact.launch .form div:nth-child(n+2){
		transition-delay:1.4s; 
}

.contact.launch .form div:nth-child(n+3){
		transition-delay:1.6s; 
}

.contact.launch .form div:nth-child(n+4){
		transition-delay:1.8s; 
}
.contact .info {
	opacity:0;
	transform:translateY(20%);
}
.contact.launch .info {
	opacity:1;
	transition-duration: 1s;
	transition-delay:2s;
	transform:translateY(0%);
}

.contact .info div {
	opacity:0;
	transform:translateY(40%);
}
.contact.launch .info div {
	opacity:1;
	transition-duration: 1s;
	transform:translateY(0%);
}
.contact.launch .info div:nth-child(n+1){
		transition-delay:2.2s; 
}

.contact.launch .info div:nth-child(n+2){
		transition-delay:0s; 
}

.contact.launch .info div:nth-child(n+3){
		transition-delay:2.6s; 
}

.footer {
		opacity:0;
	transform:translateY(40%);
}


.footer.launch {
	opacity:1;
	transition-duration: 1s;
	transform:translateY(0%);
	transition-delay: 0.5s;
}

.displayBlock {
	display:block!important;
	transition-duration: 0.5s;
}
.opacityOne {
opacity:1!important;
	transition-duration: 0.5s;

}

.freeze * {
	transition-delay:0s!important;
}
@media only screen and (min-width: 414px) {
	
	.cover h1 {
		    top: -64px;
    width: 140px;
    height: 115px;
	}
	
	nav .toggle {
		padding:27px 20px;
	}
	nav ul {
	top: 54px;
	}
	
	section.pofo h1,
	section.news h1,
	section.team h1 {
		font-size:250%;
	}
	
	section .title .bg {
		margin: 3em auto 5em auto;
	}
	
	section.news span.year {
		font-size:110%;
	}
	
	section.news .item .text {
		padding-left:15px;
	}
	section.news .item .text .title {
		font-size:110%;
		
	}
	section.contact, section.contact .info span {
		font-size:110%;
	}
	footer {
		font-size:90%;
	}
}


@media only screen and (min-width: 768px) {
nav {
text-align: right;
	width:100%;
}
	nav .toggle {
		display:none;
	}
	nav ul {
		background: none;
		padding:0;
		position: relative;
		top:auto;
		right:auto;
		display:inline-block;
		opacity:1;
		padding-right:20px;
	}
nav ul li {
	display:inline-block;
	background: none;
}
nav ul li a {
	color:#000;
	display:block;
	padding:30px 20px ;
	background: none;
		font-size:110%;
}
	nav ul li a:hover {
		background: none;
	}
	
	section.team {
		padding:6em 20px;
	}
	.team .title h1 {
		position: relative;
		top:0;
		left:0;
		transform:none;text-align: center;
		display:inline-block;
		background:#fff;
		padding:0.25em 0.5em;
		z-index:2;
	}
	.team .bio {
		margin:0;
	}
	.team .bg {
width:300%;
	height:1px;
	transform: rotate(45deg) translate(-50%,-50%);
	display:block;
	background-color:#000;
	transform-origin: 0% 0%;
	    position: absolute;
    top: 50%;
    left: 50%;
		margin:0;
}
	.team .img{
			width:38%;
	padding-bottom:19%;
		min-height: 300px;
	}
	.team .title .bg {
		
		margin:0;
	}

	.team .adrian .img {
		float:none;
		margin:0;
		position:absolute;
		bottom:-3.5em;
	right: 54%;
    margin-right: 50px;
	}
	.team .text hgroup,
	.team .text a {
		float:none!important;
	}

	
		.team .text a {
			margin-top:1em!important;
	}
.team .clive .img {
		float:none;
		margin:0;
		position:absolute;
		top:-4em;
		left: 54%;
    margin-left: 50px;
}
	.team .text {
				overflow: visible;
	}
	.team .text hgroup {
		display:block;
		text-align: inherit;
		height:auto;
		width:auto;
		vertical-align: inherit;
		overflow: visible;
	}
	
	.team .adrian .text {
		margin-left:49%;
		transform:translateX(-50px);
		padding:2em 0 7em 0 ;
	}
	
		.team .clive .text {
		margin-right:49%;
		transform:translateX(50px);
		padding:6em 0 2em 0 ;
	}
	
	.team .bio h1 {
		font-size:200%;
	}
	
		.team .bio h2 {
		font-size:120%;
	}
	
	.news div.year {
		margin-bottom:0;
		padding:0 1.5%;
		
	}
	
	.news .item {
		width:32%;
		display:inline-block;
		vertical-align: top;
		margin-bottom:2em;
		
	}
	
	.news .item:nth-child(3n+0),
	.news .item:nth-child(3n+1)
	
	{
	margin-left:1.4%;
	}
	.news .item .img,
	.news .item .text {
		width:auto;
		display:block;
	}
	.news .item .img{
		max-width:100%;
		width:100%;
		padding-bottom:65%;
	}
	
	
		section.news .item .text {
			padding:1em 0 0 0;
	}
	section.news .item .text .title {
		font-size:120%;
	}
	.news h1 {
	font-size:250%;
	text-transform: uppercase;
	position: absolute;
	right:50%;
	margin-right:-360px!important;
	}/*	
	.contact{
	margin-bottom:1em;
	}
	.contact .wrap {
		display:table;
		width:100%;
	}
	.contact .form,
	.contact .info {
		display: table-cell;
		width:50%;
		padding:2em 5%;
		vertical-align: middle;
	}
	.contact .info {
		border-top:none;
		border-left:1px solid #000;
	}*/
	
	/*Animation*/
	
	.tablet .team .title h1 {
		opacity:0;
		transform:scale(1.5,1.5);
	}
	.tablet .team.launch .title h1 {
		opacity:1;
		transform:scale(1,1);
		transition-duration:1s;
	}
	.tablet .team .bg {
		transform: rotate(45deg) translate(-200%,-200%)!important;
	}
	.tablet .team.launch .bg {
		transition-delay: 0.5s;
		transition-duration: 1s;
		transform: rotate(45deg) translate(-50%,-50%)!important;
	}
	
	.tablet .team .adrian .img {
		opacity:0;
		transform: translateY(-20%);
	}
	.tablet .team.launch .adrian .img {
		opacity:1;
		transform: translateY(0%);
		
		transition-delay: 1s;
		transition-duration: 1s;
	}
	
	.tablet .team .clive .img {
		opacity:0;
		transform: translateY(20%);
	}
	.tablet .team.launch .clive .img {
		opacity:1;
		transform: translateY(0%);
		
		transition-delay: 1s;
		transition-duration: 1s;
	}
	
	.tablet .team .adrian .text h1,
	.tablet .team .adrian .text h2,
	.tablet .team .adrian .text a{
		opacity:0;
		transform: translateX(-20%);
	}
	.tablet .team.launch .adrian .text h1,
	.tablet .team.launch .adrian .text h2,
	.tablet .team.launch .adrian .text a {
		opacity:1;
		transform: translateX(0%);
		
		
		transition-duration: 1s;
	}
	
	.tablet .team.launch .adrian .text h1 {
		transition-delay: 2s;
	}
	.tablet .team.launch .adrian .text h2{
		transition-delay: 2.2s;
	}
	.tablet .team.launch .adrian .text a {
		transition-delay: 2.4s;
	}
	
	.tablet .team .clive .text h1,
	.tablet .team .clive .text h2,
	.tablet .team .clive .text a{
		opacity:0;
		transform: translateX(20%);
	}
	.tablet .team.launch .clive .text h1,
	.tablet .team.launch .clive .text h2,
	.tablet .team.launch .clive .text a {
		opacity:1;
		transform: translateX(0%);
		
		
		transition-duration: 1s;
	}
	
	.tablet .team.launch .clive .text h1 {
		transition-delay: 2s;
	}
	.tablet .team.launch .clive .text h2{
		transition-delay: 2.2s;
	}
	.tablet .team.launch .clive .text a {
		transition-delay: 2.4s;
	}
}


@media only screen and (min-width: 960px) {
	
	
	.pofo .slider .text .logo {
		float:left;
		margin:0;
		margin-right:0.75em;
	}

}
@media only screen and (min-width: 1440px) {
header,
section.pofo,
section.team,
section.cover,
section.news div.year,
section.news h1{
	max-width:1400px;	
	margin-left:auto;
	margin-right:auto;
}
.news div.year {
	margin:   0em auto 0em auto;
}
}