/* @override 
	http://local.fortysevenmedia.com/assets/css/main.css
	http://fortysevenmedia.com/assets/css/main.css
	https://fortysevenmedia.com/assets/css/main.css */

/* @group Normalize */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin:0;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

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.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* @end */




/* @group Boilerplate */

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

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

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ceccca;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* @end */

/* @group Icon Fonts */

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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'picons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-thin-0069a_menu_hambuger:before {
    content: "\e900";
}
.icon-thin-1047_alien:before {
    content: "\e9b2";
}
.icon-thin-1048_spaceship_alien:before {
    content: "\e9b3";
}
.icon-thin-0775_leaf_nature_bio_green:before {
    content: "\ea1e";
}
.icon-thin-0784_army_knife_jungle:before {
    content: "\ea27";
}
.icon-thin-0785_mountains_nature:before {
    content: "\ea28";
}
.icon-thin-0793_archery_bow:before {
    content: "\e90a";
}
.icon-thin-0852_tea_coffee_hot:before {
    content: "\ea6b";
}
.icon-thin-0650_gun_security_arms_police:before {
    content: "\eaab";
}
.icon-thin-0660_shape_new_discount:before {
    content: "\eab5";
}
.icon-thin-0667_star_rating_favorite_point:before {
    content: "\eabc";
}
.icon-thin-0677_color_wheel_rgb:before {
    content: "\eac6";
}
.icon-thin-0679_paint_brush:before {
    content: "\e90b";
}
.icon-thin-0688_paint_bucket_color:before {
    content: "\e901";
}
.icon-thin-0692_paper_layers:before {
    content: "\e902";
}
.icon-thin-0535_navigation_location_drop_pin_map:before {
    content: "\eb10";
}
.icon-thin-0540_map_path_navigation_location_treasure_hunt:before {
    content: "\eb15";
}
.icon-thin-0556_poison_danger_death_caution:before {
    content: "\eb25";
}
.icon-thin-0587_movie_video_cinema_flm:before {
    content: "\eb43";
}
.icon-thin-0589_ticket_movie_cinema:before {
    content: "\eb45";
}
.icon-thin-0593_video_play_youtube:before {
    content: "\eb49";
}
.icon-thin-0316_email_mail_post_open:before {
    content: "\e904";
}
.icon-thin-0333_printer:before {
    content: "\eb65";
}
.icon-thin-0344_iphone_mobile:before {
    content: "\eb70";
}
.icon-thin-0379_business_suitcase:before {
    content: "\e907";
}
.icon-thin-0411_invoice_dollar_bill_payment:before {
    content: "\ebb1";
}
.icon-thin-0425_money_payment_dollar_cash:before {
    content: "\ebbf";
}
.icon-thin-0465_shopping_cart_basket_store:before {
    content: "\ebea";
}
.icon-thin-0259_code_html:before {
    content: "\ec34";
}
.icon-thin-0279_chat_message_comment_bubble:before {
    content: "\ec48";
}
.icon-thin-0139_window_new_extern_full_screen_maximize:before {
    content: "\ec6d";
}
.icon-thin-0151_plus_add_new:before {
    content: "\e909";
}
.icon-thin-0152_minus_delete_remove:before {
    content: "\e90c";
}
.icon-thin-0154_ok_successful_check:before {
    content: "\e90d";
}
.icon-thin-0159_arrow_back_left:before {
    content: "\e90f";
}
.icon-thin-0160_arrow_next_right:before {
    content: "\e910";
}
.icon-thin-0100_to_do_list_reminder_done:before {
    content: "\ecad";
}
.icon-thin-0102_notebook_to_do_bullets_list:before {
    content: "\ecaf";
}
.icon-thin-0034_search_find_zoom:before {
    content: "\e912";
}
.icon-thin-0051_settings_gear_preferences:before {
    content: "\e913";
}
.icon-thin-0070_paper_role:before {
    content: "\ecef";
}
.icon-thin-0072_document_file_paper_text:before {
    content: "\ecf1";
}
.icon-thin-0003_write_pencil_new_edit:before {
    content: "\ecfe";
}


/* @end */

/* @group Social Circle Icon */

/*
* Symbolset
* www.symbolset.com
* Copyright © 2014 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-social-circle.css" rel="stylesheet" />
*/

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

/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"]{-ms-zoom: 1;}

.ss-icon, .ss-icon.ss-social-circle, .at4-share-btn,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after {
  font-family: "SSSocialCircle";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga"; 
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before{display:none;content:'';}

.ss-facebook:before,.ss-facebook.right:after{content:''}.ss-twitter:before,.ss-twitter.right:after{content:''}.ss-googleplus:before,.ss-googleplus.right:after{content:''}.ss-appdotnet:before,.ss-appdotnet.right:after{content:''}.ss-ello:before,.ss-ello.right:after{content:''}.ss-aboutme:before,.ss-aboutme.right:after{content:''}.ss-vk:before,.ss-vk.right:after{content:''}.ss-weibo:before,.ss-weibo.right:after{content:''}.ss-linkedin:before,.ss-linkedin.right:after{content:''}.ss-zerply:before,.ss-zerply.right:after{content:''}.ss-xing:before,.ss-xing.right:after{content:''}.ss-reddit:before,.ss-reddit.right:after{content:''}.ss-steam:before,.ss-steam.right:after{content:''}.ss-tumblr:before,.ss-tumblr.right:after{content:''}.ss-wordpress:before,.ss-wordpress.right:after{content:''}.ss-blogger:before,.ss-blogger.right:after{content:''}.ss-quora:before,.ss-quora.right:after{content:''}.ss-youtube:before,.ss-youtube.right:after{content:''}.ss-vimeo:before,.ss-vimeo.right:after{content:''}.ss-vine:before,.ss-vine.right:after{content:''}.ss-letterboxd:before,.ss-letterboxd.right:after{content:''}.ss-flickr:before,.ss-flickr.right:after{content:''}.ss-instagram:before,.ss-instagram.right:after{content:''}.ss-vscogrid:before,.ss-vscogrid.right:after{content:''}.ss-fivehundredpx:before,.ss-fivehundredpx.right:after{content:''}.ss-feedly:before,.ss-feedly.right:after{content:''}.ss-pinterest:before,.ss-pinterest.right:after{content:''}.ss-dropbox:before,.ss-dropbox.right:after{content:''}.ss-pinboard:before,.ss-pinboard.right:after{content:''}.ss-delicious:before,.ss-delicious.right:after{content:''}.ss-dribbble:before,.ss-dribbble.right:after{content:''}.ss-behance:before,.ss-behance.right:after{content:''}.ss-github:before,.ss-github.right:after{content:''}.ss-bitbucket:before,.ss-bitbucket.right:after{content:''}.ss-stackoverflow:before,.ss-stackoverflow.right:after{content:''}.ss-stackexchange:before,.ss-stackexchange.right:after{content:''}.ss-codepen:before,.ss-codepen.right:after{content:''}.ss-jsfiddle:before,.ss-jsfiddle.right:after{content:''}.ss-paypal:before,.ss-paypal.right:after{content:''}.ss-shopify:before,.ss-shopify.right:after{content:''}.ss-kickstarter:before,.ss-kickstarter.right:after{content:''}.ss-etsy:before,.ss-etsy.right:after{content:''}.ss-foursquare:before,.ss-foursquare.right:after{content:''}.ss-swarm:before,.ss-swarm.right:after{content:''}.ss-yelp:before,.ss-yelp.right:after{content:''}.ss-skype:before,.ss-skype.right:after{content:''}.ss-whatsapp:before,.ss-whatsapp.right:after{content:''}.ss-rdio:before,.ss-rdio.right:after{content:''}.ss-spotify:before,.ss-spotify.right:after{content:''}.ss-lastfm:before,.ss-lastfm.right:after{content:''}.ss-soundcloud:before,.ss-soundcloud.right:after{content:''}.ss-appstore:before,.ss-appstore.right:after{content:''}.ss-googleplay:before,.ss-googleplay.right:after{content:''}.ss-appleinc:before,.ss-appleinc.right:after{content:''}.ss-microsoft:before,.ss-microsoft.right:after{content:''}.ss-windows:before,.ss-windows.right:after{content:''}.ss-android:before,.ss-android.right:after{content:''}.ss-blackberry:before,.ss-blackberry.right:after{content:''}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-rss:before,.ss-rss.right:after{content:''}.ss-share:before,.ss-share.right:after{content:''}
/* Legacy */
.ss-fivehundredpx:before,.ss-fivehundredpx.right:after{content:''},.ss-octocat:before,.ss-octocat.right:after{content:''}

/* @end */


html {
	box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
	font: normal normal 18px/24px "skolar-sans-latin", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #58585a;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wrapper {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-left: 4%;
	padding-right: 4%;
	clear: both;
}

.wrapper.nopad {
	padding-left: 0;
	padding-right: 0;
}

.contact-wrapper {
	padding-left: 4%;
	padding-right: 4%;
	margin-left: auto;
	margin-right: auto;
	max-width: 970px;
	text-align: center;
	margin-bottom: 2em;
}

.content,
.comments {
	max-width: 730px;
	margin-left: auto;
	margin-right: auto;
}

.page-full-width .content {
	max-width: 100%;
}

/* @group Header */

header .wrapper {
	padding: 0;
}

header {
	background-color: #f1f1f0;
	margin-bottom: 3em;
}

header .logo {
	width: 126px;
	height: 82px;
	margin-bottom: .6em;
}



header .logo .fallback { 
  display: none;
  /* Make sure it's the same size as the SVG takes up */
}

.no-svg header .logo .fallback { 
  background-image: url(../logo.png); 
  width: 126px;
  height: 82px;
}



header .nav-collapse {
	background-color: #434345;
	-moz-box-shadow: inset 0 5px 8px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 5px 8px rgba(0, 0, 0, 0.1);
	font: normal normal 1.3em "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	position: relative;
}

header .nav-collapse ul li a {
	color: #fff;
	text-decoration: none;
	padding-top: .4em;
	padding-bottom: .4em;
	display: block;
	padding-left: 4%;
	padding-right: 4%;
}

header .nav-collapse ul li.current a {
	background-color: #d85531;
	color: #fff;
}

header .nav-collapse ul li a:hover {
	background-color: #58585a;
	color: #fff;
}


/*! responsive-nav.js 1.0.32 by @viljamis */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  
}

