/*                            ,--,           ,----,
**                         ,---.'|         ,/   .`|
**     ,----..             |   | :       ,`   .'  :   ,---,
**    /   /   \            :   : |     ;    ;     / .'  .' `\
**   /   .     :           |   ' :   .'___,/    ,',---.'     \
**  .   /   ;.  \          ;   ; '   |    :     | |   |  .`\  |
** .   ;   /  ` ;          '   | |__ ;    |.';  ; :   : |  '  |
** ;   |  ; \ ; |          |   | :.'|`----'  |  | |   ' '  ;  :
** |   :  | ; | '          '   :    ;    '   :  ; '   | ;  .  |
** .   |  ' ' ' :          |   |  ./     |   |  ' |   | :  |  '
** '   ;  \; /  |          ;   : ;       '   :  | '   : | /  ;
**  \   \  ',  . \         |   ,/        ;   |.'  |   | '` ,/
**   ;   :      ; |        '---'         '---'    ;   :  .'
**    \   \ .'`--'                                |   ,.'
**     `---`                                      '---'
*/
/*------------------------------------*\
    $TABLE OF CONTENTS
\*------------------------------------*/
/**
 * BASE...................Brings in Compass, Normalize, Susy, Variables and Mixins
 * HTML5 Bolierplate......HTML5 Boilerplate Styles
 * Elemental Styles.......Styles for HTML Elements
 * Utilities..............Reusabel Utility Classes
 * Content................Page Content
 * * Header...............Header Bar Styles
 * * Headline.............Headline / Welcome Area
 * * Main Content.........Main Content Area General Styles
 * * Sections.............Page Section Specific Styles
 * * * About
 * * * Work
 * * * Services
 * * * Crew
 * * * Clients
 * * * Contact
 * * * Portfolio
 * * Footer...............Footer Section of the Site aka Connect Panel
 * Helper Classes.........Things like clearfix, image replace
 */
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/*------------------------------------*\
    $NORMALIZE
\*------------------------------------*/
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 27, _normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/* fix wp admin bar */
html,
body {
  margin-top: 0 !important;
  font-family: "proxima-nova", sans-serif;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 37, _normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

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

/**
 * Address styling not present in IE 8/9.
 */
/* line 55, _normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 69, _normalize.scss */
html {
  font-family: sans-serif;

  /* 1 */
  -ms-text-size-adjust: 100%;

  /* 2 */
  -webkit-text-size-adjust: 100%;

  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 79, _normalize.scss */
body {
  margin: 0;
  color: #3a363d;
}

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

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

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 113, _normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

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

/**
 * Address styling not present in IE 8/9.
 */
/* line 157, _normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 169, _normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

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

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

ol {
  margin-left: 0;
}

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

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

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

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

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 226, _normalize.scss */
img {
  border: 0;
}

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

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

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

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 269, _normalize.scss */
legend {
  border: 0;

  /* 1 */
  padding: 0;

  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 283, _normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;

  /* 1 */
  font-size: 100%;

  /* 2 */
  margin: 0;

  /* 3 */
}

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 307, _normalize.scss */
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.
 */
/* line 322, _normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;

  /* 2 */
  cursor: pointer;

  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 332, _normalize.scss */
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.
 */
/* line 342, _normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;

  /* 1 */
  padding: 0;

  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 353, _normalize.scss */
input[type="search"],
button[type="submit"] {
  -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.
 */
/* line 366, _normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 385, _normalize.scss */
textarea {
  overflow: auto;

  /* 1 */
  vertical-align: top;

  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 398, _normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/* See _vars.scss */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/*------------------------------------*\
    $FONT-AWESOME
\*------------------------------------*/
/* @font-face {
  font-family: "FontAwesome";
  src: url("../font/fontawesome-webfont-v=3.2.1.eot");
  src: url("../font/fontawesome-webfont-.eot#iefix&v=3.2.1") format("embedded-opentype"), url("../font/fontawesome-webfont-v=3.2.1.woff") format("woff"), url("../font/fontawesome-webfont-v=3.2.1.ttf") format("truetype"),
    url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
} */

/* line 19, _base.scss */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: 0.3em;
}

/* line 20, _base.scss */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

/* line 21, _base.scss */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}

/* line 22, _base.scss */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}

/* line 23, _base.scss */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.1428571428571428em;
  text-align: right;
  padding-right: 0.2857142857142857em;
}

/* line 23, _base.scss */
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.4285714285714286em;
}

/* line 24, _base.scss */
.icons-ul {
  margin-left: 2.142857142857143em;
  list-style-type: none;
}

/* line 24, _base.scss */
.icons-ul > li {
  position: relative;
}

/* line 25, _base.scss */
.icons-ul .icon-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  text-align: center;
  line-height: inherit;
}

/* line 26, _base.scss */
[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}

/* line 27, _base.scss */
.icon-muted {
  color: #eeeeee;
}

/* line 28, _base.scss */
.icon-light {
  color: #ffffff;
}

/* line 29, _base.scss */
.icon-dark {
  color: #333333;
}

/* line 30, _base.scss */
.icon-border {
  border: solid 1px #eeeeee;
  padding: 0.2em 0.25em 0.15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* line 31, _base.scss */
.icon-2x {
  font-size: 2em;
}

/* line 31, _base.scss */
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* line 32, _base.scss */
.icon-3x {
  font-size: 3em;
}

/* line 32, _base.scss */
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 33, _base.scss */
.icon-4x {
  font-size: 4em;
}

/* line 33, _base.scss */
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* line 34, _base.scss */
.icon-5x {
  font-size: 5em;
}

/* line 34, _base.scss */
.icon-5x.icon-border {
  border-width: 5px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

/* line 35, _base.scss */
.pull-right {
  float: right;
}

/* line 36, _base.scss */
.pull-left {
  float: left;
}

/* line 37, _base.scss */
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: 0.3em;
}

/* line 38, _base.scss */
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: 0.3em;
}

/* line 39, _base.scss */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}

/* line 40, _base.scss */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}

/* line 41, _base.scss */
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: 0.9em;
}

/* line 42, _base.scss */
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}

/* line 43, _base.scss */
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: 0.9em;
}

/* line 44, _base.scss */
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.18em;
}

/* line 45, _base.scss */
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: 0.8em;
}

/* line 46, _base.scss */
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.25em;
}

/* line 47, _base.scss */
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}

/* line 47, _base.scss */
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: 0.05em;
}

/* line 48, _base.scss */
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: 0.2em;
}

/* line 49, _base.scss */
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: 0.2em;
}

/* line 50, _base.scss */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit;
}

/* line 51, _base.scss */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%;
}

/* line 51, _base.scss */
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}

/* line 52, _base.scss */
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}

/* line 53, _base.scss */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

/* line 54, _base.scss */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}

@-moz-keyframes spin {
  /* line 55, _base.scss */
  0% {
    -moz-transform: rotate(0deg);
  }

  /* line 55, _base.scss */
  100% {
    -moz-transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  /* line 55, _base.scss */
  0% {
    -webkit-transform: rotate(0deg);
  }

  /* line 55, _base.scss */
  100% {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  /* line 55, _base.scss */
  0% {
    -o-transform: rotate(0deg);
  }

  /* line 55, _base.scss */
  100% {
    -o-transform: rotate(359deg);
  }
}

@-ms-keyframes spin {
  /* line 55, _base.scss */
  0% {
    -ms-transform: rotate(0deg);
  }

  /* line 55, _base.scss */
  100% {
    -ms-transform: rotate(359deg);
  }
}

@keyframes spin {
  /* line 55, _base.scss */
  0% {
    transform: rotate(0deg);
  }

  /* line 55, _base.scss */
  100% {
    transform: rotate(359deg);
  }
}

/* line 55, _base.scss */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/* line 56, _base.scss */
.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/* line 57, _base.scss */
.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* line 58, _base.scss */
.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

/* line 59, _base.scss */
.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

/* line 60, _base.scss */
a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
  display: inline-block;
}

/* line 61, _base.scss */
.icon-glass:before {
  content: "\f000";
}

/* line 62, _base.scss */
.icon-music:before {
  content: "\f001";
}

/* line 63, _base.scss */
.icon-search:before {
  content: "\f002";
}

/* line 64, _base.scss */
.icon-envelope-alt:before {
  content: "\f003";
}

/* line 65, _base.scss */
.icon-heart:before {
  content: "\f004";
}

/* line 66, _base.scss */
.icon-star:before {
  content: "\f005";
}

/* line 67, _base.scss */
.icon-star-empty:before {
  content: "\f006";
}

/* line 68, _base.scss */
.icon-user:before {
  content: "\f007";
}

/* line 69, _base.scss */
.icon-film:before {
  content: "\f008";
}

/* line 70, _base.scss */
.icon-th-large:before {
  content: "\f009";
}

/* line 71, _base.scss */
.icon-th:before {
  content: "\f00a";
}

/* line 72, _base.scss */
.icon-th-list:before {
  content: "\f00b";
}

/* line 73, _base.scss */
.icon-ok:before {
  content: "\f00c";
}

/* line 74, _base.scss */
.icon-remove:before {
  content: "\f00d";
}

/* line 75, _base.scss */
.icon-zoom-in:before {
  content: "\f00e";
}

/* line 76, _base.scss */
.icon-zoom-out:before {
  content: "\f010";
}

/* line 77, _base.scss */
.icon-power-off:before,
.icon-off:before {
  content: "\f011";
}

/* line 78, _base.scss */
.icon-signal:before {
  content: "\f012";
}

/* line 79, _base.scss */
.icon-gear:before,
.icon-cog:before {
  content: "\f013";
}

/* line 80, _base.scss */
.icon-trash:before {
  content: "\f014";
}

/* line 81, _base.scss */
.icon-home:before {
  content: "\f015";
}

/* line 82, _base.scss */
.icon-file-alt:before {
  content: "\f016";
}

/* line 83, _base.scss */
.icon-time:before {
  content: "\f017";
}

/* line 84, _base.scss */
.icon-road:before {
  content: "\f018";
}

/* line 85, _base.scss */
.icon-download-alt:before {
  content: "\f019";
}

/* line 86, _base.scss */
.icon-download:before {
  content: "\f01a";
}

/* line 87, _base.scss */
.icon-upload:before {
  content: "\f01b";
}

/* line 88, _base.scss */
.icon-inbox:before {
  content: "\f01c";
}

/* line 89, _base.scss */
.icon-play-circle:before {
  content: "\f01d";
}

/* line 90, _base.scss */
.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e";
}

