@charset "UTF-8";
/* line 2, ../../app/assets/stylesheets/welcome/_mixins.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
/* line 6, ../../app/assets/stylesheets/welcome/_mixins.scss */
.clearfix:after {
  clear: both;
}

/*********************
BORDER RADIUS
*********************/
/*********************
BORDER RADIUS - Even
*********************/
/*********************
BOX SHADOW
*********************/
/*********************
TRIANGLES
*********************/
/*********************
Background Size
*********************/
/*********************
Transform
*********************/
/*********************
CSS Gradient
*********************/
/* Slider */
/* line 3, ../../vendor/assets/stylesheets/slick.css */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 18, ../../vendor/assets/stylesheets/slick.css */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

/* line 24, ../../vendor/assets/stylesheets/slick.css */
.slick-list:focus {
  outline: none;
}

/* line 26, ../../vendor/assets/stylesheets/slick.css */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* line 28, ../../vendor/assets/stylesheets/slick.css */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 32, ../../vendor/assets/stylesheets/slick.css */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 40, ../../vendor/assets/stylesheets/slick.css */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

/* line 45, ../../vendor/assets/stylesheets/slick.css */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

/* line 48, ../../vendor/assets/stylesheets/slick.css */
.slick-track:after {
  clear: both;
}

/* line 50, ../../vendor/assets/stylesheets/slick.css */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 53, ../../vendor/assets/stylesheets/slick.css */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

/* line 58, ../../vendor/assets/stylesheets/slick.css */
[dir="rtl"] .slick-slide {
  float: right;
}

/* line 60, ../../vendor/assets/stylesheets/slick.css */
.slick-slide img {
  display: block;
}

/* line 62, ../../vendor/assets/stylesheets/slick.css */
.slick-slide.slick-loading img {
  display: none;
}

/* line 64, ../../vendor/assets/stylesheets/slick.css */
.slick-slide.dragging img {
  pointer-events: none;
}

/* line 66, ../../vendor/assets/stylesheets/slick.css */
.slick-initialized .slick-slide {
  display: block;
}

/* line 68, ../../vendor/assets/stylesheets/slick.css */
.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 70, ../../vendor/assets/stylesheets/slick.css */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Icons */
/* Arrows */
/* line 77, ../../vendor/assets/stylesheets/slick.css */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}

/* line 93, ../../vendor/assets/stylesheets/slick.css */
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

/* line 99, ../../vendor/assets/stylesheets/slick.css */
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

/* line 103, ../../vendor/assets/stylesheets/slick.css */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

/* line 107, ../../vendor/assets/stylesheets/slick.css */
.slick-prev:before, .slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 115, ../../vendor/assets/stylesheets/slick.css */
.slick-prev {
  left: -25px;
}

/* line 117, ../../vendor/assets/stylesheets/slick.css */
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

/* line 120, ../../vendor/assets/stylesheets/slick.css */
.slick-prev:before {
  content: "←";
}

/* line 122, ../../vendor/assets/stylesheets/slick.css */
[dir="rtl"] .slick-prev:before {
  content: "→";
}

/* line 125, ../../vendor/assets/stylesheets/slick.css */
.slick-next {
  right: -25px;
}

/* line 127, ../../vendor/assets/stylesheets/slick.css */
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

/* line 130, ../../vendor/assets/stylesheets/slick.css */
.slick-next:before {
  content: "→";
}

/* line 132, ../../vendor/assets/stylesheets/slick.css */
[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
/* line 136, ../../vendor/assets/stylesheets/slick.css */
.slick-slider {
  margin-bottom: 30px;
}

/* line 139, ../../vendor/assets/stylesheets/slick.css */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}

/* line 147, ../../vendor/assets/stylesheets/slick.css */
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/* line 155, ../../vendor/assets/stylesheets/slick.css */
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

/* line 167, ../../vendor/assets/stylesheets/slick.css */
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

/* line 169, ../../vendor/assets/stylesheets/slick.css */
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

/* line 171, ../../vendor/assets/stylesheets/slick.css */
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 185, ../../vendor/assets/stylesheets/slick.css */
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Toasters ************************************************************************************* */
/* line 2, ../../app/assets/stylesheets/toasters.css.scss */
div.toaster {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  z-index: 5000;
}
/* line 11, ../../app/assets/stylesheets/toasters.css.scss */
div.toaster > div {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 1em;
  text-align: center;
}
/* line 18, ../../app/assets/stylesheets/toasters.css.scss */
div.toaster:hover {
  cursor: pointer;
}
/* line 22, ../../app/assets/stylesheets/toasters.css.scss */
div.toaster.success > div {
  background: rgba(85, 153, 85, 0.8);
}
/* line 25, ../../app/assets/stylesheets/toasters.css.scss */
div.toaster.success:hover > div {
  background: #559955;
  color: #fff;
}
/* line 30, ../../app/assets/stylesheets/toasters.css.scss */
div.toaster.error > div {
  background: rgba(136, 68, 68, 0.8);
}
/* line 33, ../../app/assets/stylesheets/toasters.css.scss */
div.toaster.error:hover > div {
  background: #884444;
  color: #fff;
}

/*********************************************
** Globals
*********************************************/
/* line 4, ../../app/assets/stylesheets/welcome/_base.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 10, ../../app/assets/stylesheets/welcome/_base.scss */
body {
  background: #ffffff;
  font-family: "Roboto", sans-serif;
}

/* line 16, ../../app/assets/stylesheets/welcome/_base.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

/* line 22, ../../app/assets/stylesheets/welcome/_base.scss */
a {
  color: #727272;
}

/* line 26, ../../app/assets/stylesheets/welcome/_base.scss */
p {
  color: #727272;
}

/* line 30, ../../app/assets/stylesheets/welcome/_base.scss */
ul, ol {
  padding-left: 1.8em;
}

/* line 34, ../../app/assets/stylesheets/welcome/_base.scss */
.centered {
  text-align: center;
  display: block;
}

