/*
Version: 1.0
Author: Samuel Hulick
Author URI: http://samuelhulick.com
*/
/* ============================================
  VARIABLES, MIXINS & IMPORTS
============================================ */
a.button {
  border: 2px solid #186092;
  border-top-color: #3297de;
  background-color: #3297de;
  background-image: -webkit-linear-gradient(top, #5eade5, #1f7cbe);
  color: #fff;
  text-shadow: 0 1px 1px #222;
  font-size: 1.1em;
  outline: none;
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: .4em;
  margin: 0 auto; }
  a.button:hover, a.button:focus {
    border-color: #444444;
    border-top-color: #777; }
  a.button:hover {
    border: 2px solid #14517c;
    border-top-color: #228bd4;
    background-color: #228bd4;
    background-image: -webkit-linear-gradient(top, #48a2e2, #1b6ea8);
    color: #fff;
    text-shadow: 0 1px 1px #222;
    font-size: 1.1em; }
    a.button:hover:hover, a.button:hover:focus {
      border-color: #444444;
      border-top-color: #777; }

/* RESET */
/* Global reset  (based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui) */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul, li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

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

abbr, acronym {
  border: 0; }

/* The below restores some sensible defaults */
strong, .bold {
  font-weight: bold; }

em, .italic {
  font-style: italic;
  font-weight: inherit; }

th {
  text-align: center; }

ol, ul {
  margin-left: 2em; }

ol li {
  list-style: decimal; }

ul li {
  list-style: disc; }

a {
  text-decoration: none; }

a img {
  border: none; }

/* Gets rid of IE's blue borders */
img {
  vertical-align: bottom; }

/* Sits images at the bottom of their focus outline */
.alignright {
  float: right;
  margin: 0 0 1em 1em; }

.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

.aligncenter {
  margin: 1em auto; }

.halfsies {
  float: left;
  width: 50%; }

textarea {
  resize: vertical;
  max-width: 100%; }

input[type="submit"] {
  cursor: pointer; }

.clear {
  clear: both; }

.js-only, .js-hidden, .spanless span {
  display: none; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .clearfix {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1; }

/* IE7 */
.centerer {
  position: relative;
  overflow: hidden; }

.centerer > div {
  float: left;
  position: relative;
  left: 50%; }

.centerer > div > * {
  float: left;
  position: relative;
  left: -50%; }

hr {
  clear: both; }

img {
  max-width: 100% !important; }

@media screen and (max-width: 769px) {
  /*
  body {
    max-width: 320px;
    margin: 0 auto;
    outline: 1px solid green;
  }
  */
  body.mobile-width {
    min-width: 1000px; }

  /* ============================================
    HEADER STYLES
  ============================================ */
  #header h1 {
    background-position: 100% 4px;
    background-size: 42px 42px;
    min-height: 46px; }
    #header h1 a {
      padding-top: 14px;
      font-size: 1.4em; }
  #header ul {
    margin-right: -10px;
    margin-bottom: 0; }
    #header ul li {
      margin-bottom: 0; }
      #header ul li a {
        padding: 10px 10px 15px 10px;
        font-size: .6em; }

  /* ============================================
    HOME STYLES
  ============================================ */
  #home-list li {
    font-size: 1.4em; }
    #home-list li a {
      padding-bottom: 20px;
      padding-left: 60px; }
      #home-list li a img {
        top: 8px;
        width: 50px; }

  /* ============================================
    SLIDESHOW STYLES
  ============================================ */
  #smallscreen-message {
    border: 1px solid #3297de;
    border-radius: .6em;
    background-color: #e2f0fa;
    font-size: .5em;
    padding: 6px 10px;
    margin-bottom: 20px;
    max-width: 480px; }

  #slideshow-controls #slideshow-prev {
    left: 0; }
  #slideshow-controls #slideshow-next {
    right: 0; } }