/* line 91, _base.scss */
.icon-refresh:before {
  content: "\f021";
}

/* line 92, _base.scss */
.icon-list-alt:before {
  content: "\f022";
}

/* line 93, _base.scss */
.icon-lock:before {
  content: "\f023";
}

/* line 94, _base.scss */
.icon-flag:before {
  content: "\f024";
}

/* line 95, _base.scss */
.icon-headphones:before {
  content: "\f025";
}

/* line 96, _base.scss */
.icon-volume-off:before {
  content: "\f026";
}

/* line 97, _base.scss */
.icon-volume-down:before {
  content: "\f027";
}

/* line 98, _base.scss */
.icon-volume-up:before {
  content: "\f028";
}

/* line 99, _base.scss */
.icon-qrcode:before {
  content: "\f029";
}

/* line 100, _base.scss */
.icon-barcode:before {
  content: "\f02a";
}

/* line 101, _base.scss */
.icon-tag:before {
  content: "\f02b";
}

/* line 102, _base.scss */
.icon-tags:before {
  content: "\f02c";
}

/* line 103, _base.scss */
.icon-book:before {
  content: "\f02d";
}

/* line 104, _base.scss */
.icon-bookmark:before {
  content: "\f02e";
}

/* line 105, _base.scss */
.icon-print:before {
  content: "\f02f";
}

/* line 106, _base.scss */
.icon-camera:before {
  content: "\f030";
}

/* line 107, _base.scss */
.icon-font:before {
  content: "\f031";
}

/* line 108, _base.scss */
.icon-bold:before {
  content: "\f032";
}

/* line 109, _base.scss */
.icon-italic:before {
  content: "\f033";
}

/* line 110, _base.scss */
.icon-text-height:before {
  content: "\f034";
}

/* line 111, _base.scss */
.icon-text-width:before {
  content: "\f035";
}

/* line 112, _base.scss */
.icon-align-left:before {
  content: "\f036";
}

/* line 113, _base.scss */
.icon-align-center:before {
  content: "\f037";
}

/* line 114, _base.scss */
.icon-align-right:before {
  content: "\f038";
}

/* line 115, _base.scss */
.icon-align-justify:before {
  content: "\f039";
}

/* line 116, _base.scss */
.icon-list:before {
  content: "\f03a";
}

/* line 117, _base.scss */
.icon-indent-left:before {
  content: "\f03b";
}

/* line 118, _base.scss */
.icon-indent-right:before {
  content: "\f03c";
}

/* line 119, _base.scss */
.icon-facetime-video:before {
  content: "\f03d";
}

/* line 120, _base.scss */
.icon-picture:before {
  content: "\f03e";
}

/* line 121, _base.scss */
.icon-pencil:before {
  content: "\f040";
}

/* line 122, _base.scss */
.icon-map-marker:before {
  content: "\f041";
}

/* line 123, _base.scss */
.icon-adjust:before {
  content: "\f042";
}

/* line 124, _base.scss */
.icon-tint:before {
  content: "\f043";
}

/* line 125, _base.scss */
.icon-edit:before {
  content: "\f044";
}

/* line 126, _base.scss */
.icon-share:before {
  content: "\f045";
}

/* line 127, _base.scss */
.icon-check:before {
  content: "\f046";
}

/* line 128, _base.scss */
.icon-move:before {
  content: "\f047";
}

/* line 129, _base.scss */
.icon-step-backward:before {
  content: "\f048";
}

/* line 130, _base.scss */
.icon-fast-backward:before {
  content: "\f049";
}

/* line 131, _base.scss */
.icon-backward:before {
  content: "\f04a";
}

/* line 132, _base.scss */
.icon-play:before {
  content: "\f04b";
}

/* line 133, _base.scss */
.icon-pause:before {
  content: "\f04c";
}

/* line 134, _base.scss */
.icon-stop:before {
  content: "\f04d";
}

/* line 135, _base.scss */
.icon-forward:before {
  content: "\f04e";
}

/* line 136, _base.scss */
.icon-fast-forward:before {
  content: "\f050";
}

/* line 137, _base.scss */
.icon-step-forward:before {
  content: "\f051";
}

/* line 138, _base.scss */
.icon-eject:before {
  content: "\f052";
}

/* line 139, _base.scss */
.icon-chevron-left:before {
  content: "\f053";
}

/* line 140, _base.scss */
.icon-chevron-right:before {
  content: "\f054";
}

/* line 141, _base.scss */
.icon-plus-sign:before {
  content: "\f055";
}

/* line 142, _base.scss */
.icon-minus-sign:before {
  content: "\f056";
}

/* line 143, _base.scss */
.icon-remove-sign:before {
  content: "\f057";
}

/* line 144, _base.scss */
.icon-ok-sign:before {
  content: "\f058";
}

/* line 145, _base.scss */
.icon-question-sign:before {
  content: "\f059";
}

/* line 146, _base.scss */
.icon-info-sign:before {
  content: "\f05a";
}

/* line 147, _base.scss */
.icon-screenshot:before {
  content: "\f05b";
}

/* line 148, _base.scss */
.icon-remove-circle:before {
  content: "\f05c";
}

/* line 149, _base.scss */
.icon-ok-circle:before {
  content: "\f05d";
}

/* line 150, _base.scss */
.icon-ban-circle:before {
  content: "\f05e";
}

/* line 151, _base.scss */
.icon-arrow-left:before {
  content: "\f060";
}

/* line 152, _base.scss */
.icon-arrow-right:before {
  content: "\f061";
}

/* line 153, _base.scss */
.icon-arrow-up:before {
  content: "\f062";
}

/* line 154, _base.scss */
.icon-arrow-down:before {
  content: "\f063";
}

/* line 155, _base.scss */
.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064";
}

/* line 156, _base.scss */
.icon-resize-full:before {
  content: "\f065";
}

/* line 157, _base.scss */
.icon-resize-small:before {
  content: "\f066";
}

/* line 158, _base.scss */
.icon-plus:before {
  content: "\f067";
}

/* line 159, _base.scss */
.icon-minus:before {
  content: "\f068";
}

/* line 160, _base.scss */
.icon-asterisk:before {
  content: "\f069";
}

/* line 161, _base.scss */
.icon-exclamation-sign:before {
  content: "\f06a";
}

/* line 162, _base.scss */
.icon-gift:before {
  content: "\f06b";
}

/* line 163, _base.scss */
.icon-leaf:before {
  content: "\f06c";
}

/* line 164, _base.scss */
.icon-fire:before {
  content: "\f06d";
}

/* line 165, _base.scss */
.icon-eye-open:before {
  content: "\f06e";
}

/* line 166, _base.scss */
.icon-eye-close:before {
  content: "\f070";
}

/* line 167, _base.scss */
.icon-warning-sign:before {
  content: "\f071";
}

/* line 168, _base.scss */
.icon-plane:before {
  content: "\f072";
}

/* line 169, _base.scss */
.icon-calendar:before {
  content: "\f073";
}

/* line 170, _base.scss */
.icon-random:before {
  content: "\f074";
}

/* line 171, _base.scss */
.icon-comment:before {
  content: "\f075";
}

/* line 172, _base.scss */
.icon-magnet:before {
  content: "\f076";
}

/* line 173, _base.scss */
.icon-chevron-up:before {
  content: "\f077";
}

/* line 174, _base.scss */
.icon-chevron-down:before {
  content: "\f078";
}

/* line 175, _base.scss */
.icon-retweet:before {
  content: "\f079";
}

/* line 176, _base.scss */
.icon-shopping-cart:before {
  content: "\f07a";
}

/* line 177, _base.scss */
.icon-folder-close:before {
  content: "\f07b";
}

/* line 178, _base.scss */
.icon-folder-open:before {
  content: "\f07c";
}

/* line 179, _base.scss */
.icon-resize-vertical:before {
  content: "\f07d";
}

/* line 180, _base.scss */
.icon-resize-horizontal:before {
  content: "\f07e";
}

/* line 181, _base.scss */
.icon-bar-chart:before {
  content: "\f080";
}

/* line 182, _base.scss */
.icon-twitter-sign:before {
  content: "\f081";
}

/* line 183, _base.scss */
.icon-facebook-sign:before {
  content: "\f082";
}

/* line 184, _base.scss */
.icon-camera-retro:before {
  content: "\f083";
}

/* line 185, _base.scss */
.icon-key:before {
  content: "\f084";
}

/* line 186, _base.scss */
.icon-gears:before,
.icon-cogs:before {
  content: "\f085";
}

/* line 187, _base.scss */
.icon-comments:before {
  content: "\f086";
}

/* line 188, _base.scss */
.icon-thumbs-up-alt:before {
  content: "\f087";
}

/* line 189, _base.scss */
.icon-thumbs-down-alt:before {
  content: "\f088";
}

/* line 190, _base.scss */
.icon-star-half:before {
  content: "\f089";
}

/* line 191, _base.scss */
.icon-heart-empty:before {
  content: "\f08a";
}

