@charset "UTF-8";
/*
  Based on the Eric Meyer CSS Reset v2.0 (http://meyerweb.com/eric/tools/css/reset/)
*/
@import url("https://use.typekit.net/eej6gzo.css");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top; }

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:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

.page-title-container {
  display: block;
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%; }
  @media (min-width: 1200px) {
    .page-title-container {
      display: block;
      float: left;
      width: 98%;
      margin-left: 1%;
      margin-right: 1%; } }
  @media (max-width: 1024px) {
    .page-title-container {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  @media (max-width: 736px) {
    .page-title-container {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.page-title {
  display: inline-block;
  overflow: hidden; }

body {
  color: #000000;
  font-family: "effra", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 100%;
  font-weight: 300;
  line-height: 1.5; }

h1 {
  font-family: "effra", sans-serif;
  letter-spacing: 0em;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  display: inline-block;
  margin-bottom: 2em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.25em; }
  h1:after {
    content: "";
    position: absolute;
    transform: scale3d(1, 1, 1);
    height: 2px;
    width: 50px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1em;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    transform-origin: left;
    background-color: #000000; }

h2 {
  font-family: "effra", sans-serif;
  letter-spacing: 0em;
  font-size: 32px;
  font-size: 2rem; }

h3 {
  font-family: "effra", sans-serif;
  letter-spacing: 0em;
  font-size: 26px;
  font-size: 1.625rem; }

h4 {
  font-family: "effra", sans-serif;
  letter-spacing: 0em;
  font-size: 22px;
  font-size: 1.375rem; }

h5 {
  font-family: "effra", sans-serif;
  letter-spacing: 0em;
  font-size: 20px;
  font-size: 1.25rem; }

h6 {
  font-family: "effra", sans-serif;
  letter-spacing: 0em;
  font-size: 16px;
  font-size: 1rem; }

p {
  font-family: "effra", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  margin: 1em 0; }

a {
  color: #1402c3;
  text-decoration: none;
  position: relative;
  transition: color 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  a:after {
    content: "";
    position: absolute;
    transform: scale3d(0, 1, 1);
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    transform-origin: right;
    background-color: #1402c3; }
  a:hover {
    text-decoration: none;
    color: #1402c3; }
    a:hover:after {
      transform: scale3d(1, 1, 1); }
    a:hover:after {
      transform-origin: left; }
  a:active, a:focus {
    text-decoration: none;
    color: #1402c3; }
    a:active:after, a:focus:after {
      display: none; }

abbr,
acronym {
  border-bottom: 1px dotted;
  cursor: help; }

address {
  font-size: 1rem;
  font-style: italic; }

blockquote {
  margin: 1em 0;
  padding: 0 0 0 2em; }

cite {
  font-style: italic; }

code {
  font-size: 0.96rem;
  font-family: monospace;
  background: #FFF;
  border: 1px solid #f2f2f2;
  padding: 0.125em 0.25em;
  line-height: 150%; }

em,
i {
  font-style: italic; }

strong,
b {
  font-weight: 500; }

hr {
  outline: none;
  border: none;
  margin: 1em 0;
  padding: 0;
  border-top: 1px solid #FFF; }

ol,
ul {
  margin: 1em 0;
  padding: 0 0 0 2em; }
  ol li,
  ul li {
    font-size: 1rem;
    list-style-position: outside; }

ul li {
  list-style: disc; }

ol li {
  list-style: decimal; }

form {
  margin: 1em 0; }

dl {
  margin: 1em 0; }
  dl dt {
    font-weight: bold; }
  dl dd {
    margin: 0 0 0.5em; }

table {
  width: 100%;
  margin: 1em 0; }
  table th {
    padding: 0.5em;
    border: 1px solid #FFF;
    background: white;
    text-align: left;
    font-weight: bold; }
  table td {
    padding: 0.5em;
    border: 1px solid #FFF; }

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

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'entypo';
    src: url('../font/entypo.svg?59575301#entypo') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before,
.tweet:before,
.read-more:after {
  font-family: "entypo";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

span.icon-facebook:before {
  padding-right: 0.2em; }

span.icon-twitter:before {
  padding-right: 0.3em; }

.icon-note:before {
  content: '\e800'; }

/* '' */
.icon-cancel-circled:before {
  content: '\e801'; }

/* '' */
.icon-cancel-squared:before {
  content: '\e802'; }

/* '' */
.icon-note-beamed:before {
  content: '\e803'; }

/* '' */
.icon-upload-cloud:before {
  content: '\e804'; }

/* '' */
.icon-music:before {
  content: '\e805'; }

/* '' */
.icon-plus:before {
  content: '\e806'; }

/* '' */
.icon-bookmark:before {
  content: '\e807'; }

/* '' */
.icon-chat:before {
  content: '\e808'; }

/* '' */
.icon-bell:before {
  content: '\e809'; }

/* '' */
.icon-light-down:before {
  content: '\e80a'; }

/* '' */
.icon-basket:before {
  content: '\e80b'; }

/* '' */
.icon-down:before {
  content: '\e80c'; }

/* '' */
.icon-left-dir:before {
  content: '\e80d'; }

/* '' */
.icon-left-circled:before {
  content: '\e80e'; }

/* '' */
.icon-search:before {
  content: '\e80f'; }

/* '' */
.icon-mail:before {
  content: '\e810'; }

/* '' */
.icon-heart:before {
  content: '\e811'; }

/* '' */
.icon-flashlight:before {
  content: '\e812'; }

/* '' */
.icon-heart-empty:before {
  content: '\e813'; }

/* '' */
.icon-star:before {
  content: '\e814'; }

/* '' */
.icon-star-empty:before {
  content: '\e815'; }

/* '' */
.icon-user:before {
  content: '\e816'; }

/* '' */
.icon-users:before {
  content: '\e817'; }

/* '' */
.icon-user-add:before {
  content: '\e818'; }

/* '' */
.icon-video:before {
  content: '\e819'; }

/* '' */
.icon-camera:before {
  content: '\e81a'; }

/* '' */
.icon-picture:before {
  content: '\e81b'; }

/* '' */
.icon-layout:before {
  content: '\e81c'; }

/* '' */
.icon-check:before {
  content: '\e81d'; }

/* '' */
.icon-tag:before {
  content: '\e81e'; }

/* '' */
.icon-cancel:before {
  content: '\e81f'; }

/* '' */
.icon-eye:before {
  content: '\e820'; }

/* '' */
.icon-lock-open:before {
  content: '\e821'; }

/* '' */
.icon-menu:before {
  content: '\e822'; }

/* '' */
.icon-lock:before {
  content: '\e823'; }

/* '' */
.icon-attach:before {
  content: '\e824'; }

/* '' */
.icon-link:before {
  content: '\e825'; }

/* '' */
.icon-home:before {
  content: '\e826'; }

/* '' */
.icon-back:before {
  content: '\e827'; }

/* '' */
.icon-info-circled:before {
  content: '\e828'; }

/* '' */
.icon-info:before {
  content: '\e829'; }

/* '' */
.icon-help-circled:before {
  content: '\e82a'; }

/* '' */
.icon-help:before {
  content: '\e82b'; }

/* '' */
.icon-minus-circled:before {
  content: '\e82c'; }

/* '' */
.icon-minus:before {
  content: '\e82d'; }

/* '' */
.icon-plus-squared:before {
  content: '\e82e'; }

/* '' */
.icon-plus-circled:before {
  content: '\e82f'; }

/* '' */
.icon-minus-squared:before {
  content: '\e830'; }

/* '' */
.icon-bookmarks:before {
  content: '\e831'; }

/* '' */
.icon-flag:before {
  content: '\e832'; }

/* '' */
.icon-thumbs-up:before {
  content: '\e833'; }

/* '' */
.icon-upload:before {
  content: '\e834'; }

/* '' */
.icon-thumbs-down:before {
  content: '\e835'; }

/* '' */
.icon-download:before {
  content: '\e836'; }

/* '' */
.icon-reply:before {
  content: '\e837'; }

/* '' */
.icon-reply-all:before {
  content: '\e838'; }

/* '' */
.icon-forward:before {
  content: '\e839'; }

/* '' */
.icon-quote:before {
  content: '\e83a'; }

/* '' */
.icon-code:before {
  content: '\e83b'; }

/* '' */
.icon-export:before {
  content: '\e83c'; }

/* '' */
.icon-pencil:before {
  content: '\e83d'; }

/* '' */
.icon-feather:before {
  content: '\e83e'; }

/* '' */
.icon-print:before {
  content: '\e83f'; }

/* '' */
.icon-retweet:before {
  content: '\e840'; }

/* '' */
.icon-keyboard:before {
  content: '\e841'; }

/* '' */
.icon-comment:before {
  content: '\e842'; }

/* '' */
.icon-book:before {
  content: '\e843'; }

/* '' */
.icon-book-open:before {
  content: '\e844'; }

/* '' */
.icon-newspaper:before {
  content: '\e845'; }

/* '' */
.icon-doc-text-inv:before {
  content: '\e846'; }

/* '' */
.icon-doc-text:before {
  content: '\e847'; }

/* '' */
.icon-doc-landscape:before {
  content: '\e848'; }

/* '' */
.icon-doc:before {
  content: '\e849'; }

/* '' */
.icon-trash:before {
  content: '\e84a'; }

/* '' */
.icon-cup:before {
  content: '\e84b'; }

/* '' */
.icon-compass:before {
  content: '\e84c'; }

/* '' */
.icon-direction:before {
  content: '\e84d'; }

/* '' */
.icon-map:before {
  content: '\e84e'; }

/* '' */
.icon-location:before {
  content: '\e84f'; }

/* '' */
.icon-address:before {
  content: '\e850'; }

/* '' */
.icon-vcard:before {
  content: '\e851'; }

/* '' */
.icon-alert:before {
  content: '\e852'; }

/* '' */
.icon-attention:before {
  content: '\e853'; }

/* '' */
.icon-folder:before {
  content: '\e854'; }

/* '' */
.icon-archive:before {
  content: '\e855'; }

/* '' */
.icon-box:before {
  content: '\e856'; }

/* '' */
.icon-rss:before {
  content: '\e857'; }

/* '' */
.icon-phone:before {
  content: '\e858'; }

/* '' */
.icon-cog:before {
  content: '\e859'; }

/* '' */
.icon-tools:before {
  content: '\e85a'; }

/* '' */
.icon-share:before {
  content: '\e85b'; }

/* '' */
.icon-shareable:before {
  content: '\e85c'; }

/* '' */
.icon-bag:before {
  content: '\e85d'; }

/* '' */
.icon-calendar:before {
  content: '\e85e'; }

/* '' */
.icon-login:before {
  content: '\e85f'; }

/* '' */
.icon-logout:before {
  content: '\e860'; }

/* '' */
.icon-mic:before {
  content: '\e861'; }

/* '' */
.icon-mute:before {
  content: '\e862'; }

/* '' */
.icon-docs:before {
  content: '\e863'; }

/* '' */
.icon-sound:before {
  content: '\e864'; }

/* '' */
.icon-volume:before {
  content: '\e865'; }

/* '' */
.icon-clock:before {
  content: '\e866'; }

/* '' */
.icon-hourglass:before {
  content: '\e867'; }

/* '' */
.icon-down-open-mini:before {
  content: '\e868'; }

/* '' */
.icon-up-open:before {
  content: '\e869'; }

/* '' */
.icon-right-open:before {
  content: '\e86a'; }

/* '' */
.icon-left-open:before {
  content: '\e86b'; }

/* '' */
.icon-down-open:before {
  content: '\e86c'; }

/* '' */
.icon-right-circled:before {
  content: '\e86d'; }

/* '' */
.icon-down-circled:before {
  content: '\e86e'; }

/* '' */
.icon-up-circled:before {
  content: '\e86f'; }

/* '' */
.icon-arrow-combo:before {
  content: '\e870'; }

/* '' */
.icon-window:before {
  content: '\e871'; }

/* '' */
.icon-publish:before {
  content: '\e872'; }

/* '' */
.icon-popup:before {
  content: '\e873'; }

/* '' */
.icon-resize-small:before {
  content: '\e874'; }

/* '' */
.icon-resize-full:before {
  content: '\e875'; }

/* '' */
.icon-block:before {
  content: '\e876'; }

/* '' */
.icon-adjust:before {
  content: '\e877'; }

/* '' */
.icon-light-up:before {
  content: '\e878'; }

/* '' */
.icon-lamp:before {
  content: '\e879'; }

/* '' */
.icon-left-open-mini:before {
  content: '\e87a'; }

/* '' */
.icon-right-open-mini:before {
  content: '\e87b'; }

/* '' */
.icon-up-open-mini:before {
  content: '\e87c'; }

/* '' */
.icon-down-open-big:before {
  content: '\e87d'; }

/* '' */
.icon-left-open-big:before {
  content: '\e87e'; }

/* '' */
.icon-right-open-big:before {
  content: '\e87f'; }

/* '' */
.icon-arrows-ccw:before {
  content: '\e880'; }

/* '' */
.icon-cw:before {
  content: '\e881'; }

/* '' */
.icon-ccw:before {
  content: '\e882'; }

/* '' */
.icon-up-open-big:before {
  content: '\e883'; }

/* '' */
.icon-level-down:before {
  content: '\e884'; }

/* '' */
.icon-up-thin:before {
  content: '\e885'; }

/* '' */
.icon-left-thin:before {
  content: '\e886'; }

/* '' */
.icon-progress-1:before {
  content: '\e887'; }

/* '' */
.icon-progress-2:before {
  content: '\e888'; }

/* '' */
.icon-right-thin:before {
  content: '\e889'; }

/* '' */
.icon-progress-3:before {
  content: '\e88a'; }

/* '' */
.icon-target:before {
  content: '\e88b'; }

/* '' */
.icon-palette:before {
  content: '\e88c'; }

/* '' */
.icon-list:before {
  content: '\e88d'; }

/* '' */
.icon-list-add:before {
  content: '\e88e'; }

/* '' */
.icon-signal:before {
  content: '\e88f'; }

/* '' */
.icon-level-up:before {
  content: '\e890'; }

/* '' */
.icon-left:before {
  content: '\e891'; }

/* '' */
.icon-shuffle:before {
  content: '\e892'; }

/* '' */
.icon-trophy:before {
  content: '\e893'; }

/* '' */
.icon-loop:before {
  content: '\e894'; }

/* '' */
.icon-right:before {
  content: '\e895'; }

/* '' */
.icon-battery:before {
  content: '\e896'; }

/* '' */
.icon-back-in-time:before {
  content: '\e897'; }

/* '' */
.icon-switch:before {
  content: '\e898'; }

/* '' */
.icon-up:before {
  content: '\e899'; }

/* '' */
.icon-down-dir:before {
  content: '\e89a'; }

/* '' */
.icon-play:before {
  content: '\e89b'; }

/* '' */
.icon-monitor:before {
  content: '\e89c'; }

/* '' */
.icon-mobile:before {
  content: '\e89d'; }

/* '' */
.icon-stop:before {
  content: '\e89e'; }

/* '' */
.icon-right-dir:before {
  content: '\e89f'; }

/* '' */
.icon-pause:before {
  content: '\e8a0'; }

/* '' */
.icon-network:before {
  content: '\e8a1'; }

/* '' */
.icon-cd:before {
  content: '\e8a2'; }

/* '' */
.icon-record:before {
  content: '\e8a3'; }

/* '' */
.icon-up-dir:before {
  content: '\e8a4'; }

/* '' */
.icon-down-bold:before {
  content: '\e8a5'; }

/* '' */
.icon-to-end:before {
  content: '\e8a6'; }

/* '' */
.icon-inbox:before {
  content: '\e8a7'; }

/* '' */
.icon-install:before {
  content: '\e8a8'; }

/* '' */
.icon-to-start:before {
  content: '\e8a9'; }

/* '' */
.icon-left-bold:before {
  content: '\e8aa'; }

/* '' */
.icon-right-bold:before {
  content: '\e8ab'; }

/* '' */
.icon-fast-forward:before {
  content: '\e8ac'; }

/* '' */
.icon-globe:before {
  content: '\e8ad'; }

/* '' */
.icon-cloud:before {
  content: '\e8ae'; }

/* '' */
.icon-fast-backward:before {
  content: '\e8af'; }

/* '' */
.icon-down-thin:before {
  content: '\e8b0'; }

/* '' */
.icon-progress-0:before {
  content: '\e8b1'; }

/* '' */
.icon-up-bold:before {
  content: '\e8b2'; }

/* '' */
.icon-cloud-thunder:before {
  content: '\e8b3'; }

/* '' */
.icon-chart-area:before {
  content: '\e8b4'; }

/* '' */
.icon-chart-bar:before {
  content: '\e8b5'; }

/* '' */
.icon-flow-tree:before {
  content: '\e8b6'; }

/* '' */
.icon-flow-line:before {
  content: '\e8b7'; }

/* '' */
.icon-vimeo:before {
  content: '\e8b8'; }

/* '' */
.icon-flickr-circled:before {
  content: '\e8b9'; }

/* '' */
.icon-lastfm:before {
  content: '\e8ba'; }

/* '' */
.icon-lastfm-circled:before {
  content: '\e8bb'; }

/* '' */
.icon-vkontakte:before {
  content: '\e8bc'; }

/* '' */
.icon-behance:before {
  content: '\e8bd'; }

/* '' */
.icon-mixi:before {
  content: '\e8be'; }

/* '' */
.icon-stumbleupon:before {
  content: '\e8bf'; }

/* '' */
.icon-stumbleupon-circled:before {
  content: '\e8c0'; }

/* '' */
.icon-flickr:before {
  content: '\e8c1'; }

/* '' */
.icon-github-circled:before {
  content: '\e8c2'; }

/* '' */
.icon-flow-cascade:before {
  content: '\e8c3'; }

/* '' */
.icon-flow-branch:before {
  content: '\e8c4'; }

/* '' */
.icon-chart-line:before {
  content: '\e8c5'; }

/* '' */
.icon-chart-pie:before {
  content: '\e8c6'; }

/* '' */
.icon-erase:before {
  content: '\e8c7'; }

/* '' */
.icon-key:before {
  content: '\e8c8'; }

/* '' */
.icon-github:before {
  content: '\e8c9'; }

/* '' */
.icon-dribbble-circled:before {
  content: '\e8ca'; }

/* '' */
.icon-picasa:before {
  content: '\e8cb'; }

/* '' */
.icon-dribbble:before {
  content: '\e8cc'; }

/* '' */
.icon-infinity:before {
  content: '\e8cd'; }

/* '' */
.icon-magnet:before {
  content: '\e8ce'; }

/* '' */
.icon-bucket:before {
  content: '\e8cf'; }

/* '' */
.icon-linkedin-circled:before {
  content: '\e8d0'; }

/* '' */
.icon-paypal:before {
  content: '\e8d1'; }

/* '' */
.icon-sina-weibo:before {
  content: '\e8d2'; }

/* '' */
.icon-linkedin:before {
  content: '\e8d3'; }

/* '' */
.icon-cc-zero:before {
  content: '\e8d4'; }

/* '' */
.icon-drive:before {
  content: '\e8d5'; }

/* '' */
.icon-brush:before {
  content: '\e8d6'; }

/* '' */
.icon-dot-3:before {
  content: '\e8d7'; }

/* '' */
.icon-database:before {
  content: '\e8d8'; }

/* '' */
.icon-cc-pd:before {
  content: '\e8d9'; }

/* '' */
.icon-tumblr-circled:before {
  content: '\e8da'; }

/* '' */
.icon-renren:before {
  content: '\e8db'; }

/* '' */
.icon-skype-circled:before {
  content: '\e8dc'; }

/* '' */
.icon-tumblr:before {
  content: '\e8dd'; }

/* '' */
.icon-cc-nd:before {
  content: '\e8de'; }

/* '' */
.icon-megaphone:before {
  content: '\e8df'; }

/* '' */
.icon-dot-2:before {
  content: '\e8e0'; }

/* '' */
.icon-dot:before {
  content: '\e8e1'; }

/* '' */
.icon-clipboard:before {
  content: '\e8e2'; }

/* '' */
.icon-cc-sa:before {
  content: '\e8e3'; }

/* '' */
.icon-pinterest-circled:before {
  content: '\e8e4'; }

/* '' */
.icon-cc-remix:before {
  content: '\e8e5'; }

/* '' */
.icon-thermometer:before {
  content: '\e8e6'; }

/* '' */
.icon-soundcloud:before {
  content: '\e8e7'; }

/* '' */
.icon-cc-share:before {
  content: '\e8e8'; }

/* '' */
.icon-google-circles:before {
  content: '\e8e9'; }

/* '' */
.icon-skype:before {
  content: '\e8ea'; }

/* '' */
.icon-flattr:before {
  content: '\e8eb'; }

/* '' */
.icon-cc-nc-jp:before {
  content: '\e8ec'; }

/* '' */
.icon-cc-nc-eu:before {
  content: '\e8ed'; }

/* '' */
.icon-cc-nc:before {
  content: '\e8ee'; }

/* '' */
.icon-cc-by:before {
  content: '\e8ef'; }

/* '' */
.icon-cc:before {
  content: '\e8f0'; }

/* '' */
.icon-traffic-cone:before {
  content: '\e8f1'; }

/* '' */
.icon-gauge:before {
  content: '\e8f2'; }

/* '' */
.icon-rocket:before {
  content: '\e8f3'; }

/* '' */
.icon-flow-parallel:before {
  content: '\e8f4'; }

/* '' */
.icon-vimeo-circled:before {
  content: '\e8f5'; }

/* '' */
.icon-twitter:before {
  content: '\e8f6'; }

/* '' */
.icon-twitter-circled:before {
  content: '\e8f7'; }

/* '' */
.icon-facebook:before {
  content: '\e8f8'; }

/* '' */
.icon-facebook-circled:before {
  content: '\e8f9'; }

/* '' */
.icon-facebook-squared:before {
  content: '\e8fa'; }

/* '' */
.icon-gplus:before {
  content: '\e8fb'; }

/* '' */
.icon-gplus-circled:before {
  content: '\e8fc'; }

/* '' */
.icon-pinterest:before {
  content: '\e8fd'; }

/* '' */
.icon-evernote:before {
  content: '\e8fe'; }

/* '' */
.icon-dropbox:before {
  content: '\e8ff'; }

/* '' */
.icon-instagram:before {
  content: '\e900'; }

/* '' */
.icon-qq:before {
  content: '\e901'; }

/* '' */
.icon-spotify-circled:before {
  content: '\e902'; }

/* '' */
.icon-spotify:before {
  content: '\e903'; }

/* '' */
.icon-rdio-circled:before {
  content: '\e904'; }

/* '' */
.icon-rdio:before {
  content: '\e905'; }

/* '' */
.icon-smashing:before {
  content: '\e906'; }

/* '' */
.icon-sweden:before {
  content: '\e907'; }

/* '' */
.icon-db-shape:before {
  content: '\e908'; }

/* '' */
.icon-logo-db:before {
  content: '\e909'; }

/* '' */
.icon-tape:before {
  content: '\e90a'; }

/* '' */
.icon-flash:before {
  content: '\e90b'; }

/* '' */
.icon-graduation-cap:before {
  content: '\e90c'; }

/* '' */
.icon-language:before {
  content: '\e90d'; }

/* '' */
.icon-flight:before {
  content: '\e90e'; }

/* '' */
.icon-moon:before {
  content: '\e90f'; }

/* '' */
.icon-paper-plane:before {
  content: '\e910'; }

/* '' */
.icon-ticket:before {
  content: '\e911'; }

/* '' */
.icon-leaf:before {
  content: '\e912'; }

/* '' */
.icon-lifebuoy:before {
  content: '\e913'; }

/* '' */
.icon-droplet:before {
  content: '\e914'; }

/* '' */
.icon-water:before {
  content: '\e915'; }

/* '' */
.icon-air:before {
  content: '\e916'; }

/* '' */
.icon-mouse:before {
  content: '\e917'; }

/* '' */
.icon-briefcase:before {
  content: '\e918'; }

/* '' */
.icon-credit-card:before {
  content: '\e919'; }

/* '' */
.icon-floppy:before {
  content: '\e91a'; }

/* '' */
.icon-suitcase:before {
  content: '\e91b'; }

/* '' */
* {
  box-sizing: border-box; }

.container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto; }
  .container:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1200px) {
    .container {
      max-width: 1200px; } }
  @media (max-width: 1024px) {
    .container {
      max-width: 100%; } }
  @media (max-width: 736px) {
    .container {
      max-width: 100%; } }

.basic .body {
  display: block;
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%; }
  @media (min-width: 1200px) {
    .basic .body {
      display: block;
      float: left;
      width: 98%;
      margin-left: 1%;
      margin-right: 1%; } }
  @media (max-width: 1024px) {
    .basic .body {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  @media (max-width: 736px) {
    .basic .body {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.description {
  max-width: 500px; }

.error {
  color: #AA0000; }

.success {
  color: #00AA00; }

.wysiwyg img {
  width: 100%;
  height: auto; }

body {
  background: #FFF; }

.-shadow {
  position: relative; }
  .-shadow:after {
    content: " ";
    display: block;
    position: absolute;
    width: 80%;
    left: 50%;
    bottom: 0px;
    box-shadow: 0em 3em 10em 0px rgba(0, 0, 0, 0.25);
    height: 100%;
    z-index: -1;
    transform: translateX(-50%); }

.app-body {
  float: left;
  width: 100%;
  position: absolute;
  margin-top: 8em;
  padding-bottom: 8em; }

.App {
  position: relative; }

button,
.button,
[class^="button"],
input[type="button"],
input[type="submit"],
input[type="reset"] {
  display: inline-block;
  padding: 0.625em 1.25em;
  margin: 0 0 0.625em;
  border: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  background-color: #FFF;
  color: #000000; }
  button:hover,
  .button:hover,
  [class^="button"]:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover {
    background-color: #f7f7f7;
    text-decoration: none; }
  button:active,
  .button:active,
  [class^="button"]:active,
  input[type="button"]:active,
  input[type="submit"]:active,
  input[type="reset"]:active {
    background: #f0f0f0; }
  button.disabled,
  .button.disabled,
  [class^="button"].disabled,
  input[type="button"].disabled,
  input[type="submit"].disabled,
  input[type="reset"].disabled {
    background-color: white;
    color: #d9d9d9;
    cursor: default; }
  button.huge,
  .button.huge,
  [class^="button"].huge,
  input[type="button"].huge,
  input[type="submit"].huge,
  input[type="reset"].huge {
    font-size: 1.25rem;
    font-weight: 600;
    padding: 0.625em 2em; }

button.primary,
.button-primary,
input.button-primary {
  background-color: #1402c3;
  color: white; }
  button.primary:hover,
  .button-primary:hover,
  input.button-primary:hover {
    background-color: #1202b4;
    text-decoration: none; }
  button.primary:active,
  .button-primary:active,
  input.button-primary:active {
    background: #1102a5; }
  button.primary.disabled,
  .button-primary.disabled,
  input.button-primary.disabled {
    background-color: #1502d0;
    color: #0c0177;
    cursor: default; }

button.secondary,
.button-secondary,
input.button-secondary {
  background-color: #9d6ab4;
  color: white; }
  button.secondary:hover,
  .button-secondary:hover,
  input.button-secondary:hover {
    background-color: #9660af;
    text-decoration: none; }
  button.secondary:active,
  .button-secondary:active,
  input.button-secondary:active {
    background: #9056aa; }
  button.secondary.disabled,
  .button-secondary.disabled,
  input.button-secondary.disabled {
    background-color: #a372b8;
    color: #76468b;
    cursor: default; }

button.facebook,
.button-facebook,
input.button-facebook {
  background-color: #3B5998;
  color: white;
  padding-left: 0.6em; }
  button.facebook:hover,
  .button-facebook:hover,
  input.button-facebook:hover {
    background-color: #37538d;
    text-decoration: none; }
  button.facebook:active,
  .button-facebook:active,
  input.button-facebook:active {
    background: #324c82; }
  button.facebook.disabled,
  .button-facebook.disabled,
  input.button-facebook.disabled {
    background-color: #3f5ea1;
    color: #263961;
    cursor: default; }
  button.facebook.disabled,
  .button-facebook.disabled,
  input.button-facebook.disabled {
    background: #9099ae;
    color: white;
    cursor: default; }

button.twitter,
.button-twitter,
input.button-twitter {
  background-color: #00ACED;
  color: white; }
  button.twitter:hover,
  .button-twitter:hover,
  input.button-twitter:hover {
    background-color: #00a1de;
    text-decoration: none; }
  button.twitter:active,
  .button-twitter:active,
  input.button-twitter:active {
    background: #0096ce; }
  button.twitter.disabled,
  .button-twitter.disabled,
  input.button-twitter.disabled {
    background-color: #00b5fa;
    color: #0074a1;
    cursor: default; }
  button.twitter.disabled,
  .button-twitter.disabled,
  input.button-twitter.disabled {
    background-color: #aebcc7;
    color: white;
    cursor: default; }

form {
  display: block; }

fieldset {
  display: block;
  margin: 1.25em 0;
  padding: 0; }

legend {
  display: block;
  width: 100%;
  margin: 0 0 1em 0;
  font-weight: bold;
  border-bottom: 1px solid #FFF; }

label {
  display: block;
  margin: 0 0 0.25em;
  font-weight: bold; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="image"],
input[type="color"] {
  display: block;
  padding: 0.5em;
  margin: 0 0 0.625em;
  vertical-align: middle;
  border: 1px solid #FFF;
  outline: none;
  font-family: inherit;
  font-size: 1rem;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }
  textarea:hover,
  input[type="text"]:hover,
  input[type="password"]:hover,
  input[type="datetime"]:hover,
  input[type="datetime-local"]:hover,
  input[type="date"]:hover,
  input[type="month"]:hover,
  input[type="time"]:hover,
  input[type="week"]:hover,
  input[type="number"]:hover,
  input[type="email"]:hover,
  input[type="url"]:hover,
  input[type="search"]:hover,
  input[type="tel"]:hover,
  input[type="image"]:hover,
  input[type="color"]:hover {
    border: 1px solid #f7f7f7; }
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="image"]:focus,
  input[type="color"]:focus {
    border: 1px solid #f2f2f2; }

input[type="submit"],
input[type="button"] {
  display: block;
  border-radius: 0; }

input[type="file"] {
  padding: 0.125em;
  margin: 0 0 0.625em;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  border-radius: 0;
  line-height: 100%; }

textarea {
  padding: 0.25em; }

progress,
meter {
  padding: 0.125em;
  margin: 0 0 0.625em;
  font-family: inherit;
  font-size: 1rem; }

ul[class*="menu-"] {
  margin: 0;
  padding: 0; }
  ul[class*="menu-"] li {
    position: relative;
    list-style: none; }
    ul[class*="menu-"] li a {
      display: inline-block; }

ul.menu-secondary li {
  display: block; }
  ul.menu-secondary li a {
    display: block; }

[data-tooltip] {
  position: relative;
  height: 100%;
  cursor: pointer;
  display: inline-block; }
  [data-tooltip]:before, [data-tooltip]:after {
    transition: all .2s ease-out;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    pointer-events: none; }
  [data-tooltip]:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000000;
    content: '';
    top: 0;
    left: 50%;
    margin-left: -3.25px;
    z-index: 10001;
    bottom: -10px; }
  [data-tooltip]:after {
    box-sizing: border-box;
    content: attr(data-tooltip);
    padding: 0.5em 0.75em;
    border-radius: 3px;
    font-size: 0.95em;
    z-index: 10000;
    left: 50%;
    bottom: 100%;
    margin-left: -7.5em;
    margin-top: 10px;
    width: 15em;
    line-height: 120%;
    background: #000000;
    color: #FFF; }
  [data-tooltip]:hover:before, [data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1; }

.navigation {
  float: left;
  width: 100%;
  padding-top: 2em;
  padding-bottom: 2em;
  position: relative;
  z-index: 100;
  text-align: right; }
  .navigation .wrap {
    display: block;
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%; }
    @media (min-width: 1200px) {
      .navigation .wrap {
        display: block;
        float: left;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%; } }
    @media (max-width: 1024px) {
      .navigation .wrap {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 736px) {
      .navigation .wrap {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .navigation .logo {
    float: left;
    font-family: "effra", sans-serif;
    font-weight: 500; }
  .navigation nav.main {
    float: right; }
    .navigation nav.main a {
      margin-left: 1em;
      font-weight: 100; }
  @media (max-width: 736px) {
    .navigation {
      text-align: left; }
      .navigation nav.main {
        float: left;
        width: 100%;
        margin-top: 1em; }
        .navigation nav.main a {
          margin-left: 0;
          margin-right: 1em; } }

header.default img {
  width: 100%;
  height: auto; }

header.default .image {
  display: block;
  float: left;
  width: 48%;
  margin-left: 26%;
  margin-right: 1%;
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  @media (min-width: 1200px) {
    header.default .image {
      display: block;
      float: left;
      width: 48%;
      margin-left: 26%;
      margin-right: 1%; } }
  @media (max-width: 1024px) {
    header.default .image {
      display: block;
      float: left;
      width: 40%;
      margin-left: 30%;
      margin-right: 5%; } }
  @media (max-width: 736px) {
    header.default .image {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  @media (max-width: 1024px) {
    header.default .image {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.job {
  padding: 1em;
  margin-top: 1em;
  border: 1px solid #C2C3C6; }
  .job.-title {
    border: 0;
    padding: 0;
    margin: 0; }
  .job .position {
    font-weight: 500;
    position: relative;
    display: inline-block;
    margin-bottom: 2em; }
    .job .position:after {
      content: "";
      position: absolute;
      transform: scale3d(1, 1, 1);
      height: 2px;
      width: 50px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -1em;
      transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
      transform-origin: left;
      background-color: #000000; }
  .job .location {
    font-size: 0.75em;
    margin-top: 1em; }
  .job .time {
    font-size: 0.75em; }

.resume .job {
  display: block;
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%; }
  @media (min-width: 1200px) {
    .resume .job {
      display: block;
      float: left;
      width: 98%;
      margin-left: 1%;
      margin-right: 1%; } }
  @media (max-width: 1024px) {
    .resume .job {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  @media (max-width: 736px) {
    .resume .job {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.card {
  padding: 1em;
  margin-top: 1em;
  border: 1px solid #C2C3C6;
  transition: all 200ms;
  transform: scale3d(1, 1, 1) translateY(0);
  z-index: -1;
  background-color: white;
  box-shadow: 0em 0em 0em 0px rgba(0, 0, 0, 0.25); }
  .card:hover {
    transform: scale3d(1.05, 1.05, 1.05) translateY(-20px);
    z-index: 10;
    box-shadow: 0em 3em 10em 0px rgba(0, 0, 0, 0.25); }
  .card img {
    width: 100%;
    height: auto; }

.portfolio .card {
  display: block;
  float: left;
  width: 31.33333%;
  margin-left: 1%;
  margin-right: 1%; }
  @media (min-width: 1200px) {
    .portfolio .card {
      display: block;
      float: left;
      width: 31.33333%;
      margin-left: 1%;
      margin-right: 1%; } }
  @media (max-width: 1024px) {
    .portfolio .card {
      display: block;
      float: left;
      width: 23.33333%;
      margin-left: 5%;
      margin-right: 5%; } }
  @media (max-width: 736px) {
    .portfolio .card {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.home .body {
  display: block;
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%; }
  @media (min-width: 1200px) {
    .home .body {
      display: block;
      float: left;
      width: 98%;
      margin-left: 1%;
      margin-right: 1%; } }
  @media (max-width: 1024px) {
    .home .body {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  @media (max-width: 736px) {
    .home .body {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.transition-enter .app-body {
  z-index: 1; }

.transition-enter .body {
  opacity: 0; }

.transition-enter .page-title h1 {
  transform: translateX(-100%); }

.transition-enter.transition-enter-active .page-title h1 {
  transition: all 250ms;
  transition-delay: 750ms;
  transform: translateX(0%); }

.transition-enter.transition-enter-active .body {
  opacity: 1;
  transition: all 250ms;
  transition-delay: 500ms; }

.transition-exit .navigation {
  display: none; }

.transition-exit .app-body {
  z-index: -1; }

.transition-exit .body {
  opacity: 1; }

.transition-exit.transition-exit-active .page-title h1 {
  transition: all 250ms;
  transform: translateX(-100%); }

.transition-exit.transition-exit-active .body {
  opacity: 0;
  transition: all 250ms;
  transition-delay: 250ms; }

.resume.transition-enter .job {
  opacity: 0;
  transition: all 1000ms;
  transform: translateX(-10px); }

.resume.transition-enter.transition-enter-active .job {
  transition: all 250ms;
  opacity: 1;
  transform: translateX(0px); }

.resume.transition-enter.transition-enter-active .job:nth-child(1n) {
  opacity: 1;
  transition-delay: 500ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(2n) {
  opacity: 1;
  transition-delay: 550ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(3n) {
  opacity: 1;
  transition-delay: 650ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(4n) {
  opacity: 1;
  transition-delay: 700ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(5n) {
  opacity: 1;
  transition-delay: 750ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(6n) {
  opacity: 1;
  transition-delay: 800ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(7n) {
  opacity: 1;
  transition-delay: 850ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(8n) {
  opacity: 1;
  transition-delay: 900ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(9n) {
  opacity: 1;
  transition-delay: 950ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(10n) {
  opacity: 1;
  transition-delay: 1000ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(11n) {
  opacity: 1;
  transition-delay: 1050ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(12n) {
  opacity: 1;
  transition-delay: 1100ms; }

.resume.transition-enter.transition-enter-active .job:nth-child(13n) {
  opacity: 1;
  transition-delay: 1150ms; }

.portfolio.transition-enter .card {
  opacity: 0;
  transition: all 1000ms;
  transform: scale3d(0.975, 0.975, 0.975); }

.portfolio.transition-enter.transition-enter-active .card {
  transition: all 500ms;
  opacity: 1;
  transform: scale3d(1, 1, 1); }

.portfolio.transition-enter.transition-enter-active .card:nth-child(1n) {
  opacity: 1;
  transition-delay: 500ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(2n) {
  opacity: 1;
  transition-delay: 600ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(3n) {
  opacity: 1;
  transition-delay: 700ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(4n) {
  opacity: 1;
  transition-delay: 800ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(5n) {
  opacity: 1;
  transition-delay: 900ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(6n) {
  opacity: 1;
  transition-delay: 1000ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(7n) {
  opacity: 1;
  transition-delay: 1100ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(8n) {
  opacity: 1;
  transition-delay: 1200ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(9n) {
  opacity: 1;
  transition-delay: 1300ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(10n) {
  opacity: 1;
  transition-delay: 1400ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(11n) {
  opacity: 1;
  transition-delay: 1500ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(12n) {
  opacity: 1;
  transition-delay: 1600ms; }

.portfolio.transition-enter.transition-enter-active .card:nth-child(13n) {
  opacity: 1;
  transition-delay: 1700ms; }