@charset "UTF-8";
/* Bitters 0.10.0
 * http://bitters.bourbon.io
 * Copyright 2013-2014 thoughtbot, inc.
 * MIT License */
body {
  -webkit-font-feature-settings: "kern", "liga", "frac", "pnum";
  -moz-font-feature-settings: "kern", "liga", "frac", "pnum";
  -ms-font-feature-settings: "kern", "liga", "frac", "pnum";
  font-feature-settings: "kern", "liga", "frac", "pnum";
  -webkit-font-smoothing: antialiased;
  background-color: white;
  color: #333;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
  margin: 0.75em 0; }

h1 {
  font-size: 2.25em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.75em; }

h4 {
  font-size: 1.5em; }

h5 {
  font-size: 1.25em; }

h6 {
  font-size: 1em; }

p {
  margin: 0.75em 0; }

a {
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  transition: color 0.1s linear;
  color: #082330;
  text-decoration: underline; }
  a:hover {
    color: #1c719c;
    text-decoration: none; }
  a:active, a:focus {
    color: #1c719c;
    outline: none; }

img,
picture {
  margin: 0;
  max-width: 100%; }

blockquote {
  border-left: 2px solid #DDD;
  color: #595959;
  margin: 1.5em 0;
  padding-left: 0.75em; }

cite {
  color: #737373;
  font-style: italic; }
  cite:before {
    content: "\2014 \00A0"; }

fieldset {
  background: #f7f7f7;
  border: 1px solid #DDD;
  margin: 0 0 0.75em 0;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 1em; }

label {
  font-weight: bold;
  margin: 0.375em 0; }
  label.required:after {
    content: "*"; }
  label abbr {
    display: none; }

textarea,
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
select[multiple=multiple] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #DDD;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  margin: 0.75em 0;
  padding: 0.5em 0.5em;
  width: 100%; }
  textarea:hover,
  input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover,
  select[multiple=multiple]:hover {
    border-color: #c4c4c4; }
  textarea:focus,
  input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
  select[multiple=multiple]:focus {
    border-color: #082330;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(5, 19, 26, 0.7);
    outline: none; }

textarea {
  resize: vertical; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

table {
  -webkit-font-feature-settings: "kern", "liga", "tnum";
  -moz-font-feature-settings: "kern", "liga", "tnum";
  -ms-font-feature-settings: "kern", "liga", "tnum";
  font-feature-settings: "kern", "liga", "tnum";
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: bold;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #DDD;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

ul,
ol {
  list-style-type: disc;
  margin-bottom: 0.75em;
  padding-left: 1.5em; }

dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: bold;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.2857142857em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.8571428571em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.form-control {
  outline: 0;
  border-color: #ececec;
  border-style: solid;
  border-width: 1px;
  width: 95%;
  background-color: white;
  padding: 6px;
  border-radius: 2px;
  margin-bottom: 5px;
  font-size: 14px; }

.angucomplete-holder {
  position: relative; }

.angucomplete-dropdown {
  border-color: #efefef;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  top: 42px;
  left: 0px;
  margin-top: -6px;
  background-color: white;
  width: 100%; }

.angucomplete-searching {
  padding: 6px;
  color: rgba(51, 51, 51, 0.6); }

.angucomplete-description {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.6); }

.angucomplete-row {
  padding: 10px;
  color: black;
  position: relative;
  padding-left: 54px;
  text-align: left;
  border-bottom: 1px solid #efefef; }

.angucomplete-selected-row, .angucomplete-row:hover {
  background: #f7f7f3;
  box-shadow: #e8eaeb 0 -1px 0, #e8eaeb 1px 0 0 inset; }

.angucomplete-image-holder {
  padding-top: 2px;
  float: left;
  margin-bottom: 5px; }

.angucomplete-image {
  height: 34px;
  width: 34px;
  border-radius: 3px;
  border-color: #ececec;
  border-style: solid;
  border-width: 1px;
  position: absolute;
  left: 10px;
  top: 10px; }

.angucomplete-image-default {
  /* Add your own default image here
   *background-image: url('/assets/default.png'); */
  background-position: center;
  background-size: contain;
  height: 34px;
  width: 34px; }

.progress-bar-indication {
  background-color: #f2f2f2;
  border: 1px solid #DDD;
  box-shadow: inset 0 0 3px 0 rgba(115, 115, 115, 0.15);
  border-radius: 3px;
  margin: 0 auto;
  width: 50%; }
  .progress-bar-indication > span.meter {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #082330;
    background-size: 40px 40px;
    background-repeat: repeat-x;
    border: 1px solid black;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: block;
    height: 100%;
    width: 60%; }
  .progress-bar-indication p {
    margin-bottom: 0;
    padding: 0.1em 0.5em;
    font-weight: 800;
    color: white;
    text-shadow: 0 0 1px black; }

#wizard-1 .b-r, #wizard-1 .b-b, #wizard-1 .b-e {
  display: block;
  padding: 20px;
  cursor: pointer; }
  #wizard-1 .b-r h1, #wizard-1 .b-r p.fa, #wizard-1 .b-b h1, #wizard-1 .b-b p.fa, #wizard-1 .b-e h1, #wizard-1 .b-e p.fa {
    margin: 0.5em 0; }
  #wizard-1 .b-r h1, #wizard-1 .b-b h1, #wizard-1 .b-e h1 {
    font-size: 1.5em; }
  #wizard-1 .b-r .fa, #wizard-1 .b-b .fa, #wizard-1 .b-e .fa {
    font-size: 2em; }

#wizard-1 .b-r {
  border-right: 1px solid #DDD; }

#wizard-1 .b-b {
  border-bottom: 1px solid #DDD; }

#wizard-1 .fa {
  font-size: 2em; }

#wizard #wizard-1, #wizard #wizard-2, #wizard #wizard-3 {
  padding: 2em; }

#wizard .choose {
  max-width: 600px;
  padding: 2em;
  margin: 0px auto; }

