/* CSS Document */
.price-container2{
    top: 1em !important;
}
.price-container,
.price-container:before,
.price-container:after,
.price-container .price,
.price-container .price:before,
.price-container .price:after {
	height: 7.5em;
	width: 7.5em;
	background: #bf188c url(price-bg.png) top left no-repeat;
	background-size: 8.5em;
}

.price-container:before,
.price-container:after,
.price-container .price:before,
.price-container .price:after {
	content: "";
	position: absolute;
}

.price-container {
	margin: 16px auto; /* Centering for demo */
	position: absolute; /* Context */
	bottom: 0em;
	right: 1em;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.price-container:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-30deg);
	  -moz-transform: rotate(-30deg);
	   -ms-transform: rotate(-30deg);
	    -o-transform: rotate(-30deg);
	       transform: rotate(-30deg);
}

.price-container:after {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(342deg);
}
.price-container .price.price2{
    right: 140px;
}
.price-container .price {
	padding: .5em 0em;
	height: 7.5em; /* height minus padding */
	position: absolute;
	bottom: 0;
	right: 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(0deg);
	z-index: 1; /* important so the text shows up */
}

.price-container .price:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(15deg);
}

.price-container .price:after {
	top: 0;
	left: 0;
	-webkit-transform: rotate(75deg);
	-moz-transform: rotate(75deg);
	-ms-transform: rotate(75deg);
	-o-transform: rotate(75deg);
	transform: rotate(30deg);
}

.price-container .price span {
  position: relative;
  z-index: 100;
  display: block;
  text-align: center;
  color: #f1f1f1;
  font: 1.2em/1.5em Sans-Serif;
  text-transform: uppercase;
}

.price-container .price span.number {
  font-weight: bold;
  font-size: 2.2em;
  line-height: .9em;
  color: #fff;
}

.price-container {
   
    -webkit-animation: brath 5s ease-out infinite normal;
    animation: brath 5s ease-out infinite normal;
    
    }


	@keyframes brath{
		0%{transform: scale(.9);}
		25%{transform: scale(1);}
		60%{transform: scale(.9);}
		100%{transform: scale(1);}
	}

@media (max-width: 600px) {
    .price-container{
        right: 1em;
            margin: 0px auto;
    }
    .price-container:before{
        height: 0em;
    }
    .price-container .price{
        width: 4.5em;
    }
    .price-container .price.price2{
        right: 70px !important;
    }
    .price-container .price2{
        width: 8.5em !important;
    }


      .price-container{
        height: 0em !important;
    }
    .price-container:after{
        width: 0em !important;
    }
    .price-container .price:before{
         height: 0em !important;
    }
    .price-container .price:after{
        display: none;
    }
    .price-container2 {
    top: 8em !important;
}
}