.wpae-loading {
  width: 16px;
  height: 16px; }
  .wpae-loading:before {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: spin 1s ease-in-out infinite;
    -moz-animation: spin 1s ease-in-out infinite;
    animation: spin 1s ease-in-out infinite;
    content: "";
    background: url(../../img/loader.svg) center center; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* BlockUI loading icon */
.blockUI.blockOverlay:before {
  height: 1em;
  width: 1em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -.5em;
  margin-top: -.5em;
  -webkit-animation: spin 1s ease-in-out infinite;
  -moz-animation: spin 1s ease-in-out infinite;
  animation: spin 1s ease-in-out infinite;
  content: "";
  background: url(../../img/loader.svg) center center;
  background-size: cover;
  line-height: 1;
  text-align: center;
  font-size: 2em;
  color: rgba(0, 0, 0, 0.75); }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/*********************
 * Defaults
 *********************/
.relative {
  position: relative; }

/* Make a wrapper relative so the labels won't fall off the image */
.edd_download_image {
  position: relative; }

.label-wrap {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: inherit; }

/* Label alignment */
.label-wrap.eddapl-alignleft {
  float: left; }

.label-wrap.eddapl-alignright {
  float: right; }

.label-wrap.eddapl-alignnone, .label-wrap.eddapl-align {
  /* 	display: inline-block; */ }

.label-wrap.eddapl-aligncenter {
  margin-left: auto;
  margin-right: auto; }

/*********************
 * Badge
 *********************/
.eddapl-badge .product-label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }

.eddapl-badge .label-product[href]:hover,
.eddapl-badge .label-product[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

/* Badge colors */
.eddapl-badge .label-red {
  background-color: #e74c3c; }

.eddapl-badge .label-blue {
  background-color: #3498db; }

.eddapl-badge .label-green {
  background-color: #39A539; }

.eddapl-badge .label-yellow {
  background-color: #ffe312;
  color: #444; }

.eddapl-badge .label-orange {
  background-color: #ffA608; }

.eddapl-badge .label-gray {
  background-color: #999; }

.eddapl-badge .label-black {
  background-color: #444; }

.eddapl-badge .label-white {
  background-color: white;
  color: #444; }

/*********************
 * Ribbon
 *********************/
.label-wrap.eddapl-ribbon {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; }

.eddapl-ribbon .product-label {
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: -60px;
  top: 20px;
  width: 200px;
  color: #FFF;
  text-align: center;
  padding: 3px;
  -webkit-transform: rotate(-42deg);
  -moz-transform: rotate(-42deg);
  -ms-transform: rotate(-42deg);
  -o-transform: rotate(-42deg);
  transform: rotate(-42deg); }

.eddapl-ribbon .label-product[href]:hover,
.eddapl-ribbon .label-product[href]:focus {
  color: #FFF;
  text-decoration: none;
  cursor: pointer; }

/* Ribbon align */
.eddapl-ribbon.eddapl-alignright .product-label {
  float: right;
  right: -60px;
  left: inherit;
  top: 20px;
  -webkit-transform: rotate(42deg);
  -moz-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  -o-transform: rotate(42deg);
  transform: rotate(42deg); }

.label-wrap.eddapl-ribbon.eddapl-alignleft .product-label {
  float: left;
  left: -60px;
  top: 20px; }

/* Ribbon colors */
.eddapl-ribbon .label-red {
  background-color: #e74c3c; }

.eddapl-ribbon .label-blue {
  background-color: #3498db; }

.eddapl-ribbon .label-green {
  background-color: #39A539; }

.eddapl-ribbon .label-yellow {
  background-color: #ffe312;
  color: #444; }

.eddapl-ribbon .label-orange {
  background-color: #ffA608; }

.eddapl-ribbon .label-gray {
  background-color: #999; }

.eddapl-ribbon .label-black {
  background-color: #444; }

.eddapl-ribbon .label-white {
  background-color: white;
  color: #444; }

.label-product del {
  color: #fff; }

.product-label:empty {
  display: none; }

/*********************
 * Flash
 *********************/
.eddapl-flash {
  position: absolute;
  top: -13px;
  height: 56px;
  width: 56px; }

.eddapl-flash .product-label {
  border-radius: 100%;
  background-color: #3498db;
  border: 3px solid white;
  color: white;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 50px;
  height: 50px;
  width: 50px;
  position: absolute;
  box-sizing: content-box; }

/* Flash colors */
.eddapl-flash .label-red {
  background-color: #e74c3c; }

.eddapl-flash .label-blue {
  background-color: #3498db; }

.eddapl-flash .label-green {
  background-color: #39A539; }

.eddapl-flash .label-yellow {
  background-color: #ffe312;
  color: #444; }

.eddapl-flash .label-orange {
  background-color: #ffA608; }

.eddapl-flash .label-gray {
  background-color: #999; }

.eddapl-flash .label-black {
  background-color: #444; }

.eddapl-flash .label-white {
  background-color: white;
  color: #444;
  border-color: #444; }

/* Flash alignment */
.eddapl-flash.eddapl-alignleft {
  left: -13px; }

.eddapl-flash.eddapl-alignnone,
.eddapl-flash.eddapl-alignright {
  right: -13px; }

.eddapl-flash.eddapl-aligncenter {
  left: 50%;
  margin-left: -25px;
  /* Margin left minus half the width */ }

/*********************
 * Down Arrow
 *********************/
.eddapl-down_arrow {
  background-color: #3498DB;
  color: white;
  position: absolute;
  top: 0; }

.eddapl-down_arrow .product-label {
  width: 70px;
  display: inline-block;
  text-align: center;
  min-height: 50px;
  vertical-align: middle;
  /* Vertical align */
  line-height: 1.3;
  z-index: 99;
  display: table-cell;
  position: relative;
  height: 50px;
  vertical-align: middle;
  text-align: center;
  width: 70px; }

.eddapl-down_arrow .product-label:after {
  display: block;
  content: " ";
  width: 0;
  height: 0;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  border-top: 30px solid #3498DB;
  bottom: -30px;
  position: absolute; }

.eddapl-down_arrow .product-label span.product-label-text {
  vertical-align: middle;
  height: 50px;
  display: block;
  line-height: 1.3;
  margin-top: 50%;
  position: absolute;
  z-index: 99;
  top: -50%; }

/* Alignment */
.eddapl-down_arrow.eddapl-alignleft {
  left: 15px; }

.eddapl-down_arrow.eddapl-alignnone,
.eddapl-down_arrow.eddapl-alignright {
  right: 15px; }

.eddapl-down_arrow.eddapl-aligncenter {
  left: 50%;
  margin-left: -35px;
  /* Margin left minus half the width */ }