/**
 * 12. Portfolio styles
 *
 * In this section styles for portfolios are defined and they are consisted from this sections:
 * 1. Portfolio single
 * 2. Portfolio shortcode
 * 3. Portfolio Masonry
 * 4. New Hover effects
 * 5. Portfolio one by one loading
 */

/* ==========================================================================
   1. Portfolio single styles
   ========================================================================== */
.portfolio_single,
.portfolio_single_text_holder,
.portfolio_detail,
.lightbox_single_portfolio {
	position: relative;
}

.portfolio_single .portfolio_images img,
.portfolio_single .portfolio_images > a.lightbox_single_portfolio,
.portfolio_single.small-slider .flexslider,
.portfolio_single .portfolio_images .fluid-width-video-wrapper,
.portfolio_single.small-images .portfolio_images img{
	display: block;
	margin: 0 0 18px;
}

.portfolio_single .flexslider,
.portfolio_single .portfolio_images .fluid-width-video-wrapper:last-child,
.portfolio_single .portfolio_images > a.lightbox_single_portfolio:last-child,
.portfolio_single .portfolio_images img:last-child{
	margin: 0;
}

.portfolio_single a.lightbox_single_portfolio > i{
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	color: #fff;
	margin: -20px 0 0 -15px;
	z-index: 110;
}

.portfolio_single .portfolio_container {
	position: relative;
	z-index: 200;
}

.portfolio_single.big-slider .portfolio_container,
.portfolio_single.big-images .portfolio_container,
.portfolio_single.gallery .portfolio_container{
	display: block;
	padding: 46px 45px 26px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.portfolio_single.gallery .portfolio_container{
	margin: -2% 0 0;
}

.portfolio_single .portfolio_single_text_title span{
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

.portfolio_single .portfolio_single_text_title{
	margin: 0 0 24px;
	color: #393939;
}

.portfolio_detail.portfolio_single_follow {
	position: relative;
}

.portfolio_detail .info,
.portfolio_single_text_holder{
	margin: 0 0 20px;
}

.portfolio_detail .info .info_section_title {
	margin-bottom: 4px;
	color:#363636;
}

.video_holder {
	position: relative;
	width: 100%;
	display: block;
	min-height: 1px;
}

.portfolio_single .video .mobile-video-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.portfolio_single .video {
	margin: 0 0 44px;
	position: relative;
}

.portfolio_single .video .video-wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 10;
}

.portfolio_single .video .video-wrap .mejs-poster {
	background-size: cover!important;
	-moz-background-size: cover!important;
	-webkit-background-size: cover!important;
	-o-background-size: cover!important;
	width: 100% !important;
	height: 100% !important;
}

.portfolio_single .video .video-wrap .mejs-container {
	background-color: transparent!important;
	background-image: none!important;
	height: 100% !important;
	width: 100% !important;
	overflow: hidden;
}

.portfolio_single .video .video-wrap .mejs-mediaelement {
	background: none !important;
	border: 0px !important;
}

.portfolio_single .video .video-wrap .mejs-container .mejs-poster img {
	max-width: none!important;
	width: 100%!important;
}

.portfolio_single .mejs-container .mejs-controls {
	visibility: visible !important;
}

.portfolio_single .mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none !important;
}

.flexslider .slides .mejs-poster img,
.portfolio_slider .portfolio_slides .mejs-poster img {
	display: none;
}

.portfolio_single .flexslider .video .video-wrap {
	margin: 0;
}

.portfolio_single .social_share_list_holder ul li{
	margin: 6px 12px 0 0;
}

/* Portfolio single gallery template
   ========================================================================== */
.portfolio_gallery {
	display: inline-block;
	width: 100%;
	position: relative;
	margin: 0;
	vertical-align: middle;
}

.portfolio_gallery a {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
}

.portfolio_gallery a.v2 {
	width: 49%;
	margin: 0 2% 2% 0;
}

.portfolio_gallery a.v3 {
	width: 32%;
	margin: 0 2% 2% 0;
}

.portfolio_gallery a.v4 {
	width: 23.5%;
	margin: 0 2% 2% 0;
}

.portfolio_gallery a.v2:nth-child(2n),
.portfolio_gallery a.v3:nth-child(3n),
.portfolio_gallery a.v4:nth-child(4n) {
	margin: 0 0 2% 0;
}

.portfolio_gallery a img,
.portfolio_gallery a frame {
	position: relative;
	display: block;
	width: 100%;
	z-index: 100;
}

.portfolio_gallery iframe{
	min-height: 200px;
}

.portfolio_gallery a .gallery_text_holder{
	background-color: rgba(255, 255, 255, 0.90);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	z-index: 200;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible;
	-webkit-transition: opacity 0.15s ease-out;
	-moz-transition: opacity 0.15s ease-out;
	-o-transition: opacity 0.15s ease-out;
	-ms-transition: opacity 0.15s ease-out;
}

.portfolio_gallery a:hover .gallery_text_holder{
	opacity: 1;
	filter: alpha(opacity=100);
}

.portfolio_gallery a .gallery_text_outer{
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
}

.portfolio_gallery a .gallery_text_inner{
	display: table-cell;
	vertical-align: middle;
}

.portfolio_gallery a .gallery_text_inner .separator.animate{
	border-bottom: medium none;
	transition: width 0.4s ease 0s;
	width: 0;
	background-color: #393939;
	display: inline-block;
	height: 2px;
	margin: 10px 0;
}

.portfolio_gallery a:hover .gallery_text_inner .separator.animate{
	width: 10%;
}

.portfolio_gallery a .gallery_text_inner h4{
	display: block;
	margin: 0;
	padding: 0px 15px;
	color: #393939;
}

/* End of portfolio gallery template styles
   ========================================================================== */

/* Portfolio navigation styles
   ========================================================================== */
.portfolio_navigation {
	display: inline-block;
	width: 100%;
	padding: 40px 0 50px;
	z-index: 100;
	position: relative;
	text-align: center;
	vertical-align: middle;
}


.portfolio_navigation_inner {
	position: relative;
	display: block;
	height: 33px;
}

.portfolio_navigation .portfolio_prev,
.portfolio_navigation .portfolio_next,
.portfolio_navigation .portfolio_button {
	position: relative;
	display: inline-block;
	height: 33px;
	width: auto;
	margin: 0;
	background-color: transparent;
	text-align:left;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	outline: none;
	text-shadow: none;
}

.portfolio_navigation .portfolio_button{
	width: 33px;
}

.portfolio_navigation .portfolio_prev {
	position: absolute;
	top: 0;
	left: 0;
}

.portfolio_navigation .portfolio_next {
	position: absolute;
	top: 0;
	right: 0;
}

.portfolio_navigation a {
	font-size: 30px;
	color: #a6a6a6;
	-webkit-transition: color 0.15s ease-out;
	-moz-transition: color 0.15s ease-out;
	-ms-transition: color 0.15s ease-out;
	-o-transition: color 0.15s ease-out;
	transition: color 0.15s ease-out;
}

