/*
Mixins
============================================ */
/*
Colors
============================================ */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,700,700i&subset=latin,latin-ext);
.color-red {
  color: #c90000 !important; }

.bgcolor-red {
  background-color: #c90000 !important; }

.bordercolor-red {
  border-color: #c90000 !important; }

.color-red-light {
  color: #FF2D2D !important; }

.bgcolor-red-light {
  background-color: #FF2D2D !important; }

.bordercolor-red-light {
  border-color: #FF2D2D !important; }

.color-orange {
  color: #ff9100 !important; }

.bgcolor-orange {
  background-color: #ff9100 !important; }

.bordercolor-orange {
  border-color: #ff9100 !important; }

.color-blue {
  color: #179edc !important; }

.bgcolor-blue {
  background-color: #179edc !important; }

.bordercolor-blue {
  border-color: #179edc !important; }

.color-blue2 {
  color: #158EBF !important; }

.bgcolor-blue2 {
  background-color: #158EBF !important; }

.bordercolor-blue2 {
  border-color: #158EBF !important; }

.color-green {
  color: #37AD13 !important; }

.bgcolor-green {
  background-color: #37AD13 !important; }

.bordercolor-green {
  border-color: #37AD13 !important; }

.color-white {
  color: #ffffff !important; }

.bgcolor-white {
  background-color: #ffffff !important; }

.bordercolor-white {
  border-color: #ffffff !important; }

.color-gray {
  color: #9A9A9A !important; }

.bgcolor-gray {
  background-color: #9A9A9A !important; }

.bordercolor-gray {
  border-color: #9A9A9A !important; }

/*
Block custom styles
============================================ */
.indent-top {
  margin-top: 8px; }

.indent-right {
  margin-right: 8px; }

.indent-bottom {
  margin-bottom: 8px; }

.indent-left {
  margin-left: 8px; }

.ca-anchor {
  position: relative;
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden; }

.list-playicon {
  padding: 30px 0px 10px; }
  .list-playicon > li {
    position: relative;
    padding: 9px 0 15px 72px;
    color: #333333; }
    .list-playicon > li:before {
      position: absolute;
      z-index: 1;
      display: block;
      content: "";
      left: 0;
      top: 0;
      width: 52px;
      height: 52px;
      background-color: gray; }
    .list-playicon > li:after {
      position: absolute;
      z-index: 2;
      display: block;
      content: "";
      left: 20px;
      top: 16px;
      border: 10px solid transparent;
      border-left-color: white;
      border-left-width: 15px; }
    .list-playicon > li .title {
      font-size: 28px;
      font-weight: 700; }
  .list-playicon--small > li {
    padding: 5px 0 15px 62px; }
    .list-playicon--small > li:before {
      width: 44px;
      height: 44px; }
    .list-playicon--small > li:after {
      left: 17px;
      top: 13px;
      border-width: 10px 10px 10px 15px; }
  .list-playicon--tinny > li {
    padding: 5px 0 15px 52px; }
    .list-playicon--tinny > li:before {
      width: 36px;
      height: 36px; }
    .list-playicon--tinny > li:after {
      left: 12px;
      top: 9px;
      border-width: 10px 10px 10px 15px; }
  .list-playicon--orange > li:before {
    background-color: #ff9100; }
  .list-playicon--blue > li:before {
    background-color: #179edc; }
  .list-playicon--green > li:before {
    background-color: #37AD13; }
  .list-playicon--red > li:before {
    background-color: #c90000; }

.list-pointicon {
  padding: 30px 0px 10px; }
  .list-pointicon > li {
    position: relative;
    padding: 7px 0 15px 40px;
    color: #333333; }
    .list-pointicon > li:before {
      position: absolute;
      z-index: 1;
      display: block;
      content: "";
      left: 0;
      top: 3px;
      width: 32px;
      height: 32px;
      -webkit-border-radius: 50% 50% 50% 50%;
      -moz-border-radius: 50% 50% 50% 50%;
      border-radius: 50% 50% 50% 50%;
      background-color: gray; }
  .list-pointicon--small > li {
    padding: 3px 0 15px 36px; }
    .list-pointicon--small > li:before {
      width: 26px;
      height: 26px; }
  .list-pointicon--tinny > li {
    padding: 0 0 15px 30px; }
    .list-pointicon--tinny > li:before {
      width: 20px;
      height: 20px; }
  .list-pointicon--orange > li:before {
    background-color: #ff9100; }
  .list-pointicon--blue > li:before {
    background-color: #179edc; }
  .list-pointicon--green > li:before {
    background-color: #37AD13; }
  .list-pointicon--red > li:before {
    background-color: #c90000; }

.list-bignumbers > li {
  position: relative;
  padding-left: 120px;
  min-height: 110px;
  padding-top: 10px; }
  .list-bignumbers > li .icon {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 60px;
    vertical-align: middle;
    text-align: center;
    background-color: #9A9A9A;
    color: #ffffff;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%; }
  .list-bignumbers > li h2, .list-bignumbers > li h3, .list-bignumbers > li h4 {
    margin-bottom: 0; }
.list-bignumbers--orange > li .icon {
  background-color: #ff9100; }
.list-bignumbers--blue > li .icon {
  background-color: #179edc; }
.list-bignumbers--green > li .icon {
  background-color: #37AD13; }
.list-bignumbers--red > li .icon {
  background-color: #c90000; }

.list-animatenumbers {
  position: relative; }
  .list-animatenumbers:before {
    position: absolute;
    left: 85px;
    top: -10px;
    bottom: -5px;
    width: 2px;
    content: " ";
    background-color: #9A9A9A; }
  .list-animatenumbers > li .icon {
    display: inline-block;
    margin-right: 10px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 60px;
    vertical-align: middle;
    text-align: center;
    background-color: #9A9A9A;
    color: #ffffff;
    transition: all 0.1s ease-in-out;
    transform-origin: 50%;
    transform: scale(1);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%; }
  .list-animatenumbers--orange > li .icon {
    background-color: #ff9100; }
  .list-animatenumbers--blue > li .icon {
    background-color: #179edc; }
  .list-animatenumbers--green > li .icon {
    background-color: #37AD13; }
  .list-animatenumbers--red > li .icon {
    background-color: #c90000; }

/*
BS4 modal
============================================ */
@media screen and (min-width: 768px) {
  .modal-dialog {
    max-width: 700px; } }
.modal-content {
  border: 0;
  background-color: #f5f5f5; }
.modal-header {
  position: relative;
  border: 0;
  padding: 40px 30px 20px; }
  .modal-header .close {
    position: absolute;
    right: 0;
    top: -22px; }
  .modal-header .progress {
    width: 100%;
    height: 47px;
    background-color: #c4c4c4;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px; }
    .modal-header .progress .progress-bar {
      flex-direction: row;
      text-align: left;
      justify-content: space-between;
      background-color: #2994ff;
      padding: 0 10px; }
      .modal-header .progress .progress-bar span {
        font-size: 19px;
        line-height: 47px;
        vertical-align: middle;
        font-weight: 500;
        align-self: flex-start; }
      .modal-header .progress .progress-bar strong {
        font-size: 20px;
        line-height: 47px;
        vertical-align: middle;
        font-weight: 500;
        align-self: flex-end; }
.modal-body {
  padding-top: 20px;
  padding-bottom: 20px; }
  .modal-body .title {
    padding: 10px 0 30px; }
  .modal-body form {
    max-width: 400px;
    margin: auto; }
    .modal-body form p {
      line-height: 0.80rem; }
      .modal-body form p small {
        font-size: 10px;
        color: #6b6b6b; }
    .modal-body form fieldset {
      border: 0;
      padding: 0 0 8px 0; }
    .modal-body form input {
      width: 100%;
      padding: .7em;
      font-size: 20px;
      line-height: 1.3em;
      color: #111111;
      border: 1px solid rgba(0, 0, 0, 0.15); }
    .modal-body form button {
      width: 100%;
      font-weight: 700;
      padding: .8em;
      font-size: 24px; }
.modal-footer {
  text-align: center;
  border: 0;
  padding: 20px 30px 40px;
  flex-direction: column; }
  .modal-footer .subtitle {
    width: 100%;
    padding: 12px;
    font-weight: 400; }
  .modal-footer .list-steps {
    padding: 25px 0; }
    .modal-footer .list-steps li {
      position: relative;
      padding: 0 0 15px 72px;
      color: #333333; }
      .modal-footer .list-steps li .round {
        position: absolute;
        z-index: 1;
        display: block;
        left: 0;
        top: 0;
        width: 52px;
        height: 52px;
        line-height: 48px;
        font-size: 28px;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        border: 2px solid transparent; }
      .modal-footer .list-steps li .text {
        text-align: left;
        font-size: 30px; }
        .modal-footer .list-steps li .text h3 {
          font-size: 26px; }

.modal-open {
  overflow: auto;
  padding: 10px 0 40px !important; }

#modal_step1 .modal-header .progress {
  background-color: #c4c4c4; }
  #modal_step1 .modal-header .progress .progress-bar {
    background-color: #2994ff;
    -webkit-box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1); }
#modal_step1 .modal-footer .subtitle {
  color: #003b75;
  border: 1px solid #003b75; }

#modal_step2 .modal-header .progress {
  background-color: #c4c4c4; }
  #modal_step2 .modal-header .progress .progress-bar {
    background-color: #ff9100;
    -webkit-box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1); }
#modal_step2 .modal-footer .subtitle {
  color: orange;
  border: 1px solid orange; }

/*
Font settings
============================================ */
html body {
  font-family: Open Sans, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7em; }
  html body strong,
  html body b,
  html body em,
  html body .text-bold,
  html body .bold {
    font-family: Open Sans, serif;
    font-weight: 700; }
  html body h1,
  html body h2,
  html body h3,
  html body h4,
  html body h5,
  html body h6,
  html body .text-headers,
  html body .btn-primary {
    font-family: Montserrat, serif;
    font-weight: 800; }
    html body h1 em, html body h1 i,
    html body h2 em,
    html body h2 i,
    html body h3 em,
    html body h3 i,
    html body h4 em,
    html body h4 i,
    html body h5 em,
    html body h5 i,
    html body h6 em,
    html body h6 i,
    html body .text-headers em,
    html body .text-headers i,
    html body .btn-primary em,
    html body .btn-primary i {
      font-family: Montserrat, serif;
      font-style: italic; }
    html body h1 em,
    html body h2 em,
    html body h3 em,
    html body h4 em,
    html body h5 em,
    html body h6 em,
    html body .text-headers em,
    html body .btn-primary em {
      font-weight: 700; }
  html body h1 {
    font-size: 50px;
    line-height: 1.5em; }
  html body h2 {
    font-size: 37px;
    line-height: 1.6em; }
  html body h3 {
    font-size: 27px;
    line-height: 1.7em; }
  html body h4 {
    font-size: 24px;
    line-height: 1.7em; }
  html body h5 {
    font-size: 20px;
    line-height: 1.7em; }
  html body h6 {
    font-size: 18px;
    line-height: 1.7em; }
  html body a {
    text-decoration: underline; }
  html body p {
    font-size: 18px;
    line-height: 1.5em; }
  html body blockquote {
    font-style: italic; }

/*
Block custom styles
============================================ */
html {
  color: black;
  background-color: #f0f0f0; }
  html body.body-backgroundweb {
    max-width: 100%;
    height: 100vh;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,.1);
    -o-box-shadow: 0px 0px 0px rgba(0,0,0,.1);
    box-shadow: 0px 0px 0px rgba(0,0,0,.1);
    background: url(../img/web-bg.jpg) no-repeat center top; }
  html body .container {
    max-width: 970px; }
  html body .btn {
    padding: .9em;
    line-height: 1.1;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
    border: 0; }
  html body .btn-primary {
    filter: none;
    background: #37ad13; }
    html body .btn-primary:hover, html body .btn-primary:active, html body .btn-primary:focus {
      background: #277e0d; }
  html body .btn-danger:hover, html body .btn-danger:active, html body .btn-danger:focus {
    background: #BC2131; }
  html body > header {
    text-align: center;
    color: white;
    background-color: black;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.31);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,.31);
    -o-box-shadow: 1px 1px 8px rgba(0,0,0,.31);
    box-shadow: 1px 1px 8px rgba(0,0,0,.31);
    padding-top: 2rem;
    padding-bottom: 2rem; }
    @media screen and (min-width: 768px) {
      html body > header {
        padding-top: 4rem;
        padding-bottom: 4rem; } }
    html body > header .logo {
      text-align: left; }
      html body > header .logo span {
        display: inline-block;
        padding-right: 50px;
        line-height: 32px;
        vertical-align: middle;
        border-top: 2px solid #179edc; }
        html body > header .logo span i {
          font-family: "Archivo Narrow",Arial,sans-serif;
          font-weight: 400; }
          html body > header .logo span i b {
            font-family: "Archivo Narrow",Arial,sans-serif;
            font-weight: 700; }
        @media screen and (min-width: 992px) {
          html body > header .logo span {
            width: 100%; } }
    html body > header h1 {
      padding-bottom: 3rem;
      font-size: 30px;
      line-height: 1.5em; }
    @media screen and (min-width: 992px) {
      html body > header .row {
        margin-left: -30px;
        margin-right: -30px; } }
    html body > header .main-menu a {
      display: inline-block;
      line-height: 32px;
      padding: 0 10px;
      text-decoration: none;
      border-top: 2px solid transparent;
      transition: all 0.4s ease;
      color: #179edc; }
      html body > header .main-menu a:hover, html body > header .main-menu a.active {
        background-color: #333333;
        color: #ffffff;
        border-top: 2px solid #179edc; }
    html body > header .youtube {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 25px;
      height: 0; }
      html body > header .youtube iframe {
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 4px solid #179edc; }
    html body > header .img-small {
      display: block;
      margin: 0 auto;
      max-width: 180px; }
    html body > header .countdown {
      padding-top: 1rem;
      padding-bottom: 2rem; }
      html body > header .countdown strong {
        display: inline-block;
        font-size: 37px;
        font-weight: 700;
        height: 56px;
        line-height: 56px;
        vertical-align: top; }
      html body > header .countdown span {
        display: inline-block;
        padding: 0 3px; }
        html body > header .countdown span strong {
          display: block;
          vertical-align: middle;
          width: 56px;
          font-weight: 400;
          color: white;
          background-color: red; }
        html body > header .countdown span small {
          font-size: 11px;
          line-height: 2;
          text-transform: uppercase; }
    html body > header.header-menu {
      padding-top: 1rem;
      padding-bottom: 1rem;
      transition: all 0.3s ease; }
      html body > header.header-menu.fixed {
        padding-top: 4px;
        padding-bottom: 4px; }
      html body > header.header-menu .container {
        padding: 0; }
      @media screen and (min-width: 768px) {
        html body > header.header-menu {
          position: fixed;
          z-index: 99999;
          left: 0;
          top: 0;
          width: 100%;
          padding-top: 2rem;
          padding-bottom: 2rem; } }
  html body > main {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 200px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 0px 200px rgba(0,0,0,.4);
    -o-box-shadow: 0px 0px 200px rgba(0,0,0,.4);
    box-shadow: 0px 0px 200px rgba(0,0,0,.4); }
    html body > main.container {
      padding: 1rem 2rem; }
      @media screen and (min-width: 768px) {
        html body > main.container {
          padding: 1rem 4rem; } }
      @media screen and (min-width: 992px) {
        html body > main.container {
          padding: 2rem 6rem; } }
      html body > main.container > .container-fluid {
        padding: 0; }
    html body > main > section {
      display: flex;
      min-height: 80vh;
      padding-top: 2rem;
      padding-bottom: 2rem;
      flex-direction: column;
      justify-content: space-around;
      border-bottom: 2px solid #179edc; }
    html body > main h2, html body > main h3, html body > main h4 {
      text-align: center;
      margin-top: 1rem;
      margin-bottom: 2rem; }
    html body > main p {
      margin-bottom: 2rem; }
    html body > main ul {
      list-style: none; }
      html body > main ul li {
        padding: 0 0 8px 36px; }
        html body > main ul li h2, html body > main ul li h3, html body > main ul li h4 {
          margin-top: 0;
          margin-bottom: 1rem; }
      html body > main ul.list-bullets li {
        position: relative;
        padding-top: 0px;
        padding-left: 50px; }
        html body > main ul.list-bullets li .bullet {
          position: absolute;
          left: 0;
          top: 10px;
          width: 38px;
          height: 38px;
          line-height: 36px;
          vertical-align: middle;
          text-align: center;
          background-color: #158EBF;
          background-size: 100%; }
          html body > main ul.list-bullets li .bullet--round {
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            -khtml-border-radius: 100%;
            border-radius: 100%; }
          html body > main ul.list-bullets li .bullet svg, html body > main ul.list-bullets li .bullet img {
            display: inline-block;
            color: white;
            fill: white;
            width: 20px;
            height: 20px;
            vertical-align: middle; }
        html body > main ul.list-bullets li h2, html body > main ul.list-bullets li h3, html body > main ul.list-bullets li h4 {
          margin: 0 0 8px; }
    html body > main p + h2,
    html body > main p + h4,
    html body > main p + h3 {
      margin-top: 4rem; }
    html body > main blockquote {
      margin: 2rem 0 2rem 4rem; }
      html body > main blockquote p {
        margin-bottom: 1rem; }
    html body > main .indent-top {
      margin-top: 6rem; }
    html body > main .indent-bottom {
      margin-bottom: 4rem; }
    html body > main .indent-left {
      margin-left: 2rem; }
    html body > main .btn {
      padding: 2rem 4rem;
      width: auto;
      margin: 0 auto; }
      html body > main .btn.btn-extra {
        font-size: 57px; }
      @media screen and (min-width: 768px) {
        html body > main .btn {
          min-width: 200px; } }
    html body > main .cta {
      margin: 3rem 0;
      padding: 0 2rem;
      text-align: center; }
      html body > main .cta + h2 {
        margin-top: 0; }
    html body > main .text-icon {
      display: inline-block;
      width: 23px;
      height: 23px;
      line-height: 23px;
      vertical-align: middle;
      color: white;
      background-color: #37AD13; }
    html body > main img.emoji {
      display: inline !important;
      border: none !important;
      box-shadow: none !important;
      height: 1em !important;
      width: 1em !important;
      margin: 0 .07em !important;
      vertical-align: -.1em !important;
      background: 0 0 !important;
      padding: 0 !important; }
    html body > main img.img-responsive {
      display: block;
      width: 100%; }
    html body > main .milion {
      position: relative; }
      html body > main .milion > strong {
        display: block;
        letter-spacing: -20px; }
        html body > main .milion > strong span {
          display: inline-block;
          transition: all 0.4s ease;
          transform-origin: center bottom;
          transform: scale(0.001); }
          html body > main .milion > strong span.finished {
            transform: scale(1); }
      html body > main .milion > em {
        display: block;
        padding: 30px 0 0; }
    html body > main .countdown {
      text-align: center;
      margin-top: 3rem;
      margin-bottom: 3rem; }
      html body > main .countdown strong {
        display: inline-block;
        font-size: 37px;
        font-weight: 700;
        height: 56px;
        line-height: 56px;
        vertical-align: top; }
      html body > main .countdown span {
        display: inline-block;
        padding: 0 13px;
        color: white;
        background-color: red; }
        html body > main .countdown span strong {
          display: block;
          vertical-align: middle;
          width: 56px;
          font-weight: 400; }
        html body > main .countdown span small {
          font-size: 11px;
          line-height: 2;
          text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    html body .header-menu + main {
      padding-top: 12rem; } }
  html body > footer {
    text-align: center;
    color: #7A7A7A;
    background-color: #171717;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    -o-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px rgba(0,0,0,.1); }
    html body > footer > * {
      padding-top: 2rem;
      padding-bottom: 2rem; }
      @media screen and (min-width: 768px) {
        html body > footer > * {
          padding-top: 4rem;
          padding-bottom: 4rem; } }
    html body > footer .countdown {
      color: white;
      background-color: red;
      border-bottom: 3px solid #AA7A2B; }
      html body > footer .countdown span {
        display: inline-block;
        padding: 0 3px; }
        html body > footer .countdown span strong {
          display: block;
          font-size: 47px;
          font-weight: 700;
          width: 76px;
          height: 76px;
          line-height: 76px;
          vertical-align: middle; }
        html body > footer .countdown span small {
          font-size: 11px;
          line-height: 2;
          text-transform: uppercase; }
    html body > footer .container .logo {
      display: block;
      margin: 0 auto;
      max-width: 100px; }
    html body > footer .container nav {
      padding-top: 3rem;
      font-size: 82%; }
      html body > footer .container nav a {
        color: #7A7A7A; }
        html body > footer .container nav a:hover, html body > footer .container nav a:active, html body > footer .container nav a:focus {
          color: white; }

@media screen and (min-width: 768px) {
  .modal-dialog {
    max-width: 700px; } }
.modal-content {
  border: 0;
  background-color: #f5f5f5; }
.modal-header {
  position: relative;
  border: 0;
  padding: 40px 30px 20px; }
  .modal-header .close {
    position: absolute;
    right: 0;
    top: -22px; }
  .modal-header .progress {
    width: 100%;
    height: 47px;
    background-color: #c4c4c4;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px; }
    .modal-header .progress .progress-bar {
      flex-direction: row;
      text-align: left;
      justify-content: space-between;
      background-color: #2994ff;
      padding: 0 10px; }
      .modal-header .progress .progress-bar span {
        font-size: 19px;
        line-height: 47px;
        vertical-align: middle;
        font-weight: 500;
        align-self: flex-start; }
      .modal-header .progress .progress-bar strong {
        font-size: 20px;
        line-height: 47px;
        vertical-align: middle;
        font-weight: 500;
        align-self: flex-end; }
.modal-body {
  padding-top: 20px;
  padding-bottom: 20px; }
  .modal-body .title {
    padding: 10px 0 30px; }
  .modal-body form {
    max-width: 400px;
    margin: auto; }
    .modal-body form p {
      line-height: 0.80rem; }
      .modal-body form p small {
        font-size: 10px;
        color: #6b6b6b; }
    .modal-body form fieldset {
      border: 0;
      padding: 0 0 8px 0; }
    .modal-body form input {
      width: 100%;
      padding: .7em;
      font-size: 20px;
      line-height: 1.3em;
      color: #111111;
      border: 1px solid rgba(0, 0, 0, 0.15); }
    .modal-body form button {
      width: 100%;
      font-weight: 700;
      padding: .8em;
      font-size: 24px; }
.modal-footer {
  text-align: center;
  border: 0;
  padding: 20px 30px 40px;
  flex-direction: column; }
  .modal-footer .subtitle {
    width: 100%;
    padding: 12px;
    font-weight: 400; }
  .modal-footer .list-steps {
    padding: 25px 0; }
    .modal-footer .list-steps li {
      position: relative;
      padding: 0 0 15px 72px;
      color: #333333; }
      .modal-footer .list-steps li .round {
        position: absolute;
        z-index: 1;
        display: block;
        left: 0;
        top: 0;
        width: 52px;
        height: 52px;
        line-height: 48px;
        font-size: 28px;
        -webkit-border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        border-radius: 50% 50% 50% 50%;
        border: 2px solid transparent; }
      .modal-footer .list-steps li .text {
        text-align: left;
        font-size: 30px; }
        .modal-footer .list-steps li .text h3 {
          font-size: 26px; }

.modal-open {
  overflow: auto;
  padding: 10px 0 40px !important; }

#modal_step1 .modal-header .progress {
  background-color: #c4c4c4; }
  #modal_step1 .modal-header .progress .progress-bar {
    background-color: #2994ff;
    -webkit-box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1); }
#modal_step1 .modal-footer .subtitle {
  color: #003b75;
  border: 1px solid #003b75; }

#modal_step2 .modal-header .progress {
  background-color: #c4c4c4; }
  #modal_step2 .modal-header .progress .progress-bar {
    background-color: #ff9100;
    -webkit-box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -10px 10px 0px rgba(0, 0, 0, 0.1); }
#modal_step2 .modal-footer .subtitle {
  color: #c90000;
  border: 1px solid #c90000; }

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