@charset "utf-8";
/* CSS Document */

.filterable,
.pagination {
	display: inline;
	float: left;
	margin-bottom: 20px;
	margin-right: 0px;
	width: 100%;
}
.filterable li,
.pagination li {
	float: left;
	list-style: none;
	margin-left: 1px;
}
.filterable li:first-child,
.pagination li:first-child {
	margin-left: 0px
}
.filterable li a,
.pagination li a {
	cursor: pointer;
	display: block;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	height: auto;
	padding: 5px 15px;
	font-size: 11px;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	background: rgba(108,96,158,0.8);
	border-bottom: 1px solid #8d95a0;
	text-decoration: none;/* border-radius: 2px;*/
}
.filterable li a:hover,
.pagination li a:hover {
	color: #FFF;
	background: rgba(108,96,158,1);
}
.filterable li:first-child a,
.pagination li:first-child a {
	border-radius: 2px 0px 0px 2px
}
.filterable li:last-child a,
.pagination li:last-child a {
	border-radius: 0px 2px 2px 0px
}
.filterable li a.active,
.pagination li a.active {
	color: #FFF;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10) inset;
}
.filterable li a i,
.pagination li a i {
	color: #FFF;
	margin-right: 7px;
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.9s;
	-moz-transition-duration: 0.9s;
	-ms-transition-duration: 0.9s;
	-o-transition-duration: 0.9s;
	transition-duration: 0.9s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
ul.websoIsotopeGallery {
	margin: 0 0 0 -2%;
	padding: 0;
	overflow: hidden;
	float: left;
	width: 100%;
	border: none;
}
ul.websoIsotopeGallery li {
	float: left;
	margin: 0 0 30px 2%;
	list-style: none;
}
ul.websoIsotopeGallery.three-columns li {
	width: 22%
}
/*ul#websoIsotopeGallery li ul.slides li {
	margin: 0 0 0 0!important
}
ul#websoIsotopeGallery li ul.flex-direction-nav li {
	margin: 0 0 0 0!important
}
ul#websoIsotopeGallery .flex-control-nav, .blog-post .flex-control-nav {
	width: 100%;
	position: absolute;
	display: block;
	z-index: 9999;
	right: -15px!important;
	bottom: 15px;
}
ul#websoIsotopeGallery .flex-control-nav li, .blog-post .flex-control-nav li {
	margin: 0px 0 0 4px;
	padding: 0px;
	float: left;
	width: 10px;
}
ul#websoIsotopeGallery li ol.flex-control-nav li a {
	background-color: #aab2bd;
	border-bottom: 1px solid #919aa6;
	margin: 0 0 0 0px;
}*/
.item-wrapp {
	border-radius: 4px;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.item-wrapp:hover {
	box-shadow: 0px 0px 5px #e6e9ee
}
.portfolio-item {
	float: left;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
}
.portfolio-item a {
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.portfolio-item img {
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
	-webkit-backface-visibility: hidden;
	border-radius: 4px 4px 0 0;
	width:100%;
	height:50%;
	float: left;
}
.portfolio-item:hover img {
	position: relative;
	z-index: 10;
	/*opacity: 0.10;*/
	-webkit-transform: scale(1.18);
	-moz-transform: scale(1.18);
	-ms-transform: scale(1.18);
	-o-transform: scale(1.18);
	-webkit-perspective: 1000;
	border-radius: 4px 4px 0 0;
}
.portfolio-item a.item-permalink {
	background:#ccc;
	position: absolute;
	top: 40%;
	left: -50px;
	z-index: 120;
	border-radius: 4px;
	padding: 10px;
}
.portfolio-item a.item-preview {
	padding: 10px;
	background:#ccc;
	position: absolute;
	top: 40%;
	right: -50px;
	z-index: 121;
	border-radius: 4px;
}
.portfolio-item a.item-permalink:hover, .portfolio-item a.item-preview:hover {
	background: #888
}
.portfolio-item a.item-permalink:hover i, .portfolio-item a.item-preview:hover i {
	color: #434a54
}
.portfolio-item a.item-permalink i, .portfolio-item a.item-preview i {
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
}
ul.websoIsotopeGallery.three-columns li .item-wrapp .portfolio-item:hover a.item-permalink {
	left: 35.5%
}
ul.websoIsotopeGallery.three-columns li .item-wrapp .portfolio-item:hover a.item-preview {
	right: 35.5%
}
.one-third.product .item-wrapp .portfolio-item:hover a.item-permalink {
	left: 32%
}
.one-third.product .item-wrapp .portfolio-item:hover a.item-preview {
	right: 32%
}
.portfolio-item:hover a.item-permalink {
	left: 31.5%
}
.portfolio-item:hover a.item-preview {
	right: 31.5%
}
.portfolio-item-title {
	text-align: center;
	padding: 20px 15px 15px 15px;
	background: #FFF;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0px 0px 4px 4px;
}
.item-wrapp:hover .portfolio-item-title {
	border: 1px solid #888;
	border-top: none;
}
.portfolio-item-title a {
	margin-bottom: 0px;
	font-size: 13px;
	font-weight: 400;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.portfolio-item-title a:hover {
	text-decoration: none;
	color: #434a54!important;
}
.portfolio-item-title p {
	margin-bottom: 10px;
	line-height: 14px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 400;
	color: #404040;
}
.permalink h4 {
	margin-bottom: 0px
}
.permalink a {
	color: #656d78;
	font-family: "Roboto";
	font-weight: 700;
	font-size: 18px;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.permalink a:hover {
	text-decoration: none
}
i.icon-link,
i.icon-zoom-in {
	display:inline-block;
	margin:0px;
	height:20px;
	width:20px;
	background-position:center center;
	background-repeat:no-repeat}
i.icon-link {
	background-image:url(../images/link.png)}
i.icon-zoom-in {
	background-image:url(../images/zoom.png)}

.wsGalleryDesc {
	padding-bottom:20px;
	font-size:1.3em}