/* line 39, ../../app/assets/stylesheets/welcome/_base.scss */
a.btn,
button {
  display: inline-block;
  background: #232323;
  color: #ffffff;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  font-weight: 300;
  text-align: center;
  padding: 0.65em 2.8em;
  position: relative;
  border: none;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -moz-transition: background-color 0.15s ease-in-out;
  -webkit-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
/* line 56, ../../app/assets/stylesheets/welcome/_base.scss */
a.btn:hover,
button:hover {
  color: #e6e6e6;
}
/* line 59, ../../app/assets/stylesheets/welcome/_base.scss */
a.btn:active,
button:active {
  color: #e6e6e6;
}
/* line 63, ../../app/assets/stylesheets/welcome/_base.scss */
a.btn.red,
button.red {
  background: #ec232a;
  color: #ffffff;
}
/* line 68, ../../app/assets/stylesheets/welcome/_base.scss */
a.btn.red:hover,
button.red:hover {
  background: #cb1118;
}
/* line 75, ../../app/assets/stylesheets/welcome/_base.scss */
a.btn.transparent,
button.transparent {
  background: none;
}
/* line 80, ../../app/assets/stylesheets/welcome/_base.scss */
a.btn.transparent.black,
button.transparent.black {
  color: #000000;
}
/* line 84, ../../app/assets/stylesheets/welcome/_base.scss */
a.btn.transparent:hover,
button.transparent:hover {
  opacity: 0.75;
}
/* line 90, ../../app/assets/stylesheets/welcome/_base.scss */
a.btn i,
button i {
  margin: 0 6px 0 0;
  position: relative;
  top: 1px;
}
@media (min-width: 1000px) {
  /* line 39, ../../app/assets/stylesheets/welcome/_base.scss */
  a.btn,
  button {
    font-size: 1.25em;
  }
}

/*********************************************
** Form Elements
*********************************************/
/* line 106, ../../app/assets/stylesheets/welcome/_base.scss */
.field {
  margin: 0 0 1.5em 0;
  position: relative;
}

/* line 110, ../../app/assets/stylesheets/welcome/_base.scss */
.field p {
  color: #bfbfbf;
}

/* line 113, ../../app/assets/stylesheets/welcome/_base.scss */
#submit-field {
  margin-top: 2em;
}

/** Labels **/
/* line 118, ../../app/assets/stylesheets/welcome/_base.scss */
.label {
  padding: 0 0 0.6em 0;
  color: #bfbfbf;
}

/* line 122, ../../app/assets/stylesheets/welcome/_base.scss */
.label label {
  font-size: 1.2em;
  float: left;
}

/* line 127, ../../app/assets/stylesheets/welcome/_base.scss */
.label.focused label {
  color: #ffffff;
}

/* line 131, ../../app/assets/stylesheets/welcome/_base.scss */
.label input[type="checkbox"] {
  margin-left: 1em;
  position: relative;
  top: 2px;
}

/** Indicators **/
/* line 138, ../../app/assets/stylesheets/welcome/_base.scss */
span.indicator,
a.sublabel {
  font-size: 0.80em;
  position: relative;
  top: 4px;
  display: inline-block;
  float: right;
  font-size: 1em;
  text-decoration: none;
}
/* line 149, ../../app/assets/stylesheets/welcome/_base.scss */
span.indicator.available,
a.sublabel.available {
  color: #8dc63f;
}
/* line 152, ../../app/assets/stylesheets/welcome/_base.scss */
span.indicator.unavailable,
a.sublabel.unavailable {
  color: #ec232a;
}

/* line 157, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap.onboard a.sublabel {
  color: #999999;
}
/* line 159, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap.onboard a.sublabel:hover {
  color: #ffffff;
}

/** Inputs **/
/* line 165, ../../app/assets/stylesheets/welcome/_base.scss */
.field input[type="text"],
.field input[type="email"],
.field input[type="password"],
.strength_meter {
  border: none;
  display: block;
  border-radius: 2px;
  padding: 0.5em;
  font-size: 1.2em;
  color: #000000;
  width: 100%;
  outline-color: #ec232a;
}

/* line 178, ../../app/assets/stylesheets/welcome/_base.scss */
.field input[type="text"],
.field input[type="email"] {
  background: #bfbfbf;
}

/* line 182, ../../app/assets/stylesheets/welcome/_base.scss */
.field input[type="text"]:focus,
.field input[type="email"]:focus {
  background: #ffffff;
}

/* line 186, ../../app/assets/stylesheets/welcome/_base.scss */
.field input.strength:focus {
  background: none;
}

/* line 190, ../../app/assets/stylesheets/welcome/_base.scss */
.field input#myPassword.strength,
.field input.strength {
  background: none;
  position: relative;
  z-index: 10;
}

/** Strength Meter **/
/* line 198, ../../app/assets/stylesheets/welcome/_base.scss */
#password_inputs {
  position: relative;
}

/* line 202, ../../app/assets/stylesheets/welcome/_base.scss */
.strength_meter {
  background: #bfbfbf;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
}
/* line 210, ../../app/assets/stylesheets/welcome/_base.scss */
.strength_meter.focused {
  background: #ffffff;
}
/* line 214, ../../app/assets/stylesheets/welcome/_base.scss */
.strength_meter div {
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 3px;
  transition: all 0.15s ease-in-out;
}
/* line 224, ../../app/assets/stylesheets/welcome/_base.scss */
.strength_meter .veryweak {
  width: 25%;
  background-color: #EF4136;
}
/* line 228, ../../app/assets/stylesheets/welcome/_base.scss */
.strength_meter .weak {
  width: 50%;
  background-color: #C6704E;
}
/* line 232, ../../app/assets/stylesheets/welcome/_base.scss */
.strength_meter .medium {
  width: 75%;
  background-color: #9E9F66;
}
/* line 236, ../../app/assets/stylesheets/welcome/_base.scss */
.strength_meter .strong {
  width: 100%;
  background-color: #76CE7E;
  border-radius: 3px 0 0 3px;
}

/* line 243, ../../app/assets/stylesheets/welcome/_base.scss */
.strength_meter.hidden > div {
  display: none !important;
}

/** Reposition Show password toggle **/
/* line 248, ../../app/assets/stylesheets/welcome/_base.scss */
.field input#myPassword,
.field input.strength,
.strength_meter {
  width: 65%;
  border-radius: 3px 0 0 3px;
}
@media (min-width: 680px) {
  /* line 248, ../../app/assets/stylesheets/welcome/_base.scss */
  .field input#myPassword,
  .field input.strength,
  .strength_meter {
    width: 80%;
  }
}

