.lib-transform(@_transform) {
    -webkit-transform: @_transform; //  Use in 8 Safari
       -moz-transform: @_transform; //  Use in 16 Firefox
        -ms-transform: @_transform; //  Use in 9 IE
         -o-transform: @_transform; //  Use in 10.5 Opera
            transform: @_transform;
}

.lib-transition(@_transition) {
    -webkit-transition: @_transition; //  Use in 8 Safari
       -moz-transition: @_transition; //  Use in 16 Firefox
        -ms-transition: @_transition; //  Use in 9 IE
         -o-transition: @_transition; //  Use in 10.5 Opera
            transition: @_transition;
}
.lib-flex() {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.lib-flex-wrap() {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.landing-categories {
	.list-subcate {
		li.item {
			margin-top: 0;
			margin-top: 30px;
		}
		.landing-item {
			position: relative;
			overflow: hidden;
			.image-subcate a {
				display: block;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;
				img {
					opacity: 0;
				}
				&:after {
					content: "";
					display: block;
					.lib-transition(all 400ms);
					background: #f4ae7b;
					background: -webkit-gradient(linear,left top,left bottom,from(#c44860),to(#f4ae7b));
					background: -webkit-linear-gradient(top,#c44860,#f4ae7b);
					position: absolute;
					left: 0;
					top: 0;
					bottom: 0;
					right: 0;
					opacity: 0;
					visibility: hidden;
					.lib-transform(scale(0.95));
				}
				
			}
			.info-subcate {
				position: absolute;
				left: 0;
				top: 50%;
				.lib-transform(translate(0, -50%));
				text-align: center;
				right: 0;
				color: #fff;
				opacity: 0;
				visibility: hidden;
				.title {
					margin: 0 0 10px;
					font-size: 25px;
					font-weight: 700;
					a {
						color: #fff;
					}
					span.sub-title {
						display: block;
						font-size: 16px;
						font-weight: 500;
						color: #fff;
					}
				}
			}
			&:hover {
				.image-subcate a:after {
					visibility: visible;
					opacity: 0.8;
					.lib-transform(scale(1));
				}
				.info-subcate {
					visibility: visible;
					opacity: 1;
				}
			}
			@media (max-width: 767.98px) {
				.image-subcate {
					a:after {
						.lib-transform(scale(1));
						opacity: 0.3;
						visibility: visible;
					}
				}
				.info-subcate {
					opacity: 1;
					visibility: visible;
				}
				&:hover {
					.image-subcate a:after {
						opacity: 0.6;
						.lib-transform(scale(1.1));
					}
				}
			}
		}
	}
	// Masonry 
	.landing-masonry .list-subcate {
		.landing-masonry-item {
			margin-bottom: 30px;
		}
	}
}
// Parallax
.category-landing.landing-parallax  {
	.page-main>.columns {
		max-width: 100% !important;
		padding: 0;
	}
	.landing-categories {
		padding-bottom: 0;
		.item.landing-item {
			-ms-flex: 0 0 100% !important;
			flex: 0 0 100% !important;
			max-width: 100% !important;
			margin-bottom: 0;
			    margin-top: 0;
			.image-subcate {
				width: 100%;
				background-repeat: no-repeat;
				height: 100vh;
				background-position: center center;
				background-size: cover;
				background-attachment: fixed;
				position: relative;
				-webkit-align-content: center;
				-ms-flex-line-pack: center;
				align-content: center;
				padding-bottom: 0;
				img {
					opacity: 0;
				}
				a:after {
					.lib-transform(scale(1));
					opacity: 0.3;
					visibility: visible;
				}
			}
			.info-subcate {
				opacity: 1;
				visibility: visible;
				.title {
					margin: 0 0 30px;
					font-size: 50px;
					font-weight: 600;
					@media (max-width: 767.98px) {
						font-size: 30px;
					}
				}
			}
			&:hover {
				.image-subcate a:after {
					opacity: 0.6;
					.lib-transform(scale(1.1));
				}
			}
		}
	}
	
}