@media screen and (min-width: 770px) {
  /* ============================================
    HEADER STYLES
  ============================================ */
  #header {
    padding-top: 20px;
    padding-bottom: 60px; }
    #header h1 {
      margin-left: -6px;
      background-position: 100% 20px; }
      #header h1 a {
        padding-top: 20px;
        padding-right: 90px;
        font-size: 4em; }
    #header ul {
      margin-right: -20px; }
      #header ul li a {
        padding: 15px 20px; }

  /* ============================================
    HOME STYLES
  ============================================ */
  #home-list li {
    font-size: 2.2em; }
    #home-list li a {
      padding-bottom: 40px;
      padding-left: 120px; }
      #home-list li a img {
        top: 12px; }

  /* ============================================
    SLIDESHOW STYLES
  ============================================ */
  #smallscreen-message {
    display: none; }

  #slideshow-controls #slideshow-prev {
    left: -12px; }
  #slideshow-controls #slideshow-next {
    right: -12px; }

  #elements-user-onboarding-guide form input {
    display: block;
    font-size: 1.2em;
    border: none;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 100 !important;
    margin: 6px auto; }
    #elements-user-onboarding-guide form input[type=email] {
      outline: none;
      border: 2px solid #3297de;
      margin-bottom: 10px; }
    #elements-user-onboarding-guide form input[type=submit] {
      background-color: #3297de;
      color: #fff;
      outline: none;
      padding: 6px 20px;
      border-bottom: 4px solid #1b6ea8;
      font-weight: 100;
      text-shadow: 0 -1px 0 #1b6ea8;
      font-size: 1.3em; }
      #elements-user-onboarding-guide form input[type=submit]:hover {
        background-color: #2188d0;
        border-bottom: 4px solid #155785;
        text-shadow: none; } }
/* ============================================
  STRUCTURE STYLES
============================================ */
#header, .content > div, #footer {
  max-width: 840px;
  margin: 0 auto; }

#body {
  clear: both; }

/* ============================================
  TYPOGRAPHY STYLES
============================================ */
html {
  color: #333;
  font-family: sans-serif;
  font-size: 16pt;
  font-weight: 100;
  line-height: 1.4em; }

body {
  padding: 0 10px;
  /*
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
  */ }

h2, h3, p, li {
  font-weight: 100;
  line-height: 1.4em;
  margin-bottom: 20px; }

h2 {
  margin-top: 40px;
  font-size: 2em;
  line-height: 1.2em; }

h3 {
  font-size: 1.5em; }

ul, ol {
  margin: 0 0 1.4em 1em; }
  ul li, ol li {
    margin-bottom: 1em; }

ol {
  margin-left: 2em; }

a {
  color: #3297de;
  text-decoration: underline; }
  a:hover {
    text-decoration: none; }

form {
  margin: 0; }

.fineprint {
  font-size: .6em; }

/* ============================================
  HEADER STYLES
============================================ */
#header {
  border-top: 1px solid transparent; }
  #header h1 {
    font-weight: 100;
    background-image: url(imgs/useronboard-logo.png); }
    #header h1 a {
      display: block;
      line-height: 1em;
      color: #404040;
      text-decoration: none; }
      #header h1 a:hover {
        color: black; }
    #header h1 span {
      display: block;
      padding-top: 20px;
      text-align: right;
      font-size: .9em;
      color: #3297de;
      line-height: 1.2em; }
  #header ul {
    float: right; }
    #header ul li {
      float: left;
      list-style: none; }
      #header ul li a {
        display: block;
        text-decoration: none;
        opacity: 1; }
        #header ul li a:hover, #header ul li a.youarehere {
          opacity: .8;
          text-decoration: underline;
          color: #333; }
        #header ul li a.youarehere {
          font-weight: 400;
          text-decoration: none; }

/* ============================================
  HOME STYLES
============================================ */
#home-list {
  margin-left: 0; }
  #home-list li {
    list-style: none;
    margin-bottom: 0; }
    #home-list li a {
      display: block;
      position: relative;
      text-decoration: none;
      opacity: .6;
      -webkit-transition: opacity .4s; }
      #home-list li a img {
        position: absolute;
        top: 8px;
        left: 0;
        box-shadow: 0 1px 0px 1px #b3b3b3; }
      #home-list li a:hover {
        opacity: 1;
        -webkit-transition: opacity .2s; }
  #home-list > a {
    /*     opacity: .6; */ }

#home a {
  text-decoration: none; }
  #home a:hover {
    text-decoration: underline; }