/* line 192, _base.scss */
.icon-signout:before {
  content: "\f08b";
}

/* line 193, _base.scss */
.icon-linkedin-sign:before {
  content: "\f08c";
}

/* line 194, _base.scss */
.icon-pushpin:before {
  content: "\f08d";
}

/* line 195, _base.scss */
.icon-external-link:before {
  content: "\f08e";
}

/* line 196, _base.scss */
.icon-signin:before {
  content: "\f090";
}

/* line 197, _base.scss */
.icon-trophy:before {
  content: "\f091";
}

/* line 198, _base.scss */
.icon-github-sign:before {
  content: "\f092";
}

/* line 199, _base.scss */
.icon-upload-alt:before {
  content: "\f093";
}

/* line 200, _base.scss */
.icon-lemon:before {
  content: "\f094";
}

/* line 201, _base.scss */
.icon-phone:before {
  content: "\f095";
}

/* line 202, _base.scss */
.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096";
}

/* line 203, _base.scss */
.icon-bookmark-empty:before {
  content: "\f097";
}

/* line 204, _base.scss */
.icon-phone-sign:before {
  content: "\f098";
}

/* line 205, _base.scss */
.icon-twitter:before {
  content: "\f099";
}

/* line 206, _base.scss */
.icon-facebook:before {
  content: "\f09a";
}

/* line 207, _base.scss */
.icon-github:before {
  content: "\f09b";
}

/* line 208, _base.scss */
.icon-unlock:before {
  content: "\f09c";
}

/* line 209, _base.scss */
.icon-credit-card:before {
  content: "\f09d";
}

/* line 210, _base.scss */
.icon-rss:before {
  content: "\f09e";
}

/* line 211, _base.scss */
.icon-hdd:before {
  content: "\f0a0";
}

/* line 212, _base.scss */
.icon-bullhorn:before {
  content: "\f0a1";
}

/* line 213, _base.scss */
.icon-bell:before {
  content: "\f0a2";
}

/* line 214, _base.scss */
.icon-certificate:before {
  content: "\f0a3";
}

/* line 215, _base.scss */
.icon-hand-right:before {
  content: "\f0a4";
}

/* line 216, _base.scss */
.icon-hand-left:before {
  content: "\f0a5";
}

/* line 217, _base.scss */
.icon-hand-up:before {
  content: "\f0a6";
}

/* line 218, _base.scss */
.icon-hand-down:before {
  content: "\f0a7";
}

/* line 219, _base.scss */
.icon-circle-arrow-left:before {
  content: "\f0a8";
}

/* line 220, _base.scss */
.icon-circle-arrow-right:before {
  content: "\f0a9";
}

/* line 221, _base.scss */
.icon-circle-arrow-up:before {
  content: "\f0aa";
}

/* line 222, _base.scss */
.icon-circle-arrow-down:before {
  content: "\f0ab";
}

/* line 223, _base.scss */
.icon-globe:before {
  content: "\f0ac";
}

/* line 224, _base.scss */
.icon-wrench:before {
  content: "\f0ad";
}

/* line 225, _base.scss */
.icon-tasks:before {
  content: "\f0ae";
}

/* line 226, _base.scss */
.icon-filter:before {
  content: "\f0b0";
}

/* line 227, _base.scss */
.icon-briefcase:before {
  content: "\f0b1";
}

/* line 228, _base.scss */
.icon-fullscreen:before {
  content: "\f0b2";
}

/* line 229, _base.scss */
.icon-group:before {
  content: "\f0c0";
}

/* line 230, _base.scss */
.icon-link:before {
  content: "\f0c1";
}

/* line 231, _base.scss */
.icon-cloud:before {
  content: "\f0c2";
}

/* line 232, _base.scss */
.icon-beaker:before {
  content: "\f0c3";
}

/* line 233, _base.scss */
.icon-cut:before {
  content: "\f0c4";
}

/* line 234, _base.scss */
.icon-copy:before {
  content: "\f0c5";
}

/* line 235, _base.scss */
.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6";
}

/* line 236, _base.scss */
.icon-save:before {
  content: "\f0c7";
}

/* line 237, _base.scss */
.icon-sign-blank:before {
  content: "\f0c8";
}

/* line 238, _base.scss */
.icon-reorder:before {
  content: "\f0c9";
}

/* line 239, _base.scss */
.icon-list-ul:before {
  content: "\f0ca";
}

/* line 240, _base.scss */
.icon-list-ol:before {
  content: "\f0cb";
}

/* line 241, _base.scss */
.icon-strikethrough:before {
  content: "\f0cc";
}

/* line 242, _base.scss */
.icon-underline:before {
  content: "\f0cd";
}

/* line 243, _base.scss */
.icon-table:before {
  content: "\f0ce";
}

/* line 244, _base.scss */
.icon-magic:before {
  content: "\f0d0";
}

/* line 245, _base.scss */
.icon-truck:before {
  content: "\f0d1";
}

/* line 246, _base.scss */
.icon-pinterest:before {
  content: "\f0d2";
}

/* line 247, _base.scss */
.icon-pinterest-sign:before {
  content: "\f0d3";
}

/* line 248, _base.scss */
.icon-google-plus-sign:before {
  content: "\f0d4";
}

/* line 249, _base.scss */
.icon-google-plus:before {
  content: "\f0d5";
}

/* line 250, _base.scss */
.icon-money:before {
  content: "\f0d6";
}

/* line 251, _base.scss */
.icon-caret-down:before {
  content: "\f0d7";
}

/* line 252, _base.scss */
.icon-caret-up:before {
  content: "\f0d8";
}

/* line 253, _base.scss */
.icon-caret-left:before {
  content: "\f0d9";
}

/* line 254, _base.scss */
.icon-caret-right:before {
  content: "\f0da";
}

/* line 255, _base.scss */
.icon-columns:before {
  content: "\f0db";
}

/* line 256, _base.scss */
.icon-sort:before {
  content: "\f0dc";
}

/* line 257, _base.scss */
.icon-sort-down:before {
  content: "\f0dd";
}

/* line 258, _base.scss */
.icon-sort-up:before {
  content: "\f0de";
}

/* line 259, _base.scss */
.icon-envelope:before {
  content: "\f0e0";
}

/* line 260, _base.scss */
.icon-linkedin:before {
  content: "\f0e1";
}

/* line 261, _base.scss */
.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2";
}

/* line 262, _base.scss */
.icon-legal:before {
  content: "\f0e3";
}

/* line 263, _base.scss */
.icon-dashboard:before {
  content: "\f0e4";
}

/* line 264, _base.scss */
.icon-comment-alt:before {
  content: "\f0e5";
}

/* line 265, _base.scss */
.icon-comments-alt:before {
  content: "\f0e6";
}

/* line 266, _base.scss */
.icon-bolt:before {
  content: "\f0e7";
}

/* line 267, _base.scss */
.icon-sitemap:before {
  content: "\f0e8";
}

/* line 268, _base.scss */
.icon-umbrella:before {
  content: "\f0e9";
}

/* line 269, _base.scss */
.icon-paste:before {
  content: "\f0ea";
}

/* line 270, _base.scss */
.icon-lightbulb:before {
  content: "\f0eb";
}

/* line 271, _base.scss */
.icon-exchange:before {
  content: "\f0ec";
}

/* line 272, _base.scss */
.icon-cloud-download:before {
  content: "\f0ed";
}

/* line 273, _base.scss */
.icon-cloud-upload:before {
  content: "\f0ee";
}

/* line 274, _base.scss */
.icon-user-md:before {
  content: "\f0f0";
}

/* line 275, _base.scss */
.icon-stethoscope:before {
  content: "\f0f1";
}

/* line 276, _base.scss */
.icon-suitcase:before {
  content: "\f0f2";
}

/* line 277, _base.scss */
.icon-bell-alt:before {
  content: "\f0f3";
}

/* line 278, _base.scss */
.icon-coffee:before {
  content: "\f0f4";
}

/* line 279, _base.scss */
.icon-food:before {
  content: "\f0f5";
}

/* line 280, _base.scss */
.icon-file-text-alt:before {
  content: "\f0f6";
}

/* line 281, _base.scss */
.icon-building:before {
  content: "\f0f7";
}

/* line 282, _base.scss */
.icon-hospital:before {
  content: "\f0f8";
}

/* line 283, _base.scss */
.icon-ambulance:before {
  content: "\f0f9";
}

/* line 284, _base.scss */
.icon-medkit:before {
  content: "\f0fa";
}

/* line 285, _base.scss */
.icon-fighter-jet:before {
  content: "\f0fb";
}

/* line 286, _base.scss */
.icon-beer:before {
  content: "\f0fc";
}

/* line 287, _base.scss */
.icon-h-sign:before {
  content: "\f0fd";
}

/* line 288, _base.scss */
.icon-plus-sign-alt:before {
  content: "\f0fe";
}

/* line 289, _base.scss */
.icon-double-angle-left:before {
  content: "\f100";
}

/* line 290, _base.scss */
.icon-double-angle-right:before {
  content: "\f101";
}

/* line 291, _base.scss */
.icon-double-angle-up:before {
  content: "\f102";
}

/* line 292, _base.scss */
.icon-double-angle-down:before {
  content: "\f103";
}

/* line 293, _base.scss */
.icon-angle-left:before {
  content: "\f104";
}

/* line 294, _base.scss */
.icon-angle-right:before {
  content: "\f105";
}

/* line 295, _base.scss */
.icon-angle-up:before {
  content: "\f106";
}

/* line 296, _base.scss */
.icon-angle-down:before {
  content: "\f107";
}

/* line 297, _base.scss */
.icon-desktop:before {
  content: "\f108";
}

/* line 298, _base.scss */
.icon-laptop:before {
  content: "\f109";
}

/* line 299, _base.scss */
.icon-tablet:before {
  content: "\f10a";
}

