/* @font-face */
@font-face {
  font-family: 'TitilliumText22LRegular';
  src: url("../fonts/TitilliumText22L003-webfont.eot");
  src: url("../fonts/TitilliumText22L003-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumText22L003-webfont.woff") format("woff"), url("../fonts/TitilliumText22L003-webfont.ttf") format("truetype"), url("../fonts/TitilliumText22L003-webfont.svg#TitilliumText22LRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TitilliumText22LXBold';
  src: url("../fonts/TitilliumText22L006-webfont.eot");
  src: url("../fonts/TitilliumText22L006-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/TitilliumText22L006-webfont.woff") format("woff"), url("../fonts/TitilliumText22L006-webfont.ttf") format("truetype"), url("../fonts/TitilliumText22L006-webfont.svg#TitilliumText22LXBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSans-100';
  src: url("../fonts/museosans-100-webfont.eot");
  src: url("../fonts/museosans-100-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-100-webfont.woff") format("woff"), url("../fonts/museosans-100-webfont.ttf") format("truetype"), url("../fonts/museosans-100-webfont.svg#MuseoSans100") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSans-500';
  src: url("../fonts/museosans-500-webfont.eot");
  src: url("../fonts/museosans-500-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-500-webfont.woff") format("woff"), url("../fonts/museosans-500-webfont.ttf") format("truetype"), url("../fonts/museosans-500-webfont.svg#MuseoSans500") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSans-500-italic';
  src: url("../fonts/museosans-500-italic-webfont.eot");
  src: url("../fonts/museosans-500-italic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-500-italic-webfont.woff") format("woff"), url("../fonts/museosans-500-italic-webfont.ttf") format("truetype"), url("../fonts/museosans-500-italic-webfont.svg#MuseoSans500italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'MuseoSans-900';
  src: url("../fonts/museosans-900-webfont.eot");
  src: url("../fonts/museosans-900-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans-900-webfont.woff") format("woff"), url("../fonts/museosans-900-webfont.ttf") format("truetype"), url("../fonts/museosans-900-webfont.svg#MuseoSans900") format("svg");
  font-weight: normal;
  font-style: normal; }

/* BEGIN SASS */
/* COLORS */
/* FONT FAMILIES */
/* BOX SHADOWS */
/* FORMATTING */
/* END SASS */
/* RESETS */
* {
  margin: 0;
  padding: 0px; }

h1, h2, h3, h4, h5, h6, p, table, ul, li, a {
  opacity: .999;
  font-weight: normal;
  margin: 0;
  padding: 0; }

.wpengine-promo a {
  font-family: "TitilliumText22LRegular", Arial, Helvetica, sans-serif;
  font-size: 8px;
  text-decoration: none;
  color: #b2b2b2;
  display: none; }

a {
  transition-property: color;
  transition-duration: .085s;
  transition-timing-function: linear;
  transition-delay: .01s;
  /* Firefox 4 */
  -moz-transition-property: color;
  -moz-transition-duration: .085s;
  -moz-transition-timing-function: linear;
  -moz-transition-delay: .01s;
  /* Safari and Chrome */
  -webkit-transition-property: color;
  -webkit-transition-duration: .085s;
  -webkit-transition-timing-function: linear;
  -webkit-transition-delay: .01s;
  /* Opera */
  -o-transition-property: color;
  -o-transition-duration: .085s;
  -o-transition-timing-function: linear;
  -o-transition-delay: .01s; }

img a, img, a {
  border: none; }

::selection {
  background: #1b1b1b;
  /* Safari */ }

::-moz-selection {
  background: #1b1b1b;
  /* Firefox */ }

/* STRUCTURE */
body {
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: both;
  background: white;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: none;
  -webkit-backface-visibility: hidden; }

.clearer {
  clear: both; }

.content {
  margin-top: 78px; }

a {
  color: #35b4e5; }

/* HEADER STYLES */
.header-wrapper {
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: both;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
  border-bottom: 1px solid #35b4e5;
  background: #090909;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5MDkwOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iIzI4MjgyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #090909 0%, #282828 92%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #090909), color-stop(92%, #282828));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #090909 0%, #282828 92%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #090909 0%, #282828 92%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #090909 0%, #282828 92%);
  /* IE10+ */
  background: linear-gradient(to bottom, #090909 0%, #282828 92%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#090909', endColorstr='#282828',GradientType=0 );
  /* IE6-8 */
  position: fixed;
  top: 0px;
  z-index: 1000;
  -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3); }

.header-wrapper-inside {
  width: 100%;
  float: left;
  clear: both;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=) repeat; }

.header-wrapper-inside-logo {
  width: 50%;
  float: left;
  margin: 0 0 0.906em 0; }

.header-logo {
  padding: 0 0 0 0;
  /*margin: 2.313em 0 0.625em 1.250em;*/
  height: 30px;
  float: left; }

h3.header-message, h1.header-message {
  width: auto;
  font-family: "MuseoSans-100", Arial, Helvetica, sans-serif;
  font-size: 1.250em;
  margin: 1.75em 0 0.906em 1em;
  letter-spacing: -0.028em;
  line-height: 1.5em;
  color: transparent;
  float: left;
  line-height: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }

h3.header-message-small, h1.header-message-small {
  display: none; }

h3.header-message img, h1.header-message img {
  float: left;
  margin-top: -6px; }

h3.header-message-small img, h1.header-message-small img {
  margin: 0.3em; }

h3.header-message:hover, h1.header-message:hover {
  line-height: normal;
  color: #35b4e5; }

.header-wrapper-inside nav {
  float: right;
  padding: 2.321em 1.25em 0 0; }

ul#menu-main-navigation, ul#menu-add-home {
  font-family: "MuseoSans-900", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #b2b2b2;
  float: left;
  text-transform: uppercase; }

ul#menu-main-navigation a, ul#menu-add-home a {
  text-decoration: none;
  color: #b2b2b2; }

ul#menu-main-navigation a:hover, ul#menu-add-home a:hover {
  text-decoration: none;
  color: white; }

ul#menu-main-navigation li, ul#menu-add-home li {
  float: left;
  padding: 0 1.75em;
  list-style: none; }

ul#menu-add-home {
  display: none; }

.secondary-header-wrapper {
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: both;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAJklEQVQIW2PU6t/+n1tFjwEGGE03P/0P5wEZcIGvdy4xgFRiqAAAAIQONYWo94sAAAAASUVORK5CYII=);
  -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.2); }

.secondary-header-wrapper-inside {
  width: 50%;
  margin: 0 auto; }

.secondary-header-left {
  width: 60%;
  float: left; }

.secondary-header-left-alt {
  width: 40%;
  float: left; }

.secondary-header-left-alt h1 {
  margin-top: 1.583em!important; }

.secondary-header-right {
  float: right;
  width: 40%; }

.secondary-header-right-alt {
  float: right;
  width: 60%;
  position: relative; }

.secondary-header-left-categories {
  width: 60%;
  float: left; }

.secondary-header-right-categories {
  float: right;
  width: 40%; }

.case-studies-header-wrapper {
  width: 100%;
  height: 30px;
  position: fixed;
  top: 77px;
  background: #35b4e5;
  -webkit-box-shadow: inset 0px -4px 2px -3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px -4px 2px -3px rgba(0, 0, 0, 0.2);
  z-index: 500; }

.case-studies-header-wrapper-inside {
  width: 50%;
  margin: 0 auto; }

#case-studies-button-wrapper {
  float: left;
  margin: none; }

.process-stage-holder {
  float: left; }

.case-studies-title-header-wrapper {
  width: 100%;
  position: relative;
  margin: 107px 0 0 0;
  height: 500px; }

.case-studies-title-header-wrapper-inside {
  width: 50%;
  margin: auto;
  height: 500px;
  position: relative; }

.case-studies-title-holder {
  padding: 1.25em 2.813em 1.25em 1.875em;
  background: #000;
  float: left;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  position: absolute;
  bottom: 0;
  left: 0; }

/* FOOTER STYLES */
.footer-wrapper {
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: both;
  background: #1b1b1b;
  position: fixed;
  bottom: 0; }

