@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

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

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

.button.button-icon .icon,
.button.button-icon .ss-standard.icon,
.modal-close,
.nav .nav-link.home,
.nav .ss-standard.nav-link.home,
.ss-icon,
.ss-icon.ss-standard,
.ss-standard.modal-close,
[class*=" ss-"].right:after,
[class*=" ss-"].ss-standard.right:after,
[class*=" ss-"].ss-standard:before,
[class*=" ss-"]:before,
[class^=ss-].right:after,
[class^=ss-].ss-standard.right:after,
[class^=ss-].ss-standard:before,
[class^=ss-]:before,
a.button.button-icon .icon {
    font-family: SSStandard;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -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
}

.ss-cursor.right:after,
.ss-cursor:before {
    content: ''
}

.ss-crosshair.right:after,
.ss-crosshair:before {
    content: '⌖'
}

.ss-search.right:after,
.ss-search:before {
    content: '🔎'
}

.ss-zoomin.right:after,
.ss-zoomin:before {
    content: ''
}

.ss-zoomout.right:after,
.ss-zoomout:before {
    content: ''
}

.ss-view.right:after,
.ss-view:before {
    content: '👀'
}

.ss-attach.right:after,
.ss-attach:before {
    content: '📎'
}

.ss-link.right:after,
.ss-link:before {
    content: '🔗'
}

.ss-move.right:after,
.ss-move:before {
    content: ''
}

.ss-write.right:after,
.ss-write:before {
    content: '✎'
}

.ss-writingdisabled.right:after,
.ss-writingdisabled:before {
    content: ''
}

.ss-erase.right:after,
.ss-erase:before {
    content: '✐'
}

.ss-compose.right:after,
.ss-compose:before {
    content: '📝'
}

.ss-lock.right:after,
.ss-lock:before {
    content: '🔒'
}

.ss-unlock.right:after,
.ss-unlock:before {
    content: '🔓'
}

.ss-key.right:after,
.ss-key:before {
    content: '🔑'
}

.ss-backspace.right:after,
.ss-backspace:before {
    content: '⌫'
}

.ss-ban.right:after,
.ss-ban:before {
    content: '🚫'
}

.ss-trash.right:after,
.ss-trash:before {
    content: ''
}

.ss-target.right:after,
.ss-target:before {
    content: '◎'
}

.ss-tag.right:after,
.ss-tag:before {
    content: ''
}

.ss-bookmark.right:after,
.ss-bookmark:before {
    content: '🔖'
}

.ss-flag.right:after,
.ss-flag:before {
    content: '⚑'
}

.ss-dislike.right:after,
.ss-dislike:before {
    content: '👎'
}

.ss-heart.right:after,
.ss-heart:before {
    content: '♥'
}

.ss-halfheart.right:after,
.ss-halfheart:before {
    content: ''
}

.ss-star.right:after,
.ss-star:before {
    content: '⋆'
}

.ss-halfstar.right:after,
.ss-halfstar:before {
    content: ''
}

.ss-sample.right:after,
.ss-sample:before {
    content: ''
}

.ss-crop.right:after,
.ss-crop:before {
    content: ''
}

.ss-layers.right:after,
.ss-layers:before {
    content: ''
}

.ss-fill.right:after,
.ss-fill:before {
    content: ''
}

.ss-stroke.right:after,
.ss-stroke:before {
    content: ''
}

.ss-phone.right:after,
.ss-phone:before {
    content: '📞'
}

.ss-phonedisabled.right:after,
.ss-phonedisabled:before {
    content: ''
}

.ss-facetime.right:after,
.ss-facetime:before {
    content: ''
}

.ss-reply.right:after,
.ss-reply:before {
    content: '↩'
}

.ss-send.right:after,
.ss-send:before {
    content: ''
}

.ss-inbox.right:after,
.ss-inbox:before {
    content: '📥'
}

.ss-chat.right:after,
.ss-chat:before {
    content: '💬'
}

.ss-ellipsischat.right:after,
.ss-ellipsischat:before {
    content: ''
}

.ss-ellipsis.right:after,
.ss-ellipsis:before {
    content: '…'
}

.ss-user.right:after,
.ss-user:before {
    content: '👤'
}

.ss-femaleuser.right:after,
.ss-femaleuser:before {
    content: '👧'
}

.ss-users.right:after,
.ss-users:before {
    content: '👥'
}

.ss-cart.right:after,
.ss-cart:before {
    content: ''
}

.ss-creditcard.right:after,
.ss-creditcard:before {
    content: '💳'
}

.ss-dollarsign.right:after,
.ss-dollarsign:before {
    content: '💲'
}

.ss-barchart.right:after,
.ss-barchart:before {
    content: '📊'
}

.ss-piechart.right:after,
.ss-piechart:before {
    content: ''
}

.ss-box.right:after,
.ss-box:before {
    content: '📦'
}

.ss-home.right:after,
.ss-home:before {
    content: '⌂'
}

.ss-buildings.right:after,
.ss-buildings:before {
    content: '🏢'
}

.ss-warehouse.right:after,
.ss-warehouse:before {
    content: ''
}

