/******************************************************************
Site Name: Chaoticmoon v2
Author: Modifly

Stylesheet: Main Stylesheet

DO NOT EDIT THE .CSS FILE, THIS THEME USES SASS
******************************************************************/
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}

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

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

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

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}

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

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

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

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

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

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, 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;
}

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

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

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves 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;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
b, strong, .strong {
  font-weight: bold;
}

dfn, em, .em {
  font-style: italic;
}

small, .small {
  font-size: 75%;
}

ul, ol {
  padding: 0;
  list-style-type: none;
}

dd {
  margin: 0;
}

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-hyphens: none;
  -epub-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('library/fonts/font-name.eot');
    	src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

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

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/******************************************************************
Stylesheet: Base Mobile Stylesheet
******************************************************************/
/***************
 GENERAL STYLES
****************/
body {
  font-family: "DIN Next W01 Light";
  font-size: 18px;
  color: #565656;
  line-height: 1.5;
  background-color: #eae8de;
}

.teal-bg {
  background: url(../images/teal-bg.png) repeat;
}

img {
  max-width: 100%;
  height: auto;
}

.wrap {
  max-width: 1140px;
  width: 96%;
  margin: 0 auto;
}
.wrap .big-bold {
  font-size: 60px;
  line-height: .85;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.table {
  overflow: hidden;
}
.table > * {
  box-sizing: border-box;
  float: left;
  width: 100%;
}

.column-1 {
  width: 1%;
}

.column-2 {
  width: 2%;
}

.column-3 {
  width: 3%;
}

.column-4 {
  width: 4%;
}

.column-5 {
  width: 5%;
}

.column-6 {
  width: 6%;
}

.column-7 {
  width: 7%;
}

.column-8 {
  width: 8%;
}

.column-9 {
  width: 9%;
}

.column-10 {
  width: 10%;
}

.column-11 {
  width: 11%;
}

.column-12 {
  width: 12%;
}

.column-13 {
  width: 13%;
}

.column-14 {
  width: 14%;
}

.column-15 {
  width: 15%;
}

.column-16 {
  width: 16%;
}

.column-17 {
  width: 17%;
}

.column-18 {
  width: 18%;
}

.column-19 {
  width: 19%;
}

.column-20 {
  width: 20%;
}

.column-21 {
  width: 21%;
}

.column-22 {
  width: 22%;
}

.column-23 {
  width: 23%;
}

.column-24 {
  width: 24%;
}

.column-25 {
  width: 25%;
}

.column-26 {
  width: 26%;
}

.column-27 {
  width: 27%;
}

.column-28 {
  width: 28%;
}

.column-29 {
  width: 29%;
}

.column-30 {
  width: 30%;
}

.column-31 {
  width: 31%;
}

.column-32 {
  width: 32%;
}

.column-33 {
  width: 33%;
}

.column-34 {
  width: 34%;
}

.column-35 {
  width: 35%;
}

.column-36 {
  width: 36%;
}

.column-37 {
  width: 37%;
}

.column-38 {
  width: 38%;
}

.column-39 {
  width: 39%;
}

.column-40 {
  width: 40%;
}

.column-41 {
  width: 41%;
}

.column-42 {
  width: 42%;
}

.column-43 {
  width: 43%;
}

.column-44 {
  width: 44%;
}

.column-45 {
  width: 45%;
}

.column-46 {
  width: 46%;
}

.column-47 {
  width: 47%;
}

.column-48 {
  width: 48%;
}

.column-49 {
  width: 49%;
}

.column-50 {
  width: 50%;
}

.column-51 {
  width: 51%;
}

.column-52 {
  width: 52%;
}

.column-53 {
  width: 53%;
}

.column-54 {
  width: 54%;
}

.column-55 {
  width: 55%;
}

.column-56 {
  width: 56%;
}

.column-57 {
  width: 57%;
}

.column-58 {
  width: 58%;
}

.column-59 {
  width: 59%;
}

.column-60 {
  width: 60%;
}

.column-61 {
  width: 61%;
}

.column-62 {
  width: 62%;
}

.column-63 {
  width: 63%;
}

.column-64 {
  width: 64%;
}

.column-65 {
  width: 65%;
}

.column-66 {
  width: 66%;
}

.column-67 {
  width: 67%;
}

.column-68 {
  width: 68%;
}

.column-69 {
  width: 69%;
}

.column-70 {
  width: 70%;
}

.column-71 {
  width: 71%;
}

.column-72 {
  width: 72%;
}

.column-73 {
  width: 73%;
}

.column-74 {
  width: 74%;
}

.column-75 {
  width: 75%;
}

.column-76 {
  width: 76%;
}

.column-77 {
  width: 77%;
}

.column-78 {
  width: 78%;
}

.column-79 {
  width: 79%;
}

.column-80 {
  width: 80%;
}

.column-81 {
  width: 81%;
}

.column-82 {
  width: 82%;
}

.column-83 {
  width: 83%;
}

.column-84 {
  width: 84%;
}

.column-85 {
  width: 85%;
}

.column-86 {
  width: 86%;
}

.column-87 {
  width: 87%;
}

.column-88 {
  width: 88%;
}

.column-89 {
  width: 89%;
}

.column-90 {
  width: 90%;
}

.column-91 {
  width: 91%;
}

.column-92 {
  width: 92%;
}

.column-93 {
  width: 93%;
}

.column-94 {
  width: 94%;
}

.column-95 {
  width: 95%;
}

.column-96 {
  width: 96%;
}

.column-97 {
  width: 97%;
}

.column-98 {
  width: 98%;
}

.column-99 {
  width: 99%;
}

.align_center {
  text-align: center;
}

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

/******
 FONTS
*******/
.font_din_black {
  font-family: "DIN Next W01 Black";
}

.font_din_heavy {
  font-family: "DIN Next W01 Heavy";
}

.font_din_medium {
  font-family: "DIN Next W01 Medium";
}

.font_din_regular {
  font-family: "DIN Next W01 Regular";
}

.font_din_light {
  font-family: "DIN Next W01 Light";
}

.font_din_bold {
  font-family: "DIN Next W01 Bold";
}

.font_pakt_black {
  font-family: "YWFT Pakt Black";
}

.font_engschrift {
  font-family: "DIN 1451 W01 Engschrift";
}

/**********
 ANIMATION
***********/
.twitter-shift {
  -webkit-animation: twitter-shift 1s linear;
  -moz-animation: twitter-shift 1s linear;
  -ms-animation: twitter-shift 1s linear;
  animation: twitter-shift 1s linear;
  margin-top: -1000px;
}

@-moz-keyframes twitter-shift {
  from {
    margin-top: 0px;
  }
  to {
    margin-top: -1000px;
  }
}
@-ms-keyframes twitter-shift {
  from {
    margin-top: 0px;
  }
  to {
    margin-top: -1000px;
  }
}
@-webkit-keyframes twitter-shift {
  from {
    margin-top: 0px;
  }
  to {
    margin-top: -1000px;
  }
}
@-keyframes twitter-shift {
  from {
    margin-top: 0px;
  }

  to {
    margin-top: -1000px;
  }
}
.twitter-unshift {
  -webkit-animation: twitter-unshift 1s linear;
  -moz-animation: twitter-unshift 1s linear;
  -ms-animation: twitter-unshift 1s linear;
  animation: twitter-unshift 1s linear;
  margin-top: 0px;
}

@-moz-keyframes twitter-unshift {
  from {
    margin-top: -1000px;
  }
  to {
    margin-top: 0px;
  }
}
@-ms-keyframes twitter-unshift {
  from {
    margin-top: -1000px;
  }
  to {
    margin-top: 0px;
  }
}
@-webkit-keyframes twitter-unshift {
  from {
    margin-top: -1000px;
  }
  to {
    margin-top: 0px;
  }
}
@-keyframes twitter-unshift {
  from {
    margin-top: -1000px;
  }

  to {
    margin-top: 0px;
  }
}
.twitter-grow {
  -webkit-animation: twitter-grow 1s linear;
  -moz-animation: twitter-grow 1s linear;
  -ms-animation: twitter-grow 1s linear;
  animation: twitter-grow 1s linear;
  height: 1000px;
}

@-moz-keyframes twitter-grow {
  from {
    height: 0;
  }
  to {
    height: 1000px;
  }
}
@-ms-keyframes twitter-grow {
  from {
    height: 0;
  }
  to {
    height: 1000px;
  }
}
@-webkit-keyframes twitter-grow {
  from {
    height: 0;
  }
  to {
    height: 1000px;
  }
}
@-keyframes twitter-grow {
  from {
    height: 0;
  }

  to {
    height: 1000px;
  }
}
.twitter-shrink {
  -webkit-animation: twitter-shrink 1s linear;
  -moz-animation: twitter-shrink 1s linear;
  -ms-animation: twitter-shrink 1s linear;
  animation: twitter-shrink 1s linear;
  height: 0;
}

@-moz-keyframes twitter-shrink {
  from {
    height: 1000px;
  }
  to {
    height: 0;
  }
}
@-ms-keyframes twitter-shrink {
  from {
    height: 1000px;
  }
  to {
    height: 0;
  }
}
@-webkit-keyframes twitter-shrink {
  from {
    height: 1000px;
  }
  to {
    height: 0;
  }
}
@-keyframes twitter-shrink {
  from {
    height: 1000px;
  }

  to {
    height: 0;
  }
}
.twitter-rotate {
  -webkit-animation: twitter-rotate 750ms linear;
  -moz-animation: twitter-rotate 750ms linear;
  -ms-animation: twitter-rotate 750ms linear;
  animation: twitter-rotate 750ms linear;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

@-moz-keyframes twitter-rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(-180deg);
  }
}
@-ms-keyframes twitter-rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-180deg);
  }
}
@-webkit-keyframes twitter-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-180deg);
  }
}
@-keyframes twitter-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-180deg);
  }
}
.twitter-unrotate {
  -webkit-animation: twitter-unrotate 750ms linear;
  -moz-animation: twitter-unrotate 750ms linear;
  -ms-animation: twitter-unrotate 750ms linear;
  animation: twitter-unrotate 750ms linear;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

@-moz-keyframes twitter-unrotate {
  from {
    -moz-transform: rotate(-180deg);
  }
  to {
    -moz-transform: rotate(0deg);
  }
}
@-ms-keyframes twitter-unrotate {
  from {
    -ms-transform: rotate(-180deg);
  }
  to {
    -ms-transform: rotate(0deg);
  }
}
@-webkit-keyframes twitter-unrotate {
  from {
    -webkit-transform: rotate(-180deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}
@-keyframes twitter-unrotate {
  from {
    transform: rotate(-180deg);
  }

  to {
    transform: rotate(0deg);
  }
}
/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
.error404 .red-background {
  margin: 0;
}

/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*******
 LAYOUT
********/
.shadow {
  box-shadow: 5px 5px 0 0 #e2dfd3;
  margin-top: 25px;
  margin-bottom: 50px;
}

.mobile-only, .show-down-640, .tablet-down {
  display: none !important;
}

.hide-down-640 {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .tablet-up {
    display: block !important;
  }
}
/*********************
LINK STYLES
*********************/
a, a:visited {
  color: #EB2328;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #EB2328;
}
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
  /* removing text decoration from all headline links */
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em;
}

h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

h3, .h3 {
  font-size: 1.125em;
}

h4, .h4 {
  font-size: 1.1em;
  font-weight: 700;
}

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/*************
HEADER STYLES
**************/
header {
  background: black;
  text-transform: uppercase;
}
header #logo {
  float: left;
  margin-top: -1px;
  text-decoration: none;
  height: 45px;
}
header #logo:focus {
  outline: none;
}
header #logo .white, header #logo .red {
  vertical-align: 13px;
}
header #logo .white {
  color: white;
}
header #logo .red {
  color: #EB2328;
  font-size: 20px;
  letter-spacing: 1px;
  padding-left: 9px;
}
header #logo .nav-h2 {
  display: inline;
  margin-top: 0px;
  font-family: 'DIN Next W01 Bold';
  font-size: 20px;
  letter-spacing: 1px;
}
header #logo .nav-h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline;
}
header button.navbar-toggle {
  display: none;
}

/******************
 NAVIGATION STYLES
*******************/
.main-nav {
  border-bottom: 0;
  float: right;
  /* highlight current page */
}
@media screen and (min-width: 1025px) {
  .main-nav {
    height: inherit !important;
  }
}
.main-nav li {
  position: relative;
  display: inline-block;
  line-height: 26px;
}
.main-nav li a {
  color: #555;
  text-decoration: none;
  padding: 0;
  border-bottom: 2px solid black;
  padding: 11px 19px 10px;
  display: inline-block;
}
.main-nav li a:hover, .main-nav li a:focus {
  color: #EB2328;
  border-bottom-color: #EB2328;
}
.main-nav li.current-menu-item a,
.main-nav li.current_page_item a,
.main-nav li.current-page-ancestor a {
  color: #5AC4BE;
  border-bottom-color: #5AC4BE;
}

/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  margin-top: 2.2em;
}

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #999;
}

/* entry content */
.entry-content {
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */
}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.page-navigation,
.wp-prev-next {
  margin: 1.1em 0 2.2em;
}

.bones_page_navi {
  /* current page link */
  /* end .bones_page_navi .bpn-current */
  /* common styles for page-navi links */
  /* remove the bg on end links */
  /* previous link */
  /* next page link */
  /* first page link */
  /* last page link */
}
.bones_page_navi li {
  float: left;
  margin-left: 10px;
}
.bones_page_navi li a {
  padding: 3px 6px;
  display: block;
  text-decoration: none;
  position: relative;
}
.bones_page_navi li a:hover, .bones_page_navi li a:focus {
  color: #f01d4f;
  text-decoration: underline;
}
.bones_page_navi li.bpn-current {
  padding: 3px 6px;
  border-bottom: 2px solid #f01d4f;
  position: relative;
}
.bones_page_navi li.bpn-current a {
  /* hovering on current page link */
}
.bones_page_navi li.bpn-prev-link,
.bones_page_navi li.bpn-next-link {
  font-weight: 700;
}
.bones_page_navi li.bpn-prev-link a,
.bones_page_navi li.bpn-next-link a {
  padding: 0;
}
.bones_page_navi li.bpn-prev-link a:hover,
.bones_page_navi li.bpn-next-link a:hover,
.bones_page_navi li.bpn-first-page-link a:hover,
.bones_page_navi li.bpn-last-page-link a:hover {
  background: none;
}

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments {
  /* number of comments span */
}

.commentlist {
  /* general comment classes */
  /* vcard */
  /* end .commentlist .vcard */
  /* comment meta */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */
  /* end .commentlist .comment-reply-link */
}
.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
  /* end .commentlist li ul.children */
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul.children {
  margin: 0;
  /* variations */
  /* change number for different depth */
}
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist .odd {
  background: #eee;
}
.commentlist .even {
  background: #fefefe;
}
.commentlist .vcard {
  margin-left: 50px;
}
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
.commentlist .comment_content {
  margin-left: 50px;
}
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  background: #4598bb;
  padding: 3px 5px;
  color: #fff;
  opacity: 0.65;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 0.9em;
}
.commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus {
  opacity: 1;
}

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em;
}
.respond-form form {
  margin: 0.75em 0;
}
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
.respond-form form li label,
.respond-form form li small {
  display: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 3px 6px;
  background: #efefef;
  border: 2px solid #cecece;
  line-height: 1.5em;
  /* form validation */
}
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
}
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
  max-width: 400px;
  min-width: 250px;
}
.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}

/* comment submit button */
/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em;
}

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

/* no comments */
.nocomments {
  margin: 0 20px 1.1em;
}

/************
 HERO STYLES
*************/
.heroContainer {
  max-height: 500px;
  background: #000;
}

.hero {
  max-height: 500px;
  position: relative;
}
.hero .text {
  font-size: 90px;
  color: white;
  text-transform: uppercase;
  line-height: 75px;
  letter-spacing: -2.25px;
  width: 55%;
  position: absolute;
  top: 33%;
  left: 4%;
}
.hero .subtext {
  position: relative;
  top: 40%;
  left: 4%;
  color: white;
  width: 400px;
  line-height: 25px;
  font-size: 20px;
}
.hero a {
  text-transform: uppercase;
  position: absolute;
  bottom: 10%;
  left: 4%;
  text-decoration: none;
  color: white;
  border: 1px solid white;
  border-radius: 5px;
  padding: 15px 20px 11px 20px;
  font-size: 20px;
}
.hero a:hover {
  opacity: 0.5;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

/****************
 STYLES FOR SECTIONS THAT ARE TO BE REUSED
*****************/
/* Used for the page headers and other places */
.big-bold {
  font-size: 70px;
  line-height: 67px;
  text-transform: uppercase;
  font-family: "DIN Next W01 Heavy";
  letter-spacing: -1.75px;
}
.big-bold.extra-margin-bottom {
  margin-bottom: 50px;
}

.semi-bold {
  font-size: 40px;
  line-height: 67px;
  text-transform: uppercase;
  font-family: "DIN Next W01 Heavy";
  letter-spacing: -1.75px;
  padding-top: 40px;
}

.lr-spacing {
  padding-left: 80px;
  padding-right: 80px;
}

/* This is the text that is below the .big-bold when used. */
.headingSubtext {
  font-size: 20px;
  line-height: 25px;
}

.chaotic-red {
  color: #EB2328;
}

.chaotic-white {
  color: #F2F1EB;
}

.chaotic-gray {
  color: #4B4A4A;
}

.chaotic-teal {
  color: #5AC4BE;
}

.chaotic-tide {
  color: #b8b6ad;
}

.chaotic-button {
  padding-top: 30px;
  padding-bottom: 80px;
  text-transform: uppercase;
  cursor: pointer;
}
.chaotic-button a {
  display: inline-block;
  font-size: 20px;
  color: #6b6b6b;
  text-decoration: none;
  padding: 15px 20px 11px 20px;
  border: 1px solid #6b6b6b;
  border-radius: 5px;
}
.chaotic-button a:hover {
  color: #6b6b6b;
  opacity: 0.5;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.red-background {
  background-color: #EB2328;
  margin: 50px 0 0;
  padding: 57px 46px;
}

.gray-background {
  background-color: #4B4A4A;
}

.light-background {
  background: #F2F1EB;
}

.teal-background {
  background: #5AC4BE;
}

.tan-background {
  background: #e7e4dd;
}

.quote-container {
  padding: 60px 40px;
}
.quote-container .quote {
  color: #5AC4BE;
  font-family: "DIN Next W01 Heavy";
  font-size: 70px;
  line-height: 68px;
  margin: 0;
  text-transform: uppercase;
}
.quote-container .name-quote {
  color: #4B4A4A;
  font-family: "DIN Next W01 Light";
  font-size: 20px;
  line-height: 20px;
  margin: 0;
}
.quote-container .name-quote span {
  color: #EB2328;
}

.lightBG {
  background: #F2F1EB;
}

.chat-cta {
  padding: 1px;
  color: #fff;
  width: 103%;
  position: relative;
  right: 1.5%;
}
.chat-cta h3 {
  margin-bottom: 0px;
}
.chat-cta p {
  margin: 0;
}
.chat-cta .chaotic-button a {
  border-color: white;
  color: white;
}
.chat-cta #chat-cta-left-triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 15px 15px;
  border-color: transparent transparent #1b8679 transparent;
  position: absolute;
  top: -15px;
}
.chat-cta #chat-cta-right-triangle {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 0 0 15px;
  border-color: transparent transparent transparent #1b8679;
  position: absolute;
  top: -15px;
  right: 0;
}

.chat-cta-shadow {
  height: 5px;
  background-color: #e2dfd3;
  width: 100%;
}

/****************
 HOME SPECIFIC STYLES
*****************/
.home .services-icons {
  padding: 40px 40px;
}
.home #container {
  overflow-y: hidden;
}
.home .home-headline {
  padding: 8% 4% 0;
  font-size: 70px;
  margin-top: -35px;
  /*because of volume img below*/
}
.home .platform-display {
  padding: 0 4% 5%;
  padding-top: 50px;
}
.home .component-red-call-out .chaotic-button {
  padding-bottom: 6%;
}

/****************
 PROJECTS STYLES
*****************/
.icon-apple, .icon-android, .icon-windows, .icon-html5 {
  border-width: 1px;
  border-style: solid;
  border-radius: 20px;
  color: white;
  border-color: white;
  padding: 10px;
}

.projects {
  background: #F2F1EB;
}
.projects div.tile {
  width: 0;
  height: 0;
  padding: 11.5% 16.6666667%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center !important;
}
.projects div.tile a.tile {
  display: block;
  visibility: hidden;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.77);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: absolute;
}
.projects div.tile a.tile .gridIcons {
  position: absolute;
  bottom: 35px;
  left: 35px;
}
.projects div.tile a.tile .text {
  font-size: 36px;
  color: #EEE;
  letter-spacing: -1px;
  line-height: 35px;
  margin-bottom: 5px;
}
.projects div.tile a.tile i {
  margin-right: 10px;
}
.projects div.tile a.tile a.more {
  font-size: 16px;
  color: #5AC4BE;
}

/************
SINGLE PAGE STYLES
*************/
.single-page {
  background: #F2F1EB;
  padding: 8% 5% 4%;
}
.single-page .text {
  color: #EB2328;
  font-size: 90px;
  line-height: 75px;
  margin-bottom: 50px;
  text-transform: uppercase;
}
.single-page.single .table > * {
  margin: 0;
}
.single-page .categories {
  list-style: none;
  margin-bottom: 50px;
  text-transform: uppercase;
  font-size: 20px;
}
.single-page .categories li {
  display: inline;
  margin-right: 40px;
}
.single-page .categories li a {
  color: #414141;
  text-decoration: none;
}
.single-page .categories li.current-cat a {
  color: #5AC4BE;
  border-bottom: 2px solid #5AC4BE;
}
.single-page .title a {
  font-size: 50px;
  color: #4B4A4A;
  letter-spacing: -1.25px;
  line-height: 45px;
  text-transform: uppercase;
  text-decoration: none;
}
.single-page .date {
  font-size: 15px;
  color: #4B4A4A;
  margin-bottom: 20px;
}
.single-page .date a.category {
  color: #5AC4BE;
  text-decoration: none;
  text-transform: uppercase;
}
.single-page .more {
  color: #5AC4BE;
  text-decoration: none;
}
.single-page .pages {
  font-size: 20px;
  color: #5AC4BE;
}
.single-page .pages a {
  color: #4B4A4A;
  text-decoration: none;
}

/************
 BLOG PAGE STYLES
*************/
.blog {
  padding: 80px 50px 40px;
}
.blog .text {
  color: #EB2328;
  font-size: 90px;
  line-height: 75px;
  margin-bottom: 50px;
  text-transform: uppercase;
}
.blog .categories {
  list-style: none;
  margin-bottom: 50px;
  text-transform: uppercase;
  font-size: 20px;
}
.blog .categories li {
  display: inline;
  margin-right: 35px;
}
.blog .categories li a {
  color: #414141;
  text-decoration: none;
}
.blog .categories li.current-cat a {
  color: #5AC4BE;
  border-bottom: 2px solid #5AC4BE;
}
.blog .blog-listing {
  margin: 0 0 100px;
  line-height: 1;
}
.blog .blog-listing.imagePresent .image {
  display: inline-block;
  vertical-align: top;
  margin-right: 4%;
  width: 356px;
  float: left;
}
.blog .blog-listing.imagePresent .details {
  display: inline-block;
  vertical-align: top;
  float: right;
}
.blog .blog-listing .heading .title {
  margin: 0 0 0.375em;
}
.blog .blog-listing .heading .title a {
  font-size: 50px;
  color: #EB2328;
  letter-spacing: -1.25px;
  line-height: 45px;
  text-transform: uppercase;
  text-decoration: none;
}
.blog .blog-listing .heading .title a:hover {
  color: #5AC4BE;
}
.blog .blog-listing .heading .date {
  font-size: 17px;
  color: #4B4A4A;
  margin-bottom: 10px;
}
.blog .blog-listing .heading .date a.category {
  color: #5AC4BE;
  text-decoration: none;
  text-transform: uppercase;
}
.blog .blog-listing .content {
  line-height: 1.2;
}
.blog .blog-listing .content .more {
  color: #5AC4BE;
  text-decoration: none;
}
.blog .blog-listing .chaotic-button {
  display: none;
}
.blog .pages {
  font-size: 20px;
  color: #5AC4BE;
}
.blog .pages a {
  color: #4B4A4A;
  text-decoration: none;
}
.blog.single h1 {
  text-transform: uppercase;
  color: #EB2328;
  font-size: 50px;
  line-height: 1;
  margin-bottom: 0px;
}
.blog.single img.lead-img {
  float: left;
  margin-right: 3%;
}

