@charset "UTF-8";
/*
File: style.scss
Outputs: style.css

Project: __PROJECT NAME__

Description:
	Global styles

Requires:
	- Sass <http://sass-lang.com/>
	- Compass <http://compass-style.org/>

Requires:
	- <nunchucks/_nunchucks.scss>
	- <_site-settings.scss>

*/
@import url("//hello.myfonts.net/count/27ee94");
@import url("//hello.myfonts.net/count/27ee94");
/* line 3, ../../../scss/nunchucks/placeholders/_microfix.scss */
nav.desktop .page-navigation, nav.mobile .page-navigation, .project-grid, .project-grid .project, .case-study div.info, #awards_scroll li, .news, .client-grid, .contact {
  *zoom: 1;
  *zoom: 1;
}
/* line 5, ../../../scss/nunchucks/placeholders/_microfix.scss */
nav.desktop .page-navigation:before, nav.mobile .page-navigation:before, .project-grid:before, .project-grid .project:before, .case-study div.info:before, #awards_scroll li:before, .news:before, .client-grid:before, .contact:before, nav.desktop .page-navigation:after, nav.mobile .page-navigation:after, .project-grid:after, .project-grid .project:after, .case-study div.info:after, #awards_scroll li:after, .news:after, .client-grid:after, .contact:after {
  content: "";
  display: table;
}
/* line 10, ../../../scss/nunchucks/placeholders/_microfix.scss */
nav.desktop .page-navigation:after, nav.mobile .page-navigation:after, .project-grid:after, .project-grid .project:after, .case-study div.info:after, #awards_scroll li:after, .news:after, .client-grid:after, .contact:after {
  clear: both;
}

/* line 32, ../../../scss/nunchucks/nunchucks/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/* line 48, ../../../scss/nunchucks/nunchucks/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* line 61, ../../../scss/nunchucks/nunchucks/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 69, ../../../scss/nunchucks/nunchucks/_normalize.scss */
[hidden] {
  display: none;
}

/* line 82, ../../../scss/nunchucks/nunchucks/_normalize.scss */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 92, ../../../scss/nunchucks/nunchucks/_normalize.scss */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/* line 102, ../../../scss/nunchucks/nunchucks/_normalize.scss */
body {
  margin: 0;
}

/* line 118, ../../../scss/nunchucks/nunchucks/_normalize.scss */
a:focus {
  outline: thin dotted;
}
/* line 124, ../../../scss/nunchucks/nunchucks/_normalize.scss */
a:hover, a:active {
  outline: 0;
}

/* line 138, ../../../scss/nunchucks/nunchucks/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 143, ../../../scss/nunchucks/nunchucks/_normalize.scss */
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

/* line 148, ../../../scss/nunchucks/nunchucks/_normalize.scss */
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

/* line 153, ../../../scss/nunchucks/nunchucks/_normalize.scss */
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

/* line 158, ../../../scss/nunchucks/nunchucks/_normalize.scss */
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

/* line 163, ../../../scss/nunchucks/nunchucks/_normalize.scss */
h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/* line 171, ../../../scss/nunchucks/nunchucks/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 177, ../../../scss/nunchucks/nunchucks/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/* line 183, ../../../scss/nunchucks/nunchucks/_normalize.scss */
blockquote {
  margin: 1em 40px;
}

/* line 190, ../../../scss/nunchucks/nunchucks/_normalize.scss */
dfn {
  font-style: italic;
}

/* line 196, ../../../scss/nunchucks/nunchucks/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 203, ../../../scss/nunchucks/nunchucks/_normalize.scss */
p,
pre {
  margin: 1em 0;
}

/* line 212, ../../../scss/nunchucks/nunchucks/_normalize.scss */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/* line 225, ../../../scss/nunchucks/nunchucks/_normalize.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* line 236, ../../../scss/nunchucks/nunchucks/_normalize.scss */
q {
  quotes: none;
}

/* line 243, ../../../scss/nunchucks/nunchucks/_normalize.scss */
q:before,
q:after {
  content: '';
  content: none;
}

/* line 249, ../../../scss/nunchucks/nunchucks/_normalize.scss */
small {
  font-size: 75%;
}

/* line 256, ../../../scss/nunchucks/nunchucks/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 264, ../../../scss/nunchucks/nunchucks/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 268, ../../../scss/nunchucks/nunchucks/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 278, ../../../scss/nunchucks/nunchucks/_normalize.scss */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

/* line 287, ../../../scss/nunchucks/nunchucks/_normalize.scss */
dd {
  margin: 0 0 0 40px;
}

/* line 294, ../../../scss/nunchucks/nunchucks/_normalize.scss */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/* line 304, ../../../scss/nunchucks/nunchucks/_normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* line 321, ../../../scss/nunchucks/nunchucks/_normalize.scss */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* line 330, ../../../scss/nunchucks/nunchucks/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 340, ../../../scss/nunchucks/nunchucks/_normalize.scss */
figure {
  margin: 0;
}

/* line 350, ../../../scss/nunchucks/nunchucks/_normalize.scss */
form {
  margin: 0;
}

/* line 357, ../../../scss/nunchucks/nunchucks/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 367, ../../../scss/nunchucks/nunchucks/_normalize.scss */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

/* line 380, ../../../scss/nunchucks/nunchucks/_normalize.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

/* line 394, ../../../scss/nunchucks/nunchucks/_normalize.scss */
button,
input {
  line-height: normal;
}

/* line 407, ../../../scss/nunchucks/nunchucks/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

/* line 420, ../../../scss/nunchucks/nunchucks/_normalize.scss */
button[disabled],
input[disabled] {
  cursor: default;
}

/* line 430, ../../../scss/nunchucks/nunchucks/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

/* line 444, ../../../scss/nunchucks/nunchucks/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/* line 449, ../../../scss/nunchucks/nunchucks/_normalize.scss */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 458, ../../../scss/nunchucks/nunchucks/_normalize.scss */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 467, ../../../scss/nunchucks/nunchucks/_normalize.scss */
textarea {
  overflow: auto;
  vertical-align: top;
}

/* line 478, ../../../scss/nunchucks/nunchucks/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 20, ../../../scss/project/placeholders/_placeholders.scss */
.glow {
  text-shadow: 0px 0px 0.01em #fff, 0px 0px 0.02em #fff, 0px 0px 0.03em #fff, 0px 0px 0.04em #fff, 0px 0px 0.05em #fff;
}

/* line 29, ../../../scss/project/placeholders/_placeholders.scss */
#slider-range-min {
  position: absolute;
  left: 15%;
  bottom: 15px;
  min-width: 50px;
  width: 70%;
  z-index: 3;
  opacity: 0.25;
}

/* line 39, ../../../scss/project/placeholders/_placeholders.scss */
.bg3_message {
  text-shadow: 0px 0px 10px #aeb254;
}

/* line 43, ../../../scss/project/placeholders/_placeholders.scss */
.bg4_message {
  text-shadow: 0px 0px 10px #b6775d;
}

/* line 47, ../../../scss/project/placeholders/_placeholders.scss */
.bg5_message {
  text-shadow: 0px 0px 10px #91b6dc;
}

/* line 51, ../../../scss/project/placeholders/_placeholders.scss */
.bg6_message {
  text-shadow: 0px 0px 10px #887b4d;
}

/* line 55, ../../../scss/project/placeholders/_placeholders.scss */
.bg7_message {
  text-shadow: 0px 0px 10px #bec8cb;
}

/* line 59, ../../../scss/project/placeholders/_placeholders.scss */
.border-bottom {
  border-bottom: solid 1px #fff;
}
/* line 62, ../../../scss/project/placeholders/_placeholders.scss */
.border-bottom.project-images {
  border-bottom: none;
}

/* line 66, ../../../scss/project/placeholders/_placeholders.scss */
.scrollbar {
  position: fixed;
  top: 35px;
  right: 0;
  width: 15px;
  height: 100%;
  background: #ccc;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 100;
}
/* line 77, ../../../scss/project/placeholders/_placeholders.scss */
.scrollbar div {
  height: 6000px;
  width: 15px;
}

/* line 1, ../../../scss/project/fonts/_cabernet.scss */
.cabernet, nav.desktop .page-navigation li.active a, nav.mobile .page-navigation li.active a, .scroll-list span, .logo-sprite p {
  font-family: "Cabernet Regular", serif;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal;
}

/* @license
 * MyFonts Webfont Build ID 2616980, 2013-08-07T17:27:56-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Brandon Grotesque Bold Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/bold-italic/
 * 
 * Webfont: Brandon Grotesque Regular by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/regular/
 * 
 * Webfont: Brandon Grotesque Medium by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/medium/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2616980
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2009 by Hannes von Doehren. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'BrandonGrotesque-Bold';
  src: url("../../assets/fonts/28489F_0_0.eot");
  src: url("../../assets/fonts/28489F_0_0.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/28489F_0_0.woff") format("woff"), url("../../assets/fonts/28489F_0_0.ttf") format("truetype");
}
@font-face {
  font-family: 'BrandonGrotesque-BoldItalic';
  src: url("../../assets/fonts/27EE94_0_0.eot");
  src: url("../../assets/fonts/27EE94_0_0.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/27EE94_0_0.woff") format("woff"), url("../../assets/fonts/27EE94_0_0.ttf") format("truetype");
}
@font-face {
  font-family: 'BrandonGrotesque-Regular';
  src: url("../../assets/fonts/27EE94_1_0.eot");
  src: url("../../assets/fonts/27EE94_1_0.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/27EE94_1_0.woff") format("woff"), url("../../assets/fonts/27EE94_1_0.ttf") format("truetype");
}
@font-face {
  font-family: 'BrandonGrotesque-Medium';
  src: url("../../assets/fonts/27EE94_2_0.eot");
  src: url("../../assets/fonts/27EE94_2_0.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/27EE94_2_0.woff") format("woff"), url("../../assets/fonts/27EE94_2_0.ttf") format("truetype");
}
/* line 66, ../../../scss/project/fonts/_brandon.scss */
body p, .news .article_link {
  font-family: 'BrandonGrotesque-Regular', sans-serif;
  font-weight: normal;
  font-style: normal;
}

/* line 72, ../../../scss/project/fonts/_brandon.scss */
p.message, .case-study p.case-title, .award_show, .news h2, .about .about-content p, div.container.mobile.about #astronaut-slide-content, div.container.ipad.about #astronaut-slide-content, div.container.high-res.about #astronaut-slide-content {
  font-family: 'BrandonGrotesque-Medium', sans-serif;
  font-weight: normal;
  font-style: normal;
}

