-------------------------------------------------------------- */

/* WRAPPERS */
.wrapper { margin:0 auto;width:100%; }
.outer { position:relative; overflow:hidden; width:100%; }
.wrapper-boxed .wrapper { position:relative; margin:0 auto; width:100%; }

/* PORTFOLIO */
.portfolio row{margin-left:0px;}
.portfolio { clear:both; padding:0px;}
.portfolio { }
.portfolio-item {display:block; overflow:hidden; position:relative; text-align:center;  margin:0; }
.portfolio-item-image { display:block; width:100%; overflow:hidden; background:#eee; position:relative; }
.portfolio-item img { display:block; max-width:100%; margin:0 auto; width:100%; height:auto; line-height:0; -moz-transition:0.5s all; -webkit-transition:0.5s all; transition:0.5s all; }
.portfolio-item .portfolio-item-overlay { opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; -moz-transition-delay:0.1s; -webkit-transition-delay:0.1s; transition-delay:0.1s; z-index:1; }
.portfolio-item .portfolio-item-title,
.portfolio-item .portfolio-item-description { position:absolute;left:0; opacity:0; width:80%; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; z-index:2; }
.portfolio-item > .post-edit-link { position:absolute; left:0; opacity:0; width:80%; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; z-index:3; }
.portfolio-item .portfolio-item-title { font-size:18px; opacity:1; text-transform:uppercase;width:100%; margin:50% 0% -20% 0%; }
.portfolio-item .portfolio-item-description {  top:50%; margin:20px 10% 0; }
.portfolio-item > a.post-edit-link {  top:40%; width: 60px; left: 50%; margin-left: -30px; }
.portfolio-item a:hover { text-decoration:none;-moz-transition:0.1s all; -webkit-transition:0.1s all; transition:0.1s all; }
.portfolio-item:hover {}
.portfolio-item:hover .portfolio-item-overlay { opacity:0.7;background-color:#AF2D2D; }
.portfolio-item-has-excerpt:hover .portfolio-item-title { opacity:1; margin-bottom:0px; }
.portfolio-item:hover .portfolio-item-description { opacity:1; margin-top:10px; }
.portfolio-item:hover > .post-edit-link { opacity:1; margin-top:10px; }
.portfolio-item:hover img { -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); }
.portfolio-item > a.portfolio-item-link { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9999; }



/* Portfolio */
.portfolio-item .portfolio-item-title {
	opacity: 0;
	font-size: 18px;	
	line-height: 23px;	
	bottom: 40%;
}
.portfolio-item:hover .portfolio-item-title {
	opacity: 1;
}
.portfolio-item .portfolio-item-description {
	font-size: 15px;
	line-height: 38px;
	top: 10%;
}
.portfolio-item .portfolio-item-description p {
	margin-bottom: 0;
}
.portfolio-item-description:after {
	display: block;
	content: "\f00e";
	
	font-size: 20px;
	color:transparent;
	text-align: center;
	width: 110px; border:0px;
	height: 110px;
	line-height: 30px;
	
	
	margin: 0 auto;
}
.portfolio .rtmrg{margin-right:62px; }
.column-fit { display:block; float:left;margin:0 auto; }
.column-fit.col-sm-6{margin:0;}
.column-fit.col2 { width:50%; }
.column-fit.col3 { width:33.3333%; }
.column-fit.col3x2 { width:66.6666%; }
.column-fit.col4 { width:25.3333%;margin-bottom:20px;}
.column-fit.col4x2 { width:50%; }
.column-fit.col4x3 { width:75%; }
.column-fit.col5 { width:21%;margin-top:50px;}
.column-fit.col5x2 { width:40%; }
.column-fit.col5x3 { width:60%; }
.column-fit.col5x4 { width:80%; }
.column-fit.col6 { width:16.66666%; }
.column-fit.col6x2 { width:33.3333%%; }
.column-fit.col6x3 { width:50%; }
.column-fit.col6x4 { width:66.666666%; }
.column-fit.col6x5 { width:83.333333%; }
.column-fit.col7 { width:14.2857%; }


/* DARK CONTENT */
body .dark { color:#eee; }
body .dark h1, body .dark h2, body .dark h3, body .dark h4, body .dark h5, body .dark h6, 
body .dark .heading,
body .dark a:link, 
body .dark a:visited,
body .dark a:hover { color:#fff; }
@media (max-width:768px) {
.column-fit.col2 { width:100%; }	
}