.nav-collapse li {
  width: 100%;
  display: block;
}



.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}
.nav-collapse.opened li a:hover {
	background-color: #58585a;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
	text-decoration: none;
}

.nav-toggle {
	width: 42px;
	height: 42px;
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: hidden;
	display: block;
	float: right;
	position: absolute;
	right: 4%;
	top: 24px;
	color: #444D54;
}

.nav-toggle:before {
	content: '\e900';
	font: 2em/42px picons;
	width: 42px;
	height: 42px;
	padding: 5px;
	color: #444D54;
}

.nav-toggle:hover:before {
	color: #434F5C;
}

header .infield.searchbox {
	margin-bottom: 0;
	display: none;
}

header .infield.searchbox .form-item {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	border-bottom: 3px solid #6b6969;
}

header .infield.searchbox .form-item:before {
	content: '\e912';
	font-family: "picons";
	position: absolute;
	color: #cfc080;
	font-size: 1.7em;
	top: .3em;
	left: .3em;
}

header form.infield.searchbox .form-item label,
header form.infield.searchbox .form-item input {
	font: 1.5em "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	padding: 0 0 .5em 1.8em;
	color: #fff;
}

header form.infield.searchbox .form-item input {
	background-color: transparent;
	border-top: none;
	padding-top: .2em;
}

/* @end */

/* @group Typography */

a:link, a:visited, input[type="submit"], button[type="submit"] { 
	color: #d85531; 
	text-decoration: none; 
	transition: 0.3s all ease; 
}

a:hover, a:focus { color: #434345; }
a:focus, button:focus { outline: 0; }

.content p a:link {
	text-decoration: underline;
}

h1 {
	font-weight: normal;
	font-style: normal;
	color: #d85531;
	font-size: 2.4em;
	line-height: 1em;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	position: relative;
}

.page-blog-article .content h1 {
	padding-top: .5em;
	margin-bottom: .3em;
	font-size: 2.6em;
}

.page-blog-listing .content article:first-child h1,
.page-contact .content h1,
.page-portfolio-detail h1,
.page-portfolio-listing .banner h1,
.page-home .recent h4,
.page-quote h1,
.page-consult h1 {
	padding-top: .5em;
	margin-top: 0;
}

.page-consult h1 {
	margin-bottom: .2em;
}

.page-home .recent h4 {
	padding-top: .9em;
}

.page-blog-article .content h1:before,
.page-blog-listing .content article:first-child h1:before,
.page-contact .content h1:before,
.page-portfolio-detail h1:before,
.page-portfolio-listing .banner h1:before,
.page-home .recent h4:before,
.page-quote h1:before,
.page-consult h1:before {
	content: '';
	height: 3px;
	width: 40px;
	background-color: #d85531;
	position: absolute;
	top: 0;
}

.page-home .recent h4:before {
	background-color: #434345;
	left: 50%;
	margin-left: -20px;
}

.page-blog-listing .content h1 {
	font-size: 2.2em;
	margin-bottom: .2em;
}


h2 {
	font: 1.7em "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4e6d8c;
	margin-top: 1.2em;
	margin-bottom: .3em;
	line-height: 1em;
}

h2.divider {
	text-transform: uppercase;
	text-align: center;
	font-size: 2em;
	margin-bottom: 1em;
}

h3 {
	font: italic 1.4em/1em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	color: #cfc080;
	margin-top: 1.3em;
}

h3.category {
	margin-top: 0;
}

h4 {
	color: #4e6d8c;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.2em;
	margin-bottom: 0;
	line-height: 1em;
	text-transform: uppercase;
}

p.meta {
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #b3b1ad;
	margin-top: 0;
}

p.meta a {
	color: #b3b1ad;
}

p.meta a:hover {
	color: #434345;
}

div.meta {
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #b3b1ad;
	margin-bottom: 1em;
}

div.meta a {
	color: #b3b1ad;
}

div.meta a:hover {
	color: #434345;
}

div.meta p {
	margin-bottom: 0;
	margin-top: 0;
}

p.more,
a.more {
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-bottom: 0;
}

p.more a,
a p.more, 
a.more {
	text-decoration: underline;
	color: ;
}

.content blockquote {
	margin-left: 0;
	margin-right: 0;
	margin-top: 2em;
	margin-bottom: 2em;
	position: relative;
	clear: both;
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #a89e72;
}

.content blockquote p {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0;
}

.content blockquote p:before {
	content: "\201C";
}

.content blockquote p:after {
	content: "\201D";
}

.content p {
	margin-top: 0;
}

.content p strike {
	color: #b3b1ad;
}
strong {
	font-weight: bold;
	font-style: normal;
}

.content strong,
.content b {
	color: #434345;
}

.content em,
.content i {
	color: #a89e72;
	font-weight: normal;
	font-style: italic;
}

.content code {
	background-color: #f1f1f0;
	font-family: Courier, mono;
	padding: .3em;
	font-size: .8em;
	border-radius: 2px;
}

.content pre {
	font-family: Courier, mono;
	font-size: .8em;
	border-radius: 2px;
	padding: 4%;
	background-color: #58585a;
	color: #fff;
}

.content pre b,
.content pre strong {
	color: #fff;
}

.content pre code {
	background-color: transparent;
	color: #fff;
	font-size: 1em;
}

.content ul,
.content ol {
	color: #666;
	padding-left: 1em;
	margin-bottom: 2em;
}

.content li {
	margin-bottom: .9em;
	line-height: 1.4em;
}

.content ul li {
	list-style-type: none;
	position: relative;
}

.content ul li:before {
	content: '•';
	font-size: 21px;
	left: -.9em;
	position: absolute;
	color: #a89e72;
}

.content ol {
	counter-reset:li; /* Initiate a counter */
	padding-left: 1.9em;
}

.content ol > li {
	position:relative; /* Give each list item a left margin to make room for the numbers */
	list-style:none;
	margin-right: 0;
	margin-top: 0;
}
.content ol > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top: 0em;
	left:-1.9em;
	box-sizing:border-box;
	color:#a89e72;
	text-align:center;
	height: 28px;
	width: 28px;
	font-size: 18px;
	line-height: 28px;
	font-style: normal;
	font-variant: normal;
	border-radius: 50%;
	border: 1px solid #a89e72;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p.intro {
	font-size: 1.1em;
	text-align: center;
}

p.featured {
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.content .embed_media,
.banner .embed_media,
.content .embed {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
	margin-bottom: 2em;            
}


.embed iframe,
.embed_media iframe,
.embed object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content video {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 3em;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.24);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.24); 
}


.fancy-icon span.lines {
	position: relative;
	overflow: hidden;
	display: block;
	text-align: center;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}

.fancy-icon span.lines:before,
.fancy-icon span.lines:after {
    background-color: #b3b1ad;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 30%;
    top: -.1em;
}

.fancy-icon span.lines:before {
    right: .5em;
    margin-left: -50%;
}

.fancy-icon span.lines:after {
    left: .5em;
    margin-right: -50%;
}


.fancy-icon .lines i {
	color: #cfc080;
	display: inline-block;
	margin-bottom: .6em;
	font-size: 48px;
}


/* @end */



/* @group Images */

img { -ms-interpolation-mode: bicubic; }/*Fixes IE scaling issues*/



img.full,
img.left,
img.right,
img.auto,
img.center,
.content figure img {
	display: block;
	width: 100%;
	max-width: 100%;
	float: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1.5em;
	height: auto;
	-webkit-box-sizing: border-box; 
	     -moz-box-sizing: border-box; 
	          box-sizing: border-box;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.24);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.24);    
	transition: 0.3s all ease;      
}

img.noborder, 
.content figure.noborder {
	-moz-box-shadow: none;
	box-shadow: none;  
}

img.auto, 
img.center {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

a:hover img.full {
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.44);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.44);
}


.content figure {
	margin-bottom: 1.5em;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.24);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.24);
}

.content figure img {
	box-shadow: none;
	-moz-box-shadow: none;
}

.content figure img {
	margin-bottom: 0;
}

.content figure figcaption {
	background-color: #fff;
	color: #96938e;
	padding: .5em;
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: .9em;
}

img.circle {
	border-radius: 50%;
}


/* @end */


/* @group Forms */


form.infield {
	background-color: #434345;
	padding: 1.3em 1.5em 1.5em;
	margin-bottom: 2em;
}