/* line 11, ../../../scss/project/base/_nav.scss */
nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  height: 35px;
  z-index: 100;
}
/* line 21, ../../../scss/project/base/_nav.scss */
nav ul {
  list-style-type: none;
}
/* line 25, ../../../scss/project/base/_nav.scss */
nav.desktop {
  overflow: hidden;
}
/* line 28, ../../../scss/project/base/_nav.scss */
nav.desktop .nav-ui {
  display: block;
  height: 22px;
  width: 22px;
  background: url(../images/sprites/main.png) 0 0 no-repeat;
  cursor: pointer;
}
/* line 35, ../../../scss/project/base/_nav.scss */
nav.desktop .nav-ui.logo {
  position: absolute;
  top: 1px;
  left: 40px;
  height: 33px;
  width: 33px;
  text-indent: -9999px;
  z-index: 200;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
/* line 46, ../../../scss/project/base/_nav.scss */
nav.desktop .nav-ui.facebook {
  background-position: 0 -100px;
}
/* line 50, ../../../scss/project/base/_nav.scss */
nav.desktop .nav-ui.twitter {
  background-position: -100px -100px;
  margin: 0 5px;
}
/* line 55, ../../../scss/project/base/_nav.scss */
nav.desktop .nav-ui.blog {
  background-position: -200px -100px;
}
/* line 59, ../../../scss/project/base/_nav.scss */
nav.desktop .nav-ui:hover {
  opacity: 0.75;
}
/* line 64, ../../../scss/project/base/_nav.scss */
nav.desktop .page-navigation {
  margin: 0 auto;
  width: 492px;
  height: 35px;
  padding: 0;
}
/* line 71, ../../../scss/project/base/_nav.scss */
nav.desktop .page-navigation li {
  float: left;
  display: block;
  height: 100%;
}
/* line 76, ../../../scss/project/base/_nav.scss */
nav.desktop .page-navigation li a {
  text-align: center;
  height: 100%;
  padding-top: 10px;
  color: #000;
  display: block;
  font-size: 0.7em;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.4;
  outline: 0;
  -webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  -ms-transition: color 200ms;
  -o-transition: color 200ms;
  transition: color 200ms;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 90, ../../../scss/project/base/_nav.scss */
nav.desktop .page-navigation li a:hover {
  color: #ee3a44;
}
/* line 95, ../../../scss/project/base/_nav.scss */
nav.desktop .page-navigation li.nav-about {
  width: 61px;
}
/* line 99, ../../../scss/project/base/_nav.scss */
nav.desktop .page-navigation li.nav-case-studies {
  width: 142px;
}
/* line 103, ../../../scss/project/base/_nav.scss */
nav.desktop .page-navigation li.nav-work {
  width: 57px;
}
/* line 107, ../../../scss/project/base/_nav.scss */
nav.desktop .page-navigation li.nav-clients {
  width: 83px;
}
/* line 111, ../../../scss/project/base/_nav.scss */
nav.desktop .page-navigation li.nav-news {
  width: 54px;
}
/* line 115, ../../../scss/project/base/_nav.scss */
nav.desktop .page-navigation li.nav-contact {
  width: 91px;
}
/* line 120, ../../../scss/project/base/_nav.scss */
nav.desktop .page-navigation li.active a {
  font-size: 1em;
  text-transform: uppercase;
  padding-top: 5px;
}
/* line 130, ../../../scss/project/base/_nav.scss */
nav.desktop .social-container {
  position: absolute;
  top: 6px;
  right: 40px;
  width: 76px;
}
/* line 136, ../../../scss/project/base/_nav.scss */
nav.desktop .social-container a {
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  padding: 0;
  display: block;
  margin: 0;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
/* line 147, ../../../scss/project/base/_nav.scss */
nav.desktop .social-container a:hover {
  opacity: 0.75;
}
@media only screen and (max-width: 750px) {
  /* line 25, ../../../scss/project/base/_nav.scss */
  nav.desktop {
    display: none;
  }
}
/* line 158, ../../../scss/project/base/_nav.scss */
nav.mobile {
  display: none;
}
@media only screen and (max-width: 750px) {
  /* line 158, ../../../scss/project/base/_nav.scss */
  nav.mobile {
    display: block;
  }
}
/* line 165, ../../../scss/project/base/_nav.scss */
nav.mobile .nav-ui {
  display: block;
  height: 22px;
  width: 22px;
  background: url(../images/sprites/main.png) 0 0 no-repeat;
}
/* line 171, ../../../scss/project/base/_nav.scss */
nav.mobile .nav-ui.logo {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 45px;
  height: 40px;
  background-position: 5px 1px;
  text-indent: -9999px;
  z-index: 200;
}
/* line 182, ../../../scss/project/base/_nav.scss */
nav.mobile .nav-ui.dropdown-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
  background-position: -87px 6px;
}
/* line 191, ../../../scss/project/base/_nav.scss */
nav.mobile .nav-ui.facebook {
  background-position: 0 -100px;
}
/* line 195, ../../../scss/project/base/_nav.scss */
nav.mobile .nav-ui.twitter {
  background-position: -100px -100px;
}
/* line 199, ../../../scss/project/base/_nav.scss */
nav.mobile .nav-ui.blog {
  background-position: -200px -100px;
}
/* line 204, ../../../scss/project/base/_nav.scss */
nav.mobile .page-navigation {
  position: relative;
  top: 36px;
  margin: 0;
  width: 100%;
  padding: 0;
}
/* line 212, ../../../scss/project/base/_nav.scss */
nav.mobile .page-navigation li {
  display: none;
  padding: 0;
  width: 100%;
  height: 35px;
  margin-bottom: 1px;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 222, ../../../scss/project/base/_nav.scss */
nav.mobile .page-navigation li a {
  width: 100%;
  height: 100%;
  color: #000;
  display: block;
  font-size: 0.7em;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.4;
  outline: 0;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 236, ../../../scss/project/base/_nav.scss */
nav.mobile .page-navigation li.active {
  background: #000;
}
/* line 239, ../../../scss/project/base/_nav.scss */
nav.mobile .page-navigation li.active a {
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  padding-top: 6px;
}
@media only screen and (max-width: 750px) and (max-height: 290px) {
  /* line 250, ../../../scss/project/base/_nav.scss */
  nav.mobile .page-navigation :nth-child(-n+6) {
    height: 25px;
    padding-top: 3px;
  }
  /* line 254, ../../../scss/project/base/_nav.scss */
  nav.mobile .page-navigation :nth-child(7) {
    padding-top: 3px;
  }
}
/* line 260, ../../../scss/project/base/_nav.scss */
nav.mobile .social-container {
  height: 35px;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
}
/* line 266, ../../../scss/project/base/_nav.scss */
nav.mobile .social-navigation {
  position: static;
  padding: 0;
  padding-top: 6px;
  margin: 0 auto;
  width: 80px;
  height: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 275, ../../../scss/project/base/_nav.scss */
nav.mobile .social-navigation li {
  background: url(../images/sprites/main.png) no-repeat;
  padding-right: 0;
  text-indent: -9999px;
  width: 22px;
  height: 22px;
  float: left;
  padding-top: 0;
}
/* line 284, ../../../scss/project/base/_nav.scss */
nav.mobile .social-navigation li a {
  width: 22px;
  height: 22px;
  padding: 0;
}
/* line 290, ../../../scss/project/base/_nav.scss */
nav.mobile .social-navigation li.facebook {
  background-position: 0 -100px;
  margin-right: 5px;
  margin-left: 0;
}
/* line 296, ../../../scss/project/base/_nav.scss */
nav.mobile .social-navigation li.twitter {
  background-position: -100px -100px;
  margin-right: 5px;
  margin-left: 0;
}
/* line 302, ../../../scss/project/base/_nav.scss */
nav.mobile .social-navigation li.blog {
  background-position: -200px -100px;
  margin-left: 0;
}

/* line 313, ../../../scss/project/base/_nav.scss */
body.news nav,
body.clients nav {
  background: #fff;
  border-bottom: 1px solid #000;
}

/* line 11, ../../../scss/project/base/_body.scss */
html {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

/* line 17, ../../../scss/project/base/_body.scss */
body {
  -webkit-transition: background 500ms;
  -moz-transition: background 500ms;
  -ms-transition: background 500ms;
  -o-transition: background 500ms;
  transition: background 500ms;
  background: #fff;
}

/* line 27, ../../../scss/project/base/_body.scss */
.section-title {
  display: none;
}

/* line 33, ../../../scss/project/base/_body.scss */
.container.home,
.container.about {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

/* line 42, ../../../scss/project/base/_body.scss */
body.home,
body.about,
body.case-studies,
body.work {
  background: #000;
}

/* line 49, ../../../scss/project/base/_body.scss */
.slide {
  position: absolute;
  top: 0px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  visibility: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media only screen and (min-width: 560px) and (max-width: 1136px) {
  /* line 61, ../../../scss/project/base/_body.scss */
  .mobile p.message {
    /* iPhone 5 only */
    font-size: 0.75em;
    top: 25px;
  }
}

/* line 70, ../../../scss/project/base/_body.scss */
p.message {
  position: absolute;
  top: 35px;
  text-align: center;
  color: white;
  width: 100%;
  display: block;
  margin: 0 auto;
  opacity: 0;
  font-size: 1.25em;
}
@media only screen and (max-width: 640px) {
  /* line 70, ../../../scss/project/base/_body.scss */
  p.message {
    font-size: 1em;
  }
}
@media only screen and (max-width: 480px) {
  /* line 70, ../../../scss/project/base/_body.scss */
  p.message {
    font-size: 0.75em;
    top: 25px;
  }
}
@media only screen and (max-width: 320px) {
  /* line 70, ../../../scss/project/base/_body.scss */
  p.message {
    font-size: 0.75em;
  }
}
/* line 95, ../../../scss/project/base/_body.scss */
p.message.left-align {
  text-align: left;
}
/* line 99, ../../../scss/project/base/_body.scss */
p.message a {
  color: #fff;
}

/* line 104, ../../../scss/project/base/_body.scss */
.title {
  font-size: 4.7em;
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  /* line 104, ../../../scss/project/base/_body.scss */
  .title {
    font-size: 3.7em;
  }
}

/* line 113, ../../../scss/project/base/_body.scss */
.background {
  width: 100%;
}

/* line 11, ../../../scss/project/base/_footer.scss */
#footer {
  position: absolute;
  bottom: 0;
  top: auto;
  width: 100%;
  background: #000;
  opacity: 0;
}
/* line 19, ../../../scss/project/base/_footer.scss */
#footer img {
  display: block;
  margin: 0.9em auto;
}
/* line 24, ../../../scss/project/base/_footer.scss */
#footer p {
  display: block;
  text-align: center;
  margin: 0;
  margin-bottom: 0.9em;
  color: #fff;
  font-size: 0.8em;
}
@media only screen and (max-width: 380px) {
  /* line 24, ../../../scss/project/base/_footer.scss */
  #footer p {
    font-size: 0.6em;
  }
}
/* line 37, ../../../scss/project/base/_footer.scss */
#footer a {
  color: #fff;
  text-decoration: none;
}

/* line 11, ../../../scss/project/modules/_project-grid.scss */
.project-grid {
  padding-top: 35px;
  max-width: 2000px;
  margin: 0 auto;
}
/* line 17, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 16.6666%;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 29, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project img {
  display: block;
  margin-bottom: 0;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* line 35, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project img.bookend {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
/* line 40, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project h2 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  color: #000;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0;
  padding: .6em 0;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
/* line 59, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project:hover {
  border: 1px solid rgba(255, 255, 255, 0.8);
}
/* line 62, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project:hover h2 {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* line 66, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/* line 70, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project:hover.bookend {
  border: none;
}
/* line 73, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project:hover.bookend img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
/* line 79, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project.visible {
  border: 1px solid rgba(255, 255, 255, 0.8);
}
/* line 82, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project.visible h2 {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* line 86, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project.visible.bookend {
  border: none;
}
/* line 89, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project.visible.bookend img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
/* line 95, ../../../scss/project/modules/_project-grid.scss */
.project-grid .project.visible:hover img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
@media only screen and (max-width: 1660px) {
  /* line 17, ../../../scss/project/modules/_project-grid.scss */
  .project-grid .project {
    width: 20%;
  }
}
@media only screen and (max-width: 1330px) {
  /* line 17, ../../../scss/project/modules/_project-grid.scss */
  .project-grid .project {
    width: 25%;
  }
}
@media only screen and (max-width: 1000px) {
  /* line 17, ../../../scss/project/modules/_project-grid.scss */
  .project-grid .project {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 680px) {
  /* line 17, ../../../scss/project/modules/_project-grid.scss */
  .project-grid .project {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  /* line 17, ../../../scss/project/modules/_project-grid.scss */
  .project-grid .project {
    width: 100%;
  }
  /* line 120, ../../../scss/project/modules/_project-grid.scss */
  .project-grid .project.bookend {
    display: none;
  }
}
/* line 127, ../../../scss/project/modules/_project-grid.scss */
.project-grid.grid-5 .project {
  width: 20%;
}
/* line 130, ../../../scss/project/modules/_project-grid.scss */
.project-grid.grid-5 .project h2 {
  font-size: 0.7em;
}
@media only screen and (max-width: 480px) {
  /* line 127, ../../../scss/project/modules/_project-grid.scss */
  .project-grid.grid-5 .project {
    width: 100%;
  }
}

/* line 1, ../../../scss/project/modules/_messages.scss */
#welcome {
  top: 250px;
}
/* line 4, ../../../scss/project/modules/_messages.scss */
#welcome .title {
  margin-top: -25px;
  display: inline-block;
  margin-bottom: -8px;
}
@media only screen and (max-width: 640px) {
  /* line 4, ../../../scss/project/modules/_messages.scss */
  #welcome .title {
    margin-top: -15px;
    margin-bottom: -4px;
  }
}

/* line 17, ../../../scss/project/modules/_messages.scss */
#storytelling .special {
  position: relative;
  left: -415px;
  top: 34px;
}
@media only screen and (max-width: 1024px) {
  /* line 17, ../../../scss/project/modules/_messages.scss */
  #storytelling .special {
    left: -330px;
    top: 30px;
  }
}
@media only screen and (max-width: 790px) {
  /* line 17, ../../../scss/project/modules/_messages.scss */
  #storytelling .special {
    position: static;
    left: 0px;
    top: 0px;
  }
}

/* line 36, ../../../scss/project/modules/_messages.scss */
#awards_title {
  position: relative;
  top: auto;
  margin-bottom: 50px;
  pointer-events: none;
}
/* line 42, ../../../scss/project/modules/_messages.scss */
#awards_title .special {
  position: relative;
  top: 20px;
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  /* line 42, ../../../scss/project/modules/_messages.scss */
  #awards_title .special {
    top: 15px;
  }
}
@media only screen and (max-height: 500px) {
  /* line 36, ../../../scss/project/modules/_messages.scss */
  #awards_title {
    margin-bottom: 20px;
  }
}

/* line 57, ../../../scss/project/modules/_messages.scss */
#analytics_title {
  left: 15%;
  top: auto;
  bottom: 35px;
}
@media only screen and (max-width: 645px) {
  /* line 57, ../../../scss/project/modules/_messages.scss */
  #analytics_title {
    text-align: center;
    left: auto;
  }
}

/* line 68, ../../../scss/project/modules/_messages.scss */
#end_title .special {
  display: inline-block;
  position: relative;
  margin-left: -22px;
  top: -37px;
  line-height: 1.1;
}
@media only screen and (max-width: 1024px) {
  /* line 68, ../../../scss/project/modules/_messages.scss */
  #end_title .special {
    margin-left: -20px;
    top: -22px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 68, ../../../scss/project/modules/_messages.scss */
  #end_title .special {
    margin-left: -14px;
    top: -16px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 68, ../../../scss/project/modules/_messages.scss */
  #end_title .special {
    margin-left: -12px;
    top: -12px;
  }
}

