/*************** passos compra  ***************/
.passos-compra {
  font-size: 40px;
  text-align: center;
  display: flex;
  justify-content: center; }

.passos-compra > div {
  margin-right: 10%;
  margin-bottom: 20px;
  width: 190px;
  vertical-align: top; }

.passos-compra > div:last-child {
  margin-right: 0; }

.passos-compra > div > div {
  width: 90px;
  height: 90px;
  background-color: #CCC;
  color: #FFF;
  border-radius: 100%;
  text-align: center;
  padding-top: 25px;
  margin: 0 auto; }

.passos-compra > div > div:before {
  content: "";
  font-size: 12px;
  position: absolute;
  margin-top: -30px;
  margin-left: -30px;
  width: 30px;
  height: 30px;
  background-color: #CCC;
  color: #FFF;
  font-size: 15px;
  font-weight: bold;
  padding-top: 5px;
  border-radius: 100%; }

.passos-compra > div.passo1 > div:before {
  content: "1"; }

.passos-compra > div.passo2 > div:before {
  content: "2"; }

.passos-compra > div.passo3 > div:before {
  content: "3"; }

.passos-compra > div.passo1:after, .passos-compra > div.passo2:after {
  /* content: "";
  width: 13%;
  height: 10px;
  background-image: url(/img/line-arrow.png);
  background-repeat:no-repeat;
  background-position:right;
  position: absolute;
  margin-top: -70px;
  margin-left: 55px; */ }

.passos-compra div.active > div, .passos-compra div.active > div:before {
  background-color: #1180A6; }

.passos-compra p {
  font-size: 15px;
  font-weight: bold;
  color: #CCC; }

.passos-compra div.active p {
  color: #1180A6; }

@media screen and (max-width: 800px) {
  .passos-compra > div {
    width: 160px;
    margin-right: 5%; }

  .passos-compra > div.passo1:after, .passos-compra > div.passo2:after {
    width: 15%;
    margin-top: -50px;
    margin-left: 25px; }

  .passos-compra > div > div:before {
    font-size: 10px;
    margin-top: -20px;
    margin-left: -20px;
    width: 20px;
    height: 20px;
    font-size: 15px;
    padding-top: 1px;
    border-radius: 100%; }

  .passos-compra > div > div {
    font-size: 20px;
    width: 50px;
    height: 50px;
    padding-top: 15px; } }
@media screen and (max-width: 600px) {
  .passos-compra > div {
    margin-right: 0; }

  .passos-compra > div.passo1:after, .passos-compra > div.passo2:after {
    background: none; } }

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