/* ============================================
  TEARDOWN STYLES
============================================ */
#teardown #teardown-intro h3 {
  font-size: .9em; }
  #teardown #teardown-intro h3 a {
    font-size: 1.4em;
    text-decoration: none; }
    #teardown #teardown-intro h3 a:hover {
      text-decoration: underline; }
  #teardown #teardown-intro h3 span {
    font-size: .8em; }
#teardown p {
  line-height: 1.5em; }
#teardown h2 {
  margin: 40px, 0; }

/* ============================================
  SLIDESHOW STYLES
============================================ */
#slideshow-controls {
  position: relative;
  text-align: center;
  padding-bottom: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #slideshow-controls #slideshow-prev, #slideshow-controls #slideshow-next {
    position: absolute;
    z-index: 100;
    display: block;
    top: 0;
    width: 40px;
    height: 40px;
    font-size: 4em;
    cursor: pointer;
    color: #3297de; }
    #slideshow-controls #slideshow-prev:hover, #slideshow-controls #slideshow-next:hover {
      color: #186092; }
    #slideshow-controls #slideshow-prev.disabled, #slideshow-controls #slideshow-prev.disabled:hover, #slideshow-controls #slideshow-next.disabled, #slideshow-controls #slideshow-next.disabled:hover {
      color: #e6e6e6;
      cursor: default; }
  #slideshow-controls #slideshow-count {
    padding-top: 6px; }
    #slideshow-controls #slideshow-count #slideshow-current {
      display: block;
      float: left;
      border: 1px solid #e6e6e6;
      border-radius: 2px;
      width: 32px;
      font-size: 14pt;
      font-weight: 100;
      font-family: sans-serif;
      padding: 2px 4px;
      text-align: center; }
      #slideshow-controls #slideshow-count #slideshow-current:focus {
        outline: none; }

#slideshow-slides {
  position: relative;
  border-top: 1px solid transparent;
  max-width: 100%;
  text-align: center;
  margin-bottom: 20px; }
  #slideshow-slides ol {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
    overflow: hidden; }
    #slideshow-slides ol li {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      list-style: none; }
      #slideshow-slides ol li .interactive {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  #slideshow-slides > img {
    margin: -1px;
    border: 2px solid #ccc; }
  #slideshow-slides img {
    border-radius: 8px;
    background-color: #3297df; }

#slideshow-slides img.zoomImg {
  max-width: none !important; }