/* line 16, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .strat-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 17, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .strat-caroline {
  width: 68px;
  height: 124.5px;
  background-position: -94px -126.5px;
  left: 59.4%;
}
/* line 18, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .strat-elizabeth {
  width: 92px;
  height: 119px;
  background-position: -1px -126.5px;
  left: 35%;
}
/* line 19, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .strat-elizabeth-grass {
  width: 38px;
  height: 14.5px;
  background-position: -163px -233.5px;
  left: 34.5%;
}
/* line 20, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .strat-left-arch {
  width: 39.5px;
  height: 106px;
  background-position: -163px -126.5px;
  left: 58.7%;
}
/* line 21, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .strat-right-arch {
  width: 184px;
  height: 214.5px;
  background-position: -230px -1px;
  left: 51.4%;
}
/* line 22, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .strat-shadows {
  width: 228px;
  height: 124.5px;
  background-position: -1px -1px;
  left: 46%;
}
/* line 23, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .strat-top-arch {
  width: 64.5px;
  height: 24.5px;
  background-position: -203.5px -216.5px;
  left: 61.6%;
}
/* line 27, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 28, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-emily {
  width: 43px;
  height: 153.5px;
  background-position: -146px -208.5px;
  left: 40%;
}
/* line 29, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-emily-shadow {
  width: 46.5px;
  height: 16.5px;
  background-position: -51.5px -324.5px;
  left: 39%;
}
/* line 30, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-ian {
  width: 53.5px;
  height: 182px;
  background-position: -438.5px -171px;
  left: 31%;
}
/* line 31, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-ian-grass {
  width: 44px;
  height: 17px;
  background-position: -39.5px -346.5px;
  left: 31%;
}
/* line 32, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-ian-shadow {
  width: 37.5px;
  height: 19px;
  background-position: -1px -346.5px;
  left: 31%;
}
/* line 33, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-lamp {
  width: 172.5px;
  height: 169px;
  background-position: -321.5px -1px;
  left: 43.9%;
}
/* line 34, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-lamp-rays {
  width: 141px;
  height: 151px;
  background-position: -190px -208.5px;
  left: 43%;
}
/* line 35, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-pawbee {
  width: 57.5px;
  height: 107.5px;
  background-position: -1px -216px;
  left: 50%;
}
/* line 36, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-pawbee-shadow {
  width: 85.5px;
  height: 42.5px;
  background-position: -59.5px -216px;
  top: 91px;
  left: -29px;
}
/* line 37, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-plant-left {
  width: 105.5px;
  height: 195.5px;
  background-position: -332px -171px;
  left: 44.6%;
}
/* line 38, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-plant-mid {
  width: 115px;
  height: 214px;
  background-position: -1px -1px;
  left: 56%;
}
/* line 39, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-plant-right {
  width: 203.5px;
  height: 206.5px;
  background-position: -117px -1px;
  left: 59.2%;
}
/* line 40, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .inn-plant-right-shadow {
  width: 49.5px;
  height: 21px;
  background-position: -1px -324.5px;
  left: 73.8%;
}
/* line 41, ../../../scss/project/modules/_sprites.scss */
div.container.mobile #inn__pawbee-container {
  position: absolute;
  top: 225px;
  left: 50%;
}
/* line 45, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .story-bed {
  left: 38.8%;
  width: 257.5px;
  height: 216px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 49, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .creat-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 50, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .creat-green-screen {
  left: 19.4%;
  width: 412.5px;
  height: 320px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 51, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .creat-big-plant {
  width: 211.5px;
  height: 206px;
  background-position: -1px -1px;
  left: 58%;
}
/* line 52, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .creat-big-plant-shadow {
  width: 63.5px;
  height: 21px;
  background-position: -179px -457.5px;
  left: 70%;
}
/* line 53, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .creat-gal {
  width: 105px;
  height: 126.5px;
  background-position: -1px -375px;
  left: 57.5%;
}
/* line 54, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .creat-gal-shadow {
  width: 147.5px;
  height: 45px;
  background-position: -107px -377.5px;
  left: 57.5%;
}
/* line 55, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .creat-grass {
  width: 53px;
  height: 20.5px;
  background-position: -213.5px -1px;
  left: 84%;
}
/* line 56, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .creat-guy {
  width: 142.5px;
  height: 166px;
  background-position: -1px -208px;
  left: 38.7%;
}
/* line 57, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .creat-guy-shadow {
  width: 139.5px;
  height: 33px;
  background-position: -107px -423.5px;
  left: 37.5%;
}
/* line 58, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .creat-small-plant {
  width: 128.5px;
  height: 168.5px;
  background-position: -144.5px -208px;
  left: 74%;
}
/* line 59, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .creat-small-plant-shadow {
  width: 71px;
  height: 24px;
  background-position: -107px -457.5px;
  left: 83%;
}
/* line 63, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .prod-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 64, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .prod-bike-light {
  width: 241px;
  height: 153.5px;
  background-position: -1px -141px;
  left: 0;
}
/* line 65, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .prod-camera-light {
  width: 249.5px;
  height: 139px;
  background-position: -1px -1px;
  left: 0;
}
/* line 66, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .prod-guys {
  width: 220.5px;
  height: 175px;
  background-position: -251.5px -1px;
  left: 40.7%;
}
/* line 67, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .prod-screen {
  width: 25.5px;
  height: 19px;
  background-position: -243px -242px;
  left: 68.6%;
}
/* line 68, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .prod-shadow {
  width: 227px;
  height: 64px;
  background-position: -243px -177px;
  left: 41.8%;
}
/* line 72, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .dist-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 73, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .dist-mandi {
  width: 62.5px;
  height: 149px;
  background-position: -166px -139px;
  left: 43.9%;
}
/* line 74, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .dist-megan {
  width: 77.5px;
  height: 171.5px;
  background-position: -87.5px -139px;
  left: 54%;
}
/* line 75, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .dist-shadow {
  width: 256.5px;
  height: 137px;
  background-position: -1px -1px;
  left: 46%;
}
/* line 76, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .dist-tony {
  width: 85.5px;
  height: 193px;
  background-position: -1px -139px;
  left: 66.8%;
}
/* line 77, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .dist-watering-girl {
  width: 56px;
  height: 163px;
  background-position: -166px -289px;
  left: 35%;
}
/* line 81, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .awards-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 82, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .awards-anna {
  width: 43px;
  height: 163.5px;
  background-position: -273.5px -1px;
  left: 59.6%;
}
/* line 83, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .awards-anna-shadow {
  width: 31.5px;
  height: 14.5px;
  background-position: -126px -87.5px;
  left: 60.2%;
}
/* line 84, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .awards-dan {
  width: 60px;
  height: 195px;
  background-position: -165px -1px;
  left: 66.1%;
}
/* line 85, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .awards-dan-shadow {
  width: 44px;
  height: 22px;
  background-position: -1px -173.5px;
  left: 67.4%;
}
/* line 86, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .awards-podium {
  width: 163px;
  height: 85.5px;
  background-position: -1px -1px;
  left: 49.1%;
}
/* line 87, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .awards-podium-side {
  width: 124px;
  height: 85px;
  background-position: -1px -87.5px;
  left: 49%;
}
/* line 88, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .awards-podium-top {
  width: 81px;
  height: 13.5px;
  background-position: -226px -172.5px;
  left: 55.6%;
}
/* line 89, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .awards-tennyson {
  width: 46.5px;
  height: 170.5px;
  background-position: -226px -1px;
  left: 52.3%;
}
/* line 93, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .meks-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 94, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .meks-back {
  width: 461px;
  height: 79px;
  background-position: -1px -74.5px;
  left: 4%;
}
/* line 95, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .meks-front {
  width: 396px;
  height: 134.5px;
  background-position: -1px -255.5px;
  left: 15%;
}
/* line 96, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .meks-middle {
  width: 438.5px;
  height: 100px;
  background-position: -1px -154.5px;
  left: 13.5%;
}
/* line 97, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .meks-shadow {
  width: 499.5px;
  height: 72.5px;
  background-position: -1px -1px;
  left: 0.3%;
}
/* line 101, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 102, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-caroline {
  width: 78px;
  height: 134px;
  background-position: -159.5px -227px;
  left: 63.5%;
}
/* line 103, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-cassie {
  width: 66px;
  height: 148px;
  background-position: -83px -346.5px;
  left: 57.3%;
}
/* line 104, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-daisy {
  width: 65px;
  height: 131px;
  background-position: -221px -362px;
  left: 52.8%;
}
/* line 105, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-elijah {
  width: 73.5px;
  height: 133px;
  background-position: -238.5px -227px;
  left: 71.1%;
}
/* line 106, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-elijah-shadow {
  width: 34.5px;
  height: 51.5px;
  background-position: -349.5px -100.5px;
  left: 71.6%;
}
/* line 107, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-jason {
  width: 157.5px;
  height: 124px;
  background-position: -1px -221.5px;
  left: 50.1%;
}
/* line 108, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-jason-shadow {
  width: 49px;
  height: 98.5px;
  background-position: -349.5px -1px;
  left: 63.3%;
}
/* line 109, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-kate {
  width: 81px;
  height: 148px;
  background-position: -1px -346.5px;
  left: 69.7%;
}
/* line 110, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-mary {
  width: 70px;
  height: 136.5px;
  background-position: -150px -362px;
  left: 73.9%;
}
/* line 111, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-mcgary {
  width: 64.5px;
  height: 146.5px;
  background-position: -313px -227px;
  left: 57.2%;
}
/* line 112, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-plank {
  width: 105.5px;
  height: 8px;
  background-position: -287px -475.5px;
  left: 58.8%;
}
/* line 113, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-scooter {
  width: 206px;
  height: 152.5px;
  background-position: -142.5px -1px;
  left: 50.3%;
}
/* line 114, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-scooter-shadow1 {
  width: 196.5px;
  height: 71.5px;
  background-position: -159.5px -154.5px;
  left: 61.9%;
}
/* line 115, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-scooter-shadow2 {
  width: 78.5px;
  height: 79.5px;
  background-position: -287px -374.5px;
  left: 61.3%;
}
/* line 116, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-scooter-shadow3 {
  width: 30px;
  height: 100px;
  background-position: -366.5px -374.5px;
  left: 73.8%;
}
/* line 117, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-shoulder {
  width: 140.5px;
  height: 219.5px;
  background-position: -1px -1px;
  left: 56.5%;
}
/* line 118, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-shoulder-shadow1 {
  width: 32.5px;
  height: 60.5px;
  background-position: -357px -153px;
  left: 70.3%;
}
/* line 119, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-shoulder-shadow2 {
  width: 31.5px;
  height: 59px;
  background-position: -378.5px -214.5px;
  left: 62.3%;
}
/* line 120, ../../../scss/project/modules/_sprites.scss */
div.container.mobile .end-shoulder-shadow3 {
  width: 23.5px;
  height: 19.5px;
  background-position: -287px -455px;
  left: 68.8%;
}

/* line 16, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .strat-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 17, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .strat-caroline {
  width: 136px;
  height: 249px;
  background-position: -188px -253px;
  left: 59.4%;
}
/* line 18, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .strat-elizabeth {
  width: 184px;
  height: 238px;
  background-position: -2px -253px;
  left: 35%;
}
/* line 19, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .strat-elizabeth-grass {
  width: 76px;
  height: 29px;
  background-position: -326px -467px;
  left: 34.5%;
}
/* line 20, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .strat-left-arch {
  width: 79px;
  height: 212px;
  background-position: -326px -253px;
  left: 58.7%;
}
/* line 21, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .strat-right-arch {
  width: 368px;
  height: 429px;
  background-position: -460px -2px;
  left: 51.4%;
}
/* line 22, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .strat-shadows {
  width: 456px;
  height: 249px;
  background-position: -2px -2px;
  left: 46%;
}
/* line 23, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .strat-top-arch {
  width: 129px;
  height: 49px;
  background-position: -407px -433px;
  left: 61.6%;
}
/* line 27, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 28, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-emily {
  width: 86px;
  height: 307px;
  background-position: -292px -417px;
  left: 40%;
}
/* line 29, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-emily-shadow {
  width: 93px;
  height: 33px;
  background-position: -103px -649px;
  left: 39%;
}
/* line 30, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-ian {
  width: 107px;
  height: 364px;
  background-position: -877px -342px;
  left: 31%;
}
/* line 31, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-ian-grass {
  width: 88px;
  height: 34px;
  background-position: -79px -693px;
  left: 31%;
}
/* line 32, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-ian-shadow {
  width: 75px;
  height: 38px;
  background-position: -2px -693px;
  left: 31%;
}
/* line 33, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-lamp {
  width: 345px;
  height: 338px;
  background-position: -643px -2px;
  left: 43.9%;
}
/* line 34, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-lamp-rays {
  width: 282px;
  height: 302px;
  background-position: -380px -417px;
  left: 43%;
}
/* line 35, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-pawbee {
  width: 115px;
  height: 215px;
  background-position: -2px -432px;
  left: 50%;
}
/* line 36, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-pawbee-shadow {
  width: 171px;
  height: 85px;
  background-position: -119px -432px;
  top: 182px;
  left: -29px;
}
/* line 37, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-plant-left {
  width: 211px;
  height: 391px;
  background-position: -664px -342px;
  left: 44.6%;
}
/* line 38, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-plant-mid {
  width: 230px;
  height: 428px;
  background-position: -2px -2px;
  left: 56%;
}
/* line 39, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-plant-right {
  width: 407px;
  height: 413px;
  background-position: -234px -2px;
  left: 59.2%;
}
/* line 40, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .inn-plant-right-shadow {
  width: 99px;
  height: 42px;
  background-position: -2px -649px;
  left: 73.8%;
}
/* line 41, ../../../scss/project/modules/_sprites.scss */
div.container.ipad #inn__pawbee-container {
  position: absolute;
  top: 225px;
  left: 50%;
}
/* line 45, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .story-bed {
  left: 38.8%;
  width: 515px;
  height: 432px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 49, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .creat-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 50, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .creat-green-screen {
  left: 19.4%;
  width: 825px;
  height: 640px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 51, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .creat-big-plant {
  width: 423px;
  height: 412px;
  background-position: -2px -2px;
  left: 58%;
}
/* line 52, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .creat-big-plant-shadow {
  width: 127px;
  height: 42px;
  background-position: -358px -915px;
  left: 70%;
}
/* line 53, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .creat-gal {
  width: 210px;
  height: 253px;
  background-position: -2px -750px;
  left: 57.5%;
}
/* line 54, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .creat-gal-shadow {
  width: 295px;
  height: 90px;
  background-position: -214px -755px;
  left: 57.5%;
}
/* line 55, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .creat-grass {
  width: 106px;
  height: 41px;
  background-position: -427px -2px;
  left: 84%;
}
/* line 56, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .creat-guy {
  width: 285px;
  height: 332px;
  background-position: -2px -416px;
  left: 38.7%;
}
/* line 57, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .creat-guy-shadow {
  width: 279px;
  height: 66px;
  background-position: -214px -847px;
  left: 37.5%;
}
/* line 58, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .creat-small-plant {
  width: 257px;
  height: 337px;
  background-position: -289px -416px;
  left: 74%;
}
/* line 59, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .creat-small-plant-shadow {
  width: 142px;
  height: 48px;
  background-position: -214px -915px;
  left: 83%;
}
/* line 63, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .prod-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 64, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .prod-bike-light {
  width: 482px;
  height: 307px;
  background-position: -2px -282px;
  left: 0;
}
/* line 65, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .prod-camera-light {
  width: 499px;
  height: 278px;
  background-position: -2px -2px;
  left: 0;
}
/* line 66, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .prod-guys {
  width: 441px;
  height: 350px;
  background-position: -503px -2px;
  left: 40.7%;
}
/* line 67, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .prod-screen {
  width: 51px;
  height: 38px;
  background-position: -486px -484px;
  left: 68.6%;
}
/* line 68, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .prod-shadow {
  width: 454px;
  height: 128px;
  background-position: -486px -354px;
  left: 41.8%;
}
/* line 72, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .dist-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 73, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .dist-mandi {
  width: 125px;
  height: 298px;
  background-position: -332px -278px;
  left: 43.9%;
}
/* line 74, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .dist-megan {
  width: 155px;
  height: 343px;
  background-position: -175px -278px;
  left: 54%;
}
/* line 75, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .dist-shadow {
  width: 513px;
  height: 274px;
  background-position: -2px -2px;
  left: 46%;
}
/* line 76, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .dist-tony {
  width: 171px;
  height: 386px;
  background-position: -2px -278px;
  left: 66.8%;
}
/* line 77, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .dist-watering-girl {
  width: 112px;
  height: 326px;
  background-position: -332px -578px;
  left: 35%;
}
/* line 81, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .awards-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 82, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .awards-anna {
  width: 86px;
  height: 327px;
  background-position: -547px -2px;
  left: 59.6%;
}
/* line 83, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .awards-anna-shadow {
  width: 63px;
  height: 29px;
  background-position: -252px -175px;
  left: 60.2%;
}
/* line 84, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .awards-dan {
  width: 120px;
  height: 390px;
  background-position: -330px -2px;
  left: 66.1%;
}
/* line 85, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .awards-dan-shadow {
  width: 88px;
  height: 44px;
  background-position: -2px -347px;
  left: 67.4%;
}
/* line 86, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .awards-podium {
  width: 326px;
  height: 171px;
  background-position: -2px -2px;
  left: 49.1%;
}
/* line 87, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .awards-podium-side {
  width: 248px;
  height: 170px;
  background-position: -2px -175px;
  left: 49%;
}
/* line 88, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .awards-podium-top {
  width: 162px;
  height: 27px;
  background-position: -452px -345px;
  left: 55.6%;
}
/* line 89, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .awards-tennyson {
  width: 93px;
  height: 341px;
  background-position: -452px -2px;
  left: 52.3%;
}
/* line 93, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .meks-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 94, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .meks-back {
  width: 922px;
  height: 158px;
  background-position: -2px -149px;
  left: 4%;
}
/* line 95, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .meks-front {
  width: 792px;
  height: 269px;
  background-position: -2px -511px;
  left: 15%;
}
/* line 96, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .meks-middle {
  width: 877px;
  height: 200px;
  background-position: -2px -309px;
  left: 13.5%;
}
/* line 97, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .meks-shadow {
  width: 999px;
  height: 145px;
  background-position: -2px -2px;
  left: 0.3%;
}
/* line 101, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 102, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-caroline {
  width: 156px;
  height: 268px;
  background-position: -319px -454px;
  left: 63.5%;
}
/* line 103, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-cassie {
  width: 132px;
  height: 296px;
  background-position: -166px -693px;
  left: 57.3%;
}
/* line 104, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-daisy {
  width: 130px;
  height: 262px;
  background-position: -442px -724px;
  left: 52.8%;
}
/* line 105, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-elijah {
  width: 147px;
  height: 266px;
  background-position: -477px -454px;
  left: 71.1%;
}
/* line 106, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-elijah-shadow {
  width: 69px;
  height: 103px;
  background-position: -699px -201px;
  left: 71.6%;
}
/* line 107, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-jason {
  width: 315px;
  height: 248px;
  background-position: -2px -443px;
  left: 50.1%;
}
/* line 108, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-jason-shadow {
  width: 98px;
  height: 197px;
  background-position: -699px -2px;
  left: 63.3%;
}
/* line 109, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-kate {
  width: 162px;
  height: 296px;
  background-position: -2px -693px;
  left: 69.7%;
}
/* line 110, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-mary {
  width: 140px;
  height: 273px;
  background-position: -300px -724px;
  left: 73.9%;
}
/* line 111, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-mcgary {
  width: 129px;
  height: 293px;
  background-position: -626px -454px;
  left: 57.2%;
}
/* line 112, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-plank {
  width: 211px;
  height: 16px;
  background-position: -574px -951px;
  left: 58.8%;
}
/* line 113, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-scooter {
  width: 412px;
  height: 305px;
  background-position: -285px -2px;
  left: 50.3%;
}
/* line 114, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-scooter-shadow1 {
  width: 393px;
  height: 143px;
  background-position: -319px -309px;
  left: 61.9%;
}
/* line 115, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-scooter-shadow2 {
  width: 157px;
  height: 159px;
  background-position: -574px -749px;
  left: 61.3%;
}
/* line 116, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-scooter-shadow3 {
  width: 60px;
  height: 200px;
  background-position: -733px -749px;
  left: 73.8%;
}
/* line 117, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-shoulder {
  width: 281px;
  height: 439px;
  background-position: -2px -2px;
  left: 56.5%;
}
/* line 118, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-shoulder-shadow1 {
  width: 65px;
  height: 121px;
  background-position: -714px -306px;
  left: 70.3%;
}
/* line 119, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-shoulder-shadow2 {
  width: 63px;
  height: 118px;
  background-position: -757px -429px;
  left: 62.3%;
}
/* line 120, ../../../scss/project/modules/_sprites.scss */
div.container.ipad .end-shoulder-shadow3 {
  width: 47px;
  height: 39px;
  background-position: -574px -910px;
  left: 68.8%;
}