/***************
 CONTACT STYLES
****************/
.contact {
  background: #F2F1EB;
}
.contact .overlay {
  position: absolute;
  top: 92px;
  padding: 80px 50px;
  background: rgba(242, 240, 234, 0.8);
  width: 100%;
}
.contact .overlay .text {
  color: #EB2328;
  font-size: 90px;
  line-height: 75px;
  text-transform: uppercase;
}
.contact .overlay .subtext {
  font-size: 20px;
  color: #4B4A4A;
  line-height: 25px;
}
.contact .location {
  padding-right: 100px;
  float: right;
}
.contact .location img {
  cursor: pointer;
}
.contact .form-container-contact {
  position: relative;
  left: -13px;
}
.contact .form-container-contact .contactForm {
  position: absolute;
  top: -635px;
  background: #56c3bc;
  padding: 30px 50px;
  width: 475px;
  -webkit-box-shadow: 5px 5px 0px 0px rgba(210, 210, 210, 0.5);
  box-shadow: 5px 5px 0px 0px rgba(210, 210, 210, 0.5);
}
.contact .form-container-contact .contactForm form .triangle {
  position: relative;
  top: -40px;
  left: -50px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #1b8679;
}
.contact .form-container-contact .contactForm form label {
  font-size: 20px;
  color: #F2F1EB;
  text-transform: uppercase;
}
.contact .form-container-contact .contactForm form input[type=text], .contact .form-container-contact .contactForm form textarea, .contact .form-container-contact .contactForm form button, .contact .form-container-contact .contactForm form input[type=submit] {
  border: 1px solid #fff;
  padding: 5px 15px 5px 15px;
  width: 100%;
  border-radius: 5px;
  background: transparent;
  color: #fff;
}
.contact .form-container-contact .contactForm form input[type=text], .contact .form-container-contact .contactForm form textarea {
  background: #F2F1EB;
}
.contact .form-container-contact .contactForm form textarea {
  resize: none;
  height: 185px;
}
.contact .form-container-contact .contactForm form button {
  font-size: 20px;
  background: #56c3bc;
  color: white;
}
.contact .cult {
  background: #d3161b;
  padding: 50px 50px 0 50px;
  height: 300px;
}
.contact .cult .text {
  font-size: 65px;
  color: #F2F1EB;
  line-height: 60px;
  text-transform: uppercase;
}
.contact .cult .subtext {
  font-size: 20px;
  color: #720000;
  line-height: 30px;
  text-transform: uppercase;
}
.contact .join {
  padding: 30px 20px 0 20px;
  height: 75px;
  background: #EB2328;
  font-size: 36px;
  color: #F2F1EB;
}
.contact a.table {
  display: block;
  padding: 20px 20px 0 20px;
  height: 75px;
  background: #EB2328;
  color: #720000;
}
.contact a.table:hover {
  background: #720000;
  color: #EB2328;
}
.contact a.table:hover .icon-twitter, .contact a.table:hover .icon-facebook, .contact a.table:hover .icon-linkedin {
  color: #720000;
}
.contact a.table .text {
  font-size: 26px;
  line-height: 38px;
  padding-left: 6px;
}
.contact a.table .subtext {
  font-size: 15px;
}
.contact a.table .icon-twitter, .contact a.table .icon-facebook, .contact a.table .icon-linkedin {
  border: 0;
  padding: 0;
  color: #EB2328;
  left: 3px;
  top: -2px;
}
.contact .contact-overlay {
  margin-bottom: -8px;
  position: relative;
}
.contact .contact-overlay .overlay {
  top: 0 !important;
}

/*************
 GAMES PAGE
**************/
.games .right {
  float: right;
}
.games .games-top-section {
  padding: 46px;
}
.games .games-top-section .games-headline {
  margin-bottom: 250px;
  position: relative;
}
.games .games-top-section .games-headline img {
  float: right;
  right: -69px;
  position: absolute;
  top: -40px;
}
.games .games-top-section .games-subtext {
  max-width: 500px;
}
.games .games-top-section .three-elements-container .three-elements-item:nth-child(2) img {
  position: relative;
  top: -28px;
}
.games .games-top-section .three-elements-container .three-elements-item .three-elements-image {
  min-height: 250px;
}
.games .games-top-section .three-elements-container .three-elements-item h2 {
  color: #EB2328;
}
.games .games-top-section .three-elements-container .three-elements-item p {
  color: #707070;
}
.games .game-dev-proccess {
  background: #e7e4dd;
  padding: 57px 46px 0;
}
.games .game-dev-proccess img {
  display: block;
  margin: 40px auto 0;
}
.games .game-dev-proccess .chaotic-button {
  margin-top: 20px;
}
.games .red-background {
  margin-top: 0;
}
.games .special-button {
  border: 1px solid;
  border-radius: 4px;
  display: block;
  line-height: initial;
  margin: 50px auto;
  max-width: 200px;
  min-width: 20px;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.games .special-button.white {
  border-color: white;
  color: white;
}
.games .special-button.black {
  border-color: #6b6b6b;
  color: #6b6b6b;
}
.games .met-partners {
  position: relative;
}
.games .met-partners img {
  display: block;
  margin: 0;
  padding: 0;
}
.games .met-partners .met-partners-button {
  bottom: 74px;
  left: 41%;
  position: absolute;
}
.games .met-partners .met-partners-button a {
  color: #fff;
  border-color: #fff;
  height: 154px;
  width: 200px;
  display: block;
  text-indent: -9999px;
}

/************
 CAREERS PAGE
*************/
.careers .careersTitleText {
  padding: 69px 46px 24px;
}
.careers .careerHR {
  /*Outside of .careerItem nesting to handle last row. */
  background-color: #F2F1EB;
  height: 1px;
  width: 91%;
  margin: 30px auto;
}
.careers .careerItem {
  position: relative;
}
.careers .careerItem .careerBanner {
  background: url(../images/careers/NumberBanner.png) no-repeat;
  background-size: 100%;
  position: absolute;
  left: -9px;
  height: 127px;
  width: 109px;
  color: #F2F1EB;
  font-size: 47px;
  text-align: center;
  padding-top: 12px;
}
.careers .careerItem .careerBanner span {
  position: relative;
  left: -5px;
  top: 2px;
}
.careers .careerItem .careerImage {
  padding-top: 50px;
  display: inline-block;
  float: left;
  text-align: right;
}
.careers .careerItem .careerImage img {
  padding: 0 67px 0 130px;
  min-width: 290px;
}
.careers .careerItem .careerText {
  padding-top: 50px;
  display: inline-block;
  float: right;
  padding-right: 4%;
}
.careers .careerItem .careerText .careerHeadline {
  text-transform: uppercase;
  font-size: 70px;
  line-height: 70px;
  color: #ffffff;
}
.careers .careerItem .careerText .careerSubtext {
  color: #ffffff;
}
.careers .careerItem .careerText .careerButton {
  text-transform: uppercase;
  padding-bottom: 53px;
}
.careers .careerItem .careerText .careerButton a {
  border-color: #ffffff;
  color: #ffffff;
}
.careers .top {
  background: none;
}
.careers .above-job-divider {
  margin-top: 0px;
}
.careers #career-description {
  width: 48%;
  display: inline;
  float: left;
  color: #ffffff;
}
.careers #careersForm {
  width: 48%;
  display: inline;
  float: right;
}
.careers .job-title {
  text-transform: uppercase;
  width: auto;
}
.careers .job-location {
  margin-top: -18px;
  width: auto;
}
.careers .job-description {
  font-family: 'DIN Next W01 Light';
}
.careers .open-job-section {
  padding: 0px 50px 0px;
  margin-top: -30px;
  margin-bottom: -30px;
}
.careers .open-job-section .jobs-list li {
  display: inline-block;
  margin-right: 50px;
}
.careers .careerFormContainer {
  padding: 10px 46px 24px;
}
.careers .careerFormContainer .big-bold {
  padding-bottom: 38px;
}
.careers .careerFormContainer .applying-for {
  text-transform: uppercase;
  color: #268781;
  font-size: 20px;
}
.careers .careerFormContainer .applying-for ul li {
  display: inline-block;
  padding-right: 11px;
}
.careers .careerFormContainer .chaotic-form #gforms_confirmation_message {
  color: #fff;
  font-size: 70px;
  text-transform: uppercase;
  font-family: "DIN Next W01 Heavy";
  line-height: 61px;
  margin: 29px 0;
}
.careers .careerFormContainer .chaotic-form form .gform_body {
  position: relative;
}
.careers .careerFormContainer .chaotic-form form .triangle {
  position: relative;
  top: -40px;
  left: -50px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #1b8679;
}
.careers .careerFormContainer .chaotic-form form label, .careers .careerFormContainer .chaotic-form form .phoneLabel {
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
}
.careers .careerFormContainer .chaotic-form form .phoneLabel {
  margin: 10px 0 4px 0;
  font-weight: bold;
  display: inline-block;
  line-height: 1.3em;
  clear: both;
}
.careers .careerFormContainer .chaotic-form form input[type=text], .careers .careerFormContainer .chaotic-form form textarea, .careers .careerFormContainer .chaotic-form form button, .careers .careerFormContainer .chaotic-form form input[type=submit] {
  border: 1px solid white;
  width: 100%;
  border-radius: 5px;
}
.careers .careerFormContainer .chaotic-form form input[type=text] {
  padding: 10px 15px 8px 15px;
}
.careers .careerFormContainer .chaotic-form form input[type=text], .careers .careerFormContainer .chaotic-form form textarea {
  background: #ffffff;
  font-size: 17px;
}
.careers .careerFormContainer .chaotic-form form textarea {
  resize: none;
  height: 216px;
  padding: 10px 15px 8px 15px;
}
.careers .careerFormContainer .chaotic-form form button {
  font-size: 20px;
  background: #56c3bc;
  color: #fff;
  padding: 10px 15px 8px 15px;
}
.careers .careerFormContainer .chaotic-form form .gfield_required {
  color: #fff;
}
.careers .careerFormContainer .chaotic-form form #field_3_6 {
  position: absolute;
  top: 0;
  right: 0;
}
.careers .careerFormContainer .chaotic-form form #field_3_7 {
  display: none !important;
}
.careers .careerFormContainer .chaotic-form form .gfield_error {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.careers .careerFormContainer .chaotic-form form .gfield_error .validation_message {
  color: #fff;
  font-size: 12px;
}
.careers .careerFormContainer .chaotic-form form .top_label .gfield_error {
  width: 48%;
}
.careers .careerFormContainer .chaotic-form form .gfield_contains_required {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}
.careers .careerFormContainer .chaotic-form form .validation_error {
  color: #fff;
  margin: 0 0 10px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .careers .careerItem .careerBanner {
    background: url(../images/careers/NumberBanner@2x.png) no-repeat;
    background-size: 100%;
  }
}
/*************
 PROCESS STYLES - These styles span across all services pages
**************/
.process .headline {
  padding: 80px 50px 0;
}
.process .subNav {
  padding: 0 50px 40px;
}
.process .overview {
  background: #e7e4dd;
  padding: 80px 50px;
}
.process .overview .text {
  color: #535353;
  font-size: 70px;
  line-height: 70px;
}
.process .overview .suptext {
  font-size: 18px;
  color: #8c8a88;
  line-height: 25px;
  text-transform: uppercase;
}
.process .flow {
  background: #F2F1EB;
  padding: 75px 0px 0;
}
.process .flow .flow-item .img {
  float: right;
  margin-right: 28px;
}
.process .flow .flow-item .img img {
  display: block;
}
.process .flow .flow-item.discovery .sidebar .container {
  padding-bottom: 78px;
}
.process .flow .flow-item.discovery .top_item {
  padding-top: 88px !important;
}
.process .flow .flow-item.feature-sprints .sidebar .container {
  padding-bottom: 112px;
}
.process .flow .flow-item.post-sprints .sidebar .container {
  padding-bottom: 89px;
}
.process .flow .flow-item.market-launch .sidebar .container {
  padding-bottom: 100px;
}
.process .flow .flow-item.market-launch .img {
  position: relative;
  z-index: 0;
}
.process .flow .sidebar {
  width: 228px;
  float: left;
  position: relative;
  z-index: 10;
}
.process .flow .sidebar .container {
  background: #e7e4dd;
  padding: 0 25px 1px 30px;
}
.process .flow .sidebar .container.firstContainer {
  padding-top: 0px;
}
.process .flow .sidebar .bottomBanner {
  position: relative;
  top: -11px;
}
.process .flow .sidebar .topBanner {
  position: relative;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  display: block;
}
.process .flow .sidebar .top_item {
  padding-top: 122px;
}
.process .flow .sidebar .break {
  position: absolute;
  border: 1px dotted #8b8987;
  width: 1140px;
}
.process .flow .main {
  width: 80%;
  padding: 85px 0 0 51px;
}
.process .flow .shift {
  position: absolute;
  padding-top: 30px;
}
.process .flow .shift.first {
  padding-top: 0 !important;
}
.process .flow .shift .title {
  position: relative;
  box-shadow: 5px 5px 0 0 #ceccc4;
  left: -50px;
  padding: 0px 0px 0px 49px;
  font-size: 32px;
  background: #525252;
  color: #EDEBE3;
  line-height: 50px;
  width: 278px;
  text-align: left;
  font-weight: normal !important;
}
.process .flow .shift .triangle {
  position: relative;
  left: -50px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-top: 20px solid #8b8987;
}
.process .flow .number {
  font-size: 61px;
  line-height: 48px;
  color: #1B8679;
}
.process .flow .number.red {
  color: #E62B2B;
}
.process .flow .text {
  font-size: 15px;
  color: #525252;
  line-height: 15px;
  margin-bottom: 9px;
  padding-right: 20px;
}
.process .flow .subtext {
  font-size: 12px;
  color: #4B4A4A;
  line-height: 16px;
  margin: 0 0 22px;
  padding-bottom: 6px;
  padding-right: 20px;
}
.process .flow .main-conatiner {
  width: 75%;
  margin-left: 1%;
  float: left;
}
.process .flow .main-conatiner .process-img:last-child {
  margin-bottom: 350px;
}
.process .flow .main-conatiner .process-img img {
  vertical-align: top;
}
.process .mobile-process {
  display: none;
}

.process-launch {
  position: relative;
  top: -608px;
}
.process-launch .lightsmoke {
  background: url("../images/process/lightsmoke.png") no-repeat center bottom;
  width: 100%;
  position: absolute;
  z-index: 2;
  height: 308px;
  margin-top: 300px;
  padding-top: 0px;
}
.process-launch .foreground-container {
  width: 80%;
}
.process-launch .foreground-container .rocket {
  position: absolute;
  z-index: 4;
  left: -70px;
}
.process-launch .foreground-container .darksmoke {
  background: url("../images/process/darksmoke.png") no-repeat center bottom;
  width: 100%;
  position: absolute;
  z-index: 3;
  height: 469px;
  margin-top: 300px;
  left: 0px;
}

/*************
 PROCESS STYLES
**************/
.process.process-game .img, .process.processRD .img {
  max-width: 856px;
}
.process.process-game .sidebar .container .text, .process.processRD .sidebar .container .text {
  text-transform: uppercase;
}

/*************
 GIVING STYLES
**************/
.header-giving {
  padding-bottom: 60px !important;
}

.giving-quote {
  background-color: #67c6c0;
  padding: 37px 0 26px 0;
}
.giving-quote .column-image {
  width: 39%;
  text-align: center;
  float: left;
}
.giving-quote .content {
  color: #fff !important;
  padding-top: 24px;
}
.giving-quote .content h2 {
  margin: 14px 0 0 0 !important;
  padding: 0;
  font-size: 60px;
  line-height: 58px;
}

.giving-action {
  padding: 71px 50px 35px 50px;
}
.giving-action .awards {
  padding: 24px 0 7px 0;
  text-align: center;
}
.giving-action img {
  display: inline-block;
}
.giving-action.dark-background {
  background-color: #e7e4dd;
}
.giving-action .main-image {
  text-align: center;
}
.giving-action .main-image img {
  float: none;
  display: inline-block;
  margin: 37px 0 18px 0;
}
.giving-action .sub-section img {
  float: left;
  width: 45%;
}
.giving-action .sub-section .content {
  float: right;
  width: 48%;
  padding-right: 8%;
  padding-top: 40px;
}
.giving-action .cause-main-photo {
  padding: 29px 0 18px 0;
}

.giving-gallery {
  padding: 8px 0 0 0;
}
.giving-gallery img {
  display: block;
}

.giving-logos {
  padding: 94px 0 40px 0;
}
.giving-logos img {
  display: inline-block;
}

.giving-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.228%;
}
.giving-video iframe {
  display: block;
  width: 100%;
  height: 100%;
}

/*************
 GAME PROCESS
**************/
.process.process-game .discovery .sidebar .container {
  min-height: 1147px;
}
.process.process-game .milestone-sprints .sidebar .container {
  min-height: 1954px;
}
.process.process-game .market-launch .img {
  z-index: 2 !important;
}
.process.process-game .market-launch .sidebar .container {
  padding-bottom: 1px !important;
  position: relative;
  z-index: 2;
}
.process.process-game .smoke {
  height: 495px;
  margin-top: -391px;
}
.process.process-game .smoke .rocket {
  left: 109px;
}

/*************
 R & D PROCESS
**************/
.process.processRD .discovery .sidebar .container {
  min-height: 834px;
}
.process.processRD .plan .sidebar .container {
  min-height: 447px;
}
.process.processRD .develop-1 .sidebar .container {
  min-height: 713px;
}
.process.processRD .develop-2 .sidebar .container {
  min-height: 748px;
}
.process.processRD .smoke {
  height: 513px;
  margin-top: -487px;
}
.process.processRD .smoke .rocket {
  left: 124px;
}

/*************
 STRATEGY PROCESS
**************/
.process.process-strategy .discovery .sidebar .container {
  min-height: 1016px;
}
.process.process-strategy .milestone-sprints .sidebar .container {
  min-height: 1982px;
}
.process.process-strategy .market-launch .img {
  z-index: 2 !important;
}
.process.process-strategy .market-launch .sidebar .container {
  padding-bottom: 390px !important;
  position: relative;
  z-index: 7;
}
.process.process-strategy .smoke {
  height: 513px;
  margin-top: -487px;
}
.process.process-strategy .smoke .rocket {
  left: 124px;
}

/*************
 MOBILE FACTS
**************/
.facts .header {
  background: #2c2f31;
  padding: 80px 50px 40px 50px;
}
.facts .header .text {
  color: #e8e5db;
  font-size: 90px;
  line-height: 75px;
}
.facts .header #stars {
  position: relative;
  top: -160px;
  left: 900px;
}
.facts .header .subtext {
  margin-top: -75px;
  font-size: 20px;
  color: #717171;
  line-height: 25px;
}
.facts .header .table > * {
  margin-top: 75px;
}
.facts .header .quote {
  margin-left: 10px;
  color: #e8e5db;
  font-size: 70px;
  line-height: 55px;
}
.facts .header .subquote {
  margin-left: 15px;
  color: #5AC4BE;
  font-size: 33px;
  line-height: 35px;
}
.facts .world {
  background: #5AC4BE;
}
.facts .world .text {
  color: #e4e4de;
  font-size: 30px;
  line-height: 35px;
}
.facts .world .donut .background {
  fill: #81d2cd;
}
.facts .world .donut .foreground {
  fill: #3a8582;
}
.facts .world .donut:hover .foreground {
  fill: #ff1e22;
}
.facts .world .donut text {
  font-size: 40px;
  fill: #e4e4de;
}
.facts .world .donut:hover text {
  fill: #ff1e22;
}
.facts .top {
  background: #2c2f31;
  margin-top: -6px;
}
.facts .top .icon-chevron-up {
  color: black;
  border-color: black;
}

/******
 CATEGORIES
*******/
ul.dd-menu li:first-child {
  display: none;
}

/******
 ABOUT
*******/
.about {
  background: #F2F1EB;
}
.about .header {
  padding: 80px 50px;
}
.about .header .count {
  color: #5AC4BE;
  font-size: 30px;
  line-height: 50px;
  padding: 6px 15px 2px;
  border: 3px solid #5AC4BE;
  border-radius: 5em;
}
.about .header .subcount {
  color: #5AC4BE;
  font-size: 30px;
  line-height: 50px;
  margin-left: 10px;
}
.about .header .column-58 {
  padding-top: 5px;
}
.about .header .subtext {
  font-size: 20px;
}
.about .header .list-point-circles ul li {
  padding: 11px 0;
}
.about .header .list-point-circles ul li:first-child {
  padding-top: 0px;
}
.about .header .list-point-circles ul li:last-child {
  padding-bottom: 0px;
}
.about .blur {
  height: 462px;
  position: relative;
  overflow: hidden;
}
.about .blur iframe {
  position: absolute;
  z-index: 0;
}
.about .blur .text {
  color: #F2F1EB;
  margin: 76px 5%;
  position: absolute;
  z-index: 1;
  width: 90%;
  text-transform: uppercase;
  line-height: 80px;
}
.about .leaders #label {
  position: relative;
  left: -9px;
}

/********
 TWITTER
*********/
#twitter {
  position: relative;
  width: 100%;
  z-index: 100;
  background: #d31e23;
  color: #fff;
  height: 85px;
  width: 100%;
  overflow: hidden;
  font-family: "DIN Next W01 Regular";
  margin-top: 13px;
}
#twitter a {
  color: #740005;
  text-decoration: none;
}
#twitter ul.tweet_list li:last-child {
  border: none;
}
#twitter ul li {
  width: 1100px;
  /*margin-left : 114px;*/
  margin: auto;
}
#twitter .actions {
  clear: both;
  display: block;
  margin-top: 15px;
  text-align: right;
}
#twitter .actions li {
  display: inline;
  margin: 40px 25px 0 0;
  cursor: pointer;
}
#twitter .at {
  font-family: "DIN Next W01 Bold";
}
#twitter .containerT {
  height: 499px;
  overflow: hidden;
}
#twitter .icon-chevron-up {
  border-color: #720000;
  color: #720000;
  cursor: pointer;
}
#twitter .tweet_even {
  height: 75px;
  border-bottom: 1px solid #740005;
  margin-top: 25px;
}
#twitter .tweetIcon {
  float: left;
  padding: 10px 9px;
  margin-top: 23px;
  width: 41px;
}
#twitter .tweet_odd {
  height: 75px;
  border-bottom: 1px solid #740005;
  margin-top: 25px;
}
#twitter .tweet_first {
  background: #eb2228;
  border-bottom: none;
  margin-top: 0px;
  height: 85px;
}
#twitter .tweet_first .tweet_action {
  display: none;
}
#twitter .tweet_text {
  width: 886px;
  display: inline-block;
  font-size: 112%;
}
#twitter .tweet_time {
  float: right;
  margin-left: 20px;
}
#twitter .head {
  color: white;
  background: #EB2328;
  padding: 20px 0;
  font-size: large;
}
#twitter .head a {
  color: #720000;
  text-decoration: none;
}
#twitter .head a:hover {
  color: #720000;
}
#twitter .head .icon-twitter {
  border-color: white;
}
#twitter .head .icon-chevron-up {
  border-color: #720000;
  color: #720000;
  cursor: pointer;
  display: inline-block;
  padding: 6px 7px 7px 8px;
}
#twitter .body {
  color: white;
  background: #d21e24;
  font-size: large;
  overflow: hidden;
}
#twitter .body a {
  color: #720000;
  text-decoration: none;
}
#twitter .body a:hover {
  color: #720000;
}
#twitter .body .date {
  color: #720000;
}
#twitter .body i {
  color: #720000;
  margin-left: 30px;
  cursor: pointer;
}
#twitter .body hr {
  border: 0;
  border-bottom: 1px solid #720000;
  margin: 40px 0;
}

/*************************
 LABS
**************************/
.labs .quote-container .name-quote {
  color: #fff;
}

/*************************
 COMPONENT - RED CALL OUT
**************************/
.component-red-call-out {
  background: #EB2328;
  padding: 80px 50px 0px;
}
.component-red-call-out .text {
  color: #F2F1EB;
  font-size: 70px;
  letter-spacing: -1.75px;
  line-height: 66px;
  text-transform: uppercase;
}
.component-red-call-out .chaotic-button a {
  border-color: #fff;
  color: #fff;
}