/* line 261, ../../app/assets/stylesheets/welcome/_base.scss */
a.button_strength {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 35%;
  background-color: #bfbfbf;
  border-radius: 0 3px 3px 0;
  overflow: hidden;
  padding: 10px 0 0 10px;
  border-left: solid 1px #000000;
}
/* line 274, ../../app/assets/stylesheets/welcome/_base.scss */
a.button_strength:hover, a.button_strength.hide_button_strength {
  background-color: #ffffff;
}
/* line 279, ../../app/assets/stylesheets/welcome/_base.scss */
a.button_strength .show_toggle_marker {
  width: 18px;
  height: 18px;
  display: block;
  background: transparent url("../../img/checkbox-sprite.png") 0 0 no-repeat;
  background-size: 18px 36px;
  display: inline-block;
  vertical-align: middle;
}
/* line 289, ../../app/assets/stylesheets/welcome/_base.scss */
a.button_strength .show_toggle_marker.show {
  background-position: 0 0;
}
/* line 290, ../../app/assets/stylesheets/welcome/_base.scss */
a.button_strength .show_toggle_marker.hide {
  background-position: 0px -18px;
}
/* line 294, ../../app/assets/stylesheets/welcome/_base.scss */
a.button_strength .label {
  color: #000000;
  display: inline-block;
  padding: 0 0 0 10px;
  font-size: 1em;
  vertical-align: middle;
}
@media (min-width: 680px) {
  /* line 261, ../../app/assets/stylesheets/welcome/_base.scss */
  a.button_strength {
    width: 20%;
    padding: 9px 0 0 9px;
  }
  /* line 307, ../../app/assets/stylesheets/welcome/_base.scss */
  a.button_strength .show_toggle_marker {
    width: 24px;
    height: 24px;
    background-size: 24px 48px;
  }
  /* line 313, ../../app/assets/stylesheets/welcome/_base.scss */
  a.button_strength .show_toggle_marker.hide {
    background-position: 0px -24px;
  }
}

/* line 321, ../../app/assets/stylesheets/welcome/_base.scss */
.submit_wrap {
  margin-bottom: 2em;
}

/* line 325, ../../app/assets/stylesheets/welcome/_base.scss */
#create_account {
  font-size: 1em;
}

/* line 329, ../../app/assets/stylesheets/welcome/_base.scss */
#messages {
  background: #222;
  margin-top: 1em;
}
/* line 334, ../../app/assets/stylesheets/welcome/_base.scss */
#messages ul {
  padding: 1em 1em 1em 2em;
  margin: 0;
}
/* line 339, ../../app/assets/stylesheets/welcome/_base.scss */
#messages ul li {
  margin: 0 0 0.5em 0;
}
/* line 341, ../../app/assets/stylesheets/welcome/_base.scss */
#messages ul li:last-child {
  margin-bottom: 0;
}
/* line 347, ../../app/assets/stylesheets/welcome/_base.scss */
#messages .red {
  color: #ec232a;
}
/* line 351, ../../app/assets/stylesheets/welcome/_base.scss */
#messages p {
  padding: 1em;
  margin: 0 0 1em 0;
}
/* line 354, ../../app/assets/stylesheets/welcome/_base.scss */
#messages p:last-child {
  margin-bottom: 0;
}
/* line 358, ../../app/assets/stylesheets/welcome/_base.scss */
#messages p.loading {
  background: url("/assets/images/loading-bars.svg") 14px center no-repeat;
  padding-left: 4em;
  margin: 0;
}

/*********************************************
** Header
*********************************************/
/* line 370, ../../app/assets/stylesheets/welcome/_base.scss */
#main_header {
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  overflow: hidden;
  padding: 4px;
  z-index: 5000;
}
@media (min-width: 680px) {
  /* line 370, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header {
    background: transparent;
    height: auto;
    padding: 1em;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
  }
}
@media (min-width: 1000px) {
  /* line 370, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header {
    padding: 2em;
  }
}
/* line 393, ../../app/assets/stylesheets/welcome/_base.scss */
#main_header ul.nav_menu {
  display: none;
}
@media (min-width: 680px) {
  /* line 393, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header ul.nav_menu {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    top: 3px;
  }
  /* line 407, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header ul.nav_menu li {
    display: block;
    float: left;
    margin-right: 1em;
  }
  /* line 416, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header ul.nav_menu svg {
    display: block;
    width: auto;
    height: 22px;
  }
  /* line 420, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header ul.nav_menu svg path {
    fill: #ffffff;
  }
  /* line 425, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header ul.nav_menu a.btn {
    padding: 0.65em 1em 0.65em 1em;
  }
}
@media (min-width: 1000px) {
  /* line 393, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header ul.nav_menu {
    top: 10px;
  }
}

/* line 436, ../../app/assets/stylesheets/welcome/_base.scss */
#main_header.small {
  background: rgba(0, 0, 0, 0.9);
}
@media (min-width: 680px) {
  /* line 436, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header.small {
    padding: 0 0 4px 0;
  }
  /* line 444, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header.small #logo {
    padding: 6px;
  }
  /* line 445, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header.small #logo img {
    height: 42px;
  }
  /* line 446, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header.small ul.nav_menu {
    top: 0;
  }
  /* line 450, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header.small ul.nav_menu a.btn {
    padding: 1.25em 1em;
    font-size: 1.125em;
    -moz-box-shadow: 0px 0px 0px transparent;
    -webkit-box-shadow: 0px 0px 0px transparent;
    -o-box-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent;
  }
  /* line 455, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header.small ul.nav_menu a.btn.red:hover,
  #main_header.small ul.nav_menu a.btn.red:active {
    background: #cb1118;
    top: 0;
  }
  /* line 460, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header.small ul.nav_menu i {
    font-size: 0.85em;
  }
}
@media (min-width: 1000px) {
  /* line 468, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_header.small #logo img {
    height: 54px;
  }
}

/* line 476, ../../app/assets/stylesheets/welcome/_base.scss */
#logo {
  display: block;
  float: left;
}
/* line 481, ../../app/assets/stylesheets/welcome/_base.scss */
#logo img {
  display: block;
  width: auto;
  height: 40px;
}
@media (min-width: 680px) {
  /* line 476, ../../app/assets/stylesheets/welcome/_base.scss */
  #logo {
    padding: 0;
  }
  /* line 489, ../../app/assets/stylesheets/welcome/_base.scss */
  #logo img {
    height: 42px;
  }
}
@media (min-width: 1000px) {
  /* line 493, ../../app/assets/stylesheets/welcome/_base.scss */
  #logo img {
    height: 60px;
  }
}

/* line 498, ../../app/assets/stylesheets/welcome/_base.scss */
button.menu_toggle {
  background: none;
  border: none;
  display: block;
  outline: none;
  padding: 0;
  float: right;
  padding: 16px;
  position: absolute;
  top: 0;
  right: 0;
  -moz-box-shadow: 0px 0px 0px transparent;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
}
/* line 512, ../../app/assets/stylesheets/welcome/_base.scss */
button.menu_toggle:active {
  top: 0;
}
@media (min-width: 680px) {
  /* line 498, ../../app/assets/stylesheets/welcome/_base.scss */
  button.menu_toggle {
    display: none;
  }
}