#modal, #modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  #modal#modal-bg, #modal-bg#modal-bg {
    opacity: .6;
    background-color: black; }
  #modal#modal #end-of-slides-modal, #modal-bg#modal #end-of-slides-modal {
    width: 50%;
    max-width: 450px;
    padding: 40px;
    border: 2px solid #3297de;
    border-radius: 40px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 6%;
    text-align: left; }
    #modal#modal #end-of-slides-modal h3, #modal-bg#modal #end-of-slides-modal h3 {
      margin-top: 0;
      text-align: center; }
    #modal#modal #end-of-slides-modal form, #modal-bg#modal #end-of-slides-modal form {
      text-align: center;
      padding-bottom: 30px; }
      #modal#modal #end-of-slides-modal form label, #modal-bg#modal #end-of-slides-modal form label {
        display: block;
        font-size: .8em;
        color: #1f7cbe;
        font-weight: 400; }
      #modal#modal #end-of-slides-modal form input, #modal-bg#modal #end-of-slides-modal form input {
        font-size: 1.4em;
        border: 0;
        border-radius: .2em;
        padding: 8px 10px; }
        #modal#modal #end-of-slides-modal form input[type=email], #modal-bg#modal #end-of-slides-modal form input[type=email] {
          width: 450px;
          max-width: 90%;
          margin-bottom: 18px;
          border: 2px solid #b3b3b3;
          background-color: #fafafa; }
        #modal#modal #end-of-slides-modal form input[type=submit], #modal-bg#modal #end-of-slides-modal form input[type=submit] {
          border: 2px solid #186092;
          border-top-color: #3297de;
          background-color: #3297de;
          background-image: -webkit-linear-gradient(top, #5eade5, #1f7cbe);
          color: #fff;
          text-shadow: 0 1px 1px #222;
          font-size: 1.1em; }
          #modal#modal #end-of-slides-modal form input[type=submit]:hover, #modal#modal #end-of-slides-modal form input[type=submit]:focus, #modal-bg#modal #end-of-slides-modal form input[type=submit]:hover, #modal-bg#modal #end-of-slides-modal form input[type=submit]:focus {
            border-color: #444444;
            border-top-color: #777; }
          #modal#modal #end-of-slides-modal form input[type=submit]:hover, #modal-bg#modal #end-of-slides-modal form input[type=submit]:hover {
            border: 2px solid #14517c;
            border-top-color: #228bd4;
            background-color: #228bd4;
            background-image: -webkit-linear-gradient(top, #48a2e2, #1b6ea8);
            color: #fff;
            text-shadow: 0 1px 1px #222;
            font-size: 1.1em; }
            #modal#modal #end-of-slides-modal form input[type=submit]:hover:hover, #modal#modal #end-of-slides-modal form input[type=submit]:hover:focus, #modal-bg#modal #end-of-slides-modal form input[type=submit]:hover:hover, #modal-bg#modal #end-of-slides-modal form input[type=submit]:hover:focus {
              border-color: #444444;
              border-top-color: #777; }
        #modal#modal #end-of-slides-modal form input:focus, #modal-bg#modal #end-of-slides-modal form input:focus {
          outline: none;
          border-color: #777; }
    #modal#modal #end-of-slides-modal .fineprint, #modal-bg#modal #end-of-slides-modal .fineprint {
      margin-bottom: 0;
      margin-left: 2.2em;
      text-indent: -2.2em; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 9999; }
  .modal .modal-bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #333;
    opacity: .6; }
  .modal .modal-content {
    position: absolute;
    width: 50%;
    max-width: 450px;
    padding: 40px;
    border: 2px solid #3297de;
    border-radius: 40px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 6%;
    text-align: left; }
    .modal .modal-content h3 {
      /*         text-align: center; */ }
    .modal .modal-content a.button {
      display: inline-block;
      border: 2px solid #186092;
      border-top-color: #3297de;
      background-color: #3297de;
      background-image: -webkit-linear-gradient(top, #5eade5, #1f7cbe);
      color: #fff;
      text-shadow: 0 1px 1px #222;
      font-size: 1.1em;
      text-decoration: none;
      border-radius: .2em;
      padding: 8px 10px; }
      .modal .modal-content a.button:hover, .modal .modal-content a.button:focus {
        border-color: #444444;
        border-top-color: #777; }

#home-signup {
  max-width: 450px;
  padding: 40px;
  /*   border: 1px solid $primary-color; */
  border-radius: 40px;
  background-color: #fff;
  margin: 0 auto;
  margin-top: 6%;
  text-align: left;
  margin-bottom: 60px; }
  #home-signup h3 {
    margin-top: 0;
    text-align: center; }
  #home-signup form {
    text-align: center;
    padding-bottom: 0px; }
    #home-signup form label {
      display: block;
      font-size: .8em;
      color: #1f7cbe;
      font-weight: 400; }
    #home-signup form input {
      font-size: 1.4em;
      border: 0;
      border-radius: .2em;
      padding: 8px 10px; }
      #home-signup form input[type=email] {
        width: 450px;
        max-width: 90%;
        margin-bottom: 18px;
        border: 2px solid #b3b3b3;
        background-color: #fafafa; }
      #home-signup form input[type=submit] {
        border: 2px solid #186092;
        border-top-color: #3297de;
        background-color: #3297de;
        background-image: -webkit-linear-gradient(top, #5eade5, #1f7cbe);
        color: #fff;
        text-shadow: 0 1px 1px #222;
        font-size: 1.1em; }
        #home-signup form input[type=submit]:hover, #home-signup form input[type=submit]:focus {
          border-color: #444444;
          border-top-color: #777; }
        #home-signup form input[type=submit]:hover {
          border: 2px solid #14517c;
          border-top-color: #228bd4;
          background-color: #228bd4;
          background-image: -webkit-linear-gradient(top, #48a2e2, #1b6ea8);
          color: #fff;
          text-shadow: 0 1px 1px #222;
          font-size: 1.1em; }
          #home-signup form input[type=submit]:hover:hover, #home-signup form input[type=submit]:hover:focus {
            border-color: #444444;
            border-top-color: #777; }
      #home-signup form input:focus {
        outline: none;
        border-color: #777; }

