/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 * 3.Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/**
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Addresses font sizes and margins set differently in IE 6/7.
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Addresses margins set differently in IE 6/7.
 */
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 *  Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 7/8/9/10.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ie .swiper-outer-wrap .target {
  display: none; }

.iphone4 .ds-slider .align {
  top: 40px;
  padding-bottom: 0 !important; }
.iphone4 .btn-row {
  margin-bottom: 0 !important; }

.contact-form .content, .nav-black > div, .nav-white > div, .primary-footer .content, .news, .news-list, .news-search, .news-subheader .content, .authors-list, .client-wall header, .about-us > article, .latest-tweet > article, .contact .content, .newsletter > article, .swiper-outer-wrap .main-nav, .ds-slider .slide {
  padding: 0 1.125em;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  .contact-form .content:after, .nav-black > div:after, .nav-white > div:after, .primary-footer .content:after, .news:after, .news-list:after, .news-search:after, .news-subheader .content:after, .authors-list:after, .client-wall header:after, .about-us > article:after, .latest-tweet > article:after, .contact .content:after, .newsletter > article:after, .swiper-outer-wrap .main-nav:after, .ds-slider .slide:after {
    content: "";
    display: table;
    clear: both; }

.contact-form .fields, .nav-black, .nav-white, .news-articles .content, .news-articles .post {
  display: block; }
  .contact-form .fields:after, .nav-black:after, .nav-white:after, .news-articles .content:after, .news-articles .post:after {
    content: "";
    display: table;
    clear: both; }

.news-grid .content, .work-grid .content, .work-contact .content, .about-us .content, .contact .content, .ds-slider .slide {
  height: auto; }
  .news-grid .content:before, .work-grid .content:before, .work-contact .content:before, .about-us .content:before, .contact .content:before, .ds-slider .slide:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-left: -0.25em; }
  .news-grid .content > .align, .work-grid .content > .align, .work-contact .content > .align, .about-us .content > .align, .contact .content > .align, .ds-slider .slide > .align {
    display: inline-block;
    vertical-align: middle; }

.video, .primary-footer, .news-footer, .discuss .btn, .author-header, .work-list, .client-wall .client-wall-wrap, .clients .clients-btn, .contact {
  clear: both; }
  .video:after, .primary-footer:after, .news-footer:after, .discuss .btn:after, .author-header:after, .work-list:after, .client-wall .client-wall-wrap:after, .clients .clients-btn:after, .contact:after {
    content: "";
    display: table;
    clear: both; }