/* line 300, _base.scss */
.icon-mobile-phone:before {
  content: "\f10b";
}

/* line 301, _base.scss */
.icon-circle-blank:before {
  content: "\f10c";
}

/* line 302, _base.scss */
.icon-quote-left:before {
  content: "\f10d";
}

/* line 303, _base.scss */
.icon-quote-right:before {
  content: "\f10e";
}

/* line 304, _base.scss */
.icon-spinner:before {
  content: "\f110";
}

/* line 305, _base.scss */
.icon-circle:before {
  content: "\f111";
}

/* line 306, _base.scss */
.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112";
}

/* line 307, _base.scss */
.icon-github-alt:before {
  content: "\f113";
}

/* line 308, _base.scss */
.icon-folder-close-alt:before {
  content: "\f114";
}

/* line 309, _base.scss */
.icon-folder-open-alt:before {
  content: "\f115";
}

/* line 310, _base.scss */
.icon-expand-alt:before {
  content: "\f116";
}

/* line 311, _base.scss */
.icon-collapse-alt:before {
  content: "\f117";
}

/* line 312, _base.scss */
.icon-smile:before {
  content: "\f118";
}

/* line 313, _base.scss */
.icon-frown:before {
  content: "\f119";
}

/* line 314, _base.scss */
.icon-meh:before {
  content: "\f11a";
}

/* line 315, _base.scss */
.icon-gamepad:before {
  content: "\f11b";
}

/* line 316, _base.scss */
.icon-keyboard:before {
  content: "\f11c";
}

/* line 317, _base.scss */
.icon-flag-alt:before {
  content: "\f11d";
}

/* line 318, _base.scss */
.icon-flag-checkered:before {
  content: "\f11e";
}

/* line 319, _base.scss */
.icon-terminal:before {
  content: "\f120";
}

/* line 320, _base.scss */
.icon-code:before {
  content: "\f121";
}

/* line 321, _base.scss */
.icon-reply-all:before {
  content: "\f122";
}

/* line 322, _base.scss */
.icon-mail-reply-all:before {
  content: "\f122";
}

/* line 323, _base.scss */
.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123";
}

/* line 324, _base.scss */
.icon-location-arrow:before {
  content: "\f124";
}

/* line 325, _base.scss */
.icon-crop:before {
  content: "\f125";
}

/* line 326, _base.scss */
.icon-code-fork:before {
  content: "\f126";
}

/* line 327, _base.scss */
.icon-unlink:before {
  content: "\f127";
}

/* line 328, _base.scss */
.icon-question:before {
  content: "\f128";
}

/* line 329, _base.scss */
.icon-info:before {
  content: "\f129";
}

/* line 330, _base.scss */
.icon-exclamation:before {
  content: "\f12a";
}

/* line 331, _base.scss */
.icon-superscript:before {
  content: "\f12b";
}

/* line 332, _base.scss */
.icon-subscript:before {
  content: "\f12c";
}

/* line 333, _base.scss */
.icon-eraser:before {
  content: "\f12d";
}

/* line 334, _base.scss */
.icon-puzzle-piece:before {
  content: "\f12e";
}

/* line 335, _base.scss */
.icon-microphone:before {
  content: "\f130";
}

/* line 336, _base.scss */
.icon-microphone-off:before {
  content: "\f131";
}

/* line 337, _base.scss */
.icon-shield:before {
  content: "\f132";
}

/* line 338, _base.scss */
.icon-calendar-empty:before {
  content: "\f133";
}

/* line 339, _base.scss */
.icon-fire-extinguisher:before {
  content: "\f134";
}

/* line 340, _base.scss */
.icon-rocket:before {
  content: "\f135";
}

/* line 341, _base.scss */
.icon-maxcdn:before {
  content: "\f136";
}

/* line 342, _base.scss */
.icon-chevron-sign-left:before {
  content: "\f137";
}

/* line 343, _base.scss */
.icon-chevron-sign-right:before {
  content: "\f138";
}

/* line 344, _base.scss */
.icon-chevron-sign-up:before {
  content: "\f139";
}

/* line 345, _base.scss */
.icon-chevron-sign-down:before {
  content: "\f13a";
}

/* line 346, _base.scss */
.icon-html5:before {
  content: "\f13b";
}

/* line 347, _base.scss */
.icon-css3:before {
  content: "\f13c";
}

/* line 348, _base.scss */
.icon-anchor:before {
  content: "\f13d";
}

/* line 349, _base.scss */
.icon-unlock-alt:before {
  content: "\f13e";
}

/* line 350, _base.scss */
.icon-bullseye:before {
  content: "\f140";
}

/* line 351, _base.scss */
.icon-ellipsis-horizontal:before {
  content: "\f141";
}

/* line 352, _base.scss */
.icon-ellipsis-vertical:before {
  content: "\f142";
}

/* line 353, _base.scss */
.icon-rss-sign:before {
  content: "\f143";
}

/* line 354, _base.scss */
.icon-play-sign:before {
  content: "\f144";
}

/* line 355, _base.scss */
.icon-ticket:before {
  content: "\f145";
}

/* line 356, _base.scss */
.icon-minus-sign-alt:before {
  content: "\f146";
}

/* line 357, _base.scss */
.icon-check-minus:before {
  content: "\f147";
}

/* line 358, _base.scss */
.icon-level-up:before {
  content: "\f148";
}

/* line 359, _base.scss */
.icon-level-down:before {
  content: "\f149";
}

/* line 360, _base.scss */
.icon-check-sign:before {
  content: "\f14a";
}

/* line 361, _base.scss */
.icon-edit-sign:before {
  content: "\f14b";
}

/* line 362, _base.scss */
.icon-external-link-sign:before {
  content: "\f14c";
}

/* line 363, _base.scss */
.icon-share-sign:before {
  content: "\f14d";
}

/* line 364, _base.scss */
.icon-compass:before {
  content: "\f14e";
}

/* line 365, _base.scss */
.icon-collapse:before {
  content: "\f150";
}

/* line 366, _base.scss */
.icon-collapse-top:before {
  content: "\f151";
}

/* line 367, _base.scss */
.icon-expand:before {
  content: "\f152";
}

/* line 368, _base.scss */
.icon-euro:before,
.icon-eur:before {
  content: "\f153";
}

/* line 369, _base.scss */
.icon-gbp:before {
  content: "\f154";
}

/* line 370, _base.scss */
.icon-dollar:before,
.icon-usd:before {
  content: "\f155";
}

/* line 371, _base.scss */
.icon-rupee:before,
.icon-inr:before {
  content: "\f156";
}

/* line 372, _base.scss */
.icon-yen:before,
.icon-jpy:before {
  content: "\f157";
}

/* line 373, _base.scss */
.icon-renminbi:before,
.icon-cny:before {
  content: "\f158";
}

/* line 374, _base.scss */
.icon-won:before,
.icon-krw:before {
  content: "\f159";
}

/* line 375, _base.scss */
.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a";
}

/* line 376, _base.scss */
.icon-file:before {
  content: "\f15b";
}

/* line 377, _base.scss */
.icon-file-text:before {
  content: "\f15c";
}

/* line 378, _base.scss */
.icon-sort-by-alphabet:before {
  content: "\f15d";
}

/* line 379, _base.scss */
.icon-sort-by-alphabet-alt:before {
  content: "\f15e";
}

/* line 380, _base.scss */
.icon-sort-by-attributes:before {
  content: "\f160";
}

/* line 381, _base.scss */
.icon-sort-by-attributes-alt:before {
  content: "\f161";
}

/* line 382, _base.scss */
.icon-sort-by-order:before {
  content: "\f162";
}

/* line 383, _base.scss */
.icon-sort-by-order-alt:before {
  content: "\f163";
}

/* line 384, _base.scss */
.icon-thumbs-up:before {
  content: "\f164";
}

/* line 385, _base.scss */
.icon-thumbs-down:before {
  content: "\f165";
}

/* line 386, _base.scss */
.icon-youtube-sign:before {
  content: "\f166";
}

/* line 387, _base.scss */
.icon-youtube:before {
  content: "\f167";
}

/* line 388, _base.scss */
.icon-xing:before {
  content: "\f168";
}

/* line 389, _base.scss */
.icon-xing-sign:before {
  content: "\f169";
}

/* line 390, _base.scss */
.icon-youtube-play:before {
  content: "\f16a";
}

/* line 391, _base.scss */
.icon-dropbox:before {
  content: "\f16b";
}

/* line 392, _base.scss */
.icon-stackexchange:before {
  content: "\f16c";
}

/* line 393, _base.scss */
.icon-instagram:before {
  content: "\f16d";
}

/* line 394, _base.scss */
.icon-flickr:before {
  content: "\f16e";
}

/* line 395, _base.scss */
.icon-adn:before {
  content: "\f170";
}

/* line 396, _base.scss */
.icon-bitbucket:before {
  content: "\f171";
}

/* line 397, _base.scss */
.icon-bitbucket-sign:before {
  content: "\f172";
}

/* line 398, _base.scss */
.icon-tumblr:before {
  content: "\f173";
}

/* line 399, _base.scss */
.icon-tumblr-sign:before {
  content: "\f174";
}

/* line 400, _base.scss */
.icon-long-arrow-down:before {
  content: "\f175";
}

/* line 401, _base.scss */
.icon-long-arrow-up:before {
  content: "\f176";
}

/* line 402, _base.scss */
.icon-long-arrow-left:before {
  content: "\f177";
}

/* line 403, _base.scss */
.icon-long-arrow-right:before {
  content: "\f178";
}

/* line 404, _base.scss */
.icon-apple:before {
  content: "\f179";
}

/* line 405, _base.scss */
.icon-windows:before {
  content: "\f17a";
}