.portfolio_navigation a:hover {
	color: #393939;
}

.portfolio_navigation a,
.portfolio_navigation span {
	line-height: 33px;
	display: block;
}

.portfolio_navigation span:before {
	display: block;
}

/* End of portfolio navigation styles
   ========================================================================== */

/* ==========================================================================
   2. Portfolio shortcode styles
   ========================================================================== */

.projects_holder_outer{
	margin: 0;
	display: block;
	width: 100%;
}

.projects_holder_outer .container .container_inner{
	padding: 0;
}

.full_width .projects_holder_outer.v6 ,
.full_width .projects_holder_outer.v5 ,
.full_width .projects_holder_outer.v4 ,
.full_width .projects_holder_outer.v5 .standard,
.full_width .projects_holder_outer.v6 .standard,
.full_width .projects_holder_outer.v4 .standard {
	width: 100%;
	margin: 0 auto;
}

.full_width .section_inner .projects_holder_outer.v6 ,
.full_width .section_inner .projects_holder_outer.v5 ,
.full_width .section_inner .projects_holder_outer.v4 ,
.full_width .section_inner .projects_holder_outer.v5 .standard,
.full_width .section_inner .projects_holder_outer.v6 .standard,
.full_width .section_inner .projects_holder_outer.v4 .standard {
	width: 100%;
}

.full_width .projects_holder_outer.v6 .no_space,
.full_width .projects_holder_outer.v5 .no_space,
.full_width .projects_holder_outer.v4 .no_space{
	width: 100%;
	margin: 0;
}

.projects_holder{
	font-size: 0.1px;
	line-height: 0;
	list-style-type: none;
	text-align: justify;
}

/* this is needed because of the blank space before projects loading, this is removed on projects load*/
/*
.projects_holder_outer:not(.masonry_with_space) .projects_holder{
    min-height: 1500px;
}
*/


.projects_holder:after,
.projects_holder:before{
	content: "";
	display: inline-block !important;
	width: 100%;
}

.projects_holder > .mix{
	/*display: none;*/
	visibility: hidden;
	position: relative;
	vertical-align: top;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	text-align: left;
}

.projects_holder.hideItems > .mix{
	display: none;
}

.portfolio_main_holder.no_space.hover_text article,
.portfolio_main_holder.standard_no_space article{
	float: left;
}

.projects_holder .mix .image,
.portfolio_slider .image,
.portfolio_masonry_holder .image{
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	-moz-transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
}

.projects_holder article .image img {
	position: relative;
	display: block;
	width: 100%;
	z-index: 100;
}

.projects_holder article .image img,
.portfolio_slider .portfolio_slides li.item img {
	-webkit-transition: -webkit-transform 0.15s ease-out;
	-moz-transition: -moz-transform 0.15s ease-out;
	-ms-transition: -ms-transform 0.15s ease-out;
	-o-transition: -o-transform 0.15s ease-out;
	transition: transform 0.15s ease-out;
}

.projects_holder.no_space article .image img{
	margin:0 1px;
}

.projects_holder article .image_holder,
.projects_holder article .portfolio_description{
	display: block;
	position: relative;
	overflow: hidden; /* because of the one pixel shortage on the right side */
}

.projects_holder.no_space article .image_holder{
	margin: 0 -1px -1px -1px;
}

.firefox_mac_browser .projects_holder.no_space article .image_holder{
	margin: 0 -2px -2px;
}

.projects_holder article .portfolio_description {
	padding: 20px 0 27px;
	background-color: #fff;
	border-top:none !important;
}

.projects_holder article .portfolio_description.text_align_left {
	text-align: left;
}

.projects_holder article .portfolio_description.text_align_center {
	text-align: center;
}

.projects_holder article .portfolio_description.text_align_right {
	text-align: right;
}

.projects_holder.standard article .portfolio_description,
.projects_holder.standard_no_space article .portfolio_description {
	padding-left: 25px;
	padding-right: 25px;
}
.projects_holder.standard article .portfolio_description .separator,
.projects_holder.standard_no_space article .portfolio_description .separator {
	display:inline-block;
	height:2px;
	background-color:#000;
	width:30px;
	border:none;
}

.projects_holder.standard article .portfolio_description .separator.animate,
.projects_holder.standard_no_space article .portfolio_description .separator.animate {
	width:20px;
	transition:width 0.2s;
	-webkit-transition:width 0.2s;
}
.projects_holder.standard article:hover .portfolio_description .separator.animate,
.projects_holder.standard_no_space article:hover .portfolio_description .separator.animate {
	width:40px;
}

.masonry_with_space .projects_holder article .portfolio_description{
	padding: 35px 25px 43px;
}

.standard_no_space.projects_holder article .portfolio_description{
	margin: 0 -1px 0 0;
}

.projects_holder article .icons_holder a.portfolio_lightbox:before,
.projects_masonry_holder article .icons_holder a.portfolio_lightbox:before,
.portfolio_slides .icons_holder a.portfolio_lightbox:before{
	font-family: 'FontAwesome';
	content: "\f067";
	line-height: inherit;
}

.projects_holder article .icons_holder a.mkd-like:before,
.projects_masonry_holder article .icons_holder a.mkd-like:before,
.portfolio_slides .icons_holder a.mkd-like:before{
	font-family: 'FontAwesome';
	content: "\f08a";
	line-height: inherit;
}

.projects_holder article .icons_holder a.mkd-like.liked:before,
.projects_masonry_holder article .icons_holder a.mkd-like.liked:before,
.portfolio_slides .icons_holder a.mkd-like.liked:before{
	font-family: "FontAwesome";
	content: "\f004";
	line-height: inherit;
}


.projects_holder article .icons_holder a.preview:before, .projects_masonry_holder article .icons_holder a.preview:before, .portfolio_slides .icons_holder a.preview:before {
	content: "\f0c1";
	font-family: "FontAwesome";
	line-height: inherit;
}

.projects_holder article:hover .icons_holder a,
.projects_masonry_holder article:hover .icons_holder a,
.portfolio_slides li:hover .icons_holder a{
	opacity: 1;
	filter: alpha(opacity=100);
}

.portfolio_slider,
.portfolio_slides .image_holder{
	position: relative;
	display: block;
	-webkit-backface-visibility: hidden;
}

.projects_holder .filler {
	display: inline-block;
	height: 0px;
}

.projects_holder.v6 .mix,
.projects_holder.v6 .mix{
	width: 15.7%;
	margin: 0 0 1.2%;
}

.projects_holder.v6 .mix{
	margin: 0 0 1.7%;
}

.projects_holder.v6 .filler,
.projects_holder.v6 .filler{
	width: 15.7%;
}

.projects_holder.v6.standard_no_space .mix,
.projects_holder.v6.no_space .mix{
	width: 16.66%;
	margin: 0;
}
.projects_holder.v6.hover_text.no_space .mix{
	margin: 0 !important;
}
.projects_holder.v6.standard_no_space .mix{
	margin: 0 0 0%;
}

.projects_holder.v6.standard_no_space .filler,
.projects_holder.v6.no_space .filler{
	width: 16.66%;
}