#wizard .steps {
  font-family: "Montserrat"; }
  #wizard .steps .step {
    padding: 20px;
    text-align: center; }
    #wizard .steps .step.active > span, #wizard .steps .step.past > span {
      border: #0c3245;
      background-color: #0c3245;
      color: white; }
    #wizard .steps .step.active .name, #wizard .steps .step.past .name {
      color: #0c3245; }
    #wizard .steps .step.past {
      opacity: 0.2; }
    #wizard .steps .step span {
      display: inline-block;
      width: 3em;
      height: 3em;
      border: 1px dashed #a0aab3;
      text-align: center;
      font-size: 2.5em;
      font-weight: bold;
      line-height: 2.9em;
      vertical-align: middle;
      border-radius: 50%;
      color: #a0aab3; }
    #wizard .steps .step .name {
      font-size: 1.2em;
      text-transform: uppercase;
      color: #a0aab3;
      margin-top: 0.5em; }

.modal-container {
  overflow: scroll;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000; }
  .modal-container.theme-select .modal {
    max-width: 863px; }
    .modal-container.theme-select .modal .window {
      padding: 20px;
      padding-right: 13px; }
  .modal-container .mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: black;
    opacity: 0.8;
    z-index: 1; }
  .modal-container .modal {
    margin-bottom: 2%;
    position: relative;
    z-index: 2;
    max-width: 1120px;
    margin: 2em auto; }
    .modal-container .modal.small {
      max-width: 600px; }
    .modal-container .modal .window {
      background-color: white;
      border-radius: 3px;
      border: 1px solid #DDD;
      box-shadow: 0px 1px 1px black; }
      .modal-container .modal .window .top {
        position: relative;
        border-bottom: 1px solid #DDD;
        padding: 0 20px; }

.pad {
  padding-left: 20px;
  padding-right: 20px; }

.row {
  position: relative;
  padding: 0px 20px; }
  .row:after {
    content: "";
    display: table;
    clear: both; }

#admin .row {
  padding: 0px; }

#main-contain > .row {
  left: 0px;
  width: 100%; }

@media only screen and (max-width: 480px) {
  .row .span-1 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-1 {
    float: left;
    width: 4.1666666667%; }
    .row .span-1.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-1 {
    margin-left: 4.1666666667%; }
    .row .offset-1.fixed {
      margin-left: 0;
      left: 4.1666666667%; } }

@media only screen and (max-width: 480px) {
  .row .span-2 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-2 {
    float: left;
    width: 8.3333333333%; }
    .row .span-2.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-2 {
    margin-left: 8.3333333333%; }
    .row .offset-2.fixed {
      margin-left: 0;
      left: 8.3333333333%; } }

@media only screen and (max-width: 480px) {
  .row .span-3 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-3 {
    float: left;
    width: 12.5%; }
    .row .span-3.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-3 {
    margin-left: 12.5%; }
    .row .offset-3.fixed {
      margin-left: 0;
      left: 12.5%; } }

@media only screen and (max-width: 480px) {
  .row .span-4 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-4 {
    float: left;
    width: 16.6666666667%; }
    .row .span-4.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-4 {
    margin-left: 16.6666666667%; }
    .row .offset-4.fixed {
      margin-left: 0;
      left: 16.6666666667%; } }

@media only screen and (max-width: 480px) {
  .row .span-5 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-5 {
    float: left;
    width: 20.8333333333%; }
    .row .span-5.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-5 {
    margin-left: 20.8333333333%; }
    .row .offset-5.fixed {
      margin-left: 0;
      left: 20.8333333333%; } }

@media only screen and (max-width: 480px) {
  .row .span-6 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-6 {
    float: left;
    width: 25%; }
    .row .span-6.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-6 {
    margin-left: 25%; }
    .row .offset-6.fixed {
      margin-left: 0;
      left: 25%; } }

@media only screen and (max-width: 480px) {
  .row .span-7 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-7 {
    float: left;
    width: 29.1666666667%; }
    .row .span-7.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-7 {
    margin-left: 29.1666666667%; }
    .row .offset-7.fixed {
      margin-left: 0;
      left: 29.1666666667%; } }

@media only screen and (max-width: 480px) {
  .row .span-8 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-8 {
    float: left;
    width: 33.3333333333%; }
    .row .span-8.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-8 {
    margin-left: 33.3333333333%; }
    .row .offset-8.fixed {
      margin-left: 0;
      left: 33.3333333333%; } }

@media only screen and (max-width: 480px) {
  .row .span-9 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-9 {
    float: left;
    width: 37.5%; }
    .row .span-9.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-9 {
    margin-left: 37.5%; }
    .row .offset-9.fixed {
      margin-left: 0;
      left: 37.5%; } }

@media only screen and (max-width: 480px) {
  .row .span-10 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-10 {
    float: left;
    width: 41.6666666667%; }
    .row .span-10.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-10 {
    margin-left: 41.6666666667%; }
    .row .offset-10.fixed {
      margin-left: 0;
      left: 41.6666666667%; } }

@media only screen and (max-width: 480px) {
  .row .span-11 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-11 {
    float: left;
    width: 45.8333333333%; }
    .row .span-11.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-11 {
    margin-left: 45.8333333333%; }
    .row .offset-11.fixed {
      margin-left: 0;
      left: 45.8333333333%; } }

@media only screen and (max-width: 480px) {
  .row .span-12 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-12 {
    float: left;
    width: 50%; }
    .row .span-12.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-12 {
    margin-left: 50%; }
    .row .offset-12.fixed {
      margin-left: 0;
      left: 50%; } }

@media only screen and (max-width: 480px) {
  .row .span-13 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-13 {
    float: left;
    width: 54.1666666667%; }
    .row .span-13.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-13 {
    margin-left: 54.1666666667%; }
    .row .offset-13.fixed {
      margin-left: 0;
      left: 54.1666666667%; } }

@media only screen and (max-width: 480px) {
  .row .span-14 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-14 {
    float: left;
    width: 58.3333333333%; }
    .row .span-14.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-14 {
    margin-left: 58.3333333333%; }
    .row .offset-14.fixed {
      margin-left: 0;
      left: 58.3333333333%; } }

@media only screen and (max-width: 480px) {
  .row .span-15 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-15 {
    float: left;
    width: 62.5%; }
    .row .span-15.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-15 {
    margin-left: 62.5%; }
    .row .offset-15.fixed {
      margin-left: 0;
      left: 62.5%; } }

