/* @override 
	http://villapillo.elbuild.com/wp-content/themes/stockholm/css/elbuild_portfolio.css */

/*stylesheet.css*/

/**
 * Portfolio styles
 *
 * In this section styles for portfolios are defined and they are consisted from this sections:
 * 1. Portfolio single page
 * 2. Portfolio shortcode list
 * 3. Portfolio slider
 */


.full_width .projects_holder_outer.v10 .hover_text,
.full_width .projects_holder_outer.v10 .standard {
	width: 95%;
	margin: 0 auto;
}

.full_width .section_inner .projects_holder_outer.v10 .hover_text,
.full_width .section_inner .projects_holder_outer.v10 .standard {
	width: 100%;
}

.full_width .projects_holder_outer.v10 .hover_text.no_space{
	width: 100%;
	margin: 0;
}


.content .content_inner > .container > .container_inner .projects_holder.standard.v10 article .icons_holder{
	margin: 0 0 0 -8px;
}

.full_width .projects_holder.hover_text.v10 article .image_holder.standard_hover .icons_holder{
	bottom: 40px;
	left: 50px;
}


.full_width .projects_holder.v10 article .image_holder.standard_hover .text_holder{
	padding: 40px 50px 75px;
}




.projects_holder.v10 .mix,
.projects_holder.v10.hover_text .mix{
	width: 9.0%;
	margin: 0 0 1.2%;
	border: none !important;
}

.projects_holder.v10.hover_text .mix{
	margin: 0 0 1.7%;
}

.projects_holder.v10 .filler,
.projects_holder.v10.hover_text .filler{
	width: 13.3%;
	background: red;
}

.projects_holder.v10.standard_no_space .mix,
.projects_holder.v10.hover_text.no_space .mix{
	width: 12.5%;
	margin: 0;
}

.projects_holder.v10.standard_no_space .mix{
	margin: 0 0 0%;
}

.projects_holder.v10.standard_no_space .filler,
.projects_holder.v10.hover_text.no_space .filler{
	width: 12.5%;
}

.safari_browser .projects_holder.v10.standard_no_space .mix,
.safari_browser .projects_holder.v10.hover_text.no_space .mix,
.safari_browser .projects_holder.v10.standard_no_space .filler,
.safari_browser .projects_holder.v10.hover_text.no_space .filler,
.firefox_mac_browser .projects_holder.v10.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v10.hover_text.no_space .mix,
.firefox_mac_browser .projects_holder.v10.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v10.hover_text.no_space .filler{
	width: 12.5%;
}


.full_width .projects_holder_outer.v10.portfolio_with_space .filter_outer{
	width: 95%;
	margin: 0 auto 36px;
}

.full_width .projects_holder_outer.v10.portfolio_with_space.masonry_with_space .filter_outer,
.full_width .section_inner .projects_holder_outer.v10.portfolio_with_space .filter_outer{
	width: 100%;
}




.masonry_with_space .projects_holder.v10 .mix,
.masonry_with_space .projects_holder.v10 .filler{
	width: 12.5%;
}



/*responsive.css*/

@media only screen and (max-width: 1600px){
	

	.full_width .projects_holder.hover_text.v10 article .image_holder.standard_hover .icons_holder{
		bottom: 20px;
		left: 30px;
	}

	
	.full_width .projects_holder.v10 article .image_holder.standard_hover .text_holder{
		padding: 20px 30px 55px;
	}
}


@media only screen and (max-width: 1400px){

 
	.full_width .projects_holder.hover_text.v10 article .image_holder.standard_hover .icons_holder{
		bottom: 20px;
		left: 30px;
	}


	.full_width .projects_holder.v10 article .image_holder.standard_hover .text_holder{
		padding: 20px 30px 55px;
	}

}

@media only screen and (max-width: 1300px){

	.projects_holder.v10.standard_no_space .mix,
	.projects_holder.v10.standard_no_space .filler,
	.projects_holder.v10.hover_text.no_space .mix,
	.projects_holder.v10.hover_text.no_space .filler{
		width: 14.99%;
	}

	.safari_browser .projects_holder.v10.standard_no_space .mix,
	.safari_browser .projects_holder.v10.hover_text.no_space .mix,
	.safari_browser .projects_holder.v10.standard_no_space .filler,
	.safari_browser .projects_holder.v10.hover_text.no_space .filler,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .mix,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .mix,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .filler,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .filler{
		width: 14.95%;
	}

    .masonry_with_space .projects_holder.v10 .mix{
        width: 15%;
    }
    
    h4.portfolio_title{
    	font-size: 14px;
    }

}

