/*Font face
	font-family: 'zapfhumnst_btroman';
    font-family: 'zapfhumnst_btbold';
	font-family: 'MillerBanner_LightItalic';
	font-family: 'MillerBanner_Bold';
*/
/*
 * Really small screens and up
 */

#header-logo{
	width: 150px;
	height: 92px;
	left: 50%;
	top: 20%;
	z-index: 2;
	position: absolute;
	margin-left: -75px;
	background-size:cover;
}
#block-system-main {
	overflow-x: hidden;
}
/*Header*/
.field-name-field-hp-header-slider .node,
.node-details-slider{
	margin-bottom:0px;
}
.field-name-field-hp-header-slider .slides{
	height: calc(100vh);
	overflow: hidden;
}
.field-name-field-hp-header-slider .field-name-field-slide-image-text:before{
	content: "";
	height: 85px;
	width: 145px;
	background-size: contain;
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	top: 0;
	margin-top: -110px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;

	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.field-name-field-hp-header-slider,
.field-name-field-hp-header-slider .slide .field-name-field-slide-image .background-actif,
.field-name-field-hp-header-slider .slide .field-name-field-slide-image-mobile .background-actif{
	height: calc(100vh);
	min-height: 320px;
	overflow: hidden;
}
.field-name-field-hp-header-slider{
	background-color:#000000;
}
.field-name-field-hp-header-slider .field-name-field-slide-image-text {
	background:url("images/decoration_white.svg") no-repeat center top;
	top:40%;
	font-family: 'MillerBanner_Bold';
	color: #fff;
	font-size: 40px;
	line-height: 38px;
	padding-top: 45px;
	width: 90%;
    left: 5%;
}
.field-name-field-hp-header-slider .field-name-field-slide-image-link {
	color: #fff;
	top: 67%;
	width:100%;
	left:0%;
	top:70%;
}
.field-name-field-hp-header-slider .flex-control-nav {
	display: block;
}
.field-name-field-hp-header-slider .flex-direction-nav{
	display: none;
}
.field-name-field-hp-header-slider .flex-control-paging{
	bottom: 50px;
}
.field-name-field-hp-header-slider .flex-control-paging li{
	margin:0;
	width: 18px;
	height: 18px;
}
.field-name-field-hp-header-slider .flex-control-paging li a{
	width: 10px;
	height: 10px;
	background: transparent;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,1);
	-o-box-shadow: inset 0 0 1px rgba(255,255,255,1);
	box-shadow:inset 0px 0px 1px rgba(255,255,255,1);
	top: 5px;
	left: 0px;
	position: relative;
}
.field-name-field-hp-header-slider .flex-control-paging li a.flex-active{
	width: 6px;
	height:6px;
	background: #ffffff;
	top: 7px;
	left: 2px;
}
.field-name-field-hp-header-slider .flex-direction-nav a{
	margin:0;
	width:20px;
	height:20px;
}
.field-name-field-hp-header-slider .flex-direction-nav a:before{
	content:'';
}
.field-name-field-hp-header-slider .flex-direction-nav .flex-next,
.field-name-field-hp-header-slider .flex-direction-nav .flex-prev{
	left:50px;
	top:37%;
	opacity: 0.3;
}
.field-name-field-hp-header-slider .flex-direction-nav .flex-next{
	top:55%;
}
.field-name-field-hp-header-slider .flex-direction-nav .flex-next{
	background: url("images/arrow-down-hp-slider.svg") no-repeat center center;
}
.field-name-field-hp-header-slider .flex-direction-nav .flex-prev{
	background: url("images/arrow-up-hp-slider.svg") no-repeat center center;
}
.field-name-field-hp-header-slider .flex-direction-nav .flex-next:hover,
.field-name-field-hp-header-slider .flex-direction-nav .flex-prev:hover{
	opacity:1;
}
/*General description block*/
.mobile img.image-style-image-640x640 {
	width: 100%;
	line-height: 0px;
}
.description {
	padding: 70px 25px 55px;
	z-index: 2;
}
.description .first-title,
.description .second-title,
.description .third-title{
	border-top: 3px solid #000;
	font-family: 'MillerBanner_Bold';
	font-size: 50px;
	padding-top: 20px;
	line-height: normal;
}
.description .first-subtitle,
.description .second-subtitle,
.description .third-subtitle{
	font-family: 'MillerBanner_LightItalic';
	font-size: 30px;
	line-height: normal;
	margin-top: -10px;
	display: block;
}
.description .first-subtitle:after,
.description .second-subtitle:after,
.description .third-subtitle:after{
	content: "";
	width: 135px;
	height: 3px;
	background: #000;
	display: block;
	line-height: 0;
	margin: 25px 0 0 0;
	padding: 0;
}
.description .field-name-field-content-first-text,
.description .field-name-field-content-second-text,
.description .field-name-field-content-third-text{
	margin-top: 25px;
	margin-bottom: 35px;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-align: justify;
}
.description .field-name-field-content-first-text h3,
.description .field-name-field-content-second-text h3,
.description .field-name-field-content-third-text h3{
	font-size: 16px;
}
.description .field-name-field-content-first-text p,
.description .field-name-field-content-second-text p,
.description .field-name-field-content-third-text p{
	margin: 0px;
}
.description .field-name-field-content-first-link,
.description .field-name-field-content-second-link,
.description .field-name-field-content-third-link{
	/*border-top: 1px solid #000;
	border-bottom: 1px solid #000;*/
	display: inline-block;
	font-size: 10px;
}
.description .field-name-field-content-first-link a,
.description .field-name-field-content-second-link a,
.description .field-name-field-content-third-link a{
	padding: 15px 25px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	font-family: 'zapfhumnst_btbold';
	letter-spacing: 1px;
	line-height: normal;
	display: block;
}
.description .field-name-field-content-first-link a.cta:after,
.description .field-name-field-content-second-link a.cta:after,
.description .field-name-field-content-third-link a.cta:after,
.description .field-name-field-content-first-link a.cta:before,
.description .field-name-field-content-second-link a.cta:before,
.description .field-name-field-content-third-link a.cta:before{
	background-color: #000;
}

