h1 {
  font-size: 2.454rem; }

h2 {
  font-size: 1.618rem; }

h3 {
  font-size: 1.517rem; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0; }

a {
  text-decoration: none; }

table {
  border-spacing: 0; }

fieldset, img {
  border: 0; }

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

strong {
  font-weight: bold; }

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #444; }

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

abbr, acronym {
  border: 0; }

img {
  max-width: 100%; }

html {
  height: 100%; }

body {
  height: 100%;
  margin: 0;
  font-size: 16px; }

* {
  font-family: 'Roboto', sans-serif;
  word-wrap: break-word;
  box-sizing: border-box; }

a {
  text-decoration: none; }

article, aside, figure, footer, header, main, nav, section {
  display: block; }

.clear {
  clear: both; }

.wrap {
  background: url(../img/bg/bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100%; }

.header {
  max-width: 960px;
  margin: 0 auto;
  padding: 2rem; }
  .header h2 {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 900; }
  .header #priceSoFar {
    display: inline-block;
    position: relative;
    float: none;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 100; }
    @media only screen and (min-width: 46.875em) {
      .header #priceSoFar {
        float: right; } }

.panel {
  background: #eee;
  padding: 2rem;
  padding-bottom: 4rem;
  max-width: 960px;
  margin: 0 auto; }
  .panel h2 {
    clear: both;
    color: #888;
    display: block;
    font-size: 2.2rem;
    font-weight: 900;
    padding: 0.625rem 0; }

.next-prev > div {
  color: #0080ff;
  font-size: 0.875rem;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  transition: all 0.3s; }
  .next-prev > div:hover {
    border-bottom: 1px solid #0080ff; }
.next-prev .prev-question {
  float: left;
  display: none; }
.next-prev .next-question {
  float: right; }

.all-steps {
  position: relative;
  top: 20px; }
  .all-steps .step {
    position: absolute;
    top: 200px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    transition: all 0.3s; }
  .all-steps .step.show {
    transition: all 0.5s;
    position: relative;
    opacity: 1;
    visibility: visible;
    top: 0;
    right: 0; }

.row {
  clear: both; }
  .row > a {
    display: inline-block;
    float: none;
    width: 100%;
    position: relative;
    box-shadow: 0 0 50px #ddd;
    background: #fff;
    padding: 1.25rem;
    margin: 0.5rem 0;
    cursor: pointer; }
    @media only screen and (min-width: 46.875em) {
      .row > a {
        display: inline-block;
        float: left;
        width: 49%; } }
  .row > a:first-child {
    float: left; }
  .row > a:nth-child(2) {
    float: right; }
  .row > a:hover .img {
    transform: scale(1.15); }
  .row .img {
    display: block;
    width: 100px;
    height: 100px;
    float: none;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    background: #f0f0f0;
    transition: all 0.3s; }
    .row .img img {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }
    @media only screen and (min-width: 28.125em) {
      .row .img {
        display: inline-block;
        width: 120px;
        height: 120px;
        float: left; } }
  .row .name {
    display: block;
    position: relative;
    margin-left: 0;
    float: none;
    top: 10px; }
    .row .name h3 {
      text-align: center;
      top: 0;
      transform: translateY(0); }
    @media only screen and (min-width: 28.125em) {
      .row .name {
        display: inline-block;
        height: 120px;
        position: relative;
        top: 0;
        margin-left: 1.25rem;
        float: left; }
        .row .name h3 {
          position: relative;
          color: #888;
          top: 50%;
          transform: translateY(-50%); } }

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