@media only screen and (max-width: 480px) {
  .row .span-16 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-16 {
    float: left;
    width: 66.6666666667%; }
    .row .span-16.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-16 {
    margin-left: 66.6666666667%; }
    .row .offset-16.fixed {
      margin-left: 0;
      left: 66.6666666667%; } }

@media only screen and (max-width: 480px) {
  .row .span-17 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-17 {
    float: left;
    width: 70.8333333333%; }
    .row .span-17.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-17 {
    margin-left: 70.8333333333%; }
    .row .offset-17.fixed {
      margin-left: 0;
      left: 70.8333333333%; } }

@media only screen and (max-width: 480px) {
  .row .span-18 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-18 {
    float: left;
    width: 75%; }
    .row .span-18.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-18 {
    margin-left: 75%; }
    .row .offset-18.fixed {
      margin-left: 0;
      left: 75%; } }

@media only screen and (max-width: 480px) {
  .row .span-19 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-19 {
    float: left;
    width: 79.1666666667%; }
    .row .span-19.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-19 {
    margin-left: 79.1666666667%; }
    .row .offset-19.fixed {
      margin-left: 0;
      left: 79.1666666667%; } }

@media only screen and (max-width: 480px) {
  .row .span-20 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-20 {
    float: left;
    width: 83.3333333333%; }
    .row .span-20.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-20 {
    margin-left: 83.3333333333%; }
    .row .offset-20.fixed {
      margin-left: 0;
      left: 83.3333333333%; } }

@media only screen and (max-width: 480px) {
  .row .span-21 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-21 {
    float: left;
    width: 87.5%; }
    .row .span-21.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-21 {
    margin-left: 87.5%; }
    .row .offset-21.fixed {
      margin-left: 0;
      left: 87.5%; } }

@media only screen and (max-width: 480px) {
  .row .span-22 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-22 {
    float: left;
    width: 91.6666666667%; }
    .row .span-22.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-22 {
    margin-left: 91.6666666667%; }
    .row .offset-22.fixed {
      margin-left: 0;
      left: 91.6666666667%; } }

@media only screen and (max-width: 480px) {
  .row .span-23 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-23 {
    float: left;
    width: 95.8333333333%; }
    .row .span-23.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-23 {
    margin-left: 95.8333333333%; }
    .row .offset-23.fixed {
      margin-left: 0;
      left: 95.8333333333%; } }

@media only screen and (max-width: 480px) {
  .row .span-24 {
    max-width: 100%;
    float: none;
    margin-left: 20px;
    margin-right: 20px; } }

@media only screen and (min-width: 480px) {
  .row .span-24 {
    float: left;
    width: 100%; }
    .row .span-24.fixed {
      position: fixed;
      top: 0;
      bottom: 0; }
  .row .offset-24 {
    margin-left: 100%; }
    .row .offset-24.fixed {
      margin-left: 0;
      left: 100%; } }

.level-1, .level-2, .level-3 {
  width: 280px;
  height: 100%;
  position: absolute;
  background-color: #fff; }

.level-1 {
  z-index: 1; }

.level-2 {
  z-index: 2; }

.level-3 {
  z-index: 3; }

.loader {
  margin: 6em auto;
  font-size: 10px;
  position: fixed;
  top: 50%;
  margin-top: -5em;
  left: 50%;
  margin-left: -5em;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.6);
  border-right: 1.1em solid rgba(255, 255, 255, 0.6);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.6);
  border-left: 1.1em solid #0f3f57;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loadeight 1.1s infinite linear;
  animation: loadeight 1.1s infinite linear; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em; }