#book-form {
  max-width: 750px;
  padding: 40px;
  /*   border: 1px solid $primary-color; */
  border-radius: 40px;
  background-color: #fff;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 60px; }
  #book-form h3 {
    margin-top: 0;
    text-align: center; }
  #book-form form {
    text-align: center;
    padding-bottom: 0px; }
    #book-form form label {
      display: block;
      font-size: .8em;
      color: #1f7cbe;
      font-weight: 400; }
    #book-form form input {
      font-size: 1.4em;
      border: 0;
      border-radius: .2em;
      padding: 8px 10px; }
      #book-form form input[type=email], #book-form form input[type=text] {
        width: 450px;
        max-width: 90%;
        margin-bottom: 18px;
        border: 2px solid #b3b3b3;
        background-color: #fafafa; }
      #book-form form input[type=submit] {
        border: 2px solid #186092;
        border-top-color: #3297de;
        background-color: #3297de;
        background-image: -webkit-linear-gradient(top, #5eade5, #1f7cbe);
        color: #fff;
        text-shadow: 0 1px 1px #222;
        font-size: 1.1em; }
        #book-form form input[type=submit]:hover, #book-form form input[type=submit]:focus {
          border-color: #444444;
          border-top-color: #777; }
        #book-form form input[type=submit]:hover {
          border: 2px solid #14517c;
          border-top-color: #228bd4;
          background-color: #228bd4;
          background-image: -webkit-linear-gradient(top, #48a2e2, #1b6ea8);
          color: #fff;
          text-shadow: 0 1px 1px #222;
          font-size: 1.1em; }
          #book-form form input[type=submit]:hover:hover, #book-form form input[type=submit]:hover:focus {
            border-color: #444444;
            border-top-color: #777; }
      #book-form form input:focus {
        outline: none;
        border-color: #777; }

/* ============================================
  FOOTER STYLES
============================================ */
#footer {
  display: none;
  padding-top: 60px;
  height: 40px;
  text-align: center;
  font-size: .9em; }
  #footer a {
    display: inline-block;
    margin: 0 20px; }

.jp-gui {
  border-top: 1px solid transparent; }

.jp-controls {
  position: relative;
  margin: 0; }
  .jp-controls li {
    list-style: none;
    float: left;
    padding-bottom: .4em;
    min-height: 32px; }
    .jp-controls li .jp-play {
      font-weight: 400;
      font-size: 1.2em; }
    .jp-controls li .jp-play, .jp-controls li .jp-pause {
      outline: 0;
      text-decoration: none; }
      .jp-controls li .jp-play:hover, .jp-controls li .jp-pause:hover {
        text-decoration: underline; }
    .jp-controls li .jp-jump {
      position: absolute;
      left: 0;
      background-color: #fff;
      font-weight: 400; }
    .jp-controls li:a:focus {
      outline: none; }

#jplayer_total_time {
  float: right;
  background-image: url(images/spiffygif_18x18.gif);
  background-position: 100% 50%; }
  #jplayer_total_time span {
    font-size: .8em;
    background-color: #fff; }
  #jplayer_total_time.working span {
    color: transparent;
    background-color: transparent; }