.footer-wrapper-inside {
  width: 50%;
  margin: 0 auto;
  background: #1b1b1b;
  height: 0px;
  display: block;
  overflow: hidden; }

.footer-wrapper-inside-small {
  width: 235px;
  margin: 1.25em auto 0 auto;
  background: #1b1b1b;
  display: none; }

.four-col {
  width: 20%;
  margin-right: 5.6666666667%;
  float: left;
  clear: left; }

.four-col-second {
  width: 20%;
  margin-right: 5.6666666667%;
  float: left; }

.four-col-third {
  width: 20%;
  margin-right: 5.6666666667%;
  float: left; }

.four-col-last {
  width: 20%;
  float: left;
  zoom: 1; }

.footer-wrapper img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 0.938em;
  width: 100%;
  clear: both;
  margin-top: 0.313em; }

#footer-button {
  background: url(../images/MC_spritesheet.png) 0px -2790px no-repeat;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -54px;
  width: 108px;
  height: 39px;
  border: none;
  cursor: pointer; }

.footer-top {
  padding: 0.625em 0;
  margin: 0 auto;
  height: 0.938em;
  width: 50%;
  clear: both;
  overflow: hidden; }

.footer-bottom {
  height: 0;
  padding: 0;
  margin: 0 auto;
  width: 50%;
  clear: both;
  overflow: hidden; }

.footer-top, .footer-bottom p {
  margin-bottom: 0;
  line-height: 1.071em; }

.footer-wrapper .col-blog-main {
  margin-bottom: 10px; }

.clearer {
  clear: both; }

