/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

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

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

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

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

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

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

._clearfix:after {
  content: "";
  display: table;
  clear: both; }
._clearfix ._left {
  float: left !important; }
._clearfix ._right {
  float: right !important; }

._ellipsis {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap; }

._no-spacer {
  margin-bottom: 0 !important; }

._spacer-small {
  margin-bottom: 0.75rem !important; }

._spacer {
  margin-bottom: 1rem !important; }

._spacer-large {
  margin-bottom: 1.5rem !important; }

._text-up {
  text-transform: uppercase !important; }

._text-low {
  text-transform: lowercase !important; }

._text-left {
  text-align: left !important; }

._text-center {
  text-align: center !important; }

._text-right {
  text-align: right !important; }

._text-sky {
  color: #52B5E5; }

._text-crimson {
  color: #F05F50; }

._text-emerald {
  color: #38D4A9; }

._text-sun {
  color: #FFC05A; }

._text-muted {
  color: #78828A; }

._centered {
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important; }

@font-face {
  font-family: 'one-icons';
  src: url("fonts/one-icons.eot?gr3uvv");
  src: url("fonts/one-icons.eot?gr3uvv#iefix") format("embedded-opentype"), url("fonts/one-icons.ttf?gr3uvv") format("truetype"), url("fonts/one-icons.woff?gr3uvv") format("woff"), url("fonts/one-icons.svg?gr3uvv#one-icons") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon {
  display: inline-block;
  font-family: 'one-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .icon.-x2 {
    font-size: 1.25rem; }
  .icon.-x3 {
    font-size: 1.5rem; }
  .icon.-x4 {
    font-size: 1.75rem; }
  .icon.-x5 {
    font-size: 2rem; }
  .icon.-x6 {
    font-size: 2.25rem; }
  .icon.-x7 {
    font-size: 2.5rem; }
  .icon.-x8 {
    font-size: 2.75rem; }

.icon-cart3:before {
  content: "\e600"; }

.icon-celebrity:before {
  content: "\e605"; }

.icon-entertainment:before {
  content: "\ea42"; }

.icon-food:before {
  content: "\ea43"; }

.icon-gizmo:before {
  content: "\ea44"; }

.icon-grab2:before {
  content: "\ea45"; }

.icon-home5:before {
  content: "\ea46"; }

.icon-lifestyle:before {
  content: "\ea47"; }

.icon-power3:before {
  content: "\ea48"; }

.icon-tools:before {
  content: "\ea49"; }

.icon-user3:before {
  content: "\ea4a"; }

.icon-voucher:before {
  content: "\ea4b"; }

.icon-wellness:before {
  content: "\ea4c"; }

.icon-home4:before {
  content: "\e857"; }

.icon-home2:before {
  content: "\e858"; }

.icon-home3:before {
  content: "\e859"; }

.icon-office:before {
  content: "\e85a"; }

.icon-newspaper2:before {
  content: "\e85b"; }

.icon-pencil3:before {
  content: "\e85c"; }

.icon-pencil2:before {
  content: "\e85d"; }

.icon-quill:before {
  content: "\e85e"; }

.icon-pen:before {
  content: "\e85f"; }

.icon-blog:before {
  content: "\e860"; }

.icon-eyedropper:before {
  content: "\e861"; }

.icon-droplet:before {
  content: "\e862"; }

.icon-paint-format:before {
  content: "\e863"; }

.icon-image2:before {
  content: "\e864"; }

.icon-images:before {
  content: "\e865"; }

.icon-camera2:before {
  content: "\e866"; }

.icon-headphones:before {
  content: "\e867"; }

.icon-music:before {
  content: "\e868"; }

.icon-play4:before {
  content: "\e869"; }

.icon-film2:before {
  content: "\e86a"; }

.icon-video-camera:before {
  content: "\e86b"; }

.icon-dice2:before {
  content: "\e86c"; }

.icon-pacman:before {
  content: "\e86d"; }

.icon-spades:before {
  content: "\e86e"; }

.icon-clubs:before {
  content: "\e86f"; }

.icon-diamonds:before {
  content: "\e870"; }

.icon-bullhorn:before {
  content: "\e871"; }

.icon-connection:before {
  content: "\e872"; }

.icon-podcast:before {
  content: "\e873"; }

.icon-feed:before {
  content: "\e874"; }

.icon-mic2:before {
  content: "\e875"; }

.icon-book2:before {
  content: "\e876"; }

.icon-books:before {
  content: "\e877"; }

.icon-library:before {
  content: "\e878"; }

.icon-file-text:before {
  content: "\e879"; }

.icon-profile2:before {
  content: "\e87a"; }

.icon-file-empty:before {
  content: "\e87b"; }

.icon-files-empty:before {
  content: "\e87c"; }

.icon-file-text2:before {
  content: "\e87d"; }

.icon-file-picture:before {
  content: "\e87e"; }

.icon-file-music:before {
  content: "\e87f"; }

.icon-file-play:before {
  content: "\e880"; }

.icon-file-video:before {
  content: "\e881"; }

.icon-file-zip:before {
  content: "\e882"; }

.icon-copy2:before {
  content: "\e883"; }

.icon-paste:before {
  content: "\e884"; }

.icon-stack:before {
  content: "\e885"; }

.icon-folder2:before {
  content: "\e886"; }

.icon-folder-open:before {
  content: "\e887"; }

.icon-folder-plus:before {
  content: "\e888"; }

.icon-folder-minus:before {
  content: "\e889"; }

.icon-folder-download:before {
  content: "\e88a"; }

.icon-folder-upload:before {
  content: "\e88b"; }

.icon-price-tag:before {
  content: "\e88c"; }

.icon-price-tags:before {
  content: "\e88d"; }

.icon-barcode:before {
  content: "\e88e"; }

.icon-qrcode:before {
  content: "\e88f"; }

.icon-ticket:before {
  content: "\e890"; }

.icon-cart2:before {
  content: "\e891"; }

.icon-coin-dollar:before {
  content: "\e892"; }

.icon-coin-euro:before {
  content: "\e893"; }

.icon-coin-pound:before {
  content: "\e894"; }

.icon-coin-yen:before {
  content: "\e895"; }

.icon-credit-card:before {
  content: "\e896"; }

.icon-calculator2:before {
  content: "\e897"; }

.icon-lifebuoy:before {
  content: "\e898"; }

.icon-phone3:before {
  content: "\e899"; }

.icon-phone-hang-up:before {
  content: "\e89a"; }

.icon-address-book:before {
  content: "\e89b"; }

.icon-envelop:before {
  content: "\e89c"; }

.icon-pushpin:before {
  content: "\e89d"; }

.icon-location3:before {
  content: "\e89e"; }

.icon-location2:before {
  content: "\e89f"; }

.icon-compass3:before {
  content: "\e8a0"; }

.icon-compass2:before {
  content: "\e8a1"; }

.icon-map:before {
  content: "\e8a2"; }

.icon-map2:before {
  content: "\e8a3"; }

.icon-history:before {
  content: "\e8a4"; }

.icon-clock:before {
  content: "\e8a5"; }

.icon-clock2:before {
  content: "\e8a6"; }

.icon-alarm2:before {
  content: "\e8a7"; }

.icon-bell2:before {
  content: "\e8a8"; }

.icon-stopwatch2:before {
  content: "\e8a9"; }

.icon-calendar2:before {
  content: "\e8aa"; }

.icon-printer:before {
  content: "\e8ab"; }

.icon-keyboard3:before {
  content: "\e8ac"; }

.icon-display:before {
  content: "\e8ad"; }

.icon-laptop2:before {
  content: "\e8ae"; }

.icon-mobile:before {
  content: "\e8af"; }

.icon-mobile2:before {
  content: "\e8b0"; }

.icon-tablet:before {
  content: "\e8b1"; }

.icon-tv2:before {
  content: "\e8b2"; }

.icon-drawer3:before {
  content: "\e8b3"; }

.icon-drawer2:before {
  content: "\e8b4"; }

.icon-box-add:before {
  content: "\e8b5"; }

.icon-box-remove:before {
  content: "\e8b6"; }

.icon-download4:before {
  content: "\e8b7"; }

.icon-upload4:before {
  content: "\e8b8"; }

.icon-floppy-disk:before {
  content: "\e8b9"; }

.icon-drive:before {
  content: "\e8ba"; }

.icon-database:before {
  content: "\e8bb"; }

.icon-undo3:before {
  content: "\e8bc"; }

.icon-redo3:before {
  content: "\e8bd"; }

.icon-undo22:before {
  content: "\e8be"; }

.icon-redo22:before {
  content: "\e8bf"; }

.icon-forward4:before {
  content: "\e8c0"; }

.icon-reply:before {
  content: "\e8c1"; }

.icon-bubble:before {
  content: "\e8c2"; }

.icon-bubbles:before {
  content: "\e8c3"; }

.icon-bubbles2:before {
  content: "\e8c4"; }

.icon-bubble2:before {
  content: "\e8c5"; }

.icon-bubbles3:before {
  content: "\e8c6"; }

.icon-bubbles4:before {
  content: "\e8c7"; }

.icon-user2:before {
  content: "\e8c8"; }

.icon-users:before {
  content: "\e8c9"; }

.icon-user-plus:before {
  content: "\e8ca"; }

.icon-user-minus:before {
  content: "\e8cb"; }

.icon-user-check:before {
  content: "\e8cc"; }

.icon-user-tie:before {
  content: "\e8cd"; }

.icon-quotes-left:before {
  content: "\e8ce"; }

.icon-quotes-right:before {
  content: "\e8cf"; }

.icon-hour-glass:before {
  content: "\e8d0"; }

.icon-spinner:before {
  content: "\e8d1"; }

.icon-spinner2:before {
  content: "\e8d2"; }

.icon-spinner3:before {
  content: "\e8d3"; }

.icon-spinner4:before {
  content: "\e8d4"; }

.icon-spinner5:before {
  content: "\e8d5"; }

.icon-spinner6:before {
  content: "\e8d6"; }

.icon-spinner7:before {
  content: "\e8d7"; }

.icon-spinner8:before {
  content: "\e8d8"; }

.icon-spinner9:before {
  content: "\e8d9"; }

.icon-spinner10:before {
  content: "\e8da"; }

.icon-spinner11:before {
  content: "\e8db"; }

.icon-binoculars:before {
  content: "\e8dc"; }

.icon-search:before {
  content: "\e8dd"; }

.icon-zoom-in2:before {
  content: "\e8de"; }

.icon-zoom-out2:before {
  content: "\e8df"; }

.icon-enlarge:before {
  content: "\e8e0"; }

.icon-shrink:before {
  content: "\e8e1"; }

.icon-enlarge2:before {
  content: "\e8e2"; }

.icon-shrink2:before {
  content: "\e8e3"; }

.icon-key3:before {
  content: "\e8e4"; }

.icon-key2:before {
  content: "\e8e5"; }

.icon-lock2:before {
  content: "\e8e6"; }

.icon-unlocked:before {
  content: "\e8e7"; }

.icon-wrench2:before {
  content: "\e8e8"; }

.icon-equalizer:before {
  content: "\e8e9"; }

.icon-equalizer2:before {
  content: "\e8ea"; }

.icon-cog:before {
  content: "\e8eb"; }

.icon-cogs:before {
  content: "\e8ec"; }

.icon-hammer:before {
  content: "\e8ed"; }

.icon-magic-wand2:before {
  content: "\e8ee"; }

.icon-aid-kit2:before {
  content: "\e8ef"; }

.icon-bug2:before {
  content: "\e8f0"; }

.icon-pie-chart:before {
  content: "\e8f1"; }

.icon-stats-dots:before {
  content: "\e8f2"; }

.icon-stats-bars:before {
  content: "\e8f3"; }

.icon-stats-bars2:before {
  content: "\e8f4"; }

.icon-trophy2:before {
  content: "\e8f5"; }

.icon-gift2:before {
  content: "\e8f6"; }

.icon-glass:before {
  content: "\e8f7"; }

.icon-glass2:before {
  content: "\e8f8"; }

.icon-mug2:before {
  content: "\e8f9"; }

.icon-spoon-knife:before {
  content: "\e8fa"; }

.icon-leaf:before {
  content: "\e8fb"; }

.icon-rocket:before {
  content: "\e8fc"; }

.icon-meter:before {
  content: "\e8fd"; }

.icon-meter2:before {
  content: "\e8fe"; }

.icon-hammer2:before {
  content: "\e8ff"; }

.icon-fire:before {
  content: "\e900"; }

.icon-lab:before {
  content: "\e901"; }

.icon-magnet2:before {
  content: "\e902"; }

.icon-bin:before {
  content: "\e903"; }

.icon-bin2:before {
  content: "\e904"; }

.icon-briefcase:before {
  content: "\e905"; }

.icon-airplane2:before {
  content: "\e906"; }

.icon-truck:before {
  content: "\e907"; }

.icon-road:before {
  content: "\e908"; }

.icon-accessibility:before {
  content: "\e909"; }

.icon-target2:before {
  content: "\e90a"; }

.icon-shield2:before {
  content: "\e90b"; }

.icon-power2:before {
  content: "\e90c"; }

.icon-switch:before {
  content: "\e90d"; }

.icon-power-cord:before {
  content: "\e90e"; }

.icon-clipboard:before {
  content: "\e90f"; }

.icon-list-numbered:before {
  content: "\e910"; }

.icon-list:before {
  content: "\e911"; }

.icon-list2:before {
  content: "\e912"; }

.icon-tree2:before {
  content: "\e913"; }

.icon-menu:before {
  content: "\e914"; }

.icon-menu2:before {
  content: "\e915"; }

.icon-menu3:before {
  content: "\e916"; }

.icon-menu4:before {
  content: "\e917"; }

.icon-cloud3:before {
  content: "\e918"; }

.icon-cloud-download:before {
  content: "\e919"; }

.icon-cloud-upload:before {
  content: "\e91a"; }

.icon-cloud-check:before {
  content: "\e91b"; }

.icon-download22:before {
  content: "\e91c"; }

.icon-upload22:before {
  content: "\e91d"; }

.icon-download3:before {
  content: "\e91e"; }

.icon-upload32:before {
  content: "\e91f"; }

.icon-sphere:before {
  content: "\e920"; }

.icon-earth:before {
  content: "\e921"; }

.icon-link2:before {
  content: "\e922"; }

.icon-flag2:before {
  content: "\e923"; }

.icon-attachment:before {
  content: "\e924"; }

.icon-eye2:before {
  content: "\e925"; }

.icon-eye-plus:before {
  content: "\e926"; }

.icon-eye-minus:before {
  content: "\e927"; }

.icon-eye-blocked:before {
  content: "\e928"; }

.icon-bookmark2:before {
  content: "\e929"; }

.icon-bookmarks:before {
  content: "\e92a"; }

.icon-sun2:before {
  content: "\e92b"; }

.icon-contrast:before {
  content: "\e92c"; }

.icon-brightness-contrast:before {
  content: "\e92d"; }

.icon-star-empty:before {
  content: "\e92e"; }

.icon-star-half:before {
  content: "\e92f"; }

.icon-star-full:before {
  content: "\e930"; }

.icon-heart2:before {
  content: "\e931"; }

.icon-heart-broken:before {
  content: "\e932"; }

.icon-man:before {
  content: "\e933"; }

.icon-woman:before {
  content: "\e934"; }

.icon-man-woman:before {
  content: "\e935"; }

.icon-happy3:before {
  content: "\e936"; }

.icon-happy2:before {
  content: "\e937"; }

.icon-smile3:before {
  content: "\e938"; }

.icon-smile2:before {
  content: "\e939"; }

.icon-tongue:before {
  content: "\e93a"; }

.icon-tongue2:before {
  content: "\e93b"; }

.icon-sad3:before {
  content: "\e93c"; }

.icon-sad2:before {
  content: "\e93d"; }

.icon-wink:before {
  content: "\e93e"; }

.icon-wink2:before {
  content: "\e93f"; }

.icon-grin:before {
  content: "\e940"; }

.icon-grin2:before {
  content: "\e941"; }

.icon-cool:before {
  content: "\e942"; }

.icon-cool2:before {
  content: "\e943"; }

.icon-angry:before {
  content: "\e944"; }

.icon-angry2:before {
  content: "\e945"; }

.icon-evil:before {
  content: "\e946"; }

.icon-evil2:before {
  content: "\e947"; }

.icon-shocked:before {
  content: "\e948"; }

.icon-shocked2:before {
  content: "\e949"; }

.icon-baffled:before {
  content: "\e94a"; }

.icon-baffled2:before {
  content: "\e94b"; }

.icon-confused3:before {
  content: "\e94c"; }

.icon-confused2:before {
  content: "\e94d"; }

.icon-neutral:before {
  content: "\e94e"; }

.icon-neutral2:before {
  content: "\e94f"; }

.icon-hipster:before {
  content: "\e950"; }

.icon-hipster2:before {
  content: "\e951"; }

.icon-wondering:before {
  content: "\e952"; }

.icon-wondering2:before {
  content: "\e953"; }

.icon-sleepy:before {
  content: "\e954"; }

.icon-sleepy2:before {
  content: "\e955"; }

.icon-frustrated:before {
  content: "\e956"; }

.icon-frustrated2:before {
  content: "\e957"; }

.icon-crying:before {
  content: "\e958"; }

.icon-crying2:before {
  content: "\e959"; }

.icon-point-up:before {
  content: "\e95a"; }

.icon-point-right:before {
  content: "\e95b"; }

.icon-point-down:before {
  content: "\e95c"; }

.icon-point-left:before {
  content: "\e95d"; }

.icon-warning:before {
  content: "\e95e"; }

.icon-notification:before {
  content: "\e95f"; }

.icon-question:before {
  content: "\e960"; }

.icon-plus3:before {
  content: "\e961"; }

.icon-minus3:before {
  content: "\e962"; }

.icon-info2:before {
  content: "\e963"; }

.icon-cancel-circle:before {
  content: "\e964"; }

.icon-blocked:before {
  content: "\e965"; }

.icon-cross:before {
  content: "\e966"; }

.icon-checkmark:before {
  content: "\e967"; }

.icon-checkmark2:before {
  content: "\e968"; }

.icon-spell-check:before {
  content: "\e969"; }

.icon-enter:before {
  content: "\e96a"; }

.icon-exit:before {
  content: "\e96b"; }

.icon-play22:before {
  content: "\e96c"; }

.icon-pause3:before {
  content: "\e96d"; }

.icon-stop3:before {
  content: "\e96e"; }

.icon-previous3:before {
  content: "\e96f"; }

.icon-next3:before {
  content: "\e970"; }

.icon-backward3:before {
  content: "\e971"; }

.icon-forward22:before {
  content: "\e972"; }

.icon-play3:before {
  content: "\e973"; }

.icon-pause2:before {
  content: "\e974"; }

.icon-stop2:before {
  content: "\e975"; }

.icon-backward22:before {
  content: "\e976"; }

.icon-facebook2:before {
  content: "\e977"; }

.icon-forward3:before {
  content: "\e978"; }

.icon-first:before {
  content: "\e979"; }

.icon-last:before {
  content: "\e97a"; }

.icon-previous2:before {
  content: "\e97b"; }

.icon-next2:before {
  content: "\e97c"; }

.icon-eject:before {
  content: "\e97d"; }

.icon-volume-high:before {
  content: "\e97e"; }

.icon-volume-medium:before {
  content: "\e97f"; }

.icon-volume-low:before {
  content: "\e980"; }

.icon-volume-mute3:before {
  content: "\e981"; }

.icon-volume-mute2:before {
  content: "\e982"; }

.icon-volume-increase:before {
  content: "\e983"; }

.icon-volume-decrease:before {
  content: "\e984"; }

.icon-loop:before {
  content: "\e985"; }

.icon-loop2:before {
  content: "\e986"; }

.icon-infinite:before {
  content: "\e987"; }

.icon-shuffle2:before {
  content: "\e988"; }

.icon-arrow-up-left:before {
  content: "\e989"; }

.icon-arrow-up:before {
  content: "\e98a"; }

.icon-arrow-up-right:before {
  content: "\e98b"; }

.icon-arrow-right:before {
  content: "\e98c"; }

.icon-arrow-down-right:before {
  content: "\e98d"; }

.icon-arrow-down:before {
  content: "\e98e"; }

.icon-arrow-down-left:before {
  content: "\e98f"; }

.icon-arrow-left:before {
  content: "\e990"; }

.icon-arrow-up-left2:before {
  content: "\e991"; }

.icon-arrow-up2:before {
  content: "\e992"; }

.icon-arrow-up-right2:before {
  content: "\e993"; }

.icon-arrow-right2:before {
  content: "\e994"; }

.icon-arrow-down-right2:before {
  content: "\e995"; }

.icon-arrow-down2:before {
  content: "\e996"; }

.icon-arrow-down-left2:before {
  content: "\e997"; }

.icon-arrow-left2:before {
  content: "\e998"; }

.icon-circle-up:before {
  content: "\e999"; }

.icon-circle-right:before {
  content: "\e99a"; }

.icon-circle-down:before {
  content: "\e99b"; }

.icon-circle-left:before {
  content: "\e99c"; }

.icon-tab2:before {
  content: "\e99d"; }

.icon-move-up:before {
  content: "\e99e"; }

.icon-move-down:before {
  content: "\e99f"; }

.icon-sort-alpha-asc:before {
  content: "\e9a0"; }

.icon-sort-alpha-desc:before {
  content: "\e9a1"; }

.icon-sort-numeric-asc:before {
  content: "\e9a2"; }

.icon-sort-numberic-desc:before {
  content: "\e9a3"; }

.icon-sort-amount-asc:before {
  content: "\e9a4"; }

.icon-sort-amount-desc:before {
  content: "\e9a5"; }

.icon-command:before {
  content: "\e9a6"; }

.icon-shift:before {
  content: "\e9a7"; }

.icon-ctrl:before {
  content: "\e9a8"; }

.icon-opt:before {
  content: "\e9a9"; }

.icon-checkbox-checked:before {
  content: "\e9aa"; }

.icon-checkbox-unchecked:before {
  content: "\e9ab"; }

.icon-radio-checked:before {
  content: "\e9ac"; }

.icon-radio-checked2:before {
  content: "\e9ad"; }

.icon-radio-unchecked:before {
  content: "\e9ae"; }

.icon-crop2:before {
  content: "\e9af"; }

.icon-make-group:before {
  content: "\e9b0"; }

.icon-ungroup:before {
  content: "\e9b1"; }

.icon-scissors:before {
  content: "\e9b2"; }

.icon-filter:before {
  content: "\e9b3"; }

.icon-font:before {
  content: "\e9b4"; }

.icon-ligature:before {
  content: "\e9b5"; }

.icon-ligature2:before {
  content: "\e9b6"; }

.icon-text-height:before {
  content: "\e9b7"; }

.icon-text-width:before {
  content: "\e9b8"; }

.icon-font-size:before {
  content: "\e9b9"; }

.icon-bold2:before {
  content: "\e9ba"; }

.icon-underline2:before {
  content: "\e9bb"; }

.icon-italic2:before {
  content: "\e9bc"; }

.icon-strikethrough:before {
  content: "\e9bd"; }

.icon-omega:before {
  content: "\e9be"; }

.icon-sigma:before {
  content: "\e9bf"; }

.icon-page-break:before {
  content: "\e9c0"; }

.icon-superscript:before {
  content: "\e9c1"; }

.icon-subscript:before {
  content: "\e9c2"; }

.icon-superscript2:before {
  content: "\e9c3"; }

.icon-subscript2:before {
  content: "\e9c4"; }

.icon-text-color:before {
  content: "\e9c5"; }

.icon-pagebreak:before {
  content: "\e9c6"; }

.icon-clear-formatting:before {
  content: "\e9c7"; }

.icon-table:before {
  content: "\e9c8"; }

.icon-table2:before {
  content: "\e9c9"; }

.icon-insert-template:before {
  content: "\e9ca"; }

.icon-pilcrow:before {
  content: "\e9cb"; }

.icon-ltr:before {
  content: "\e9cc"; }

.icon-rtl:before {
  content: "\e9cd"; }

.icon-section:before {
  content: "\e9ce"; }

.icon-paragraph-left:before {
  content: "\e9cf"; }

.icon-paragraph-center:before {
  content: "\e9d0"; }

.icon-paragraph-right:before {
  content: "\e9d1"; }

.icon-paragraph-justify:before {
  content: "\e9d2"; }

.icon-indent-increase:before {
  content: "\e9d3"; }

.icon-indent-decrease:before {
  content: "\e9d4"; }

.icon-share3:before {
  content: "\e9d5"; }

.icon-new-tab:before {
  content: "\e9d6"; }

.icon-embed:before {
  content: "\e9d7"; }

.icon-embed2:before {
  content: "\e9d8"; }

.icon-terminal:before {
  content: "\e9d9"; }

.icon-share2:before {
  content: "\e9da"; }

.icon-mail5:before {
  content: "\e9db"; }

.icon-mail2:before {
  content: "\e9dc"; }

.icon-mail3:before {
  content: "\e9dd"; }

.icon-mail4:before {
  content: "\e9de"; }

.icon-google:before {
  content: "\e9df"; }

.icon-google-plus:before {
  content: "\e9e0"; }

.icon-google-plus2:before {
  content: "\e9e1"; }

.icon-google-plus3:before {
  content: "\e9e2"; }

.icon-google-drive:before {
  content: "\e9e3"; }

.icon-facebook:before {
  content: "\e9e4"; }

.icon-facebook3:before {
  content: "\e9e5"; }

.icon-ello:before {
  content: "\e9e6"; }

.icon-instagram:before {
  content: "\e9e7"; }

.icon-twitter:before {
  content: "\e9e8"; }

.icon-twitter2:before {
  content: "\e9e9"; }

.icon-twitter3:before {
  content: "\e9ea"; }

.icon-feed2:before {
  content: "\e9eb"; }

.icon-feed3:before {
  content: "\e9ec"; }

.icon-feed4:before {
  content: "\e9ed"; }

.icon-youtube:before {
  content: "\e9ee"; }

.icon-youtube2:before {
  content: "\e9ef"; }

.icon-youtube3:before {
  content: "\e9f0"; }

.icon-youtube4:before {
  content: "\e9f1"; }

.icon-twitch:before {
  content: "\e9f2"; }

.icon-vimeo:before {
  content: "\e9f3"; }

.icon-vimeo2:before {
  content: "\e9f4"; }

.icon-vimeo3:before {
  content: "\e9f5"; }

.icon-lanyrd:before {
  content: "\e9f6"; }

.icon-flickr:before {
  content: "\e9f7"; }

.icon-flickr2:before {
  content: "\e9f8"; }

.icon-flickr3:before {
  content: "\e9f9"; }

.icon-flickr4:before {
  content: "\e9fa"; }

.icon-picassa:before {
  content: "\e9fb"; }

.icon-picassa2:before {
  content: "\e9fc"; }

.icon-dribbble:before {
  content: "\e9fd"; }

.icon-dribbble2:before {
  content: "\e9fe"; }

.icon-dribbble3:before {
  content: "\e9ff"; }

.icon-forrst:before {
  content: "\ea00"; }

.icon-forrst2:before {
  content: "\ea01"; }

.icon-deviantart:before {
  content: "\ea02"; }

.icon-deviantart2:before {
  content: "\ea03"; }

.icon-steam:before {
  content: "\ea04"; }

.icon-steam2:before {
  content: "\ea05"; }

.icon-dropbox:before {
  content: "\ea06"; }

.icon-onedrive:before {
  content: "\ea07"; }

.icon-github:before {
  content: "\ea08"; }

.icon-github2:before {
  content: "\ea09"; }

.icon-github3:before {
  content: "\ea0a"; }

.icon-github4:before {
  content: "\ea0b"; }

.icon-github5:before {
  content: "\ea0c"; }

.icon-wordpress:before {
  content: "\ea0d"; }

.icon-wordpress2:before {
  content: "\ea0e"; }

.icon-joomla:before {
  content: "\ea0f"; }

.icon-blogger:before {
  content: "\ea10"; }

.icon-blogger2:before {
  content: "\ea11"; }

.icon-tumblr:before {
  content: "\ea12"; }

.icon-tumblr2:before {
  content: "\ea13"; }

.icon-yahoo:before {
  content: "\ea14"; }

.icon-tux:before {
  content: "\ea15"; }

.icon-apple2:before {
  content: "\ea16"; }

.icon-finder:before {
  content: "\ea17"; }

.icon-android:before {
  content: "\ea18"; }

.icon-windows:before {
  content: "\ea19"; }

.icon-windows8:before {
  content: "\ea1a"; }

.icon-soundcloud:before {
  content: "\ea1b"; }

.icon-soundcloud2:before {
  content: "\ea1c"; }

.icon-skype:before {
  content: "\ea1d"; }

.icon-reddit:before {
  content: "\ea1e"; }

.icon-linkedin:before {
  content: "\ea1f"; }

.icon-linkedin2:before {
  content: "\ea20"; }

.icon-lastfm:before {
  content: "\ea21"; }

.icon-lastfm2:before {
  content: "\ea22"; }

.icon-delicious:before {
  content: "\ea23"; }

.icon-stumbleupon:before {
  content: "\ea24"; }

.icon-stumbleupon2:before {
  content: "\ea25"; }

.icon-stackoverflow:before {
  content: "\ea26"; }

.icon-pinterest:before {
  content: "\ea27"; }

.icon-pinterest2:before {
  content: "\ea28"; }

.icon-xing:before {
  content: "\ea29"; }

.icon-xing2:before {
  content: "\ea2a"; }

.icon-flattr:before {
  content: "\ea2b"; }

.icon-foursquare:before {
  content: "\ea2c"; }

.icon-paypal:before {
  content: "\ea2d"; }

.icon-paypal2:before {
  content: "\ea2e"; }

.icon-paypal3:before {
  content: "\ea2f"; }

.icon-yelp:before {
  content: "\ea30"; }

.icon-file-pdf:before {
  content: "\ea31"; }

.icon-file-openoffice:before {
  content: "\ea32"; }

.icon-file-word:before {
  content: "\ea33"; }

.icon-file-excel:before {
  content: "\ea34"; }

.icon-libreoffice:before {
  content: "\ea35"; }

.icon-html5:before {
  content: "\ea36"; }

.icon-html52:before {
  content: "\ea37"; }

.icon-css3:before {
  content: "\ea38"; }

.icon-git:before {
  content: "\ea39"; }

.icon-svg:before {
  content: "\ea3a"; }

.icon-codepen:before {
  content: "\ea3b"; }

.icon-chrome:before {
  content: "\ea3c"; }

.icon-firefox:before {
  content: "\ea3d"; }

.icon-IE:before {
  content: "\ea3e"; }

.icon-opera:before {
  content: "\ea3f"; }

.icon-safari:before {
  content: "\ea40"; }

.icon-IcoMoon:before {
  content: "\ea41"; }

.icon-grab:before {
  content: "\e856"; }

.icon-back-link-tab:before {
  content: "\60"; }

.icon-clockwise:before {
  content: "\e601"; }

.icon-counter-clock:before {
  content: "\e602"; }

.icon-cycle:before {
  content: "\e603"; }

.icon-many-way:before {
  content: "\e604"; }

.icon-new-linktab:before {
  content: "\2248"; }

.icon-refresh:before {
  content: "\e606"; }

.icon-square-back:before {
  content: "\e607"; }

.icon-square-close:before {
  content: "\e608"; }

.icon-square-cornerd:before {
  content: "\e609"; }

.icon-square-corneru:before {
  content: "\e60a"; }

.icon-square-equals:before {
  content: "\e60b"; }

.icon-square-exis:before {
  content: "\e60c"; }

.icon-square-left:before {
  content: "\e60d"; }

.icon-square-leftline:before {
  content: "\e60e"; }

.icon-square-minus:before {
  content: "\e60f"; }

.icon-square-plus:before {
  content: "\e610"; }

.icon-square-right:before {
  content: "\e611"; }

.icon-square-rightline:before {
  content: "\e612"; }

.icon-square-ud:before {
  content: "\e613"; }

.icon-tri-cycle:before {
  content: "\e614"; }

.icon-turn-back:before {
  content: "\e615"; }

.icon-turn:before {
  content: "\e616"; }

.icon-u-turn:before {
  content: "\e617"; }

.icon-way-c:before {
  content: "\e618"; }

.icon-way-c2:before {
  content: "\e619"; }

.icon-way-intersect:before {
  content: "\e61a"; }

.icon-way-lr:before {
  content: "\e61b"; }

.icon-way-y2:before {
  content: "\e61c"; }

.icon-arrow-lr:before {
  content: "\e61d"; }

.icon-backward2:before {
  content: "\e61e"; }

.icon-circular-down:before {
  content: "\e61f"; }

.icon-circular-left:before {
  content: "\e620"; }

.icon-circular-right:before {
  content: "\e621"; }

.icon-circular-up:before {
  content: "\e622"; }

.icon-cross-line:before {
  content: "\e623"; }

.icon-down-arrow:before {
  content: "\e624"; }

.icon-download2:before {
  content: "\e625"; }

.icon-forward2:before {
  content: "\e626"; }

.icon-left-arrow:before {
  content: "\e627"; }

.icon-line-2:before {
  content: "\e628"; }

.icon-line-down:before {
  content: "\e629"; }

.icon-line-down2:before {
  content: "\e62a"; }

.icon-line-left:before {
  content: "\e62b"; }

.icon-line-lr:before {
  content: "\e62c"; }

.icon-line-right:before {
  content: "\e62d"; }

.icon-line-ud:before {
  content: "\e62e"; }

.icon-line-up:before {
  content: "\e62f"; }

.icon-line-up2:before {
  content: "\e630"; }

.icon-line-upup:before {
  content: "\e631"; }

.icon-line-y:before {
  content: "\e632"; }

.icon-line1:before {
  content: "\e633"; }

.icon-move-left:before {
  content: "\e634"; }

.icon-move-right:before {
  content: "\e635"; }

.icon-right-arrow:before {
  content: "\e636"; }

.icon-spine-in:before {
  content: "\e637"; }

.icon-swipe-out:before {
  content: "\e638"; }

.icon-up-arrow:before {
  content: "\e639"; }

.icon-upload2:before {
  content: "\e63a"; }

.icon-anchor:before {
  content: "\e63b"; }

.icon-bike:before {
  content: "\e63c"; }

.icon-boat-wheel:before {
  content: "\e63d"; }

.icon-bone-dog:before {
  content: "\e63e"; }

.icon-bug:before {
  content: "\e63f"; }

.icon-butterfly:before {
  content: "\e640"; }

.icon-cactus:before {
  content: "\e641"; }

.icon-carrots:before {
  content: "\e642"; }

.icon-caserole:before {
  content: "\e643"; }

.icon-cat:before {
  content: "\e644"; }

.icon-celcius:before {
  content: "\e645"; }

.icon-done-pawn:before {
  content: "\e646"; }

.icon-drop-water:before {
  content: "\e647"; }

.icon-eye-mask:before {
  content: "\e648"; }

.icon-farenheight:before {
  content: "\e649"; }

.icon-fish:before {
  content: "\e64a"; }

.icon-flower:before {
  content: "\e64b"; }

.icon-flower2:before {
  content: "\e64c"; }

.icon-foot-prints:before {
  content: "\e64d"; }

.icon-hot-teacup:before {
  content: "\e64e"; }

.icon-icecream:before {
  content: "\e64f"; }

.icon-leaves:before {
  content: "\e650"; }

.icon-mug:before {
  content: "\e651"; }

.icon-pine:before {
  content: "\e652"; }

.icon-pizza:before {
  content: "\e653"; }

.icon-snowflake:before {
  content: "\e654"; }

.icon-spoonfork:before {
  content: "\e655"; }

.icon-tree:before {
  content: "\e656"; }

.icon-umbrella:before {
  content: "\e657"; }

.icon-wineglass:before {
  content: "\e658"; }

.icon-cloud-sound:before {
  content: "\e659"; }

.icon-cloud2:before {
  content: "\e65a"; }

.icon-cloudy:before {
  content: "\e65b"; }

.icon-compass-2:before {
  content: "\e65c"; }

.icon-crescent:before {
  content: "\e65d"; }

.icon-eclipes-full:before {
  content: "\e65e"; }

.icon-eclipes-quart:before {
  content: "\e65f"; }

.icon-eclipes-quart2:before {
  content: "\e660"; }

.icon-eclipes:before {
  content: "\e661"; }

.icon-moon-cloud:before {
  content: "\e662"; }

.icon-moon-full:before {
  content: "\e663"; }

.icon-moon-quart:before {
  content: "\e664"; }

.icon-rain:before {
  content: "\e665"; }

.icon-rainbow-cloud:before {
  content: "\e666"; }

.icon-rainbow:before {
  content: "\e667"; }

.icon-rainy:before {
  content: "\e668"; }

.icon-snow:before {
  content: "\e669"; }

.icon-snowy:before {
  content: "\e66a"; }

.icon-storm:before {
  content: "\e66b"; }

.icon-sun-cloud:before {
  content: "\e66c"; }

.icon-sun-light:before {
  content: "\e66d"; }

.icon-sun-rain:before {
  content: "\e66e"; }

.icon-sunrise:before {
  content: "\e66f"; }

.icon-sunset:before {
  content: "\e670"; }

.icon-temperatures:before {
  content: "\e671"; }

.icon-thunder:before {
  content: "\e672"; }

.icon-tornado:before {
  content: "\e673"; }

.icon-typhoon:before {
  content: "\e674"; }

.icon-wind-detect:before {
  content: "\e675"; }

.icon-windy:before {
  content: "\e676"; }

.icon-backward:before {
  content: "\e677"; }

.icon-disc:before {
  content: "\e678"; }

.icon-forward:before {
  content: "\e679"; }

.icon-guitar:before {
  content: "\e67a"; }

.icon-ipod:before {
  content: "\e67b"; }

.icon-key-note:before {
  content: "\e67c"; }

.icon-keyboard:before {
  content: "\e67d"; }

.icon-mic-2:before {
  content: "\e67e"; }

.icon-mic:before {
  content: "\e67f"; }

.icon-music-beats:before {
  content: "\e680"; }

.icon-music-file:before {
  content: "\e681"; }

.icon-music-list:before {
  content: "\e682"; }

.icon-mute:before {
  content: "\e683"; }

.icon-next:before {
  content: "\e684"; }

.icon-note:before {
  content: "\e685"; }

.icon-pause:before {
  content: "\e686"; }

.icon-play:before {
  content: "\e687"; }

.icon-play2:before {
  content: "\e688"; }

.icon-previous:before {
  content: "\e689"; }

.icon-record:before {
  content: "\e68a"; }

.icon-repeat:before {
  content: "\e68b"; }

.icon-setting-list:before {
  content: "\e68c"; }

.icon-settings-2:before {
  content: "\e68d"; }

.icon-shuffle:before {
  content: "\e68e"; }

.icon-speaker:before {
  content: "\e68f"; }

.icon-stop:before {
  content: "\e690"; }

.icon-volume-full:before {
  content: "\e691"; }

.icon-volume-lo:before {
  content: "\e692"; }

.icon-volume-mid:before {
  content: "\e693"; }

.icon-volume-mute:before {
  content: "\e694"; }

.icon-add-cart:before {
  content: "\e695"; }

.icon-atm-cart:before {
  content: "\e696"; }

.icon-bar-code:before {
  content: "\e697"; }

.icon-cart-export:before {
  content: "\e698"; }

.icon-cart-import:before {
  content: "\e699"; }

.icon-cart-wheel:before {
  content: "\e69a"; }

.icon-cart:before {
  content: "\e69b"; }

.icon-close-box:before {
  content: "\e69c"; }

.icon-close-store:before {
  content: "\e69d"; }

.icon-delete-cart:before {
  content: "\e69e"; }

.icon-deliver:before {
  content: "\e69f"; }

.icon-fast-cart:before {
  content: "\e6a0"; }

.icon-fav-cart:before {
  content: "\e6a1"; }

.icon-free:before {
  content: "\e6a2"; }

.icon-gem:before {
  content: "\e6a3"; }

.icon-loop24:before {
  content: "\e6a4"; }

.icon-new:before {
  content: "\e6a5"; }

.icon-open-box:before {
  content: "\e6a6"; }

.icon-open-store:before {
  content: "\e6a7"; }

.icon-percent:before {
  content: "\e6a8"; }

.icon-push-cart:before {
  content: "\e6a9"; }

.icon-remove-cart:before {
  content: "\e6aa"; }

.icon-sale:before {
  content: "\e6ab"; }

.icon-shop-bag-2:before {
  content: "\e6ac"; }

.icon-shop-bag:before {
  content: "\e6ad"; }

.icon-shop-minus:before {
  content: "\e6ae"; }

.icon-shopbag-add:before {
  content: "\e6af"; }

.icon-shopbag-close:before {
  content: "\e6b0"; }

.icon-spacial:before {
  content: "\e6b1"; }

.icon-store:before {
  content: "\e6b2"; }

.icon-bat-3:before {
  content: "\e6b3"; }

.icon-bat-empty:before {
  content: "\e6b4"; }

.icon-bat-full:before {
  content: "\e6b5"; }

.icon-bat-half:before {
  content: "\e6b6"; }

.icon-cloud-add:before {
  content: "\e6b7"; }

.icon-cloud-down:before {
  content: "\e6b8"; }

.icon-cloud-fail:before {
  content: "\e6b9"; }

.icon-cloud-lock:before {
  content: "\e6ba"; }

.icon-cloud-remove:before {
  content: "\e6bb"; }

.icon-cloud-up:before {
  content: "\e6bc"; }

.icon-cloud-wave:before {
  content: "\e6bd"; }

.icon-cloud:before {
  content: "\e6be"; }

.icon-clover-line:before {
  content: "\e6bf"; }

.icon-crop:before {
  content: "\e6c0"; }

.icon-diamond-line:before {
  content: "\e6c1"; }

.icon-dice:before {
  content: "\e6c2"; }

.icon-expand:before {
  content: "\e6c3"; }

.icon-heart-line:before {
  content: "\e6c4"; }

.icon-lo-bat:before {
  content: "\e6c5"; }

.icon-merge:before {
  content: "\e6c6"; }

.icon-router:before {
  content: "\e6c7"; }

.icon-rss:before {
  content: "\e6c8"; }

.icon-share:before {
  content: "\e6c9"; }

.icon-signal-wave:before {
  content: "\e6ca"; }

.icon-spade-line:before {
  content: "\e6cb"; }

.icon-wave-dot:before {
  content: "\e6cc"; }

.icon-web2:before {
  content: "\e6cd"; }

.icon-wifi-hi:before {
  content: "\e6ce"; }

.icon-wifi-lo:before {
  content: "\e6cf"; }

.icon-wifi-mid:before {
  content: "\e6d0"; }

.icon-brightness:before {
  content: "\e6d1"; }

.icon-camera:before {
  content: "\e6d2"; }

.icon-clapper:before {
  content: "\e6d3"; }

.icon-desktop:before {
  content: "\e6d4"; }

.icon-eye:before {
  content: "\e6d5"; }

.icon-film:before {
  content: "\e6d6"; }

.icon-focus-target2:before {
  content: "\e6d7"; }

.icon-foucs-target:before {
  content: "\e6d8"; }

.icon-foucus:before {
  content: "\e6d9"; }

.icon-hi-def:before {
  content: "\e6da"; }

.icon-image-many:before {
  content: "\e6db"; }

.icon-image:before {
  content: "\e6dc"; }

.icon-joystick:before {
  content: "\e6dd"; }

.icon-keyboard2:before {
  content: "\e6de"; }

.icon-laptop-2:before {
  content: "\e6df"; }

.icon-mouse:before {
  content: "\e6e0"; }

.icon-multi-polyfim:before {
  content: "\e6e1"; }

.icon-polaroid:before {
  content: "\e6e2"; }

.icon-radio:before {
  content: "\e6e3"; }

.icon-shutter:before {
  content: "\e6e4"; }

.icon-sun-small:before {
  content: "\e6e5"; }

.icon-sun:before {
  content: "\e6e6"; }

.icon-tv:before {
  content: "\e6e7"; }

.icon-uneye:before {
  content: "\e6e8"; }

.icon-upload:before {
  content: "\e6e9"; }

.icon-video-cam:before {
  content: "\e6ea"; }

.icon-video-cam2:before {
  content: "\e6eb"; }

.icon-video:before {
  content: "\e6ec"; }

.icon-view-link:before {
  content: "\e6ed"; }

.icon-web-cam:before {
  content: "\e6ee"; }

.icon-add-comment:before {
  content: "\e6ef"; }

.icon-avatar:before {
  content: "\e6f0"; }

.icon-capture:before {
  content: "\e6f1"; }

.icon-chat-bubble:before {
  content: "\e6f2"; }

.icon-chat:before {
  content: "\e6f3"; }

.icon-comment:before {
  content: "\e6f4"; }

.icon-contacts:before {
  content: "\e6f5"; }

.icon-delete-comment:before {
  content: "\e6f6"; }

.icon-dial:before {
  content: "\e6f7"; }

.icon-exchange:before {
  content: "\e6f8"; }

.icon-faq:before {
  content: "\e6f9"; }

.icon-fax:before {
  content: "\e6fa"; }

.icon-magnify-phone:before {
  content: "\e6fb"; }

.icon-mms:before {
  content: "\e6fc"; }

.icon-phone-contacts:before {
  content: "\e6fd"; }

.icon-phone-covo:before {
  content: "\e6fe"; }

.icon-phone-massege:before {
  content: "\e6ff"; }

.icon-phone-setting:before {
  content: "\e700"; }

.icon-phone:before {
  content: "\e701"; }

.icon-q-a:before {
  content: "\e702"; }

.icon-remove-comment:before {
  content: "\e703"; }

.icon-ringtone:before {
  content: "\e704"; }

.icon-sms:before {
  content: "\e705"; }

.icon-speech-bubble:before {
  content: "\e706"; }

.icon-square-convo:before {
  content: "\e707"; }

.icon-telephone-dial:before {
  content: "\e708"; }

.icon-telephone:before {
  content: "\e709"; }

.icon-touch-phone:before {
  content: "\e70a"; }

.icon-vibrate:before {
  content: "\e70b"; }

.icon-waiting-bubble:before {
  content: "\e70c"; }

.icon-call:before {
  content: "\e70d"; }

.icon-add-call:before {
  content: "\e70e"; }

.icon-call-attention:before {
  content: "\e70f"; }

.icon-call-close:before {
  content: "\e710"; }

.icon-call-conversation:before {
  content: "\e711"; }

.icon-call-minus:before {
  content: "\e712"; }

.icon-call-question:before {
  content: "\e713"; }

.icon-calling:before {
  content: "\e714"; }

.icon-drop-call:before {
  content: "\e715"; }

.icon-hashtag:before {
  content: "\e716"; }

.icon-headset:before {
  content: "\e717"; }

.icon-inbox:before {
  content: "\e718"; }

.icon-incoming-call:before {
  content: "\e719"; }

.icon-lock-call:before {
  content: "\e71a"; }

.icon-mail-add:before {
  content: "\e71b"; }

.icon-mail-attached:before {
  content: "\e71c"; }

.icon-mail-check:before {
  content: "\e71d"; }

.icon-mail-delete:before {
  content: "\e71e"; }

.icon-mail-favorite:before {
  content: "\e71f"; }

.icon-mail-heart:before {
  content: "\e720"; }

.icon-mail-letter:before {
  content: "\e721"; }

.icon-mail-receive:before {
  content: "\e722"; }

.icon-mail-remove:before {
  content: "\e723"; }

.icon-mail-sent:before {
  content: "\e724"; }

.icon-mail:before {
  content: "\e725"; }

.icon-miss-call:before {
  content: "\e726"; }

.icon-open-mail:before {
  content: "\e727"; }

.icon-outbox:before {
  content: "\e728"; }

.icon-outgoing-call:before {
  content: "\e729"; }

.icon-phone2:before {
  content: "\e72a"; }

.icon-add-user:before {
  content: "\e72b"; }

.icon-baby:before {
  content: "\e72c"; }

.icon-boy-glasses:before {
  content: "\e72d"; }

.icon-girl:before {
  content: "\e72e"; }

.icon-boy:before {
  content: "\e72f"; }

.icon-check-user:before {
  content: "\e730"; }

.icon-confused:before {
  content: "\e731"; }

.icon-delete-user:before {
  content: "\e732"; }

.icon-disabled-person:before {
  content: "\e733"; }

.icon-dual-user:before {
  content: "\e734"; }

.icon-female:before {
  content: "\e735"; }

.icon-formal-user:before {
  content: "\e736"; }

.icon-gender:before {
  content: "\e737"; }

.icon-thumbs-down:before {
  content: "\e738"; }

.icon-girl-bangs:before {
  content: "\e739"; }

.icon-thumbs-up:before {
  content: "\e73a"; }

.icon-hand-gun:before {
  content: "\e73b"; }

.icon-hand-point:before {
  content: "\e73c"; }

.icon-hand-pointing:before {
  content: "\e73d"; }

.icon-hand:before {
  content: "\e73e"; }

.icon-happy:before {
  content: "\e73f"; }

.icon-male:before {
  content: "\e740"; }

.icon-meh:before {
  content: "\e741"; }

.icon-multi-user:before {
  content: "\e742"; }

.icon-remove-user:before {
  content: "\e743"; }

.icon-sad:before {
  content: "\e744"; }

.icon-smile:before {
  content: "\e745"; }

.icon-user-admin:before {
  content: "\e746"; }

.icon-user-cycle:before {
  content: "\e747"; }

.icon-user:before {
  content: "\e748"; }

.icon-border:before {
  content: "\e749"; }

.icon-carousel:before {
  content: "\e74a"; }

.icon-close-quote:before {
  content: "\e74b"; }

.icon-open-quote:before {
  content: "\e74c"; }

.icon-open-scissors:before {
  content: "\e74d"; }

.icon-close-scissors:before {
  content: "\e74e"; }

.icon-code:before {
  content: "\e74f"; }

.icon-column:before {
  content: "\e750"; }

.icon-curly-brace:before {
  content: "\e751"; }

.icon-draw-table:before {
  content: "\e752"; }

.icon-row:before {
  content: "\e753"; }

.icon-grd-3:before {
  content: "\e754"; }

.icon-grid-2:before {
  content: "\e755"; }

.icon-grid:before {
  content: "\e756"; }

.icon-indent:before {
  content: "\e757"; }

.icon-unindent:before {
  content: "\e758"; }

.icon-right-align:before {
  content: "\e759"; }

.icon-justify:before {
  content: "\e75a"; }

.icon-center-align:before {
  content: "\e75b"; }

.icon-left-align:before {
  content: "\e75c"; }

.icon-line-space:before {
  content: "\e75d"; }

.icon-order-list:before {
  content: "\e75e"; }

.icon-undo:before {
  content: "\e75f"; }

.icon-redo:before {
  content: "\e760"; }

.icon-super-script:before {
  content: "\e761"; }

.icon-italic:before {
  content: "\e762"; }

.icon-underline:before {
  content: "\e763"; }

.icon-bold:before {
  content: "\e764"; }

.icon-unorder-list:before {
  content: "\e765"; }

.icon-word-wrap:before {
  content: "\e766"; }

.icon-aid-kit:before {
  content: "\e767"; }

.icon-apple:before {
  content: "\e768"; }

.icon-atom:before {
  content: "\e769"; }

.icon-board:before {
  content: "\e76a"; }

.icon-book-open:before {
  content: "\e76b"; }

.icon-book-stack:before {
  content: "\e76c"; }

.icon-book-top:before {
  content: "\e76d"; }

.icon-book:before {
  content: "\e76e"; }

.icon-bookmark:before {
  content: "\e76f"; }

.icon-bookmarked:before {
  content: "\e770"; }

.icon-brochure:before {
  content: "\e771"; }

.icon-bus:before {
  content: "\e772"; }

.icon-diary:before {
  content: "\e773"; }

.icon-dna:before {
  content: "\e774"; }

.icon-flyers:before {
  content: "\e775"; }

.icon-grad-certificate:before {
  content: "\e776"; }

.icon-graduation-hat:before {
  content: "\e777"; }

.icon-hospital:before {
  content: "\e778"; }

.icon-lab-beaker:before {
  content: "\e779"; }

.icon-lab-florence:before {
  content: "\e77a"; }

.icon-medical:before {
  content: "\e77b"; }

.icon-microscope:before {
  content: "\e77c"; }

.icon-newspaper:before {
  content: "\e77d"; }

.icon-notebook:before {
  content: "\e77e"; }

.icon-paint:before {
  content: "\e77f"; }

.icon-phone-book:before {
  content: "\e780"; }

.icon-stethoscope:before {
  content: "\e781"; }

.icon-thermometer:before {
  content: "\e782"; }

.icon-triangle-ruler:before {
  content: "\e783"; }

.icon-trifold-flyers:before {
  content: "\e784"; }

.icon-add-file:before {
  content: "\e785"; }

.icon-checklist:before {
  content: "\e786"; }

.icon-copy-list:before {
  content: "\e787"; }

.icon-copy:before {
  content: "\e788"; }

.icon-delete-file:before {
  content: "\e789"; }

.icon-delete-folder:before {
  content: "\e78a"; }

.icon-download-file:before {
  content: "\e78b"; }

.icon-export-folder:before {
  content: "\e78c"; }

.icon-favorite-folder:before {
  content: "\e78d"; }

.icon-folder:before {
  content: "\e78e"; }

.icon-gif:before {
  content: "\e78f"; }

.icon-import-folder:before {
  content: "\e790"; }

.icon-jpg:before {
  content: "\e791"; }

.icon-new-file:before {
  content: "\e792"; }

.icon-new-folder:before {
  content: "\e793"; }

.icon-prev-page:before {
  content: "\e794"; }

.icon-next-page:before {
  content: "\e795"; }

.icon-open-folder:before {
  content: "\e796"; }

.icon-pdf:before {
  content: "\e797"; }

.icon-png:before {
  content: "\e798"; }

.icon-doc:before {
  content: "\e799"; }

.icon-rar:before {
  content: "\e79a"; }

.icon-remove-file:before {
  content: "\e79b"; }

.icon-remove-folder:before {
  content: "\e79c"; }

.icon-search-file:before {
  content: "\e79d"; }

.icon-select-file:before {
  content: "\e79e"; }

.icon-to-do-list-left:before {
  content: "\e79f"; }

.icon-to-do-list:before {
  content: "\e7a0"; }

.icon-to-do-task:before {
  content: "\e7a1"; }

.icon-upload-file:before {
  content: "\e7a2"; }

.icon-certificate:before {
  content: "\e7a3"; }

.icon-cheque-dolar:before {
  content: "\e7a4"; }

.icon-currency:before {
  content: "\e7a5"; }

.icon-dolar-exchange:before {
  content: "\e7a6"; }

.icon-dolar-sack:before {
  content: "\e7a7"; }

.icon-dolar:before {
  content: "\e7a8"; }

.icon-dollar-coins:before {
  content: "\e7a9"; }

.icon-pound-coins:before {
  content: "\e7aa"; }

.icon-euro-coins:before {
  content: "\e7ab"; }

.icon-dollar-tag:before {
  content: "\e7ac"; }

.icon-euro-exchange:before {
  content: "\e7ad"; }

.icon-euro:before {
  content: "\e7ae"; }

.icon-exchange-rate:before {
  content: "\e7af"; }

.icon-graph-bar:before {
  content: "\e7b0"; }

.icon-graph-flactuation:before {
  content: "\e7b1"; }

.icon-graph-line:before {
  content: "\e7b2"; }

.icon-graph-point:before {
  content: "\e7b3"; }

.icon-laptop:before {
  content: "\e7b4"; }

.icon-mobile-message:before {
  content: "\e7b5"; }

.icon-money-dolar:before {
  content: "\e7b6"; }

.icon-partenon:before {
  content: "\e7b7"; }

.icon-pound-exchange:before {
  content: "\e7b8"; }

.icon-pound:before {
  content: "\e7b9"; }

.icon-presentation:before {
  content: "\e7ba"; }

.icon-savings-pig-bank:before {
  content: "\e7bb"; }

.icon-vault:before {
  content: "\e7bc"; }

.icon-wallet-card:before {
  content: "\e7bd"; }

.icon-yen-coins:before {
  content: "\e7be"; }

.icon-yen-exchange:before {
  content: "\e7bf"; }

.icon-yen:before {
  content: "\e7c0"; }

.icon-calendar:before {
  content: "\e7c1"; }

.icon-calendar-date:before {
  content: "\e7c2"; }

.icon-remove-date:before {
  content: "\e7c3"; }

.icon-add-date:before {
  content: "\e7c4"; }

.icon-brief-case:before {
  content: "\e7c5"; }

.icon-calculator:before {
  content: "\e7c6"; }

.icon-delete-tab:before {
  content: "\e7c7"; }

.icon-list-line:before {
  content: "\e7c8"; }

.icon-operations:before {
  content: "\e7c9"; }

.icon-payment:before {
  content: "\e7ca"; }

.icon-pie-graph:before {
  content: "\e7cb"; }

.icon-profile:before {
  content: "\e7cc"; }

.icon-add-profile:before {
  content: "\e7cd"; }

.icon-delete-profile:before {
  content: "\e7ce"; }

.icon-remove-profile:before {
  content: "\e7cf"; }

.icon-shred:before {
  content: "\e7d0"; }

.icon-print:before {
  content: "\e7d1"; }

.icon-stat-up:before {
  content: "\e7d2"; }

.icon-stats-down:before {
  content: "\e7d3"; }

.icon-stats:before {
  content: "\e7d4"; }

.icon-tab-check:before {
  content: "\e7d5"; }

.icon-add-tab:before {
  content: "\e7d6"; }

.icon-close-tab:before {
  content: "\e7d7"; }

.icon-date-success-add:before {
  content: "\e7d8"; }

.icon-tab-align-center:before {
  content: "\e7d9"; }

.icon-tab-align-left:before {
  content: "\e7da"; }

.icon-tab-align-right:before {
  content: "\e7db"; }

.icon-tab-code:before {
  content: "\e7dc"; }

.icon-tab-content:before {
  content: "\e7dd"; }

.icon-tab:before {
  content: "\e7de"; }

.icon-attach:before {
  content: "\e7df"; }

.icon-basket-ball:before {
  content: "\e7e0"; }

.icon-brush:before {
  content: "\e7e1"; }

.icon-bulb:before {
  content: "\e7e2"; }

.icon-bulls-eye:before {
  content: "\e7e3"; }

.icon-end-tag:before {
  content: "\e7e4"; }

.icon-life-saver:before {
  content: "\e7e5"; }

.icon-light-led:before {
  content: "\e7e6"; }

.icon-magic-wand:before {
  content: "\e7e7"; }

.icon-megaphone-wave:before {
  content: "\e7e8"; }

.icon-megaphone:before {
  content: "\e7e9"; }

.icon-navigation-arrow:before {
  content: "\e7ea"; }

.icon-nut:before {
  content: "\e7eb"; }

.icon-pencil-big:before {
  content: "\e7ec"; }

.icon-pencil-edit:before {
  content: "\e7ed"; }

.icon-pencil-write:before {
  content: "\e7ee"; }

.icon-pencil:before {
  content: "\e7ef"; }

.icon-pentool:before {
  content: "\e7f0"; }

.icon-puzzle:before {
  content: "\e7f1"; }

.icon-ribbon:before {
  content: "\e7f2"; }

.icon-rocketship:before {
  content: "\e7f3"; }

.icon-settings:before {
  content: "\e7f4"; }

.icon-target-2:before {
  content: "\e7f5"; }

.icon-target:before {
  content: "\e7f6"; }

.icon-training-module:before {
  content: "\e7f7"; }

.icon-trophy:before {
  content: "\e7f8"; }

.icon-vector:before {
  content: "\e7f9"; }

.icon-wrench-screwdriver:before {
  content: "\e7fa"; }

.icon-wrench:before {
  content: "\e7fb"; }

.icon-write-pencil:before {
  content: "\e7fc"; }

.icon-alarm:before {
  content: "\e7fd"; }

.icon-bell-close:before {
  content: "\e7fe"; }

.icon-bell-minus:before {
  content: "\e7ff"; }

.icon-bell-plus:before {
  content: "\e800"; }

.icon-bell:before {
  content: "\e801"; }

.icon-bomb:before {
  content: "\e802"; }

.icon-clothes:before {
  content: "\e803"; }

.icon-dashboard:before {
  content: "\e804"; }

.icon-gift:before {
  content: "\e805"; }

.icon-heart-arrow:before {
  content: "\e806"; }

.icon-heart-break:before {
  content: "\e807"; }

.icon-heart-close:before {
  content: "\e808"; }

.icon-heart-minus:before {
  content: "\e809"; }

.icon-heart-plus:before {
  content: "\e80a"; }

.icon-heart:before {
  content: "\e80b"; }

.icon-hourglass:before {
  content: "\e80c"; }

.icon-key-linear:before {
  content: "\e80d"; }

.icon-magnet:before {
  content: "\e80e"; }

.icon-necktie:before {
  content: "\e80f"; }

.icon-shield-check:before {
  content: "\e810"; }

.icon-shield:before {
  content: "\e811"; }

.icon-speech-bubble-heart:before {
  content: "\e812"; }

.icon-stopwatch:before {
  content: "\e813"; }

.icon-time-close:before {
  content: "\e814"; }

.icon-time-minus:before {
  content: "\e815"; }

.icon-time-plus:before {
  content: "\e816"; }

.icon-time:before {
  content: "\e817"; }

.icon-wand:before {
  content: "\e818"; }

.icon-watch:before {
  content: "\e819"; }

.icon-airplane:before {
  content: "\e81a"; }

.icon-check-line:before {
  content: "\e81b"; }

.icon-close-line:before {
  content: "\e81c"; }

.icon-compass:before {
  content: "\e81d"; }

.icon-corner-down-right:before {
  content: "\e81e"; }

.icon-corner-up-right:before {
  content: "\e81f"; }

.icon-download:before {
  content: "\e820"; }

.icon-drawer:before {
  content: "\e821"; }

.icon-file-drawer:before {
  content: "\e822"; }

.icon-flag-pole:before {
  content: "\e823"; }

.icon-flag:before {
  content: "\e824"; }

.icon-globe:before {
  content: "\e825"; }

.icon-link:before {
  content: "\e826"; }

.icon-location-minus:before {
  content: "\e827"; }

.icon-location-plus:before {
  content: "\e828"; }

.icon-location-target:before {
  content: "\e829"; }

.icon-location:before {
  content: "\e82a"; }

.icon-maximize:before {
  content: "\e82b"; }

.icon-minimize:before {
  content: "\e82c"; }

.icon-minus:before {
  content: "\e82d"; }

.icon-navigate:before {
  content: "\e82e"; }

.icon-pin:before {
  content: "\e82f"; }

.icon-plus:before {
  content: "\e830"; }

.icon-redo2:before {
  content: "\e831"; }

.icon-signboard-2:before {
  content: "\e832"; }

.icon-signboard:before {
  content: "\e833"; }

.icon-undo2:before {
  content: "\e834"; }

.icon-unlink:before {
  content: "\e835"; }

.icon-upload3:before {
  content: "\e836"; }

.icon-web:before {
  content: "\e837"; }

.icon-alert:before {
  content: "\e838"; }

.icon-check:before {
  content: "\e839"; }

.icon-close-mark:before {
  content: "\e83a"; }

.icon-close-tag:before {
  content: "\e83b"; }

.icon-close:before {
  content: "\e83c"; }

.icon-cursor:before {
  content: "\e83d"; }

.icon-disable:before {
  content: "\e83e"; }

.icon-down:before {
  content: "\e83f"; }

.icon-home:before {
  content: "\e840"; }

.icon-info:before {
  content: "\e841"; }

.icon-key:before {
  content: "\e842"; }

.icon-left:before {
  content: "\e843"; }

.icon-lock:before {
  content: "\e844"; }

.icon-magnify:before {
  content: "\e845"; }

.icon-minus2:before {
  content: "\e846"; }

.icon-navi:before {
  content: "\e847"; }

.icon-plus2:before {
  content: "\e848"; }

.icon-power:before {
  content: "\e849"; }

.icon-question-mark:before {
  content: "\e84a"; }

.icon-right:before {
  content: "\e84b"; }

.icon-signin:before {
  content: "\e84c"; }

.icon-signout:before {
  content: "\e84d"; }

.icon-star-circle:before {
  content: "\e84e"; }

.icon-star:before {
  content: "\e84f"; }

.icon-tags:before {
  content: "\e850"; }

.icon-trash:before {
  content: "\e851"; }

.icon-unlock:before {
  content: "\e852"; }

.icon-up:before {
  content: "\e853"; }

.icon-zoom-in:before {
  content: "\e854"; }

.icon-zoom-out:before {
  content: "\e855"; }

h1, h2, h3, h4, h5, h6,
p, blockquote {
  margin-top: 0;
  margin-bottom: 16px; }

h1 {
  font-size: 30px; }

h2 {
  font-size: 21px; }

h3 {
  font-size: 16px; }

h4 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 11px; }

small {
  font-size: 90%; }

a {
  color: #4684BF;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.lead {
  font-size: 20px;
  font-weight: 300;
  color: #78828A; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .container:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 34rem) {
    .container {
      max-width: 34rem; } }
  @media (min-width: 45rem) {
    .container {
      max-width: 45rem; } }
  @media (min-width: 60rem) {
    .container {
      max-width: 60rem; } }
  @media (min-width: 72.25rem) {
    .container {
      max-width: 72.25rem; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .container-fluid:after {
    content: "";
    display: table;
    clear: both; }

.row {
  margin-left: -10px;
  margin-right: -10px; }
  .row:after {
    content: "";
    display: table;
    clear: both; }

.col-xs-1 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-1 {
      float: left;
      width: 8.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-1 {
        float: right; } }

.col-xs-2 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-2 {
      float: left;
      width: 16.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-2 {
        float: right; } }

.col-xs-3 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-3 {
      float: left;
      width: 25%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-3 {
        float: right; } }

.col-xs-4 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-4 {
      float: left;
      width: 33.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-4 {
        float: right; } }

.col-xs-5 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-5 {
      float: left;
      width: 41.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-5 {
        float: right; } }

.col-xs-6 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-6 {
      float: left;
      width: 50%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-6 {
        float: right; } }

.col-xs-7 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-7 {
      float: left;
      width: 58.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-7 {
        float: right; } }

.col-xs-8 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-8 {
      float: left;
      width: 66.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-8 {
        float: right; } }

.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-9 {
      float: left;
      width: 75%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-9 {
        float: right; } }

.col-xs-10 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-10 {
      float: left;
      width: 83.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-10 {
        float: right; } }

.col-xs-11 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-11 {
      float: left;
      width: 91.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-11 {
        float: right; } }

.col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 0) {
    .col-xs-12 {
      float: left;
      width: 100%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xs-12 {
        float: right; } }

.col-sm-1 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-1 {
      float: left;
      width: 8.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-1 {
        float: right; } }

.col-sm-2 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-2 {
      float: left;
      width: 16.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-2 {
        float: right; } }

.col-sm-3 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-3 {
      float: left;
      width: 25%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-3 {
        float: right; } }

.col-sm-4 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-4 {
      float: left;
      width: 33.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-4 {
        float: right; } }

.col-sm-5 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-5 {
      float: left;
      width: 41.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-5 {
        float: right; } }

.col-sm-6 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-6 {
      float: left;
      width: 50%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-6 {
        float: right; } }

.col-sm-7 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-7 {
      float: left;
      width: 58.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-7 {
        float: right; } }

.col-sm-8 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-8 {
      float: left;
      width: 66.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-8 {
        float: right; } }

.col-sm-9 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-9 {
      float: left;
      width: 75%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-9 {
        float: right; } }

.col-sm-10 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-10 {
      float: left;
      width: 83.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-10 {
        float: right; } }

.col-sm-11 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-11 {
      float: left;
      width: 91.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-11 {
        float: right; } }

.col-sm-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 34em) {
    .col-sm-12 {
      float: left;
      width: 100%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-sm-12 {
        float: right; } }

.col-md-1 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-1 {
      float: left;
      width: 8.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-1 {
        float: right; } }

.col-md-2 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-2 {
      float: left;
      width: 16.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-2 {
        float: right; } }

.col-md-3 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-3 {
      float: left;
      width: 25%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-3 {
        float: right; } }

.col-md-4 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-4 {
      float: left;
      width: 33.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-4 {
        float: right; } }

.col-md-5 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-5 {
      float: left;
      width: 41.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-5 {
        float: right; } }

.col-md-6 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-6 {
      float: left;
      width: 50%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-6 {
        float: right; } }

.col-md-7 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-7 {
      float: left;
      width: 58.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-7 {
        float: right; } }

.col-md-8 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-8 {
      float: left;
      width: 66.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-8 {
        float: right; } }

.col-md-9 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-9 {
      float: left;
      width: 75%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-9 {
        float: right; } }

.col-md-10 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-10 {
      float: left;
      width: 83.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-10 {
        float: right; } }

.col-md-11 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-11 {
      float: left;
      width: 91.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-11 {
        float: right; } }

.col-md-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 48em) {
    .col-md-12 {
      float: left;
      width: 100%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-md-12 {
        float: right; } }

.col-lg-1 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-1 {
      float: left;
      width: 8.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-1 {
        float: right; } }

.col-lg-2 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-2 {
      float: left;
      width: 16.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-2 {
        float: right; } }

.col-lg-3 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-3 {
      float: left;
      width: 25%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-3 {
        float: right; } }

.col-lg-4 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-4 {
      float: left;
      width: 33.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-4 {
        float: right; } }

.col-lg-5 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-5 {
      float: left;
      width: 41.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-5 {
        float: right; } }

.col-lg-6 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-6 {
      float: left;
      width: 50%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-6 {
        float: right; } }

.col-lg-7 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-7 {
      float: left;
      width: 58.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-7 {
        float: right; } }

.col-lg-8 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-8 {
      float: left;
      width: 66.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-8 {
        float: right; } }

.col-lg-9 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-9 {
      float: left;
      width: 75%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-9 {
        float: right; } }

.col-lg-10 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-10 {
      float: left;
      width: 83.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-10 {
        float: right; } }

.col-lg-11 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-11 {
      float: left;
      width: 91.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-11 {
        float: right; } }

.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 62em) {
    .col-lg-12 {
      float: left;
      width: 100%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-lg-12 {
        float: right; } }

.col-xl-1 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-1 {
      float: left;
      width: 8.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-1 {
        float: right; } }

.col-xl-2 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-2 {
      float: left;
      width: 16.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-2 {
        float: right; } }

.col-xl-3 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-3 {
      float: left;
      width: 25%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-3 {
        float: right; } }

.col-xl-4 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-4 {
      float: left;
      width: 33.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-4 {
        float: right; } }

.col-xl-5 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-5 {
      float: left;
      width: 41.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-5 {
        float: right; } }

.col-xl-6 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-6 {
      float: left;
      width: 50%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-6 {
        float: right; } }

.col-xl-7 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-7 {
      float: left;
      width: 58.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-7 {
        float: right; } }

.col-xl-8 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-8 {
      float: left;
      width: 66.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-8 {
        float: right; } }

.col-xl-9 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-9 {
      float: left;
      width: 75%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-9 {
        float: right; } }

.col-xl-10 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-10 {
      float: left;
      width: 83.33333%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-10 {
        float: right; } }

.col-xl-11 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-11 {
      float: left;
      width: 91.66667%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-11 {
        float: right; } }

.col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 75em) {
    .col-xl-12 {
      float: left;
      width: 100%;
      /*
       * Floats all columns to the right instaed of left (default).
       * It is used to place the right (last-declared) column
       * on top for responsive websites.
       *
       * @example
       * <div class="row -right">
       *   <div class="col-md-9"></div>
       *   <div class="col-md-3"></div>
       * </div>
       *
       * @TODO
       * Needs refactoring
       */ }
      .row.-right > .col-xl-12 {
        float: right; } }

.form-control {
  display: block;
  width: 100%;
  min-height: 34px;
  padding: 7px 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #C4C4C4;
  border-radius: 3px;
  outline: none; }
  .form-control:focus {
    border-color: #52B5E5; }
  .form-control.-disabled, .form-control:disabled {
    cursor: not-allowed;
    background: #F0F0F0; }
  .form-control.-sky, .form-control.-sky:focus {
    border-color: #52B5E5; }
  .form-control.-emerald, .form-control.-emerald:focus {
    border-color: #38D4A9; }
  .form-control.-crimson, .form-control.-crimson:focus {
    border-color: #F05F50; }
  .form-control.-sun, .form-control.-sun:focus {
    border-color: #FFC05A; }

select.form-control {
  height: 34px; }

label {
  width: 100%;
  display: inline-block; }

.form-group {
  margin-bottom: 20px; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%; }
  .input-group > .form-control:first-child,
  .input-group > .addon:first-child,
  .input-group > .addon.-btn:first-child > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:last-child,
  .input-group > .addon:last-child,
  .input-group > .addon.-btn:last-child > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .form-control:not(:first-child):not(:last-child),
  .input-group > .addon:not(:first-child):not(:last-child),
  .input-group > .addon:not(:first-child):not(:last-child) > .btn {
    border-radius: 0; }
  .input-group > .form-control,
  .input-group > .addon {
    display: table-cell; }
  .input-group > .form-control {
    z-index: 2;
    float: left;
    width: 100%; }
  .input-group > .addon {
    z-index: 1;
    width: 1%;
    padding: 0 8px;
    min-height: 34px;
    background: #F0F0F0;
    border: 1px solid #C4C4C4;
    border-radius: 3px;
    vertical-align: middle; }
  .input-group > .addon:first-child {
    border-right: 0; }
  .input-group > .addon:last-child {
    border-left: 0; }
  .input-group > .addon.-btn {
    padding: 0; }

/*
<table class="table">
</table>
*/
th,
td {
  text-align: left;
  /* yea */ }

.table {
  width: 100%;
  max-width: 100%;
  background: #fff; }
.table.-striped > tbody > tr:nth-child(odd) > td {
  background: #C4C4C4; }
.table.-striped > tbody > tr:nth-child(even) > td {
  background: #fff; }
.table > thead > tr > th, .table > tbody > tr > td {
  border-top: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
  padding: 10px; }
.table > thead > tr + tr > th {
  padding-top: 0; }
.table.-bordered > thead > tr > th:not(:first-child), .table.-bordered > tbody > tr > td:not(:first-child) {
  border-left: 1px solid #C4C4C4; }
.table.-bordered > thead > tr > th:first-child, .table.-bordered > tbody > tr > td:first-child {
  border-left: 1px solid #C4C4C4; }
.table.-bordered > thead > tr > th:last-child, .table.-bordered > tbody > tr > td:last-child {
  border-right: 1px solid #C4C4C4; }
.table.-hovered > tbody > tr:hover > td {
  background: #F0F0F0; }
.table > thead > tr > th.-align-right, .table > tbody > tr > td.-align-right {
  text-align: right; }
.table > thead > tr > th.-align-center, .table > tbody > tr > td.-align-center {
  text-align: center; }
.table > thead > tr > th.-align-middle, .table > tbody > tr > td.-align-middle {
  vertical-align: top; }
.table > tbody > tr > td.-sky {
  background: #52B5E5; }
.table > tbody > tr > td.-emerald {
  background: #38D4A9; }
.table > tbody > tr > td.-sun {
  background: #FFC05A; }
.table > tbody > tr > td.-crimson {
  background: #F05F50; }

.table-responsive {
  width: 100%;
  overflow-x: auto;
  color: #4A4A4A; }

* {
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  color: #4A4A4A;
  background: #fff;
  font-size: 14px;
  line-height: 1.7;
  font-family: "proxima-nova", Helvetica, "Helvetica Neue", sans-serif, serif; }

.btn {
  display: inline-block;
  padding: 0 20px;
  line-height: 30px;
  font-size: 14px;
  border: 1px solid transparent;
  border-radius: 3px;
  outline: none;
  /* remove native outline */
  cursor: pointer;
  transition: 0.1s all; }
  .btn, .btn:hover {
    text-decoration: none; }
  .btn.-default {
    color: #4A4A4A;
    background: #C4C4C4; }
    .btn.-default:hover, .btn.-default:focus {
      color: #4A4A4A;
      background: #b7b7b7; }
  .btn.-primary {
    color: #fff;
    background: #3A569B; }
    .btn.-primary:hover, .btn.-primary:focus {
      color: #fff;
      background: #334c88; }
  .btn.-sky {
    color: #fff;
    background: #52B5E5; }
    .btn.-sky:hover, .btn.-sky:focus {
      color: #fff;
      background: #3cace2; }
  .btn.-emerald {
    color: #fff;
    background: #38D4A9; }
    .btn.-emerald:hover, .btn.-emerald:focus {
      color: #fff;
      background: #2bc79c; }
  .btn.-crimson {
    color: #fff;
    background: #F05F50; }
    .btn.-crimson:hover, .btn.-crimson:focus {
      color: #fff;
      background: #ee4a39; }
  .btn.-sun {
    color: #fff;
    background: #FFC05A; }
    .btn.-sun:hover, .btn.-sun:focus {
      color: #fff;
      background: #ffb641; }
  .btn.-inverted.-default {
    background: transparent;
    color: #C4C4C4;
    border-color: #C4C4C4; }
    .btn.-inverted.-default:hover, .btn.-inverted.-default:focus {
      color: #fff;
      background: #C4C4C4; }
  .btn.-inverted.-primary {
    background: transparent;
    color: #3A569B;
    border-color: #3A569B; }
    .btn.-inverted.-primary:hover, .btn.-inverted.-primary:focus {
      color: #fff;
      background: #3A569B; }
  .btn.-inverted.-sky {
    background: transparent;
    color: #52B5E5;
    border-color: #52B5E5; }
    .btn.-inverted.-sky:hover, .btn.-inverted.-sky:focus {
      color: #fff;
      background: #52B5E5; }
  .btn.-inverted.-emerald {
    background: transparent;
    color: #38D4A9;
    border-color: #38D4A9; }
    .btn.-inverted.-emerald:hover, .btn.-inverted.-emerald:focus {
      color: #fff;
      background: #38D4A9; }
  .btn.-inverted.-sun {
    background: transparent;
    color: #FFC05A;
    border-color: #FFC05A; }
    .btn.-inverted.-sun:hover, .btn.-inverted.-sun:focus {
      color: #fff;
      background: #FFC05A; }
  .btn.-inverted.-crimson {
    background: transparent;
    color: #F05F50;
    border-color: #F05F50; }
    .btn.-inverted.-crimson:hover, .btn.-inverted.-crimson:focus {
      color: #fff;
      background: #F05F50; }
  .btn.-disabled, .btn:disabled, .btn.-disabled:hover, .btn:disabled:hover {
    color: #7d7d7d;
    background: #C4C4C4; }
  .btn.-block {
    display: block;
    width: 100%;
    margin-right: auto !important;
    margin-left: auto !important; }
  .btn.-xs {
    height: 25px;
    padding: 0px 10px;
    font-size: 12px;
    line-height: 1.7; }
  .btn.-small {
    height: 30px;
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1.7; }
  .btn.-large {
    height: 40px;
    padding: 0 25px;
    font-size: 18px;
    line-height: 1.7; }
  .btn.-rounded {
    border-radius: 25px; }
  .btn.-disabled, .btn:disabled {
    cursor: not-allowed; }
  .btn > .icon:first-child {
    margin-right: 6px; }
  .btn > .icon:last-child {
    margin-left: 6px; }
  .btn > .icon:first-child:last-child {
    margin: 0; }

.btn-group.-rounded > .btn {
  border-radius: 25px; }
.btn-group > .btn {
  margin-right: 0 !important;
  margin-left: 0 !important; }
.btn-group > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
.btn-group > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.btn-group > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.pagination > .action {
  display: inline-block;
  padding: 2px 10px;
  color: #fff;
  font-size: 12px;
  background: #C4C4C4;
  border: 0;
  border-radius: 3px;
  outline: none;
  /* remove native outline */
  cursor: pointer;
  min-width: 80px;
  text-decoration: none; }
.pagination > .action:hover {
  background: #4A4A4A; }
.pagination > .action:first-child {
  margin-right: 10px; }
.pagination > .action:last-child {
  margin-left: 10px; }
.pagination > .action:disabled,
.pagination > .action:disabled:hover,
.pagination > .action.-disabled,
.pagination > .action.-disabled:hover {
  background: #F0F0F0;
  cursor: not-allowed; }
.pagination > .pages {
  display: inline-block; }
.pagination > .pages > .page {
  display: inline-block;
  min-width: 20px;
  padding: 2px 5px;
  color: #C4C4C4;
  font-size: 12px;
  background: transparent;
  border: 1px solid #C4C4C4;
  border-radius: 3px;
  outline: none;
  /* remove native outline */
  cursor: pointer;
  transition: 0.15s background;
  text-decoration: none; }
.pagination > .pages > .page:hover,
.pagination > .pages > .page.-active {
  color: #fff;
  background: #4A4A4A;
  border-color: transparent; }
.pagination > .pages > .page.-active:hover {
  cursor: default; }
.pagination > .pages > .page:not(:last-child) {
  margin-right: 5px; }

.alert {
  padding: 20px 15px;
  position: relative;
  color: #fff;
  border-radius: 3px; }
  .alert.-emerald {
    background-color: #38D4A9; }
  .alert.-sky {
    background-color: #52B5E5; }
  .alert.-sun {
    background-color: #FFC05A; }
  .alert.-crimson {
    background-color: #F05F50; }
  .alert.-large {
    padding: 30px 15px; }
  .alert.-block {
    border: 0;
    border-radius: 0; }
  .alert > .icon:first-child {
    margin-right: 10px; }

.label {
  display: inline-block;
  padding: 2px 5px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  background: #C4C4C4;
  border-radius: 3px; }
  .label.-primary {
    color: #fff;
    background-color: #3A569B; }
  .label.-sky {
    color: #fff;
    background-color: #52B5E5; }
  .label.-emerald {
    color: #fff;
    background-color: #38D4A9; }
  .label.-sun {
    color: #fff;
    background-color: #FFC05A; }
  .label.-crimson {
    color: #fff;
    background-color: #F05F50; }

.badge {
  display: inline-block;
  padding: 2px 5px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  background: #C4C4C4;
  border-radius: 25px; }
  .badge.-primary {
    color: #fff;
    background-color: #3A569B; }
  .badge.-emerald {
    color: #fff;
    background-color: #38D4A9; }
  .badge.-sky {
    color: #fff;
    background-color: #52B5E5; }
  .badge.-sun {
    color: #fff;
    background-color: #FFC05A; }
  .badge.-crimson {
    color: #fff;
    background-color: #F05F50; }

.list-group {
  background-color: #fff;
  border-radius: 3px;
  border: 1.5px solid #F0F0F0;
  color: #4A4A4A; }
  .list-group > .menuitem {
    position: relative;
    display: block;
    padding: 15px 10px;
    background-color: #fff;
    border-bottom: 1.5px solid #F0F0F0;
    color: #4A4A4A;
    cursor: pointer; }
    .list-group > .menuitem, .list-group > .menuitem:hover {
      text-decoration: none; }
  .list-group > .menuitem:hover {
    background: #F0F0F0; }
  .list-group > .menuitem:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top: 0; }
  .list-group > .menuitem:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 0; }
  .list-group > .menuitem.-selected {
    color: #fff;
    cursor: default;
    background-color: #3A569B; }
  .list-group > .menuitem.-selected > .icon {
    color: #fff; }
  .list-group > .menuitem > .icon {
    color: #4A4A4A; }
  .list-group > .menuitem > .icon:first-child {
    margin-right: 10px;
    width: 20px; }
  .list-group > .menuitem > .badge {
    float: right;
    background: #3A569B;
    color: #fff; }
  .list-group > .menuitem.-selected > .badge {
    float: right;
    background: #fff;
    color: #4A4A4A; }

.panel {
  color: #4A4A4A;
  background: #fff;
  border: 1px solid #C4C4C4;
  border-radius: 5px; }
  .panel > .heading {
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .panel > .heading > * {
    margin-bottom: 0; }
  .panel > .body {
    padding: 15px; }
  .panel > .body + .body {
    border-top: 1px solid; }
  .panel > .footer {
    padding: 10px 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .panel > .table.-bordered > thead > tr > th:first-child,
  .panel > .table.-bordered > tbody > tr > td:first-child {
    border-left: 0; }
  .panel > .table.-bordered > thead > tr > th:last-child,
  .panel > .table.-bordered > tbody > tr > td:last-child {
    border-right: 0; }
  .panel > .table.-bordered > tbody > tr:last-child {
    border-bottom: 0; }
  .panel > .list-group > .menuitem {
    border-top-right-radius: 0;
    border-top-left-radius: 0; }
  .panel.-default > .heading {
    background: #C4C4C4;
    color: #fff; }
  .panel.-default > .body + .body {
    border-color: #C4C4C4; }
  .panel.-default > .footer {
    background: #C4C4C4;
    color: #fff; }
  .panel.-primary > .heading {
    background: #3A569B;
    color: #fff; }
  .panel.-primary > .body + .body {
    border-color: #C4C4C4; }
  .panel.-primary > .footer {
    background: #C4C4C4;
    color: #fff; }
  .panel.-sky > .heading {
    background: #52B5E5;
    color: #fff; }
  .panel.-sky > .body + .body {
    border-color: #C4C4C4; }
  .panel.-sky > .footer {
    background: #C4C4C4;
    color: #fff; }
  .panel.-emerald > .heading {
    background: #38D4A9;
    color: #fff; }
  .panel.-emerald > .body + .body {
    border-color: #C4C4C4; }
  .panel.-emerald > .footer {
    background: #C4C4C4;
    color: #fff; }
  .panel.-sun > .heading {
    background: #FFC05A;
    color: #fff; }
  .panel.-sun > .body + .body {
    border-color: #C4C4C4; }
  .panel.-sun > .footer {
    background: #C4C4C4;
    color: #fff; }
  .panel.-crimson > .heading {
    background: #F05F50;
    color: #fff; }
  .panel.-crimson > .body + .body {
    border-color: #C4C4C4; }
  .panel.-crimson > .footer {
    background: #C4C4C4;
    color: #fff; }

.dropdown {
  z-index: 999;
  position: absolute;
  margin-top: 6px; }
  .dropdown.-up {
    margin-bottom: 6px; }
  .dropdown.up > .menu::before {
    left: initial;
    right: 6px; }
  .dropdown > .menu {
    position: relative;
    padding: 12px 6px;
    min-width: 160px;
    background: #fff;
    border: 1px solid #F0F0F0;
    border-radius: 3px;
    box-shadow: 0 0 2px #C4C4C4; }
  .dropdown > .menu::before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 6px;
    height: 0;
    width: 0;
    margin-left: 6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff; }
  .dropdown > .menu > a {
    display: block;
    width: 100%;
    padding: 5px 20px;
    color: #4A4A4A; }
  .dropdown > .menu > a,
  .dropdown > .menu > a:hover {
    text-decoration: none; }
  .dropdown > .menu > a:hover,
  .dropdown > .menu > a.-active {
    background: #C4C4C4; }
  .dropdown > .menu > a.-disabled {
    color: #C4C4C4;
    cursor: not-allowed; }

.slate {
  padding: 30px;
  text-align: center;
  color: #78828A;
  background: #F0F0F0;
  border-radius: 3px; }
  .slate.-spacious {
    padding: 60px; }
  .slate.-plain {
    background: #fff; }
  .slate > .icon:first-child {
    display: block;
    margin-bottom: 1.5rem; }
  .slate > *:last-child {
    margin-bottom: 0; }

.nav {
  height: 50px;
  width: 100%;
  line-height: 50px;
  background: #19273F;
  margin-bottom: 25px; }
  .nav:after {
    content: "";
    display: table;
    clear: both; }
  .nav .right {
    float: right; }
  .nav .heading {
    font-size: 125%; }
  .nav a {
    padding: 0 15px;
    color: #647A8A;
    font-weight: bold; }
    .nav a, .nav a:hover {
      text-decoration: none; }

.doc-swatch {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  border-radius: 3px; }
  .doc-swatch + .doc-swatch {
    margin-left: 0.5rem; }
  .doc-swatch.-sky {
    background: #52B5E5; }
  .doc-swatch.-sky-dk {
    background: #4684BF; }
  .doc-swatch.-emerald {
    background: #38D4A9; }
  .doc-swatch.-emerald-dk {
    background: #2EAF8B; }
  .doc-swatch.-sun {
    background: #FFC05A; }
  .doc-swatch.-sun-dk {
    background: #C99746; }
  .doc-swatch.-crimson {
    background: #F05F50; }
  .doc-swatch.-crimson-dk {
    background: #C85044; }
  .doc-swatch.-gray {
    background: #C4C4C4; }
  .doc-swatch.-gray-lt {
    background: #F0F0F0; }
  .doc-swatch.-gray-dk {
    background: #78828A; }
  .doc-swatch.-black {
    background: #4A4A4A; }

.doc-heading {
  padding-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 900;
  border-bottom: 1px solid #F0F0F0; }

h1.doc-heading {
  font-size: 20px; }

h2.doc-heading {
  font-size: 18px; }

h3.doc-heading {
  font-size: 16px; }

h4.doc-heading {
  font-size: 14px; }

h5.doc-heading {
  font-size: 13px; }

h6.doc-heading {
  font-size: 11px; }

code {
  padding: 1px 3px;
  background: #CEFFF2;
  color: #428642;
  border: 1px solid #A3E2A3; }

.doc-btn-group > .btn {
  margin-bottom: 1rem; }
.doc-btn-group > .btn:not(:last-child) {
  margin-right: 1rem; }

.doc-block-grid {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 10px;
  text-align: center;
  background: #a1ebd6;
  border: 1px solid #38D4A9; }

.doc-footer {
  margin-top: 50px;
  color: #C4C4C4;
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: 1px solid #F0F0F0; }
  @media (min-width: 48em) {
    .doc-footer {
      padding: 50px; } }
  .doc-footer p {
    margin-bottom: 10px; }
    @media (min-width: 34em) {
      .doc-footer p {
        margin-bottom: 0; } }
  .doc-footer strong {
    color: #4A4A4A; }

.icon-box {
  border-radius: 3px;
  background: #F0F0F0;
  padding: 30px;
  text-align: center; }
  .icon-box > .inner {
    padding-bottom: 100%;
    width: 100%;
    height: 0; }
  .icon-box .icon {
    font-size: 40px;
    margin-bottom: 10px; }

.responsive-mixins-box {
  width: 100px;
  height: 100px;
  background: #C4C4C4; }
  @media (min-width: 34em) {
    .responsive-mixins-box {
      background: #F05F50; } }
  @media (min-width: 48em) {
    .responsive-mixins-box {
      background: #FFC05A; } }
  @media (min-width: 62em) {
    .responsive-mixins-box {
      background: #52B5E5; } }
  @media (min-width: 75em) {
    .responsive-mixins-box {
      background: #38D4A9; } }

.doc-ellipsis-example-container {
  padding: 10px;
  width: 200px;
  line-height: 1;
  border: 1px solid #52B5E5;
  border-radius: 25px; }
  .doc-ellipsis-example-container > p {
    margin: 0; }

.doc-center-block-mixin-example {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  height: 200px;
  background: #C4C4C4;
  border: 1px solid #78828A; }

.doc-bottom-space {
  margin-bottom: 25px; }

.doc-bottom-space-large {
  margin-bottom: 50px; }

.doc-bottom-space-small {
  margin-bottom: 10px; }

.doc-allowance {
  margin-right: 5px; }

.doc-block {
  width: 100%;
  max-width: 125px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #F0F0F0;
  border: 1px solid #C4C4C4;
  border-radius: 3px; }

/*# sourceMappingURL=style.css.map */