/* Scss Document */
#badge {
  position: relative; }
  #badge #daa-ribbon {
    position: absolute;
    right: 0px;
    top: 20px;
    width: 145px;
    height: 60px;
    overflow: hidden;
    background: url(/img/ribbon_bottomRight_white.png) top right no-repeat;
    z-index: 99999;
    transition: all ease-in-out .3s;
    background-size: 70%; }
    #badge #daa-ribbon:hover {
      opacity: 0.8; }
  #badge #daa-ribbon a {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0; }
  #badge a#cssda {
    width: 90px;
    height: auto;
    position: absolute;
    top: 80px;
    right: 0; }
    #badge a#cssda img {
      width: 100%;
      height: auto; }

/*////////////////////////////#catchCopy{
	h1 {
		&:before {
			content:"";
			display:block;
			position: absolute;
			 animation-duration: 1s;
			 height:100%;
			animation-name: slidein;
			top:0;
			left:0%;
			animation-name: slidein;
			background:#941E38;
			
			-ms-background-blend-mode: multiply;
			-webkit-background-blend-mode: multiply;
			-moz-background-blend-mode: multiply;
			background-blend-mode: multiply;
			z-index:10000;
			
		}
	}
}*/
#catchInner {
  animation-duration: 3s;
  animation-name: catch;
  overflow: hidden;
  -ms-background-blend-mode: multiply;
  -webkit-background-blend-mode: multiply;
  -moz-background-blend-mode: multiply;
  background-blend-mode: multiply; }
  #catchInner:before {
    content: "";
    display: inline-block;
    position: absolute;
    animation-duration: 1s;
    height: 100%;
    animation-name: catch;
    top: 0;
    left: 31.5%;
    width: 35%;
    background: #941E38;
    -ms-background-blend-mode: multiply;
    -webkit-background-blend-mode: multiply;
    -moz-background-blend-mode: multiply;
    background-blend-mode: multiply;
    z-index: 10000;
    -webkit-transform: translateX(5000%);
    transform: translateX(5000%);
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87); }
  #catchInner strong {
    position: relative;
    padding: 0 .2em; }

