/* Transform mixins */
/* End transform mixins */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes shake {
  0% {
    transform: translate(0.5px, 0.5px) rotate(0deg); }
  10% {
    transform: translate(-0.5px, -1px) rotate(-0.5deg); }
  20% {
    transform: translate(-1.5px, 0px) rotate(0.5deg); }
  30% {
    transform: translate(1.5px, 1px) rotate(0deg); }
  40% {
    transform: translate(0.5px, -0.5px) rotate(0.5deg); }
  50% {
    transform: translate(-0.5px, 1px) rotate(-0.5deg); }
  60% {
    transform: translate(-1.5px, 0.5px) rotate(0deg); }
  70% {
    transform: translate(1.5px, 0.5px) rotate(-0.5deg); }
  80% {
    transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
  90% {
    transform: translate(0.5px, 1px) rotate(0deg); }
  100% {
    transform: translate(0.5px, -1px) rotate(-0.5deg); } }

.glad_placeholders {
  position: relative; }
  .glad_placeholders #glad_block_msg {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 5rem 0 0 8rem; }
    .glad_placeholders #glad_block_msg .glad_message_wrap {
      max-width: 300px;
      padding: 2rem;
      background-color: #fff;
      position: relative;
      -webkit-box-shadow: 0 2px 4px 0 rgba(43, 30, 51, 0.12);
      -moz-box-shadow: 0 2px 4px 0 rgba(43, 30, 51, 0.12);
      box-shadow: 0 2px 4px 0 rgba(43, 30, 51, 0.12); }
    .glad_placeholders #glad_block_msg img {
      min-height: 260px; }