/* line 521, ../../app/assets/stylesheets/welcome/_base.scss */
.menu_button {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
/* line 529, ../../app/assets/stylesheets/welcome/_base.scss */
.menu_button .bar {
  display: block;
  width: 16px;
  height: 2px;
  background: #ffffff;
  left: 0;
  position: absolute;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
/* line 539, ../../app/assets/stylesheets/welcome/_base.scss */
.menu_button #bar1 {
  top: 0;
}
/* line 542, ../../app/assets/stylesheets/welcome/_base.scss */
.menu_button #bar2 {
  top: 50%;
  margin-top: -1px;
}
/* line 546, ../../app/assets/stylesheets/welcome/_base.scss */
.menu_button #bar3 {
  bottom: 0;
  opacity: 1;
}

/* line 554, ../../app/assets/stylesheets/welcome/_base.scss */
button.menu_toggle.active .menu_button #bar1 {
  -webkit-transform: rotate(45deg) translate(5px, 5px);
  -ms-transform: rotate(45deg) translate(5px, 5px);
  transform: rotate(45deg) translate(5px, 5px);
}
/* line 557, ../../app/assets/stylesheets/welcome/_base.scss */
button.menu_toggle.active .menu_button #bar2 {
  -webkit-transform: rotate(-45deg) translate(0, 0);
  -ms-transform: rotate(-45deg) translate(0, 0);
  transform: rotate(-45deg) translate(0, 0);
}
/* line 560, ../../app/assets/stylesheets/welcome/_base.scss */
button.menu_toggle.active .menu_button #bar3 {
  opacity: 0;
  width: 0;
}

/* line 568, ../../app/assets/stylesheets/welcome/_base.scss */
#mobile_menu {
  display: none;
  position: fixed;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.92);
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 579, ../../app/assets/stylesheets/welcome/_base.scss */
#mobile_menu ul {
  margin: 0;
  padding: 1em 0;
}
/* line 583, ../../app/assets/stylesheets/welcome/_base.scss */
#mobile_menu li {
  padding: 1em 2em;
}
/* line 586, ../../app/assets/stylesheets/welcome/_base.scss */
#mobile_menu .btn {
  display: block;
}
/* line 590, ../../app/assets/stylesheets/welcome/_base.scss */
#mobile_menu .btn.transparent {
  background: #212121;
}
@media (min-width: 680px) {
  /* line 568, ../../app/assets/stylesheets/welcome/_base.scss */
  #mobile_menu {
    display: none;
  }
}

/*********************************************
** Intro
*********************************************/
/* line 606, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap {
  background: #201e1f url(https://assets.evolvehq.com/assets/images/home-header-intro-bg-warhammer.jpg) 0 0 no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #ffffff;
  padding-top: 50px;
}
/* line 616, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap p {
  color: #ffffff;
}
/* line 620, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap.no-margin {
  margin: 0;
}
@media (min-width: 680px) {
  /* line 606, ../../app/assets/stylesheets/welcome/_base.scss */
  .intro-wrap {
    padding-top: 74px;
  }
}
@media (min-width: 1000px) {
  /* line 606, ../../app/assets/stylesheets/welcome/_base.scss */
  .intro-wrap {
    padding-top: 124px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  /* line 606, ../../app/assets/stylesheets/welcome/_base.scss */
  .intro-wrap {
    margin-bottom: 60px;
  }
}

/* line 638, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap.onboard {
  margin: 0;
}
/* line 642, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap.onboard .wrap {
  padding: 1em 2em 3em 2em;
}
/* line 646, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap.onboard h1 {
  text-align: left;
}
/* line 649, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap.onboard #intro a {
  color: #ec232a;
}
@media (min-width: 680px) {
  /* line 654, ../../app/assets/stylesheets/welcome/_base.scss */
  .intro-wrap.onboard #logo {
    width: 300px;
  }
}

/* line 658, ../../app/assets/stylesheets/welcome/_base.scss */
#new_user {
  margin-top: 2em;
}

/* line 664, ../../app/assets/stylesheets/welcome/_base.scss */
#intro .wrap {
  padding: 4em 2em;
}
/* line 668, ../../app/assets/stylesheets/welcome/_base.scss */
#intro h1 {
  font-size: 1.25em;
  text-align: center;
  margin: 0;
  text-transform: none;
  font-weight: 300;
}
/* line 676, ../../app/assets/stylesheets/welcome/_base.scss */
#intro .form_header h1 {
  text-align: left;
}
@media (min-width: 680px) {
  /* line 682, ../../app/assets/stylesheets/welcome/_base.scss */
  #intro h1 {
    font-size: 2.25em;
  }
  /* line 683, ../../app/assets/stylesheets/welcome/_base.scss */
  #intro span.tm {
    top: -12px;
  }
}

/* line 689, ../../app/assets/stylesheets/welcome/_base.scss */
span.tm {
  font-weight: 100;
  font-size: 16px;
  position: relative;
  top: -11px;
  opacity: 0.5;
}

/* line 696, ../../app/assets/stylesheets/welcome/_base.scss */
span.period {
  color: #ec232a;
}

@media (min-width: 1000px) {
  /* line 700, ../../app/assets/stylesheets/welcome/_base.scss */
  .features {
    overflow: hidden;
  }
}
@media (min-width: 1400px) {
  /* line 700, ../../app/assets/stylesheets/welcome/_base.scss */
  .features {
    margin: 0 auto;
    max-width: 1600px;
  }
}

/* line 712, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_tile {
  max-width: 75%;
  margin: 5.25em auto;
  text-align: center;
}
/* line 718, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_tile:first-child {
  margin-top: 3em;
}
/* line 720, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_tile h2 {
  margin: 1.5em 0 0 0;
  font-size: 1.3em;
}
/* line 724, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_tile p {
  margin: 0.5em 0 1em 0;
  color: #bfbfbf;
  font-weight: 200;
  font-size: 1.1em;
}
/* line 730, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_tile img {
  display: block;
  margin: 0 auto;
  max-width: 90%;
}
@media (min-width: 680px) {
  /* line 712, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_tile {
    max-width: 56%;
  }
}
@media (min-width: 1000px) {
  /* line 712, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_tile {
    width: 33%;
    float: left;
    padding: 0 1.5em;
    font-size: 1.2em;
    margin-bottom: 1.25em;
  }
  /* line 748, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_tile:first-child {
    margin-top: 5.25em;
  }
  /* line 749, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_tile p {
    font-size: 0.9em;
  }
  /* line 750, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_tile img {
    max-width: 70%;
  }
}
@media (min-width: 1400px) {
  /* line 712, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_tile {
    padding: 0 2.5em;
  }
  /* line 757, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_tile h2 {
    font-size: 1.4em;
  }
  /* line 758, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_tile p {
    font-size: 1.15em;
  }
}

/* line 764, ../../app/assets/stylesheets/welcome/_base.scss */
.evolve-beta-promo,
.evolve-beta-promo--small {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 40px auto 20px auto;
  position: relative;
}
/* line 773, ../../app/assets/stylesheets/welcome/_base.scss */
.evolve-beta-promo:before,
.evolve-beta-promo--small:before {
  content: "";
  display: block;
  padding-top: 58.3333%;
}
/* line 779, ../../app/assets/stylesheets/welcome/_base.scss */
.evolve-beta-promo img,
.evolve-beta-promo--small img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 680px) {
  /* line 764, ../../app/assets/stylesheets/welcome/_base.scss */
  .evolve-beta-promo,
  .evolve-beta-promo--small {
    margin: 80px auto 20px auto;
  }
}