@-webkit-keyframes loadeight {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loadeight {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.awesome-orange, #home .page-title .btn {
  background-color: #f6653c;
  box-shadow: inset 1px 1px 1px #df937e;
  color: #fce4dd;
  border: 1px solid #501d0f; }
  .awesome-orange:hover, #home .page-title .btn:hover {
    background-color: #f77854; }

html, body {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #f0f0f0;
  color: #0f0d35;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  margin: 0; }

img {
  max-width: 100%; }

button,
input[type="submit"],
.btn {
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid transparent;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  background: transparent;
  color: #082330;
  border: 1px solid #DDD;
  text-decoration: none; }
  button.block,
  input[type="submit"].block,
  .btn.block {
    display: block;
    text-align: center; }
  button:disabled,
  input[type="submit"]:disabled,
  .btn:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
  button:hover,
  input[type="submit"]:hover,
  .btn:hover {
    color: white;
    background-color: #082330; }
  button.faded,
  input[type="submit"].faded,
  .btn.faded {
    background: transparent;
    color: #082330; }
    button.faded:hover,
    input[type="submit"].faded:hover,
    .btn.faded:hover {
      border: 1px solid #082330; }
  button.fill,
  input[type="submit"].fill,
  .btn.fill {
    color: white;
    background-color: #082330; }
    button.fill:hover,
    input[type="submit"].fill:hover,
    .btn.fill:hover {
      background-color: #1c719c;
      color: white; }
  button.control,
  input[type="submit"].control,
  .btn.control {
    border: 1px solid transparent;
    color: white;
    padding: 0.5em 0.5em;
    background-color: transparent; }
    button.control:hover,
    input[type="submit"].control:hover,
    .btn.control:hover {
      border: 1px solid white; }

hr {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #DDD;
  margin: 2em 0; }
  hr.space {
    border-bottom: none; }

section:after {
  content: "";
  display: table;
  clear: both; }

@media only screen and (max-width: 480px) {
  .hide-on-mobile {
    display: none; } }

.no-margin-bottom {
  margin-bottom: 0px; }

.details {
  color: rgba(51, 51, 51, 0.6);
  margin-bottom: 1em; }

#admin a, #admin a:link {
  text-decoration: none; }

#manager, #preview {
  position: fixed; }

#manager {
  left: 0;
  top: 0;
  bottom: 0;
  width: 280px;
  box-shadow: 2px 0px rgba(0, 0, 0, 0.2);
  background-color: #fefefe;
  z-index: 1; }

#preview {
  left: 280px;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0; }

.logo {
  font-family: "Montserrat";
  font-weight: normal;
  font-size: 1.5em; }
  .logo a.text, .logo .text {
    text-decoration: none;
    color: #89d5f9;
    letter-spacing: 7px;
    text-shadow: 0px 0px 1px #081921; }
    .logo a.text.dark, .logo .text.dark {
      color: #424242;
      text-shadow: 0px 0px 1px white; }

.home-title {
  background-color: #0f3f57;
  border-bottom: 1px solid #204a5e;
  border-top: 1px solid black;
  line-height: 55px; }
  .home-title #me {
    text-align: right;
    color: white;
    height: 63px;
    line-height: 63px; }
    .home-title #me ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .home-title #me ul li {
        display: inline-block;
        margin-left: 20px; }

#tools {
  color: white;
  text-align: right; }

.options {
  position: relative;
  margin-left: 1em;
  display: inline-block;
  text-align: center;
  margin-right: 1em; }
  .options:hover {
    background-color: white;
    color: #0f0d35;
    height: 3em;
    line-height: 3em;
    width: 3em;
    margin-right: 0em; }
    .options:hover ul {
      display: block; }
  .options ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: none;
    background-color: white;
    line-height: 2em;
    position: absolute;
    text-align: left;
    top: 2.9em;
    right: 0px;
    width: 250px;
    border: 1px solid #DDD;
    border-top: 0px;
    z-index: 5;
    color: #0f0d35; }
    .options ul li {
      border-bottom: 1px solid #DDD; }
      .options ul li a {
        padding: 1em 2em;
        display: block;
        cursor: pointer; }
        .options ul li a:hover {
          background-color: #eaeaea; }
        .options ul li a .fa {
          margin-right: 0.5em; }
      .options ul li:last-of-type {
        border-bottom: 0px; }

.page-content {
  position: absolute;
  top: 51px;
  bottom: 0px;
  background-color: white;
  width: 100%;
  overflow-y: scroll; }

.home .page-content {
  top: 114px; }

.root .page-content {
  position: relative;
  top: 0px;
  overflow-y: visible; }

a.username {
  cursor: pointer;
  font-weight: normal;
  color: white;
  opacity: 0.9; }
  a.username:hover {
    opacity: 1;
    text-decoration: underline !important; }

.section-title {
  display: block;
  background-color: white;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: #efefef;
  background-color: white;
  background-image: -webkit-linear-gradient(white, #fcfcfc);
  background-image: linear-gradient(white, #fcfcfc);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px; }
  .section-title h1 {
    font-size: 1.3em;
    margin: 0px; }
  .section-title p {
    margin-top: 3px;
    margin-bottom: 0px; }

.page-title {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #082330;
  color: white;
  background-color: #0c3245;
  border-right: 1px solid #082330; }
  .page-title a.title {
    cursor: pointer;
    opacity: 0.5;
    font-weight: normal;
    font-size: 1em;
    color: white; }
    .page-title a.title:hover {
      text-decoration: underline;
      opacity: 0.7; }
  .page-title.with-bottom-margin {
    margin-bottom: 2em; }
  .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6 {
    margin: 0px;
    display: inline-block;
    vertical-align: middle; }

.center-note {
  text-align: center;
  color: white;
  opacity: 0.7; }
  .center-note a {
    color: white;
    text-decoration: underline !important; }
    .center-note a:hover {
      opacity: 0.9; }

.controls {
  text-align: right;
  margin-top: -2px;
  margin-right: -1px; }

.border-wrap {
  min-height: 100%;
  box-shadow: -2px 0px 3px rgba(0, 0, 0, 0.5); }

#admin .main-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1.2em; }
  #admin .main-menu ul li {
    position: relative; }
    #admin .main-menu ul li .fa {
      margin-right: 20px;
      width: 14px; }
    #admin .main-menu ul li a {
      line-height: 60px;
      height: 60px;
      padding: 0px 20px;
      opacity: 1;
      display: block;
      border-bottom: 1px solid #efefef; }
    #admin .main-menu ul li a:hover {
      opacity: 0.7;
      color: #0f0d35;
      color: #0f0d35;
      background: #f8f8f8; }

.projects .project {
  border-left: 1px solid #efefef;
  background-color: white;
  border-bottom: 1px solid #efefef;
  line-height: 42px;
  display: block;
  padding: 0 20px;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 50px;
  white-space: nowrap;
  padding-bottom: 20px; }
  .projects .project .thumb {
    height: 110px;
    display: block; }
  .projects .project:hover {
    color: #0f0d35;
    background: #f8f8f8;
    font-weight: normal; }
  .projects .project .draggable {
    position: absolute;
    top: 1em;
    right: 20px;
    color: #697784;
    cursor: move; }
  .projects .project .title {
    color: #0f0d35;
    font-size: 1em; }

.muted, .skip-this {
  color: #a0aab3; }

.skip-this {
  text-decoration: underline;
  text-align: right; }

.markdown-editor {
  margin: 1em 0; }
  .markdown-editor .editor {
    z-index: 1;
    display: none;
    background-color: white;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    .markdown-editor .editor .span-12 {
      height: 100%; }
      .markdown-editor .editor .span-12 .output-wrap {
        overflow-y: scroll;
        height: 90%;
        padding-top: 5%; }
      .markdown-editor .editor .span-12 .input-wrap {
        height: 100%; }
        .markdown-editor .editor .span-12 .input-wrap .ace_editor {
          height: 100%; }
          .markdown-editor .editor .span-12 .input-wrap .ace_editor .ace_print-margin {
            display: none; }
      .markdown-editor .editor .span-12 .input {
        height: 90%;
        padding-top: 5%; }
  .markdown-editor .preview {
    cursor: pointer;
    max-height: 200px;
    overflow: hidden;
    word-wrap: break-word;
    padding: 1em;
    border-left: none !important; }

.big {
  margin-top: 4em;
  margin-bottom: 4em; }
  .big p {
    margin-top: 2em;
    margin-bottom: 2em; }

.theme-gallery:after {
  content: "";
  display: table;
  clear: both; }

.theme-gallery .theme {
  position: relative;
  max-width: 200px;
  float: left;
  margin-right: 0.5em;
  margin-bottom: 0.5em; }
  .theme-gallery .theme:before {
    color: #0f3f57;
    font-family: "FontAwesome";
    content: "\f10c";
    margin-right: 0.5em;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    font-size: 70px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    padding-left: 1px;
    padding-top: 1px;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    opacity: 0.5;
    display: none; }
  .theme-gallery .theme:hover:before {
    display: block; }
  .theme-gallery .theme.selected:before {
    display: block;
    opacity: 0.7;
    content: "\f058"; }
    .theme-gallery .theme.selected:before:hover:before {
      opacity: 0.9; }

.theme {
  cursor: pointer;
  border-radius: 3px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }

ul.inset, .markdown-editor ul.preview, ul.choose-merge, .assets-editor ul.assets-preview, ol.inset, .markdown-editor ol.preview, ol.choose-merge, .assets-editor ol.assets-preview {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.inset, .markdown-editor .preview, .choose-merge, .assets-editor .assets-preview {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #DDD;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  position: relative; }
  .inset:hover, .markdown-editor .preview:hover, .choose-merge:hover, .assets-editor .assets-preview:hover {
    border: 1px solid #c4c4c4; }
  .inset.text-list li, .markdown-editor .text-list.preview li, .text-list.choose-merge li, .assets-editor .text-list.assets-preview li {
    padding: 1em;
    border-bottom: 1px solid #DDD; }
  .inset.select, .markdown-editor .select.preview, .select.choose-merge, .assets-editor .select.assets-preview {
    min-height: 80px;
    max-height: 300px;
    overflow-y: scroll; }
    .inset.select.activate li, .markdown-editor .select.activate.preview li, .select.activate.choose-merge li, .assets-editor .select.activate.assets-preview li {
      padding-left: 20px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .inset.select.activate li:before, .markdown-editor .select.activate.preview li:before, .select.activate.choose-merge li:before, .assets-editor .select.activate.assets-preview li:before {
        color: #0f3f57;
        font-family: "FontAwesome";
        content: "\f10c";
        margin-right: 0.5em; }
      .inset.select.activate li.selected:before, .markdown-editor .select.activate.preview li.selected:before, .select.activate.choose-merge li.selected:before, .assets-editor .select.activate.assets-preview li.selected:before {
        content: "\f058"; }
    .inset.select li, .markdown-editor .select.preview li, .select.choose-merge li, .assets-editor .select.assets-preview li {
      position: relative;
      padding: 1em;
      border-bottom: 1px solid #DDD; }
      .inset.select li:hover, .markdown-editor .select.preview li:hover, .select.choose-merge li:hover, .assets-editor .select.assets-preview li:hover {
        cursor: pointer;
        color: #0f0d35;
        background: #f8f8f8; }

label {
  margin: 0px; }

.choose-merge .previous, .choose-merge .new {
  padding: 1em;
  position: relative;
  cursor: pointer; }
  .choose-merge .previous label, .choose-merge .new label {
    cursor: pointer; }
  .choose-merge .previous p, .choose-merge .new p {
    margin-bottom: 0px; }
  .choose-merge .previous pre, .choose-merge .new pre {
    font-size: 0.7em;
    overflow-x: scroll;
    max-height: 600px; }
  .choose-merge .previous:before, .choose-merge .new:before {
    color: #0f3f57;
    font-family: "FontAwesome";
    content: "\f10c";
    margin-right: 0.5em;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    font-size: 70px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    padding-left: 1px;
    padding-top: 1px;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    opacity: 0.5;
    display: none; }
  .choose-merge .previous:hover:before, .choose-merge .new:hover:before {
    display: block; }
  .choose-merge .previous.selected:before, .choose-merge .new.selected:before {
    display: block;
    opacity: 0.7;
    content: "\f058"; }
    .choose-merge .previous.selected:before:hover:before, .choose-merge .new.selected:before:hover:before {
      opacity: 0.9; }

.choose-merge .new {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important; }

.choose-merge .previous {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: none !important; }

.screenshot-drop {
  border: 1px dashed #d9dde0;
  min-height: 40px;
  padding: 1em; }

.thumb {
  display: block;
  background-color: #efefef;
  background-size: cover;
  background-position: center center;
  border: 1px solid #efefef;
  border-radius: 3px;
  height: 10.5em;
  width: 15em; }

.assets-editor .modal-container {
  display: none; }

.assets-editor .assets-preview {
  padding-bottom: 5px; }
  .assets-editor .assets-preview ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    padding: 0.5em;
    min-height: 30px; }
    .assets-editor .assets-preview ul:after {
      content: "";
      display: table;
      clear: both; }
    .assets-editor .assets-preview ul li {
      float: left; }
      .assets-editor .assets-preview ul li .thumb {
        height: 3em;
        width: 4em;
        margin-left: 5px;
        margin-top: 5px; }

ul.assets {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: -20px;
  margin-top: -20px; }
  ul.assets:after {
    content: "";
    display: table;
    clear: both; }
  ul.assets li {
    float: left;
    position: relative;
    display: block;
    cursor: move; }
    ul.assets li .thumb {
      margin-left: 20px;
      margin-top: 20px; }
    ul.assets li:hover .tools .activate:not(.active), ul.assets li:hover .tools .caption, ul.assets li:hover .tools .delete {
      display: inline-block; }
    ul.assets li .tools {
      text-align: right;
      position: absolute;
      right: 0.5em;
      top: 1em;
      font-size: 1.5em;
      width: 60%;
      color: white; }
      ul.assets li .tools .caption, ul.assets li .tools .delete, ul.assets li .tools .activate {
        font-family: "FontAwesome";
        text-align: center;
        color: #0f0d35;
        cursor: pointer;
        display: inline-block;
        width: 1.5em;
        border-radius: 50%;
        background-color: white; }
      ul.assets li .tools .caption {
        display: none; }
        ul.assets li .tools .caption:before {
          content: "\f039"; }
      ul.assets li .tools .delete {
        display: none; }
        ul.assets li .tools .delete:before {
          content: "\f014"; }
      ul.assets li .tools .activate:not(.active) {
        display: none; }
      ul.assets li .tools .activate:before {
        content: "\f006"; }
      ul.assets li .tools .activate.active:before, ul.assets li .tools #wizard .steps .activate.step.past:before, #wizard .steps ul.assets li .tools .activate.step.past:before {
        content: "\f005"; }

.button-upload {
  margin-top: 1em; }

.codeblocks, .images {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  height: 240px;
  width: auto; }
  .codeblocks:after, .images:after {
    content: "";
    display: table;
    clear: both; }
  .codeblocks .codeblock, .codeblocks .image, .images .codeblock, .images .image {
    max-width: 400px;
    margin-right: 2em;
    display: inline-block;
    vertical-align: top;
    height: 211px; }
  .codeblocks .codeblock, .images .codeblock {
    overflow: scroll;
    width: 1800px; }
    .codeblocks .codeblock pre, .images .codeblock pre {
      font-size: 1em;
      max-width: 100%; }
  .codeblocks .image, .images .image {
    min-width: 240px; }
    .codeblocks .image.error, .images .image.error {
      display: none; }
    .codeblocks .image.loading, .images .image.loading {
      background-repeat: no-repeat;
      background-image: url("/images/spinner.gif");
      background-position: center center; }
    .codeblocks .image.loaded, .images .image.loaded {
      background-image: none; }
    .codeblocks .image img, .images .image img {
      max-width: 100%;
      max-height: 180px; }

.domains .delete-button {
  cursor: pointer;
  position: absolute;
  right: 15px; }

.divider {
  padding: 20px;
  border-bottom: 1px solid #efefef; }

.codeblock, .image {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #DDD;
  cursor: pointer;
  padding: 1em;
  position: relative; }
  .codeblock:before, .image:before {
    color: #0f3f57;
    font-family: "FontAwesome";
    content: "\f10c";
    margin-right: 0.5em;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    font-size: 100px;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    padding-left: 1px;
    padding-top: 1px;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    opacity: 0.5;
    display: none; }
  .codeblock:hover:before, .image:hover:before {
    display: block; }
  .codeblock.selected:before, .image.selected:before {
    display: block;
    opacity: 0.7;
    content: "\f058"; }
    .codeblock.selected:before:hover:before, .image.selected:before:hover:before {
      opacity: 0.9; }

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

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

.blue-bg, .marketing #landing, #particles-js {
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
  color: white;
  background-color: #2989d8;
  background-image: -webkit-linear-gradient(#2989d8, #1e5799);
  background-image: linear-gradient(#2989d8, #1e5799);
  border-top: 1px solid #163f6e;
  border-bottom: 1px solid #163f6e; }
  .blue-bg .row, .marketing #landing .row, #particles-js .row {
    margin-top: 0px !important;
    margin-bottom: 0px !important; }
  .blue-bg a, .marketing #landing a, #particles-js a, .blue-bg a:visited, .marketing #landing a:visited, #particles-js a:visited {
    color: white;
    opacity: 0.9; }
  .blue-bg a:hover, .marketing #landing a:hover, #particles-js a:hover {
    color: white;
    opacity: 1; }

.sign-up.btn {
  opacity: 0.8;
  font-weight: normal;
  color: white;
  border: 1px solid white;
  margin-top: 70px; }
  .sign-up.btn:hover {
    background-color: transparent;
    opacity: 1; }

#signup-target {
  padding: 70px; }

@media only screen and (max-width: 480px) {
  #signup-target {
    padding: 1em; } }

#home .row.gallery {
  max-width: 1200px; }
  #home .row.gallery h2 {
    margin-bottom: 70px; }
  #home .row.gallery img {
    opacity: 0.9;
    border-radius: 3px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 1em; }
    #home .row.gallery img:hover {
      opacity: 1; }

@media only screen and (min-width: 960px) {
  .img-wrap {
    display: block;
    min-height: 126px;
    position: relative; }
    .img-wrap img {
      position: absolute;
      bottom: 0;
      left: 0; } }

@media only screen and (max-width: 480px) {
  .row.gallery .span-3 {
    margin-bottom: 3em; } }

@media only screen and (max-width: 960px) {
  .marketing .feature .bullet {
    margin-top: 0px !important; }
  .project-card-wrap {
    width: 100% !important; }
  .menu {
    margin-left: 0px !important; } }

.browser-mockup {
  border-top: 2em solid rgba(230, 230, 230, 0.7);
  box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
  position: relative;
  border-radius: 3px 3px 0 0; }
  .browser-mockup:before {
    display: block;
    position: absolute;
    content: "";
    top: -1.25em;
    left: 1em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    background-color: #ff4444;
    box-shadow: 0 0 0 2px #ff4444, 1.5em 0 0 2px #99bb33, 3em 0 0 2px #ffbb55; }

.marketing .feature {
  background-color: white;
  background-image: -webkit-linear-gradient(white, #f9f9f9);
  background-image: linear-gradient(white, #f9f9f9);
  border-bottom: 1px solid #efefef; }
  .marketing .feature p {
    font-size: 16px; }
  .marketing .feature.more {
    text-align: center; }
  .marketing .feature.movie .browser-mockup {
    margin-top: 70px; }
    .marketing .feature.movie .browser-mockup video {
      margin-bottom: -6px; }
  .marketing .feature.grab .bullet {
    margin-top: 68px; }
  .marketing .feature.import .bullet {
    margin-top: 68px; }
  .marketing .feature.customize .bullet {
    margin-top: 80px; }
  .marketing .feature.deploy .bullet {
    margin-top: 68px; }
  .marketing .feature.fubu {
    text-align: center; }

.marketing .cta p {
  font-size: 16px; }

.marketing .row {
  max-width: 1000px;
  padding: 70px 0px;
  margin: 0px auto; }

.marketing #landing .browse {
  font-size: 14px; }
  .marketing #landing .browse a {
    text-decoration: none; }
    .marketing #landing .browse a:hover {
      text-decoration: underline; }

.marketing #landing .row {
  padding: 0px; }

.marketing #landing #header {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 50%; }

.marketing #landing #content {
  text-align: center;
  font-size: 18px;
  color: white;
  z-index: 2; }
  .marketing #landing #content .landing-image {
    max-height: 200px; }
  .marketing #landing #content h1 {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 2.5em;
    margin-bottom: 0;
    margin-top: 70px; }
  .marketing #landing #content p.sub-text {
    opacity: 0.5; }

@media only screen and (max-width: 480px) {
  .marketing #landing #content h1 {
    font-size: 2.5em; } }

.subdomain {
  max-width: 200px;
  display: inline-block;
  margin-right: 0.5em; }

#register-form h1, #register-form h2, #register-form h3, #register-form h4, #register-form h5, #register-form h6 {
  margin-top: 0px; }

