@import url("../fonts/font-awesome.min.css");    /* Font Awesome */
@import url("javascript.css");                           /* Css Styles for js scripts */
                         /* Layout Skin */

/* Site Styles
================================================== */

/* === common styles === */
.float-left,  #options li {
	float:left;
}

/* === main styles === */
.portfolio .item, .gallery .item {
	position:relative;
	overflow: hidden;
	/*margin-bottom:20px;*/
}

#portfolio{padding-top:50px;}
.portfolio .item{width:24.8%!important;}
@media only screen and (max-width : 1024px) {
.portfolio .item{width:33.33%!important;}
}
@media only screen and (max-width : 767px) {
.portfolio .item{width:100%!important;}
#portfolio{padding-left:15px; padding-right:15px;} 
.portfolio .title{padding:15px 0!important;}
}
.portfolio .item .img-caption h3{margin-top:0;}
.portfolio .title{text-align:center;}
.portfolio ul.option-set{display:inline-block;}

.img-caption {
	position:absolute;
	top:100%;
	width:100%;
	height: 100%;
	margin-right: -15px !important;
}
.img-caption, .fancybox-title-float-wrap .child {
    background: rgba(19,75,110,0.9);
		color:#fff;
}
.img-caption p, .img-caption h3{
	color:#fff;
}
.img-caption i.fa{color:#fff}

.portfolio .item img, .gallery .item img, .recent-work .item img, .portfolio .item a, .recent-work .item a, .gallery .item a {
	display:block;
}

.img-caption .desc {
	padding: 70px 20px 20px 20px; text-align:center;
}

.img-caption .desc span {
	text-align: center;
	display: block;
	font-weight: bold;
	margin-top: 10px;
	color:#fff;
}

.portfolio .item.element-4 .img-caption .desc span {
	margin-top:3%;
}

.portfolio .item.element-4 .img-caption .desc, .gallery .item.element-4 .img-caption .desc {
	padding:5%;
}

.recent-work .item img, .portfolio .item img, .gallery .item img  {
	width:100%;
	height:auto;
}