.component-red-call-out-all {
  background: rgba(0, 0, 0, 0.9);
  padding: 80px 50px 40px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1100px;
  height: 100%;
  z-index: 999;
  overflow: scroll;
}
.component-red-call-out-all .logo-container {
  display: inline-block;
  width: 200px;
  float: none;
  padding: 20px;
}
.component-red-call-out-all .callOutTitle {
  width: 90%;
}
.component-red-call-out-all .text {
  color: #F2F1EB;
  font-size: 70px;
  letter-spacing: -1.75px;
  line-height: 66px;
  text-transform: uppercase;
}
.component-red-call-out-all .modalClose {
  position: absolute;
  top: 80px;
  right: 50px;
}

/**************
 FOOTER STYLES
***************/
.icon-twitter, .icon-chevron-up, .icon-facebook {
  border-width: 1px;
  border-style: solid;
  border-radius: 20px;
}

.icon-twitter, .icon-chevron-up {
  padding: 9px 8px;
}

.icon-chevron-up {
  line-height: 20px;
}

.icon-facebook {
  padding: 10px 14px;
}

.top {
  padding-bottom: 30px;
  background: #F2F1EB;
  clear: both;
}
.top .icon-chevron-up {
  border-color: #dfdbce;
  color: #dfdbce;
  text-decoration: none;
}

footer .social .form-container {
  float: right;
  width: 310px;
}
footer .social h1 {
  text-align: right;
}

footer {
  clear: both;
  background: black;
  padding: 75px 0;
  margin-top: 0;
}
footer .footer-push {
  margin-top: 8px;
}
footer h1 {
  color: white;
  margin: 0;
  text-transform: uppercase;
}
footer h2 {
  color: #EB2328;
  margin: 0;
  text-transform: uppercase;
  float: none !important;
}
footer h3 {
  margin: 0;
}
footer li a {
  color: #707070 !important;
  text-transform: capitalize;
  text-decoration: none;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
footer li a:hover {
  color: #ffffff !important;
}
footer .social_container {
  float: right;
  width: 310px;
}
footer .call-us {
  display: none;
}
footer .social .container-fix {
  float: right;
  margin-right: 1%;
  width: 42%;
}
footer .social .counter-people {
  float: left;
  line-height: 24px;
  margin-left: 7px;
  width: 64%;
}
footer .social .form-container {
  float: right;
  width: 310px;
}
footer .social .icon {
  float: left;
  width: 30%;
}
footer .social h1 {
  text-align: right;
}
footer .social a {
  color: #707070;
  text-decoration: none;
}
footer .social a .icon-twitter, footer .social a .icon-facebook {
  border-color: #707070;
}
footer .social a .count {
  font-size: 125%;
  margin-bottom: -10px;
}
footer .copyright span {
  color: #737373;
}
footer .copyright li {
  display: inline;
  margin-right: 20px;
}
footer .copyright li a {
  color: #EB2328 !important;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
footer .copyright li a:hover {
  color: #ffffff !important;
}
footer hr {
  border: 0;
  border-bottom: 1px solid #333;
}
footer .gform_body {
  max-width: none !important;
  width: 231px !important;
}
footer input {
  border: 1px solid white;
  border-radius: 5px;
  padding: 10px 15px 8px 15px;
  width: 72%;
}
footer button {
  text-transform: uppercase;
  border: 1px solid white;
  background: black;
  color: white;
  border-radius: 5px;
  padding: 10px 15px 8px 15px;
  margin-left: 10px;
}
footer .column-20:first-child img {
  width: 85%;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  footer .mobile-moon-logo {
    background: center url("../images/logos/chaotic-wide@2x.png") no-repeat;
  }
}
/**************
Slider
***************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/**************
 CASE STUDY FILTER
***************/
.page-template-page-case-study-filter-php #content {
  margin-bottom: 42px;
}
.page-template-page-case-study-filter-php #case-study-filter {
  background-color: #2C2F31;
  display: none;
}
.page-template-page-case-study-filter-php #case-study-filter li {
  float: left;
}
.page-template-page-case-study-filter-php #case-study-filter span {
  display: inline-block;
  font-size: 0.875em;
  margin: 13px 14.5px;
  text-transform: uppercase;
}
.page-template-page-case-study-filter-php #case-study-filter span:hover, .page-template-page-case-study-filter-php #case-study-filter span:active, .page-template-page-case-study-filter-php #case-study-filter span:focus, .page-template-page-case-study-filter-php #case-study-filter span.active {
  color: #5AC4BE;
}
.page-template-page-case-study-filter-php #case-study-filter #downArrow {
  float: right;
}
.page-template-page-case-study-filter-php #case-study-filter #downArrow .filter-down-arrow {
  background: url("../images/case-study-filter/Arrow-Expand.png") repeat scroll 0 -30px/30px auto transparent;
  height: 30px;
  margin: 6px 0 0 10px;
  width: 30px;
  text-indent: -9999px;
}
.page-template-page-case-study-filter-php #case-study-filter #downArrow .filter-down-arrow.active {
  background: url("../images/case-study-filter/Arrow-Expand.png") repeat scroll 0 0/30px auto transparent;
  height: 30px;
  margin: 6px 0 0 10px;
  width: 30px;
}
.page-template-page-case-study-filter-php .cs-filter-down {
  background-color: #282b2d;
  display: none;
}
.page-template-page-case-study-filter-php .cs-all {
  margin-top: 15px;
}
.page-template-page-case-study-filter-php .cs-all ul li a {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.03);
  display: block;
  float: left;
  font-family: DIN Next W01 Medium;
  font-weight: 100;
  margin: 5px 10px;
  text-decoration: none;
  text-transform: capitalize;
  width: 200px;
}

#loadingProgressG {
  width: 256px;
  height: 20px;
  overflow: hidden;
  background-color: #4BB5AC;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.loadingProgressG {
  background-color: #EB2328;
  margin-top: 0;
  margin-left: -256px;
  -moz-animation-name: bounce_loadingProgressG;
  -moz-animation-duration: 2.1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -webkit-animation-name: bounce_loadingProgressG;
  -webkit-animation-duration: 2.1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -ms-animation-name: bounce_loadingProgressG;
  -ms-animation-duration: 2.1s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: bounce_loadingProgressG;
  -o-animation-duration: 2.1s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: bounce_loadingProgressG;
  animation-duration: 2.1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  width: 256px;
  height: 20px;
}

#loadingProgressG {
  background-color: #4BB5AC;
  border-radius: 10px 10px 10px 10px;
  height: 20px;
  margin: 7% 37% 10% 37%;
  overflow: hidden;
  text-align: center;
  width: 256px;
}

@-moz-keyframes bounce_loadingProgressG {
  0% {
    margin-left: -256px;
  }
  100% {
    margin-left: 256px;
  }
}
@-webkit-keyframes bounce_loadingProgressG {
  0% {
    margin-left: -256px;
  }
  100% {
    margin-left: 256px;
  }
}
@-ms-keyframes bounce_loadingProgressG {
  0% {
    margin-left: -256px;
  }
  100% {
    margin-left: 256px;
  }
}
@-o-keyframes bounce_loadingProgressG {
  0% {
    margin-left: -256px;
  }
  100% {
    margin-left: 256px;
  }
}
@keyframes bounce_loadingProgressG {
  0% {
    margin-left: -256px;
  }
  100% {
    margin-left: 256px;
  }
}
.jjlm-progress-related .loadingProgressG {
  background-color: #EB2328;
  height: 20px;
  margin-left: 0;
  margin-top: 0;
  width: 50%;
}

.case-study-scroll .jjlm-case-results .case-study-container #video-gallery {
  display: none;
}

.jjlm-progress-related {
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.jjlm-progress-related #loadingProgressG {
  background-color: rgba(0, 0, 0, 0.11);
  border-radius: 0 0 0 0;
  height: 5px;
  margin: 0;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.icon-chevron-down.icon-large.jjlm-icon {
  border-color: #DFDBCE;
  color: #DFDBCE;
  text-decoration: none;
  padding: 7px 8px;
  border-radius: 20px 20px 20px 20px;
  border-style: solid;
  border-width: 1px;
  bottom: 20px;
  left: 49%;
  position: absolute;
}

.alwaysVisible {
  visibility: visible !important;
}

.alwaysInvisible {
  visibility: hidden !important;
}

/*ios fix for top shadow of input field */
.gform_wrapper input[type=text], .gform_wrapper textarea {
  -webkit-appearance: caret;
  -moz-appearance: caret;
  /* mobile firefox too! */
}

/***************
 SERVICES STYLES - These styles span across all services pages
****************/
.subNav {
  background: #F2F1EB;
  padding: 0 50px 13px;
  text-transform: uppercase;
}
.subNav .tabs {
  list-style: none;
  margin-top: 50px;
  text-transform: uppercase;
  font-size: 20px;
}
.subNav .tabs li {
  display: inline;
  margin-right: 50px;
  cursor: pointer;
  color: #4B4A4A;
}
.subNav .tabs li.current a {
  color: #5AC4BE !important;
  text-decoration: underline;
}
.subNav .tabs li a {
  text-decoration: none;
}
.subNav .tabs li.current-menu-item {
  border-bottom: 2px solid #5AC4BE;
}
.subNav .tabs li.current-menu-item a {
  color: #5AC4BE;
}

.services-icons {
  background: #F2F1EB;
  padding: 80px 40px;
}
.services-icons .text {
  color: #EB2328;
  font-size: 70px;
  letter-spacing: -1.75px;
  line-height: 67px;
  text-transform: uppercase;
}
.services-icons .subtext {
  font-size: 17px;
  color: #4B4B4B;
  line-height: 23px;
  padding: 0 9%;
}

.services-design, .services-strategy, .services-overview,
.services-rd, .services-engineering {
  padding-bottom: 20px;
}
.services-design .headline, .services-strategy .headline, .services-overview .headline,
.services-rd .headline, .services-engineering .headline {
  padding: 80px 50px 30px;
  font-size: 85px;
}
.services-design .container-service-summary, .services-strategy .container-service-summary, .services-overview .container-service-summary,
.services-rd .container-service-summary, .services-engineering .container-service-summary {
  padding: 70px 50px;
}
.services-design .container-service-summary img, .services-strategy .container-service-summary img, .services-overview .container-service-summary img,
.services-rd .container-service-summary img, .services-engineering .container-service-summary img {
  display: block;
  float: left;
}
.services-design .container-service-summary div, .services-strategy .container-service-summary div, .services-overview .container-service-summary div,
.services-rd .container-service-summary div, .services-engineering .container-service-summary div {
  display: block;
  float: left;
  margin-left: 70px;
  width: 60%;
  margin-top: 28px;
}
.services-design .container-service-summary h2, .services-strategy .container-service-summary h2, .services-overview .container-service-summary h2,
.services-rd .container-service-summary h2, .services-engineering .container-service-summary h2 {
  text-transform: uppercase;
  font-size: 36px;
  letter-spacing: -1.25px;
  line-height: 36px;
  margin-bottom: 0px;
}
.services-design .container-service-summary p, .services-strategy .container-service-summary p, .services-overview .container-service-summary p,
.services-rd .container-service-summary p, .services-engineering .container-service-summary p {
  margin-top: 0px;
}
.services-design .service-points .two-columns-service, .services-strategy .service-points .two-columns-service, .services-overview .service-points .two-columns-service,
.services-rd .service-points .two-columns-service, .services-engineering .service-points .two-columns-service {
  padding: 45px 0 20px;
}
.services-design .service-points .two-columns-service li, .services-strategy .service-points .two-columns-service li, .services-overview .service-points .two-columns-service li,
.services-rd .service-points .two-columns-service li, .services-engineering .service-points .two-columns-service li {
  float: left;
  margin-bottom: 20px;
  margin-right: 4%;
  overflow: hidden;
  width: 46%;
}
.services-design .service-points .two-columns-service li div:nth-child(1), .services-strategy .service-points .two-columns-service li div:nth-child(1), .services-overview .service-points .two-columns-service li div:nth-child(1),
.services-rd .service-points .two-columns-service li div:nth-child(1), .services-engineering .service-points .two-columns-service li div:nth-child(1) {
  float: left;
  width: 25%;
}
.services-design .service-points .two-columns-service li div:nth-child(2), .services-strategy .service-points .two-columns-service li div:nth-child(2), .services-overview .service-points .two-columns-service li div:nth-child(2),
.services-rd .service-points .two-columns-service li div:nth-child(2), .services-engineering .service-points .two-columns-service li div:nth-child(2) {
  float: left;
  margin-left: 2%;
  width: 73%;
}
.services-design .service-points .two-columns-service li div:nth-child(2) h3, .services-strategy .service-points .two-columns-service li div:nth-child(2) h3, .services-overview .service-points .two-columns-service li div:nth-child(2) h3,
.services-rd .service-points .two-columns-service li div:nth-child(2) h3, .services-engineering .service-points .two-columns-service li div:nth-child(2) h3 {
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
  font-family: "DIN Next W01 Heavy";
  letter-spacing: -1.25px;
  font-size: 30px;
  margin-bottom: 0px;
  line-height: 30px;
}
.services-design .service-points .two-columns-service li div:nth-child(2) p, .services-strategy .service-points .two-columns-service li div:nth-child(2) p, .services-overview .service-points .two-columns-service li div:nth-child(2) p,
.services-rd .service-points .two-columns-service li div:nth-child(2) p, .services-engineering .service-points .two-columns-service li div:nth-child(2) p {
  margin-top: 0px;
}
.services-design .service-points .two-columns-service li:nth-child(odd), .services-strategy .service-points .two-columns-service li:nth-child(odd), .services-overview .service-points .two-columns-service li:nth-child(odd),
.services-rd .service-points .two-columns-service li:nth-child(odd), .services-engineering .service-points .two-columns-service li:nth-child(odd) {
  clear: left;
}
.services-design .service-padding, .services-strategy .service-padding, .services-overview .service-padding,
.services-rd .service-padding, .services-engineering .service-padding {
  padding: 80px 50px 40px 50px;
}
.services-design .count, .services-strategy .count, .services-overview .count,
.services-rd .count, .services-engineering .count {
  color: #5AC4BE;
  font-size: 30px;
  line-height: 50px;
  padding: 6px 15px 2px;
  border: 3px solid #5AC4BE;
  border-radius: 5em;
}

.services-design .subNav, .services-strategy .subNav, .services-rd .subNav, .services-engineering .subNav {
  padding-bottom: 50px;
}

/***************
 SERVICES OVERVIEW
****************/
.services-overview .headline {
  padding-bottom: 0;
}
.services-overview .contact-link {
  display: none;
}
.services-overview .semi-bold {
  padding-top: 0px;
  font-size: 30px;
  margin-top: -20px;
  padding-bottom: 30px;
}
.services-overview #device-circle {
  padding: 70px 50px 40px;
}
.services-overview #device-circle h2 {
  text-transform: uppercase;
  margin: 30px 0 0;
  line-height: 26px;
}
.services-overview #device-circle p {
  width: 59%;
  margin: 0 auto 45px;
}
.services-overview .overview {
  padding: 70px 50px 63px 50px;
}
.services-overview .web-services-list-container {
  background: #F2F1EB;
  padding: 0px 50px 25px 50px;
}
.services-overview .web-services-list-container .services-list-item {
  width: 49% !important;
  float: left;
  text-align: left;
  padding-bottom: 17px;
}
.services-overview .web-services-list-container .services-list-item img {
  float: left;
  width: 16%;
  margin-right: 6%;
  margin-bottom: 14px;
}
.services-overview .web-services-list-container .services-list-item h2 {
  float: left;
  width: 76%;
  font-size: 30px;
  line-height: 31px;
  margin: 0;
  padding: 7px 0 0 0;
  color: #5AC4BE;
}
.services-overview .web-services-list-container .services-list-item p {
  float: left;
  width: 76%;
  padding: 0 0 16px 0;
  margin: 0;
}
.services-overview .web-services-list-container .table {
  padding-top: 37px;
}
.services-overview .web-services-list-container .col-2 {
  margin-left: 4%;
  width: 47% !important;
  min-height: 190px;
}
.services-overview .our-process {
  background: #e7e4dd;
  padding: 70px 50px 0px 50px;
}
.services-overview .our-process .text {
  color: #EB2328;
  font-size: 70px;
  line-height: 70px;
}
.services-overview .our-process .subtext {
  font-size: 20px;
  color: #4B4A4A;
  line-height: 25px;
}
.services-overview .our-process .web-process-graphic {
  margin: 45px 0 10px 0;
  background-repeat: no-repeat;
}
.services-overview .our-process div.button a {
  display: inline-block;
  font-size: 20px;
  color: #6b6b6b;
  text-decoration: none;
  padding: 15px 20px 11px 20px;
  border: 1px solid #6b6b6b;
  border-radius: 5px;
}
.services-overview .detailed-services .table {
  padding: 37px 0 0px 0;
  font-size: 18px;
}
.services-overview .detailed-services .table .service-column {
  padding-right: 2%;
}
.services-overview .detailed-services .table .service-column:last-child {
  padding-right: 0;
}
.services-overview .detailed-services .subtext {
  font-size: 20px;
}
.services-overview .detailed-services h3 {
  font-size: 31px;
  color: #EB2328;
  margin: 2px 0;
  padding: 0 0 6px 0;
}
.services-overview .detailed-services .heading-3 {
  color: #5AC4BE;
}
.services-overview .detailed-services .our-mark-graphic {
  height: 670px;
  margin: 44px 0 104px 0;
  background-repeat: no-repeat;
}
.services-overview .red {
  color: #EB2328 !important;
}
.services-overview #ven-diagram {
  padding: 70px 50px 0px 50px;
}
.services-overview #ven-diagram .web-process-graphic {
  height: 312px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 328px;
}
.services-overview #ven-diagram .subtext {
  float: right;
}

.services-strategy .web-process-graphic, .services-rd .web-process-graphic, .services-engineering .web-process-graphic {
  margin: 45px 0 10px 0;
  background-repeat: no-repeat;
}

/****************
 SERVICES DESIGN
*****************/
.dribbble-container {
  text-align: center;
}
.dribbble-container .dribbble-box {
  background: white;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  display: inline-block;
  margin: 14px 1.8%;
  width: 20%;
}
.dribbble-container .dribbble-box .dribbble-image {
  display: block;
  margin: 10px auto 0;
  width: 90%;
}
.dribbble-container .dribbble-box .counters {
  list-style: none;
  margin: 0 auto;
  text-align: right;
  width: 90%;
}
.dribbble-container .dribbble-box .counters li {
  color: #bbb;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 0 5px;
  padding: 0;
}
.dribbble-container .dribbble-box .counters li a {
  color: inherit;
  text-decoration: none;
}
.dribbble-container .dribbble-box .counters li:last-child {
  margin-right: 0px;
}
.dribbble-container .dribbble-box .counters li.views-count {
  background: transparent url(../images/services/design/views.png) no-repeat;
  padding-left: 18px;
  background-position: 0px 5px;
}
.dribbble-container .dribbble-box .counters li.comments-count {
  background: transparent url(../images/services/design/comment.png) no-repeat;
  padding-left: 18px;
  background-position: 0px 5px;
}
.dribbble-container .dribbble-box .counters li.likes-count {
  background: transparent url(../images/services/design/views.png) no-repeat;
  padding-left: 18px;
  background-position: 0px 5px;
}

.services-design .dual-line-text {
  position: relative;
}
.services-design .dual-line-text img {
  display: block;
  margin: 20px auto 0;
}
.services-design .afraid-to-show {
  padding: 40px 50px 0 50px;
}
.services-design .afraid-to-show .dual-line-text2 {
  margin-top: 10px;
  position: relative;
}
.services-design .afraid-to-show .dual-line-text2 p {
  left: 240px;
  position: absolute;
  top: -20px;
}
.services-design .the-process {
  padding: 40px 50px 0px;
}
.services-design .the-process .process-graphic {
  padding: 30px 0px 0px;
}

/***************
 SERVICES STRATEGY
****************/
.services-strategy .red-background {
  margin: 0;
}
.services-strategy .strategy-techniques .big-bold {
  padding-bottom: 65px;
}
.services-strategy .strategy-techniques .technique-item {
  padding-bottom: 60px;
}
.services-strategy .strategy-techniques .technique-item .technique-words {
  width: 72%;
  float: right;
}
.services-strategy .strategy-techniques .technique-item .technique-words h2 {
  text-transform: uppercase;
  margin: 0;
}
.services-strategy .strategy-techniques .technique-item .technique-words p {
  margin: 0 0 10px;
}
.services-strategy .strategy-techniques .technique-item .technique-img {
  float: left;
  width: 23%;
  margin-right: 5%;
}
.services-strategy .delivering {
  padding: 50px 50px 0;
}
.services-strategy .delivering img {
  float: left;
  margin-right: 5%;
}
.services-strategy .delivering .delivering-text {
  width: 100%;
  padding-top: 60px;
}

/***************
 SERVICES R&D
****************/
.services-rd .the-process {
  padding: 50px;
}
.services-rd .the-process .process-item-container .process-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.services-rd .the-process .process-item-container .process-item h2 {
  text-transform: uppercase;
  color: #5AC4BE;
  font-family: "DIN Next W01 Heavy";
}
.services-rd .the-process .process-item-container .process-item.process-1 img {
  padding-top: 31px;
}
.services-rd .the-process .process-item-container .process-item.process-2 {
  margin: 0 4%;
}
.services-rd .the-process .process-item-container .process-item.process-3 img {
  padding-top: 33px;
}
.services-rd .the-process .process-item-container .process-item .process-item-image {
  height: 213px;
}
.services-rd .power-points {
  padding: 50px;
}
.services-rd .red-background {
  margin: 0;
}
.services-rd .rd-results {
  padding: 50px 50px 0;
  padding: 50px;
}
.services-rd .rd-results h2 {
  margin: 0 0 80px;
}
.services-rd .rd-results .cs-title {
  font-size: 32px;
  font-family: "DIN Next W01 Heavy";
  margin: 0;
}
.services-rd .rd-results .results-img {
  width: 42%;
  display: inline-block;
  margin: 0 10% 0 4%;
  vertical-align: top;
}
.services-rd .rd-results .results-details {
  width: 35%;
  display: inline-block;
}
.services-rd .rd-results .results-details .icon {
  font-size: 50px;
}
.services-rd .rd-results .results-details .chaotic-button {
  padding-bottom: 0;
}
.services-rd .rd-results .chaotic-button {
  padding-top: 0px;
}

/****************
 SERVICES ENGINEERING
*****************/
.services-engineering .chaotic-button {
  padding-bottom: 0px;
}
.services-engineering .column-50 {
  width: 48%;
  display: inline;
}
.services-engineering .float-left {
  float: left;
}
.services-engineering .float-right {
  float: right;
}
.services-engineering .legacy-right {
  padding-bottom: 40px;
}
.services-engineering .best-better {
  clear: both;
}
.services-engineering .sublist-text {
  font-size: 20px;
  font-family: "DIN Next W01 Light";
  margin-top: -20px;
  margin-left: 60px;
}
.services-engineering .list-point-circles .big-bold {
  font-size: 35px;
  padding-left: 5px;
  line-height: 67px;
  text-transform: uppercase;
  font-family: "DIN Next W01 Heavy";
  letter-spacing: -1.75px;
}
.services-engineering .list-point-circles .count.chaotic-red {
  border: 3px solid #EB2328;
  color: #EB2328 !important;
}
.services-engineering .list-point-circles .count.chaotic-gray {
  border: 3px solid #565656;
  color: #565656 !important;
}
.services-engineering .engineering-book ul {
  padding-top: 35px;
  margin-left: 28px;
}
.services-engineering .engineering-book ul li.fourcol {
  list-style: disc;
}
.services-engineering .engineering-book ul li.fourcol:nth-child(3n+1) {
  margin-left: 0;
}
.services-engineering .technique-item .technique-img {
  display: inline-block;
  max-width: 118px;
  margin-right: 2%;
}
.services-engineering .technique-item .technique-words {
  display: inline-block;
  max-width: 72%;
}
.services-engineering .technique-item .technique-words h2 {
  text-transform: uppercase;
}
.services-engineering .will-way ul li {
  list-style: disc;
  padding: 5px 0;
  font-size: 24px;
}