/* line 794, ../../app/assets/stylesheets/welcome/_base.scss */
.evolve-beta-promo--small {
  margin: 80px auto;
}

/* line 797, ../../app/assets/stylesheets/welcome/_base.scss */
.evolve-beta-promo--small:before {
  content: "";
  display: block;
  padding-top: 39.1666%;
}

/*********************************************
** Downloads section
*********************************************/
/* line 808, ../../app/assets/stylesheets/welcome/_base.scss */
.download-wrapper {
  padding: 12em 0;
  position: relative;
}
/* line 813, ../../app/assets/stylesheets/welcome/_base.scss */
.download-wrapper h1 {
  font-size: 2em;
}
/* line 816, ../../app/assets/stylesheets/welcome/_base.scss */
.download-wrapper a.btn {
  margin: 1em 0;
}
/* line 819, ../../app/assets/stylesheets/welcome/_base.scss */
.download-wrapper p {
  font-size: 1em;
  margin: 0;
}
/* line 824, ../../app/assets/stylesheets/welcome/_base.scss */
.download-wrapper a.callout {
  display: block;
  margin: 0 auto;
  margin-top: 12em;
  max-width: 360px;
  padding: 0 20px;
}
/* line 832, ../../app/assets/stylesheets/welcome/_base.scss */
.download-wrapper a.callout img {
  width: 100%;
  height: auto;
  display: block;
}

/*********************************************
** Info Sections
*********************************************/
/* line 847, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_section__title {
  font-weight: 300;
  text-align: center;
  margin: 20px 0 0 0;
  padding: 40px 0;
  font-size: 2em;
  text-transform: none;
}

/* line 856, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_section {
  padding: 2em;
}
/* line 860, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_section h2 {
  margin: 0;
  color: #000000;
}
@media (min-width: 1000px) {
  /* line 856, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_section {
    padding: 40px 0;
  }
}
@media (min-width: 1400px) {
  /* line 856, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_section {
    padding: 60px 0;
  }
  /* line 872, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_section h2 {
    font-size: 1.75em;
  }
}

@media (min-width: 1000px) {
  /* line 877, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details {
    overflow: hidden;
  }
}
@media (min-width: 1000px) {
  /* line 883, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details .feature_description {
    position: relative;
    width: calc(25% - 2em);
  }
}
/* line 891, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_details .description_wrap {
  color: #727272;
}
@media (min-width: 1000px) {
  /* line 896, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details .description_wrap :last-child {
    margin-bottom: 0;
  }
}
/* line 905, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_details p.image_source {
  font-size: 0.75em;
  color: #bfbfbf;
}
@media (min-width: 1000px) {
  /* line 905, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details p.image_source {
    margin: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 1400px) {
  /* line 905, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details p.image_source {
    font-size: 1em;
  }
}
@media (min-width: 1000px) {
  /* line 926, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details.text_left {
    padding-left: 40px;
  }
  /* line 932, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details.text_left .feature_description {
    float: left;
    margin-right: 2em;
  }
  /* line 936, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details.text_left .feature_image {
    float: right;
  }
}
@media (min-width: 1400px) {
  /* line 926, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details.text_left {
    padding-left: 60px;
  }
}
@media (min-width: 1000px) {
  /* line 947, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details.text_right {
    padding-right: 40px;
  }
  /* line 953, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details.text_right .feature_description {
    float: right;
    margin-left: 2em;
  }
  /* line 957, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details.text_right .feature_image {
    float: left;
  }
}
@media (min-width: 1400px) {
  /* line 947, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details.text_right {
    padding-right: 60px;
  }
}
/* line 969, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_details .feature_image {
  position: relative;
}
@media (min-width: 1000px) {
  /* line 969, ../../app/assets/stylesheets/welcome/_base.scss */
  .feature_details .feature_image {
    width: 74%;
  }
}
/* line 978, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_details img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}
/* line 985, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_details img.base {
  z-index: 1;
}
/* line 988, ../../app/assets/stylesheets/welcome/_base.scss */
.feature_details img.overlay {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  opacity: 0;
}

/* line 1003, ../../app/assets/stylesheets/welcome/_base.scss */
p.integrations i {
  margin: 6px 6px 0 0;
  font-size: 1.4em;
  display: inline-block;
}

/* line 1011, ../../app/assets/stylesheets/welcome/_base.scss */
section.beta-signup {
  padding: 2em 2em 5em 2em;
}
/* line 1015, ../../app/assets/stylesheets/welcome/_base.scss */
section.beta-signup .form--simple {
  margin-top: 0;
}
/* line 1018, ../../app/assets/stylesheets/welcome/_base.scss */
section.beta-signup .form--simple input[type="email"] {
  background: #f1f2f2;
  color: #000000;
}

/*********************************************
** Games
*********************************************/
/* line 1028, ../../app/assets/stylesheets/welcome/_base.scss */
.game_library {
  text-align: center;
}
/* line 1032, ../../app/assets/stylesheets/welcome/_base.scss */
.game_library h2, .game_library p {
  padding: 0 2em;
}
@media (min-width: 680px) {
  /* line 1028, ../../app/assets/stylesheets/welcome/_base.scss */
  .game_library {
    margin-top: 3em;
  }
  /* line 1039, ../../app/assets/stylesheets/welcome/_base.scss */
  .game_library h2 {
    margin: 0;
  }
  /* line 1040, ../../app/assets/stylesheets/welcome/_base.scss */
  .game_library p {
    margin: 1em 0 1.4em 0;
  }
}
@media (min-width: 1000px) {
  /* line 1028, ../../app/assets/stylesheets/welcome/_base.scss */
  .game_library {
    margin-top: 5em;
  }
  /* line 1046, ../../app/assets/stylesheets/welcome/_base.scss */
  .game_library h2 {
    font-size: 1.75em;
  }
}
@media (min-width: 1400px) {
  /* line 1028, ../../app/assets/stylesheets/welcome/_base.scss */
  .game_library {
    margin-top: 6em;
  }
}

