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

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

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

}

/*-------------------------------------------------------------------
	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; }
	.l-grid.is-equal-height > div { display:block !important; width:100% !important; }
	.show { display:block; }
	.hide { display:none; }
	.no-mobile-clear { clear:none; }
	header { padding:1em 5%; }
	.logo { width:10em; }
	.presentation { position:relative; top:0; }
	.slide { height:12em; }
	.slide .slider-wrapper { top:1em; }
	.slide-title { font-size:1.4em; line-height:1.0em; }
	.slide-legend { width:80%; }
	
	.small-slider .slide { height:12em; }
	.small-slider .slider-wrapper { top:2.2em; }
	
	.testimonial-details, .testimonial-logo {  display: table; vertical-align: middle;  margin: 0 auto 1em auto; }

	/* Navigation */
	.nav { width:100%; float:left; top: 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-el-1-link:after { background: none; }
    .nav-lang-el-link {     left: 22px; }
	/* Navigation trigger */
	.nav-trigger { width: 30px; height: 20px; margin:1.5em 0 5% 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: #1a9ed9; 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) {
	
}