.jp-progress {
  clear: both;
  background-color: #dadada;
  margin-bottom: .4em;
  cursor: pointer; }
  .jp-progress .jp-seek-bar {
    background-color: #eee; }
    .jp-progress .jp-seek-bar .jp-play-bar {
      background-color: #3297de;
      height: .5em; }

/* ============================================
  TRAINING STYLES
============================================ */
/*
$triage_color: lighten($primary_color, 42%);
$domination_color: lighten($primary_color, 38%);
$all_star_color: lighten($primary_color, 34%);
*/
#training-section {
  /*
    #q-and-a {
      background-color: $accent_color;
      border: 1px solid $accent_color;
      margin: 0 -10px;
      padding-left: 10px;
      padding-right: 10px;
      h3 {
        margin-top: 60px;
      }
    }
  */ }
  #training-section h2, #training-section h3 {
    text-align: center; }
  #training-section h2 {
    font-weight: bold !important;
    text-shadow: 0 1px 0 #fff; }
  #training-section #training-intro {
    padding-bottom: 40px;
    /*     background: #fff url(/imgs/training/guidance-arrows-bg.gif) 50% 100% no-repeat; */ }
    #training-section #training-intro h2 {
      margin-bottom: 40px;
      font-weight: 100; }
    #training-section #training-intro h3 {
      padding: 40px 0; }
  #training-section .item-rundown {
    margin-right: -10px;
    margin-left: -10px;
    padding: 40px 10px 40px 10px;
    background-color: #e2f0fa;
    border: 1px solid #e2f0fa; }
    #training-section .item-rundown h2 {
      font-size: 4em !important; }
    #training-section .item-rundown span {
      display: block;
      text-align: center;
      font-size: .9em; }
    #training-section .item-rundown > div > ol {
      list-style: none;
      margin: 40px 0 0 0; }
      #training-section .item-rundown > div > ol > li {
        position: relative;
        background-color: #fff;
        padding: 20px 40px;
        border: 2px solid #b3b3b3;
        border-radius: 6px;
        list-style: none;
        clear: both; }
        #training-section .item-rundown > div > ol > li .circle-icon {
          position: absolute;
          top: 24px;
          left: 40px;
          border: 2px solid #3297de; }
        #training-section .item-rundown > div > ol > li h3 {
          text-align: left;
          padding-bottom: 4px;
          margin-bottom: 10px;
          border-bottom: 2px solid #cccccc;
          font-weight: bold;
          padding-top: 30px;
          padding-bottom: 10px;
          padding-left: 100px;
          font-size: 1.7em; }
        #training-section .item-rundown > div > ol > li h4 {
          margin-bottom: 30px;
          font-style: italic;
          font-weight: 100; }
  #training-section #domination-rundown {
    /*     padding-bottom: 0; */ }
  #training-section #triage-rundown, #training-section #all-star-rundown {
    background-color: #e2f0fa;
    border: 1px solid #e2f0fa; }
  #training-section .testimonial {
    position: relative;
    font-size: .9em;
    padding: 0 20px;
    margin: 40px 20px; }
    #training-section .testimonial > img {
      position: absolute;
      top: 0;
      width: 100px;
      border-radius: 50px;
      border: 1px solid #5eade5; }
    #training-section .testimonial p, #training-section .testimonial span {
      padding-bottom: 0;
      margin-bottom: 0; }
    #training-section .testimonial p {
      font-size: 1.2em;
      color: #3297de; }
    #training-section .testimonial span {
      display: block;
      padding-top: 6px;
      font-weight: bold;
      font-size: .8em; }
      #training-section .testimonial span em {
        font-style: normal;
        font-weight: 100; }
        #training-section .testimonial span em img {
          margin: 0 6px;
          vertical-align: sub; }
    #training-section .testimonial.left-testimonial {
      padding-left: 120px; }
      #training-section .testimonial.left-testimonial > img {
        left: 0; }
    #training-section .testimonial.right-testimonial {
      padding-right: 120px; }
      #training-section .testimonial.right-testimonial > img {
        right: 0; }
  #training-section #hires-teardown-pdfs ul {
    margin-left: 0; }
    #training-section #hires-teardown-pdfs ul li {
      list-style: none;
      float: left;
      padding: 0;
      margin: 0; }
      #training-section #hires-teardown-pdfs ul li img {
        width: 140px;
        border-radius: 3px;
        margin: 14px; }
  #training-section #elements-user-onboarding-guide ul {
    font-size: .8em;
    /*       padding-left: 1em; */ }
    #training-section #elements-user-onboarding-guide ul li {
      padding-bottom: 0;
      margin-bottom: 6px;
      /*         margin-left: 20px; */ }
  #training-section #package-sell {
    padding-top: 20px; }
  #training-section #comprehensive-copy {
    background-color: #e2f0fa;
    border: 1px solid #e2f0fa;
    margin: 0 -10px;
    padding-left: 10px;
    padding-right: 10px; }
    #training-section #comprehensive-copy h3 {
      text-align: left;
      font-size: 1.5em;
      padding-top: 30px; }
    #training-section #comprehensive-copy p {
      font-size: 1.1em; }
  #training-section #what-others-are-saying h3 {
    text-align: left;
    font-size: 1.5em;
    padding-top: 30px; }
  #training-section #what-others-are-saying p {
    font-size: 1.1em; }
  #training-section #final-appeal {
    padding-bottom: 0; }
  #training-section .content {
    padding-top: 20px;
    padding-bottom: 100px; }
  #training-section .fineprint {
    margin-top: 80px; }
  #training-section .jp-controls li {
    margin-bottom: 0; }
    #training-section .jp-controls li a {
      text-decoration: none; }
      #training-section .jp-controls li a:hover {
        text-decoration: underline; }

