/* Work Page */
.flexslider { background: #fff; position: relative; overflow: hidden; margin-bottom: 2em; }
ul.slides li { display: none; }
ul.slides li img { display: block; margin: 0 auto; }

.flex-direction-nav { list-style: none; margin: 0; padding: 0; }
.flex-direction-nav a { display: block; text-indent: -9999em; position: absolute; top: 25px; width: 32px; height: 32px; background: url("/images/media-arrows.png") no-repeat; z-index: 10; cursor: pointer; }
.flex-direction-nav a.flex-prev { background-position: 0 0; right: 65px; }
.flex-direction-nav a.flex-next { background-position: right 0; right: 25px; }
.flex-direction-nav a.flex-prev:hover { background-position: 0 bottom; }
.flex-direction-nav a.flex-next:hover { background-position: right bottom; }


/* Work Grid */
.work-grid li { margin-bottom: 1em; overflow: hidden; }
.work-grid .cat-image { height: 150px; -webkit-transition: 5s; transition: 5s; }
.work-grid li:hover .cat-image { -webkit-transform: scale(1.2); transform: scale(1.2); }
.work-grid .cat-name { left: 0; bottom: 0; width: 100%; margin: 0; padding: 10px 15px; color: #FFF; background: rgba(25,25,25,.75); z-index: 2; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; font-weight: normal; }
.work-grid .cat-link { left: 0; top: 0; width: 100%; height: 100%; z-index: 3; display: block; text-indent: -9999em; }


@media screen and (min-width: 480px) {
.work-grid li { float: left; width: 49%; margin: 0 2% 1em 0; }
.work-grid li:nth-child(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
.work-grid li { width: 32%; }
.work-grid li:nth-child(2n) { margin-right: 2%; }
.work-grid li:nth-child(3n) { margin-right: 0; }
.work-grid .cat-image { height: 250px; }
}

@media screen and (min-width: 1024px) {
.work-grid li { width: 18%; }
.work-grid li:nth-child(3n) { margin-right: 2%; }
.work-grid li:nth-child(5n) { margin-right: 0; }
}