nav.main{
	> .container{
		padding: 0;
	}


}

header.main{

	.lumiere , .phone{

		padding: 10px;
		color: #ffffff;
		img{
			width: 100%;
			max-width: 100%;
		}

	}

	.lumiere{
		width: 60%;
	}

	.phone{
		width: 40%;
		float: right;
		span{
			display: block;
		}
	}

	@media (min-width: @screen-sm-min) {

		.lumiere{
			padding:0;
			width: auto;
			position: relative;
			margin-bottom: 15px;
			z-index: 2;
			img{
				width: auto;
				margin-top: -15px;
			}
		}

		.phone{
			padding:0;
			width: auto;
			img{
				width: auto;
			}

			float: right;
			color: #fff;
			font-size: 42px;
		}

	}



}

#homeSlider{
		margin: 0;
		width: 100%;
		height: 0;
		padding-bottom: 39.4%;
		margin-bottom: @line-height-computed;

		.item,.cycle-slide{
			width: 100%;
			height: 100%;

			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-size: cover;
		}

		.cycle-pager{
			z-index: 102;
			position: absolute;
			right: @line-height-computed;
			bottom: @line-height-computed;
			height: @font-size-base + 2;

			span{
				display: inline-block;
				width: @font-size-base + 2;
				height: @font-size-base + 2;
				background-color: #000;
				background-color: rgba(0,0,0,.6);

				border: 1px solid #fff;
				border-color: rgba(255,255,255,.75);

				&.cycle-pager-active{
					background-color: @lum-green;
					border-color: #fff;
				}

				+ span{
					margin-left: 10px;
				}
			}


		}

		.content{
			position: absolute;
			bottom: 20%;
			left: 0px;

			&:after{
				content: ' ';
				position: absolute;
				width: 0;
				height: 0;
				left: 50px;
				bottom:  -36px;
				border: 18px solid;
				border-color: #666 transparent transparent #666;
				border-color: rgba(0,0,0,.5) transparent transparent rgba(0,0,0,.5);
			}

			.text{
				background-color: #666;
				background-color: rgba(0,0,0,.5);
				padding:  @line-height-computed;
				font-size: 2em;
				&,*{
					color: #ffffff;
				}

				> *:last-child, > *:only-child{
					margin-bottom: 0;
				}
				> *:first-child, > *:only-child{
					margin-top: 0;
				}
			}

			.link{
				margin-top: 20px;
			}


		}

	@media (max-width: @screen-sm-min) {
		.content{
			font-size: 12px;
			line-height: 1.5em;

			.text{
				padding: 15px;
			}
		}
	}

	@media (max-width: @screen-xs-min) {
		.content{
			position: relative;
			font-size: 10px;
			top: 0;

			&:after{ display: none;}

			.text{
				line-height: 1.25em;
				padding: 10px;
			}
		}

		.cycle-pager{
			span{
				width: 12px;
				height: 12px;
				bottom: 10px;
				right: 10px;
			}
		}
	}
}