form.infield h3 {
	margin-top: 0;
	margin-bottom: .5em;
}

form.infield p {
	color: #b3b1ad;
	font-size: .9em;
	line-height: 1.3em;
}


.infield input[type="text"],
.infield textarea,
.infield input[type="file"],
.infield input[type="url"],
.infield input[type="email"],
.infield input[type="tel"],
.infield input[type="number"],
.infield input[type="date"],
.infield input[type="password"] {
	font: italic 1.1em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	border: none;
	border-top: 6px solid #e2e1e0;
	padding: .8em;
	width: 100%;
	color: #58585a;
	-webkit-box-sizing: border-box; 
	     -moz-box-sizing: border-box; 
	          box-sizing: border-box;
	border-radius: 2px;  
	-webkit-appearance: none;
	background-color: #fff;
}

.infield input[type="number"] {
	-moz-appearance:textfield;
}

.infield input[type=number]::-webkit-inner-spin-button, 
.infield input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none !important; 
  margin: 0 !important; 
}


.infield select {
	font: italic 1.1em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	border: none;
	border-top: 6px solid #e2e1e0;
	padding: .8em;
	width: 100%;
	color: #58585a;
	-webkit-box-sizing: border-box; 
	     -moz-box-sizing: border-box; 
	          box-sizing: border-box;
	border-radius: 2px !important;
	background: url(../img/select-arrow.png) right center no-repeat;
	background-size: 38px;
	-webkit-border-radius: 2px;
	-webkit-appearance: none;
	background-color: #fff;
	  appearance: none;
}

.infield .required select {
	background-image: url(../img/select-arrow-required.png);
	color: #d8552f;
}

form.infield select.parsley-success {
	color: #434345;
}

select::-ms-expand {
    display: none;
}

.lt-ie10 .infield select {
	background-image: none;
}



.lt-ie10 .infield input[type="text"]:-ms-input-placeholder,
.lt-ie10 .infield textarea:-ms-input-placeholder,
.lt-ie10 .infield input[type="file"]:-ms-input-placeholder,
.lt-ie10 .infield input[type="url"]:-ms-input-placeholder,
.lt-ie10 .infield input[type="email"]:-ms-input-placeholder,
.lt-ie10 .infield input[type="tel"]:-ms-input-placeholder,
.lt-ie10 .infield input[type="number"]:-ms-input-placeholder,
.lt-ie10 .infield input[type="date"]:-ms-input-placeholder {  
	   color: transparent;
}

.captcha {
	margin-bottom: 1em;
	display: block;
}


.captcha .form-item {
	float: left;
	width: 160px;
	margin-top: 0;
	margin-right: 1em;
	margin-bottom: 0;
}


form .form-item { position: relative; margin: 1.3em 0; clear: both;
}

.infield .required input[type="text"],
.infield .required textarea,
.infield .required input[type="file"],
.infield .required input[type="url"],
.infield .required input[type="email"],
.infield .required input[type="tel"],
.infield .required input[type="number"],
.infield .required input[type="date"],
.infield .required select {
	border-left-color: #6D747A;
}

.infield textarea {
	height: 350px;
}

form .form-item.required:after {
	content: '*';
	position: absolute;
	color: #d85530;
	right: .7em;
	top: .7em;
	font: 1em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
}

form .form-item.required.noasterisk:after {
	content: '';
}

form .form-item.required.select-field:after {
	content: '';
}

form .form-item.submit {
	margin-bottom: 0px;
}



form .form-item label {
	position: absolute; 
	top: 0;
	left: 0px; 
	margin: 0;
	padding: .8em;
	display: block;
	width: 100%;
	color: #58585a;
	-webkit-box-sizing: border-box; 
	     -moz-box-sizing: border-box; 
	          box-sizing: border-box;
	font: italic 1.1em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	text-align: left;
	border-top: 6px solid transparent;
}

form .form-item.required label {
	color: #d85531;
}

p.notify {
	font: italic 1em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	color: #b3b1ad;
	margin: ;
}

::-webkit-input-placeholder {
   color: #ceccca;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ceccca;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ceccca;  
}

:-ms-input-placeholder {  
   color: #ceccca;  
}

.bs-callout-warning {
	background-color: #d85531;
	padding: 1em;
	border-radius: 2px;
	margin-bottom: 1em;
}

.bs-callout-info {
	background-color: #00bd7e;
	padding: 1em;
	border-radius: 2px;
}

form.infield .bs-callout h4 {
	margin-top: 0;
	font-weight: normal;
	font-style: normal;
	margin-bottom: .2em;
	font-size: 1.4em;
	color: #fff;
}

form.infield .bs-callout p {
	margin-top: 0 !important;
	font-style: italic;
	color: #fff;
	margin-bottom: 0 !important;
	opacity: 0.74;
	line-height: 1.2em;
	font-size: 1em;
}

.modal-form .bs-callout p {
	font-size: 1em;
}


input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #d85530 !important;
  background-color: #fff !important;
  border-top-color: #d85531 !important;
}

.parsley-errors-list {
	margin: 10px 0 0 !important;
	padding: 0;
  list-style-type: none;
	line-height: 1em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  text-align: left;
	font-size: 0.8em;
}

.parsley-errors-list li {
	color: #ceccca;
}

.content ul.parsley-errors-list {
	padding: 0;
}

.content .parsley-errors-list li:before {
	content: '';
}

.parsley-errors-list.filled {
  opacity: 1;
}


/* @end */


/* @group Buttons */

a.button, 
form button[type="submit"],
input[type="submit"] {
	text-transform: uppercase;
	background-color: #d85530;
	color: #fff;
	padding: .4em 1.8em;
	display: inline-block;
	-webkit-box-sizing: border-box; 
	     -moz-box-sizing: border-box; 
	          box-sizing: border-box;
	width: 100%;
	text-align: center;
	border: none;
	border-bottom: 6px solid #c43f16;  
	-webkit-appearance: none;
	border-radius: 2px;
	font: 1.6em "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1em;
	text-decoration: none !important;
	margin-top: 0;
}


a.button:hover,
form button[type="submit"]:hover,
input[type="submit"]:hover {
	background-color: #cfc080;
	border-bottom-color: #a89e72;
	color: #fff;
}


a.button.action,
form button[type="submit"].action,
input[type="submit"].action {
	background-color: #58585a;
	border-bottom-color: #434345;
	color: #fff;
}


a.button.action:hover,
form button[type="submit"].action:hover,
input[type="submit"].action:hover {
	background-color: #cfc080;
	border-bottom-color: #a89e72;
	color: #fff;
}


a.button.alt, 
form button[type="submit"].alt,
input[type="submit"].alt {
	padding-left: .5em;
	padding-right: .5em;
	border: none;
	font-size: 1.4em;
	background-color: #58585a;
}

a.button.alt:hover, 
form button[type="submit"].alt:hover,
input[type="submit"].alt:hover {
	background-color: #434345;
}

a.button.alt:after, 
form button[type="submit"].alt:after,
input[type="submit"].alt:after {
	content: '\e910';
	font-family: picons;
	color: #d85531;
	font-size: .8em;
	margin-left: .5em;
}


a.button.large,
form button[type="submit"].large,
input[type="submit"].large {
	font-size: 2em;
}


/* @end */

/* @group Blog */

.share {
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 2em;
}

.share h4 {
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-transform: none;
	font-size: 1em;
	color: #b3b1ad;
	display: inline-block;
	margin-top: 0;
}

.share i {
	font-weight: normal;
	font-style: normal;
	font-size: 1.5em;
	vertical-align: middle;
	display: inline-block;
	line-height: 1em;
}

.content .share a i {
	color: #d85531;
	margin-left: .1em;
	margin-right: .1em;
	transition: 0.3s all ease; 
}

.content .share a:hover i {
	color: #434345;
}

