@charset "UTF-8";
/* Fonts ========================*/
/*
@font-face{
	font-family:'WONGDOODY';
	src:	url('http://media.wongdoody.com/f/WD-BoldOblique.eot');
	src:	url('http://media.wongdoody.com/f/WD-BoldOblique.eot#iefix') format('embedded-opentype'), 
			url('http://media.wongdoody.com/f/WD.woff') format('woff'), 
			url('http://media.wongdoody.com/f/WD-BoldOblique.ttf') format('truetype');
}
*/
/** @license MyFonts Webfont Build ID 2879428, 2014-09-08T17:57:44-0400  The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are  explicitly restricted from using the Licensed Webfonts(s).  You may obtain a valid license at the URLs below.   Webfont: Avenir Next Pro Medium by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-medium/  Webfont: Avenir Next Pro by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-regular/   Webfont: Avenir Next Pro Demi by Linotype  URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-demi/  Webfont: Avenir Next Pro Bold by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-bold/  Webfont: Avenir Next Pro Heavy by Linotype URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-heavy/   License: http://www.myfonts.com/viewlicense?type=web&buildid=2879428 Licensed pageviews: 250,000 Webfonts copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH  © 2014 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2befc4");
@font-face { font-family: 'Avenir Next Regular'; src: url("http://media.wongdoody.com/f/2BEFC4_1_1.eot"); src: url("http://media.wongdoody.com/f/2BEFC4_1_1.eot?#iefix") format("embedded-opentype"), url("http://media.wongdoody.com/f/2BEFC4_1_1.woff") format("woff"), url("http://media.wongdoody.com/f/2BEFC4_1_1.ttf") format("truetype"); }
@font-face { font-family: 'Avenir Next Bold'; src: url("http://media.wongdoody.com/f/2BEFC4_3_1.eot"); src: url("http://media.wongdoody.com/f/2BEFC4_3_1.eot?#iefix") format("embedded-opentype"), url("http://media.wongdoody.com/f/2BEFC4_3_1.woff") format("woff"), url("http://media.wongdoody.com/f/2BEFC4_3_1.ttf") format("truetype"); }
@font-face { font-family: 'Avenir Next Demi Bold'; src: url("http://media.wongdoody.com/f/2BEFC4_2_1.eot"); src: url("http://media.wongdoody.com/f/2BEFC4_2_1.eot?#iefix") format("embedded-opentype"), url("http://media.wongdoody.com/f/2BEFC4_2_1.woff") format("woff"), url("http://media.wongdoody.com/f/2BEFC4_2_1.ttf") format("truetype"); }
@font-face { font-family: 'Avenir Next Heavy'; src: url("http://media.wongdoody.com/f/2BEFC4_4_1.eot"); src: url("http://media.wongdoody.com/f/2BEFC4_4_1.eot?#iefix") format("embedded-opentype"), url("http://media.wongdoody.com/f/2BEFC4_4_1.woff") format("woff"), url("http://media.wongdoody.com/f/2BEFC4_4_1.ttf") format("truetype"); }
@-webkit-keyframes nav-span { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  to { -webkit-transform: translate(-2500px, 0px); -moz-transform: translate(-2500px, 0px); -ms-transform: translate(-2500px, 0px); -o-transform: translate(-2500px, 0px); transform: translate(-2500px, 0px); } }
@-moz-keyframes nav-span { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  to { -webkit-transform: translate(-2500px, 0px); -moz-transform: translate(-2500px, 0px); -ms-transform: translate(-2500px, 0px); -o-transform: translate(-2500px, 0px); transform: translate(-2500px, 0px); } }
@-ms-keyframes nav-span { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  to { -webkit-transform: translate(-2500px, 0px); -moz-transform: translate(-2500px, 0px); -ms-transform: translate(-2500px, 0px); -o-transform: translate(-2500px, 0px); transform: translate(-2500px, 0px); } }
@-o-keyframes nav-span { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  to { -webkit-transform: translate(-2500px, 0px); -moz-transform: translate(-2500px, 0px); -ms-transform: translate(-2500px, 0px); -o-transform: translate(-2500px, 0px); transform: translate(-2500px, 0px); } }
@keyframes nav-span { from { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  to { -webkit-transform: translate(-2500px, 0px); -moz-transform: translate(-2500px, 0px); -ms-transform: translate(-2500px, 0px); -o-transform: translate(-2500px, 0px); transform: translate(-2500px, 0px); } }
html { height: 100%; }
html.touch video { display: none; }

body { height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; background: #000; font-family: "Avenir Next Regular", Arial; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; }

h1, h2, h3, h4 { font-weight: normal; margin: 0px; }

a { text-decoration: none; outline: none; color: #000; -webkit-transition: All 0.2s; -moz-transition: All 0.2s; -ms-transition: All 0.2s; -o-transition: All 0.2s; transition: All 0.2s; }

a:hover, a:focus { color: #00e95d; }

input { font-family: "Avenir Next Regular", Arial; }

form select { background-color: #000; color: #89ff18; border: none; font-family: "Avenir Next Heavy", Arial; font-size: 24px; padding: 7px 60px 7px 10px; }

select::-ms-expand { display: none; }

.nobr { white-space: nowrap; }

.hide-first { display: none; }

button { background-color: #e1ff1f; border: none; color: #000; text-transform: uppercase; font-size: 20px; font-family: "Avenir Next Heavy", Arial; margin: 0px; padding: 13px 22px 9px; outline: none; cursor: pointer; line-height: 20px; }
button:hover { color: #00e95d; }

button.gd { background-color: #00e95d; color: #e1ff1f; }
button.gd:hover { color: #000; }

/* Alphabet =====================*/
.alpha { font-size: 40px; font-family: 'Avenir Next Heavy',Arial; position: relative; white-space: nowrap; line-height: 40px; text-transform: uppercase; }
.alpha div.right { position: absolute; right: 0px; }
.alpha span { line-height: 40px; display: inline-block; /*background-image:url(../images/global/sprite.svg);display:inline-block;position:relative;height:83px;*/ }
.alpha span.gp { color: #89ff18; }
.alpha span.gd { color: #00e95d; }
.alpha span.gl { color: #e1ff1f; }

div.arrow { width: 67px; height: 67px; background-image: url(http://media.wongdoody.com/global/sprite.svg); background-position: -10px -400px; }

div.arrow.arrow-black-down { background-position: -84px -400px; width: 68px; }

/* Header Main =====================*/
body > header { -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -ms-transition: All 0.5s; -o-transition: All 0.5s; transition: All 0.5s; text-align: center; width: 100%; height: 50px; overflow: hidden; position: fixed; top: 0px; left: 0px; z-index: 9; background: transparent; padding-top: 15px; }
body > header ul { list-style: none; margin: 0px; padding: 0px; }
body > header ul li { list-style: none; margin: 0px; padding: 0px; }
body > header #menu { -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -ms-transition: All 0.5s; -o-transition: All 0.5s; transition: All 0.5s; -webkit-transform: translateY(1000px); -moz-transform: translateY(1000px); -ms-transform: translateY(1000px); -o-transform: translateY(1000px); transform: translateY(1000px); }
@media (max-width: 1024px) and (min-width: 768px) { body > header #menu ul.social { margin-top: -10px; } }
body > header #menu ul.social li { display: inline-block; }
body > header #menu ul.social li + li { margin-left: 30px; }
@media (max-width: 420px) { body > header #menu ul.social li + li { margin-left: 15px; } }
body > header #menu ul.social li a { display: block; background-image: url(../images/global/sprite.svg); height: 35px; text-indent: -9000px; font-size: 0px; }
body > header #menu ul.social li.facebook a { width: 35px; background-position: -159px -409px; }
body > header #menu ul.social li.facebook.gp a { background-position: -159px -459px; }
body > header #menu ul.social li.facebook.gd a, body > header #menu ul.social li.facebook.gp a:hover, body > header #menu ul.social li.facebook.gp a:focus { background-position: -159px -509px; }
body > header #menu ul.social li.facebook.gl a { background-position: -159px -559px; }
body > header #menu ul.social li.linkedin a { width: 35px; background-position: -199px -409px; }
body > header #menu ul.social li.linkedin.gp a { background-position: -199px -459px; }
body > header #menu ul.social li.linkedin.gd a, body > header #menu ul.social li.linkedin.gp a:hover, body > header #menu ul.social li.linkedin.gp a:focus { background-position: -199px -509px; }
body > header #menu ul.social li.linkedin.gl a { background-position: -199px -559px; }
body > header #menu ul.social li.youtube a { width: 49px; background-position: -239px -409px; }
body > header #menu ul.social li.youtube.gp a { background-position: -239px -459px; }
body > header #menu ul.social li.youtube.gd a, body > header #menu ul.social li.youtube.gp a:hover, body > header #menu ul.social li.youtube.gp a:focus { background-position: -239px -509px; }
body > header #menu ul.social li.youtube.gl a { background-position: -239px -559px; }
body > header #menu ul.social li.twitter a { width: 42px; background-position: -299px -409px; }
body > header #menu ul.social li.twitter.gp a { background-position: -299px -459px; }
body > header #menu ul.social li.twitter.gd a, body > header #menu ul.social li.twitter.gp a:hover, body > header #menu ul.social li.twitter.gp a:focus { background-position: -299px -509px; }
body > header #menu ul.social li.twitter.gl a { background-position: -299px -559px; }
body > header #menu ul.social li.instagram a { width: 35px; background-position: -802px -489px; }
body > header #menu ul.social li.instagram.gp a { background-position: -802px -489px; }
body > header #menu ul.social li.instagram.gd a, body > header #menu ul.social li.instagram.gp a:hover, body > header #menu ul.social li.instagram.gp a:focus { background-position: -802px -549px; }
body > header #menu-primary { background: #89ff18; color: #000; text-transform: uppercase; font-family: "Avenir Next Heavy", Arial; margin-top: 15px; }
body > header #menu-primary nav { width: 100%; }
body > header #menu-primary nav ul li { text-align: center; margin: 0px; }
body > header #menu-primary nav ul li a span + span { display: none; }
body > header #menu-primary nav ul li a span.first:hover { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); }
@media (max-height: 349px) { body > header #menu-primary nav ul li a { font-size: 20px; } }
@media (min-height: 350px) { body > header #menu-primary nav ul li a { font-size: 30px; } }
@media (min-height: 450px) and (min-width: 270px) { body > header #menu-primary nav ul li a { font-size: 40px; } }
@media (min-height: 550px) and (min-width: 350px) { body > header #menu-primary nav ul li a { font-size: 50px; } }
@media (min-height: 650px) and (min-width: 400px) { body > header #menu-primary nav ul li a { font-size: 70px; } }
@media (min-height: 750px) and (min-width: 480px) { body > header #menu-primary nav ul li a { font-size: 90px; } }
@media (min-height: 850px) and (min-width: 500px) { body > header #menu-primary nav ul li a { font-size: 100px; } }
@media (max-height: 325px) { body > header #menu-primary nav ul li { display: inline-block; margin: 10px 0px; width: 40%; } }
@media (max-height: 300px) { body > header #menu-primary nav ul li { display: inline-block; margin: 10px 0px; width: 40%; } }
body > header #menu-primary ul.offices { font-size: 16px; line-height: 20px; }
body > header #menu-primary ul.offices li { display: inline-block; }
body > header #menu-primary ul.offices li a { display: block; text-transform: none; }
body > header #menu-primary ul.offices li a.phone { font-family: "Avenir Next Demi Bold", Arial; }
body > header #menu-primary ul.offices li a.phone:hover { color: #000; }
@media (max-width: 600px) { body > header #menu-primary ul.offices li a.phone:hover { color: #00e95d; } }
body > header #menu-primary ul.offices li + li { margin-left: 20px; }
body > header.on, body > header:focus { height: 100%; background: #000; }
body > header.on #site-map span, body > header:focus #site-map span { background: none; }
body > header.on #site-map:before, body > header:focus #site-map:before { -webkit-transform: rotate(45deg) translate(5px, 7px); -moz-transform: rotate(45deg) translate(5px, 7px); -ms-transform: rotate(45deg) translate(5px, 7px); -o-transform: rotate(45deg) translate(5px, 7px); transform: rotate(45deg) translate(5px, 7px); }
body > header.on #site-map:after, body > header:focus #site-map:after { -webkit-transform: rotate(-45deg) translate(5px, -7px); -moz-transform: rotate(-45deg) translate(5px, -7px); -ms-transform: rotate(-45deg) translate(5px, -7px); -o-transform: rotate(-45deg) translate(5px, -7px); transform: rotate(-45deg) translate(5px, -7px); }
body > header.on #site-map:hover, body > header.on #site-map:focus, body > header:focus #site-map:hover, body > header:focus #site-map:focus { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
body > header.on #site-map:hover:before, body > header.on #site-map:hover:after, body > header.on #site-map:focus:before, body > header.on #site-map:focus:after, body > header:focus #site-map:hover:before, body > header:focus #site-map:hover:after, body > header:focus #site-map:focus:before, body > header:focus #site-map:focus:after { width: 100%; }
body > header.on #site-map:hover:before, body > header.on #site-map:focus:before, body > header:focus #site-map:hover:before, body > header:focus #site-map:focus:before { -webkit-transform: rotate(45deg) translate(5px, 7px) scale(1.3, 1); -moz-transform: rotate(45deg) translate(5px, 7px) scale(1.3, 1); -ms-transform: rotate(45deg) translate(5px, 7px) scale(1.3, 1); -o-transform: rotate(45deg) translate(5px, 7px) scale(1.3, 1); transform: rotate(45deg) translate(5px, 7px) scale(1.3, 1); }
body > header.on #site-map:hover:after, body > header.on #site-map:focus:after, body > header:focus #site-map:hover:after, body > header:focus #site-map:focus:after { -webkit-transform: rotate(-45deg) translate(5px, -7px) scale(1.3, 1); -moz-transform: rotate(-45deg) translate(5px, -7px) scale(1.3, 1); -ms-transform: rotate(-45deg) translate(5px, -7px) scale(1.3, 1); -o-transform: rotate(-45deg) translate(5px, -7px) scale(1.3, 1); transform: rotate(-45deg) translate(5px, -7px) scale(1.3, 1); }
body > header.on #logo, body > header:focus #logo { max-width: 600px; margin-left: 20px; }
body > header.on #menu, body > header:focus #menu { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

#debug { color: #fff; position: fixed; top: 0px; left: 0px; font-size: 20px; }

#site-map { width: 20px; height: 20px; -webkit-transition: All 0.2s; -moz-transition: All 0.2s; -ms-transition: All 0.2s; -o-transition: All 0.2s; transition: All 0.2s; display: inline-block; position: relative; font-size: 0px; vertical-align: middle; }
#site-map > span { height: 3px; background: #89ff18; display: block; }
#site-map:before, #site-map:after { display: block; height: 3px; width: 100%; content: ""; left: 0px; }
#site-map:before { padding-bottom: 3px; border-top: 3px solid #89ff18; }
#site-map:after { padding-top: 3px; border-bottom: 3px solid #89ff18; }
#site-map:hover, #site-map:focus { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
#site-map:hover:before, #site-map:hover:after, #site-map:focus:before, #site-map:focus:after { width: 50%; }

#logo { font-size: 40px; display: inline-block; vertical-align: middle; margin-left: 0px; -webkit-transition: All 0.1s; -moz-transition: All 0.1s; -ms-transition: All 0.1s; -o-transition: All 0.1s; transition: All 0.1s; max-width: 0px; overflow: hidden; position: relative; line-height: 36px; padding-top: 2px; }
#logo h1 { font-size: 40px; background-image: url(http://media.wongdoody.com/global/wd_logo_small_revised.svg); background-size: 218px; background-repeat: no-repeat; background-position: 0px 0px; width: 217px; height: 38px; text-indent: -9000px; }
#logo.on, #logo:focus { max-width: 600px; margin-left: 20px; }
#logo:hover, #logo:focus { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
@media (max-width: 600px) { #logo:hover, #logo:focus { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } }

#page-title > h1, #page-title > div { font-size: 24px; color: #89ff18; text-transform: uppercase; text-align: center; margin: 60px 0px; font-family: "Avenir Next Heavy", Arial; }
#page-title a { color: #89ff18; }

#filter-work-container { max-width: 960px; margin: 0px auto; font-size: 0px; }
@media (max-width: 960px) { #filter-work-container { max-width: 100%; width: 100%; } }

#filter-work { width: 355px; }
@media (max-width: 600px) { #filter-work { width: 100%; } }

#filter-desc-container { width: 100%; background: #e2ff1f; }

#filter-desc { max-width: 960px; padding: 60px 20px; margin: 0px auto; }
#filter-desc h1 { font-family: "Avenir Next Bold", Arial; font-size: 24px; }
#filter-desc p { font-family: "Avenir Next Demi Bold", Arial; line-height: 2; margin: 0px; }

#wongdoody { width: 100%; height: 1000px; text-align: center; overflow: hidden; position: relative; }
#wongdoody div.alpha { top: 50%; margin: -88px auto 0px; background-image: url(http://media.wongdoody.com/global/wd_logo_small_revised.svg); background-repeat: no-repeat; background-position: 0px 0px; width: 1111px; height: 180px; text-indent: -9000px; }
@media (max-width: 449px) { #wongdoody div.alpha { font-size: 70px; background-size: 280px; width: 280px; height: 47px; margin-top: -22px; } }
@media (min-width: 450px) { #wongdoody div.alpha { font-size: 70px; background-size: 400px; width: 400px; height: 66px; margin-top: -31px; } }
@media (min-width: 550px) { #wongdoody div.alpha { font-size: 80px; background-size: 500px; width: 500px; height: 83px; margin-top: -39px; } }
@media (min-width: 650px) { #wongdoody div.alpha { font-size: 90px; background-size: 600px; width: 600px; height: 98px; margin-top: -47px; } }
@media (min-width: 750px) { #wongdoody div.alpha { font-size: 110px; background-size: 700px; width: 700px; height: 115px; margin-top: -55px; } }
@media (min-width: 850px) { #wongdoody div.alpha { font-size: 120px; background-size: 800px; width: 800px; height: 131px; margin-top: -62px; } }
@media (min-width: 950px) { #wongdoody div.alpha { font-size: 140px; background-size: 900px; width: 900px; height: 148px; margin-top: -71px; } }
@media (min-width: 1050px) { #wongdoody div.alpha { font-size: 160px; background-size: 1000px; width: 1000px; height: 162px; margin-top: -78px; } }
@media (min-width: 1150px) { #wongdoody div.alpha { font-size: 180px; background-size: 1111px; width: 1111px; height: 181px; margin-top: -88px; } }
@media (max-width: 960px) { #wongdoody { height: 600px; } }
@media (max-width: 600px) { #wongdoody { height: 400px; } }
#wongdoody div.arrow { position: absolute; bottom: 50px; margin: 0px auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

/* Article Block Content =====================*/
div.content-block { width: 100%; font-size: 0px; }
div.content-block div.arrow { position: absolute; bottom: 40px; margin: 0px auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-indent: -9999px; }
div.content-block article { width: 100%; height: 800px; position: relative; background-size: cover; background-position: right center; overflow: hidden; /*html.no-touch &:hover,*/ }
div.content-block article .hit { display: inline-block; font-size: 0px; }
div.content-block article div.image-wrap { width: 100%; text-align: center; overflow: hidden; height: 100%; }
div.content-block article div.image-wrap img { position: relative; left: 100%; margin-left: -200%; width: 100%; }
@media (max-width: 1445px) { div.content-block article div.image-wrap img { width: initial; height: 100%; } }
div.content-block article a.copy-wrap, div.content-block article div.copy-wrap { position: absolute; top: 0px; left: 0px; z-index: 7; width: calc(100% - 26px) !important; width: 100%; padding: 0px 13px; text-align: center; color: #000; display: table; height: 100%; }
div.content-block article div.copy { display: table-cell; vertical-align: middle; width: 100%; }
div.content-block article h1 { font-family: "Avenir Next Heavy", Arial; font-size: 120px; margin: 0px; text-transform: uppercase; color: #89ff18; display: inline-block; line-height: 100%; }
div.content-block article a.copy-wrap.copy-black, div.content-block article .copy-black h1 { color: #000; }
div.content-block article p { font-family: "Avenir Next Demi Bold", Arial; font-size: 28px; margin: 10px 0px 0px; overflow: hidden; -webkit-transition: All 0.2s; -moz-transition: All 0.2s; -ms-transition: All 0.2s; -o-transition: All 0.2s; transition: All 0.2s; line-height: 0%; }
div.content-block article p.byline { font-family: "Avenir Next Regular", Arial; font-size: 22px; }
div.content-block article div.logo { position: absolute; bottom: 0px; left: 0px; z-index: 6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; font-size: 0px; width: 240px; height: 130px; background-position: 0px -100px; background-repeat: no-repeat; background-size: 240px; }
div.content-block article a.cta, div.content-block article p.cta { font-family: "Avenir Next Heavy", Arial; font-size: 28px; margin-top: 10px; text-transform: uppercase; display: inline-block; }
div.content-block article a.cta:hover, div.content-block article p.cta:hover { color: #00e95d; }
div.content-block article > img { position: absolute; top: 0px; right: 0px; z-index: 1; min-width: 100%; min-height: 100%; height: auto; }
div.content-block article > img.left { left: 0px; right: auto; }
div.content-block article > video { position: absolute; top: 0px; right: 0px; z-index: 2; min-width: 100%; min-height: 100%; height: auto; }
div.content-block article canvas { -webkit-transition: All 0.9s; -moz-transition: All 0.9s; -ms-transition: All 0.9s; -o-transition: All 0.9s; transition: All 0.9s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; top: 0px; right: 0px; z-index: 4; min-width: 100%; min-height: 100%; height: auto; }
div.content-block article canvas.left { left: 0px; right: auto; }
div.content-block article div.green { width: 100%; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; top: 0px; left: 0px; z-index: 3; -webkit-transition: All 0.5s; -moz-transition: All 0.5s; -ms-transition: All 0.5s; -o-transition: All 0.5s; transition: All 0.5s; }
div.content-block article div.green-primary { background: #89ff18; }
div.content-block article div.green-dark { background: #00e95d; }
div.content-block article div.green-light { background: #e1ff1f; }
div.content-block article div.grid { display: none; width: 100%; height: 100%; background: url(http://media.wongdoody.com/grid.png); position: absolute; top: 0px; left: 0px; z-index: 5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
html.no-touch div.content-block article:focus a.copy-wrap, html.no-touch div.content-block article:focus div.copy-wrap, html.no-touch div.content-block article:focus h1, div.content-block article.on a.copy-wrap, div.content-block article.on div.copy-wrap, div.content-block article.on h1 { color: #000; }
html.no-touch div.content-block article:focus p, div.content-block article.on p { line-height: 120%; }
html.no-touch div.content-block article:focus div.logo, div.content-block article.on div.logo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; display: none; }
html.no-touch div.content-block article:focus canvas, div.content-block article.on canvas { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
html.no-touch div.content-block article:focus .green, div.content-block article.on .green { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
html.no-touch div.content-block article:focus .grid, div.content-block article.on .grid { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
@media (max-width: 640px) { div.content-block article { height: 400px; }
  div.content-block article h1 { font-size: 48px; }
  div.content-block article > img { height: 400px; min-height: inherit; }
  div.content-block article canvas { height: 400px; min-height: inherit; }
  div.content-block article video { height: 400px; min-height: inherit; }
  div.content-block article div.logo { background-position: 0px -265px; left: 50%; margin-left: -120px; } }
@media (max-width: 500px) { div.content-block article h1 { font-size: 40px; } }
div.content-block article.segway { height: 500px; }
div.content-block article.segway div.segway-copy-container { max-width: 960px; margin: 0px auto; }
div.content-block article.segway div.segway-copy-container h1 { font-size: 80px; }
div.content-block article.segway div.segway-copy-container div.copy-wrap { height: 400px; position: relative; }
@media (max-width: 640px) { div.content-block article.segway div.segway-copy-container div.copy-wrap { height: 260px; }
  div.content-block article.segway div.segway-copy-container h1 { font-size: 32px; }
  div.content-block article.segway div.segway-copy-container > img { height: 300px; min-height: inherit; }
  div.content-block article.segway div.segway-copy-container canvas { height: 300px; min-height: inherit; }
  div.content-block article.segway div.segway-copy-container div.arrow { bottom: 10px; } }
@media (max-width: 640px) { div.content-block article.segway { height: 300px; } }

div.content-blocks { max-width: 960px; margin: 0px auto; }
@media (max-width: 980px) { div.content-blocks { max-width: 640px; } }
@media (max-width: 655px) { div.content-blocks { max-width: 480px; } }
@media (max-width: 498px) { div.content-blocks { max-width: 320px; } }
div.content-blocks div.navigation { padding-top: 50px; text-align: center; }
div.content-blocks div#infscr-loading { padding-top: 50px; text-align: center; }
div.content-blocks div.tags { padding: 15px 0px 15px 0px; text-align: left; }
div.content-blocks div.tags span { font-size: 14px; color: #e1ff1f; font-family: "Avenir Next Demi Bold", Arial; text-transform: uppercase; padding-right: 5px; }
div.content-blocks div.tags a { font-size: 16px; font-family: "Avenir Next Regular", Arial; color: #00e95d; display: inline-block; padding: 0px 5px 0px 0px; letter-spacing: .5px; }
div.content-blocks div.tags a span { color: grey; }
div.content-blocks article { width: 320px; height: 320px; display: inline-block; text-align: left; }
div.content-blocks article a { color: #000; }
div.content-blocks article a.copy-wrap, div.content-blocks article div.copy-wrap { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: All 0.4s; -moz-transition: All 0.4s; -ms-transition: All 0.4s; -o-transition: All 0.4s; transition: All 0.4s; -webkit-transform: translate(0px, 5px); -moz-transform: translate(0px, 5px); -ms-transform: translate(0px, 5px); -o-transform: translate(0px, 5px); transform: translate(0px, 5px); color: #000; }
div.content-blocks article a.copy-wrap:focus { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); background: #89ff18; }
div.content-blocks article h1 { font-size: 32px; text-transform: none; color: #000; display: block; }
div.content-blocks article p.text { font-size: 24px; }
div.content-blocks article p.byline { font-size: 14px; }
div.content-blocks article a.cta, div.content-blocks article p.cta { font-family: "Avenir Next Bold", Arial; font-size: 18px; overflow: hidden; display: inline-block; line-height: 120%; }
div.content-blocks article a.cta:hover, div.content-blocks article p.cta:hover { color: #00e95d; }
div.content-blocks article.show-content { background: #00e95d; color: #e1ff1f; }
div.content-blocks article.show-content .copy-wrap { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); }
div.content-blocks article.show-content h1 { color: #e1ff1f; }
div.content-blocks article.show-content p { font-size: 22px; line-height: 140%; }
div.content-blocks article.show-content p.cta { line-height: 0%; font-size: 18px; }
@media (max-width: 600px) { div.content-blocks article.show-content p.cta { font-size: 16px; } }
@media (max-width: 470px) { div.content-blocks article.show-content p.cta { font-size: 12px; } }
div.content-blocks article.show-content a { color: #e1ff1f; }
html.no-touch div.content-blocks article.show-content:hover p, html.no-touch div.content-blocks article.show-content:focus p, div.content-blocks article.show-content.on p { color: #000; }
html.no-touch div.content-blocks article.show-content:hover a, html.no-touch div.content-blocks article.show-content:focus a, div.content-blocks article.show-content.on a { color: #000; }
html.no-touch div.content-blocks article.show-content:hover p.cta, html.no-touch div.content-blocks article.show-content:focus p.cta, div.content-blocks article.show-content.on p.cta { line-height: 120%; }
html.no-touch div.content-blocks article.show-content:hover p.cta:hover, html.no-touch div.content-blocks article.show-content:focus p.cta:hover, div.content-blocks article.show-content.on p.cta:hover { color: #00e95d; }
html.no-touch div.content-blocks article.show-content:hover span.twitter-icon, html.no-touch div.content-blocks article.show-content:focus span.twitter-icon, div.content-blocks article.show-content.on span.twitter-icon { background-position: -187px -643px; }
div.content-blocks article.instagram-content { background: #00e95d; }
div.content-blocks article.twitter-content { background: #e1ff1f; }
div.content-blocks article.twitter-content a, div.content-blocks article.twitter-content p { color: #00e95d; }
div.content-blocks article.twitter-content a.cta { line-height: 0%; -webkit-transition: All 0.2s; -moz-transition: All 0.2s; -ms-transition: All 0.2s; -o-transition: All 0.2s; transition: All 0.2s; }
div.content-blocks article.twitter-content span.twitter-icon { background-image: url(../images/global/sprite.svg); width: 26px; background-position: -194px -708px; text-indent: -9999px; display: inline-block; background-size: 1000px; line-height: 26px; }
html.no-touch div.content-blocks article.twitter-content:hover p, html.no-touch div.content-blocks article.twitter-content:focus p, div.content-blocks article.twitter-content.on p { color: #000; }
html.no-touch div.content-blocks article.twitter-content:hover a, html.no-touch div.content-blocks article.twitter-content:focus a, div.content-blocks article.twitter-content.on a { color: #000; }
html.no-touch div.content-blocks article.twitter-content:hover a.cta, html.no-touch div.content-blocks article.twitter-content:focus a.cta, div.content-blocks article.twitter-content.on a.cta { line-height: 120%; }
html.no-touch div.content-blocks article.twitter-content:hover a.cta:hover, html.no-touch div.content-blocks article.twitter-content:focus a.cta:hover, div.content-blocks article.twitter-content.on a.cta:hover { color: #00e95d; }
html.no-touch div.content-blocks article.twitter-content:hover p.text a, html.no-touch div.content-blocks article.twitter-content:focus p.text a, div.content-blocks article.twitter-content.on p.text a { color: #000; }
html.no-touch div.content-blocks article.twitter-content:hover p.text a:hover, html.no-touch div.content-blocks article.twitter-content:focus p.text a:hover, div.content-blocks article.twitter-content.on p.text a:hover { color: #00e95d; }
html.no-touch div.content-blocks article.twitter-content:hover span.twitter-icon, html.no-touch div.content-blocks article.twitter-content:focus span.twitter-icon, div.content-blocks article.twitter-content.on span.twitter-icon { background-position: -194px -644px; }
@media (max-width: 655px) { div.content-blocks article.twitter-content h1 { font-size: 20px; }
  div.content-blocks article.twitter-content p.text { font-size: 17px; }
  div.content-blocks article.twitter-content a.cta { font-size: 16px; }
  div.content-blocks article.twitter-content span.twitter-icon { background-position: -113px -196px; background-size: 600px; width: 19px; line-height: 18px; }
  html.no-touch div.content-blocks article.twitter-content:hover span.twitter-icon, html.no-touch div.content-blocks article.twitter-content:focus span.twitter-icon, div.content-blocks article.twitter-content.on span.twitter-icon { background-position: -113px -158px; } }
@media (max-width: 498px) { div.content-blocks article.twitter-content p.text { font-size: 10px; }
  div.content-blocks article.twitter-content a.cta { font-size: 12px; }
  div.content-blocks article.twitter-content span.twitter-icon { background-position: -117px -196px; width: 15px; line-height: 16px; }
  html.no-touch div.content-blocks article.twitter-content:hover span.twitter-icon, html.no-touch div.content-blocks article.twitter-content:focus span.twitter-icon, div.content-blocks article.twitter-content.on span.twitter-icon { background-position: -117px -158px; } }
html.no-touch div.content-blocks article:hover .copy-wrap, html.no-touch div.content-blocks article:focus .copy-wrap, div.content-blocks article.on .copy-wrap { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: All 0.05s; -moz-transition: All 0.05s; -ms-transition: All 0.05s; -o-transition: All 0.05s; transition: All 0.05s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); }
html.no-touch div.content-blocks article:hover a.copy-wrap, html.no-touch div.content-blocks article:hover div.copy-wrap, html.no-touch div.content-blocks article:hover h1, html.no-touch div.content-blocks article:focus a.copy-wrap, html.no-touch div.content-blocks article:focus div.copy-wrap, html.no-touch div.content-blocks article:focus h1, div.content-blocks article.on a.copy-wrap, div.content-blocks article.on div.copy-wrap, div.content-blocks article.on h1 { color: #000; }
html.no-touch div.content-blocks article:hover div.logo, html.no-touch div.content-blocks article:focus div.logo, div.content-blocks article.on div.logo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
html.no-touch div.content-blocks article:hover canvas, html.no-touch div.content-blocks article:focus canvas, div.content-blocks article.on canvas { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
html.no-touch div.content-blocks article:hover .green, html.no-touch div.content-blocks article:focus .green, div.content-blocks article.on .green { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
html.no-touch div.content-blocks article:hover .grid, html.no-touch div.content-blocks article:focus .grid, div.content-blocks article.on .grid { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
@media (max-width: 655px) { div.content-blocks article { width: 240px; height: 240px; }
  div.content-blocks article div.copy-wrap { padding: 0px 10px; width: calc(100% - 20px); }
  div.content-blocks article h1 { font-size: 22px; }
  div.content-blocks article p { margin-top: 0px; }
  div.content-blocks article p.byline { font-size: 12px; }
  div.content-blocks article p.cta { font-size: 14px; }
  div.content-blocks article > img { height: 240px; min-height: 240px; }
  div.content-blocks article canvas { height: 240px; min-height: 240px; } }
@media (max-width: 498px) { div.content-blocks article { width: 160px; height: 160px; }
  div.content-blocks article h1 { font-size: 16px; }
  div.content-blocks article p.cta { font-size: 12px; }
  div.content-blocks article > img { width: 160px; height: 160px; min-height: 160px; }
  div.content-blocks article canvas { width: 160px; height: 160px; min-height: 160px; } }
div.content-blocks.overlap { margin: -100px auto 0; position: relative; z-index: 8; }
@media (max-width: 640px) { div.content-blocks.overlap { margin: -40px auto 0; } }

div.space { margin-top: 100px; }

div.work-blocks { max-width: 960px; margin: 0px auto; }
div.work-blocks article { height: 360px; }
div.work-blocks article h1 { text-transform: uppercase; font-size: 84px; }
div.work-blocks article p { font-size: 22px; }
div.work-blocks article div.image-wrap { width: 100%; text-align: center; overflow: hidden; }
div.work-blocks article div.image-wrap img { position: relative; left: 100%; margin-left: -200%; }
@media (max-width: 640px) { div.work-blocks article { height: 260px; }
  div.work-blocks article h1 { font-size: 36px; }
  div.work-blocks article > img { height: 260px; min-height: inherit; }
  div.work-blocks article canvas { height: 260px; min-height: inherit; } }
html.no-touch div.work-blocks article:hover a.copy-wrap, html.no-touch div.work-blocks article:hover div.copy-wrap, html.no-touch div.work-blocks article:hover h1, html.no-touch div.work-blocks article:focus a.copy-wrap, html.no-touch div.work-blocks article:focus div.copy-wrap, html.no-touch div.work-blocks article:focus h1, div.work-blocks article.on a.copy-wrap, div.work-blocks article.on div.copy-wrap, div.work-blocks article.on h1 { color: #000; }
html.no-touch div.work-blocks article:hover p, html.no-touch div.work-blocks article:focus p, div.work-blocks article.on p { line-height: 32px; }
html.no-touch div.work-blocks article:hover div.logo, html.no-touch div.work-blocks article:focus div.logo, div.work-blocks article.on div.logo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
html.no-touch div.work-blocks article:hover canvas, html.no-touch div.work-blocks article:focus canvas, div.work-blocks article.on canvas { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
html.no-touch div.work-blocks article:hover .green, html.no-touch div.work-blocks article:focus .green, div.work-blocks article.on .green { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
html.no-touch div.work-blocks article:hover .grid, html.no-touch div.work-blocks article:focus .grid, div.work-blocks article.on .grid { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

div.related-blocks article a.copy-wrap { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
div.related-blocks article a.copy-wrap h1 { display: none; }
div.related-blocks article a.copy-wrap p.cta { line-height: 0%; display: none; }
div.related-blocks article a.copy-wrap div.logo { bottom: 101px; left: 40px; background-position: center; background-size: initial; }
@media (max-width: 600px) { div.related-blocks article a.copy-wrap div.logo { display: none; } }
div.related-blocks article.show-content { background: #00e95d; color: #e1ff1f; }
div.related-blocks article.show-content .copy-wrap { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); }
div.related-blocks article.show-content .copy-wrap h1 { color: #e1ff1f; display: block; }
div.related-blocks article.show-content .copy-wrap p { font-size: 22px; line-height: 140%; }
div.related-blocks article.show-content .copy-wrap p.cta { line-height: 0%; font-size: 18px; }
@media (max-width: 600px) { div.related-blocks article.show-content .copy-wrap p.cta { font-size: 16px; } }
@media (max-width: 470px) { div.related-blocks article.show-content .copy-wrap p.cta { font-size: 12px; } }
div.related-blocks article.show-content .copy-wrap a { color: #e1ff1f; }
html.no-touch div.related-blocks article:hover a.copy-wrap h1, html.no-touch div.related-blocks article:focus a.copy-wrap h1, div.related-blocks article.on a.copy-wrap h1 { display: block; color: #000; }
html.no-touch div.related-blocks article:hover a.copy-wrap p.cta, html.no-touch div.related-blocks article:focus a.copy-wrap p.cta, div.related-blocks article.on a.copy-wrap p.cta { line-height: 120%; display: block; }
html.no-touch div.related-blocks article:hover a.copy-wrap div.logo, html.no-touch div.related-blocks article:focus a.copy-wrap div.logo, div.related-blocks article.on a.copy-wrap div.logo { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
html.no-touch div.related-blocks article:hover a.copy-wrap canvas, html.no-touch div.related-blocks article:focus a.copy-wrap canvas, div.related-blocks article.on a.copy-wrap canvas { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
html.no-touch div.related-blocks article:hover a.copy-wrap .green, html.no-touch div.related-blocks article:focus a.copy-wrap .green, div.related-blocks article.on a.copy-wrap .green { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
html.no-touch div.related-blocks article:hover a.copy-wrap .grid, html.no-touch div.related-blocks article:focus a.copy-wrap .grid, div.related-blocks article.on a.copy-wrap .grid { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

div.project-background-color { background-color: #00e95d; position: relative; overflow: auto; -webkit-user-select: initial; }
div.project-background-color a.share { text-align: center; margin: 60px auto; display: block; width: 200px; }
div.project-background-color > button { margin: 50px auto; display: block; }
@media (max-width: 500px) { div.project-background-color > button { margin: 30px auto; } }

div.project-background-image { background-position: center right; background-size: cover; background-repeat: no-repeat; }

div.work-details { max-width: 960px; margin: 0px auto; text-align: center; -webkit-user-select: initial; }
div.work-details h1 { font-size: 96px; font-family: "Avenir Next Heavy", Arial; padding: 75px 20px 10px; line-height: 110%; }
@media (max-width: 900px) { div.work-details h1 { font-size: 50px; padding: 40px 20px 10px; } }
@media (max-width: 500px) { div.work-details h1 { font-size: 30px; } }
div.work-details div.logo { font-size: 0px; width: 320px; height: 80px; background-position: 0px 0px; background-repeat: no-repeat; background-size: 320px; margin: 0px auto 30px; }
@media (max-width: 500px) { div.work-details div.logo { margin: 0px auto 20px; } }
div.work-details > button { margin-bottom: 50px; }
@media (max-width: 500px) { div.work-details > button { margin-bottom: 30px; } }
div.work-details img { width: 100%; max-width: 960px; }
@media (max-width: 960px) { div.work-details img { width: 90%; } }
div.work-details img + img { padding-top: 20px; }

div.work-item { position: relative; padding-bottom: 56%; max-width: 960px; margin: 0px auto; height: 0; }
div.work-item iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (max-width: 960px) { div.work-item { width: 90%; padding-bottom: 51%; } }

div.work-meta { width: 90%; max-width: 960px; margin: 0px auto; }
div.work-meta h2 { font-size: 21px; font-family: "Avenir Next Heavy", Arial; color: #e1ff1f; margin-bottom: 30px; margin-top: 10px; text-transform: uppercase; }
@media (max-width: 500px) { div.work-meta h2 { margin-bottom: 10px; } }
div.work-meta div.desc { font-family: "Avenir Next Demi Bold", Arial; color: #000; font-size: 21px; padding: 25px 0px 25px 0px; line-height: 42px; }
div.work-meta div.desc a { color: #e1ff1f; }
div.work-meta div.desc a:hover { color: #89ff18; }
@media (max-width: 500px) { div.work-meta div.desc { font-size: 16px; line-height: 20px; } }
div.work-meta + div.work-details { margin-top: 80px; }
@media (max-width: 500px) { div.work-meta + div.work-details { margin-top: 40px; } }

div#feed-detail-content { -webkit-user-select: initial; }
div#feed-detail-content div#feed-detail-header { background: #89ff18; }
div#feed-detail-content div#feed-detail-header div#feed-detail-container { max-width: 960px; margin: 0px auto; text-align: center; }
div#feed-detail-content div#feed-detail-header div#feed-detail-container h1 { font-size: 80px; font-family: "Avenir Next Heavy", Arial; color: #000; padding: 40px; line-height: 110%; }
@media (max-width: 600px) { div#feed-detail-content div#feed-detail-header div#feed-detail-container h1 { font-size: 34px; padding: 20px; } }
div#feed-detail-content div#feed-detail-header div#feed-detail-container a.share { display: block; margin: 0px auto; width: 200px; margin: 0px auto; margin-bottom: 40px; }
div#feed-detail-content div#feed-detail-header div#feed-detail-container.feed-video img { vertical-align: bottom; }
@media (max-width: 600px) { div#feed-detail-content div#feed-detail-header div#feed-detail-container.feed-video img { width: 100%; } }
div#feed-detail-content div.feed-detail-paragraph { background: white; padding-top: 40px; }
div#feed-detail-content div.feed-detail-paragraph a { color: #00e95d; }
div#feed-detail-content div.feed-detail-paragraph b { font-family: "Avenir Next Bold", Arial; }
div#feed-detail-content div.feed-detail-paragraph a.feed-tags { line-height: 10px; }
div#feed-detail-content div.feed-detail-paragraph a.feed-tags span { color: #ddd; }
div#feed-detail-content div.feed-detail-paragraph p { max-width: 960px; margin: 0px auto; color: #000; padding-bottom: 25px; font-family: "Avenir Next Regular", Arial; font-size: 18px; line-height: 40px; }
div#feed-detail-content div.feed-detail-paragraph p span.entry-date { text-transform: initial; padding-right: 5px; }
div#feed-detail-content div.feed-detail-paragraph p span { text-transform: uppercase; }
div#feed-detail-content div.feed-detail-paragraph p img { width: 100%; }
div#feed-detail-content div.feed-detail-paragraph figure { max-width: 960px; margin: 0px auto; padding-bottom: 25px; }
div#feed-detail-content div.feed-detail-paragraph figure img { width: 100%; }
div#feed-detail-content div.feed-detail-paragraph iframe { margin: 0px auto; display: block; text-align: center; position: relative; padding-bottom: 25px; max-width: 960px; width: 100%; }
div#feed-detail-content div.feed-detail-paragraph img { margin: 0px auto; display: block; text-align: center; position: relative; }
div#feed-detail-content div.feed-detail-paragraph a.share { display: block; text-align: center; padding-bottom: 60px; width: 200px; margin: 0px auto; }
@media (max-width: 1024px) { div#feed-detail-content div.feed-detail-paragraph p { padding: 20px; } }

div#career-header-container div#career-header { max-width: 960px; margin: 0px auto; }
div#career-header-container div#career-header h2 { font-family: "Avenir Next Heavy", Arial; font-size: 70px; color: #89ff18; text-transform: uppercase; text-align: center; line-height: 65px; }
div#career-header-container div#career-header h3 { font-family: "Avenir Next Heavy", Arial; color: white; font-size: 50px; text-transform: uppercase; line-height: 100%; text-align: center; padding: 60px 0px 30px 0px; letter-spacing: 1px; }
div#career-header-container div#career-header h3 a { color: #00e95d; padding-bottom: 20px; }
div#career-header-container div#career-header h4 { font-family: "Avenir Next Heavy", Arial; color: white; font-size: 40px; text-transform: uppercase; line-height: 100%; text-align: center; padding: 0px 0px 20px 0px; letter-spacing: 1px; margin: 20px; }
div#career-header-container div#career-header ul { list-style-type: none; padding: 0px; padding-bottom: 25px; }
div#career-header-container div#career-header ul li { font-family: "Avenir Next Demi Bold", Arial; color: white; font-size: 14px; }
@media (max-width: 1024px) { div#career-header-container div#career-header { width: 100%; }
  div#career-header-container div#career-header h3 { font-size: 55px; padding: 10px; line-height: 55px; }
  div#career-header-container div#career-header h4 { line-height: 35px; }
  div#career-header-container div#career-header h3 { padding: 20px; }
  div#career-header-container div#career-header p { padding: 20px; }
  div#career-header-container div#career-header ul { padding: 20px; } }
@media (max-width: 640px) { div#career-header-container div#career-header h3 { font-size: 25px; line-height: 40px; }
  div#career-header-container div#career-header h4 { font-size: 20px; }
  div#career-header-container div#career-header p { font-size: 18px; } }
div#career-header-container div.random-hero-container div.career-random { background-repeat: no-repeat; background-size: cover; height: 700px; position: relative; }
div#career-header-container div.random-hero-container div.career-random div.hero-copy-container { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; display: table; }
div#career-header-container div.random-hero-container div.career-random div.hero-copy-container div.hero-copy { display: table-cell; vertical-align: middle; }
div#career-header-container div.random-hero-container div.career-random div.hero-copy-container div.hero-copy h2 { font-size: 24px; font-family: "Avenir Next Heavy", Arial; color: #000; text-transform: uppercase; text-align: center; }
div#career-header-container div.random-hero-container div.career-random div.hero-copy-container div.hero-copy h3 { font-size: 20px; font-family: "Avenir Next Demi Bold", Arial; color: #000; text-align: center; padding: 10px; }
div#career-header-container div.random-hero-container div.career-random div.hero-copy-container div.hero-copy h1 { font-family: "Avenir Next Heavy", Arial; font-size: 80px; color: #000; text-transform: uppercase; text-align: center; line-height: 110%; padding-top: 10px; }
div#career-header-container div.random-hero-container div.career-random div.hero-copy-container div.hero-copy a.show-more { display: block; text-align: center; top: 15px; position: relative; }
@media (max-width: 960px) { div#career-header-container div.random-hero-container div.career-random div.hero-copy-container div.hero-copy { height: 500px; }
  div#career-header-container div.random-hero-container div.career-random div.hero-copy-container div.hero-copy h1 { font-size: 55px; line-height: 45px; } }
@media (max-width: 600px) { div#career-header-container div.random-hero-container div.career-random div.hero-copy-container div.hero-copy { height: 400px; }
  div#career-header-container div.random-hero-container div.career-random div.hero-copy-container div.hero-copy h1 { font-size: 32px; line-height: 35px; } }
@media (max-width: 960px) { div#career-header-container div.random-hero-container div.career-random { height: 500px; } }
@media (max-width: 600px) { div#career-header-container div.random-hero-container div.career-random { height: 400px; background-position: center; } }

div.career-blocks h3 { font-family: "Avenir Next Heavy", Arial; font-size: 24px; color: #89ff18; text-align: left; text-transform: uppercase; }
div.career-blocks article p.cta { display: block; text-transform: uppercase; font-family: "Avenir Next Bold", Arial; font-size: 18px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: All 0.4s; -moz-transition: All 0.4s; -ms-transition: All 0.4s; -o-transition: All 0.4s; transition: All 0.4s; -webkit-transform: translate(0px, 5px); -moz-transform: translate(0px, 5px); -ms-transform: translate(0px, 5px); -o-transform: translate(0px, 5px); transform: translate(0px, 5px); }
div.career-blocks article a.cta:hover, div.career-blocks article p.cta:hover, div.career-blocks article.on { color: #000 !important; }
div.career-blocks article h2 { font-size: 22px; color: #e1ff1f; font-family: "Avenir Next Demi Bold", Arial; padding-top: 10px; }
@media (max-width: 600px) { div.career-blocks article h2 { font-size: 16px; line-height: 16px; } }
div.career-blocks article.on p.cta { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #000; }
div.career-blocks article.on h2 { color: #000; line-height: 15px; }
div.career-blocks article.on h1 { color: #000; }
div.career-blocks article:nth-child(even) { background: #e1ff1f; }
div.career-blocks article:nth-child(even) h1 { color: #00e95d; }
div.career-blocks article:nth-child(even) h2 { font-size: 22px; color: #00e95d; font-family: "Avenir Next Demi Bold", Arial; padding-top: 10px; }
div.career-blocks article:nth-child(even) .copy p { color: #00e95d; }
@media (max-width: 600px) { div.career-blocks article:nth-child(even) h2 { font-size: 16px; line-height: 16px; } }
div.career-blocks article:nth-child(even).on p.cta { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #000; }
div.career-blocks article:nth-child(even).on h2 { color: #000; }
div.career-blocks article:nth-child(even).on h1 { color: #000; }
div.career-blocks article:hover h2 { color: #000; }
html.no-touch div.career-blocks:hover p.cta, html.no-touch div.career-blocks:focus p.cta, div.career-blocks.on p.cta { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: All 0.05s; -moz-transition: All 0.05s; -ms-transition: All 0.05s; -o-transition: All 0.05s; transition: All 0.05s; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); color: #000; }
@media (max-width: 1024px) { div.career-blocks h3 { padding: 20px; } }
div.career-blocks div.career-blocks-benefits h3 { font-family: "Avenir Next Heavy", Arial; font-size: 40px; color: #89ff18; text-align: center; padding: 40px 0px 20px 0px; }
div.career-blocks div.career-blocks-benefits p { font-size: 21px; font-family: "Avenir Next Demi Bold", Arial; color: white; margin: 0px; padding: 1px 10px 40px 10px; text-align: left; }
@media (max-width: 600px) { div.career-blocks div.career-blocks-benefits p { font-size: 16px; padding: 1px 20px 40px 20px; }
  div.career-blocks div.career-blocks-benefits h3 { font-size: 20px; } }
div.career-blocks div.career-blocks-benefits article { width: 320px; height: 240px; display: inline-block; }
div.career-blocks div.career-blocks-benefits article div.benefits-container { position: relative; display: block; }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-text-container { display: block; position: relative; margin: 0px auto; max-width: 320px; padding-top: 30px; }
@media (max-width: 500px) { div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-text-container { max-width: 230px; padding: 5px; } }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-text-container div.benefits-text { position: absolute; width: 100%; text-align: center; }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-text-container div.benefits-text p { text-align: center; line-height: 27px; position: relative; }
@media (max-width: 500px) { div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-text-container div.benefits-text p { font-size: 12px; line-height: 16px; } }
@media (max-width: 350px) { div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-text-container div.benefits-text p { font-size: 11px; line-height: 15px; } }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg { width: 120px; height: 100px; display: block; position: relative; background: url(http://media.wongdoody.com/about/WD_Icons_R3.svg); margin: 0px auto; }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.health { background-position: 0px 0px; width: 113px; }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.pto { background-position: -111px 0px; width: 85px; }
@media (max-width: 600px) { div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.pto { background-position: -107px 0px; } }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.maternity { background-position: -597px 0px; width: 43px; }
@media (max-width: 600px) { div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.maternity { background-position: -592px 0px; width: 45px; } }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.transport { background-position: -642px 0px; width: 85px; }
@media (max-width: 600px) { div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.transport { background-position: -638px 0px; width: 81px; } }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.dogs { background-position: 473px 0px; width: 120px; }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.retire { background-position: 354px 0px; width: 115px; }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.disability { background-position: 105px 0px; width: 110px; }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.training { background-position: 548px 0px; width: 82px; }
@media (max-width: 600px) { div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.training { background-position: 546px 0px; width: 71px; } }
div.career-blocks div.career-blocks-benefits article div.benefits-container div.benefits-svg.hand { background-position: 622px 0px; width: 80px; }
@media (max-width: 655px) { div.career-blocks div.career-blocks-benefits article div.benefits-container { padding-bottom: 25px; } }
@media (max-width: 655px) { div.career-blocks div.career-blocks-benefits article { width: 240px; height: 240px; padding-bottom: 25px; } }
@media (max-width: 500px) { div.career-blocks div.career-blocks-benefits article { width: 160px; height: 160px; padding-bottom: 30px; } }
div.career-blocks div.career-blocks-benefits article:nth-child(even) { background: #000; }
@media (max-width: 655px) { div.career-blocks div.career-blocks-benefits article:nth-child(even) { margin-left: -4px; } }
div.career-blocks div.wongterns-banner { width: 100%; background-color: #89ff18; position: relative; margin: 80px auto; }
div.career-blocks div.wongterns-banner a { color: #000; font-family: "Avenir Next Heavy", Arial; font-size: 46px; text-align: center; padding: 20px; display: block; letter-spacing: -1px; }
@media (max-width: 980px) { div.career-blocks div.wongterns-banner { margin: 40px auto; }
  div.career-blocks div.wongterns-banner a { font-size: 36px; } }
@media (max-width: 660px) { div.career-blocks div.wongterns-banner { margin: 30px auto; }
  div.career-blocks div.wongterns-banner a { font-size: 24px; } }
@media (max-width: 500px) { div.career-blocks div.wongterns-banner { margin: 20px auto; }
  div.career-blocks div.wongterns-banner a { font-size: 18px; } }
div.career-blocks div.wongterns-banner:hover { background-color: #e1ff1f; }
div.career-blocks div.wongterns-banner:hover a { color: #00e95d; }

aside.related > h1 { font-size: 84px; color: #89ff18; padding: 60px 15px 30px; text-transform: uppercase; text-align: center; font-family: "Avenir Next Heavy", Arial; line-height: 110%; }
@media (max-width: 820px) { aside.related > h1 { font-size: 64px; } }
@media (max-width: 630px) { aside.related > h1 { font-size: 36px; } }
@media (max-width: 450px) { aside.related > h1 { font-size: 20px; } }

#award-blocks-container div#infscr-loading { padding-top: 50px; text-align: center; }
#award-blocks-container div.award-blocks { width: 100%; text-align: center; padding-bottom: 60px; }
#award-blocks-container div.award-blocks h1 { font-family: "Avenir Next Heavy", Arial; font-size: 120px; text-transform: uppercase; line-height: 105px; }
@media (max-width: 1024px) { #award-blocks-container div.award-blocks h1 { font-size: 80px; line-height: 80px; } }
@media (max-width: 640px) { #award-blocks-container div.award-blocks h1 { font-size: 42px; line-height: 80px; } }
@media (max-width: 500px) { #award-blocks-container div.award-blocks h1 { font-size: 36px; line-height: 40px; padding: 0px 10px 0px 10px; padding-bottom: 30px; } }
@media (max-width: 350px) { #award-blocks-container div.award-blocks h1 { font-size: 30px; line-height: 32px; } }
#award-blocks-container div.award-blocks:nth-child(3n+1) { color: #e1ff1f; }
#award-blocks-container div.award-blocks:nth-child(3n+2) { color: #89ff18; }
#award-blocks-container div.award-blocks:nth-child(3n+3) { color: #00e95d; }

body > footer { margin-top: 100px; }
body > footer > h1 { text-align: center; position: relative; z-index: -1; background-image: url(../images/global/say-hi.svg); background-repeat: no-repeat; background-size: 1000px; background-position: top center; width: 100%; text-indent: -9000px; margin-bottom: 7%; }
body > footer > h1.alpha { font-size: 350px; line-height: 100%; }
@media (max-width: 399px) { body > footer > h1.alpha { font-size: 100px; background-size: 310px; height: 98px; } }
@media (min-width: 400px) { body > footer > h1.alpha { font-size: 120px; background-size: 400px; height: 126px; } }
@media (min-width: 600px) { body > footer > h1.alpha { font-size: 190px; background-size: 600px; height: 189px; } }
@media (min-width: 800px) { body > footer > h1.alpha { font-size: 250px; background-size: 800px; height: 251px; } }
@media (min-width: 1000px) { body > footer > h1.alpha { font-size: 300px; background-size: 1000px; height: 314px; } }
@media (min-width: 1200px) { body > footer > h1.alpha { font-size: 350px; background-size: 1200px; height: 377px; } }
@media (min-width: 1400px) { body > footer > h1.alpha { font-size: 400px; background-size: 1400px; height: 439px; } }
@media (min-width: 1600px) { body > footer > h1.alpha { font-size: 500px; background-size: 1600px; height: 502px; } }
html.touch body > footer > h1 { -webkit-transform: translateY(7%); -moz-transform: translateY(7%); -ms-transform: translateY(7%); -o-transform: translateY(7%); transform: translateY(7%); margin-bottom: 0px; }
body > footer > div { width: 100%; padding: 50px 0px 20px; background: #89ff18; overflow: auto; text-align: center; }
body > footer > div form { display: inline-block; width: 640px; text-align: left; }
body > footer > div form > div + div { margin-top: 15px; margin-bottom: 15px; }
body > footer > div form div:nth-child(2) { margin-top: 0px; }
body > footer > div form div.submit { padding-top: 10px; }
body > footer > div form div.screen-reader { display: block !important; left: -9999px !important; position: absolute !important; }
body > footer > div form div img { padding-bottom: 5px; }
body > footer > div form label { font-size: 23px; font-family: "Avenir Next Bold", Arial; display: block; }
body > footer > div form label + input, body > footer > div form label + select { margin: 0px; display: block; }
body > footer > div form label.subject-select { display: block; }
body > footer > div form input, body > footer > div form textarea, body > footer > div form select { border-radius: 0px; }
body > footer > div form input, body > footer > div form textarea { width: 75%; display: inline-block; background: #000; border: 3px solid transparent; font-family: "Avenir Next Demi Bold", Arial; border-bottom: 3px solid #000; font-size: 16px; padding: 5px 10px; color: #00e95d; }
body > footer > div form input:focus, body > footer > div form textarea:focus, body > footer > div form select:focus, body > footer > div form button:focus, body > footer > div form span:focus { outline: none; }
body > footer > div form input:focus, body > footer > div form textarea:focus { border: 3px solid #00e95d; }
body > footer > div form textarea { display: block; border-bottom: 3px solid #000; height: 150px; }
@media (max-width: 1024px) { body > footer > div form { width: auto; padding: 0px 15px; margin-bottom: 50px; }
  body > footer > div form label + input, body > footer > div form label + select { display: block; margin-left: 0px; }
  body > footer > div form input, body > footer > div form textarea { width: 90%; } }
@media (max-width: 500px) { body > footer > div form { width: calc(100% - 30px); padding: 0px 15px; }
  body > footer > div form input, body > footer > div form textarea, body > footer > div form select { width: calc(100% - 30px); }
  body > footer > div form .ui-selectmenu-button { width: calc(100% - 74px) !important; } }
body > footer > div form label + .error::before { display: inline-block; }
body > footer > div form label.error { color: red; text-transform: normal; font-size: 16px; text-align: right; font-family: "Avenir Next Demi Bold", Arial; display: inline-block; }
body > footer > div form label.captcha { padding-top: 15px; }
body > footer > div form div#success { font-family: "Avenir Next Demi Bold", Arial; font-size: 18px; width: 75%; }
body > footer > div div.offices { display: inline-block; width: 230px; text-align: left; vertical-align: top; }
body > footer > div div.offices h2 { font-family: "Avenir Next Heavy", Arial; font-size: 20px; margin: 0px 0px 30px; }
body > footer > div div.offices ul { list-style-type: none; margin: 0px; padding: 0px; }
body > footer > div div.offices ul li { list-style-type: none; padding: 0px; margin: 0px; }
body > footer > div div.offices ul li a h3 { font-family: "Avenir Next Bold", Arial; font-size: 24px; }
body > footer > div div.offices ul li a { display: block; font-family: "Avenir Next Demi Bold", Arial; }
body > footer > div div.offices ul li a.address { font-family: "Avenir Next Demi Bold", Arial; font-size: 16px; }
body > footer > div div.offices ul li a.phone { font-family: "Avenir Next Bold", Arial; font-size: 18px; }
body > footer > div div.offices ul li a.phone:hover { color: #000; }
@media (max-width: 600px) { body > footer > div div.offices ul li a.phone:hover { color: #00e95d; } }
body > footer > div div.offices ul li + li { margin-top: 25px; }
body > footer > div div.offices ul > p { margin: 50px 0px 0px; font-family: "Avenir Next Demi Bold", Arial; }
body > footer > div div.offices ul > p a { text-transform: uppercase; font-family: "Avenir Next Bold", Arial; }
@media (max-width: 1024px) { body > footer > div div.offices { margin-left: 20px; } }
@media (max-width: 570px) { body > footer > div div.offices { margin-left: 0px; } }

div#share-flyout { overflow: hidden; -webkit-transform: translateY(-1250px); -moz-transform: translateY(-1250px); -ms-transform: translateY(-1250px); -o-transform: translateY(-1250px); transform: translateY(-1250px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; position: absolute; text-align: center; }
div#share-flyout div#share-flyout-header { background: black; height: 75px; margin-top: -8px; }
div#share-flyout div#share-flyout-header a.close { margin: 0px auto; top: 40%; position: relative; width: 20px; height: 20px; -webkit-transition: All 0.2s; -moz-transition: All 0.2s; -ms-transition: All 0.2s; -o-transition: All 0.2s; transition: All 0.2s; display: inline-block; position: relative; font-size: 0px; vertical-align: middle; }
div#share-flyout div#share-flyout-header a.close > span { height: 3px; background: none; display: block; }
div#share-flyout div#share-flyout-header a.close:before, div#share-flyout div#share-flyout-header a.close:after { display: block; height: 3px; width: 100%; content: ""; left: 0px; }
div#share-flyout div#share-flyout-header a.close:before { padding-bottom: 3px; border-top: 3px solid #89ff18; }
div#share-flyout div#share-flyout-header a.close:after { padding-top: 3px; border-bottom: 3px solid #89ff18; }
div#share-flyout div#share-flyout-header a.close:hover, div#share-flyout div#share-flyout-header a.close:focus { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
div#share-flyout div#share-flyout-header a.close:hover:before, div#share-flyout div#share-flyout-header a.close:hover:after, div#share-flyout div#share-flyout-header a.close:focus:before, div#share-flyout div#share-flyout-header a.close:focus:after { width: 100%; }
div#share-flyout div.share-flyout-container { position: relative; display: block; }
@media (max-width: 600px) { div#share-flyout div.share-flyout-container { position: absolute; } }
div#share-flyout div.share-flyout-container ul.social { max-width: 960px; margin: 0px auto; padding: 0px; margin-bottom: 30px; }
@media (max-width: 600px) { div#share-flyout div.share-flyout-container ul.social { margin-bottom: 5px; } }
div#share-flyout div.share-flyout-container ul.social a { display: inline-block; width: 140px; height: 140px; background: #000; text-indent: -9000px; }
@media (max-width: 600px) { div#share-flyout div.share-flyout-container ul.social a { width: 60px; height: 60px; } }
div#share-flyout div.share-flyout-container ul.social a.facebook:hover li.facebook { background-position: -587px -550px; }
div#share-flyout div.share-flyout-container ul.social a.linkedin:hover li.linkedin { background-position: -725px -543px; }
div#share-flyout div.share-flyout-container ul.social a.google:hover li.google { background-position: -524px -541px; }
div#share-flyout div.share-flyout-container ul.social a.twitter:hover li.twitter { background-position: -644px  -548px; }
div#share-flyout div.share-flyout-container ul.social a.email:hover li.email { background-position: -431px -500px; }
div#share-flyout div.share-flyout-container ul.social a.print:hover li.print { background-position: -99px -546px; }
@media (max-width: 960px) { div#share-flyout div.share-flyout-container ul.social a:last-child { display: none; } }
div#share-flyout div.share-flyout-container ul.social + a { margin-left: 20px; }
div#share-flyout div.share-flyout-container ul.social li { display: block; background-image: url(../images/global/sprite.svg); height: 50px; text-indent: -9000px; font-size: 0px; position: relative; top: 45px; left: 45px; }
@media (max-width: 600px) { div#share-flyout div.share-flyout-container ul.social li { top: 5px; left: 5px; } }
div#share-flyout div.share-flyout-container ul.social li.facebook { width: 50px; background-position: -587px -490px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
div#share-flyout div.share-flyout-container ul.social li.facebook.gp { background-position: -587px -490px; }
div#share-flyout div.share-flyout-container ul.social li.linkedin { width: 50px; background-position: -725px -493px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
div#share-flyout div.share-flyout-container ul.social li.linkedin.gp { background-position: -725px -493px; }
div#share-flyout div.share-flyout-container ul.social li.google { width: 49px; background-position: -524px -489px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
div#share-flyout div.share-flyout-container ul.social li.google.gp { background-position: -524px -489px; }
div#share-flyout div.share-flyout-container ul.social li.twitter { width: 50px; background-position: -644px -488px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
div#share-flyout div.share-flyout-container ul.social li.twitter.gp { background-position: -644px  -488px; }
div#share-flyout div.share-flyout-container ul.social li.email { width: 50px; background-position: -431px -448px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
div#share-flyout div.share-flyout-container ul.social li.email.gp { background-position: -431px -448px; }
div#share-flyout div.share-flyout-container ul.social li.print { width: 50px; background-position: -99px -489px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
div#share-flyout div.share-flyout-container ul.social li.print.gp { background-position: -99px -489px; }
div#share-flyout div.share-flyout-container div#flyout-link-wrapper { max-width: 960px; margin: 0px auto; }
div#share-flyout div.share-flyout-container div#flyout-link-wrapper div#flyout-share-container { max-width: 860px; margin: 0px auto; }
@media (max-width: 600px) { div#share-flyout div.share-flyout-container div#flyout-link-wrapper div#flyout-share-container { max-width: 320px; } }
div#share-flyout div.share-flyout-container div#flyout-link-wrapper div#flyout-share-container .share-link { background: #000; color: white; display: inline-block; width: 100%; text-align: center; }
div#share-flyout div.share-flyout-container div#flyout-link-wrapper div#flyout-share-container .share-link p.share-url { padding: 10px; display: inline-block; position: relative; font-weight: 700; -webkit-user-select: initial; }
@media (max-width: 600px) { div#share-flyout div.share-flyout-container div#flyout-link-wrapper div#flyout-share-container .share-link { width: 100%; }
  div#share-flyout div.share-flyout-container div#flyout-link-wrapper div#flyout-share-container .share-link p.share-url { font-size: 14px; padding: 0px; margin-left: 5px; } }
div#share-flyout div.share-flyout-container div#flyout-link-wrapper div#flyout-share-container .share-copy-button { background: #000; display: inline-block; position: relative; width: 200px; top: 2px; }
div#share-flyout div.share-flyout-container div#flyout-link-wrapper div#flyout-share-container .share-copy-button .copy-link { top: 12px; display: inline-block; background-image: url(../images/global/sprite.svg); height: 38px; text-indent: -9000px; font-size: 0px; position: relative; background-position: -388px -458px; width: 42px; }
div#share-flyout div.share-flyout-container div#flyout-link-wrapper div#flyout-share-container .share-copy-button p { font-size: 22px; font-family: "Avenir Next Heavy", Arial; color: #89ff18; display: inline-block; text-transform: uppercase; }
@media (max-width: 600px) { div#share-flyout div.share-flyout-container div#flyout-link-wrapper div#flyout-share-container .share-copy-button { width: 100%; } }
div#share-flyout.share-on { z-index: 10; position: fixed; top: 0px; background: #89ff18; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
div#share-flyout.share-on div.share-flyout-container h3 { font-family: "Avenir Next Heavy", Arial; font-size: 80px; color: black; max-width: 960px; margin: 0px auto; line-height: 110%; }
div#share-flyout.share-on div.share-flyout-container h2 { font-family: "Avenir Next Heavy", Arial; font-size: 24px; color: black; padding-top: 20px; padding-bottom: 50px; text-transform: uppercase; }
@media (max-height: 800px) { div#share-flyout.share-on div.share-flyout-container h3 { font-size: 50px; }
  div#share-flyout.share-on div.share-flyout-container h2 { font-size: 18px; padding-bottom: 10px; } }
@media (max-width: 600px) { div#share-flyout.share-on div.share-flyout-container h3 { font-size: 34px; padding: 5px; }
  div#share-flyout.share-on div.share-flyout-container h2 { padding: 5px; } }
div#share-flyout.share-on a.close span { background: none; }
div#share-flyout.share-on a.close:before { -webkit-transform: rotate(45deg) translate(5px, 7px); -moz-transform: rotate(45deg) translate(5px, 7px); -ms-transform: rotate(45deg) translate(5px, 7px); -o-transform: rotate(45deg) translate(5px, 7px); transform: rotate(45deg) translate(5px, 7px); }
div#share-flyout.share-on a.close:after { -webkit-transform: rotate(-45deg) translate(5px, -7px); -moz-transform: rotate(-45deg) translate(5px, -7px); -ms-transform: rotate(-45deg) translate(5px, -7px); -o-transform: rotate(-45deg) translate(5px, -7px); transform: rotate(-45deg) translate(5px, -7px); }
div#share-flyout.share-on a.close:hover, div#share-flyout.share-on a.close:focus { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
div#share-flyout.share-on a.close:hover:before, div#share-flyout.share-on a.close:hover:after, div#share-flyout.share-on a.close:focus:before, div#share-flyout.share-on a.close:focus:after { width: 100%; }
div#share-flyout.share-on a.close:hover:before, div#share-flyout.share-on a.close:focus:before { -webkit-transform: rotate(45deg) translate(5px, 7px) scale(1.3, 1); -moz-transform: rotate(45deg) translate(5px, 7px) scale(1.3, 1); -ms-transform: rotate(45deg) translate(5px, 7px) scale(1.3, 1); -o-transform: rotate(45deg) translate(5px, 7px) scale(1.3, 1); transform: rotate(45deg) translate(5px, 7px) scale(1.3, 1); }
div#share-flyout.share-on a.close:hover:after, div#share-flyout.share-on a.close:focus:after { -webkit-transform: rotate(-45deg) translate(5px, -7px) scale(1.3, 1); -moz-transform: rotate(-45deg) translate(5px, -7px) scale(1.3, 1); -ms-transform: rotate(-45deg) translate(5px, -7px) scale(1.3, 1); -o-transform: rotate(-45deg) translate(5px, -7px) scale(1.3, 1); transform: rotate(-45deg) translate(5px, -7px) scale(1.3, 1); }

div.about-lead-in { width: 100%; position: relative; background: #89ff18; }
div.about-lead-in img { width: 100%; }
div.about-lead-in div.lead-container { position: relative; display: block; height: 600px; }
@media (max-width: 1000px) { div.about-lead-in div.lead-container { height: 500px; } }
@media (max-width: 800px) { div.about-lead-in div.lead-container { height: 400px; } }
@media (max-width: 600px) { div.about-lead-in div.lead-container { height: 200px; } }
div.about-lead-in div.lead-container div.video-container { position: absolute; height: 100%; width: 100%; overflow: hidden; }
div.about-lead-in div.lead-container div.video-container video { min-width: 100%; min-height: 100%; }
div.about-lead-in div.lead-container div.video-container div.video-grid { display: none; width: 100%; height: 100%; background: url(http://media.wongdoody.com/grid.png); position: absolute; top: 0px; left: 0px; z-index: 5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=(70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
div.about-lead-in div.about-lead-in-copy { max-width: 960px; margin: 0px auto; padding: 60px 0px 60px 0px; }
@media (max-width: 600px) { div.about-lead-in div.about-lead-in-copy { padding: 20px; } }
div.about-lead-in div.about-lead-in-copy h2 { text-align: center; font-size: 70px; color: #000; font-family: "Avenir Next Heavy", Arial; text-transform: uppercase; line-height: 75px; padding: 20px 0px 20px 0px; }
@media (max-width: 960px) { div.about-lead-in div.about-lead-in-copy h2 { font-size: 55px; padding: 20px; line-height: 55px; } }
@media (max-width: 600px) { div.about-lead-in div.about-lead-in-copy h2 { font-size: 36px; line-height: 40px; } }
@media (max-width: 360px) { div.about-lead-in div.about-lead-in-copy h2 { font-size: 30px; } }
div.about-lead-in div.about-lead-in-copy p { text-align: center; font-size: 21px; color: #000; font-family: "Avenir Next Demi Bold", Arial; margin: 0px; padding: 20px 0px 20px 0px; }
@media (max-width: 960px) { div.about-lead-in div.about-lead-in-copy p { font-size: 19px; padding: 20px; } }
@media (max-width: 600px) { div.about-lead-in div.about-lead-in-copy p { font-size: 16px; } }

div.scholarship-lead-in { width: 100%; position: relative; background: #e1ff1f; }
div.scholarship-lead-in div.scholarship-copy { max-width: 960px; margin: 0px auto; padding: 60px 0px 60px 0px; }
@media (max-width: 600px) { div.scholarship-lead-in div.scholarship-copy { padding: 20px; } }
div.scholarship-lead-in div.scholarship-copy h3 { text-align: center; font-size: 70px; color: #000; font-family: "Avenir Next Heavy", Arial; text-transform: uppercase; line-height: 75px; padding: 20px 0px 20px 0px; }
@media (max-width: 960px) { div.scholarship-lead-in div.scholarship-copy h3 { font-size: 55px; padding: 20px; line-height: 55px; } }
@media (max-width: 600px) { div.scholarship-lead-in div.scholarship-copy h3 { font-size: 36px; line-height: 40px; } }
@media (max-width: 360px) { div.scholarship-lead-in div.scholarship-copy h3 { font-size: 30px; } }
div.scholarship-lead-in div.scholarship-copy h4 { text-align: center; font-size: 60px; color: #000; font-family: "Avenir Next Heavy", Arial; text-transform: uppercase; line-height: 75px; padding: 20px 0px 20px 0px; }
@media (max-width: 960px) { div.scholarship-lead-in div.scholarship-copy h4 { font-size: 45px; padding: 20px; line-height: 45px; } }
@media (max-width: 600px) { div.scholarship-lead-in div.scholarship-copy h4 { font-size: 32px; line-height: 32px; } }
@media (max-width: 360px) { div.scholarship-lead-in div.scholarship-copy h4 { font-size: 26px; } }
div.scholarship-lead-in div.scholarship-copy p { text-align: center; font-size: 21px; color: #000; font-family: "Avenir Next Demi Bold", Arial; margin: 0px; padding: 20px 0px 20px 0px; }
@media (max-width: 960px) { div.scholarship-lead-in div.scholarship-copy p { font-size: 19px; padding: 20px; } }
@media (max-width: 600px) { div.scholarship-lead-in div.scholarship-copy p { font-size: 16px; } }
div.scholarship-lead-in div.scholarship-copy p a { text-decoration: underline; }

div.profile-container { background: #00e95d; width: 100%; }
div.profile-container div#profile-blocks { max-width: 960px; margin: 0px auto; padding: 60px 0px 60px 0px; }
@media (max-width: 972px) { div.profile-container div#profile-blocks { max-width: 660px; } }
div.profile-container div#profile-blocks div.profile-title h2 { font-size: 84px; font-family: "Avenir Next Heavy", Arial; text-transform: uppercase; text-align: center; color: #e1ff1f; padding-bottom: 50px; }
@media (max-width: 960px) { div.profile-container div#profile-blocks div.profile-title h2 { font-size: 55px; } }
@media (max-width: 600px) { div.profile-container div#profile-blocks div.profile-title h2 { font-size: 40px; } }
div.profile-container div#profile-blocks article { width: 320px; height: 320px; display: inline-block; position: relative; overflow: hidden; margin-right: -4px; position: relative; overflow: hidden; background-position: left-center; background-repeat: no-repeat; background-size: auto 100%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@media (max-width: 960px) { div.profile-container div#profile-blocks article { -webkit-animation: none !important; -moz-animation: none !important; -ms-animation: none !important; -o-animation: none !important; animation: none !important; background-position: right; } }
@media (max-width: 661px) { div.profile-container div#profile-blocks article { margin-right: inherit; margin: 0px auto; display: block; } }
div.profile-container div#profile-blocks article.hover-text div.copy { top: 20px; }
div.profile-container div#profile-blocks article.hover-text div.copy p.body-copy { display: block; }
div.profile-container div#profile-blocks article.frames4 { -webkit-animation: play-backwards 0.5s steps(3); -moz-animation: play-backwards 0.5s steps(3); -ms-animation: play-backwards 0.5s steps(3); -o-animation: play-backwards 0.5s steps(3); animation: play-backwards 0.5s steps(3); }
div.profile-container div#profile-blocks article.frames7 { -webkit-animation: play-backwards 0.5s steps(6); -moz-animation: play-backwards 0.5s steps(6); -ms-animation: play-backwards 0.5s steps(6); -o-animation: play-backwards 0.5s steps(6); animation: play-backwards 0.5s steps(6); }
div.profile-container div#profile-blocks article.frames8 { -webkit-animation: play-backwards 0.5s steps(7); -moz-animation: play-backwards 0.5s steps(7); -ms-animation: play-backwards 0.5s steps(7); -o-animation: play-backwards 0.5s steps(7); animation: play-backwards 0.5s steps(7); }
div.profile-container div#profile-blocks article.frames9 { -webkit-animation: play-backwards 0.5s steps(8); -moz-animation: play-backwards 0.5s steps(8); -ms-animation: play-backwards 0.5s steps(8); -o-animation: play-backwards 0.5s steps(8); animation: play-backwards 0.5s steps(8); }
div.profile-container div#profile-blocks article.frames10 { -webkit-animation: play-backwards 0.5s steps(9); -moz-animation: play-backwards 0.5s steps(9); -ms-animation: play-backwards 0.5s steps(9); -o-animation: play-backwards 0.5s steps(9); animation: play-backwards 0.5s steps(9); }
div.profile-container div#profile-blocks article.frames11 { -webkit-animation: play-backwards 0.5s steps(10); -moz-animation: play-backwards 0.5s steps(10); -ms-animation: play-backwards 0.5s steps(10); -o-animation: play-backwards 0.5s steps(10); animation: play-backwards 0.5s steps(10); }
div.profile-container div#profile-blocks article.frames12 { -webkit-animation: play-backwards 0.5s steps(11); -moz-animation: play-backwards 0.5s steps(11); -ms-animation: play-backwards 0.5s steps(11); -o-animation: play-backwards 0.5s steps(11); animation: play-backwards 0.5s steps(11); }
div.profile-container div#profile-blocks article.frames13 { -webkit-animation: play-backwards 0.5s steps(12); -moz-animation: play-backwards 0.5s steps(12); -ms-animation: play-backwards 0.5s steps(12); -o-animation: play-backwards 0.5s steps(12); animation: play-backwards 0.5s steps(12); }
div.profile-container div#profile-blocks article.frames14 { -webkit-animation: play-backwards 0.5s steps(13); -moz-animation: play-backwards 0.5s steps(13); -ms-animation: play-backwards 0.5s steps(13); -o-animation: play-backwards 0.5s steps(13); animation: play-backwards 0.5s steps(13); }
div.profile-container div#profile-blocks article.frames4-backwards:hover { -webkit-animation: play 0.5s steps(3); -moz-animation: play 0.5s steps(3); -ms-animation: play 0.5s steps(3); -o-animation: play 0.5s steps(3); animation: play 0.5s steps(3); background-size: auto 100%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
div.profile-container div#profile-blocks article.frames7-backwards:hover { -webkit-animation: play 0.5s steps(6); -moz-animation: play 0.5s steps(6); -ms-animation: play 0.5s steps(6); -o-animation: play 0.5s steps(6); animation: play 0.5s steps(6); background-size: auto 100%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
div.profile-container div#profile-blocks article.frames8-backwards:hover { -webkit-animation: play 0.5s steps(7); -moz-animation: play 0.5s steps(7); -ms-animation: play 0.5s steps(7); -o-animation: play 0.5s steps(7); animation: play 0.5s steps(7); background-size: auto 100%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
div.profile-container div#profile-blocks article.frames9-backwards:hover { -webkit-animation: play 0.5s steps(8); -moz-animation: play 0.5s steps(8); -ms-animation: play 0.5s steps(8); -o-animation: play 0.5s steps(8); animation: play 0.5s steps(8); background-size: auto 100%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
div.profile-container div#profile-blocks article.frames10-backwards:hover { -webkit-animation: play 0.5s steps(9); -moz-animation: play 0.5s steps(9); -ms-animation: play 0.5s steps(9); -o-animation: play 0.5s steps(9); animation: play 0.5s steps(9); background-size: auto 100%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
div.profile-container div#profile-blocks article.frames11-backwards:hover { -webkit-animation: play 0.5s steps(10); -moz-animation: play 0.5s steps(10); -ms-animation: play 0.5s steps(10); -o-animation: play 0.5s steps(10); animation: play 0.5s steps(10); background-size: auto 100%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
div.profile-container div#profile-blocks article.frames12-backwards:hover { -webkit-animation: play 0.5s steps(11); -moz-animation: play 0.5s steps(11); -ms-animation: play 0.5s steps(11); -o-animation: play 0.5s steps(11); animation: play 0.5s steps(11); background-size: auto 100%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
div.profile-container div#profile-blocks article.frames13-backwards:hover { -webkit-animation: play 0.5s steps(12); -moz-animation: play 0.5s steps(12); -ms-animation: play 0.5s steps(12); -o-animation: play 0.5s steps(12); animation: play 0.5s steps(12); background-size: auto 100%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
div.profile-container div#profile-blocks article.frames14-backwards:hover { -webkit-animation: play 0.5s steps(13); -moz-animation: play 0.5s steps(13); -ms-animation: play 0.5s steps(13); -o-animation: play 0.5s steps(13); animation: play 0.5s steps(13); background-size: auto 100%; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
div.profile-container div#profile-blocks article div.copy { -webkit-transition: All 0.2s; -moz-transition: All 0.2s; -ms-transition: All 0.2s; -o-transition: All 0.2s; transition: All 0.2s; position: absolute; top: 230px; left: 10px; color: #e1ff1f; font-family: "Avenir Next Heavy", Arial; }
div.profile-container div#profile-blocks article div.copy h1 { font-size: 30px; }
div.profile-container div#profile-blocks article div.copy p.title { font-size: 18px; margin: 0px; padding: 0px; }
div.profile-container div#profile-blocks article div.copy p.body-copy { font-size: 14px; display: none; color: #000; font-family: "Avenir Next Regular", Arial; }
@media (max-width: 960px) { div.profile-container div#profile-blocks article div.copy { top: 20px; }
  div.profile-container div#profile-blocks article div.copy p.body-copy { display: block; } }

div.about-offices { width: 100%; display: block; position: relative; }
div.about-offices div.location-leadin { position: relative; background: #e1ff1f; }
div.about-offices div.location-leadin h1 { font-size: 84px; font-family: "Avenir Next Heavy", Arial; text-transform: uppercase; text-align: center; color: #000; padding: 50px 0px 0px 0px; }
@media (max-width: 960px) { div.about-offices div.location-leadin h1 { font-size: 60px; } }
@media (max-width: 600px) { div.about-offices div.location-leadin h1 { font-size: 45px; } }
div.about-offices div.locations-split { display: inline-block; width: 50%; height: 500px; background-position: center; position: relative; }
@media (max-width: 960px) { div.about-offices div.locations-split { height: 500px; } }
@media (max-width: 600px) { div.about-offices div.locations-split { display: block; width: 100%; height: 300px; background-position: top; } }
div.about-offices div.locations-split div.locations-copy-container { position: relative; display: block; z-index: 2; margin: 0px auto; }
div.about-offices div.locations-split div.locations-copy-container div.locations-copy { position: relative; top: 150px; }
div.about-offices div.locations-split div.locations-copy-container div.locations-copy h2 { font-size: 55px; font-family: "Avenir Next Heavy", Arial; text-transform: uppercase; text-align: center; color: #000; }
div.about-offices div.locations-split div.locations-copy-container div.locations-copy h3 { font-size: 24px; font-family: "Avenir Next Demi Bold", Arial; text-align: center; color: #000; margin-top: 10px; }
div.about-offices div.locations-split div.locations-copy-container div.locations-copy h4 { font-size: 28px; font-family: "Avenir Next Bold", Arial; text-align: center; color: #000; margin-top: 20px; letter-spacing: 1px; }
div.about-offices div.locations-split div.locations-copy-container div.locations-copy h4 a:hover { color: initial; }
@media (max-width: 600px) { div.about-offices div.locations-split div.locations-copy-container div.locations-copy { top: 75px; } }
@media (max-width: 960px) { div.about-offices div.locations-split div.locations-copy-container div.locations-copy h2 { font-size: 45px; }
  div.about-offices div.locations-split div.locations-copy-container div.locations-copy h3 { font-size: 20px; }
  div.about-offices div.locations-split div.locations-copy-container div.locations-copy h4 { font-size: 24px; } }
@media (max-width: 600px) { div.about-offices div.locations-split div.locations-copy-container div.locations-copy h2 { font-size: 35px; }
  div.about-offices div.locations-split div.locations-copy-container div.locations-copy h3 { font-size: 16px; }
  div.about-offices div.locations-split div.locations-copy-container div.locations-copy h4 { font-size: 20px; } }
div.about-offices .locations-split + .locations-split { margin-left: -4px; }
@media (max-width: 600px) { div.about-offices .locations-split + .locations-split { margin-left: initial; } }

div.contact-arrow div.arrow { width: 67px; height: 67px; background-image: url(../images/global/sprite.svg); background-position: -10px -400px; margin: 0px auto; text-indent: -9999px; }

div.nopage-container { width: 100%; position: relative; height: 100%; background: #89ff18; margin-top: 75px; }
div.nopage-container div.nopage-copy-container { position: absolute; padding: 0px 13px; text-align: center; color: #000; display: table; height: 600px; width: calc(100% - 26px) !important; width: 100%; }
@media (max-width: 600px) { div.nopage-container div.nopage-copy-container { height: 400px; } }
div.nopage-container div.nopage-copy-container div.nopage-copy { display: table-cell; vertical-align: middle; width: 100%; }
div.nopage-container div.nopage-copy-container div.nopage-copy h1 { font-size: 180px; font-family: "Avenir Next Heavy", Arial; color: #000; text-transform: uppercase; }
div.nopage-container div.nopage-copy-container div.nopage-copy h2 { font-size: 86px; font-family: "Avenir Next Heavy", Arial; color: #000; text-transform: uppercase; width: 50%; margin: 0px auto; line-height: 97%; }
div.nopage-container div.nopage-copy-container div.nopage-copy button { font-size: 24px; background: #00e95d; color: #e1ff1f; margin-top: 50px; padding: 14px 50px 9px; line-height: 24px; }
div.nopage-container div.nopage-copy-container div.nopage-copy button:hover { color: #000; }
@media (max-width: 700px) { div.nopage-container div.nopage-copy-container div.nopage-copy h1 { font-size: 60px; }
  div.nopage-container div.nopage-copy-container div.nopage-copy h2 { font-size: 40px; width: 100%; } }

#awards-lead-container { width: 100%; background: #89ff18; position: relative; display: table; height: 600px; }
@media (max-width: 990px) { #awards-lead-container { height: 500px; } }
@media (max-width: 600px) { #awards-lead-container { height: 400px; } }
#awards-lead-container #awards-lead { margin: 0px auto; max-width: 960px; text-align: center; display: table-cell; vertical-align: middle; }
#awards-lead-container #awards-lead div.awards-copy-container { max-width: 960px; margin: 0px auto; }
#awards-lead-container #awards-lead div.awards-copy-container div.awards-copy h1 { font-size: 76px; font-family: "Avenir Next Heavy", Arial; color: #000; text-transform: uppercase; }
#awards-lead-container #awards-lead div.awards-copy-container div.awards-copy h2 { font-size: 22px; font-family: "Avenir Next Demi Bold", Arial; color: #000; padding: 40px 0px 0px 0px; }
@media (max-width: 990px) { #awards-lead-container #awards-lead div.awards-copy-container div.awards-copy { padding: 20px; }
  #awards-lead-container #awards-lead div.awards-copy-container div.awards-copy h1 { font-size: 60px; }
  #awards-lead-container #awards-lead div.awards-copy-container div.awards-copy h2 { font-size: 20px; } }
@media (max-width: 600px) { #awards-lead-container #awards-lead div.awards-copy-container div.awards-copy h1 { font-size: 50px; }
  #awards-lead-container #awards-lead div.awards-copy-container div.awards-copy h2 { font-size: 16px; } }
@media (max-width: 400px) { #awards-lead-container #awards-lead div.awards-copy-container div.awards-copy h1 { font-size: 35px; }
  #awards-lead-container #awards-lead div.awards-copy-container div.awards-copy h2 { font-size: 14px; } }

div.wongtern-blocks article.instagram-content h1 { font-size: 28px; }
@media (max-width: 655px) { div.wongtern-blocks article.instagram-content h1 { font-size: 22px; } }
@media (max-width: 498px) { div.wongtern-blocks article.instagram-content h1 { font-size: 14px; } }

@-webkit-keyframes play { 0% { background-position: left center; }
  100% { background-position: right center; } }
@-moz-keyframes play { 0% { background-position: left center; }
  100% { background-position: right center; } }
@-ms-keyframes play { 0% { background-position: left center; }
  100% { background-position: right center; } }
@-o-keyframes play { 0% { background-position: left center; }
  100% { background-position: right center; } }
@keyframes play { 0% { background-position: left center; }
  100% { background-position: right center; } }
@-webkit-keyframes play-backwards { 100% { background-position: left center; }
  0% { background-position: right center; } }
@-moz-keyframes play-backwards { 100% { background-position: left center; }
  0% { background-position: right center; } }
@-ms-keyframes play-backwards { 100% { background-position: left center; }
  0% { background-position: right center; } }
@-o-keyframes play-backwards { 100% { background-position: left center; }
  0% { background-position: right center; } }
@keyframes play-backwards { 100% { background-position: left center; }
  0% { background-position: right center; } }
@media print { footer { display: none !important; }
  aside { display: none !important; }
  aside.related { display: none !important; }
  a.share { display: none !important; }
  body { overflow-x: visible; overflow-y: visible; background: white; }
  header { display: none !important; }
  #page-title { display: none !important; }
  a.feed-tags { display: none !important; }
  .tags-span { display: none !important; } }