/*
Theme Name: Milkable
Description: Custom WordPress theme for Milkable
Author: Made with love by Yakub Erogul


font-family:'Bebas Neue W01 Regular';
font-family:'Avenir LT W01_35 Light1475496';
font-family:'Avenir LT W01_85 Heavy1475544';
font-family:'Avenir LT W01_95 Black1475556';

---------------------------------------
BASIC STUFF AND TYPOGRAPHY
------------------------------------ */

html { overflow-y: scroll; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; }
.touch body { -webkit-text-size-adjust: none; }
:focus { -moz-outline-style: none; outline: none; }

body {
	margin: 0;
	font-size: 18px;
	line-height: 36px;
	font-family: 'Avenir LT W01_35 Light1475496',Helvetica,Arial,sans-serif;
	background: #0097e1;
	color: white;
	letter-spacing: 0.02em;
	overflow-x:hidden;
}
body.loading, body.loading * {
	cursor: wait;
}

p {
	margin: 20px 0;
}

a {
	text-decoration: none;
	outline: none;
	color: inherit;
	text-decoration:none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
a img { border: 0; }
img { max-width:100%; }
div.clear { clear:both; }

strong {
	font-family:'Avenir LT W01_85 Heavy1475544',Helvetica,Arial,sans-serif;
	font-weight: normal;
}

h1, .cta_heading {
	font: normal normal 72px/80px 'Avenir LT W01_35 Light1475496',Helvetica,Arial,sans-serif;
	margin: 20px 0 10px 0;
	text-rendering: geometricPrecision;
}

h1.pagetitle { display: none; }

h2 {
	font: normal normal 54px/52px 'Bebas Neue W01 Regular',Helvetica,Arial,sans-serif;
	margin: 0;
	letter-spacing: 0.04em;
	-webkit-font-smoothing: antialiased;
}

h3 {
	font: normal normal 12px/16px 'Avenir LT W01_95 Black1475556',Helvetica,Arial,sans-serif;
	letter-spacing: 0.31em;
	opacity: 0.5;
	text-transform: uppercase;
	margin: 10px 0 5px 0;
	-webkit-font-smoothing: antialiased;
}
h1.page_heading {
	font: normal normal 12px/16px 'Avenir LT W01_95 Black1475556',Helvetica,Arial,sans-serif;
	letter-spacing: 0.31em;
	opacity: 0.5;
	text-transform: uppercase;
	margin: 10px 0 5px 0;
	-webkit-font-smoothing: antialiased;
}

h4 {
	font: normal normal 30px/47px 'Avenir LT W01_35 Light1475496',Helvetica,Arial,sans-serif;
	margin: 10px 0;
}
h2.page_intro {
	font: normal normal 30px/47px 'Avenir LT W01_35 Light1475496',Helvetica,Arial,sans-serif;
	margin: 10px 0;
	letter-spacing: 0;
}


div.sep {
	background: white;
	opacity: 0.4;
	height: 2px;
	width: 40px;
	display: inline-block;
	margin: 23px 5px 8px 5px;
}


/* ------------------------------------
HEADER
------------------------------------ */

header {
	
}

a.logo {
	display: block;
	position: absolute;
	top:45px;
	left:55px;
	width: 242px;
	height: 76px;
	z-index: 97;
}

a.logo img {
     width: 242px; 
     /*height: 76px;*/
}
img.logo_png { display: none; }
.ie8 img.logo_svg, .ie8 nav .logo { display: none; }
.ie8 img.logo_png { display: inline; }


/* ------------------------------------
GENERAL LAYOUT
------------------------------------ */

#content {
	padding: 180px 50px;
}


/*about*/
.about_left {
	float: right;
	width: 40%;
	min-height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.about_right {
	float: right;
	width: 60%;
	text-align: center;
	padding: 120px 10% 100px 10%;
	-webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
}
#quotes ul.slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
#quotes ul.slides li {
	position: absolute !important;
	height: 100% !important;
}
#quotes h3 {
	text-transform: none;
	letter-spacing: 0.02em;
	font-family: 'Avenir LT W01_35 Light1475496';
	font-size: 16px;
	line-height: 28px;
	color: #777;
	opacity: 1;
}
.quote_table {
	display: table;
	height: 100%;
	width: 100%;
	vertical-align: middle;
}
.quote_cell {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px 20px 20px;
}
.flex-control-nav {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
}
.flex-control-nav li {
	display: inline-block;
	font-size: 1px;
	line-height: 1px;
}
.flex-control-nav a {
	display: inline-block;
	margin: 0 8px;
	width: 5px;
	height: 5px;
	font-size: 1px;
	text-indent: -9999px;
	text-align: left;
	background: #888;
	border-radius: 999px;
	cursor: pointer;
}
.flex-control-nav a.flex-active {
	background: #00CCFF;
}
.flex-direction-nav { display: none; }