#gallery .bgGradient {
  background-image: -webkit-linear-gradient(bottom, #000000 0px, rgba(255, 255, 255, 0) 175px);
  background-image: -moz-linear-gradient(bottom, #000000 0px, rgba(255, 255, 255, 0) 175px);
  background-image: -ms-linear-gradient(bottom, #000000 0px, rgba(255, 255, 255, 0) 175px);
  background-image: -o-linear-gradient(bottom, #000000 0px, rgba(255, 255, 255, 0) 175px);
  background-image: linear-gradient(to top, #000000 0px, rgba(255, 255, 255, 0) 175px);
  position: absolute;
  z-index: 15;
  width: 100%;
  height: 100%;
}

.portraits .portrait-container .portrait-small .portrair-overlay {
  height: auto !important;
}

.abdel-fix {
  clear: both;
  margin-left: 5px;
  position: relative;
}
.abdel-fix #gallery #instagram_img_container {
  width: 100%;
}
.abdel-fix #gallery #instagram_img_container .row_container {
  clear: both;
  line-height: 0;
  overflow: hidden;
  text-align: center;
}
.abdel-fix #gallery #instagram_img_container .row_container img {
  border: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.abdel-fix #gallery #instagram_img_container .row_container .box-2-img {
  display: inline-block;
  overflow: hidden;
  width: 20%;
}
.abdel-fix #gallery #instagram_img_container .row_container .box-2-img img {
  width: 100%;
}
.abdel-fix #gallery #instagram_img_container .row_container .box-4-img {
  display: inline-block;
  overflow: hidden;
  width: 40%;
}
.abdel-fix #gallery #instagram_img_container .row_container .box-4-img img {
  width: 50%;
}
.abdel-fix #gallery #instagram_img_container .row_container .box-big-img {
  display: inline-block;
  overflow: hidden;
  width: 40%;
}
.abdel-fix #gallery #instagram_img_container .row_container .box-big-img img {
  width: 100%;
}
.abdel-fix .box {
  background: #000;
}
.abdel-fix .loadMore {
  cursor: pointer;
  bottom: 30px;
  position: absolute;
  z-index: 1000;
  line-height: 21px;
  width: 100%;
  text-align: center;
}
.abdel-fix .loadMore p {
  border: 1px solid white;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  bottom: 30px;
  color: white;
  font-family: "DIN Next W01 Regular";
  font-size: 17.07px;
  font-weight: 300;
  height: 52px;
  padding: 0 20px;
  line-height: 52px;
  width: 340px;
  margin: 0 auto;
}

.map-container {
  clear: both;
  position: relative;
}
.map-container .labels-marker {
  background: transparent url("../images/about/marker-about.png") center left no-repeat;
  color: #fff;
  font-family: "DIN Next W01 Regular";
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  margin-left: -15px !important;
  margin-top: -37px !important;
  padding: 3px 0 0 0;
  text-align: center;
  width: 32px;
}
.map-container .map-bubble {
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.map-container .map-bubble .icon {
  color: #000;
  font-size: 21px;
  height: 31px;
  margin: 15px 0 2px;
}
.map-container .map-bubble .location-name {
  color: #fff;
  height: 32px;
  margin: 0 auto;
  overflow: hidden;
  width: 128px;
}
.map-container .map-bubble .location-name .location-height-fix {
  display: table-cell;
  font-family: "DIN Next W01 Regular";
  font-size: 16px;
  height: 32px;
  letter-spacing: -1px;
  line-height: 16px;
  padding: 0 5%;
  vertical-align: middle;
  width: 128px;
  word-wrap: break-word;
}
.map-container .map-bubble .love-level p {
  color: #2c2e30;
  font-size: 9px;
  line-height: 9px;
  margin: 6px 0 0;
  padding: 0;
}
.map-container .map-bubble .love-level p.number-love {
  font-size: 22px;
  line-height: 22px;
  margin-top: 5px;
}
.map-container .map-text {
  color: #eb2328;
  font-family: "DIN Next W01 Black";
  font-size: 60px;
  left: 0;
  padding: 60px 0 0 40px;
  position: absolute;
  top: 0;
  z-index: 10;
}
.map-container .map-text p {
  line-height: 62px;
  margin: 0;
  padding: 0;
}
.map-container .my-locations-hidding {
  display: none;
}
.map-container .places {
  height: 590px;
  background: #67d7d0;
  font-family: "DIN Next W01 Regular";
  position: absolute;
  top: 30px;
  right: -10px;
  width: 342px;
}
.map-container .places ul {
  padding: 20px 0;
  text-align: center;
}
.map-container .places ul li {
  display: inline-block;
  font-size: 21px;
  font-weight: bold;
  margin: 0 19px;
}
.map-container .places ul li:first-child {
  margin-left: 0;
}
.map-container .places ul li:last-child {
  margin-right: 0;
}
.map-container .places ul li a {
  font-size: 24px;
  color: #40a7a1;
  cursor: pointer;
}
.map-container .places ul li a:hover {
  color: #fff;
  text-decoration: none;
}
.map-container .places ul li:last-child {
  margin-right: 0;
}
.map-container .places .arrow-cyan {
  background: transparent url("../images/about/arrow-cyan.png") no-repeat center center;
  height: 13px;
  position: absolute;
  right: 0;
  top: -13px;
  width: 12px;
}
.map-container .places .counter-column {
  display: block;
  float: left;
  width: 40px;
}
.map-container .places .level-column {
  display: block;
  float: left;
  position: relative;
  width: 80px;
}
.map-container .places .level-column .black-hearth {
  margin-right: 5px;
  position: relative;
  top: -4px;
  vertical-align: top;
}
.map-container .places .location-column {
  display: block;
  float: left;
  width: 200px;
}
.map-container .places .places-list {
  background: #67d7d0;
  height: 520px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.map-container .places .progress-level {
  background: #4ab2ac;
  border-radius: 3px;
  height: 11px;
  padding-top: 3px;
  position: relative;
  width: 100%;
}
.map-container .places .progress-level .progress-current {
  background: #EB2328;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 0px 0px #972a2d;
  box-shadow: 3px 3px 0px 0px #972a2d;
  height: 14px;
  left: 0;
  position: absolute;
  bottom: 3px;
}
.map-container .places .row {
  height: 60px;
  overflow: hidden;
  text-align: center;
}
.map-container .places .row:nth-child(odd) {
  background: #67d7d0;
}
.map-container .places .row:nth-child(even) {
  background: #56c1ba;
}
.map-container .places .row .counter-column {
  color: #fff;
  font-family: "DIN Next W01 Bold";
  font-size: 24px;
  line-height: 24px;
  margin: 21px 0 0;
  padding: 0;
}
.map-container .places .row .level-column {
  color: #2c2e30;
  font-family: "DIN Next W01 Bold";
  font-size: 43px;
  line-height: 43px;
  margin: 13px 0 0;
  padding: 0;
  text-align: left;
}
.map-container .places .row .location-column {
  color: #fff;
  font-family: "DIN Next W01 Bold";
  font-size: 18px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: uppercase;
}
.map-container .places .row .location-column p {
  margin: 9px 0 4px;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.map-container .places .row-header {
  background: #40a7a1 !important;
  height: 44px;
  text-align: left;
}
.map-container .places .row-header .counter-column, .map-container .places .row-header .level-column, .map-container .places .row-header .location-column {
  color: #2c2e30;
  font-family: "DIN Next W01 Bold";
  font-size: 14px;
  line-height: 12px;
  margin: 17px 0 0;
  padding: 0;
  text-transform: uppercase;
}

.map-container-contact {
  position: relative;
}
.map-container-contact .location {
  padding: 0;
  position: absolute;
  right: 45px;
  top: 339px;
}

.nav-copyright li {
  display: inline-block !important;
}
.nav-copyright li a {
  color: #ff0600;
  display: block;
  font-family: "DIN Next W01 Regular";
  font-size: 16px;
  text-decoration: none;
}

.overlay-modal {
  background-color: #000;
  display: none;
  filter: alpha(opacity=70);
  height: 100%;
  left: 0;
  opacity: .7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}

.really-big-text {
  color: #F2F1EB;
  font-family: "DIN Next W01 Black";
  font-size: 60px;
  line-height: 64px;
  text-transform: uppercase;
}

#video-gallery {
  overflow: hidden;
}

.wrapTweet {
  background: #eb2228;
  width: 100%;
  height: 85px;
}

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.arrow {
  float: right;
  margin-top: 34px;
}

.arrowRotate {
  transition: all 800ms ease-in-out;
  -webkit-transition: all 800ms ease-in-out;
  /** Chrome & Safari **/
  -moz-transition: all 800ms ease-in-out;
  /** Firefox **/
  -o-transition: all 800ms ease-in-out;
  /** Opera **/
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.arrowRotateClose {
  transition: all 800ms ease-in-out;
  -webkit-transition: all 800ms ease-in-out;
  /** Chrome & Safari **/
  -moz-transition: all 800ms ease-in-out;
  /** Firefox **/
  -o-transition: all 800ms ease-in-out;
  /** Opera **/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.wrapTweetText {
  padding: 20px 0 0 35px;
  width: 900px;
  float: left;
}

.dark-red {
  color: #720000;
}

.web-services .overview .subtext {
  font-size: 17px;
  color: #4B4B4B;
  line-height: 23px;
  padding: 0px 9%;
}

.work-day {
  padding: 79px 0;
}
.work-day .center-block {
  display: block;
  margin: 0 auto;
  max-width: 90%;
}

.ven-container {
  padding: 60px 50px 0;
}
.ven-container #ven-image-container {
  position: relative;
  margin: 50px 0 0 0;
}
.ven-container #ven-image-container .ven-diagram-words {
  position: absolute;
  width: 268px;
}
.ven-container #ven-image-container .ven-diagram-words p {
  margin: 0;
  font-size: 15px;
}
.ven-container #ven-image-container .ven-diagram-words .ven-heading {
  font-family: "DIN Next W01 Heavy";
  font-size: 25px;
  line-height: 25px;
  text-transform: uppercase;
}
.ven-container #ven-image-container .ven-diagram-words.ven-top-left {
  top: 0;
  left: 0;
}
.ven-container #ven-image-container .ven-diagram-words.ven-top-right {
  top: 0;
  right: 0;
}
.ven-container #ven-image-container .ven-diagram-words.ven-bottom-left {
  bottom: 19px;
  left: 0;
}
.ven-container #ven-image-container #ven-image {
  padding: 65px 0 0 0;
}

.about {
  padding-bottom: 20px;
}
.about .header .big-bold {
  width: 70%;
  font-size: 80px;
}
.about .about-quote {
  padding: 50px;
  font-size: 40px;
  line-height: 50px;
  color: #ffffff;
  letter-spacing: 0px;
}
.about .about-quote p {
  font-size: 30px;
  font-family: 'DIN Next W01 Light';
  margin-bottom: 0px;
}

@font-face {
  font-family: "cm-custom-font";
  src: url("../fonts/cm-custom-font.eot");
  src: url("../fonts/cm-custom-font.eot?#iefix") format("embedded-opentype"), url("../fonts/cm-custom-font.ttf") format("truetype"), url("../fonts/cm-custom-font.svg#cm-custom-font") format("svg"), url("../fonts/cm-custom-font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "cm-custom-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="chaotic-"]:before,
[class*=" chaotic-"]:before {
  font-family: "cm-custom-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.chaotic-twitter:before {
  content: "\e000";
}

.chaotic-android:before {
  content: "\e001";
}

.chaotic-email:before {
  content: "\e002";
}

.chaotic-facebook:before {
  content: "\e003";
}

.chaotic-google-plus:before, *[class*="chaotic-google"]:before {
  content: "\e004";
}

.chaotic-windows:before {
  content: "\e005";
}

.chaotic-instagram:before {
  content: "\e006";
}

.chaotic-ios:before {
  content: "\e007";
}

.chaotic-linkedin:before {
  content: "\e008";
}

.chaotic-apple:before {
  content: "\e009";
}

.chaotic-bar:before {
  content: "\e00a";
}

.chaotic-business:before {
  content: "\e00b";
}

.chaotic-conference:before {
  content: "\e00c";
}

.chaotic-google:before {
  content: "\e00d";
}

.chaotic-hotel:before {
  content: "\e00e";
}

.chaotic-recreation:before {
  content: "\e00f";
}

.chaotic-restaurant:before {
  content: "\e010";
}

.chaotic-venue:before {
  content: "\e011";
}

.chaotic-website:before {
  content: "\e012";
}

.chaotic-careers-creative:before {
  content: "\e013";
}

.chaotic-careers-engineering:before {
  content: "\e014";
}

.chaotic-careers-labs:before {
  content: "\e015";
}

.chaotic-careers-marketing:before {
  content: "\e016";
}

.chaotic-careers-other:before {
  content: "\e017";
}

.chaotic-careers-productdesign:before {
  content: "\e018";
}

.chaotic-careers-projectmanagement:before {
  content: "\e019";
}

.chaotic-careers-sales:before {
  content: "\e01a";
}

footer .social .icon {
  font-size: 40px;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
footer .social .icon:hover {
  color: #ffffff;
}

.icon-41 {
  font-size: 42px;
}

.projects.table .column .icon-41 {
  color: #fff;
  margin: 0 10px 0 0;
  position: relative;
  top: 12px;
}

.single-case_study_cpt .brand .icon {
  font-size: 54px;
  line-height: 47px;
  display: inline-block;
  padding: 0 8.5px;
}
.single-case_study_cpt .brand .icon.icon-1 {
  padding-left: 0px !important;
}

.form-container-contact {
  position: relative;
}
.form-container-contact .arrow-cyan-left {
  left: 0;
  position: absolute;
  top: -646px;
}

.contactForm input[type=text], .contactForm textarea {
  color: #444444 !important;
}
.contactForm .gform_wrapper li.gfield.gfield_error, .contactForm .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background: transparent;
  border: none;
  margin: 8px 0 0 0;
  padding: 0 !important;
}
.contactForm .gform_wrapper .top_label .gfield_error .ginput_container {
  max-width: auto;
}
.contactForm .validation_error {
  display: none !important;
}
.contactForm .validation_error,
.contactForm .gform_wrapper .top_label .gfield_description.validation_message,
.contactForm .gform_wrapper .gfield_description.validation_message {
  color: #eb2328 !important;
  line-height: 20px;
  margin: 0 !important;
  padding: 0 !important;
}

.contact .form-container-contact .contactForm form textarea {
  resize: none;
  height: 147px;
}

.chaotic-form form .form-input, .chaotic-form form .form-select, .chaotic-form form .form-tarea {
  font-size: 15px !important;
  margin-top: 8px;
}
.chaotic-form form .form-input input, .chaotic-form form .form-select input, .chaotic-form form .form-tarea input {
  height: 32px;
  width: 100%;
  font-size: 17px;
}
.chaotic-form form .form-input label, .chaotic-form form .form-select label, .chaotic-form form .form-tarea label {
  font-family: "DIN Next W01 Regular";
  margin-bottom: 0;
  text-transform: uppercase;
}
.chaotic-form form .form-input textarea, .chaotic-form form .form-select textarea, .chaotic-form form .form-tarea textarea {
  height: 154px;
  width: 100%;
  font-size: 17px;
}
.chaotic-form form .form-input input, .chaotic-form form .form-input textarea, .chaotic-form form .form-input button, .chaotic-form form .form-input .select2-container .select2-choice, .chaotic-form form .form-select input, .chaotic-form form .form-select textarea, .chaotic-form form .form-select button, .chaotic-form form .form-select .select2-container .select2-choice, .chaotic-form form .form-tarea input, .chaotic-form form .form-tarea textarea, .chaotic-form form .form-tarea button, .chaotic-form form .form-tarea .select2-container .select2-choice {
  border: 1px solid #F2F1EB;
}
.chaotic-form form .select2-container {
  height: 32px;
  width: 100%;
  font-family: "DIN Next W01 Regular";
  font-size: 17px;
}
.chaotic-form form .select2-container a {
  background: #F2F1EB;
  height: 32px;
}
.chaotic-form form .select2-container .select2-chosen {
  padding-top: 5px;
}
.chaotic-form form .chaotic-left-half {
  margin: 0 0 8px 0;
  width: 100%;
  float: left;
  margin-right: 1%;
}
.chaotic-form form .chaotic-right-half {
  margin: 0 0 8px 0;
  width: 47%;
  float: right;
}
.chaotic-form form .button.gform_button {
  background: transparent;
  color: #fff;
  margin: 0 auto;
  padding: 13px 0;
  text-align: center;
  text-transform: uppercase;
}
.chaotic-form form .select2-container .select2-choice .select2-arrow {
  background: transparent;
  border: none;
}
.chaotic-form form .select2-container .select2-choice .select2-arrow b {
  background: transparent url("../images/arrow-down.png") no-repeat left center;
}
.chaotic-form form .select2-dropdown-open .select2-choice .select2-arrow b {
  background: transparent url("../images/arrow-up.png") no-repeat left center;
}
.chaotic-form form .select2-results .select2-highlighted {
  background: #5AC4BE !important;
}

.page-template-page-contact-php .select2-drop {
  -webkit-box-shadow: 0px 5px 0px 0px #d2d2d2;
  box-shadow: 0px 5px 0px 0px #d2d2d2;
}
.page-template-page-contact-php .select2-drop.select2-drop-active {
  border: none !important;
}
.page-template-page-contact-php .select2-drop .select2-results {
  font-family: "DIN Next W01 Regular" !important;
}
.page-template-page-contact-php .select2-drop .select2-results .select2-result {
  border-bottom: 1px #f2f1eb solid;
}
.page-template-page-contact-php .select2-drop .select2-results .select2-result:last-child {
  border-bottom: none !important;
}
.page-template-page-contact-php .select2-drop .select2-results .select2-result.select2-highlighted {
  background: none !important;
  color: #5AC4BE;
}

.form-container .gform_body {
  display: block;
  float: left;
  max-width: 190px;
  width: 62%;
}
.form-container .gform_footer {
  clear: none !important;
  display: block;
  float: left;
  margin: 0 0 0 2% !important;
  max-width: 65px;
  padding: 0 !important;
  width: 36% !important;
}
.form-container .gform_footer input {
  background: transparent;
  color: #fff;
  font-size: 12px !important;
  font-weight: bold;
  height: 30px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  width: 100%;
}
.form-container .footer-input input {
  display: block;
  float: left;
  font-size: 18px !important;
  font-family: "DIN Next W01 Regular" !important;
  height: 30px;
  width: 100% !important;
}
.form-container .footer-input label {
  display: none !important;
}

#gforms_confirmation_message .chaotic-button a {
  border-color: #F2F1EB;
  color: #F2F1EB;
  font-size: 1em;
  line-height: 1em;
  padding: 13px 15px 8px 15px;
  text-align: center;
  width: 100%;
}

/* 2 column ready class ------------------------------------------------------*/
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half,
.gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
  width: 46%;
}

.gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
  margin-right: 1%;
}

.gform_wrapper .top_label li.gfield.gf_left_half {
  float: left;
  clear: left !important;
}

