/* loader */
#genre-filter {
	padding-top: 15px;
    border-top: 1px solid #12babf;
}
#genre-filter a.btn.btn-large {
	border: 1px solid #12babf;
    margin-right: 5px;
    cursor: pointer;
}
#genre-filter .btn.btn-large.selected {
    background-color: transparent;
    color: #12babf !important;
}
input.input-filter-work {
    display: none;
}
.ajax-post-loader {
    z-index: 999;
    position: relative;
    display: inline-block;
    width: 100%;

}
@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.comet-dark {
	position: absolute;
	left: 47%;
	top: 140px;
	content: url('space-comet-dark.png');
    vertical-align: middle;
    display: inline-block;
    -webkit-animation-name: spaceboots;
	-webkit-animation-duration: 2s;
	-webkit-transform-origin:60% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	background: inherit;
	border-color: 0px;
}
.comet-dark:hover {
	-webkit-animation-duration: 0s;
	-webkit-transform-origin:50% 50%;
}
.work-box img {
    width: 100%;
    transition: all .3s ease-in-out;
    z-index: 0;
    position: relative;
}
.work-box a:hover {
    color: #fff;
}
.work-box a:hover img {
    border-right: 0px;
    transform: scale(1.1);
    z-index: 999;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.work-box span {
    background-color: #12babf;
    position: absolute;
    z-index: 9999;
    top: 50%;
    text-align: center;
    width: 60%;
    display: none;
    left: 20%;
    padding: 8px 5px;
}
.work-box a:hover span {
    display: block;
}
.genre-filter-navigation {
    margin: 20px 0;
}