/* line 406, _base.scss */
.icon-android:before {
  content: "\f17b";
}

/* line 407, _base.scss */
.icon-linux:before {
  content: "\f17c";
}

/* line 408, _base.scss */
.icon-dribbble:before {
  content: "\f17d";
}

/* line 409, _base.scss */
.icon-skype:before {
  content: "\f17e";
}

/* line 410, _base.scss */
.icon-foursquare:before {
  content: "\f180";
}

/* line 411, _base.scss */
.icon-trello:before {
  content: "\f181";
}

/* line 412, _base.scss */
.icon-female:before {
  content: "\f182";
}

/* line 413, _base.scss */
.icon-male:before {
  content: "\f183";
}

/* line 414, _base.scss */
.icon-gittip:before {
  content: "\f184";
}

/* line 415, _base.scss */
.icon-sun:before {
  content: "\f185";
}

/* line 416, _base.scss */
.icon-moon:before {
  content: "\f186";
}

/* line 417, _base.scss */
.icon-archive:before {
  content: "\f187";
}

/* line 418, _base.scss */
.icon-bug:before {
  content: "\f188";
}

/* line 419, _base.scss */
.icon-vk:before {
  content: "\f189";
}

/* line 420, _base.scss */
.icon-weibo:before {
  content: "\f18a";
}

/* line 421, _base.scss */
.icon-renren:before {
  content: "\f18b";
}

/*------------------------------------*\
    $HTML5 BOILERPLATE
\*------------------------------------*/
/* line 80, main.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 86, main.scss */
x html,
button,
input,
select,
textarea {
  color: #222;
}

/* line 90, main.scss */
body {
  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.
 */
/* line 101, main.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 106, main.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 113, main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 124, main.scss */
img {
  vertical-align: middle;
}

/* line 129, main.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 136, main.scss */
textarea {
  resize: vertical;
}

/* line 141, main.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/*------------------------------------*\
    $ELEMENTAL STYLES
\*------------------------------------*/
/* line 156, main.scss */
body,
p,
li,
table {
  color: #3a363d;
}

/* line 160, main.scss */
body {
  padding: 0;
  font-size: 100%;
}

/* line 165, main.scss */
h2 {
  font: 700 40px "adelle", serif;
}

/* line 168, main.scss */
h3 {
  font: 300 40px "adelle", serif;
  color: white;
  text-align: center;
}

/* line 173, main.scss */
h4 {
  font: 700 16px "adelle", serif;
  margin: 0;
}

/* line 177, main.scss */
h5 {
  font: 400 12px "proxima-nova", sans-serif;
  text-transform: uppercase;
  margin: 0;
}

/* line 183, main.scss */
p {
  font: 400 18px "proxima-nova", sans-serif;
  line-height: 30px;
}

/* line 188, main.scss */
a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 193, main.scss */
input[type="text"],
input[type="email"],
input[type="submit"],
textarea {
  width: 100%;
  margin-bottom: 15px;
  font: italic 700 21px "adelle", serif;
  padding: 0.5% 2%;
  -webkit-appearance: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

form ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

/* line 203, main.scss */
input[type="text"],
input[type="email"],
input[type="submit"] {
  height: 75px;
}

input[type="checkbox"] {
  background: red;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  float: left;
}

input[type="checkbox"]::after {
  clear: both;
}

/* line 207, main.scss */
textarea {
  padding: 10px 3px;
  height: 200px;
}

label.wpforms-error {
  color: #c9005d;
  margin-top: -10px;
  margin-bottom: 15px;
  display: block !important;
}

@media (min-width: 55em) {
  /* line 212, main.scss */
  p {
    font-size: 24px;
  }
}

/* line 218, main.scss */
.admin-form img {
  width: 10%;
  height: auto;
  padding-bottom: 1%;
  padding-right: 1%;
  float: left;
}

/* line 224, main.scss */
.admin-form img + input.image {
  width: 30%;
}

/* line 228, main.scss */
.admin-form input,
.admin-form textarea {
  border: solid 4px #dbd8cf;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 231, main.scss */
.admin-form input:focus,
.admin-form textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
  background: #fffff7;
}

/* line 236, main.scss */
.admin-form input.image,
.admin-form textarea.image {
  border: none;
  float: left;
  width: 40%;
  line-height: 0px;
  font-size: 18px;
  background: #efece3;
  padding-top: 28px;
  margin-right: 1%;
}

/* line 246, main.scss */
.admin-form input.image-title,
.admin-form textarea.image-title {
  margin-right: 1%;
}

/* line 252, main.scss */
#loading-screen {
  position: fixed;
  top: 100%;
  width: 100%;
  height: 100%;
  background: #3d393a;
  z-index: 9999;
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

/* line 261, main.scss */
#loading-screen.open {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 1;
  top: 0;
}

/* line 266, main.scss */
#loading-screen .container {
  position: relative;
  top: 50%;
  left: 0;
  width: 100%;
  margin: -77px auto 0;
}

/* line 272, main.scss */
#loading-screen .container #spinning-q {
  background: url("../images/q-blue.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin: auto;
}

/* line 280, main.scss */
#loading-screen .container h3 {
  margin: 10px auto 0;
  font-weight: 700;
}

/*------------------------------------*\
    $UTILITIES
\*------------------------------------*/
/* line 292, main.scss */
ul.inline li {
  display: inline-block;
}

/* line 294, main.scss */
ul.inline li + li {
  margin-left: 20px;
}

/* $overflow-hidden */
/* line 300, main.scss */
.oh {
  overflow: hidden;
}