@media only screen and (max-width: 1200px){
		
	/*.projects_holder.v10 .mix,
	.projects_holder.v10.hover_text .mix{
		width: 13.88%;
		margin: 0 0 1.7%;
	}

	.projects_holder.v10 .filler,
	.projects_holder.v10.hover_text .filler{
		width: 13.88%;
	}
	*/
	h4.portfolio_title{
		font-size: 14px;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
   
	.full_width .projects_holder.hover_text.v10 article .image_holder.standard_hover .icons_holder{
		bottom: 10px;
		left: 20px;
	}

	.full_width .projects_holder.v10 article .image_holder.standard_hover .text_holder{
		padding: 10px 20px 45px;
	}
	
	h4.portfolio_title{
		font-size: 11px;
	}
}

@media only screen and (min-width: 1000px) {
   }

@media only screen and (max-width: 1000px){

h4.portfolio_title{
	font-size: 10px;
}


.projects_holder.v10 .mix,
.projects_holder.v10.hover_text .mix{
	width: 20%;
	margin: 0 0 1.2%;
	border-style: solid;
	border-color: transparent;
}


	.full_width .projects_holder_outer.v10{
		width: 100%;
	}

		.projects_holder.v10 .mix,
.projects_holder.v10.hover_text .mix,{
		width: 17.25%;
		margin: 0 0 3%;
	}

	.projects_holder.v10 .filler,
	.projects_holder.v10.hover_text .filler{
		width: 17.75%;
	}

	

	.projects_holder.v10.hover_text .mix{
		margin: 0 0 2.8%;
	}

	.projects_holder.v10.standard_no_space .mix
	.projects_holder.v10.standard_no_space .filler,
	.projects_holder.v10.hover_text.no_space .mix,
	.projects_holder.v10.hover_text.no_space .filler{
		width: 18.74%;
	}

	.safari_browser .projects_holder.v10.standard_no_space .mix,
	.safari_browser .projects_holder.v10.hover_text.no_space .mix,
	.safari_browser .projects_holder.v10.standard_no_space .filler,
	.safari_browser .projects_holder.v10.hover_text.no_space .filler,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .mix,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .mix,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .filler,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .filler{
		width: 18,70%;
	}

	.projects_holder.v10.standard_no_space .mix{
		margin: 0;
	}

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

	
	.full_width .projects_holder.hover_text.v10 article .image_holder.standard_hover .icons_holder{
		bottom: 15px;
		left: 25px;
	}

		.full_width .projects_holder.v10 article .image_holder.standard_hover .text_holder{
		padding: 15px 25px 50px;
	}

	}

@media only screen and (min-width: 768px) and (max-width: 1100px){

	    }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
	
}

@media only screen and (max-width: 900px){
	.projects_holder.v10.standard_no_space .mix,
	.projects_holder.v10.standard_no_space .filler,
	.projects_holder.v10.hover_text.no_space .mix,
	.projects_holder.v10.hover_text.no_space .filler{
		width: 24.99%;
	}

	.safari_browser .projects_holder.v10.standard_no_space .mix,
	.safari_browser .projects_holder.v10.hover_text.no_space .mix,
	.safari_browser .projects_holder.v10.standard_no_space .filler,
	.safari_browser .projects_holder.v10.hover_text.no_space .filler,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .mix,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .mix,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .filler,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .filler{
		width: 24.98%;
	}
	
}

@media only screen and (max-width: 783px){
   }

@media only screen and (min-width: 768px) and (max-width: 1000px) {
   
}

@media only screen and (max-width: 768px){




	.projects_holder.v10 .mix,
	.projects_holder.v10.hover_text .mix{
		width: 36.23%;
		margin: 0 0 3.6%;
	}

	.projects_holder.v10 .filler
	.projects_holder.v10.hover_text .filler{
		width: 36.23%;
	}

	.projects_holder.v10.hover_text .mix{
		margin: 0 0 3.4%;
	}

	.projects_holder.v10.standard_no_space .mix,
	.projects_holder.v10.standard_no_space .filler,
	.projects_holder.v5.standard_no_space .filler,
	.projects_holder.v10.hover_text.no_space .mix,
	.projects_holder.v10.hover_text.no_space .filler{
		width: 37.49%;
	}

	.safari_browser .projects_holder.v10.standard_no_space .mix,
	.safari_browser .projects_holder.v10.hover_text.no_space .mix,
	.safari_browser .projects_holder.v10.standard_no_space .filler,
	.safari_browser .projects_holder.v10.hover_text.no_space .filler,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .mix,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .mix,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .filler,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .filler
	{
		width: 37.49%;
	}

	.projects_holder.v10.standard_no_space .mix{
		margin: 0;
	}

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

	
	.full_width .projects_holder.hover_text.v10 article .image_holder.standard_hover .icons_holder, 
	.full_width .projects_masonry_holder article .image_holder.standard_hover .icons_holder{
		bottom: 25px;
		left: 35px;
	}

		.full_width .projects_holder.v10 article .image_holder.standard_hover .text_holder{
		padding: 30px 35px 60px;
	}


}

@media only screen and (min-width: 600px) and (max-width: 768px){

	}

@media only screen and (max-width: 600px){
	
	
   .full_width .projects_holder_outer.v10 .hover_text,
    .full_width .projects_holder_outer.v10 .standard{
		width: 100% !important;
	}
}
@media only screen and (max-width: 480px){
	
	
}

@media only screen and (max-width: 420px){
	
	}

@media only screen and (max-width: 350px) {
   
}




/*vertical_responsive.css*/