.gform_wrapper .top_label li.gfield.gf_right_half {
  float: right;
  clear: right !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half input.medium,
.gform_wrapper .top_label li.gfield.gf_left_half input.large,
.gform_wrapper .top_label li.gfield.gf_left_half select.medium,
.gform_wrapper .top_label li.gfield.gf_left_half select.large,
.gform_wrapper .top_label li.gfield.gf_right_half input.medium,
.gform_wrapper .top_label li.gfield.gf_right_half input.large,
.gform_wrapper .top_label li.gfield.gf_right_half select.medium,
.gform_wrapper .top_label li.gfield.gf_right_half select.large {
  width: 97%;
}

.gform_wrapper .top_label li.gfield.gf_left_half textarea,
.gform_wrapper .top_label li.gfield.gf_right_half textarea {
  width: 98%;
}

.gform_wrapper .top_label li.gfield.gf_left_half input.small,
.gform_wrapper .top_label li.gfield.gf_right_half input.small {
  width: 35%;
}

.gform_wrapper .top_label li.gfield.gf_left_half + li.gsection,
.gform_wrapper .top_label li.gfield.gf_right_half + li.gsection {
  padding: 16px 0 8px 0;
}

.gform_wrapper .top_label li.gfield.gf_left_half + li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half + li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_left_half + li.gfield.gsection.gf_right_half,
.gform_wrapper .top_label li.gfield.gf_right_half + li.gfield.gsection.gf_right_half,
.gform_wrapper .top_label li.gfield.gsection.gf_left_half + li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gsection.gf_right_half + li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gsection.gf_right_half + li.gfield.gsection.gf_right_half {
  padding: 16px 0 8px 0;
}

.gform_wrapper .top_label li.gfield.gsection.gf_left_half + li.gfield.gsection.gf_right_half {
  padding: 0 0 8px 0;
}

.gform_wrapper .top_label li.gfield.gsection.gf_left_half + li.gfield.gsection.gf_right_half + li.gfield.gsection.gf_left_half + li.gfield.gsection.gf_right_half {
  padding: 16px 0 8px 0;
}

.gform_wrapper .top_label li.gfield.gf_left_half + li.gfield,
.gform_wrapper .top_label li.gfield.gf_right_half + li.gfield,
.gform_wrapper .top_label li.gfield.gf_left_half + .gform_footer,
.gform_wrapper .top_label li.gfield.gf_right_half + .gform_footer {
  clear: both;
}

.background-circuit {
  background: transparent url("../images/labs/background-circuit.png") bottom center no-repeat;
  padding-bottom: 1px;
}
.background-circuit .padding-standard {
  padding: 21px 50px !important;
}

.heardit p {
  margin: 0;
  padding: 0;
}

/***************
 LABS STYLES
****************/
.labs {
  background: #1b1e20;
}
.labs .blur {
  height: 502px;
  overflow: hidden;
  position: relative;
}
.labs .heardit .padding-standard {
  padding: 54px 50px;
}
.labs .padding-standard {
  padding: 78px 50px;
}
.labs .top {
  background: #1b1e20;
}
.labs .red-background {
  margin: 0;
}
.labs .three-elements-container .three-elements-item h2 {
  color: #F2F1EB;
}
.labs .three-elements-container .three-elements-item p {
  color: #707070;
}
.labs .labs-grid .big-bold {
  padding: 40px 50px;
  margin: 0px;
}

.rules.padding-standard {
  padding-top: 58px;
}
.rules.padding-standard > div {
  width: 56%;
  float: left;
}
.rules h3 {
  color: #fff;
  font-family: "DIN Next W01 Bold";
  font-size: 36px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.rules img {
  display: block;
  float: left;
  margin-right: 5%;
  width: 39%;
}
.rules p {
  color: #848484;
  font-size: 20px;
  line-height: 22px;
  margin: 0 0 10px;
}
.rules .rules-right {
  float: left;
  padding-top: 20px;
  width: 55%;
}

.text-overlap-video {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

.title-labs h2 {
  margin: 0 !important;
}

.three-elements-container {
  margin-bottom: 60px;
}
.three-elements-container .three-elements-item {
  display: inline-block;
  margin: 0 2%;
  max-width: 290px;
  vertical-align: top;
}
.three-elements-container .three-elements-item h2 {
  font-family: "DIN Next W01 Bold";
  font-size: 36px;
  margin: 12px 0 15px;
  text-transform: uppercase;
}
.three-elements-container .three-elements-item p {
  font-size: 20px;
  line-height: 22px;
  margin: 0;
}

.innovation {
  background-color: #27292b;
  padding: 40px 50px 40px;
}
.innovation .big-bold {
  margin-top: 0px;
  width: 69%;
}
.innovation .press-posts {
  padding-top: 0px;
}
.innovation .press-posts .column-100 {
  margin-bottom: 10px;
}
.innovation .press-posts .pressImage {
  vertical-align: top;
  display: inline-block;
  width: 12%;
  max-width: 120px;
  margin-right: 3%;
  margin-top: 25px;
}
.innovation .press-posts .pressHeading {
  vertical-align: top;
  display: inline-block;
  width: 85%;
}
.innovation .press-posts .pressHeading .title a {
  color: #fff;
}
.innovation .press-posts .pressContent {
  margin-bottom: 100px;
}

.heardit-content {
  background: #27292b;
  margin-bottom: 70px;
}
.heardit-content .heardit {
  padding: 57px 46px;
}
.heardit-content .heardit .subtitle {
  width: 524px;
}
.heardit-content .heardit .subtitle .caption {
  font-size: 20px;
  color: #848484;
}
.heardit-content .blog {
  padding: 0 50px;
}
.heardit-content .blog .blog-listing:last-child {
  margin-bottom: 50px !important;
}
.heardit-content .blog .blog-listing .heading {
  color: #848484;
}
.heardit-content .blog .blog-listing .heading .title a {
  color: #fff;
}
.heardit-content .blog .blog-listing .heading .date {
  color: #848484;
}
.heardit-content .blog .blog-listing .content {
  color: #848484;
}
.heardit-content .chaotic-button a {
  color: #fff;
  border-color: #fff;
}

/***************
 SERVICES STYLES - These styles span across all services pages
****************/
.subNav {
  background: #F2F1EB;
  padding: 0 50px 13px;
  text-transform: uppercase;
}
.subNav .tabs {
  list-style: none;
  margin-top: 50px;
  text-transform: uppercase;
  font-size: 20px;
}
.subNav .tabs li {
  display: inline;
  margin-right: 50px;
  cursor: pointer;
  color: #4B4A4A;
}
.subNav .tabs li.current a {
  color: #5AC4BE !important;
  text-decoration: underline;
}
.subNav .tabs li a {
  text-decoration: none;
}
.subNav .tabs li.current-menu-item {
  border-bottom: 2px solid #5AC4BE;
}
.subNav .tabs li.current-menu-item a {
  color: #5AC4BE;
}

.services-icons {
  background: #F2F1EB;
  padding: 80px 40px;
}
.services-icons .text {
  color: #EB2328;
  font-size: 70px;
  letter-spacing: -1.75px;
  line-height: 67px;
  text-transform: uppercase;
}
.services-icons .subtext {
  font-size: 17px;
  color: #4B4B4B;
  line-height: 23px;
  padding: 0 9%;
}

.services-design, .services-strategy, .services-overview,
.services-rd, .services-engineering {
  padding-bottom: 20px;
}
.services-design .headline, .services-strategy .headline, .services-overview .headline,
.services-rd .headline, .services-engineering .headline {
  padding: 80px 50px 30px;
  font-size: 85px;
}
.services-design .container-service-summary, .services-strategy .container-service-summary, .services-overview .container-service-summary,
.services-rd .container-service-summary, .services-engineering .container-service-summary {
  padding: 70px 50px;
}
.services-design .container-service-summary img, .services-strategy .container-service-summary img, .services-overview .container-service-summary img,
.services-rd .container-service-summary img, .services-engineering .container-service-summary img {
  display: block;
  float: left;
}
.services-design .container-service-summary div, .services-strategy .container-service-summary div, .services-overview .container-service-summary div,
.services-rd .container-service-summary div, .services-engineering .container-service-summary div {
  display: block;
  float: left;
  margin-left: 70px;
  width: 60%;
  margin-top: 28px;
}
.services-design .container-service-summary h2, .services-strategy .container-service-summary h2, .services-overview .container-service-summary h2,
.services-rd .container-service-summary h2, .services-engineering .container-service-summary h2 {
  text-transform: uppercase;
  font-size: 36px;
  letter-spacing: -1.25px;
  line-height: 36px;
  margin-bottom: 0px;
}
.services-design .container-service-summary p, .services-strategy .container-service-summary p, .services-overview .container-service-summary p,
.services-rd .container-service-summary p, .services-engineering .container-service-summary p {
  margin-top: 0px;
}
.services-design .service-points .two-columns-service, .services-strategy .service-points .two-columns-service, .services-overview .service-points .two-columns-service,
.services-rd .service-points .two-columns-service, .services-engineering .service-points .two-columns-service {
  padding: 45px 0 20px;
}
.services-design .service-points .two-columns-service li, .services-strategy .service-points .two-columns-service li, .services-overview .service-points .two-columns-service li,
.services-rd .service-points .two-columns-service li, .services-engineering .service-points .two-columns-service li {
  float: left;
  margin-bottom: 20px;
  margin-right: 4%;
  overflow: hidden;
  width: 46%;
}
.services-design .service-points .two-columns-service li div:nth-child(1), .services-strategy .service-points .two-columns-service li div:nth-child(1), .services-overview .service-points .two-columns-service li div:nth-child(1),
.services-rd .service-points .two-columns-service li div:nth-child(1), .services-engineering .service-points .two-columns-service li div:nth-child(1) {
  float: left;
  width: 25%;
}
.services-design .service-points .two-columns-service li div:nth-child(2), .services-strategy .service-points .two-columns-service li div:nth-child(2), .services-overview .service-points .two-columns-service li div:nth-child(2),
.services-rd .service-points .two-columns-service li div:nth-child(2), .services-engineering .service-points .two-columns-service li div:nth-child(2) {
  float: left;
  margin-left: 2%;
  width: 73%;
}
.services-design .service-points .two-columns-service li div:nth-child(2) h3, .services-strategy .service-points .two-columns-service li div:nth-child(2) h3, .services-overview .service-points .two-columns-service li div:nth-child(2) h3,
.services-rd .service-points .two-columns-service li div:nth-child(2) h3, .services-engineering .service-points .two-columns-service li div:nth-child(2) h3 {
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
  font-family: "DIN Next W01 Heavy";
  letter-spacing: -1.25px;
  font-size: 30px;
  margin-bottom: 0px;
  line-height: 30px;
}
.services-design .service-points .two-columns-service li div:nth-child(2) p, .services-strategy .service-points .two-columns-service li div:nth-child(2) p, .services-overview .service-points .two-columns-service li div:nth-child(2) p,
.services-rd .service-points .two-columns-service li div:nth-child(2) p, .services-engineering .service-points .two-columns-service li div:nth-child(2) p {
  margin-top: 0px;
}
.services-design .service-points .two-columns-service li:nth-child(odd), .services-strategy .service-points .two-columns-service li:nth-child(odd), .services-overview .service-points .two-columns-service li:nth-child(odd),
.services-rd .service-points .two-columns-service li:nth-child(odd), .services-engineering .service-points .two-columns-service li:nth-child(odd) {
  clear: left;
}
.services-design .service-padding, .services-strategy .service-padding, .services-overview .service-padding,
.services-rd .service-padding, .services-engineering .service-padding {
  padding: 80px 50px 40px 50px;
}
.services-design .count, .services-strategy .count, .services-overview .count,
.services-rd .count, .services-engineering .count {
  color: #5AC4BE;
  font-size: 30px;
  line-height: 50px;
  padding: 6px 15px 2px;
  border: 3px solid #5AC4BE;
  border-radius: 5em;
}

.services-design .subNav, .services-strategy .subNav, .services-rd .subNav, .services-engineering .subNav {
  padding-bottom: 50px;
}

/***************
 SERVICES OVERVIEW
****************/
.services-overview .headline {
  padding-bottom: 0;
}
.services-overview .contact-link {
  display: none;
}
.services-overview .semi-bold {
  padding-top: 0px;
  font-size: 30px;
  margin-top: -20px;
  padding-bottom: 30px;
}
.services-overview #device-circle {
  padding: 70px 50px 40px;
}
.services-overview #device-circle h2 {
  text-transform: uppercase;
  margin: 30px 0 0;
  line-height: 26px;
}
.services-overview #device-circle p {
  width: 59%;
  margin: 0 auto 45px;
}
.services-overview .overview {
  padding: 70px 50px 63px 50px;
}
.services-overview .web-services-list-container {
  background: #F2F1EB;
  padding: 0px 50px 25px 50px;
}
.services-overview .web-services-list-container .services-list-item {
  width: 49% !important;
  float: left;
  text-align: left;
  padding-bottom: 17px;
}
.services-overview .web-services-list-container .services-list-item img {
  float: left;
  width: 16%;
  margin-right: 6%;
  margin-bottom: 14px;
}
.services-overview .web-services-list-container .services-list-item h2 {
  float: left;
  width: 76%;
  font-size: 30px;
  line-height: 31px;
  margin: 0;
  padding: 7px 0 0 0;
  color: #5AC4BE;
}
.services-overview .web-services-list-container .services-list-item p {
  float: left;
  width: 76%;
  padding: 0 0 16px 0;
  margin: 0;
}
.services-overview .web-services-list-container .table {
  padding-top: 37px;
}
.services-overview .web-services-list-container .col-2 {
  margin-left: 4%;
  width: 47% !important;
  min-height: 190px;
}
.services-overview .our-process {
  background: #e7e4dd;
  padding: 70px 50px 0px 50px;
}
.services-overview .our-process .text {
  color: #EB2328;
  font-size: 70px;
  line-height: 70px;
}
.services-overview .our-process .subtext {
  font-size: 20px;
  color: #4B4A4A;
  line-height: 25px;
}
.services-overview .our-process .web-process-graphic {
  margin: 45px 0 10px 0;
  background-repeat: no-repeat;
}
.services-overview .our-process div.button a {
  display: inline-block;
  font-size: 20px;
  color: #6b6b6b;
  text-decoration: none;
  padding: 15px 20px 11px 20px;
  border: 1px solid #6b6b6b;
  border-radius: 5px;
}
.services-overview .detailed-services .table {
  padding: 37px 0 0px 0;
  font-size: 18px;
}
.services-overview .detailed-services .table .service-column {
  padding-right: 2%;
}
.services-overview .detailed-services .table .service-column:last-child {
  padding-right: 0;
}
.services-overview .detailed-services .subtext {
  font-size: 20px;
}
.services-overview .detailed-services h3 {
  font-size: 31px;
  color: #EB2328;
  margin: 2px 0;
  padding: 0 0 6px 0;
}
.services-overview .detailed-services .heading-3 {
  color: #5AC4BE;
}
.services-overview .detailed-services .our-mark-graphic {
  height: 670px;
  margin: 44px 0 104px 0;
  background-repeat: no-repeat;
}
.services-overview .red {
  color: #EB2328 !important;
}
.services-overview #ven-diagram {
  padding: 70px 50px 0px 50px;
}
.services-overview #ven-diagram .web-process-graphic {
  height: 312px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 328px;
}
.services-overview #ven-diagram .subtext {
  float: right;
}

.services-strategy .web-process-graphic, .services-rd .web-process-graphic, .services-engineering .web-process-graphic {
  margin: 45px 0 10px 0;
  background-repeat: no-repeat;
}

/****************
 SERVICES DESIGN
*****************/
.dribbble-container {
  text-align: center;
}
.dribbble-container .dribbble-box {
  background: white;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  display: inline-block;
  margin: 14px 1.8%;
  width: 20%;
}
.dribbble-container .dribbble-box .dribbble-image {
  display: block;
  margin: 10px auto 0;
  width: 90%;
}
.dribbble-container .dribbble-box .counters {
  list-style: none;
  margin: 0 auto;
  text-align: right;
  width: 90%;
}
.dribbble-container .dribbble-box .counters li {
  color: #bbb;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 0 5px;
  padding: 0;
}
.dribbble-container .dribbble-box .counters li a {
  color: inherit;
  text-decoration: none;
}
.dribbble-container .dribbble-box .counters li:last-child {
  margin-right: 0px;
}
.dribbble-container .dribbble-box .counters li.views-count {
  background: transparent url(../images/services/design/views.png) no-repeat;
  padding-left: 18px;
  background-position: 0px 5px;
}
.dribbble-container .dribbble-box .counters li.comments-count {
  background: transparent url(../images/services/design/comment.png) no-repeat;
  padding-left: 18px;
  background-position: 0px 5px;
}
.dribbble-container .dribbble-box .counters li.likes-count {
  background: transparent url(../images/services/design/views.png) no-repeat;
  padding-left: 18px;
  background-position: 0px 5px;
}

.services-design .dual-line-text {
  position: relative;
}
.services-design .dual-line-text img {
  display: block;
  margin: 20px auto 0;
}
.services-design .afraid-to-show {
  padding: 40px 50px 0 50px;
}
.services-design .afraid-to-show .dual-line-text2 {
  margin-top: 10px;
  position: relative;
}
.services-design .afraid-to-show .dual-line-text2 p {
  left: 240px;
  position: absolute;
  top: -20px;
}
.services-design .the-process {
  padding: 40px 50px 0px;
}
.services-design .the-process .process-graphic {
  padding: 30px 0px 0px;
}

/***************
 SERVICES STRATEGY
****************/
.services-strategy .red-background {
  margin: 0;
}
.services-strategy .strategy-techniques .big-bold {
  padding-bottom: 65px;
}
.services-strategy .strategy-techniques .technique-item {
  padding-bottom: 60px;
}
.services-strategy .strategy-techniques .technique-item .technique-words {
  width: 72%;
  float: right;
}
.services-strategy .strategy-techniques .technique-item .technique-words h2 {
  text-transform: uppercase;
  margin: 0;
}
.services-strategy .strategy-techniques .technique-item .technique-words p {
  margin: 0 0 10px;
}
.services-strategy .strategy-techniques .technique-item .technique-img {
  float: left;
  width: 23%;
  margin-right: 5%;
}
.services-strategy .delivering {
  padding: 50px 50px 0;
}
.services-strategy .delivering img {
  float: left;
  margin-right: 5%;
}
.services-strategy .delivering .delivering-text {
  width: 100%;
  padding-top: 60px;
}

/***************
 SERVICES R&D
****************/
.services-rd .the-process {
  padding: 50px;
}
.services-rd .the-process .process-item-container .process-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.services-rd .the-process .process-item-container .process-item h2 {
  text-transform: uppercase;
  color: #5AC4BE;
  font-family: "DIN Next W01 Heavy";
}
.services-rd .the-process .process-item-container .process-item.process-1 img {
  padding-top: 31px;
}
.services-rd .the-process .process-item-container .process-item.process-2 {
  margin: 0 4%;
}
.services-rd .the-process .process-item-container .process-item.process-3 img {
  padding-top: 33px;
}
.services-rd .the-process .process-item-container .process-item .process-item-image {
  height: 213px;
}
.services-rd .power-points {
  padding: 50px;
}
.services-rd .red-background {
  margin: 0;
}
.services-rd .rd-results {
  padding: 50px 50px 0;
  padding: 50px;
}
.services-rd .rd-results h2 {
  margin: 0 0 80px;
}
.services-rd .rd-results .cs-title {
  font-size: 32px;
  font-family: "DIN Next W01 Heavy";
  margin: 0;
}
.services-rd .rd-results .results-img {
  width: 42%;
  display: inline-block;
  margin: 0 10% 0 4%;
  vertical-align: top;
}
.services-rd .rd-results .results-details {
  width: 35%;
  display: inline-block;
}
.services-rd .rd-results .results-details .icon {
  font-size: 50px;
}
.services-rd .rd-results .results-details .chaotic-button {
  padding-bottom: 0;
}
.services-rd .rd-results .chaotic-button {
  padding-top: 0px;
}

/****************
 SERVICES ENGINEERING
*****************/
.services-engineering .chaotic-button {
  padding-bottom: 0px;
}
.services-engineering .column-50 {
  width: 48%;
  display: inline;
}
.services-engineering .float-left {
  float: left;
}
.services-engineering .float-right {
  float: right;
}
.services-engineering .legacy-right {
  padding-bottom: 40px;
}
.services-engineering .best-better {
  clear: both;
}
.services-engineering .sublist-text {
  font-size: 20px;
  font-family: "DIN Next W01 Light";
  margin-top: -20px;
  margin-left: 60px;
}
.services-engineering .list-point-circles .big-bold {
  font-size: 35px;
  padding-left: 5px;
  line-height: 67px;
  text-transform: uppercase;
  font-family: "DIN Next W01 Heavy";
  letter-spacing: -1.75px;
}
.services-engineering .list-point-circles .count.chaotic-red {
  border: 3px solid #EB2328;
  color: #EB2328 !important;
}
.services-engineering .list-point-circles .count.chaotic-gray {
  border: 3px solid #565656;
  color: #565656 !important;
}
.services-engineering .engineering-book ul {
  padding-top: 35px;
  margin-left: 28px;
}
.services-engineering .engineering-book ul li.fourcol {
  list-style: disc;
}
.services-engineering .engineering-book ul li.fourcol:nth-child(3n+1) {
  margin-left: 0;
}
.services-engineering .technique-item .technique-img {
  display: inline-block;
  max-width: 118px;
  margin-right: 2%;
}
.services-engineering .technique-item .technique-words {
  display: inline-block;
  max-width: 72%;
}
.services-engineering .technique-item .technique-words h2 {
  text-transform: uppercase;
}
.services-engineering .will-way ul li {
  list-style: disc;
  padding: 5px 0;
  font-size: 24px;
}

