.category {
font-family: Quicksand;
}

.project_category {
font-size: 20px !important;
}

.filter {
font-size: 20px;
}

.mctb.mctb-medium label {
font-size: 20px !important;
}

.fa-play-circle-o {
color: orange;
}

.fa-play-circle-o:hover {
color: black;
} .note {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 4s ease infinite;
    -moz-animation:spin 4s ease infinite;
    animation:spin 4s ease infinite;
}
.note2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin2 3s ease infinite;
    -moz-animation:spin2 3s ease infinite;
    animation:spin2 3s ease infinite;
}

.starWhite {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 50px;
    height: 50px;
    margin:-60px 0 0 -60px;
    -webkit-animation:starWhite 1s linear infinite;
    -moz-animation:starWhite 1s linear infinite;
    animation:starWhite 1s linear infinite;
}

.starRed {
    position: absolute;
    top: 50px;
    right: 150px;
    width: 50px;
    height: 50px;
    margin:-60px 0 0 -60px;
    -webkit-animation:starRed 0.6s linear infinite;
    -moz-animation:starRed 0.6s linear infinite;
    animation:starRed 0.6s linear infinite;
}

@-moz-keyframes spin { 
    0%   {left:-200px; top:50px;}
    25%  {left:200px; top:0px;}
    50%  {left:200px; top:200px;}
    75%  {left:0px; top:200px;}
    100% {left:-200px; top:50px; -moz-transform: rotate(360deg);} 
}
@-webkit-keyframes spin { 
    0%   {left:-200px; top:50px;}
    25%  {left:200px; top:0px;}
    50%  {left:200px; top:200px;}
    75%  {left:0px; top:200px;}
    100% {left:-200px; top:50px; -webkit-transform: rotate(360deg);} 
}
@keyframes spin { 
    0%   {left:-200px; top:50px;}
    25%  {left:200px; top:0px;}
    50%  {left:200px; top:200px;}
    75%  {left:0px; top:200px;}
    100% {left:-200px; top:50px; transform: rotate(360deg);} 
}

@-moz-keyframes spin2 { 
    0%   {left:-100px; top:10px;}
    25%  {left:-200px; top:100px;}
    50%  {left:0px; top:50px;}
    75%  {left:-50px; top:100px;}
    100% {left:-100px; top:10px; -moz-transform: rotate(360deg);} 
}

@-webkit-keyframes spin2 { 
    0%   {left:-100px; top:10px;}
    25%  {left:-200px; top:100px;}
    50%  {left:0px; top:50px;}
    75%  {left:-50px; top:100px;}
    100% {left:-100px; top:10px; -webkit-transform: rotate(360deg);} 
}

@keyframes spin2 { 
    0%   {left:-100px; top:10px;}
    25%  {left:-200px; top:100px;}
    50%  {left:0px; top:50px;}
    75%  {left:-50px; top:100px;}
    100% {left:-100px; top:10px; transform: rotate(360deg);} 
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}
@-moz-keyframes blink {
  50% {
    opacity: 0;
  }
}

@keyframes starWhite {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes starWhite {
  50% {
    opacity: 0;
  }
}
@-moz-keyframes starWhite {
  50% {
    opacity: 0;
  }
}

@keyframes starRed {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes starRed {
  50% {
    opacity: 0;
  }
}
@-moz-keyframes starRed {
  50% {
    opacity: 0;
  }
}

.tv {
  position: absolute;
  left:40%;
  top:60%;
}

.tvbeams {
  position: relative;
  left:-50px;
  top:-300px;
  animation: blink .5s infinite;
  -webkit-animation: blink .5s infinite;
  -moz-animation: blink .5s infinite;
}