@-webkit-keyframes catch {
  0% {
    letter-spacing: 1px;
    -webkit-transform: translate(1px, 4px);
    transform: translate(1px, 4px);
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87); }
  2% {
    -webkit-transform: translate(2px, 1px);
    transform: translate(2px, 1px); }
  4% {
    -webkit-transform: translate(2px, 4px);
    transform: translate(2px, 4px); }
  6% {
    -webkit-transform: translate(2px, 1px);
    transform: translate(2px, 1px); }
  8% {
    -webkit-transform: translate(1px, 2px);
    transform: translate(1px, 2px); }
  10% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  12% {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px); }
  14.000000000000002% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  16% {
    -webkit-transform: translate(4px, 5px);
    transform: translate(4px, 5px); }
  18% {
    -webkit-transform: translate(3px, 3px);
    transform: translate(3px, 3px); }
  20% {
    -webkit-transform: translate(4px, 3px);
    transform: translate(4px, 3px); }
  22% {
    -webkit-transform: translate(2px, 4px);
    transform: translate(2px, 4px); }
  24% {
    -webkit-transform: translate(4px, 5px);
    transform: translate(4px, 5px); }
  26% {
    -webkit-transform: translate(3px, 4px);
    transform: translate(3px, 4px); }
  28.000000000000004% {
    -webkit-transform: translate(3px, 4px);
    transform: translate(3px, 4px); }
  30% {
    -webkit-transform: translate(5px, 3px);
    transform: translate(5px, 3px); }
  32% {
    -webkit-transform: translate(3px, 5px);
    transform: translate(3px, 5px); }
  34% {
    -webkit-transform: translate(3px, 3px);
    transform: translate(3px, 3px); }
  36% {
    -webkit-transform: translate(5px, 1px);
    transform: translate(5px, 1px); }
  38% {
    -webkit-transform: translate(5px, 3px);
    transform: translate(5px, 3px); }
  40% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  42% {
    -webkit-transform: translate(1px, 2px);
    transform: translate(1px, 2px); }
  44% {
    -webkit-transform: translate(2px, 1px);
    transform: translate(2px, 1px); }
  46.00000000000001% {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px); }
  48% {
    -webkit-transform: translate(4px, 1px);
    transform: translate(4px, 1px); }
  50% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  52% {
    -webkit-transform: translate(5px, 1px);
    transform: translate(5px, 1px); }
  54% {
    -webkit-transform: translate(1px, 5px);
    transform: translate(1px, 5px); }
  56.00000000000001% {
    -webkit-transform: translate(3px, 4px);
    transform: translate(3px, 4px); }
  58% {
    -webkit-transform: translate(1px, 3px);
    transform: translate(1px, 3px); }
  60% {
    -webkit-transform: translate(5px, 3px);
    transform: translate(5px, 3px); }
  62% {
    -webkit-transform: translate(2px, 1px);
    transform: translate(2px, 1px); }
  64% {
    -webkit-transform: translate(1px, 4px);
    transform: translate(1px, 4px); }
  66% {
    -webkit-transform: translate(1px, 5px);
    transform: translate(1px, 5px); }
  68% {
    -webkit-transform: translate(4px, 3px);
    transform: translate(4px, 3px); }
  70.00000000000001% {
    -webkit-transform: translate(2px, 5px);
    transform: translate(2px, 5px); }
  72% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  74% {
    -webkit-transform: translate(2px, 5px);
    transform: translate(2px, 5px); }
  76% {
    -webkit-transform: translate(5px, 2px);
    transform: translate(5px, 2px); }
  78% {
    -webkit-transform: translate(1px, 3px);
    transform: translate(1px, 3px); }
  80% {
    -webkit-transform: translate(5px, 1px);
    transform: translate(5px, 1px); }
  82.00000000000001% {
    -webkit-transform: translate(5px, 3px);
    transform: translate(5px, 3px); }
  84% {
    -webkit-transform: translate(2px, 1px);
    transform: translate(2px, 1px); }
  86% {
    -webkit-transform: translate(2px, 1px);
    transform: translate(2px, 1px); }
  88% {
    -webkit-transform: translate(1px, 5px);
    transform: translate(1px, 5px); }
  90% {
    -webkit-transform: translate(5px, 1px);
    transform: translate(5px, 1px);
    color: #941E38; }
  92.00000000000001% {
    -webkit-transform: translate(5px, 2px);
    transform: translate(5px, 2px); }
  94% {
    -webkit-transform: translate(1px, 3px);
    transform: translate(1px, 3px); }
  96% {
    -webkit-transform: translate(2px, 4px);
    transform: translate(2px, 4px);
    color: #941E38; }
  98% {
    -webkit-transform: translate(1px, 2px);
    transform: translate(1px, 2px); }
  100% {
    -webkit-transform: translate(5px, 3px);
    transform: translate(5px, 3px);
    opacity: 1;
    -webkit-transform: translateX(3%);
    transform: translateX(3%);
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87); }
  1% {
    -webkit-transform: scaleY(1) skewX(0deg);
    transform: scaleY(1) skewX(0deg); }
  1.5% {
    opacity: .5;
    -webkit-transform: scaleY(3) skewX(-60deg);
    transform: scaleY(3) skewX(-60deg);
    color: #941E38; }
  2% {
    -webkit-transform: scaleY(1) skewX(0deg);
    transform: scaleY(1) skewX(0deg);
    color: #941E38; }
  51% {
    -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
    color: #941E38; }
  52% {
    -webkit-transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    transform: scaleX(1.5) scaleY(0.2) skewX(80deg);
    color: #941E38; }
  53% {
    -webkit-transform: scaleX(1) scaleY(1) skewX(0deg);
    transform: scaleX(1) scaleY(1) skewX(0deg);
    opacity: 1; } }
@-webkit-keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
    -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87);
    transition: transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.9s cubic-bezier(0.08, 0.03, 0.22, 0.87); } }
@media screen and (min-width: 320px) and (max-width: 768px) {
  #badge {
    display: none; }
    #badge a#cssda img {
      width: 40px;
      height: auto; }

  #catchInner {
    animation-duration: 3s;
    animation-name: catch;
    overflow: hidden;
    -ms-background-blend-mode: multiply;
    -webkit-background-blend-mode: multiply;
    -moz-background-blend-mode: multiply;
    background-blend-mode: multiply; }
    #catchInner:before {
      content: "";
      display: inline-block;
      position: absolute;
      animation-duration: 1s;
      height: 100%;
      animation-name: catch;
      top: 0;
      left: 25%;
      width: 50%; } }