#register-form .create-account {
  display: none; }

#modal-page .window {
  margin-top: 70px;
  max-width: 400px;
  padding: 70px; }
  #modal-page .window h1, #modal-page .window h2, #modal-page .window h3, #modal-page .window h4, #modal-page .window h5, #modal-page .window h6 {
    margin-top: 0px; }

@media only screen and (max-width: 480px) {
  #modal-page .window {
    margin-top: 20px;
    max-width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    padding: 1em; } }

#particles-js {
  height: 100%;
  padding: 0;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0; }

#admin .markdown-content {
  display: block;
  max-width: 80%;
  margin-left: 10%;
  word-wrap: break-word; }
  #admin .markdown-content a {
    text-decoration: underline; }

#admin .pro-sm {
  background-color: #0f0d35;
  border-radius: 2px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 10px;
  font-weight: bold;
  color: white;
  margin-left: 5px; }
  #admin .pro-sm.sup {
    position: relative;
    top: -0.7em; }
  #admin .pro-sm.abs {
    position: absolute;
    right: 20px;
    opacity: 0.3;
    height: 14px;
    line-height: 14px;
    top: 50%;
    margin-top: -7px; }

.assets-editor .window {
  padding: 20px; }

.upgrade-nagger .modal {
  max-width: 500px; }
  .upgrade-nagger .modal .window {
    padding-top: 40px;
    padding-bottom: 40px; }

