/*-------------------------[      botika RWD starting at w>334 (21em)      ]-------------------------*/

.e-webxs {
	display: inline;
}

@media screen and (min-width: 25em) { /*---------------------------------------- w>400 ----------------------------------------*/

.e-webs { display: block; }
.e-websib { display: inline; }

.horipad {
	padding: 0 1.5rem;
}
.menu {
	padding: 1rem 1.75rem;
	max-width: 20rem;
}
.ison .menu {
	max-width: 100%;
}
.overlaymenu .logoahref {
	padding-left: 1.5rem;
}
.menutxt {
	position: absolute;
	line-height: 5rem;
	right: 5rem;
	display: block;
	font-size: .875rem;
	color: #DFDCDC;
}
.showhidemenu {
	right: 8px;
}

}

@media screen and (min-width: 33em) { /*---------------------------------------- w>528 ----------------------------------------*/

.z100garb, .redactor-formatting-p-z100garb {
	clear: both;
	width: 100%;
}
.z50eZ, .z50eS, .redactor-formatting-p-z50eZ, .redactor-formatting-p-z50eS {
	width: 50%;
}
.z50eZ {
	padding-right: 1.25rem;
}
.z50eS {
	padding-left: 1.25rem;
}
.z50eZ, .redactor-formatting-p-z50eZ {
	float: left;
}
.z50eS, .redactor-formatting-p-z50eS {
	float: right;
}

}

@media screen and (min-width: 38em) { /*---------------------------------------- w>608 ----------------------------------------*/

.e-webm { display: block; }
.e-webmib { display: inline-block; }

.logodiv {
	padding-top: 1.375rem;
}
.overlaymenu .logoahref {
	top: 1.375rem;
}
.menu {
}
.loader {
	width: 100%;
}
.loader {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
.loader {
	padding-top: 5em;
	background-color: #F5F5F5;
}

.showhidemenu {
	margin: 1.5rem 1.5rem 0 0;
}
.menutxt {
	line-height: 6rem;
}
.navigation {
	top: 5.75rem;
}	
.eduki {
	margin-left: 0;
}
p.nojust, .nojust p, ul.edulist.nojust li {
	text-align: left;
}

}

@media screen and (min-width: 55em) { /*---------------------------------------- w>880 ----------------------------------------*/

.e-webib { display: inline; }
.e-web { display: block; }

.horipad {
	padding: 0 2rem;
}
.overlaymenu .logoahref {
	padding-left: 2rem;
}
a.opensubmenu {
	/*display: none;*/
}
.eduki .submenu {
	display: block;
}
.menu > li > a {
	/*padding: .75rem .25rem .625rem;*/
}
h1 {
	margin-bottom: .125rem;
}
.gora {
	right: 2rem;
}

ul.menu {
	padding-left: 2.125rem;
}

.glide__bullets {
	float: left;
	display: block;
	padding-top: .3125rem;
}
.glide__bullet {
	float: left;
	width: 16px;
	height: 16px;
	line-height: 1.5;
	background-color: #DDD;
	margin-right: 1px;
	border-radius: 0;
}
.glide__bullet.active {
	background-color: #999;
}

.mediaquerylevel { z-index: 2; width: 2px; }

}

/*@media screen and (min-width: 63em) { /*---------------------------------------- w>1040 ----------------------------------------*/
/*@media screen and (min-width: 63em), screen and (min-height: 42rem) { /*---------------------------------------- w>1040 ----------------------------------------*/
@media screen and (min-width: 65em) and (min-height: 43rem) { /*---------------------------------------- w>1040 ----------------------------------------*/

.mediaquerylevel { z-index: 3; width: 3px; }
	
.showhidemenu, .menutxt {
	display: none;
}
.navigation {
	left: auto;
	top: 1.4375rem;
	position: relative;
	/*display: block;*/
}
.horipad, .super .horipad {
	max-width: 1240px;
}
h2 {
	text-align: center;
}
header {
	width: 360px;
	position: fixed;
}
.eduki {
	margin-left: 350px;
}
.eduki .horipad {
	max-width: 798px;
}
	
header .menu,
header .submenuak  {
	display: block;
}
.logodiv {
	/*padding-top: 1.25rem;*/
	position: relative;
	z-index: 1005;
}
ul.menu {
	padding-left: 0.125rem;
}

.navigation {
	width: auto;
}
.submenu {
	/*width: 61%;*/
}
.overlaymenu {
	display: none;
}
	
}

@media screen and (min-height: 46em) { /*---------------------------------------- h>736 ----------------------------------------*/

.menu > li {
	margin-bottom: 2rem;
}
	
}

@media screen and (min-height: 49em) { /*---------------------------------------- h>784 ----------------------------------------*/

.menu > li {
	margin-bottom: 2.5rem;
}
	
}

@media screen and (min-height: 51em) { /*---------------------------------------- h>816 ----------------------------------------*/

.menu > li {
	margin-bottom: 3rem;
}
	
}