#sweetheart-software-deals {
  margin: 40px 0; }
  #sweetheart-software-deals ul {
    margin: 0; }
    #sweetheart-software-deals ul li {
      float: left;
      width: 250px;
      list-style: none;
      text-align: center; }
      #sweetheart-software-deals ul li img {
        display: inline-block;
        width: 60px;
        border-radius: 12px; }
      #sweetheart-software-deals ul li h4 {
        font-weight: bold;
        padding-bottom: 0;
        margin-bottom: 0; }
      #sweetheart-software-deals ul li span {
        display: block;
        font-size: .6em;
        padding: 0; }
      #sweetheart-software-deals ul li p {
        font-size: .8em !important;
        font-weight: 400; }
  #sweetheart-software-deals p {
    clear: both; }

form#sample-signup {
  text-align: center;
  padding: 20px;
  padding-bottom: 40px; }
  form#sample-signup input {
    display: block;
    font-size: 1.2em;
    border: none;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 100 !important;
    margin: 6px auto; }
    form#sample-signup input[type=email] {
      outline: none;
      border: 2px solid #3297de;
      margin-bottom: 10px; }
    form#sample-signup input[type=submit] {
      background-color: #3297de;
      color: #fff;
      outline: none;
      padding: 6px 20px;
      border-bottom: 4px solid #1b6ea8;
      font-weight: 100;
      text-shadow: 0 -1px 0 #1b6ea8;
      font-size: 1.3em; }
      form#sample-signup input[type=submit]:hover {
        background-color: #2188d0;
        border-bottom: 4px solid #155785;
        text-shadow: none; }
  form#sample-signup span {
    font-size: .6em; }

#expert-interviews ul {
  margin-left: 0; }
  #expert-interviews ul li {
    float: left;
    width: 50%;
    margin-left: 0;
    list-style: none;
    text-align: center; }
    #expert-interviews ul li img {
      width: 80px;
      border-radius: 40px;
      border: 1px solid #222;
      margin-right: 14px;
      -webkit-filter: grayscale(100%);
      opacity: .8; }
    #expert-interviews ul li:hover img {
      -webkit-filter: grayscale(0); }
    #expert-interviews ul li p {
      padding-left: 20px;
      padding-right: 20px;
      font-size: .8em; }
      #expert-interviews ul li p span {
        display: inline !important;
        margin: 0 !important;
        padding: 0 !important;
        font-weight: bold; }
      #expert-interviews ul li p em {
        display: block;
        margin-top: 2px;
        font-style: normal;
        font-size: .8em;
        line-height: 1.3em !important; }

.circle-icon {
  position: relative;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border: 2px solid #444;
  border-radius: 40px;
  overflow: hidden; }
  .circle-icon img {
    width: 60px;
    position: absolute;
    top: 10px;
    left: 10px; }

.package-cascade {
  text-align: center;
  margin-bottom: 10px;
  margin: 20px; }
  .package-cascade .circle-icon {
    float: left;
    margin: 0 10px; }