/* line 305, main.scss */
.btn {
  font: 800 13px "proxima-nova";
  color: white;
  background: #77c7c6;
  display: inline-block;
  padding: 20px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 61, _mixins.scss */
.btn:hover {
  background: #59a9a8;
}

/* line 309, main.scss */
.new-btn {
  float: right;
  margin-bottom: 10px;
  background: #c9005d;
}

@media (min-width: 55em) {
  /* line 317, main.scss */
  .flyout {
    background: rgba(58, 54, 61, 0.9);
    padding: 20px;
    position: absolute;
    width: 410px;
    top: 50px;
    opacity: 0;
    z-index: -100;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  /* line 326, main.scss */
  .flyout p {
    color: #fff;
    font: 400 13px "proxima-nova", sans-serif;
  }

  /* line 330, main.scss */
  .flyout:after {
    content: " ";
    display: block;
    position: absolute;
  }

  /* line 336, main.scss */
  .flyout.fly-top:after {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid rgba(58, 54, 61, 0.9);
    top: -15px;
  }

  /* line 340, main.scss */
  .flyout.fly-left {
    left: -435px;
  }

  /* line 342, main.scss */
  .flyout.fly-left:after {
    top: 20px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid rgba(58, 54, 61, 0.9);
    right: -15px;
  }

  /* line 347, main.scss */
  .flyout.fly-right {
    right: -300px;
  }

  /* line 349, main.scss */
  .flyout.fly-right:after {
    top: 20px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid rgba(58, 54, 61, 0.9);
    left: -15px;
  }

  /* line 355, main.scss */
  .flyout.fly-bottom:after {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid rgba(58, 54, 61, 0.9);
    top: -15px;
  }
}

/* line 362, main.scss */
ul li:hover .flyout {
  color: white;
  z-index: 100;
  top: -18px;
  opacity: 1;
}

/*------------------------------------*\
    $CONTENT
\*------------------------------------*/
/*--$HEADER--*/
/* line 381, main.scss */
.header {
  color: white;
  background: #3a363d;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  padding: 25px 0 0;
}

/* line 391, main.scss */
.logo {
  margin: 0 0 20px 4%;
  width: 233px;
  height: 55px;
  text-indent: -9999px;
  float: left;
  background: url("../images/logo.png") no-repeat;
}

/* line 398, main.scss */
.logo.x2 {
  background: url("../images/logo@2x.png");
  background-size: contain;
}

/* line 404, main.scss */
.nav-toggle {
  background: #c9005d;
  color: white;
  float: right;
  padding: 5px 15px;
  margin-right: 2%;
}

/* line 412, main.scss */
.main-nav {
  overflow: hidden;
  max-height: 0;
  background: #c9005d;
  clear: both;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

/* line 418, main.scss */
.main-nav.open {
  max-height: 500px;
}

/* line 421, main.scss */
.main-nav ul {
  margin: 0;
  padding: 20px 0;
}

/* line 425, main.scss */
.main-nav li {
  text-align: center;
  list-style: none;
}

/* line 429, main.scss */
.main-nav a {
  display: block;
  padding: 15px;
  color: white;
  font: 800 14px "proxima-nova";
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* line 433, main.scss */
.main-nav a:hover {
  color: #f4810f;
}

/* line 439, main.scss */
.messages {
  position: fixed;
  bottom: 0;
  display: none;
  width: 100%;
  z-index: 101;
  border-top: 8px solid white;
}

/* line 446, main.scss */
.messages.info {
  background: #dbd8cf;
}

/* line 449, main.scss */
.messages.success {
  background: #77c7c6;
}

/* line 452, main.scss */
.messages.warning {
  background: #e16e2b;
}

/* line 455, main.scss */
.messages.error {
  background: #c9005d;
}

/* line 458, main.scss */
.messages ul > li {
  color: white;
  list-style: none;
  line-height: 2em;
}

@media (min-width: 55em) {
  /* line 466, main.scss */
  .header {
    padding: 25px 0 25px;
  }

  /* line 470, main.scss */
  .nav-toggle {
    display: none;
  }

  /* line 474, main.scss */
  .main-nav {
    display: block !important;
    max-height: 300px;
    float: right;
    margin: 13px 6% 0 0;
    background: transparent;
    clear: none;
  }

  /* line 482, main.scss */
  .main-nav ul li {
    display: inline-block;
  }

  /* line 484, main.scss */
  .main-nav ul li + li {
    margin-left: 20px;
  }

  /* line 488, main.scss */
  .main-nav ul a {
    padding: 0;
  }
}

/*--$HEADLINE--*/
/* line 498, main.scss */
.headline {
  margin-top: 100px;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

/* line 503, main.scss */
.headline .masthead-text {
  font: 300 30px "adelle", serif;
  color: white;
  text-align: center;
  width: 70%;
  margin: 0 auto;
  z-index: 100;
  position: relative;
}

/* line 510, main.scss */
.headline .teal {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 95;
  height: 700px;
  background: rgba(108, 166, 166, 0.8);
}

/* line 518, main.scss */
.headline video {
  min-height: 320px;
  position: absolute;
  z-index: 50;
  bottom: 0;
  display: none;
}

/* line 525, main.scss */
.headline #img {
  min-height: 320px;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 50;
}

@media (min-width: 55em) {
  /* line 534, main.scss */
  .headline {
    padding: 150px 0;
    margin-top: 107px;
    height: 500px;
  }

  /* line 539, main.scss */
  .headline .masthead-text {
    font-size: 40px;
  }

  /* line 543, main.scss */
  .headline video {
    width: 100%;
    display: block;
  }
}

@media (min-width: 66em) {
  /* line 554, main.scss */
  .headline {
    height: 600px;
  }
}

/* line 559, main.scss */
.lt-ie9 .headline {
  display: none;
}

/*--$MAIN CONTENT--*/
/* line 566, main.scss */
.panel {
  position: relative;
  padding: 50px 20px 60px;
  margin-bottom: 8px;
  overflow: hidden;
}

/* line 571, main.scss */
.panel h2,
.panel p {
  position: relative;
  z-index: 100;
}

/* line 576, main.scss */
.panel .q {
  display: none !important;
  background: url("../images/q-gray.png");
  width: 355px;
  height: 355px;
  position: absolute;
  z-index: 1;
  font-size: 10em;
}

/* line 584, main.scss */
.panel .q.x2 {
  background: url("../images/q-gray@2x.png");
  background-size: contain;
}

/* line 589, main.scss */
.panel .small-q {
  display: none;
}

/* line 592, main.scss */
.panel .pinq {
  background: url("../images/q-pink.png");
}

/* line 594, main.scss */
.panel .pinq.x2 {
  background: url("../images/q-pink@2x.png");
  background-size: contain;
}

/* line 599, main.scss */
.panel .blueq {
  background: url("../images/q-blue.png");
}

/* line 601, main.scss */
.panel .blueq.x2 {
  background: url("../images/q-blue@2x.png");
  background-size: contain;
}

/* line 606, main.scss */
.panel .content {
  z-index: 100;
  position: relative;
}

/* line 610, main.scss */
p a,
p a:visited {
  font-weight: bold;
  color: #b35219;
}

/* line 612, main.scss */
p a:hover,
p a:visited:hover {
  color: #c9005d;
}

@media (min-width: 55em) {
  /* line 619, main.scss */
  .panel {
    padding: 190px 20px 160px;
  }

  /* line 621, main.scss */
  .panel h2 {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    padding-left: 40px;
    margin-top: 24px;
  }

  /* line 626, main.scss */
  .panel .q {
    display: block !important;
  }

  /* line 629, main.scss */
  .panel .small-q {
    display: block;
    background-image: url("../images/q-gray.png");
    background-size: 200px 200px;
    width: 200px;
    height: 200px;
  }

  /* line 636, main.scss */
  .panel .content {
    width: 65.71429%;
    float: right;
    margin-right: 0;
  }
}

/* line 642, main.scss */
.container {
  *zoom: 1;
  max-width: 1440px;
  _width: 1440px;
  padding-left: 2em;
  padding-right: 2em;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

/* line 38, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-0.12.4/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.container:after,
.site-main:after,
#primary:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 46em) {
  /* line 642, main.scss */
  .container {
    max-width: 1320px;
  }
}

@media (min-width: 55em) {
  /* line 642, main.scss */
  .container {
    max-width: 1320px;
  }
}

@media (min-width: 66em) {
  /* line 642, main.scss */
  .container {
    max-width: 1320px;
  }
}

/*--$SECTIONS--*/
/* $about */
/* line 651, main.scss */
.about {
  background: white;
}

/* $work */
/* line 656, main.scss */
.work {
  background: #dbd8cf;
}

/* line 658, main.scss */
.work .project-grid {
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}

/* line 661, main.scss */
.work .project-trigger {
  color: white;
  font: 800 14px "proxima-nova";
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #3a363d;
}

/* line 664, main.scss */
.work .project-trigger span {
  display: block;
  margin-top: 30px;
  min-height: 40px;
}

/* line 669, main.scss */
.work .project-trigger:after {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  visibility: hidden;
  font: 40px "FontAwesome";
  content: "\f002";
  color: #ffffff;
  padding-top: 95px;
  background: #c9005d;
  background: rgba(201, 0, 93, 0.8);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 70px;
  right: 0;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
}

/* line 691, main.scss */
.work .project-trigger:hover:after {
  opacity: 1;
  visibility: visible;
}

/* line 697, main.scss */
.work .project-wrap {
  list-style: none;
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}

/* line 702, main.scss */
.work .project-wrap img {
  height: auto !important;
  position: relative;
  z-index: 0;
  width: 100%;
}

/* line 712, main.scss */
#project-image .row img {
  cursor: move;
}

/* line 715, main.scss */
#project-image .row input.image-title {
  width: 39%;
}

/* line 718, main.scss */
#project-image .row input.position {
  width: 12%;
}

/* line 721, main.scss */
#project-image .row i.icon-remove-sign {
  color: #c9005d;
  cursor: pointer;
}

/* line 725, main.scss */
#project-image .row i.icon-move {
  cursor: move;
  float: left;
  margin-top: 20px;
  margin-right: 1%;
}

