.portfolio-item a {
	margin: 15px 0px;
}
.portfolio-item-meta {
	background: 0px 0px rgb(238, 238, 238); font: italic 12px/normal georgia, serif; padding: 4px 10px 12px; transition:0.5s; height: auto; text-align: center; color: rgb(119, 119, 119); overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100%; font-size-adjust: none; font-stretch: normal; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -o-text-overflow: ellipsis;
}
.portfolio-item-meta a {
	font: 13px/30px Arial, sans-serif; margin: 0px 5px 5px; transition:0.2s ease-in-out; color: rgb(0, 0, 0); text-transform: uppercase; border-bottom-color: rgba(0, 0, 0, 0.07); border-bottom-width: 1px; border-bottom-style: solid; display: block; font-size-adjust: none; font-stretch: normal; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;
}
.portfolio-item-meta a:hover {
	color: rgb(204, 204, 204); text-decoration: none;
}
.portfolio-post-grid {
	margin: 0px;
}
.portfolio-post-grid li {
	list-style: none; margin-bottom: 25px; float: left;
}
.portfolio-post-grid li:hover {
	transition:0.5s; box-shadow: 0px 3px 7px rgba(0,0,0,0.3); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.portfolio-post-grid li:hover .portfolio-item-meta {
	background-color: rgb(255, 255, 255);
}
.port-filters a:hover {
	color: rgb(47, 150, 180); text-decoration: none;
}
.port-filters li a {
	color: rgb(34, 34, 34);
}
.port-filters {
	margin: 40px 10px 30px 0px;
}
.port-filters li {
	list-style: none; padding: 0px 10px 0px 0px; text-transform: uppercase; font-family: Arial, sans-serif; font-size: 13px; float: left;
}
.port-filters .last::after {
	content: "";
}
.port-filters li::after {
	color: rgb(153, 153, 153); font-size: 18px; margin-left: 10px; content: "\203A";
}
.portfolio-single-slider {
	margin: 0px;
}
.portfolio-single h2 {
	margin: 15px 0px 18px;
}
.portfolio .featured-thumbnail {
	margin: 0px 0px 10px; overflow: hidden; float: left; position: relative;
}
.codrops-header h1 {
	margin: 0px; color: rgb(0, 0, 0); line-height: 26px; font-size: 26px; font-weight: 700; position: relative;
}
.codrops-header-special h1 {
	margin: 0px; color: rgb(0, 0, 0); line-height: 26px; font-size: 26px; font-weight: 700; position: relative;
}
.codrops-info {
	margin: 0px auto; padding: 20px; text-align: center; line-height: 22px; text-shadow: 0px 1px 1px rgba(255,255,255,0.7);
}
.codrops-header-special {
	left: 0px; top: 5px; width: 100%; text-align: center; position: absolute; background-color: transparent;
}
.codrops-header-special h1 {
	background: rgba(0, 0, 0, 0.8); padding: 20px; color: rgb(255, 255, 255); line-height: 32px; font-size: 32px; display: inline-block; text-shadow: 0px 0px 1px #fff;
}
.codrops-header-special .codrops-info {
	background: rgba(0, 119, 130, 0.8); padding: 5px 20px 5px 10px; text-align: left; color: rgb(255, 255, 255); line-height: 26px; margin-top: 10px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.ri-grid {
	width: 600px;
}
.ri-grid ul li {
	width: 100px; height: 100px;
}
.ri-grid ul li a {
	width: 100px; height: 100px;
}
.ri-grid ul li a img {
	width: 100%;
}
.ri-grid {
	margin: 30px auto; height: auto; position: relative;
}
.ri-grid ul {
	list-style: none; margin: 0px; padding: 0px; width: 100%; display: block;
}
.ri-grid ul::before {
	display: table; content: "";
}
.ri-grid ul::after {
	display: table; content: "";
}
.ri-grid ul::after {
	clear: both;
}
.ri-grid ul {
	-ms-zoom: 1;
}
.ri-grid ul li {
	background: rgb(0, 0, 0); margin: 0px; padding: 0px; overflow: hidden; float: left; display: block; position: relative; perspective: 400px; -webkit-perspective: 400px; -moz-perspective: 400px; -o-perspective: 400px;
}
.ri-grid ul li a {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; box-sizing: content-box; backface-visibility: hidden; background-repeat: no-repeat; background-size: 100% 100%; background-color: rgb(51, 51, 51); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.ri-grid-size-3 {
	padding: 5px 0px; width: 100%; margin-top: 0px;
}
.ri-loading-image {
	display: none;
}
@media all and (max-width:480px)
{
.portfolio-item-meta {
	width: 250px; text-align: center; margin-right: auto; margin-left: auto;
}
.portfolio-post-grid {
	text-align: center;
}
.portfolio {
	text-align: center;
}
.port-filters {
	display: none;
}
}
@media all and (max-width:320px)
{
.portfolio-item-meta {
	width: 245px; text-align: center; margin-right: auto; margin-left: auto;
}
.portfolio-post-grid {
	text-align: center;
}
.portfolio {
	text-align: center;
}
}
@media all and (max-width:240px)
{
.portfolio-item-meta {
	width: 165px; text-align: center; margin-right: auto; margin-left: auto;
}
.portfolio-post-grid {
	text-align: center;
}
.portfolio {
	text-align: center;
}
.port-filters {
	display: none;
}
}
@media all and (width:295px)
{
.portfolio-item-meta {
	width: 220px; text-align: center; margin-right: auto; margin-left: auto;
}
.portfolio-post-grid {
	text-align: center;
}
.portfolio {
	text-align: center;
}
.port-filters {
	display: none;
}
}
@media all and (width:515px)
{
.portfolio-item-meta {
	width: 250px; text-align: center; margin-right: auto; margin-left: auto;
}
.portfolio-post-grid {
	text-align: center;
}
.portfolio {
	text-align: center;
}
.port-filters {
	display: none;
}
}