.ss-globe.right:after,
.ss-globe:before {
    content: '🌎'
}

.ss-navigate.right:after,
.ss-navigate:before {
    content: ''
}

.ss-compass.right:after,
.ss-compass:before {
    content: ''
}

.ss-signpost.right:after,
.ss-signpost:before {
    content: ''
}

.ss-map.right:after,
.ss-map:before {
    content: ''
}

.ss-location.right:after,
.ss-location:before {
    content: ''
}

.ss-pin.right:after,
.ss-pin:before {
    content: '📍'
}

.ss-database.right:after,
.ss-database:before {
    content: ''
}

.ss-hdd.right:after,
.ss-hdd:before {
    content: ''
}

.ss-music.right:after,
.ss-music:before {
    content: '♫'
}

.ss-mic.right:after,
.ss-mic:before {
    content: '🎤'
}

.ss-volume.right:after,
.ss-volume:before {
    content: '🔈'
}

.ss-lowvolume.right:after,
.ss-lowvolume:before {
    content: '🔉'
}

.ss-highvolume.right:after,
.ss-highvolume:before {
    content: '🔊'
}

.ss-airplay.right:after,
.ss-airplay:before {
    content: ''
}

.ss-camera.right:after,
.ss-camera:before {
    content: '📷'
}

.ss-picture.right:after,
.ss-picture:before {
    content: '🌄'
}

.ss-video.right:after,
.ss-video:before {
    content: '📹'
}

.ss-play.right:after,
.ss-play:before {
    content: '▶'
}

.ss-pause.right:after,
.ss-pause:before {
    content: ''
}

.ss-stop.right:after,
.ss-stop:before {
    content: '■'
}

.ss-record.right:after,
.ss-record:before {
    content: '●'
}

.ss-rewind.right:after,
.ss-rewind:before {
    content: '⏪'
}

.ss-fastforward.right:after,
.ss-fastforward:before {
    content: '⏩'
}

.ss-skipback.right:after,
.ss-skipback:before {
    content: '⏮'
}

.ss-skipforward.right:after,
.ss-skipforward:before {
    content: '⏭'
}

.ss-eject.right:after,
.ss-eject:before {
    content: '⏏'
}

.ss-repeat.right:after,
.ss-repeat:before {
    content: '🔁'
}

.ss-replay.right:after,
.ss-replay:before {
    content: '↺'
}

.ss-shuffle.right:after,
.ss-shuffle:before {
    content: '🔀'
}

.ss-book.right:after,
.ss-book:before {
    content: '📕'
}

.ss-openbook.right:after,
.ss-openbook:before {
    content: '📖'
}

.ss-notebook.right:after,
.ss-notebook:before {
    content: '📓'
}

.ss-newspaper.right:after,
.ss-newspaper:before {
    content: '📰'
}

.ss-grid.right:after,
.ss-grid:before {
    content: ''
}

.ss-rows.right:after,
.ss-rows:before {
    content: ''
}

.ss-columns.right:after,
.ss-columns:before {
    content: ''
}

.ss-thumbnails.right:after,
.ss-thumbnails:before {
    content: ''
}

.ss-filter.right:after,
.ss-filter:before {
    content: ''
}

.ss-desktop.right:after,
.ss-desktop:before {
    content: '💻'
}

.ss-laptop.right:after,
.ss-laptop:before {
    content: ''
}

.ss-tablet.right:after,
.ss-tablet:before {
    content: ''
}

.ss-cell.right:after,
.ss-cell:before {
    content: '📱'
}

.ss-battery.right:after,
.ss-battery:before {
    content: '🔋'
}

.ss-highbattery.right:after,
.ss-highbattery:before {
    content: ''
}

.ss-mediumbattery.right:after,
.ss-mediumbattery:before {
    content: ''
}

.ss-lowbattery.right:after,
.ss-lowbattery:before {
    content: ''
}

.ss-emptybattery.right:after,
.ss-emptybattery:before {
    content: ''
}

.ss-lightbulb.right:after,
.ss-lightbulb:before {
    content: '💡'
}

.ss-downloadcloud.right:after,
.ss-downloadcloud:before {
    content: ''
}

.ss-download.right:after,
.ss-download:before {
    content: ''
}

.ss-uploadcloud.right:after,
.ss-uploadcloud:before {
    content: ''
}

.ss-upload.right:after,
.ss-upload:before {
    content: ''
}

.ss-fork.right:after,
.ss-fork:before {
    content: ''
}

.ss-merge.right:after,
.ss-merge:before {
    content: ''
}

.ss-transfer.right:after,
.ss-transfer:before {
    content: '⇆'
}

.ss-refresh.right:after,
.ss-refresh:before {
    content: '↻'
}

.ss-sync.right:after,
.ss-sync:before {
    content: ''
}

.ss-loading.right:after,
.ss-loading:before {
    content: ''
}

.ss-wifi.right:after,
.ss-wifi:before {
    content: ''
}

.ss-connection.right:after,
.ss-connection:before {
    content: ''
}

.ss-file.right:after,
.ss-file:before {
    content: '📄'
}

.ss-folder.right:after,
.ss-folder:before {
    content: '📁'
}

