/* Fashion fullwidth slide */
.fn-fullslide{
	position: relative;

	.swiper-container{
		padding-top: 10px;
		padding-bottom: 50px;
	}
	.swiper-slide{
		width: 1140px;
		box-shadow: 8.5px 14.722px 35px 0px rgba(0, 0, 0, 0.18);

		@media (min-width: 768px){
	    	width: 720px;
		}
		@media (min-width: 992px){
		    width: 940px;
		}
		@media (min-width: 1200px){
		    width: 1170px;
		}
		@media (max-width: 767px){
	    	width: 100%;
	    	padding-left: 15px;
	    	padding-right: 15px;
	    	.fn-item{
	    		.fn-entry{
	    			h4{
	    				font-size: 28px;
	    			}
	    		}
	    	}
		}
		
	}

	.fn-item{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
		position: relative;
		background-color: @color-text;

		.fn-entry{
			position: absolute;
			top: 50%;
			left: 50px;
			right: 50px;
			.translateY();
			text-align: center;
			&.meta-left, &.meta-right {
				top: auto;
				bottom: 50px;
				text-align: left;
				.translateY(0);
			}
			&.meta-right {
				text-align: right;
			}

			a.fn-play{
				background: rgb(146,71,175); /* Old browsers */
				background: -moz-linear-gradient(-45deg,  rgba(146,71,175,1) 0%, rgba(111,64,195,1) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(-45deg,  rgba(146,71,175,1) 0%,rgba(111,64,195,1) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(135deg,  rgba(146,71,175,1) 0%,rgba(111,64,195,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9247af', endColorstr='#6f40c3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
				display: inline-block;
				width: 60px;
				height: 60px;
				line-height: 60px;
				border-radius: 50%;
				font-size: 16px;
				color: #fff;
				margin-bottom: 10px;
				.transition();

				i{
					position: relative;
					left: 2px;
					top: 1px;
				}

				&:hover{
					transform: rotate(119deg);
				}
			}

			h4{
				font-size: 48px;
				font-family: @font-text;
				font-weight: 700;
				color: #fff;
				margin: 0px;
			}
		}
	}

	.fn-arrows{
		position: absolute;
		top: 50%;
		left: 0px;
		width: 100%;
		height: 0px;
		z-index: 100;
		margin-top: -18px;
		
		.container{
			position: relative;
			height: 0px;
		}

		a{
			color: #7741be;
			font-size: 36px;
			position: relative;

			&.fn-arrow-prev{
				float: left;
				left: -45px;
			}
			&.fn-arrow-next{
				float: right;
				right: -45px;
			}
		}
	}
}
.title-bg-color {
	h4 {
		display: inline;
		background: rgba(0,0,0,.85);
		line-height: 1.25em;
	}
}