/*Base*/
/***********************
    Mixins
***********************/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

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

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

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

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

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

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

blockquote {
  margin: 1em 40px; }

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

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

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

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

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

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
  list-style-position: inside; }

dd {
  margin: 0 0 0 40px; }

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

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

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
  max-width: 100%; }

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

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

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/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. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve 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 */ }

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

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

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

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

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

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

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

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

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

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

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222; }

html {
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ======================
        Typography
    ==================== */
html {
  font-size: 62.5%; }

body {
  font-size: 1.4rem;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #222;
  line-height: 1.5; }

a {
  color: #f88e4f;
  text-decoration: none; }
  a:hover {
    color: #d73e27; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #e96d24;
  line-height: 1.3;
  margin: 0 0 10px 0; }

h1 {
  font-size: 27px;
  font-size: 2.7rem; }

h2 {
  font-size: 20px;
  font-size: 2rem; }

h3 {
  font-size: 16px;
  font-size: 1.6rem; }

h4 {
  font-size: 15px;
  font-size: 1.5rem; }

h5 {
  font-size: 12px;
  font-size: 1.2rem; }

h6 {
  font-size: 11px;
  font-size: 1.1rem; }

address {
  font-style: normal; }

a:focus {
  outline: none; }

/* =========================
        Helper classes
   ======================= */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

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

ul {
  list-style-position: outside; }
  ul.no-bullets {
    list-style-type: none; }
  ul.clearUL {
    padding: 0;
    margin: 0; }
  ul.list-inline li, ul.inline-list li {
    display: inline-block; }

.pull-left, .left {
  float: left; }

.pull-right, .right {
  float: right; }

img.left {
  padding: 0 10px 10px 0; }

img.right {
  padding: 0 0 10px 10px; }

.center {
  text-align: center; }

img.center {
  display: block;
  margin: 0 auto; }

.registered {
  font-size: 1.2rem; }

.no-underline {
  text-decoration: none; }

.required {
  color: #FF8080; }

.noMargin {
  margin: 0; }

.padding-top-25 {
  padding-top: 25px; }

.hide, .hidden {
  display: none; }

.show {
  display: block; }

.postback {
  color: #FF0000;
  margin: 10px 0;
  clear: both; }

.uppercase {
  text-transform: uppercase; }

.highlight {
  color: #f88e4f; }

@media (max-width: 640px) {
  ul {
    padding: 0 0 0 20px; } }

/*Layout*/
.pageWrapper {
  /*	width:100%;
	max-width:1280px;
	margin:0 auto;*/ }

.row {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto; }

.inner .mainContent {
  padding-top: 20px; }

.rightCol {
  padding-left: 30px; }

/***********************
   Grid Layouts
***********************/
.large-1 {
  width: 8.33333%; }

.large-2 {
  width: 16.66667%; }

.large-3 {
  width: 25%; }

.large-4 {
  width: 33.33333%; }

.large-5 {
  width: 41.66667%; }

.large-6 {
  width: 50%; }

.large-7 {
  width: 58.33333%; }

.large-8 {
  width: 66.66667%; }

.large-9 {
  width: 75%; }

.large-10 {
  width: 83.33333%; }

.large-11 {
  width: 91.66667%; }

.large-12 {
  width: 100%; }

.offset-1 {
  margin-left: 40px; }

.column, .columns {
  float: left;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.column:last-child, .columns:last-child {
  padding-right: 0; }

ul.block-grid-3 li {
  width: 33%; }

ul.block-grid-4 li {
  width: 25%; }

.show-on-small-only, .show-for-small-only {
  display: none !important; }

.swapCols {
  float: left; }
  .swapCols .middleCol, .swapCols .mainPageContent {
    float: right; }
  .swapCols .sidebarLeft {
    padding-right: 30px; }

@media (max-width: 1100px) {
  .inner .mainContent {
    padding: 20px 10px; } }

@media (max-width: 1280px) {
  /* Grid Layout */
  .sidebarRight, .sidebarRight.column:last-child, .sidebarRight.columns:last-child {
    padding-right: 10px; }
  .column:last-child, .columns:last-child {
    padding: 0 10px; }
  .medium-1 {
    width: 8.33333%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-12 {
    width: 100%; }
  .medium-12.column, .medium-12.columns {
    float: none; }
  .column, .columns {
    padding: 0 10px; }
  .swapCols .sidebarLeft {
    padding-right: 10px; }
  .no-padding-left-medium {
    padding-left: 0; }
  .medium-no-padding-x {
    padding-left: 0;
    padding-right: 0; }
  .medium-no-padding-left {
    padding-left: 0; }
  .medium-no-padding-right {
    padding-right: 0; } }

/* Small Screens - Mobile */
@media (max-width: 640px) {
  /* Grid Layout */
  .small-1 {
    width: 8.33333%; }
  .small-2 {
    width: 16.66667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.33333%; }
  .small-5 {
    width: 41.66667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.33333%; }
  .small-8 {
    width: 66.66667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.33333%; }
  .small-11 {
    width: 91.66667%; }
  .small-12 {
    width: 100%; }
  .small-12.column, .small-12.columns {
    float: none;
    margin-bottom: 10px;
    clear: both; }
  .column:last-child, .columns:last-child {
    padding: 0; }
  .show-on-small-only, .show-for-small-only, .show-for-medium-down {
    display: block !important; }
  .hide-on-small, .hide-on-mobile, .hide-on-small-only, .hide-for-small-only {
    display: none !important; }
  .column, .columns {
    padding: 0;
    margin: 0; }
  .mobile-padding {
    padding: 0 10px; }
  .mobile-no-padding-x {
    padding-left: 0;
    padding-right: 0; }
  .mobile-no-padding-left {
    padding-left: 0; }
  .mobile-no-padding-right {
    padding-right: 0; }
  .mainContent {
    padding: 0 10px; }
  .home .mainContent {
    padding: 0; } }

header.pageHeader {
  height: 608px;
  background-size: cover; }
  header.pageHeader.inner {
    height: 218px; }

.logo {
  position: relative;
  margin: 0; }
  .logo a {
    display: block; }
  .logo span {
    text-indent: -9999px;
    display: inline-block;
    position: absolute;
    top: 0; }

.mobileHeader {
  display: none; }

@media (max-width: 900px) {
  header.pageHeader {
    height: 500px; }
    header.pageHeader.inner {
      height: auto;
      background: none; }
  .mobileHeader {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 4px 2px -2px grey;
    box-shadow: 0 4px 2px -2px grey; }
    .mobileHeader .mobileMenuIcon {
      width: 30%;
      text-align: right;
      color: #e96d24;
      font-size: 36px;
      font-size: 3.6rem; }
      .mobileHeader .mobileMenuIcon:hover {
        cursor: pointer; }
    .mobileHeader .logo {
      width: 80%;
      display: inline-block; } }

@media (max-width: 640px) {
  header.pageHeader {
    height: 300px; } }

.pageFooter {
  color: #8c8989; }
  .pageFooter .mainFooter {
    background: #363839;
    padding: 20px 0; }
  .pageFooter h4 {
    color: #FFF; }
    .pageFooter h4 span {
      color: #e96d24; }
  .pageFooter .pellucheWay span {
    color: #e96d24; }
  .pageFooter .pellucheWay a {
    color: #e96d24; }
    .pageFooter .pellucheWay a:hover {
      color: #d73e27; }
  .pageFooter .featuredProjects ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .pageFooter .featuredProjects li {
    list-style: none;
    width: 33.33%;
    margin-bottom: 20px; }
    .pageFooter .featuredProjects li:hover {
      opacity: .8; }
  .pageFooter .contactUs address {
    line-height: 1.2; }
  .pageFooter .contactUs .org {
    color: #e96d24; }
  .pageFooter .contactUs .adr {
    margin-bottom: 20px; }
  .pageFooter .contactUs .email a {
    color: #9c9090; }
    .pageFooter .contactUs .email a:hover {
      color: #d73e27; }
  .pageFooter .contactUs .socialIcons {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .pageFooter .contactUs .socialIcons li {
      list-style: none;
      margin-bottom: 10px;
      margin-right: 10px;
      font-size: 24px; }
      .pageFooter .contactUs .socialIcons li a {
        color: #8c8989; }
        .pageFooter .contactUs .socialIcons li a:hover {
          opacity: .8; }
  .pageFooter .copyrightRow {
    background: #282a2b;
    padding: 10px 0; }

@media (max-width: 1024px) {
  .pageFooter .featuredProjects ul {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .pageFooter .featuredProjects li {
    width: 30%;
    margin-bottom: 10px; } }

@media (max-width: 640px) {
  .pageFooter .col {
    margin-bottom: 30px; }
  .pageFooter .mainFooter {
    padding: 10px; }
  .pageFooter .copyrightRow {
    padding: 10px; } }

/*Navigation*/
.menuNav {
  background-image: url(/images/divider.png);
  background-repeat: no-repeat;
  background-position: 0px 110px;
  background-size: contain; }

.mobileMenu {
  display: none;
  width: 100%;
  height: 100%;
  background: #2f2f2f;
  position: absolute;
  left: -100%;
  top: 76px;
  z-index: 11;
  -webkit-transition: left 1s ease-in-out .75s;
  -moz-transition: left 1s ease-in-out .75s;
  -o-transition: left 1s ease-in-out .75s;
  transition: left 1s ease-in-out .75s; }
  .mobileMenu.openNav {
    display: block;
    left: 0; }
  .mobileMenu .menuNav {
    background: none; }
  .mobileMenu ul {
    padding: 0;
    margin: 0; }
  .mobileMenu li {
    border-bottom: 1px solid #5a5a5a; }
    .mobileMenu li.current a {
      color: #d73e27; }
  .mobileMenu li:focus {
    outline: none; }
  .mobileMenu a {
    color: #dedede;
    padding: 15px 0 15px 20px;
    display: block;
    font-weight: 700; }
    .mobileMenu a span {
      display: none; }
    .mobileMenu a .fa {
      margin-left: 5px; }
    .mobileMenu a:hover {
      color: #d73e27; }

.menu {
  position: relative;
  z-index: 10; }
  .menu ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .menu li {
    width: 120px;
    background: url(/images/menuRibbon.png) no-repeat;
    background-position: 50% -190px;
    -webkit-transition: background-position .3s ease-in-out .2s;
    -moz-transition: background-position .3s ease-in-out .2s;
    -o-transition: background-position .3s ease-in-out .2s;
    transition: background-position .3s ease-in-out .2s; }
    .menu li:hover, .menu li.current {
      background-position: 50% -16px; }
    .menu li.logoLI {
      width: 250px;
      position: relative;
      top: -24px;
      background: none; }
    .menu li:hover .icon.about, .menu li.current .icon.about {
      background-position: -45px -1px;
      width: 39px;
      height: 39px; }
    .menu li:hover .icon.webDesign, .menu li.current .icon.webDesign {
      background-position: -142px -2px;
      width: 42px;
      height: 40px; }
    .menu li:hover .icon.ourWork, .menu li.current .icon.ourWork {
      background-position: -243px -3px;
      width: 45px;
      height: 40px; }
    .menu li:hover .icon.whatWeDo, .menu li.current .icon.whatWeDo {
      background-position: -54px -54px;
      width: 41px;
      height: 39px; }
    .menu li:hover .icon.projectKickstarter, .menu li.current .icon.projectKickstarter {
      background-position: -151px -56px;
      width: 39px;
      height: 40px; }
    .menu li:hover .icon.contact, .menu li.current .icon.contact {
      background-position: -74px -99px;
      width: 63px;
      height: 40px; }
  .menu a {
    font-size: 16px;
    font-size: 1.6rem;
    color: #FFF;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px; }
    .menu a span {
      display: block;
      color: #f88e4f;
      font-size: 11px;
      font-size: 1.1rem; }
  .menu .logo {
    padding: 0 30px; }
  .menu .icon {
    display: block;
    background: url(/images/sprites.png);
    background-repeat: no-repeat;
    margin-bottom: 5px;
    -webkit-transition: background-position .3s ease-in-out .2s;
    -moz-transition: background-position .3s ease-in-out .2s;
    -o-transition: background-position .3s ease-in-out .2s;
    transition: background-position .3s ease-in-out .2s; }
    .menu .icon.about {
      background-position: -1px -1px;
      width: 39px;
      height: 39px; }
      .menu .icon.about:hover {
        background-position: -45px -1px; }
    .menu .icon.webDesign {
      background-position: -93px -2px;
      width: 42px;
      height: 40px; }
      .menu .icon.webDesign:hover {
        background-position: -142px -2px; }
    .menu .icon.ourWork {
      background-position: -191px -2px;
      width: 45px;
      height: 40px; }
      .menu .icon.ourWork:hover {
        background-position: -243px -3px; }
    .menu .icon.whatWeDo {
      background-position: -4px -54px;
      width: 41px;
      height: 39px; }
      .menu .icon.whatWeDo:hover {
        background-position: -54px -54px; }
    .menu .icon.projectKickstarter {
      background-position: -106px -56px;
      width: 39px;
      height: 40px; }
      .menu .icon.projectKickstarter:hover {
        background-position: -151px -56px; }
    .menu .icon.contact {
      background-position: -3px -99px;
      width: 63px;
      height: 40px; }
      .menu .icon.contact:hover {
        background-position: -74px -99px; }

@media (max-width: 900px) {
  .menuWrapper {
    background-image: url(/images/uploads/banners/heroInner.jpg);
    background-size: cover;
    background-position: center center; }
  .menu {
    display: none; }
    .menu ul {
      display: block; }
  .mobileHeader {
    margin-bottom: 0; } }

/*Components*/
.widget {
  margin-bottom: 40px; }

@media (max-width: 640px) {
  .widget {
    margin-bottom: 20px; } }

.widget-social-icons {
  border: 1px solid #dadada;
  padding: 10px 20px; }
  .widget-social-icons h6 {
    margin-bottom: 0;
    color: #222; }
  .widget-social-icons .dividerLines {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    width: 100%;
    height: 5px;
    margin-bottom: 10px;
    margin-top: 15px; }
    .widget-social-icons .dividerLines span {
      background: #FFF;
      padding: 10px 10px 10px 0;
      position: relative;
      top: -9px;
      font-size: 18px;
      color: #6b6b6b; }
  .widget-social-icons ul {
    padding: 0;
    margin: 0; }
  .widget-social-icons li {
    list-style: none;
    font-size: 40px;
    display: inline-block;
    margin-right: 20px; }

form .item {
  margin-bottom: 10px; }

form input[type=submit] {
  width: auto;
  padding: 8.5px 30px; }
  form input[type=submit].white {
    background: #FFF; }

button, input, select, textarea {
  padding: 8.5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ebe7de;
  color: #6f6661;
  font-family: 'whitneyMedium', sans-serif;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }
  button::-webkit-input-placeholder, input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #6f6661;
    font-family: 'whitneyMedium', sans-serif; }
  button:-moz-placeholder, input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
    color: #6f6661;
    font-family: 'whitneyMedium', sans-serif; }
  button::-moz-placeholder, input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: #6f6661;
    font-family: 'whitneyMedium', sans-serif; }
  button:-ms-input-placeholder, input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #6f6661;
    font-family: 'whitneyMedium', sans-serif; }

label {
  font-family: 'WhitneyBold';
  margin-bottom: 3px;
  display: inline-block; }

input[type="checkbox"], input[type="radio"] {
  width: auto;
  position: relative;
  top: 5px;
  margin-right: 5px; }

input[type="checkbox"] {
  width: 20px;
  height: 20px; }

.hero {
  position: relative;
  height: 608px; }
  .hero .caption {
    text-align: center;
    color: #FFF;
    width: 80%;
    margin: 0 auto; }
    .hero .caption .dividerLines {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -ms-flex-pack: distribute;
      justify-content: space-around; }
      .hero .caption .dividerLines .lines {
        content: '';
        height: 4px;
        width: 35%;
        background-repeat: repeat-x;
        background-position: center;
        display: inline-block;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        position: relative;
        top: 7px; }
    .hero .caption .topLine {
      font-size: 12px;
      font-size: 1.2rem;
      width: 30%;
      text-shadow: 1px 1px #000000; }
    .hero .caption .headline {
      font-size: 100px;
      font-size: 10rem;
      text-shadow: 1px 1px #000000; }
    .hero .caption .subheadline {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 600;
      margin-bottom: 20px;
      text-shadow: 1px 1px #000000; }
    .hero .caption .cta:hover {
      opacity: .8; }

@media (max-width: 900px) {
  .hero {
    padding-top: 40px; }
    .hero .caption .headline {
      font-size: 70px;
      font-size: 7rem; } }

@media (max-width: 640px) {
  .hero {
    padding: 20px 10px 0 10px; }
    .hero .caption {
      width: 100%; }
      .hero .caption .dividerLines .lines {
        width: 15%;
        display: none; }
      .hero .caption .topLine {
        width: 70%; }
      .hero .caption .headline {
        font-size: 42px;
        font-size: 4.2rem; }
      .hero .caption .subheadline {
        font-size: 12px;
        font-size: 1.2rem; } }

.featuredBlocks {
  background: url(/images/blackBG.jpg) repeat;
  padding: 0 0 20px 0; }
  .featuredBlocks .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .featuredBlocks .block {
    width: 25%;
    position: relative;
    top: -41px;
    padding: 0 10px;
    color: #cecece;
    text-align: center; }
    .featuredBlocks .block .iconBorder {
      background-image: url(/images/sprites.png);
      background-position: -197px -47px;
      background-repeat: no-repeat;
      width: 80px;
      height: 80px;
      margin: 0 auto 10px auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center; }
      .featuredBlocks .block .iconBorder .icon {
        background-image: url(/images/sprites.png);
        background-repeat: no-repeat;
        display: inline-block;
        -webkit-transition: background-position .3s ease-in-out .2s;
        -moz-transition: background-position .3s ease-in-out .2s;
        -o-transition: background-position .3s ease-in-out .2s; }
        .featuredBlocks .block .iconBorder .icon.icon1 {
          background-position: -4px -151px;
          width: 40px;
          height: 40px; }
          .featuredBlocks .block .iconBorder .icon.icon1:hover {
            background-position: -4px -194px; }
        .featuredBlocks .block .iconBorder .icon.icon2 {
          background-position: -56px -151px;
          width: 32px;
          height: 44px; }
          .featuredBlocks .block .iconBorder .icon.icon2:hover {
            background-position: -56px -201px; }
        .featuredBlocks .block .iconBorder .icon.icon3 {
          background-position: -104px -149px;
          width: 24px;
          height: 47px; }
          .featuredBlocks .block .iconBorder .icon.icon3:hover {
            background-position: -104px -202px; }
        .featuredBlocks .block .iconBorder .icon.icon4 {
          background-position: -137px -150px;
          width: 44px;
          height: 43px; }
          .featuredBlocks .block .iconBorder .icon.icon4:hover {
            background-position: -137px -197px; }
    .featuredBlocks .block h2 {
      color: #f1f1f1;
      font-size: 17px;
      font-size: 1.7rem;
      font-family: "Lato", sans-serif; }
      .featuredBlocks .block h2 span {
        color: #f88e4f; }
    .featuredBlocks .block .text {
      font-size: 13px;
      font-size: 1.3rem;
      font-weight: 700; }

@media (max-width: 640px) {
  .featuredBlocks {
    padding: 20px; }
    .featuredBlocks .row {
      display: block; }
    .featuredBlocks .block {
      width: 100%;
      top: 0;
      padding: 0;
      margin-bottom: 20px; } }

.mobileDesign {
  background-image: url(/images/parallax2.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 0;
  color: #FFF;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700; }
  .mobileDesign h1 {
    color: #FFF;
    font-size: 25px;
    font-size: 2.5rem;
    font-family: "Lato", sans-serif;
    margin-bottom: 5px; }
    .mobileDesign h1 span {
      color: #f88e4f; }
  .mobileDesign .leftCol {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700; }
    .mobileDesign .leftCol span {
      color: #f88e4f; }
    .mobileDesign .leftCol p:first-of-type {
      margin-top: 0; }
  .mobileDesign .mobileCategories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url(/images/dividerMotionBlur.png) no-repeat;
    background-position: center bottom;
    background-size: contain;
    margin-bottom: 20px;
    margin-top: 10px; }
    .mobileDesign .mobileCategories .cat {
      width: 33.33%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .mobileDesign .mobileCategories .icon {
      background-image: url(/images/sprites.png);
      background-repeat: no-repeat;
      margin-bottom: 5px; }
      .mobileDesign .mobileCategories .icon.icon1 {
        background-position: -190px -151px;
        width: 69px;
        height: 69px; }
      .mobileDesign .mobileCategories .icon.icon2 {
        background-position: -2px -258px;
        width: 93px;
        height: 69px; }
      .mobileDesign .mobileCategories .icon.icon3 {
        background-position: -108px -258px;
        width: 52px;
        height: 69px; }
    .mobileDesign .mobileCategories h2 {
      font-family: "Lato", sans-serif;
      font-size: 18px;
      font-size: 1.8rem;
      color: #FFF;
      text-align: center; }
      .mobileDesign .mobileCategories h2 span {
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        color: #FFF;
        font-weight: 700; }
  .mobileDesign h3 {
    font-size: 19px;
    font-size: 1.9rem;
    color: #f88e4f;
    font-family: "Lato", sans-serif; }
    .mobileDesign h3 span {
      color: #f88e4f; }
  .mobileDesign .intro {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700; }
    .mobileDesign .intro span {
      color: #f88e4f; }
  .mobileDesign li .fa {
    color: #f88e4f; }

@media (max-width: 900px) {
  .mobileDesign .mobileCategories {
    display: none; } }

@media (max-width: 640px) {
  .mobileDesign {
    padding: 10px; }
    .mobileDesign h1 {
      font-size: 30px;
      font-size: 3rem; }
      .mobileDesign h1 span {
        display: block; }
    .mobileDesign .leftCol {
      font-size: 14px;
      font-size: 1.4rem; }
    .mobileDesign .mainPic {
      margin-bottom: 10px; } }

.accordion {
  margin-bottom: 20px; }
  .accordion .item {
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
  .accordion .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-radius: 3px 3px 0 0;
    background-color: #f5f5f5;
    border-color: #dddddd;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e8e8e8));
    background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #e8e8e8, 100%);
    background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); }
    .accordion .title:hover {
      cursor: pointer; }
    .accordion .title.open .fa {
      color: #f88e4f; }
    .accordion .title .fa {
      margin-right: 20px;
      font-size: 30px;
      position: relative; }
    .accordion .title h2 {
      color: #333;
      display: inline-block;
      margin: 0;
      padding: 0;
      line-height: 1; }
  .accordion .content {
    display: none;
    padding: 10px 20px 20px 20px;
    color: #838383; }

.dreamIt {
  position: relative;
  margin-bottom: 2.2em;
  width: 100%;
  display: inline-block; }

.DreamItBox {
  position: absolute;
  bottom: 0em;
  left: 59%;
  width: 32%;
  height: 37%;
  background: url(/images/dream_it_greyBox.png) no-repeat; }

.DreamItBox img {
  display: hidden;
  width: 100%; }

.startProject_btn {
  position: relative;
  top: 0em;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  padding: .5em 3em;
  font-size: 1.3em;
  background: #f9c667;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YzY2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNzk2MjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9c667), color-stop(100%, #f79621));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#f9c667), to(#f79621));
  background: linear-gradient(to bottom, #f9c667 0%, #f79621 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
  /* IE6-8 */
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px; }

.widget-contact {
  background: #e96d24;
  padding: 10px; }
  .widget-contact h4 {
    color: #222;
    font-size: 25px;
    font-size: 2.5rem; }
  .widget-contact input[type=submit] {
    float: right; }

.meetTeam {
  padding: 20px 0;
  color: #e7e6e6; }
  .meetTeam h1 {
    color: #FFF;
    margin-bottom: 20px; }
    .meetTeam h1 span {
      color: #f88e4f; }
  .meetTeam h2 {
    color: #FFF;
    line-height: 1;
    margin: 0; }
  .meetTeam .position {
    margin-bottom: 20px; }
  .meetTeam h3 {
    color: #e7e6e6; }
    .meetTeam h3 span {
      color: #f88e4f; }
  .meetTeam li {
    color: #f88e4f; }

@media (max-width: 1100px) {
  .meetTeam {
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px; } }

@media (max-width: 640px) {
  .meetTeam {
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px; } }

.whatWeDo {
  position: relative;
  width: 100%; }
  .whatWeDo .introText {
    margin: 2em 0;
    color: #747474; }
    .whatWeDo .introText h1 {
      color: #222;
      width: 60%;
      font-size: 36px;
      font-size: 3.6rem;
      display: inline-block; }
      .whatWeDo .introText h1 span {
        color: #f88e4f; }
  .whatWeDo .thePellucheProcess {
    max-width: 100%;
    display: block;
    margin: 0 auto; }
  .whatWeDo ul.process {
    margin-left: 1em;
    padding: 0; }
    .whatWeDo ul.process li {
      list-style-type: none;
      width: 18%;
      margin-right: .5em;
      display: inline-table; }
      .whatWeDo ul.process li .processTitle {
        font-weight: bold;
        text-align: center;
        font-size: 1.8em; }
      .whatWeDo ul.process li .processDesc {
        color: #333333;
        font-size: .9em; }
      .whatWeDo ul.process li:last-child {
        margin-right: 0; }
      .whatWeDo ul.process li:eq(1) {
        width: 200px; }
  .whatWeDo .WhatWeDo .introText {
    position: inline-block;
    color: #747474; }
  .whatWeDo .WhatWeDo .servicesIntro {
    margin-top: 3em; }

@media (max-width: 1024px) {
  .whatWeDo .startProject_btn {
    display: none; } }

@media (max-width: 640px) {
  .whatWeDo .introText h1 {
    width: 100%; }
  .whatWeDo ul.process {
    margin-left: 0;
    padding: 0; }
    .whatWeDo ul.process li {
      width: 100%;
      margin-bottom: 10px; } }

.servicesIntro {
  margin-top: 3em; }

#servicesList .divider {
  background: url(/images/divider_lines.png) repeat-x;
  height: 6px; }

#servicesList .webDivider {
  width: 75%;
  position: relative;
  top: 12px;
  left: .5em; }

#servicesList .GraphicDesignDivider {
  width: 70%;
  position: relative;
  top: 12px;
  left: .5em; }

#servicesList .additionalDivider {
  width: 74%;
  position: relative;
  top: 12px;
  left: .5em; }

#servicesList h1.headlines {
  color: #434041;
  font-size: 1.5em; }

#servicesList ul {
  margin: 2em 0 0 0;
  padding: 0; }

#servicesList ul li {
  width: 28%;
  margin: 0 2em 1em 0;
  display: inline-table;
  position: relative; }

#servicesList ul li:nth-child(3n+0) {
  margin: 0 0 55px 0;
  padding-right: 0; }

#servicesList ul li img {
  position: relative;
  left: 50%;
  margin-left: -30px;
  margin-bottom: 10px; }

#servicesList ul li h2 {
  color: #343333;
  font-size: 1.2em;
  text-align: center;
  min-height: 36px; }

#servicesList ul.services .shortDesc {
  color: #747474;
  width: 100%;
  position: relative;
  min-height: 100px;
  text-align: center; }

#servicesList ul.services .shortDesc p {
  min-height: 60px; }

#servicesList a.serviceBtn {
  text-align: center;
  color: #f96e10;
  position: relative;
  display: block;
  width: 100%; }

#servicesList a.serviceBtn:hover {
  color: #343333; }

#servicesList .fullDesc {
  position: relative;
  margin-bottom: 6em;
  padding-bottom: 9em; }

#servicesList .descriptionBox {
  background-color: #f6f3f3;
  padding: 1em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  top: 0;
  z-index: 2; }

#servicesList .fullDesc p {
  position: relative;
  z-index: 2; }

#servicesList .triangle {
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 40px solid #f6f3f3;
  position: relative;
  z-index: 1;
  top: -3em;
  width: 40px;
  height: 40px;
  display: inline-block; }

#servicesList .col_3.triangle {
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: none;
  border-right: 40px solid #f6f3f3; }

#servicesList .col_1.triangle {
  left: 11.5em; }

#servicesList .col_2.triangle {
  left: 31.5em; }

#servicesList .col_3.triangle {
  left: 48em; }

#servicesList .webInteractive, #servicesList .graphic_and_print, #servicesList .additonalServices {
  margin-bottom: 3em; }

@media (max-width: 900px) {
  #servicesList .col_1.triangle, #servicesList .col_2.triangle, #servicesList .col_3.triangle {
    display: none; } }

@media (max-width: 640px) {
  #servicesList ul li h2 {
    font-size: 11px;
    font-size: 1.1rem; }
  #servicesList ul li {
    margin: 0 .2em 1em 0;
    width: 30%; }
    #servicesList ul li h2 {
      margin: 5px 0;
      min-height: 45px; }
    #servicesList ul li img {
      width: 58px;
      height: 58px; }
  #servicesList ul.services .shortDesc {
    min-height: 115px;
    text-align: center; }
  #servicesList ul.services .shortDesc {
    display: none; }
  #servicesList .fullDesc {
    margin-bottom: 16em; } }

.kickstarter .divider {
  background: url(/images/divider_lines.png) repeat-x;
  height: 6px; }

.kickstarter .quoteDivider {
  width: 71%;
  top: 15px;
  position: relative;
  left: 1em; }

.kickstarter figure.kickstarterIntro {
  margin-bottom: 20px;
  display: inline-block;
  color: #747474; }

.kickstarter figure.kickstarterIntro img {
  width: 205px; }

.kickstarter figure.kickstarterIntro figcaption {
  width: 70%;
  display: inline-block;
  margin-top: 1em;
  text-align: right;
  font-size: 1.2em; }

.kickstarter .quoteForm {
  padding: 20px;
  color: #FFF;
  border-radius: 3px;
  margin-bottom: 40px; }

.kickstarter .circleNum {
  background-color: #e96d24;
  color: #FFF;
  display: inline-block;
  border-radius: 50%;
  padding: 0 0 0 .4em;
  width: 40px;
  height: 40px;
  font-size: 2em;
  font-family: 'museo_slab900';
  margin-right: .5em; }

.kickstarter .basics1 {
  padding: 0 0 0 .43em; }

.kickstarter .lookFeel4 {
  padding: 0 0 0 .35em; }

.kickstarter .finalNotes6 {
  padding: 0 0 0 .35em; }

.kickstarter .quoteForm h1 {
  color: #e96d24;
  font-family: 'museo_slab900';
  margin: 0;
  padding: 0; }

.kickstarter .quoteForm article {
  margin-bottom: 1.5em; }

.kickstarter .quoteDivider {
  width: 71%;
  top: 1.5em;
  position: relative;
  left: 1em; }

.kickstarter .basicsDivider {
  width: 71%; }

.kickstarter .companyDivider {
  width: 63%; }

.kickstarter .projectDivider {
  width: 69.5%; }

.kickstarter .lookDivider {
  width: 69.5%; }

.kickstarter .specificsDivider {
  width: 74%; }

.kickstarter .finalnotesDivider {
  width: 69.5%; }

.kickstarter .quoteForm ul {
  display: inline-block;
  margin: 1em 0 0 0;
  padding: 0;
  width: 100%; }

.kickstarter .quoteForm ul li {
  list-style-type: none; }

.kickstarter .quoteForm ul li label {
  color: #FFF;
  /*font-family:'museo_slab500';*/ }

.kickstarter .quoteForm ul li label em {
  font-size: .9em; }

.kickstarter .quoteForm ul li.halfWidth {
  width: 48.4%;
  margin: 0 2em 1em 0;
  float: left; }

.kickstarter .quoteForm ul li.NoRightMargin {
  margin: 0 0 1em 0; }

.kickstarter .quoteForm ul li input,
.kickstarter .quoteForm ul li textarea,
.kickstarter .quoteForm ul li select {
  width: 100%; }

.kickstarter .quoteForm ul li.fullWidth {
  width: 100%;
  margin: 0 0 1em 0; }

.kickstarter .quoteForm ul.fullWidth li textarea {
  width: 100%; }

.kickstarter .quoteForm input[type="submit"] {
  color: #FFF;
  font-weight: bold;
  padding: .5em 3em;
  font-size: 1.3em;
  background: #e96d24;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  top: 1.3em;
  position: relative;
  right: 7em; }
  .kickstarter .quoteForm input[type="submit"]:hover {
    background-color: #3c3c3c;
    color: #FFF; }

.kickstarter .fireBG {
  background: url(../images/assets/fire.png) no-repeat;
  width: 756px;
  min-height: 415px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 5em; }

.kickstarter .fireBG h1,
.kickstarter .fireBG h2,
.kickstarter .fireBG h3,
.kickstarter .fireBG a {
  font-family: 'museo_slab700';
  color: #414042;
  font-size: 2em;
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center; }

.kickstarter .fireBG h2 {
  font-size: 1.6em;
  bottom: 1em; }

.kickstarter .fireBG h3 {
  font-size: 1.6em;
  bottom: -1em; }

.kickstarter .fireBG a {
  font-size: 1.2em;
  bottom: -2em; }

.kickstarter .fireBG a:hover {
  color: #f96e10; }

.kickstarter .quoteBtn {
  color: #FFF;
  font-weight: bold;
  padding: .5em 3em;
  font-size: 1.3em;
  background: #e96d24;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px; }

.kickstarter .required {
  color: #F96E10; }

@media (max-width: 900px) {
  .kickstarter figure.kickstarterIntro figcaption {
    width: 100%;
    margin-left: 0; }
  .kickstarter .quoteForm ul li.halfWidth {
    width: 100%; }
  .kickstarter .quoteForm input[type="submit"] {
    right: 0; }
  .kickstarter .welcomeBar address {
    top: .6em; }
  .kickstarter .contactSidebar {
    width: 100%;
    float: none !important; }
  .kickstarter aside.client_login img,
  .kickstarter .projectKickstarter img {
    margin: 0 auto;
    display: block;
    float: none !important; }
  .kickstarter figure.kickstarterIntro img {
    float: none !important;
    margin: 0 auto;
    display: block; }
  .kickstarter figure.kickstarterIntro figcaption {
    text-align: center; } }

@media (max-width: 1024px) {
  .kickstarter .basicsDivider, .kickstarter .companyDivider, .kickstarter .projectDivider, .kickstarter .lookDivider, .kickstarter .specificsDivider, .kickstarter .finalnotesDivider {
    display: none; }
  .kickstarter .quoteForm ul li.halfWidth {
    float: none; } }

@media (max-width: 640px) {
  .kickstarter figure.kickstarterIntro figcaption {
    width: 100%;
    text-align: left;
    font-size: 1.1em; } }

.contact h1 {
  color: #222; }
  .contact h1 span {
    color: #f88e4f; }

.contact .dividerLines {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  width: 100%;
  height: 5px;
  margin-bottom: 30px;
  margin-top: 15px; }
  .contact .dividerLines span {
    background: #FFF;
    padding: 10px 10px 10px 0;
    position: relative;
    top: -9px;
    font-size: 18px;
    color: #6b6b6b; }

.contact .hoverSliders img:hover {
  cursor: progress; }

.contact .hoverSliders {
  margin-bottom: 2em; }

.contact .hoverSliders img {
  width: 100%;
  height: 100%; }

.contact .contactForm h1 {
  font-size: 16px;
  font-size: 1.6rem; }

.contact .contactSidebar .contact_sidebar_divider {
  width: 86px;
  position: relative;
  top: 1.2em;
  left: 1.2em; }

.contact .contactSidebar ul {
  padding: 0;
  margin: 0; }

.contact .contactSidebar li {
  list-style-type: none;
  color: #747474; }

.contact .contactSidebar h6, .contact .contact_socialLinks h6 {
  color: #343333; }

.contact address.addressInfo h2 {
  font-family: 'museo_slab_500-webfont';
  color: #747474;
  font-size: 1.2em; }

.contact .contactInfo {
  font-size: 9px;
  font-size: 0.9rem; }
  .contact .contactInfo address ul li img {
    margin-right: 1em;
    position: relative;
    top: -.2em; }
  .contact .contactInfo li {
    font-size: 12px;
    font-size: 1.2rem;
    clear: both;
    margin-bottom: 20px; }
    .contact .contactInfo li a {
      color: #747474; }
      .contact .contactInfo li a:hover {
        color: #f96e10; }

.contact aside.contact_socialLinks {
  margin-bottom: 2.5em; }

.contact .contactSidebar .contact_socialDivider {
  position: relative;
  width: 89px;
  top: 1.2em;
  left: 1.2em; }

.contact .contact_socialLinks ul li {
  display: inline-block;
  margin-right: 1em; }

.contact aside.client_login {
  margin-bottom: 2.5em; }

.contact img.speaker {
  margin-right: 1em; }

.contact .form_introText {
  margin-bottom: 1.5em;
  display: inline-block;
  font-size: 1.2em;
  font-family: 'pt_sansregular';
  color: #747474; }

.contact .contactForm ul {
  padding: 0;
  margin: 0; }

.contact .contactForm ul li {
  display: inline-block;
  list-style-type: none;
  margin-right: 1em;
  margin-bottom: 2em; }

.contact .contactForm ul li.message {
  width: 100%; }

.contact .contactForm ul li input {
  width: 100%;
  padding: .3em 1em;
  color: #747474;
  border: 1px solid #e8e8e8; }

.contact .contactForm ul li input:focus,
.contact .contactForm ul li input:hover {
  background-color: #FCF3ED; }

.contact .contactForm ul li.email {
  margin-right: 0; }

.contact .contactForm ul li textarea[name="user_message"] {
  width: 100%; }

.contact .contactForm ul li input[type="submit"] {
  color: #FFF;
  font-weight: bold;
  padding: .5em 3em;
  font-size: 1.3em;
  background: #f9c667;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5YzY2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNzk2MjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9c667), color-stop(100%, #f79621));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f9c667 0%, #f79621 100%);
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#f9c667), to(#f79621));
  background: linear-gradient(to bottom, #f9c667 0%, #f79621 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
  /* IE6-8 */
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px; }

.contact .contactForm ul li input[type="submit"]:hover {
  color: #433333; }

@media (max-width: 640px) {
  .contact .contactForm ul li {
    display: block; }
  .contact address.addressInfo h2 {
    font-size: 18px;
    font-size: 1.8rem; }
  .contact .contactInfo {
    margin-bottom: 20px;
    margin-top: 20px; }
    .contact .contactInfo ul {
      margin: 0;
      padding: 0; }
    .contact .contactInfo li {
      list-style: none;
      clear: both;
      margin-bottom: 10px; }
  .contact .hoverSliders {
    margin-bottom: 0; } }

.ourWork .filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 100%; }
  .ourWork .filters button {
    list-style-type: none;
    display: inline-block;
    background: none;
    border: none;
    width: auto;
    border-radius: 0 0 0 0; }
    .ourWork .filters button:hover {
      color: #d73e27; }
    .ourWork .filters button.mixitup-control-active {
      background: #f88e4f;
      color: #FFF; }
    .ourWork .filters button:focus {
      outline: none; }

.ourWork .portfolioList {
  padding: 0;
  margin: 0;
  display: inline-block;
  height: auto;
  position: relative;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }
  .ourWork .portfolioList li {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    list-style-type: none;
    width: 32.33%;
    overflow: hidden;
    position: relative;
    cursor: pointer; }
    .ourWork .portfolioList li img {
      width: 100%;
      border: 2px solid #d8d8d8;
      -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); }
    .ourWork .portfolioList li .overlay {
      background: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }
      .ourWork .portfolioList li .overlay .zoomIcon {
        color: #FFF;
        font-size: 65px;
        opacity: .5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        margin-top: -100%;
        margin-left: -100%;
        -webkit-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 800ms cubic-bezier(0.645, 0.045, 0.355, 1); }
    .ourWork .portfolioList li:hover .overlay {
      opacity: 1;
      -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
      -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); }
      .ourWork .portfolioList li:hover .overlay .zoomIcon {
        margin-top: 0;
        margin-left: 0; }
    .ourWork .portfolioList li:hover .label {
      bottom: 0; }
    .ourWork .portfolioList li:hover img {
      margin-top: -20px; }
    .ourWork .portfolioList li .label {
      position: absolute;
      width: 100%;
      bottom: -100%;
      padding: 5px;
      background: #e96d24;
      -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1);
      transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1); }
      .ourWork .portfolioList li .label .label-text {
        color: #fff;
        position: relative;
        z-index: 500;
        padding: 5px 8px; }
      .ourWork .portfolioList li .label .title {
        color: #FFF;
        font-weight: 700; }
      .ourWork .portfolioList li .label .cat {
        display: block;
        font-size: 10px;
        font-size: 1rem; }

@media (max-width: 900px) {
  .ourWork .portfolioList li {
    width: 100%; } }

@media (max-width: 640px) {
  .ourWork .filters {
    display: block; }
    .ourWork .filters button {
      display: block;
      border-bottom: 1px solid #ccc;
      width: 100%; } }

@media (max-width: 1024px) {
  .designerDeveloper img.right {
    float: none;
    padding-left: 0; } }

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