/*what we do*/
.whatwedo_intro {
	padding: 160px 10% 40px 10%;
	text-align: center;
	margin: 0 auto;
	max-width: 1400px;
}
h3.awards_heading {
	margin:50px 0 30px 0;
}
.services {
	
}
.page-id-6 .tile_quote p.tile_quote_text {
	font: normal normal 30px/47px 'Avenir LT W01_35 Light1475496',Helvetica,Arial,sans-serif;
	margin: 40px 0;
	color: #00CCFF;
}
.page-id-6 p.quote_text {
	margin: 40px 0;
}
.tile_quote p {
	line-height: 50px;
}
.holycow {
	display: none;
	width: 320px;
	height: 240px;
	background: url(_inc/img/holycow.png) no-repeat top left;
	position: fixed;
	z-index: 995;
	top:30%;
	left:-400px;
	animation: cow 6s linear 5s none;
}
.awards img {
	margin: 0 30px;
	vertical-align: middle;
}
.awards a:hover {
	opacity: 0.7;
}
@keyframes cow {
	0% {
		-moz-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-o-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-ms-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	}
	100% {
		-moz-transform: scale(1) rotate(590deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1) rotate(590deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-o-transform: scale(1) rotate(590deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-ms-transform: scale(1) rotate(590deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		transform: scale(1) rotate(590deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		left:110%;
	}
}
.service {
	float: left;
	display: table;
	vertical-align: middle;
	width: 20%;
	padding: 10px;
	height: 420px;
	font-size: 16px;
	text-align: center;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	background: rgba(0,0,0,0.05);
	-webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
}
.service.odd {
	background: rgba(0,0,0,0.08);
}
.service.hover {
	background: rgba(0,0,0,0.2);
	width: 24%;
}
.service.smaller {
	width: 19%;
}
.service_inner {
	display: table-cell;
	vertical-align: middle;
	padding-bottom:20px;
}
.service p {
	margin: 0;
	font-size: 14px;
	line-height: 28px;
}
.service h3 {
	opacity: 1;
	margin: 16px 0;
	letter-spacing: 0.2em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.service_text {
	opacity: 0;
	overflow: hidden;
	height: 1px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.service.hover .service_text {
	height: 120px;
	opacity: 1;
}

.service_text p {
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.hover .service_text p {
	opacity: 1;
	transition-delay: 0.3s;
}
.hover .service_text p:nth-child(2) { transition-delay: 0.4s; }
.hover .service_text p:nth-child(3) { transition-delay: 0.5s; }

.service.hover h3 {
	opacity: 0.4;
}
p.service_icon {
	line-height: 0;
	font-size: 0;
	position: relative;
}
.service.hover p.service_icon {
	-webkit-animation: bobbing 1s ease-in-out 0s infinite alternate;
	-moz-animation: bobbing 1s ease-in-out 0s infinite alternate;
	animation: bobbing 1s ease-in-out 0s infinite alternate;
}
p.service_icon img {
	width:200px;
	height:200px;
	position: relative;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.service.hover p.service_icon img {
	-moz-transform: scale(1.3) translateY(-30px);
	-webkit-transform: scale(1.3) translateY(-30px);
	-o-transform: scale(1.3) translateY(-30px);
	-ms-transform: scale(1.3) translateY(-30px);
	transform: scale(1.3) translateY(-30px);
}


/*contact*/
.deets {
	text-align: center;
	height: 90vh;
	min-height: 720px;
	padding: 1px 30px;
	position: relative;
	background: url(_inc/img/contact_bg.jpg) no-repeat center bottom;
	background-size: cover;
	overflow: hidden;
}
.deets h2 {
	-webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	font: normal normal 72px/80px 'Avenir LT W01_35 Light1475496',Helvetica,Arial,sans-serif;
	margin: 20px 0 10px 0;
	text-rendering: geometricPrecision;
	letter-spacing: 0;
}
.deets_inner {
	position: relative;
	top:40%;
	margin-top:-130px;
	z-index: 2;
}
.page-id-12 .cta_bg {
	background-size: 103% auto;
	background-position: center 200px;
}
.page-id-12 h3.scrolldown {
	position: absolute;
	display: block;
	text-align: center;
	width: 100%;
	bottom: 25px;
	left: 0;
	margin: 0;
	opacity: 1;
	line-height: 20px;
	font-size: 11px;
	color: rgba(255,255,255,0.5);
	z-index: 2;
}
.page-id-12 h3.scrolldown a {
	display: inline-block;
	-webkit-animation: bobbing 1s ease-in-out 0s infinite alternate;
	-moz-animation: bobbing 1s ease-in-out 0s infinite alternate;
	animation: bobbing 1s ease-in-out 0s infinite alternate;
}
.page-id-12 h3.scrolldown a span {
	display: inline-block;
	letter-spacing: 0.12em;
	font-size: 12px;
	border: 2px solid rgba(255,255,255,0.5);
	border-radius: 99px;
	color: white;
	padding: 10px 26px;
	margin: 6px 0 0 0;
	font-family: 'Avenir LT W01_85 Heavy1475544',Helvetica,sans-serif;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.page-id-12 h3.scrolldown a:hover span {
	border-color: white;
}

.deets h2 a {
	display: inline-block;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.deets h2 a:hover {
	color: #65e4ff;
	-moz-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.deets a.social_icon {
    margin: 10px 20px;
    font-size: 35px;
    padding: 30px;
}

.contactform {
	background: white url(_inc/img/footer_bg.jpg) no-repeat center bottom;
	background-size: cover;
	color: black;
	padding: 120px 30px;
	text-align: center;
}
.contactform input[type='text'], .contactform input[type='email'], .contactform input[type='tel'], .contactform textarea {
	font-size: 45px;
	border-radius: 0;
	background: transparent;
	line-height: 55px;
	border: none;
	border-bottom:2px solid #ccc;
	padding: 10px 0;
	font-family:'Avenir LT W01_35 Light1475496',Helvetica,sans-serif;
	width: 100%;
    max-width: 500px;
    margin: 40px 0 12px 0;
    text-rendering: geometricPrecision;
    text-align: center;
}
.contactform input[type='text']:hover, .contactform input[type='email']:hover, .contactform input[type='tel']:hover, .contactform textarea:hover {
	
}
.contactform input[type='button'], .contactform input[type='submit'] {
	cursor: pointer;
	font-family:'Avenir LT W01_35 Light1475496';
}
.gform_page_footer::after {
    content: "Or press Enter";
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    color: #bbb;
    font-family: 'Avenir LT W01_85 Heavy1475544',Helvetica,sans-serif;
	margin: 14px 0 0 0;
}
#gform_page_1_4 .gform_page_footer::after, #gform_page_1_5 .gform_page_footer::after, .safari .gform_page_footer::after {
	content: none;
}
.touch .gform_page_footer::after { content: none !important }
.gfield_description.validation_message {
	font-size: 17px;
	color: #999;
}
.contactform textarea {
    height: 200px;
    border: 2px solid #ccc;
    resize: none;
    padding: 16px 36px;
    font-size: 26px;
    text-align: left;
    border-radius: 8px;
}
.contactform label {
	font-size: 56px;
	line-height: 64px;
	color: #1da5ea;
	text-rendering: geometricPrecision;
}
.gform_page_footer {
	margin: 30px 0 0 0;
	font-size: 0;
}
.gform_page_footer input[type='button'], .gform_page_footer input[type='submit'] {
	margin: 0;
	font-size: 24px;
	display: inline-block;
	border: 2px solid #ccc;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.gform_page_footer input[type='button']:hover, .gform_page_footer input[type='submit']:hover {
	background: #f3f3f3;
	border-color: #ccc;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
}
.gform_page_footer input[type='button'].gform_next_button, .gform_page_footer input[type='submit'] {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.gform_page_footer input[type='button'].gform_previous_button {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
	color: #ccc;
}
.gform_page_footer input[type='button'].gform_next_button#gform_next_button_1_1 {
	border-radius: 99px;
}
.gform_wrapper li.contact_confirm {
	font-size: 40px;
	line-height: 60px;
	max-width: 800px;
	margin: 0 auto;
	display: block;
	color: black;
}
.contact_confirm div {
	margin: 12px 0;
}
.contact_confirm a {
	color: #1da5ea;
	border-bottom:1px dotted #1da5ea;
	white-space: nowrap;
}
.contact_confirm a:hover {
	color: #0FC3F1;
}
.contact_confirm h3 {
	color: black;
}
input#gform_submit_button_1 {
	color: #1da5ea;
	-webkit-animation: sendbutton 0.3s ease-in-out 0s infinite alternate;
	-moz-animation: sendbutton 0.3s ease-in-out 0s infinite alternate;
	animation: sendbutton 0.3s ease-in-out 0s infinite alternate;
}
@keyframes sendbutton {
	0% {
		color:#999;
	}
	100% {
		color: #1da5ea;
	}
}
@-webkit-keyframes sendbutton {
	0% {
		color:#999;
	}
	100% {
		color: #1da5ea;
	}
}
.yousaid {
	font-size: 20px;
	color: black;
	line-height: 30px;
	margin: 20px 0 5px 0;
}
#gform_confirmation_message_1 h1 {
	color: #0097e1;
}
.contactform_inner {
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
}
.contactform_inner.hidden {
	opacity: 0;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(-16px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-16px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(-16px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-16px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(-16px) skewX(0deg) skewY(0deg);
}
span.gfield_required, .validation_error, img.gform_ajax_spinner { display: none !important; }

/*maps*/
.office {
	height: 600px;
	position: relative;
	background: black;
}
.address {
	width: 450px;
	height: 450px;
	border-radius: 999px;
	margin: 75px 0 0 75px;
	position: absolute;
	z-index: 2;
	background: white;
	opacity: 1;
	color: black;
	left: 0;
	top:0;
	display: table;
	text-align: center;
	padding: 40px 60px;
	-webkit-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
}
.office:hover .address {
	-moz-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
}
.address_inner {
	display: table-cell;
	vertical-align: middle;
}
.map {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	background: #555;
	opacity: 0.6;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
.office:hover .map {
	opacity: 0.8;
}
.melbourne .address, .sydney .address { left: auto; right: 0; margin: 75px 75px 0 0; }
.acf-map {
	width: 100%;
	height: 100%;
	position: absolute !important;
}


/* ------------------------------------
TILE LAYOUT
------------------------------------ */

.page-id-4 .tiles {
	background: white;
}
.tiles {
	background: white;
	overflow: hidden;
}
.tile {
	display: block;
	float: left;
	width: 20%;
	height: 440px;
	overflow: hidden;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #0097e1;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.tile.tile_quote {
	color: black;
	display: table;
	text-align: center;
	background: #fcfcfc;
	padding: 0 4%;
	-webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
}
.tile_quote h4, .tile_quote p.quote_text {
	color: #00CCFF;
}
.tile_quote h3 {
	color: black;
}
.tile_quote_inner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.tile_bg {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-transform: scale(1.01) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.01) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.01) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.01) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.01) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.tile_bg video, .work_header video, .page-id-6 .tile video, .page-id-4 .tile video {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-size: cover;
	background-position: center center;
}
.touch .tile_bg video, .touch .work_header video { display: none !important }
.vjs-text-track-display,.vjs-loading-spinner,.vjs-control-bar,.vjs-poster { display: none !important; }

.tile:hover .tile_bg {
	-moz-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.05) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.tile_tint {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.tile:hover .tile_tint {
	opacity: 0.7;
}
.tile.tile20 { width: 20%; }
.tile.tile25 { width: 25%; }
.tile.tile30 { width: 30%; }
.tile.tile33 { width: 33.3333333333%; }
.tile.tile40 { width: 40%; }
.tile.tile50 { width: 50%; }
.tile.tile60 { width: 60%; }
.tile.tile100 { width: 100%; }

.tile.floatright { float: right; }

p.tile_subtitle {
	font: normal normal 12px/16px 'Avenir LT W01_95 Black1475556',Helvetica,Arial,sans-serif;
	letter-spacing: 0.31em;
	opacity: 0.5;
	text-transform: uppercase;
	margin: 10px 0 5px 0;
	-webkit-font-smoothing: antialiased;
}

.tile_inner {
	position: absolute;
	bottom:45px;
	left:60px;
	max-width: 80%;
}

.tile p {
	margin: 0;
}
.tile .sep {
	margin: 4px 0;
}

span.view {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 11px;
	line-height: 12px;
	padding: 12px 23px 10px 27px;
	border:2px solid white;
	border:2px solid rgba(255,255,255,0.2);
	border-radius: 99px;
	margin: 14px 0 0 -1px;
	opacity: 0;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(10px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(10px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(10px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(10px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(10px) skewX(0deg) skewY(0deg);
	-webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
span.view:hover {
	border-color: white;
}
.tile:hover span.view {
	opacity: 1;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

.tile_video {
	position: relative;
	overflow: hidden;
}

/*double height*/
.tile.rowspan2 {
	height: 880px;
}
.tile.rowspan2 .tile_inner {
	bottom: 25%;
}
.tile.featured p {
	margin-bottom:10px;
}

/*1.5x height*/
.tile.rowspan1point5 {
	height: 660px;
}

/*featured*/
.tile.featured h2, .tile.rowspan2 h2 {
	font-size: 88px;
	line-height: 78px;
	margin: 8px 0 16px 0;
}
.tile.featured p:not(.tile_subtitle) {
	font-size: 26px;
	line-height: 36px;
}



/* ------------------------------------
WORK
------------------------------------ */

.single-work .menu > ul > li.page-item-10.current_page_parent > a { color: white; }
.single-work .menu > ul > li.page-item-10.current_page_parent > a:hover { color: #65e4ff; }
.single-work .menu > ul > li.page-item-8 > a { color: #65e4ff; }
.work_intro {
	height: 180px;
}
.work_cats {
	
}
.work_cats_mobile { display: none; }
.work_cats a {
	display: block;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-family:'Avenir LT W01_85 Heavy1475544';
	letter-spacing: 0.3em;
	padding: 10px;
	width: 16.666666%;
	background: rgba(0,0,0,0.05);
	color: rgba(255,255,255,0.8);
	-webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
}
.work_cats a.last {
	border-right: none;
}
.work_cats a:hover, .work_cats a.odd:hover {
	background: rgba(0,0,0,0.2);
	color: white;
}
.work_cats a.odd {
	background: rgba(0,0,0,0.08);
}
.work_cats a.current, .work_cats a.odd.current {
	background: white;
	color: #0097e1;
}


/*WORK DETAIL PAGE*/
.work_header {
	height: 90vh;
	overflow: hidden;
	position: relative;
	background: black;
}
.work_image {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-webkit-animation: workimage 40s ease-out 0s infinite alternate;
	-moz-animation: workimage 40s ease-out 0s infinite alternate;
	animation: workimage 40s ease-out 0s infinite alternate;
}
@keyframes workimage {
	0% {
		-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	}
	100% {
		-moz-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-o-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-ms-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	}
}
@-webkit-keyframes workimage {
	0% {
		-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	}
	100% {
		-moz-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-o-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-ms-transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		transform: scale(1.2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	}
}
.work_tint {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.4;
	z-index: 1;
}
.work_text {
	position: absolute;
	bottom: 40px;
	width: 100%;
	text-align: center;
	left: 0;
	z-index: 2;
}
span.middot {
	padding: 0 10px;
}
.work_text h3 a {
	display: inline-block;
}
.work_text h3 span:last-child {
	display: none;
}
.work_text h1 {
	font: normal normal 135px/130px 'Bebas Neue W01 Regular',Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0 20px;
	letter-spacing: 0.04em;
	-webkit-font-smoothing: antialiased;
}
.work_text h2 {
	font: normal normal 17px/24px 'Avenir LT W01_95 Black1475556',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.4em;
	margin: 6px 0;
}
.work_text p.scrolldown {
	margin: 30px 0 0 0;
}
p.scrolldown a {
	display: inline-block;
	padding: 14px 20px;
	border: 2px solid white;
	border-radius: 999px;
	font-size: 30px;
	line-height: 30px;
	-webkit-animation: bobbing 1s ease-in-out 0s infinite alternate;
	-moz-animation: bobbing 1s ease-in-out 0s infinite alternate;
	animation: bobbing 1s ease-in-out 0s infinite alternate;
	opacity: 0.7;
}
p.scrolldown a:hover {
	opacity: 1;
}
p.scrolldown a span {
	text-align: left;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
@keyframes bobbing {
	0% {
		-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-moz-transform: translateY(12px);
		-webkit-transform: translateY(12px);
		-o-transform: translateY(12px);
		-ms-transform: translateY(12px);
		transform: translateY(12px);
	}
}
@-webkit-keyframes bobbing {
	0% {
		-moz-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-o-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-moz-transform: translateY(12px);
		-webkit-transform: translateY(12px);
		-o-transform: translateY(12px);
		-ms-transform: translateY(12px);
		transform: translateY(12px);
	}
}
.related_work {
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	padding: 40px 20px;
	color: #0097e1;
	background:white;
	font-family:'Avenir LT W01_35 Light1475496',Helvetica,sans-serif;
}


/*modules*/
.modules {
	background: white;
	color: black;
}
.module_text_only {
	padding: 80px;
	text-align: center;
	font-size: 23px;
	line-height: 44px;
}
.module_text_inner {
	max-width: 1200px;
	margin: 0 auto;
}
.module_full_width_image {
	font-size: 0;
	line-height: 0;
}
.module_full_width_image.normal {
	padding: 120px 50px;
}
.module_full_width_image.normal img {
	margin: 0 auto;
	display: block;
}
.module_full_width_image.fullwidth img {
	width: 100%;
}
.module_left_image_and_text {
	
}
.module_image_col {
	min-height: 600px;
	float: left;
	width: 60%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.module_text_col {
	float: left;
	width: 40%;
}
.module_text_col_inner {
	max-width: 800px;
	padding: 80px;
}
.module_right_image_and_text {
	text-align: right;
}
.module_right_image_and_text .module_text_col_inner {
	margin: 0 0 0 auto;
}
.module_video {
	line-height: 1px;
	text-align: center;
	background: black;
}
.module_video_auto {
	line-height: 0;
	text-align: center;
	background: black;
}
.module_video.padding {
	padding:80px 0;
}
.module_video iframe {
	margin: 0;
	border: 0;
}
.module_two_images img {
	width: 50%;
	float: left;
}
.module_two_images {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.module_button {
	text-align: center;
	padding: 60px;
}

/*manual overrides*/
#work_598_6 .module_text_col, #work_598_10 .module_text_col {
	min-height: 900px;
}


/* ------------------------------------
HOMEPAGE
------------------------------------ */

h1.home_heading {
	display: none;
}
.homebanner {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
}
.home p.scrolldown {
	position: absolute;
	display: block;
	text-align: center;
	width: 100%;
	bottom: 25px;
	left: 0;
	margin: 0;
}
.home_mask {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	/*background: #0097e1 url(_inc/img/loading_bg.jpg) no-repeat center center;*/
	background: #0097e1;
	background-size: cover;
	z-index: 9997;
}
.logosprite {
	position: fixed;
	width: 320px;
	height: 320px;
	background: url(_inc/img/logospriteloop.png) no-repeat top left;
	background-size: auto 320px;
	top:50%;
	left:50%;
	margin: -160px 0 0 -160px;
	z-index: 9998;
}
.touch .logosprite {
	background-size:32000px 320px;
}
a.home_more {
	display: block;
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.05em;
	padding: 30px 20px;
	background: white;
	color: #0097e1;
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.home_more:hover {
	
}
a.home_more i.fa.fa-angle-right {
	margin: 0 0 0 -11px;
	font-size: 28px;
	opacity: 0;
	position: relative;
	top: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a.home_more:hover i.fa.fa-angle-right {
	margin: 0 0 0 10px;
	opacity: 1;
}

/*parallax*/
ul.scene {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:105%;
	overflow: hidden;
	text-align: center;
}


/*the outer layer that has the parallax effect*/
ul.scene li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	width: 108%;
	height: 108%;
	margin: -4% 0 0 -4%;
	position: absolute;
}


/*the first layer divs that have the floating animation*/
ul.scene li > div {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
}
ul.scene li.splash0 > div > div { background-size: cover; }
.splash0 > div {  }
.splash1 > div { -webkit-animation: float2 2s ease-in-out 0s infinite alternate;-moz-animation: float2 2s ease-in-out 0s infinite alternate;animation: float2 2s ease-in-out 0s infinite alternate; }
.splash2 > div { -webkit-animation: float4 3s ease-in-out 0s infinite alternate;-moz-animation: float4 3s ease-in-out 0s infinite alternate;animation: float4 3s ease-in-out 0s infinite alternate; }
.splash3 > div { -webkit-animation: float1 2s ease-in-out 0s infinite alternate;-moz-animation: float1 2s ease-in-out 0s infinite alternate;animation: float1 2s ease-in-out 0s infinite alternate; }
.splash3a > div { -webkit-animation: float1 1.5s ease-in-out 0s infinite alternate;-moz-animation: float1 1.5s ease-in-out 0s infinite alternate;animation: float1 1.5s ease-in-out 0s infinite alternate; }
.splash4 > div { -webkit-animation: float2 5s ease-in-out 0s infinite alternate;-moz-animation: float2 5s ease-in-out 0s infinite alternate;animation: float2 5s ease-in-out 0s infinite alternate; }
.splash5 > div { -webkit-animation: float3 4s ease-in-out 0s infinite alternate;-moz-animation: float3 4s ease-in-out 0s infinite alternate;animation: float3 4s ease-in-out 0s infinite alternate; }
.splash5a > div { -webkit-animation: float1 2s ease-in-out 0s infinite alternate;-moz-animation: float1 2s ease-in-out 0s infinite alternate;animation: float1 2s ease-in-out 0s infinite alternate; }


/*the second layer divs that have the background image and the intro WOW animation*/
ul.scene li > div > div {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
ul.scene li.splash0 > div > div {
	left:-2%;
	width: 104%;
	height: 108%;
}
ul.scene li.splash0 > div > div { }
ul.scene li.splash1 > div > div { }
ul.scene li.splash2 > div > div { }
ul.scene li.splash3 > div > div { }
ul.scene li.splash3a > div > div { }
ul.scene li.splash4 > div > div { }
ul.scene li.splash5 > div > div { left:-5%; top:-5%; width:110%; height:110%; }
ul.scene li.splash5a > div > div { left:-5%; top:-5%; width:110%; height:110%; }


/*ALTS*/
.page-id-189 .splash0 div { background-image: url(_inc/img/splash_bg2.jpg); }
.page-id-189 .homebanner { background-image: url(_inc/img/splash_bg2.jpg); }
.page-item-189 { display: none !important }

.page-id-218 .splash0 div { background-image: url(_inc/img/splash_bg3.jpg); }
.page-id-218 .homebanner { background-image: url(_inc/img/splash_bg3.jpg); }
.page-item-218 { display: none !important }


@keyframes float1 {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}
}
@keyframes float2 {
	0% {
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes float3 {
	0% {
		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes float4 {
	0% {
		-webkit-transform: rotateZ(-1deg);
		-moz-transform: rotateZ(-1deg);
		transform: rotateZ(-1deg);
	}
	100% {
		-webkit-transform: rotateZ(1deg);
		-moz-transform: rotateZ(1deg);
		transform: rotateZ(1deg);
	}
}


@-webkit-keyframes float1 {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	100% {
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}
}
@-webkit-keyframes float2 {
	0% {
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@-webkit-keyframes float3 {
	0% {
		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@-webkit-keyframes float4 {
	0% {
		-webkit-transform: rotateZ(-1deg);
		-moz-transform: rotateZ(-1deg);
		transform: rotateZ(-1deg);
	}
	100% {
		-webkit-transform: rotateZ(1deg);
		-moz-transform: rotateZ(1deg);
		transform: rotateZ(1deg);
	}
}


.home_blurb {
	background: white url(/mkwp/wp-content/themes/milkable/_inc/img/footer_bg.jpg) no-repeat center bottom;
	background-size: cover;
	font-size: 56px;
	line-height: 64px;
	color: #1da5ea;
	text-rendering: geometricPrecision;
	padding: 120px 30px;
	text-align: center;
}
.home_blurb h4 {
	max-width: 1500px;
	margin-left:auto;
	margin-right:auto;
}


/* ------------------------------------
NAVIGATION
------------------------------------ */

nav .logo {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-backface-visibility: hidden;
}
nav .logo.hidden {
	opacity: 0;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
}
a.nav_toggle {
	display: block;
	position: fixed;
	top:0;
	right:0;
	width: 180px;
	height: 170px;
	text-indent: -9999px;
	z-index: 99;
	background:url(_inc/img/navsprite.png) no-repeat top left;
	background-size:auto 170px;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.touch a.nav_toggle {
	background-size:5580px 171px;
}

.nav_wrapper {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 98;
	overflow: hidden;
	visibility: visible;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
}
.nav_closed.nav_wrapper {
	visibility: hidden;
}
.nav_mask {
	overflow: hidden;
	position: absolute;
	border-radius: 100%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	z-index: 2;
}
.nav_closed .nav_mask {
	width: 0 !important;
	height: 0 !important;
	top:85px !important;
	right: 90px !important;
}

nav {
	position: absolute;
	z-index: 1;
	top:50%;
	right:50%;
	width: 50%;
	height: 50%;
	min-height: 750px;
	background: #007DC3;
	background-size: cover;
	opacity: 0.95;
	margin:0;
	-webkit-transition: margin 1s ease-in-out;
	-moz-transition: margin 1s ease-in-out;
	-ms-transition: margin 1s ease-in-out;
	-o-transition: margin 1s ease-in-out;
	transition: margin 1s ease-in-out;
}
.nav_closed nav {
	margin:-85px -90px 0 0 !important;
}

.nav_menu {
	margin:180px 80px 0 auto;
	max-width: 500px;
	text-align: right;
}

.menu > ul {
	list-style:none;
	margin:0;
	padding:0;
}

.menu > ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
	position:relative;
}

.menu > ul > li > a {
	font:normal normal 52px/50px 'Bebas Neue W01 Regular',Helvetica,Arial,sans-serif;
	text-decoration: none;
	display: block;
	padding: 8px 0;
	overflow: hidden;
	color: white;
	letter-spacing: 2px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	opacity: 1;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-backface-visibility: hidden;
}

.menu > ul > li > a.hidden {
	opacity: 0;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg);
}

.menu > ul > li > a:hover, .menu > ul > li:hover > a, .menu > ul > li.current_page_item > a, .menu > ul > li.current_page_parent > a {
	color: #65e4ff;
}

.menu > ul > li > a:hover, .menu > ul > li:hover > a {
	-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

.menu .children {
	display: none;
}

.facts {
	position: absolute;
	bottom:60px;
	left: 80px;
	pointer-events: none;
	max-width: 50%;
	-webkit-backface-visibility: hidden;
}
.factoids p {
	display: none;
}
.facts p {
	margin: 12px 0 0 0;
	font-size: 23px;
	line-height: 30px;
}

.nav_social {
	position: absolute;
	right: 80px;
	bottom: 60px;
}
.nav_social a {
	
}

a.social_icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 18px;
	border: 2px solid rgba(255,255,255,0.5);
	font-size: 23px;
	line-height: 30px;
	text-align: center;
	color: white;
	border-radius: 999px;
	margin: 0 0 0 30px;
	-webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-webkit-backface-visibility: hidden;
}
a.social_icon:hover {
	border-color: white;
	-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
a.social_icon span { display: none; }

.nav_menu h3 { pointer-events: none; }


/* ------------------------------------
FOOTER
------------------------------------ */

footer {
	background: white url(_inc/img/footer_bg.jpg) no-repeat center bottom;
	background-size: cover;
	color: black;
	font-size: 22px;
	line-height: 40px;
	padding: 80px 30px 50px 30px;
}
footer a {
	color: black;
}
footer .fineprint a span, .address .fineprint a span {
	display: none;
}
footer p {
	margin: 20px 0 0 0;
}
.footer_inner {
	max-width: 1200px;
	margin: 0 auto;
}
.footer_col {
	float: left;
	width: 23%;
	margin-right: 2%;
}
footer a.social_icon {
	color:black;
	border-color:rgba(0,0,0,0.3);
	margin:0 20px 0 0;
}
footer a.social_icon:hover {
	border-color:rgba(0,0,0,0.6);
}
footer img {
	width: 60px;
	height: 60px;
}
.copyright {
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	padding: 60px 0 0 0;
}
.copyright a:hover {
	opacity: 0.7;
	color: #0097e1;
}

.cta {
	text-align: center;
	padding: 120px 30px 100px 30px;
	background: url(_inc/img/cta_bg.jpg) no-repeat center bottom;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.cta_inner {
	position: relative;
	z-index: 2;
}
.cta_bg {
	position: absolute;
	width: 100%;
	height: 108%;
	top:-4%;
	left:0;
	z-index: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.cta1 { background-image: url(_inc/img/cta_1.png); z-index: 1; -webkit-animation: float3 2s ease-in-out 0s infinite alternate; -moz-animation: float3 2s ease-in-out 0s infinite alternate;animation: float3 2s ease-in-out 0s infinite alternate; }
.cta2 { background-image: url(_inc/img/cta_2.png); -webkit-animation: float1 2s ease-in-out 0s infinite alternate; -moz-animation: float1 2s ease-in-out 0s infinite alternate;animation: float1 2s ease-in-out 0s infinite alternate; }
.cta .sep {
	margin: 23px 5px -10px 5px;
}
.cta p.sayhello {
	margin: 40px 0 25px 0;
}

p.fineprint {
	font-size: 14px;
	font-family:'Avenir LT W01_85 Heavy1475544',Helvetica,sans-serif;
	margin: 0;
}
p.fineprint a {
	color: #999;
}

/*insta*/
.insta_feed {
	overflow: hidden;
}
#sbi_load { display: none }
a.sbi_photo {
	opacity: 0.5 !important;
	overflow: hidden;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
a.sbi_photo:hover {
	opacity: 1 !important;
}
span.sbi_caption {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 88px 16px 10px 16px;
	font-size: 14px;
	line-height: 22px;
	opacity: 0;
	width: 100%;
	-moz-transform: translateY(12px);
	-webkit-transform: translateY(12px);
	-o-transform: translateY(12px);
	-ms-transform: translateY(12px);
	transform: translateY(12px);
	-webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 55%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 55%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 55%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
a.sbi_photo:hover span.sbi_caption {
	opacity: 1;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
p.sbi_caption_wrap {
	display: none !important;
}


/* ------------------------------------
FORMS
------------------------------------ */

input[type='text'], select, textarea {
	
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
}

input[type=submit], button, a.button, .button {
	font-size: 24px;
	line-height: 24px;
	padding:16px 55px 15px 55px;
	-webkit-appearance: none;
	border:2px solid white;
	border:2px solid rgba(255,255,255,0.4);
	background: transparent;
	border-radius: 999px;
	outline:0;
	display: inline-block;
	text-decoration: none;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-o-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
input[type=submit]:hover, button:hover, a.button:hover, .button:hover {
	border-color:white;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
a.button.small {
	font-size: 12px;
	padding: 8px 20px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.gform_ajax_spinner {
	vertical-align: middle;
	margin: 0 8px;
}

.gform_wrapper ul, .gform_wrapper li {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* ------------------------------------
EVERYTHING ELSE, MISCELLANEOUS STUFF
------------------------------------ */

.alignright {
	clear: right;
	float: right;
	margin: 0px 0px 20px 20px;
}

.alignleft {
	clear: left;
	float: left;
	margin: 0px 20px 20px 0px;
}

.wp-caption-text {
	font-style: italic;
	font-size: 11px;
	line-height: 16px;
	margin-top: 3px;
}

a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
::-moz-selection{background: #9ce2ff !important;}
::selection {background: #9ce2ff !important;}

::-webkit-input-placeholder { color: #ddd; }
input:focus::-webkit-input-placeholder { color: #eee; }
:-moz-placeholder { color: #ddd; }
::-moz-placeholder { color: #ddd; }
:-ms-input-placeholder { color: #ddd; }

.wow { visibility: hidden }

#warning {
	background: black;
	color: white;
	text-align: center;
	font-size: 14px;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 98;
}
#warning a {
	display: block;
	padding: 20px;
	color: white;
}
#warning a:hover {
	color: orange;
}
.error404 #content {
	text-align: center;
	position: relative;
	height: 90vh;
	padding: 1px 0;
	background:url(_inc/img/loading_bg.jpg) no-repeat center center;
	background-size: cover;
}
.text_404 {
	position: relative;
	top:50%;
	margin-top:-70px;
}

.animsition-loading {
	position: fixed;
	width: 320px;
	height: 320px;
	background: url(_inc/img/logospriteloop.png) no-repeat top left;
	border-radius: 0;
	background-size: auto 320px;
	top:50%;
	left:50%;
	margin: -160px 0 0 -160px;
	z-index: 9998;
	animation: none !important;
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	border:none !important;
}
.home .animsition-loading { display: none !important; opacity: 0 !important; }


/*LANDING PAGES*/
.landing_text {
	background: #008bcf;
	padding: 30px 60px;
}
.landing_inner {
	max-width: 1500px;
	margin: 0 auto;
}
.landing_intro {
	width: 35%;
	float: left;
}
.landing_copy {
	width: 60%;
	margin-left:5%;
	float: left;
}
.landing_copy p {
	font-size: 15px;
	line-height: 26px;
	margin: 16px 0;
}
.landing_intro p {
	font-size: 30px;
	line-height: 50px;
	margin: 12px 0;
}

/*PLAIN PAGE TEMPLATE*/
body.page-template-template-privacy {
	background: white;
	color: black;
	font-size: 12px;
	line-height: 20px;
	cursor: auto !important;
}
body.page-template-template-privacy * {
	cursor: auto !important;
}
body.page-template-template-privacy p {
	margin: 12px 0;
}
body.page-template-template-privacy h1 {
	margin: 30px 0;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
}
body.page-template-template-privacy h3 {
	margin: 20px 0 8px 0;
}
body.page-template-template-privacy h4 {
	margin: 20px 0 8px 0;
	font-size: 20px;
	line-height: 32px;
}
.plain_wrapper {
	max-width: 700px;
	margin: 80px auto;
	padding: 0 40px;
}


/* ------------------------------------
MEDIA QUERIES
------------------------------------ */

@media screen and (max-width:1700px) {
	ul.scene li div {
		background-size: 110% auto;
	}
}

@media screen and (max-width:1500px) {
	nav {
		min-height: 630px;
	}
	.nav_menu {
		margin: 130px 80px 0 auto;
	}
	.menu > ul > li > a {
		font-size: 46px;
		line-height: 40px;
	}
	.tile_inner {
		left:30px;
		bottom: 25px;
		max-width: 90%;
	}
	h2 {
		font-size: 40px;
		line-height: 40px;
	}
	.about_right {
		padding: 100px 5% 80px 5%;
	}
	.work_text h1 {
		font-size: 80px;
		line-height: 80px;
	}
	.module_text_only {
		padding: 50px 120px;
	}
	.module_video.padding {
		padding: 50px 0;
	}
	.module_text_col_inner {
		padding: 40px;
	}
	.module_image_col {
		min-height: 500px;
	}
	.module_full_width_image.normal {
		padding: 80px 50px;
	}
	.page-id-6 .tile_quote p.tile_quote_text, p.quote_text {
		font-size: 19px;
		line-height: 40px;
	}
	.page-id-6 .tile_quote p {
		font-size: 14px;
		line-height: 35px;
	}
	.tile {
		height: 330px;
	}
	.tile.rowspan2 {
		height: 660px;
	}
	.tile.rowspan1point5 {
		height: 495px;
	}
	.cta_bg {
		background-size: 110% auto;
	}
	.page-id-12 .cta_bg {
		background-size: 110% auto;
		background-position: center 300px;
	}
	.landing_intro, .landing_copy {
		float: none;
		width: auto;
		margin-left: 0;
	}
}

@media screen and (max-width:1200px) {
		
	.tile {
		height: 250px;
	}
	.page-id-4 .tile {
		height: 250px;
	}
	.tile.rowspan2 {
		height: 500px;
	}
	.tile.rowspan1point5 {
		height: 375px;
	}
	.tile_inner {
		bottom: 30px;
		left: 30px;
		max-width: 90%;
	}
	span.view, .sbi_caption { display: none; }
	h1, .cta_heading, .deets h2 {
		font-size: 60px;
		line-height: 60px;
	}
	.tile.featured h2, .tile.rowspan2 h2 {
		font-size: 60px;
		line-height: 55px;
	}
	.tile.featured p {
		font-size: 21px;
		line-height: 27px;
	}
	div.sep {
		margin: 18px 5px 2px 5px;
	}
	ul.scene li div {
		background-size: 120% auto;
	}
	.tile_quote p.tile_quote_text, p.quote_text {
		font-size: 23px;
		line-height: 32px;
	}
	#quotes h3 {
		font-size: 13px;
		line-height: 19px;
	}
	
}

@media screen and (min-width:1024px) and (max-width:1024px) {
	.homebanner {
		height: 100vh;
	}
}

@media screen and (max-width:1023px) {
	.homebanner {
		height: 800px;
	}
	ul.scene li div {
		background-size: 130% auto;
	}
	h1, .cta_heading, .deets h2 {
		font-size: 50px;
		line-height: 50px;
	}
	.tile, .tile.tile20, .tile.tile25, .tile.tile30, .tile.tile33, .tile.tile40, .tile.tile50, .tile.tile60 {
		width: 50%;
		height: 220px;
		float: left;
	}
	.tile.featured p, .tile.featured .tile_inner br, .tile.featured .sep { display: none; }
	.tile.featured h2, .tile.rowspan2 h2 {
		margin:0;
		font-size: 40px;
		line-height: 40px;
	}
	.tile.featured .tile_inner {
		top: auto;
		bottom: 30px;
		width: 90%;
	}
	.footer_col {
		width: 250px;
		margin: 0 20px 30px 60px;
	}
	footer {
		padding: 60px 30px 50px 30px;
	}
	.copyright {
		padding: 10px 0 0 0;
	}
	.about_left {
		float: none;
		width: auto;
		height: 400px !important;
	}
	.about_right {
		float: none;
		width: auto;
		padding: 140px 30px 30px 30px;
	}
	.page-id-4 .tile40.rowspan1point5 {
		width: 100%;
	}
	.module_video iframe {
		width: 100% !important;
		height: 440px !important;
	}
	.module_video.padding {
		padding: 0;
	}
	.module_image_col {
		width: 50%;
		min-height: 300px;
	}
	.module_text_col {
		width: 50%;
	}
	.page-id-6 .tile_quote h4 {
		
	}
	.page-id-4 .tile_quote p.tile_quote_text, .page-id-4 p.quote_text {
		font-size: 19px;
		line-height: 28px;
	}
	.tile_quote h3 {
		font-size: 10px;
	}
	.page-id-6 .tile_quote p {
		margin: 30px 0;
	}
	.whatwedo_intro {
		padding: 160px 8% 50px 8%;
	}
	.whatwedo_intro h4 {
		font-size: 23px;
		line-height: 43px;
	}
	.page-id-6 .tile60.rowspan1point5 {
		height: 400px;
	}
	.page-id-6 .tile40.rowspan1point5 {
		height: 420px;
	}
	.page-id-6 .tile_quote p {
		line-height: 28px;
	}
	.office {
		height: 400px;
	}
	.address h4 {
		font-size: 20px;
		line-height: 34px;
	}
	.address {
		width: 350px;
		height: 350px;
		left:-60px;
	}
	.melbourne .address, .sydney .address {
		right: -60px;
	}
	.service, .service.hover, .service.smaller {
		width: 50%;
		background: none;
		height: 350px;
	}
	.service h3 { opacity: 1 !important; }
	.service.odd {
		background: none;
	}
	.service_text, .service.hover .service_text, .service.smaller .service_text {
		height: auto !important;
		opacity: 1 !important;
	}
	.page-id-12 .cta_bg { display: none; }
	.work_cats a {
		width: 33.3333%;
		padding: 4px 0 2px 0;
	}
	
	.home .services { display: none }
	.home_blurb {
		padding: 30px 30px;
	}
	.home_blurb h4 {
		font-size: 20px;
		line-height: 35px;
	}
	
}

@media screen and (max-width:959px) {
	
}

@media screen and (max-width:767px) {
	body {
		font-size: 15px;
		line-height: 28px;
	}
	.module_text_only {
		font-size: 17px;
		line-height: 31px;
	}
	h1, .cta_heading, .deets h2 {
		font-size: 30px;
		line-height: 40px;
	}
	h4, h2.page_intro {
		font-size: 20px;
		line-height: 35px;
	}
	a.nav_toggle {
		top: -20px;
		right: -30px;
		height: 140px;
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
	}
	a.logo {
		left: 22px;
		top: 27px;
		width: 200px;
		height: 76px;
	}
	nav {
		height: 100vh !important;
	}
	nav .logo, nav .sep, nav h3, .facts { display: none; }
	.nav_menu {
		margin: 110px 45px 0 auto;
		text-align: right;
	}
	.nav_social {
		position: static;
		text-align: right;
		padding: 20px 45px 0 0;
	}
	a.social_icon {
		width: 20px;
		height: 20px;
		line-height: 20px;
		margin: 0 0 0 20px;
	}
	.menu > ul > li > a {
		font-size: 35px;
		line-height: 30px;
	}
	.insta_feed { display: none !important }
	footer {
		padding: 30px 30px 20px 30px;
	}
	.footer_col:not(.getintouch) { display: none; }
	.footer_col {
		float: none;
		width: auto;
		margin: 0 0 16px 0;
		text-align: center;
	}
	footer p {
		font-size: 16px;
		line-height: 30px;
		margin: 6px 0;
	}
	footer h3 {
		margin: 10px 0;
	}
	footer a.social_icon {
		margin: 6px 10px;
	}
	footer .copyright p {
		font-size: 12px;
		line-height: 20px;
	}
	.cta {
		padding: 30px 16px 10px 16px;
	}
	.cta h3 {
		font-size: 11px;
		letter-spacing: 2px;
	}
	.module_video iframe {
		height: 210px !important;
	}
	.module_video.padding {
		padding: 0;
	}
	.module_image_col {
		width: auto;
		float: none;
		min-height: 200px;
		height: 200px !important;
	}
	.module_text_col {
		width: auto;
		float: none;
		text-align: center;
	}
	.module_text_col_inner { margin-top:0 !important; padding: 20px; }
	.module_full_width_image.normal {
		padding: 20px;
	}
	.module_text_only {
		padding: 20px;
	}
	.work_header {
		height: 75vh;
	}
	.work_text {
		bottom:20px;
	}
	.work_text h1 {
		font-size: 50px;
		line-height: 45px;
	}
	.work_text h2 {
		font-size: 13px;
		line-height: 18px;
	}
	.work_text h3 {
		font-size: 11px;
		padding: 0 20px;
	}
	.work_text h3 span.middot {
		display: none;
	}
	.work_text h3 a {
		margin: 4px 12px;
	}
	.work_text p.scrolldown { display: none; }
	.related_work {
		font-size: 11px;
		letter-spacing: 0.2em;
	}
	.work_cats { display: none; }
	.work_cats_mobile {
		display: block;
	}
	.work_cats_mobile select {
		font: normal normal 9px/9px 'Avenir LT W01_95 Black1475556',Helvetica,Arial,sans-serif;
		letter-spacing: 0.31em;
		text-transform: uppercase;
		border-radius: 0;
		border: none;
		text-align: center;
		width: 100%;
		padding: 22px;
		background: rgba(0,0,0,0.08) url(_inc/img/select_down.png) no-repeat right center;
		background-size: 31px auto;
		color: white;
		position: relative;
		-webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	            box-sizing: border-box;
	}
	.work_intro {
		height: 130px;
	}
	.deets {
		height: auto;
		min-height: 0;
	}
	.deets_inner {
	    top: auto;
	    margin-top: 0;
	    padding: 150px 0 80px 0;
	}
	.deets a.social_icon {
	    padding: 25px;
	    width: 30px;
	    height: 30px;
	}
	.page-id-12 h3.scrolldown {
		font-size: 11px;
	    letter-spacing: 2px;
	}
	.contactform label {
		font-size: 28px;
		line-height: 39px;
	}
	.contactform input[type='text'], .contactform input[type='email'], .contactform input[type='tel'], .contactform textarea {
		font-size: 28px;
		line-height: 40px;
		margin: 12px 0 12px 0;
	}
	.contactform textarea {
		padding: 8px 16px;
		font-size: 20px;
	}
	.contact_confirm h3 {
		font-size: 10px;
	}
	.gform_wrapper li.contact_confirm {
		font-size: 20px;
		line-height: 35px;
	}
	.contactform {
		padding: 40px 20px;
		background-position: right bottom;
	}
	.contactform input[type=submit], button, a.button, .button {
		padding: 16px 25px 15px 25px;
	}
	.gform_page_footer input[type='button'], .gform_page_footer input[type='submit'] {
		font-size: 20px;
	}
	#gform_confirmation_message_1 br {
		display: none;
	}
	.onform a.nav_toggle {
		opacity: 0.5;
	}
	.map { display: none; }
	.office {
		background: transparent;
		height: auto;
		padding: 30px 0;
	}
	.address, .melbourne .address, .sydney .address {
		color: white;
		background: transparent;
		border-radius: 0;
		position: static;
		padding: 0;
		margin: 0;
		width: auto;
		height: auto;
		display: block;
	}
	.address_inner {
		display: block;
	}
	.office:hover .address {
		-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
		-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
		-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
		transform: scale(1) rotate(0deg) translateX(0px) translateY(0) skewX(0deg) skewY(0deg);
	}
	.address p.fineprint a {
		color: white;
	}
	.service, .service.hover, .service.smaller {
		width: 100%;
		height: auto;
		padding: 30px 20px;
	}
	.error404 #content {
		padding: 180px 20px 80px 20px;
		height: auto;
	}
	.text_404 {
		position: static;
		top:auto;
		margin-top:0;
	}
	
	a.home_more {
		font-size: 15px;
	}
	a.home_more i.fa.fa-angle-right {
		font-size: 16px;
		top:1px;
	}
	.home p.scrolldown { display: none; }
	.module_button {
		padding: 30px;
	}
	
	.service_text p {
		opacity: 1 !important;
	}
	a.service {
		padding: 0 20px !important;
	}
	p.service_icon {
		margin: 0 0 -16px 0;
	}
	.service.hover p.service_icon img {
		transform: scale(1.1) translateY(0) !important;
	}
	.landing_text {
		padding: 20px 30px;
		text-align: center;
	}
	.landing_intro p {
		font-size: 20px;
		line-height: 30px;
	}
	
	.awards a { display: block }
	
	/*manual overrides*/
	#work_598_6 .module_text_col, #work_598_10 .module_text_col {
		min-height: none;
	}
	
	
	@keyframes float1 {
		0% {
			transform: translateY(0px);
		}
		100% {
			transform: translateY(5px);
		}
	}
	@keyframes float2 {
		0% {
			transform: translateY(5px);
		}
		100% {
			transform: translateY(0px);
		}
	}
	@keyframes float3 {
		0% {
			transform: translateY(10px);
		}
		100% {
			transform: translateY(0px);
		}
	}
	@-webkit-keyframes float1 {
		0% {
			transform: translateY(0px);
		}
		100% {
			transform: translateY(5px);
		}
	}
	@-webkit-keyframes float2 {
		0% {
			transform: translateY(5px);
		}
		100% {
			transform: translateY(0px);
		}
	}
	@-webkit-keyframes float3 {
		0% {
			transform: translateY(10px);
		}
		100% {
			transform: translateY(0px);
		}
	}
}

@media screen and (max-width:767px) and (orientation:landscape) {
	.homebanner {
		height: 100vh;
	}
	ul.scene li > div > div {
		background-size: 115% auto;
		background-position: center 10px;
	}
}

@media screen and (max-width:767px) and (orientation:portrait) {
	.homebanner {
		height: 62vh;
	}
	ul.scene li > div > div:not(.zoomInUpBg) {
		background-size: 145% auto;
		background-position: center 70px;
	}
}

@media screen and (max-width:567px) {
	
	.tile, .tile.tile20, .tile.tile25, .tile.tile30, .tile.tile33, .tile.tile40, .tile.tile50, .tile.tile60 {
		width: 100%;
		height: 230px;
		float: none;
	}
	.tile.rowspan2 .tile_inner, .tile_inner {
		width: 80%;
	}
	.page-id-6 .tile60.rowspan1point5, .page-id-6 .tile40.rowspan1point5 {
		height: 230px;
	}
	.whatwedo_intro h2.page_intro {
		font-size: 20px;
		line-height: 35px;
	}
	.module_two_images img {
		width: 100%;
		float: none;
	}
	.cta_bg {
		background-size: cover;
	}
	
}

@media screen and (max-width:320px) {
	
	a.logo {
		top: 26px;
		left: 22px;
		width: 175px;
		height: 76px;
	}
	.homebanner {
		
	}
	.tile {
		height: 150px;
	}
	
}