.ss-quote.right:after,
.ss-quote:before {
    content: '“'
}

.ss-text.right:after,
.ss-text:before {
    content: ''
}

.ss-font.right:after,
.ss-font:before {
    content: ''
}

.ss-print.right:after,
.ss-print:before {
    content: '⎙'
}

.ss-fax.right:after,
.ss-fax:before {
    content: '📠'
}

.ss-list.right:after,
.ss-list:before {
    content: ''
}

.ss-layout.right:after,
.ss-layout:before {
    content: ''
}

.ss-action.right:after,
.ss-action:before {
    content: ''
}

.ss-redirect.right:after,
.ss-redirect:before {
    content: '↪'
}

.ss-expand.right:after,
.ss-expand:before {
    content: '⤢'
}

.ss-contract.right:after,
.ss-contract:before {
    content: ''
}

.ss-help.right:after,
.ss-help:before {
    content: '❓'
}

.ss-info.right:after,
.ss-info:before {
    content: 'ℹ'
}

.ss-alert.right:after,
.ss-alert:before {
    content: '⚠'
}

.ss-caution.right:after,
.ss-caution:before {
    content: '⛔'
}

.ss-logout.right:after,
.ss-logout:before {
    content: ''
}

.ss-plus.right:after,
.ss-plus:before {
    content: '+'
}

.ss-hyphen.right:after,
.ss-hyphen:before {
    content: '-'
}

.ss-check.right:after,
.ss-check:before {
    content: '✓'
}

.ss-delete.right:after,
.ss-delete:before {
    content: '␡'
}

.ss-settings.right:after,
.ss-settings:before {
    content: '⚙'
}

.ss-dashboard.right:after,
.ss-dashboard:before {
    content: ''
}

.ss-notifications.right:after,
.ss-notifications:before {
    content: '🔔'
}

.ss-notificationsdisabled.right:after,
.ss-notificationsdisabled:before {
    content: '🔕'
}

.ss-clock.right:after,
.ss-clock:before {
    content: '⏲'
}

.ss-stopwatch.right:after,
.ss-stopwatch:before {
    content: '⏱'
}

.ss-calendar.right:after,
.ss-calendar:before {
    content: '📅'
}

.ss-addcalendar.right:after,
.ss-addcalendar:before {
    content: ''
}

.ss-removecalendar.right:after,
.ss-removecalendar:before {
    content: ''
}

.ss-checkcalendar.right:after,
.ss-checkcalendar:before {
    content: ''
}

.ss-deletecalendar.right:after,
.ss-deletecalendar:before {
    content: ''
}

.ss-briefcase.right:after,
.ss-briefcase:before {
    content: '💼'
}

.ss-cloud.right:after,
.ss-cloud:before {
    content: '☁'
}

.ss-droplet.right:after,
.ss-droplet:before {
    content: '💧'
}

.ss-flask.right:after,
.ss-flask:before {
    content: ''
}

.ss-up.right:after,
.ss-up:before {
    content: '⬆'
}

.ss-upright.right:after,
.ss-upright:before {
    content: '⬈'
}

.ss-right.right:after,
.ss-right:before {
    content: '➡'
}

.ss-downright.right:after,
.ss-downright:before {
    content: '⬊'
}

.ss-down.right:after,
.ss-down:before {
    content: '⬇'
}

.ss-downleft.right:after,
.ss-downleft:before {
    content: '⬋'
}

.ss-left.right:after,
.ss-left:before {
    content: '⬅'
}

.ss-upleft.right:after,
.ss-upleft:before {
    content: '⬉'
}

.ss-navigateup.right:after,
.ss-navigateup:before {
    content: ''
}

.ss-navigateright.right:after,
.ss-navigateright:before {
    content: '▻'
}

.ss-navigatedown.right:after,
.ss-navigatedown:before {
    content: ''
}

.ss-navigateleft.right:after,
.ss-navigateleft:before {
    content: '◅'
}

.ss-directup.right:after,
.ss-directup:before {
    content: '▴'
}

.ss-directright.right:after,
.ss-directright:before {
    content: '▹'
}

.ss-dropdown.right:after,
.ss-dropdown:before {
    content: '▾'
}

.ss-directleft.right:after,
.ss-directleft:before {
    content: '◃'
}

.ss-retweet.right:after,
.ss-retweet:before {
    content: ''
}

.ss-volumelow.right:after,
.ss-volumelow:before {
    content: '🔉'
}

.ss-volumehigh.right:after,
.ss-volumehigh:before {
    content: '🔊'
}

.ss-batteryhigh.right:after,
.ss-batteryhigh:before {
    content: ''
}

.ss-batterymedium.right:after,
.ss-batterymedium:before {
    content: ''
}

.ss-batterylow.right:after,
.ss-batterylow:before {
    content: ''
}

.ss-batteryempty.right:after,
.ss-batteryempty:before {
    content: ''
}

.ss-clouddownload.right:after,
.ss-clouddownload:before {
    content: ''
}

.ss-cloudupload.right:after,
.ss-cloudupload:before {
    content: ''
}