/*Content first*/

.content-first,
.content-second,
.content-third {
	position: relative;
	overflow: hidden;
	line-height: 0;
	z-index: 1;
}
.content-third {
	z-index: 0;
}
.content-third h2{
	width:133%;
}
.content-first .center-bg{
	width: 750px;
	height: 850px;
	position: absolute;
	opacity: 0.1;
	bottom: -510px;
	z-index: -1;
	left: -50px;
}
.content-third .center-bg {
	width: 750px;
	height: 850px;
	position: absolute;
	opacity: 0.1;
	top: 100px;
	bottom: auto;
	z-index: -1;
	left: 50%;
	margin-left: -375px;
	display: block;
	margin-top: -220px;
}
.content-second .motif-bg {
	position: absolute;
	width: 100%;
	height: 71%;
	top: -28px;
	z-index: -1;
	opacity:0.1;
}
.content-first .field-name-field-hp-introduction {
	text-align: center;
	font-size: 13px;
	letter-spacing: 0.1em;
	padding: 75px 25px 75px;
	line-height: 18px;
	background: url("images/decoration_black.svg") no-repeat center bottom;
	margin-bottom: 30px;

}
.content-first .field-name-field-hp-introduction p{
	line-height: 18px;
	margin: 0px;
}



/*sliders*/
.field-collection-container .field-items .field-item{
	margin-bottom:0;
}
.field-collection-container{
	border:0px;
	margin-bottom:0px;
}
.content-first .content-slider,
.content-third .content-slider{
	max-width: 1600px;
	position: relative;
	left: 0%;
	margin-left: 0px;
	width: 100%;
}
.content-second .content-slider{
	max-width: 960px;
	position: relative;
	left: 0%;
	margin-left: 0px;
	width:100%;
}
.content-second .desktop {
	display: none;
	left: 50%;
	position: relative;
	top: -178px;
}
#first-slider,
#second-slider{
	background-color:transparent;
	border:0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0);
	-o-box-shadow: 0 0px 0px rgba(0,0,0,0);
	box-shadow: 0 0px 0px rgba(0,0,0,0);
	margin:0;
	height: 347px;
	/*overflow: hidden;*/
}
#second-slider{
	/*overflow: hidden;*/
}