.safari_browser .projects_holder.v6.standard_no_space .mix,
.safari_browser .projects_holder.v6.no_space .mix,
.safari_browser .projects_holder.v6.standard_no_space .filler,
.safari_browser .projects_holder.v6.no_space .filler,
.firefox_mac_browser .projects_holder.v6.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v6.no_space .mix,
.firefox_mac_browser .projects_holder.v6.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v6.no_space .filler{
	width: 16.6%;
}

.projects_holder.v5 .mix,
.projects_holder.v5 .mix{
	width: 18%;
	margin: 0 0 2.9%;
}

.projects_holder.v5 .mix{
	margin: 0 0 2%;
}

.projects_holder.v5 .filler,
.projects_holder.v5 .filler{
	width: 18.5%;
}

.projects_holder.v5.standard_no_space .mix,
.projects_holder.v5.no_space .mix{
	width: 19.99%;
	margin: 0;
}
.projects_holder.v5.hover_text.no_space .mix{
	margin: 0 !important;
}
.projects_holder.v5.standard_no_space .mix{
	margin: 0 0 0%;
}

.projects_holder.v5.standard_no_space .filler,
.projects_holder.v5.no_space .filler{
	width: 19.99%;
}

.safari_browser .projects_holder.v5.standard_no_space .mix,
.safari_browser .projects_holder.v5.no_space .mix,
.safari_browser .projects_holder.v5.standard_no_space .filler,
.safari_browser .projects_holder.v5.no_space .filler,
.firefox_mac_browser .projects_holder.v5.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v5.no_space .mix,
.firefox_mac_browser .projects_holder.v5.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v5.no_space .filler{
	width: 19.93%;
}

.projects_holder.v4 .mix,
.projects_holder.v4 .mix{
	width: 23.5%;
	margin: 0 0 2.5%;
}

.projects_holder.v4 .mix{
	margin: 0 0 2.2%;
}

.projects_holder.v4 .filler,
.projects_holder.v4 .filler{
	width: 23.5%;
}

.projects_holder.v4.standard_no_space .mix,
.projects_holder.v4.no_space .mix{
	width: 24.99%;
	margin: 0;
}
.projects_holder.v4.hover_text.no_space .mix{
	margin: 0 !important;
}
.projects_holder.v4.standard_no_space .mix{
	margin: 0 0 0;
}

.projects_holder.v4.standard_no_space .filler,
.projects_holder.v4.no_space .filler{
	width: 24.99%;
}

.safari_browser .projects_holder.v4.standard_no_space .mix,
.safari_browser .projects_holder.v4.no_space .mix,
.safari_browser .projects_holder.v4.standard_no_space .filler,
.safari_browser .projects_holder.v4.no_space .filler,
.firefox_mac_browser .projects_holder.v4.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v4.no_space .mix,
.firefox_mac_browser .projects_holder.v4.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v4.no_space .filler{
	width: 24.93%;
}

.projects_holder.v3 .mix,
.projects_holder.v3 .mix{
	width: 32%;
	margin: 0 0 2.4%;
}

.projects_holder.v3 .mix{
	margin: 0 0 2.2%;
}

.projects_holder.v3 .filler,
.projects_holder.v3 .filler{
	width: 32%;
}

.projects_holder.v3.standard_no_space .mix,
.projects_holder.v3.no_space .mix{
	width: 33.32%;
	margin: 0;
}
.projects_holder.v3.hover_text.no_space .mix{
	margin: 0 !important;
}
.projects_holder.v3.standard_no_space .mix{
	margin: 0 0 0%;
}

.projects_holder.v3.standard_no_space .filler,
.projects_holder.v3.no_space .filler{
	width: 33.32%;
}

.safari_browser .projects_holder.v3.standard_no_space .mix,
.safari_browser .projects_holder.v3.no_space .mix,
.safari_browser .projects_holder.v3.standard_no_space .filler,
.safari_browser .projects_holder.v3.no_space .filler,
.firefox_mac_browser .projects_holder.v3.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v3.no_space .mix,
.firefox_mac_browser .projects_holder.v3.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v3.no_space .filler{
	width: 33.3%;
}

.projects_holder.v1 .mix,
.projects_holder.v1 .filler{
	width: 100%;
}

.projects_holder.v2 .mix{
	width: 49%;
	margin: 0 0 2.4%;
}

.projects_holder.v2 .mix{
	margin: 0 0 2.1%;
}


.projects_holder.v2 .filler{
	width: 49%;
}

.projects_holder.v2.standard_no_space .mix,
.projects_holder.v2.no_space .mix{
	width: 49.99%;
	margin: 0;
}
.projects_holder.v2.hover_text.no_space .mix{
	margin: 0 !important;
}
.projects_holder.v2.standard_no_space .mix{
	margin: 0 0 0%;
}

.projects_holder.v2.standard_no_space .filler,
.projects_holder.v2.no_space .filler{
	width: 49.99%;
}

.safari_browser .projects_holder.v2.standard_no_space .mix,
.safari_browser .projects_holder.v2.no_space .mix,
.safari_browser .projects_holder.v2.standard_no_space .filler,
.safari_browser .projects_holder.v2.no_space .filler,
.firefox_mac_browser .projects_holder.v2.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v2.no_space .mix,
.firefox_mac_browser .projects_holder.v2.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v2.no_space .filler{
	width: 49.93%;
}

.portfolio_paging,  .portfolio_paging_loading {
	text-align: center;
	margin: 40px 0 0;
}

.portfolio_paging_loading {
	display: none;
}

.portfolio_with_hover_text .portfolio_paging,
.portfolio_with_hover_text .portfolio_paging_loading{
	margin: 32px 0 0;
}

.full_width .projects_holder_outer.v6.portfolio_with_space .filter_outer,
.full_width .projects_holder_outer.v5.portfolio_with_space .filter_outer,
.full_width .projects_holder_outer.v4.portfolio_with_space .filter_outer{
	width: 100%;
	margin: 0 auto 36px;
}

.full_width .projects_holder_outer.v6.portfolio_with_space.masonry_with_space .filter_outer,
.full_width .projects_holder_outer.v5.portfolio_with_space.masonry_with_space .filter_outer,
.full_width .projects_holder_outer.v4.portfolio_with_space.masonry_with_space .filter_outer,
.full_width .section_inner .projects_holder_outer.v6.portfolio_with_space .filter_outer,
.full_width .section_inner .projects_holder_outer.v5.portfolio_with_space .filter_outer,
.full_width .section_inner .projects_holder_outer.v4.portfolio_with_space .filter_outer{
	width: 100%;
}

/* ==========================================================================
   3. Portfolio Masonry styles
   ========================================================================== */

.projects_masonry_holder{
	opacity: 0;
}

.projects_masonry_holder .portfolio_masonry_item,
.projects_masonry_holder .portfolio_masonry_item.large_height{
	width: 33.33%;
}

.projects_masonry_holder .portfolio_masonry_item.large_width,
.projects_masonry_holder .portfolio_masonry_item.large_width_height{
	width: 66.66%;
}