.ss-calendaradd.right:after,
.ss-calendaradd:before {
    content: ''
}

.ss-calendarremove.right:after,
.ss-calendarremove:before {
    content: ''
}

.ss-calendarcheck.right:after,
.ss-calendarcheck:before {
    content: ''
}

.ss-calendardelete.right:after,
.ss-calendardelete:before {
    content: ''
}

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

@font-face {
    font-family: SSSocial;
    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: 700;
    font-style: normal
}

html:hover [class^=ss-] {
    -ms-zoom: 1
}

.button.button-icon .icon-social-circle.modal-close,
.button.button-icon .icon-social.modal-close,
.button.button-icon .icon.icon-social,
.button.button-icon .icon.icon-social-circle,
.button.button-icon .nav .icon-social-circle.nav-link.home,
.button.button-icon .nav .icon-social.nav-link.home,
.button.button-icon .ss-icon.icon-social,
.button.button-icon .ss-icon.icon-social-circle,
.button.button-icon .ss-social-circle.icon,
.button.button-icon .ss-social.icon,
.nav .button.button-icon .icon-social-circle.nav-link.home,
.nav .button.button-icon .icon-social.nav-link.home,
.nav .ss-social-circle.nav-link.home,
.nav .ss-social.nav-link.home,
.social .social-item,
.ss-icon.ss-social,
.ss-icon.ss-social-circle,
.ss-social-circle.modal-close,
.ss-social.modal-close,
[class*=" ss-"].right:after,
[class*=" ss-"]:before,
[class*=" ss-"][class*=" ss-social"].right:after,
[class*=" ss-"][class*=" ss-social"]:before,
[class^=ss-].right:after,
[class^=ss-]:before,
[class^=ss-][class*=" ss-social"].right:after,
[class^=ss-][class*=" ss-social"]:before {
    font-family: SSSocial;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -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
}

.button.button-icon .icon-social-circle.modal-close,
.button.button-icon .icon.icon-social-circle,
.button.button-icon .nav .icon-social-circle.nav-link.home,
.button.button-icon .ss-icon.icon-social-circle,
.button.button-icon .ss-social-circle.icon,
.button.button-icon [class*=" ss-"].icon-social-circle:before,
.button.button-icon [class*=" ss-"].right.icon-social-circle:after,
.button.button-icon [class^=ss-].icon-social-circle:before,
.button.button-icon [class^=ss-].right.icon-social-circle:after,
.nav .button.button-icon .icon-social-circle.nav-link.home,
.nav .ss-social-circle.nav-link.home,
.ss-icon.ss-social-circle,
.ss-social-circle.modal-close,
[class*=" ss-"].ss-social-circle.right:after,
[class*=" ss-"].ss-social-circle:before,
[class^=ss-].ss-social-circle.right:after,
[class^=ss-].ss-social-circle:before {
    font-weight: 700
}

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

.ss-facebook.right:after,
.ss-facebook:before {
    content: ''
}

.ss-twitter.right:after,
.ss-twitter:before {
    content: ''
}

.ss-linkedin.right:after,
.ss-linkedin:before {
    content: ''
}

.ss-googleplus.right:after,
.ss-googleplus:before {
    content: ''
}

.ss-appdotnet.right:after,
.ss-appdotnet:before {
    content: ''
}

.ss-zerply.right:after,
.ss-zerply:before {
    content: ''
}

.ss-reddit.right:after,
.ss-reddit:before {
    content: ''
}

.ss-tumblr.right:after,
.ss-tumblr:before {
    content: ''
}

.ss-wordpress.right:after,
.ss-wordpress:before {
    content: ''
}

.ss-blogger.right:after,
.ss-blogger:before {
    content: ''
}

.ss-posterous.right:after,
.ss-posterous:before {
    content: ''
}

.ss-youtube.right:after,
.ss-youtube:before {
    content: ''
}

.ss-vimeo.right:after,
.ss-vimeo:before {
    content: ''
}

.ss-flickr.right:after,
.ss-flickr:before {
    content: ''
}

.ss-instagram.right:after,
.ss-instagram:before {
    content: ''
}

.ss-fivehundredpx.right:after,
.ss-fivehundredpx:before {
    content: ''
}

.ss-pinterest.right:after,
.ss-pinterest:before {
    content: ''
}

.ss-svpply.right:after,
.ss-svpply:before {
    content: ''
}

.ss-readmill.right:after,
.ss-readmill:before {
    content: ''
}

.ss-dropbox.right:after,
.ss-dropbox:before {
    content: ''
}

.ss-pinboard.right:after,
.ss-pinboard:before {
    content: ''
}

.ss-dribbble.right:after,
.ss-dribbble:before {
    content: ''
}

.ss-behance.right:after,
.ss-behance:before {
    content: ''
}

.ss-github.right:after,
.ss-github:before {
    content: ''
}

.ss-octocat.right:after,
.ss-octocat:before {
    content: ''
}

.ss-stackoverflow.right:after,
.ss-stackoverflow:before {
    content: ''
}

.ss-paypal.right:after,
.ss-paypal:before {
    content: ''
}

.ss-kickstarter.right:after,
.ss-kickstarter:before {
    content: ''
}