.default-cta {
  position: absolute;
  border-radius: 3px;
  border: 1px dashed #DDD;
  opacity: 0.7;
  cursor: pointer;
  left: 20px;
  top: 20px;
  bottom: 20px;
  right: 20px; }
  .default-cta:hover {
    border: 1px solid #c4c4c4;
    opacity: 1; }
    .default-cta:hover .big-icon {
      opacity: 1; }
  .default-cta .cta {
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: -60px; }
    .default-cta .cta .big-icon {
      font-size: 60px;
      opacity: 0.9; }
    .default-cta .cta .text {
      font-size: 18px; }

#home {
  font-weight: 300; }
  #home .page-content {
    background: #f0f0f0 url(http://dribbble.com/assets/noise-f1-ebf1e3aadb4f63bf8ca0f1b032cadb97.gif) repeat -70% 0; }
  #home img {
    max-width: 100%; }
  #home .page-title a, #home .menu a, #home .me a {
    color: #92b9cd;
    text-decoration: none; }
    #home .page-title a:hover, #home .menu a:hover, #home .me a:hover {
      color: #c5deeb; }
    #home .page-title a:active, #home .menu a:active, #home .me a:active {
      color: white; }
  #home .logo {
    display: inline-block; }
  #home .page-title {
    color: #a2bac6; }
    #home .page-title .btn {
      font-size: 12px;
      line-height: 0.5em;
      padding: 10px 10px;
      margin-left: 10px;
      position: relative;
      top: -1px; }
  #home .me a {
    margin-left: 20px; }
  #home .home-title .menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-left: 17px; }
    #home .home-title .menu li {
      margin-right: 20px;
      display: inline-block;
      position: relative;
      top: -2px; }
      #home .home-title .menu li.active a, #home .home-title .menu #wizard .steps li.step.past a, #wizard .steps #home .home-title .menu li.step.past a, #home .home-title .menu li.active a:hover, #home .home-title .menu #wizard .steps li.step.past a:hover, #wizard .steps #home .home-title .menu li.step.past a:hover {
        font-weight: 600;
        color: white;
        opacity: 0.9; }
  #home .step {
    background-color: white;
    background-image: -webkit-linear-gradient(white, #f9f9f9);
    background-image: linear-gradient(white, #f9f9f9);
    border-bottom: 1px solid #efefef;
    padding-top: 100px;
    padding-bottom: 100px; }
    #home .step h2 {
      margin-top: 0px; }
    #home .step p {
      margin: 20px 0px; }
    #home .step .feature h1 {
      margin-top: 0px; }
    #home .step .feature .fa {
      font-size: 100px;
      display: block;
      text-align: right; }
  #home .project-gutter {
    width: 2.666%; }
  #home .project-card-wrap {
    float: left;
    margin-bottom: 20px;
    width: 23%; }
    #home .project-card-wrap.double {
      width: 60%; }
      #home .project-card-wrap.double .project-card .thumb {
        height: 400px; }
    #home .project-card-wrap .project-card {
      display: block;
      padding: 20px;
      padding-bottom: 0px;
      border-radius: 3px;
      background-color: #efefef;
      background-color: white;
      background-image: -webkit-linear-gradient(white, #fcfcfc);
      background-image: linear-gradient(white, #fcfcfc);
      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
      #home .project-card-wrap .project-card .project-text {
        max-height: 4.5em;
        overflow: hidden;
        font-weight: normal;
        font-size: 12px;
        line-height: 1.5em;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
        #home .project-card-wrap .project-card .project-text img, #home .project-card-wrap .project-card .project-text code, #home .project-card-wrap .project-card .project-text pre, #home .project-card-wrap .project-card .project-text hr {
          display: none; }
      #home .project-card-wrap .project-card h3 {
        margin: 0px;
        font-size: 13px;
        line-height: 1.5em; }
      #home .project-card-wrap .project-card a {
        text-decoration: none; }
        #home .project-card-wrap .project-card a:hover {
          text-decoration: underline; }
      #home .project-card-wrap .project-card img {
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        margin-bottom: 1em; }
      #home .project-card-wrap .project-card .thumb {
        height: 200px;
        width: 100%;
        margin-bottom: 10px; }
      #home .project-card-wrap .project-card .thumb-details {
        margin-top: 1em;
        position: relative;
        padding-bottom: 1em;
        padding-top: 1em;
        border-top: 1px solid #efefef; }
        #home .project-card-wrap .project-card .thumb-details h4, #home .project-card-wrap .project-card .thumb-details p {
          margin: 0px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        #home .project-card-wrap .project-card .thumb-details h4 {
          font-size: 13px;
          font-weight: 400;
          margin-bottom: 5px; }
        #home .project-card-wrap .project-card .thumb-details p {
          font-size: 11px; }
        #home .project-card-wrap .project-card .thumb-details.with-avatar {
          height: 50px;
          padding-left: 65px;
          padding-top: 1em; }
          #home .project-card-wrap .project-card .thumb-details.with-avatar h4 {
            margin-top: 7px; }
        #home .project-card-wrap .project-card .thumb-details .avatar {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          float: left;
          position: absolute;
          left: 0px; }
  #home .thumb-gallery {
    margin-top: 100px; }
    #home .thumb-gallery .thumb {
      float: left;
      padding-right: 20px;
      margin-bottom: 20px; }
  #home .import-source {
    margin-right: 20px;
    padding: 20px;
    padding-bottom: 0px;
    background-color: #efefef;
    border-radius: 3px;
    background-color: #efefef;
    background-image: -webkit-linear-gradient(#efefef, #eaeaea);
    background-image: linear-gradient(#efefef, #eaeaea);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
    #home .import-source p {
      margin: 0px;
      position: relative;
      margin-top: -5px;
      padding: 10px 0; }
      #home .import-source p .fa {
        margin-right: 7px; }
  #home #nextpage a {
    display: block;
    width: 75px;
    height: 75px;
    line-height: 75px;
    border-radius: 50%;
    font-size: 50px;
    text-align: center;
    margin: 70px auto;
    background-color: #111111;
    color: #f0f0f0;
    background-color: #979797; }
    #home #nextpage a:hover {
      background-color: #717171; }
    #home #nextpage a i {
      position: relative;
      left: 3px; }