@media (min-width: 55em) {
  /* line 734, main.scss */
  .project-grid {
    margin-top: 60px;
    width: 100%;
    float: right;
    margin-right: 0;
  }

  /* line 738, main.scss */
  .project-wrap {
    width: 30.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  /* line 740, main.scss */
  .project-wrap.omega {
    width: 31.42857%;
    float: right;
    margin-right: 0;
  }
}

/* $services */
/* line 747, main.scss */
.services {
  background: #e16e2b;
}

/* line 749, main.scss */
.services ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 753, main.scss */
.services ul.first {
  margin-bottom: 0;
}

/* line 756, main.scss */
.services ul.last {
  margin-top: 0;
}

/* line 759, main.scss */
.services ul li {
  position: relative;
  margin: 0;
  padding: 5px 0;
  color: #fff;
  font: italic 700 19px "adelle", serif;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 767, main.scss */
.services ul li .icon-minus-sign {
  display: none;
}

/* line 770, main.scss */
.services ul li .icon-plus-sign {
  display: inline;
}

/* line 773, main.scss */
.services ul li:hover {
  color: #3a363d;
}

/* line 775, main.scss */
.services ul li:hover i {
  color: #c9005d;
}

/* line 779, main.scss */
.services ul li i {
  margin-right: 5px;
}

/* line 783, main.scss */
.services ul li.expanded .icon-plus-sign {
  display: none;
}

/* line 786, main.scss */
.services ul li.expanded .icon-minus-sign {
  display: inline;
}

/* line 792, main.scss */
.services .service-details {
  overflow: hidden;
  margin-left: 27px;
  max-height: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  color: #3a363d;
  font: 600 13px "proxima-nova";
}

/* line 799, main.scss */
.services .service-details.open {
  max-height: 200px;
}

/* line 803, main.scss */
.services .flyout {
  display: none;
}

/* line 805, main.scss */
.services .flyout h4 {
  display: none;
}

/* line 808, main.scss */
.services .flyout p {
  margin-left: 25px;
}

@media (min-width: 55em) {
  /* line 814, main.scss */
  .services ul.list-left {
    width: 47.82609%;
    float: left;
    margin-right: 4.34783%;
  }

  /* line 817, main.scss */
  .services ul.list-right {
    width: 47.82609%;
    float: right;
    margin-right: 0;
  }

  /* line 821, main.scss */
  .services ul li i {
    display: none !important;
  }

  /* line 824, main.scss */
  .services ul li .service-details,
  .services ul li .service-details.open {
    overflow: visible;
    display: none;
    color: white;
    background: rgba(58, 54, 61, 0.9);
    padding: 20px;
    position: absolute;
    width: 350px;
    left: 200px;
    top: -15px;
    height: auto;
    max-height: 400px;
    z-index: 1000;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  /* line 838, main.scss */
  .services ul li .service-details.details-left:after,
  .services ul li .service-details.open.details-left:after {
    top: 20px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid rgba(58, 54, 61, 0.9);
    left: -15px;
    content: " ";
    display: block;
    position: absolute;
  }

  /* line 845, main.scss */
  .services ul li .service-details.details-right,
  .services ul li .service-details.open.details-right {
    left: -400px;
  }

  /* line 847, main.scss */
  .services ul li .service-details.details-right:after,
  .services ul li .service-details.open.details-right:after {
    top: 20px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid rgba(58, 54, 61, 0.9);
    right: -15px;
    content: " ";
    display: block;
    position: absolute;
  }

  /* line 856, main.scss */
  .services ul li:hover .service-details {
    display: block;
  }

  /* line 861, main.scss */
  .services h4 {
    display: block;
  }

  /* line 864, main.scss */
  .services .first {
    width: 47.82609%;
    float: left;
    margin-right: 4.34783%;
  }

  /* line 867, main.scss */
  .services .last {
    width: 47.82609%;
    float: right;
    margin-right: 0;
  }
}

/* $value */
/* line 874, main.scss */
.value {
  background: #dbd8cf;
}

/* $crew */
/* line 879, main.scss */
.crew {
  background: #77c7c6;
}

/* line 883, main.scss */
.crew-grid ul {
  padding: 0;
  margin: 0 auto;
}

/* line 886, main.scss */
.crew-grid .crew-member {
  list-style: none;
  position: relative;
}

/* line 890, main.scss */
.crew-grid .person-wrap {
  border: 10px solid #77c7c6;
  background: #3a363d;
  color: white;
  position: relative;
  z-index: 100;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* line 897, main.scss */
.crew-grid .person-wrap img {
  width: 32.61%;
  float: left;
  height: auto !important;
}

/* line 902, main.scss */
.crew-grid .person-wrap p {
  background: #3a363d;
  margin: 0;
}

/* line 906, main.scss */
.crew-grid .person-wrap .person-info {
  float: left;
  width: 64.06%;
  padding: 3.125%;
}

/* line 912, main.scss */
.crew-grid .bio {
  top: -20px;
  z-index: 10;
  position: relative;
  margin: 0 2%;
  max-height: 0px;
  overflow: hidden;
  background: #3a363d;
  padding: 0 4%;
  color: white;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 923, main.scss */
.crew-grid .bio h4,
.crew-grid .bio h5 {
  display: none;
}

/* line 926, main.scss */
.crew-grid .bio a {
  color: white;
}

/* line 929, main.scss */
.crew-grid .bio i {
  font-size: 18px;
  margin: 10px 10px 0 0;
}

/* line 933, main.scss */
.crew-grid .bio p {
  margin: 0 0 10px;
  color: white;
  font: 600 14px "proxima-nova";
}

/* line 939, main.scss */
.crew-grid li.open .person-wrap {
  border-color: #c9005d;
  background: #c9005d;
}

/* line 943, main.scss */
.crew-grid li.open .bio {
  padding: 40px 4% 20px;
  max-height: 400px;
}

@media (min-width: 55em) {
  /* line 952, main.scss */
  .crew-grid .crew-member {
    width: 22.85714%;
    float: left;
    margin-right: 2%;
  }

  /* line 954, main.scss */
  .crew-grid .crew-member.omega {
    margin-right: 0;
  }

  /* line 958, main.scss */
  .crew-grid .person-wrap {
    border-color: transparent;
    background: transparent;
  }

  /* line 961, main.scss */
  .crew-grid .person-wrap:hover {
    border-color: #c9005d;
  }

  /* line 964, main.scss */
  .crew-grid .person-wrap img {
    width: 100%;
    float: none;
    max-width: 100%;
  }

  /* line 970, main.scss */
  .crew-grid li.open .person-wrap {
    border-color: transparent;
    background-color: transparent;
  }

  /* line 974, main.scss */
  .crew-grid .person-info {
    display: none;
  }

  /* line 977, main.scss */
  .crew-grid li.open .bio,
  .crew-grid li .bio {
    border-color: transparent;
    overflow: visible;
    max-height: inherit;
    background: rgba(58, 54, 61, 0.9);
    padding: 20px;
    position: absolute;
    width: 500px;
    top: 130px;
    right: 0;
    z-index: 1000;
    display: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }

  /* line 990, main.scss */
  .crew-grid li.open .bio h4,
  .crew-grid li.open .bio h5,
  .crew-grid li .bio h4,
  .crew-grid li .bio h5 {
    display: block;
  }

  /* line 993, main.scss */
  .crew-grid li.open .bio:after,
  .crew-grid li .bio:after {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid rgba(58, 54, 61, 0.9);
    top: -15px;
    content: " ";
    display: block;
    position: absolute;
    right: 15px;
  }

  /* line 1003, main.scss */
  li.crew-member:hover.open .person-wrap {
    background: #c9005d;
  }

  /* line 1006, main.scss */
  li.crew-member:hover.open,
  li.crew-member:hover .bio {
    display: block;
  }

  /* line 1010, main.scss */
  .omega .person-wrap {
    margin-right: 0;
  }

  /* line 1013, main.scss */
  h5 {
    margin: 3px 0 10px;
  }
}

@media (min-width: 66em) {
  /* line 1020, main.scss */
  .crew-grid li.open .bio,
  .crew-grid li .bio {
    top: 170px;
  }
}

/* $clients */
/* line 1027, main.scss */
.clients {
  background: #c9005d;
}

/* line 1029, main.scss */
.clients .client {
  text-align: center;
  display: block;
  float: left;
  width: 44%;
  margin-right: 12%;
  height: 80px;
  line-height: 80px;
  margin-bottom: 50px;
}

/* line 1038, main.scss */
.clients .client img {
  max-width: 100%;
  vertical-align: middle;
}

/* line 1043, main.scss */
.clients .client:nth-child(even) {
  margin-right: 0;
}

@media (min-width: 55em) {
  /* line 1049, main.scss */
  .clients-wrap {
    margin-top: 50px;
    width: 100%;
    float: right;
    margin-right: 0;
  }

  /* line 1053, main.scss */
  .clients .client {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%;
  }

  /* line 1055, main.scss */
  .clients .client:nth-child(odd) {
    width: 14.28571%;
    float: left;
    margin-right: 2.85714%;
  }

  /* line 1058, main.scss */
  .clients .client.omega {
    margin-right: 0;
  }
}

/* $contact */
/* line 1066, main.scss */
.contact {
  background: #dbd8cf;
}

/* line 1070, main.scss */
#contact-submit,
form button {
  height: auto;
  float: right;
  width: auto;
  display: block;
  background: #c9005d;
  color: white;
  padding: 20px;
  color: white;
  font: 800 13px "proxima-nova";
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 1080, main.scss */
#contact-submit:hover,
form button:hover {
  background: #ab003f;
}

.wpforms-container label.wpforms-label-hide,
.wpforms-field-hp {
  display: none !important;
}

/* line 1085, main.scss */
.location {
  width: 113%;
  margin-left: -30px;
  background: url("../images/q-map-v2.png") no-repeat 50% 220px;
background-size: 450px 262px;
  padding: 0 30px 320px;
}

/* line 1089, main.scss */
.location.x2 {
  background: url("../images/q-map-v2.png") 50% 83% no-repeat;
  background-size: 450px 262px;
}

/* line 1094, main.scss */
.location p {
  line-height: 25px;
  text-transform: uppercase;
}

/* line 1097, main.scss */
.location p a,
.location p a:visited {
  color: #c9005d;
}

/* line 1101, main.scss */
.location .dark-logo {
  margin: 50px 0 0 0;
  height: 34px;
  display: block;
  text-indent: -9999px;
  background: url("../images/dark-logo.png") no-repeat;
}

@media (min-width: 55em) {
  /* line 1111, main.scss */
  .location {
    padding-bottom: 75px;
    background-position: 86% 0;
  }

  /* line 1114, main.scss */
  .location.x2 {
    background-position: 86% 0;
  }

  /* line 1117, main.scss */
  .location p {
    font-size: 20px;
  }
}

/* $portfolio */
/* line 1126, main.scss */
/* .portfolio {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background: white;
    height: 100%;
    top: 100%;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
} */

/* line 1138, main.scss */
.portfolio.open {
  top: 0;
  opacity: 1;
}

/* line 1145, main.scss */
.project {
  border-top: 7px solid white;
}

/* line 1147, main.scss */
.project header {
  background: #3a363d;
  padding: 110px 20px;
}

/* line 1150, main.scss */
.project header h3 {
  margin: 0 0 10px;
  color: #77c7c6;
  font: 800 20px "proxima-nova";
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: left;
}

@media (min-width: 55em) {
  /* line 1155, main.scss */
  .project header h3 {
    padding-left: 40px;
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  /* line 1159, main.scss */
  .project header .content {
    width: 65.71429%;
    float: right;
    margin-right: 0;
  }
}

/* line 1163, main.scss */
.project header .content h4 {
  color: white;
  text-transform: uppercase;
  font: 400 14px "proxima-nova", sans-serif;
  margin-bottom: 6px;
}

/* line 1169, main.scss */
.project header p {
  color: white;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 35px;
}

/* line 1174, main.scss */
.project header p.services-provided {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}

/* line 1180, main.scss */
.project header p a {
  color: #e16e2b;
}

.project header p a:hover {
  color: #c9005d;
}

/* line 1185, main.scss */
.project section {
  margin-top: 8px;
  background: #dbd8cf;
  padding: 50px 20px 200px;
}

/* line 1189, main.scss */
.project section .container {
  text-align: center;
}

/* line 1191, main.scss */
.project section .container img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  margin-bottom: 80px;
  height: auto !important;
}

/* line 1203, main.scss */
.project.active {
  display: block;
}

/* line 1206, main.scss */
.project footer {
  background: #3a363d;
  padding: 50px 20px;
}

/* line 1213, main.scss */
.close {
  display: block;
  background: #c9005d;
  color: white;
  padding: 20px;
  position: fixed;
  top: 0;
  right: 0;
  color: white;
  font: 800 13px "proxima-nova";
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 1223, main.scss */
.close:hover {
  background: #ab003f;
}

/* $admin-content */
/* line 1230, main.scss */
.edit-content {
  width: 100%;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  text-align: left;
}

/* line 1234, main.scss */
.edit-content th {
  color: #3a363d;
  background: #77c7c6;
  padding: 5px;
  cursor: pointer;
  padding: 8px;
}

/* line 1240, main.scss */
.edit-content th i {
  margin-right: 5px;
  float: right;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 1246, main.scss */
.edit-content th.headerSortUp i {
  opacity: 1;
}

/* line 1249, main.scss */
.edit-content th.headerSortDown i {
  opacity: 1;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 1254, main.scss */
.edit-content td,
.edit-content th {
  border: solid 2px white;
}

/* line 1257, main.scss */
.edit-content tr {
  background: #eee;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 1261, main.scss */
.edit-content tr:nth-child(even) {
  background: #f8f8f8;
}

/* line 1264, main.scss */
.edit-content td {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 1266, main.scss */
.edit-content td a {
  display: block;
  width: 100%;
  padding: 8px;
  color: #3a363d;
}

/* line 1273, main.scss */
.edit-content tr:hover {
  background: #ccc;
}

/* line 1276, main.scss */
.edit-content .position {
  width: 10%;
}

/* line 1279, main.scss */
.edit-content .title {
  width: 25%;
}

/* line 1282, main.scss */
.edit-content .date {
  width: 40%;
}

/* line 1285, main.scss */
.edit-content .by {
  width: 20%;
}

/* $job-listings */
/* line 1292, main.scss */
article.job-listing {
  padding-top: 125px;
}

/* line 1295, main.scss */
article.job-listing h2.job-heading {
  width: 100%;
  padding-left: 0;
}

/* line 1300, main.scss */
article.job-listing h4 {
  font: 700 18px "proxima-nova", sans-serif;
  line-height: 30px;
}

/* line 1304, main.scss */
article.job-listing ul {
  font: 400 18px "proxima-nova", sans-serif;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 30px;
}

/* line 1309, main.scss */
article.job-listing ul li {
  margin-bottom: 10px;
}

@media (min-width: 55em) {
  /* line 1316, main.scss */
  article.job-listing {
    padding-top: 190px;
    padding-left: 20%;
    padding-right: 18%;
  }

  /* line 1320, main.scss */
  article.job-listing h4,
  article.job-listing ul {
    font-size: 24px;
  }
}

/*--$FOOTER--*/
/* line 1329, main.scss */
footer#footer {
  background: #3a363d;
  padding: 125px 20px 0;
  color: white;
}

/* line 1333, main.scss */
footer#footer h2 {
  color: white;
  margin-top: 0;
  padding: 0;
}

/* line 1339, main.scss */
.social {
  padding: 0;
  margin: 0 0 40px 0;
}

/* line 1341, main.scss */
.social li {
  display: inline-block;
}

/* line 1343, main.scss */
.social li a {
  color: white;
  font-size: 30px;
  display: block;
  position: relative;
  padding: 10px;
}

/* line 1349, main.scss */
.social li a i {
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* line 1353, main.scss */
.social li a span {
  text-align: center;
  opacity: 0;
  z-index: -100;
  position: absolute;
  background: #dbd8cf;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: white;
  font: 800 12px "proxima-nova";
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #3a363d;
  display: block;
  padding: 10px 20px;
  top: -65px;
  left: -35px;
  width: 117px;
}

/* line 1367, main.scss */
.social li a span:after {
  content: "";
  border-top: #dbd8cf dotted 15px;
  border-left: transparent solid 15px;
  border-right: transparent solid 15px;
  position: absolute;
  bottom: -15px;
  left: 36%;
}

/* line 1377, main.scss */
.social li a.facebook span {
  left: -40px;
}

/* line 1380, main.scss */
.social li a:hover {
  color: orange;
}

/* line 1382, main.scss */
.social li a:hover i {
  bottom: 5px;
}

/* line 1385, main.scss */
.social li a:hover span {
  top: -45px;
  opacity: 1;
  z-index: 100;
}

/* line 1394, main.scss */
.copyright {
  margin-top: 70px;
  color: white;
  font: normal 12px "proxima-nova";
}

/* line 1399, main.scss */
.back-to-top {
  text-transform: uppercase;
  color: white;
  font-size: 12px;
}

/* line 1403, main.scss */
.back-to-top i {
  margin-left: 5px;
}

/* line 1408, main.scss */
.footer-text-link {
  color: #f4810f;
}

.footer-text-link:hover,
.back-to-top:hover {
  color: #c9005d;
}

/* line 1418, main.scss */
.newsletter form input {
  height: 55px;
  margin-bottom: 0;
}

/* line 1423, main.scss */
.newsletter form .field {
  width: 64%;
  background: #bebcbf;
}

.newsletter form input[type="email"] {
  background: #bebcbf;
  width: 100%;
}

.newsletter [name="wpforms[hp]"] {
  display: none;
  clear: both;
}

.newsletter .wpforms-container form {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

/* line 1427, main.scss */
.newsletter form #submitbutton,
.newsletter form .submitbutton {
  background: #77c7c6;
  color: white;
  font: 800 14px "proxima-nova";
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  box-sizing: border-box;
  margin-left: 5px;
  white-space: normal;
  width: 100%;
  max-width: 120px;
  height: 55px;
  padding: 10px 1%;
}

/* line 1437, main.scss */
.newsletter p {
  font-family: "proxima-nova";
  font-size: 12px;
  line-height: 16px;
  color: #bebcbf;
  font-weight: normal;
}

@media (min-width: 55em) {
  /* line 1447, main.scss */
  footer#footer h2 {
    padding-left: 40px;
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
  }

  /* line 1451, main.scss */
  .social {
    width: auto;
    float: left;
    margin-right: 2.85714%;
    margin-top: 0;
    margin-left: 0;
  }

  /* line 1455, main.scss */
  .newsletter {
    width: 29.42857%;
    float: right;
    margin-right: 0;
  }

  /* line 1458, main.scss */
  #submitbutton {
    color: white;
    font: 800 14px "proxima-nova";
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  /* line 1461, main.scss */
  .copyright {
    text-align: right;
    float: right;
  }

  /* line 1465, main.scss */
  .back-to-top {
    float: left;
    padding-left: 40px;
    margin-top: 70px;
  }
}

@media (min-width: 55em) {
  display: block;
}

/*------------------------------------*\
    $HELPER CLASSES
\*------------------------------------*/
/*
 * Image replacement
 */
/* line 1629, main.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;

  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

/* line 1637, main.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 1648, main.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 1657, main.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 1674, main.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 1687, main.scss */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 1704, main.scss */
.clearfix:before,
.clearfix:after {
  content: " ";

  /* 1 */
  display: table;

  /* 2 */
}

/* line 1709, main.scss */
.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 1718, main.scss */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  /* line 1728, main.scss */
  * {
    background: transparent !important;
    color: #000 !important;

    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 1736, main.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 1740, main.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 1744, main.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
       * Don't show links for images, or javascript/internal links
       */
  /* line 1754, main.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 1759, main.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 1764, main.scss */
  thead {
    display: table-header-group;

    /* h5bp.com/t */
  }

  /* line 1769, main.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 1773, main.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  /* line 1783, main.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 1789, main.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}

.site-main {
  margin-top: 125px;
  background: #dbd9cf;
}

#primary {
  background: #dbd9cf;
}

#posts {
  margin: 0 auto;
  width: 60%;
  float: left;
  padding-top: 40px;
}

@media (max-width: 768px) {
  #posts {
    width: 100%;
  }

  .post-details {
    display: none;
  }
  #posts .entry-meta {
    display: flex;
    justify-content: space-between;
  }
}

article.post {
  background: #fff;
  margin-bottom: 40px;
}

.page article.page {
  padding: 0 20px;
}

aside.widget-area {
  width: 37%;
  float: right;
  padding-top: 40px;
}

aside.widget-area .widget {
  background: white;
  margin-bottom: 40px;
  padding: 20px;
  opacity: 0.7;
}

aside.widget-area .widget h2 {
  margin-top: 0;
}

aside.widget-area .widget a {
  color: #3d393a;
}
aside.widget-area .widget a:hover,
aside.widget-area .widget a:visited {
  color: #f4810f;
}

.post header h1,
.post header h2 {
  margin-bottom: 20px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 1.375em;
  margin-top: 0;
  text-transform: uppercase;
}

.post a {
  color: #b35219
  display: inline-block;
}

.post a:hover {
  color: #c9005d;
}

.entry-title a {
  color: #3a363d;
}
.entry-title a:hover {
  color: #b35219;
}

.entry-header {
  padding: 20px;
}

.page .entry-header {
  padding: 20px 0 0;
}

.entry-meta {
  display: flex;
  justify-content: space-between;
}

.single .entry-content .entry-meta {
  display: none;
}

.post-content {
  padding: 0 20px 40px;
  margin-top: -20px;
}

.archive .post-content,
.blog .post-content {
  padding: 0 20px;
}

.post-details {
  background: white;
  padding: 20px;
  float: right;
  width: 37%;
  margin-top: 40px;
}

.post-details .date,
.post-details .tags-links,
.post-details .edit-link {
  font-size: 1em;
  display: block;
  color: #3d393a;
  text-transform: uppercase;
  opacity: 0.7;
  float: none;
  margin: 0 0 10px;
}

.post-details .date:before {
  font-family: fontawesome;
  content: "\f017";
  margin-right: 5px;
}

.tags-links {
  font-size: 0.6rem;
  margin-left: auto;
  opacity: 0.7;
  line-height: 1.4;
  max-width: 62%;
  margin-bottom: 5px;
  text-transform: lowercase !important;
}

.tags-links:before {
  font-family: fontawesome;
  content: "\f02c";
  margin-right: 5px;
}

.tags-links a {
  color: #3d393a;
}

.tags-links a:before {
  content: "#";
}

.edit-link {
  font-size: 0.6rem;
  opacity: 0.7;
  line-height: 1.4;
  max-width: 62%;
  margin-bottom: 5px;
  margin-left: 20px;
}

.entry-date {
  font-size: 0.6rem;
  margin-right: auto;
  opacity: 0.7;
  text-transform: uppercase;
  padding-bottom: 0.5em;
}

.tags-links a:hover,
.edit-link a:hover {
  opacity: 1;
  color: #b35219;
}

.single p {
  font-size: 16px;
  line-height: 1.2;
  margin-top: 0;
}