#first-slider .background-actif,
#second-slider .background-actif {
	height: 347px;
	/* min-height: 765px; */
	overflow: hidden;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#first-slider .background-actif.left,
#second-slider .background-actif.left{
	float:left;
	top: 212px;
	position: relative;
}
#second-slider .background-actif.left{
	top: 345px;
}
#first-slider .background-actif.right,
#second-slider .background-actif.right{
	float:none;
	width:100%;
}
#first-slider .background-actif.left,
#second-slider .background-actif.left{
	display:none;
}
#first-slider .background-actif img,
#second-slider .background-actif img {
	visibility: hidden;
}

#first-slider .flex-direction-nav a,
#second-slider .flex-direction-nav a{
	text-decoration: none;
	display: block;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 332px;
	bottom: 0px;
	z-index: 10;
	overflow: hidden;
	opacity: 1;
	cursor: pointer;
	color: #000000;
	text-shadow: 0px 0px 0 rgba(255,255,255,0);
}
#first-slider .flex-direction-nav a:before,
#second-slider .flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '';
}
#first-slider .flex-direction-nav .flex-next ,
#second-slider .flex-direction-nav .flex-next {
	left: calc(100% - 70px);
	margin-left: 0px;
	background-color: #000000;
	background-image: url("images/slider_arrow_right.svg");
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#first-slider .flex-direction-nav .flex-prev ,
#second-slider .flex-direction-nav .flex-prev {
	left: calc(100% - 140px);
	background-color: #000000;
	background-image: url("images/slider_arrow_left.svg");
	background-position: 50% center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#first-slider.flexslider:hover .flex-direction-nav .flex-prev:hover,
#second-slider.flexslider:hover .flex-direction-nav .flex-prev:hover{
	-webkit-animation: arrowEffectLeft .3s ease forwards;
	-moz-animation: arrowEffectLeft .3s ease forwards;
	-ms-animation: arrowEffectLeft .3s ease forwards;
	-o-animation: arrowEffectLeft .3s ease forwards;
	animation: arrowEffectLeft .3s ease forwards;

	background-color:#ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
#first-slider.flexslider:hover .flex-direction-nav .flex-next:hover,
#second-slider.flexslider:hover .flex-direction-nav .flex-next:hover{
	-webkit-animation: arrowEffectRight .3s ease forwards;
	-moz-animation: arrowEffectRight .3s ease forwards;
	-ms-animation: arrowEffectRight .3s ease forwards;
	-o-animation: arrowEffectRight .3s ease forwards;
	animation: arrowEffectRight .3s ease forwards;

	/*background-image: url(../home/images/slider_arrow_right_b.svg);*/
	background-color:#ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;

}
@-webkit-keyframes arrowEffectLeft {
	0% {
		background-position: 50% center;
	}
	50%{
		background-position: -100% center;
	}
	51%{
		background-position: 200% center;
	}
	100% {
		background-position: 50% center;
	}
}
@keyframes arrowEffectLeft {
	0% {
		background-position: 50% center;
	}
	50%{
		background-position: -100% center;
	}
	51%{
		background-position: 200% center;
	}
	100% {
		background-position: 50% center;
	}
}
@-webkit-keyframes arrowEffectRight {
	0% {
		background-position: 50% center;
	}
	50%{
		background-position: 200% center;
	}
	51%{
		background-position: -100% center;
	}
	100% {
		background-position: 50% center;
	}
}
@keyframes arrowEffectRight {
	0% {
		background-position: 50% center;
	}
	50%{
		background-position: 200% center;
	}
	51%{
		background-position: -100% center;
	}
	100% {
		background-position: 50% center;
	}
}