/* line 1054, ../../app/assets/stylesheets/welcome/_base.scss */
#games {
  width: 100%;
  position: relative;
}

/* line 1060, ../../app/assets/stylesheets/welcome/_base.scss */
.game_slider .slick-slide {
  background: #000000;
}
/* line 1064, ../../app/assets/stylesheets/welcome/_base.scss */
.game_slider .slick-slide a {
  display: block;
  position: relative;
  opacity: 0.90;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
/* line 1071, ../../app/assets/stylesheets/welcome/_base.scss */
.game_slider .slick-slide a:hover {
  opacity: 1;
}
/* line 1077, ../../app/assets/stylesheets/welcome/_base.scss */
.game_slider .slick-slide img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
}

/* line 1088, ../../app/assets/stylesheets/welcome/_base.scss */
.slick-slider {
  margin: 0;
}
/* line 1092, ../../app/assets/stylesheets/welcome/_base.scss */
.slick-slider .slick-prev, .slick-slider .slick-next {
  -moz-box-shadow: 0px 0px 0px transparent;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  height: auto;
  width: 44px;
  background: white;
  margin-top: 0;
}
/* line 1104, ../../app/assets/stylesheets/welcome/_base.scss */
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
  font-family: "evolve-icons";
  color: #ec232a;
  font-size: 20px;
}
@media (min-width: 680px) {
  /* line 1092, ../../app/assets/stylesheets/welcome/_base.scss */
  .slick-slider .slick-prev, .slick-slider .slick-next {
    background: none;
    width: 80px;
  }
  /* line 1115, ../../app/assets/stylesheets/welcome/_base.scss */
  .slick-slider .slick-prev:before, .slick-slider .slick-next:before {
    font-size: 30px;
    color: #ffffff;
  }
}
@media (min-width: 1000px) {
  /* line 1092, ../../app/assets/stylesheets/welcome/_base.scss */
  .slick-slider .slick-prev, .slick-slider .slick-next {
    width: 120px;
  }
  /* line 1124, ../../app/assets/stylesheets/welcome/_base.scss */
  .slick-slider .slick-prev:before, .slick-slider .slick-next:before {
    font-size: 40px;
  }
}
@media (min-width: 1400px) {
  /* line 1092, ../../app/assets/stylesheets/welcome/_base.scss */
  .slick-slider .slick-prev, .slick-slider .slick-next {
    width: 220px;
  }
}
/* line 1132, ../../app/assets/stylesheets/welcome/_base.scss */
.slick-slider .slick-prev {
  left: 0;
}
/* line 1135, ../../app/assets/stylesheets/welcome/_base.scss */
.slick-slider .slick-prev:before {
  content: "\e00a";
}
@media (min-width: 680px) {
  /* line 1132, ../../app/assets/stylesheets/welcome/_base.scss */
  .slick-slider .slick-prev {
    background-image: -webkit-gradient(linear, left center, right center, from(rgba(0, 0, 0, 0.8)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8), transparent);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.8), transparent);
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.8), transparent);
    background-image: linear-gradient(left, rgba(0, 0, 0, 0.8), transparent);
  }
  /* line 1141, ../../app/assets/stylesheets/welcome/_base.scss */
  .slick-slider .slick-prev:hover {
    background-image: -webkit-gradient(linear, left center, right center, from(black), to(transparent));
    background-image: -webkit-linear-gradient(left, black, transparent);
    background-image: -moz-linear-gradient(left, black, transparent);
    background-image: -o-linear-gradient(left, black, transparent);
    background-image: -ms-linear-gradient(left, black, transparent);
    background-image: linear-gradient(left, black, transparent);
  }
}
/* line 1145, ../../app/assets/stylesheets/welcome/_base.scss */
.slick-slider .slick-next {
  right: 0;
}
/* line 1148, ../../app/assets/stylesheets/welcome/_base.scss */
.slick-slider .slick-next:before {
  content: "\e009";
}
@media (min-width: 680px) {
  /* line 1145, ../../app/assets/stylesheets/welcome/_base.scss */
  .slick-slider .slick-next {
    background-image: -webkit-gradient(linear, left center, right center, from(transparent), to(rgba(0, 0, 0, 0.8)));
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8));
    background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8));
    background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8));
    background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.8));
    background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.8));
  }
  /* line 1154, ../../app/assets/stylesheets/welcome/_base.scss */
  .slick-slider .slick-next:hover {
    background-image: -webkit-gradient(linear, left center, right center, from(transparent), to(black));
    background-image: -webkit-linear-gradient(left, transparent, black);
    background-image: -moz-linear-gradient(left, transparent, black);
    background-image: -o-linear-gradient(left, transparent, black);
    background-image: -ms-linear-gradient(left, transparent, black);
    background-image: linear-gradient(left, transparent, black);
  }
}

/* line 1160, ../../app/assets/stylesheets/welcome/_base.scss */
.slick-loading .slick-list {
  background-image: url("/assets/images/ajax-loader.gif");
}

/* line 1164, ../../app/assets/stylesheets/welcome/_base.scss */
#view_all_games {
  display: inline-block;
  padding: 0.5em 0.8em;
  margin-top: 1em;
  background: #f2f2f2;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
}
/* line 1174, ../../app/assets/stylesheets/welcome/_base.scss */
#view_all_games:hover {
  background: #bfbfbf;
}
@media (min-width: 1000px) {
  /* line 1164, ../../app/assets/stylesheets/welcome/_base.scss */
  #view_all_games {
    position: absolute;
    right: 1.6em;
    top: -2.6em;
    margin: 0;
    background: none;
    padding: 0;
    text-transform: lowercase;
    color: #bfbfbf;
  }
  /* line 1189, ../../app/assets/stylesheets/welcome/_base.scss */
  #view_all_games:hover {
    background: none;
    color: #000000;
  }
}