.ad {
	clear: both;
	max-width: 320px;
	font-size: .7em;
	line-height: 1.3em;
	margin-bottom: 3em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.ad a {
	display: block;
	color: #58585a;
}

.ad img {
	float: left;
	margin-right: 1.2em;
}

.ad .carbon-text {
	overflow: hidden;
}

.ad a.carbon-poweredby {
	color: #b3b1ad;
	text-transform: uppercase;
	font-size: .7em;
	margin-top: 1em;
}

.nextprev h4 {
	color: #434345;
	position: relative;
	padding-top: 1em;
	font-size: 1.5em;
	margin-top: 0;
}

.nextprev h4:before {
	content: '';
	height: 3px;
	width: 40px;
	background-color: #434345;
	position: absolute;
	top: 0;
}

.nextprev a {
	background-color: #f1f1f0;
	display: block;
	padding: 1em 4%;
	position: relative;
  	margin-bottom: .3em;
}

.nextprev a:hover {
	background-color: #434345;
}


.nextprev a:hover {
	color: #fff;
}


.nextprev a:hover h4 {
	color: #d85530;
}

.nextprev a:hover h4:before {
	background-color: #d85530;
}

h2.comment-icon {
	text-align: center;
	text-transform: uppercase;
	position: relative;
	font-size: 2em;
	margin-bottom: 1em;
}





.comments ol {
	padding: 0;
}

.comments ol li {
	list-style-type: none;
	margin-bottom: 2em;
}

.comments h2.comnum {
	box-sizing:border-box;
	color:#a89e72;
	text-align:center;
	height: 42px;
	width: 42px;
	font-size: 24px;
	line-height: 42px;
	font-style: normal;
	font-variant: normal;
	border-radius: 50%;
	border: 1px solid #a89e72;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	vertical-align: middle;
}

.comments .metaauthor {
	overflow: hidden;
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #b3b1ad;
	font-size: .9em;
	vertical-align: middle;
	position: relative;
	top: .3em;
	margin-bottom: .2em;
}

.comments .metaauthor p {
	margin: 0;
}

.comments .metaauthor a:link {
	color: #b3b1ad;
}

.comment blockquote {
	margin: 0;
	margin-left: 52px;
}

.comment blockquote p {
	font-size: .9em;
	line-height: 1.3em;
}

.comment blockquote p:first-child {
	margin-top: 0;
}

.comment .action {
	margin-left: 52px;
	margin-top: -.5em;
}

.comment .action a {
	font: .7em/1em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	display: inline-block;
	color: #b3b1ad;
	background-color: #f0f1ef;
	padding: .4em;
}

.comment .action a:hover {
	background-color: #434345;
}

.comment .action a:first-child {
	margin-right: .3em;
}

.page-blog-listing .content article {
	margin-bottom: 6em;
}

.page-blog-listing .content article a.button {
	margin-top: 0;
}

.content .archivelist li {
	
}


.content .archivelist li:before {
	content: '';
}

.content .archivelist li li:before {
	content: '•';
	font-size: 21px;
	left: -.9em;
	position: absolute;
	color: #a89e72;
}

.sidebar {
	text-align: center;
	padding-top: 6em;
}

.sidebar a.ss-icon {
	color: #cfc080;
	font-size: 2em;
	line-height: 1em;
	display: inline-block;
	margin-top: .8em;
	margin-left: .2em;
	margin-bottom: .6em;
}

.sidebar a.ss-icon.first {
	margin-left: 0;
}

.sidebar a.ss-icon:hover {
	color: #434345;
}

.sidebar ul {
	margin: 1em 0 2.5em;
	padding: 0;
}

.sidebar ul li {
	list-style-type: none;
	font: 1em/1.2em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-bottom: .4em;
}

.sidebar ul li a {
	color: #b3b1ad;
}

.sidebar ul li a:hover {
	color: #434345;
}

.sidebar .callout.project p {
	font: .8em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: center;
	color: #b3b1ad;
	margin-top: 0;
}

.sidebar .callout img {
	margin-bottom: .5em;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
}

.content p.callout {
	padding-top: 1.5em;
	position: relative;
	margin-top: 2.5em;
	font-style: italic;
	margin-bottom: 2em;
	color: #b3b1ad;
}

.content p.callout:before {
	content: '';
	height: 3px;
	width: 20px;
	background-color: #424245;
	position: absolute;
	top: 0;
}

/* @end */

/* @group Paginate */

.paginate {
	margin-top: -2em;
	border-top: 1px solid #cdccc9;
	padding-top: 1em;
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-bottom: 2em;
}

.page-blog-article .paginate {
	margin-top: 0;
}

.paginate a {
	display: inline-block;
	background-color: #f1f1f0;
	padding: .2em .5em;
	border-radius: 2px;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #58585a;
}

.paginate a:hover {
	background-color: #ceccca;
}

.paginate strong {
	padding: .2em .5em;
	border-radius: 2px;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #d8552f;
}

/* @end */

/* @group Action */

.action-callout {
	text-align: center;
	position: relative;
	margin-top: 2em;
}

.action-callout h3 {
	color: #cfc080;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 3.5em;
	margin-top: 0;
	position: relative;
	margin-bottom: .5em;
}

.action-callout p {
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: rgba(255, 255, 255, 0.64);
	font-size: 1.5em;
	margin-bottom: 2em;
}

.action-callout .overlay {
	background-color: rgba(216, 85, 48, 0.96);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.action-callout .wrapper {
	position: relative;
	z-index: 1;
	padding-top: 5em;
	padding-bottom: 5em;
}

.action-callout .fancy-icon i {
	color: #fff;
}

.action-callout .fancy-icon span:before,
.action-callout .fancy-icon span:after {
	background-color: rgba(255, 255, 255, 0.37);
}

.action-callout.portfolio {
	background-image: url(../img/action-portfolio.jpg);
	background-size: cover;
	clear: both;
}

.action-callout.portfolio h3 {
	margin-bottom: 1.6em;
}

.action-callout.portfolio h3 span.header-split {
	font: .2em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	display: block;
	color: #fff;
	letter-spacing: 6px;
}

.action-callout.portfolio h3 strong {
	font-size: 1.5em;
	position: relative;
	top: .3em;
}


.action-callout.contact{
	background: url(../img/action-contact.png) center center no-repeat #d8552f;
	background-size: cover;
	clear: both;
}/* @end */

/* @group Don't Hire */

.dont-hire .content {
	text-align: center;
}

.dont-hire .content h1 {
	background: url(../img/donthire-shield.svg) center no-repeat;
	background-size: 548px 353px;
	height: 353px;
	font-size: 4.6em;
	padding-top: 1.1em;
	line-height: .9em;
	letter-spacing: -1px;
}

.no-svg .dont-hire .content h1 {
	background: url(../img/donthire-shield.png) center no-repeat;
}

/* @end */

/* @group Contact */

.contact-wrapper h2 {
	text-transform: uppercase;
	font-size: 1.5em;
}

.contact-wrapper p {
	margin-top: 0;
}

.contact-wrapper ul {
	margin: 0;
	list-style-position: inside;
	padding: 0;
}

.contact-wrapper li {
	width: auto;
	clear: both;
	list-style-type: none;
	margin-bottom: .7em;
}

.contact-wrapper li a {
	color: #58585a;
}

.contact-wrapper li:before {
	margin-right: .3em;
}

.contact-wrapper li:before,
.contact-wrapper a.social {
	font-size: 1.6em;
	vertical-align: middle;
	color: #cfc080;
}

.contact-wrapper a.social {
	margin-left: .1em;
	margin-right: .1em;
	margin-bottom: .5em;
	margin-top: .3em;
	display: inline-block;
}

.contact-wrapper a.social:hover {
	color: #434345;
}

.page-contact .content p.signature.jon,
.page-consult .content p.signature.jon {
	background: url(../img/signature.png) no-repeat;
	background-size: 275px;
	text-indent: -100%;
	width: 275px;
	height: 105px;
	overflow: hidden;
}

.page-consult .content p.signature.jon {
	margin-left: auto;
	margin-right: auto;
}

/* @end */

/* @group Portfolio */

.faux-browser {
	position: relative;
}

.faux-browser:before {
	content: '•••';
	background-color: #ececeb;
	height: 20px;
	width: 100%;
	position: absolute;
	border-bottom: none;
	border-radius: 2px 2px 0px 0px;
	line-height: 10px;
	font-size: 1.3em;
	color: #ceccca;
	padding-left: .2em;
	top: 0px;
	left: 0 ;
	text-align: left;
}

.faux-browser img {
	padding-top: 20px;
}

.content .content-block figure {
	margin-bottom: 1.5em;
	-moz-box-shadow: none;
	box-shadow: none;
}

.content .content-block figure img {
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
}

.content .content-block figcaption {
	font-size: .7em;
	text-align: right;
	background-color: transparent;
	padding: 0;
}

.page-portfolio-detail .banner p.intro,
.page-portfolio-listing .banner p.intro {
	color: #58585a;
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

.page-portfolio-detail .banner a.button {
	margin-bottom: 1em;
}

.page-portfolio-detail section.content-block {
	padding-top: 1em;
	padding-bottom: 1em;
	clear: both;
}

.page-portfolio-detail section.content-block.reg {
	background-color: #fff;
}

.page-portfolio-detail .content-block span.counter {
	box-sizing:border-box;
	color:#fff;
	text-align:center;
	height: 28px;
	width: 28px;
	font-size: 22px;
	line-height: 28px;
	font-style: normal;
	font-variant: normal;
	border-radius: 50%;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: inline-block;
	margin-right: .3em;
	background-color: #4d6d8b;
	top: -.1em;
	position: relative;
}

.page-portfolio-detail .content blockquote,
.page-portfolio-listing .content blockquote,
.page-home .content blockquote {
	background-color: #434345;
	padding: 4%;
	color: #cfc080;
	text-align: center;
	margin: 0;
}

.page-portfolio-listing .content blockquote {
	margin-bottom: 2em;
}

.page-portfolio-detail .content blockquote p,
.page-portfolio-listing .content blockquote p,
.page-home .content blockquote p {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.page-portfolio-detail .content blockquote cite,
.page-portfolio-listing .content blockquote cite,
.page-home .content blockquote cite {
	display: block;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #b3b1ad;
	font-size: 1.2em;
	margin-top: 1em;
}

.page-portfolio-detail .banner {
	border-bottom: 1px solid #ceccca;
}

.page-portfolio-listing .banner h1 {
	margin-bottom: 0;
}

.page-portfolio-listing .banner p.featured {
	margin-top: 0;
	color: #b3b1ad;
}

.page-portfolio-listing .banner a.button {
	margin-bottom: 2em;
}

.page-portfolio-listing .banner img {
	margin-bottom: 1em;
}

nav.portfolio {
	background-color: #cfc080;
	clear: both;
	position: relative;
	padding-left: 4%;
	padding-right: 4%;
	text-align: center;
}

nav.portfolio h4 {
	margin-top: .3em;
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	font-style: italic;
	color: #40586f;
}

nav.portfolio ul {
	margin: 0;
	padding: 0;
}

nav.portfolio li,
.page-about .services li {
	display: inline-block;
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.1em;
	list-style-type: none;
	vertical-align: top;
	margin-top: .4em;
}

.page-about .services li {
	display: block;
	width: 50%;
	text-align: left;
	float: left;
	color: #fff;
	margin-bottom: 1em;
}

nav.portfolio li span {
	display: none;
}

nav.portfolio li a,
.page-about .services li a {
	padding: 1em 1em;
	display: block;
	color: #fff;
}

nav.portfolio li a:hover,
nav.portfolio li.current a {
	background-color: #fff;
	color: #a89e72;
}

.page-home nav.portfolio li a:hover {
	background-color: #f0f1ef;
}

nav.portfolio li a:before,
.page-about .services li:before 
 {
	content: '\eb25';
	font-family: picons;
	font-weight: normal;
	font-style: normal;
	color: #e9e3c6;
	font-size: 1.4em;
	vertical-align: top;
	transition: 0.3s all ease;
}

.page-about .services li:before {
	margin-right: .2em;
}

nav.portfolio li a:hover:before,
nav.portfolio li.current:before {
	color: #a89e72;
}

nav.portfolio li.web_design a:before,
.page-about .services li.web_design:before {
	content: '\e90b';
}

nav.portfolio li.development a:before,
.page-about .services li.development:before {
	content: '\e913';
}

nav.portfolio li.branding a:before,
.page-about .services li.branding:before  {
	content: '\eac6';
}

nav.portfolio li.videos a:before,
.page-about .services li.videos:before {
	content: '\eb43';
}

nav.portfolio li.consulting a:before,
.page-about .services li.consulting:before {
	content: '\e907';
}

.page-portfolio-listing article.portfolio,
.page-home article.portfolio {
	text-align: center;
	margin-bottom: 2em;
}

.page-portfolio-listing article.portfolio img,
.page-home article.portfolio img {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.page-home article.portfolio img {
	margin-bottom: 0;
}

.page-portfolio-listing article.portfolio h3,
.page-home article.portfolio h3 {
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.7em;
	margin-bottom: .2em;
}

.page-home article.portfolio h3 {
	height: 0;
	overflow: hidden;
	width: 0;
}

.page-portfolio-listing article.portfolio p,
.page-home article.portfolio p {
	font-size: .9em;
	line-height: 1.3em;
}

.page-portfolio-listing .banner.section-heading {
	text-align: center;
	margin-top: -3em;
	margin-bottom: 1em;
}

.page-portfolio-listing .banner.section-heading h1 {
	padding-top: 0;
}

.page-portfolio-listing .banner.section-heading h1:before {
	content: '';
	display: none;
}

/* @end */

/* @group About */

.page-about .content {
	text-align: center;
}


.page-about .content h1 {
	background: url(../img/about-shield.svg) center no-repeat;
	background-size: 470px 470px;
	height: 470px;
	font-size: 3.9em;
	padding-top: 2.35em;
	line-height: .85em;
	letter-spacing: -1px;
	text-align: center;
}

.no-svg .page-about .content h1 {
	background: url(../img/about-shield.png) center no-repeat;
}

.page-about .story {
	background-color: #f1f1f0;
	text-align: center;
	padding-top: .2em;
	margin-top: 4em;
	margin-bottom: 1em;
}

.page-about .story h2 {
	margin-top: .5em;
	margin-bottom: .5em;
}

.page-about .story img {
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
	margin-bottom: 0;
}

.page-about .story article {
	padding-left: 4%;
	padding-right: 4%;
}

.page-about .story h3 {
	color: #d85530;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-size: 1.7em;
	margin-bottom: .3em;
	margin-top: .1em;
}

.page-about .story p {
	margin-top: 0;
	line-height: 1.3em;
}

.page-about .story p.date {
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #a89e72;
	margin-bottom: 0;
	margin-top: .5em;
}

.page-about .services,
.page-about .process {
	text-align: center;
}

.page-about .services h2,
.page-about .process h2 {
	color: #434345;
	text-transform: uppercase;
	font-size: 1.9em;
	margin-top: 0;
}

.page-about .services {
	background-image: url(../img/action-portfolio.jpg);
	background-size: cover;

}

.page-about .services .overlay {
	background-color: rgba(207, 192, 128, 0.96);
	padding: 4em 4%;
	display: block;
}

.page-about .services ul {
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}

.page-about .process {
	background: url(../img/process-bkg.png) left #a89e72;
	background-size: cover;
	padding: 4em 4%;
}

.page-about .services a.button:hover,
.page-about .process a.button:hover {
	background-color: #d85531;
	border-bottom-color: #c43f16;
}

.page-about .process p {
	color: #fff;
	margin-bottom: 2em;
}

.page-about .team {
	background: url(../img/bkg-burst.png) center -100px no-repeat #434345;
	clear: both;
}

.page-about .team img {
	max-width: 570px;
	box-shadow: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

.page-about .team .bio-wrapper p.position,
.page-about .nate p.position {
	color: #b3b1ad;
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0;
}

.page-about .nate p.position {
	color: #cfc080;
}

.page-about .team h3,
.page-about .nate h3 {
	color: #d85531;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.9em;
	margin: 0;
}

.page-about .nate h3 {
	color: #4e6d8c;
}

.page-about .team .bio-wrapper {
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 1em;
	background-color: #353536;
}

.page-about .team .bio-wrapper p {
	color: #fff;
}

.page-about .team .bio-wrapper p a {
	text-decoration: underline;
	color: #cfc080;
}

.page-about .team .bio-wrapper p a:hover {
	color: #fff;
}

.page-about .team .team-info {
	margin-top: 1em;
	margin-bottom: 1em;
}

.page-about .team .team-info p {
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #b3b1ad;
	margin-bottom: 0;
	margin-top: 0;
}

.page-about .team .team-info p a {
	color: #b3b1ad;
}

.page-about .team .social {
	margin-bottom: 2em;
}

.page-about .team .social a,
.page-about .nate .social a {
	color: #cfc080;
	font-size: 1.5em;
	display: inline-block;
	margin-left: .2em;
}

.page-about .team .social a:hover {
	color: #fff;
}

.page-about .team .social a.first,
.page-about .nate .social a.first {
	margin-left: 0;
}

.page-about .nate .social a:hover {
	color: #434345;
}

.page-about .nate {
	background-color: #f0f1ef;
	padding: 4%;
	padding-bottom: 0;
	position: relative;
}

.page-about .nate img {
	box-shadow: none;
	margin: 0;
	max-width: 415px;
}

.page-about .nate .social {
	margin-top: 2em;
	margin-bottom: 2em;
}

.page-about .last-thing {
	padding: 4%;
	padding-bottom: 0;
}

.page-about .last-thing h2 i {
	color: #cfc080;
	font-size: 1.3em;
}

.page-about .last-thing h2 {
	color: #d85530;
	margin-top: 0;
}

.page-about .action-callout,
.page-services .action-callout,
.page-home .action-callout {
	margin-top: 0;
}

/* @end */

/* @group Process */

.page-process .content h1 span {
	display: block;
	font: .5em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-transform: none;
	color: #b3b1ad;
	margin-bottom: 3em;
}

.page-process .content {
	text-align: center;
}

.page-process .content img.full {
	max-width: 342px;
	margin-left: auto;
	margin-right: auto;
}

.page-process .step h2 {
	font-size: 2.3em;
	margin-top: -1.4em;
	margin-bottom: .5em;
}

.page-process .step .counter {
	box-sizing:border-box;
	color:#a89e72;
	text-align:center;
	height: 53px;
	width: 53px;
	font-size: 43px;
	line-height: 53px;
	font-style: normal;
	font-variant: normal;
	border-radius: 50%;
	border: 1px solid #a89e72;
	font-family: "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	top: -.7em;
	position: relative;
	background-color: #fff;
}

.page-process .step {
	border: 1px solid #a89e72;
	border-right: none;
	border-top: none;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 2em;
	position: relative;
}

.page-process .step.odd {
	border-left: none;
	border-right: 1px solid #a89e72;
}

.page-process .step.first:before {
	content: '';
	height: 1px;
	background-color: #a89e72;
	width: 50%;
	top: 0;
	right: 0;
	position: absolute;
}

.page-process .step.last {
	border-bottom: none;
	margin-bottom: 100px;
}

.page-process .step.last:before {
	content: '';
	height: 1px;
	background-color: #a89e72;
	width: 50%;
	bottom: 0;
	right: 0;
	position: absolute;
}

.page-process .step.last:after {
	content: '';
	width: 1px;
	height: 100px;
	background-color: #a89e72;
	position: absolute;
	bottom: -100px;
	left: 50%;
}

/* @end */

/* @group Services */

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

.page-services .services {
	background-color: #434345;
	padding-top: .1em;
}

.page-services .services h2 {
	text-transform: uppercase;
	font-size: 2em;
}

.page-services .services .fancy-icon span.lines:before,
.page-services .services .fancy-icon span.lines:after {
	background-color: rgba(255, 255, 255, 0.25);
}

.page-services .services .fancy-icon i {
	font-weight: normal;
	font-style: normal;
}

.page-services .services.web-design h2 {
	color: #d85530;
}

.page-services .services p {
	color: #fff;
}

.page-services .services ul {
	padding: 0;
	list-style-type: none;
	list-style-position: inside;
}

.page-services .services li {
	width: auto;
	padding-left: .5em;
	color: rgba(255, 255, 255, 0.5);
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.page-services .services li:before {
	content: '\e90d';
	font-family: "picons";
	position: relative;
	left: -.3em;
	font-weight: normal;
	font-style: normal;
	color: #cfc080;
}

.page-services .services.branding {
	background-color: #f1f1f0;
	position: relative;
}

.page-services .services.branding h2 {
	color: #d85530;
}

.page-services .services.branding .fancy-icon span.lines:before,
.page-services .services.branding .fancy-icon span.lines:after {
	background-color: rgba(0, 0, 0, 0.15);
}

.page-services .services.branding p {
	color: #58585a;
}

.page-services .services.branding li {
	color: rgba(0, 0, 0, 0.35);
}

.page-services .consulting {
	background-color: #cfc080;
	position: relative;
}

.page-services .consulting h2.fancy-icon i {
	color: rgba(255, 255, 255, 0.5);
}

.page-services .consulting li:before {
	color: #4d6d8b;
}

.page-services .consulting li {
	color: rgba(250, 250, 250, 0.74);
}

/* @end */

/* @group Home */

.page-home .banner {
	text-align: center;
}

.page-home .banner h1 {
	background: url(../img/handcrafted-mobile.png) center top no-repeat;
	background-size: 100% auto;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	height: 327px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
}

.page-home .banner h2 {
	font: 1.1em/1.3em "skolar-sans-latin", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #b3b1ad;
	text-align: center;
}

.page-home .banner a.button {
	margin-top: 1em;
	margin-bottom: 2em;
}

.page-home .home-work {
	background-color: #f1f1f0;
	padding-top: .1em;
}

.page-home .content blockquote {
	margin-bottom: 2%;
}

.page-home .donthire {
	background-color: #4e6d8c;
	position: relative;
	overflow: hidden;
	height: 520px;
}

.page-home .donthire a.shield {
	background: url(../img/donthire-shield-home.png) center center no-repeat;
	background-size: 649px;
	display: block;
	height: 520px;
	text-align: center;
	position: relative;
	z-index: 1;
	font: 4.8em/.8em "korolev-compressed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 180px;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.page-home .donthire a.shield span {
	font: 24px "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-transform: none;
	position: relative;
	display: block;
	top: .4em;
	color: #c9bc7d;
}

.page-home .donthire:after {
	content: '';
	height: 80px;
	width: 100%;
	background-color: #cfc080;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -40px;
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

.page-home .project,
.page-projects .project {
	padding: 4%;
	text-align: center;
	height: 520px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
}

.page-projects .project {
	height: 400px;
}

.page-home .project img.full,
.page-projects .project img.full {
	box-shadow: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

.page-home .project a,
.page-projects .project a {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	display: block;
}

.page-home .project a img.full:hover,
.page-projects .project a img.full:hover {
	opacity: 0.8;
}

.page-home .project.tiny-shiny-home img,
.page-projects .project.tiny-shiny-home img {
	max-width: 379px;
}

.page-home .project.nomadventure-shop img,
.page-projects .project.nomadventure-shop img {
	max-width: 450px;
}

.page-home .project.designhope,
.page-projects .project.designhope {
	background-color: #2c2c2e;
}

.page-home .project.designhope img,
.page-projects .project.designhope img {
	max-width: 579px;
}

.page-home .project.designhope .overlay,
.page-projects .project.designhope .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 81px 81px;
	top: 0;
	left: 0;
	opacity: 0.45;
}

.page-home .project.designhope a,
.page-projects .project.designhope a {
	position: relative;
	z-index: 1;
}

.page-home .project.freakishly_profitable,
.page-projects .project.freakishly_profitable {
	background-image: -webkit-linear-gradient(top, #9bd4d2 0%, #6ab6bb 100%);
	background-image: -moz-linear-gradient(top, #9bd4d2 0%, #6ab6bb 100%);
	background-image: -ms-linear-gradient(top, #9bd4d2 0%, #6ab6bb 100%);
	background-image: linear-gradient(to bottom, #9bd4d2 0%, #6ab6bb 100%);
	height: 520px;
}

.page-home .project.freakishly_profitable a,
.page-projects .project.freakishly_profitable a {
	position: absolute;
	bottom: 0;
	transform: none;
	display: block;
	top: auto;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	z-index: 1;
}

.page-home .project.freakishly_profitable img,
.page-projects .project.freakishly_profitable img {
	max-width: 463px;
}

.page-home .project.freakishly_profitable .overlay,
.page-projects .project.freakishly_profitable .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: 45px 45px;
	top: 0;
	left: 0;
	opacity: .53;
}

.page-home .project.kicktastic img,
.page-projects .project.kicktastic img {
	max-width: 428px;
}

.page-home .home-blog {
	clear: both;
	padding-top: 2em;
}

.page-home .featured-blog h4 {
	font-size: 2em;
	line-height: 1em;
}

.page-home .featured-blog a.home-blog-image {
	max-width: 300px;
	display: block;
}

.page-home .featured-blog img.left {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.page-home .featured-blog article {
	margin-bottom: 2em;
	clear: both;
	text-align: center;
}

.page-home .home-blog h4 a,
.page-home .home-blog .recent li h4 {
	color: #434345;
}

.page-home .home-blog h4 a:hover {
	color: #d85530;
}

.page-home .home-blog a.more {
	font-size: 1.2em;
}

.page-home .recent {
	text-align: center;
}

.page-home .recent ul {
	margin: 4em 0 0;
	padding: 0;
}

.page-home .recent li {
	margin-bottom: 2.5em;
}
	
.page-home .recent li:before {
	content: '';
}

.page-home .recent li h4 {
	font-size: 1.6em;
	margin-bottom: .5em;
	margin-top: 0;
}

/* @end */

/* @group Projects */

.page-projects article {
	padding: 4%;
}

.page-projects .wrapper.nopad {
	background-color: #f1f1f0;
	margin-bottom: 1em;
}

.page-projects .content article p {
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
}

.page-projects .content article h2 {
	margin-top: 0;
}

.page-projects .content article a.more {
	font-size: 1.1em;
}

.page-projects .content h1 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}

/* @end */

/* @group Quotes */

.page-quote h1 {
	margin-bottom: .2em;
}

.page-quote p.meta {
	margin-bottom: 2em;
}

.page-quote table {
	width: 100%;
}

.page-quote table thead {
	text-align: left;
	display: none;
}

.page-quote table tr {
	border-bottom: 1px solid #ceccca;
}

.page-quote table td {
	vertical-align: top;
	padding-top: 1em;
	padding-bottom: 1em;
}

.page-quote table td.hour_low {
	padding-left: 10%;
	text-align: right;
	width: 180px;
}

.page-quote .content table ul {
	margin: 0;
}

.page-quote .content table li {
	margin-bottom: .4em;
}

.page-quote .content table li:before {
	top: -.1em;
}

.page-quote .content table h2 {
	margin-top: 0;
}

.page-quote table td.hour_low h2 {
	color: #434345;
	margin-top: 1.4em;
}

.page-quote table td.hour_low h2 span {
	font: .7em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #b3b1ad;
}

.page-quote table td.hour_low h2 span.dollarsign {
	position: relative;
	top: -.5em;
	padding-right: .1em;
	font-weight: normal;
	font-style: normal;
	color: #434245;
	font: .6em "skolar-sans-latin", "Lucida Grande", Lucida, Verdana, sans-serif;
}

.page-quote .content table h3 {
	margin-bottom: .3em;
}

.page-quote .content table.total td.hour_low {
	text-align: right;
	width: 80%;
	font-style: italic;
}

.page-quote .content table.total td.hour_low span {
	font: 1em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #b3b1ad;
}

.page-quote .content table.total td.hour_low span.dollarsign {
	color: #434245;
	font-weight: normal;
	font-style: normal;
	font-family: "skolar-sans-latin", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: .6em;
	position: relative;
	top: -.4em ;
}

.page-quote .content table.total td.hour_low h2 {
	margin-top: 0;
	color: #d85530;
}

.page-quote .content table.total td.hour_low h2 span.dollarsign {
	color: #d85530;
	top: -.5em;
}

.page-quote .content .signature {
	font-family: "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #b3b1ad;
	margin-top: 2em;
	margin-bottom: 2em;
}

.page-quote .signature hr {
		margin-bottom: 0;
}

.page-quote .contact-section {
	padding: 0 4% 4%;
	background-color: #f0f1ef;
	clear: both;
}

.page-quote .contact-section ul {
	padding-left: 1.3em;
	margin: 0;
}

.page-quote .contact-section li {
	margin-bottom: .5em;
}

.page-quote .contact-section li.print:before {
	content: '\eb65';
	font-family: "picons";
	left: -1.3em;
}

.page-quote .contact-section li.download:before {
	content: '\ecf1';
	font-family: "picons";
	left: -1.3em;
}

.page-quote .contact-section li.mail:before {
	content: '\e904';
	font-family: "picons";
	left: -1.3em;
}

.page-quote .contact-section li.phone:before {
	content: '\eb70';
	font-family: "picons";
	left: -1.3em;
}

.page-quote .contact-section h3 {
	margin-bottom: .4em;
	margin-top: .8em;
	color: #434345;
	font-size: 1.2em;
}

/* @end */

/* @group Error */

.page-error .content {
	text-align: center;
}

.page-error .content img.full {
	box-shadow: none;
	max-width: 497px;
	margin-left: auto;
	margin-right: auto;
}

.page-email .content,
.page-email .content h1 {
	text-align: center;
}

/* @end */

/* @group Footer */

footer {
	text-align: center;
	padding-top: 1em;
	clear: both;
}

footer .wrapper {
	max-width: 740px;
}

footer h4 {
	margin-bottom: .7em;
}

footer ul {
	margin: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.1em;
}

footer ul li {
	list-style-type: none;
	margin-bottom: .8em;
}

footer ul li a:link,
footer ul li a:visited {
	color: #b3b1ad;
}

footer ul li a:hover {
	color: #434345;
}

footer .follow a.ss-icon {
	font-size: 1.7em;
	position: relative;
	top: .2em;
	margin-left: .3em;
	display: inline-block;
	color: #cfc080;
}

footer .follow a.ss-icon:hover {
	color: #434245;
}

footer .follow a.first {
	margin-left: 0;
}

footer form.infield {
	background-color: transparent;
	padding: 0;
	margin-bottom: 0;
}

footer .infield .form-item {
	margin-top: 0;
	margin-bottom: 0;
}

footer .infield .email input {
	border: 1px solid #ceccca;
	padding-left: 2.5em;
	padding-top: .4em;
	padding-bottom: .4em;
	padding-right: .2em;
	font-size: .9em;
}

footer .infield .form-item:before {
	content: '\e904';
	font-family: "picons";
	position: absolute;
	color: #cfc080;
	font-size: 1.4em;
	top: .25em;
	left: .3em;
}

footer form .form-item label  {
	border: 1px solid transparent;
	color: #cfc080;
	background-color: transparent;
	padding-left: 2.5em;
	padding-top: .4em;
	padding-bottom: .4em;
	padding-right: .2em;
	font-size: .9em;
}

footer .col {
	margin-bottom: 2em;
}

footer .contact h3 {
	color: #4e6d8c;
	margin-bottom: .3em;
	margin-top: 1em;
}

footer .contact p {
	margin-top: 0;
	font-size: .8em;
	color: #b3b1ad;
	line-height: 1.2em;
}

footer a.livelikeyoumeanit {
	background-image: url(../img/livelikeyoumeanit.png);
	max-width: 283px;
	height: 33px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-indent: -1000px;
	background-size: 100% auto;
	margin-top: 2em;
}


footer p.copyright {
	color: #ceccca;
	font: .8em "freight-text-pro", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	clear: both;
}

.page-contact footer .col,
.page-contact footer .contact,
.page-consult footer .col,
.page-consult footer .contact {
	display: none !important;
}

/* @end */


@media only screen and (min-width: 560px) {

	a.button, 
	form button[type="submit"],
	input[type="submit"] {
		width: auto;
	}
	
	.captcha img {
		float: left;
		position: relative;
		top: 1em;
	
	}
	
	footer .col.projects,
	footer .col.blog {
		display: inline-block;
		width: 49.5%;
		text-align: left;
		padding-left: 4%;
		vertical-align: top;
	}
	
	footer .col.projects{
		padding-left: 0;
	}
	
	footer .col.follow {
		clear: both;
	}
	
	footer .col.follow .split-col {
		width: 40%;
		display: inline-block;
	}
	
	.page-about .story-article {
		width: 50%;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 2em;
		text-align: left;
	}
	
	.page-about .story-article img {
		max-width: 100%;
	}
	
	.page-home .banner h1 {
		background-image: url(../img/handcrafted.png);
		max-width: 1148px;
		height: auto;
		padding-bottom: 24%;
	}
	
	.page-home .banner h2 {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		margin-top: -3%;
	}
	
	.page-quote .content table.total td.hour_low {
		width: 50%;
	}

}


	
@media only screen and (min-width: 768px) {	
	
	header {
		margin-bottom: 5em;
	}
	
	header .logo {
		float: left;
	}
	
	header .wrapper {
		padding-left: 4%;
		padding-right: 4%;
	}
	
	
	.js .nav-collapse {
	  position: relative;
	  overflow: visible;
	}
	.js .nav-collapse.closed {
	  max-height: none;
	}
	.nav-toggle {
	  display: none;
	}
	
	header .nav-collapse,
	header .nav-collapse.opened {
		background-color: transparent;
		width: auto;
		position: relative;
		display: block;
		margin-left: 0;
		margin-right: 0;
		-moz-box-shadow: none;
		box-shadow: none;
		text-align: center;
		top: 0;
		float: right;
	}
	
	
	header .nav-collapse li {
		display: inline-block;
		width: auto;
		position: relative;
		
	}
	
	header .nav-collapse ul li a {
		display: block;
		padding-left: .5em;
		padding-right: .5em;
		color: #434345;
		padding-top: 1.43em;
		padding-bottom: 1.43em;
	}
		
	header .nav-collapse ul li.current a:link,
	header .nav-collapse ul li.current a:visited {
	background-color: #fff;
	color: #d85531;
}
	
	
	
	
	
	header .nav-collapse li.cta a {
		border: 1px solid #AFB8C4;
	}
	
	header .nav-collapse ul li a:hover,
	header .nav-collapse ul li:hover > a,
	header .nav-collapse ul li.current a,
	header .nav-collapse ul li.current li a:hover {
		background-color: #434345;
		color: #fff;
	}
	
	header .nav-collapse ul ul li a {
		border-top: 1px solid #f0f1ef;
	}
	
		
	/* The Dropdown Styles */
	/* =================== */
	
	/* Hide Dropdowns by Default */
	
	header .nav-collapse ul ul {
		display: none;
		position: absolute; 
		top: 3.4em;
		z-index: 99;
	}
	

		
	/* Display Dropdowns on Hover */
	header .nav-collapse ul li:hover > ul {
		display:list-item;
		list-style-type: none;
	}
		
	/* Fisrt Tier Dropdown */
	header .nav-collapse ul ul li {
		width:135px;
		float:none;
		position: relative;
		border-bottom:none;
		background-color: #fff;
		margin-left: 0;
		-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
		font-size: .8em;
	}
	
	
	
	
	/* Second, Third and more Tiers	*/
	header .nav-collapse ul ul ul li {
		position: absolute relative;
		top:-58px; 
		left:170px;
	}
	
	
	
	img.left,
	img.right,
	.content figure.left,
	.content figure.right {
		float: left;
		width: auto;
		max-width: auto;
		margin: auto;
		margin-right: 1em;
		margin-bottom: 1em;
	}
	
	img.right,
	.content figure.right {
		float: right;
		margin-left: 1em;
		margin-right: 0;
	}
	
	.content figure img {
		margin-bottom: 0;
	}
	
	div.meta {
		float: left;
		width: 49%;
		margin-top: 1.5em;
		margin-bottom: 3em;
	}
	
	.share {
		float: right;
		width: 49%;
		text-align: right;
		margin-top: 2em;
		margin-bottom: 3em;
	}
	
	.page-portfolio-detail div.meta,
	.page-portfolio-detail .share {
		margin-top: 0;
	}
	
	.ad {
		margin-left: auto;
		margin-right: auto;
	}
	
	.nextprev {
		-webkit-transform-style: preserve-3d;
 		-moz-transform-style: preserve-3d;
  		transform-style: preserve-3d;
  		clear: both;
	}
	
	.nextprev article {
		position: relative;
		top: 50%;
  		transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
	}
	
	.nextprev a {
		float: left;
		width: 45%;
		clear: none;
		vertical-align: text-bottom;
		height: 230px;
		padding-left: 8%;
		padding-right: 8%;
	}
	
	.nextprev a.next {
		float: right;
		margin-right: 36px;
	}
	
	.nextprev a.prev {
		margin-left: 36px;
	}
	
	.nextprev a.prev:before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 115px 36px 115px 0;
		border-color: transparent #f1f1f0 transparent transparent;
		position: absolute;
		left: -36px;
		top: 0;
		transition: 0.3s all ease; 
	}
	
	.nextprev a:hover.prev:before {
		border-color: transparent #434345 transparent transparent;
	}
	
	.nextprev a.next:before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 115px 0 115px 36px;
		border-color: transparent transparent transparent #f1f1f0;
		right: -36px;
		top: 0px;
		position: absolute;
		transition: 0.3s all ease; 
	}
	
	.nextprev a:hover.next:before {
		border-color: transparent transparent transparent #434345;
	}
	
	footer .wrapper {
		max-width: 1400px;
	}
	
	footer .col.projects,
	footer .col.blog,
	footer .col.follow {
		width: 32.8%;
		display: inline-block;
		vertical-align: top;
	}
	
	footer .col.follow {
		clear: none;
		text-align: left;
		padding-left: 4%;
	}
	
	footer .col.follow .split-col {
		width: 100%;
	}
	
	footer .col.follow .form-item {
		max-width: 225px;
	}

	.page-blog-listing .content {
		float: left;
		width: 60%;
		padding-right: 4%;
	}
	
	.page-blog-listing .sidebar {
		float: right;
		width: 30%;
		max-width: 300px;
		text-align: left;
	}
	
	.fields-float {
		clear: both;
	}
	
	.fields-float .form-item {
	float: left;
	clear: none;
	margin-top: 0;
	margin-left: 4%;
	}
	
	.fields-float .form-item:first-child {
		margin-left: 0;
	}
	
	.fields-float .col-50 {
		width: 48%;
	}
	
	.fields-float .col-20 {
		width: 20%;
	}
	
	.fields-float .col-30 {
		width: 28%;
	}
	
	.contact-wrapper .col {
	width: 23.5%;
	display: inline-block;
	text-align: left;
	margin-left: 8%;
	vertical-align: top;
	font-size: .9em;
	}
	
	.contact-wrapper .col.first {
		margin-left: 0;
		width: 35%;
	}
	
	.page-portfolio-detail .section-info {
		overflow: hidden;
		font-size: .85em;
		line-height: 1.3em;
		padding-bottom: 1em;
		padding-top: 3em;
	}
	
	.page-portfolio-detail .content-block figure {
		float: right;
		width: 60%;
		margin-left: 2.3em;
	}
	
	
	.page-portfolio-detail .content-block.first figure {
		margin-top: -450px;
	}
	
	.page-portfolio-detail .content-block.first.livelink figure {
		margin-top: -500px;
	}
	
	.page-portfolio-detail .content-block h2 {
		margin-top: 0;
	}
	
	.page-portfolio-detail .banner article {
		width: 35%;
		float: left;
		padding-bottom: 2em;
	}
	
	.page-portfolio-detail .banner .media {
		float: right;
		width: 60%;
	}
	
	nav.portfolio li a {
		padding-left: 1.4em;
		padding-right: 1.4em;
	}
	
	nav.portfolio li a:before {
		margin-right: .2em;
	}
	
	nav.portfolio ul li span {
		display: inline-block;
	}
	
	nav.portfolio h4 {
		display: none;
	}
	
	.page-portfolio-listing article.portfolio,
	.page-home article.portfolio {
		display: inline-block;
		width: 28%;
		vertical-align: top;
		margin-left: 8%;
		text-align: left;
		min-height: 500px;
	}
	
	.page-home article.portfolio {
		min-height: 0;
		height: auto;
		width: 30%;
		margin-left: 5%;
	}
	
	.page-portfolio-listing article.portfolio.first,
	.page-home article.portfolio.first {
		margin-left: 0;
	}
	
	.page-about .services {
		float: left;
		width: 49%;
		padding-bottom: 0;
	}
	
	.page-about .services .overlay {
		min-height: 460px;
		float: left;
		width: 100%;
		padding-bottom: 0;
	}
	
	.page-about .process {
		float: right;
		width: 49%;
		min-height: 460px;
		padding-bottom: 0;
	}
	
	.page-about .services ul {
		max-width: 320px;
		padding-left: 1em;
	}
	
	.page-about .team {
		background-position: -400px center;
	}
	
	.page-about .team img {
		float: left;
		width: 50%;
	}
	
	.page-about .team .bio-wrapper {
		background-color: transparent;
		float: right;
		width: 50%;
		font-size: .9em;
		margin-top: 2em;
	}
	
	.page-about .team .team-info {
		float: left;
		width: 50%;
	}
	
	.page-about .team .social {
		float: right;
		width: 50%;
		text-align: right;
		margin-top: 2em;
	}
	
	.page-about .nate {
		float: left;
		width: 50%;
	}
	
	.page-about .nate p {
		font-size: .9em;
		line-height: 1.3em;
	}
	
	.page-about .last-thing {
		float: right;
		width: 50%;
	}
	
	.page-about .last-thing h2 {
		margin-top: .3em;
		margin-bottom: .5em;
		font-size: 2.5em;
		text-align: left;
	}
	
	.recent-work {
		margin-bottom: -5px;
		clear: both;
	}
	
	.recent-work .portfolio {
		width: 28%;
		display: inline-block;
		margin-left: 2%;
		margin-right: 2%;
	}

	
	.recent-work.browser .portfolio {
		width: 31%;
		display: inline-block;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.recent-work.browser .portfolio img {
		margin-bottom: 0;
	}
	
	.page-services .services ul {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2em;
		margin-top: 2em;
	}
	
	.page-services .services li {
		width: 46%;
		float: left;
		text-align: left;
		margin-left: 4%;
	}
	
	.page-services .development {
		background-color: #4e6d8c;
	}
	
	.page-services .development h2 {
		color: #fff;
	}
	
	.page-services .development p {
		color: rgba(255, 255, 255, 0.67);
	}
	
	.page-services .development li {
		color: #fff;
	}
	
	.page-home .donthire {
		float: left;
		width: 49%;
		margin-right: 1%;
	}
	
	
	.page-home .project {
		float: right;
		width: 49%;
		margin-left: 1%;
	}
	
	.page-home .home-blog {
		font-size: .9em;
	}
	
	.page-home .home-blog .featured-blog p {
		line-height: 1.3em;
	}
	
	.page-home .featured-blog {
		float: left;
		width: 65%;
		text-align: left;
	}
	
	.page-home .featured-blog article a.home-blog-image {
		display: block;
	}
	
	.page-home .featured-blog article img.left {
		margin-right: 2em;
		width: 30%;
	}
	
	.page-home .featured-blog .article-content {
		text-align: left;
	}
	
	.page-home .featured-blog article h4 {
		margin-top: 0;
	}
	
	.page-home .recent {
		float: right;
		width: 25%;
		text-align: left;
	}
	
	.page-home .recent ul {
		margin-top: 1em;
	}
	
	.page-home .recent h4:before {
		left: 0;
		margin-left: 0;
	}
	
	.page-projects .project {
		height: 520px;
		float: left;
		width: 50%;
	}
	
	.page-projects .content article {
		float: right;
		width: 50%;
	}
	
	.page-quote .signature {
		float: left;
		width: 48%;
		margin-bottom: 2em;
	}
	
	.page-quote .signature.last {
		float: right;
	}
	
	.action-callout.portfolio h3 span.header-split {
	font-size: .3em;
	letter-spacing: 9px;
}

.action-callout.portfolio h3 strong {
	font-size: 1.8em;
}
	
}
 
 
 @media only screen and (min-width: 960px) {
	
	body {
		font-size: 21px;
		line-height: 28px;
	}
	
	header .nav-collapse ul li a {
		padding-top: 1.2em;
		padding-bottom: 1.19em;
	}
	
	.nav-collapse ul li.search a {
		padding-top: 1.19em;
		padding-bottom: 1.19em;
	}
	
	.nextprev a.prev,
	.nextprev a.next {
		width: 46%;
	}
	
	.page-blog-listing .content {
		width: 70%;
	}
	
	.dont-hire .content h1 {
		font-size: 4em;
	}
	
	.page-about .content h1 {
		font-size: 3.4em;
	}
	
	.page-portfolio-listing .banner {
		position: relative;
	}
	
	.page-portfolio-listing .banner img {
		margin-bottom: 0;
	}
	
	.page-portfolio-listing .banner .faux-browser {
		position: absolute;
		width: 55%;
		margin-right: 4%;
		left: 4%;
		bottom: 0;
	}
	
	.page-portfolio-listing .banner article {
        width: 35%;
        float: right;
        font-size: .9em;
	}
	
	.page-portfolio-listing .banner a.button {
		margin-bottom: 2em;
	}
	
	.page-about .story-article {
		width: 25%;
		margin-bottom: .5em;
	}
	
	.page-about .story article {
	padding-left: 8%;
	padding-right: 8%;
}
	
	.page-about .story p {
		font-size: .8em;
	}
	
	.page-about .team .bio-wrapper {
		margin-top: 4em;
	}
	
	.page-about .nate img {
		position: absolute;
		right: 4%;
		bottom: 0;
		width: 50%;
	}
	
	.page-about .nate .bio-wrapper {
		width: 50%;
		position: relative;
		z-index: 1;
	}
	
	.page-home .banner h2 {
		max-width: 690px;
	}
	
	.page-home .donthire a.shield {
		font-size: 4.1em;
	}
	
	.page-home .project.freakishly_profitable a,
	.page-projects .project.freakishly_profitable a {
		width: 70%;
	}
	
	.page-quote table td.hour_low {
		width: 200px;
	}
	
	.page-about .services ul {
		max-width: 420px;
		padding-left: 2em;
	}
	
	.content video {
		width: 140% !important;
		margin-left: -20%;
	}
	
}


@media only screen and (min-width: 1200px) {
	footer .col.projects,
	footer .col.blog,
	footer .col.follow,
	footer .contact {
		width: 24.6%;
		display: inline-block;
		vertical-align: top;
	}
	
	footer .contact a.button {
	padding-left: .3em;
	padding-right: .3em;
	display: block;
	margin-top: .8em;
	font-size: 1.5em;
}

	
	footer .col.contact {
		text-align: left;
		padding-left: 4%;
	}
	
	.page-portfolio-listing .banner a.button {
		margin-bottom: 4em;
	}
	
	.page-about .nate img {
		width: auto;
	}
	
	.page-home .featured-blog article img.left {
		width: 100%;
	}
	
	.content video {
		width: 160% !important;
		margin-left: -30%;
	}

}

/* @group Helper */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

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

/* @end */



@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

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

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

    thead {
        display: table-header-group;
    }

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

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

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

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