.content-third .field-name-field-content-third-image-1{
	float:none;
}
.content-third .desktop{
	float:right;
}

/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
	/*Header*/

}


/*
 * Tablet portrait sizes and down
 */
@media only screen and (min-width: 768px) {
	/*Header*/
	#header-logo{
		width: 300px;
		height: 300px;
		margin-left: -150px;
		top: 45px;
		background-size: auto;	
		text-align: center;
	}
	#header-logo img{
		position: relative;
		max-width:85%;
		top: 50%;
	    -ms-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.content-first .center-bg{
		width: 750px;
		height: 845px;
		position: absolute;
		opacity: 0.1;
		bottom: -430px;
		z-index: -1;
		left: 58%;
		margin-left: -375px;
	}
	.field-name-field-hp-header-slider .slides {
		height: 730px;
	}
	.field-name-field-hp-header-slider .field-name-field-slide-image-link
	/*.field-name-field-hp-header-slider .field-name-field-slide-image-text*/{
		width:100%;
		left:0%;
	}
	.field-name-field-hp-header-slider .field-name-field-slide-image-text {
		font-size: 50px;
		line-height: 48px;
	}
	.field-name-field-hp-header-slider .flex-control-paging{
		/*left:50px;*/
	}
	/*Content*/
	.content-first .content-slider{
		left: 50%;
		margin-left: -800px;
		width:auto;
	}
	.content-second .content-slider{
		left: 50%;
		margin-left: -480px;
		width:auto;
	}
	.field-name-field-hp-header-slider,
	.field-name-field-hp-header-slider .slide .field-name-field-slide-image .background-actif {
		height: 730px;
	}

	#first-slider{
		height: 700px;
		overflow: hidden;
	}
	#second-slider{
		height: 768px;
		margin-top:260px;
		overflow: hidden;
	}
	#first-slider .background-actif{
		height: 700px;
		min-height: 700px;
	}
	#second-slider .background-actif{
		height: 768px;
		min-height: 768px;
	}
	#first-slider .background-actif.right,
	#second-slider .background-actif.right{
		float:right;
		width:auto;
	}
	#first-slider .background-actif,
	#second-slider .background-actif {
		background-size:auto;
		background-position: 0 0;
	}
	#second-slider .background-actif.right,
	#second-slider .background-actif.left{
		width: 50%;
		background-size: contain;
	}
	.content-first .description {
		position: absolute;
		top: 400px;
		width: 290px;
		left: 0%;
		margin-left: 0px;
		padding: 75px 7% 0px;
	}
	.content-second .description {
		position: absolute;
		top: 0px;
		width: 290px;
		left: 0%;
		margin-left: 0px;
		padding: 75px 7% 0px;
	}
	.content-first .content-slider {
		margin-left: -385px;
		width: 1024px;
	}
	.content-second .desktop {
		display: block;
	}
	#second-slider .background-actif.left{
		display:block;
	}

	#first-slider .flex-direction-nav .flex-next{
		left: 455px;
	}
	#first-slider .flex-direction-nav .flex-prev{
		left: calc(455px - 70px);
	}
	#second-slider .flex-direction-nav .flex-next{
		left: 890px;
	}
	#second-slider .flex-direction-nav .flex-prev{
		left: calc(890px - 70px);
	}
	#first-slider .flex-direction-nav a{
		top: 538px;
	}
	#second-slider .flex-direction-nav a{
		top: 574px;
	}
	#first-slider .background-actif img,
	#second-slider .background-actif img {
		visibility: hidden;
		position: relative;
	}
	.content-third {
		max-width: 1600px;
		left: 50%;
		margin-left: -800px;
		padding-top: 220px;
		margin-top: -300px;
	}
	.content-third .description{
		position:absolute;
		top: 220px;
		width: 290px;
		left: 895px;
		margin-left: 0px;
		padding: 75px 0% 0px;
	}
	.content-third .center-bg {
		top: 220px;
	}
	.content-third .field-name-field-content-third-image-1 {
		float: left;
	}
}