/*********************************************
** Compatibility
*********************************************/
/* line 1202, ../../app/assets/stylesheets/welcome/_base.scss */
.compatibilities {
  padding: 3em 2em;
}
/* line 1206, ../../app/assets/stylesheets/welcome/_base.scss */
.compatibilities h2 {
  text-align: center;
  margin-bottom: 2em;
}
/* line 1211, ../../app/assets/stylesheets/welcome/_base.scss */
.compatibilities ul {
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
/* line 1217, ../../app/assets/stylesheets/welcome/_base.scss */
.compatibilities li {
  display: block;
  width: 50%;
  float: left;
  text-align: center;
}
/* line 1223, ../../app/assets/stylesheets/welcome/_base.scss */
.compatibilities i {
  font-size: 90px;
}
@media (min-width: 680px) {
  /* line 1229, ../../app/assets/stylesheets/welcome/_base.scss */
  .compatibilities ul {
    margin: 0 auto;
    max-width: 900px;
  }
  /* line 1233, ../../app/assets/stylesheets/welcome/_base.scss */
  .compatibilities li {
    width: 25%;
  }
  /* line 1234, ../../app/assets/stylesheets/welcome/_base.scss */
  .compatibilities i {
    font-size: 110px;
  }
}
@media (min-width: 1000px) {
  /* line 1202, ../../app/assets/stylesheets/welcome/_base.scss */
  .compatibilities {
    padding: 4em 2em;
  }
  /* line 1241, ../../app/assets/stylesheets/welcome/_base.scss */
  .compatibilities h2 {
    font-size: 1.75em;
  }
}

/*********************************************
** Comparison charts
*********************************************/
/* line 1253, ../../app/assets/stylesheets/welcome/_base.scss */
.chart__loader {
  display: block;
  position: relative;
  width: 100%;
  height: 300px;
  border: solid 2px #eee;
  color: #8e8e8e;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
/* line 1263, ../../app/assets/stylesheets/welcome/_base.scss */
.chart__loader span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url("/assets/images/ajax-loader.gif") left center no-repeat;
  background-size: 14px 14px;
}
@media (min-width: 680px) {
  /* line 1251, ../../app/assets/stylesheets/welcome/_base.scss */
  .chart {
    max-width: 960px;
    margin: 6em auto;
  }
}

/* line 1283, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table {
  display: table;
  margin: 0 auto 2em auto;
  padding: 0;
  width: 100%;
  list-style-type: none;
}
/* line 1293, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table th {
  text-indent: -9999px;
  background-size: 120px 34px;
  background-repeat: no-repeat;
  background-position: center center;
}
/* line 1300, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table th[data-header-name="2.0 Support"] {
  background-image: url("/assets/images/beta-logo-full.svg");
  display: table-cell;
  height: 45px;
}
/* line 1305, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table th[data-header-name="1.0 Support"] {
  background-image: url("/assets/images/evolve-logo-light.svg");
}
/* line 1307, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table th[data-header-name="1.0 Support"],
.version-table td[data-col-name="1.0 Support"] {
  display: none;
}
/* line 1312, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table td {
  border-bottom: solid 1px #e6e7e8;
  padding: 6px;
  width: 50%;
}
/* line 1317, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table td[data-col-name="2.0 Support"],
.version-table td[data-col-name="1.0 Support"] {
  text-align: center;
}
/* line 1322, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table td[data-col-name="2.0 Support"] {
  color: #ec232a;
}
/* line 1324, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table td[data-col-name="2.0 Support"] .check:after {
  border-color: #ec232a;
}
/* line 1327, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table td[data-col-name="1.0 Support"] {
  color: #a7a9ac;
}
/* line 1329, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table td[data-col-name="1.0 Support"] .check:after {
  border-color: #a7a9ac;
}
/* line 1332, ../../app/assets/stylesheets/welcome/_base.scss */
.version-table tr.cap {
  display: none;
}
@media (min-width: 480px) {
  /* line 1336, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table th {
    background-size: 200px 57px;
  }
  /* line 1339, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table th[data-header-name="2.0 Support"] {
    height: 60px;
  }
  /* line 1342, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table td {
    padding: 12px;
  }
}
@media (min-width: 680px) {
  /* line 1283, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table {
    max-width: 960px;
    margin: 6em auto;
  }
  /* line 1353, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table th {
    background-size: 175px 50px;
  }
  /* line 1356, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table th[data-header-name="1.0 Support"],
  .version-table td[data-col-name="1.0 Support"] {
    display: table-cell;
  }
  /* line 1361, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table th[data-header-name="2.0 Support"] {
    height: 80px;
    border-left: solid 1px #e6e7e8;
    border-top: solid 1px #e6e7e8;
    border-right: solid 1px #e6e7e8;
  }
  /* line 1368, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table td {
    width: 33.333%;
  }
  /* line 1372, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table td[data-col-name="2.0 Support"] {
    border-left: solid 1px #e6e7e8;
    border-right: solid 1px #e6e7e8;
    border-bottom-color: #ffffff;
  }
  /* line 1378, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table tr.cap {
    display: table-row;
    font-size: 1px;
  }
  /* line 1383, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table tr.cap td {
    border-bottom: none;
  }
  /* line 1384, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table tr.cap td[data-col-name="2.0 Support"] {
    border-bottom: solid 1px #e6e7e8;
  }
}
@media (min-width: 1000px) {
  /* line 1394, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table th {
    background-size: 210px 60px;
  }
  /* line 1398, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table td {
    width: 37%;
  }
  /* line 1399, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table td[data-col-name="2.0 Support"] {
    width: 26%;
  }
  /* line 1401, ../../app/assets/stylesheets/welcome/_base.scss */
  .version-table td[data-col-name="Feature"] {
    padding-left: 100px;
  }
}

/* line 1410, ../../app/assets/stylesheets/welcome/_base.scss */
.check {
  text-indent: -9999px;
  display: inline-block;
  width: 18px;
  height: 14px;
  position: relative;
}
/* line 1418, ../../app/assets/stylesheets/welcome/_base.scss */
.check:after {
  content: '';
  display: block;
  width: 6px;
  height: 16px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -4px;
}
/* line 1432, ../../app/assets/stylesheets/welcome/_base.scss */
.check.red:after {
  border-color: #ec232a;
}
/* line 1435, ../../app/assets/stylesheets/welcome/_base.scss */
.check.faded:after {
  border-color: #a7a9ac;
}

/*********************************************
** Stats
*********************************************/
/* line 1445, ../../app/assets/stylesheets/welcome/_base.scss */
.stats {
  background: #f2f2f2;
  font-family: "Roboto", sans-serif;
  padding: 2em;
}
/* line 1451, ../../app/assets/stylesheets/welcome/_base.scss */
.stats ul {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
}
/* line 1457, ../../app/assets/stylesheets/welcome/_base.scss */
.stats li {
  display: block;
  padding: 0.5em 0;
  color: #999999;
}
/* line 1462, ../../app/assets/stylesheets/welcome/_base.scss */
.stats strong {
  font-weight: 1.6em;
  color: #000000;
}
@media (min-width: 680px) {
  /* line 1469, ../../app/assets/stylesheets/welcome/_base.scss */
  .stats ul {
    overflow: hidden;
  }
  /* line 1470, ../../app/assets/stylesheets/welcome/_base.scss */
  .stats li {
    width: 50%;
    float: left;
  }
}
@media (min-width: 1000px) {
  /* line 1445, ../../app/assets/stylesheets/welcome/_base.scss */
  .stats {
    padding: 4em;
  }
  /* line 1480, ../../app/assets/stylesheets/welcome/_base.scss */
  .stats li {
    width: 33.33%;
    font-size: 1.2em;
  }
}
@media (min-width: 1400px) {
  /* line 1445, ../../app/assets/stylesheets/welcome/_base.scss */
  .stats {
    padding: 5em;
  }
  /* line 1489, ../../app/assets/stylesheets/welcome/_base.scss */
  .stats li {
    font-size: 1.5em;
  }
}

/*********************************************
** Signup Form
*********************************************/
/* line 1498, ../../app/assets/stylesheets/welcome/_base.scss */
header.form_header,
#new_user,
.onboard_content {
  max-width: 500px;
  margin: 2em auto 0 auto;
}

/* line 1506, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap.onboard.verify .wrap {
  padding-bottom: 6em;
}

/* line 1511, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap.onboard .onboard_content .btn {
  color: #ffffff;
  padding: 0.65em 1.5em;
  margin-bottom: 1em;
  font-size: 0.9em;
  margin-right: 1em;
}
/* line 1519, ../../app/assets/stylesheets/welcome/_base.scss */
.intro-wrap.onboard .onboard_content .details {
  font-size: 0.85em;
}

@media (min-width: 1400px) {
  /* line 1525, ../../app/assets/stylesheets/welcome/_base.scss */
  .intro-wrap.onboard.verify,
  .intro-wrap.onboard.login {
    min-height: 800px;
  }
}

/* line 1537, ../../app/assets/stylesheets/welcome/_base.scss */
.form--simple label {
  display: none;
}
/* line 1539, ../../app/assets/stylesheets/welcome/_base.scss */
.form--simple input[type="email"],
.form--simple button[type="submit"] {
  padding: 0.65em 1em;
}
/* line 1544, ../../app/assets/stylesheets/welcome/_base.scss */
.form--simple input[type="email"] {
  display: block;
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
  border: none;
  border-radius: 50px;
  width: 100%;
  outline: none;
}
/* line 1554, ../../app/assets/stylesheets/welcome/_base.scss */
.form--simple button[type="submit"] {
  width: 100%;
  margin-top: 1em;
}
@media (min-width: 680px) {
  /* line 1535, ../../app/assets/stylesheets/welcome/_base.scss */
  .form--simple {
    width: 450px;
    margin: 1em auto 3em auto;
    position: relative;
  }
  /* line 1565, ../../app/assets/stylesheets/welcome/_base.scss */
  .form--simple input[type="email"],
  .form--simple button[type="submit"] {
    padding: 1em 1.5em;
    font-size: 1em;
  }
  /* line 1571, ../../app/assets/stylesheets/welcome/_base.scss */
  .form--simple input[type="email"] {
    padding-right: 200px;
  }
  /* line 1575, ../../app/assets/stylesheets/welcome/_base.scss */
  .form--simple button[type="submit"] {
    position: absolute;
    width: 175px;
    margin: 0;
    right: 0;
    top: 0;
  }
}

/*********************************************
** Footer
*********************************************/
/* line 1592, ../../app/assets/stylesheets/welcome/_base.scss */
#main_footer {
  background: #000000;
  color: #ffffff;
  padding: 1em;
}
/* line 1598, ../../app/assets/stylesheets/welcome/_base.scss */
#main_footer a {
  color: #ffffff;
}
/* line 1602, ../../app/assets/stylesheets/welcome/_base.scss */
#main_footer .footer_links .wrap {
  overflow: hidden;
}
/* line 1606, ../../app/assets/stylesheets/welcome/_base.scss */
#main_footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/* line 1611, ../../app/assets/stylesheets/welcome/_base.scss */
#main_footer li {
  display: block;
  width: 50%;
  float: left;
}
/* line 1616, ../../app/assets/stylesheets/welcome/_base.scss */
#main_footer li a {
  text-decoration: none;
  display: inline-block;
  padding: 1em;
  font-size: 1em;
  margin-bottom: 0.6em;
}
/* line 1624, ../../app/assets/stylesheets/welcome/_base.scss */
#main_footer li a:hover {
  color: #ccc;
}
/* line 1628, ../../app/assets/stylesheets/welcome/_base.scss */
#main_footer li a.special {
  background: #232323;
}
/* line 1630, ../../app/assets/stylesheets/welcome/_base.scss */
#main_footer li a.special:hover {
  color: #ffffff;
  background: #2e2e2e;
}
@media (min-width: 680px) {
  /* line 1592, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_footer {
    padding: 4em 2em;
  }
  /* line 1642, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_footer .footer_links .wrap {
    max-width: 1000px;
    margin: 0 auto;
  }
  /* line 1647, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_footer ul {
    float: left;
    width: 25%;
  }
  /* line 1651, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_footer li {
    width: auto;
    float: none;
  }
  /* line 1655, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_footer li a {
    padding: 0.65em;
  }
}
@media (min-width: 1000px) {
  /* line 1661, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_footer ul {
    display: block;
    float: left;
  }
  /* line 1665, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_footer li {
    width: auto;
    float: none;
  }
  /* line 1669, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_footer li a {
    padding: 0.95em;
  }
}

@media (min-width: 680px) {
  /* line 1675, ../../app/assets/stylesheets/welcome/_base.scss */
  #main_footer.main_footer--with-ks {
    padding-bottom: 200px;
  }
}

