HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

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

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: 'Open Sans', sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; padding-top: 73px; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

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

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

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * 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 conten
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

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

img {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/* Prevent callout */
.nocallout {
  -webkit-touch-callout: none; }

.pressed {
  background-color: rgba(0, 0, 0, 0.7); }

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none; }

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if
   they have been set as display: none */
.gifhidden {
  position: absolute;
  left: -100%; }

/*
 * Image replacemen
 */
.ir {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -999em; }

.ir br {
  display: none; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layou
 */
.invisible {
  visibility: hidden; }

/**
 * Clearfix helper
 * Used to contain floats: h5bp.com/q
 */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

/* Base font styling */
html,
button,
input,
select,
textarea {
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

/* If something needs line height, I'll specify it. */
body {
  line-height: 1; }

/* I'll style my own blockquotes thank you very much! */
blockquote {
  margin: 0; }

/* Sometimes I don't want small text to be small...
that made perfect sense until I read it back. */
small {
  font-size: 100%; }

/* Why would you want your address in italics? */
address {
  font-style: normal; }

/* I'll style my own pre thank you very much! */
pre {
  margin: 0; }

.base, .base-transparent {
  background: #31343c;
  color: #767d90; }
  .base .highlight, .base-transparent .highlight {
    color: #fff; }
  .base .subdue, .base-transparent .subdue {
    color: black; }
  .base .fill, .base-transparent .fill {
    background: #3c404a; }
  .base img.border, .base-transparent img.border {
    background: #3c404a; }
  .base input[type=text],
  .base input[type=url],
  .base input[type=tel],
  .base input[type=number],
  .base input[type=color],
  .base input[type=email],
  .base input[type=search],
  .base input[type=url],
  .base input[type=datalist],
  .base input[type=password],
  .base textarea,
  .base select,
  .base-transparent input[type=text],
  .base-transparent input[type=url],
  .base-transparent input[type=tel],
  .base-transparent input[type=number],
  .base-transparent input[type=color],
  .base-transparent input[type=email],
  .base-transparent input[type=search],
  .base-transparent input[type=url],
  .base-transparent input[type=datalist],
  .base-transparent input[type=password],
  .base-transparent textarea,
  .base-transparent select {
    background: #484c58;
    border-color: #31343c;
    border-top-color: #1a1c20;
    color: #e7e8eb; }
    .base input[type=text]:focus,
    .base input[type=url]:focus,
    .base input[type=tel]:focus,
    .base input[type=number]:focus,
    .base input[type=color]:focus,
    .base input[type=email]:focus,
    .base input[type=search]:focus,
    .base input[type=url]:focus,
    .base input[type=datalist]:focus,
    .base input[type=password]:focus,
    .base textarea:focus,
    .base select:focus,
    .base-transparent input[type=text]:focus,
    .base-transparent input[type=url]:focus,
    .base-transparent input[type=tel]:focus,
    .base-transparent input[type=number]:focus,
    .base-transparent input[type=color]:focus,
    .base-transparent input[type=email]:focus,
    .base-transparent input[type=search]:focus,
    .base-transparent input[type=url]:focus,
    .base-transparent input[type=datalist]:focus,
    .base-transparent input[type=password]:focus,
    .base-transparent textarea:focus,
    .base-transparent select:focus {
      background: #535866; }
  .base ::-webkit-input-placeholder, .base-transparent ::-webkit-input-placeholder {
    color: #777B87; }
  .base :-moz-placeholder, .base-transparent :-moz-placeholder {
    color: #777B87; }
  .base.pricing .cell, .base-transparent.pricing .cell {
    border-color: #31343c; }
  .skeuo .base.pricing ul li, .skeuo .base-transparent.pricing ul li {
    border-top-color: #515663;
    border-bottom-color: #23252b; }

.base-transparent {
  background: #31343c;
  background: rgba(49, 52, 60, 0.9); }

.accent, .accent-transparent {
  background: #53b2e5;
  color: #166793; }
  .accent .highlight, .accent-transparent .highlight {
    color: #fff; }
  .accent .subdue, .accent-transparent .subdue {
    color: #1f90cd; }
  .accent .fill, .accent-transparent .fill {
    background: #72c0ea; }
  .accent img.border, .accent-transparent img.border {
    background: #69bce8; }
  .accent input[type=text],
  .accent input[type=url],
  .accent input[type=tel],
  .accent input[type=number],
  .accent input[type=color],
  .accent input[type=email],
  .accent input[type=search],
  .accent input[type=url],
  .accent input[type=datalist],
  .accent input[type=password],
  .accent textarea,
  .accent select,
  .accent-transparent input[type=text],
  .accent-transparent input[type=url],
  .accent-transparent input[type=tel],
  .accent-transparent input[type=number],
  .accent-transparent input[type=color],
  .accent-transparent input[type=email],
  .accent-transparent input[type=search],
  .accent-transparent input[type=url],
  .accent-transparent input[type=datalist],
  .accent-transparent input[type=password],
  .accent-transparent textarea,
  .accent-transparent select {
    background: #7fc6ec;
    border-color: #53b2e5;
    border-top-color: #279ede;
    color: #fff; }
    .accent input[type=text]:focus,
    .accent input[type=url]:focus,
    .accent input[type=tel]:focus,
    .accent input[type=number]:focus,
    .accent input[type=color]:focus,
    .accent input[type=email]:focus,
    .accent input[type=search]:focus,
    .accent input[type=url]:focus,
    .accent input[type=datalist]:focus,
    .accent input[type=password]:focus,
    .accent textarea:focus,
    .accent select:focus,
    .accent-transparent input[type=text]:focus,
    .accent-transparent input[type=url]:focus,
    .accent-transparent input[type=tel]:focus,
    .accent-transparent input[type=number]:focus,
    .accent-transparent input[type=color]:focus,
    .accent-transparent input[type=email]:focus,
    .accent-transparent input[type=search]:focus,
    .accent-transparent input[type=url]:focus,
    .accent-transparent input[type=datalist]:focus,
    .accent-transparent input[type=password]:focus,
    .accent-transparent textarea:focus,
    .accent-transparent select:focus {
      background: #88caed; }
  .accent ::-webkit-input-placeholder, .accent-transparent ::-webkit-input-placeholder {
    color: white; }
  .accent :-moz-placeholder, .accent-transparent :-moz-placeholder {
    color: white; }
  .accent.pricing .cell, .accent-transparent.pricing .cell {
    border-color: #53b2e5; }
  .skeuo .accent.pricing ul li, .skeuo .accent-transparent.pricing ul li {
    border-top-color: #a7d8f2;
    border-bottom-color: #38a6e1; }

.accent-transparent {
  background: #53b2e5;
  background: rgba(83, 178, 229, 0.9); }

.complement, .complement-transparent {
  background: #fbbd39;
  color: #a26f03; }
  .complement .highlight, .complement-transparent .highlight {
    color: #fff; }
  .complement .subdue, .complement-transparent .subdue {
    color: #e39c05; }
  .complement .fill, .complement-transparent .fill {
    background: #fcc552; }
  .complement img.border, .complement-transparent img.border {
    background: #fcc552; }
  .complement input[type=text],
  .complement input[type=url],
  .complement input[type=tel],
  .complement input[type=number],
  .complement input[type=color],
  .complement input[type=email],
  .complement input[type=search],
  .complement input[type=url],
  .complement input[type=datalist],
  .complement input[type=password],
  .complement textarea,
  .complement select,
  .complement-transparent input[type=text],
  .complement-transparent input[type=url],
  .complement-transparent input[type=tel],
  .complement-transparent input[type=number],
  .complement-transparent input[type=color],
  .complement-transparent input[type=email],
  .complement-transparent input[type=search],
  .complement-transparent input[type=url],
  .complement-transparent input[type=datalist],
  .complement-transparent input[type=password],
  .complement-transparent textarea,
  .complement-transparent select {
    background: #fcc757;
    border-color: #fbbd39;
    border-top-color: #faac07;
    color: #fff; }
    .complement input[type=text]:focus,
    .complement input[type=url]:focus,
    .complement input[type=tel]:focus,
    .complement input[type=number]:focus,
    .complement input[type=color]:focus,
    .complement input[type=email]:focus,
    .complement input[type=search]:focus,
    .complement input[type=url]:focus,
    .complement input[type=datalist]:focus,
    .complement input[type=password]:focus,
    .complement textarea:focus,
    .complement select:focus,
    .complement-transparent input[type=text]:focus,
    .complement-transparent input[type=url]:focus,
    .complement-transparent input[type=tel]:focus,
    .complement-transparent input[type=number]:focus,
    .complement-transparent input[type=color]:focus,
    .complement-transparent input[type=email]:focus,
    .complement-transparent input[type=search]:focus,
    .complement-transparent input[type=url]:focus,
    .complement-transparent input[type=datalist]:focus,
    .complement-transparent input[type=password]:focus,
    .complement-transparent textarea:focus.
    .complement-transparent select:focus {
      background: #fcca61; }
  .complement ::-webkit-input-placeholder, .complement-transparent ::-webkit-input-placeholder {
    color: white; }
  .complement :-moz-placeholder, .complement-transparent :-moz-placeholder {
    color: white; }
  .complement.pricing .cell, .complement-transparent.pricing .cell {
    border-color: #fbbd39; }
  .skeuo .complement.pricing ul li, .skeuo .complement-transparent.pricing ul li {
    border-top-color: #fcd175;
    border-bottom-color: #fbb625; }

.complement-transparent {
  background: #fbbd39;
  background: rgba(251, 189, 57, 0.9); }

.white, .white-transparent {
  background: #fff;
  color: #777B87; }
  .white .highlight, .white-transparent .highlight {
    color: #31343c; }
  .white .fill, .white-transparent .fill {
    background: #f0f2f5; }
  .white img.border, .white-transparent img.border {
    border: 1px solid #f0f2f5; }
  .white input[type=text],
  .white input[type=url],
  .white input[type=tel],
  .white input[type=number],
  .white input[type=color],
  .white input[type=email],
  .white input[type=search],
  .white input[type=url],
  .white input[type=datalist],
  .white input[type=password],
  .white textarea,
  .white select,
  .white-transparent input[type=text],
  .white-transparent input[type=url],
  .white-transparent input[type=tel],
  .white-transparent input[type=number],
  .white-transparent input[type=color],
  .white-transparent input[type=email],
  .white-transparent input[type=search],
  .white-transparent input[type=url],
  .white-transparent input[type=datalist],
  .white-transparent input[type=password],
  .white-transparent textarea,
  .white-transparent select {
    background: #fff;
    border-color: #e9e9e9;
    border-top-color: #d0d0d0;
    color: #31343c; }
    .white input[type=text]:hover,
    .white input[type=url]:hover,
    .white input[type=tel]:hover,
    .white input[type=number]:hover,
    .white input[type=color]:hover,
    .white input[type=email]:hover,
    .white input[type=search]:hover,
    .white input[type=url]:hover,
    .white input[type=datalist]:hover,
    .white input[type=password]:hover,
    .white textarea:hover,
    .white select:hover,
    .white-transparent input[type=text]:hover,
    .white-transparent input[type=url]:hover,
    .white-transparent input[type=tel]:hover,
    .white-transparent input[type=number]:hover,
    .white-transparent input[type=color]:hover,
    .white-transparent input[type=email]:hover,
    .white-transparent input[type=search]:hover,
    .white-transparent input[type=url]:hover,
    .white-transparent input[type=datalist]:hover,
    .white-transparent input[type=password]:hover,
    .white-transparent textarea:hover,
    .white-transparent select:hover {
      border-color: #d0d0d0; }
    .white input[type=text]:focus,
    .white input[type=url]:focus,
    .white input[type=tel]:focus,
    .white input[type=number]:focus,
    .white input[type=color]:focus,
    .white input[type=email]:focus,
    .white input[type=search]:focus,
    .white input[type=url]:focus,
    .white input[type=datalist]:focus,
    .white input[type=password]:focus,
    .white textarea:focus,
    .white select:focus,
    .white-transparent input[type=text]:focus,
    .white-transparent input[type=url]:focus,
    .white-transparent input[type=tel]:focus,
    .white-transparent input[type=number]:focus,
    .white-transparent input[type=color]:focus,
    .white-transparent input[type=email]:focus,
    .white-transparent input[type=search]:focus,
    .white-transparent input[type=url]:focus,
    .white-transparent input[type=datalist]:focus,
    .white-transparent input[type=password]:focus,
    .white-transparent textarea:focus,
    .white-transparent select:focus {
      background: #fff;
      border-color: #53b2e5; }
  .white ::-webkit-input-placeholder, .white-transparent ::-webkit-input-placeholder {
    color: #777B87; }
  .white :-moz-placeholder, .white-transparent :-moz-placeholder {
    color: #777B87; }
  .white.pricing .cell, .white-transparent.pricing .cell {
    border-color: #fff; }
  .skeuo .white.pricing ul li, .skeuo .white-transparent.pricing ul li {
    border-top-color: #fff;
    border-bottom-color: #d1d7e1; }

.white-transparent {
  background: #fff;
  background: rgba(255, 255, 255, 0.9); }

.neutral {
  background: #f0f2f5;
  color: #777B87; }
  .neutral .highlight {
    color: #31343c; }
  .neutral .fill {
    background: white; }
  .neutral img.border {
    background: white; }
  .neutral input[type=text],
  .neutral input[type=url],
  .neutral input[type=tel],
  .neutral input[type=number],
  .neutral input[type=color],
  .neutral input[type=email],
  .neutral input[type=search],
  .neutral input[type=url],
  .neutral input[type=datalist],
  .neutral input[type=password],
  .neutral textarea,
  .neutral select {
    background: white;
    border-color: #f0f2f5;
    border-top-color: #d1d7e1;
    color: #31343c; }
    .neutral input[type=text]:focus,
    .neutral input[type=url]:focus,
    .neutral input[type=tel]:focus,
    .neutral input[type=number]:focus,
    .neutral input[type=color]:focus,
    .neutral input[type=email]:focus,
    .neutral input[type=search]:focus,
    .neutral input[type=url]:focus,
    .neutral input[type=datalist]:focus,
    .neutral input[type=password]:focus,
    .neutral textarea:focus,
    .neutral select:focus {
      background: #fff; }
  .neutral ::-webkit-input-placeholder {
    color: #6a7182; }
  .neutral :-moz-placeholder {
    color: #6a7182; }
  .neutral.pricing .cell {
    border-color: #f0f2f5; }
  .skeuo .neutral.pricing ul li {
    border-top-color: #fff;
    border-bottom-color: #dbdfe7; }

.image {
  color: #fff;
  color: rgba(255, 255, 255, 0.75); }
  .image .highlight {
    color: #fff; }

.grid {
  margin-left: -5%;
  margin-top: -5%; }
  .grid:before, .grid:after {
    display: table;
    content: ""; }
  .grid .cell {
    margin: 5% 0 0 5%; }
  @media (min-width: 680px) {
    .grid[class*="-"] .cell {
      float: left; } }
  .grid.mini-2 .cell {
    width: 45%;
    float: left; }
  .grid.mini-3 .cell {
    width: 28.333333%;
    float: left; }
  .grid.mini-4 .cell {
    width: 20%;
    float: left; }
  .grid.mini-5 .cell {
    width: 15%;
    float: left; }
  .grid.mini-6 .cell {
    width: 11.666666%;
    float: left; }
  @media (min-width: 680px) {
    .grid.small-2 .cell {
      width: 45%; }
    .grid.small-3 .cell {
      width: 28.333333%; }
    .grid.small-4 .cell {
      width: 20%; }
    .grid.small-5 .cell {
      width: 15%; }
    .grid.small-6 .cell {
      width: 11.666666%; } }
  @media (min-width: 1120px) {
    .grid.medium-2 .cell {
      width: 45%; }
    .grid.medium-3 .cell {
      width: 28.333333%; }
    .grid.medium-4 .cell {
      width: 20%; }
    .grid.medium-5 .cell {
      width: 15%; }
    .grid.medium-6 .cell {
      width: 11.666666%; } }
  @media (min-width: 1820px) {
    .grid.large-2 .cell {
      width: 45%; }
    .grid.large-3 .cell {
      width: 28.333333%; }
    .grid.large-4 .cell {
      width: 20%; }
    .grid.large-5 .cell {
      width: 15%; }
    .grid.large-6 .cell {
      width: 11.666666%; } }
  .grid.no-gutters {
    margin-left: 0;
    margin-top: 0; }
    .grid.no-gutters .cell {
      margin: 5% 0 0 0; }
      @media (min-width: 680px) {
        .grid.no-gutters .cell {
          margin: 0; } }
    .grid.no-gutters.mini-2 .cell {
      width: 50%; }
    .grid.no-gutters.mini-3 .cell {
      width: 33.333333%; }
    .grid.no-gutters.mini-4 .cell {
      width: 25%; }
    .grid.no-gutters.mini-5 .cell {
      width: 20%; }
    .grid.no-gutters.mini-6 .cell {
      width: 16.666666%; }
    @media (min-width: 680px) {
      .grid.no-gutters.small-2 .cell {
        width: 50%; }
      .grid.no-gutters.small-3 .cell {
        width: 33.333333%; }
      .grid.no-gutters.small-4 .cell {
        width: 25%; }
      .grid.no-gutters.small-5 .cell {
        width: 20%; }
      .grid.no-gutters.small-6 .cell {
        width: 16.666666%; } }
    @media (min-width: 1120px) {
      .grid.no-gutters.medium-2 .cell {
        width: 50%; }
      .grid.no-gutters.medium-3 .cell {
        width: 33.333333%; }
      .grid.no-gutters.medium-4 .cell {
        width: 25%; }
      .grid.no-gutters.medium-5 .cell {
        width: 20%; }
      .grid.no-gutters.medium-6 .cell {
        width: 16.666666%; } }
    @media (min-width: 1820px) {
      .grid.no-gutters.large-2 .cell {
        width: 50%; }
      .grid.no-gutters.large-3 .cell {
        width: 33.333333%; }
      .grid.no-gutters.large-4 .cell {
        width: 25%; }
      .grid.no-gutters.large-5 .cell {
        width: 20%; }
      .grid.no-gutters.large-6 .cell {
        width: 16.666666%; } }

.row [class*="w-"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .row [class*="w-"]:first-child {
    padding-left: 0; }
  @media (min-width: 680px) {
    .row [class*="w-"] {
      float: left;
      padding-left: 5%; } }

.w-10 {
  width: 10%; }

.w-15 {
  width: 15%; }

.w-20 {
  width: 20%; }

.w-25 {
  width: 25%; }

.w-30 {
  width: 30%; }

.w-35 {
  width: 35%; }

.w-40 {
  width: 40%; }

.w-45 {
  width: 45%; }

.w-50 {
  width: 50%; }

.w-55 {
  width: 55%; }

.w-60 {
  width: 60%; }

.w-65 {
  width: 65%; }

.w-70 {
  width: 70%; }

.w-75 {
  width: 75%; }

.w-80 {
  width: 80%; }

.w-85 {
  width: 85%; }

.w-90 {
  width: 90%; }

.w-95 {
  width: 95%; }

@media (min-width: 680px) {
  .small-w-10 {
    width: 10%; }

  .small-w-15 {
    width: 15%; }

  .small-w-20 {
    width: 20%; }

  .small-w-25 {
    width: 25%; }

  .small-w-30 {
    width: 30%; }

  .small-w-35 {
    width: 35%; }

  .small-w-40 {
    width: 40%; }

  .small-w-45 {
    width: 45%; }

  .small-w-50 {
    width: 50%; }

  .small-w-55 {
    width: 55%; }

  .small-w-60 {
    width: 60%; }

  .small-w-65 {
    width: 65%; }

  .small-w-70 {
    width: 70%; }

  .small-w-75 {
    width: 75%; }

  .small-w-80 {
    width: 80%; }

  .small-w-85 {
    width: 85%; }

  .small-w-90 {
    width: 90%; }

  .small-w-95 {
    width: 95%; }

  .small-w-100 {
    width: 100%; } }
@media (min-width: 1120px) {
  .medium-w-10 {
    width: 10%; }

  .medium-w-15 {
    width: 15%; }

  .medium-w-20 {
    width: 20%; }

  .medium-w-25 {
    width: 25%; }

  .medium-w-30 {
    width: 30%; }

  .medium-w-35 {
    width: 35%; }

  .medium-w-40 {
    width: 40%; }

  .medium-w-45 {
    width: 45%; }

  .medium-w-50 {
    width: 50%; }

  .medium-w-55 {
    width: 55%; }

  .medium-w-60 {
    width: 60%; }

  .medium-w-65 {
    width: 65%; }

  .medium-w-70 {
    width: 70%; }

  .medium-w-75 {
    width: 75%; }

  .medium-w-80 {
    width: 80%; }

  .medium-w-85 {
    width: 85%; }

  .medium-w-90 {
    width: 90%; }

  .medium-w-95 {
    width: 95%; }

  .medium-w-100 {
    width: 100%; } }
@media (min-width: 1820px) {
  .large-w-10 {
    width: 10%; }

  .large-w-15 {
    width: 15%; }

  .large-w-20 {
    width: 20%; }

  .large-w-25 {
    width: 25%; }

  .large-w-30 {
    width: 30%; }

  .large-w-35 {
    width: 35%; }

  .large-w-40 {
    width: 40%; }

  .large-w-45 {
    width: 45%; }

  .large-w-50 {
    width: 50%; }

  .large-w-55 {
    width: 55%; }

  .large-w-60 {
    width: 60%; }

  .large-w-65 {
    width: 65%; }

  .large-w-70 {
    width: 70%; }

  .large-w-75 {
    width: 75%; }

  .large-w-80 {
    width: 80%; }

  .large-w-85 {
    width: 85%; }

  .large-w-90 {
    width: 90%; }

  .large-w-95 {
    width: 95%; }

  .large-w-100 {
    width: 100%; } }
html {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-y: scroll; }

html, body {
  height: 100%; }

header, footer, section, blockquote {
  overflow: hidden; }

.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.w-100 {
  width: 100%; }

.stretch {
  padding-top: 20%;
  padding-bottom: 20%; }
  @media (min-width: 680px) {
    .stretch {
      padding-top: 0;
      padding-bottom: 0;
      height: 100%; } }

.fl {
  float: left; }

.fr {
  float: right; }

.con {
  width: 92%;
  max-width: 1100px;
  margin: 0 auto; }

.m-top {
  margin-top: 7%; }
  @media (min-width: 680px) {
    .m-top {
      margin-top: 6%; } }
  @media (min-width: 1120px) {
    .m-top {
      margin-top: 4%; } }

.m-bottom {
  margin-bottom: 7%; }
  @media (min-width: 680px) {
    .m-bottom {
      margin-bottom: 6%; } }
  @media (min-width: 1120px) {
    .m-bottom {
      margin-bottom: 4%; } }

.m-top-large {
    margin-top: 15%;
}

.m-bottom-large {
    margin-bottom: 15%;
}

.m-top-small {
    margin-top: 2%;
}

.m-bottom-small {
    margin-bottom: 2%;
}

.m-top-10 {
    margin-top: 10px;
}

.m-top-18 {
    margin-top: 18px;
}

.m-top-25 {
    margin-top: 25px;
}

.m-bottom-20 {
    margin-bottom: 20px
}

.p-top {
  padding-top: 18%; }
  @media (min-width: 680px) {
    .p-top {
      padding-top: 10%; } }
  @media (min-width: 1120px) {
    .p-top {
      padding-top: 7%; } }
  @media (min-width: 1820px) {
    .p-top {
      padding-top: 5%; } }

.p-bottom {
  padding-bottom: 18%; }
  @media (min-width: 680px) {
    .p-bottom {
      padding-bottom: 10%; } }
  @media (min-width: 1120px) {
    .p-bottom {
      padding-bottom: 7%; } }
  @media (min-width: 1820px) {
    .p-bottom {
      padding-bottom: 5%; } }


.p-top-small {
    padding-top: 5%;
}

.p-bottom-small {
    padding-bottom: 5%;
}

.p-bottom-30 {
     padding-bottom: 30px;
}

.p-bottom-50 {
    padding-bottom: 50px;
}

.p-top-p-15 {
    padding-top: 15%;
}

section.center h1, section.center h2, section.center h3, section.center h4, section.center h5, section.center h6, section.center p.big, section header.center h1, section header.center h2, section header.center h3, section header.center h4, section header.center h5, section header.center h6, section header.center p.big {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto; }

.magic-align-con {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .magic-align-con:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .magic-align-con .magic-align {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: -5px; }
    .magic-align-con .magic-align.skinny {
      width: 92%;
      max-width: 360px;
      margin-right: 0; }
    .magic-align-con .magic-align.fat {
      width: 92%;
      max-width: 860px;
      margin-right: 0; }

html {
  font-size: 95%; }

p {
  line-height: 155%; }

@media (min-width: 680px) {
  html {
    font-size: 100%; }

  p {
    line-height: 170%; } }
@media (min-width: 1120px) {
  html {
    font-size: 100%; }

  p {
    line-height: 185%; } }
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; }

h1.h-small, h2.h-small, h3.h-small, h4.h-small, h5.h-small, h6.h-small {
  font-size: 18px;
  font-size: 1.15rem;
  line-height: 1.4; }
h1.h-big, h2.h-big, h3.h-big, h4.h-big, h5.h-big, h6.h-big {
  font-size: 26px;
  font-size: 1.6rem;
  line-height: 1.4; }
h1.h-huge, h2.h-huge, h3.h-huge, h4.h-huge, h5.h-huge, h6.h-huge {
  font-size: 34px;
  font-size: 2.1rem;
  line-height: 1.2; }
h1.h-monster, h2.h-monster, h3.h-monster, h4.h-monster, h5.h-monster, h6.h-monster {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.5; }
h1.h-underline, h2.h-underline, h3.h-underline, h4.h-underline, h5.h-underline, h6.h-underline {
  display: inline-block;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0 0 7px 0;
  border-bottom: 2px solid; }
h1.h-thin, h2.h-thin, h3.h-thin, h4.h-thin, h5.h-thin, h6.h-thin {
  font-weight: 300;
  letter-spacing: 1px; }
h1.h-slab, h2.h-slab, h3.h-slab, h4.h-slab, h5.h-slab, h6.h-slab {
  font-weight: 700; }

p.small, span.small, small.small, address.small, strong.small {
  font-size: 14px;
  font-size: 0.85rem;
  line-height: 1.7; }
p.big, span.big, small.big, address.big, strong.big {
  font-size: 16px;
  font-size: 1.05rem;
  line-height: 1.6;
  margin-top: 10px; }

a, a:visited {
  text-decoration: none;
  color: #53b2e5; }
  a:hover, a:visited:hover {
    text-decoration: underline; }

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

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'entypo';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-small, .icon-large {
  display: inline-block;
  line-height: 0; }

.icon-small {
  font-size: 20px !important;
  margin-bottom: 12px; }

.icon-large {
  font-size: 40px !important; }

input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email],
input[type=search],
input[type=url],
input[type=datalist],
input[type=password],
textarea {
  padding: 12px;
  border: 1px solid;
  border-top: 1px solid;
  font-size: 11px;
  letter-spacing: 1px;
  font-weight: 500;
  -webkit-appearance: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type=submit] {
  line-height: 1; }

textarea {
  line-height: 1.6; }

input, select, textarea {
  /** Remove blue outline on focus **/
  outline: 0;
  /** Disable tap highlight on iOS **/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 1px;
  padding-bottom: 7px;
  cursor: default; }

.input-wrap {
  margin-bottom: 15px; }
  .input-wrap.icon {
    position: relative; }
    .input-wrap.icon input {
      padding-left: 32px; }
    .input-wrap.icon label {
      position: absolute;
      padding-left: 12px;
      line-height: 42px;
      font-size: 16px; }

@media (min-width: 680px) {
  form.comfy input[type=text],
  form.comfy input[type=url],
  form.comfy input[type=tel],
  form.comfy input[type=number],
  form.comfy input[type=color],
  form.comfy input[type=email],
  form.comfy input[type=search],
  form.comfy input[type=url],
  form.comfy input[type=datalist],
  form.comfy input[type=password],
  form.comfy textarea,
  form.comfy select {
    padding: 17px 16px 16px 16px;
    font-size: 12px; }
  form.comfy .input-wrap {
    margin-bottom: 20px; }
    form.comfy .input-wrap.icon input {
      padding-left: 39px; }
    form.comfy .input-wrap.icon label {
      padding-left: 14px;
      line-height: 53px;
      font-size: 18px; } }

.btn-mini, .btn-sml, .btn-big, .btn-huge {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px;
  /** Prevent click and drag text selection **/
  -webkit-user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /** Disable tap highlight on iOS **/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .btn-mini:hover, .btn-mini:focus, .btn-mini:active, .btn-sml:hover, .btn-sml:focus, .btn-sml:active, .btn-big:hover, .btn-big:focus, .btn-big:active, .btn-huge:hover, .btn-huge:focus, .btn-huge:active {
    text-decoration: none;
    outline: none; }

.btn-mini {
  font-size: 10px;
  padding: 10px 14px; }

.btn-sml {
  font-size: 11px;
  padding: 12px 17px; }

.btn-big {
  font-size: 12px;
  padding: 17px 25px; }

.btn-huge {
  font-size: 13px;
  padding: 23px 32px; }

.btn-hollow {
  background: none;
  border: 2px solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .btn-hollow.btn-accent {
    border-color: #53b2e5;
    color: #53b2e5; }
    .btn-hollow.btn-accent:hover, .btn-hollow.btn-accent:focus {
      border-color: #31343c;
      color: #31343c; }
  .btn-hollow.btn-complement {
    border-color: #fbbd39;
    color: #fbbd39; }
    .btn-hollow.btn-complement:hover, .btn-hollow.btn-complement:focus {
      border-color: #31343c;
      color: #31343c; }
  .btn-hollow.btn-base {
    border-color: #31343c;
    color: #31343c; }
    .btn-hollow.btn-base:hover, .btn-hollow.btn-base:focus {
      border-color: #53b2e5;
      color: #53b2e5; }
  .btn-hollow.btn-transparent {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.4);
    color: #fff;
    color: rgba(255, 255, 255, 0.85); }
    .btn-hollow.btn-transparent:hover, .btn-hollow.btn-transparent:focus {
      background: rgba(255, 255, 255, 0.05);
      color: #fff; }
    .skeuo .btn-hollow.btn-transparent {
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
      .skeuo .btn-hollow.btn-transparent:active {
        background: rgba(255, 255, 255, 0.05);
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }

.btn-solid {
  border: 2px solid; }
  .btn-solid:active {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset; }
  .btn-solid.btn-accent {
    background: #53b2e5;
    border-color: #53b2e5;
    color: #fff; }
    .btn-solid.btn-accent:hover, .btn-solid.btn-accent:focus {
      background: #69bce8;
      border-color: #69bce8; }
    .btn-solid.btn-accent:active {
      background: #53b2e5;
      border-color: #3da8e2;
      border-bottom-color: #53b2e5; }
    .skeuo .btn-solid.btn-accent {
      background-color: #53b2e5;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#53b2e5), to(#34a4e0));
      background-image: -webkit-linear-gradient(top, #53b2e5, #34a4e0);
      background-image: -moz-linear-gradient(top, #53b2e5, #34a4e0);
      background-image: -ms-linear-gradient(top, #53b2e5, #34a4e0);
      background-image: -o-linear-gradient(top, #53b2e5, #34a4e0);
      text-shadow: 0 -1px 0 #1c80b6;
      border: 1px solid #279ede;
      border-bottom-color: #1871a0;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 1px #95d0ef, inset 0 -1px rgba(0, 0, 0, 0.1); }
      .skeuo .btn-solid.btn-accent:hover, .skeuo .btn-solid.btn-accent:focus {
        background-color: #69bce8;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#69bce8), to(#34a4e0));
        background-image: -webkit-linear-gradient(top, #69bce8, #34a4e0);
        background-image: -moz-linear-gradient(top, #69bce8, #34a4e0);
        background-image: -ms-linear-gradient(top, #69bce8, #34a4e0);
        background-image: -o-linear-gradient(top, #69bce8, #34a4e0); }
      .skeuo .btn-solid.btn-accent:active {
        background: #34a4e0;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
        -webkit-transition: all 0;
        -moz-transition: all 0;
        -o-transition: all 0;
        transition: all 0; }
  .btn-solid.btn-complement {
    background: #fbbd39;
    border-color: #fbbd39;
    color: #fff; }
    .btn-solid.btn-complement:hover, .btn-solid.btn-complement:focus {
      background: #fcc552;
      border-color: #fcc552; }
    .btn-solid.btn-complement:active {
      background: #fbbd39;
      border-color: #fab520;
      border-bottom-color: #fbbd39; }
    .skeuo .btn-solid.btn-complement {
      background-color: #fbbd39;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbbd39), to(#fab116));
      background-image: -webkit-linear-gradient(top, #fbbd39, #fab116);
      background-image: -moz-linear-gradient(top, #fbbd39, #fab116);
      background-image: -ms-linear-gradient(top, #fbbd39, #fab116);
      background-image: -o-linear-gradient(top, #fbbd39, #fab116);
      text-shadow: 0 -1px 0 #ca8b04;
      border: 1px solid #faac07;
      border-bottom-color: #b17a04;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 1px #fdd684, inset 0 -1px rgba(0, 0, 0, 0.1); }
      .skeuo .btn-solid.btn-complement:hover, .skeuo .btn-solid.btn-complement:focus {
        background-color: #fcc552;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcc552), to(#fab116));
        background-image: -webkit-linear-gradient(top, #fcc552, #fab116);
        background-image: -moz-linear-gradient(top, #fcc552, #fab116);
        background-image: -ms-linear-gradient(top, #fcc552, #fab116);
        background-image: -o-linear-gradient(top, #fcc552, #fab116); }
      .skeuo .btn-solid.btn-complement:active {
        background: #fab116;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
        -webkit-transition: all 0;
        -moz-transition: all 0;
        -o-transition: all 0;
        transition: all 0; }
  .btn-solid.btn-base {
    background: #31343c;
    border-color: #31343c;
    color: #fff; }
    .btn-solid.btn-base:hover, .btn-solid.btn-base:focus {
      background: #3c404a;
      border-color: #3c404a; }
    .btn-solid.btn-base:active {
      background: #31343c;
      border-color: #26282e;
      border-bottom-color: #31343c; }
    .skeuo .btn-solid.btn-base {
      background-color: #31343c;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#31343c), to(#212328));
      background-image: -webkit-linear-gradient(top, #31343c, #212328);
      background-image: -moz-linear-gradient(top, #31343c, #212328);
      background-image: -ms-linear-gradient(top, #31343c, #212328);
      background-image: -o-linear-gradient(top, #31343c, #212328);
      text-shadow: 0 -1px 0 #030304;
      border: 1px solid #1a1c20;
      border-bottom-color: black;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 1px #535866, inset 0 -1px rgba(0, 0, 0, 0.1); }
      .skeuo .btn-solid.btn-base:hover, .skeuo .btn-solid.btn-base:focus {
        background-color: #3c404a;
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c404a), to(#212328));
        background-image: -webkit-linear-gradient(top, #3c404a, #212328);
        background-image: -moz-linear-gradient(top, #3c404a, #212328);
        background-image: -ms-linear-gradient(top, #3c404a, #212328);
        background-image: -o-linear-gradient(top, #3c404a, #212328); }
      .skeuo .btn-solid.btn-base:active {
        background: #212328;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
        -webkit-transition: all 0;
        -moz-transition: all 0;
        -o-transition: all 0;
        transition: all 0; }
  .btn-solid.btn-transparent {
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff; }
    .btn-solid.btn-transparent:hover, .btn-solid.btn-transparent:focus {
      background: rgba(255, 255, 255, 0.35); }
    .skeuo .btn-solid.btn-transparent {
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
      .skeuo .btn-solid.btn-transparent:active {
        background: rgba(255, 255, 255, 0.35);
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }

.accent .btn-solid.btn-subdue {
  background: #76c2ea;
  border-color: #76c2ea;
  color: #fff; }
  .accent .btn-solid.btn-subdue:hover, .accent .btn-solid.btn-subdue:focus {
    background: #7fc6ec;
    border-color: #7fc6ec; }
  .accent .btn-solid.btn-subdue:active {
    background: #76c2ea;
    border-color: #5cb6e6; }
  .skeuo .accent .btn-solid.btn-subdue {
    background-color: #76c2ea;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#76c2ea), to(#53b2e5));
    background-image: -webkit-linear-gradient(top, #76c2ea, #53b2e5);
    background-image: -moz-linear-gradient(top, #76c2ea, #53b2e5);
    background-image: -ms-linear-gradient(top, #76c2ea, #53b2e5);
    background-image: -o-linear-gradient(top, #76c2ea, #53b2e5);
    border: 1px solid #30a2e0;
    border-bottom-color: #1f90cd;
    box-shadow: inset 0 1px #95d0ef;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
    .skeuo .accent .btn-solid.btn-subdue:hover, .skeuo .accent .btn-solid.btn-subdue:focus {
      background-color: #7fc6ec;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7fc6ec), to(#53b2e5));
      background-image: -webkit-linear-gradient(top, #7fc6ec, #53b2e5);
      background-image: -moz-linear-gradient(top, #7fc6ec, #53b2e5);
      background-image: -ms-linear-gradient(top, #7fc6ec, #53b2e5);
      background-image: -o-linear-gradient(top, #7fc6ec, #53b2e5);
      border-color: #1f90cd; }
    .skeuo .accent .btn-solid.btn-subdue:active {
      background: #53b2e5;
      border-color: #1f90cd;
      box-shadow: none;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
      -webkit-transition: all 0;
      -moz-transition: all 0;
      -o-transition: all 0;
      transition: all 0; }
.accent .btn-hollow.btn-subdue {
  background: none;
  border-color: #acdaf2;
  color: #c2e4f6; }
  .accent .btn-hollow.btn-subdue:hover {
    border-color: #d8eef9;
    color: #eef7fc; }

.complement .btn-solid.btn-subdue {
  background: #fcca61;
  border-color: #fcca61;
  color: #fff; }
  .complement .btn-solid.btn-subdue:hover, .complement .btn-solid.btn-subdue:focus {
    background: #fcce6b;
    border-color: #fcce6b; }
  .complement .btn-solid.btn-subdue:active {
    background: #fcca61;
    border-color: #fbc043; }
  .skeuo .complement .btn-solid.btn-subdue {
    background-color: #fcca61;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcca61), to(#fbbd39));
    background-image: -webkit-linear-gradient(top, #fcca61, #fbbd39);
    background-image: -moz-linear-gradient(top, #fcca61, #fbbd39);
    background-image: -ms-linear-gradient(top, #fcca61, #fbbd39);
    background-image: -o-linear-gradient(top, #fcca61, #fbbd39);
    border: 1px solid #fab011;
    border-bottom-color: #e39c05;
    box-shadow: inset 0 1px #fdd684;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
    .skeuo .complement .btn-solid.btn-subdue:hover, .skeuo .complement .btn-solid.btn-subdue:focus {
      background-color: #fcce6b;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcce6b), to(#fbbd39));
      background-image: -webkit-linear-gradient(top, #fcce6b, #fbbd39);
      background-image: -moz-linear-gradient(top, #fcce6b, #fbbd39);
      background-image: -ms-linear-gradient(top, #fcce6b, #fbbd39);
      background-image: -o-linear-gradient(top, #fcce6b, #fbbd39);
      border-color: #e39c05; }
    .skeuo .complement .btn-solid.btn-subdue:active {
      background: #fbbd39;
      border-color: #e39c05;
      box-shadow: none;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
      -webkit-transition: all 0;
      -moz-transition: all 0;
      -o-transition: all 0;
      transition: all 0; }
.complement .btn-hollow.btn-subdue {
  background: none;
  border-color: #fdde9d;
  color: #fee7b6; }
  .complement .btn-hollow.btn-subdue:hover {
    border-color: #feefcf;
    color: #fff7e8; }

.base .btn-solid.btn-subdue {
  background: #434752;
  border-color: #434752;
  color: #fff; }
  .base .btn-solid.btn-subdue:hover, .base .btn-solid.btn-subdue:focus {
    background: #484c58;
    border-color: #484c58; }
  .base .btn-solid.btn-subdue:active {
    background: #434752;
    border-color: #363942; }
  .skeuo .base .btn-solid.btn-subdue {
    background-color: #434752;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#434752), to(#31343c));
    background-image: -webkit-linear-gradient(top, #434752, #31343c);
    background-image: -moz-linear-gradient(top, #434752, #31343c);
    background-image: -ms-linear-gradient(top, #434752, #31343c);
    background-image: -o-linear-gradient(top, #434752, #31343c);
    border: 1px solid #1a1c20;
    border-bottom-color: #030304;
    box-shadow: inset 0 1px #5f6574;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }
    .skeuo .base .btn-solid.btn-subdue:hover, .skeuo .base .btn-solid.btn-subdue:focus {
      background-color: #484c58;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#484c58), to(#31343c));
      background-image: -webkit-linear-gradient(top, #484c58, #31343c);
      background-image: -moz-linear-gradient(top, #484c58, #31343c);
      background-image: -ms-linear-gradient(top, #484c58, #31343c);
      background-image: -o-linear-gradient(top, #484c58, #31343c);
      border-color: #030304; }
    .skeuo .base .btn-solid.btn-subdue:active {
      background: #31343c;
      border-color: #030304;
      box-shadow: none;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
      -webkit-transition: all 0;
      -moz-transition: all 0;
      -o-transition: all 0;
      transition: all 0; }
.base .btn-hollow.btn-subdue {
  background: none;
  border-color: #5f6574;
  color: #6a7182; }
  .base .btn-hollow.btn-subdue:hover {
    border-color: #858b9b;
    color: #858b9b; }

.neutral .btn-solid.btn-subdue {
  background: white;
  border-color: white;
  color: #b3bdcc; }
  .neutral .btn-solid.btn-subdue:hover, .neutral .btn-solid.btn-subdue:focus {
    background: white;
    border-color: white; }
  .neutral .btn-solid.btn-subdue:active {
    background: white;
    border-color: #f6f7f9; }
  .skeuo .neutral .btn-solid.btn-subdue {
    background-color: white;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f0f2f5));
    background-image: -webkit-linear-gradient(top, white, #f0f2f5);
    background-image: -moz-linear-gradient(top, white, #f0f2f5);
    background-image: -ms-linear-gradient(top, white, #f0f2f5);
    background-image: -o-linear-gradient(top, white, #f0f2f5);
    border: 1px solid #e1e5eb;
    border-bottom-color: #cbd2dd;
    box-shadow: inset 0 1px white;
    text-shadow: 0 1px 0 #fff; }
    .skeuo .neutral .btn-solid.btn-subdue:hover, .skeuo .neutral .btn-solid.btn-subdue:focus {
      background-color: white;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#f0f2f5));
      background-image: -webkit-linear-gradient(top, white, #f0f2f5);
      background-image: -moz-linear-gradient(top, white, #f0f2f5);
      background-image: -ms-linear-gradient(top, white, #f0f2f5);
      background-image: -o-linear-gradient(top, white, #f0f2f5);
      border-color: #cbd2dd; }
    .skeuo .neutral .btn-solid.btn-subdue:active {
      background: #f0f2f5;
      border-color: #cbd2dd;
      box-shadow: none;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
      -webkit-transition: all 0;
      -moz-transition: all 0;
      -o-transition: all 0;
      transition: all 0; }
.neutral .btn-hollow.btn-subdue {
  background: none;
  border-color: #a3b0c2;
  color: #a3b0c2; }
  .neutral .btn-hollow.btn-subdue:hover {
    border-color: #7688a3;
    color: #7688a3; }

.white .btn-solid.btn-subdue {
  background: #bdc0c9;
  border-color: #bdc0c9;
  color: #858b9b; }
  .white .btn-solid.btn-subdue:hover, .white .btn-solid.btn-subdue:focus {
    background: #c2c5cd;
    border-color: #c2c5cd; }
  .white .btn-solid.btn-subdue:active {
    background: #bdc0c9;
    border-color: #afb3bd;
    border-bottom-color: #bdc0c9; }
  .skeuo .white .btn-solid.btn-subdue {
    background-color: #9ba0ad;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9ba0ad), to(#858b9b));
    background-image: -webkit-linear-gradient(top, #9ba0ad, #858b9b);
    background-image: -moz-linear-gradient(top, #9ba0ad, #858b9b);
    background-image: -ms-linear-gradient(top, #9ba0ad, #858b9b);
    background-image: -o-linear-gradient(top, #9ba0ad, #858b9b);
    border: 1px solid #6f7688;
    border-bottom-color: #535866;
    box-shadow: inset 0 1px #afb3bd;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    color: #fff; }
    .skeuo .white .btn-solid.btn-subdue:hover, .skeuo .white .btn-solid.btn-subdue:focus {
      background-color: #a1a5b2;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a1a5b2), to(#858b9b));
      background-image: -webkit-linear-gradient(top, #a1a5b2, #858b9b);
      background-image: -moz-linear-gradient(top, #a1a5b2, #858b9b);
      background-image: -ms-linear-gradient(top, #a1a5b2, #858b9b);
      background-image: -o-linear-gradient(top, #a1a5b2, #858b9b);
      border-color: #535866; }
    .skeuo .white .btn-solid.btn-subdue:active {
      background: #858b9b;
      border-color: #535866;
      box-shadow: none;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
      -webkit-transition: all 0;
      -moz-transition: all 0;
      -o-transition: all 0;
      transition: all 0; }
.white .btn-hollow.btn-subdue {
  background: none;
  border-color: #858b9b;
  color: #858b9b; }
  .white .btn-hollow.btn-subdue:hover {
    border-color: #31343c;
    color: #31343c; }

.btn-disabled, .btn-sml[disabled], .btn-big[disabled], .btn-huge[disabled] {
  background: #e1e4e9 !important;
  box-shadow: none !important;
  border-color: #e1e4e9 !important;
  text-shadow: none !important;
  color: #b6bbc8 !important;
  cursor: default; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  position: absolute; }

.base .arrow-down {
  border-top: 15px solid #3c404a; }

.white .arrow-down {
  border-top: 15px solid #f0f2f5; }

.gray .arrow-down {
  border-top: 15px solid #f0f2f5; }

.accent .arrow-down {
  border-top: 15px solid #72c0ea !important; }

.neutral .arrow-down {
  border-top: 15px solid white !important; }

.complement .arrow-down {
  border-top: 15px solid #fcc552 !important; }

.fill {
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img.border {
  padding: 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -khtml-border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.transitions a, .transitions a:visited, .transitions button, .transitions input {
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s; }

.rounded {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -khtml-border-radius: 3px; }

hr {
  margin: 0; }

hr.ribbon {
  border: 0;
  height: 2px;
  background-image: -webkit-linear-gradient(left, rgba(240, 242, 245, 0), #f0f2f5, rgba(240, 242, 245, 0));
  background-image: -moz-linear-gradient(left, rgba(240, 242, 245, 0), #f0f2f5, rgba(240, 242, 245, 0));
  background-image: -ms-linear-gradient(left, rgba(240, 242, 245, 0), #f0f2f5, rgba(240, 242, 245, 0));
  background-image: -o-linear-gradient(left, rgba(240, 242, 245, 0), #f0f2f5, rgba(240, 242, 245, 0)); }

hr.chiseled {
  border: 0;
  border-top: 1px solid #030304;
  border-bottom: 1px solid #4d515e; }

.logo.text {
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  margin-top: 18px; }
  @media (min-width: 680px) {
    .logo.text {
      margin-top: 23px; } }
  @media (min-width: 1120px) {
    .logo.text {
      margin: 40px 0; } }
.logo.image {
  text-indent: -9999px;
  background-repeat: no-repeat;
  background: url("https://static.commando.io/img/commando-logo-notag.svg");
  width: 232px;
  height: 50px;
  background-size: 232px 50px; }

.neutral .logo.text {
  color: #94a2b8; }

.white .logo.text {
  color: #31343c; }

.simple-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  padding: 20px 0 20px 0;
  position: fixed;
  top: 0;
  width: 100%;
  background: #ffffff !important;
  border-bottom: 1px solid #e3e3e3 !important;
}

.no-fixed-header {
  position: absolute !important;
  background: #ffffff !important;
  border-bottom: none !important;
}

  .simple-header .logo {
    float: left; }
  .simple-header a:hover, .simple-header a:visited:hover {
    text-decoration: none; }
  .simple-header .menu-trigger {
    float: right;
    height: 34px;
    width: 32px;
    margin: 8px 0 0 0;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 34px;
    font-size: 26px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -khtml-border-radius: 2px; }
    @media (min-width: 680px) {
      .simple-header .menu-trigger {
        margin: 8px 0 0 0; } }
    @media (min-width: 1120px) {
      .simple-header .menu-trigger {
        display: none; } }
  .simple-header nav {
    display: none;
    clear: both; }
    .simple-header nav.show {
      display: block; }
    .simple-header nav a, .simple-header nav a:visited {
      display: block;
      padding: 17px 5%;
      margin: 0 -5%;
      font-size: 11px;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1px; }
      .simple-header nav a:hover, .simple-header nav a:visited:hover {
        color: #fff; }
    @media (min-width: 1120px) {
      .simple-header nav {
        display: block;
        clear: none;
        float: right;
        margin-top: 20px; }
        .simple-header nav a, .simple-header nav a:visited {
          float: left;
          margin: 0 0 0 30px;
          padding: 0; } }
  .simple-header.base nav a, .simple-header.base nav a:visited {
    color: #6a7182; }
    .simple-header.base nav a:hover, .simple-header.base nav a:visited:hover {
      color: #fff; }
    .simple-header.base nav a:active, .simple-header.base nav a:visited:active {
      background: #3a3e47;
      color: #fff; }
  .simple-header.accent nav a, .simple-header.accent nav a:visited {
    color: #c2e4f6; }
    .simple-header.accent nav a:hover, .simple-header.accent nav a:visited:hover {
      color: #fff; }
    .simple-header.accent nav a:active, .simple-header.accent nav a:visited:active {
      background: #65bae8;
      color: #fff; }
  .simple-header.complement nav a, .simple-header.complement nav a:visited {
    color: #fee7b6; }
    .simple-header.complement nav a:hover, .simple-header.complement nav a:visited:hover {
      color: #fff; }
    .simple-header.complement nav a:active, .simple-header.complement nav a:visited:active {
      background: #fbc44d;
      color: #fff; }
  .simple-header.neutral nav a, .simple-header.neutral nav a:visited {
    color: #a3b0c2; }
    .simple-header.neutral nav a:hover, .simple-header.neutral nav a:visited:hover {
      color: #31343c; }
    .simple-header.neutral nav a:active, .simple-header.neutral nav a:visited:active {
      background: #fcfdfd;
      color: #31343c; }
  .simple-header.white nav a, .simple-header.neutral nav a:visited {
    color: #858b9b; }
    .simple-header.white nav a:hover, .simple-header.neutral nav a:visited:hover {
      color: #31343c; }
    .simple-header.white nav a:active, .simple-header.neutral nav a:visited:active {
      background: #fcfdfd;
      color: #31343c; }

.hero-twin h1 {
  margin: 35px 0 5px 0;
  max-width: 400px; }
.hero-twin p {
  margin-bottom: 30px;
  max-width: 400px; }
  @media (min-width: 1120px) {
    .hero-twin p {
      margin-bottom: 50px; } }
.hero-twin img {
  width: 100%;
  margin-top: 40px; }
  @media (min-width: 680px) {
    .hero-twin img {
      margin: 0; } }
.hero-twin div:last-child {
  position: relative; }

.mobile-feature .h-underline {
  margin: 0 0 40px 0; }
  @media (min-width: 1120px) {
    .mobile-feature .h-underline {
      margin: 60px 0 40px 0; } }
.mobile-feature .h-big, .mobile-feature .h-slab {
  margin-bottom: 30px; }
.mobile-feature p {
  margin-bottom: 20px; }

.team img {
  width: 100%; }
.team span {
  display: block;
  white-space: nowrap; }

.notifications div {
  display: inline-block;
  margin: 0 3px; }
.notifications .input-wrap {
  width: 250px;
  position: relative;
  top: 2px;
  margin-bottom: 20px; }
  @media (min-width: 680px) {
    .notifications .input-wrap {
      margin-bottom: 0 !important; } }

.simple-footer {
  text-align: center; }
  @media (min-width: 680px) {
    .simple-footer {
      text-align: left; } }
  .simple-footer small {
    display: block;
    margin-bottom: 20px;
    line-height: 1; }
    @media (min-width: 680px) {
      .simple-footer small {
        float: left;
        margin: 0; } }
  @media (min-width: 680px) {
    .simple-footer nav {
      float: right; } }
  .simple-footer nav ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 680px) {
      .simple-footer nav ul li {
        float: left;
        margin-left: 40px;
        line-height: 30px; } }
    .simple-footer nav ul li:last-child a {
      padding-bottom: 0; }
  .simple-footer nav a, .simple-footer nav a:visited {
    display: block;
    padding: 15px 0;
    font-size: 11px;
    text-transform: uppercase;
    color: #858b9b;
    font-weight: 700;
    letter-spacing: 1px; }
    @media (min-width: 680px) {
      .simple-footer nav a, .simple-footer nav a:visited {
        padding: 0; } }
    .simple-footer nav a:hover, .simple-footer nav a:visited:hover {
      color: #535866;
      text-decoration: none; }
  .simple-footer.accent a, .simple-footer.accent a:visited {
    color: #eef7fc; }
  .simple-footer.complement a, .simple-footer.complement a:visited {
    color: #fdde9d; }
  .simple-footer.base a:hover, .simple-footer.base a:visited:hover, .simple-footer.accent a:hover, .simple-footer.accent a:visited:hover, .simple-footer.complement a:hover, .simple-footer.complement a:visited:hover {
    color: #fff; }

.hero-centered { }
  .hero-centered h2 {
    margin-top: 10px; }
  .hero-centered img {
    width: 100%;
    max-width: 880px; }

.testimonials-bubble .fill {
  position: relative; }
  .testimonials-bubble .fill .arrow-down {
    position: absolute;
    bottom: -15px;
    left: 73px; }
.testimonials-bubble footer {
  margin-top: 20px;
  line-height: 75px; }
  .testimonials-bubble footer img {
    width: 75px;
    height: 75px;
    margin-right: 20px;
    float: left; }

.pricing .cell {
  float: none !important;
  position: relative;
  width: 100%;
  max-width: 350px;
  margin-left: auto !important;
  margin-right: auto !important; }
  .pricing .cell:first-child {
    margin-top: 0; }
  @media (min-width: 680px) {
    .pricing .cell {
      display: inline-block;
      border-left: 2px solid;
      border-right: 2px solid;
      margin-right: -4px !important; }
      .pricing .cell:first-child {
        border-left: 0; }
      .pricing .cell:last-child {
        border-right: 0; }
      .pricing .cell.recommended {
        border-width: 4px;
        border: 4px dashed #53b2e5;
        z-index: 999; } }
.pricing .recommended-graphic {
  display: none;
  height: 0;
  width: 91px;
  border-bottom: 45px solid #53b2e5;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  color: #fff;
  line-height: 45px;
  position: absolute;
  top: 25px;
  left: -44px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  cursor: default; }
  @media (min-width: 680px) {
    .pricing .recommended-graphic {
      width: 91px;
      border-bottom: 35px solid #53b2e5;
      border-left: 35px solid transparent;
      border-right: 35px solid transparent;
      line-height: 35px;
      top: 27px;
      left: -38px; } }
  @media (min-width: 1120px) {
    .pricing .recommended-graphic {
      width: 91px;
      border-bottom: 45px solid #53b2e5;
      border-left: 45px solid transparent;
      border-right: 45px solid transparent;
      line-height: 45px;
      top: 25px;
      left: -44px; } }
.pricing .recommended .recommended-graphic {
  display: block; }
.pricing .price {
  display: inline-block;
  font-size: 48px;
  font-size: 3.0rem;
  font-weight: 700;
  margin-top: 5%;
  margin-bottom: 5%; }
  @media (min-width: 1120px) {
    .pricing .price {
      font-size: 51px;
      font-size: 3.2rem; } }
.pricing ul {
  list-style: none;
  margin: 0 0 23px 0;
  padding: 0;
  overflow: hidden; }
  .pricing ul li {
    font-size: 14px;
    overflow: hidden;
    padding: 7px 0; }
.skeuo .pricing ul li {
  border-top: 1px solid;
  border-bottom: 1px solid; }
  .skeuo .pricing ul li:first-child {
    border-top: 0;
    padding-top: 0; }
  .skeuo .pricing ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0; }

.lonely-authentication .checkbox {
  display: inline-block; }
.lonely-authentication .checkboxLabel {
  display: inline-block;
  margin: 0 5px 0 5px;
  text-transform: none;
  padding: 0;
  font-size: 13px;
  font-weight: normal; }
.lonely-authentication .logo {
  display: inline-block;
  margin: 0 0 50px 0; }
  .lonely-authentication .logo:hover {
    text-decoration: none; }

section.pricing .promo {
    font-size: 12px;
    font-size: 1.0em;
    margin-top: 3%;
    color: #53b2e5;
    font-weight: bold;
    text-transform: uppercase;
}

.cta p, .cta a {
  margin: 10px 0; }
  @media (min-width: 680px) {
    .cta p, .cta a {
      display: inline-block;
      margin: 0 5px; } }

.modal-container {
    display: none;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.85);
}

.modal {
    display: inline-block;
    position: relative;
    width: 80%;
    height: 80%;
    top: 10%;
    padding: 25px 25px 25px 25px;
    background: #f0f2f5;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-width: 873px;
    max-height: 514px;
}

.overview-video-content {
    height: 100%;
}

iframe#overview-video {
    width: 100%;
    height: 100%;
}

#overview-video-container a.close, #overview-video-container a.close:hover {
    font-size: 22px;
    font-size: 1.6rem;
    text-decoration: none;
    color: #e9e9e9;
    position: absolute;
    right: -13px;
    top: -15px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 25px;
    background-color: #31343c;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    border: 2px solid #e9e9e9;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.8);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.8);
    box-shadow: 0 1px 1px rgba(0,0,0, 0.8);
}

#overview-video-container a.close:hover {
  color: #ffffff;
  border: 2px solid #ffffff;
}

a.cursor-pointer {
    cursor: pointer;
}

input.error, select.error {
    border-color: #DB7474 !important;
    border-left: 5px solid #DB7474 !important;
    color: #b94a48 !important;
}

.icon-play-overview-video {
    position: absolute;
    top: 38%;
    left: 46%;
    font-size: 128px !important;
    font-size: 8.0rem !important;
    color: rgba(0, 0, 0, 0.20);
    padding-left: 0 !important;
}

.icon-play-overview-video:hover {
    color: rgba(0, 0, 0, 0.30);
}

.small-w-35 .link-overview-video {
    padding-left: 32px;
}

.link-do-video-text {
    display: block;
}

.link-do-video:hover {
    text-decoration: none;
}

.blue {
    color: #53b2e5;
}

header.simple-header {
    z-index: 9999;
}

header.fixed {
    position: fixed;
    width: 100%;
    border-bottom: 3px solid #53b2e5;
}

footer small.legal {
    font-weight: 200;
    font-size: 14px;
    font-size: 0.85rem;
    line-height: 1.5;
}

#logos-section {
    padding-bottom: 2% !important;
}

#logos-section img {
    margin-right: 50px;
    margin-bottom: 30px;
}

#logos-section img.no-right-margin {
    margin-right: 0;
}

.img-polaroid {
    padding: 2px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

#security-section h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.9;
}

.strike {
    text-decoration: line-through;
}

.simple-header nav a.divider {
    height: 35px;
    border-left: 1px solid #dddddd;
    margin-top: -11px;
}

@media (max-width: 1119px) {
    .simple-header nav a.divider {
        display: none !important;
        height: 0 !important;
        border-left: none !important;
        margin-top: 0 !important;
    }
}

.simple-header nav a.log-in {
    padding: 5px 7px 5px 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: -7px;
    color: #ffffff;
}

@media (max-width: 1119px) {
    .simple-header nav a.log-in, .simple-header nav a.sign-up {
        padding: 15px 5% !important;
        margin-top: 5px !important;;
        margin-left: -5% !important;;
    }
}

.simple-header nav a.log-in:hover {
    color: #ffffff;
}

.simple-header nav a.log-in:active {
    background: #3c404a;
    color: #ffffff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-color: #3c404a;
}

.simple-header nav a.sign-up {
    padding: 5px 7px 5px 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    margin-top: -7px;
    margin-left: 10px;
}

.simple-header nav a.sign-up:hover {
    color: #ffffff;
}

.simple-header nav a.sign-up:active {
    background: #69bce8;
    color: #ffffff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-color: #69bce8;
}

#testimonials-bubble footer.img {
    width: 75px;
}

#provider-integrations-section img.provider-logo {
    width: 100px;
}

.lookup-account ::-webkit-input-placeholder {
    color: #d0d0d0 !important;
}

.lookup-account :-moz-placeholder {
    color: #d0d0d0 !important;
}

.lookup-account ::-moz-placeholder {
    color: #d0d0d0 !important;
}

.lookup-account :-ms-input-placeholder {
    color: #d0d0d0 !important;
}

.heart {
    padding: 0 2px;
}

div.response-box {
    padding: 20px;
}

div.response-box-error {
    border: 1px solid #999999;
    background-color: #484c58;
    color: #e7e8eb;
    line-height: 1.4em;
}

div.response-box-success {
    border: 1px solid #999999;
    background-color: #484c58;
    color: #e7e8eb;
}

#whats-new-section {
    padding: 20px 0 20px 0;
    font-size: 14px;
    font-size: 1.1em;
}

#whats-new-section span.new {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    display: inline-block;
    padding: 4px 8px;
    color: white;
    margin-right: 8px;
    background-color: #53b2e5;
    text-transform: uppercase;
}

#whats-new-section a {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: 12px;
    font-size: 0.8rem;
}

#howitworks-section .coming-soon {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    display: inline-block;
    padding: 4px 8px;
    color: white;
    margin-right: 8px;
    background-color: #31343c;
    text-transform: uppercase;
    margin-left: 6px;
    font-size: 70%;
    line-height: 100%;
}

h1 span.typed {
    font-weight: bold;
}

.hero-centered header h3 {
    line-height: 1.5em !important;
}

.hero-centered.dark-camo {
    background: url("https://static.commando.io/img/dark-camo.jpg") center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

::-webkit-input-placeholder {
   color: #31343c !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #31343c !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #31343c !important;
}

:-ms-input-placeholder {
   color: #31343c !important;
}

#typed-cursor {
  opacity: 1;
  font-weight: 100;
  -webkit-animation: blink 0.9s infinite;
  -moz-animation: blink 0.9s infinite;
  -ms-animation: blink 0.9s infinite;
  -o-animation: blink 0.9s infinite;
  animation: blink 0.9s infinite; }

@-keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-ms-keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 50px;
    padding: 0;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    overflow: visible !important;
    position: relative !important;
    height: 20px !important;

    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../img/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 15px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #cccccc;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 8px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #31343c;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../img/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../img/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

#tools-section i {
    font-size: 5rem;
    display: block;
    margin-bottom: 1rem;
}

#tools-section a {
    color: #777B87;
}

#tools-section a:hover {
    color: #777B87;
    text-decoration: none;
}

.guitar {
    width: 16px;
}

small.legal p a {
    font-weight: 600;
    font-size: .9em;
}

small.legal p a:not(:last-child) {
    margin-right: 12px;
}

#privacy-policy, #terms-of-service {
    width: 100%;
    height: 80vh;
    font-size: .8em;
}