/*
 * Desktops/laptops and up
 */
@media only screen and (min-width: 1025px) {
	/*Header*/
	#header-logo{
		top: 45px;
	}
	.description .first-title,
	.description .second-title,
	.description .third-title {
		font-size: 60px;
		line-height: 90px;
		border-top: 0px solid #000;
		width: 150%;
	}
	.description .first-title:before,
	.description .second-title:before,
	.description .third-title:before {
		content:'';
		width:270px;
		height:3px;
		background-color:#000000;
		/*float: left;*/
		position: relative;
		margin-bottom: 25px;
		left:0px;
		top:0px;
		display:block;
	}
	.description .first-subtitle,
	.description .second-subtitle,
	.description .third-subtitle {
		font-size: 50px;
		line-height: 70px;
		display: block;
	}
	.description .field-name-field-content-first-text h3,
	.description .field-name-field-content-second-text h3,
	.description .field-name-field-content-third-text h3 {
		font-size: 20px;
		line-height: 22px;
	}
	.description .field-name-field-content-first-text,
	.description .field-name-field-content-second-text,
	.description .field-name-field-content-third-text {
		font-size: 14px;
	}
	.content-first .field-name-field-hp-introduction {
		/*padding: 180px 25px 70px;*/
		width: 30%;
		margin: 0 auto;
	}
	.field-name-field-hp-header-slider .field-name-field-slide-image-text{
	   top:42%;
	   font-size: 60px;
	   line-height: 58px;
   }
	.field-name-field-hp-header-slider .field-name-field-slide-image-text:before{
		height: 125px;
		width: 210px;
		margin-top:-170px;
	}
	.field-name-field-hp-header-slider,
	.field-name-field-hp-header-slider .slide .field-name-field-slide-image .background-actif{
		height: 730px;
		min-height: 730px;
		overflow: hidden;
		background-size:140%;
		background-position: 50% 50%;
	}
	.field-name-field-hp-header-slider .slides{
		height:730px;
		overflow: hidden;
	}

	#first-slider .background-actif.left{
		display:block;
	}
	.content-first .description {
		top: 330px;
		width: 290px;
		left: 50%;
		margin-left: -195px;
		padding: 35px 0px 0px;
	}
	.content-second .description {
		position: absolute;
		top: 0px;
		width: 450px;
		left: 50%;
		margin-left: -480px;
		padding: 75px 0% 0px;
	}
	#first-slider .background-actif,
	#second-slider .background-actif{
		height: 765px;
		min-height: 765px;
	}
	#first-slider, #second-slider {
		height: 765px;
	}
	#second-slider{
		height: 765px;
		margin-top:260px;
	}
	.content-first .content-slider,
	.content-third .content-slider{
		left: 50%;
		margin-left: -800px;
		width: auto;
		padding: 75px 0px 0px;
	}
	.content-third {
		margin-top: -120px;
	}
	#first-slider .flex-direction-nav .flex-next{
		left: 1030px;
	}
	#first-slider .flex-direction-nav .flex-prev{
		left: calc(1030px - 70px);
	}
}

/*
 * Desktops/laptops FULL WITDH
 */
@media only screen and (min-width: 1600px) {
	/*Header*/
	/*Header*/
	#header-logo{
		top: 95px;
	}
	.field-name-field-hp-header-slider .field-name-field-slide-image-text:before{
		height: 155px;
		width: 260px;
		margin-top:-150px;
	}

	.field-name-field-hp-header-slider,
	.field-name-field-hp-header-slider .slide .field-name-field-slide-image .background-actif{
		height: 850px;
		min-height: 850px;
		overflow: hidden;
		background-size:110%;
		/*background-position:50% 50%;*/
	}
	.field-name-field-hp-header-slider .slides{
		height:850px;
		overflow: hidden;
	}

}