
.gallery-section{

	position:relative;

	/*overflow:hidden;*/

	padding:30px 0px 0px;

}



.gallery-section .row{

	margin:0px -7px;

}



.gallery-section .big-column{

	position: relative;

    width: 40%;

    float: left;

    padding: 0px 3px;

    width:100%;

    height:auto;

}



.gallery-section .small-column{

	position: relative;

    width: 20%;

    float: left;

    padding: 0px 3px;

}



.gallery-section .filters{

	position:relative;

}



.gallery-section .filters .filter-tabs{

	position:relative;

	margin-bottom:60px;

	text-align:center;

}



.gallery-section .filters .filter-tabs .filter{

	position:relative;

	color:#222222;

	font-size:16px;

	cursor:pointer;

	font-weight:400;

	padding:0px 20px;

	text-transform:uppercase;

	display:inline-block;

	line-height:1em;

	transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	-webkit-transition:all 0.3s ease;

	-ms-transition:all 0.3s ease;

	-o-transition:all 0.3s ease;

}



.gallery-section .filters .filter-tabs .filter:after{

	position:absolute;

	content:'/';

	right:-2px;

	top:0px;

	color:#222222;

	font-size:18px;

}



.gallery-section .filters .filter-tabs .filter:last-child::after{

	display:none;

}



.gallery-section .filters .filter-tabs .filter.active,

.gallery-section .filters .filter-tabs .filter:hover{

	color:#cc0019;

}



.gallery-section .default-portfolio-item{

	margin-bottom:6px;

}



.default-portfolio-item{

	position:relative;

	float:left;

	margin-bottom:30px;

}



.default-portfolio-item .inner-box{

	position:relative;

	width:100%;

	overflow:hidden;

}



.default-portfolio-item .image-box{

	position:relative;

	display:block;

	margin-bottom:0px;

}



.default-portfolio-item .image-box img{

	position:relative;

	display:block;

	width:100%;

	height:280px;

}



.default-portfolio-item .overlay-box{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	opacity:0;

	color:#ffffff;

	text-align:center;

	background:rgba(255,178,0,0.80);

	-webkit-transition:all 500ms ease;

	-ms-transition:all 500ms ease;

	-o-transition:all 500ms ease;

	transition:all 500ms ease;

	visibility:hidden;

}



.default-portfolio-item .inner-box:hover .overlay-box{

	opacity:1;

	visibility:visible;

}



.default-portfolio-item .overlay-inner{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

	display:table;

	vertical-align:middle;

}



.default-portfolio-item .overlay-inner .content{

	position:relative;

	display:table-cell;

	vertical-align:middle;

}



.default-portfolio-item .overlay-inner .content .tags{

	position:relative;

	font-size:14px;

	font-weight:400;

	margin-top:4px;

	color:#555555;

	text-transform:capitalize;

}



.default-portfolio-item .overlay-inner h3{

	font-size:24px;

	color:#cc0019;

	font-weight:600;

	margin-top:10px;

	text-transform:capitalize;

}



.default-portfolio-item .overlay-inner h3 a{

	color:#cc0019;

	transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.default-portfolio-item .overlay-inner h3 a:hover{

	color:#ffffff;

}



.default-portfolio-item .overlay-inner .link{

	position:relative;

	width:40px;

	height:40px;

	display:inline-block;

	font-size:16px;

	color:#cc0019;

	text-align:center;

	line-height:38px;

	margin:0px 3px;

	border:1px solid #cc0019;

	transition:all 300ms ease;

	-webkit-transition:all 300ms ease;

	-ms-transition:all 300ms ease;

	-o-transition:all 300ms ease;

}



.default-portfolio-item .overlay-inner .link .icon{

	position:relative;

}



.default-portfolio-item .overlay-inner .link:hover{

	color:#cc0019;

	border-color:#ffffff;

	background-color:#ffffff;

}



/*** 



====================================================================

	Services Section Two

====================================================================