/*
@media only screen and (min-width: 1000px) and (max-width: 1560px){

	.projects_holder.v10.standard_no_space .mix,
	.projects_holder.v10.standard_no_space .filler,
	.projects_holder.v10.hover_text.no_space .mix,
	.projects_holder.v10.hover_text.no_space .filler{
		width: 19.99%;
	}

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

	
}

@media only screen and (min-width: 1000px) and (max-width: 1460px){
	

	.projects_holder.v10 .mix,
	.projects_holder.v10.hover_text .mix{
		width: 18.5%;
		margin: 0 0 1.7%;
	}

	.projects_holder.v10 .filler,
	.projects_holder.v10.hover_text .filler{
		width: 18.5%;
	}

	}

@media only screen and (min-width: 1000px) and (max-width: 1260px){


	.full_width .projects_holder_outer.v10{
		width: 100%;
	}

	
	.projects_holder.v10 .mix,
	.projects_holder.v10.hover_text .mix{
		width: 23%;
		margin: 0 0 3%;
	}

	.projects_holder.v10 .filler,
	.projects_holder.v10.hover_text .filler{
		width: 23%;
	}

	.projects_holder.v10.hover_text .mix{
		margin: 0 0 2.8%;
	}

	.projects_holder.v10.standard_no_space .mix,
	.projects_holder.v10.standard_no_space .filler,
	.projects_holder.v10.hover_text.no_space .mix,
	.projects_holder.v10.hover_text.no_space .filler
	{
		width: 24.99%;
	}

	.safari_browser .projects_holder.v10.standard_no_space .mix,
	.safari_browser .projects_holder.v10.hover_text.no_space .mix,
	.safari_browser .projects_holder.v10.standard_no_space .filler,
	.safari_browser .projects_holder.v10.hover_text.no_space .filler,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .mix,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .mix,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .filler,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .filler
	{
		width: 24.92%;
	}

	.projects_holder.v10.standard_no_space .mix{
		margin: 0 0 0;
	}

	

	
}

@media only screen and (min-width: 1260px) and (max-width: 1360px){
	.q_percentage_with_icon{
		width: 80% !important;
	}
}

@media only screen and (min-width: 1000px) and (max-width: 1160px){
	.projects_holder.v10.standard_no_space .mix,
	.projects_holder.v10.standard_no_space .filler,
	.projects_holder.v10.hover_text.no_space .mix,
	.projects_holder.v10.hover_text.no_space .filler{
		width: 33.32%;
	}

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

	
}

@media only screen and (min-width: 1000px) and (max-width: 1060px){
	

	.projects_holder.v10 .mix,
	.projects_holder.v10.hover_text .mix{
		width: 31%;
		margin: 0 0 4%;
	}

	.projects_holder.v10 .filler,
	.projects_holder.v10.hover_text .filler{
		width: 31%;
	}

	
	.projects_holder.v10.hover_text .mix{
		margin: 0 0 3.4%;
	}

	.projects_holder.v10.standard_no_space .mix,
	.projects_holder.v10.standard_no_space .filler,
	.projects_holder.v10.hover_text.no_space .mix,
	.projects_holder.v10.hover_text.no_space .filler{
		width: 49.99%;
	}

	.safari_browser .projects_holder.v10.standard_no_space .mix,
	.safari_browser .projects_holder.v10.hover_text.no_space .mix,
	.safari_browser .projects_holder.v10.standard_no_space .filler,
	.safari_browser .projects_holder.v10.hover_text.no_space .filler,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .mix,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .mix,
	.firefox_mac_browser .projects_holder.v10.standard_no_space .filler,
	.firefox_mac_browser .projects_holder.v10.hover_text.no_space .filler{
		width: 49.92%;
	}

	.projects_holder.v10.standard_no_space .mix{
		margin: 0 0 0%;
	}

	
	}*/
	
	
	
	
	/*custom*/
	
	
	.projects_holder.standard article .portfolio_description,
	.projects_holder.standard_no_space article .portfolio_description {
		padding-left: 3px;
		padding-right: 3px;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
	}
	
	.projects_holder article{
-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
        position: relative;
        bottom: 0px;
	}

	.projects_holder article .portfolio_description{
	background: transparent;
	}
	
		.projects_holder article a.portfolio_link_class{
			background: transparent;
		}
	
	.projects_holder article:hover{
		bottom: 30px;
	}
	.title .not_responsive{
		display: none ;
	}
	
	
	.portfolio_shader{
		background-color: rgba(32, 80, 162, 0.65) !important;
	}
	
	.projects_holder article .icons_holder a,
		.projects_masonry_holder article .icons_holder a,
		.portfolio_slides .icons_holder a{
	
			background-color: rgba(255, 255, 255, 0.53);
		}
	
	.projects_holder article .icons_holder a:hover,
	.projects_masonry_holder article .icons_holder a:hover,
	.portfolio_slides .icons_holder a:hover{

		background-color: rgba(57, 57, 57, 0.53);
	}
	
	div.column1 {
		width: 40% !important;
	}
	
	div.column2 {
		width: 60% !important;
	}