.news-grid, .contact-form, .about-us, .thoughts-feed, .latest-tweet, .contact > article, .ds, .slider-client-slide {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.news-grid:after, .work-grid:after, .work-contact:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.btn-row, .author-info, .related-article, .article-time, .author-header .info, .thoughts-feed .label, .ds-slider .slide-content, .footer-nav-large a.left, .footer-nav-small a.left, .discuss, .about-us, .thoughts-feed, .latest-tweet, .contact > article, figure, .media, .btn, .btn.large, .nav-black nav ul li a, .nav-white nav ul li a, .footer-nav-large a.right, .footer-nav-small a.right, .primary-footer .social ul, .primary-footer .social ul li, .primary-footer .careers p, .news-categories ul li, .authors-list .author, .author-header .photo, .work-nav .toggle, .work-nav ul, .client-wall header, .about-us .content, .clients, .clients .clients-btn, .contact .content, .contact .align, .newsletter .content, .swiper-outer-wrap .close-btn, .swiper-outer-wrap .mobile-nav {
  text-align: center; }

@media screen and (min-width: 53.75em) {
  .btn-row, .author-info, .related-article, .article-time, .author-header .info, .thoughts-feed .label, .ds-slider .slide-content {
    text-align: left; } }

@media screen and (min-width: 35em) {
  .footer-nav-large a.left, .footer-nav-small a.left, .discuss, .about-us, .thoughts-feed, .latest-tweet, .contact > article {
    text-align: left; } }

.news-grid {
  padding: 2em 0 1.5em;
  border-top: solid 1px #ebebeb;
  background-image: none;
  text-align: center;
  position: relative; }
  @media screen and (min-width: 53.75em) {
    .news-grid {
      width: 50%;
      float: left;
      height: 18.750em;
      padding: 0;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
      .news-grid:after {
        display: block; } }
  .news-grid:after {
    display: none; }
    @media screen and (min-width: 53.75em) {
      .news-grid:after {
        display: block; } }
  @media screen and (min-width: 53.75em) {
    .news-grid .content {
      position: relative;
      z-index: 3;
      height: 18.750em;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      transition: opacity 0.3s; } }
  @media screen and (min-width: 53.75em) {
    .news-grid {
      padding: 0.625em 0.625em 1.250em;
      width: 33.3%;
      border-left: solid 1px #fff; }
      .news-grid:first-child {
        border-left: none; }
      .news-grid:after {
        opacity: 0; } }
  .news-grid:first-child {
    border-top: none; }
    @media screen and (min-width: 53.75em) {
      .news-grid:first-child {
        border-top: solid 1px #ebebeb; } }
  .news-grid:hover:after {
    opacity: 1; }
  @media screen and (min-width: 53.75em) {
    .news-grid .content {
      padding: 0 1.250em; } }
  .news-grid .content .align {
    width: 99.9%; }

/**
* Global styles
*/
body {
  width: 100%; }

a, a:focus {
  outline: none; }

img, iframe {
  max-width: 100%; }

* {
  word-wrap: break-word; }

p, h1, h2, h3, h4, h5, h6 {
  -webkit-transition: font-size 0.3s;
  -moz-transition: font-size 0.3s;
  transition: font-size 0.3s; }

.video {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 56.25%; }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#first-name {
  display: none; }

/**
* Shared typography styles
*/
ul.disc, .news-articles .content ul, .news-articles .post ul {
  padding-left: 1.250em; }
  ul.disc li, .news-articles .content ul li, .news-articles .post ul li {
    list-style: none;
    font-size: 1.125rem;
    line-height: 1.5;
    margin: 5px 0 0 -5px;
    position: relative;
    padding: 10px 0 0 20px;
    text-align: left; }
    ul.disc li:before, .news-articles .content ul li:before, .news-articles .post ul li:before {
      position: absolute;
      top: 0;
      left: 0;
      content: "\002022";
      font-size: 1.750rem;
      color: #ff7f07;
      margin-right: 0.313em; }

.extreme, .big, .title, blockquote footer p, .news-grid h3, .news-categories ul li, .work-nav ul li a, .work-grid .content .align, .work-contact .content .align, .client-wall header h1, .about-us h1, .thoughts-feed h1, .latest-tweet h1, .contact > article h1, .clients h1, .thoughts-feed .label, .slider-client-slide h1, .slider-client-slide h2 {
  text-transform: uppercase; }

.contact-form .content, .contact-form p, .work-nav ul li a.active, .work-nav ul li a:hover, .work-grid h2, .work-grid p, .work-contact h2, .work-contact p, .about-us, .about-us p, .thoughts-feed .label, .contact h1, .slider-client-slide h1, .slider-client-slide h2, .swiper-outer-wrap .close-btn span, .swiper-outer-wrap .mobile-nav.white .scroll-btn .icon-circle-arrow-down {
  color: #fff; }

.scroll-btn:hover, .link-icon:hover, .nav-black nav ul li a:hover, .nav-white nav ul li a:hover, .nav-black .logo a:hover, .nav-white .logo a:hover, .nav-black .toggle:hover, .nav-white .toggle:hover, .footer-nav-large a:hover, .footer-nav-small a:hover, .circle-nav-fill ul li.arrow a:hover, .circle-nav-outline ul li.arrow a:hover, .circle-nav-fill .swiper-pagination-switch.arrow a:hover, .circle-nav-outline .swiper-pagination-switch.arrow a:hover, .primary-footer .social li a:hover, .news-header a:hover, .news-articles .content > h1 a:hover, .news-articles .post > h1 a:hover, .news-footer a:hover, .news-search-field .toggle:hover, .news-search-field .close:hover, .news-categories ul li a:hover, .authors-list .author a:hover, .author-header .social li a:hover, .thoughts-feed .label:hover, .swiper-outer-wrap .close-btn:hover, .swiper-outer-wrap .target:hover {
  border-bottom: none; }

@font-face {
  font-family: Proxima;
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/proxima/ProximaNova_Regular.eot");
  src: url("/fonts/proxima/ProximaNova_Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima/ProximaNova_Regular.woff") format("woff"), url("/fonts/proxima/ProximaNova_Regular.ttf") format("truetype"), url("/fonts/proxima/ProximaNova_Regular.svg#Proxima") format("svg"); }
@font-face {
  font-family: ProximaBold;
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/proxima/ProximaNova_Bold.eot");
  src: url("/fonts/proxima/ProximaNova_Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima/ProximaNova_Bold.woff") format("woff"), url("/fonts/proxima/ProximaNova_Bold.ttf") format("truetype"), url("/fonts/proxima/ProximaNova_Bold.svg#ProximaBold") format("svg"); }
@font-face {
  font-family: ProximaLight;
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/proxima/ProximaNova_Light.eot");
  src: url("/fonts/proxima/ProximaNova_Light.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima/ProximaNova_Light.woff") format("woff"), url("/fonts/proxima/ProximaNova_Light.ttf") format("truetype"), url("/fonts/proxima/ProximaNova_Light.svg#ProximaLight") format("svg"); }
@font-face {
  font-family: ProximaSemiBold;
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/proxima/ProximaNova_Semibold.eot");
  src: url("/fonts/proxima/ProximaNova_Semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima/ProximaNova_Semibold.woff") format("woff"), url("/fonts/proxima/ProximaNova_Semibold.ttf") format("truetype"), url("/fonts/proxima/ProximaNova_Semibold.svg#ProximaSemiBold") format("svg"); }
@font-face {
  font-family: Tisa;
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/tisa/tisapro-regular-webfont.eot");
  src: url("/fonts/tisa/tisapro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/tisa/tisapro-regular-webfont.woff") format("woff"), url("/fonts/tisa/tisapro-regular-webfont.ttf") format("truetype"), url("/fonts/tisa/tisapro-regular-webfont.svg#Tisa") format("svg"); }
@font-face {
  font-family: TisaBold;
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/tisa/tisapro-bold-webfont.eot");
  src: url("/fonts/tisa/tisapro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/tisa/tisapro-bold-webfont.woff") format("woff"), url("/fonts/tisa/tisapro-bold-webfont.ttf") format("truetype"), url("/fonts/tisa/tisapro-bold-webfont.svg#TisaBold") format("svg"); }
@font-face {
  font-family: TisaLight;
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/tisa/tisapro-light-webfont.eot");
  src: url("/fonts/tisa/tisapro-light-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/tisa/tisapro-light-webfont.woff") format("woff"), url("/fonts/tisa/tisapro-light-webfont.ttf") format("truetype"), url("/fonts/tisa/tisapro-light-webfont.svg#TisaLight") format("svg"); }
body {
  color: #000;
  font-family: "Tisa", serif;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

p, li, figcaption, address, time {
  font-size: 1.125rem;
  line-height: 1.667;
  color: #5d5e61; }
  p.large, li.large, figcaption.large, address.large, time.large {
    font-size: 1.5rem;
    line-height: 1.3; }

figcaption {
  line-height: 1.375em; }

p {
  margin: 1.389em 0; }

ul {
  padding: 0; }
  ul li {
    list-style: none; }

ul.disc li.title {
  font-family: "ProximaBold";
  color: #000; }
  ul.disc li.title:before {
    display: none; }

ol li {
  list-style: decimal;
  font-size: 1.125rem; }

strong {
  font-weight: normal;
  font-family: "TisaBold"; }

figcaption {
  color: #000;
  font-style: italic; }

address {
  font-style: normal; }

a {
  text-decoration: none;
  color: #ff7f07;
  -webkit-transition: color 0.1s;
  -moz-transition: color 0.1s;
  transition: color 0.1s; }
  a:hover {
    border-bottom: solid 1px #ff7f07; }

h1, h2, h3, h4, h5, h6 {
  font-family: "ProximaBold", Helvetica, Arial, serif;
  font-weight: normal;
  line-height: 1;
  margin: 0.900em 0 0.200em; }
  h1.light, h2.light, h3.light, h4.light, h5.light, h6.light {
    font-family: "ProximaLight", Helvetica, Arial, serif; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #000; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
      color: #ff7f07; }
  h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-family: "ProximaBold", Helvetica, Arial, serif; }

h1 {
  font-size: 2.3328rem; }

h2 {
  font-size: 1.86873rem; }

h3 {
  font-size: 1.55728rem; }

h4 {
  font-size: 1.29773rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1.08144rem; }

@media screen and (min-width: 35em) {
  h1 {
    font-size: 2.69097rem; } }

@media screen and (min-width: 35em) {
  h2 {
    font-size: 1.944rem; } }

@media screen and (min-width: 35em) {
  h3 {
    font-size: 1.62rem; } }

@media screen and (min-width: 35em) {
  h4 {
    font-size: 1.35rem; } }

@media screen and (min-width: 35em) {
  h5 {
    font-size: 1.29773rem; } }

@media screen and (min-width: 35em) {
  h6 {
    font-size: 1.125rem; } }

@media screen and (min-width: 53.75em) {
  h1 {
    font-size: 2.79936rem; } }

@media screen and (min-width: 53.75em) {
  h2 {
    font-size: 2.24248rem; } }

@media screen and (min-width: 53.75em) {
  h3 {
    font-size: 1.86873rem; } }

@media screen and (min-width: 53.75em) {
  h4 {
    font-size: 1.55728rem; } }

@media screen and (min-width: 53.75em) {
  h5 {
    font-size: 1.35rem; } }

@media screen and (min-width: 53.75em) {
  h6 {
    font-size: 1.29773rem; } }

.extreme {
  margin: 0.15em 0;
  line-height: 0.8;
  letter-spacing: 0px;
  font-size: 3rem; }
  @media screen and (min-width: 35em) {
    .extreme {
      font-size: 5.25rem; } }
  @media screen and (min-width: 57em) {
    .extreme {
      font-size: 7rem; } }
  @media screen and (min-width: 67em) {
    .extreme {
      font-size: 8.563rem; } }

.big {
  font-size: 3rem;
  line-height: 0.9; }
  @media screen and (min-width: 35em) {
    .big {
      font-size: 4rem; } }

.light-title {
  font-family: "Proxima", Helvetica, Arial, serif;
  font-size: 2.188rem;
  margin-bottom: 40px; }

q, blockquote > p {
  font-style: italic;
  quotes: "\201C" "\201D"; }
  q:before, blockquote > p:before {
    content: open-quote; }
  q:after, blockquote > p:after {
    content: close-quote; }

blockquote {
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 0.909em 0;
  margin: 6em 13%; }
  blockquote > p {
    font-size: 2.79936rem;
    color: #5d5e61; }
  blockquote footer p {
    font-family: "Proxima";
    font-size: 1rem;
    font-style: normal;
    margin: 0; }
    blockquote footer p strong {
      font-family: "ProximaBold", Helvetica, Arial, serif; }

figure, .media {
  margin: 3.125em 0; }
  figure img, figure iframe, .media img, .media iframe {
    max-width: 100%; }

/**
* Button styles
*/
.btn, .btn.large {
  display: inline-block;
  background: none;
  padding: 1em 0 0.833em;
  width: 13.500em;
  margin: 0.556em auto 0;
  min-height: 2.889em;
  line-height: 1.111em;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: normal;
  font-family: "ProximaSemiBold";
  font-size: 1.125rem;
  letter-spacing: 1px;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s, color 0.2s, border 0.2s;
  -moz-transition: background 0.2s, color 0.2s, border 0.2s;
  transition: background 0.2s, color 0.2s, border 0.2s; }

.btn {
  border: solid 2px #000;
  color: #000; }
  .btn:hover {
    border-bottom: solid 2px #000;
    background: #000;
    color: #fff; }
  .btn.fill {
    background: #000;
    color: #fff; }
    .btn.fill:hover {
      color: #fff;
      background: #666;
      border-color: #666; }

.btn.large {
  padding: 1.111em 0;
  width: 100%; }
  @media screen and (min-width: 53.75em) {
    .btn.large {
      width: 14.688em; } }

.btn.auto {
  padding: 0.833em 2.222em;
  width: auto; }

.btn.black, .btn-large.black {
  border: solid 2px #000;
  color: #000; }
  .btn.black:hover, .btn-large.black:hover {
    border-bottom: solid 2px #000;
    background: #000;
    color: #fff; }
  .btn.black.fill, .btn-large.black.fill {
    background: #000;
    color: #fff; }
    .btn.black.fill:hover, .btn-large.black.fill:hover {
      color: #fff;
      background: #666;
      border-color: #666; }

.btn.white, .btn-large.white {
  border: solid 2px #fff;
  color: #fff; }
  .btn.white:hover, .btn-large.white:hover {
    border-bottom: solid 2px #fff;
    background: #fff;
    color: #000; }
  .btn.white.fill, .btn-large.white.fill {
    background: #fff;
    color: #fff; }
    .btn.white.fill:hover, .btn-large.white.fill:hover {
      color: #fff;
      background: #000;
      border-color: #000; }
  .btn.white.fill, .btn-large.white.fill {
    color: #000; }

.btn.orange, .btn-large.orange, .btn.orange-dark {
  border: solid 2px #ff7f07;
  color: #ff7f07; }
  .btn.orange:hover, .btn-large.orange:hover, .btn.orange-dark:hover {
    border-bottom: solid 2px #ff7f07;
    background: #ff7f07;
    color: #fff; }
  .btn.orange.fill, .btn-large.orange.fill, .btn.orange-dark.fill {
    background: #ff7f07;
    color: #fff; }
    .btn.orange.fill:hover, .btn-large.orange.fill:hover, .btn.orange-dark.fill:hover {
      color: #ff7f07;
      background: #fff;
      border-color: #fff; }

.btn.orange-dark:hover {
  background: #000 !important; }

.btn.blue, .btn-large.blue {
  border: solid 2px #2d9ce8;
  color: #2d9ce8; }
  .btn.blue:hover, .btn-large.blue:hover {
    border-bottom: solid 2px #2d9ce8;
    background: #2d9ce8;
    color: #fff; }
  .btn.blue.fill, .btn-large.blue.fill {
    background: #2d9ce8;
    color: #fff; }
    .btn.blue.fill:hover, .btn-large.blue.fill:hover {
      color: #2d9ce8;
      background: #fff;
      border-color: #fff; }

.btn.icon {
  position: relative;
  padding-left: 1.54em; }
  .btn.icon [class^="icon-"], .btn.icon [class*=" icon-"] {
    position: absolute;
    left: 2.9em;
    top: 32%;
    font-size: 1.125rem;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }

input[type="submit"].btn, button.btn {
  font-family: "Proxima"; }

@media screen and (min-width: 35em) {
  .btn-row .btn {
    margin-right: 0.833em; } }

.scroll-btn [class^="icon-"], .scroll-btn [class*=" icon-"] {
  position: relative;
  bottom: -1.481em;
  font-size: 3rem;
  color: #fff;
  -webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  transition: bottom 0.3s; }
.scroll-btn:hover [class^="icon-"], .scroll-btn:hover [class*=" icon-"] {
  bottom: -1.389em; }

/**
* Icon Font styles
*/
@font-face {
  font-family: DSIcons;
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/icons/ds-icons.eot");
  src: url("/fonts/icons/ds-icons.eot?#iefix") format("embedded-opentype"), url("/fonts/icons/ds-icons.woff") format("woff"), url("/fonts/icons/ds-icons.ttf") format("truetype"), url("/fonts/icons/ds-icons.svg#DSIcons") format("svg"); }
[class^="icon-"], [class*=" icon-"] {
  font-family: "DSIcons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2em;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

a [class^="icon-"].black, a [class*=" icon-"].black,
[class^="icon-"].black, [class*=" icon-"].black {
  color: #000; }

a [class^="icon-"].white, a [class*=" icon-"].white,
[class^="icon-"].white, [class*=" icon-"].white {
  color: #fff; }

a [class^="icon-"].orange, a [class*=" icon-"].orange,
[class^="icon-"].orange, [class*=" icon-"].orange {
  color: #ff7f07; }

a .icon-arrow-left.black, .icon-arrow-left.black,
a .icon-arrow-right.black, .icon-arrow-right.black,
a .icon-close.black, .icon-close.black {
  color: #000; }
  a .icon-arrow-left.black:hover, .icon-arrow-left.black:hover,
  a .icon-arrow-right.black:hover, .icon-arrow-right.black:hover,
  a .icon-close.black:hover, .icon-close.black:hover {
    background: #000;
    color: #fff; }
a .icon-arrow-left.white, .icon-arrow-left.white,
a .icon-arrow-right.white, .icon-arrow-right.white,
a .icon-close.white, .icon-close.white {
  color: #fff; }
  a .icon-arrow-left.white:hover, .icon-arrow-left.white:hover,
  a .icon-arrow-right.white:hover, .icon-arrow-right.white:hover,
  a .icon-close.white:hover, .icon-close.white:hover {
    background: #fff;
    color: #000; }
a .icon-arrow-left.orange, .icon-arrow-left.orange,
a .icon-arrow-right.orange, .icon-arrow-right.orange,
a .icon-close.orange, .icon-close.orange {
  color: #ff7f07; }
  a .icon-arrow-left.orange:hover, .icon-arrow-left.orange:hover,
  a .icon-arrow-right.orange:hover, .icon-arrow-right.orange:hover,
  a .icon-close.orange:hover, .icon-close.orange:hover {
    background: #ff7f07;
    color: #fff; }

a [class^="icon-"].fill.white, [class*=" icon-"].fill.white,
[class^="icon-"].fill.white, [class*=" icon-"].fill.white {
  background: #fff;
  color: #ff7f07; }
  a [class^="icon-"].fill.white:hover, [class*=" icon-"].fill.white:hover,
  [class^="icon-"].fill.white:hover, [class*=" icon-"].fill.white:hover {
    color: #ff7f07;
    background: #fff; }
a [class^="icon-"].fill.orange, [class*=" icon-"].fill.orange,
[class^="icon-"].fill.orange, [class*=" icon-"].fill.orange {
  background: #ff7f07;
  color: #fff; }
  a [class^="icon-"].fill.orange:hover, [class*=" icon-"].fill.orange:hover,
  [class^="icon-"].fill.orange:hover, [class*=" icon-"].fill.orange:hover {
    color: #ff7f07;
    background: #fff; }

.link-icon [class^="icon-"], .link-icon [class*=" icon-"] {
  position: relative;
  top: 6px;
  left: 5px;
  font-size: 1.6rem; }
.link-icon.left [class^="icon-"], .link-icon [class*=" icon-"] {
  left: 0; }
@media screen and (min-width: 53.75em) {
  .link-icon:hover .icon-circle-arrow-right {
    left: 10px; }
  .link-icon:hover .icon-circle-arrow-left {
    left: -5px; } }

.icon-globe:before {
  content: "\e600"; }

.icon-scalable:before {
  content: "\e601"; }

.icon-web-editor:before {
  content: "\e602"; }

.icon-users:before {
  content: "\e603"; }

.icon-twitter-small:before {
  content: "\e604"; }

.icon-twitter:before {
  content: "\e605"; }

.icon-tactics:before {
  content: "\e606"; }

.icon-sitecore-logo:before {
  content: "\e607"; }

.icon-sitecore:before {
  content: "\e608"; }

.icon-search:before {
  content: "\e609"; }

.icon-rocket:before {
  content: "\e60a"; }

.icon-responsive:before {
  content: "\e60b"; }

.icon-speaker:before {
  content: "\e60c"; }

.icon-book:before {
  content: "\e60d"; }

.icon-arsenal:before {
  content: "\e60e"; }

.icon-popcorn:before {
  content: "\e60f"; }

.icon-plus:before {
  content: "\e610"; }

.icon-circle-plus:before {
  content: "\e611"; }

.icon-circle-play:before {
  content: "\e612"; }

.icon-phone-money:before {
  content: "\e613"; }

.icon-pen-ruler:before {
  content: "\e614"; }

.icon-money:before {
  content: "\e615"; }

.icon-microphone:before {
  content: "\e616"; }

.icon-measuring:before {
  content: "\e617"; }

.icon-menu:before {
  content: "\e618"; }

.icon-linkedin:before {
  content: "\e619"; }

.icon-like:before {
  content: "\e61a"; }

.icon-like-small:before {
  content: "\e61b"; }

.icon-lightbulb:before {
  content: "\e61c"; }

.icon-lightbulb-off:before {
  content: "\e61d"; }

.icon-iphone:before {
  content: "\e61e"; }

.icon-instagram:before {
  content: "\e61f"; }

.icon-guage:before {
  content: "\e620"; }

.icon-grid:before {
  content: "\e621"; }

.icon-graph:before {
  content: "\e622"; }

.icon-google:before {
  content: "\e623"; }

.icon-flickr:before {
  content: "\e625"; }

.icon-flickr-large:before {
  content: "\e626"; }

.icon-facebook:before {
  content: "\e627"; }

.icon-eye:before {
  content: "\e628"; }

.icon-ee:before {
  content: "\e629"; }

.icon-accelorators:before {
  content: "\e62a"; }

.icon-analysis:before {
  content: "\e62b"; }

.icon-circle-close:before {
  content: "\e62c"; }

.icon-close:before {
  content: "\e62d"; }

.icon-code-brush:before {
  content: "\e62e"; }

.icon-circle-arrow-right:before {
  content: "\e62f"; }

.icon-arrow-right:before {
  content: "\e630"; }

.icon-circle-arrow-left:before {
  content: "\e631"; }

.icon-arrow-left:before {
  content: "\e632"; }

.icon-circle-arrow-down:before {
  content: "\e633"; }

.icon-app:before {
  content: "\e634"; }

.icon-megaphone:before {
  content: "\e635"; }

.icon-personalization:before {
  content: "\e636"; }

/**
* Global form styles
*/
input.field, textarea.field {
  border: solid 1px #dcdde1;
  background: #dcdde1;
  color: #5d5e61;
  font-family: "Tisa";
  font-weight: 100;
  width: 100%;
  padding: 0.9em 1em 0.95em;
  text-align: left; }
  input.field:focus, textarea.field:focus {
    background: #fff;
    border-color: #fff; }
  input.error.field, textarea.error.field {
    background: #fbdfdc;
    border-color: #e74c3c;
    color: #e74c3c; }

.fields {
  padding: 0;
  margin: 0 0 1.125em 0; }

input.field, textarea.field {
  display: block;
  outline: none;
  border-radius: 0;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s; }

.select-field {
  position: relative; }
  .select-field .select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    -webkit-appearance: menulist-button;
    opacity: 0;
    z-index: 999; }
  .select-field .carot {
    display: block;
    content: '';
    position: absolute;
    top: 27px;
    right: 20px;
    z-index: 999;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #5d5e61; }

/**
* Contact form specific styles.
* Used on contact page and individual service pages
*/
.contact-form {
  padding: 4.688em 0;
  background-image: url(/img/contact/bg_contact.jpg);
  background-color: #37393d; }
  .contact-form.large {
    padding: 5em 0 5em; }
    @media screen and (min-width: 53.75em) {
      .contact-form.large {
        padding: 8.750em 0 5.313em; } }
  .contact-form.simple {
    background: #212224; }
  .contact-form .content {
    text-align: center; }
    @media screen and (min-width: 53.75em) {
      .contact-form .content {
        padding: 0; } }
  .contact-form form {
    margin-top: 2em; }
    @media screen and (min-width: 35em) {
      .contact-form form {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: 8.5298%; }
        .contact-form form:last-child {
          margin-right: 0; } }
  .contact-form .fields {
    margin-bottom: 0; }
    @media screen and (min-width: 35em) {
      .contact-form .fields {
        margin-bottom: 1.125em; } }
    .contact-form .fields li {
      margin-bottom: 1.125em; }
      @media screen and (min-width: 35em) {
        .contact-form .fields li {
          margin-bottom: 0;
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 48.82117%; }
          .contact-form .fields li:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 35em) {
        .contact-form .fields li.full-width {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 100%; }
          .contact-form .fields li.full-width:last-child {
            margin-right: 0; } }
  .contact-form .btn {
    margin: 0; }
  .contact-form h1 {
    font-size: 2em; }
    @media screen and (min-width: 53.75em) {
      .contact-form h1 {
        font-size: 2.750em; } }
  .contact-form p {
    margin: 0; }
  .contact-form.simple .title {
    text-transform: none;
    font-family: ProximaLight;
    font-size: 2.750em;
    margin-top: 0; }

/**
* Global navigation
*/
.nav-black, .nav-white {
  position: absolute;
  padding-bottom: 1em;
  padding-top: 1.2em;
  width: 100%;
  min-height: 70px;
  z-index: 999;
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  @media screen and (min-width: 53.75em) {
    .nav-black, .nav-white {
      position: fixed;
      padding-bottom: 1.563em;
      padding-top: 1.500em; } }
  .pinned.nav-black, .pinned.nav-white, .static.nav-black, .static.nav-white {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .unpinned.nav-black, .unpinned.nav-white {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px); }
  .static.nav-black, .static.nav-white {
    position: relative; }
  .nav-black nav, .nav-white nav {
    height: 0;
    overflow: hidden;
    margin-top: 40px;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s; }
    .nav-black nav:last-child, .nav-white nav:last-child {
      margin-right: 0; }
    @media screen and (min-width: 53.75em) {
      .nav-black nav, .nav-white nav {
        height: auto;
        width: 100%;
        margin-top: 0; } }
    .nav-black nav ul, .nav-white nav ul {
      margin-top: 0.625em;
      margin-bottom: 0; }
      @media screen and (min-width: 53.75em) {
        .nav-black nav ul, .nav-white nav ul {
          width: 100%;
          float: right;
          margin-right: 0.4em;
          margin-top: 0;
          text-align: right; } }
      .nav-black nav ul li, .nav-white nav ul li {
        display: block;
        font-family: "ProximaSemiBold";
        font-weight: normal;
        text-transform: uppercase; }
        @media screen and (min-width: 53.75em) {
          .nav-black nav ul li, .nav-white nav ul li {
            margin-left: 1em;
            display: inline-block;
            -webkit-transition: margin-left 0.3s;
            -moz-transition: margin-left 0.3s;
            transition: margin-left 0.3s; } }
        @media screen and (min-width: 50em) {
          .nav-black nav ul li, .nav-white nav ul li {
            margin-left: 1.875em; } }
        @media screen and (min-width: 67em) {
          .nav-black nav ul li, .nav-white nav ul li {
            margin-left: 3em; } }
        .nav-black nav ul li a, .nav-white nav ul li a {
          display: block;
          padding: 0;
          line-height: 3;
          font-size: 0.938rem;
          border-top: solid 1px #ebebeb;
          -webkit-transition: color 0.2s;
          -moz-transition: color 0.2s;
          transition: color 0.2s; }
          @media screen and (min-width: 53.75em) {
            .nav-black nav ul li a, .nav-white nav ul li a {
              border-top: none;
              font-size: 0.8rem;
              line-height: 100%; } }
          @media screen and (min-width: 56.25em) {
            .nav-black nav ul li a, .nav-white nav ul li a {
              font-size: 1rem; } }
          .nav-black nav ul li a:hover, .nav-white nav ul li a:hover, .nav-black nav ul li a.active, .nav-white nav ul li a.active {
            color: #ff7f07; }
  .active.nav-black nav, .active.nav-white nav {
    height: 15.000em; }
    @media screen and (min-width: 53.75em) {
      .active.nav-black nav, .active.nav-white nav {
        height: auto; } }
  .nav-black .logo, .nav-white .logo {
    margin-top: 0;
    margin-bottom: 0;
    width: 200px;
    position: absolute;
    top: 20px; }
    .nav-black .logo a, .nav-white .logo a {
      text-indent: -9999px;
      display: block;
      height: 30px;
      background: url(/img/sprite_digitalsurgeons.png) no-repeat 0 0;
      background-size: 99%; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25 / 1), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.25dppx) {
        .nav-black .logo a, .nav-white .logo a {
          background-image: url(/img/sprite_digitalsurgeons@2x.png); } }
  .nav-black .toggle, .nav-white .toggle {
    position: absolute;
    top: 1.1em;
    right: 1.125em; }
    .nav-black .toggle.menu, .nav-white .toggle.menu {
      display: block; }
      @media screen and (min-width: 53.75em) {
        .nav-black .toggle.menu, .nav-white .toggle.menu {
          display: none; } }
      .nav-black .toggle.menu span, .nav-white .toggle.menu span {
        color: #000;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        transition: 0s; }

.footer-nav-large a, .footer-nav-small a {
  width: 100%;
  display: block;
  background: #f5f7f8;
  border-top: solid 1px #cccccc;
  font-family: "ProximaBold";
  color: #000; }
  @media screen and (min-width: 53.75em) {
    .footer-nav-large a, .footer-nav-small a {
      width: 50%;
      float: left; }
      .footer-nav-large a:first-child, .footer-nav-small a:first-child {
        border-right: solid 1px #cccccc; } }
  @media screen and (min-width: 35em) {
    .footer-nav-large a.right, .footer-nav-small a.right {
      text-align: right; } }
  .footer-nav-large a[href]:hover, .footer-nav-small a[href]:hover {
    border-top-color: #000;
    background: #000; }
    .footer-nav-large a[href]:hover, .footer-nav-small a[href]:hover, .footer-nav-large a[href]:hover *, .footer-nav-small a[href]:hover * {
      color: #fff; }
  .footer-nav-large a h5, .footer-nav-small a h5 {
    font-family: "Tisa";
    color: #5d5e61;
    margin: 0 0 0.625em;
    display: inline-block; }
  .footer-nav-large a p, .footer-nav-small a p {
    margin: 0;
    line-height: 100%; }
  .footer-nav-large a span, .footer-nav-small a span {
    display: none; }
    @media screen and (min-width: 35em) {
      .footer-nav-large a span, .footer-nav-small a span {
        display: inline-block; } }
  .footer-nav-large a, .footer-nav-small a, .footer-nav-large a h5, .footer-nav-small a h5, .footer-nav-large a span, .footer-nav-small a span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
  .footer-nav-large a span, .footer-nav-small a span, .footer-nav-large a h5, .footer-nav-small a h5 {
    color: #5d5e61; }

.nav-black {
  background: none; }
  .nav-black.pinned, .nav-black.unpinned {
    background: #000000; }
    @media screen and (min-width: 53.75em) {
      .nav-black.pinned, .nav-black.unpinned {
        background: rgba(0, 0, 0, 0.8); } }
  .nav-black.static, .nav-black.active {
    background: #000000; }
  .nav-black nav ul li a {
    color: #fff;
    border-color: #262626; }
  .nav-black .logo a {
    background-position: 0 -32px; }
  .nav-black .toggle.menu span {
    color: #fff; }

.black-hover nav ul li a:hover, .black-hover nav ul li a.active {
  color: #000; }
.black-hover.pinned nav ul li a:hover, .black-hover.pinned nav ul li a.active {
  color: #ff7f07 !important; }

.nav-white {
  background: none; }
  .nav-white nav ul li a {
    color: #737373; }
  .nav-white.pinned, .nav-white.unpinned {
    background: #ffffff; }
    @media screen and (min-width: 53.75em) {
      .nav-white.pinned, .nav-white.unpinned {
        background: rgba(255, 255, 255, 0.8); } }
  .nav-white.static, .nav-white.active {
    background: #ffffff; }

/*.nav-gray {
	nav ul li a {
		border-color: lighten(#363636, 10%);
	}
	@include navbar(#363636);
}*/
.circle-nav-fill ul, .circle-nav-outline ul {
  min-width: 200px; }
.circle-nav-fill ul li, .circle-nav-outline ul li, .circle-nav-fill .swiper-pagination-switch, .circle-nav-outline .swiper-pagination-switch {
  display: inline-block;
  margin-right: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%; }
  .circle-nav-fill ul li:last-child, .circle-nav-outline ul li:last-child, .circle-nav-fill .swiper-pagination-switch:last-child, .circle-nav-outline .swiper-pagination-switch:last-child {
    margin-right: 0; }
  .circle-nav-fill ul li.arrow, .circle-nav-outline ul li.arrow, .circle-nav-fill .swiper-pagination-switch.arrow, .circle-nav-outline .swiper-pagination-switch.arrow {
    border-radius: 0;
    width: 25px;
    height: 30px;
    position: relative;
    top: 8px; }
    .circle-nav-fill ul li.arrow:last-child, .circle-nav-outline ul li.arrow:last-child, .circle-nav-fill .swiper-pagination-switch.arrow:last-child, .circle-nav-outline .swiper-pagination-switch.arrow:last-child {
      left: 3px; }
    .circle-nav-fill ul li.arrow span, .circle-nav-outline ul li.arrow span, .circle-nav-fill .swiper-pagination-switch.arrow span, .circle-nav-outline .swiper-pagination-switch.arrow span {
      font-size: 1.3em; }
  .circle-nav-fill ul li a, .circle-nav-outline ul li a, .circle-nav-fill .swiper-pagination-switch a, .circle-nav-outline .swiper-pagination-switch a {
    display: block;
    width: 100%;
    height: 100%; }
.circle-nav-fill ul li.active, .circle-nav-outline ul li.active, .circle-nav-fill .swiper-active-switch, .circle-nav-outline .swiper-active-switch {
  width: 10px;
  height: 10px;
  position: relative;
  top: 2px; }

.footer-nav-large a {
  height: 6.875em;
  padding: 1.563em 5% 0; }
.footer-nav-large a {
  overflow: hidden;
  position: relative; }

.footer-nav-small a {
  height: 4.688em;
  padding: 0.813em 5% 0; }
.footer-nav-small a {
  line-height: 3; }
  .footer-nav-small a span {
    position: relative;
    top: 0.2em;
    margin: 0 0.625em; }

.circle-nav-fill ul li, .circle-nav-fill .swiper-pagination-switch {
  background: #797979; }
  .circle-nav-fill ul li.arrow, .circle-nav-fill .swiper-pagination-switch.arrow {
    background: none; }
    .circle-nav-fill ul li.arrow a, .circle-nav-fill .swiper-pagination-switch.arrow a {
      color: #797979; }
.circle-nav-fill ul li.active, .circle-nav-fill .swiper-active-switch {
  background: none;
  border: solid 2px #797979; }
.circle-nav-fill.white ul li, .circle-nav-fill.white .swiper-pagination-switch {
  background: #fff; }
  .circle-nav-fill.white ul li.arrow, .circle-nav-fill.white .swiper-pagination-switch.arrow {
    background: none; }
    .circle-nav-fill.white ul li.arrow a, .circle-nav-fill.white .swiper-pagination-switch.arrow a {
      color: #fff; }
.circle-nav-fill.white ul li.active, .circle-nav-fill.white .swiper-active-switch {
  background: none;
  border: solid 2px #fff; }
.circle-nav-fill.black ul li, .circle-nav-fill.black .swiper-pagination-switch {
  background: #000; }
.circle-nav-fill.black ul li.active, .circle-nav-fill.black .swiper-active-switch {
  background: none;
  border-color: #000; }
.circle-nav-fill ul li, .circle-nav-fill ul li a span, .circle-nav-fill .swiper-pagination-switch {
  -webkit-transition: color 0.3s ease-out 0s, border 0.3s ease-out 0s, background 0.3s ease-out 0s;
  -moz-transition: color 0.3s ease-out 0s, border 0.3s ease-out 0s, background 0.3s ease-out 0s;
  transition: color 0.3s ease-out 0s, border 0.3s ease-out 0s, background 0.3s ease-out 0s; }

.circle-nav-outline ul li, .circle-nav-outline .swiper-pagination-switch {
  background: #fff; }
.circle-nav-outline ul li.active, .circle-nav-outline .swiper-active-switch {
  background: none;
  border: solid 2px #fff; }
.circle-nav-outline ul li, .circle-nav-outline ul li a span, .circle-nav-outline .swiper-pagination-switch {
  -webkit-transition: color 0.3s ease-out 0s, border 0.3s ease-out 0s, background 0.3s ease-out 0s;
  -moz-transition: color 0.3s ease-out 0s, border 0.3s ease-out 0s, background 0.3s ease-out 0s;
  transition: color 0.3s ease-out 0s, border 0.3s ease-out 0s, background 0.3s ease-out 0s; }

/**
* Footer styles
*/
.primary-footer {
  background: #000;
  padding: 1.875em 0;
  z-index: 3;
  position: relative;
  clear: both; }
  @media screen and (min-width: 55em) {
    .primary-footer .social {
      margin-top: 0.625em;
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%; }
      .primary-footer .social:last-child {
        margin-right: 0; }
      .primary-footer .social ul li {
        margin-right: 1.125em; }
    .primary-footer .careers {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      float: right; }
      .primary-footer .careers:last-child {
        margin-right: 0; }
      .primary-footer .careers p {
        float: right;
        padding: 0; } }
  .primary-footer .social, .primary-footer .careers {
    display: block;
    float: none;
    width: 100%;
    margin: 0; }
  .primary-footer .social {
    padding-top: 5px; }
    @media screen and (min-width: 55em) {
      .primary-footer .social ul {
        text-align: left; } }
    .primary-footer .social li {
      display: inline-block;
      margin-right: 0.313em;
      border: solid 1px #454545; }
      .primary-footer .social li, .primary-footer .social li a {
        height: 3em;
        width: 3em; }
      .primary-footer .social li a {
        display: block; }
      .primary-footer .social li span {
        line-height: 1.9;
        font-size: 1.5em; }
  .primary-footer .careers p {
    color: #969999;
    margin: 0 0 2.5em;
    padding: 0 0.625em; }
    @media screen and (min-width: 53.75em) {
      .primary-footer .careers p {
        margin-top: 1.7em; } }

/*
 * Swiper 2.5.5
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: March 23, 2014
*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  float: left; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x; }

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
  /* Specify Swiper's Size: */
  /*width:200px;
  height: 100px;*/ }

.swiper-slide {
  /* Specify Slides's Size: */
  /*width: 100%;
  height: 100%;*/ }

.swiper-slide-active {
  /* Specific active slide styling: */ }

.swiper-slide-visible {
  /* Specific visible slide styling: */ }

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
  /* Stylize pagination button: */ }

.swiper-active-switch {
  /* Specific active button style: */ }

.swiper-visible-switch {
  /* Specific visible button style: */ }

.news-header, .news-header img {
  width: 100%; }

.news-grid {
  padding-left: 1em;
  padding-right: 1em; }
  @media screen and (min-width: 53.75em) {
    .news-grid .content {
      opacity: 0; }
    .news-grid:hover .content {
      opacity: 1; }
    .news-grid a:hover .link-icon .icon-circle-arrow-right {
      left: 15px; }
    .news-grid a:hover h3 {
      -webkit-transform: translateY(-5px);
      -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      -o-transform: translateY(-5px);
      transform: translateY(-5px); } }
  .news-grid .link-icon {
    margin-top: 2.5em;
    color: #ff7f07; }
  .news-grid h3 {
    color: #444;
    margin-bottom: 0; }
  @media screen and (min-width: 53.75em) {
    .news-grid h3, .news-grid address {
      color: #fff; } }
  .news-grid h3, .news-grid .icon-circle-arrow-right {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }

.sidebar {
  display: none; }
  @media screen and (min-width: 53.75em) {
    .sidebar {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 6.17215%; }
      .sidebar:last-child {
        margin-right: 0; } }
  .sidebar .share-tools {
    min-width: 20px;
    margin-top: 45px; }
    .sidebar .share-tools li {
      margin-bottom: 5px; }
      .sidebar .share-tools li.fb {
        margin-bottom: 10px; }
    .sidebar .share-tools iframe {
      max-width: none; }

@media screen and (min-width: 53.75em) {
  .news-list {
    padding: 2.5em 0 5.625em; } }

.news-articles {
  padding: 1.125em 0;
  width: 100%; }
  @media screen and (min-width: 53.75em) {
    .news-articles {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      padding: 0;
      margin-left: 8.5298%; }
      .news-articles:last-child {
        margin-right: 0; } }
  .news-articles.single {
    margin-left: 0%; }
  .news-articles > header h1 {
    margin-top: 0; }
    @media screen and (min-width: 53.75em) {
      .news-articles > header h1 {
        margin: 0.900em 0 0.200em; } }
  .news-articles .content img {
    width: auto !important;
    height: auto !important; }

.news-articles .content, .news-articles .post {
  margin-bottom: 4.688em; }

.news-footer {
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 1.875em 0;
  margin: 6.875em 0 3.125em;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%; }
  .news-footer:last-child {
    margin-right: 0; }
  @media screen and (min-width: 35em) {
    .news-footer address, .news-footer .author {
      float: left; } }
  .news-footer .author {
    margin: 0 0.625em 0 0; }
  @media screen and (min-width: 35em) {
    .news-footer .author, .news-footer .info {
      float: left;
      margin-right: 1.125em; } }
  .news-footer address, .news-footer time {
    margin-top: 0.625em; }
  .news-footer h4 {
    font-size: 0.875rem;
    line-height: 0;
    color: #464646;
    text-transform: uppercase;
    margin: 1.429em 0 0.714em; }
  .news-footer p {
    margin: 0; }
  .news-footer a {
    display: block; }

.post .news-footer {
  padding: 0;
  margin: 1.35em 0 0;
  border-bottom: none; }
  .post .news-footer a {
    display: inline; }
  .post .news-footer .info, .post .news-footer .article-time {
    padding-top: 0.438em; }

.author img {
  width: 100px;
  border-radius: 50%;
  border: solid 1px #f0f0f0; }
.author.small img {
  width: 50px; }

.author-info, .related-article, .article-time {
  width: 100%; }
  @media screen and (min-width: 35em) {
    .author-info, .related-article, .article-time {
      margin-top: 0;
      margin-bottom: 0; } }

.author-info {
  width: 100%; }
  @media screen and (min-width: 35em) {
    .author-info {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%; }
      .author-info:last-child {
        margin-right: 0; } }

.related-article, .article-time {
  width: 100%; }
  @media screen and (min-width: 35em) {
    .related-article, .article-time {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%; }
      .related-article:last-child, .article-time:last-child {
        margin-right: 0; } }

.related-article {
  margin-top: 4.688em; }
  @media screen and (min-width: 35em) {
    .related-article {
      margin-top: 0.625em; } }

.article-time {
  margin-top: 0.625em;
  font-style: italic; }
  @media screen and (min-width: 35em) {
    .article-time {
      text-align: right; } }

.discuss .btn {
  margin: 3em 0 4.375em; }

.news-subheader {
  height: 3.750em;
  border-top: solid 1px #e2e2e2;
  border-bottom: solid 1px #e2e2e2;
  background: #f5f5f5;
  position: relative; }

.news-search-field {
  position: absolute;
  top: 0;
  right: 0;
  height: 3.625em;
  width: 3.750em;
  z-index: 3;
  -webkit-transition: width 0.4s;
  -moz-transition: width 0.4s;
  transition: width 0.4s; }
  .news-search-field.active {
    width: 100%; }
    .news-search-field.active .field, .news-search-field.active .close {
      display: block; }
    .news-search-field.active .close {
      opacity: 1; }
    .news-search-field.active .toggle {
      left: 17px; }
      @media screen and (min-width: 67em) {
        .news-search-field.active .toggle {
          left: 30px; } }
  .news-search-field .field {
    background: #fff;
    height: 58px;
    font-size: 16px;
    padding: 7px 0 0 60px;
    display: none;
    border: none; }
    @media screen and (min-width: 53.75em) {
      .news-search-field .field {
        font-size: 24px;
        padding: 5px 0 0 90px; } }
  .news-search-field .toggle {
    color: #000;
    font-size: 0.8rem;
    position: absolute;
    top: 17px;
    left: 13px;
    z-index: 3;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s; }
  .news-search-field .close {
    position: absolute;
    right: 13px;
    top: 6px;
    opacity: 0;
    color: #000;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .news-search-field .close:hover {
      color: #ff7f07; }
    .news-search-field .close span {
      font-size: 3em; }

.news-categories {
  position: relative;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%; }
  .news-categories:last-child {
    margin-right: 0; }
  .news-categories ul {
    margin-top: 18px; }
    @media screen and (min-width: 53.75em) {
      .news-categories ul {
        float: right;
        margin-right: 5em; } }
    @media screen and (min-width: 68.75em) {
      .news-categories ul {
        width: 100%;
        margin-right: 0; } }
    .news-categories ul li {
      font-family: "ProximaSemiBold";
      font-size: 1em;
      display: none;
      -webkit-transition: font-size 0.3s;
      -moz-transition: font-size 0.3s;
      transition: font-size 0.3s; }
      @media screen and (min-width: 53.75em) {
        .news-categories ul li {
          display: inline-block;
          font-size: 0.875em;
          margin: 0 0.4em 0 2.5em; } }
      @media screen and (min-width: 68.75em) {
        .news-categories ul li {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 23.23176%;
          margin-left: 0; }
          .news-categories ul li:last-child {
            margin-right: 0; } }
      .news-categories ul li.active {
        display: inline-block; }
        .news-categories ul li.active:after {
          display: inline-block;
          content: '';
          position: relative;
          top: -2px;
          width: 0;
          height: 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 7px solid #000;
          margin-left: 10px; }
        @media screen and (min-width: 53.75em) {
          .news-categories ul li.active.no-category {
            display: none; } }
        @media screen and (min-width: 53.75em) {
          .news-categories ul li.active:after {
            display: none; } }
      .news-categories ul li a {
        color: #939393; }
      .news-categories ul li.active a, .news-categories ul li a:hover {
        color: #000; }
  .news-categories select {
    position: absolute;
    top: 0.938em;
    left: 1em;
    width: 30%;
    opacity: 0;
    display: block;
    z-index: 2;
    cursor: pointer; }
    @media screen and (min-width: 53.75em) {
      .news-categories select {
        display: none; } }

.news-search .results {
  padding: 1.563em 0; }
  .news-search .results h2 {
    font-size: 2.79936rem;
    font-family: "Proxima";
    color: #5d5e61;
    margin: 0; }
    .news-search .results h2 em {
      font-family: "Tisa";
      color: #000; }

.authors-list {
  padding-bottom: 5em; }
  .authors-list .author {
    width: 100%;
    height: 12.5em;
    float: left;
    margin-bottom: 3.750em; }
    @media screen and (min-width: 35em) {
      .authors-list .author {
        width: 50%; } }
    @media screen and (min-width: 53.75em) {
      .authors-list .author {
        width: 25%; } }
    .authors-list .author h2 {
      font-size: 1.6rem;
      color: #000;
      margin: 0.625em 0 0.313em; }
    .authors-list .author h2, .authors-list .author p.job {
      margin: 0;
      line-height: 1; }
    .authors-list .author p.job {
      font-style: italic; }

.author-header {
  border-bottom: solid 1px #cccccc;
  margin-bottom: 2.500em;
  position: relative; }
  .author-header .photo {
    margin: 1.25em 0; }
    @media screen and (min-width: 53.75em) {
      .author-header .photo {
        margin: 0;
        width: 10%;
        float: left; } }
  @media screen and (min-width: 53.75em) {
    .author-header .info {
      width: 90%;
      float: left;
      padding-left: 1.25em; } }
  .author-header .social {
    position: absolute;
    top: 0;
    right: 0; }
    .author-header .social li {
      display: inline-block;
      margin: 0 0.313em; }
      .author-header .social li a {
        color: #5d5e61;
        font-size: 0.8rem; }
  .author-header h2 {
    font-size: 2.188rem;
    margin: 0.286em 0 0.143em; }
  .author-header h2, .author-header p.job {
    line-height: 1; }
  .author-header p.job {
    margin: 0;
    font-style: italic; }

/**
* Work listing styles
*/
.work-nav {
  display: block;
  position: relative;
  background: #ff7f07;
  height: 3.125em;
  width: 100%;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  transition: width 0.2s; }
  @media screen and (min-width: 53.75em) {
    .work-nav {
      position: fixed;
      top: 6.250em;
      left: 0;
      z-index: 5;
      width: 3.125em;
      height: 3.125em;
      overflow: hidden; } }
  .work-nav .toggle {
    display: none; }
    @media screen and (min-width: 53.75em) {
      .work-nav .toggle {
        display: block;
        width: 3.125em;
        height: 3.125em; } }
    .work-nav .toggle span {
      color: #fff;
      font-size: 1.250rem;
      position: relative;
      top: 0.700em;
      left: -0.050em; }
  .work-nav ul {
    width: 100%;
    padding-top: 0.625em;
    margin: 0; }
    @media screen and (min-width: 53.75em) {
      .work-nav ul {
        left: 65px;
        width: 20.750em;
        position: absolute;
        top: 0; } }
    .work-nav ul li {
      display: inline-block;
      margin-right: 2.188em; }
      .work-nav ul li:last-child {
        margin-right: 0; }
      .work-nav ul li a {
        color: #ffcb9b;
        font-family: "Proxima"; }
  @media screen and (min-width: 53.75em) {
    .work-nav.active, .work-nav:hover {
      width: 27em; } }

.work-list {
  background: #000; }

.work-grid, .work-contact {
  text-align: center;
  position: relative;
  width: 100% !important; }
  @media screen and (min-width: 0px) {
    .work-grid, .work-contact {
      width: 50%;
      float: left;
      height: 18.750em;
      padding: 0;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
      .work-grid:after, .work-contact:after {
        display: block; } }
  .work-grid:after, .work-contact:after {
    display: none; }
    @media screen and (min-width: 0px) {
      .work-grid:after, .work-contact:after {
        display: block; } }
  @media screen and (min-width: 0px) {
    .work-grid .content, .work-contact .content {
      position: relative;
      z-index: 3;
      height: 18.750em;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      transition: opacity 0.3s; } }
  @media screen and (min-width: 53.75em) {
    .work-grid, .work-contact {
      width: 50% !important; } }
  .work-grid .content, .work-contact .content {
    height: 18.750em; }
    .work-grid .content .align, .work-contact .content .align {
      width: 90%;
      margin: 0 auto;
      opacity: 1;
      max-width: 35em; }
      @media screen and (min-width: 62.5em) {
        .work-grid .content .align, .work-contact .content .align {
          width: 80%; } }
  .work-grid h2, .work-contact h2 {
    font-size: 2.3328rem;
    margin: 0; }
    @media screen and (min-width: 35em) {
      .work-grid h2, .work-contact h2 {
        font-size: 2.79936rem; } }
  .work-grid p, .work-contact p {
    font-size: 1.55728rem;
    font-family: "Proxima";
    margin: 0; }

.work-grid:after {
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  transition: background 0.5s; }
.work-grid:hover:after {
  background: rgba(0, 0, 0, 0.2) !important; }
.work-grid:hover .content {
  opacity: 0; }
.work-grid:hover .client-logo {
  opacity: 1; }
.work-grid .content, .work-grid .client-logo {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s; }
.work-grid .client-logo {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  width: auto;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.work-contact {
  background: #1b1b1b;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s; }
  .work-contact:hover {
    background: #232323; }
  .work-contact:after {
    display: none; }
  .work-contact .link-icon {
    color: #ff7f07; }

[data-type="clients"] .work-grid[data-type="experiments"],
[data-type="experiments"] .work-grid[data-type="clients"] {
  opacity: 0;
  display: none; }

.client-wall {
  padding: 85px 0 100px; }
  .client-wall header {
    margin-bottom: 20px; }
    .client-wall header h1, .client-wall header p {
      margin: 10px 0;
      line-height: 1; }
    .client-wall header p {
      font-size: 1.5rem; }
  .client-wall .client-wall-wrap {
    width: 100%; }

.client {
  width: 100%;
  height: 145px;
  float: left; }
  @media screen and (min-width: 20em) {
    .client {
      width: 50%; } }
  @media screen and (min-width: 33em) {
    .client {
      width: 33.33333%; } }
  @media screen and (min-width: 53.75em) {
    .client {
      width: 25%; } }
  @media screen and (min-width: 61.25em) {
    .client {
      width: 16.666666667%; } }
  .client span {
    display: block;
    max-width: 180px;
    height: 140px;
    margin: 0 auto;
    background: url(/img/work/sprite_client_wall.jpg) no-repeat; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25 / 1), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.25dppx) {
      .client span {
        background-image: url(/img/work/sprite_client_wall@2x.jpg);
        background-size: 1060px 589px; } }
    .client span.unilever {
      background-position: 0 0; }
    .client span.camelbak {
      background-position: -180px 0; }
    .client span.fender {
      background-position: -360px 0; }
    .client span.barneys-ny {
      background-position: -540px 0; }
    .client span.borderfree {
      background-position: -720px 0; }
    .client span.crossfit {
      background-position: -900px 0; }
    .client span.kringle-candle {
      background-position: 0 -140px; }
    .client span.guess {
      background-position: -180px -140px; }
    .client span.vince-camuto {
      background-position: -360px -140px; }
    .client span.cambridge-satchel {
      background-position: -540px -140px; }
    .client span.sharp {
      background-position: -720px -140px; }
    .client span.akai {
      background-position: -900px -140px; }
    .client span.numark {
      background-position: 0 -280px; }
    .client span.gretsch {
      background-position: -180px -280px; }
    .client span.ovation {
      background-position: -360px -280px; }
    .client span.usta {
      background-position: -540px -280px; }
    .client span.hb-communications {
      background-position: -720px -280px; }
    .client span.tweed {
      background-position: -900px -280px; }
    .client span.irrational-games {
      background-position: 0 -420px; }
    .client span.epic-games {
      background-position: -180px -420px; }
    .client span.maoz {
      background-position: -360px -420px; }
    .client span.united-technologies {
      background-position: -540px -420px; }
    .client span.slow-food {
      background-position: -720px -420px; }
    .client span.sportika {
      background-position: -900px -420px; }
    .client span.nexxus {
      background-position: 0 -560px; }
    .client span.demandware {
      background-position: -180px -560px; }
    .client span.nugo {
      background-position: -360px -560px; }
    .client span.ge {
      background-position: -540px -560px; }
    .client span.net-a-porter {
      background-position: -720px -560px; }
    .client span.emc {
      background-position: -900px -560px; }

.video.results {
  margin-bottom: 2em; }

/**
* Home page
*/
.about-us, .thoughts-feed, .latest-tweet, .contact > article {
  padding: 3.125em 0; }
  @media screen and (min-width: 53.75em) {
    .about-us, .thoughts-feed, .latest-tweet, .contact > article {
      padding: 0; } }
  .about-us p, .thoughts-feed p, .latest-tweet p, .contact > article p, .about-us h1, .thoughts-feed h1, .latest-tweet h1, .contact > article h1 {
    margin: 15px 0; }

.about-us {
  background-image: url(/img/home/panel-about.jpg);
  background-color: #ff6805; }
  .about-us > article {
    width: 99.9%; }
  @media screen and (min-width: 53.75em) {
    .about-us .content {
      height: 38.188em;
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-left: 8.5298%; }
      .about-us .content:last-child {
        margin-right: 0; } }
  .about-us .content .align {
    width: 99.9%; }
  .about-us h1 {
    font-size: 3rem; }
    @media screen and (min-width: 53.75em) {
      .about-us h1 {
        font-size: 3.875rem; } }

.clients {
  background: #fff;
  position: relative;
  overflow: hidden;
  min-height: 30.625em;
  padding: 50px 0; }
  @media screen and (min-width: 53.75em) {
    .clients {
      padding: 7.188em 1.250em; } }
  .clients .content {
    overflow: hidden;
    padding: 0 20px; }
  .clients .clients-btn {
    position: absolute;
    bottom: 2.375em;
    left: 0;
    width: 100%; }
    @media screen and (min-width: 26.875em) {
      .clients .clients-btn {
        bottom: 6.9em; } }
  .clients h1 {
    color: #5d5e61; }

.about-us .content, .clients .content {
  width: 100%;
  margin: 0 auto; }
.about-us p, .clients p {
  margin: 0.3em 0 1.250em; }

.clients-slider {
  position: relative;
  max-width: 68em;
  margin: 50px auto; }
  .clients-slider .swiper-wrapper {
    height: 100px !important;
    position: relative;
    left: -75%; }
    @media screen and (min-width: 53.75em) {
      .clients-slider .swiper-wrapper {
        left: 0; } }
  .clients-slider .swiper-slide {
    height: 145px !important; }
  .clients-slider .client-slider-nav {
    display: none; }
    @media screen and (min-width: 67.5em) {
      .clients-slider .client-slider-nav {
        display: block; } }
    .clients-slider .client-slider-nav a {
      position: absolute;
      top: 35%; }
      .clients-slider .client-slider-nav a.left {
        left: -3.125em; }
      .clients-slider .client-slider-nav a.right {
        right: -3.125em; }

.thoughts-feed {
  position: relative;
  padding-bottom: 0; }
  .thoughts-feed .label {
    position: absolute;
    top: 0.063em;
    left: 0;
    z-index: 3;
    padding: 0 1.875em;
    margin: 0;
    line-height: 3.375;
    background: #000;
    font-style: italic;
    width: 100%; }
    @media screen and (min-width: 53.75em) {
      .thoughts-feed .label {
        width: auto; } }
    .thoughts-feed .label:hover {
      color: #ff7f07; }

.latest-tweet {
  display: none;
  padding: 0; }
  @media screen and (min-width: 53.75em) {
    .latest-tweet {
      display: block; } }
  .latest-tweet .tweet {
    position: relative;
    padding: 3.125em 0;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%;
    margin-left: 25.58941%; }
    .latest-tweet .tweet:last-child {
      margin-right: 0; }
    .latest-tweet .tweet p {
      margin: 0; }
  .latest-tweet .icon-twitter {
    position: absolute;
    top: 38%;
    left: -2.500em;
    color: #2d9ce8;
    font-size: 2.500rem; }
  .latest-tweet time {
    font-size: 1rem;
    font-style: italic; }

.contact > article {
  background-image: url(/img/home/bg_newhaven.jpg);
  background-color: #737270; }
.contact .content {
  padding: 2.500em 0; }
  @media screen and (min-width: 53.75em) {
    .contact .content {
      padding: 0;
      height: 40.625em; } }
.contact .align {
  width: 90%; }
  @media screen and (min-width: 53.75em) {
    .contact .align {
      width: 70%; } }
.contact h1 {
  font-size: 2.2rem; }
  @media screen and (min-width: 35em) {
    .contact h1 {
      font-size: 3.5rem; } }
  @media screen and (min-width: 53.75em) {
    .contact h1 {
      font-size: 3.875rem; } }

.newsletter {
  background: #ecf0f1;
  padding: 1.875em 0; }
  @media screen and (min-width: 53.75em) {
    .newsletter {
      padding: 2em 0 3.750em; } }
  .newsletter .content {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%; }
    .newsletter .content:last-child {
      margin-right: 0; }
  .newsletter .text, .newsletter .btn {
    width: 100%;
    display: block; }
  @media screen and (min-width: 53.75em) {
    .newsletter .field, .newsletter .btn {
      float: left; } }
  @media screen and (min-width: 53.75em) {
    .newsletter .field {
      width: 70%; } }
  @media screen and (min-width: 53.75em) {
    .newsletter .btn {
      width: auto;
      margin: 0; } }
  .newsletter .text {
    margin: 0.625em auto; }
  .newsletter h3 {
    color: #5d5e61;
    margin-bottom: 0.690em; }

/**
* Home page slider styles
*/
.ds, .slider-client-slide {
  overflow: hidden; }
  .ds .slide-content, .slider-client-slide .slide-content {
    width: 99.9%; }
    @media screen and (min-width: 53.75em) {
      .ds .slide-content, .slider-client-slide .slide-content {
        width: 58%; } }
    @media screen and (min-width: 60em) {
      .ds .slide-content, .slider-client-slide .slide-content {
        width: 65%; } }
    @media screen and (min-width: 65.625em) {
      .ds .slide-content, .slider-client-slide .slide-content {
        width: 73%; } }

.slider-client-slide h1 {
  font-family: "ProximaSemiBold";
  font-size: 1.5rem; }
  @media screen and (min-width: 53.75em) {
    .slider-client-slide h1 {
      font-size: 2.188rem; } }
.slider-client-slide h2 {
  font-family: "ProximaBold";
  line-height: 0.9;
  font-size: 2.4rem; }
  @media screen and (min-width: 35em) {
    .slider-client-slide h2 {
      font-size: 4rem; } }
  @media screen and (min-width: 60em) {
    .slider-client-slide h2 {
      font-size: 5rem; } }
  @media screen and (min-width: 65.625em) {
    .slider-client-slide h2 {
      font-size: 5.9rem; } }
.slider-client-slide h1, .slider-client-slide h2 {
  margin: 5px 0; }
  @media screen and (min-width: 53.75em) {
    .slider-client-slide h1, .slider-client-slide h2 {
      margin: 12px 0; } }

.ds {
  background-image: url(/img/home/bg_ds_panel.jpg); }
  .ds .ds-intro {
    display: none; }
    @media screen and (min-width: 53.75em) {
      .ds .ds-intro {
        display: block; } }

/*.bioshock {
    @include case-study-slide(bioshock, #64c5d6);
}

.gaga {
    @include case-study-slide(gaga, #f93399);
}

.camelbak {
    @include case-study-slide(camelbak, #0089c3);
}

.guess {
    @include case-study-slide(guess, #ca1829);
}

.nexxus {
    @include case-study-slide(nexxus, #b02f56);
}

.nugo {
    @include case-study-slide(nugo, #f59c37);
}*/
.swiper-outer-wrap {
  position: relative; }
  .swiper-outer-wrap .showreel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    display: none;
    z-index: 9; }
    .swiper-outer-wrap .showreel.active {
      display: block; }
    .swiper-outer-wrap .showreel video {
      width: 100%;
      height: 100%;
      background: #000; }
  .swiper-outer-wrap .close-btn {
    position: absolute;
    top: 120px;
    right: 0;
    z-index: 999;
    background: #000;
    opacity: 0.8;
    width: 40px;
    height: 40px; }
    .swiper-outer-wrap .close-btn span {
      line-height: 40px;
      font-size: 1.75rem; }
    .swiper-outer-wrap .close-btn:hover span {
      color: #ff7f07; }
  .swiper-outer-wrap .main-nav {
    position: absolute;
    bottom: 1.875em;
    left: 0;
    max-width: 68em;
    margin-left: 0;
    display: none;
    z-index: 99; }
    @media screen and (min-width: 53.75em) {
      .swiper-outer-wrap .main-nav {
        display: block; } }
    @media screen and (min-width: 68em) {
      .swiper-outer-wrap .main-nav {
        margin-left: -34em;
        left: 50%; } }
  .swiper-outer-wrap .mobile-nav {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    z-index: 999; }
    @media screen and (min-width: 53.75em) {
      .swiper-outer-wrap .mobile-nav {
        display: none; } }
    .swiper-outer-wrap .mobile-nav .swiper-pagination {
      position: static;
      opacity: 1;
      display: block; }
    .swiper-outer-wrap .mobile-nav .scroll-btn {
      margin-top: 20px;
      display: block; }
      .swiper-outer-wrap .mobile-nav .scroll-btn .icon-circle-arrow-down {
        position: static;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s; }
    .swiper-outer-wrap .mobile-nav.black .scroll-btn .icon-circle-arrow-down {
      color: #000; }
  .swiper-outer-wrap .target {
    display: none;
    position: absolute;
    top: 0;
    width: 50px;
    height: 80%;
    z-index: 99; }
    @media screen and (min-width: 68em) {
      .swiper-outer-wrap .target {
        display: block; } }
    @media screen and (min-width: 79.375em) {
      .swiper-outer-wrap .target {
        width: 100px; } }
    @media screen and (min-width: 85.625em) {
      .swiper-outer-wrap .target {
        width: 150px; } }
    .swiper-outer-wrap .target.left {
      left: 0; }
    .swiper-outer-wrap .target.right {
      right: 0; }

.ds-slider.large > article {
  padding: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0; }
  .ds-slider.large > article:first-child {
    left: -100%; }
.ds-slider.large .slide-content {
  position: relative;
  z-index: 99; }
  @media screen and (min-width: 53.75em) {
    .ds-slider.large .slide-content {
      margin-top: 0;
      left: 100%;
      opacity: 0; } }
.ds-slider.large .first {
  opacity: 1; }
@media screen and (min-width: 53.75em) {
  .ds-slider.large .first .slide-content, .ds-slider.large article:first-child .slide-content {
    left: 0;
    opacity: 1; }
  .ds-slider.large .first .pin, .ds-slider.large article:first-child .pin {
    right: 0;
    z-index: 0; } }
.ds-slider.large .pin {
  right: -250px; }
.ds-slider > article {
  width: 100%;
  height: 100%;
  padding: 30px 0 10px;
  z-index: 1; }
  @media screen and (min-width: 53.75em) {
    .ds-slider > article {
      position: relative; } }
.ds-slider .slide-content {
  position: relative;
  padding-bottom: 2.500em;
  margin-top: -50px; }
.ds-slider .pin {
  display: none;
  opacity: 1; }
  @media screen and (min-width: 53.75em) {
    .ds-slider .pin {
      position: absolute;
      right: 0;
      bottom: 0;
      height: 90%;
      display: block;
      z-index: 100; } }
.ds-slider .btn {
  margin: 0.4em auto; }
  @media screen and (min-width: 35.125em) {
    .ds-slider .btn {
      margin-right: 0.833em; }
      .ds-slider .btn:last-child {
        margin: 0; } }
.ds-slider p {
  font-size: 1.250em; }

.ds-swiper-container, .ds-swiper-container .slide, .ds-swiper-container .ds-slider, .ds-swiper-container .swiper-slide, .ds-swiper-container .swiper-wrapper {
  height: auto;
  min-height: 700px !important; }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  .ds-swiper-container {
    min-height: 460px !important; }
    .ds-swiper-container .slide, .ds-swiper-container .ds-slider, .ds-swiper-container .swiper-slide, .ds-swiper-container .swiper-wrapper {
      height: 100% !important;
      min-height: 460px !important; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  .ds-swiper-container {
    min-height: auto;
    height: 700px !important; }
    .ds-swiper-container .slide, .ds-swiper-container .ds-slider, .ds-swiper-container .swiper-slide, .ds-swiper-container .swiper-wrapper {
      height: 700px !important; }
    .ds-swiper-container .ds-slider > article {
      padding: 0 0 10px; } }