.ss-foursquare.right:after,
.ss-foursquare:before {
    content: ''
}

.ss-yelp.right:after,
.ss-yelp:before {
    content: ''
}

.ss-skype.right:after,
.ss-skype:before {
    content: ''
}

.ss-rdio.right:after,
.ss-rdio:before {
    content: ''
}

.ss-spotify.right:after,
.ss-spotify:before {
    content: ''
}

.ss-lastfm.right:after,
.ss-lastfm:before {
    content: ''
}

.ss-soundcloud.right:after,
.ss-soundcloud:before {
    content: ''
}

.ss-mail.right:after,
.ss-mail:before {
    content: '✉'
}

.ss-like.right:after,
.ss-like:before {
    content: '👍'
}

.ss-rss.right:after,
.ss-rss:before {
    content: ''
}

.ss-share.right:after,
.ss-share:before {
    content: ''
}

.ss-apple.right:after,
.ss-apple:before {
    content: ''
}

.ss-microsoft.right:after,
.ss-microsoft:before {
    content: ''
}

.ss-windows.right:after,
.ss-windows:before {
    content: ''
}

.ss-android.right:after,
.ss-android:before {
    content: ''
}

.ss-blackberry.right:after,
.ss-blackberry:before {
    content: ''
}

.form-row:after,
.form-row:before,
.header:after,
.header:before,
.nav:after,
.nav:before,
.project-individual:after,
.project-individual:before,
.projects .projects-list:after,
.projects .projects-list:before,
.social:after,
.social:before {
    content: ' ';
    display: table
}

.form-row:after,
.header:after,
.nav:after,
.project-individual:after,
.projects .projects-list:after,
.social:after {
    clear: both
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased
}

body {
    font-size: 1.4em
}

button,
input,
textarea {
    border: 0;
    color: #555;
    font-family: "Open Sans", Cambria, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: inherit;
    margin: 0;
    -webkit-font-smoothing: antialiased
}

button:focus,
input:focus,
textarea:focus {
    -webkit-outline: 0;
    -moz-outline: 0;
    outline: 0
}

body.modal-active {
    overflow: hidden
}

a,
a:visited {
    -webkit-transition: color .1s ease;
    -moz-transition: color .1s ease;
    transition: color .1s ease
}

p {
    line-height: 150%
}

abbr {
    cursor: help;
    border-bottom: 1px dotted #bbb
}

code,
kbd {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "Source Code Pro", "Courier New", Courier, monospace;
    padding: 1px 5px 2px;
    white-space: nowrap
}

code {
    background: #ededed
}

kbd {
    background: #555;
    color: #fff
}

.form-row {
    margin: 0 0 2rem
}

.form-row:last-child {
    margin-bottom: 0
}

.form-column {
    float: left;
    margin: 0 2rem 0 0
}

.form-column:last-child {
    margin-right: 0
}

label {
    display: block;
    font-weight: 700;
    margin: 0 0 .5rem
}

label .description {
    color: #bbb;
    font-weight: 400
}

label.error {
    color: #c42424
}

.textbox,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: border-color .1s ease;
    -moz-transition: border-color .1s ease;
    transition: border-color .1s ease;
    border: 1px solid #ccc;
    padding: 8px 12px
}

.textbox.disabled,
input[type=color].disabled,
input[type=date].disabled,
input[type=datetime-local].disabled,
input[type=datetime].disabled,
input[type=email].disabled,
input[type=month].disabled,
input[type=number].disabled,
input[type=password].disabled,
input[type=range].disabled,
input[type=search].disabled,
input[type=tel].disabled,
input[type=text].disabled,
input[type=time].disabled,
input[type=url].disabled,
input[type=week].disabled,
textarea.disabled {
    background: #ededed;
    color: #bbb;
    cursor: not-allowed
}

.textbox.error,
.textbox.error:focus,
input[type=color].error,
input[type=color].error:focus,
input[type=date].error,
input[type=date].error:focus,
input[type=datetime-local].error,
input[type=datetime-local].error:focus,
input[type=datetime].error,
input[type=datetime].error:focus,
input[type=email].error,
input[type=email].error:focus,
input[type=month].error,
input[type=month].error:focus,
input[type=number].error,
input[type=number].error:focus,
input[type=password].error,
input[type=password].error:focus,
input[type=range].error,
input[type=range].error:focus,
input[type=search].error,
input[type=search].error:focus,
input[type=tel].error,
input[type=tel].error:focus,
input[type=text].error,
input[type=text].error:focus,
input[type=time].error,
input[type=time].error:focus,
input[type=url].error,
input[type=url].error:focus,
input[type=week].error,
input[type=week].error:focus,
textarea.error,
textarea.error:focus {
    border-color: #c42424
}

.textbox:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    border-color: #999
}

::-webkit-input-placeholder {
    color: #bbb
}

:-moz-placeholder {
    color: #bbb
}

::-moz-placeholder {
    color: #bbb
}

:-ms-input-placeholder {
    color: #bbb
}