ol.buy-tiles {
  list-style: none;
  margin: 0;
  margin-top: 60px;
  position: relative; }
  ol.buy-tiles > li {
    list-style: none;
    float: left;
    width: 33%;
    font-size: .8em; }
    ol.buy-tiles > li > div {
      border: 2px solid #b3b3b3;
      border-top: 1px solid #b3b3b3;
      border-radius: 6px;
      background-color: #fff; }
      ol.buy-tiles > li > div > h3 {
        font-size: 1.8em;
        padding: 10px !important;
        margin-top: 20px;
        background-color: #ebf5fc;
        font-weight: bold; }
      ol.buy-tiles > li > div ol {
        list-style: none;
        margin: 0 20px;
        /*         min-height: 220px; */ }
        ol.buy-tiles > li > div ol > li {
          text-align: left;
          position: relative;
          padding: 10px 0;
          padding-left: 58px;
          margin-left: 0;
          list-style: none; }
          ol.buy-tiles > li > div ol > li .circle-icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
            border-radius: 20px;
            margin: 0 auto;
            border: 1px solid #444; }
            ol.buy-tiles > li > div ol > li .circle-icon img {
              width: 30px;
              top: 5px;
              left: 5px; }
          ol.buy-tiles > li > div ol > li .package-cascade .circle-icon {
            margin: 0 4px; }
      ol.buy-tiles > li > div span {
        display: block;
        text-align: center;
        font-size: 2em;
        margin-bottom: 1em; }
      ol.buy-tiles > li > div a {
        clear: both;
        font-size: 1.2em;
        margin: 20px 20px;
        margin-top: 0;
        display: block;
        background-color: #3297de;
        /*   color: $text-color; */
        color: #fff;
        outline: none;
        padding: 14px 0px;
        text-align: center;
        text-decoration: none !important;
        border-bottom: 4px solid #186092;
        border-radius: 6px;
        font-weight: 100;
        text-shadow: 0 -1px 0 #186092;
        font-size: 1.3em; }
        ol.buy-tiles > li > div a:hover {
          background-color: #2188d0;
          border-bottom: 4px solid #12496f;
          text-shadow: none; }
    ol.buy-tiles > li.triage-tile {
      float: left; }
    ol.buy-tiles > li.domination-tile {
      position: absolute;
      left: 33%;
      margin: 0; }
      ol.buy-tiles > li.domination-tile > div {
        margin: -25px -18px 0 -8px;
        padding-top: 24px;
        padding-bottom: 10px; }
        ol.buy-tiles > li.domination-tile > div > h3 {
          background-color: #d9ecf9; }
    ol.buy-tiles > li.all-star-tile {
      float: right; }

a.flat-button {
  clear: both;
  font-size: 1.2em;
  margin: 20px 20px;
  margin-top: 0;
  display: block;
  background-color: #3297de;
  /*   color: $text-color; */
  color: #fff;
  outline: none;
  padding: 14px 0px;
  text-align: center;
  text-decoration: none !important;
  border-bottom: 4px solid #186092;
  border-radius: 6px;
  font-weight: 100;
  text-shadow: 0 -1px 0 #186092;
  font-size: 1.3em; }
  a.flat-button:hover {
    background-color: #2188d0;
    border-bottom: 4px solid #12496f;
    text-shadow: none; }

.button-holder a {
  display: block;
  background-color: #3297de;
  /*   color: $text-color; */
  color: #fff;
  outline: none;
  padding: 14px 0px;
  text-align: center;
  text-decoration: none !important;
  border-bottom: 4px solid #186092;
  border-radius: 6px;
  font-weight: 100;
  text-shadow: 0 -1px 0 #186092;
  font-size: 1.3em; }
  .button-holder a:hover {
    background-color: #2188d0;
    border-bottom: 4px solid #12496f;
    text-shadow: none; }
.button-holder p {
  display: block;
  padding-top: 12px; }

#q-and-a {
  font-size: .8em; }
  #q-and-a > div > div {
    float: left;
    width: 50%; }
    #q-and-a > div > div > div {
      padding: 20px; }
  #q-and-a h4 {
    font-weight: bold; }

.new-deal {
  font-size: .8em !important; }
  .new-deal > div {
    position: relative;
    padding-top: 20px;
    float: left;
    width: 50%; }
  .new-deal .circle-icon {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 auto !important;
    margin-bottom: 10px !important; }
  .new-deal h3 {
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    border-bottom: 0 !important;
    font-size: 1em !important;
    text-align: center !important; }
  .new-deal h4 {
    text-align: center; }
  .new-deal .button-holder {
    clear: both;
    text-align: center;
    padding-top: 40px; }
    .new-deal .button-holder a {
      display: inline-block;
      padding: 18px 80px;
      font-size: 1.8em; }

/*# sourceMappingURL=style.css.map */