@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Less than 980px
-------------------------------------------------------------------*/
@media screen and (max-width: 980px) {
	header .wrapper { width:90%; }
	.wrapper { width:90%; }
}

/*-------------------------------------------------------------------
	Less than 898px
-------------------------------------------------------------------*/
@media screen and (max-width: 898px) {

	.nav { float: left; }

}

/*-------------------------------------------------------------------
	Less than 768px
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.slide-content { position: absolute; top: auto; right: auto; width: 100%; bottom: 0;   transform: translate(0, 0); }
	.slide-inner { border: 1px solid #C3C5C5; border-top: none; }
	.slide-picture { float:none; width:80%; margin: 0 auto;height:350px; background-position: top center; background-size: contain;}
	/*.flexslider, .flexslider .slides, .flexslider .slides > li { height: 450px !important; min-height: 0;}*/
	.slide-title { font-size: 1.7em; }
	.box-float, .box-float-right { width: 100% !important; }
	.box-float-right { height:auto !important;}
	.zoomed-picture { top: 3em;}
	.box-picture-left {width: 90%; position: absolute; z-index: 0; left: 50%; transform: translate(-50%, 0); display: block; top: 0; }
	.box-title-right { position: relative; left: auto; transform: translate(0, 0); }
	.l-row-2-midsize .l-grid-50-midsize { width: 50%; }
	.l-row-2-midsize > .l-grid-50-midsize:nth-child(3n-1) { padding:0 0 0 1em; }
	.l-row-2-midsize > .l-grid-50-midsize:nth-child(3n) { padding:0 0 0 1em;   }
	.l-row-2-midsize > .l-grid-50-midsize:nth-child(3n+1) { padding:0 0 0 1em;clear:none; }
	.box { margin: 0.5em 0;}
    .nav { margin: 0.5em 0 0 0; }
}

/*-------------------------------------------------------------------
	Less than 595px (Mobile)
-------------------------------------------------------------------*/
@media screen and (max-width: 595px) {
	.l-grid > div { float:none !important; padding:0 0 0 0 !important; width:100% !important; margin:0 auto !important; }
	.show { display:block; }
	.hide { display:none; }
	#map_canvas { height: 17em;}
	.mobile-clear { clear: both; }
	.logo { margin-left: 5%; width:90px; height: 90px; background-size: contain; }
	.v-spacer { padding: 3em 0; }
	.bag { height: auto !important; }
	h1 { font-size: 2.2em; line-height: 1.3em; margin: 0 0 0.2em 0; }
	select, .chosen-container-single .chosen-single span { font-size: 1.1em; }
	select { max-width: 100% !important; }
	.is-not-relative-mobile { position: static; }
	footer .nav-el-1-link { margin: 0;}
	footer .nav-list-2, footer .nav-trigger { display: none;}
	.box-title { margin-top: 1em !important; }
	.box-1, .box-2 { margin-bottom: 1em; }
	/* Navigation */
	.nav { width:100%; float:none; margin: 0; }
	.nav-list-2 { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; position:relative; }
	.nav-el-1, .nav-el-2, .nav-el-1-link { width:100%; display:block; }
	.nav-el-1-link { padding-left:5% !important; padding-right:5% !important; }
	.nav-el-2-link { padding-left:7% !important; padding-right:7% !important; }
	.nav-lang-list { display: none; }
	.bag-informations { padding: 0;}
	.box-bag-picture canvas.bag-picture { margin-top: 4em; width: 90%;}
	.nav .nav-lang-el {display: block;}
	.zoomed-picture, .box-picture-left { position: relative; top: 0; left: 0; transform: none; margin:4em auto 1em auto;}
	.box-picture-left { width: 80%; }
    .flexslider, .flexslider .slides, .flexslider .slides > li {
    min-height: 360px;
	}
	/* Navigation trigger */
	.nav-trigger { width: 30px; height: 20px; margin:2em 5% 0 0; float:right; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
	.nav-trigger span { display: block; position: absolute; height: 1px; width: 100%; background: #53585A; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	.nav-trigger span:nth-child(1) { top: 0px; }
	.nav-trigger span:nth-child(2),.nav-trigger span:nth-child(3) { top:9px; }
	.nav-trigger span:nth-child(4) { top: 18px; }
	.nav-trigger.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; }
	.nav-trigger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.nav-trigger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.nav-trigger.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; }
}


/*-------------------------------------------------------------------
	Retina Displays
-------------------------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
	
}