/* line 1683, ../../app/assets/stylesheets/welcome/_base.scss */
p.copyright {
  margin: 1em 0 0 0;
  padding: 2em;
  color: #ffffff;
  font-size: 0.75em;
  text-align: center;
}
/* line 1691, ../../app/assets/stylesheets/welcome/_base.scss */
p.copyright i {
  position: relative;
  top: 7px;
  font-size: 24px;
  margin-right: 6px;
}
@media (min-width: 680px) {
  /* line 1683, ../../app/assets/stylesheets/welcome/_base.scss */
  p.copyright {
    font-size: 0.85em;
  }
}

/* line 1704, ../../app/assets/stylesheets/welcome/_base.scss */
.ks-callout {
  display: none;
}
@media (min-width: 680px) {
  /* line 1704, ../../app/assets/stylesheets/welcome/_base.scss */
  .ks-callout {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    opacity: 0.95;
  }
  /* line 1717, ../../app/assets/stylesheets/welcome/_base.scss */
  .ks-callout:hover {
    opacity: 1;
  }
  /* line 1721, ../../app/assets/stylesheets/welcome/_base.scss */
  .ks-callout__link {
    display: block;
  }
  /* line 1724, ../../app/assets/stylesheets/welcome/_base.scss */
  .ks-callout__img {
    display: block;
  }
}