.single-notice {
  font-size: 18px;
  background-color: white;
  padding: 35px 70px;
  padding-bottom: 70px;
  margin-bottom: 70px;
  border-radius: 3px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  margin-top: 70px;
  text-align: center; }

#home .blog .markdown h1, #home .docs .markdown h1 {
  font-size: 2em; }

#home .blog .date, #home .docs .date {
  font-size: 14px; }

#home .blog .back-to-blog, #home .docs .back-to-blog {
  margin-top: 70px;
  margin-bottom: 20px; }
  #home .blog .back-to-blog a, #home .docs .back-to-blog a {
    text-decoration: none; }
  #home .blog .back-to-blog:hover, #home .docs .back-to-blog:hover {
    text-decoration: none;
    color: black; }

#home .blog .post, #home .blog .posts, #home .docs .post, #home .docs .posts {
  font-size: 18px;
  background-color: white;
  padding: 35px 70px;
  padding-bottom: 70px;
  margin-bottom: 70px;
  border-radius: 3px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
  #home .blog .post p, #home .blog .post ul, #home .blog .post ol, #home .blog .post img, #home .blog .post blockquote, #home .blog .post code, #home .blog .posts p, #home .blog .posts ul, #home .blog .posts ol, #home .blog .posts img, #home .blog .posts blockquote, #home .blog .posts code, #home .docs .post p, #home .docs .post ul, #home .docs .post ol, #home .docs .post img, #home .docs .post blockquote, #home .docs .post code, #home .docs .posts p, #home .docs .posts ul, #home .docs .posts ol, #home .docs .posts img, #home .docs .posts blockquote, #home .docs .posts code {
    margin: 1em 0; }

