@import url('font-awesome.css');
@import url('flaticon.css');
@import url('jquery.fancybox.min.css');


/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section{
	position:relative;
	padding:100px 0px 100px;
}

.gallery-section .filters{
	position:relative;
	margin-bottom:60px;
	text-align:center;
}

.gallery-section .filters .filter-tabs{
	position:relative;
	padding:0px 30px;
	border-radius:5px;
	display:inline-block;
	border:1px dashed #cda23c;
}

.gallery-section .filters li{
	position: relative;
    display: inline-block;
    color: #222222;
	padding:18px 0px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
	margin:0px 30px 0px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-section .filters .filter.active,
.gallery-section .filters .filter:hover{
    color:#222222;
}

.gallery-section .filters li:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:-1px;
	height:4px;
	width:100%;
	opacity:0;
	transform: scale(0.5,1);
	background-color:#cda23c;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.gallery-section .filters li:hover:before,
.gallery-section .filters li.active::before{
	opacity:1;
	transform: scale(1,1);
}

.gallery-section .lower-text{
	position:relative;
	text-align:center;
	margin-top:30px;
}

.gallery-section .lower-text .text{
	position:relative;
	color:#222222;
	font-size:15px;
	font-weight:600;
	padding:18px 40px;
	border-radius:5px;
	display:inline-block;
	border:1px dashed #222222;
	font-family: 'Montserrat', sans-serif;
}

.gallery-section .lower-text .text a{
	position:relative;
	color:#cda23c;
	text-decoration:underline;
}

.gallery-block.mix{
	display:none;
}

/* Gallery Item */

.gallery-block{
	position:relative;
	margin-bottom:30px;
}

.gallery-block .inner-box{
	position:relative;
	width:100%;
}

.gallery-block .image-box{
	position:relative;
	display:block;
	margin:0px;
	overflow:hidden;
}

.gallery-block .image-box img{
	position:relative;
	display:block;
	width:100%;
}

.gallery-block .overlay-box{
	position:absolute;
	left:18px;
	top:18px;
	right:18px;
	bottom:18px;
	opacity:0;
	color:#ffffff;
	text-align:center;
	 transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.gallery-block .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.90;
	outline: 2px solid #ffffff;
	outline-offset: -20px;
	background-image: -ms-linear-gradient(bottom, #cda23c 0%, #cda23c 100%);
	background-image: -moz-linear-gradient(bottom, #cda23c 0%, #cda23c 100%);
	background-image: -o-linear-gradient(bottom, #cda23c 0%, #cda23c 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cda23c), color-stop(100, #cda23c));
	background-image: -webkit-linear-gradient(bottom, #cda23c 0%, #cda23c 100%);
	background-image: linear-gradient(to top, #cda23c 0%, #cda23c 100%);
}

.gallery-block .inner-box:hover .overlay-box{
	/* opacity:1; */
	-moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.gallery-block .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}

.gallery-block .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.gallery-block .overlay-box h6{
	position:relative;
	font-weight:600;
	line-height:1.4em;
	margin-bottom:12px;
}

.gallery-block .overlay-box h6 a{
	position:relative;
	color:#222222;
}

.gallery-block .overlay-box .category{
	position:relative;
	color:#ffffff;
	font-size:16px;
	margin-bottom:18px;
}

.gallery-block .inner-box .link{
	position:absolute;
	left:-90px;
	bottom:0px;
	width:70px;
	height:70px;
	font-size:24px;
	color:#cda23c;
	line-height:70px;
	margin:0px 3px;
	font-weight:400;
	text-align:center;
	border-radius:0px;
	display:inline-block;
	transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	background-image: -ms-linear-gradient(bottom, #010100 0%, #222121 100%);
	background-image: -moz-linear-gradient(bottom, #010100 0%, #222121 100%);
	background-image: -o-linear-gradient(bottom, #010100 0%, #222121 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #010100), color-stop(100, #222121));
	background-image: -webkit-linear-gradient(bottom, #010100 0%, #222121 100%);
	background-image: linear-gradient(to top, #010100 0%, #222121 100%);
}

.gallery-block .overlay-inner .link .icon{
	position:relative;
	z-index:1;
}

.gallery-block .overlay-inner .link:hover{
	box-shadow:inset 0 0 10px rgba(0,0,0,0.90);
}

.gallery-block .inner-box:hover .link{
	left:-3px;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}