/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-size: 14px;
  font: inherit;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * Utility Classes
 */
.clear {
  clear: both; }

.clearfix:after {
  clear: both;
  content: '';
  display: block; }

.hidden {
  display: none;
  visibility: hidden; }

.offscreen,
.accessLabel {
  display: block;
  left: -999999px;
  position: absolute;
  top: -999999px; }

.hidden {
  display: none;
  visibility: hidden; }

.noWrap {
  white-space: nowrap; }

.click-through {
  pointer-events: none; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

a {
  cursor: pointer;
  text-decoration: none; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

input,
label,
textarea,
select,
button {
  display: block;
  color: #979797;
  font-family: 'MrsEaves', serif;
  font-size: 18px;
  font-weight: 400;
  border: none;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-font-feature-settings: 'onum=1';
  -ms-font-feature-settings: 'onum';
  -webkit-font-feature-settings: 'onum';
  -o-font-feature-settings: 'onum';
  font-feature-settings: 'onum'; }

/**
Fonts
*/
@font-face {
  font-family: 'MrsEaves';
  src: url("../fonts/mrs-eaves/mrseavrom-071211001EmigreWebOnly.eot");
  src: url("../fonts/mrs-eaves/mrseavrom-071211001EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("../fonts/mrs-eaves/mrseavrom-071211001EmigreWebOnly.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'MrsEaves';
  src: url("../fonts/mrs-eaves/mrseavita-071211005EmigreWebOnly.eot");
  src: url("../fonts/mrs-eaves/mrseavita-071211005EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("../fonts/mrs-eaves/mrseavita-071211005EmigreWebOnly.woff") format("woff");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'MrsEaves';
  src: url("../fonts/mrs-eaves/mrseavbol-071211001EmigreWebOnly.eot");
  src: url("../fonts/mrs-eaves/mrseavbol-071211001EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("../fonts/mrs-eaves/mrseavbol-071211001EmigreWebOnly.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'MrsEaves';
  src: url("../fonts/mrs-eaves/mrseavbolita-071211005EmigreWebOnly.eot");
  src: url("../fonts/mrs-eaves/mrseavbolita-071211005EmigreWebOnly.eot?#iefix") format("embedded-opentype"), url("../fonts/mrs-eaves/mrseavbolita-071211005EmigreWebOnly.woff") format("woff");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: "LLBrauerNeue";
  src: url("../fonts/brauer/lineto-brauerneue-regular-c.eot");
  src: url("../fonts/brauer/lineto-brauerneue-regular-c.eot?#iefix") format("embedded-opentype"), url("../fonts/brauer/lineto-brauerneue-regular-c.woff") format("woff"), url("../fonts/brauer/lineto-brauerneue-regular-c.ttf") format("truetype"), url("../fonts/brauer/lineto-brauerneue-regular-c.svg#LLBrauerNeueWeb-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "LLBrauerNeue";
  src: url("../fonts/brauer/lineto-brauerneue-bold-c.eot");
  src: url("../fonts/brauer/lineto-brauerneue-bold-c.eot?#iefix") format("embedded-opentype"), url("../fonts/brauer/lineto-brauerneue-bold-c.woff") format("woff"), url("../fonts/brauer/lineto-brauerneue-bold-c.ttf") format("truetype"), url("../fonts/brauer/lineto-brauerneue-bold-c.svg#LLBrauerNeueWeb-Bold") format("svg");
  font-weight: 700;
  font-style: normal; }
/**
General
*/
html {
  background: #bbb; }

html.prevent-scroll {
  background: #d44e1a;
  height: 740px;
  overflow: hidden;
  position: relative; }

html.prevent-scroll .ajax-wrapper,
html.prevent-scroll .site-footer,
html.prevent-scroll .mobile-footer {
  display: none; }

body {
  /*background: #bbb;*/
  font-family: 'MrsEaves', serif; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga=1', 'onum=1';
  -ms-font-feature-settings: 'liga=1', 'onum=1';
  -webkit-font-feature-settings: 'liga=1', 'onum=1';
  -o-font-feature-settings: 'liga=1', 'onum=1';
  font-feature-settings: 'liga=1', 'onum=1'; }

h1 {
  font-size: 24px; }

h2,
h3 {
  font-size: 20px; }

h4 {
  font-size: 16px; }

/**
Default Typography
*/
.default-typography {
  background: #fff;
  padding: 40px 40px; }

.default-typography h1 {
  color: #d44e1a;
  font: 700 48px/58px "LLBrauerNeue", sans-serif;
  text-transform: uppercase; }

.default-typography h2 {
  color: #d44e1a;
  font: 700 16px/20px "LLBrauerNeue", sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px; }

.default-typography strong,
.default-typography b {
  font-weight: 700; }

.default-typography p,
.default-typography address,
.default-typography li {
  color: #666;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 20px;
  font-weight: 400; }

.default-typography ul,
.default-typography ol {
  padding-left: 40px; }

.default-typography ul li {
  list-style: circle; }

.default-typography ol li {
  list-style: lower-roman; }

.default-typography li {
  max-width: 700px; }

.default-typography p a {
  color: #d44e1a; }

.default-typography p a:hover {
  text-decoration: underline; }

/**
Framework
*/
.container {
  margin: 0 auto;
  width: 1227px; }

.ajax-wrapper {
  overflow: hidden;
  position: relative;
  height: 780px;
  width: 1040px; }

.ajax-inner {
  width: 200%; }

.content {
  background: #e3e3e3;
  float: left;
  min-height: 780px;
  overflow: hidden;
  width: 1040px;
  position: relative; }

.page-column {
  float: left;
  height: 780px;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

/**
Flexslider
*/
.flexslider {
  margin: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.flex-direction-nav {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: auto; }

.flex-direction-nav li {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 1px;
  position: relative; }

.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;
  left: auto;
  right: auto; }

.flex-direction-nav a {
  background: #d44e1a;
  color: #fff;
  display: block;
  font-size: 0;
  height: 18px;
  margin: 0;
  opacity: 1;
  outline: none;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-indent: -9999px;
  text-shadow: none;
  top: auto;
  width: 18px;
  z-index: 2;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }

.flex-direction-nav .indicator {
  background: #d44e1a;
  color: #fff;
  font-family: "LLBrauerNeue", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 18px;
  height: 18px;
  min-width: 36px;
  padding: 0 5px 0;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.flex-direction-nav a:hover {
  background-color: #e07947; }

.flex-direction-nav a:before,
.flex-direction-nav a.flex-next:before {
  background: url(../img/sprites/sprite.png) 0 -50px;
  content: '';
  display: block;
  margin: 4px auto;
  height: 9px;
  width: 6px; }

.flex-direction-nav a.flex-next:before {
  background-position: -25px -50px; }

.flex-direction-nav .flex-prev {
  left: auto; }

.flex-direction-nav .flex-next {
  right: auto;
  text-align: center; }

.flexslider:hover .flex-prev {
  opacity: 1;
  left: auto; }

.flexslider:hover .flex-next {
  opacity: 1;
  right: auto; }

.flex-direction-nav .flex-disabled:hover,
.flex-direction-nav .flex-disabled {
  opacity: 1 !important;
  background-color: #a73c11;
  z-index: 1; }

.flex-direction-nav li.prev-disabler,
.flex-direction-nav li.next-disabler {
  height: 18px;
  width: 18px;
  position: absolute;
  z-index: 1; }

.flex-direction-nav li.prev-disabler {
  left: 0; }

.flex-direction-nav li.next-disabler {
  right: 0; }

/**
Scrollbar
*/
.jspPane {
  width: 100% !important; }

.jspPane > * {
  margin-right: 6px; }

.scroll-pane {
  overflow-x: hidden;
  outline: none; }

.jspContainer,
.jspTrack {
  background: #fff;
  outline: none; }

.jspVerticalBar {
  width: 6px; }

.jspDrag {
  background: #d44e1a; }

/**
Cursor
*/
.nested-rotator {
  cursor: none; }

.nested-cursor {
  cursor: none;
  background: url(../img/work/gatorade/more-cursor-animated.gif) no-repeat;
  opacity: 0;
  position: absolute;
  height: 80px;
  width: 80px;
  transition: opacity .2s;
  -webkit-transition: opacity .2s; }

.nested-float-rotator-tiles:hover .nested-cursor {
  opacity: 1; }

.nested-cursor.top {
  background: url(../img/work/gatorade/top-cursor-animated.gif) no-repeat; }

/*
Site Header + Primary Navigation
*/
.site-header {
  background: #e3e3e3;
  float: left;
  height: 780px;
  padding: 0px 10px;
  position: relative;
  width: 167px; }

.site-header .wrapper {
  border-bottom: 10px solid #d44e1a;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.tether-logo {
  background: #d44e1a;
  display: block;
  height: 68px;
  margin-bottom: 10px;
  position: relative;
  width: 100%; }

.tether-logo img {
  bottom: 10px;
  position: absolute;
  right: 5px; }

.primary-navigation .loading-indicator {
  display: none; }

#menu-primary-navigation {
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  text-transform: uppercase; }

#menu-primary-navigation > li {
  background: url(../img/patterns/bg-gray-border.png) top left repeat-x;
  height: 38px;
  overflow: hidden; }

.backgroundsize #menu-primary-navigation > li {
  background-image: url(../img/patterns/bg-gray-border-retina.png);
  background-size: auto 1px; }

.post-type-archive-capabilities #menu-primary-navigation > li.capabilities-nav,
#menu-primary-navigation > li.current-menu-ancestor {
  height: auto; }

#menu-primary-navigation > li > a {
  color: #666;
  display: block;
  font-size: 24px;
  padding: 6px 0 4px;
  font-weight: 700;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.post-type-archive-capabilities #menu-primary-navigation > li.menu-item-has-children.capabilities-nav > a,
#menu-primary-navigation > li.menu-item-has-children.current-menu-ancestor > a,
#menu-primary-navigation > li.menu-item-has-children.open > a {
  background: url(../img/patterns/bg-gray-border.png) bottom left repeat-x; }

.backgroundsize .post-type-archive-capabilities #menu-primary-navigation > li.menu-item-has-children.capabilities-nav > a,
.backgroundsize #menu-primary-navigation > li.menu-item-has-children.current-menu-ancestor > a,
.backgroundsize #menu-primary-navigation > li.menu-item-has-children.open > a {
  background-image: url(../img/patterns/bg-gray-border-retina.png);
  background-size: auto 1px; }

#menu-primary-navigation > li.current-menu-item > a,
#menu-primary-navigation > li.current_page_item > a,
#menu-primary-navigation > li > a:hover {
  color: #d44e1a; }

#menu-primary-navigation .sub-menu {
  background: url(../img/patterns/navigation-bg-pattern.gif) repeat;
  margin: 3px 0;
  overflow: hidden;
  padding: 4px 7px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

#menu-primary-navigation .sub-menu li {
  color: #666;
  display: block;
  width: 153px; }

#menu-primary-navigation .sub-menu a {
  color: #666;
  display: inline-block;
  line-height: 12px;
  font-family: "LLBrauerNeue", sans-serif;
  padding: 3px 3px 2px;
  text-transform: uppercase; }

#menu-primary-navigation .sub-menu a.active,
#menu-primary-navigation .sub-menu a:hover,
#menu-primary-navigation .sub-menu .current-menu-item a {
  background: #d44e1a;
  color: #fff; }

#menu-primary-navigation .capabilities-nav .sub-menu .current-menu-item a {
  background: none;
  color: #666; }

#menu-primary-navigation .capabilities-nav .sub-menu .menu-item.active a,
#menu-primary-navigation .capabilities-nav .sub-menu .current-menu-item a:hover {
  background: #d44e1a;
  color: #fff; }

.contact-info {
  background: url(../img/patterns/bg-gray-border.png) top left repeat-x;
  bottom: 10px;
  color: #888;
  font-size: 13px;
  line-height: 12px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.contact-info .webby {
  position: absolute;
  bottom: 100%;
  margin-bottom: 20px; }

.contact-info:after {
  background: url(../img/logos/tether-design-agency-t-logo-mark-orange.png) 1px 1px no-repeat;
  bottom: 8px;
  content: '';
  display: block;
  height: 27px;
  position: absolute;
  right: 2px;
  width: 27px; }

.backgroundsize .contact-info:after {
  background-image: url(../img/logos/tether-design-agency-t-logo-mark-orange-retina.png);
  background-size: auto 25px; }

.contact-info * {
  text-rendering: optimizeLegibility; }

.contact-info .text {
  padding: 13px 10px 11px; }

.contact-info .telephone li {
  letter-spacing: 0; }

.contact-info strong {
  font-weight: 700;
  letter-spacing: auto;
  line-height: 12px; }

.contact-info ul,
.contact-info .email {
  display: block;
  margin-bottom: 10px; }

.contact-info li,
.contact-info a {
  color: #888;
  font-size: 13px;
  line-height: 12px;
  text-decoration: none; }

.contact-info a:hover {
  text-decoration: underline; }

.contact-info ul.locations {
  margin-bottom: 7px; }

.contact-info .social-list {
  height: 11px;
  margin: 0 0 0 -1px;
  font-size: 0; }

.contact-info .social-list li {
  display: inline-block; }

.contact-info .social-list a {
  background: url(../img/sprites/sprite.png) 0 0 no-repeat;
  display: block;
  height: 13px;
  width: 12px; }

.contact-info .social-list .facebook:hover {
  background-position: 0 -25px; }

.contact-info .social-list .twitter {
  background-position: -25px 0;
  margin-left: 2px; }

.contact-info .social-list .twitter:hover {
  background-position: -25px -25px; }

.contact-info .rule {
  background: url(../img/patterns/bg-gray-border.png) top left repeat-x;
  height: 1px; }

/**
Site Footer
*/
.mobile-footer {
  display: none; }

.site-footer .copyright {
  clear: both;
  color: #666;
  font-size: 12px;
  padding-top: 2px;
  text-align: right;
  width: 100%; }

.site-footer .copyright a {
  color: #666; }

.site-footer .copyright a:hover {
  text-decoration: underline; }

/**
Home Page
*/
.home .mobile-home {
  display: none; }

.home img {
  vertical-align: top; }

/** Animated Landing elements */
.home .moby-dick .background,
.home .moby-dick .foreground,
.home .sunrise .background,
.home .sunrise .foreground,
.home .campfire .background,
.home .campfire .foreground,
.home .monster-landscape .layer,
.home .monster-landscape > img,
.error-404 .monster-landscape .layer,
.error-404 .monster-landscape > img {
  position: absolute;
  top: 0; }

.home .monster-landscape .layer,
.error-404 .monster-landscape .layer {
  width: 7566px; }

.error-404 .monster-landscape .layer img {
  display: inline;
  float: left;
  margin: 0; }

/** About */
/** Stanley Hainsworth */
.stanley-hainsworth-page .mobile-accordion {
  display: none; }

.stanley-hainsworth-page .mobile-featured-image,
.stanley-hainsworth-page .featured-interviews-intro {
  display: none; }

.stanley-hainsworth-page .left-column {
  background: url(../img/stanley-hainsworth/stanley-portrait.jpg) no-repeat;
  width: 520px; }

.stanley-hainsworth-page .left-column .reveal-text .inner {
  padding: 19px 10px 0 16px; }

.stanley-hainsworth-page .left-column h1 {
  color: #fff;
  font: 700 89px/90px "LLBrauerNeue", sans-serif; }

.stanley-hainsworth-page .left-column h2 {
  color: #fff;
  font: 700 33px/40px "LLBrauerNeue", sans-serif;
  margin-top: -2px; }

/** Stanley Hainsworth - Center Column */
.stanley-hainsworth-page .center-column {
  width: 260px; }

/** Stanley Hainsworth - Center Column - Speaking Engagements*/
.stanley-hainsworth-page .center-column .slides > li {
  width: 260px !important; }

.stanley-hainsworth-page .center-column .speaking-engagements-intro {
  background: #cc6600;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  height: 195px;
  padding: 51px 34px 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }
  .stanley-hainsworth-page .center-column .speaking-engagements-intro img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

.stanley-hainsworth-page .center-column .speaking-engagements-intro h2 {
  color: #663300;
  font-size: 12px;
  margin-bottom: 4px; }

.stanley-hainsworth-page .center-column .speaking-engagements-intro p {
  color: #fff;
  line-height: 18px; }

.stanley-hainsworth-page .center-column .speaking-engagements-intro .arrow {
  position: absolute;
  left: 40px;
  bottom: -4px; }

.stanley-hainsworth-page .center-column .engagements,
.stanley-hainsworth-page .center-column .engagements .slides > li {
  background: #000;
  height: 195px;
  position: relative; }

.stanley-hainsworth-page .center-column .engagements .text,
.stanley-hainsworth-page .mobile-accordion .engagements .text {
  background: #000;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  height: 100%;
  opacity: 0;
  padding: 64px 32px 0;
  position: absolute;
  top: 0;
  width: 100%;
  transition: opacity .5s;
  -webkit-transition: opacity .5s;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.stanley-hainsworth-page .center-column .engagements .slides > li.house .text {
  padding-top: 54px; }

.stanley-hainsworth-page .center-column .engagements .slides > li.rockport .text {
  padding-top: 54px; }

.stanley-hainsworth-page .center-column .engagements .slides > li.irdc .text {
  padding-top: 48px; }

.stanley-hainsworth-page .center-column .engagements .slides > li:hover .text,
.stanley-hainsworth-page .mobile-accordion .engagements li:hover .text {
  opacity: 1; }

.stanley-hainsworth-page .engagements .text p {
  line-height: 17px;
  font-size: 14px;
  color: #fff; }

.stanley-hainsworth-page .engagements .text p strong {
  color: #d44e1a; }

.stanley-hainsworth-page .engagements .text p.cta {
  color: #00aeef;
  position: absolute;
  bottom: 32px;
  right: 30px; }

/**
Twitter Rotator
*/
.stanley-hainsworth-page .center-column .tweets-rotator {
  height: 390px;
  width: 260px;
  background: #81def6;
  position: relative; }

.stanley-hainsworth-page .center-column .tweets-rotator li {
  color: #fff;
  height: 390px;
  font-family: "LLBrauerNeue", sans-serif;
  font-size: 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.stanley-hainsworth-page .center-column .tweets-rotator li .text {
  padding: 130px 40px 0 60px; }

.stanley-hainsworth-page .center-column .tweets-rotator li p {
  margin: 0 0 14px; }

.stanley-hainsworth-page .center-column .tweets-rotator li a {
  color: #999; }

.stanley-hainsworth-page .center-column .tweets-rotator li a:hover {
  text-decoration: underline; }

.stanley-hainsworth-page .center-column .tweets-rotator li span {
  font-size: 12px;
  color: #999; }

.stanley-hainsworth-page .center-column .follow {
  position: absolute;
  bottom: 6px;
  right: 6px;
  z-index: 2; }

.stanley-hainsworth-page .center-column .twitter-bird {
  position: absolute;
  left: -36px;
  top: 150px; }

.stanley-hainsworth-page .center-column .twitter-cloud {
  position: absolute;
  top: 263px;
  left: 172px; }

/** Stanley Hainsworth - Right Column */
.stanley-hainsworth-page .right-column {
  width: 260px;
  background: #000; }

/** Stanley Hainsworth - Right Column - Featured Interviews */
.stanley-hainsworth-page .right-column .featured-interviews,
.stanley-hainsworth-page .right-column .featured-interviews .slides > li {
  background: #f1f1e4;
  height: 585px;
  font-family: "LLBrauerNeue", sans-serif;
  position: relative;
  width: 260px !important; }

.stanley-hainsworth-page .right-column .featured-interviews .flex-direction-nav {
  top: 195px; }

.stanley-hainsworth-page .featured-interviews img {
  vertical-align: top; }

.stanley-hainsworth-page .featured-interviews .text {
  color: #000;
  font-family: "LLBrauerNeue", sans-serif;
  height: 390px;
  padding: 16px 20px;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.stanley-hainsworth-page .featured-interviews .text h4 {
  font-size: 13px; }

.stanley-hainsworth-page .featured-interviews .text h3 {
  font-size: 13px;
  margin-bottom: 3px; }

.stanley-hainsworth-page .featured-interviews .text h2 {
  font-weight: 700;
  font-size: 21px;
  margin-bottom: 4px; }

.stanley-hainsworth-page .featured-interviews .text .interview-subtitle {
  color: #9e9e9e;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px; }

.stanley-hainsworth-page .featured-interviews .text p {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 10px; }

.stanley-hainsworth-page .featured-interviews .text p:last-of-type {
  margin: 0; }

.stanley-hainsworth-page .featured-interviews .text .read-more {
  color: #00aeef;
  display: inline-block;
  margin-left: 7px; }

/** Stanley Hainsworth - Right Column - Huffington Post */
.stanley-hainsworth-page .right-column .stanley-article {
  background: url(../img/stanley-hainsworth/huffington-post.png) no-repeat;
  color: #fff;
  display: block;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  height: 195px;
  padding: 59px 26px 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.stanley-hainsworth-page .right-column .stanley-article h3 {
  font-size: 16px;
  line-height: 20px; }

.stanley-hainsworth-page .right-column .stanley-article span {
  border-bottom: 1px solid #abc0bb;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase; }

/**
Idea+ology
*/
.ideaology-page .left-column {
  color: #fff;
  background: url(../img/idea-ology/idea-ology-left-bkgd.jpg);
  font-family: "LLBrauerNeue", sans-serif;
  width: 520px; }

.ideaology-page .left-column .text {
  padding: 98px 70px 0; }

.ideaology-page .left-column h1 {
  font-size: 65px;
  text-transform: uppercase;
  font-weight: 700; }

.ideaology-page .left-column h2 {
  font-size: 36px;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: 700; }

.ideaology-page .left-column h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
  text-transform: uppercase; }

.ideaology-page .left-column p {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 13px; }

.ideaology-page .left-column .amazon-cta {
  margin-left: 70px;
  margin-top: 17px; }

.ideaology-page .left-column .amazon-cta #book {
  float: left; }

.ideaology-page .left-column .amazon-cta .button {
  background: #fff;
  border-radius: 4px;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  width: 115px; }

.ideaology-page .left-column .amazon-cta .button img {
  vertical-align: top; }

.ideaology-page .left-column .amazon-cta ul {
  list-style-type: none;
  margin-top: 3px; }

.ideaology-page .left-column .amazon-cta li {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  font-family: "helvetica"; }

.ideaology-page .right-column {
  position: relative;
  width: 520px; }

.ideaology-page .right-column .float-rotator,
.ideaology-page .right-column .float-rotator .slides > li {
  background: #ffff00; }

.ideaology-page .right-column .flex-direction-nav {
  bottom: 389px;
  top: auto; }

.ideaology-page .right-column .slides li {
  position: relative; }

.ideaology-page .right-column .text {
  background: #ffff00;
  font-family: "LLBrauerNeue", sans-serif;
  height: 433px;
  right: 126px;
  padding: 86px 20px 0 25px;
  position: absolute;
  top: 178px;
  width: 269px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.ideaology-page .right-column .struggle .text {
  background: #cc4873; }

.ideaology-page .right-column .work .text {
  background: #aa4383; }

.ideaology-page .right-column .resolution .text {
  background: #66cccc; }

.ideaology-page .right-column .text h1 {
  font-size: 35px;
  margin: 0 0 12px;
  font-weight: 700;
  text-transform: uppercase; }

.ideaology-page .right-column .text p {
  font-size: 14px;
  font-weight: 300;
  line-height: 17px; }

/**
Tetherites
*/
.tetherites-page .left-column {
  float: left;
  position: relative;
  width: 520px; }

.tetherites-page .left-column h1 {
  color: #fff;
  font-family: "LLBrauerNeue", sans-serif;
  font-size: 50px;
  font-weight: 700;
  left: 150px;
  line-height: 48px;
  margin-right: 110px;
  position: absolute;
  text-transform: uppercase;
  top: 285px;
  z-index: 50; }

.tetherites-page .left-column .tetherites-slider,
.tetherites-page .left-column .tetherites-slider .slides > li {
  background: #d44e1a;
  height: 780px;
  position: relative;
  width: 520px !important; }

.tetherites-page .left-column .flex-direction-nav a,
.tetherites-page .left-column .flex-direction-nav .indicator {
  background: #666; }

.tetherites-page .left-column .flex-direction-nav a:hover,
.tetherites-page .left-column .flex-direction-nav a.flex-disabled {
  background-color: #333; }

.tetherites-page .left-column .tetherites-slider .slides > li {
  font-size: 0; }

.tetherites-page .left-column .tetherites-slider .slides img {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 260px; }

.tetherites-page .mobile-list {
  display: none; }

.tetherites-page .tetherite {
  display: block;
  float: left;
  height: 390px;
  position: relative;
  width: 50%; }

.tetherites-page .tetherite:hover {
  background: #b93b09; }

.tetherites-page .tetherite figcaption {
  color: #fff;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  height: 100%;
  display: none;
  padding: 110px 42px 0;
  position: absolute;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.tetherites-page .tetherite:hover figcaption {
  display: block; }

.tetherites-page .tetherite figcaption h6 {
  background: url(../img/patterns/bg-white-border.png) bottom left repeat-x;
  display: block;
  font-size: 12px;
  margin-bottom: 11px;
  padding-bottom: 10px;
  text-transform: uppercase; }

.backgroundsize .tetherites-page .tetherite figcaption h6 {
  background-image: url(../img/patterns/bg-white-border-retina.png);
  background-size: 5px 1px; }

.tetherites-page .tetherite figcaption h2 {
  display: block;
  font-size: 20px;
  line-height: 18px;
  text-transform: uppercase; }

.tetherites-page .tetherite figcaption h3 {
  background: url(../img/patterns/bg-white-border.png) bottom left repeat-x;
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 8px;
  padding-bottom: 10px; }

.backgroundsize .tetherites-page .tetherite figcaption h3 {
  background-image: url(../img/patterns/bg-white-border-retina.png);
  background-size: 5px 1px; }

.tetherites-page .tetherite figcaption p {
  display: block;
  font-size: 14px;
  line-height: 18px; }

.tetherites-page .center-column {
  background: url(../img/tetherites/tetherites-overview-bg.jpg) repeat;
  width: 260px;
  padding: 71px 45px 0; }

.tetherites-page .center-column .text {
  background: url(../img/patterns/bg-white-border.png) top left repeat-x;
  color: #fff;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  padding-top: 23px; }

.backgroundsize .tetherites-page .center-column .text {
  background-image: url(../img/patterns/bg-white-border-retina.png);
  background-size: 5px 1px; }

.tetherites-page .center-column .text p {
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 18px;
  text-transform: uppercase; }

.tetherites-page .center-column .text strong {
  color: #d44e1a;
  display: block;
  font-size: 31px;
  line-height: 30px;
  margin: 45px 0 40px;
  text-transform: uppercase; }

.tetherites-page .center-column .text .rule {
  background: url(../img/patterns/bg-white-border.png) top left repeat-x;
  height: 3px; }

.backgroundsize .tetherites-page .center-column .text .rule {
  background-image: url(../img/patterns/bg-white-border-retina.png);
  background-size: 5px 1px; }

.tetherites-page .right-column {
  display: block;
  float: left;
  width: 260px; }

.tetherites-page .right-column .flex-direction-nav a.flex-prev:before,
.tetherites-page .right-column .flex-direction-nav a.flex-next:before {
  height: 6px;
  margin-top: 5px;
  margin-bottom: 3px;
  width: 9px; }

.tetherites-page .right-column .flex-direction-nav a.flex-prev:before {
  background-position: 0 -75px; }

.tetherites-page .right-column .flex-direction-nav a.flex-next:before {
  background-position: -25px -75px; }

.tetherites-page .right-column,
.tetherites-page .right-column .slides > li {
  background: #d44e1a;
  height: 780px;
  position: relative;
  overflow: hidden;
  width: 260px !important; }

.tetherites-page .right-column .slides li img {
  display: block; }

/**
Approach
*/
.approach-page .introduction {
  background: url(../img/approach/approach-top-background.gif) center 0 no-repeat;
  color: #fff;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  height: 390px;
  width: 100%;
  padding: 40px 30px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.approach-page .introduction h1 {
  font-size: 59px;
  margin-bottom: 12px; }

.approach-page .introduction p {
  font-size: 23px;
  line-height: 28px;
  margin-bottom: 20px; }

.approach-page .approach-block {
  background-repeat: no-repeat;
  float: left;
  height: 390px;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
  text-align: center;
  width: 25%;
  font-family: "LLBrauerNeue", sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.approach-page .approach-block .image {
  height: 146px;
  background-repeat: no-repeat;
  background-position: center center; }

.backgroundsize .approach-page .approach-block .image {
  background-size: 126px auto; }

.approach-page .approach-story {
  background-color: #e6e6e6;
  background-image: url(../img/approach/box-1-bkgd.jpg);
  padding-right: 24px; }

.approach-page .approach-story .image {
  background-image: url(../img/approach/book.gif); }

.backgroundsize .approach-page .approach-story .image {
  background-image: url(../img/approach/book-retina.gif); }

.approach-page .approach-connection {
  background-color: #dedede;
  background-image: url(../img/approach/box-2-bkgd.jpg);
  padding-right: 19px; }

.approach-page .approach-connection .image {
  background-image: url(../img/approach/a-b.gif); }

.backgroundsize .approach-page .approach-connection .image {
  background-image: url(../img/approach/a-b-retina.gif); }

.approach-page .approach-emotion {
  background-color: #d7d7d7;
  background-image: url(../img/approach/box-3-bkgd.jpg); }

.approach-page .approach-emotion .image {
  background-image: url(../img/approach/heart.gif); }

.backgroundsize .approach-page .approach-emotion .image {
  background-image: url(../img/approach/heart-retina.gif); }

.approach-page .approach-face {
  background-color: #cecece;
  background-image: url(../img/approach/box-4-bkgd.jpg);
  padding-right: 25px; }

.approach-page .approach-face .image {
  background-image: url(../img/approach/face.gif); }

.backgroundsize .approach-page .approach-face .image {
  background-image: url(../img/approach/face-retina.gif); }

.approach-page .approach-block h2 {
  font-weight: 700;
  margin-bottom: 2px;
  text-align: left;
  text-transform: uppercase; }

.approach-page .approach-block p {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: left; }

/**
Studio
*/
#virtual-tour iframe {
  vertical-align: top; }

/**
Basement
*/
#basement iframe {
  vertical-align: top; }

/**
Careers
*/
.careers-list-page .left-column {
  background: url(../img/careers/careers-background.jpg?v=1.0);
  color: #fff;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  width: 779px; }

.careers-list-page .left-column .inner {
  padding: 73px 48px 0; }

.careers-list-page .left-column h1 {
  font-size: 48px;
  text-transform: uppercase;
  margin-bottom: 26px; }

.careers-list-page .left-column p {
  font-size: 20px;
  margin: 0px 132px 26px 0; }

.careers-list-page .left-column .careers-footnote {
  font-size: 14px; }

/** Career Navigation */
.careers-list-page .right-column,
.careers-single .right-column {
  background: #ebebeb;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  padding: 87px 20px;
  width: 261px;
  z-index: 99 !important; }

.careers-list-page .right-column h2,
.careers-single .right-column h2 {
  color: #d44e1a;
  margin-bottom: 33px;
  text-transform: uppercase; }

.careers-list-page .right-column .open-positions li,
.careers-single .right-column .open-positions li {
  line-height: 10px;
  margin-bottom: 18px; }

.careers-list-page .right-column .open-positions li a,
.careers-single .right-column .open-positions li a {
  color: #666;
  font-size: 14px;
  text-decoration: none; }

.careers-list-page .right-column .open-positions a:hover,
.careers-single .right-column .open-positions a:hover,
.careers-list-page .right-column .open-positions a.active,
.careers-single .right-column .open-positions a.active {
  color: #d44e1a; }

.careers-list-page .right-column .open-positions a.active,
.careers-single .right-column .open-positions a.active {
  cursor: default; }

/**
Open Positions
*/
.careers-single .left-column {
  background: #373737;
  color: #e6e6e6;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  width: 779px;
  padding: 45px 0 0 35px; }

.careers-single .left-column .jspContainer,
.careers-single .left-column .jspTrack {
  background: #373737; }

.careers-single .left-column header {
  height: 48px;
  padding-bottom: 10px;
  position: relative; }

.careers-single .left-column header h2 {
  color: #e6e6e6;
  max-width: 500px;
  float: left;
  text-transform: uppercase;
  font-weight: 700; }

.careers-single .left-column header .apply {
  background: #d44e1a;
  border-radius: 3px;
  color: #e6e6e6;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 5px 5px 5px;
  position: absolute;
  right: 35px;
  text-transform: uppercase; }

.careers-single .left-column header .apply:hover {
  background: #b93b09; }

.careers-single .left-column .career-wrapper {
  overflow: hidden;
  position: relative;
  width: 1488px; }

.careers-single .left-column .career-wrapper .slide {
  float: left;
  position: relative;
  width: 50%; }

.careers-single .left-column .career-details-slide {
  height: 677px;
  overflow: scroll;
  outline: none;
  overflow-x: hidden;
  padding: 40px 35px 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.careers-single .left-column .career-details-slide h2 {
  margin: 0 0 30px;
  text-transform: uppercase;
  font-weight: 700; }

.careers-single .left-column .career-details-slide h3 {
  color: #d44e1a;
  margin: 0 0 30px;
  text-transform: uppercase;
  font-weight: 700; }

.careers-single .left-column .career-details-slide h4 {
  margin: 0 0 30px;
  text-transform: uppercase;
  font-weight: 700; }

.careers-single .left-column .career-details-slide p {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin: 0 0 30px; }

.careers-single .left-column .career-details-slide ul {
  margin: 0 0 30px; }

.careers-single .left-column .career-details-slide li {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  list-style-type: disc;
  margin: 0 0 2px 40px;
  max-width: 600px; }

.careers-single .left-column .form-slide form {
  margin-right: 35px;
  padding-top: 100px;
  text-align: center; }

.careers-single .left-column .form-slide form aside {
  display: inline-block;
  margin-bottom: 47px;
  text-align: left;
  vertical-align: top; }

.careers-single .left-column .form-slide form .input-wrapper {
  margin: 0 15px 24px; }

.careers-single .left-column .form-slide form input[type='text'],
.careers-single .left-column .form-slide form input[type='email'] {
  height: 38px;
  width: 240px;
  padding: 4px 10px 0; }

.careers-single .left-column .form-slide form .file-wrapper {
  margin: 0 15px 24px;
  z-index: 1 !important; }

.careers-single .left-column .form-slide form .file-input {
  background: #fff;
  position: relative;
  z-index: 1 !important; }

.careers-single .left-column .form-slide form .file-input label.placeholder {
  height: 38px;
  padding: 11px 10px 0;
  position: absolute;
  width: 240px;
  z-index: 1; }

.careers-single .left-column .form-slide form .file-input label.placeholder:after {
  background: url(../img/sprites/sprite.png) -200px -75px no-repeat;
  content: '';
  display: block;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px; }

.backgroundsize .careers-single .left-column .form-slide form .file-input label.placeholder:after {
  background-image: url(../img/sprites/sprite-retina.png);
  background-size: auto 100px; }

.careers-single .left-column .form-slide form input[type='file'] {
  height: 38px;
  opacity: 0;
  position: relative;
  width: 240px;
  cursor: pointer;
  z-index: 2; }

.careers-single .left-column .form-slide form span {
  color: #9d9d9d;
  display: block;
  font-family: 'MrsEaves', serif;
  font-size: 14px;
  text-align: center;
  margin-bottom: 24px; }

.careers-single .left-column .form-slide form input.submit {
  background: #d44e1a;
  border-radius: 4px;
  color: #fff;
  clear: both;
  cursor: pointer;
  font-family: "LLBrauerNeue", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin: 24px auto 0;
  padding: 7px 28px 5px;
  text-transform: uppercase; }

.careers-single .left-column .form-slide form input.submit:hover {
  background: #b93b09; }

.careers-single .left-column .form-slide form label.error {
  color: #d44e1a;
  font-size: 12px;
  margin: 4px 0 0 10px; }

.careers-single .left-column .form-slide form label.filename {
  color: #fff;
  font-size: 12px;
  margin: 4px 0 0 10px;
  word-wrap: break-word;
  max-width: 240px; }

.careers-single .left-column .confirmation {
  display: block;
  text-align: center;
  margin-top: 180px;
  margin-right: 35px; }

.careers-single .left-column .confirmation h4 {
  color: #fff;
  display: block;
  font-size: 36px;
  line-height: 40px;
  text-transform: uppercase; }

/**
Capabilities
*/
.capabilities-page .left-column {
  background: #373737;
  color: #fff;
  font-family: "LLBrauerNeue", sans-serif;
  padding: 52px 19px 0;
  width: 260px; }

.capabilities-page .left-column h1 {
  font-size: 36px;
  line-height: 27px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 700; }

.capabilities-page .left-column h2 {
  font-size: 15px;
  line-height: 16px;
  margin: 0 40px 22px 0;
  text-transform: uppercase;
  font-weight: 700; }

.capabilities-page .left-column p {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 17px; }

.capabilities-page .left-column p:last-of-type {
  margin-bottom: 0;
  margin-right: 6px; }

.capabilities-page .center-column {
  color: #666;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  width: 520px; }

.capabilities-page .center-column,
.capabilities-page .center-column .slides > li {
  background-color: #ececec;
  height: 780px;
  width: 520px !important; }

.capabilities-page .center-column .capability {
  height: 780px; }

.capabilities-page .center-column img {
  display: block;
  max-width: 100%;
  height: auto; }

.capabilities-page .center-column .text {
  padding: 58px 36px 0; }

.capabilities-page .center-column .text h1 {
  font-size: 47px;
  line-height: 34px;
  margin-bottom: 3px;
  text-transform: uppercase; }

.capabilities-page .center-column .text h2 {
  font-size: 24px;
  margin: 0 0 13px;
  text-transform: uppercase; }

.capabilities-page .center-column .text p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 18px; }

.capabilities-page .center-column .text p:last-of-type {
  margin-bottom: 0; }

.capabilities-page .center-column .text a {
  color: #373737; }

.capabilities-page .right-column {
  background: #ea946a;
  width: 260px;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700; }

.capabilities-page .right-column a {
  color: #fff;
  display: block;
  height: 111.428px;
  text-align: center; }

.capabilities-page .right-column li a.active,
.capabilities-page .right-column li a:hover {
  background: #cc0e00; }

.capabilities-page .right-column h2 {
  padding-top: 35px;
  text-transform: uppercase; }

.capabilities-page .right-column h3 {
  text-transform: uppercase;
  font-size: 14px; }

.capabilities-page .right-column .capability-nav-branding a {
  background: #df5b17; }

.capabilities-page .right-column .capability-nav-product-design a {
  background: #e26829; }

.capabilities-page .right-column .capability-nav-interactive a {
  background: #e36f33; }

.capabilities-page .right-column .capability-nav-packaging a {
  background: #e4753c; }

.capabilities-page .right-column .capability-nav-video a {
  background: #e57c45; }

.capabilities-page .right-column .capability-nav-advertising a {
  background: #e88957; }

.capabilities-page .right-column .capability-nav-entertainment a {
  background: #ea946a; }

.capabilities-page .mobile-accordion {
  display: none; }

/**
Clients
*/
.clients-list {
  background: #fff;
  width: 100%;
  font-family: "LLBrauerNeue", sans-serif;
  min-height: 780px;
  overflow: scroll;
  overflow-x: hidden; }

.clients-list header {
  padding: 75px 67px 0; }

.clients-list header .views {
  font-size: 0; }

.clients-list header .views li {
  font-family: "LLBrauerNeue", sans-serif;
  font-size: 28px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  border-right: 2px solid #ccc;
  margin-right: 16px; }

.clients-list header .views li + li {
  border: 0;
  margin: 0; }

.clients-list nav.views a {
  display: block;
  color: #d8d5d5;
  padding: 0 16px 0 0; }

.clients-list nav.views a:hover,
.clients-list nav.views li a.active {
  color: #d44e1a; }

#featured-clients {
  display: block;
  padding-top: 18px; }

#featured-clients .client-tile {
  float: left;
  height: 150px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 20%; }

.clients-list #featured-clients .client-tile img {
  display: inline-block;
  width: 200px;
  height: auto; }

#featured-clients .overlay {
  background: #666;
  height: 100%;
  opacity: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.touch #featured-clients .overlay {
  display: none; }

#featured-clients .client-tile:hover .overlay {
  display: block;
  opacity: 1; }

#featured-clients .client-tile .overlay h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 16px;
  text-transform: uppercase; }

#featured-clients .client-tile .overlay h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center; }

/*
All Clients
*/
.clients-list nav.filters {
  margin: 25px 0; }

.clients-list nav.filters h2 {
  border-bottom: 1px solid #dcdcdc;
  color: #cacaca;
  display: block;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 7px;
  padding-bottom: 3px;
  text-transform: uppercase; }

.clients-list nav.filters h2 span {
  color: #d44e1a; }

.clients-list nav.filters ul {
  max-width: 800px; }

.clients-list nav.filters ul li {
  font-size: 13px;
  display: inline-block;
  text-align: left;
  font-weight: 700; }

.clients-list nav.filters a {
  font-size: 14px;
  margin-left: 0px;
  margin-right: 10px;
  color: #585555;
  text-transform: uppercase; }

.clients-list nav.filters a.active,
.clients-list nav.filters a:hover {
  color: #d44e1a; }

.clients-list .all-clients {
  display: none;
  padding: 0 67px 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.clients-list #all-clients .client-list {
  margin-bottom: 30px;
  columns: 5;
  -webkit-columns: 5;
  -moz-columns: 5; }

.clients-list .all-clients .client-list li {
  color: #b8b8b8;
  font-family: "LLBrauerNeue", sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px;
  text-align: left; }

.clients-list .all-clients .client-list a {
  color: #d44e1a; }

.clients-list .all-clients .client-list a:hover {
  text-decoration: underline;
  color: #d44e1a; }

/**
All Clients IE view
*/
#all-clients-ie {
  padding-top: 50px; }

#all-clients-ie .client-list {
  float: left;
  margin-bottom: 30px;
  width: 20%; }

/** Styled Text */
.styled-text p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 14px; }

.styled-text a {
  color: #d64d03; }

.styled-text a:hover {
  text-decoration: underline; }

/** To be deleted */
/**
Blu
*/
.work-page.blu .left-column .reveal-text .inner {
  padding: 240px 28px 28px 28px; }

.work-page.blu .left-column h1 {
  font-size: 45px;
  line-height: 48px;
  margin-bottom: 13px;
  text-transform: none; }

.work-page.blu .left-column p {
  line-height: 27px;
  font-size: 24px;
  margin-right: 10px;
  margin-bottom: 12px; }

.work-page.blu .rewind-rotator,
.work-page.blu .rewind-rotator .slides > li {
  background: #143e86;
  height: 390px;
  width: 520px !important; }

/**
Byndl
*/
.work-page.byndl .left-column .reveal-text .inner {
  padding: 169px 28px 28px 19px; }

.work-page.byndl .left-column h1 {
  font-size: 92px;
  line-height: 83px;
  text-transform: uppercase;
  margin-bottom: 9px; }

.work-page.byndl .left-column p {
  line-height: 27px;
  font-size: 22px;
  margin-left: 5px;
  margin-bottom: 0; }

#byndl-link {
  position: absolute;
  bottom: 23px;
  right: 25px; }

.work-page.byndl .float-rotator-tiles .text {
  color: #231f20; }

.work-page.byndl .float-rotator-tiles .brand .text {
  background: #00ffc1; }

.work-page.byndl .float-rotator-tiles .ux .text {
  background: #5aff00; }

.work-page.byndl .float-rotator,
.work-page.byndl .float-rotator .slides > li {
  background: #00ffc1;
  height: 780px;
  width: 520px !important; }

/**
Letterpress
*/
.work-page.letterpress .left-column .reveal-text .inner {
  padding: 257px 28px 28px 45px; }

.work-page.letterpress .left-column h1 {
  font-size: 100px;
  line-height: 90px;
  color: #F8D2BF; }

.work-page.letterpress .video-wrapper {
  background: url(../img/work/letterpress/letterpress-handcrafted-by-tether.jpg);
  font-family: "LLBrauerNeue", sans-serif;
  position: relative;
  text-align: center; }

.work-page.letterpress .video-wrapper iframe {
  left: 28px;
  position: absolute;
  top: 55px;
  opacity: 0;
  transition: opacity .4s;
  -webkit-transition: opacity .4s; }

.work-page.letterpress .video-wrapper img {
  position: relative;
  z-index: 1; }

.work-page.letterpress .video-wrapper .text {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: opacity .4s;
  -webkit-transition: opacity .4s; }

.work-page.letterpress .video-wrapper.active iframe {
  z-index: 2;
  opacity: 1; }

.work-page.letterpress .video-wrapper.active .text {
  opacity: 0;
  cursor: default; }

.work-page.letterpress .video-wrapper .text h2 {
  font-weight: 700;
  font-size: 49px;
  line-height: 45px;
  padding: 138px 130px 4px 130px;
  color: #F8D2BF;
  text-transform: uppercase; }

.work-page.letterpress .video-wrapper .text p {
  color: #f56000;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 2px solid #f56000; }

.work-page.letterpress .video-wrapper .text:hover p {
  color: #fff;
  border-bottom: 2px solid #fff; }

.work-page.letterpress .rewind-rotator,
.work-page.letterpress .rewind-rotator .slides > li {
  background: #F8D2BF;
  height: 390px;
  width: 520px !important; }

/**
Parllay
*/
.work-page.parllay .left-column .reveal-text .inner {
  padding: 56px 28px 28px 28px; }

.work-page.parllay .left-column h1 {
  color: #5F9E9E;
  font-size: 48px;
  line-height: 52px;
  margin-bottom: 15px;
  text-transform: none; }

.work-page.parllay .left-column p {
  color: #716A68;
  font-size: 15px;
  line-height: 19px;
  margin-bottom: 10px; }

.work-page.parllay .rewind-rotator,
.work-page.parllay .rewind-rotator .slides > li {
  background: #f76033;
  height: 390px;
  width: 520px !important; }

/**
Spectrum
*/
.spectrum-page .left-column {
  background: url(../img/work/spectrum/tether-spectrum-dance-theater-poster.png) no-repeat; }

.spectrum-page .left-column .reveal-text .inner {
  padding: 146px 28px 28px 25px; }

.spectrum-page .left-column h1 {
  font-size: 75px;
  line-height: 68px;
  margin-bottom: 18px;
  margin-right: 28px;
  text-transform: uppercase; }

.spectrum-page .left-column p {
  line-height: 27px;
  font-size: 22px;
  margin-right: 19px; }

.spectrum-page .left-column cite {
  font-size: 11px;
  position: absolute;
  bottom: 16px;
  left: 25px; }

.spectrum-page .rewind-rotator,
.spectrum-page .rewind-rotator .slides > li {
  background: #000;
  height: 390px;
  width: 520px !important; }

/** Fallbacks */
.message-wrapper {
  background: #d44e1a;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%; }

.message {
  border-radius: 4px;
  border: 1px solid #f3ccbd;
  color: #fff;
  font-family: 'LLBrauerNeue', sans-serif;
  font-size: 22px;
  margin: -150px auto 0;
  padding: 20px 20px 10px;
  text-align: right;
  position: relative;
  top: 50%;
  width: 300px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.message img {
  margin-bottom: 40px; }

.message .text {
  text-align: left; }

.message .text p {
  margin-bottom: 10px; }

.message .text a {
  color: #fff;
  display: inline-block;
  line-height: 20px;
  border-bottom: 1px solid #f3ccbd; }

.message-wrapper,
.message-wrapper .message {
  display: none; }

.ie7 .container,
.no-js .container {
  display: none; }

.ie7 .message-wrapper,
.no-js .message-wrapper,
.ie7 .message-browser,
.no-js .message-javascript {
  display: block; }

@media all and (max-width: 1256px) {
  /** Framework */
  .container {
    height: 100%;
    position: relative;
    width: auto; }

  .ajax-wrapper {
    margin: 0 auto; }

  .ajax-inner {
    float: none; }

  /** Site Header */
  .site-header {
    background: none;
    float: none;
    height: auto;
    padding: 0;
    position: static;
    width: 100%; }

  .site-header .wrapper {
    border-bottom: none;
    height: auto;
    position: static; }

  /** Mobile Header */
  .mobile-header {
    background: #d44e1a;
    height: 40px;
    margin: 0 auto;
    width: 1040px; }

  .mobile-navigation-open {
    display: block;
    float: left;
    padding: 10px 14px; }

  .mobile-navigation-open:before {
    content: '';
    display: block;
    background: url(../img/sprites/sprite-mobile.png) -25px 0 no-repeat;
    height: 20px;
    width: 26px; }

  .backgroundsize .mobile-navigation-open:before {
    background-image: url(../img/sprites/sprite-mobile-retina.png);
    background-size: auto 100px; }

  .tether-logo {
    background: none;
    height: 40px;
    margin-bottom: 0;
    width: auto;
    float: right;
    padding: 10px 14px 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .tether-logo img {
    position: relative;
    bottom: auto;
    right: auto;
    vertical-align: top; }

  /** Primary Navigation */
  .primary-navigation {
    background: #d44e1a;
    bottom: 0;
    display: none;
    height: 100%;
    overflow: scroll;
    padding-top: 80px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .primary-navigation .loading-indicator {
    display: block;
    visibility: hidden;
    position: absolute;
    height: 7px;
    top: 0;
    width: 100%; }

  .primary-navigation .loading-indicator.loading {
    visibility: visible; }

  .primary-navigation .loading-indicator .inner {
    background: #b93b09;
    height: 5px;
    width: 30%;
    transition: width 2s;
    -webkit-transition: width 2s; }

  .primary-navigation .loading-indicator.loading .inner {
    width: 100%; }

  .mobile-navigation-close {
    display: block;
    background: url(../img/sprites/sprite-mobile.png) no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 20px;
    right: 20px; }

  .backgroundsize .mobile-navigation-close {
    background-image: url(../img/sprites/sprite-mobile-retina.png);
    background-size: auto 100px; }

  .menu-primary-navigation-container {
    margin: 0 auto;
    width: 720px; }

  #menu-primary-navigation > li,
  .backgroundsize #menu-primary-navigation > li {
    background: none;
    height: auto;
    margin-bottom: 28px; }

  #menu-primary-navigation > li > a {
    color: #fff;
    float: left;
    text-align: right;
    width: 33.3%;
    padding-right: 14px; }

  #menu-primary-navigation > li.current-menu-item > a,
  #menu-primary-navigation > li.current_page_item > a,
  #menu-primary-navigation > li > a:hover,
  #menu-primary-navigation .capabilities-nav .sub-menu .current-menu-item a {
    color: #fff; }

  .post-type-archive-capabilities #menu-primary-navigation > li.menu-item-has-children.capabilities-nav > a,
  #menu-primary-navigation > li.menu-item-has-children.current-menu-ancestor > a,
  #menu-primary-navigation > li.menu-item-has-children.open > a,
  .backgroundsize .post-type-archive-capabilities #menu-primary-navigation > li.menu-item-has-children.capabilities-nav > a,
  .backgroundsize #menu-primary-navigation > li.menu-item-has-children.current-menu-ancestor > a,
  .backgroundsize #menu-primary-navigation > li.menu-item-has-children.open > a {
    background: none; }

  #menu-primary-navigation .sub-menu {
    background: none;
    float: left;
    margin: 0;
    padding: 10px 0 0 14px;
    width: 66.7%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px; }

  #menu-primary-navigation .sub-menu li {
    color: #fff; }

  #menu-primary-navigation .sub-menu a {
    color: #fff;
    line-height: 20px;
    padding-left: 0;
    padding-right: 0; }

  /*#menu-primary-navigation .sub-menu a:hover {
  	text-decoration: underline;
  }*/
  .contact-info {
    display: none; }

  /**Mobile Footer */
  .mobile-footer {
    padding: 14px 14px 28px;
    display: block;
    background: #e3e3e3;
    margin: 0 auto 0;
    width: 1040px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .mobile-footer ul {
    background: url(../img/bg-gray-border.png) top left repeat-x;
    float: left;
    margin: 0 14px 0 0;
    padding: 14px 0 0;
    width: 20%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .mobile-footer .social-list {
    background: none;
    border: none;
    float: right;
    margin: 0;
    padding: 0;
    text-align: right; }

  .mobile-footer .social-list li {
    margin-left: 3px; }

  .mobile-footer .social-list li a,
  .mobile-footer .social-list li a:hover {
    background: url(../img/sprites/sprite-mobile.png) -175px 0 no-repeat;
    height: 25px;
    width: 25px; }

  .backgroundsize .mobile-footer .social-list li a,
  .backgroundsize .mobile-footer .social-list li a:hover {
    background-image: url(../img/sprites/sprite-mobile-retina.png);
    background-size: auto 100px; }

  .mobile-footer .social-list li a:hover {
    opacity: .5; }

  .mobile-footer .social-list li .twitter,
  .mobile-footer .social-list li .twitter:hover {
    background-position: -125px 0;
    margin-left: 0; }

  .mobile-footer .social-list li a:hover {
    border: none; }

  .mobile-footer li,
  .mobile-footer a {
    color: #888;
    font-size: 12px; }

  .mobile-footer a:hover {
    border-bottom: 1px solid #999; }

  /** Site Footer */
  .site-footer {
    background: #e3e3e3;
    margin: 0 auto;
    padding: 0 14px 4px;
    position: relative;
    width: 1040px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .site-footer .copyright {
    color: #999;
    padding: 4px 0;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .site-footer .copyright a {
    color: #999; }

  .site-footer:after {
    background: url(../img/logos/tether-design-agency-t-logo-mark-orange.png) 1px 1px no-repeat;
    bottom: 13px;
    content: '';
    display: block;
    height: 27px;
    position: absolute;
    right: 13px;
    width: 27px; }

  .backgroundsize .site-footer:after {
    background-image: url(../img/logos/tether-design-agency-t-logo-mark-orange-retina.png);
    background-size: auto 25px; } }
@media all and (max-width: 1040px) {
  /** Framework */
  .ajax-wrapper {
    height: auto;
    width: 960px; }

  .content {
    background: #ebebeb;
    width: 960px; }

  .site-footer {
    width: 960px; }

  .page-column {
    height: auto;
    min-height: 780px; }

  /** Header */
  .mobile-header {
    width: 960px; }

  /** Footer */
  .mobile-footer {
    width: 960px; }

  /** Stanley Hainsworth */
  .stanley-hainsworth-page .left-column {
    width: 440px; }

  .stanley-hainsworth-page .left-column .reveal-text .inner {
    padding: 200px 10px 0 16px; }

  .stanley-hainsworth-page .left-column h1 {
    font-size: 56px;
    line-height: 56px; }

  .stanley-hainsworth-page .left-column h2 {
    font-size: 25px;
    line-height: 30px; }

  /** Idea+ology */
  .ideaology-page .left-column {
    width: 440px; }

  .ideaology-page .left-column .text {
    padding: 98px 30px 0; }

  .ideaology-page .left-column .amazon-cta {
    margin-left: 30px; }

  /** Tetherites */
  .tetherites-page .center-column {
    width: 440px;
    padding: 71px 120px 0; }

  .tetherites-page .right-column {
    display: none; }

  /** Approach */
  .approach-page .introduction h1 {
    font-size: 48px;
    line-height: 56px; }

  .approach-page .approach-block {
    background-image: none; }

  .approach-page .approach-block h2 {
    font-size: 18px;
    margin-bottom: 4px; }

  /** Careers */
  .careers-list-page .left-column {
    background-position: right top;
    width: 699px; }

  .careers-list-page .left-column p {
    margin-right: 80px; }

  /** Careers Single */
  .careers-single .left-column {
    width: 699px; }

  .careers-single .left-column .career-wrapper {
    width: 200%; }

  .careers-single .left-column .career-details-slide {
    height: auto;
    padding: 0 28px 0 0; }

  /** Capabilities */
  .capabilities-page .center-column,
  .capabilities-page .center-column .slides > li {
    width: 440px !important; }

  .capabilities-page .center-column img {
    display: block;
    max-width: 100%;
    height: auto; } }
@media all and (max-width: 960px) {
  /** General */
  .jspPane > * {
    margin: 0; }

  /** Framework */
  .ajax-wrapper {
    height: auto;
    width: 740px; }

  .content {
    background: #fff;
    min-height: 500px;
    width: 740px; }

  .page-column {
    float: none;
    height: auto;
    min-height: 0; }

  .long-page .introduction {
    height: auto;
    padding: 28px;
    position: relative; }

  .long-page .left-column {
    float: none;
    padding: 0;
    width: 100%; }

  .long-page .left-column .reveal-text {
    height: auto !important;
    min-height: 450px;
    padding: 28px;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .long-page .left-column .reveal-text .inner {
    padding: 0; }

  .long-page .left-column h1,
  .long-page .introduction h1 {
    font-size: 48px;
    line-height: 48px;
    text-transform: uppercase;
    margin-bottom: 28px; }

  .long-page .left-column h1 br,
  .long-page .introduction h1 br {
    display: none; }

  .long-page .left-column h2,
  .long-page .introduction h2,
  .long-page .left-column p,
  .long-page .introduction p {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 28px; }

  .long-page .left-column h2:last-of-type,
  .long-page .introduction h2:last-of-type,
  .long-page .left-column p:last-of-type,
  .long-page .introduction p:last-of-type {
    margin-bottom: 0; }

  /** Mobile Header */
  .mobile-header {
    width: 740px; }

  /**Mobile Footer */
  .mobile-footer {
    width: 740px;
    padding: 20px 28px 28px; }

  .site-footer {
    padding: 0 28px 4px;
    width: 740px; }

  /** Navigation */
  /** Home */
  .home .desktop-home {
    display: none; }

  .home .mobile-home {
    display: block;
    position: relative; }

  .home .mobile-home .foreground {
    margin-top: -300px;
    position: absolute;
    top: 50%; }

  .home img {
    height: auto !important;
    max-width: 100%;
    position: relative; }

  /** Stanley Hainsworth */
  .stanley-hainsworth-page .left-column {
    background: #000; }

  .stanley-hainsworth-page .left-column .mobile-featured-image {
    display: block;
    position: absolute; }

  .stanley-hainsworth-page .left-column h1 {
    margin-top: 200px; }

  /** Stanley Hainsworth - Accordion */
  .stanley-hainsworth-page .center-column,
  .stanley-hainsworth-page .right-column {
    display: none; }

  .stanley-hainsworth-page .mobile-accordion {
    display: block;
    position: relative;
    width: 100%; }

  .stanley-hainsworth-page .mobile-accordion > a {
    background: #d44e1a;
    border-bottom: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "LLBrauerNeue", sans-serif;
    font-weight: 700;
    padding: 22px 28px 20px;
    position: relative;
    text-transform: uppercase; }

  .stanley-hainsworth-page .mobile-accordion > a:hover {
    background-color: #b93b09; }

  .stanley-hainsworth-page .mobile-accordion > a:after {
    background: url(../img/sprites/sprite-mobile.png) -75px 0 no-repeat;
    content: '';
    display: block;
    height: 18px;
    margin-top: -9px;
    position: absolute;
    right: 28px;
    top: 50%;
    width: 18px; }

  .stanley-hainsworth-page .mobile-accordion .stanley-article:after {
    background-position: -100px 0;
    height: 16px;
    margin-top: -8px;
    right: 32px;
    width: 10px; }

  .backgroundsize .stanley-hainsworth-page .mobile-accordion > a:after {
    background-image: url(../img/sprites/sprite-mobile-retina.png);
    background-size: auto 100px; }

  .stanley-hainsworth-page .mobile-accordion .wrapper {
    background: #fff;
    height: 0;
    overflow: hidden; }

  .stanley-hainsworth-page .mobile-accordion .wrapper .inner {
    height: auto;
    padding: 6px; }

  /** Stanley Hainsworth - Engagements */
  .stanley-hainsworth-page .mobile-accordion .engagements li {
    background: none;
    border: 1px solid #ddd;
    display: block;
    float: left;
    height: auto;
    margin: 6px;
    position: relative;
    width: 230px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .stanley-hainsworth-page .mobile-accordion .engagements li img {
    display: block;
    height: auto;
    width: 100%; }

  .stanley-hainsworth-page .mobile-accordion .engagements .text {
    padding: 36px 24px 0; }

  /** Stanley Hainsworth - Featured Interviews */
  .stanley-hainsworth-page .mobile-accordion .featured-interviews li {
    height: auto;
    display: block;
    padding: 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .stanley-hainsworth-page .mobile-accordion .featured-interviews li img {
    float: left;
    width: 33.3%;
    height: auto; }

  .stanley-hainsworth-page .mobile-accordion .featured-interviews li .text {
    float: left;
    height: auto;
    width: 66.7%;
    padding-bottom: 0; }

  .stanley-hainsworth-page .mobile-accordion .featured-interviews li .text h3 {
    font-size: 16px;
    font-weight: 700; }

  /** Idea+ology */
  .ideaology-page .left-column {
    background-size: cover;
    min-height: 780px; }

  .ideaology-page .left-column .text {
    margin-bottom: 28px; }

  .ideaology-page .left-column p {
    max-width: 600px; }

  .ideaology-page .right-column {
    display: none; }

  /** Tetherites */
  .tetherites-page .left-column .mobile-page-header {
    background: url(../img/tetherites/tetherites-overview-bg.jpg) repeat;
    min-height: 300px;
    position: relative;
    width: 100%; }

  .tetherites-page .left-column .mobile-page-header h1 {
    left: 28px;
    margin: 0;
    bottom: 28px;
    top: auto; }

  .tetherites-page .left-column .mobile-featured-image {
    display: block;
    height: auto;
    max-width: 100%; }

  .tetherites-page .left-column {
    width: 100%; }

  .tetherites-page .left-column .tetherites-slider {
    display: none; }

  .tetherites-page .mobile-list {
    background: #d44e1a;
    display: block;
    padding: 28px 0; }

  .tetherites-page .tetherite {
    float: none;
    height: auto;
    width: 100%; }

  .tetherites-page .tetherite:hover {
    background: none; }

  .tetherites-page .tetherite img {
    float: left;
    margin: -20px 42px -20px 70px;
    width: 180px;
    height: auto; }

  .tetherites-page .tetherite figcaption {
    display: block;
    float: left;
    padding: 56px 0;
    position: relative;
    width: 50%; }

  .tetherites-page .center-column,
  .tetherites-page .right-column {
    display: none; }

  /** Approach */
  .approach-page .introduction {
    background: url(../img/tetherites/tetherites-overview-bg.jpg) repeat; }

  .approach-page .introduction h1 {
    max-width: 550px; }

  .approach-page .approach-block {
    background-image: none;
    font-size: 0;
    height: auto;
    padding: 0;
    width: 100%; }

  .approach-page .approach-block .image {
    background-position: center center;
    display: inline-block;
    width: 25%;
    vertical-align: middle; }

  .approach-page .approach-block .text {
    display: inline-block;
    width: 75%;
    padding: 14px 56px 14px 0;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  /** Careers List */
  .careers-list-page .left-column p {
    margin-right: 56px; }

  .careers-list-page .right-column,
  .careers-single .right-column {
    padding: 0;
    width: 100%; }

  .careers-list-page .right-column h2,
  .careers-single .right-column h2 {
    margin-bottom: 0;
    padding: 14px 28px; }

  .careers-list-page .right-column .open-positions li,
  .careers-single .right-column .open-positions li {
    display: block;
    margin: 0;
    width: 100%; }

  .careers-list-page .right-column .open-positions li a,
  .careers-single .right-column .open-positions li a {
    background: #d44e1a;
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    height: auto;
    padding: 22px 28px 20px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .careers-list-page .right-column .open-positions a.active,
  .careers-single .right-column .open-positions a.active,
  .careers-list-page .right-column .open-positions a:hover,
  .careers-single .right-column .open-positions a:hover {
    background: #b93b09;
    color: #fff;
    text-decoration: none; }

  .careers-list-page .right-column .open-positions li a:after,
  .careers-single .right-column .open-positions li a:after {
    background: url(../img/sprites/sprite-mobile.png) -100px 0 no-repeat;
    content: '';
    display: block;
    height: 18px;
    margin-top: -9px;
    position: absolute;
    right: 32px;
    top: 50%;
    width: 10px; }

  .backgroundsize .careers-list-page .right-column .open-positions li a:after,
  .backgroundsize .careers-single .right-column .open-positions li a:after {
    background-image: url(../img/sprites/sprite-mobile-retina.png);
    background-size: auto 100px; }

  /** Careers Single */
  .careers-single .left-column {
    padding: 0;
    width: 100%; }

  .careers-single .left-column header {
    padding: 28px; }

  .careers-single .left-column header .apply {
    right: 28px; }

  .careers-single .left-column .career-wrapper .slide {
    overflow: hidden;
    padding: 0; }

  .careers-single .left-column .career-details-slide .inner {
    padding: 0 28px; }

  .career-wrapper .jspPane {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  /** Capabilities */
  .capabilities-page .left-column {
    padding: 56px 28px 28px;
    width: 100%; }

  .capabilities-page .right-column {
    float: right; }

  .capabilities-page .center-column {
    float: left; }

  .capabilities-page .center-column,
  .capabilities-page .center-column .slides > li {
    width: 480px !important; }

  /** Clients */
  .clients-list {
    height: auto;
    overflow: hidden; }

  .clients-list header {
    padding: 28px; }

  .clients-list #featured-clients .client-tile {
    width: 33.3%; }

  .clients-list .all-clients {
    padding: 0 28px; } }
@media all and (max-width: 760px) {
  /** General */
  .left-column .mobile-page-header {
    min-height: 180px;
    padding: 14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .left-column .mobile-page-header h1 {
    bottom: 14px;
    left: 14px; }

  /** Framework */
  .ajax-wrapper {
    height: auto;
    width: 300px; }

  .content {
    min-height: 450px;
    width: 300px; }

  /** Header */
  .mobile-header {
    width: 300px; }

  /** Footer */
  .mobile-footer {
    padding: 14px 14px 0;
    position: relative;
    width: 300px; }

  .mobile-footer:after {
    background: url(../img/logos/tether-design-agency-t-logo-mark-orange.png) 1px 1px no-repeat;
    bottom: 23px;
    content: '';
    display: block;
    height: 27px;
    position: absolute;
    right: 13px;
    width: 27px; }

  .backgroundsize .mobile-footer:after {
    background-image: url(../img/logos/tether-design-agency-t-logo-mark-orange-retina.png);
    background-size: auto 25px; }

  .mobile-footer ul {
    float: none;
    margin: 0 0 14px;
    width: auto; }

  .mobile-footer ul.locations {
    background: none;
    padding-top: 0; }

  .mobile-footer .social-list {
    border-bottom: 10px solid #d44e1a;
    float: none;
    text-align: left;
    padding-bottom: 0; }

  .mobile-footer .social-list li {
    margin: 0 6px 0 0; }

  .site-footer {
    background: none;
    padding: 0 14px 7px;
    width: 300px; }

  .site-footer .copyright {
    text-align: center; }

  .site-footer:after {
    display: none; }

  /** Navigation */
  .primary-navigation {
    padding-top: 40px; }

  .menu-primary-navigation-container {
    padding: 0 14px;
    width: 300px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  #menu-primary-navigation > li {
    margin-bottom: 14px; }

  #menu-primary-navigation > li > a {
    float: none;
    font-size: 22px;
    padding: 0;
    text-align: left;
    width: auto; }

  #menu-primary-navigation .sub-menu {
    float: none;
    padding: 0;
    width: auto; }

  #menu-primary-navigation .sub-menu a {
    font-size: 14px; }

  .long-page .left-column .reveal-text {
    padding: 14px;
    min-height: 0; }

  .long-page .left-column h1,
  .long-page .introduction h1 {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 14px; }

  .long-page .left-column h2,
  .long-page .introduction h2,
  .long-page .left-column p,
  .long-page .introduction p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 14px; }

  /** Home */
  .home .mobile-home .foreground {
    margin-top: -112px; }

  /** Stanley Hainsworth */
  .stanley-hainsworth-page .left-column .mobile-featured-image {
    position: relative;
    max-width: 100%;
    height: auto;
    margin-bottom: -56px; }

  .stanley-hainsworth-page .left-column {
    background-position: right top; }

  .stanley-hainsworth-page .left-column h1 {
    margin-top: 0;
    max-width: 200px; }

  .stanley-hainsworth-page .mobile-accordion > a {
    padding: 20px 14px 18px; }

  .stanley-hainsworth-page .mobile-accordion > a:after {
    right: 14px; }

  .stanley-hainsworth-page .mobile-accordion .stanley-article:after {
    right: 18px; }

  .stanley-hainsworth-page .mobile-accordion .wrapper .inner {
    padding: 14px; }

  .stanley-hainsworth-page .mobile-accordion .wrapper .inner li {
    margin: 0 0 14px;
    padding: 0;
    width: 100%; }

  .stanley-hainsworth-page .mobile-accordion .wrapper .inner li:last-of-type {
    margin: 0; }

  .stanley-hainsworth-page .mobile-accordion .featured-interviews li img {
    float: none;
    width: 100%; }

  .stanley-hainsworth-page .mobile-accordion .featured-interviews li .text {
    float: none;
    padding: 14px 0 0;
    width: auto; }

  /** Ideaology */
  .ideaology-page .left-column {
    min-height: 0; }

  .ideaology-page .left-column .text {
    margin-bottom: 0;
    padding: 56px 14px 28px; }

  .ideaology-page .left-column .text h1 {
    margin-bottom: 10px; }

  .ideaology-page .left-column .text h2 {
    font-size: 20px; }

  .ideaology-page .left-column .text h3 {
    font-size: 16px; }

  .ideaology-page .left-column .amazon-cta {
    margin: 0;
    padding: 0 14px 10px; }

  /** Tetherites */
  .tetherites-page .left-column .mobile-page-header {
    min-height: 200px; }

  .tetherites-page .left-column .mobile-page-header h1 {
    font-size: 28px;
    line-height: 28px;
    max-width: 250px;
    bottom: 14px;
    left: 14px; }

  .tetherites-page .left-column .tetherites-slider {
    display: none; }

  .tetherites-page .mobile-list {
    padding: 0; }

  .tetherites-page .tetherite {
    height: 100px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    width: 100%; }

  .tetherites-page .tetherite img {
    width: 120px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -80px; }

  .tetherites-page .tetherite figcaption {
    display: block;
    height: auto;
    top: auto;
    bottom: 0;
    padding: 14px;
    width: 100%;
    position: absolute; }

  .tetherites-page .tetherite figcaption h6,
  .backgroundsize .tetherites-page .tetherite figcaption h6 {
    background: none;
    margin: 0;
    padding: 0; }

  .tetherites-page .tetherite figcaption h3,
  .backgroundsize .tetherites-page .tetherite figcaption h3 {
    background: none;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    max-width: 240px; }

  .tetherites-page .tetherite figcaption .bio {
    height: 0;
    opacity: 0; }

  .tetherites-page .tetherite figcaption .bio p {
    padding-top: 18px; }

  /** Approach */
  .approach-page .introduction {
    padding: 56px 14px 14px; }

  .approach-page .approach-block .image {
    height: 120px;
    width: 100%; }

  .approach-page .approach-story .image {
    background-position: center 2px;
    padding-top: 14px; }

  .approach-page .approach-block .text {
    padding: 0 14px 14px;
    width: 100%; }

  /** Virtual Tours */
  #virtual-tour iframe,
  #basement iframe {
    height: 450px; }

  /** Careers */
  .careers-list-page .left-column {
    background-position: left top; }

  .careers-list-page .left-column .reveal-text {
    padding: 56px 14px 14px; }

  .careers-list-page .left-column p {
    margin-right: 0; }

  .careers-list-page .right-column h2,
  .careers-single .right-column h2 {
    padding: 14px; }

  .careers-list-page .right-column .open-positions li a,
  .careers-single .right-column .open-positions li a {
    padding: 22px 38px 20px 14px; }

  .careers-list-page .right-column .open-positions li a:after,
  .careers-single .right-column .open-positions li a:after {
    right: 14px; }

  /** Careers Single */
  .careers-single .left-column header {
    height: auto;
    padding: 14px; }

  .careers-single .left-column header h2 {
    max-width: 80%; }

  .careers-single .left-column header .apply {
    right: 14px; }

  .careers-single .left-column .career-details-slide .inner {
    padding: 14px; }

  .careers-single .left-column .career-details-slide h3,
  .careers-single .left-column .career-details-slide h2 {
    margin-bottom: 14px; }

  .careers-single .left-column .career-details-slide p {
    margin-bottom: 14px; }

  .careers-single .left-column .career-details-slide ul {
    margin-bottom: 14px; }

  .careers-single .left-column .career-details-slide li {
    margin-left: 20px; }

  /** Careers Single - form */
  .careers-single .left-column .form-slide form {
    margin: 0;
    padding: 28px 14px; }

  .careers-single .left-column .form-slide form aside {
    margin-bottom: 0;
    width: 100%; }

  .careers-single .left-column .form-slide form .input-wrapper {
    margin: 0 0 24px;
    width: 100%; }

  .careers-single .left-column .form-slide form input[type='text'],
  .careers-single .left-column .form-slide form input[type='email'] {
    width: 100%; }

  .careers-single .left-column .form-slide form .file-wrapper {
    margin: 0 0 24px; }

  .careers-single .left-column .form-slide form input[type='file'] {
    width: 100%; }

  /** Capabilities */
  .capabilities-page .left-column {
    padding: 56px 14px 14px; }

  .capabilities-page .center-column,
  .capabilities-page .center-column .slides > li {
    height: 600px;
    width: 300px !important; }

  .capabilities-page .center-column .text {
    padding: 14px; }

  .capabilities-page .center-column,
  .capabilities-page .right-column {
    display: none; }

  .capabilities-page .mobile-accordion {
    display: block; }

  .capabilities-page .mobile-accordion ul li > a {
    background: #d44e1a;
    border-bottom: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "LLBrauerNeue", sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 14px 18px;
    position: relative;
    text-transform: uppercase; }

  .capabilities-page .mobile-accordion ul li > a:hover {
    background-color: #b93b09; }

  .capabilities-page .mobile-accordion ul li > a:after {
    background: url(../img/sprites/sprite-mobile.png) -75px 0 no-repeat;
    content: '';
    display: block;
    height: 18px;
    margin-top: -9px;
    position: absolute;
    right: 14px;
    top: 50%;
    width: 18px; }

  .backgroundsize .capabilities-page .mobile-accordion ul li > a:after {
    background-image: url(../img/sprites/sprite-mobile-retina.png);
    background-size: auto 100px; }

  .capabilities-page .mobile-accordion ul li .wrapper {
    height: 0;
    overflow: hidden; }

  .capabilities-page .mobile-accordion ul li .inner img {
    display: block;
    width: 100%;
    height: auto; }

  .capabilities-page .mobile-accordion ul li .inner .text {
    color: #666;
    font-family: "LLBrauerNeue", sans-serif;
    font-weight: 700;
    padding: 14px; }

  .capabilities-page .mobile-accordion ul li .inner h2 {
    font-size: 24px;
    line-height: 22px;
    margin: 0 0 13px;
    max-width: 70%;
    text-transform: uppercase; }

  .capabilities-page .mobile-accordion ul li .inner p {
    font-size: 14px;
    line-height: 18px; }

  /** Clients */
  .clients-list header {
    padding: 14px; }

  .clients-list header .views li {
    border: none; }

  .clients-list header .views li + li {
    display: none; }

  #featured-clients {
    padding-top: 0; }

  .clients-list #featured-clients .client-tile {
    height: auto;
    margin-bottom: 28px;
    text-align: left;
    width: 100%; }

  .clients-list #featured-clients .client-tile img {
    display: inline-block;
    height: auto;
    width: 70px;
    margin: 0 14px;
    vertical-align: middle; }

  #featured-clients .client-tile:hover .overlay,
  #featured-clients .overlay,
  .touch #featured-clients .overlay {
    display: inline-block;
    background: none;
    opacity: 1;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: auto; }

  #featured-clients .client-tile .overlay h2,
  #featured-clients .client-tile .overlay h3 {
    margin: 0;
    text-align: left; }

  #featured-clients .client-tile .overlay a h2 {
    color: #d44e1a; }

  #featured-clients .client-tile .overlay h2 {
    color: #666;
    font-size: 16px; }

  #featured-clients .client-tile .overlay h3 {
    color: #999;
    font-size: 14px; }

  /** Terms of Use */
  .default-typography {
    padding: 14px; }

  .default-typography ul,
  .default-typography ol {
    padding-left: 20px; } }
/**
Work
*/
.work-rotator,
.rewind-rotator {
  position: relative; }

.work-page .page-column {
  float: left;
  width: 50%; }

.reveal-text {
  height: 0;
  overflow: hidden; }

.work-page .left-column .social-list {
  position: absolute;
  bottom: 23px;
  right: 35px; }

.work-page .left-column {
  color: #fff;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  background-repeat: no-repeat; }

.work-page .left-column .inner {
  padding: 156px 28px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.work-page .left-column h1 {
  text-transform: uppercase;
  font-size: 72px;
  line-height: 70px;
  margin-bottom: 9px; }

.work-page .left-column p {
  line-height: 27px;
  font-size: 21px;
  margin-right: 10px;
  margin-bottom: 12px; }

.work-page .left-column a {
  color: #fff;
  text-decoration: underline; }

.work-page .right-column {
  position: relative; }

.work-page .right-column .slides img {
  display: block;
  max-width: 100%;
  height: auto;
  position: relative; }

.work-page .left-column > .top,
.work-page .left-column > .bottom,
.work-page .right-column > .top,
.work-page .right-column > .bottom {
  height: 390px;
  width: 100%; }

.work-page .left-column > .top > .left,
.work-page .left-column > .top > .right,
.work-page .left-column > .bottom > .left,
.work-page .left-column > .bottom > .right,
.work-page .right-column > .top > .left,
.work-page .right-column > .top > .right,
.work-page .right-column > .bottom > .left,
.work-page .right-column > .bottom > .right {
  float: left;
  position: relative;
  width: 50%; }

.work-page .left-column > .top > .left .top,
.work-page .left-column > .top > .right .top,
.work-page .left-column > .bottom > .left .top,
.work-page .left-column > .bottom > .right .top,
.work-page .left-column > .top > .left .bottom,
.work-page .left-column > .top > .right .bottom,
.work-page .left-column > .bottom > .left .bottom,
.work-page .left-column > .bottom > .right .bottom,
.work-page .right-column > .top > .left .top,
.work-page .right-column > .top > .right .top,
.work-page .right-column > .bottom > .left .top,
.work-page .right-column > .bottom > .right .top,
.work-page .right-column > .top > .left .bottom,
.work-page .right-column > .top > .right .bottom,
.work-page .right-column > .bottom > .left .bottom,
.work-page .right-column > .bottom > .right .bottom {
  height: 195px;
  position: relative;
  width: 100%; }

.work-page .mobile-portfolio-header,
.work-page .mobile-portfolio {
  display: none; }

/**
Float Rotator
*/
.float-rotator,
.float-rotator .slides > li {
  background: #ffff00;
  height: 780px;
  position: relative;
  width: 520px !important;
  -webkit-transform: translateZ(0); }

.float-rotator {
  position: absolute; }

.float-rotator-tiles,
.float-rotator-tiles .slides > li {
  background: transparent;
  height: 780px;
  position: relative;
  width: 520px !important; }

.float-rotator .title-slide {
  position: relative; }

/** Work Page - Text Float */
.work-page .float-text {
  background: #fff;
  color: #333;
  font-family: "LLBrauerNeue", sans-serif;
  height: 433px;
  right: 126px;
  padding: 23px 20px 0 25px;
  position: absolute;
  top: 178px;
  width: 269px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.work-page .float-text h3 {
  font-size: 26px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 18px; }

.work-page .float-text h4 {
  font-size: 22px;
  margin-bottom: 12px;
  font-weight: 700; }

.work-page .float-text p {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 1.3em; }

/** Work Page - Video Float */
.work-page .video-text {
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 700;
  background: none;
  color: #fff;
  top: 205px;
  right: 77px;
  padding: 0;
  position: absolute;
  text-transform: uppercase;
  width: 365px; }

.work-page .video-text h3 {
  font-size: 26px;
  margin-bottom: 2px; }

.work-page .video-text h4 {
  font-size: 14px;
  margin-bottom: 8px; }

.work-page .video-text a {
  background-position: -9999px -9999px;
  display: block;
  position: relative; }

.work-page .video-text a:after {
  background: url(../img/sprites/sprite.png) -50px 0 no-repeat;
  content: '';
  display: block;
  position: absolute;
  top: 74px;
  left: 155px;
  height: 56px;
  width: 56px; }

.backgroundsize .work-page .video-text a:after {
  background-image: url(../img/sprites/sprite-retina.png);
  background-size: auto 100px; }

.work-page .video-text a:hover:after {
  background-position: -125px 0; }

.work-page .video-text img {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  display: block;
  position: relative; }

/** Video Link */
.audio-link,
.video-link {
  display: block;
  position: relative; }

.audio-link:after,
.video-link:after {
  background: url(../img/sprites/sprite.png) no-repeat;
  content: '';
  display: block;
  height: 58px;
  left: 50%;
  margin: -29px 0 0 -29px;
  position: absolute;
  top: 50%;
  width: 58px; }

.video-link:after {
  background-position: -400px 0; }

.audio-link:after {
  background-position: -550px 0; }

.backgroundsize .video-link:after,
.backgroundsize .audio-link:after {
  background-image: url(../img/sprites/sprite-retina.png);
  background-size: auto 100px; }

.video-link:hover:after {
  background-position: -475px 0; }

.audio-link:hover:after {
  background-position: -625px 0; }

/** Video Modal */
.video-modal,
.audio-modal {
  background: url(../img/patterns/video-modal-underlay.png) repeat;
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 11; }

.video-modal .close-screen,
.audio-modal .close-screen {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%; }

.video-modal .close-screen a,
.audio-modal .close-screen a {
  background: #d64d02 url(../img/sprites/sprite.png) -46px -71px no-repeat;
  cursor: pointer;
  display: block;
  height: 17px;
  position: absolute;
  right: 0;
  top: 0;
  width: 17px; }

.video-modal iframe,
.audio-modal audio {
  display: block;
  margin: 120px auto 0;
  position: relative; }

.audio-modal audio {
  margin-top: 375px; }

/** Work - Awake */
.awake-page .left-column {
  background: url(../img/work/awake/tether-awake-caffeinated-chocolate-bar.jpg) no-repeat; }

.awake-page .left-column .reveal-text .inner {
  padding: 237px 28px 0; }

.awake-page .left-column h1 {
  font-size: 48px;
  letter-spacing: -1px;
  line-height: 59px;
  margin-bottom: 12px;
  text-transform: none; }

.awake-page .left-column p {
  line-height: 21px;
  font-size: 16px;
  margin-right: 10px;
  margin-bottom: 12px; }

.awake-page .left-column .social-list {
  bottom: 20px;
  left: 35px;
  right: auto; }

.awake-page .left-column .social-list li {
  display: inline-block; }

.awake-page .left-column .social-list a {
  background: url(../img/work/awake/awake-sprite.png) 0 0 no-repeat;
  display: block;
  height: 34px;
  width: 34px; }

.backgroundsize .awake-page .left-column .social-list a {
  background-image: url(../img/work/awake/awake-sprite-retina.png);
  background-size: auto 50px; }

.awake-page .left-column .social-list a.twitter {
  background-position: -50px 0; }

.awake-page .left-column .social-list a.instagram {
  background-position: -100px 0; }

.awake-page .left-column .social-list a.youtube {
  background-position: -150px 0; }

.awake-page .rewind-rotator,
.awake-page .rewind-rotator .slides > li {
  background: #512a0c;
  height: 780px;
  width: 520px !important; }

.awake-page .video-link:after {
  display: none; }

/**
BMW Motorcycles
*/
.bmw-page .left-column {
  background: url(../img/work/bmw/tether-bmw-motorcycles-feed-your-restless.jpg) no-repeat; }

.bmw-page .float-rotator .slides > li {
  width: 520px !important; }

.bmw-page .left-column .reveal-text .inner {
  padding: 60px 28px 28px 28px; }

.bmw-page .left-column .restless-type {
  margin: 0 0 55px 2px; }

.bmw-page .left-column .panel-lockup {
  position: absolute;
  right: 0;
  top: 40px; }

.bmw-page .left-column h1 {
  font-size: 28px;
  line-height: 29px;
  text-transform: none;
  margin-bottom: 12px;
  margin-right: 28px; }

.bmw-page .left-column p {
  line-height: 24px;
  font-size: 20px;
  margin-right: 22px; }

.bmw-page .float-rotator,
.bmw-page .float-rotator .slides > li {
  background: #f6f6f6; }

.bmw-page .float-text {
  background: #fff;
  background: rgba(255, 255, 255, 0.9); }

.bmw-page .spread-text {
  background: none;
  padding: 0;
  right: 0;
  top: 0;
  width: 100%; }

.bmw-page .right-column .slides img {
  max-width: none; }

/**
Work - FTC
*/
.ftc-page {
  background: url(../img/work/free-the-children/free-the-children-we-day-background.jpg) no-repeat; }

.ftc-page .left-column {
  background: rgba(66, 66, 66, 0.65); }

.ftc-page .left-column .reveal-text .inner {
  padding: 184px 32px 0 28px; }

.ftc-page .left-column h1 {
  font-size: 54px;
  line-height: 47px;
  margin-bottom: 11px; }

.ftc-page .left-column p {
  font-size: 18px;
  line-height: 22px;
  margin-right: 0; }

.ftc-page .float-rotator,
.ftc-page .slides li {
  background: none; }

.ftc-page .float-text {
  background: rgba(255, 255, 255, 0.9);
  padding: 21px 20px 0 23px; }

.ftc-page .float-text h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 0; }

.ftc-page .float-text p {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 18px; }

/**
Gatorade
*/
.gatorade-page .page-column {
  padding: 0; }

/**
Gatorade - Hero Rotator
*/
.nested-float-rotator,
.nested-float-rotator .nested-slides > li {
  height: 780px;
  position: relative;
  width: 520px !important; }

.nested-float-rotator {
  position: absolute; }

.nested-float-rotator-tiles,
.nested-float-rotator-tiles .nested-slides > li {
  background: url(../img/blank.png) repeat;
  height: 780px;
  position: relative;
  width: 520px !important; }

.nested-float-rotator .title-slide {
  position: relative; }

.gatorade-page .gatorade-rotator {
  background: #242021;
  height: 780px; }

.gatorade-page .gatorade-rotator .slides > li,
.gatorade-page .gatorade-rotator .nested-slides > li,
.gatorade-page .gatorade-rotator .nested-tile-slides > li {
  height: 780px;
  width: 520px !important; }

.gatorade-page .gatorade-rotator img {
  vertical-align: top; }

/**
Gatorade - Hero Rotator - title slide
*/
.gatorade-page .gatorade-rotator .nested-float-rotator .title-slide .wrapper {
  position: relative; }

.gatorade-page .gatorade-rotator .nested-float-rotator .title-slide h2 {
  position: absolute;
  top: 32px;
  left: 20px; }

.gatorade-page .gatorade-rotator .nested-float-rotator .title-slide h2 span {
  background: #ff7000;
  clear: both;
  color: #fff;
  display: block;
  float: left;
  font: 700 48px/34px "LLBrauerNeue", sans-serif;
  overflow: hidden;
  text-transform: uppercase;
  white-space: nowrap; }

.gatorade-page .gatorade-rotator .nested-float-rotator .title-slide h2 > span {
  margin-bottom: 4px;
  width: 0; }

.gatorade-page .gatorade-rotator .nested-float-rotator .title-slide h2 span span {
  padding: 11px 28px 8px 14px; }

/**
Gatorade - Hero Rotator - content slide
*/
.gatorade-page .gatorade-rotator .nested-float-rotator-tiles .content-slide {
  position: relative; }

.gatorade-page .gatorade-rotator .nested-float-rotator-tiles .content-slide .text {
  background: url(../img/work/gatorade/text-underlay.png) repeat;
  height: 390px;
  padding: 20px;
  position: absolute;
  top: 390px;
  width: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.gatorade-page .gatorade-rotator .nested-float-rotator-tiles .content-slide.content-intro-slide .text {
  top: 195px;
  width: 100%; }

.gatorade-page .gatorade-rotator .nested-float-rotator-tiles .content-slide.content-intro-slide .text p {
  color: #fff;
  font: 700 23px/30px "LLBrauerNeue", sans-serif;
  margin-bottom: 30px; }

.gatorade-page .gatorade-rotator .nested-float-rotator-tiles .content-slide.content-intro-slide .text p strong {
  color: #ff7000; }

.gatorade-page .gatorade-rotator .nested-float-rotator-tiles .content-slide .text h4 {
  color: #ff7000;
  font: 700 26px/30px "LLBrauerNeue", sans-serif;
  margin-bottom: 12px;
  text-transform: uppercase; }

.gatorade-page .gatorade-rotator .nested-float-rotator-tiles .content-slide .text p {
  color: #fff;
  font: 700 15px/19px "LLBrauerNeue", sans-serif;
  margin-bottom: 8px; }

.gatorade-page .gatorade-rotator .nested-float-rotator-tiles .content-slide .text p strong {
  color: #ff7000; }

/**
Gatorade - Hero Rotator - brand
*/
.gatorade-page .gatorade-rotator .brand .nested-float-rotator-tiles .content-slide.content-intro-slide .text {
  padding-top: 60px; }

/**
Gatorade - Hero Rotator - pro athlete
*/
.gatorade-page .gatorade-rotator .pro-athlete .nested-float-rotator-tiles .content-slide.content-intro-slide .text {
  padding-top: 46px; }

.gatorade-page .gatorade-rotator .pro-athlete .title-slide {
  background: #000; }

.gatorade-page .gatorade-rotator .pro-athlete .title-slide img {
  position: relative; }

/**
Gatorade - Hero Rotator - fitness athlete
*/
.gatorade-page .gatorade-rotator .fitness-athlete .nested-float-rotator-tiles .content-slide.content-intro-slide .text {
  padding-top: 75px; }

.gatorade-page .gatorade-rotator .fitness-athlete .title-slide {
  background: #fcfcfc; }

.gatorade-page .gatorade-rotator .fitness-athlete .title-slide img {
  position: relative; }

/**
Gatorade - Hero Rotator - equipment
*/
.gatorade-page .gatorade-rotator .equipment .nested-float-rotator-tiles .content-slide.content-intro-slide .text {
  padding-top: 32px; }

.gatorade-page .gatorade-rotator .equipment .title-slide h2 {
  top: 532px; }

/**
Gatorade - Hero Rotator - experience
*/
.gatorade-page .gatorade-rotator .experience .nested-float-rotator-tiles .content-slide.content-intro-slide .text {
  padding-top: 32px; }

.gatorade-page .gatorade-rotator .experience .title-slide h2 {
  top: 532px; }

/**
Gatorade - Video
*/
.gatorade-page .video-wrapper {
  position: relative; }

.gatorade-page .video-wrapper iframe {
  left: 28px;
  position: absolute;
  top: 55px;
  opacity: 0;
  transition: opacity .4s;
  -webkit-transition: opacity .4s; }

.gatorade-page .video-wrapper img {
  position: relative;
  vertical-align: top;
  z-index: 1; }

.gatorade-page .video-wrapper .text {
  background: url(../img/work/gatorade/text-underlay.png) repeat;
  display: block;
  height: 100%;
  opacity: 0;
  padding: 93px 46px 0 54px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  transition: opacity .4s;
  -webkit-transition: opacity .4s; }

.gatorade-page .video-wrapper.active iframe {
  z-index: 2;
  opacity: 1; }

.gatorade-page .video-wrapper.active .text,
.gatorade-page .video-wrapper.active:hover .text {
  opacity: 0;
  cursor: default; }

.gatorade-page .video-wrapper:hover .text {
  opacity: 1; }

.gatorade-page .video-wrapper .text h3 {
  color: #f46404;
  display: block;
  font: 700 114px/80px "LLBrauerNeue", sans-serif;
  margin-bottom: 26px;
  text-transform: uppercase;
  text-align: center; }

.gatorade-page .video-wrapper .text p {
  color: #fff;
  font: 700 16px/19px "LLBrauerNeue", sans-serif; }

.gatorade-page .video-wrapper .text p strong {
  color: #f46404; }

/**
Gatorade Rotators
*/
.gatorade-page .bottom .left .work-rotator,
.gatorade-page .bottom .left .work-rotator .slides > li {
  background: #242021;
  height: 195px;
  width: 260px !important; }

.gatorade-page .bottom .right .work-rotator,
.gatorade-page .bottom .right .work-rotator .slides > li {
  background: #242021;
  height: 390px;
  width: 260px !important; }

/**
Gatorade - Twitter Rotator
*/
.gatorade-page .tweet-rotator {
  background: #82def7 url(../img/stanley-hainsworth/twitter-cloud.png) 28px 14px no-repeat; }

.gatorade-page .tweet-rotator .nested-slides li {
  width: 260px !important; }

.gatorade-page .tweet-rotator .nested-slides li .text {
  height: 195px;
  padding: 64px 20px 0; }

.gatorade-page .tweet-rotator .nested-slides li .text p {
  color: #fff;
  font: 400 15px/17px "LLBrauerNeue", sans-serif;
  margin-bottom: 14px; }

.gatorade-page .tweet-rotator .nested-slides li .text p a {
  color: #999; }

.gatorade-page .tweet-rotator .nested-slides li .text span {
  font: 400 12px/17px "LLBrauerNeue", sans-serif;
  color: #999; }

/**
Gatorade - Interview Rotator
*/
.gatorade-page .bottom .right .work-rotator {
  width: 100%; }

.gatorade-page .bottom .right .work-rotator .slides li {
  position: relative; }

.gatorade-page .bottom .right .work-rotator .text {
  color: #fff;
  font: 700 12px/15px "LLBrauerNeue", sans-serif;
  position: absolute;
  background: url(../img/work/gatorade/text-underlay.png) repeat;
  height: 195px;
  padding: 20px 24px 0 20px;
  top: 50%; }

.gatorade-page .bottom .right .work-rotator .text h4 {
  color: #ff7000;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 14px; }

/** Work - Islandwood */
.islandwood-page .left-column {
  background: url(../img/work/islandwood/tether-islandwood-paint-texture.jpg) no-repeat; }

.islandwood-page .left-column .reveal-text .inner {
  padding: 154px 32px 0 28px; }

.islandwood-page .left-column h1 {
  font-size: 54px;
  line-height: 47px;
  margin-bottom: 11px; }

.islandwood-page .left-column p {
  color: #b1e978;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 22px; }

.islandwood-page .video-text a:after,
.islandwood-page .video-text a:hover:after {
  background-position: -350px 0;
  bottom: 14px;
  left: 14px;
  height: 38px;
  width: 38px;
  top: auto; }

.islandwood .float-rotator,
.islandwood .float-rotator .slides > li {
  background: #0a663f; }

/** Work - Celestial Seasonings */
.celestial-seasonings-page .left-column {
  background: url(../img/work/celestial-seasonings/left-panel-background.jpg) no-repeat; }

.celestial-seasonings-page .left-column .reveal-text .inner {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 230px; }

.celestial-seasonings-page .left-column h1 {
  color: #fff;
  font-size: 46px;
  line-height: 47px;
  margin-bottom: 10px;
  max-width: 380px;
  text-transform: uppercase; }

.celestial-seasonings-page .left-column p {
  color: #4a3d34;
  font-size: 18px;
  line-height: 20px;
  margin-right: 16px;
  margin-bottom: 20px; }

/** Work - Keen */
.keen-page .left-column {
  background: url(../img/work/keen/keen-active-apparel-advertising-design-poster.jpg) no-repeat;
  color: #231f20; }

.keen-page .left-column .reveal-text .inner {
  padding-top: 185px; }

.keen-page .left-column h1 {
  font-size: 54px;
  line-height: 47px;
  margin-bottom: 10px;
  max-width: 380px;
  text-transform: uppercase; }

.keen-page .left-column p {
  font-size: 18px;
  line-height: 20px;
  margin-right: 16px;
  margin-bottom: 20px; }

/** Work - Knowledge Universe */
.knowledge-universe-page .left-column {
  background: url(../img/work/knowledge-universe/tether-knowledge-universe-early-childhood-education-poster.jpg) no-repeat; }

.knowledge-universe-page .left-column .reveal-text .inner {
  padding: 75px 28px 28px 39px; }

.knowledge-universe-page .left-column h1 {
  font-size: 48px;
  line-height: 49px;
  text-transform: none;
  margin: 0 0 30px; }

.knowledge-universe-page .left-column p {
  line-height: 24px;
  font-size: 20px; }

/** Work - Knowledge Universe - Rotator */
.knowledge-universe-page .float-rotator,
.knowledge-universe-page .float-rotator .slides > li {
  background: #8ac75f;
  height: 780px;
  width: 520px !important; }

.knowledge-universe-page .float-rotator-tiles,
.knowledge-universe-page .float-rotator-tiles .slides > li {
  height: 780px;
  width: 520px !important; }

.knowledge-universe-page .float-rotator-tiles .slides > li {
  position: relative; }

.knowledge-universe-page .float-text {
  background-color: #14b04d;
  color: #000;
  font: 700 14px/18px "LLBrauerNeue" sans-serif;
  height: 433px;
  height: 433px;
  right: 126px;
  padding: 25px 17px 0 20px;
  position: absolute;
  top: 174px;
  width: 269px;
  z-index: 2;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.knowledge-universe-page .float-text h3 {
  font-size: 26px;
  margin-bottom: 0;
  text-transform: uppercase; }

.knowledge-universe-page .float-text h4 {
  font-size: 18px;
  margin-bottom: 20px; }

.knowledge-universe-page .float-text p {
  margin-bottom: 8px; }

.knowledge-universe-page .kindercare .float-text {
  background-color: #fecb3e; }

.knowledge-universe-page .blog .float-text {
  background-color: #05aee6; }

/** Work - Luvo */
.luvo-page .left-column {
  background: url(../img/work/luvo/tether-luvo-healthy-foods.jpg) no-repeat; }

.luvo-page .left-column .reveal-text .inner {
  padding: 25px 25px 28px 25px; }

.luvo-page .left-column img {
  margin-bottom: 32px; }

.luvo-page .left-column h1 {
  font-size: 72px;
  line-height: 1em;
  margin-bottom: 22px;
  margin-left: -3px; }

.luvo-page .left-column p {
  line-height: 27px;
  font-size: 21px;
  margin-right: 0;
  margin-left: 2px;
  margin-right: 10px; }

.luvo-page .rewind-rotator,
.luvo-page .rewind-rotator .slides > li {
  background: #fff;
  height: 390px;
  width: 520px !important; }

.luvo-page .right-column .bottom img {
  display: block;
  height: auto;
  max-width: 100%; }

.luvo-page .slides li {
  position: relative; }

.luvo-page .luvo-audio-roll {
  bottom: 1px;
  left: 0;
  width: 100%;
  text-align: center;
  position: absolute; }

.luvo-page .luvo-audio-roll li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px; }

.luvo-page .luvo-audio-roll p {
  font-family: "LLBrauerNeue", sans-serif;
  color: #fff;
  font-weight: 700;
  line-height: 18px;
  font-size: 18px;
  text-transform: uppercase; }

.luvo-page .audio-link:after {
  background: url(../img/sprites/sprite.png) no-repeat;
  background-position: -550px 0;
  content: '';
  display: block;
  height: 58px;
  left: 0;
  margin: 0;
  position: relative;
  top: 0;
  width: 58px; }

/** Work - MOD */
.mod-page .left-column {
  background: url(../img/work/mod/mod-pizza-super-fast.jpg) no-repeat; }

.mod-page .left-column .reveal-text .inner {
  padding: 30px 28px 0; }

.mod-page .left-column a {
  display: block;
  float: left;
  margin-bottom: 94px; }

.mod-page .left-column h1 {
  clear: both;
  font-size: 54px;
  line-height: 50px;
  margin-bottom: 10px; }

.mod-page .left-column p {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 22px; }

.mod-page .float-rotator,
.mod-page .float-rotator .slides > li {
  background: #8c0c04;
  height: 780px;
  width: 520px !important; }

.mod-page .float-text {
  background: rgba(255, 255, 255, 0.9);
  height: 370px;
  right: 148px;
  padding: 26px 20px 0 19px;
  width: 224px; }

.mod-page .float-text h3 {
  margin: 0 0 -2px;
  text-transform: uppercase; }

.mod-page .float-text h4 {
  font-size: 18px; }

/** Work - Pepsi */
.pepsi-page .left-column {
  background: url(../img/work/pepsi/tether-pepsi-poster.jpg) no-repeat; }

.pepsi-page .left-column .reveal-text .inner {
  padding: 187px 28px 0; }

.pepsi-page .left-column h1 {
  font-size: 54px;
  line-height: 47px; }

.pepsi-page .left-column p {
  line-height: 22px;
  font-size: 18px;
  margin-bottom: 22px; }

.pepsi-page .rewind-rotator,
.pepsi-page .rewind-rotator .slides > li {
  background: #294ca0;
  height: 780px;
  width: 520px !important; }

.pepsi-page .rewind-rotator .slides > li {
  position: relative; }

.pepsi-page .rewind-rotator .text {
  bottom: 0;
  font-family: "LLBrauerNeue", sans-serif;
  font-weight: 600;
  padding: 0 48px 52px 24px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.pepsi-page .rewind-rotator .text p {
  color: #aaa8a8;
  font-size: 18px;
  line-height: 22px; }

/** Work - Red Bull */
.red-bull-page .left-column {
  background: url(../img/work/red-bull/red-bull-base-jump-background.jpg) no-repeat; }

.red-bull-page .left-column .reveal-text .inner {
  padding-top: 183px; }

.red-bull-page .left-column h1 {
  font-size: 60px;
  line-height: 55px; }

.red-bull-page .left-column p {
  font-size: 18px;
  line-height: 22px;
  margin-right: 19px;
  margin-bottom: 22px; }

.red-bull-page .float-rotator,
.red-bull-page .float-rotator .slides > li {
  background: #6fb3d5;
  height: 780px;
  width: 520px !important; }

.red-bull-page .float-text {
  background: rgba(255, 255, 255, 0.9);
  height: 370px;
  padding: 26px 20px 0 22px; }

.red-bull-page .basejumping-text {
  padding-right: 25px; }

.red-bull-page .float-text h3 {
  margin-bottom: 0;
  text-transform: uppercase; }

.red-bull-page .float-text h4 {
  font-size: 18px;
  margin-top: -2px; }

.red-bull-page .video-text a:after {
  background-position: -200px 0; }

.red-bull-page .video-text a:hover:after {
  background-position: -275px 0; }

/** Work - Starbucks */
.starbucks-page .left-column {
  background: url(../img/work/starbucks/starbucks-background.jpg) no-repeat; }

.starbucks-page .left-column .reveal-text .inner {
  padding: 55px 19px 0 33px; }

.starbucks-page .left-column h1 {
  font: 700 89px/85px "LLBrauerNeue", sans-serif;
  color: #00704A;
  margin-bottom: 6px;
  text-transform: uppercase; }

.starbucks-page .left-column p {
  color: #fff;
  font: 700 23px/30px "LLBrauerNeue", sans-serif; }

.starbucks-page .right-column .work-rotator {
  position: relative;
  width: 100%; }

.starbucks-page .right-column .work-rotator .slides > li {
  padding-top: 55px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.starbucks-page .right-column .work-rotator iframe {
  display: block;
  margin: 0 auto; }

.starbucks-page .work-rotator,
.starbucks-page .work-rotator .slides > li {
  background: #000;
  height: 390px;
  width: 520px !important; }

/** Work - Tatcha */
.tatcha-page .left-column {
  background: url(../img/work/tatcha/tether-tatcha-geisha.jpg) no-repeat; }

.tatcha-page .left-column .reveal-text .inner {
  padding: 95px 0 28px 36px; }

.tatcha-page .left-column h1 {
  font-size: 92px;
  line-height: 87px;
  margin-bottom: 15px; }

.tatcha-page .left-column p {
  line-height: 27px;
  font-size: 21px;
  margin-bottom: 28px; }

.tatcha-page .left-column .link {
  position: absolute;
  bottom: 23px;
  right: 28px;
  text-align: right; }

.tatcha-page .bottom .flex-direction-nav {
  right: auto;
  left: -1px; }

.tatcha-page .rewind-rotator,
.tatcha-page .rewind-rotator .slides > li {
  background: #4b276d;
  height: 390px;
  width: 520px !important; }

.tatcha-page .work-rotator,
.tatcha-page .work-rotator .slides > li {
  background: #4b276d;
  height: 390px;
  width: 260px !important; }

.tatcha-page .work-rotator .slides > li {
  position: relative; }

.tatcha-page .work-rotator .text {
  background: #2d045e;
  background: rgba(45, 4, 94, 0.8);
  color: #fff;
  font: 700 24px/24px "LLBrauerNeue", sans-serif;
  padding: 20px 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 195px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.tatcha-page .work-rotator .text h2 {
  font-size: 24px;
  margin-bottom: 13px;
  text-transform: uppercase; }

.tatcha-page .work-rotator .text h3 {
  font-size: 12px;
  margin-bottom: 1px; }

.tatcha-page .work-rotator .text p {
  font-size: 14px;
  line-height: 17px; }

.tatcha-page .site-link {
  background: url(../img/work/tatcha/tether-tatcha-site-link.jpg) center center no-repeat;
  color: #fff;
  display: block;
  font: 700 24px/24px "LLBrauerNeue", sans-serif;
  height: 100%;
  padding-top: 87px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.tatcha-page .dieline-link {
  background: url(../img/work/tatcha/tether-tatcha-dieline-recongnition.jpg) center center no-repeat;
  color: #231f20;
  display: block;
  font: 700 12px/12px "LLBrauerNeue", sans-serif;
  height: 100%;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

/** Work - Umbria */
.umbria-page .left-column {
  background: url(../img/work/umbria/caffe-umbria-artisan-coffee-roaster-poster.jpg) no-repeat; }

.umbria-page .rewind-rotator,
.umbria-page .rewind-rotator .slides > li {
  background: #fefae0;
  height: 780px;
  width: 520px !important; }

@media all and (max-width: 1040px) {
  .work-page .right-column {
    width: 520px; }
  .work-page .left-column {
    width: 440px; }

  /** Work - Gatorade */
  .gatorade-page .gatorade-rotator .slides > li,
  .gatorade-page .gatorade-rotator .nested-slides > li,
  .gatorade-page .gatorade-rotator .nested-tile-slides > li {
    width: 440px !important; }

  .gatorade-page .gatorade-rotator .nested-float-rotator-tiles .content-slide.content-intro-slide .text {
    height: auto;
    padding: 20px 20px 1px !important; }

  .gatorade-page .gatorade-rotator .nested-float-rotator-tiles .content-slide .text {
    width: 260px; }

  /** Work - Knowledge Universe */
  .knowledge-universe-page .left-column {
    background-position: bottom right; }

  .knowledge-universe-page .left-column h1 {
    font-size: 42px;
    line-height: 42px; }

  .knowledge-universe-page .left-column p {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 22px; }

  .knowledge-universe-page .left-column p br {
    display: none; }

  /** Work - Luvo */
  .luvo-page .left-column h1 {
    font-size: 56px;
    line-height: 56px; }

  /** Work - Pepsi */
  .pepsi-page .left-column .reveal-text .inner {
    padding-top: 140px; }

  /** Work - Spectrum */
  .spectrum-page .left-column .reveal-text .inner {
    padding-top: 100px; }

  .spectrum-page .left-column h1 {
    font-size: 56px;
    line-height: 56px; }

  .spectrum-page .left-column p {
    margin-right: 0; }

  .spectrum-page .left-column p br {
    display: none; }

  /** Work - Starbucks */
  .starbucks-page .left-column h1 {
    font-size: 56px;
    line-height: 56px; }

  /** Work - Tatcha */
  .tatcha-page .left-column .reveal-text .inner {
    padding: 95px 28px 0; }

  .tatcha-page .left-column h1 {
    font-size: 56px;
    line-height: 56px; }

  /** Work - Umbria */
  .umbria-page .left-column h1 {
    font-size: 56px;
    line-height: 56px; } }
@media all and (max-width: 960px) {
  .work-page .page-column {
    float: none;
    padding: 0;
    width: 100%; }
  .work-page .right-column {
    display: none; }
  .work-page .left-column .reveal-text {
    height: auto !important;
    min-height: 450px;
    padding: 28px;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
    .work-page .left-column .reveal-text .inner {
      padding: 0; }
  .work-page .left-column h1 {
    font-size: 48px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: .58em; }
  .work-page .left-column h1 br {
    display: none; }
  .work-page .left-column p {
    color: #fff;
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 1.4em; }
  .work-page .left-column p:last-of-type {
    margin-bottom: 0; }
  .work-page .mobile-portfolio-header {
    display: block;
    position: relative; }
    .work-page .mobile-portfolio-header img {
      vertical-align: top; }
    .work-page .mobile-portfolio-header .text {
      position: absolute;
      bottom: 28px;
      left: 28px; }
    .work-page .mobile-portfolio-header h2 span {
      background: #ff7000;
      clear: both;
      color: #fff;
      display: block;
      float: left;
      font: 700 48px/34px "LLBrauerNeue", sans-serif;
      margin-bottom: 4px;
      overflow: hidden;
      padding: 11px 14px 8px 14px;
      text-transform: uppercase;
      white-space: nowrap; }
  .work-page .mobile-portfolio {
    display: block;
    font-family: 'LLBrauerNeue', sans-serif;
    padding: 14px; }
    .work-page .mobile-portfolio > img,
    .work-page .mobile-portfolio .half {
      display: block;
      float: left;
      height: auto;
      margin: 14px;
      width: 328px; }
    .work-page .mobile-portfolio .full {
      max-width: 100%;
      width: 96%; }
    .work-page .mobile-portfolio iframe {
      display: block; }
  .work-page .portfolio-section {
    clear: both;
    margin-bottom: 14px;
    padding: 14px 14px 0;
    position: relative; }
    .work-page .portfolio-section img {
      vertical-align: top; }
    .work-page .portfolio-section .video-text {
      top: 50%;
      left: 50%;
      margin: -131px 0 0 -182px;
      position: absolute; }
  .work-page .portfolio-section.image-section .image {
    display: block;
    width: 33%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .work-page .portfolio-section.image-section img {
    display: block;
    height: auto;
    max-width: 100%; }
  .work-page .portfolio-section.image-section .text {
    color: #666;
    font: 400 16px/22px "LLBrauerNeue", sans-serif;
    width: 67%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .work-page .portfolio-section.image-section p {
    font: 400 16px/20px "LLBrauerNeue", sans-serif;
    margin-bottom: 14px; }
  .work-page .portfolio-section.image-section h4 {
    color: #d44e1a;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 14px; }
  .work-page .portfolio-section.image-section strong {
    color: #d44e1a; }
  .work-page .portfolio-section.image-right .image {
    float: right; }
  .work-page .portfolio-section.image-right .text {
    float: left;
    padding-right: 28px; }
  .work-page .portfolio-section.image-left .image {
    float: left; }
  .work-page .portfolio-section.image-left .text {
    float: right;
    padding-left: 28px; }
  .work-page .video-wrapper {
    padding: 14px; }
  .work-page .float-section {
    overflow: hidden; }
    .work-page .float-section img {
      position: absolute; }
    .work-page .float-section .float-text {
      top: 50%;
      height: auto;
      right: auto;
      margin: 100px auto;
      width: 365px;
      position: relative;
      padding: 20px; }
  .work-page .audio-link,
  .work-page .video-link {
    clear: both; }

  /** Video Modal */
  .video-modal,
  .audio-modal {
    height: 600px;
    left: 0;
    top: 50%;
    margin-top: -300px;
    position: fixed; }
    .video-modal iframe,
    .audio-modal iframe {
      width: 740px;
      height: 416px;
      top: 50%;
      margin-top: -208px; }
    .video-modal audio,
    .audio-modal audio {
      margin-top: 285px; }

  /** Work - Awake */
  .awake-page .left-column {
    background: url(../img/work/awake/tether-awake-caffeinated-chocolate-bar-mobile.jpg) no-repeat; }

  /** Work - BMW */
  .bmw-page .left-column {
    background: url(../img/work/bmw/tether-bmw-motorcycles-feed-your-restless-mobile.jpg) no-repeat; }

  .bmw-page .left-column .reveal-text .inner {
    padding-top: 32px; }

  .bmw-page .mobile-portfolio .full {
    margin: 0 4px; }

  /** Work - Free the Children */
  .ftc-page {
    background: #fff; }

  .ftc-page .left-column {
    background: url(../img/work/free-the-children/free-the-children-we-day-background-mobile.jpg); }

  /** Work - Gatorade */
  .gatorade-page .left-column {
    display: none; }

  .gatorade-page .right-column > .bottom {
    display: none; }

  /** Work - Islandwood */
  .islandwood-page .left-column {
    background: url(../img/work/islandwood/tether-islandwood-paint-texture-mobile.jpg) no-repeat; }

  .islandwood-page .left-column h1 {
    max-width: 500px; }

  /** Work - Keen */
  .keen-page .left-column {
    background-image: url(../img/work/knowledge-universe/tether-knowledge-universe-early-childhood-education-poster-mobile.jpg); }

  .keen-page .mobile-portfolio a {
    clear: both;
    display: block;
    float: left;
    margin: 14px; }

  .keen-page .mobile-portfolio a img {
    vertical-align: top; }

  /** Work - Knowledge Universe */
  .knowledge-universe-page .left-column {
    background: #8ac75f url(../img/work/knowledge-universe/tether-knowledge-universe-early-childhood-education-poster-mobile.jpg) bottom right no-repeat;
    padding-bottom: 48px; }

  .knowledge-universe-page .left-column h1 br {
    display: inline; }

  .knowledge-universe-page .left-column br {
    display: none; }

  .knowledge-universe-page .left-column p:last-of-type {
    max-width: 540px; }

  /** Work - Keen */
  .keen-page .left-column {
    background-image: url(../img/work/keen/keen-active-apparel-advertising-design-poster-mobile.jpg); }

  .keen-page .left-column .reveal-text {
    min-height: 0; }

  .keen-page .left-column .reveal-text .inner {
    bottom: auto;
    max-width: 522px;
    position: static; }

  .keen-page .left-column .inner p {
    color: #231f20; }

  .keen-page .left-column .inner br {
    display: none; }

  /** Work - Luvo */
  .luvo-page .left-column {
    background-image: url(../img/work/luvo/tether-luvo-healthy-foods-mobile.jpg); }

  /** Work - Celestial */
  .celestial-seasonings-page .left-column {
    background-image: url(/wp-content/uploads/2015/10/left-panel-background-mobile.jpg); }

  /** Work - MOD Pizza */
  .mod-page .left-column {
    background-image: url(../img/work/mod/mod-pizza-super-fast-mobile.jpg); }

  .mod-page .left-column a {
    margin-bottom: 14px; }

  /** Work - Pepsi */
  .pepsi-page .left-column {
    background-image: url(../img/work/pepsi/tether-pepsi-poster-mobile.jpg); }

  .pepsi-page .left-column .reveal-text .inner {
    padding: 0; }

  .pepsi-page .mobile-portfolio .text {
    clear: both;
    float: left;
    margin-top: 14px;
    padding: 14px; }

  .pepsi-page .mobile-portfolio .text p {
    color: #aaa8a8;
    font: 400 18px/22px "LLBrauerNeue", sans-serif; }

  .pepsi-page .text p:last-of-type {
    margin-bottom: 0; }

  /** Work - Red Bull */
  .red-bull-page .left-column {
    background-image: url(../img/work/red-bull/red-bull-base-jump-background-mobile.jpg); }

  .red-bull-page .left-column .reveal-text .inner {
    padding-top: 140px; }

  .red-bull-page .left-column h1 {
    max-width: 350px; }

  /** Work - Spectrum */
  .spectrum-page .left-column {
    background-image: url(../img/work/spectrum/spectrum-dance-background-mobile.jpg); }

  .spectrum-page .left-column .reveal-text {
    min-height: 550px; }

  .spectrum-page .left-column h1 {
    max-width: 400px; }

  /** Work - Starbucks */
  .starbucks-page .left-column {
    background: url(../img/work/starbucks/starbucks-poster-mobile.jpg); }

  .starbucks-page .left-column .reveal-text .inner {
    max-width: 538px; }

  .starbucks-page .left-column h1 {
    color: #fff; }

  .starbucks-page .mobile-portfolio img {
    float: none;
    margin: 0 auto; }

  /** Work - Tatcha */
  .tatcha-page .left-column {
    background-image: url(../img/work/tatcha/tatcha-geisha-poster.jpg); }

  .tatcha-page .mobile-portfolio a {
    float: left;
    height: 195px;
    margin: 14px;
    width: 328px; }

  /** Work - Umbria */
  .umbria-page .left-column {
    background-image: url(../img/work/umbria/caffe-umbria-artisan-coffee-roaster-poster-mobile.jpg); }

  .umbria-page .left-column h1 {
    max-width: 425px; } }
@media all and (max-width: 760px) {
  .work-page .left-column .reveal-text {
    padding: 14px;
    min-height: 0; }
  .work-page .left-column h1 {
    font-size: 28px;
    margin-bottom: .5em;
    text-transform: uppercase; }
  .work-page .left-column p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 14px;
    margin-right: 0; }
  .work-page .mobile-portfolio > img,
  .work-page .mobile-portfolio .half,
  .work-page .mobile-portfolio .video-link img,
  .work-page .mobile-portfolio .audio-link img {
    margin: 0 0 14px;
    vertical-align: top;
    width: 272px; }
  .work-page .mobile-portfolio .full {
    width: 272px; }
  .work-page .mobile-portfolio > img:last-of-type {
    margin: 0; }
  .work-page .portfolio-section {
    margin: 0 0 14px;
    padding: 0; }
    .work-page .portfolio-section .text {
      background: none;
      color: #aaa8a8;
      position: relative;
      top: auto;
      height: auto;
      right: auto;
      left: auto;
      margin: 0;
      padding: 0;
      width: auto; }
    .work-page .portfolio-section > img {
      display: none; }
    .work-page .portfolio-section img {
      height: auto;
      max-width: 100%; }
  .work-page .portfolio-section-header {
    margin: 0 0 10px; }
  .work-page .portfolio-section-modal-link {
    margin-bottom: 14px; }
    .work-page .portfolio-section-modal-link img {
      display: block; }
  .work-page .portfolio-section.image-section .image {
    float: none;
    margin-bottom: 14px;
    width: auto; }
  .work-page .portfolio-section.image-section .text {
    float: none;
    padding: 0;
    width: auto; }
  .work-page .video-text a:after {
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -28px; }
  .work-page .video-wrapper {
    margin-bottom: 14px;
    padding: 0; }
    .work-page .video-wrapper:last-of-type {
      margin-bottom: 0; }
  .work-page iframe {
    height: 153px;
    width: 272px; }
  .work-page .mobile-portfolio-header img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: -33px; }
  .work-page .mobile-portfolio-header .text {
    padding: 14px 14px 0;
    position: relative;
    bottom: auto;
    left: auto; }
  .work-page .mobile-portfolio-header h2 span {
    font-size: 28px;
    margin-bottom: 2px;
    padding: 3px 16px 1px 8px; }

  /** Video Modal */
  .video-modal,
  .audio-modal {
    height: 300px;
    margin-top: -150px; }
    .video-modal iframe,
    .audio-modal iframe {
      width: 300px;
      height: 169px;
      margin-top: -84px; }
    .video-modal audio,
    .audio-modal audio {
      margin-top: 135px; }

  /** Work - AWAKE */
  .awake-page .left-column {
    background-position: -100px -50px; }

  .awake-page .left-column .reveal-text {
    padding: 56px 14px 7px; }

  .awake-page .left-column .social-list {
    bottom: auto;
    left: auto;
    margin-top: 28px;
    position: relative;
    right: auto; }

  /** Work - BMW */
  .bmw-page .left-column .restless-type {
    margin-bottom: 14px; }

  .bmw-page .left-column .panel-lockup {
    display: none; }

  .bmw-page .left-column p {
    margin-right: 0; }

  .bmw-page .portfolio-section .float-text {
    background: none;
    color: #aaa8a8;
    left: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    right: auto;
    top: auto;
    width: auto; }

  .bmw-page .portfolio-section > img {
    display: none; }

  .bmw-page .mobile-portfolio .spread {
    margin: 0; }

  /** Work - Free the Children */
  .ftc-page .left-column .reveal-text {
    padding-top: 56px; }

  .ftc-page .left-column .inner h1 {
    max-width: 240px; }

  /** Work - Islandwood */
  .islandwood-page .left-column {
    background-image: url(../img/work/islandwood/tether-islandwood-paint-texture.jpg);
    background-position: right -150px; }

  .islandwood-page .left-column .reveal-text {
    padding-top: 56px; }

  .islandwood-page .portfolio-section > img {
    display: none; }

  .islandwood-page .video-text a:after,
  .islandwood-page .video-text a:hover:after {
    top: auto;
    left: 14px;
    margin: 0; }

  /** Work - Keen */
  .keen-page .left-column .reveal-text {
    padding-top: 56px; }

  .keen-page .mobile-portfolio > img:last-of-type {
    margin-bottom: 14px; }

  .keen-page .mobile-portfolio .audio-link img {
    margin-bottom: 0; }

  .keen-page .mobile-portfolio a {
    margin: 0; }

  /** Work - Knowledge Universe */
  .knowledge-universe-page .left-column {
    background: #8ac75f;
    padding: 0; }

  .knowledge-universe-page .left-column .reveal-text {
    padding-top: 56px; }

  /** Work - Pepsi */
  .pepsi-page .left-column {
    background: url(../img/work/pepsi/tether-pepsi-poster.jpg) no-repeat; }

  .pepsi-page .left-column .reveal-text {
    padding-top: 48px; }

  .pepsi-page .mobile-portfolio .text {
    padding: 0; }

  /** Work - Red Bull */
  .red-bull-page .left-column {
    background-position: right -74px; }

  .red-bull-page .left-column p {
    margin-right: 0; }

  /** Work - Spectrum */
  .spectrum-page .left-column {
    min-height: 550px; }

  .spectrum-page .left-column .reveal-text {
    padding-top: 56px; }

  .spectrum-page .left-column .inner p br {
    display: none; }

  .spectrum-page .left-column cite {
    display: none; }

  /** Work - Starbucks */
  .starbucks-page .left-column .reveal-text {
    padding-top: 56px; }

  /** Work - Tatcha */
  .tatcha-page .left-column .reveal-text {
    padding-top: 56px; }

  .tatcha-page .mobile-portfolio a {
    margin: 14px 0 0;
    width: 100%; }

  .tatcha-page .left-column {
    background-position: -56px 0; }

  .tatcha-page .left-column .link {
    float: left;
    display: block;
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 14px; }

  /** Work - Umbria */
  .umbria-page .left-column .reveal-text {
    padding-top: 56px; } }
.brika-page .left-column {
  background: url(../img/work/brika/tether-brika-makers-artisans-designers-online-shopping.jpg) no-repeat; }

@media all and (min-width: 1041px) {
  .brika-page .left-column .inner {
    padding: 49px 28px 0 44px; }

  .brika-page .left-column h1 {
    font-size: 80px;
    line-height: .9em;
    margin-bottom: 24px; }

  .brika-page .left-column p {
    line-height: 24px;
    font-size: 20px;
    margin-bottom: 24px; }

  .brika-page .left-column .cta {
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase; }

  .brika-page .left-column .cta span {
    text-decoration: underline; }

  .brika-page .rewind-rotator,
  .brika-page .rewind-rotator .slides > li {
    background: #f8f9f3;
    height: 780px;
    width: 520px !important; } }
@media all and (max-width: 1040px) and (min-width: 961px) {
  .brika-page .left-column .inner {
    padding: 56px 28px 0; }

  .brika-page .left-column h1 {
    font-size: 56px; }

  .brika-page .left-column h1 br {
    display: none; } }
@media all and (max-width: 960px) {
  .brika-page .left-column {
    background-image: url(../img/work/brika/tether-brika-makers-artisans-designers-online-shopping-mobile.jpg);
    background-size: cover; }

  .brika-page .left-column h1 {
    max-width: 400px; }

  .brika-page .rewind-rotator {
    display: none;
    height: auto;
    width: 100% !important; } }
@media all and (max-width: 760px) {
  .brika-page .left-column .reveal-text {
    padding-top: 48px; } }
/** Work - Mark */
.the-mark-page .reveal-text {
  height: auto !important; }
.the-mark-page .left-column {
  background: url(../img/work/mark/tether-design-agency-mark-bg.jpg) no-repeat;
  color: #231f20; }
  .the-mark-page .left-column .inner {
    padding-right: 80px; }
  .the-mark-page .left-column h1,
  .the-mark-page .left-column h1 span {
    font-size: 54px;
    line-height: .87em; }
  .the-mark-page .left-column h1 {
    margin-bottom: 14px; }
  .the-mark-page .left-column p {
    font-size: 20px;
    line-height: 1.25em; }
.the-mark-page .float-rotator,
.the-mark-page .float-rotator .slides > li {
  background: #e7e7e6; }
.the-mark-page .float-text {
  background: #231f20;
  color: #fff;
  padding-left: 23px; }
  .the-mark-page .float-text h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 1em; }
    .the-mark-page .float-text h2 strong {
      font-size: 36px;
      text-transform: uppercase;
      line-height: 1em; }
  .the-mark-page .float-text p:last-of-type {
    margin-bottom: 0; }
  .the-mark-page .float-text .attribution {
    color: #b17000; }
.the-mark-page .video-text h2 {
  color: #231f20;
  font-size: 26px;
  line-height: 1em; }
.the-mark-page .video-text p {
  color: #b17000;
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 1em; }
.the-mark-page .video-text img {
  box-shadow: none; }
.the-mark-page .video-text a:after {
  background: url(../img/work/mark/rotator/sprite-mark.png) no-repeat;
  height: 60px;
  width: 60px; }
  .backgroundsize .the-mark-page .video-text a:after {
    background-image: url(../img/work/mark/rotator/sprite-mark-retina.png);
    background-size: auto 60px; }
.the-mark-page .video-text a:hover:after {
  background-position: -100px 0; }
.the-mark-page .button-video-play {
  display: block;
  height: 60px;
  width: 60px;
  position: absolute;
  left: 50%;
  margin-left: -30px; }
  .the-mark-page .button-video-play:after {
    background: url(../img/work/mark/rotator/sprite-mark.png) no-repeat;
    height: 60px;
    width: 60px; }
    .backgroundsize .the-mark-page .button-video-play:after {
      background-image: url(../img/work/mark/rotator/sprite-mark-retina.png);
      background-size: auto 60px; }
  .the-mark-page .button-video-play:hover:after {
    background-position: -100px 0; }
  .the-mark-page .button-video-play.button-ipad-video-play {
    left: 163px;
    top: 592px;
    margin: 0; }
  .the-mark-page .button-video-play.button-iphone-video-play {
    top: 208px; }
.the-mark-page .mobile-portfolio h3 {
  color: #9e9e9e;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em; }
.the-mark-page .mobile-portfolio .button-video-play.button-iphone-video-play {
  top: 50%;
  margin: -30px 0 0 -30px; }
.the-mark-page .mobile-portfolio .button-video-play.button-ipad-video-play {
  left: 45%;
  top: 50%;
  margin: -30px 0 0 -30px; }

@media (max-width: 1040px) {
  .the-mark-page .left-column {
    background: url(../img/work/mark/tether-design-agency-mark-bg-mobile.jpg) repeat;
    color: #fafafa; }
    .the-mark-page .left-column .inner {
      padding-right: 28px; }
    .the-mark-page .left-column h1,
    .the-mark-page .left-column h1 span {
      font-size: 48px; } }
@media (max-width: 960px) {
  .the-mark-page .float-section .float-text {
    margin: 83px auto; } }
@media (max-width: 760px) {
  .the-mark-page .left-column h1,
  .the-mark-page .left-column h1 span {
    font-size: 28px; }
  .the-mark-page .left-column p {
    font-size: 16px;
    margin-right: 10px; }
  .the-mark-page .reveal-text .inner {
    padding: 0; }
  .the-mark-page .mobile-portfolio > img:last-of-type {
    margin-bottom: 14px; }
  .the-mark-page .portfolio-section .text {
    color: #231f20; }
  .the-mark-page .portfolio-section:last-of-type {
    margin-bottom: 0; }
  .the-mark-page .float-section .float-text {
    margin: 0 0 14px; } }
/** Work - Microsoft */
.microsoft-page .left-column {
  background: #071c37; }
  .microsoft-page .left-column .inner {
    padding: 63px 100px 0 40px; }
  .microsoft-page .left-column .logo {
    display: block;
    margin-bottom: 90px; }
  .microsoft-page .left-column h1 {
    font-size: 58px;
    line-height: 1em;
    margin-bottom: .21em;
    color: #00bcf2; }
  .microsoft-page .left-column p {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: .8em;
    margin-right: 0; }
.microsoft-page .float-rotator,
.microsoft-page .float-rotator .slides > li {
  background: #071c37; }
.microsoft-page .stories-text {
  background: #071c37;
  color: #fff;
  padding-top: 37px; }
  .microsoft-page .stories-text h2 {
    font-size: 25px;
    line-height: 1.12em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .44em; }
    .microsoft-page .stories-text h2 span {
      color: #00bcf2; }
.microsoft-page .float-rotator h2 {
  font-family: "LLBrauerNeue", sans-serif;
  font-size: 58px;
  text-transform: uppercase;
  line-height: 1em;
  position: absolute;
  z-index: 2;
  font-weight: 700; }
.microsoft-page .site-link {
  position: absolute;
  z-index: 2;
  font-family: "LLBrauerNeue", sans-serif; }
  .microsoft-page .site-link span {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    vertical-align: middle;
    line-height: 1em;
    margin-right: 7px;
    opacity: 0; }
  .microsoft-page .site-link:after {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    content: '';
    background: url(../img/work/microsoft/sprite.png) no-repeat; }
    .backgroundsize .microsoft-page .site-link:after {
      background-image: url(../img/work/microsoft/sprite-retina.png);
      background-size: auto 100px; }
  .microsoft-page .site-link:hover span {
    opacity: 1; }
  .microsoft-page .site-link:hover:after {
    background-position: 0 -50px; }
  .microsoft-page .site-link.site-link-r {
    direction: rtl; }
    .microsoft-page .site-link.site-link-r span {
      margin: 0 0 0 7px; }
.microsoft-page .b87 .site-link {
  right: 19px;
  top: 338px; }
.microsoft-page .spark h2 {
  color: #fff;
  top: 183px;
  left: 42px; }
.microsoft-page .spark .site-link {
  right: 19px;
  top: 256px; }
.microsoft-page .halo .site-link {
  right: 19px;
  top: 345px; }
.microsoft-page .hugh h2 {
  color: #00bcf2;
  top: 184px;
  left: 42px; }
.microsoft-page .hugh .site-link {
  bottom: 28px;
  right: 32px; }
.microsoft-page .build-on-intro .float-text {
  background: #00bcf2;
  color: #071c37;
  right: 138px;
  width: 245px; }
  .microsoft-page .build-on-intro .float-text h2 {
    text-transform: uppercase;
    font-size: 25px;
    line-height: 1.12em;
    font-weight: 700;
    margin-bottom: .5em; }
.microsoft-page .jobs-blog-1 .site-link {
  bottom: 146px;
  left: 308px; }
.microsoft-page .jobs-blog-2 .site-link {
  bottom: 380px;
  left: 256px; }
.microsoft-page .cumularity .float-text,
.microsoft-page .tech-ed .float-text,
.microsoft-page .lync .float-text {
  background: #071c37;
  color: #fff; }
  .microsoft-page .cumularity .float-text h2,
  .microsoft-page .tech-ed .float-text h2,
  .microsoft-page .lync .float-text h2 {
    font-size: 24px;
    line-height: 1em;
    font-weight: 700;
    margin-bottom: .5em; }
    .microsoft-page .cumularity .float-text h2 strong,
    .microsoft-page .tech-ed .float-text h2 strong,
    .microsoft-page .lync .float-text h2 strong {
      display: block;
      font-size: 36px;
      text-transform: uppercase;
      line-height: .9em; }
.microsoft-page .tech-ed .float-text {
  background: #00bcf2;
  color: #071c37; }
.microsoft-page .lync .float-text h2 {
  color: #00bcf2; }
  .microsoft-page .lync .float-text h2 strong {
    text-transform: none; }
.microsoft-page .video-text h2 {
  font-size: 26px;
  line-height: 1em;
  margin-bottom: .5em; }
.microsoft-page .video-text a:after {
  height: 60px;
  width: 60px;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  background: url(../img/work/microsoft/sprite.png) -50px 0 no-repeat; }
  .backgroundsize .microsoft-page .video-text a:after {
    background-image: url(../img/work/microsoft/sprite-retina.png);
    background-size: auto 100px; }
.microsoft-page .video-text a:hover:after {
  background-position: -125px 0; }
.microsoft-page .mobile-portfolio .portfolio-section-header {
  font-size: 0; }
.microsoft-page .mobile-portfolio h3 {
  display: inline-block;
  width: 50%;
  color: #071c37;
  font-weight: 700;
  font-size: 35px;
  text-transform: uppercase;
  line-height: 1em;
  vertical-align: bottom; }
.microsoft-page .mobile-portfolio .tools {
  display: inline-block;
  width: 50%;
  text-align: right;
  vertical-align: bottom; }
.microsoft-page .mobile-portfolio .site-link {
  background: #d44e1a;
  border-radius: 5px;
  display: inline-block;
  padding: 7px 14px;
  position: relative;
  text-align: left; }
  .microsoft-page .mobile-portfolio .site-link span {
    opacity: 1; }
  .microsoft-page .mobile-portfolio .site-link:after {
    background-position: 0 -50px; }
  .microsoft-page .mobile-portfolio .site-link:hover {
    background: #071c37; }

@media all and (max-width: 1040px) {
  .microsoft-page .left-column .logo {
    margin-bottom: 56px; }
  .microsoft-page .left-column .inner {
    padding-right: 40px; }
    .microsoft-page .left-column .inner h1 {
      max-width: 400px; } }
@media all and (max-width: 760px) {
  .microsoft-page .left-column .logo {
    height: auto;
    margin-bottom: 14px;
    width: 100px; }
  .microsoft-page .left-column .inner h1 {
    font-size: 28px; }
  .microsoft-page .left-column p {
    font-size: 16px; }
  .microsoft-page .portfolio-section .text {
    color: #071c37; }
  .microsoft-page .mobile-portfolio h3 {
    font-size: 25px;
    width: auto;
    width: 237px;
    vertical-align: middle; }
  .microsoft-page .mobile-portfolio .tools {
    width: 35px;
    vertical-align: middle; }
  .microsoft-page .mobile-portfolio .site-link {
    padding: 0;
    background: none; }
    .microsoft-page .mobile-portfolio .site-link span {
      display: none; }
    .microsoft-page .mobile-portfolio .site-link:after {
      background-position: 0 0; } }
.krusteaz-page {
  /** Left Column */
  /** Reveal Text */
  /**  Rewind Rotator */ }
  .krusteaz-page .left-column {
    background: url(../img/work/krusteaz/tether-krusteaz-poster.jpg) no-repeat; }
    .krusteaz-page .left-column h1 {
      font-size: 54px;
      line-height: 47px; }
    .krusteaz-page .left-column p {
      line-height: 22px;
      font-size: 18px;
      margin-bottom: 22px; }
  .krusteaz-page .left-column .reveal-text .inner {
    padding: 187px 28px 0; }
  .krusteaz-page .rewind-rotator,
  .krusteaz-page .rewind-rotator .slides > li {
    background: #294ca0;
    height: 780px;
    width: 520px !important; }
  .krusteaz-page .rewind-rotator .slides > li {
    position: relative; }
  .krusteaz-page .rewind-rotator .text {
    bottom: 0;
    font-family: "LLBrauerNeue", sans-serif;
    font-weight: 600;
    padding: 0 48px 52px 24px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
    .krusteaz-page .rewind-rotator .text p {
      color: #aaa8a8;
      font-size: 18px;
      line-height: 22px; }

@media all and (max-width: 1040px) {
  .krusteaz-page .left-column .reveal-text .inner {
    padding-top: 140px; } }
@media all and (max-width: 960px) {
  .krusteaz-page .left-column {
    background-image: url(../img/work/krusteaz/tether-krusteaz-poster-mobile.jpg); }
    .krusteaz-page .left-column .reveal-text .inner {
      padding: 0; }
  .krusteaz-page .mobile-portfolio .text {
    clear: both;
    float: left;
    margin-top: 14px;
    padding: 14px; }
    .krusteaz-page .mobile-portfolio .text .text p {
      color: #aaa8a8;
      font: 400 18px/22px "LLBrauerNeue", sans-serif; }
      .krusteaz-page .mobile-portfolio .text .text p:last-of-type {
        margin-bottom: 0; } }
@media all and (max-width: 760px) {
  .krusteaz-page .left-column {
    background: url(../img/work/krusteaz/tether-krusteaz-poster.jpg) no-repeat; }
  .krusteaz-page .left-column .reveal-text {
    padding-top: 48px; }
  .krusteaz-page .mobile-portfolio .text {
    padding: 0; } }
/**
Blog
*/
.blog,
.single-post,
.date,
.search,
.category {
  background: #f4f4f4; }

.blog .central-column,
.single-post .central-column,
.date .central-column,
.search .central-column,
.category .central-column {
  margin: 0 auto;
  width: 1100px; }

.blog .page-content,
.single .page-content,
.date .page-content,
.search .page-content,
.category .page-content {
  padding-top: 78px; }

/** Blog - Feed Header */
.feed-header {
  margin-bottom: 14px; }

.feed-header h3 {
  color: #d64d03;
  font: 700 36px/36px 'LLBrauerNeue', sans-serif;
  text-transform: uppercase; }

/** Blog - Single */
.blog-header img {
  display: block;
  height: auto;
  width: 100%; }

.blog-feed {
  float: left;
  width: 815px; }

.blog-feed .blog-post {
  margin-bottom: 40px;
  position: relative; }

.blog-feed .blog-post img {
  display: block;
  height: auto;
  max-width: 100%; }

.blog-feed .blog-post header {
  border-bottom: 1px dashed #d6d6d6;
  margin-bottom: 28px; }

.blog-feed .blog-post .text {
  padding: 48px 48px 20px; }

.blog-feed .blog-post .text .author {
  color: #7c7c7c;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 18px; }

.blog-feed .blog-post .text .author img {
  border-radius: 50%;
  display: inline-block;
  height: 56px;
  margin-right: 14px;
  overflow: hidden;
  vertical-align: middle;
  width: 56px; }

.blog-feed .blog-post .text .author .details {
  display: inline-block;
  vertical-align: middle; }

.blog-feed .blog-post .text .author time {
  font-size: 12px;
  text-transform: uppercase; }

.blog-feed .blog-post .text h2 {
  margin-bottom: 28px; }

.blog-feed .blog-post .text h2 a {
  color: #d64d03;
  font: 700 60px/60px 'LLBrauerNeue', sans-serif;
  text-transform: uppercase; }

.blog-feed .blog-post .post-excerpt,
.blog-feed .blog-post .post-content {
  margin-bottom: 28px; }

.blog-feed .blog-post .read-more,
.blog-feed .blog-post .back-to-blog {
  background: #d64d03;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font: 700 18px/12px 'LLBrauerNeue', sans-serif;
  clear: both;
  float: left;
  margin-bottom: 56px;
  padding: 14px 28px;
  text-transform: uppercase; }

.blog-feed .blog-post .read-more:hover,
.blog-feed .blog-post .back-to-blog:hover {
  background: #b93b09; }

.blog-feed .blog-post .back-to-blog {
  margin: 28px 0 36px; }

.blog-feed .blog-post footer {
  border-bottom: 1px dashed #d6d6d6;
  border-top: 1px dashed #d6d6d6;
  clear: both;
  padding: 23px 0 20px; }

.blog-feed .blog-post footer h4 {
  color: #898889;
  display: inline-block;
  margin-right: 7px; }

			/*.blog-feed .blog-post footer span:before {
				display: inline-block;
				content: '';
				background: url(../img/sprites/sprite-blog.png) no-repeat;
				height: 16px;
				width: 19px;
				vertical-align: middle;
				margin: 0 5px;
			}
*/
.blog-feed .blog-post footer ul {
  display: inline;
  font-size: 0; }

.blog-feed .blog-post footer ul li {
  display: inline-block; }

.blog-feed .blog-post footer a {
  background: #fff;
  display: inline-block;
  border: 1px solid #ededed;
  border-radius: 4px;
  font-size: 11px;
  line-height: 8px;
  text-transform: uppercase;
  color: #8f8f8f;
  padding: 8px 33px 5px;
  margin: 0 4px 4px 0; }

.blog-feed .blog-post footer a:hover {
  border-color: #dadada; }

/** Blog - Single - Post Header */
.blog-feed .blog-post header time {
  color: #7c7c7c;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 8px; }

/** Blog - Single - Socialize */
.blog-socialize {
  margin: 0 48px 40px 48px; }

.blog-socialize h4 {
  color: #5f6062;
  display: inline-block;
  font-size: 18px;
  width: 170px;
  vertical-align: middle;
  text-transform: none; }

.blog-socialize .share-wrapper {
  margin-bottom: 40px; }

.blog-socialize ul {
  display: inline-block;
  font-size: 0;
  vertical-align: middle; }

.blog-socialize ul li {
  display: inline-block;
  margin-right: 22px;
  vertical-align: middle; }

.blog-socialize ul li a {
  background: url(../img/sprites/sprite-blog.png) -300px 0 no-repeat;
  display: block;
  height: 42px;
  width: 42px;
  opacity: 1;
  transition: opacity .5s;
  -webkit-transition: opacity .5s; }

.blog-socialize ul li a:hover {
  opacity: .7; }

.blog-socialize ul li a.twitter {
  background-position: -250px 0; }

.blog-socialize ul li a.google-plus {
  background-position: -350px 0; }

.backgroundsize .blog-socialize ul li a {
  background-image: url(../img/sprites/sprite-blog-retina.png);
  background-size: auto 100px; }

.blog-socialize .fb-like {
  vertical-align: middle; }

/** Blog - Single - Author */
.single .author {
  color: #7c7c7c;
  padding: 0 48px;
  margin-bottom: 40px; }

.single .author .image-wrapper {
  display: inline-block;
  max-width: 33%;
  position: relative;
  padding: 0 32px 0 0; }

.single .author .image-wrapper .inner {
  position: relative; }

.single .author img {
  border-radius: 50%;
  display: block;
  vertical-align: top;
  max-width: 100%;
  height: auto; }

.single .author .details {
  display: inline-block;
  max-width: 67%;
  vertical-align: top; }

/** Blog - Paging */
.blog-feed .paging {
  color: #d64d03;
  padding-left: 48px; }

.blog-feed .paging .page-numbers {
  border: 1px solid #eed1c1;
  color: #d64d03;
  display: inline-block;
  font: 700 14px/10px 'LLBrauerNeue', sans-serif;
  padding: 5px 0 3px;
  text-align: center;
  text-transform: uppercase;
  width: 20px; }

.blog-feed .paging .prev,
.blog-feed .paging .next {
  padding: 5px 8px 3px;
  width: auto; }

.blog-feed .paging .prev span,
.blog-feed .paging .next span {
  line-height: 7px;
  vertical-align: top; }

.blog-feed .paging .dots {
  border: none; }

.blog-feed .paging .current {
  background: #d64d03;
  border-color: #d64d03;
  color: #fff; }

.blog-feed .paging a:hover {
  background: #d64d03;
  border-color: #d64d03;
  color: #fff; }

/** Blog - Sidebar */
.blog-sidebar {
  float: right;
  padding-left: 28px;
  width: 285px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.blog-sidebar .links {
  border-bottom: 1px solid #dedede;
  margin: -7px 0 28px;
  padding: 0 0 22px; }

.archive .blog-sidebar .links,
.search .blog-sidebar .links {
  margin-top: 43px; }

.blog-sidebar .links a {
  color: #5f6062;
  display: block;
  font: 700 24px/33px 'LLBrauerNeue', sans-serif;
  text-transform: uppercase; }

.blog-sidebar .links a span {
  vertical-align: top; }

.blog-sidebar .links a:hover {
  color: #d64d03; }

.blog-sidebar .links .home {
  color: #d64d03; }

.blog-sidebar .links .home:hover {
  color: #5f6062; }

.blog-sidebar .widget {
  margin-bottom: 28px; }

.blog-sidebar .widget h4 {
  color: #5f6062;
  display: block;
  font: 700 24px/33px 'LLBrauerNeue', sans-serif;
  margin-bottom: 10px;
  text-transform: uppercase; }

.blog-sidebar .widget_tether_blog_search form {
  font-size: 0;
  position: relative; }

.blog-sidebar .widget_tether_blog_search .submit,
.blog-sidebar .widget_tether_blog_search .query {
  background: #fff;
  border: 1px solid #dedede;
  height: 34px;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.blog-sidebar .widget_tether_blog_search .query {
  border-right: none;
  padding: 4px 30px 0 10px;
  width: 100%; }

.blog-sidebar .widget_tether_blog_search .submit {
  background: #fff url(../img/sprites/sprite-blog.png) -20px 8px no-repeat;
  border-left: none;
  font-size: 0;
  color: #fff;
  cursor: pointer;
  width: 30px;
  position: absolute;
  right: 0;
  top: 0; }

.backgroundsize .blog-sidebar .widget_tether_blog_search .submit {
  background-image: url(../img/sprites/sprite-blog-retina.png);
  background-size: auto 100px; }

.blog-sidebar .widget li,
.blog-sidebar .widget a {
  color: #89898a;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px; }

.blog-sidebar .widget .read-more {
  color: #d64d03;
  font-weight: 700; }

.blog-sidebar .widget .read-more:hover {
  color: #5f6062; }

.blog-sidebar .widget_tether_instagram_feed img {
  display: block;
  max-width: 100%;
  height: auto; }

/** Blog - Footer */
.blog-footer {
  background: #d64d03;
  margin-top: 160px; }

.blog-footer .central-column {
  position: relative;
  padding: 48px 0; }

.blog-footer .home-link {
  position: absolute;
  left: 0;
  top: 34px; }

.blog-footer .home-link img {
  vertical-align: top; }

.blog-footer .tether-animals {
  position: absolute;
  top: 0;
  margin-top: -113px;
  right: 0; }

.blog-footer .contact-list {
  margin: 0 auto;
  text-align: center; }

.blog-footer .contact-list li {
  display: inline-block;
  margin: 0 7px; }

.blog-footer .contact-list li,
.blog-footer .contact-list a {
  color: #fff;
  font-size: 14px; }

.blog-footer .contact-list a:hover {
  border-bottom: 1px solid #e9aa97; }

.blog-footer .social-list {
  position: absolute;
  right: 0;
  top: 40px; }

.blog-footer .social-list li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 22px; }

.blog-footer .social-list a {
  background: url(../img/sprites/sprite-blog.png) -100px 0;
  display: block;
  height: 24px;
  width: 28px; }

.backgroundsize .blog-footer .social-list a {
  background-image: url(../img/sprites/sprite-blog-retina.png);
  background-size: auto 100px; }

.blog-footer .social-list .facebook {
  background-position: -150px 0;
  height: 26px;
  width: 16px; }

.blog-footer .social-list .instagram {
  background-position: -200px 0;
  height: 26px;
  width: 26px; }

/** Blog - Comments */
.comment-wrapper {
  padding: 0 48px; }

#comments > h2 {
  color: #5f6062;
  font-size: 24px;
  margin-bottom: 24px; }

#comments > ol {
  list-style: none;
  padding: 0; }

#comments > ol li {
  padding-left: 40px;
  position: relative; }

#comments > ol > li {
  padding-left: 0; }

/** Blog - Comments - Comment */
.comment cite,
.comment cite a {
  color: #5f6062;
  font-size: 18px;
  line-height: 18px;
  font-style: normal;
  vertical-align: top; }

.comment .says {
  display: none; }

.comment-awaiting-moderation {
  display: block; }

.comment .comment-meta {
  margin-top: -18px; }

.comment .comment-meta a {
  color: #b6b7b7;
  cursor: default;
  font-size: 12px;
  line-height: 14px; }

#comments > ol .comment-body {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 40px; }

#comments > ol .comment-body > * {
  padding-left: 46px; }

#comments > ol .comment-body .comment-author {
  padding-left: 0;
  font-size: 0; }

.comment .avatar {
  border-radius: 50%;
  margin-right: 14px;
  overflow: hidden; }

#comments > ol .comment-body p {
  color: #5f6062;
  font-size: 18px;
  line-height: 24px; }

.comment .reply a {
  color: #b6b7b7;
  font: 700 14px/18px 'LLBrauerNeue', sans-serif;
  text-transform: uppercase; }

/** Blog - Comments - Facebook Login*/
.login-wrapper {
  background: #d64d03;
  color: #fff;
  font-size: 24px;
  padding: 14px; }

.login-wrapper h3 {
  margin-bottom: 7px; }

.widget_loginlogout {
  margin: 0; }

.widget_loginlogout #loginform {
  display: none; }

/** Blog - Comments - Form */
.comment-respond {
  display: none; }

.logged-in .comment-respond {
  display: block; }

.comment-respond:after {
  clear: both;
  content: '';
  display: table; }

.comment-respond .comment-reply-title {
  background: #d64d03;
  color: #fff;
  font-size: 24px;
  padding: 14px 14px 0; }

.comment-respond .comment-reply-title a {
  color: #fff; }

.comment-respond .comment-reply-title small a {
  font-size: 14px; }

.comment-respond .comment-reply-title a:hover {
  text-decoration: underline; }

.comment-respond .logged-in-as {
  background: #d64d03;
  color: #fff;
  padding: 0 14px 14px; }

.comment-respond .logged-in-as a {
  color: #fff; }

.comment-respond .logged-in-as a:hover {
  text-decoration: underline; }

.comment-respond .comment-form-comment {
  background: #d64d03;
  padding: 0 14px 14px;
  margin-bottom: 28px; }

.comment-respond .comment-form-comment label {
  display: none; }

.comment-respond .comment-form-comment textarea {
  border: 1px solid #c04503;
  padding: 16px;
  height: 100px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.comment-respond .form-submit {
  text-align: right; }

.comment-respond .form-submit #submit {
  background: #d64d03;
  border-radius: 4px;
  clear: both;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font: 700 18px/12px 'LLBrauerNeue', sans-serif;
  margin: 0;
  padding: 14px 28px;
  text-transform: uppercase; }

.comment-respond .form-allowed-tags,
#cancel-comment-reply,
#cancel-comment-reply + p {
  display: none; }

@media all and (max-width: 1128px) {
  /** Framework */
  .blog .central-column,
  .single-post .central-column,
  .date .central-column,
  .search .central-column,
  .category .central-column {
    max-width: 1000px; }

  .blog-feed {
    width: 750px; }

  .blog-sidebar {
    width: 250px; } }
@media all and (max-width: 1020px) {
  /** Framework */
  .blog .central-column,
  .single-post .central-column,
  .date .central-column,
  .search .central-column,
  .category .central-column {
    max-width: 740px; }

  .blog .page-content,
  .single .page-content,
  .date .page-content,
  .search .page-content,
  .category .page-content {
    padding-top: 14px; }

  .blog-feed {
    width: 560px; }

  .blog-sidebar {
    padding-left: 14px;
    width: 180px; }

  /** Footer */
  .blog-footer .central-column {
    padding: 28px 0;
    text-align: center; }

  .blog-footer .home-link {
    margin: 0 11px; }

  .blog-footer .home-link img {
    display: block;
    height: auto;
    width: 26px; }

  .blog-footer .home-link,
  .blog-footer .social-list {
    position: relative;
    top: auto;
    display: inline-block;
    margin-bottom: 14px;
    vertical-align: bottom; }

  .blog-footer .social-list li {
    margin: 0 11px; }

  .blog-footer .contact-list {
    text-align: center; }

  .blog-footer .contact-list li {
    margin: 0 14px 0 0; }

  /** Sidebar */
  .blog-sidebar .links {
    margin: -3px 0 14px;
    padding-bottom: 14px; }

  .archive .blog-sidebar .links,
  .search .blog-sidebar .links {
    margin-top: 47px; }

  .blog-sidebar .links a {
    font-size: 18px;
    line-height: 20px; }

  .blog-sidebar .widget {
    margin-bottom: 14px; }

  .blog-sidebar .widget h4 {
    font-size: 18px;
    line-height: 20px; }

  .blog-sidebar .widget li,
  .blog-sidebar .widget a {
    font-size: 12px;
    line-height: 16px; }

  /** Feed */
  .blog-feed .paging {
    padding-left: 0; }

  /** Post */
  .blog-feed .blog-post .text {
    padding: 28px 0 14px; }

  .blog-feed .blog-post .text h2 a {
    font-size: 48px;
    line-height: 48px; }

  /** Single */
  .blog-socialize {
    margin: 0 0 40px; }

  .single .author {
    padding: 0; }

  .comment-wrapper {
    padding: 0; } }
@media all and (max-width: 760px) {
  /** Framework */
  .blog .central-column,
  .single-post .central-column,
  .date .central-column,
  .search .central-column,
  .category .central-column {
    max-width: 300px; }

  .blog-feed {
    width: 100%; }

  .blog-feed .blog-post {
    margin-bottom: 14px; }

  .blog-sidebar {
    padding: 0;
    width: 100%; }

  .widget_tether_categories,
  .widget_tether_archives,
  .widget_tether_instagram_feed {
    display: none; }

  /** Footer */
  .blog-footer .contact-list {
    font-size: 0; }

  .blog-footer .contact-list li {
    margin: 0;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

  .blog-footer .contact-list li:nth-of-type(odd) {
    padding-right: 7px;
    text-align: right; }

  .blog-footer .contact-list li:nth-of-type(even) {
    padding-left: 7px;
    text-align: left; }

  /** Single */
  .blog-feed .blog-post .text {
    padding-top: 14px; }

  .blog-feed .blog-post header {
    margin-bottom: 14px; }

  .blog-feed .blog-post .text h2 {
    margin-bottom: 14px; }

  .blog-feed .blog-post .text h2 a {
    font-size: 32px;
    line-height: 24px; }

  .blog-feed .blog-post .post-excerpt,
  .blog-feed .blog-post .post-content {
    margin-bottom: 14px; }

  .blog-feed .blog-post .read-more,
  .blog-feed .blog-post .back-to-blog {
    margin: 14px 0; }

  .blog-feed .blog-post footer {
    padding: 14px 0 10px; }

  .blog-feed .blog-post footer a {
    padding: 8px 10px 5px; }

  .blog-socialize {
    padding-top: 14px;
    text-align: center; }

  .blog-socialize .share-wrapper {
    margin-bottom: 14px; }

  .blog-socialize h4 {
    display: block;
    width: auto; }

  .blog-socialize ul li {
    margin: 0 11px; }

  .single .author {
    margin-bottom: 0; }

  .single .author .image-wrapper {
    display: block;
    margin: 0 auto 14px;
    padding: 0; }

  .single .author .details {
    max-width: 100%;
    width: 100%; }

  .comment-respond .comment-form-comment {
    margin-bottom: 14px; } }
.contact-page {
  position: relative; }
  .contact-page > section, .contact-page aside {
    height: 300px;
    box-sizing: border-box; }
  .contact-page > section {
    position: relative;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    .contact-page > section.sea {
      margin-bottom: 1px;
      background-image: url(../img/contact/background-sea.jpg); }
    .contact-page > section.pdx {
      margin-top: 2px;
      background-image: url(../img/contact/background-pdx.jpg); }
      .contact-page > section.pdx p {
        margin-bottom: 2em; }
    .contact-page > section header {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: #fff; }
      .contact-page > section header a, .contact-page > section header a:visited {
        color: #fff; }
        .contact-page > section header a:hover, .contact-page > section header a:visited:hover {
          color: #d44e1a; }
    .contact-page > section h1 {
      font-size: 50px;
      font-family: "LLBrauerNeue", sans-serif;
      font-weight: 700;
      text-transform: uppercase; }
    .contact-page > section span {
      display: block; }
  .contact-page aside {
    position: relative;
    width: 100%;
    color: #666; }
    .contact-page aside a, .contact-page aside a:visited {
      color: #666; }
      .contact-page aside a:hover, .contact-page aside a:visited:hover {
        color: #d44e1a; }
    .contact-page aside div {
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      padding: 0px 20px; }
    .contact-page aside h2 {
      font-size: 24px;
      font-family: "LLBrauerNeue", sans-serif;
      font-weight: 700;
      text-transform: uppercase; }
    .contact-page aside .inquires {
      margin-bottom: 40px; }
  .contact-page p {
    font-size: 16px;
    font-family: "LLBrauerNeue", sans-serif;
    font-weight: 700; }
  @media all and (min-width: 759px) {
    .contact-page aside div {
      max-width: 60%; } }
  @media all and (min-width: 1039px) {
    .contact-page {
      height: 800px; }
      .contact-page > section, .contact-page aside {
        height: 389px; }
      .contact-page > section {
        width: 780px; }
      .contact-page aside {
        position: absolute;
        top: 0;
        right: 0;
        width: 260px; }
        .contact-page aside div {
          max-width: 100%; }
        .contact-page aside .inquires {
          margin-bottom: 50px; } }

/*# sourceMappingURL=style.css.map */
