/*@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  font-family: lato;
}*/
/*$brand-primary: #3498DB;*/
.section-header, .steps-header, .steps-name-active, .steps-name {
  color: #3bafda;
  /*font-weight: 400;*/
  /*font-size: 1.4em;*/ }

.steps-header {
  margin-bottom: 20px;
  text-align: center; }

.steps-timeline {
  outline: 1px dashed rgba(255, 0, 0, 0); }
  @media screen and (max-width: 500px) {
    .steps-timeline {
      border-left: 1px solid #3bafda;
      margin-left: 25px; } }
  @media screen and (min-width: 500px) {
    .steps-timeline {
      border-top: 1px solid #3bafda;
      padding-top: 20px;
      margin-top: 40px;

      margin-left: 5%;
      margin-right: 5%; } }
  .steps-timeline:after {
    content: "";
    display: table;
    clear: both; }

.steps-one,
.steps-two,
.steps-three,
.steps-four {
  outline: 1px dashed rgba(0, 128, 0, 0); }
  @media screen and (max-width: 500px) {
    .steps-one,
    .steps-two,
    .steps-three,
    .steps-four {
      margin-left: -25px; } }
  @media screen and (min-width: 500px) {
    .steps-one,
    .steps-two,
    .steps-three,
    .steps-four {
      float: left;
      width: 25%;
      margin-top: -30px; } }

@media screen and (max-width: 500px) {
  .steps-one,
  .steps-two,
  .steps-three {
    padding-bottom: 20px; } }

@media screen and (min-width: 500px) {
  .steps-one {
    /*margin-left: -16.65%;
    margin-right: 16.65%;*/
    margin-left: -12.5%;
    margin-right: 8.4%; } }

.steps-two,
.steps-three {
  margin-right: 8.3%;
  /*margin-left: 6.25%;*/ }

@media screen and (max-width: 500px) {
  .steps-four {
    margin-bottom: -100%; } }
@media screen and (min-width: 500px) {
  .steps-four {
    /*margin-left: 16.65%;
    margin-right: -16.65%;*/
    /*margin-left: 6.25%;*/
    margin-right: -12.5%; } }

.steps-img {
  display: block;
  margin: auto;
  width: 50px;
  height: 50px;
  border-radius: 50%; }
  @media screen and (max-width: 500px) {
    .steps-img {
      float: left;
      margin-right: 20px; } }

.steps-icon-active {
  display: block;
  margin: auto;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  background: #3bafda;
  border-radius: 50%;
  border: 1px solid #3bafda;
  color: #ffffff;
  text-align: center; }
  @media screen and (max-width: 500px) {
    .steps-icon-active {
      float: left;
      margin-right: 20px;
      margin-left: 15px; } }

.steps-icon {
  display: block;
  margin: auto;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  /*background: #d8d9df;*/
  background: #dddddd;
  border-radius: 50%;
  border: 1px solid #dddddd;
  color: #ffffff;
  text-align: center; }
  @media screen and (max-width: 500px) {
    .steps-icon {
      float: left;
      margin-right: 20px;
      margin-left: 15px; } }

.steps-name-active,
.steps-description {
  margin: 0; }

@media screen and (min-width: 500px) {
  .steps-name-active {
    text-align: center; } }

.steps-name,
.steps-description {
  margin: 0;
  color: #dddddd; }

@media screen and (min-width: 500px) {
  .steps-name {
    text-align: center; } }

.steps-description {
  overflow: hidden; }
  @media screen and (min-width: 500px) {
    .steps-description {
      text-align: center; } }