div.circle-step {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  padding: 13px 0;
  line-height: 1.25;
  text-align: center;

  border-radius: 70px;
  -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px;

  display: block;

  background-color: #fff;
  color: #494949;
  border: solid 1px #a1a1a1;

  position: relative; top: -50px;
}

div.purchase-container {border: 3px solid #10809c;}

div.circle-step-complete {background-color: #3ba69c; color:#fff;}
div.circle-step i{font-size: 30px;}

div.circle-step-line {
	border-top: 1px solid #a1a1a1;
/*  background: -moz-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #ffffff), color-stop(50%, #000000), color-stop(51%, #000000), color-stop(52%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
  background: linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);*/
}


div.checkout{font-size:1.3em; text-align: right;}
div.checkout p{margin-bottom:2px;}



@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

h1 {font-size: 25px;}
h2 {font-size: 18px;}
h3 {font-size: 18px;}
h4 {font-size: 18px;}