.button,
a.button {
    -webkit-transition: background .1s ease;
    -moz-transition: background .1s ease;
    transition: background .1s ease;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    cursor: pointer;
    background: #2486c4;
    border: 0;
    font-weight: 700;
    margin: 0;
    padding: 10px 25px;
    text-decoration: none;
    text-transform: uppercase
}

.button.button-small,
a.button.button-small {
    padding: 5px 12px
}

.button.button-small.button-icon .icon,
a.button.button-small.button-icon .icon {
    font-size: 10px;
    font-size: 1rem
}

.button.button-large,
a.button.button-large {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 32px
}

.button.button-large.button-icon .icon,
a.button.button-large.button-icon .icon {
    margin: 0 10px 0 0
}

.button.button-icon .icon,
.button.button-icon .icon-social,
.button.button-icon .icon-social-circle,
a.button.button-icon .icon,
a.button.button-icon .icon-social,
a.button.button-icon .icon-social-circle {
    filter: alpha(opacity=50);
    opacity: .5;
    zoom: 1;
    margin: 0 7px 0 0;
    vertical-align: middle
}

.button.button-cancel,
a.button.button-cancel {
    color: #555;
    background: 0 0;
    padding-left: 0;
    padding-right: 0
}

.button.button-cancel:hover,
a.button.button-cancel:hover {
    background: 0 0;
    color: #555;
    text-decoration: underline
}

.button.button-buy,
a.button.button-buy {
    background: #61b969
}

.button.button-buy:hover,
a.button.button-buy:hover {
    background: #76c27d
}

.button.button-disabled,
a.button.button-disabled {
    background: #ededed;
    color: #bbb;
    cursor: default;
    pointer-events: none
}

.button:hover,
a.button:hover {
    color: #fff;
    background: #2792d5
}

.modal {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .4)0, rgba(0, 0, 0, .4)1%, rgba(0, 0, 0, .85)100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgba(0, 0, 0, .4)), color-stop(1%, rgba(0, 0, 0, .4)), color-stop(100%, rgba(0, 0, 0, .85)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .4)0, rgba(0, 0, 0, .4)1%, rgba(0, 0, 0, .85)100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .4)0, rgba(0, 0, 0, .4)1%, rgba(0, 0, 0, .85)100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .4)0, rgba(0, 0, 0, .4)1%, rgba(0, 0, 0, .85)100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .4)0, rgba(0, 0, 0, .4)1%, rgba(0, 0, 0, .85)100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#d9000000', GradientType=1)
}