@font-face {
  font-family: "careers-font";
  src: url("../fonts/careers-font.eot");
  src: url("../fonts/careers-font.eot?#iefix") format("embedded-opentype"), url("../fonts/careers-font.woff") format("woff"), url("../fonts/careers-font.ttf") format("truetype"), url("../fonts/careers-font.svg#untitled-font-4") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-careers"]:before,
[class*="icon-careers"]:before {
  font-family: "careers-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cm-careers-icon1:before {
  content: "b";
}

.icon-cm-careers-icon2:before {
  content: "c";
}

.icon-cm-careers-icon3:before {
  content: "d";
}

.icon-cm-careers-icon4:before {
  content: "e";
}

.icon-cm-careers-icon5:before {
  content: "f";
}

.icon-cm-careers-icon6:before {
  content: "g";
}

.icon-cm-careers-icon7:before {
  content: "h";
}

.icon-cm-careers-icon8:before {
  content: "i";
}

.careers {
  padding-bottom: 30px;
}
.careers .careersTitleText {
  color: #ffffff;
}

.careers-list {
  display: block;
  margin-top: 20px;
  margin-bottom: -30px;
}
.careers-list li:first-child {
  margin-left: -9px;
}
.careers-list .icon-careers {
  font-size: 117px;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.careers-list .icon-careers:hover, .careers-list .icon-careers.selected, .careers-list .icon-careers.active {
  color: #ffffff;
}

.careers .careerFormContainer .icon {
  font-size: 120px;
  line-height: 90px;
  display: inline-block;
  padding: 0 2.5px;
  color: #268781;
}
.careers .careerFormContainer .icon.selected {
  color: #FFFFFF;
}

.jobs-list li {
  color: #268781;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.jobs-list li.active, .jobs-list li:hover {
  color: #ffffff;
}

.jobs-list-title {
  margin-bottom: -50px;
}

.open-title {
  text-transform: uppercase;
  width: auto;
  color: #ffffff;
}

.job-title-main {
  text-transform: uppercase;
}

.mainJobDetails span {
  font-weight: bold;
}
.mainJobDetails ul {
  list-style-type: disc;
}

@media only screen and (max-width: 1189px) {
  .careers-list li {
    padding-left: 40px;
  }
  .careers-list li:first-child {
    margin-left: 0px;
  }
  .careers-list li .icon-careers {
    font-size: 190px;
  }
}
@media only screen and (max-width: 1115px) {
  .careers-list {
    margin-left: 5%;
  }
  .careers-list li {
    padding-right: 25px;
  }
  .careers-list li .icon-careers {
    font-size: 150px;
  }
}
@media only screen and (max-width: 1000px) {
  .mainJobDetails #career-description {
    width: 100%;
    display: block;
    padding: 25px;
    margin-top: -50px;
  }
  .mainJobDetails #careersForm {
    width: 100%;
    display: block;
  }
}
@media only screen and (max-width: 774px) {
  .careers-list {
    margin-left: 0;
  }

  #careersForm {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 710px) {
  .careers-list {
    margin-left: 0;
  }
  .careers-list li {
    padding-left: 5px;
  }
  .careers-list li .icon-careers {
    font-size: 130px;
  }

  .careers .careerHR {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  /******************************************************************
  Stylesheet: 1200px and Down Stylesheet
  ******************************************************************/
  .about .blur .text {
    line-height: 70px;
  }
}
@media (max-width: 1139px) {
  /******************************************************************
  Stylesheet: 1140px and Down Stylesheet
  ******************************************************************/
  .hero .text {
    font-size: 70px;
    line-height: .85;
  }

  .top-bar {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
  }
  .top-bar button.navbar-toggle {
    display: block;
    -webkit-appearance: none;
    background: transparent;
    border: none;
    float: right;
    margin-top: 13px;
    margin-bottom: 10px;
    outline: none;
  }
  .top-bar ul.main-nav {
    position: absolute;
    width: 0px;
    height: 100vh;
    top: 49px;
    text-align: center;
    background: #eb2328;
    z-index: 5000;
    display: block;
  }
  .top-bar ul.main-nav.show {
    width: 180px;
  }
  .top-bar ul.main-nav.show li {
    display: block;
  }
  .top-bar ul.main-nav li {
    width: 100%;
    display: none;
    float: none;
    border-bottom: none;
    text-align: left;
    font-family: "DIN Next W01 Medium";
    font-size: 15px;
  }
  .top-bar ul.main-nav li.current-menu-item a, .top-bar ul.main-nav li.current_page_item a, .top-bar ul.main-nav li.current-page-ancestor a {
    color: #000;
  }
  .top-bar ul.main-nav li a {
    color: #fff;
    border-bottom: 0;
    width: 100%;
  }
  .top-bar ul.main-nav li a:hover {
    color: #000;
  }

  .main-nav {
    right: 0px;
    display: block;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
  }
  .main-nav li a {
    padding: 11px 17px 10px;
  }
  .main-nav.active {
    display: block;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
  }

  .single-case_study_cpt .no-control > img {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
  }
  .single-case_study_cpt .no-control-sm {
    width: 85% !important;
    text-align: center;
  }
  .single-case_study_cpt .no-control-sm > img {
    width: 100% !important;
  }
  .single-case_study_cpt .padded-title {
    font-size: 60px;
    line-height: 60px;
  }

  .about .header .subcount {
    font-size: 24px;
    display: inline-block;
    width: 81%;
    vertical-align: top;
  }

  /* ABOUT */
  .page-id-2261 .ven-container #ven-image-container #ven-image {
    width: 95%;
    margin: 0 auto;
  }
  .page-id-2261 .ven-container #ven-image-container #ven-image img {
    max-width: 55%;
  }

  .about,
  .services-overview,
  .blog,
  .press,
  .careers,
  .contact {
    margin-top: 30px;
  }

  .process {
    margin-top: 50px;
  }

  /* CONTACT */
  .contact .cult .text {
    font-size: 50px;
    line-height: 1.15em;
  }
  .contact a.table .text {
    font-size: 23px;
  }

  .process .pos-nav {
    height: 70px;
  }
  .process .overview {
    background: transparent;
    padding: 30px 30px 0;
  }
  .process .overview img, .process .overview br {
    display: none;
  }
  .process .overview .text {
    font-size: 60px;
  }
  .process .mobile-process {
    display: block !important;
    width: 75%;
    margin: 0 auto;
    padding-bottom: 50px;
    padding-top: 30px;
    text-align: center;
  }
  .process.process-strategy .mobile-process, .process.processRD .mobile-process {
    width: 40%;
    margin-top: 10px;
  }
  .process .flow {
    display: none;
  }

  .process-launch .foreground-container .rocket {
    z-index: 10;
  }

  .process.processRD .develop-2 .sidebar .container {
    margin-bottom: 390px;
  }

  /* SERVICES */
  .services-overview #ven-diagram .web-process-graphic {
    width: 35%;
    background-size: 95% !important;
    float: left;
  }

  /* GIVING */
  .about .giving-action .awards img {
    display: inline-block;
    max-width: 31%;
  }

  .single-case_study_cpt .content-wrap .brand .logo {
    margin-left: 0;
  }
  .single-case_study_cpt img {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
  }
  .single-case_study_cpt .features-image img {
    max-width: 100% !important;
  }

  .single-case_study_cpt .postid-3250 .interact.interact-b .detail .title {
    font-size: 90px;
    line-height: 80px;
  }
  .single-case_study_cpt .postid-3250 .features-image img {
    width: 85% !important;
  }

  .single-case_study_cpt .postid-3362 .interact.right-case .detail .title {
    font-size: 80px;
  }
}
@media (max-width: 1024px) {
  /******************************************************************
  Stylesheet: 1024px and Down Stylesheet
  ******************************************************************/
  .quote-container .quote {
    font-size: 50px;
    line-height: 1.15;
  }

  .big-bold, .header .big-bold {
    font-size: 50px;
  }

  .hero .text {
    font-size: 60px;
  }

  .category-chooser {
    display: none;
  }

  .heroContainer {
    background: transparent;
  }

  .press .title a {
    font-size: 50px;
    line-height: 1.15em;
  }
  .press .table .pressImage {
    width: 97%;
    max-width: inherit;
  }

  .rules.padding-standard {
    padding: 30px 50px;
  }

  .wrap .top {
    display: none;
  }

  .tablet-down {
    display: inherit !important;
  }

  .back-btn {
    background: url(../images/ic_back.png) no-repeat;
    background-size: contain !important;
    text-indent: -999em;
    width: 35px;
    height: 25px;
    float: left;
    margin: 10px 20px 0 5px;
    border-right: 1px #555 solid;
  }

  #twitter {
    display: none;
  }

  .services-icons {
    padding: 50px 30px;
  }
  .services-icons .column-25 {
    width: 22%;
    margin-right: 4%;
  }
  .services-icons .column-25:last-child {
    margin-right: 0;
  }
  .services-icons .column-25 .subtext {
    padding: 0;
  }

  .process .big-bold {
    display: none;
  }

  /* CATEGORIES DROP DOWN */
  .pos-nav {
    height: 55px;
    position: relative;
  }

  .blog .categories {
    position: absolute;
  }

  ul.dd-menu {
    position: absolute;
    width: 100%;
  }
  ul.dd-menu li {
    display: none !important;
  }
  ul.dd-menu li.current {
    border-bottom: 0 !important;
  }
  ul.dd-menu li a {
    border-bottom: none;
  }
  ul.dd-menu li a:hover {
    color: #707070;
  }
  ul.dd-menu li:first-child {
    display: inline-block !important;
    margin-top: 0 !important;
    -webkit-appearance: none;
    padding: 15px 20px 11px 20px !important;
    cursor: pointer;
    width: 100% !important;
    border: 0;
    background: #fff !important;
    text-align: center;
    text-transform: uppercase;
  }
  ul.dd-menu li:first-child span {
    float: right;
    position: absolute;
    top: 22px;
    right: 21px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #6b6b6b;
  }
  ul.dd-menu.show-dd li {
    display: inline-block !important;
    float: left;
    clear: both;
    text-align: center;
    margin-top: 0px;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding-top: 3px;
    padding-bottom: 3px;
  }
  ul.dd-menu.show-dd li.current, ul.dd-menu.show-dd li.current-cat {
    display: none !important;
  }
  ul.dd-menu.show-dd li:first-child {
    border-bottom: 1px #ccc solid;
  }
  ul.dd-menu.show-dd li:first-child span {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #6b6b6b;
    border-top: 0;
  }
  ul.dd-menu.show-dd li:nth-child(2) {
    padding-top: 10px;
  }
  ul.dd-menu.show-dd li a {
    color: #4b4a4a;
    text-decoration: none;
    text-transform: uppercase;
  }
  ul.dd-menu.show-dd li a:hover {
    color: #eb2328;
  }

  /* ABOUT */
  .page-id-2261 .red-background.big-bold br {
    display: none;
  }
  .page-id-2261 .ven-container #ven-image-container {
    display: table;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .page-id-2261 .ven-container #ven-image-container .ven-diagram-words {
    display: none;
  }
  .page-id-2261 .ven-container #ven-image-container #ven-image {
    width: 95%;
    margin: 0 auto;
    display: table-header-group;
  }
  .page-id-2261 .ven-container #ven-image-container #ven-image img {
    max-width: 100%;
  }

  .about .header .big-bold {
    width: 100%;
  }
  .about .header .subcount {
    font-size: 20px;
    display: inline-block;
    width: 81%;
    vertical-align: middle;
    line-height: 26px;
  }

  .portraits .portrait-container .portrait-small.active {
    width: 100%;
    margin: 20px 0;
    text-align: center;
  }
  .portraits .portrait-container .portrait-small.active .portrair-overlay {
    display: block !important;
    overflow-x: scroll;
  }
  .portraits .portrait-container .portrait-small.active .portrair-overlay .portrait-big {
    display: block !important;
    margin: 0 auto;
    float: none;
  }
  .portraits .portrait-container .portrait-small.active .portrair-overlay .person-information h3, .portraits .portrait-container .portrait-small.active .portrair-overlay .person-information .position, .portraits .portrait-container .portrait-small.active .portrair-overlay .person-information .contact {
    text-align: center;
  }
  .portraits .portrait-container .portrait-small.active .portrair-overlay .person-information .contact li a:link {
    color: #EB2328;
  }
  .portraits .portrait-container .portrait-small .portrair-overlay {
    top: 10px !important;
    left: 0px !important;
    width: 96%;
    height: 87%;
    margin: 0 2%;
    position: fixed;
    padding: 40px 30px 30px;
  }
  .portraits .portrait-container .portrait-small .portrair-overlay .close {
    color: #4B4A4A;
    float: right;
    text-decoration: none;
    margin-bottom: -30px;
    position: relative;
    top: -25px;
    right: -5px;
    width: 21px;
    height: 21px;
    background: url(../images/ic_x.png) center no-repeat;
    background-size: 100%;
  }
  .portraits .portrait-container .portrait-small .portrair-overlay .close:hover {
    color: #565656;
  }
  .portraits .portrait-container .portrait-small .portrair-overlay.hide {
    display: none !important;
  }
  .portraits .portrait-container .portrait-small .portrair-overlay .arrow-down {
    display: none;
  }
  .portraits .portrait-container .portrait-small .portrair-overlay .portrait-big {
    float: none;
    margin: 0 auto;
  }
  .portraits .portrait-container .portrait-small .portrair-overlay .person-information {
    width: 100%;
  }
  .portraits .portrait-container .portrait-small .portrair-overlay .person-information h3 {
    text-align: center;
  }
  .portraits .portrait-container .portrait-small .portrair-overlay .person-information .position {
    text-align: center;
  }
  .portraits .portrait-container .portrait-small .portrair-overlay .person-information .contact {
    text-align: center;
  }

  /* BLOG */
  .blog {
    padding-top: 40px;
  }
  .blog .blog-listing .heading .title a {
    font-size: 46px;
  }

  .single .pos-nav {
    display: none;
  }

  .games .games-top-section .games-headline img {
    width: 45%;
  }

  /* CONTACT */
  .contact .join {
    font-size: 32px;
  }
  .contact .cult .subtext .column-50 a {
    color: #720000;
  }
  .contact a.table .text {
    font-size: 20px;
    padding-left: 15px;
  }

  footer .column-27 {
    width: 18%;
  }
  footer .form-container .gform_body {
    width: 62% !important;
  }
  footer .form-container .gform_footer {
    width: 40% !important;
    max-width: 105px;
  }
  footer .form-container .gform_footer input {
    font-size: 20px !important;
    font-family: "DIN Next W01 Medium";
    line-height: 30px;
  }

  #twitter .wrapTweetText {
    width: 80%;
    font-size: 16px;
    line-height: 22px;
  }
  #twitter .wrapTweetText .tweet_text {
    width: 100%;
    display: inline-block;
    font-size: 100%;
  }
  #twitter .wrapTweetText .tweet_first {
    width: 100%;
  }
  #twitter .arrow {
    margin-right: 1%;
  }
  #twitter .tweet_list li {
    width: 100%;
  }

  .projects div.tile a.tile .gridIcons .icon {
    font-size: 48px;
  }
  .projects div.tile a.tile .text {
    font-size: 24px;
    line-height: 23px;
  }

  .about .giving-quote .column-image img {
    max-width: 85%;
  }
  .about .giving-quote .content h2 {
    font-size: 50px;
    line-height: .85;
  }
  .about .giving-action .sub-section img {
    width: 40%;
  }
  .about .giving-action .sub-section .content {
    width: 55%;
    padding-right: 0;
  }

  .labs .blur, .about .blur {
    display: none;
  }

  .services-design .headline, .services-strategy .headline,
  .services-overview .headline, .services-rd .headline, .services-engineering .headline {
    font-size: 40px;
    line-height: 1em;
    letter-spacing: 0px;
  }

  .single-case_study_cpt .content-wrap {
    padding: 50px 40px 25px;
  }
  .single-case_study_cpt .content-wrap .brand {
    width: 100%;
  }
  .single-case_study_cpt .interact .detail .title, .single-case_study_cpt .interact.right-case .detail .title {
    font-size: 44px;
  }

  .services-design .container-service-summary div, .services-strategy .container-service-summary div, .services-overview .container-service-summary div, .services-rd .container-service-summary div,
  .services-engineering .container-service-summary div {
    margin-left: 5%;
  }

  .services-rd .the-process .process-item-container .process-item.process-2 {
    margin: 0 4%;
  }
  .services-rd .the-process .process-item-container .process-item .process-item-image {
    min-height: 140px;
  }
  .services-rd .the-process .process-item-container .process-item p {
    margin-top: 0;
  }
  .services-rd .the-process .process-item-container .process-item h2 {
    margin: 0.5em 0 0;
  }
  .services-rd .rd-results .results-img {
    width: 42%;
    margin: 0 4%;
  }
  .services-rd .rd-results .results-details {
    width: 48%;
  }

  .single-case_study_cpt .padded-title {
    font-size: 50px;
    line-height: 1;
    padding-bottom: 50px;
  }

  .single-case_study_cpt .postid-3250 .interact.interact-b .detail .title {
    font-size: 70px;
    line-height: 60px;
  }

  .single-case_study_cpt .postid-3351 .do-you-sync-text h2 {
    font-size: 40px;
  }

  .single-case_study_cpt .postid-3453 .detail .icon {
    padding: 0 0 30px;
  }
}
@media (max-width: 1024px) and (max-width: 767px) {
  .single-case_study_cpt .postid-3453 .detail .icon {
    display: none;
  }
}
@media (max-width: 1024px) {
  .single-case_study_cpt .postid-3453 .section-1, .single-case_study_cpt .postid-3453 .section-3, .single-case_study_cpt .postid-3453 .section-5 {
    background: #e7e4dd !important;
  }

  .single-case_study_cpt .postid-3352 .interact .detail {
    padding-top: 80px;
  }

  .single-case_study_cpt .postid-3363 .interact.right-case {
    position: relative;
    min-height: 100%;
  }
  .single-case_study_cpt .postid-3363 .interact.right-case img {
    display: none;
  }
  .single-case_study_cpt .postid-3363 .interact.right-case .detail {
    position: static;
  }
  .single-case_study_cpt .postid-3363 .interact.right-case .detail-2 {
    position: static;
    width: 90%;
  }
  .single-case_study_cpt .postid-3363 .interact.right-case .detail-2 p {
    margin-top: 0;
  }
  .single-case_study_cpt .postid-3363 .web-services-list-container {
    padding-top: 0;
  }

  .single-case_study_cpt .postid-3362 .interact.right-case .detail {
    width: 40%;
  }
  .single-case_study_cpt .postid-3362 .interact.right-case .detail .title {
    font-size: 60px;
  }

  .single-case_study_cpt .postid-3106 .custom-container {
    position: relative;
  }
  .single-case_study_cpt .postid-3106 .custom-container .subtext {
    width: 90%;
    margin: 0 5%;
    position: absolute;
    bottom: -250px;
  }
  .single-case_study_cpt .postid-3106 .features-image-container {
    padding-top: 300px;
  }
  .single-case_study_cpt .postid-3106 .features-image-container .features-list {
    padding-top: 1px;
  }
  .single-case_study_cpt .postid-3106 .features-image-container .features-list .feature {
    min-height: 290px;
    color: #fff;
  }
  .single-case_study_cpt .postid-3106 .features-image-container .features-list .feature h2 {
    padding-top: 4px;
  }

  .single-case_study_cpt .postid-3107 .interact.right-case.section-4 {
    padding-bottom: 14%;
  }

  .single-case_study_cpt .postid-3444 .interact .detail {
    padding-top: 100px;
  }

  .single-case_study_cpt .postid-3103 .features-image-container .featured-image img:last-child {
    max-width: 85.963%;
  }

  .single-case_study_cpt .postid-3900 .case-study-container .phase2 .title-para {
    width: 80%;
    max-width: 500px;
  }
}
@media (max-width: 895px) {
  /******************************************************************
  Stylesheet: 896px and Down Stylesheet
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  .hero .text {
    font-size: 56px;
  }
  .hero a {
    font-size: 18px;
    padding: 10px 20px 6px 20px;
  }

  .quote-container .quote {
    font-size: 40px;
  }

  .press .title a {
    font-size: 40px;
  }

  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 95%;
  }

  .wrap .big-bold, .single-case_study_cpt .web-services-list-container h1 {
    font-size: 50px;
  }

  .projects div.tile {
    padding: 11.5% 16.6666667%;
  }
  .projects div.tile:last-child:nth-child(odd) {
    display: none;
  }

  /**************
   HEADER STYLES
  ***************/
  /******************
   NAVIGATION STYLES
  *******************/
  .main-nav {
    /* highlight current page */
  }

  /*********************
   FOOTER STYLES
  *********************/
  footer {
    padding: 30px 0 75px;
  }
  footer .column-20:first-child {
    width: 18%;
  }
  footer .column-20:first-child img {
    max-width: 70%;
  }
  footer .column-27 {
    width: 16%;
  }
  footer .column-27 .menu-work-menu li a {
    font-size: 16px;
  }
  footer .column-30.copyright {
    width: 50%;
  }
  footer .column-33 h1 {
    font-size: 1.2em;
  }
  footer .column-40.copyright {
    display: none;
  }
  footer h2 {
    font-size: 1.5em;
  }
  footer .gform_wrapper .top_label input.medium {
    height: 50px;
    padding-left: 10px;
  }
  footer .gform_wrapper .gform_footer input.button, footer .gform_wrapper .gform_footer input[type=submit] {
    height: 50px;
  }
  footer .social .container-fix {
    width: 48%;
  }
  footer .wrap > div:last-child {
    float: right;
  }

  .blur .text, .blur .text-overlap-video {
    font-size: 50px;
    line-height: 54px;
  }

  .services-icons .column-25 {
    width: 22%;
    margin-right: 4%;
    margin-bottom: 40px;
  }

  /* ABOUT */
  .about .header .subcount {
    width: 80%;
    vertical-align: middle;
  }
  .about .header .column-58 {
    width: 100%;
  }
  .about .header .subtext {
    width: 100%;
    padding-top: 20px;
  }
  .about .map-container .map-text {
    font-size: 50px;
  }
  .about .map-container .places {
    display: none;
  }

  /* BLOG */
  .blog .blog-listing {
    margin-bottom: 70px;
  }
  .blog .blog-listing .heading .title a {
    font-size: 38px;
  }
  .blog.single h1 {
    font-size: 38px;
  }
  .blog.single .pos-nav {
    height: 90px;
  }

  /* CAREERS */
  .careers .careerItem .careerText .careerHeadline {
    font-size: 50px;
    line-height: 1.15em;
  }

  /* CONTACT */
  .contact .join {
    font-size: 32px;
  }
  .contact .table .column-30, .contact .table .column-70 {
    width: 100%;
  }
  .contact a.table {
    width: 33.33%;
    float: left;
  }
  .contact a.table .text {
    font-size: 18px;
  }

  /* GAMES */
  .games .met-partners .chaotic-button {
    padding-bottom: 40px;
    left: initial;
    width: 100%;
  }
  .games .games-top-section .games-headline {
    margin-bottom: 140px;
  }
  .games .games-top-section .games-headline img {
    width: 315px;
  }
  .games .games-top-section .three-elements-container .three-elements-item h2 {
    font-size: 28px;
  }

  /* GIVING */
  .about .giving-logos {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* HOME */
  .home .big-bold br {
    display: none;
  }
  .home .projects.table .tile:nth-child(n+5) {
    display: none;
  }

  /* LABS */
  .labs .three-elements-container .three-elements-item {
    width: 60%;
    margin: 0;
    margin-bottom: 60px;
    max-width: 100%;
  }
  .labs .innovation .big-bold {
    width: 100%;
  }
  .labs .rules.padding-standard img {
    margin-right: 5%;
    width: 100%;
    max-width: 400px;
  }
  .labs .rules.padding-standard > div {
    float: left;
    margin-top: 25px;
    width: 100%;
  }

  .projects div.tile {
    padding: 17% 25%;
  }
  .projects div.tile a.tile .gridIcons .icon {
    font-size: 42px;
  }
  .projects div.tile a.tile .text {
    font-size: 24px;
    line-height: 23px;
  }

  .services-overview .web-services-list-container .services-list-item h2 {
    font-size: 26px;
  }
  .services-overview .web-services-list-container .services-list-item p {
    width: 100%;
  }
  .services-overview #ven-diagram .web-process-graphic {
    float: none;
    background-size: 100% !important;
    width: 311px;
    background-position: center;
    margin: 10px auto 0;
    display: block;
  }
  .services-overview #ven-diagram .subtext {
    width: 100%;
    float: none;
  }
  .services-overview .detailed-services .table {
    overflow: auto;
    margin-bottom: 50px;
  }
  .services-overview .detailed-services .table .service-column {
    width: 48%;
    min-height: 700px;
  }

  .services-design .headline, .services-strategy .headline,
  .services-overview .headline, .services-rd .headline, .services-engineering .headline {
    font-size: 38px;
  }

  .services-design .container-service-summary, .services-strategy .container-service-summary, .services-overview .container-service-summary, .services-rd .container-service-summary, .services-engineering .container-service-summary {
    padding: 50px;
  }
  .services-design .container-service-summary img, .services-strategy .container-service-summary img, .services-overview .container-service-summary img, .services-rd .container-service-summary img, .services-engineering .container-service-summary img {
    width: 35%;
    min-width: 150px;
  }

  .services-engineering .legacy-right {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .services-engineering .legacy-left {
    display: block;
    width: 100%;
    float: none;
  }

  .services-strategy .delivering img {
    width: 35%;
  }
  .services-strategy .delivering .delivering-text p {
    display: table;
  }

  .dribbble-container .dribbble-box {
    width: 25%;
  }

  .process .overview .text {
    font-size: 50px;
    line-height: 1;
  }
  .process.process-game .flow .main-conatiner {
    width: 74%;
    position: relative;
    left: 10px;
  }

  .process-launch .foreground-container .darksmoke {
    left: 7% !important;
  }

  .single-case_study_cpt .quote {
    font-size: 50px;
    line-height: 54px;
  }
  .single-case_study_cpt .the-work .title {
    font-size: 40px;
  }
  .single-case_study_cpt .interact .detail .title, .single-case_study_cpt .interact.right-case .detail .title {
    font-size: 38px;
  }
  .single-case_study_cpt h2, .single-case_study_cpt .web-services-list-container .services-list-item h2 {
    font-size: 26px;
  }
  .single-case_study_cpt .features-image-container .feature h2 {
    font-size: 24px;
  }
  .single-case_study_cpt .padded-title {
    font-size: 46px;
  }

  .single-case_study_cpt .postid-64 .interact.right-case .stats {
    margin-right: -8.5%;
  }
  .single-case_study_cpt .postid-64 .interact.right-case .stats ul li .total .count {
    font-size: 24px;
  }
  .single-case_study_cpt .postid-64 .interact.right-case .stats ul li .platform {
    margin-top: -5px;
  }

  .single-case_study_cpt .postid-3250 .interact.interact-b .detail .title {
    font-size: 60px;
    line-height: .85;
  }

  .single-case_study_cpt .postid-3900 .phase2 .title {
    font-size: 40px;
    line-height: 40px;
  }
  .single-case_study_cpt .postid-3900 .phase2 .detail .list-item h2 {
    font-size: 24px;
    line-height: 1;
  }

  .single-case_study_cpt .postid-3107 .interact.right-case.section-4 {
    padding-bottom: 8%;
  }
  .single-case_study_cpt .postid-3107 .interact.right-case.section-4 .detail {
    width: 35%;
  }

  .single-case_study_cpt .postid-3362 .interact.right-case .detail {
    width: 32%;
    margin-right: 2%;
  }
  .single-case_study_cpt .postid-3362 .interact.right-case .detail .title {
    font-size: 45px;
    line-height: .83333333 !important;
  }
  .single-case_study_cpt .postid-3362 .interact.right-case .detail-2 {
    width: 66%;
  }

  .single-case_study_cpt .postid-3351 .do-you-sync-text h2 {
    font-size: 36px;
  }

  .single-case_study_cpt .postid-3363 .features-image-container .feature {
    min-height: 370px;
  }

  .single-case_study_cpt .postid-3364 .featured-photo-3 .featured-text {
    overflow: auto;
  }
  .single-case_study_cpt .postid-3364 .featured-photo-3 .featured-text h2 br {
    display: none;
  }

  .single-case_study_cpt .postid-3352 .interact .detail {
    padding-top: 50px;
  }

  .single-case_study_cpt .postid-3899 .features-image-container .features-list .feature {
    width: 100% !important;
  }
  .single-case_study_cpt .postid-3899 #on-the-table {
    padding: 6% 5% 2.5%;
  }
  .single-case_study_cpt .postid-3899 #on-the-table .big-bold {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .single-case_study_cpt .postid-3899 #on-the-table > .subtext {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .single-case_study_cpt .postid-3899 #as-seen {
    padding: 6% 5% 2.5%;
  }
  .single-case_study_cpt .postid-3899 #as-seen .big-bold {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .single-case_study_cpt .postid-3899 #as-seen .subtext {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .single-case_study_cpt .postid-3899 #as-seen .company-logo-container .company-logo {
    width: 50%;
    min-height: 140px;
  }

  .chat-cta {
    width: 105%;
    right: 2%;
  }
}
@media (max-width: 767px) {
  /******************************************************************
  Stylesheet: 768px and Down Stylesheet
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  body {
    line-height: 1.2;
  }

  .quote-container {
    padding: 8% 5%;
  }
  .quote-container .quote {
    font-size: 32px;
  }

  .hero .text {
    font-size: 40px;
  }

  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .press .title a {
    font-size: 32px;
  }

  .home .heroContainer, .home .component-red-call-out, .home .platform-display {
    display: none;
  }

  .about .blur, .about .red-background, .about .map-container .map-text, .about .quote-container {
    display: none;
  }
  .about .ven-container {
    display: none;
  }

  .mobile-only {
    display: inherit !important;
  }

  .tablet-up {
    display: none !important;
  }

  .portraits .portrait-container .portrait-small.active .portrair-overlay {
    display: block !important;
    padding: 40px 20px 30px;
  }
  .portraits .portrait-container .portrait-small.active .portrair-overlay .close {
    right: -5px;
  }

  /**************
   HEADER STYLES
  ***************/
  /******************
   NAVIGATION STYLES
  *******************/
  .main-nav {
    /* highlight current page */
  }

  /*********************
   FOOTER STYLES
  *********************/
  footer .column-20:first-child {
    display: none;
  }
  footer .column-20:nth-child(2) {
    display: none;
  }
  footer .column-20.mobile-moon-logo {
    background: center url("../images/logos/chaotic-wide.png") no-repeat;
    display: block;
    background-size: 95%;
    height: 130px;
  }
  footer .column-27 {
    display: none;
  }
  footer .column-30.copyright {
    width: 100%;
    text-align: center;
  }
  footer .column-30.copyright span {
    font-size: .65em;
  }
  footer .column-40 {
    display: none;
  }
  footer .wrap .team-chaos {
    border-left: 1px solid #333;
    width: 27%;
    margin-left: 3%;
  }
  footer .wrap .team-chaos a img {
    float: left !important;
    margin-left: 20px;
  }
  footer .social_container {
    float: left;
    width: 55%;
  }
  footer .social_container .form-container {
    margin-top: 3px;
  }
  footer .social_container .form-container .gform_body {
    width: 62% !important;
  }
  footer .social_container .form-container .gform_footer {
    width: 40% !important;
    max-width: 105px;
  }
  footer .social_container .form-container .gform_footer input {
    font-size: 20px !important;
    font-family: "DIN Next W01 Medium";
    line-height: 52px;
  }
  footer .social {
    width: 45%;
    padding: 10px 0;
    margin-top: 30px;
    float: right;
  }
  footer .social .container-fix {
    width: 45%;
  }
  footer .social .counter-people .counter {
    font-size: 1.2em;
  }
  footer .call-us {
    width: 40%;
    float: right;
    margin-top: 24px;
    border-left: 1px solid #333;
    padding: 0 0 0 8%;
    display: block;
  }
  footer .call-us h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
  }
  footer .call-us .call-btn {
    width: 100%;
    text-align: center;
    padding: 11px 20px 7px 20px;
    margin-top: 11px;
    color: #5bc5be;
    border-color: #5bc5be;
  }

  .blur .text, .blur .text-overlap-video {
    font-size: 40px;
    line-height: 46px;
  }

  .wrap .big-bold, .single-case_study_cpt .web-services-list-container h1 {
    font-size: 40px;
    letter-spacing: -1px;
  }
  .wrap .big-bold br, .single-case_study_cpt .web-services-list-container h1 br {
    display: none;
  }

  .portraits .portrait-container .portrait-small .mobile-person-title {
    display: block;
  }

  .blog > .big-bold {
    display: none;
  }
  .blog .blog-listing .heading .date {
    font-size: 15px;
    margin-bottom: 0;
  }
  .blog .blog-listing .chaotic-button {
    display: block;
    padding-bottom: 0;
  }
  .blog.single img.lead-img {
    margin: 0 auto;
    overflow: auto;
    text-align: center;
    width: 55%;
    float: none;
    display: block;
  }

  .careers .careersTitleText {
    padding: 50px 30px 0px;
  }
  .careers .careerItem .careerText {
    float: left;
    padding-left: 4%;
    width: 100%;
    padding-top: 20px;
  }
  .careers .careerItem .careerText .careerHeadline {
    font-size: 40px;
  }
  .careers .careerItem .careerText .careerButton {
    text-align: center;
    text-transform: uppercase;
  }
  .careers .careerItem .careerImage {
    float: none;
    padding-top: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }
  .careers .careerItem .careerImage img {
    display: inline-block;
    max-width: 280px;
    padding: 10px 80px;
    width: auto;
  }
  .careers .careerItem .careerBanner {
    width: 70px;
    font-size: 30px;
  }
  .careers .careerItem .careerBanner span {
    top: 0px;
    font-size: 30px;
  }
  .careers .careerFormContainer {
    padding: 40px 30px 24px;
  }

  .labs .three-elements-container .three-elements-item h2 {
    font-size: 24px;
  }
  .labs .chaotic-button {
    margin-top: 20px;
    margin-bottom: 60px;
  }
  .labs .blur, .labs .big-bold.red-background, .labs .quote-container {
    display: none;
  }
  .labs .heardit-content {
    margin-bottom: -60px;
  }
  .labs .innovation .press-posts .pressImage {
    width: 97%;
    max-width: inherit;
  }

  .contact .cult {
    background: #EB2328;
    height: 235px;
  }
  .contact .cult .text {
    display: none;
    font-size: 40px;
  }
  .contact .cult .subtext {
    display: none;
  }
  .contact .cult .column-50 {
    width: 100%;
    margin-bottom: 20px;
  }
  .contact .join {
    padding-top: 0;
    height: 45px;
    margin-top: -10px;
  }
  .contact .overlay {
    padding: 50px;
  }
  .contact a.table .text {
    font-size: 18px;
    padding-left: 25px;
    line-height: 1.15em;
  }
  .contact .map-container-contact .location {
    display: none;
  }
  .contact .form-container-contact {
    left: 0;
  }
  .contact .form-container-contact .arrow-cyan-left {
    display: none;
  }
  .contact .form-container-contact .contactForm {
    background: #F2F1EB;
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 100%;
  }
  .contact .form-container-contact .contactForm .mobile-only .text {
    font-size: 40px;
    line-height: .85;
    margin-bottom: 20px;
  }
  .contact .form-container-contact .contactForm .mobile-only .subtext {
    font-size: 20px;
    color: #777;
    line-height: 30px;
    text-transform: uppercase;
  }
  .contact .form-container-contact .contactForm .mobile-only .subtext .column-50 {
    width: 100%;
    margin-bottom: 8px;
  }
  .contact .form-container-contact .contactForm form input[type=text], .contact .form-container-contact .contactForm form textarea {
    background: #e7e4dd;
    border: 0;
    padding: 20px 15px 18px 15px;
  }
  .contact .form-container-contact .contactForm form input[type=submit] {
    border-color: #4B4A4A;
    color: #4B4A4A;
    font-family: "DIN Next W01 Medium";
  }
  .contact .form-container-contact .contactForm form label {
    color: #4B4A4A;
  }
  .contact .form-container-contact .contactForm form .select2-container a {
    background: #e7e4dd;
    border: #e7e4dd;
  }

  .games .heroContainer {
    display: none;
  }
  .games .games-top-section .games-headline {
    margin-bottom: 100px;
  }
  .games .games-top-section .three-elements-container .three-elements-item {
    max-width: 100%;
    width: 70%;
    margin-bottom: 50px;
  }
  .games .games-top-section .three-elements-container .three-elements-item:nth-child(2) img {
    top: 0;
  }
  .games .games-top-section .three-elements-container .three-elements-item:nth-child(3) img {
    left: -25px;
    position: relative;
  }
  .games .games-top-section .three-elements-container .three-elements-item .three-elements-image {
    min-height: 100%;
  }
  .games .games-top-section .three-elements-container .three-elements-item h2 {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .games .games-top-section.light-background .three-elements-image.right {
    display: none;
  }
  .games .games-top-section.light-background .column-60 {
    width: 100%;
  }
  .games .met-partners .met-partners-button a {
    color: white;
    border-color: white;
    height: 154px;
    width: 200px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    left: 41%;
    top: 60%;
  }

  .about .giving-quote .column-image {
    width: 33%;
  }
  .about .giving-quote .column-image img {
    max-width: 80%;
  }
  .about .giving-quote .content {
    width: 66%;
    padding-top: 5px;
    display: table;
  }
  .about .giving-quote .content h2 {
    font-size: 36px;
    letter-spacing: -1px;
  }
  .about .giving-action {
    padding: 50px 30px 35px 30px;
  }
  .about .giving-action .awards {
    width: 80%;
    margin: 0 auto;
  }
  .about .giving-action .awards img {
    max-width: 85%;
  }
  .about .giving-action .awards img:last-child {
    margin-left: -32px;
  }
  .about .sub-section img {
    width: 50%;
  }
  .about .sub-section .content {
    width: 50%;
  }

  .services-overview .big-bold {
    font-size: 30px;
    margin-bottom: 0;
    line-height: 1em;
  }
  .services-overview .web-services-list-container .services-list-item, .services-overview .web-services-list-container .services-list-item.col-2 {
    width: 100% !important;
    margin: 0 auto 10px;
    text-align: center;
    float: none;
    overflow: auto;
  }
  .services-overview .web-services-list-container .services-list-item img, .services-overview .web-services-list-container .services-list-item.col-2 img {
    width: 30%;
  }
  .services-overview .web-services-list-container .services-list-item h2, .services-overview .web-services-list-container .services-list-item.col-2 h2 {
    font-size: 26px;
    width: 63%;
    text-align: left;
  }
  .services-overview .web-services-list-container .services-list-item p, .services-overview .web-services-list-container .services-list-item.col-2 p {
    width: 63%;
    text-align: left;
  }
  .services-overview #ven-diagram, .services-overview .our-process, .services-overview #device-circle, .services-overview .overview, .services-overview .about .header {
    padding: 40px 30px 0px 30px;
  }
  .services-overview #device-circle {
    display: none;
  }
  .services-overview #device-circle .align_center {
    overflow: auto;
  }
  .services-overview #device-circle p {
    width: 75%;
    margin: 10px auto 40px;
  }
  .services-overview .overview.our-process {
    display: none;
  }

  .services-icons {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .services-icons .column-25 {
    width: 100%;
    margin-bottom: 50px;
    min-height: 100%;
  }
  .services-icons .column-25 img {
    max-width: 30%;
    float: left;
    margin-right: 3%;
  }
  .services-icons .column-25 .subtext {
    padding: 10px 0 0 0px;
    text-align: left;
    display: inline-block;
    float: left;
    width: 64%;
    margin-left: 2%;
  }

  .services-design .headline, .services-strategy .headline, .services-overview .headline,
  .services-rd .headline, .services-engineering .headline {
    font-size: 34px;
    padding: 40px 30px 20px;
  }
  .services-design .service-padding, .services-strategy .service-padding, .services-overview .service-padding,
  .services-rd .service-padding, .services-engineering .service-padding {
    padding: 40px 30px 20px;
  }
  .services-design .process-chart, .services-strategy .process-chart, .services-overview .process-chart,
  .services-rd .process-chart, .services-engineering .process-chart {
    display: none;
  }
  .services-design .process-chart .big-bold, .services-strategy .process-chart .big-bold, .services-overview .process-chart .big-bold,
  .services-rd .process-chart .big-bold, .services-engineering .process-chart .big-bold {
    font-size: 26px;
  }
  .services-design .process-chart .chaotic-button, .services-strategy .process-chart .chaotic-button, .services-overview .process-chart .chaotic-button,
  .services-rd .process-chart .chaotic-button, .services-engineering .process-chart .chaotic-button {
    padding-bottom: 30px;
  }
  .services-design .container-service-summary, .services-strategy .container-service-summary, .services-overview .container-service-summary,
  .services-rd .container-service-summary, .services-engineering .container-service-summary {
    padding: 40px 30px;
  }
  .services-design .container-service-summary div, .services-strategy .container-service-summary div, .services-overview .container-service-summary div,
  .services-rd .container-service-summary div, .services-engineering .container-service-summary div {
    margin-top: 0;
  }
  .services-design .container-service-summary div h2, .services-strategy .container-service-summary div h2, .services-overview .container-service-summary div h2,
  .services-rd .container-service-summary div h2, .services-engineering .container-service-summary div h2 {
    font-size: 30px;
    line-height: 1;
  }
  .services-design .service-points .two-columns-service li, .services-strategy .service-points .two-columns-service li, .services-overview .service-points .two-columns-service li,
  .services-rd .service-points .two-columns-service li, .services-engineering .service-points .two-columns-service li {
    width: 100%;
    margin-right: 0;
  }
  .services-design .service-points .two-columns-service li div:nth-child(1), .services-strategy .service-points .two-columns-service li div:nth-child(1), .services-overview .service-points .two-columns-service li div:nth-child(1),
  .services-rd .service-points .two-columns-service li div:nth-child(1), .services-engineering .service-points .two-columns-service li div:nth-child(1) {
    width: 20%;
  }
  .services-design .service-points .two-columns-service li div:nth-child(2), .services-strategy .service-points .two-columns-service li div:nth-child(2), .services-overview .service-points .two-columns-service li div:nth-child(2),
  .services-rd .service-points .two-columns-service li div:nth-child(2), .services-engineering .service-points .two-columns-service li div:nth-child(2) {
    margin-left: 4%;
    width: 74%;
  }

  .services-rd .the-process .process-item-container .process-item {
    width: 100%;
  }
  .services-rd .the-process .process-item-container .process-item.process-2 {
    margin: 0;
  }
  .services-rd .the-process .process-item-container .process-item .process-item-image {
    min-height: 140px;
    float: left;
    height: 100%;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 25px;
  }
  .services-rd .the-process .process-item-container .process-item h2 {
    margin: 0.5em 0 0;
    text-align: left;
    font-size: 30px;
  }
  .services-rd .the-process .process-item-container .process-item p {
    padding: 0;
    text-align: left;
    display: table;
  }
  .services-rd .rd-results .results-img {
    width: 42%;
    margin: 0 4% 0 4%;
  }
  .services-rd .rd-results .results-details {
    width: 48%;
  }
  .services-rd .rd-results .cs-title {
    line-height: 1;
    font-size: 28px;
  }

  .services-strategy .strategy-techniques .big-bold {
    padding-bottom: 30px;
  }
  .services-strategy .strategy-techniques .technique-item .technique-words h2 {
    font-size: 30px;
    line-height: 1;
  }
  .services-strategy .delivering .delivering-text {
    padding-top: 20px;
  }

  .dribbble-container .dribbble-box {
    width: 27%;
  }

  .services-design .dual-line-text .big-bold {
    margin-bottom: 0;
  }
  .services-design .dual-line-text p {
    position: static;
    margin: 0;
  }
  .services-design .afraid-to-show {
    padding: 40px 30px 0 30px;
  }
  .services-design .afraid-to-show .dual-line-text2 .big-bold {
    margin-bottom: 0;
  }
  .services-design .afraid-to-show .dual-line-text2 p {
    position: static;
    margin: 0;
  }
  .services-design .service-points .two-columns-service li div p {
    display: none;
  }

  .services-engineering .will-way .threecol.first {
    text-align: center;
  }
  .services-engineering .will-way ul li {
    margin-left: 20px;
  }
  .services-engineering .technique-item .technique-img {
    float: left;
    margin-top: 25px;
    margin-left: 4%;
  }
  .services-engineering .technique-item .technique-words h2 {
    font-size: 30px;
    line-height: 1;
  }

  .press .table .pressImage {
    width: 97%;
    max-width: inherit;
  }
  .press .table .pressContent {
    margin-bottom: 40px;
  }
  .press .title a {
    font-size: 30px;
  }
  .press .column-100 .chaotic-button {
    display: block;
  }

  .process .overview .text {
    font-size: 40px;
  }

  .single-case_study_cpt .content-wrap .brand {
    width: 100%;
  }
  .single-case_study_cpt .content-wrap .brand .title {
    font-size: 1.75em;
  }
  .single-case_study_cpt .interact .detail .list-item, .single-case_study_cpt .interact.right-case .detail .list-item {
    margin-bottom: 10px;
  }
  .single-case_study_cpt .interact .detail .title, .single-case_study_cpt .interact.right-case .detail .title {
    font-size: 32px;
    line-height: 1.1 !important;
  }
  .single-case_study_cpt .featured-photo-2 img {
    max-width: 100%;
  }
  .single-case_study_cpt .featured-photo-3 .featured-text h2 {
    width: 100%;
  }
  .single-case_study_cpt .featured-photo-3 .featured-text p {
    width: 100%;
  }
  .single-case_study_cpt .quote {
    font-size: 40px;
    line-height: 46px;
  }
  .single-case_study_cpt .the-work .title {
    font-size: 36px;
  }
  .single-case_study_cpt .the-work.list-container .table .results {
    margin-top: 20px;
  }
  .single-case_study_cpt .web-services-list-container h1 {
    line-height: 50px;
  }
  .single-case_study_cpt .features-image-container .feature h2 {
    font-size: 22px;
    width: 91%;
  }
  .single-case_study_cpt .features-image-container.three-col {
    margin-bottom: 20px;
  }
  .single-case_study_cpt .features-image-container.three-col .feature {
    width: 80% !important;
    margin: 0 auto;
    float: none;
    min-height: 100%;
    padding-bottom: 50px;
  }
  .single-case_study_cpt .padded-title {
    font-size: 36px;
    padding-bottom: 30px;
  }
  .single-case_study_cpt .case-study-scroll {
    display: none;
  }

  .single-case_study_cpt .postid-3250 .interact.interact-b .detail .title {
    font-size: 40px;
  }

  .single-case_study_cpt .postid-51 .interact .list-item h2 {
    font-size: 24px;
  }

  .single-case_study_cpt .postid-3900 .features-image-container .features-list .feature {
    width: 80% !important;
    margin: 0 auto !important;
    float: none;
    min-height: 300px;
  }
  .single-case_study_cpt .postid-3900 .phase2 .title {
    font-size: 32px;
    line-height: 30px;
  }
  .single-case_study_cpt .postid-3900 .phase2 .detail .list-item {
    width: 48%;
  }

  .single-case_study_cpt .postid-3103 .features-image-container .features-list .feature {
    width: 80% !important;
    margin: 0 auto !important;
    float: none;
    min-height: 180px;
  }

  .single-case_study_cpt .postid-3453 .detail .icon {
    display: none;
  }

  .single-case_study_cpt .postid-3352 .interact .detail {
    padding-top: 20px;
  }
  .single-case_study_cpt .postid-3352 .shopping-experience {
    padding: 30px;
  }

  .single-case_study_cpt .postid-3351 .do-you-sync-text h2 {
    margin: 2% 10% 2% 4%;
    font-size: 30px !important;
    display: block;
    float: none;
    width: auto;
  }

  .single-case_study_cpt .postid-2328 .interact.right-case .detail {
    margin-bottom: 0;
  }
  .single-case_study_cpt .postid-2328 .interact.right-case .detail .title {
    font-size: 40px;
    line-height: 1.15 !important;
  }

  .single-case_study_cpt .postid-3250 .interact.interact-b {
    padding-top: 0;
  }
  .single-case_study_cpt .postid-3250 .interact.interact-b .detail {
    width: 100%;
    padding-top: 25px;
  }
  .single-case_study_cpt .postid-3250 .interact.interact-b .detail:nth-child(even) {
    width: 100%;
    margin-top: 0;
    padding-top: 0;
  }

  .single-case_study_cpt .postid-64 .interact.right-case .stats {
    padding-left: 3%;
    margin-right: -9%;
  }
  .single-case_study_cpt .postid-64 .interact.right-case .stats ul li .total .count {
    font-size: 20px;
  }
  .single-case_study_cpt .postid-64 .interact.right-case .stats ul li .platform {
    width: 50px;
    margin-right: 10px;
    margin-top: -5px;
  }

  .single-case_study_cpt .postid-3107 .interact.right-case.section-4 {
    padding-top: 6%;
    background-position: 90% 25% !important;
    width: 100%;
    margin-bottom: 20px;
    background-size: 55% !important;
  }

  .single-case_study_cpt .postid-3364 .features-image-container .features-list .feature {
    width: 100% !important;
    margin: 0 0 20px;
    min-height: 100%;
  }
  .single-case_study_cpt .postid-3364 .featured-photo-3 .featured-text p {
    padding-left: 0;
  }

  .single-case_study_cpt .postid-3362 .interact.right-case .detail {
    margin: 0;
    width: 100%;
  }
  .single-case_study_cpt .postid-3362 .interact.right-case .detail .title {
    font-size: 40px;
  }
  .single-case_study_cpt .postid-3362 .interact.right-case .detail .title br {
    display: none;
  }
  .single-case_study_cpt .postid-3362 .interact.right-case .detail-2 {
    width: 100%;
  }
  .single-case_study_cpt .postid-3362 .features-image-container .features-list .feature:nth-child(3) {
    padding-top: 0;
  }

  .single-case_study_cpt .postid-3443 #course-bg-container #course-bg {
    display: block;
    position: relative;
    width: 100%;
    top: 340px;
    margin: auto;
  }
  .single-case_study_cpt .postid-3443 #course-bg-container #course-bg img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
  }

  .single-case_study_cpt .postid-3444 .interact .detail {
    padding-top: 50px;
  }
  .single-case_study_cpt .postid-3444 .interact.right-case .detail {
    padding-top: 0;
  }
}
@media (max-width: 639px) {
  /******************************************************************
  Stylesheet: 640 and Down Stylesheet
  ******************************************************************/
  .wrap {
    width: 100%;
    margin-top: 0;
  }

  #content {
    margin-top: 0;
  }

  .hero .text {
    font-size: 32px;
    letter-spacing: 0;
  }
  .hero a {
    font-size: 16px;
  }

  /*********************
  NAVIGATION STYLES
  *********************/
  header #logo {
    margin-left: 4%;
  }
  header button.navbar-toggle {
    margin-right: 4%;
  }

  footer {
    padding-left: 4%;
    padding-right: 4%;
  }

  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }

  /* end .menu */
  /*********************
  GENERAL STYLES
  *********************/
  #habla_topbar_div .hbl_pal_header_font_size {
    font-size: 24px !important;
  }

  .chaotic-button a {
    font-size: 18px;
  }

  .projects div.tile:last-child {
    display: block;
  }

  .blur {
    height: 322px;
  }
  .blur .text, .blur .text-overlap-video {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0;
  }
  .blur .text br, .blur .text-overlap-video br {
    display: none;
  }

  .press .title a {
    font-size: 28px;
  }

  .services-icons {
    padding-top: 50px;
    padding-bottom: 0;
  }
  .services-icons .big-bold {
    padding-top: 0;
  }
  .services-icons .column-25 {
    width: 100%;
    margin-bottom: 40px;
    min-height: 100%;
  }
  .services-icons .column-25 br {
    display: none;
  }
  .services-icons .column-25 img {
    margin-bottom: 15px;
  }

  .show-down-640 {
    display: block !important;
  }

  .hide-down-640 {
    display: none !important;
  }

  .about .header {
    padding: 50px 30px;
  }

  /* ABOUT */
  .about .header .column-58 {
    width: 100%;
  }
  .about .header .subtext {
    width: 100%;
    padding-top: 20px;
  }
  .about .ven-container .big-bold br {
    display: none;
  }
  .about .ven-container #ven-image-container .ven-diagram-words {
    position: static;
    width: 100%;
    float: none;
  }
  .about .ven-container #ven-image-container .ven-diagram-words br {
    display: none;
  }
  .about .map-container {
    display: none;
  }
  .about .map-container .map-text {
    font-size: 35px;
  }
  .about .map-container .map-text p {
    line-height: 1.15;
  }
  .about .quote-container .quote {
    font-size: 28px;
  }
  .about .blur {
    height: 370px;
  }

  .abdel-fix #gallery #instagram_img_container .row_container .box-4-img {
    width: 100%;
  }
  .abdel-fix #gallery #instagram_img_container .row_container .box-big-img {
    width: 100%;
  }
  .abdel-fix #gallery #instagram_img_container .row_container .box-2-img {
    width: 100%;
  }
  .abdel-fix #gallery #instagram_img_container .row_container .box-2-img img {
    width: 50%;
  }
  .abdel-fix #gallery #instagram_img_container .row_container:nth-child(2), .abdel-fix #gallery #instagram_img_container .row_container:nth-child(3), .abdel-fix #gallery #instagram_img_container .row_container:nth-child(4) {
    display: none;
  }

  .careers .careerItem .careerText .banner {
    width: 90px;
    font-size: 36px;
  }
  .careers .careerItem .careerText .careerHeadline {
    font-size: 30px;
  }
  .careers .careerItem .careerText .careerButton a {
    width: 100%;
  }
  .careers .careerFormContainer {
    padding: 25px 20px;
  }
  .careers .careerFormContainer .big-bold {
    padding-bottom: 0;
  }
  .careers .careerFormContainer .gform_wrapper {
    margin-top: 20px;
    max-width: 100%;
  }
  .careers .careerFormContainer .chaotic-form form .chaotic-left-half {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .careers .careerFormContainer .chaotic-form form #field_3_5, .careers .careerFormContainer .chaotic-form form #field_3_9 {
    width: 100%;
    float: none;
  }
  .careers .careerFormContainer .chaotic-form form #field_3_5 .ginput_container, .careers .careerFormContainer .chaotic-form form #field_3_9 .ginput_container {
    width: 100%;
  }
  .careers .careerFormContainer .chaotic-form form #field_3_6 {
    position: static;
    width: 100%;
    margin-top: 10px;
  }
  .careers .careerFormContainer .chaotic-form form .gform_footer {
    position: static;
  }
  .careers .careerFormContainer .chaotic-form form input[type=submit] {
    float: none;
    width: 100%;
  }

  .contact .cult {
    height: 185px;
  }
  .contact .join {
    padding-top: 10px;
    height: 65px;
    margin-top: 0px;
  }
  .contact a.table {
    width: 100%;
    padding: 11px 20px 0 20px;
    height: 55px;
  }
  .contact a.table .text {
    font-size: 18px;
    padding-left: 25px;
    line-height: 2em;
  }
  .contact .table .column-30 {
    border-bottom: 30px #eb2328 solid;
  }
  .contact .form-container-contact .contactForm {
    width: 100%;
    padding: 30px 20px;
  }
  .contact .form-container-contact .contactForm .mobile-only .text {
    font-size: 35px;
  }
  .contact .form-container-contact .contactForm .mobile-only .subtext .column-50 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .contact .map-container-contact .location {
    top: 290px;
  }
  .contact .overlay {
    padding: 30px 20px;
  }

  .games .game-dev-proccess {
    display: none;
  }
  .games .games-top-section {
    padding: 46px 30px 1px;
  }
  .games .games-top-section .games-headline {
    margin-bottom: 60px;
  }
  .games .games-top-section .games-headline img {
    width: 55%;
  }
  .games .games-top-section .three-elements-container .three-elements-item {
    max-width: 100%;
    width: 85%;
  }
  .games .games-top-section .three-elements-container .three-elements-item h2 {
    font-size: 24px;
  }
  .games .met-partners {
    display: none;
  }
  .games .met-partners .chaotic-button {
    padding-bottom: 15px;
  }

  .about .giving-quote .content h2 {
    font-size: 32px;
    line-height: .85;
  }
  .about .giving-action {
    text-align: center;
  }
  .about .giving-action .sub-section img {
    width: 80%;
    float: none;
  }
  .about .giving-action .sub-section .content {
    width: 85%;
    float: none;
    margin: 0 auto;
    padding-top: 20px;
  }

  /* HOME */
  .home .big-bold.home-headline {
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .home .component-red-call-out {
    padding: 50px 30px 0;
  }
  .home .component-red-call-out .table .column-20 {
    width: 50%;
  }
  .home .projects.table .tile:nth-child(n+4) {
    display: none;
  }

  /* LABS */
  .labs .rules div {
    clear: both;
  }
  .labs .rules div h3 {
    font-size: 30px;
    line-height: 1.15em;
    margin-top: 30px;
  }
  .labs .heardit-content .heardit {
    padding: 50px 30px 20px;
  }
  .labs .heardit-content .heardit .subtitle {
    width: 100%;
  }
  .labs .heardit-content .heardit .blog {
    padding: 0 30px;
  }
  .labs .big-bold {
    margin-bottom: 0 !important;
  }
  .labs .blur {
    height: 380px;
  }
  .labs .padding-standard {
    padding: 30px;
  }
  .labs .background-circuit .padding-standard {
    padding: 21px 30px !important;
  }
  .labs .labs-grid .big-bold {
    padding: 30px;
  }

  .press .table .pressImage {
    min-width: 60px;
    float: none;
  }
  .press .table .pressContent {
    margin-bottom: 40px;
  }
  .press .table .chaotic-button {
    padding-bottom: 50px;
  }
  .press .table .chaotic-button a {
    font-size: 18px;
    width: 100%;
    text-transform: uppercase;
  }

  .services-overview .web-services-list-container {
    padding: 0px 31px 25px 30px;
  }
  .services-overview .web-services-list-container .table {
    padding-top: 10px;
  }
  .services-overview .web-services-list-container .table .services-list-item, .services-overview .web-services-list-container .table .services-list-item.col-2 {
    width: 100% !important;
    overflow: auto;
    border-bottom: 1px #d7d4c9 solid;
    padding-top: 20px;
  }
  .services-overview .web-services-list-container .table .services-list-item:last-child, .services-overview .web-services-list-container .table .services-list-item.col-2:last-child {
    border-bottom: 0;
  }
  .services-overview #device-circle h2 {
    font-size: 26px;
  }
  .services-overview #device-circle p {
    width: 85%;
  }
  .services-overview .detailed-services .table {
    margin-bottom: 20px;
  }
  .services-overview .detailed-services .table .service-column {
    width: 100%;
    min-height: 100%;
    margin-bottom: 30px;
  }
  .services-overview .chaotic-button {
    padding-bottom: 40px;
  }
  .services-overview .chaotic-button .chat-cta {
    width: 106%;
    right: 2.5%;
  }
  .services-overview .chaotic-button .chat-cta p {
    padding: 10px 30px;
  }
  .services-overview .chaotic-button .chat-cta p br {
    display: none;
  }

  .services-overview .modalShow {
    display: none;
  }
  .services-overview .contact-link {
    display: block;
  }

  .services-design .container-service-summary div, .services-strategy .container-service-summary div, .services-overview .container-service-summary div,
  .services-rd .container-service-summary div, .services-engineering .container-service-summary div {
    display: none;
  }
  .services-design .container-service-summary img, .services-strategy .container-service-summary img, .services-overview .container-service-summary img,
  .services-rd .container-service-summary img, .services-engineering .container-service-summary img {
    min-width: 100px;
    width: 75%;
    margin: 0 auto;
    float: none;
  }
  .services-design .service-points .two-columns-service, .services-strategy .service-points .two-columns-service, .services-overview .service-points .two-columns-service,
  .services-rd .service-points .two-columns-service, .services-engineering .service-points .two-columns-service {
    padding: 20px 0;
  }
  .services-design .service-points .two-columns-service li, .services-strategy .service-points .two-columns-service li, .services-overview .service-points .two-columns-service li,
  .services-rd .service-points .two-columns-service li, .services-engineering .service-points .two-columns-service li {
    width: 100%;
    margin-right: 0;
  }
  .services-design .service-points .two-columns-service li div:nth-child(1), .services-strategy .service-points .two-columns-service li div:nth-child(1), .services-overview .service-points .two-columns-service li div:nth-child(1),
  .services-rd .service-points .two-columns-service li div:nth-child(1), .services-engineering .service-points .two-columns-service li div:nth-child(1) {
    width: 20%;
  }
  .services-design .service-points .two-columns-service li div:nth-child(2), .services-strategy .service-points .two-columns-service li div:nth-child(2), .services-overview .service-points .two-columns-service li div:nth-child(2),
  .services-rd .service-points .two-columns-service li div:nth-child(2), .services-engineering .service-points .two-columns-service li div:nth-child(2) {
    margin-left: 4%;
    width: 74%;
  }
  .services-design .service-points .two-columns-service li div:nth-child(2) h3, .services-strategy .service-points .two-columns-service li div:nth-child(2) h3, .services-overview .service-points .two-columns-service li div:nth-child(2) h3,
  .services-rd .service-points .two-columns-service li div:nth-child(2) h3, .services-engineering .service-points .two-columns-service li div:nth-child(2) h3 {
    font-size: 26px;
    letter-spacing: -1px;
  }

  .dribbble-container .dribbble-box {
    width: 34%;
  }

  .services-design .dual-line-text p {
    position: static;
  }
  .services-design .afraid-to-show .dual-line-text2 p {
    position: static;
  }

  .services-rd .rd-results h2 {
    margin-bottom: 40px;
  }
  .services-rd .rd-results .results-img {
    width: 100%;
    margin: 0;
  }
  .services-rd .rd-results .results-details {
    width: 100%;
    margin-top: 20px;
  }
  .services-rd .rd-results .results-details img {
    max-width: 80%;
  }
  .services-rd .rd-results .chaotic-button {
    padding-bottom: 0;
  }
  .services-rd .quote-container {
    padding: 10px 30px 50px;
  }

  .services-strategy .strategy-techniques, .services-engineering .strategy-techniques {
    padding: 50px 30px 0;
  }
  .services-strategy .strategy-techniques .big-bold, .services-engineering .strategy-techniques .big-bold {
    padding-bottom: 20px;
    font-size: 30px;
  }
  .services-strategy .strategy-techniques .technique-item, .services-engineering .strategy-techniques .technique-item {
    padding-bottom: 40px;
  }
  .services-strategy .strategy-techniques .technique-item .technique-words h2, .services-engineering .strategy-techniques .technique-item .technique-words h2 {
    font-size: 26px;
  }

  .services-engineering .technique-item .technique-img {
    display: none;
  }
  .services-engineering .technique-item .technique-words {
    max-width: 100%;
  }

  .process .overview {
    padding: 20px 30px !important;
  }
  .process .overview .text {
    font-size: 36px;
  }
  .process .flow .sidebar {
    width: 80%;
    margin: 0 auto;
    float: none;
  }
  .process .flow .text {
    font-size: 25px;
    line-height: .85;
    margin-top: 5px;
  }
  .process .mobile-process {
    padding-top: 10px;
  }

  /*********************
  FOOTER STYLES
  *********************/
  /* end .footer-links */
  footer .team-chaos, footer .column-20.mobile-moon-logo {
    display: none;
  }
  footer .social {
    width: 100%;
    padding: 10px 0;
    margin: 30px auto;
    float: none;
    border-bottom: none;
  }
  footer .social_container {
    width: 100%;
  }
  footer .form-container {
    margin-bottom: 10px;
  }
  footer .form-container .gform_wrapper {
    max-width: 100%;
    overflow: auto;
  }
  footer .form-container .gform_wrapper .gform_body, footer .form-container .gform_wrapper .gform_footer {
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 15px !important;
  }
  footer .form-container .gform_wrapper .gform_footer input.button, footer .form-container .gform_wrapper .gform_footer input[type=submit] {
    font-size: 20px;
    font-family: "DIN Next W01 Medium";
  }
  footer .call-us {
    border-left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  footer .call-us h3 {
    display: none;
  }
  footer .call-us .call-btn {
    margin-top: 0;
  }
  footer hr {
    border-bottom: 0;
  }
  footer .column {
    display: none;
  }

  .projects div.tile {
    padding: 34% 50%;
  }
  .projects div.tile a.tile .gridIcons .icon {
    font-size: 36px;
  }
  .projects div.tile a.tile .text {
    font-size: 32px;
    line-height: 30px;
  }
  .projects div.tile a.tile .more {
    font-size: 24px;
  }
  .projects div.tile:last-child {
    display: block !important;
  }

  .single-case_study_cpt h2 {
    font-size: 24px !important;
  }
  .single-case_study_cpt .interact .main-photo, .single-case_study_cpt .interact.right-case .main-photo {
    width: 100% !important;
  }
  .single-case_study_cpt .interact .detail, .single-case_study_cpt .interact.right-case .detail {
    width: 100%;
  }
  .single-case_study_cpt .interact .detail .title, .single-case_study_cpt .interact.right-case .detail .title {
    font-size: 30px;
    line-height: 1.15 !important;
  }
  .single-case_study_cpt .interact.interact-b .main-photo, .single-case_study_cpt .interact.right-case.interact-b .main-photo {
    width: 100%;
  }
  .single-case_study_cpt .interact.interact-b .detail, .single-case_study_cpt .interact.right-case.interact-b .detail {
    width: 100%;
  }
  .single-case_study_cpt .interact.right-case {
    display: table;
  }
  .single-case_study_cpt .interact.right-case .main-photo {
    float: none;
    display: table-header-group;
  }
  .single-case_study_cpt .interact.right-case .main-photo img {
    margin-bottom: 20px;
  }
  .single-case_study_cpt .interact.right-case .detail {
    float: none;
    display: table-footer-group;
  }
  .single-case_study_cpt .interact.right-case .detail-2 {
    width: 100%;
  }
  .single-case_study_cpt .interact.right-case.flip .detail {
    display: block !important;
  }
  .single-case_study_cpt .interact.right-case.flip .detail-2 {
    float: none;
    display: table-footer-group;
  }
  .single-case_study_cpt .content-wrap .brand .title {
    font-size: 1.5em;
  }
  .single-case_study_cpt .features-image-container .feature {
    min-height: 100%;
  }
  .single-case_study_cpt .the-work .title {
    font-size: 30px;
  }
  .single-case_study_cpt .the-work.list-container .table .results {
    margin-top: 20px;
  }
  .single-case_study_cpt .the-work.list-container .table .results .list-item {
    padding-bottom: 14px;
  }
  .single-case_study_cpt .web-services-list-container h1 {
    line-height: 38px;
    font-size: 34px;
  }
  .single-case_study_cpt .web-services-list-container h1 span {
    display: block;
  }
  .single-case_study_cpt .web-services-list-container .services-list-item h2 {
    font-size: 24px;
  }
  .single-case_study_cpt .company-logo-container .company-logo {
    max-height: 110px;
    margin-top: 20px;
    height: 110px;
  }
  .single-case_study_cpt .company-logo-container .company-logo img {
    max-width: 90%;
  }
  .single-case_study_cpt .text-center img {
    margin: 10px 0;
  }
  .single-case_study_cpt .quote {
    font-size: 30px;
    line-height: 36px;
  }

  .wrap .big-bold {
    line-height: normal;
  }
  .wrap .big-bold, .wrap .big-bold .single-case_study_cpt .web-services-list-container h1 {
    font-size: 35px;
    margin-bottom: 20px;
  }

  .services-rd .the-process {
    padding: 50px 30px;
  }
  .services-rd .the-process .process-item-container .process-item {
    border-bottom: 1px #d7d4c9 solid;
    padding: 20px 0 10px;
  }
  .services-rd .the-process .process-item-container .process-item:last-child {
    border-bottom: 0;
  }
  .services-rd .the-process .process-item-container .process-item .process-item-image {
    margin: 0 auto;
    float: none;
    min-height: inherit;
  }
  .services-rd .the-process .process-item-container .process-item h2 {
    font-size: 28px;
    display: block;
    text-align: center;
  }
  .services-rd .the-process .process-item-container .process-item p {
    display: block;
  }

  .single-case_study_cpt .padded-title {
    font-size: 32px;
    padding-bottom: 20px;
  }

  .single-case_study_cpt .postid-64 .interact.right-case .stats {
    margin-bottom: 20px;
    width: 110%;
    margin-right: -9.5%;
  }
  .single-case_study_cpt .postid-64 .interact.right-case .stats ul li {
    padding-top: 7px;
  }
  .single-case_study_cpt .postid-64 .interact.right-case .stats ul li .total {
    padding: 0;
  }
  .single-case_study_cpt .postid-64 .interact.right-case .stats ul li .total br {
    display: none;
  }
  .single-case_study_cpt .postid-64 .interact.right-case .stats ul li .total .item {
    margin-top: 0;
  }

  .single-case_study_cpt .postid-3250 .interact.interact-b .detail .title {
    font-size: 30px;
  }
  .single-case_study_cpt .postid-3250 .interact .detail {
    width: 100%;
  }

  .single-case_study_cpt .postid-3854 .interact .detail, .single-case_study_cpt .postid-3854 .interact.right-case .detail {
    padding-top: 10px;
    width: 100%;
  }

  .single-case_study_cpt .postid-3352 .interact .main-photo img {
    max-width: 85%;
  }
  .single-case_study_cpt .postid-3352 .interact .detail {
    padding-top: 20px;
    width: auto;
  }

  .single-case_study_cpt .postid-2328 .features-image-container .features-list {
    padding-bottom: 32px !important;
  }

  .single-case_study_cpt .postid-3449 .say-ahh {
    padding: 30px;
  }
  .single-case_study_cpt .postid-3449 .say-ahh h2 {
    line-height: normal;
  }
  .single-case_study_cpt .postid-3449 .interact .detail {
    width: 90%;
    margin-left: 0;
    padding-top: 0;
  }
  .single-case_study_cpt .postid-3449 .interact .main-photo {
    margin-top: 20px !important;
  }
  .single-case_study_cpt .postid-3449 .interact .main-photo img {
    margin-bottom: 30px !important;
  }

  .single-case_study_cpt .postid-3900 .phase2 {
    padding-top: 30px;
  }

  .single-case_study_cpt .postid-2615 .features-image-container .feature {
    min-height: 100%;
    margin-bottom: 30px;
  }

  .single-case_study_cpt .postid-3106 .custom-container .subtext {
    bottom: -300px;
  }
  .single-case_study_cpt .postid-3106 .interact .detail {
    padding-top: 0;
  }

  .single-case_study_cpt .postid-3107 .interact.section-1 .detail {
    padding-top: 20px;
  }
  .single-case_study_cpt .postid-3107 .interact.section-1 .main-photo img {
    margin-top: 20px;
  }
  .single-case_study_cpt .postid-3107 .interact.section-3 .detail {
    width: 100%;
    clear: both;
    padding-top: 20px;
  }
  .single-case_study_cpt .postid-3107 .interact.right-case {
    padding-top: 0;
  }
  .single-case_study_cpt .postid-3107 .interact.right-case.section-4 {
    padding-top: 73%;
    background-position: center 25% !important;
    width: 100%;
    margin-bottom: -50px;
    background-size: 85% !important;
    position: relative;
    top: -50px;
  }

  .single-case_study_cpt .postid-2338 .interact:last-child {
    margin-bottom: 0;
  }
  .single-case_study_cpt .postid-2338 .interact .detail {
    width: 100%;
  }

  .single-case_study_cpt .postid-3363 .interact.right-case {
    position: relative;
    min-height: 100%;
  }
  .single-case_study_cpt .postid-3363 .interact.right-case img {
    display: none;
  }
  .single-case_study_cpt .postid-3363 .interact.right-case .detail {
    position: static;
  }
  .single-case_study_cpt .postid-3363 .interact.right-case .detail-2 {
    position: static;
    width: 90%;
  }
  .single-case_study_cpt .postid-3363 .interact.right-case .detail-2 p {
    margin-top: 0;
  }
  .single-case_study_cpt .postid-3363 .features-image-container .feature {
    min-height: 100%;
  }
  .single-case_study_cpt .postid-3363 .web-services-list-container {
    padding-top: 5%;
  }

  .single-case_study_cpt .postid-2331 .interact.interact-b .detail .list-item {
    width: 100% !important;
    margin: 0;
  }

  .single-case_study_cpt .postid-3362 .interact.right-case .detail .title {
    font-size: 30px;
    line-height: .83333333 !important;
  }

  .single-case_study_cpt .postid-2330 .features-image-container .feature {
    min-height: 100%;
    margin-bottom: 30px;
  }
  .single-case_study_cpt .postid-2330 .features-image-container .feature:first-child {
    margin-top: 30px;
  }

  .single-case_study_cpt .postid-3064 .interact.right-case .detail br {
    display: none;
  }

  .single-case_study_cpt .postid-3443 #course-bg-container #course-bg img {
    display: none;
  }
  .single-case_study_cpt .postid-3443 .case-study-container .interact .detail .icon {
    width: 16%;
    float: left;
    margin-right: 6%;
    margin-bottom: 30px;
    height: auto;
  }
  .single-case_study_cpt .postid-3443 .case-study-container .interact .detail .subtext {
    display: table;
  }

  .single-case_study_cpt .postid-3444 .interact .detail {
    padding-top: 20px;
  }

  .chat-cta {
    width: 100%;
    right: 0;
    overflow: hidden;
    padding: 0 5px;
  }

  .back-btn {
    margin-right: 4px;
  }
}
@media (max-width: 479px) {
  /******************************************************************
  Stylesheet: 480px and Down Stylesheet
  ******************************************************************/
  .hero .text {
    font-size: 24px;
    width: 85%;
  }

  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }

  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  .blur {
    height: 282px;
  }
  .blur .text, .blur .text-overlap-video {
    font-size: 21px;
    line-height: 32px;
  }

  .quote-container .quote {
    font-size: 24px;
  }

  .press .title a {
    font-size: 27px;
    letter-spacing: 0;
  }

  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

  /* end .entry-content */
  /*********************
  FOOTER STYLES
  *********************/
  /* end .footer-links */
  /* HOME */
  .home .component-red-call-out .chaotic-button a {
    width: 110%;
    display: block;
    margin-left: -5%;
  }

  /* ABOUT */
  .about p, .about .subtext, .about .header .subtext {
    font-size: 15px;
    line-height: 1.3;
  }
  .about .header .big-bold {
    font-size: 26px;
    line-height: 1;
    letter-spacing: 0;
  }
  .about .header .count {
    font-size: 16px;
    line-height: 22px;
    padding: 2px 6px 0px;
  }
  .about .header .subcount {
    font-size: 13px;
  }
  .about .abdel-fix .loadMore p {
    font-size: 15px;
    padding: 0 10px;
    width: 285px;
  }

  /* BLOG */
  .blog .blog-listing .heading .title {
    line-height: 1em;
  }
  .blog .blog-listing .heading .title a {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 1.15em;
  }
  .blog.single h1 {
    font-size: 24px;
  }

  /* GAMES */
  .about .giving-quote .content h2 {
    font-size: 24px;
  }

  .contact .cult {
    height: 165px;
  }
  .contact .join {
    padding-top: 20px;
  }
  .contact .big-bold {
    font-size: 28px;
    margin-bottom: 0;
  }
  .contact .form-container-contact .contactForm .mobile-only .text {
    font-size: 28px;
  }

  .services-overview .big-bold {
    font-size: 30px;
    margin-bottom: 0;
    line-height: 1em;
    padding: 0;
  }
  .services-overview .big-bold.headline {
    padding: 40px 30px 0;
  }
  .services-overview .web-services-list-container {
    padding: 20px 0 0;
  }
  .services-overview .web-services-list-container .big-bold {
    padding: 10px 30px 0;
  }
  .services-overview .web-services-list-container .table {
    padding-top: 10px;
  }
  .services-overview .web-services-list-container .table .services-list-item, .services-overview .web-services-list-container .table .services-list-item.col-2 {
    border-bottom: 1px #d7d4c9 solid;
    padding: 20px 30px;
  }
  .services-overview #device-circle h2 {
    font-size: 24;
  }
  .services-overview #device-circle p {
    width: 90%;
    margin: 10px auto 30px;
  }
  .services-overview #device-circle .big-bold {
    margin-bottom: 15px;
  }
  .services-overview .chaotic-button {
    padding-top: 10px;
  }
  .services-overview #ven-diagram .web-process-graphic {
    width: 100%;
  }

  .services-design .container-service-summary div h2, .services-strategy .container-service-summary div h2, .services-overview .container-service-summary div h2,
  .services-rd .container-service-summary div h2, .services-engineering .container-service-summary div h2 {
    font-size: 24px;
  }

  .wrap .big-bold, .wrap .big-bold .single-case_study_cpt .web-services-list-container h1 {
    font-size: 30px;
  }

  .services-strategy .strategy-techniques .technique-item .technique-words h2 {
    font-size: 24px;
  }

  .dribbble-container .dribbble-box {
    width: 43%;
  }
}
@media screen and (max-width: 479px) and (max-width: 380px) {
  .services-design .dual-line-text .big-bold span {
    display: block;
  }
}
@media (max-width: 479px) {
  .process .overview .text {
    font-size: 32px;
  }

  .single-case_study_cpt .interact .detail .title, .single-case_study_cpt .interact.right-case .detail .title {
    font-size: 24px;
  }
  .single-case_study_cpt .quote {
    font-size: 21px;
    line-height: 32px;
  }
  .single-case_study_cpt .quote blockquote span {
    font-size: 18px;
    margin-top: 10px;
  }
  .single-case_study_cpt .main-content, .single-case_study_cpt .features-image-container .feature p, .single-case_study_cpt .the-work.list-container .list-item p, .single-case_study_cpt .subtext {
    font-size: 18px !important;
  }
  .single-case_study_cpt .padded-title {
    font-size: 30px;
    padding-bottom: 10px;
    line-height: 1;
  }
  .single-case_study_cpt .no-control-sm {
    width: 95% !important;
  }

  .single-case_study_cpt .postid-64 .interact.right-case .stats {
    margin-bottom: 20px;
    width: 110%;
    margin-right: -9.5%;
  }
  .single-case_study_cpt .postid-64 .interact.right-case .stats ul li {
    padding-top: 12px;
  }

  .single-case_study_cpt .postid-3900 .features-image-container .features-list .feature {
    width: 95% !important;
    margin: 0 auto !important;
    float: none;
    min-height: 300px;
  }
  .single-case_study_cpt .postid-3900 .phase2 .title {
    font-size: 30px;
  }
  .single-case_study_cpt .postid-3900 .phase2 .detail .list-item {
    width: 100%;
    margin-right: 0;
    float: none;
    height: 100%;
  }
  .single-case_study_cpt .postid-3900 .case-study-container .phase2 .title-para {
    margin-bottom: 20px;
  }

  .single-case_study_cpt .postid-3352 .shopping-experience {
    padding: 20px;
  }

  .single-case_study_cpt .postid-3107 .interact.right-case.section-4 {
    padding-top: 75%;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /******************************************************************
  Stylesheet: Retina Screens & Devices Stylesheet
  ******************************************************************/
  body {
    background: url(../images/bg@2x.png) repeat;
  }

  .teal-bg {
    background: url(../images/teal-bg@2x.png) repeat;
  }

  .back-btn {
    background: url(../images/ic_back@2x.png) no-repeat;
  }

  .portrair-overlay .close {
    background: url(../images/ic_x@2x.png) center no-repeat;
    background-size: 100%;
  }
}
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Grid Stylesheet
  
  I've seperated the grid so you can swap it out easily. It's
  called at the top the style.scss stylesheet.
  
  There are a ton of grid solutions out there. You should definitely
  experiment with your own. Here are some recommendations:
  
  http://gridsetapp.com - Love this site. Responsive Grids made easy.
  http://susy.oddbird.net/ - Grids using Compass. Very elegant.
  http://gridpak.com/ - Create your own responsive grid.
  
  The grid below is a combination of the 1140 grid and Twitter Boostrap. 
  I liked 1140 but Boostrap's grid was way more detailed so I merged them 
  together, let's see how this works out. If you want to use 1140, the original 
  values are commented out on each line.
  
  ******************************************************************/
  .width-max {
    max-width: 1506px;
    width: 100%;
  }

  .wrapper,
  .width-page, .width-text {
    max-width: 1200px;
    min-width: 320px;
  }

  .onecol {
    width: 5.801104972%;
  }

  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%;
  }

  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%;
  }

  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%;
  }

  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%;
  }

  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%;
  }

  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438000005%;
  }

  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.74585634900001%;
  }

  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%;
  }

  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.87292817100001%;
  }

  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%;
  }

  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%;
  }

  /* 100%;   } /* grid_12 */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }

  .first {
    margin-left: 0;
  }

  .last {
    float: right;
  }
}
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */
