div,section,img,ul,li, nav{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body{
	text-align:center;
	margin:0;
	padding:0;
	overflow-x:hidden;
}/*
.off-canvas body{
	overflow-y:hidden;
}
*/
.sticky{
	
}
.wrapper{
	position:relative;
	/*
	position:absolute;*/
	top:0;
	left:0;
	width:100%;
	max-width:870px;
}
.sidebar,
	.content{
		position:relative;
		left:0;
		width:100%;
		text-align:left;
	}

.button-menu{
	position:fixed;
	top:40%;
	left:0;
	width:40px;
	height:40px;
	cursor:pointer;
	z-index:999;
	background-image:url(img/button-menu.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center;
}
.off-canvas .button-menu{
	background-image:url(img/button-menu-close.png);
}

/*
@media screen and (min-height: 330px){*/
.main-nav{
	overflow-x:hidden;
	position:fixed;
	top:0;
	left:0;
	z-index:99;
	width:30%;
	height:100%;
	display:block;
}
	.main-nav ul{
		right:0;	
	}
	.main-nav ul{
		
		display:block;
		position:absolute;
		right:0;
		margin:auto;
		padding-bottom:1rem;
	}

.main-nav{
	display:block;
}

img{
	padding-bottom:2em;
}
.logo{
	width:100%;
	height:90px;
	margin-bottom:1em;
}
/*
}*/

@media screen and (min-width: 500px){
.logo{
	height:120px;
	margin-bottom:3em;
}
}

@media screen and (min-height: 330px){
	
	.main-nav ul{
		top:50%;
		transform:translateY(-50%);
	}
}

	.main-nav a,
	.main-nav span{
		padding:0.5em 1em;	
	}
.main-nav{
	width:0;
}
.meta-nav{
	position:absolute;
	bottom:0;
	right:0;
	padding-right:20px;
}
.off-canvas .main-nav{
	display:block;
	width:80%;
}

.off-canvas .sidebar,
.off-canvas .wrapper{
	left:80%;
}



.sidebar {
    text-align: left;
}
.sidebar p{
	border-top:1px solid #000;
	padding-top:2rem;
}

.swiper-container{
	width:100%;
	height:200px;
}

.swiper-slide img{
	width:auto;
	height:200px;
}

.accordion h3{
	padding:1rem 0;
}
.accordion div{
	padding-bottom:1rem;
}
iframe{
	width:100%;
	height:400px;
}

	.js .slicknav_menu {
		display:block;
	}
.sidebar,
.content{
	padding: 3em 1em;
	padding-left: 30px;
	padding-left: 3rem;
}
.sidebar{
	padding-top:0;
}

@media screen and (min-height: 500px){
	.nav-title,
	.main-nav li{/*
		float:left;*/
		padding:.5rem 0;
	}
	.main-nav li:first-child{
		padding-top:0;
	}
}

@media screen and (min-width: 700px) {
/*.logo{
	background-position:left top !important;
}*/
.button-menu{
	display:none;
}
.sidebar,
.off-canvas .wrapper,
.wrapper{
	float:left;
	margin-left:30%;
	width:70%;
	position:static;
	left:0;
	
}
/*
.sidebar{
	padding-left: 0;
}
*/
.off-canvas .main-nav,
.main-nav{
	width:30%;
	left:0;
	padding: 50px 20px 0 0;
}
.js .main-nav{
	position:absolute; /*sticky*/
}
	.main-nav ul{
		position:static;
		transform:translateY(0);
		height:100%;
	}
	/*
	.main-nav li:last-child{
		position:absolute;
		bottom:0;	
		right:0;
	}
	*/

.content,
.sidebar{
			
			padding:50px;
			/*float:left;margin-left:20px;
			max-width:700px;*/
	}
	.sidebar{
		padding-top:0;
	}
	/*
	p{
		max-width:700px;
	}*/

h1,h2,p{
}

	.js .main-nav {
		display:block;
	}
	
	.js .slicknav_menu {
		display:none;
	}
.slicknav_nav a{
	padding:1rem;
}

}

@media screen and (min-width: 850px) {
img.float{
	float:right;
	width:50%;
	padding-left:2em;
	padding-bottom:2em;
}
}
@media screen and (min-width: 1100px) {

.off-canvas .main-nav,
.main-nav{
	width:25%;
	padding-right:50px;
}


.off-canvas .wrapper,
.wrapper{
	/*float:left;
	margin-left:25%;
	width:55%;
	*/
	position:relative;
	margin: 0 auto;
	float:none;
	width:50%;
	text-align:center;
}

.content{
	margin:auto;
	padding-left:0;
	padding-right:0;
}
.sidebar p{
	padding-top:0;
	border:none;
}
.sidebar {
    position: fixed;
	left:auto;
    right: 0;
    top: 0;
    width: 25%;
	margin-left:auto;
	/*margin-left:80%;
	float:left;*/
	padding-top:50px;
}

.js .sidebar{
	position:absolute; /*sticky*/
}

.sidebar aside{
	display:inline;
}
}