.modal-container {
    float: left;
    width: 496px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
    box-shadow: 0 0 6px rgba(0, 0, 0, .4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    left: 50%;
    margin: -72px 0 0 -248px;
    padding: 30px;
    position: absolute;
    top: 50%
}

.modal-close {
    font-size: 12px;
    font-size: 1.2rem;
    color: #bbb;
    position: absolute;
    top: 15px;
    right: 15px
}

.modal-close:hover {
    color: #555
}

::selection {
    background: #fffef4
}

::-moz-selection {
    background: #fffef4
}

body {
    color: #3e3e48;
    font-family: "PT Serif Caption", Georgia, Times, serif
}

a,
a:visited {
    color: #E54064;
    border-bottom: 1px solid #ebebec;
    padding: 0 0 1px;
    text-decoration: none
}

a:hover,
a:visited:hover {
    color: #E54064;
    border-bottom-color: #b0b0b2
}

abbr {
    border-color: #ebebec;
    font-style: italic
}

b,
strong {
    font-weight: 400
}

em,
i {
    font-style: italic
}

.header {
    background: #fff;
    border-bottom: 1px solid #ebebec;
    left: 30px;
    padding: 20px 0;
    position: fixed;
    top: 0;
    right: 30px
}

.nav {
    float: left
}

.nav .nav-link {
    border: 0;
    color: #3e3e48;
    float: left;
    line-height: 30px;
    margin: 0 40px 0 0;
    padding: 0
}

.nav .nav-link.home {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: url(http://przespo.com/assets/img/me.jpg) 0 0 no-repeat;
    background-size: 30px 30px;
    border: 0;
    color: #E54064;
    display: block;
    height: 30px;
    text-indent: -9999px;
    width: 30px
}

.nav .nav-link.home:hover {
    background: #fff;
    border: 1px solid #ebebec;
    font-size: 1.1rem;
    line-height: 30px;
    text-align: center;
    text-indent: 0
}

.nav .nav-link:hover {
    color: #E54064
}

.nav .nav-link:last-child {
    margin-right: 0
}

.social {
    float: right
}

.social .social-item {
    float: left;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 20px 0 0;
    padding: 9px 0 0
}

.social .social-item a,
.social .social-item a:visited {
    border: 0;
    color: #b0b0b2;
    padding: 0
}

.social .social-item a:hover,
.social .social-item a:visited:hover {
    color: #3e3e48
}

.social .social-item:last-child {
    margin-right: 0
}

.page-wrapper {
    width: 860px;
    margin: 171px auto 100px
}

.default {
    width: 485px
}

.default .default-title {
    color: #E54064;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 2.2rem;
    line-height: 150%;
    margin: 0 0 21px
}

.default .default-content {
    margin: 0 0 28px
}

.default .default-content ol,
.default .default-content p,
.default .default-content ul {
    line-height: 190%;
    margin: 0 0 22px
}

.default .default-content ol:last-child,
.default .default-content p:last-child,
.default .default-content ul:last-child {
    margin-bottom: 0
}

.default .default-content ol {
    list-style-type: decimal
}

.default .default-content ul {
    list-style-type: circle
}

.default .default-content b,
.default .default-content strong {
    border-bottom: 1px solid #3e3e48;
    padding: 0 0 1px
}

.home-wrapper {
    width: 410px;
    left: 50%;
    margin: 0 0 0 -205px;
    position: absolute;
    top: 30%
}

.home-wrapper .me {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    display: block;
    height: 80px;
    margin: 0 auto 30px;
    width: 80px
}

.home-wrapper .me:hover {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px)
}

.home-wrapper .description {
    line-height: 190%;
    margin: 0 0 26px;
    text-align: center
}

.home-wrapper .social {
    float: none;
    margin: 0 auto;
    width: 18px
}

.home-wrapper .social .social-item a,
.home-wrapper .social .social-item a:visited {
    color: #E54064
}

.home-wrapper .social .social-item a:hover,
.home-wrapper .social .social-item a:visited:hover {
    color: #3e3e48
}

.blog-post {
    width: 485px
}

.blog-post .blog-post-title {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 2.2rem;
    line-height: 150%;
    margin: 0 0 21px
}

.blog-post .blog-post-title a,
.blog-post .blog-post-title a:visited {
    border: 0
}

.blog-post .blog-post-title a:hover,
.blog-post .blog-post-title a:visited:hover {
    border-bottom: 1px solid #ebebec
}

.blog-post .blog-post-title a:visited[rel=author]:after,
.blog-post .blog-post-title a[rel=author]:after {
    color: #b0b0b2;
    content: '\21e2';
    margin: 0 0 0 7px
}

.blog-post .blog-post-subtitle,
.blog-post h3 {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 1.8rem;
    margin: 0 0 17px
}

.blog-post .reblog-via {
    margin: 0 0 24px
}

.blog-post .reblog-wrapper {
    border-left: 2px solid #ebebec;
    margin-left: -32px;
    padding: 0 0 0 30px
}

.blog-post .reblog-wrapper .blog-post-title {
    font-size: 1.8rem;
    margin: 0 0 13px
}

.blog-post .reblog-wrapper .blog-post-content img {
    margin-left: 0;
    max-width: 560px
}

.blog-post .reblog-wrapper .blog-post-content blockquote {
    border: 0;
    font-style: normal;
    margin-left: 0;
    padding-left: 0
}

.blog-post .reblog-wrapper .blog-post-content iframe {
    margin-left: 0;
    max-width: 560px
}

.blog-post .blog-post-content {
    margin: 0 0 28px
}

.blog-post .blog-post-content blockquote,
.blog-post .blog-post-content cite,
.blog-post .blog-post-content ol,
.blog-post .blog-post-content p,
.blog-post .blog-post-content ul {
    line-height: 190%;
    margin: 0 0 22px
}

.blog-post .blog-post-content blockquote:last-child,
.blog-post .blog-post-content cite:last-child,
.blog-post .blog-post-content ol:last-child,
.blog-post .blog-post-content p:last-child,
.blog-post .blog-post-content ul:last-child {
    margin-bottom: 0
}

.blog-post .blog-post-content ol {
    list-style-type: decimal
}

.blog-post .blog-post-content ul {
    list-style-type: circle
}

.blog-post .blog-post-content img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    margin: 0 0 30px -40px;
    max-width: 600px
}

.blog-post .blog-post-content b,
.blog-post .blog-post-content strong {
    border-bottom: 1px solid #3e3e48;
    padding: 0 0 1px
}

.blog-post .blog-post-content blockquote {
    border-left: 2px solid #E54064;
    font-style: italic;
    margin-left: -32px;
    padding: 0 0 0 30px
}

.blog-post .blog-post-content cite {
    font-style: normal
}

.blog-post .blog-post-content iframe {
    margin: 0 0 30px -40px;
    max-width: 600px
}

.blog-post .blog-post-content iframe:last-child {
    margin-bottom: 0
}

.blog-post .blog-post-content .caption {
    color: #b0b0b2;
    font-style: italic;
    margin: -20px 0 22px
}

.blog-post .blog-post-content .caption:last-child {
    margin-bottom: 0
}

.blog-post .blog-post-content .chat {
    list-style-type: none
}

.blog-post .blog-post-content .chat li:nth-child(even) {
    color: #b0b0b2
}

.blog-post .blog-post-content .chat span {
    font-style: italic
}

.blog-post .blog-post-timestamp {
    color: #b0b0b2;
    border: 0
}

.blog-post .blog-post-timestamp:hover {
    color: #b0b0b2;
    border-bottom: 1px solid #ebebec
}

.blog-post .notes {
    margin: 34px 0 0
}

.blog-post .notes .note {
    margin: 0 0 14px
}

.blog-post .notes .avatar_frame {
    display: none
}