.full_width .projects_masonry_holder .portfolio_masonry_item,
.full_width .projects_masonry_holder .portfolio_masonry_item.large_height{
	width: 19.96%;
}

.full_width .projects_masonry_holder .portfolio_masonry_item.large_width,
.full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height{
	width: 39.92%;
}

.projects_masonry_holder:after,
.projects_masonry_holder .portfolio_masonry_item:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

.projects_masonry_holder .image_holder img{
	vertical-align: top;
	width: 100%;
	height: auto;
}

.projects_masonry_holder .image_holder{
	margin: 0px -1px 0px 0px;
}

.masonry_with_space .projects_holder{
	position: relative;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.masonry_with_space .projects_holder .mix{
	display: block;
	visibility: visible;
	padding: 0;
	margin: 0 !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.masonry_with_space .projects_holder.v6 .mix,
.masonry_with_space .projects_holder.v6 .filler{
	width: 16.66%;
}

.masonry_with_space .projects_holder.v5 .mix,
.masonry_with_space .projects_holder.v5 .filler{
	width: 20%;
}

.masonry_with_space .projects_holder.v4 .mix,
.masonry_with_space .projects_holder.v4 .filler{
	width: 25%;
}

.masonry_with_space .projects_holder.v3 .mix,
.masonry_with_space .projects_holder.v3 .filler{
	width: 33.33%;
}

.masonry_with_space .projects_holder.v2 .mix,
.masonry_with_space .projects_holder.v2 .filler{
	width: 50%;
}

/* ==========================================================================
   4. New Hover effects styles
   ========================================================================== */

.portfolio_main_holder .item_holder {
	position: relative;
	overflow: hidden;
}

.projects_holder article a.portfolio_link_class,
.projects_masonry_holder article a.portfolio_link_class {
	position: absolute;
	width: 100%;
	height: 100%;
}
.portfolio_main_holder .item_holder .text_holder {
	position: absolute;
}
.portfolio_main_holder .project_category {
	margin: 0;
	display: block;
	line-height: 1;
	font-size: 12px;
}
.portfolio_main_holder .item_holder .text_holder_outer {
	display: table;
	width:100%;
	height: 100%;
}
.portfolio_main_holder .item_holder .text_holder_inner{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
.portfolio_main_holder .item_holder .portfolio_shader {
	position: absolute;
	width:100%;
	height: 100%;
}

.portfolio_main_holder .item_holder .icons_holder{
	font-family: "Open Sans",sans-serif;
	/* this css is here to overwrite other font-family (from body) which can make problem in icon height */
}

.portfolio_main_holder .item_holder .icons_holder a {
	text-align: center;
}
.portfolio_main_holder .item_holder .portfolio_title {
	line-height:1.25em;
}
.projects_holder.standard article .portfolio_title {
	line-height:1.5
}
.projects_holder.standard article .project_category {
	margin:10px 0 0 0;
}

/* gradient_hover text holder */

.projects_holder article .item_holder.gradient_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.gradient_hover a.portfolio_link_class {
	z-index: 4;
}

.portfolio_main_holder .item_holder.gradient_hover .text_holder{
	opacity:1;
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height:auto;
	color: #484c61;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding:30px;
	box-sizing: border-box;
	z-index: 5
}
.portfolio_main_holder .item_holder.gradient_hover .text_holder .separator{
	border-bottom:none;
	height:3px;
	background:#fff;
	display: block;
}
.portfolio_main_holder .item_holder.gradient_hover .text_holder .separator.animate{
	width:10%;
	transition:width 0.3s;
	-webkit-transition:width 0.3s;
}
.portfolio_main_holder .item_holder.gradient_hover:hover .text_holder .separator.animate{
	width:30%;
}

.portfolio_main_holder article:hover .item_holder.gradient_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.gradient_hover .text_holder{
	opacity:1;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

.portfolio_main_holder .item_holder.gradient_hover .text_holder_inner{
	text-align:left;
}
.portfolio_main_holder .item_holder.gradient_hover .portfolio_title {
	font-size: 13px;
}
.portfolio_main_holder .item_holder.gradient_hover .portfolio_title a {
	color:#fff;
}

.portfolio_main_holder .item_holder.gradient_hover .project_category {
	color:#fff;
	font-size: 12px;
	font-style: italic;
}

.portfolio_main_holder .item_holder.gradient_hover .icons_holder{
	position: absolute;
	bottom: -20px;
	opacity: 0;
	top: auto;
	left: 30px;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.portfolio_main_holder article:hover .item_holder.gradient_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.gradient_hover .icons_holder{
	opacity: 1;
	margin-top: 10px;
	display: block;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.portfolio_main_holder .item_holder.gradient_hover .icons_holder a {
	/*    position: relative;*/
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	margin: 0 8px 0 0;
	font-size: 24px;
	color: #fff;
	border-radius: 2em;
	font-size:15px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
}
.portfolio_main_holder .item_holder.gradient_hover .icons_holder a:hover {
	background-color:#279eff;
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
.portfolio_main_holder .item_holder.gradient_hover .image_holder {
	z-index: 2
}

.portfolio_main_holder .item_holder.gradient_hover .portfolio_shader{
	position: absolute;
	vertical-align: middle;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	opacity: 1;
	background:none;
	background: -webkit-linear-gradient(top, rgba(55,55,55,0) 10%, rgba(55,55,55,0.9) 100%);
	background: linear-gradient(to bottom, rgba(55,55,55,0) 10%, rgba(55,55,55,0.9) 100%);
	-webkit-transform: translate3d(0,30%,0);
	transform: translate3d(0,30%,0);
	-webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000), -webkit-transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: opacity 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000), transform 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.portfolio_main_holder article:hover .item_holder.gradient_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.gradient_hover .portfolio_shader{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) !important;
	transform: translate3d(0,0,0) !important;
	z-index:3
}
/*gradient_hover text holder end */


/* upward_hover start */

.projects_holder article .item_holder.upward_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.upward_hover a.portfolio_link_class {
	z-index: 4
}
.portfolio_main_holder .item_holder.upward_hover .portfolio_shader {
	z-index: 3;
}
.portfolio_main_holder .item_holder.upward_hover .image_holder {
	z-index: 2
}

.portfolio_main_holder .item_holder.upward_hover .image_holder .image img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.portfolio_main_holder article:hover .item_holder.upward_hover .image_holder .image img,
.portfolio_slider li.item:hover .item_holder.upward_hover .image_holder .image img{
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:0.5
}

.portfolio_main_holder .item_holder.upward_hover .text_holder {
	width: 100%;
	left: 0;
	height: auto;
	padding: 5%;
	top: auto;
	bottom: 0;
	opacity: 1;
	text-align: center;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	box-sizing: border-box;
	background-color:#279eff;
	z-index: 5
}

.portfolio_main_holder article:hover .item_holder.upward_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.upward_hover .text_holder{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.portfolio_main_holder .item_holder.upward_hover .portfolio_title {
	line-height:1.7;
	font-size: 13px;
	padding-bottom: 0px;
}
.portfolio_main_holder .item_holder.upward_hover .portfolio_title a {
	color:#fff;
}
.portfolio_main_holder .item_holder.upward_hover .text_holder .separator {
	border: none;
	height:2px;
	display: inline-block;
	width:15%;
	background-color:#fff;
}
.portfolio_main_holder .item_holder.upward_hover .text_holder .separator.animate {
	width:0%;
	transition: width 0.5s 0.3s;
	-webkit-transition: width 0.5s 0.3s;
}
.portfolio_main_holder article:hover .item_holder.upward_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.upward_hover .text_holder .separator.animate{
	width:20%;
}
.portfolio_main_holder .item_holder.upward_hover .icons_holder{
	position: static;
	display: block;
}
.portfolio_main_holder .item_holder.upward_hover .icons_holder a {
	font-size: 16px;
	width:28px;
	height:28px;
	line-height: 28px;
	padding: 3px;
	border-radius: 100%;
	display: inline-block;
	border:1px solid #fff;
	color:#fff;
	margin:0 10px 0 0;
}
.portfolio_main_holder .item_holder.upward_hover .icons_holder a:hover {
	background-color:#fff;
	color:#279eff;

}
.portfolio_main_holder .item_holder.upward_hover .icons_holder a:last-child{
	margin: 0
}
.portfolio_main_holder .item_holder.upward_hover  .project_category {
	font-size: 13px;
	color: #fff;
}
/* upward_hover end */


/* opposite_corners_hover   start */

.projects_holder article .item_holder.opposite_corners_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.opposite_corners_hover a.portfolio_link_class {
	z-index: 4
}
.portfolio_main_holder .item_holder.opposite_corners_hover .portfolio_shader {
	background-color:rgba(255,255,255,0.8);
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.portfolio_main_holder article:hover .item_holder.opposite_corners_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.opposite_corners_hover .portfolio_shader{
	opacity: 1;

}
.portfolio_main_holder .item_holder.opposite_corners_hover .image_holder {
	z-index: 2
}
.portfolio_main_holder .item_holder.opposite_corners_hover .text_holder {
	width: auto;
	left: 0;
	height: auto;
	margin: 10%;
	background-color: transparent;
	top: 0;
	text-align: left;
	box-sizing: border-box;
	z-index: 5;
	opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.opposite_corners_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.opposite_corners_hover .text_holder{
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .text_holder_inner {
	text-align:left;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .portfolio_title {
	line-height: 1.5;
	font-size: 16px;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .portfolio_title a {
	display: block;
	border: none;
	color:#000;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .portfolio_title a:hover {
	color:#279eff;
}

.portfolio_main_holder .item_holder.opposite_corners_hover .text_holder .separator {
	display: block;
	width: 50px;
	margin:10px 0;
	height: 2px;
	background-color:#279eff;
	border-bottom: none;
}
.portfolio_main_holder .item_holder.opposite_corners_hover .text_holder .separator.animate {
	width: 0;
	-webkit-transition: width 0.4s 0s;
	transition: width 0.4s 0s;

}
.portfolio_main_holder article:hover .item_holder.opposite_corners_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.opposite_corners_hover .text_holder .separator.animate{
	width:50px
}

.portfolio_main_holder .item_holder.opposite_corners_hover .project_category {
	color:#000;
	display:block;
	font-size: 15px;
	line-height: 1
}

.portfolio_main_holder .item_holder.opposite_corners_hover .icons_holder{
	position: absolute;
	right: 0;
	transform:translate(100%);
	-webkit-transform:translate(100%);
	bottom: 10%;
	z-index: 6;
	left: auto;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.portfolio_main_holder article:hover .item_holder.opposite_corners_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.opposite_corners_hover .icons_holder{
	opacity: 1;
	left: auto;
	transform:translate(-10%);
	-webkit-transform:translate(-10%);
}

.portfolio_main_holder .item_holder.opposite_corners_hover .icons_holder a {
	color:#fff;
	display: inline-block;
	font-size: 14px;
	width:40px;
	height: 40px;
	line-height: 40px;
	border-radius: 2em;
	margin-right: 5px;
	background-color: #279eff;
	border: none;
	transition:0.2s ease-out;
	-webkit-transition:0.2s ease-out;
}

.portfolio_main_holder .item_holder.opposite_corners_hover .icons_holder a:hover {
	color: #fff;
	background-color:#000;
}

.portfolio_main_holder .item_holder.opposite_corners_hover .icons_holder a:last-child {
	margin: 0
}

/* opposite_corners_hover end */

/* slide_from_left_hover start */


.projects_holder article .item_holder.slide_from_left_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.slide_from_left_hover a.portfolio_link_class {
	z-index: 5
}

.portfolio_main_holder .item_holder.slide_from_left_hover .image_holder {
	z-index: 3;
	transform: translate(0px);
	-webkit-transform: translate(0px);
	-webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}
.portfolio_main_holder article:hover .item_holder.slide_from_left_hover .image_holder,
.portfolio_slider li.item:hover .item_holder.slide_from_left_hover .image_holder{
	transform: translate(20%);
	-webkit-transform: translate(20%);
}
.projects_holder article:hover .item_holder.slide_from_left_hover a.portfolio_link_class,
.projects_masonry_holder article:hover .item_holder.slide_from_left_hover a.portfolio_link_class{
	-webkit-transform: translateX(20%);
	transform: translateX(20%);
}

.portfolio_main_holder .item_holder.slide_from_left_hover .icons_holder{
	position: absolute;
	background-color: #279eff;
	opacity: 1;
	width: 22%;
	height: 100%;
	display: block;
	padding-top:5%;
	top: 0;
	left: 0;
	z-index: 9;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	box-sizing: border-box;
}
.portfolio_main_holder article:hover .item_holder.slide_from_left_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.slide_from_left_hover .icons_holder{
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	box-sizing: border-box;
}

.portfolio_main_holder article .item_holder.slide_from_left_hover .icons_holder a,
.portfolio_slider li.item .item_holder.slide_from_left_hover .icons_holder a{
	color: #fff;
	display: block;
	font-size:15px;
	width:auto;
	height:20px;
	padding: 30% 0;
	vertical-align: middle;
	border: none;
	background-color:transparent;
	transition:all 0.1s;
	-webkit-transition:all 0.1s;
	box-sizing: border-box;

}

.portfolio_main_holder .item_holder.slide_from_left_hover .icons_holder a:hover {
	font-size:20px;
}

.portfolio_main_holder .item_holder.slide_from_left_hover .text_holder{
	margin:10% 10% 0 20%;
	font-size: 13px;
	width: auto;
	left: 0;
	height: auto;
	background-color: transparent;
	top: 0;
	text-align: left;
	box-sizing: border-box;
	z-index: 6;
	opacity: 0;
	color: #000;
	padding-left:10%;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .text_holder .separator {
	display: block;
	border: none;
	height:4px;
	background-color:#279eff;
	width:30%;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .text_holder .separator.animate {
	background-color:#279eff;
	width:0%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	transform:translateZ(0px);
	-webkit-transform:translateZ(0px);
}
.portfolio_main_holder article:hover .item_holder.slide_from_left_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.slide_from_left_hover .text_holder .separator.animate{
	width:30%;
	-webkit-transition: all 0.2s linear 0.4s;
	transition: all 0.2s linear 0.4s;
}
.portfolio_main_holder article:hover .item_holder.slide_from_left_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.slide_from_left_hover .text_holder{
	color: #000;
	opacity: 1;
	-webkit-transition: all 0.3s linear 0.3s;
	transition: all 0.3s linear 0.3s;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .portfolio_title {
	margin-bottom:10px;
	font-size:13px;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .portfolio_title a {
	color:#279eff;
	font-weight:700;
	text-transform: uppercase;
}
.portfolio_main_holder .item_holder.slide_from_left_hover .portfolio_title a:hover {
	color:#b8b8b8
}
.portfolio_main_holder .item_holder.slide_from_left_hover .project_category {
	color: #b8b8b8;
}

.portfolio_main_holder .item_holder.slide_from_left_hover .portfolio_shader {
	background-color:rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	z-index: 4;
}
.portfolio_main_holder article:hover .item_holder.slide_from_left_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.slide_from_left_hover .portfolio_shader{
	-webkit-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 1;
}

/* slide_from_left_hover end */

/* prominent_plain_hover start */

.projects_holder article .item_holder.prominent_plain_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.prominent_plain_hover a.portfolio_link_class {
	z-index: 5
}
.portfolio_main_holder .item_holder.prominent_plain_hover .image_holder {
	z-index: 2
}
.portfolio_main_holder .item_holder.prominent_plain_hover .text_holder {
	padding:10%;
	font-size: 14px;
	width: 100%;
	left: 0;
	height: 100%;
	background-color: transparent;
	top: 0;
	text-align: left;
	box-sizing: border-box;
	z-index: 4;
	opacity: 1;
	color: #fff;
	transition: opacity 0.5s cubic-bezier(.165,.84,.44,1);
	-webkit-transition: opacity 0.5s cubic-bezier(.165,.84,.44,1);
}
.portfolio_main_holder .item_holder.prominent_plain_hover .text_holder .separator {
	display: inline-block;
	margin:10px 0;
	height:2px;
	background-color:#fff;
	border: none;
	width:20%;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .text_holder .separator.animate {
	width:20%;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden;
	-webkit-transition: width 0.2s ease-out;
	transition: width 0.2s ease-in-out;
}
.portfolio_main_holder article:hover .item_holder.prominent_plain_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.prominent_plain_hover .text_holder .separator.animate{
	width:0%;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .text_holder_outer{
	display: table;
	width:100%;
	height: 100%;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .text_holder_inner {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}

.portfolio_main_holder article:hover .item_holder.prominent_plain_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.prominent_plain_hover .text_holder{
	opacity: 0;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .portfolio_title {
	color:#fff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .portfolio_title a {
	color:#fff;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .icons_holder {
	position: absolute;
	width:100%;
	left: 0;
	text-align:center;
	top: auto;
	bottom: 0;
	z-index: 6;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	padding:10%;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-sizing: border-box;
}
.portfolio_main_holder article:hover .item_holder.prominent_plain_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.prominent_plain_hover .icons_holder{
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
.portfolio_main_holder .item_holder.prominent_plain_hover .icons_holder a {
	background:rgba(100,100,100,0.5);
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: inline-block;
	color:#fff;
	font-size:14px;
	border-radius:100px;
	margin:0 3px;
	transition:0.2s ease-out;
	-webkit-transition:0.2s ease-out;
}
.portfolio_main_holder .item_holder.prominent_plain_hover .icons_holder a:hover {
	background:rgba(84,84,84,0.5);
}
.portfolio_main_holder .item_holder.prominent_plain_hover .project_category {
	font-size: 11px;
}

.portfolio_main_holder .item_holder.prominent_plain_hover .portfolio_shader {
	background-color:rgba(39,158,255,0.7);
	z-index: 3;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.portfolio_main_holder article:hover .item_holder.prominent_plain_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.prominent_plain_hover .portfolio_shader{
	opacity: 0
}

.portfolio_main_holder .item_holder.prominent_plain_hover .image_holder .image {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	transform:scale(1);
	-webkit-transform:scale(1);
	opacity: 0.7;
	display: block;
	-webkit-perspective: 1500px;
	perspective: 1500px;
}

.portfolio_main_holder article:hover .item_holder.prominent_plain_hover .image_holder .image,
.portfolio_slider li.item:hover .item_holder.prominent_plain_hover .image_holder .image{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	opacity: 1;
}

/* prominent_plain_hover end */


/* prominent_blur_hover start */

.projects_holder article .item_holder.prominent_blur_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.prominent_blur_hover a.portfolio_link_class {
	z-index: 5
}
.portfolio_main_holder .item_holder.prominent_plain_hover .image_holder {
	z-index: 2
}
.portfolio_main_holder .item_holder.prominent_blur_hover .text_holder {
	padding:10%;
	font-size: 14px;
	width: 100%;
	left: 0;
	height: 100%;
	background-color: transparent;
	top: 0;
	text-align: left;
	box-sizing: border-box;
	z-index: 4;
	opacity: 1;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;

}
.portfolio_main_holder .item_holder.prominent_blur_hover .text_holder .separator{
	display: inline-block;
	height: 3px;
	width:30%;
	border:none;
	background-color:#000;
	transition:all 0.3s;
	-webkit-transition:all  0.3s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .text_holder .separator{
	background-color:#aaa;
	box-shadow:0 0 10px #aaa;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .text_holder .separator.animate {
	width: 30px;
}
.portfolio_main_holder article:hover .item_holder.prominent_blur_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.prominent_blur_hover .text_holder .separator.animate{
	width: 50px;
	transition:width 0.3s;
	-webkit-transition:width 0.3s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons_holder {
	position: absolute;
	bottom:10%;
	text-align:center;
	left: auto;
	width: 100%;
	z-index: 6;
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons_holder_outer {
	display: table;
	width: 100%;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons_holder_inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons {
	display: inline-block;
}
.portfolio_main_holder article:hover .item_holder.prominent_blur_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.prominent_blur_hover .icons_holder{
	opacity: 1
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons_holder a {
	background-color:rgba(255,255,255,0.8);
	color:#999;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100px;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	margin-right: 5px;
	font-size:14px;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .icons_holder a:hover {
	background-color:transparent;
	color: #fff;
}

.portfolio_main_holder article:hover .item_holder.prominent_blur_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.prominent_blur_hover .text_holder{
	opacity: 0;
	text-shadow: none;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .text_holder {
	text-shadow: 0px 0px 7px #000;
	opacity: 0.6;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .portfolio_title {
	line-height: 1.5;
	font-size: 11px;
}

.portfolio_main_holder .item_holder.prominent_blur_hover .portfolio_title a {
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .portfolio_title a {
	color: #aaa;
}
.portfolio_main_holder .item_holder.prominent_blur_hover .project_category {
	font-size: 11px;
	display: block;
	color: #000;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .project_category {
	font-size: 11px;
	color: #aaa;
}

.portfolio_main_holder .item_holder.prominent_blur_hover .portfolio_shader {
	background-color:rgba(255,255,255,0.2);
	z-index: 3;
	opacity: 1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.active .portfolio_shader {
	opacity: 0
}

.portfolio_main_holder .item_holder.prominent_blur_hover.blur .portfolio_shader {
	background-color:rgba(255,255,255,0.7);
}

.portfolio_main_holder .item_holder.prominent_blur_hover.blur .image_holder{
	opacity: 1;
}
.portfolio_main_holder .item_holder.prominent_blur_hover.blur .image_holder .image {
	box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.7) inset;
}

.portfolio_main_holder .item_holder.prominent_blur_hover .image_holder .image img {
	opacity: 0.5;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden;
	transform: translateZ(0);
	-webkit-transform:translateZ(0);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.portfolio_main_holder article:hover .item_holder.prominent_blur_hover .image_holder .image img,
.portfolio_slider li.item:hover .item_holder.prominent_blur_hover .image_holder .image img{
	opacity: 1;
}

.portfolio_main_holder article .item_holder.prominent_blur_hover.blur .image_holder .image img,
.portfolio_slider li.item .item_holder.prominent_blur_hover.blur .image_holder .image img{
	opacity: 0.3;
}
/* prominent_blur_hover end */

/* subtle_vertical_hover start */

.projects_holder article .item_holder.subtle_vertical_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.subtle_vertical_hover a.portfolio_link_class {
	z-index: 5
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .image_holder {
	z-index: 2
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder {
	font-size: 14px;
	width: 100%;
	position: absolute;
	left: 0;
	height: 100%;
	background-color: transparent;
	top: 0;
	text-align: center;
	box-sizing: border-box;
	z-index: 4;
	opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .text_holder{
	opacity: 1
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_shader{
	background-color:rgba(255,255,255,0.2);
	z-index: 3;
	opacity: 1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder_inner{
	padding:5px;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_title{
	color:rgba(255,255,255,0);
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	text-shadow:0px 0px 10px #fff;
	opacity: 0;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .portfolio_title,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .portfolio_title{
	opacity: 1;
	color:rgba(255,255,255,1);
	text-shadow:none;
	transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_title a {
	color:#fff;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder .separator {
	border-bottom:none;
	display: inline-block;
	height:2px;
	background-color:transparent;
	margin:10px 0;
	width:20%;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .text_holder .separator,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .text_holder .separator{
	background-color:#279eff;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder .separator.animate {
	width: 0%;
	-webkit-transition: width 0.4s 0s;
	transition: width 0.4s 0s;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .text_holder .separator.animate{
	-webkit-transition: width 0.4s 0s;
	transition: width 0.4s 0s;
	width:20%;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .project_category {
	font-size: 12px;
	color: #fff;
	opacity: 0;
	color:rgba(255,255,255,0);
	text-shadow:0px 0px 10px #fff;
	transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;
	margin-bottom:10px;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .project_category,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .project_category{
	opacity:1;
	color:#fff;
	text-shadow:none;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder {
	transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .icons_holder{
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder a {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	background-color:#279eff;
	border-radius:100px;
	margin:0 3px;
	color:#fff;
	transition:0.2s ease-out;
	-webkit-transition:0.2s ease-out;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_shader {
	background-color:rgba(62,62,62,0.7);
	z-index: 3;
	-webkit-transition: opacity 0.3s cubic-bezier(.785,.135,.15,.86);
	transition: opacity 0.3s cubic-bezier(.785,.135,.15,.86);
	opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .portfolio_shader{
	opacity: 1
}
/* subtle_vertical_hover end */


/* image_subtle_rotate_zoom_hover start */

.projects_holder article .item_holder.image_subtle_rotate_zoom_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.image_subtle_rotate_zoom_hover a.portfolio_link_class {
	z-index: 5
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .image_holder {
	z-index: 2
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .text_holder {
	padding:30px;
	font-size: 14px;
	width: 100%;
	position: absolute;
	left: 0;
	height: 100%;
	background-color: transparent;
	top: 0;
	box-sizing: border-box;
	z-index: 4;
	opacity: 1;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader {
	background-color:rgba(255,255,255,0.2);
	z-index: 3;
	opacity: 1;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_title {
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	text-shadow:0px 0px 10px #fff;
	opacity: 0;
	letter-spacing: 2px;
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_title a {
	color:#fff;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_title,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_title{
	opacity: 1;
	color:#fff;
	text-shadow:none;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .text_holder .separator {
	display: inline-block;
	background-color:#fff;
	border-bottom:none;
	-webkit-transition: width 0.4s 0s;
	transition: width 0.4s 0s;
	margin:10px 0;
	height:4px;
	width:20%;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .text_holder .separator.animate {
	width: 0%;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .text_holder .separator.animate{
	-webkit-transition: width 0.4s 0s;
	transition: width 0.4s 0s;
	width:20%;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .project_category {
	font-size: 12px;
	color: #fff;
	opacity: 0;
	color:rgba(255,255,255,0);
	text-shadow:0px 0px 10px #fff;
	transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transition:all 0.4s ease-out;
	-webkit-transition:all 0.4s ease-out;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .project_category,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .project_category{
	opacity:1;
	color:#fff;
	text-shadow:none;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader {
	background-color:rgba(39,158,255,0.7);
	z-index: 3;
	-webkit-transition: opacity 0.3s cubic-bezier(.785,.135,.15,.86);
	transition: opacity 0.3s cubic-bezier(.785,.135,.15,.86);
	opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader{
	opacity:1;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder {
	transform: translateY(3px);
	-webkit-transform: translateY(3px);
	transition:transform 0.4s ease-out;
	-webkit-transition:transform 0.4s ease-out;
	opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .icons_holder{
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a {
	display:inline-block;
	background-color:transparent;
	border:1px solid #fff;
	width:40px;
	height:40px;
	line-height:40px;
	color:#fff;
	border-radius:100px;
	margin:0 3px;
	transition:0.2s ease-out;
	-webkit-transition:0.2s ease-out;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a:hover {
	background-color:#fff;
	color:#279eff;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .image_holder .image img {
	-webkit-transition: -webkit-transform .7s;
	transition: transform .7s;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .image_holder .image img ,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .image_holder .image img{
	-webkit-transform: rotate(-9deg) scale(1.15);
	transform: rotate(-9deg) scale(1.15);
	-webkit-transition: -webkit-transform .7s;
	transition: transform .7s;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}
/* image_subtle_rotate_zoom_hover end */

/* image_text_zoom_hover start */

.projects_holder article .item_holder.image_text_zoom_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.image_text_zoom_hover a.portfolio_link_class {
	z-index: 5
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .image_holder {
	z-index: 2
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder {
	padding:30px;
	font-size: 14px;
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	background-color: transparent;
	top: 0;
	text-align: center;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	z-index: 4;
}
.portfolio_main_holder article:hover .item_holder.image_text_zoom_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .text_holder{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder_outer{
	display: table;
	width:100%;
	height: 100%;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder_inner{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder .separator {
	width:20%;
	display:inline-block;
	height:4px;
	background:#279eff;
	border-bottom:none;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder .separator.animate {
	width:0%;
	transition:width 0.2s;
	-webkit-transition:width 0.2s;
}
.portfolio_main_holder article:hover .item_holder.image_text_zoom_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .text_holder .separator.animate{
	width:20%;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .portfolio_title  {
	font-size:20px;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .portfolio_title a {
	color: #279eff;
	font-weight:900;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.portfolio_main_holder .project_category, .projects_masonry_holder article .project_category {
	margin-bottom:10px;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .icons_holder a {
	display: inline-block;
	width:40px;
	height:40px;
	line-height: 40px;
	background-color:#279eff;
	border-radius:50%;
	margin:0 2px;
	color:#fff;
	transform:translateY(0);
	-webkit-transform: translateY(0);
	transition: background-color 0.2s, -webkit-transform 0.2s;
	-webkit-transition: background-color 0.2s -webkit-transform 0.2s;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .icons_holder a:hover {
	transform:translateY(-10%);
	-webkit-transform: translateY(-10%);
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .portfolio_shader {
	background-color:rgba(255,255,255,0.7);
	z-index: 3;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.image_text_zoom_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .portfolio_shader{
	opacity: 1
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .image_holder .image {
	-webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}
.portfolio_main_holder article:hover .item_holder.image_text_zoom_hover .image_holder .image,
.portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .image_holder .image{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* image_text_zoom_hover end */

.projects_holder .item_holder.cursor_change_hover a.portfolio_link_class,
.projects_masonry_holder .item_holder.cursor_change_hover a.portfolio_link_class {
	z-index: 6;
	cursor: url("img/cursor_plus.cur"), crosshair;
	cursor: url("img/cursor_plus.png") 22 22, crosshair;
}
.portfolio_main_holder .cursor_img {
	position: absolute;
	z-index: 1000;
}
.portfolio_main_holder .item_holder.cursor_change_hover .image_holder {
	z-index: 2
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder {
	padding:30px;
	font-size: 14px;
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	background-color: transparent;
	top: 0;
	text-align: center;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	z-index: 4;
}

.portfolio_main_holder article:hover .item_holder.cursor_change_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.cursor_change_hover .text_holder {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder_outer{
	display: table;
	width:100%;
	height: 100%;
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder_inner{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
.portfolio_main_holder .item_holder.cursor_change_hover .portfolio_title  {
	font-size: 20px;
}
.portfolio_main_holder .item_holder.cursor_change_hover .portfolio_title a {
	color: #fff;
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder .separator {
	display: inline-block;
	margin:10px 0;
	height:2px;
	background-color:#fff;
	border-bottom: none;
	display: inline-block;
	width:10%;
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder .separator.animate {
	width: 0%;
	border-bottom: none;
	-webkit-transition: width 0.4s 0s;
	transition: width 0.4s 0s;
}
.portfolio_main_holder article:hover .item_holder.cursor_change_hover .text_holder .separator.animate,
.portfolio_slider li.item:hover .item_holder.cursor_change_hover .text_holder .separator.animate {
	-webkit-transition: width 0.4s 0s;
	transition: width 0.4s 0s;
	width:10%;
}
.portfolio_main_holder .item_holder.cursor_change_hover .portfolio_shader {
	background-color:rgba(39, 158, 255, 0.7);
	z-index: 3;
	-webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
}
.portfolio_main_holder article:hover .item_holder.cursor_change_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.cursor_change_hover .portfolio_shader {
	opacity: 1
}

/* cursor_change_hover end */


/* slide_up_hover start */

.projects_holder article .item_holder.slide_up_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.slide_up_hover a.portfolio_link_class {
	z-index: 5;
}

.portfolio_main_holder .item_holder.slide_up_hover .image_holder {
	z-index: 2
}
.portfolio_main_holder .item_holder.slide_up_hover .text_holder {
	padding:30px;
	font-size: 14px;
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	background-color: transparent;
	text-align: center;
	box-sizing: border-box;
	opacity: 0;
	backface-visibility:hidden;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	-webkit-backface-visibility:hidden;
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	z-index: 4;
}
.portfolio_main_holder article:hover .item_holder.slide_up_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.slide_up_hover .text_holder {
	opacity: 1;
	transform:translateY(0);
	-webkit-transform:translateY(0);
	bottom:0;
}
.portfolio_main_holder .item_holder.slide_up_hover .text_holder_outer{
	display: table;
	width: 100%;
	height: 100%;
}
.portfolio_main_holder .item_holder.slide_up_hover .text_holder_inner{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
.portfolio_main_holder .item_holder.slide_up_hover .portfolio_title {
	font-size: 20px;
}
.portfolio_main_holder .item_holder.slide_up_hover .portfolio_title a {
	color: #fff;
}

.portfolio_main_holder article:hover .item_holder.slide_up_hover .project_category,
.portfolio_slider li.item:hover .item_holder.slide_up_hover .project_category{
	color:#fff;
}

.portfolio_main_holder .item_holder.slide_up_hover .icons_holder a {
	display: inline-block;
	margin: 0 10px;
	color: #fff;
	width:30px;
	height:30px;
	line-height:30px;
}

.portfolio_main_holder .item_holder.slide_up_hover .text_holder .separator {
	display: inline-block;
	margin:10px 0;
	height:2px;
	background-color:#fff;
	border-bottom: none;
	width:40px;
}
.portfolio_main_holder .item_holder.slide_up_hover .text_holder .separator.animate {
	width: 0;
	-webkit-transition: width 0.4s 0.5s;
	transition: width 0.4s 0.5s;
}

.portfolio_main_holder article:hover .item_holder.slide_up_hover .text_holder .separator,
.portfolio_slider li.item:hover .item_holder.slide_up_hover .text_holder .separator.animate {
	-webkit-transition: width 0.4s 0.5s;
	transition: width 0.4s 0.5s;
	width:40px;
}
.portfolio_main_holder .item_holder.slide_up_hover .portfolio_shader {
	background-color:rgba(39, 158, 255, 0.7);
	z-index: 3;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
	-webkit-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.portfolio_main_holder article:hover .item_holder.slide_up_hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.slide_up_hover .portfolio_shader {
	transform:translateY(0);
	-webkit-transform:translateY(0);
	-webkit-transition: transform 0.3s ease;
	transition: transform 0.3s ease;
}

/* slide_up_hover end */

/* ==========================================================================
   5. Portfolio one by one loading
   ========================================================================== */
.portfolio_main_holder.portfolio_one_by_one article {
	opacity: 0 !important;
}

.portfolio_main_holder.portfolio_one_by_one article.show {
	opacity: 1 !important;
}

/* ==========================================================================
   End of portfolio styles
   ========================================================================== */