/* line 16, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .strat-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 17, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .strat-caroline {
  width: 272px;
  height: 498px;
  background-position: -376px -506px;
  left: 59.4%;
}
/* line 18, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .strat-elizabeth {
  width: 368px;
  height: 476px;
  background-position: -4px -506px;
  left: 35%;
}
/* line 19, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .strat-elizabeth-grass {
  width: 152px;
  height: 58px;
  background-position: -652px -934px;
  left: 34.5%;
}
/* line 20, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .strat-left-arch {
  width: 158px;
  height: 424px;
  background-position: -652px -506px;
  left: 58.7%;
}
/* line 21, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .strat-right-arch {
  width: 736px;
  height: 858px;
  background-position: -920px -4px;
  left: 51.4%;
}
/* line 22, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .strat-shadows {
  width: 912px;
  height: 498px;
  background-position: -4px -4px;
  left: 46%;
}
/* line 23, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .strat-top-arch {
  width: 258px;
  height: 98px;
  background-position: -814px -866px;
  left: 61.6%;
}
/* line 27, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 28, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-emily {
  width: 172px;
  height: 614px;
  background-position: -584px -834px;
  left: 40%;
}
/* line 29, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-emily-shadow {
  width: 186px;
  height: 66px;
  background-position: -206px -1298px;
  left: 39%;
}
/* line 30, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-ian {
  width: 214px;
  height: 728px;
  background-position: -1754px -684px;
  left: 31%;
}
/* line 31, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-ian-grass {
  width: 176px;
  height: 68px;
  background-position: -158px -1386px;
  left: 31%;
}
/* line 32, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-ian-shadow {
  width: 150px;
  height: 76px;
  background-position: -4px -1386px;
  left: 31%;
}
/* line 33, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-lamp {
  width: 690px;
  height: 676px;
  background-position: -1286px -4px;
  left: 43.9%;
}
/* line 34, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-lamp-rays {
  width: 564px;
  height: 604px;
  background-position: -760px -834px;
  left: 43%;
}
/* line 35, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-pawbee {
  width: 230px;
  height: 430px;
  background-position: -4px -864px;
  left: 50%;
}
/* line 36, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-pawbee-shadow {
  width: 342px;
  height: 170px;
  background-position: -238px -864px;
  top: 364px;
  left: -29px;
}
/* line 37, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-plant-left {
  width: 422px;
  height: 782px;
  background-position: -1328px -684px;
  left: 44.6%;
}
/* line 38, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-plant-mid {
  width: 460px;
  height: 856px;
  background-position: -4px -4px;
  left: 56%;
}
/* line 39, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-plant-right {
  width: 814px;
  height: 826px;
  background-position: -468px -4px;
  left: 59.2%;
}
/* line 40, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .inn-plant-right-shadow {
  width: 198px;
  height: 84px;
  background-position: -4px -1298px;
  left: 73.8%;
}
/* line 41, ../../../scss/project/modules/_sprites.scss */
div.container.high-res #inn__pawbee-container {
  position: absolute;
  top: 225px;
  left: 50%;
}
/* line 45, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .story-bed {
  left: 38.8%;
  width: 1030px;
  height: 864px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 49, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .creat-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 50, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .creat-green-screen {
  left: 19.4%;
  width: 1650px;
  height: 1280px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 51, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .creat-big-plant {
  width: 846px;
  height: 824px;
  background-position: -4px -4px;
  left: 58%;
}
/* line 52, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .creat-big-plant-shadow {
  width: 254px;
  height: 84px;
  background-position: -716px -1830px;
  left: 70%;
}
/* line 53, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .creat-gal {
  width: 420px;
  height: 506px;
  background-position: -4px -1500px;
  left: 57.5%;
}
/* line 54, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .creat-gal-shadow {
  width: 590px;
  height: 180px;
  background-position: -428px -1510px;
  left: 57.5%;
}
/* line 55, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .creat-grass {
  width: 212px;
  height: 82px;
  background-position: -854px -4px;
  left: 84%;
}
/* line 56, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .creat-guy {
  width: 570px;
  height: 664px;
  background-position: -4px -832px;
  left: 38.7%;
}
/* line 57, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .creat-guy-shadow {
  width: 558px;
  height: 132px;
  background-position: -428px -1694px;
  left: 37.5%;
}
/* line 58, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .creat-small-plant {
  width: 514px;
  height: 674px;
  background-position: -578px -832px;
  left: 74%;
}
/* line 59, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .creat-small-plant-shadow {
  width: 284px;
  height: 96px;
  background-position: -428px -1830px;
  left: 83%;
}
/* line 63, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .prod-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 64, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .prod-bike-light {
  width: 964px;
  height: 614px;
  background-position: -4px -564px;
  left: 0;
}
/* line 65, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .prod-camera-light {
  width: 998px;
  height: 556px;
  background-position: -4px -4px;
  left: 0;
}
/* line 66, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .prod-guys {
  width: 882px;
  height: 700px;
  background-position: -1006px -4px;
  left: 40.7%;
}
/* line 67, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .prod-screen {
  width: 102px;
  height: 76px;
  background-position: -972px -968px;
  left: 68.6%;
}
/* line 68, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .prod-shadow {
  width: 908px;
  height: 256px;
  background-position: -972px -708px;
  left: 41.8%;
}
/* line 72, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .dist-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 73, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .dist-mandi {
  width: 250px;
  height: 596px;
  background-position: -664px -556px;
  left: 43.9%;
}
/* line 74, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .dist-megan {
  width: 310px;
  height: 686px;
  background-position: -350px -556px;
  left: 54%;
}
/* line 75, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .dist-shadow {
  width: 1026px;
  height: 548px;
  background-position: -4px -4px;
  left: 46%;
}
/* line 76, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .dist-tony {
  width: 342px;
  height: 772px;
  background-position: -4px -556px;
  left: 66.8%;
}
/* line 77, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .dist-watering-girl {
  width: 224px;
  height: 652px;
  background-position: -664px -1156px;
  left: 35%;
}
/* line 81, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .awards-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 82, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .awards-anna {
  width: 172px;
  height: 654px;
  background-position: -1094px -4px;
  left: 59.6%;
}
/* line 83, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .awards-anna-shadow {
  width: 126px;
  height: 58px;
  background-position: -504px -350px;
  left: 60.2%;
}
/* line 84, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .awards-dan {
  width: 240px;
  height: 780px;
  background-position: -660px -4px;
  left: 66.1%;
}
/* line 85, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .awards-dan-shadow {
  width: 176px;
  height: 88px;
  background-position: -4px -694px;
  left: 67.4%;
}
/* line 86, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .awards-podium {
  width: 652px;
  height: 342px;
  background-position: -4px -4px;
  left: 49.1%;
}
/* line 87, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .awards-podium-side {
  width: 496px;
  height: 340px;
  background-position: -4px -350px;
  left: 49%;
}
/* line 88, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .awards-podium-top {
  width: 324px;
  height: 54px;
  background-position: -904px -690px;
  left: 55.6%;
}
/* line 89, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .awards-tennyson {
  width: 186px;
  height: 682px;
  background-position: -904px -4px;
  left: 52.3%;
}
/* line 93, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .meks-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 94, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .meks-back {
  width: 1844px;
  height: 316px;
  background-position: -4px -298px;
  left: 4%;
}
/* line 95, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .meks-front {
  width: 1584px;
  height: 538px;
  background-position: -4px -1022px;
  left: 15%;
}
/* line 96, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .meks-middle {
  width: 1754px;
  height: 400px;
  background-position: -4px -618px;
  left: 13.5%;
}
/* line 97, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .meks-shadow {
  width: 1998px;
  height: 290px;
  background-position: -4px -4px;
  left: 0.3%;
}
/* line 101, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-sprite {
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 102, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-caroline {
  width: 312px;
  height: 536px;
  background-position: -638px -908px;
  left: 63.5%;
}
/* line 103, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-cassie {
  width: 264px;
  height: 592px;
  background-position: -332px -1386px;
  left: 57.3%;
}
/* line 104, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-daisy {
  width: 260px;
  height: 524px;
  background-position: -884px -1448px;
  left: 52.8%;
}
/* line 105, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-elijah {
  width: 294px;
  height: 532px;
  background-position: -954px -908px;
  left: 71.1%;
}
/* line 106, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-elijah-shadow {
  width: 138px;
  height: 206px;
  background-position: -1398px -402px;
  left: 71.6%;
}
/* line 107, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-jason {
  width: 630px;
  height: 496px;
  background-position: -4px -886px;
  left: 50.1%;
}
/* line 108, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-jason-shadow {
  width: 196px;
  height: 394px;
  background-position: -1398px -4px;
  left: 63.3%;
}
/* line 109, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-kate {
  width: 324px;
  height: 592px;
  background-position: -4px -1386px;
  left: 69.7%;
}
/* line 110, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-mary {
  width: 280px;
  height: 546px;
  background-position: -600px -1448px;
  left: 73.9%;
}
/* line 111, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-mcgary {
  width: 258px;
  height: 586px;
  background-position: -1252px -908px;
  left: 57.2%;
}
/* line 112, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-plank {
  width: 422px;
  height: 32px;
  background-position: -1148px -1902px;
  left: 58.8%;
}
/* line 113, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-scooter {
  width: 824px;
  height: 610px;
  background-position: -570px -4px;
  left: 50.3%;
}
/* line 114, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-scooter-shadow1 {
  width: 786px;
  height: 286px;
  background-position: -638px -618px;
  left: 61.9%;
}
/* line 115, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-scooter-shadow2 {
  width: 314px;
  height: 318px;
  background-position: -1148px -1498px;
  left: 61.3%;
}
/* line 116, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-scooter-shadow3 {
  width: 120px;
  height: 400px;
  background-position: -1466px -1498px;
  left: 73.8%;
}
/* line 117, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-shoulder {
  width: 562px;
  height: 878px;
  background-position: -4px -4px;
  left: 56.5%;
}
/* line 118, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-shoulder-shadow1 {
  width: 130px;
  height: 242px;
  background-position: -1428px -612px;
  left: 70.3%;
}
/* line 119, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-shoulder-shadow2 {
  width: 126px;
  height: 236px;
  background-position: -1514px -858px;
  left: 62.3%;
}
/* line 120, ../../../scss/project/modules/_sprites.scss */
div.container.high-res .end-shoulder-shadow3 {
  width: 94px;
  height: 78px;
  background-position: -1148px -1820px;
  left: 68.8%;
}

/* line 1, ../../../scss/project/modules/_scroll-list.scss */
.nav-sprite {
  float: left;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(../../assets/images/main/nav/navigation.png);
}

/* line 2, ../../../scss/project/modules/_scroll-list.scss */
.arrowUp {
  width: 14px;
  height: 10px;
  background-position: -2px -2px;
  padding-right: 2px;
}

/* line 3, ../../../scss/project/modules/_scroll-list.scss */
.ellipseHalf, .scroll-list .page {
  width: 10px;
  height: 10px;
  background-position: -18px -2px;
}

/* line 4, ../../../scss/project/modules/_scroll-list.scss */
.ellipseFull, .scroll-list li.current div {
  width: 10px;
  height: 10px;
  background-position: -30px -2px;
}

/* line 7, ../../../scss/project/modules/_scroll-list.scss */
.mobile .scroll-list {
  display: none;
}