#home .blog .posts, #home .docs .posts {
  margin-top: 70px; }
  #home .blog .posts a, #home .docs .posts a {
    text-decoration: none; }
    #home .blog .posts a:hover, #home .docs .posts a:hover {
      text-decoration: underline; }
  #home .blog .posts .preview, #home .docs .posts .preview {
    max-height: 6em;
    overflow: hidden;
    line-height: 1.5em;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  #home .blog .posts .blog-thumb, #home .docs .posts .blog-thumb {
    max-width: 250px;
    float: right;
    margin-left: 70px;
    border-radius: 3px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
    margin-top: 0px; }

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

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

#home .user-card {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 2em;
  margin-bottom: 2em; }
  #home .user-card .username {
    margin-top: 0px;
    font-size: 16px; }
    #home .user-card .username a {
      text-decoration: none; }
      #home .user-card .username a:hover {
        text-decoration: underline; }
  #home .user-card hr {
    margin: 1em 0px; }
  #home .user-card .location {
    font-size: 12px; }
  #home .user-card .avatar {
    border-radius: 50%; }
  #home .user-card .project-card-wrap {
    width: 100%;
    margin-bottom: 0px; }
    #home .user-card .project-card-wrap .project-card {
      padding-bottom: 1em; }

.page-wrap {
  min-height: 100%;
  margin-bottom: -130px; }

.page-wrap:after {
  content: "";
  display: block; }

.site-footer, .page-wrap:after {
  height: 130px; }

.site-footer {
  background-color: white;
  position: relative;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
  .site-footer h6 {
    margin: 1em 0px;
    margin-top: 17px; }
  .site-footer .logo {
    margin-top: 1em; }
  .site-footer .logo-image {
    position: absolute;
    right: 0px;
    top: 1em; }
  .site-footer .btn:hover {
    background-color: white;
    color: black;
    text-decoration: none; }
  .site-footer .foot-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 12px; }
    .site-footer .foot-menu li {
      margin: 0.5em 0px; }
    .site-footer .foot-menu a {
      color: #111111;
      opacity: 0.7;
      text-decoration: none; }
      .site-footer .foot-menu a:hover {
        opacity: 1;
        text-decoration: underline; }