/* TEXT */
h1, p.numbers {
	font-family: "MuseoSans-900", Arial, Helvetica, sans-serif;
	color: white;
	font-size: 2.250em;
	line-height: 1em;
	text-transform: uppercase;
	float: left;
	width: 100%;
	margin-top: 1.111em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

p.numbers {
  margin: 0; }

h2.blog-secondary-header {
  font-family: "MuseoSans-900", Arial, Helvetica, sans-serif;
  color: white;
  font-size: 36px;
  margin: 1.111em 0 0.417em 0;
  line-height: 1em;
  text-transform: uppercase;
  float: left;
  width: 100%; }

h2.blog-secondary-header a {
  color: #fff;
  text-decoration: none; }

h2.blog-secondary-header a:hover {
  color: #1e6084; }

h3.home-case-study {
  font-family: "MuseoSans-100", Arial, Helvetica, sans-serif;
  color: #35b4e5;
  font-size: 2.250em;
  margin-bottom: 0.417em;
  letter-spacing: -0.028em;
  line-height: 1em; }

h3.job-role {
  font-family: "MuseoSans-100", Arial, Helvetica, sans-serif;
  color: #35b4e5;
  font-size: 2.250em;
  margin-bottom: 0.972em;
  letter-spacing: -0.028em;
  line-height: 1em;
  transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -webkit-transition: all 2s ease-in-out; }

h3.home-case-study a {
  color: #35b4e5;
  text-decoration: none; }

h3.home-case-study a:hover {
  color: #737373; }

h3.case-study-header {
  font-family: "MuseoSans-900", Arial, Helvetica, sans-serif;
  font-size: 2.250em;
  color: #5e5e5e;
  line-height: 1.65em;
  margin: 0 0 1.667em 0;
  text-transform: uppercase;
  margin-bottom: 1.667em;
  padding: 0 0 0 0;
  width: 100%; }

h3.header-discovery {
  background: url(../images/MC_spritesheet.png) 0 -2190px no-repeat; }

h3.header-creative {
  background: url(../images/MC_spritesheet.png) 0 -2250px no-repeat; }

h3.header-technical {
  background: url(../images/MC_spritesheet.png) 0 -2310px no-repeat;
  padding: 0 0 0 100px; }



h2, h1.alt-inside {
  font-family: "MuseoSans-900", Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #1e6084;
  margin-bottom: 0.938em;
  text-transform: uppercase;
  clear: both; }

h2.huge-header-thin {
  font-family: "MuseoSans-100", Arial, Helvetica, sans-serif;
  font-size: 6.563em;
  color: #b2b2b2;
  margin: 0 auto;
  text-transform: uppercase;
  line-height: 0.6em;
  text-align: justify; }

h2.huge-header-thick {
  font-family: "MuseoSans-900", Arial, Helvetica, sans-serif;
  font-size: 7.188em;
  color: #b2b2b2;
  margin: 0 auto 0.429em auto;
  text-transform: uppercase;
  text-align: justify; }

h1.alt-inside {
  width: auto; }

h1.case-study {
  margin: 0; }

h2.home-case-study {
  padding: 0 0 0 1.375em;
  background: url(../images/MC_spritesheet.png) 0 -28px no-repeat; }

h2.likes {
  padding: 0 0 0 1.375em;
  background: url(../images/MC_spritesheet.png) 0 -1770px no-repeat;
  line-height: 1.5em;
  padding: 0 0 0 1.75em; }

h2.dislikes {
  padding: 0 0 0 1.375em;
  background: url(../images/MC_spritesheet.png) 0 -1800px no-repeat;
  line-height: 1.5em;
  padding: 0 0 0 1.75em; }

h1.project-archive {
  padding: 0 0 0 1.375em;
  background: url(../images/MC_spritesheet.png) 0 -30px no-repeat; }

h2.home-latest-blog {
  padding: 0 0 0 1.375em;
  background: url(../images/MC_spritesheet.png) 0 -58px no-repeat; }

h2.case-studies-project-type {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  color: #35b4e5;
  line-height: 1.2em;
  margin: 0; }

h2.post-title, h1.post-title, h3.post-title {
  font-family: "MuseoSans-900", Arial, Helvetica, sans-serif;
  font-size: 2.250em;
  color: #5e5e5e;
  line-height: 1.1em;
  margin: 0 0 0.417em 0;
  text-transform: uppercase; }
  
  h3.post-title {
  	  font-family: "MuseoSans-900", Arial, Helvetica, sans-serif!important;
	  clear: both;
	  float: none!important;
	  text-transform: uppercase!important;}

h2.post-title.home {
  font-size: 1.375em; }

h2.post-title a, h1.post-title a {
  text-decoration: none;
  color: #5e5e5e; }

h2.post-title a:hover, h1.post-title a:hover {
  color: #35B4E5; }

h3 {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  font-size: 1.125em;
  color: #35b4e5;
  margin-bottom: 0.500em;
  line-height: 1.25em;
  float: left;
  text-transform: uppercase; }

h3 a {
  color: #35b4e5;
  text-decoration: none; }

h3 a:hover {
  color: #737373; }

h3.inside-header {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  color: #aae7fe;
  margin-bottom: 2.500em;
  float: left;
  text-transform: none;
  width: auto;
  line-height: 1.25em; }

h3.inside-header a {
  color: white;
  text-decoration: none; }

h3.inside-header a:hover {
  color: #737373; }

h3.case-study-title-home {
  color: #fff;
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  font-size: 1.250em;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 0 0.75em; }

h3.case-study-title-home a {
  color: #fff;
  margin: 0;
  padding: 0; }

h3.case-study-title-home a:hover {
  color: #35B4E5; }

h3.grey {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  color: #5e5e5e;
  margin-bottom: 0.062em;
  float: left;
  text-transform: none;
  width: 100%; }

h3.grey-contact {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  color: #5e5e5e;
  margin-bottom: 1.2em;
  float: left;
  text-transform: uppercase;
  width: 100%; }

h3.grey a {
  color: #5e5e5e;
  text-decoration: none; }

h3.grey a:hover {
  color: #35b4e5; }

h3.post-category {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  color: #35b4e5;
  margin-bottom: 0.062em;
  float: left;
  text-transform: uppercase; }

h3.post-category a {
  color: #35b4e5;
  text-decoration: none; }

h3.post-category a:hover {
  color: #5e5e5e; }

h3.contact-header {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  color: #35b4e5;
  margin-bottom: 1.2em;
  float: left;
  text-transform: uppercase;
  line-height: 2em;
  clear: both; }

h3.contact-header a {
  color: #35b4e5;
  text-decoration: none; }

h3.contact-header a:hover {
  color: #5e5e5e; }

h3.about-the-author {
  margin-top: 3.438em; }

h3.about-the-author span.sub {
  color: #5e5e5e; }

.author-info {
  width: 100%; }

.author-info-text {
  float: left; }

.col-wrapper img.avatar.avatar-90.photo {
  width: 90px;
  margin: 0 0.938em 0.938em 0;
  float: left; }

.float-right {
  float: right; }

h3.white, h3.post-category-menu-header {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  color: white;
  margin-bottom: 0.062em;
  float: left;
  text-transform: none; }

h3.white a, h3.post-category-menu-header a {
  color: white;
  text-decoration: none; }

h3.white a:hover, h3.post-category-menu-header a:hover {
  color: #35b4e5; }

.footer-wrapper h3 {
  color: #adadad;
  margin-bottom: 0.313em;
  text-transform: none; }

h4.phase-header, h4.blog-intro {
  font-family: "TitilliumText22LRegular", Arial, Helvetica, sans-serif;
  font-size: 1.500em;
  color: #35b4e5;
  margin-bottom: 0.833em;
  line-height: 1.5em; }

h4.team-member-email {
  font-family: "TitilliumText22LRegular", Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #35b4e5;
  margin: 0 1.563em 0.833em 0;
  float: left; }

h4.phase-header {
  clear: both; }

p {
  font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
  font-size: 0.875em;
  color: #737373;
  line-height: 1.4em;
  margin-bottom: 1.667em;
  float: left;
  display: block; }

p a {
  text-decoration: none;
  color: #35b4e5; }

p.white {
  color: white; }

p a:hover {
  color: #5e5e5e; }

p.grey-to-white {
  font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
  font-size: 0.750em;
  color: #5e5e5e;
  line-height: 1.4em;
  margin: 0 0 0 7.5em;
  display: block; }

p.grey-to-white a {
  color: #5e5e5e; }

p.grey-to-white a:hover {
  color: white; }

p.grey-to-white-large {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  color: #5e5e5e;
  margin: 0 0 0.833em 5em;
  float: left;
  text-transform: uppercase;
  font-size: 1.125em;
  margin-bottom: 0.500em;
  line-height: 1.25em; }

p.grey-to-white-large a {
  color: #5e5e5e;
  text-decoration: none; }

p.grey-to-white-large a:hover {
  color: white; }

p.small-margin {
  font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
  color: #737373;
  line-height: 1.3em;
  margin-bottom: 0.833em;
  float: left;
  clear: both; }

p.quote-author {
  color: #5e5e5e;
  margin-bottom: 0em;
  clear: both; }

p.quote-author-position {
  margin-left: 0.8em;
  clear: both;
  color: #b2b2b2; }

p.post-date {
  color: #5e5e5e;
  padding: 0 1.25em 0 1.25em;
  background: url(../images/MC_spritesheet.png) 0 -87px no-repeat;
  float: left;
  margin-bottom: 1.714em; }

p.post-date-small {
  color: #35b4e5;
  font-size: 0.688em;
  margin-bottom: 1.091em;
  padding: 0 1.2em 0 1.2em;
  background: url(../images/MC_spritesheet.png) 0 -119px no-repeat;
  float: left; }

p.comments {
  color: #5e5e5e;
  margin-bottom: 0.417em;
  padding: 0 1.25em 0 1.25em;
  background: url(../images/MC_spritesheet.png) 0 -147px no-repeat;
  float: left; }

p.comments-small {
  color: #737373;
  font-size: 0.688em;
  margin-bottom: 0.909em;
  padding: 0 1.2em 0 1.2em;
  background: url(../images/MC_spritesheet.png) 0 -359px no-repeat;
  float: left; }

p.post-author {
  padding: 0 1.25em 0 1.25em;
  background: url(../images/MC_spritesheet.png) 0 -178px no-repeat;
  float: left;
  color: #5e5e5e;
  clear: both;
  margin-bottom: 1.714em; }

p.portfolio-category {
  color: #5e5e5e;
  margin-bottom: 5.000em;
  padding: 0 1.25em 0 1.25em;
  background: url(../images/MC_spritesheet.png) 0 -1015px no-repeat;
  float: left;
  clear: both;
  line-height: 1.2em; }

span.job-role {
  color: #5e5e5e;
  padding: 0 1.25em 0 1.25em;
  background: url(../images/MC_spritesheet.png) 0 -1020px no-repeat;
  float: left;
  clear: both;
  font-size: 0.333em;
  line-height: 1em;
  text-transform: none;
  font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
  letter-spacing: normal; }

p.portfolio-link {
  color: #b2b2b2;
  margin-bottom: 5.000em;
  padding: 0 1.25em 0 1.25em;
  background: url(../images/MC_spritesheet.png) 0 -1050px no-repeat;
  float: left;
  clear: both; }

p.portfolio-link a {
  color: #b2b2b2;
  text-decoration: none; }

p.portfolio-link a:hover {
  color: #35b4e5; }

.case-studies-header-wrapper p.portfolio-link {
  clear: none;
  line-height: 26px;
  font-size: 0.688em;
  padding: 0 0.909em 0 0.909em;
  margin: 4px 0 0 0;
  background: none; }

.case-studies-header-wrapper p.portfolio-link a {
  color: #1e6084;
  background: url(../images/MC_spritesheet.png) 0 -1320px no-repeat;
  padding: 0 0 0 20px; }

.case-studies-header-wrapper p.portfolio-link a:hover {
  color: white; }

p.headline-quote {
  font-family: "TitilliumText22LRegular", Arial, Helvetica, sans-serif;
  font-size: 1.500em;
  color: #35b4e5;
  margin-bottom: 1.458em;
  float: left;
  clear: both; }

p.footer-driving-directions {
  margin-bottom: 0.2em; }

p.footer-driving-directions a {
  padding: 0 0 0 1.25em;
  background: url(../images/MC_spritesheet.png) 1px -388px no-repeat; }

p.footer-driving-directions a:hover {
  background: url(../images/MC_spritesheet.png) 1px -418px no-repeat; }

p.footer-start-a-project a {
  padding: 0 0 0 1.25em;
  background: url(../images/MC_spritesheet.png) 0px -448px no-repeat; }

p.footer-start-a-project a:hover {
  background: url(../images/MC_spritesheet.png) 0px -478px no-repeat; }

p.case-study-company {
  font-family: "MuseoSans-900", Arial, Helvetica, sans-serif;
  color: #1e6084;
  font-size: 0.688em;
  line-height: 26px;
  float: left;
  padding: 0 0.909em 0 0.909em;
  margin: 4px 0 0 0; }

.col-blog-main p {
  width: 100%;
  float: none; }

.col-blog-main img {
  margin-bottom: 1.438em; }

.col-blog-main p.post-author, .col-blog-main p.post-date {
  width: intrinsic;
  float: left; }

.ltgrey {
  color: #b2b2b2 !important; }

.footer-wrapper p {
  color: #b2b2b2; }

.margin-thirtyfive {
  margin: 0 0 2.917em 0 !important; }

.margin-zero {
  margin: 0!important; }

.divider {
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  float: left;
  margin-bottom: 1.438em; }

.divider-fifty {
  width: 100%;
  margin-bottom: 2.500em;
  border-bottom: 1px solid #e3e3e3;
  float: left; }

.divider-fifty-both {
  width: 100%;
  margin: 2.5em 0;
  border-bottom: 1px solid #e3e3e3;
  float: left; }

.footer-wrapper .tweet ul li {
  list-style: none;
  margin-bottom: 1.417em;
  font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
  font-size: 0.750em;
  color: #737373;
  line-height: 1.4em;
  margin-bottom: 1.667em;
  float: left;
  display: block; }

.footer-wrapper .tweet ul li a {
  text-decoration: none;
  color: #35b4e5; }

.footer-wrapper .tweet ul li a:hover {
  color: #5e5e5e; }

blockquote {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #5e5e5e;
  margin-bottom: 0.938em; }

span.footer-accent {
  color: #35b4e5; }

.no-bottom-margin {
  margin-bottom: 0!important; }

/* HOME STYLES */
.social-sidebar {
  display: none;
  float: left; }

.flexslider.home-flex {
  margin-bottom: 1.875em!important; }

.flexslider.home-flex img {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 1.250em; }

.flexslider.home-flex .flex-direction-nav a {
  display: none; }

.flexslider.home-flex .home-case-img {
  float: left;
  width: 100%;
  position: relative; }

.flexslider.home-flex p.portfolio-category {
  margin-bottom: 1em!important; }

.flexslider.home-flex ol.flex-control-nav {
   }

.home-slider-wrapper {
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: both;
  background: #5e5e5e;
  text-shadow: 0px 0px 2px black;
  filter: dropshadow(color=black, offx=0, offy=0); }

.home-col-wrapper {
  width: 100%;
  margin: 0 auto;
  float: left;
  clear: both; }

.home-col-wrapper-inside, .three-col-wrapper {
  width: 50%;
  margin: 0 auto;
  padding: 3.438em 0 4.688em 0;
  background: white;
  clear: both; }

.four-col-wrapper, .col-wrapper {
  width: 50%;
  margin: 0 auto;
  padding: 2.5em 0 2.5em 0;
  clear: both; }

.about-col-wrapper {
	width: 100%;
	padding: 0;
	clear: both;
	min-height: 950px;
	background-size: auto 100%;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.about-col-wrapper .col-two-thirds-right {
  min-height: 950px; }

.phase-wrapper {
  margin: 5.625em auto 0 auto; }

.phase {
  width: 50%;
  margin: 0 auto 5.625em auto;
  min-height: 500px;
  clear: both; }

.phase h3 {
  float: none; }

.phase img {
  width: 100%; }

.phase ul.rslides {
  list-style: none; }

.phase ul.rslides li {
  background: none;
  padding: 0; }

.four-col-wrapper img {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.three-col {
  width: 28%;
  margin-right: 8%;
  float: left; }

.three-col-last {
  width: 28%;
  margin-right: 0;
  float: left; }

.three-col img, .three-col-last img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 0.938em;
  width: 100%; }

.two-col-wraper-outside {
  width: 100%;
  float: left; }

.two-col-wrapper {
  width: 50%;
  margin: 0 auto 6.25em auto; }

.two-col {
  width: 46%;
  margin-right: 8%;
  float: left; }

.two-col-last {
  width: 46%;
  margin: 0;
  float: left; }

.col-two-thirds-left {
  width: 62%;
  margin: 0 5% 0 0;
  float: left; }

.col-two-thirds-right {
  width: 62%;
  float: left;
  padding: 0 0 0 4%; }

.about-col-wrapper .col-two-thirds-right {
  width: 62%;
  float: left;
  padding: 2.5em 0 2.5em 5%; }

.col-one-third-left {
  width: 33%;
  float: left; }

.col-one-third-right {
  width: 33%;
  float: left; }

.col-blog-main {
  width: 62.5%;
  float: left;
  margin: 0 11% 45px 0; }

.col-blog-sidebar {
	width: 26.5%;
	float: right;
}

.col-wrapper img {
  width: 100%; }

/* RESPONSIVE SLIDER STYLES */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0; }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left; }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0; }

/* PAGE SLIDE STYLES */
#pageslide {
  /* These styles MUST be included. Do not change. */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  /* Specify the width of your pageslide here */
  width: 260px;
  padding: 0 20px;
  /* These styles are optional, and describe how the pageslide will look */
  background-color: #333;
  color: #FFF;
  -webkit-box-shadow: inset 0 0 5px 5px #222222;
  -moz-box-shadow: inset 0 0 5px 5px #222222;
  box-shadow: inset 0 0 5px 5px #222222; }

.open {
  display: none;
  float: left;
  width: 40px;
  height: 30px;
  margin-right: 10px;
  background: url(../images/menu.png) center center no-repeat #333333;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  box-shadow: inset 0 0 3px black;
  text-indent: -999999px;
  border: 0; }

#pageslide #menu-main-navigation {
  margin-bottom: 1em; }

/* SEQUENCE STYLES */
#sequence {
  border: none;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 100%;
  clear: both; }

.sequence-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
  clear: both;
  float: left;
  height: 813px; }

#sequence li > * {
  position: absolute; }

.sequence-bg {
  width: 100%; }

/* HOME SLIDER STYLES */
.home-slider-text {
  text-align: center;
  width: 100%;
  vertical-align: center;
  clear: both;
  position: absolute;
  top: 30%; }

.home-slider-text h2 {
  font-family: "MuseoSans-900", Arial, Helvetica, sans-serif;
  font-size: 6.875em;
  color: white;
  text-align: center;
  margin-bottom: 0.25em;
  letter-spacing: -0.027em;
  text-transform: uppercase;
  max-width: 90%;
  margin: 0 auto 0.25em auto; }

.home-slider-text h3 {
  font-family: "TitilliumText22LRegular", Arial, Helvetica, sans-serif;
  color: white;
  text-align: center;
  line-height: 1.05em;
  font-size: 3.125em;
  float: none;
  text-transform: none;
  width: 80%;
  margin: 0 auto;
  display: block; }

/* INSIDE PAGE STYLES */
.flex-button-container {
  width: 100%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVQIW2NkAIJ79+79V1JSYgTRYALGAdGMBFUAABnAHze5AnN2AAAAAElFTkSuQmCC);
  float: left;
  -webkit-box-shadow: inset 0px 0px 1px 1px #e0e0e0;
  box-shadow: inset 0px 0px 1px 1px #e0e0e0; }

.flex-button-container:hover {
  background: #bdbdbd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQIW2NcsWLF/4iICEYYzcgABMiCcBmcKgD+3x3zs7+3tQAAAABJRU5ErkJggg==);
  -webkit-box-shadow: inset 0px 0px 3px 1px black, inset 0px 0px 1px 1px #e0e0e0;
  box-shadow: inset 0px 0px 3px 1px rgba(55, 55, 55, 0.7), inset 0px 0px 1px 1px #e0e0e0; }

.flex-button-container:hover p.grey-to-white-large a, .flex-button-container:hover p.grey-to-white a {
  color: white; }

.flex-button-container:hover .build-case-study span, .flex-button-container:hover .view-work span {
  opacity: 1; }

.flex-button-container-inside {
  padding: 1.875em;
  float: left;
  position: relative; }

.process-sidebar-phase {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 1.875em;
  padding-bottom: 1.875em;
  border-bottom: 1px solid #eeeeee; }

.process-sidebar-phase-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 60px; }

.pspi-discovery {
  background: url(../images/MC_spritesheet.png) 0 -2190px no-repeat; }

.pspi-creative {
  background: url(../images/MC_spritesheet.png) 0 -2250px no-repeat; }

.pspi-technical {
  background: url(../images/MC_spritesheet.png) 0 -2310px no-repeat; }

.pspi-review {
  background: url(../images/MC_spritesheet.png) 0 -2370px no-repeat; }

.process-sidebar-phase-text {
  float: left;
  margin-left: 85px; }

.process-sidebar-phase-text p {
  margin: 0; }

.phase ul {
  float: left;
  list-style: none;
  font-size: 1.125em; }

img.action-image {
  margin: 0 0 1.563em 0;
  width: 100%;
  -moz-border-radius: 4px;
  -webkit-border-radiuds: 4px;
  border-radius: 4px; }

.phase ul li {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  font-size: 1.125em;
  line-height: 1.5em;
  padding: 0 0 0 0.833em;
  color: #5E5E5E;
  background: url(../images/MC_spritesheet.png) 0 -1560px no-repeat;
  float: left;
  clear: both; }

ul.likedislikes {
  float: left;
  list-style: none;
  font-size: 1.125em; }

ul.likesdislikes li {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  font-size: 1.125em;
  line-height: 1.5em;
  padding: 0 0 0 0.833em;
  color: #5E5E5E;
  background: url(../images/MC_spritesheet.png) 0 -1560px no-repeat;
  float: left;
  clear: both;
  list-style: none;
  margin-left: 1.667em; }

ul.about-us-nav {
  list-style: none;
  float: right; }

ul.about-us-nav li {
  list-style: none;
  float: left; }

div.hr {
  color: #eeeeee;
  margin: 1.5em 0;
  width: 100%;
  padding: 0;
  height: 1px;
  background: #eeeeee;
  float: left;
  clear: both; }

div.phase-hr {
  color: #eeeeee;
  margin: 5.625em 0 5.625em 0;
  width: 100%;
  padding: 0;
  height: 1px;
  background: #eeeeee;
  clear: both;
  float: left; }

div.home-hr {
  margin: 0.75em 0 2.188em 0;
  width: 100%;
  padding: 0;
  height: 1px;
  background: #e3e3e3;
  color: #e3e3e3;
  clear: both;
  float: left; }

div.space-seven-five {
  width: 100%;
  float: left;
  margin-bottom: 75px;
  clear: both; }

div.space-five-five {
  width: 100%;
  float: left;
  margin-bottom: 55px;
  clear: both; }

div.space-three-zero {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  clear: both; }

div.space-three-five {
  width: 100%;
  float: left;
  margin-bottom: 35px;
  clear: both; }

img.diagram {
  margin-bottom: 2.188em; }

.pagination {
  text-align: center;
  font-family: "MuseoSans-900", Arial, Helvetica, sans-serif;
  font-size: 1.375em;
  text-decoration: none;
  color: #5e5e5e; }

.pagination a, .pagination span {
  padding: 0.5em;
  text-decoration: none; }

.pagination a:hover {
  color: #5e5e5e; }

.post-header-pattern {
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQIW2NkYGAwBuKzQAwCxowwBpQ+i1UARQsAikUEa/62ZGUAAAAASUVORK5CYII=);
  position: absolute;
  top: 0;
  left: 0; }

.post-header-image {
  width: 100%;
  position: relative; }

.post-header-image img {
  -moz-border-radius: none;
  -webkit-border-radius: none;
  border-radius: none;
  width: 100%;
  clear: both;
  display: block; }

.case-studies-image-holder {
  float: left;
  position: relative;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 1.875em;
  width: 100%; }

.case-studies-image-holder .case-studies-title-holder {
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  padding: 0.938em 0;
  width: 100%; }

.phase-icon {
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 0.9375em; }

.next-case-study-holder {
  margin: 0 auto;
  clear: both;
  text-align: center;
  margin-bottom: 90px; }

/* SPRITES */
a.header-twitter {
  display: block;
  width: 20px;
  height: 16px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px 0px no-repeat;
  margin: 2.312em 1.25em 0 0; }

a.header-twitter:hover {
  background-position: -30px 0px; }

a.header-facebook {
  display: block;
  width: 10px;
  height: 18px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) -60px 0px no-repeat;
  margin: 2.1255em 1.25em 0 0; }

a.header-facebook:hover {
  background-position: -90px 0px; }

a.case-study-button {
  display: block;
  width: 95px;
  height: 22px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -210px no-repeat;
  margin: 0 0.313em 0 0; }

a.case-study-button:hover {
  background-position: -120px -210px; }

a.read-more-button {
  display: block;
  width: 95px;
  height: 22px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -270px no-repeat;
  margin: 0 0.313em 0 0; }

a.read-more-button:hover {
  background-position: -120px -270px; }

a.more-news-button {
  display: block;
  width: 95px;
  height: 22px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -330px no-repeat; }

a.more-news-button:hover {
  background-position: -120px -330px; }

a.twitter-button-grey {
  display: block;
  width: 35px;
  height: 22px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -300px no-repeat;
  margin-left: 5px; }

a.twitter-button-grey:hover {
  background-position: -60px -300px; }

a.like-button-grey {
  display: block;
  width: 35px;
  height: 22px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -1140px no-repeat;
  margin-left: 5px; }

a.like-button-grey:hover {
  background-position: -60px -1140px; }

a.back-to-archive {
  display: block;
  width: 80px;
  height: 22px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -1170px no-repeat;
  margin-right: 2px; }

a.back-to-archive:hover {
  background-position: -120px -1170px; }

a.discovery-phase-icon-small {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  float: left;
  text-decoration: none;
  background: #35b4e5 url(../images/MC_spritesheet.png) 0px -1200px no-repeat;
  margin: 0; }

a.discovery-phase-icon-small:hover {
  background: #1e6084 url(../images/MC_spritesheet.png) -30px -1200px no-repeat; }

a#discovery-link.active {
  background: #1e6084 url(../images/MC_spritesheet.png) -30px -1200px no-repeat; }

a.creative-phase-icon-small {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  float: left;
  text-decoration: none;
  background: #35b4e5 url(../images/MC_spritesheet.png) 0px -1230px no-repeat;
  margin: 0; }

a.creative-phase-icon-small:hover {
  background: #1e6084 url(../images/MC_spritesheet.png) -30px -1230px no-repeat; }

a#creative-link.active {
  background: #1e6084 url(../images/MC_spritesheet.png) -30px -1230px no-repeat; }

a.technical-phase-icon-small {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  float: left;
  text-decoration: none;
  background: #35b4e5 url(../images/MC_spritesheet.png) 0px -1260px no-repeat;
  margin: 0; }

a.technical-phase-icon-small:hover {
  background: #1e6084 url(../images/MC_spritesheet.png) -30px -1260px no-repeat; }

a#technical-link.active {
  background: #1e6084 url(../images/MC_spritesheet.png) -30px -1260px no-repeat; }

a.review-phase-icon-small {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  float: left;
  text-decoration: none;
  background: #35b4e5 url(../images/MC_spritesheet.png) 0px -1290px no-repeat;
  margin: 0; }

a.review-phase-icon-small:hover {
  background: #1e6084 url(../images/MC_spritesheet.png) -30px -1290px no-repeat; }

a#review-link.active {
  background: #1e6084 url(../images/MC_spritesheet.png) -30px -1290px no-repeat; }

a.icons-small-shadow {
  -webkit-box-shadow: inset 0px -4px 2px -3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px -4px 2px -3px rgba(0, 0, 0, 0.2); }

a.icons-small-shadow:hover {
  -webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.2); }

.small-icon-divider, small-icon-divider-alt {
  width: 2px;
  height: 30px;
  margin: 0;
  padding: 0;
  float: left;
  background: url(../images/MC_spritesheet.png) 0px -1410px no-repeat;
  -webkit-box-shadow: inset 0px -4px 2px -3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px -4px 2px -3px rgba(0, 0, 0, 0.1); }

#case-study-menu-wrapper {
  float: left; }

.footer-wrapper input[type=submit], .gform_footer input[type=submit] {
  float: right;
  background: url(../images/MC_spritesheet.png) 0px -510px;
  width: 95px!important;
  height: 22px!important;
  color: transparent; }

.footer-wrapper input[type=submit]:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
  float: right;
  background: url(../images/MC_spritesheet.png) -120px -510px;
  width: 95px;
  height: 22px;
  color: transparent; }

.gform_wrapper .top_label .gfield_error .ginput_container {
  max-width: 100%!important; }

#footer-form-wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  width: 100%!important;
  padding: 0px!important; }

#footer-form-wrapper {
  width: 100%;
  float: left; }

.discovery-phase-icon-large {
  display: block;
  width: 58px;
  height: 50px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -660px no-repeat;
  margin: 0 0.938em 0.938em 0; }

.creative-phase-icon-large {
  display: block;
  width: 35px;
  height: 50px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -720px no-repeat;
  margin: 0 0.938em 0.938em 0; }

.technical-phase-icon-large {
  display: block;
  width: 55px;
  height: 50px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -780px no-repeat;
  margin: 0 0.938em 0.938em 0; }

.review-phase-icon-large {
  display: block;
  width: 51px;
  height: 55px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -840px no-repeat;
  margin: 0 0.938em 0.938em 0; }

a.view-work {
  display: block;
  width: 60px;
  height: 58px;
  position: absolute;
  left: 1.875em;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -900px no-repeat;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out; }

a.view-work span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../images/MC_spritesheet.png) -60px -900px no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s; }

h1.white, h2.white, h3.white {
  color: white; }

a.build-case-study {
  display: block;
  width: 60px;
  height: 58px;
  position: absolute;
  left: 1.875em;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -960px no-repeat;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out; }

a.build-case-study span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../images/MC_spritesheet.png) -60px -960px no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s; }

a.small-footer-contact {
  display: block;
  width: 55px;
  height: 55px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -540px no-repeat;
  margin: 0 0.313em 1.25em 0; }

a.small-footer-contact:hover {
  background-position: -60px -540px; }

a.small-footer-start-a-project {
  display: block;
  width: 55px;
  height: 55px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) -120px -540px no-repeat;
  margin: 0 0.313em 1.25em 0; }

a.small-footer-start-a-project:hover {
  background-position: -180px -540px; }

a.small-footer-careers {
  display: block;
  width: 55px;
  height: 55px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) -240px -540px no-repeat;
  margin: 0 0.313em 1.25em 0; }

a.small-footer-careers:hover {
  background-position: -300px -540px; }

a.small-footer-twitter {
  display: block;
  width: 55px;
  height: 55px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) -360px -540px no-repeat;
  margin: 0 0 1.25em 0; }

a.small-footer-twitter:hover {
  background-position: -420px -540px; }

a.small-mike {
  display: block;
  width: 90px;
  height: 120px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/people-sprites.png) 0px 0px no-repeat;
  margin-top: 1.250em; }

a.small-mike:hover {
  background-position: 0px -120px; }

a.small-mike.flex-active {
  background-position: 0px -120px; }

a.small-kayla {
  display: block;
  width: 90px;
  height: 120px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/people-sprites.png) -90px 0px no-repeat;
  margin-top: 1.250em; }

a.small-kayla:hover {
  background-position: -90px -120px; }

a.small-kayla.flex-active {
  background-position: -90px -120px; }

a.small-matt {
  display: block;
  width: 90px;
  height: 120px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/people-sprites.png) -180px 0px no-repeat;
  margin-top: 1.250em; }

a.small-matt:hover {
  background-position: -180px -120px; }

a.small-matt.flex-active {
  background-position: -180px -120px; }

a.small-john {
  display: block;
  width: 90px;
  height: 120px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/people-sprites.png) -270px 0px no-repeat;
  margin-top: 1.250em; }

a.small-john:hover {
  background-position: -270px -120px; }

a.small-john.flex-active {
  background-position: -270px -120px; }

a.small-coop-1 {
  display: block;
  width: 90px;
  height: 120px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/people-sprites.png) -360px 0px no-repeat;
  margin-top: 1.250em; }

a.small-coop-1:hover {
  background-position: -360px -120px; }

a.small-coop-1.flex-active {
  background-position: -360px -120px; }

a.small-coop-2 {
  display: block;
  width: 90px;
  height: 120px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/people-sprites.png) -450px 0px no-repeat;
  margin-top: 1.250em; }

a.small-coop-2:hover {
  background-position: -450px -120px; }

a.small-coop-2.flex-active {
  background-position: -450px -120px; }

.about-us-nav img {
  width: 100%;
  display: none;
  float: left; }

a.twitter-square {
  display: block;
  width: 25px;
  height: 25px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -3210px no-repeat;
  margin-right: 1em;
  opacity: 1; }

a.twitter-square:hover {
  background-position: -30px -3210px; }

a.fb-square {
  display: block;
  width: 12px;
  height: 25px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -3180px no-repeat;
  margin-right: 1em;
  opacity: 1; }

a.fb-square:hover {
  background-position: -30px -3180px; }

a.gplus-square {
  display: block;
  width: 25px;
  height: 25px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -3240px no-repeat;
  margin-right: 1em;
  opacity: 1; }

a.gplus-square:hover {
  background-position: -30px -3240px; }

a.li-square {
  display: block;
  width: 25px;
  height: 25px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -3270px no-repeat;
  opacity: 1; }

a.li-square:hover {
  background-position: -30px -3270px; }

a.view-archive {
  display: block;
  width: 586px;
  height: 90px;
  position: relative;
  float: left;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -3300px no-repeat;
  opacity: 1; }

a.view-archive:hover {
  background-position: 0px -3390px; }

.contact-email-icon {
  padding-left: 2.222em;
  background: url(../images/MC_spritesheet.png) 0px -2003px no-repeat; }

.contact-phone-icon {
  padding-left: 2.222em;
  background: url(../images/MC_spritesheet.png) 0px -2040px no-repeat; }

.contact-address-icon {
  padding-left: 1.111em;
  background: url(../images/MC_spritesheet.png) 0px -2097px no-repeat; }

a.fb-footer {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -2670px no-repeat;
  margin-left: 0.625em;
  opacity: 1; }

a.fb-footer:hover {
  background-position: -30px -2670px; }

a.twitter-footer {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -2700px no-repeat;
  margin-left: 0.625em;
  opacity: 1; }

a.twitter-footer:hover {
  background-position: -30px -2700px; }

a.rss-footer {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -2730px no-repeat;
  margin-left: 0.625em;
  opacity: 1; }

a.rss-footer:hover {
  background-position: -30px -2730px; }

a.gplus-footer {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -2760px no-repeat;
  margin-left: 0.625em;
  opacity: 1; }

a.gplus-footer:hover {
  background-position: -30px -2760px; }

.displace {
  position: absolute;
  left: -5000px; }

/* CATEGORY DROP DOWN */
.post-category-menu-wrapper {
  position: relative;
  float: right;
  margin-top: 2em; }

h3.post-category-menu-header a {
  width: 246px;
  background: url(../images/MC_spritesheet.png) 0px -1920px no-repeat #59d1ff;
  padding: 0.75em;
  float: left;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1em; }

.post-category-menu-content {
  position: absolute;
  width: 100%;
  top: 45px;
  left: 0;
  background: #18779b;
  -moz-border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
  font-size: 1.125em;
  display: block;
  z-index: 100; }

.post-category-menu-content ul {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  color: white;
  margin-bottom: 0.062em;
  float: left;
  text-transform: uppercase;
  width: 100%;
  display: block; }

.post-category-menu-content ul li {
  width: 100%;
  border-bottom: 1px solid #718ca3;
  list-style: none;
  display: block;
  background: #0d769d; }

.post-category-menu-content ul li:hover {
  background: #126483; }

.post-category-menu-content a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  padding: 0.75em;
  width: 100%; }

.post-category-menu-content a:hover {
  text-decoration: none;
  color: #B9D6ED; }

.post-category-menu-header-container {
  position: relative;
  bottom: 0px;
  margin-bottom: 30px;
  width: 266px; }

h3.post-category-menu-header a:hover {
  color: #fff;
  width: 246px;
  background: url(../images/MC_spritesheet.png) 0px -1950px no-repeat #59d1ff;
  float: left;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none; }

h3.post-category-menu-header a.openheader {
  color: #fff;
  width: 246px;
  background: url(../images/MC_spritesheet.png) 0px -1950px no-repeat #59d1ff;
  float: left;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none; }

h3.post-category-menu-header a.openheader:hover {
  color: #fff;
  width: 246px;
  background: url(../images/MC_spritesheet.png) 0px -1920px #59d1ff;
  float: left;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none; }

/* VIGNETTE IMAGE HOVER EFFECT */
.overlay-wrapper-vig {
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  border-radius: 4px;
  margin: 0;
  margin-bottom: 1.563em;
  padding: 0;
  width: 100%;
  position: relative; }

.overlay-wrapper-vig a {
  width: 100%;
  height: 100%; }

img.vig-img {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  display: block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.image-overlay-vig {
  position: absolute;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: scale(1);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.overlay-wrapper-vig:hover .image-overlay-vig {
  opacity: 1;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0.48) 97%, rgba(0, 0, 0, 0.5) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(7%, rgba(0, 0, 0, 0)), color-stop(97%, rgba(0, 0, 0, 0.48)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0.48) 97%, rgba(0, 0, 0, 0.5) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0.48) 97%, rgba(0, 0, 0, 0.5) 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0.48) 97%, rgba(0, 0, 0, 0.5) 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0.48) 97%, rgba(0, 0, 0, 0.5) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */
  -webkit-box-shadow: inset 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.overlay-wrapper-vig:hover .image-overlay-vig img.expand {
  -ms-transform: scale(1);
  /* IE 9 */
  -moz-transform: scale(1);
  /* Firefox */
  -webkit-transform: scale(1);
  /* Safari and Chrome */
  -o-transform: scale(1);
  /* Opera */ }

.image-overlay-vig img.expand {
  position: absolute;
  height: 68px;
  width: 68px;
  left: 50%;
  top: 50%;
  margin: -34px 0 0 -34px;
  -ms-transform: scale(0);
  /* IE 9 */
  -moz-transform: scale(0);
  /* Firefox */
  -webkit-transform: scale(0);
  /* Safari and Chrome */
  -o-transform: scale(0);
  /* Opera */
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  border-radius: 34px;
  background: #1b1b1b;
  opacity: 0.8; }

img.expand:hover {
  background: #35b4e5; }

@-webkit-keyframes footerPulse {
  from {
    background-color: #35b4e5;
    -webkit-box-shadow: 0 0 9px #35b4e5; }

  50% {
    background-color: #bbe5f5;
    -webkit-box-shadow: 0 0 18px #bbe5f5; }

  to {
    background-color: #35b4e5;
    -webkit-box-shadow: 0 0 9px #35b4e5; } }

#footer-button-dot {
  -webkit-animation-name: footerPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -4px;
  background: #35b4e5; }

/* EXPANDABLE PANEL */
a.expandable-trigger {
  display: block;
  width: 255px;
  height: 35px;
  position: relative;
  float: right;
  text-decoration: none;
  background: url(../images/MC_spritesheet.png) 0px -1080px no-repeat;
  margin: 6.063em 0 0 0; }

a.expandable-trigger:hover {
  background-position: -270px -1080px; }

.expandable {
  width: 100%;
  float: left;
  clear: both;
  padding-bottom: 3em; }

#pageslide nav.main {
  display: block; }

.close-button {
  display: none; }

/* TOOLTIPS */
a.icons-small-shadow span {
  height: auto;
  width: 125px;
  height: 0px;
  line-height: 15px;
  padding: 5px;
  top: -50px;
  left: 50%;
  font-family: "MuseoSans-900", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 0.688em;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  text-align: center;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  text-indent: 0px;
  border-radius: 4px;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

a.icons-small-shadow:hover {
  text-decoration: none; }

a.icons-small-shadow span {
  z-index: 100;
  display: none;
  padding: 14px 20px;
  margin-top: 60px;
  margin-left: -63px;
  width: 100px;
  line-height: 16px; }

a.icons-small-shadow:hover span {
  display: block;
  position: absolute;
  height: 40px;
  border: 2px solid white;
  color: #EEE;
  background: black;
  top: -20px;
  opacity: 0; }

.callout {
  z-index: 20;
  position: absolute;
  border: 0;
  top: -14px;
  left: 120px; }

/*CSS3 extras*/
a.icons-small-shadow span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-shadow: 0px 0px 8px 4px #666666;
  -webkit-box-shadow: 0px 0px 8px 4px #666666;
  box-shadow: 0px 0px 8px 4px #666666;
  opacity: 0.8; }

/* FORMS */
.footer-wrapper .gform_wrapper .top_label input.medium, .footer-wrapper .gform_wrapper .top_label select.medium {
  width: 100%; }

.footer-wrapper .gform_wrapper .top_label .gfield_label, #gforms_confirmation_message {
  font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
  font-size: 0.750em;
  color: #b2b2b2;
  margin-bottom: 0.5em;
  line-height: 1em; }

input {
  background: #2e2e2e;
  color: #b2b2b2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  padding: 0.313em;
  font-size: 0.750em;
  font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
  width: 100%; }

.ginput_container {
  margin-bottom: 0.5em; }

#contact-page-form {
  float: left;
  width: 100%; }

.gform_body input {
  padding: 10px!important;
  font-family: "TitilliumText22LRegular", Arial, Helvetica, sans-serif !important;
  font-size: 0.875em!important; }

.col-blog-sidebar input, .col-blog-sidebar textarea, .footer-wrapper input, .footer-wrapper textarea {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif !important;
  padding: 4%!important;
  color: #5e5e5e;
  font-size: 1em!important;
  background: #f1f1f1;
  border: 1px solid #d5d5d5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 92%!important; }

.footer-wrapper input, .footer-wrapper textarea {
  padding: 2%!important;
  width: 96%!important;
  background: #262626;
  border: none; }

.footer-wrapper .gform_wrapper textarea.medium {
  height: 50px!important; }

.footer-wrapper .gform_wrapper .gform_footer {
  margin: 0!important; }

.footer-wrapper h4.blog-intro {
  margin-bottom: 0; }

.col-blog-sidebar label {
  font-family: "TitilliumText22LXBold", Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: normal!important;
  color: #5E5E5E; }

.col-blog-sidebar input[type="submit"] {
  width: 95px;
  float: right;
  border: none; }

.footer-wrapper input[type="submit"] {
  border: none;
  padding: 0!important; }

.footer-wrapper .ginput_container {
  margin-bottom: 0!important;
  margin-top: 0!important; }

.plus-one-wrapper {
  float: left;
  display: block; }

.footer-wrapper .gform_wrapper .top_label .gfield_label {
  margin: 5px 0 4px 0 !important; }

.gform_wrapper .gfield_required {
  color: #35b4e5 !important; }

.gform_wrapper textarea.medium {
  height: 78px!important; }

li.gfield_error input {
  background: #790000!important; }

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent!important;
  padding: 0px!important;
  border: 0px!important; }

.validation_error {
  font-size: 0.750em!important;
  font-family: "MuseoSans-100", Arial, Helvetica, sans-serif;
  line-height: 1em!important;
  margin-bottom: 0px!important;
  display: none; }

.gfield_description.validation_message, .instruction.validation_message {
  display: none!important; }

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin: 0!important; }

.button.gform_button {
  padding-bottom: 0px!important; }

.small-break {
  display: none; }

.two-col.action-mobile {
  display: none; }

.two-col.action-big {
  display: block; }

/* DISQUS FILES */
#layout a {
  color: #35B4E5!important; }

/* AddThis */
addthis_toolbox {
  float: right; }

/* MEDIA QUERIES */
/*2000px */
@media only screen and (max-width: 2000px) {
  .about-col-wrapper, .two-col-wrapper, .three-col-wrapper, .four-col-wrapper, .col-wrapper, .home-col-wrapper-inside, .about-col-wrapper, .secondary-header-wrapper-inside, .footer-wrapper-inside, .footer-top, .footer-bottom {
    width: 65%; }

  .home-col-wrapper-inside, .three-col-wrapper {
    padding: 3.125em 0; }

  addthis_toolbox {
    float: left; } }
/*1500px */
@media only screen and (max-width: 1500px) {
  .two-col-wrapper, .three-col-wrapper, .four-col-wrapper, .col-wrapper, .secondary-header-wrapper-inside, .footer-wrapper-inside, .footer-top, .footer-bottom, .home-col-wrapper-inside, .about-col-wrapper {
    width: 80%; }

  .phase, .case-studies-title-header-wrapper-inside, .case-studies-header-wrapper-inside {
    width: 65%; }

  .home-slider-text h2 {
    font-size: 5.000em;
    margin-bottom: 0.125em; }

  .home-slider-text h3 {
    font-size: 2.250em; }

  p.portfolio-category {
    background: url(../images/MC_spritesheet.png) 0 -1017px no-repeat; }

  .portfolio-category {
    line-height: 1.25em; } }
/* 2000px */
/*13" MacBook Pro Size */
@media only screen and (max-width: 1300px) {
  .secondary-header-wrapper-inside {
    width: 85%; }

  .two-col-wrapper, .three-col-wrapper, .four-col-wrapper, .col-wrapper, .footer-wrapper-inside, .footer-top, .footer-bottom, .about-col-wrapper, .phase, .case-studies-title-header-wrapper-inside, .case-studies-header-wrapper-inside {
    width: 85%; } }
/* Mobile Landscape and Portrait */
@media only screen and (max-width: 1100px) {
  .phase ul {
    margin-bottom: 1.444em; }

  .home-slider-text h2 {
    font-size: 3.438em; }

  .home-slider-text h3 {
    font-size: 1.563em; }

  .portfolio-category {
    line-height: 1.4em; }

  p.portfolio-category {
    background: url(../images/MC_spritesheet.png) 0 -1015px no-repeat; }

  .four-col, .four-col-second, .four-col-third, .four-col-last {
    width: 45%;
    margin: 0; }

  .four-col, .four-col-third {
    clear: left;
    margin: 0 5% 0 0; }

  .col-two-thirds-left, .col-one-third-right {
    width: 100%;
    margin: 0; }

  .col-two-thirds-left {
    margin-bottom: 2.188em; }

  .header-facebook, .header-twitter {
    display: none!important; }

  .case-studies-header-wrapper .portfolio-link {
    display: none; }

  .case-studies-title-header-wrapper {
    margin: 0; }

  h1.case-study {
    font-size: 1.375em;
    padding: 0 0.682em; }

  h1.post-title, h2.post-title, h1, h3.post-title {
    font-size: 1.750em; }

  h3.case-study-header {
    padding: 0;
    background: none;
    line-height: 1em;
    margin: 0 0 0.5em 0;
    font-size: 1.750em; }

  .small-icon-divider-alt {
    display: none; }

  .phase-wrapper {
    margin: 2.8125em auto 0 auto; }

  div.phase-hr {
    margin: 1em 0 2.8125em 0; }

  .client-and-link {
    width: 100%; }

  .home-col-wrapper-inside, .footer-wrapper-inside, .footer-top, .footer-bottom {
    width: 90%; }

  .secondary-header-wrapper-inside {
    width: 90%; }

  .secondary-header-left-alt, .secondary-header-right-alt {
    width: 100%; }

  .secondary-header-left {
    width: 55%; }

  .secondary-header-right {
    width: 45%; }

  .secondary-header-left-categories {
    width: 35%; }

  .secondary-header-right-categories {
    width: 65%; }

  h3.post-category-menu-header a, h3.post-category-menu-header a:hover, h3.post-category-menu-header a.openheader:hover, h3.post-category-menu-header a.openheader, .post-category-menu-content a {
    width: 150px; }

  .two-col-wrapper, .three-col-wrapper, .four-col-wrapper, .col-wrapper {
    width: 90%; }

  .col-one-third-left {
    width: 41%; }

  .col-two-thirds-right {
    width: 55%;
    padding: 0 0 0 4%; }

  .expandable .four-col {
    width: 47.5%;
    margin: 0 2.5% 0 0; }

  .expandable .four-col-second, .expandable .four-col-third, .expandable .four-col-last {
    width: 47.5%;
    margin: 0 0 0 2.5%; }

  .expandable img.phase-icon {
    width: 100%; }

  nav.main {
    display: none; }

  .flex-button-container {
    margin-bottom: 1.250em; }

  .open {
    display: block;
    float: right;
    margin: 0.3em; }

  #pageslide {
    width: 200px; }

  #pageslide #menu-main-navigation li, #pageslide ul#menu-add-home li {
    padding: 10px 0;
    border-bottom: 1px solid #666666;
    width: 100%; }

  #pageslide #menu-main-navigation li a, #pageslide ul#menu-add-home li a {
    color: #B2B2B2;
    border: none; }

  #pageslide #menu-main-navigation li a:hover, #pageslide ul#menu-add-home li a:hover {
    text-decoration: none;
    color: #fff; }

  .phase, .case-studies-title-header-wrapper-inside, .case-studies-header-wrapper-inside {
    width: 90%; }

  h3.header-message-small, h1.header-message-small {
    display: block;
    margin: 0; }

  h3.header-message, h1.header-message {
    display: none; }

  .content {
    margin-top: 41px; }

  .case-studies-header-wrapper {
    top: 42px; }

  .home-col-wrapper-inside {
    padding: 1.875em 0 3em 0; }

  div.space-seven-five {
    margin-bottom: 30px; }

  .flexslider .slides img.phase-icon {
    display: none; }

  .about-col-wrapper {
    width: 90%; }

  .about-col-wrapper .col-two-thirds-right {
    width: 100%;
    padding: 0; }

  .about-col-wrapper .col-one-third-left {
    width: 100%; }

  .flex-direction-nav {
    display: none; }

  .about-col-wrapper .space-three-zero {
    margin-bottom: 0; }

  p.portfolio-category {
    margin-bottom: 2.5em; }

  .process-sidebar-phase-icon {
    width: 42px;
    height: 35px; }

  .pspi-discovery {
    background: url(../images/MC_spritesheet.png) 0 -2910px no-repeat; }

  .pspi-creative {
    background: url(../images/MC_spritesheet.png) 0 -2970px no-repeat; }

  .pspi-technical {
    background: url(../images/MC_spritesheet.png) 0 -3030px no-repeat; }

  .pspi-review {
    background: url(../images/MC_spritesheet.png) 0 -3090px no-repeat; }

  .process-sidebar-phase-text {
    margin-left: 57px; }

  .about-col-wrapper {
    background: transparent!important; }

  .home-slider-wrapper img {
    width: 200%;
    margin-left: -50%; }

  .close-button {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    background: url(../images/MC_spritesheet.png) 0px -3150px no-repeat; }

  .close-button:hover {
    background-position: -30px -3150px; }

  ul#menu-add-home {
    display: block;
    width: 100%; }

  .social-sidebar {
    display: block; }

  .secondary-header-left-alt h1 {
    margin-top: 0.893em!important; }

  a.small-mike, a.small-kayla, a.small-matt, a.small-john, a.small-coop-1, a.small-coop-2 {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    text-decoration: none;
    background: transparent;
    margin-top: 0; }

  .about-us-nav img {
    display: block; }

  .about-us-nav li {
    width: 16.666666667%; } }
/* Mobile Portrait */
@media only screen and (max-width: 740px) {
  .about-col-wrapper .col-blog-sidebar {
    width: 100%; }

  .footer-wrapper {
    position: relative; }

  #footer-button, .footer-top {
    display: none; }

  .footer-wrapper-inside {
    height: 625px!important; }

  div.space-three-zero {
    margin-bottom: 10px; }

  .footer-bottom {
    height: 0.938em;
    padding: 0.625em 0; }

  .flexslider.home-flex {
    margin-bottom: 10px!important; }

  .footer-bottom .two-col {
    width: 60%; }

  .footer-bottom .two-col-last {
    width: 40%; }

  .footer-bottom .two-col p {
    font-size: 0.8em; }

  .two-col, .two-col-last {
    width: 100%;
    margin-right: 0; }

  .case-studies-header-wrapper-inside {
    width: 100%; }

  .col-one-third-left, .col-two-thirds-right {
    width: 100%;
    padding: 0; }

  .three-col, .three-col-last {
    width: 100%;
    margin: 0 0 1.25em 0; }

  .secondary-header-left, .secondary-header-right {
    width: 100%; }

  a.expandable-trigger {
    margin: 0 0 2.5em 0; }

  .four-col, .four-col-third, .four-col-last, .four-col-second {
    width: 100%; }

  .four-col, .four-col-third {
    margin: 0; }

  .col-blog-main, .col-blog-sidebar {
    width: 100%; }

  a.addthis_button_google_plusone {
    display: none; }

  h4.phase-header.shrink {
    font-family: "MuseoSans-500", Arial, Helvetica, sans-serif;
    font-size: 0.875em;
    color: #737373;
    line-height: 1.4em;
    margin-bottom: 1.667em;
    float: left;
    display: block; }

  .process-sidebar-phase {
    margin-bottom: 1.25em;
    padding-bottom: 1.25em; }

  .col-blog-main {
    margin-bottom: 10px; }

  .hide740 {
    display: none!important; }

  .half-three-zero {
    margin-bottom: 15px!important; }

  .footer-wrapper h3.grey {
    font-size: 0.9em; }

  .home-slider-text h2 {
    font-size: 2.813em; }

  .home-slider-text h3 {
    font-size: 1.250em; }

  .small-break {
    display: block; }

  div.hr {
    margin: 10px 0 0 0; }

  .phase div.hr {
    display: none; }

  .two-col.action-mobile {
    display: block; }

  .two-col.action-big {
    display: none; } }
/* Small Home Sliders */
@media only screen and (max-width: 500px) {
  .home-slider-text {
    top: 15%; }

  .home-slider-text h2 {
    font-size: 2.188em; }

  .home-slider-text h3 {
    font-size: 0.875em; } }

/*Hiding a Link*/
a.slink:link, a.slink:active, a.slink:hover, a.slink:visited {
	color:#666;
	text-decoration:none;
}