/* line 12, ../../../scss/project/modules/_scroll-list.scss */
.scroll-list {
  position: absolute;
  left: 0px;
  top: 50%;
  padding-left: 10px;
  margin-top: -5%;
  list-style: none;
  visibility: hidden;
  z-index: 999;
  display: table;
  table-layout: fixed;
}
@media only screen and (max-width: 480px) {
  /* line 12, ../../../scss/project/modules/_scroll-list.scss */
  .scroll-list {
    display: none;
  }
}
/* line 28, ../../../scss/project/modules/_scroll-list.scss */
.scroll-list li {
  position: relative;
  height: 20px;
  width: 15px;
  cursor: pointer;
  cursor: hand;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 35, ../../../scss/project/modules/_scroll-list.scss */
.scroll-list li span {
  position: relative;
  top: -5px;
  left: 0;
  pointer-events: none;
  display: block;
  width: 200px;
  text-shadow: 0px 0px 0.3em rgba(0, 0, 0, 0.5);
  cursor: pointer;
  cursor: hand;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 48, ../../../scss/project/modules/_scroll-list.scss */
.scroll-list li:hover span {
  visibility: visible;
  opacity: 1;
}
/* line 61, ../../../scss/project/modules/_scroll-list.scss */
.scroll-list span {
  color: #fff;
  font-size: 1em;
  opacity: 0;
  -webkit-transition: opacity 0.15s;
  -moz-transition: opacity 0.15s;
  -ms-transition: opacity 0.15s;
  -o-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
/* line 69, ../../../scss/project/modules/_scroll-list.scss */
.scroll-list .page {
  margin-left: 2px;
  margin-right: 5px;
}

/* line 12, ../../../scss/project/modules/_modal.scss */
.client-name {
  display: none;
}

/* line 16, ../../../scss/project/modules/_modal.scss */
body.modal-open {
  overflow: hidden;
}

/* line 20, ../../../scss/project/modules/_modal.scss */
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  display: none;
  overflow: scroll;
  z-index: 99;
  padding-top: 35px;
  padding-bottom: 70px;
  overflow-x: hidden;
  /**
   * Common
   */
  /**
   * Photo Modal
   */
  /**
   * Video Modal
   */
}
/* line 34, ../../../scss/project/modules/_modal.scss */
.modal .close {
  position: fixed;
  top: 3.5em;
  right: 3.5em;
  background: url(../images/btn-close.png) no-repeat 0 0;
  display: block;
  height: 24px;
  text-indent: -9999px;
  width: 24px;
  z-index: 100;
}
@media only screen and (max-width: 480px) {
  /* line 34, ../../../scss/project/modules/_modal.scss */
  .modal .close {
    top: 2.5em;
    right: .5em;
  }
}
/* line 55, ../../../scss/project/modules/_modal.scss */
.modal .project-title {
  clear: both;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 1.5em 0;
  margin: 0;
}
/* line 65, ../../../scss/project/modules/_modal.scss */
.modal .project-info {
  position: relative;
  width: 76%;
  margin: 0 auto;
}
/* line 70, ../../../scss/project/modules/_modal.scss */
.modal .project-info .project-description {
  color: #fff;
  margin: 0 auto;
  width: 70%;
  padding: 1em 0;
}
@media only screen and (max-width: 756px) {
  /* line 70, ../../../scss/project/modules/_modal.scss */
  .modal .project-info .project-description {
    padding: 1em;
    width: 90%;
  }
}
/* line 82, ../../../scss/project/modules/_modal.scss */
.modal .project-info .btn-view-site {
  position: absolute;
  top: 10px;
  right: 0;
  background: url(../images/btn-view-site.png) no-repeat center right;
  color: #fff;
  display: block;
  font-size: 9px;
  height: 9px;
  line-height: 9px;
  padding-right: 13px;
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (max-width: 756px) {
  /* line 82, ../../../scss/project/modules/_modal.scss */
  .modal .project-info .btn-view-site {
    position: static;
    margin: 0 auto;
    padding-top: 1em;
    padding-bottom: 1em;
    width: 50px;
  }
}
/* line 106, ../../../scss/project/modules/_modal.scss */
.modal .project-info.project-images .btn-view-site {
  top: 0;
  padding-bottom: 0;
}
/* line 113, ../../../scss/project/modules/_modal.scss */
.modal .related-title {
  color: #fff;
  font-size: .7em;
  letter-spacing: 1px;
  padding-top: 2em;
  text-align: center;
  text-transform: uppercase;
  width: 76%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 125, ../../../scss/project/modules/_modal.scss */
.modal .project-grid {
  width: 76%;
  margin: 0 auto;
}
/* line 134, ../../../scss/project/modules/_modal.scss */
.modal .fluidHeight {
  position: relative;
  width: 100%;
  height: 475px;
}
@media only screen and (max-width: 845px) {
  /* line 134, ../../../scss/project/modules/_modal.scss */
  .modal .fluidHeight {
    height: 0;
    padding: 0 0 56.213% 0;
  }
}
/* line 145, ../../../scss/project/modules/_modal.scss */
.modal .sliderContainer {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 150, ../../../scss/project/modules/_modal.scss */
.modal .sliderContainer .slideSelectors {
  position: relative;
  bottom: 30px;
  margin: 0 auto;
  z-index: 1;
  height: 10px;
  text-align: center;
  width: 100%;
}
/* line 159, ../../../scss/project/modules/_modal.scss */
.modal .sliderContainer .slideSelectors .item {
  border: 2px solid #fff;
  display: inline-block;
  height: 7px;
  margin: 0 0 0 5px;
  width: 7px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* line 167, ../../../scss/project/modules/_modal.scss */
.modal .sliderContainer .slideSelectors .item.selected {
  background: #fff;
}
/* line 173, ../../../scss/project/modules/_modal.scss */
.modal .sliderContainer .sliderNext,
.modal .sliderContainer .sliderPrev {
  background: url(../images/sprite-slider-arrows.png) no-repeat 0 0;
  display: block;
  height: 111px;
  position: absolute;
  top: 40%;
  width: 43px;
  z-index: 200;
}
@media only screen and (max-width: 480px) {
  /* line 173, ../../../scss/project/modules/_modal.scss */
  .modal .sliderContainer .sliderNext,
  .modal .sliderContainer .sliderPrev {
    height: 55px;
    width: 22px;
    top: 45%;
  }
}
/* line 190, ../../../scss/project/modules/_modal.scss */
.modal .sliderContainer .sliderNext {
  background-position: -43px 0;
  right: 0;
}
@media only screen and (max-width: 480px) {
  /* line 190, ../../../scss/project/modules/_modal.scss */
  .modal .sliderContainer .sliderNext {
    background-position: -22px -111px;
  }
}
/* line 199, ../../../scss/project/modules/_modal.scss */
.modal .sliderContainer .sliderPrev {
  left: 0;
}
@media only screen and (max-width: 480px) {
  /* line 199, ../../../scss/project/modules/_modal.scss */
  .modal .sliderContainer .sliderPrev {
    background-position: 0 -111px;
  }
}
/* line 208, ../../../scss/project/modules/_modal.scss */
.modal .iosSlider {
  border-bottom: solid 1px #fff;
  width: 100%;
  height: 100%;
}
/* line 213, ../../../scss/project/modules/_modal.scss */
.modal .iosSlider .slider {
  width: 100%;
  height: 100%;
}
/* line 217, ../../../scss/project/modules/_modal.scss */
.modal .iosSlider .slider .item {
  position: relative;
  top: 0;
  left: 0;
  border-left: solid 1px #fff;
  opacity: .7;
  max-width: 845px;
  width: 100%;
  height: 100%;
}
/* line 227, ../../../scss/project/modules/_modal.scss */
.modal .iosSlider .slider .item.on {
  opacity: 1;
}
/* line 231, ../../../scss/project/modules/_modal.scss */
.modal .iosSlider .slider .item img {
  position: relative;
  top: 0;
  left: 0;
  max-width: 845px;
  width: 100%;
  margin: 0 auto;
}
/* line 247, ../../../scss/project/modules/_modal.scss */
.modal .video-image {
  position: relative;
}
/* line 251, ../../../scss/project/modules/_modal.scss */
.modal .video,
.modal .wrapper,
.modal iframe {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/* line 257, ../../../scss/project/modules/_modal.scss */
.modal .video {
  position: relative;
  display: none;
  width: 76%;
  margin: 0 auto;
  height: auto;
}
/* line 266, ../../../scss/project/modules/_modal.scss */
.modal div.video:first-of-type {
  display: block;
}
/* line 270, ../../../scss/project/modules/_modal.scss */
.modal .wrapper {
  height: 450px;
  width: 100%;
}
/* line 275, ../../../scss/project/modules/_modal.scss */
.modal .poster {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  z-index: 10;
}
/* line 284, ../../../scss/project/modules/_modal.scss */
.modal .btn-play {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../images/btn-play.png) no-repeat center center;
  z-index: 15;
}
@media only screen and (max-width: 480px) {
  /* line 284, ../../../scss/project/modules/_modal.scss */
  .modal .btn-play {
    background-size: 20%;
  }
}
/* line 298, ../../../scss/project/modules/_modal.scss */
.modal .video_links {
  border-bottom: solid 1px #fff;
  border-top: solid 1px #fff;
  padding: 2em 0 1em;
  overflow: hidden;
}
/* line 304, ../../../scss/project/modules/_modal.scss */
.modal .video_links .video_link {
  color: #fff;
  display: block;
  float: left;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 33.333%;
}
@media only screen and (max-width: 480px) {
  /* line 304, ../../../scss/project/modules/_modal.scss */
  .modal .video_links .video_link {
    width: 100%;
  }
}
/* line 320, ../../../scss/project/modules/_modal.scss */
.modal .video_links .video_link span {
  color: #999;
}
/* line 324, ../../../scss/project/modules/_modal.scss */
.modal .video_links .video_link.centered {
  float: none;
  margin-right: auto;
  margin-left: auto;
}

/* line 335, ../../../scss/project/modules/_modal.scss */
.touch .video-controls {
  display: none;
}

/* line 1, ../../../scss/project/modules/_logo.scss */
.logo-sprite {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -51px -51px;
  width: 102px;
  height: 102px;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: center;
  color: #e62f47;
  padding-top: 13px;
}
/* line 15, ../../../scss/project/modules/_logo.scss */
.logo-sprite canvas {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 21, ../../../scss/project/modules/_logo.scss */
.logo-sprite p {
  font-size: 1.45em;
  margin-left: 10px;
}
/* line 26, ../../../scss/project/modules/_logo.scss */
.logo-sprite p .percent {
  position: relative;
  top: -6px;
  font-size: 0.7em;
}
/* line 32, ../../../scss/project/modules/_logo.scss */
.logo-sprite p .specialText {
  position: relative;
  left: -8px;
  top: -8px;
}

/* line 15, ../../../scss/project/modules/_design.scss */
div.container.mobile .des-sprite {
  position: absolute;
  top: 50%;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/main/0.5/design/design-combined.png");
}
/* line 16, ../../../scss/project/modules/_design.scss */
div.container.mobile .des-people {
  width: 268.5px;
  height: 291px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/main/0.5/design/design-people.png");
  left: 42.4%;
}
/* line 18, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-scarf {
  top: 28.5%;
  left: 29.3%;
  width: 34px;
  height: 24px;
  background-position: 0px 0px;
}
/* line 19, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-scarf_22 {
  width: 34px;
  height: 24px;
  background-position: 0px -528px;
}
/* line 21, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-shirt {
  top: 38.7%;
  left: 36.3%;
  width: 43px;
  height: 39px;
  background-position: -34px 0px;
}
/* line 22, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-shirt_22 {
  width: 43px;
  height: 39px;
  background-position: -34px -858px;
}
/* line 24, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-shoes {
  top: 74.4%;
  left: 26.2%;
  width: 35.5px;
  height: 16px;
  background-position: -77px 0px;
}
/* line 25, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-shoes_22 {
  width: 35.5px;
  height: 16px;
  background-position: -77px -352px;
}
/* line 27, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-left-square {
  top: 41.3%;
  left: 18.9%;
  width: 6px;
  height: 9px;
  background-position: -112.5px -0.5px;
}
/* line 28, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-left-square_22 {
  width: 6px;
  height: 9px;
  background-position: -112.5px -209.5px;
}
/* line 30, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-mid-right {
  top: 24.4%;
  left: 67.2%;
  width: 8.5px;
  height: 9px;
  background-position: -119.5px -0.5px;
}
/* line 31, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-mid-right_22 {
  width: 8.5px;
  height: 9px;
  background-position: -119.5px -209.5px;
}
/* line 33, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-top-right {
  top: 6.9%;
  left: 66.3%;
  width: 11px;
  height: 12.5px;
  background-position: -129px 0px;
}
/* line 34, ../../../scss/project/modules/_design.scss */
div.container.mobile .design-top-right_22 {
  width: 11px;
  height: 12.5px;
  background-position: -129px -275px;
}

/* line 15, ../../../scss/project/modules/_design.scss */
div.container.ipad .des-sprite {
  position: absolute;
  top: 50%;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/main/1/design/design-combined.png");
}
/* line 16, ../../../scss/project/modules/_design.scss */
div.container.ipad .des-people {
  width: 537px;
  height: 582px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/main/1/design/design-people.png");
  left: 42.4%;
}
/* line 18, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-scarf {
  top: 28.5%;
  left: 29.3%;
  width: 68px;
  height: 48px;
  background-position: 0px 0px;
}
/* line 19, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-scarf_22 {
  width: 68px;
  height: 48px;
  background-position: 0px -1056px;
}
/* line 21, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-shirt {
  top: 38.7%;
  left: 36.3%;
  width: 86px;
  height: 78px;
  background-position: -68px 0px;
}
/* line 22, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-shirt_22 {
  width: 86px;
  height: 78px;
  background-position: -68px -1716px;
}
/* line 24, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-shoes {
  top: 74.4%;
  left: 26.2%;
  width: 71px;
  height: 32px;
  background-position: -154px 0px;
}
/* line 25, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-shoes_22 {
  width: 71px;
  height: 32px;
  background-position: -154px -704px;
}
/* line 27, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-left-square {
  top: 41.3%;
  left: 18.9%;
  width: 12px;
  height: 18px;
  background-position: -225px -1px;
}
/* line 28, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-left-square_22 {
  width: 12px;
  height: 18px;
  background-position: -225px -419px;
}
/* line 30, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-mid-right {
  top: 24.4%;
  left: 67.2%;
  width: 17px;
  height: 18px;
  background-position: -239px -1px;
}
/* line 31, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-mid-right_22 {
  width: 17px;
  height: 18px;
  background-position: -239px -419px;
}
/* line 33, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-top-right {
  top: 6.9%;
  left: 66.3%;
  width: 22px;
  height: 25px;
  background-position: -258px 0px;
}
/* line 34, ../../../scss/project/modules/_design.scss */
div.container.ipad .design-top-right_22 {
  width: 22px;
  height: 25px;
  background-position: -258px -550px;
}

/* line 15, ../../../scss/project/modules/_design.scss */
div.container.high-res .des-sprite {
  position: absolute;
  top: 50%;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/main/2/design/design-combined.png");
}
/* line 16, ../../../scss/project/modules/_design.scss */
div.container.high-res .des-people {
  width: 1074px;
  height: 1164px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url("../../assets/images/main/2/design/design-people.png");
  left: 42.4%;
}
/* line 18, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-scarf {
  top: 28.5%;
  left: 29.3%;
  width: 136px;
  height: 96px;
  background-position: 0px 0px;
}
/* line 19, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-scarf_22 {
  width: 136px;
  height: 96px;
  background-position: 0px -2112px;
}
/* line 21, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-shirt {
  top: 38.7%;
  left: 36.3%;
  width: 172px;
  height: 156px;
  background-position: -136px 0px;
}
/* line 22, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-shirt_22 {
  width: 172px;
  height: 156px;
  background-position: -136px -3432px;
}
/* line 24, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-shoes {
  top: 74.4%;
  left: 26.2%;
  width: 142px;
  height: 64px;
  background-position: -308px 0px;
}
/* line 25, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-shoes_22 {
  width: 142px;
  height: 64px;
  background-position: -308px -1408px;
}
/* line 27, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-left-square {
  top: 41.3%;
  left: 18.9%;
  width: 24px;
  height: 36px;
  background-position: -450px -2px;
}
/* line 28, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-left-square_22 {
  width: 24px;
  height: 36px;
  background-position: -450px -838px;
}
/* line 30, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-mid-right {
  top: 24.4%;
  left: 67.2%;
  width: 34px;
  height: 36px;
  background-position: -478px -2px;
}
/* line 31, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-mid-right_22 {
  width: 34px;
  height: 36px;
  background-position: -478px -838px;
}
/* line 33, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-top-right {
  top: 6.9%;
  left: 66.3%;
  width: 44px;
  height: 50px;
  background-position: -516px 0px;
}
/* line 34, ../../../scss/project/modules/_design.scss */
div.container.high-res .design-top-right_22 {
  width: 44px;
  height: 50px;
  background-position: -516px -1100px;
}

/* line 12, ../../../scss/project/views/_home.scss */
.home .item,
.home .message {
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

/* line 1, ../../../scss/project/views/main/_case-study.scss */
.case-study {
  color: #fff;
  font-size: 1.05em;
  padding-top: 35px;
  background: #000;
}
/* line 7, ../../../scss/project/views/main/_case-study.scss */
.case-study div.large {
  position: relative;
  width: 100%;
  background-color: #000;
  background-position: top center;
  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 15, ../../../scss/project/views/main/_case-study.scss */
.case-study div.large .wrapper {
  position: absolute;
  left: 50%;
}
/* line 19, ../../../scss/project/views/main/_case-study.scss */
.case-study div.large .wrapper .poster {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
/* line 26, ../../../scss/project/views/main/_case-study.scss */
.case-study div.large .wrapper .loading {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/loader.gif) center center no-repeat;
  height: 100%;
  width: 100%;
  display: none;
}
/* line 36, ../../../scss/project/views/main/_case-study.scss */
.case-study div.large .wrapper video {
  opacity: 0;
}
/* line 41, ../../../scss/project/views/main/_case-study.scss */
.case-study div.large .btn-play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/btn-play.png) no-repeat center center;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  /* line 41, ../../../scss/project/views/main/_case-study.scss */
  .case-study div.large .btn-play {
    background-size: 20%;
  }
}
/* line 57, ../../../scss/project/views/main/_case-study.scss */
.case-study .info-image {
  position: relative;
  width: 20%;
  float: left;
  padding: 25px;
  text-align: center;
}
/* line 64, ../../../scss/project/views/main/_case-study.scss */
.case-study .info-image img.logo {
  width: 100%;
  max-width: 100px;
}
@media only screen and (max-width: 320px) {
  /* line 57, ../../../scss/project/views/main/_case-study.scss */
  .case-study .info-image {
    padding: 5px 0;
    left: 50%;
    float: none;
    margin-left: -10%;
  }
}
/* line 77, ../../../scss/project/views/main/_case-study.scss */
.case-study div.info {
  background-color: #000;
  padding: 10px 0;
  position: relative;
}
/* line 84, ../../../scss/project/views/main/_case-study.scss */
.case-study div.text {
  margin-top: 25px;
  width: 70%;
  float: left;
}
@media only screen and (max-height: 600px) {
  /* line 84, ../../../scss/project/views/main/_case-study.scss */
  .case-study div.text {
    margin-top: 22px;
    font-size: 0.85em;
  }
}
@media only screen and (max-height: 500px) {
  /* line 84, ../../../scss/project/views/main/_case-study.scss */
  .case-study div.text {
    font-size: 0.7em;
  }
}
@media only screen and (max-width: 568px) {
  /* line 84, ../../../scss/project/views/main/_case-study.scss */
  .case-study div.text {
    font-size: 0.7em;
    margin-top: 22px;
    width: 60%;
  }
}
@media only screen and (max-width: 320px) {
  /* line 84, ../../../scss/project/views/main/_case-study.scss */
  .case-study div.text {
    margin-left: 50px;
    margin-top: 0px;
    width: 70%;
  }
}
/* line 111, ../../../scss/project/views/main/_case-study.scss */
.case-study p.case-title {
  display: inline;
  border-bottom: 1px solid;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
/* line 120, ../../../scss/project/views/main/_case-study.scss */
.case-study p.description {
  margin-top: 5px;
}

/* line 20, ../../../scss/project/views/_home.scss */
.data {
  display: none;
}

/* line 24, ../../../scss/project/views/_home.scss */
#flag {
  background-repeat: no-repeat;
  position: absolute;
  left: 70.4%;
  top: 11.6%;
}
/* line 30, ../../../scss/project/views/_home.scss */
#flag object {
  position: relative;
  left: -0.8%;
}
/* line 35, ../../../scss/project/views/_home.scss */
#flag #flag-failover {
  width: 181px;
  height: 133px;
  position: absolute;
}

/* line 42, ../../../scss/project/views/_home.scss */
.agency-award-cont {
  width: 100%;
  height: 100px;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 60px;
}

/* line 50, ../../../scss/project/views/_home.scss */
.agency-award {
  background-image: url(../images/agency-list-award.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 120px;
  width: 120px;
  height: 120px;
}
@media only screen and (max-width: 850px) {
  /* line 50, ../../../scss/project/views/_home.scss */
  .agency-award {
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 850px) and (orientation: landscape) {
  /* line 50, ../../../scss/project/views/_home.scss */
  .agency-award {
    -moz-transform: translateX(-50%) scale(0.9);
    -ms-transform: translateX(-50%) scale(0.9);
    -webkit-transform: translateX(-50%) scale(0.9);
    transform: translateX(-50%) scale(0.9);
  }
}

/* line 68, ../../../scss/project/views/_home.scss */
#bg1 div.scroll {
  position: absolute;
  width: 80px;
  top: 300px;
  left: 50%;
  margin-left: -40px;
  text-transform: uppercase;
  font-size: 0.5em;
  text-align: center;
  color: white;
}
/* line 79, ../../../scss/project/views/_home.scss */
#bg1 div.scroll img {
  margin-top: -5px;
}

/* line 85, ../../../scss/project/views/_home.scss */
div.container.high-res {
  background-color: #000;
}
/* line 88, ../../../scss/project/views/_home.scss */
div.container.high-res #flag {
  left: 70.4%;
  width: 458px;
  height: 311px;
}
/* line 93, ../../../scss/project/views/_home.scss */
div.container.high-res #flag #flag-failover {
  width: 362px;
  height: 266px;
}

/* line 101, ../../../scss/project/views/_home.scss */
div.container.mobile #flag #flag-failover {
  width: 90px;
  height: 66px;
  background-size: cover;
}

/* line 108, ../../../scss/project/views/_home.scss */
#awards_container {
  position: absolute;
  top: 15%;
  left: 15%;
  width: 30%;
  height: 70%;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1280px) {
  /* line 108, ../../../scss/project/views/_home.scss */
  #awards_container {
    width: 35%;
  }
}
@media only screen and (max-width: 950px) {
  /* line 108, ../../../scss/project/views/_home.scss */
  #awards_container {
    width: 40%;
  }
}
@media only screen and (max-width: 900px) {
  /* line 108, ../../../scss/project/views/_home.scss */
  #awards_container {
    width: 70%;
    margin-left: -35%;
    left: 50%;
  }
}
@media only screen and (max-height: 700px) {
  /* line 108, ../../../scss/project/views/_home.scss */
  #awards_container {
    height: 60%;
    margin-top: -40px;
  }
}
@media only screen and (max-height: 480px) {
  /* line 108, ../../../scss/project/views/_home.scss */
  #awards_container {
    margin-top: 0;
  }
}
@media only screen and (max-height: 380px) {
  /* line 108, ../../../scss/project/views/_home.scss */
  #awards_container {
    height: 85%;
  }
}

/* line 143, ../../../scss/project/views/_home.scss */
#awards_box {
  position: relative;
  height: 66%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: rgba(255, 255, 255, 0.7);
  z-index: 100;
  visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-height: 380px) {
  /* line 143, ../../../scss/project/views/_home.scss */
  #awards_box {
    height: 50%;
  }
}

/* line 160, ../../../scss/project/views/_home.scss */
#awards_scroll {
  position: relative;
  width: 95%;
  padding: 30px 0 0 30px;
  color: #414042;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 167, ../../../scss/project/views/_home.scss */
#awards_scroll ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 172, ../../../scss/project/views/_home.scss */
#awards_scroll li {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
/* line 178, ../../../scss/project/views/_home.scss */
#awards_scroll img {
  display: block;
  float: left;
}
/* line 182, ../../../scss/project/views/_home.scss */
#awards_scroll div {
  font-size: 1em;
}
/* line 185, ../../../scss/project/views/_home.scss */
#awards_scroll div.margin-left {
  padding-left: 94px;
}
@media only screen and (max-width: 1250px) {
  /* line 160, ../../../scss/project/views/_home.scss */
  #awards_scroll {
    padding: 10px;
    padding-right: 0;
  }
  /* line 194, ../../../scss/project/views/_home.scss */
  #awards_scroll div {
    font-size: 0.9em;
  }
}
@media only screen and (max-width: 700px) {
  /* line 199, ../../../scss/project/views/_home.scss */
  #awards_scroll li {
    margin-bottom: 10px;
  }
  /* line 202, ../../../scss/project/views/_home.scss */
  #awards_scroll img {
    width: 70px;
    height: auto;
  }
  /* line 206, ../../../scss/project/views/_home.scss */
  #awards_scroll div.margin-left {
    padding-left: 75px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 211, ../../../scss/project/views/_home.scss */
  #awards_scroll div {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 400px) {
  /* line 216, ../../../scss/project/views/_home.scss */
  #awards_scroll img {
    width: 50px;
  }
  /* line 219, ../../../scss/project/views/_home.scss */
  #awards_scroll div.margin-left {
    padding-left: 55px;
  }
}

/* line 225, ../../../scss/project/views/_home.scss */
.award_show {
  font-size: 1.6em;
  margin: 0;
  margin-bottom: -5px;
}
@media only screen and (max-width: 1250px) {
  /* line 225, ../../../scss/project/views/_home.scss */
  .award_show {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 700px) {
  /* line 225, ../../../scss/project/views/_home.scss */
  .award_show {
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 500px) {
  /* line 225, ../../../scss/project/views/_home.scss */
  .award_show {
    font-size: 1.2em;
  }
}

/* line 242, ../../../scss/project/views/_home.scss */
.award_name {
  font-size: 0.9em;
  margin: 0;
  margin-bottom: 7px;
  line-height: 1.3;
}

/* line 13, ../../../scss/project/views/_news.scss */
.news-container {
  width: 500px;
  padding: 50px 0 0 0;
  margin: 0 auto;
}
@media only screen and (max-width: 550px) {
  /* line 13, ../../../scss/project/views/_news.scss */
  .news-container {
    width: 80%;
  }
}

/* line 23, ../../../scss/project/views/_news.scss */
.news {
  position: relative;
  margin-bottom: 35px;
}
/* line 28, ../../../scss/project/views/_news.scss */
.news h2 {
  position: relative;
  font-size: 18px;
  border-bottom: 1px solid #000;
  margin: 0;
  margin-bottom: 8px;
  display: inline-block;
  width: 100%;
}
/* line 38, ../../../scss/project/views/_news.scss */
.news h2 span {
  display: block;
  font-size: 10px;
  float: right;
  line-height: 2.7;
}
/* line 46, ../../../scss/project/views/_news.scss */
.news .news_icon {
  display: block;
  float: left;
  width: 148px;
  height: 74px;
  margin-top: 4px;
}
/* line 54, ../../../scss/project/views/_news.scss */
.news .description {
  margin: 0;
  margin-top: 10px;
}
/* line 59, ../../../scss/project/views/_news.scss */
.news .article_link {
  display: block;
  color: #000;
  font-size: 10px;
  background: url("../images/news_arrow.png") 100% 50% no-repeat;
  text-decoration: none;
  padding-right: 7px;
  border-bottom: 1px solid #000;
  width: 95px;
  float: right;
  text-transform: uppercase;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
/* line 73, ../../../scss/project/views/_news.scss */
.news .article_link:hover {
  color: #ee3a44;
  background-image: url("../images/news_arrow_hover.png");
  border-bottom: 1px solid #ee3a44;
}

/* line 17, ../../../scss/project/views/_clients.scss */
.client-grid {
  border-top: 1px solid #000;
  margin: 0 auto;
  padding-top: 35px;
}
@media only screen and (min-width: 1201px) {
  /* line 17, ../../../scss/project/views/_clients.scss */
  .client-grid {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
  }
}
/* line 28, ../../../scss/project/views/_clients.scss */
.client-grid .border {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1321px) {
  /* line 28, ../../../scss/project/views/_clients.scss */
  .client-grid .border {
    width: 16.6666%;
  }
  /* line 41, ../../../scss/project/views/_clients.scss */
  .client-grid .border:nth-child(6n+1) {
    border-left: none;
  }
}
@media only screen and (min-width: 1071px) and (max-width: 1320px) {
  /* line 28, ../../../scss/project/views/_clients.scss */
  .client-grid .border {
    width: 20%;
  }
  /* line 49, ../../../scss/project/views/_clients.scss */
  .client-grid .border:nth-child(5n+1) {
    border-left: none;
  }
}
@media only screen and (min-width: 801px) and (max-width: 1070px) {
  /* line 28, ../../../scss/project/views/_clients.scss */
  .client-grid .border {
    width: 25%;
  }
  /* line 57, ../../../scss/project/views/_clients.scss */
  .client-grid .border:nth-child(4n+1) {
    border-left: none;
  }
}
@media only screen and (min-width: 481px) and (max-width: 800px) {
  /* line 28, ../../../scss/project/views/_clients.scss */
  .client-grid .border {
    width: 33.3333%;
  }
  /* line 65, ../../../scss/project/views/_clients.scss */
  .client-grid .border:nth-child(3n+1) {
    border-left: none;
  }
}
@media only screen and (max-width: 480px) {
  /* line 28, ../../../scss/project/views/_clients.scss */
  .client-grid .border {
    width: 50%;
  }
  /* line 73, ../../../scss/project/views/_clients.scss */
  .client-grid .border:nth-child(odd) {
    border-left: none;
  }
}
@media only screen and (min-width: 481px) {
  /* line 78, ../../../scss/project/views/_clients.scss */
  .client-grid .border:last-child {
    box-shadow: 1px 0px 0px #000;
  }
}
@media only screen and (max-width: 480px) {
  /* line 78, ../../../scss/project/views/_clients.scss */
  .client-grid .border:last-child {
    box-shadow: none;
  }
}
/* line 90, ../../../scss/project/views/_clients.scss */
.client-grid .client {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* line 277, ../../../scss/project/views/_about.scss */
.about #bg1 div.scroll {
  width: 300px;
  margin-left: -150px;
  font-size: 1em;
  bottom: 14px;
  top: auto;
}
/* line 284, ../../../scss/project/views/_about.scss */
.about #bg1 div.scroll p {
  margin-bottom: 10px;
  font-size: 0.6em;
}
/* line 289, ../../../scss/project/views/_about.scss */
.about .item {
  position: absolute;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
/* line 293, ../../../scss/project/views/_about.scss */
.about .about-content {
  position: absolute;
  color: #fff;
  text-align: center;
}
/* line 298, ../../../scss/project/views/_about.scss */
.about .about-content p {
  margin: 0;
}
/* line 303, ../../../scss/project/views/_about.scss */
.about .slide {
  -webkit-box-shadow: 0px 8px 30px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 8px 30px 10px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0px 8px 30px 10px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0px 8px 30px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 8px 30px 10px rgba(0, 0, 0, 0.25);
}
/* line 306, ../../../scss/project/views/_about.scss */
.about .slide.bottom {
  background-position: center bottom;
}
/* line 310, ../../../scss/project/views/_about.scss */
.about .right {
  position: absolute;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

/* line 16, ../../../scss/project/views/_about.scss */
div.container.mobile.about .astronaut {
  width: 587px;
  height: 343.5px;
  left: 55%;
  background-size: 100% 100%;
}
/* line 22, ../../../scss/project/views/_about.scss */
div.container.mobile.about #astronaut-slide-content {
  width: 204px;
  height: 154px;
  top: 10%;
  left: 6%;
  font-size: 0.6em;
}
/* line 30, ../../../scss/project/views/_about.scss */
div.container.mobile.about #astronaut-slide-content .special {
  display: block;
  margin: 0.5em 0px;
}
/* line 35, ../../../scss/project/views/_about.scss */
div.container.mobile.about #astronaut-slide-content .cabernet {
  margin: 0;
  font-size: 2em;
}
/* line 43, ../../../scss/project/views/_about.scss */
div.container.mobile.about .liam {
  width: 512px;
  height: 339.5px;
  left: 50%;
}
/* line 48, ../../../scss/project/views/_about.scss */
div.container.mobile.about #liam-slide-content {
  top: 11%;
  left: 11%;
  text-align: left;
  font-size: 0.7em;
}
/* line 54, ../../../scss/project/views/_about.scss */
div.container.mobile.about #liam-slide-content .cabernet {
  margin: 0;
  font-size: 3.7em;
}
/* line 59, ../../../scss/project/views/_about.scss */
div.container.mobile.about #liam-slide-content .honors_box {
  overflow-y: auto;
  overflow-x: hidden;
  width: 250px;
  max-width: 250px;
  height: 200px;
  position: absolute;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 71, ../../../scss/project/views/_about.scss */
div.container.mobile.about #liam-slide-content .honors_scroll {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 76, ../../../scss/project/views/_about.scss */
div.container.mobile.about #liam-slide-content .honors_scroll img {
  width: 100%;
  height: auto;
  pointer-events: none;
}
/* line 133, ../../../scss/project/views/_about.scss */
div.container.mobile.about .sola {
  width: 493px;
  height: 330px;
  left: 50%;
}
/* line 138, ../../../scss/project/views/_about.scss */
div.container.mobile.about #sola-slide-content {
  width: 100%;
  top: -10%;
}
/* line 142, ../../../scss/project/views/_about.scss */
div.container.mobile.about #sola-slide-content p {
  text-align: center;
  font-size: 1em;
  margin: 0;
  line-height: 1.2;
}
/* line 148, ../../../scss/project/views/_about.scss */
div.container.mobile.about #sola-slide-content p span {
  font-size: 0.5em;
}
@media only screen and (max-height: 420px) {
  /* line 138, ../../../scss/project/views/_about.scss */
  div.container.mobile.about #sola-slide-content {
    top: -5%;
    text-shadow: 0px 0px 5px #000;
  }
}
/* line 161, ../../../scss/project/views/_about.scss */
div.container.mobile.about .jalahn {
  width: 512px;
  height: 264px;
  right: 0;
}
/* line 166, ../../../scss/project/views/_about.scss */
div.container.mobile.about #jalahn-slide-content {
  width: 100%;
  top: 75%;
}
/* line 170, ../../../scss/project/views/_about.scss */
div.container.mobile.about #jalahn-slide-content p {
  text-align: center;
  font-size: 1em;
  margin: 0;
  line-height: 1.2;
}
/* line 176, ../../../scss/project/views/_about.scss */
div.container.mobile.about #jalahn-slide-content p span {
  font-size: 0.5em;
  display: block;
  line-height: 1.4;
}
@media only screen and (max-height: 420px) {
  /* line 166, ../../../scss/project/views/_about.scss */
  div.container.mobile.about #jalahn-slide-content {
    top: 20%;
    text-shadow: 0px 0px 5px #000;
  }
}
/* line 191, ../../../scss/project/views/_about.scss */
div.container.mobile.about .stef {
  width: 512px;
  height: 351.5px;
  left: 50%;
  background-repeat: no-repeat;
  background-position: 100% 0;
}
/* line 198, ../../../scss/project/views/_about.scss */
div.container.mobile.about #stef-slide-content {
  top: 30%;
  left: 6%;
}
/* line 202, ../../../scss/project/views/_about.scss */
div.container.mobile.about #stef-slide-content p {
  text-align: center;
  font-size: 1em;
  margin: 0;
  line-height: 1.2;
}
/* line 208, ../../../scss/project/views/_about.scss */
div.container.mobile.about #stef-slide-content p span {
  font-size: 0.5em;
}
/* line 216, ../../../scss/project/views/_about.scss */
div.container.mobile.about .mike {
  width: 466.5px;
  height: 384px;
  left: 50%;
}
/* line 221, ../../../scss/project/views/_about.scss */
div.container.mobile.about .smoke {
  width: 512px;
  height: 219.5px;
  left: 0;
}
/* line 226, ../../../scss/project/views/_about.scss */
div.container.mobile.about .rocks {
  width: 189.5px;
  height: 133px;
  right: 0;
}
/* line 231, ../../../scss/project/views/_about.scss */
div.container.mobile.about #mike-slide-content {
  top: 44%;
  left: 38%;
}
/* line 235, ../../../scss/project/views/_about.scss */
div.container.mobile.about #mike-slide-content p {
  text-align: center;
  font-size: 1em;
  margin: 0;
  line-height: 1.2;
}
/* line 241, ../../../scss/project/views/_about.scss */
div.container.mobile.about #mike-slide-content p span {
  font-size: 0.5em;
}
/* line 249, ../../../scss/project/views/_about.scss */
div.container.mobile.about .tommy {
  width: 512px;
  height: 334px;
  left: 53%;
}
/* line 254, ../../../scss/project/views/_about.scss */
div.container.mobile.about #tommy-slide-content {
  left: 6.8%;
  top: 26%;
}
/* line 258, ../../../scss/project/views/_about.scss */
div.container.mobile.about #tommy-slide-content p {
  text-align: center;
  font-size: 1.1em;
  margin: 0;
  line-height: 1.2;
  text-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
}
/* line 265, ../../../scss/project/views/_about.scss */
div.container.mobile.about #tommy-slide-content p span {
  text-shadow: none;
  font-size: 0.5em;
}

/* line 16, ../../../scss/project/views/_about.scss */
div.container.ipad.about .astronaut {
  width: 1174px;
  height: 687px;
  left: 55%;
  background-size: 100% 100%;
}
/* line 22, ../../../scss/project/views/_about.scss */
div.container.ipad.about #astronaut-slide-content {
  width: 408px;
  height: 308px;
  top: 10%;
  left: 6%;
  font-size: 1.2em;
}
/* line 30, ../../../scss/project/views/_about.scss */
div.container.ipad.about #astronaut-slide-content .special {
  display: block;
  margin: 0.5em 0px;
}
/* line 35, ../../../scss/project/views/_about.scss */
div.container.ipad.about #astronaut-slide-content .cabernet {
  margin: 0;
  font-size: 2em;
}
/* line 43, ../../../scss/project/views/_about.scss */
div.container.ipad.about .liam {
  width: 1024px;
  height: 679px;
  left: 50%;
}
/* line 48, ../../../scss/project/views/_about.scss */
div.container.ipad.about #liam-slide-content {
  top: 11%;
  left: 11%;
  text-align: left;
  font-size: 1.4em;
}
/* line 54, ../../../scss/project/views/_about.scss */
div.container.ipad.about #liam-slide-content .cabernet {
  margin: 0;
  font-size: 3.7em;
}
/* line 59, ../../../scss/project/views/_about.scss */
div.container.ipad.about #liam-slide-content .honors_box {
  overflow-y: auto;
  overflow-x: hidden;
  width: 500px;
  max-width: 500px;
  height: 400px;
  position: absolute;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 71, ../../../scss/project/views/_about.scss */
div.container.ipad.about #liam-slide-content .honors_scroll {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 76, ../../../scss/project/views/_about.scss */
div.container.ipad.about #liam-slide-content .honors_scroll img {
  width: 100%;
  height: auto;
  pointer-events: none;
}
/* line 133, ../../../scss/project/views/_about.scss */
div.container.ipad.about .sola {
  width: 986px;
  height: 660px;
  left: 50%;
}
/* line 138, ../../../scss/project/views/_about.scss */
div.container.ipad.about #sola-slide-content {
  width: 100%;
  top: -10%;
}
/* line 142, ../../../scss/project/views/_about.scss */
div.container.ipad.about #sola-slide-content p {
  text-align: center;
  font-size: 2em;
  margin: 0;
  line-height: 1.2;
}
/* line 148, ../../../scss/project/views/_about.scss */
div.container.ipad.about #sola-slide-content p span {
  font-size: 0.5em;
}
@media only screen and (max-height: 420px) {
  /* line 138, ../../../scss/project/views/_about.scss */
  div.container.ipad.about #sola-slide-content {
    top: -5%;
    text-shadow: 0px 0px 5px #000;
  }
}
/* line 161, ../../../scss/project/views/_about.scss */
div.container.ipad.about .jalahn {
  width: 1024px;
  height: 528px;
  right: 0;
}
/* line 166, ../../../scss/project/views/_about.scss */
div.container.ipad.about #jalahn-slide-content {
  width: 100%;
  top: 75%;
}
/* line 170, ../../../scss/project/views/_about.scss */
div.container.ipad.about #jalahn-slide-content p {
  text-align: center;
  font-size: 2em;
  margin: 0;
  line-height: 1.2;
}
/* line 176, ../../../scss/project/views/_about.scss */
div.container.ipad.about #jalahn-slide-content p span {
  font-size: 0.5em;
  display: block;
  line-height: 1.4;
}
@media only screen and (max-height: 420px) {
  /* line 166, ../../../scss/project/views/_about.scss */
  div.container.ipad.about #jalahn-slide-content {
    top: 20%;
    text-shadow: 0px 0px 5px #000;
  }
}
/* line 191, ../../../scss/project/views/_about.scss */
div.container.ipad.about .stef {
  width: 1024px;
  height: 703px;
  left: 50%;
  background-repeat: no-repeat;
  background-position: 100% 0;
}
/* line 198, ../../../scss/project/views/_about.scss */
div.container.ipad.about #stef-slide-content {
  top: 30%;
  left: 6%;
}
/* line 202, ../../../scss/project/views/_about.scss */
div.container.ipad.about #stef-slide-content p {
  text-align: center;
  font-size: 2em;
  margin: 0;
  line-height: 1.2;
}
/* line 208, ../../../scss/project/views/_about.scss */
div.container.ipad.about #stef-slide-content p span {
  font-size: 0.5em;
}
/* line 216, ../../../scss/project/views/_about.scss */
div.container.ipad.about .mike {
  width: 933px;
  height: 768px;
  left: 50%;
}
/* line 221, ../../../scss/project/views/_about.scss */
div.container.ipad.about .smoke {
  width: 1024px;
  height: 439px;
  left: 0;
}
/* line 226, ../../../scss/project/views/_about.scss */
div.container.ipad.about .rocks {
  width: 379px;
  height: 266px;
  right: 0;
}
/* line 231, ../../../scss/project/views/_about.scss */
div.container.ipad.about #mike-slide-content {
  top: 44%;
  left: 38%;
}
/* line 235, ../../../scss/project/views/_about.scss */
div.container.ipad.about #mike-slide-content p {
  text-align: center;
  font-size: 2em;
  margin: 0;
  line-height: 1.2;
}
/* line 241, ../../../scss/project/views/_about.scss */
div.container.ipad.about #mike-slide-content p span {
  font-size: 0.5em;
}
/* line 249, ../../../scss/project/views/_about.scss */
div.container.ipad.about .tommy {
  width: 1024px;
  height: 668px;
  left: 53%;
}
/* line 254, ../../../scss/project/views/_about.scss */
div.container.ipad.about #tommy-slide-content {
  left: 6.8%;
  top: 26%;
}
/* line 258, ../../../scss/project/views/_about.scss */
div.container.ipad.about #tommy-slide-content p {
  text-align: center;
  font-size: 2.2em;
  margin: 0;
  line-height: 1.2;
  text-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
}
/* line 265, ../../../scss/project/views/_about.scss */
div.container.ipad.about #tommy-slide-content p span {
  text-shadow: none;
  font-size: 0.5em;
}

/* line 16, ../../../scss/project/views/_about.scss */
div.container.high-res.about .astronaut {
  width: 1761px;
  height: 1030.5px;
  left: 55%;
  background-size: 100% 100%;
}
/* line 22, ../../../scss/project/views/_about.scss */
div.container.high-res.about #astronaut-slide-content {
  width: 612px;
  height: 462px;
  top: 10%;
  left: 6%;
  font-size: 1.8em;
}
/* line 30, ../../../scss/project/views/_about.scss */
div.container.high-res.about #astronaut-slide-content .special {
  display: block;
  margin: 0.5em 0px;
}
/* line 35, ../../../scss/project/views/_about.scss */
div.container.high-res.about #astronaut-slide-content .cabernet {
  margin: 0;
  font-size: 2em;
}
/* line 43, ../../../scss/project/views/_about.scss */
div.container.high-res.about .liam {
  width: 1536px;
  height: 1018.5px;
  left: 50%;
}
/* line 48, ../../../scss/project/views/_about.scss */
div.container.high-res.about #liam-slide-content {
  top: 11%;
  left: 11%;
  text-align: left;
  font-size: 2.1em;
}
/* line 54, ../../../scss/project/views/_about.scss */
div.container.high-res.about #liam-slide-content .cabernet {
  margin: 0;
  font-size: 3.7em;
}
/* line 59, ../../../scss/project/views/_about.scss */
div.container.high-res.about #liam-slide-content .honors_box {
  overflow-y: auto;
  overflow-x: hidden;
  width: 750px;
  max-width: 750px;
  height: 600px;
  position: absolute;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 71, ../../../scss/project/views/_about.scss */
div.container.high-res.about #liam-slide-content .honors_scroll {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 76, ../../../scss/project/views/_about.scss */
div.container.high-res.about #liam-slide-content .honors_scroll img {
  width: 100%;
  height: auto;
  pointer-events: none;
}
/* line 133, ../../../scss/project/views/_about.scss */
div.container.high-res.about .sola {
  width: 1479px;
  height: 990px;
  left: 50%;
}
/* line 138, ../../../scss/project/views/_about.scss */
div.container.high-res.about #sola-slide-content {
  width: 100%;
  top: -10%;
}
/* line 142, ../../../scss/project/views/_about.scss */
div.container.high-res.about #sola-slide-content p {
  text-align: center;
  font-size: 3em;
  margin: 0;
  line-height: 1.2;
}
/* line 148, ../../../scss/project/views/_about.scss */
div.container.high-res.about #sola-slide-content p span {
  font-size: 0.5em;
}
@media only screen and (max-height: 420px) {
  /* line 138, ../../../scss/project/views/_about.scss */
  div.container.high-res.about #sola-slide-content {
    top: -5%;
    text-shadow: 0px 0px 5px #000;
  }
}
/* line 161, ../../../scss/project/views/_about.scss */
div.container.high-res.about .jalahn {
  width: 1536px;
  height: 792px;
  right: 0;
}
/* line 166, ../../../scss/project/views/_about.scss */
div.container.high-res.about #jalahn-slide-content {
  width: 100%;
  top: 75%;
}
/* line 170, ../../../scss/project/views/_about.scss */
div.container.high-res.about #jalahn-slide-content p {
  text-align: center;
  font-size: 3em;
  margin: 0;
  line-height: 1.2;
}
/* line 176, ../../../scss/project/views/_about.scss */
div.container.high-res.about #jalahn-slide-content p span {
  font-size: 0.5em;
  display: block;
  line-height: 1.4;
}
@media only screen and (max-height: 420px) {
  /* line 166, ../../../scss/project/views/_about.scss */
  div.container.high-res.about #jalahn-slide-content {
    top: 20%;
    text-shadow: 0px 0px 5px #000;
  }
}
/* line 191, ../../../scss/project/views/_about.scss */
div.container.high-res.about .stef {
  width: 1536px;
  height: 1054.5px;
  left: 50%;
  background-repeat: no-repeat;
  background-position: 100% 0;
}
/* line 198, ../../../scss/project/views/_about.scss */
div.container.high-res.about #stef-slide-content {
  top: 30%;
  left: 6%;
}
/* line 202, ../../../scss/project/views/_about.scss */
div.container.high-res.about #stef-slide-content p {
  text-align: center;
  font-size: 3em;
  margin: 0;
  line-height: 1.2;
}
/* line 208, ../../../scss/project/views/_about.scss */
div.container.high-res.about #stef-slide-content p span {
  font-size: 0.5em;
}
/* line 216, ../../../scss/project/views/_about.scss */
div.container.high-res.about .mike {
  width: 1399.5px;
  height: 1152px;
  left: 50%;
}
/* line 221, ../../../scss/project/views/_about.scss */
div.container.high-res.about .smoke {
  width: 1536px;
  height: 658.5px;
  left: 0;
}
/* line 226, ../../../scss/project/views/_about.scss */
div.container.high-res.about .rocks {
  width: 568.5px;
  height: 399px;
  right: 0;
}
/* line 231, ../../../scss/project/views/_about.scss */
div.container.high-res.about #mike-slide-content {
  top: 44%;
  left: 38%;
}
/* line 235, ../../../scss/project/views/_about.scss */
div.container.high-res.about #mike-slide-content p {
  text-align: center;
  font-size: 3em;
  margin: 0;
  line-height: 1.2;
}
/* line 241, ../../../scss/project/views/_about.scss */
div.container.high-res.about #mike-slide-content p span {
  font-size: 0.5em;
}
/* line 249, ../../../scss/project/views/_about.scss */
div.container.high-res.about .tommy {
  width: 1536px;
  height: 1002px;
  left: 53%;
}
/* line 254, ../../../scss/project/views/_about.scss */
div.container.high-res.about #tommy-slide-content {
  left: 6.8%;
  top: 26%;
}
/* line 258, ../../../scss/project/views/_about.scss */
div.container.high-res.about #tommy-slide-content p {
  text-align: center;
  font-size: 3.3em;
  margin: 0;
  line-height: 1.2;
  text-shadow: 0px 0px 0.5em rgba(0, 0, 0, 0.5);
}
/* line 265, ../../../scss/project/views/_about.scss */
div.container.high-res.about #tommy-slide-content p span {
  text-shadow: none;
  font-size: 0.5em;
}

/* line 13, ../../../scss/project/views/_contact.scss */
.contact {
  min-height: 400px;
}
/* line 16, ../../../scss/project/views/_contact.scss */
.contact p {
  display: block;
  padding: 0;
  color: #fff;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 23, ../../../scss/project/views/_contact.scss */
.contact p .cabernet {
  font-size-adjust: 0;
}
/* line 27, ../../../scss/project/views/_contact.scss */
.contact p .email {
  color: #fff;
  font-size: 1.7em;
  line-height: 1.2;
}

/* line 36, ../../../scss/project/views/_contact.scss */
.contact-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -97px;
  margin-left: -97px;
  width: 194px;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (max-height: 580px) {
  /* line 36, ../../../scss/project/views/_contact.scss */
  .contact-logo {
    top: 35%;
  }
}
@media only screen and (max-width: 1100px) {
  /* line 36, ../../../scss/project/views/_contact.scss */
  .contact-logo {
    top: 25%;
  }
}
@media only screen and (max-width: 920px) {
  /* line 36, ../../../scss/project/views/_contact.scss */
  .contact-logo {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto;
    margin-top: 55px;
    margin-bottom: 30px;
  }
}

/* line 66, ../../../scss/project/views/_contact.scss */
.half-bg {
  position: fixed;
  height: 100%;
  min-height: 100%;
  width: 50%;
  max-width: 50%;
  overflow: hidden;
}
/* line 74, ../../../scss/project/views/_contact.scss */
.half-bg img {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 82, ../../../scss/project/views/_contact.scss */
.half-bg.ca {
  background: #7ec4d8;
  left: 0;
}
/* line 86, ../../../scss/project/views/_contact.scss */
.half-bg.ca img {
  margin-top: -168px;
  margin-left: -177px;
}
@media only screen and (max-width: 750px) {
  /* line 86, ../../../scss/project/views/_contact.scss */
  .half-bg.ca img {
    width: 274px;
    height: auto;
    margin-top: -126px;
    margin-left: -132px;
  }
}
@media only screen and (max-width: 550px) {
  /* line 86, ../../../scss/project/views/_contact.scss */
  .half-bg.ca img {
    width: 183px;
    height: auto;
    margin-top: -84px;
    margin-left: -88px;
  }
}
@media only screen and (max-width: 400px) {
  /* line 86, ../../../scss/project/views/_contact.scss */
  .half-bg.ca img {
    width: 137px;
    height: auto;
    margin-top: -63px;
    margin-left: -66px;
  }
}
/* line 113, ../../../scss/project/views/_contact.scss */
.half-bg.ny {
  background: #f1b8cf;
  right: 0;
}
/* line 117, ../../../scss/project/views/_contact.scss */
.half-bg.ny img {
  margin-top: -144px;
  margin-left: -268px;
}
@media only screen and (max-width: 750px) {
  /* line 117, ../../../scss/project/views/_contact.scss */
  .half-bg.ny img {
    width: 369px;
    height: auto;
    margin-top: -108px;
    margin-left: -201px;
  }
}
@media only screen and (max-width: 550px) {
  /* line 117, ../../../scss/project/views/_contact.scss */
  .half-bg.ny img {
    width: 246px;
    height: auto;
    margin-top: -72px;
    margin-left: -134px;
  }
}
@media only screen and (max-width: 400px) {
  /* line 117, ../../../scss/project/views/_contact.scss */
  .half-bg.ny img {
    width: 184px;
    height: auto;
    margin-top: -54px;
    margin-left: -100px;
  }
}

/* line 145, ../../../scss/project/views/_contact.scss */
.sf-info {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 292px;
  margin-left: -146px;
  margin-top: -78px;
  font-size: 1.4em;
}
/* line 154, ../../../scss/project/views/_contact.scss */
.sf-info a {
  color: #fff;
  text-decoration: none;
}
/* line 159, ../../../scss/project/views/_contact.scss */
.sf-info .cabernet {
  display: block;
  margin: 0 auto;
  width: 254px;
  border-bottom: 1px solid #fff;
  font-size: 1.5em;
}
/* line 167, ../../../scss/project/views/_contact.scss */
.sf-info .address_phone {
  margin: 0;
  margin-top: 5px;
}
@media only screen and (max-height: 580px) {
  /* line 145, ../../../scss/project/views/_contact.scss */
  .sf-info {
    top: 25%;
  }
}
@media only screen and (max-height: 380px) {
  /* line 145, ../../../scss/project/views/_contact.scss */
  .sf-info {
    top: 15%;
  }
}
@media only screen and (max-width: 1360px) {
  /* line 145, ../../../scss/project/views/_contact.scss */
  .sf-info {
    left: 20%;
  }
}
@media only screen and (max-width: 1160px) {
  /* line 145, ../../../scss/project/views/_contact.scss */
  .sf-info {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 920px) {
  /* line 145, ../../../scss/project/views/_contact.scss */
  .sf-info {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

/* line 197, ../../../scss/project/views/_contact.scss */
.nyc-info {
  position: absolute;
  top: 25%;
  left: 75%;
  width: 325px;
  margin-left: -160px;
  margin-top: -78px;
  font-size: 1.4em;
}
/* line 206, ../../../scss/project/views/_contact.scss */
.nyc-info a {
  color: #fff;
  text-decoration: none;
}
/* line 211, ../../../scss/project/views/_contact.scss */
.nyc-info .cabernet {
  display: block;
  margin: 0 auto;
  width: 259px;
  border-bottom: 1px solid #fff;
  font-size: 1.5em;
}
/* line 219, ../../../scss/project/views/_contact.scss */
.nyc-info .address_phone {
  margin: 0;
  margin-top: 5px;
}
@media only screen and (max-height: 580px) {
  /* line 197, ../../../scss/project/views/_contact.scss */
  .nyc-info {
    top: 25%;
  }
}
@media only screen and (max-height: 380px) {
  /* line 197, ../../../scss/project/views/_contact.scss */
  .nyc-info {
    top: 15%;
  }
}
@media only screen and (max-width: 1360px) {
  /* line 197, ../../../scss/project/views/_contact.scss */
  .nyc-info {
    left: 80%;
  }
}
@media only screen and (max-width: 1160px) {
  /* line 197, ../../../scss/project/views/_contact.scss */
  .nyc-info {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 920px) {
  /* line 197, ../../../scss/project/views/_contact.scss */
  .nyc-info {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

/* line 249, ../../../scss/project/views/_contact.scss */
.secondary {
  position: absolute;
  top: 80%;
  height: 114px;
  margin-top: -10px;
  width: 336px;
  margin-left: -168px;
  font-size: 0.9em;
}
/* line 258, ../../../scss/project/views/_contact.scss */
.secondary .cabernet {
  font-size: 2.2em;
}
/* line 262, ../../../scss/project/views/_contact.scss */
.secondary.jobs {
  left: 50%;
}
@media only screen and (max-width: 920px) {
  /* line 262, ../../../scss/project/views/_contact.scss */
  .secondary.jobs {
    left: auto;
  }
}
/* line 270, ../../../scss/project/views/_contact.scss */
.secondary.partners {
  left: 25%;
}
@media only screen and (max-width: 1360px) {
  /* line 270, ../../../scss/project/views/_contact.scss */
  .secondary.partners {
    left: 20%;
  }
}
@media only screen and (max-width: 920px) {
  /* line 270, ../../../scss/project/views/_contact.scss */
  .secondary.partners {
    left: auto;
  }
}
/* line 282, ../../../scss/project/views/_contact.scss */
.secondary.business {
  left: 75%;
}
@media only screen and (max-width: 1360px) {
  /* line 282, ../../../scss/project/views/_contact.scss */
  .secondary.business {
    left: 80%;
  }
}
@media only screen and (max-width: 920px) {
  /* line 282, ../../../scss/project/views/_contact.scss */
  .secondary.business {
    left: auto;
  }
}
@media only screen and (max-height: 580px) {
  /* line 249, ../../../scss/project/views/_contact.scss */
  .secondary {
    top: 80%;
  }
}
@media only screen and (max-width: 1160px) {
  /* line 249, ../../../scss/project/views/_contact.scss */
  .secondary {
    font-size: 0.7em;
  }
}
@media only screen and (max-width: 920px) {
  /* line 249, ../../../scss/project/views/_contact.scss */
  .secondary {
    position: relative;
    top: auto;
    margin: 0 auto;
    height: auto;
    width: auto;
    margin-bottom: 30px;
  }
}