.blog-post .notes:before {
    color: #ebebec;
    content: '\2014';
    display: block;
    margin: -3px 0 31px
}

.blog-post:after {
    color: #ebebec;
    content: '\2014';
    display: block;
    margin: 71px 0 69px
}

.blog-post:last-child:after {
    display: none
}

.projects {
    margin: 0 0 34px
}

.projects .projects-title {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 2.2rem;
    margin: 0 0 72px
}

.projects .project {
    float: left;
    margin-right: 40px;
    width: 260px;
    margin-bottom: 65px
}

.projects .project:nth-child(3n) {
    margin-right: 0
}

.projects .project-image {
    border: 0;
    display: block;
    margin: 0 0 30px;
    padding: 0
}

.projects .project-image img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ebebec;
    display: block;
    width: 100%
}

.projects .project-image:hover img {
    border-color: #b0b0b2
}

.projects .project-description {
    line-height: 190%
}

.projects .project-title {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 1.8rem;
    line-height: 190%;
    margin: 0 0 -1px
}

.projects .project-title a,
.projects .project-title a:visited {
    border: 0
}

.projects .project-title a:hover,
.projects .project-title a:visited:hover {
    border-bottom: 1px solid #ebebec
}

.project-individual .project-content {
    float: left;
    margin-right: 40px;
    width: 485px
}

.project-individual .project-meta {
    float: left;
    width: 260px;
    margin-right: 0
}

.project-individual .project-title {
    color: #E54064;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 2.2rem;
    line-height: 150%;
    margin: 0 0 21px
}

.project-individual .project-description {
    margin: 0 0 32px
}

.project-individual .project-description cite,
.project-individual .project-description ol,
.project-individual .project-description p,
.project-individual .project-description ul {
    line-height: 190%;
    margin: 0 0 22px
}

.project-individual .project-description cite:last-child,
.project-individual .project-description ol:last-child,
.project-individual .project-description p:last-child,
.project-individual .project-description ul:last-child {
    margin-bottom: 0
}

.project-individual .project-description ol {
    list-style-type: decimal
}

.project-individual .project-description ul {
    list-style-type: circle
}

.project-individual .project-description blockquote p {
    border-left: 2px solid #E54064;
    font-style: italic;
    margin-left: -32px;
    padding: 0 0 0 30px
}

.project-individual .project-samples .project-sample {
    margin: 0 0 40px
}

.project-individual .project-samples .project-sample a:hover img,
.project-individual .project-samples .project-sample a:visited:hover img {
    border-color: #b0b0b2
}

.project-individual .project-samples .project-sample img {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ebebec;
    display: block;
    margin: 0 0 0 -40px;
    max-width: 600px
}

.project-individual .project-samples .project-sample .caption {
    color: #b0b0b2;
    margin: 13px 0 -6px
}

.project-individual .project-logo {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ebebec;
    display: block;
    margin: 0 0 26px;
    width: 100%
}

.project-individual .project-timestamp {
    color: #b0b0b2;
    display: block;
    margin: 0 0 6px
}

.project-individual .project-disciplines {
    margin: 0 0 2px
}

@media screen and (max-width:1000px) {
    .page-wrapper {
        padding: 0 50px
    }
    .blog-post .blog-post-content blockquote,
    .blog-post .blog-post-content iframe,
    .blog-post .blog-post-content img,
    .blog-post .reblog-wrapper {
        margin-left: 0
    }
    .projects .project {
        margin-bottom: 38px
    }
    .projects .project:nth-child(even) {
        margin-right: 0
    }
    .projects .project:nth-child(3n) {
        margin-right: 40px
    }
    .projects .projects-title {
        margin-bottom: 43px
    }
    .projects .project-image {
        margin-bottom: 20px
    }
    .project-individual .project-content {
        margin-right: 0
    }
    .project-individual .project-meta {
        display: none
    }
    .project-individual .project-samples .project-sample img {
        margin-left: 0
    }
}

@media screen and (max-width:700px) {
    .blog-post,
    .default,
    .page-wrapper {
        width: 100%
    }
    .blog-post .reblog-wrapper .blog-post-content iframe {
        max-width: 100%
    }
    .blog-post .blog-post-content img {
        width: 100%
    }
    .blog-post .blog-post-content iframe {
        max-width: 100%
    }
    .projects .project {
        margin-right: 0;
        width: 100%
    }
    .project-individual .project-content,
    .project-individual .project-samples .project-sample img {
        width: 100%
    }
}

@media screen and (max-width:550px) {
    .header {
        left: 0;
        padding: 15px 20px;
        right: 0
    }
    .nav .nav-link {
        margin-right: 20px
    }
    .home-wrapper {
        left: 0;
        margin: 120px 0 0;
        position: relative;
        top: 0;
        width: 100%
    }
    .page-wrapper {
        margin-bottom: 40px;
        margin-top: 131px;
        padding: 0 30px
    }
    .blog-post .blog-post-content ol,
    .blog-post .blog-post-content ul {
        margin-left: 17px
    }
    .blog-post .blog-post-content ol.chat {
        margin-left: 0
    }
    .blog-post:after {
        margin: 31px 0 35px
    }
}