/*---------------------------------------------[      botika superstylin'      ]-----------------------------------------*/

html {
	font-size: 100%;
	/*overflow-y: scroll;*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-size: 100%;
	text-align: center;
	overflow-x: hidden;
	position: relative;
}
body,
input,
select,
optgroup,
option,
textarea,
button {
	font-family: 'Roboto', sans-serif;
	color: #1E1919;
}
body, .bakobody {
	background-color: #FFF;
}
body {
	/*background-image: url(../irudi/whlchr.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: cover;*/
}
table, html, body {
	margin: 0;
	padding: 0;
	border: none;
	/*height: 100%;*/
	width: 100%;
}
table tr td {
	vertical-align: middle;
}
object {
	pointer-events: none;
}
a {	color: #1E1919; }
a {	transition: color .15s ease-in-out; }
a:visited {	/*color: #444;*/ }
a:hover {	color: #2F2C26; }
a:active {	color: #ADADAF; }
.nion {	color: #FF0000; }
::selection {
	background: #DFDCDC;
	/*color: #000;*/
}
strong, b, .dbtext strong {
	font-weight: 500;
}
body ::-moz-selection {
	background: #DFDCDC;
}
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/*div { outline: 1px solid #F71; }*/

/*---------------------------------------------[             rwd               ]-----------------------------------------*/

.mediaquerylevel { z-index: 0; width: 0px; display: none; }
.rwdiv { margin-bottom: 1.5rem; }
.rwdiv.nomar { margin-bottom: 0; }
.fleximg { width: 100%; }
.fleximgmax {	max-width: 100%; }

/*---------------------------------------------[           egitura             ]-----------------------------------------*/

header {
	width: 100%;
	transition: top 0.25s ease-in-out;
	padding-bottom: .5rem;
	top: 0;
	z-index: 1000;
}
header.ison {
	/*padding-bottom: 0;*/
	background-color: #FFF;
}
footer {
	position: relative;
	background-repeat: repeat;
}

.horipad {
	margin: 0 auto;
	padding: 0 1rem;
}
.goiko.ison {
	background-color: #FFF;
	overflow: hidden;
}
.goiko .horipad {
	position: relative;
	/*overflow: hidden;*/
}
.eduki {
	clear: both;
	overflow: hidden;
	padding: 1.25rem 0 3.25rem;
	/*font-size: 0.9375rem;*/
	min-height: 15rem;
}

.gora {
	width: 3rem;
	height: 2.375rem;
	line-height: 2rem;
	text-align: center;
	position: fixed;
	z-index: 1001;
	right: 1.5rem;
	bottom: 0;
	font-weight: 300;
	display: none;
	border-radius: .25rem .25rem 0 0;
	background-color: rgba(0,0,0,.85);
	/*box-shadow: 0 0 4px #111;*/
	border-color: #FFF;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	color: #FFF;
}
span.goraka {
	font-size: 2rem;
	font-weight: 700;
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	padding-bottom: .3125rem;
}

.gora:hover {
	border-width: 1px 1px 0 1px;
	background-color: #FF0000;
	color: #FFF;
}
.dbtext {
	text-align: left;
	max-width: 900px;
}

/*---------------------------------------------[           kolore             ]-----------------------------------------*/

.kol0 { color: #111; }
.kol0over:hover, a:hover .kol0over { color: #111; }
.boko0, a.boko0:hover { border-color: #111; }
.bako0 { background-color: #111; }
.kol1 { color: #FF0000; }
.kol1over:hover, a:hover .kol1over { color: #FF0000; }
.boko1, a.boko1:hover { border-color: #FF0000; }
.bako1 { background-color: #FF0000; }
.kol2 { color: #888; }
.kol2over:hover, a:hover .kol2over { color: #888; }
.boko2, a.boko2:hover { border-color: #888; }
.bako2 { background-color: #888; }
.kolargi { color: #CFA8AB; }
.kolargioverwhite { color: #17A3BF; }
.kolilun { color: #2F2C26; }
.kolgrey { color: #AAA; }
.bokogrey { border-color: #AAA; }

/*---------------------------------------------[           common             ]-----------------------------------------*/

.lodifont {	font-weight: 700; }
.normalfont {	font-weight: 400; }
.breakword {
	word-wrap: break-word;
 /*-ms-word-break: break-all;
     word-break: break-all;*/
     word-break: break-word; /* Non standard for webkit */
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}
p {
	/*font-weight: 300;*/
	text-align: left;
	line-height: 1.25rem;
	margin: .25rem 0 1rem;
	font-size: .8125rem;
	/*text-align: justify;*/
}
p a:not(.but) {
	color: #333;
	padding: 0 1px;
	/*background-color: #FFF;
	border-bottom: 1px dotted #DDD;*/
}
p a:hover {
	color: #F00;
}
.txtitzal {
	text-shadow: 0 0 1px #AAA;
}

.borderadius {
	border-radius: .4375rem;
}
.but {
	display: inline-block;
	font-size: .8125rem;
	background-color: rgba(55,55,55,.2);
	transition: background-color 0.15s ease-out;
	padding: .375rem .75rem;
	margin: .125rem 0;
	text-align: center;
	border: none;
	border: 1px solid transparent;
}
.but:hover {
	color: #FFF;
	background-color: rgba(55,55,55,.8);
	border: none;
	border: 1px solid transparent;
}
.formcontainer {
	max-width: 12rem;
}
.iconbira {
	color: #F00;
	display: inline-block;
	animation: spin 1s linear infinite;
	transform-origin: center center;
	-webkit-animation: spin 1s linear infinite;
	-webkit-transform-origin: center center;
	margin-left: .125rem;
}
@keyframes spin {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100%   { -webkit-transform: rotate(360deg); }
}
.newsletintro, .newsletintro span.lang {
	/*font-size: .6875rem;
	line-height: 1.3125;*/
}

.videobox {
	margin: .125rem 0;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	clear: both;
	overflow: hidden;
	border: 1px solid #DFD5C3;
}
.videobox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
hr {
	margin: .0625rem 0;
	/*ackground: #CCC;*/
	border: none;
	height: 1px;
	clear: both;
}
abbr, acronym {
	border-bottom: 1px dotted #CCC;
	cursor: help;
}


/*---------------------------------------------[           goiko             ]-----------------------------------------*/

.logodiv {
	padding: 0;
	margin-bottom: 1rem;
	position: relative;
	padding-top: 1.125rem;
}
.ison .logodiv {
	/*opacity: 0;*/
}
.logo {
	color: #1E1919;
	vertical-align: top;
	font-size: 2.25rem;
	margin: 0 auto;
	/*transition: transform .15s ease-in-out;*/
}
.logo span {
	display: inline-block;
	padding: 0 .125rem;
	/*transition: padding 0.15s ease-in-out;*/
}
.logo:hover span {
	/*padding: 0;
	color: #000;*/
}


/*---------------------------------------------[           menua             ]-----------------------------------------*/

.showhidemenu {
	display: block;
	z-index: 1500;
	margin: 1rem 1rem 1rem 0;
	font-weight: 300;
	z-index: 1001;
	float: right;
	transition: top .4s ease-out;
	position: fixed;
	right: 0;
}
.nav-up .showhidemenu {
    top: -6rem;
}
.nav-down .showhidemenu {
   top: 0;
}
.showhidemenu span {
	color: #FFF;
	background-color: #000;
	text-align: center;
	font-size: 2.5rem;
	height: 3rem;
	width: 3rem;
	display: inline-block;
	line-height: 1.0625;
	border-radius: .125rem;
	/*box-shadow: 0 0 2px #FFF;*/
	transition: all .15s ease-out;
}
.showhidemenu:hover span {
	background-color: #F00;
}
.showhidemenu.nion span {
	background-color: #F00;
	/*-ms-transform: rotate(90deg); /* IE 9 */
  /*-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  /*transform: rotate(90deg);*/
}
.navigation {
	left: -30rem;
	top: 5rem;
	position: fixed;
	transition: left .15s ease-out;
	z-index: 1000;
	overflow-y: auto;
	border-top: 1px solid transparent;
	width: 29.9375rem;
}
.geziscroll {
	display: none;
}
.ison .navigation.border {
	border-top: 1px solid #DDD;
}
.navigation.border .geziscroll {
	display: inline-block;
	position: absolute;
	font-weight: 700;
	bottom: 1.25rem;
	right: 1.25rem;
}
.ison .navigation {
	width: 100%;
	left: 0;
}
.ison .menu li {
	/*background: #FFF;*/
}
.super .horipad,
.navigation .horipad {
	position: relative;
}

.menu {
	text-align: left;
	font-size: .8125rem;
	padding: 1rem 1.25rem;
	/*background-color: #FFF;*/
}
ul.menu {
	padding-right: 0;
}
.ison .menu {
	overflow-y: auto;
	width: 100%;
}
.menutxt {
	display: none;
}
.menu li {
	display: inline;
	width: 100%;
	float: left;
	line-height: 1.25rem;
}
.menu > li {
	margin-bottom: 1.5rem;
}
.menu > li:last-child {
	margin-bottom: 0;
	margin-top: 1rem;
}
.submenu {
	width: 60%;
	float: right;
}
.menu > li:last-child span.t700 {
	display: none;
}
.menu > li:last-child .submenu {
	width: 100%;
	float: none;
	padding-bottom: 2.5rem;
}
.menu > li:last-child .submenu > li:first-child {
	width: 40%;
	float: left;
}
.menu > li:last-child .submenu > li:nth-child(2) {
	width: 60%;
}
.menu > li:last-child .submenu > li:first-child,
.menu > li:last-child .submenu > li:nth-child(2) {
	/*position: absolute;
	bottom: 0;*/
}
.menu > li:last-child .submenu > li:nth-child(2) {
	left: 40%;
}
.submenu > li {
}
.menu li a:hover, .menu li a.nion {
	color: #F00;
}

.edulist, .edulist ul {
	/*font-size: 1.0625rem;*/
	text-align: left;
	margin: .25rem 0 .5rem;
	list-style: circle inside;
	padding-left: 1.625rem;
	text-indent: -1rem;
}
.edulist li {
	line-height: 1.1875;
	margin: .3125rem 0;
}

.eguteframe {
	border: none;
	width: 100%;
}

.overlaymenu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: transparent;
	transition: background-color .15s ease-out;
	width: 100%;
}
.overlaymenu.color {
	background-color: rgba(255,255,255,.99);
}
.overlaymenu .logoahref {
	position: absolute;
	transition: left .15s ease-out;
	padding-left: 1rem;
	top: 1.125rem;
	left: -20rem;
}
.overlaymenu.color .logoahref {
	left: 0;
}

/*----------------------------------------------[           edukiak             ]-----------------------------------------*/

.overlaymap, .overlaypdf, .overlayikusgai {
	bottom:0;
	left:0;
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	z-index: 2000;
	background-color: rgba(255,255,255,.9);
	overflow: hidden;
}
.overlayikusgai {
	display: block;
}
.loadinganima,
.loadinganima div {
	border-radius: 50%;
}
.loadinganima	{
	text-align: center;
	width: 3.125rem;
	height: 3.125rem;
	background-color: #F00;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: .5rem;
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0 0 .75rem rgba( 0, 0, 0, .75 );
	box-shadow: 0 0 .75rem rgba( 0, 0, 0, .75 );
	z-index: 2001;
}
.loadinganima div	{
	margin: 0 auto;
	width: 2rem;
	height: 2rem;
	background-color: #FFF;
	-webkit-animation: loadinganima .5s ease infinite;
	animation: loadinganima .5s ease infinite;
}
@-webkit-keyframes loadinganima	{
	from { opacity: .5;	-webkit-transform: scale( .75 ); }
	50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
	to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}
@keyframes loadinganima	{
	from { opacity: .5;	transform: scale( .75 ); }
	50%	 { opacity: 1;	transform: scale( 1 ); }
	to	 { opacity: .5;	transform: scale( .75 ); }
}
#foriframe, #forpdf {
	position: absolute;
	z-index: 2005;
}
#foriframe, #if, #forpdf {
	border: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.cookies {
	right: 0;
	bottom: 0;
	position: fixed;
	/*max-width: 350px;*/
	text-align: center;
	margin: 0 auto;
	width: 100%;
	z-index: 900;
}
.cookies > div {
	color: #FFF;
	background: rgba(45,45,45,.9);
	padding: .375rem 1rem;
	text-align: left;
	font-weight: 200;
	padding-right: 6rem;
}
.cookies p {
	text-align: left;
	margin-bottom: .25rem;
}
.cookies p a {
	border: none;
	color: #000;
}
.cookies p a:hover {
	color: #F00;
	border: none;
}
.cookies a:not(.closeekie) {
	/*text-decoration: underline;*/
}
.cookies a.closeekie {
	font-size: 1.5rem;
	float: right;
}
.cookies button {
	padding: .3rem .6rem;
	background: #333;
	box-shadow: 0 0 2px rgba(15,15,15,.9);
	color: #FFF;
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
	right: 1rem;
}
.cookies button:hover {
	background: #F00;
	color: #FFF;
}


/*----------------------------------------------[           contact             ]-----------------------------------------*/

.miframe {
	/*height: 800px;*/
	width: 100%;
	border: 0;
	border: 1px solid #D1D1D1;
}
.divformap {
	overflow: hidden;
}
.divformap div:first-child {
	margin-bottom: -4px;
	position: relative;
}
.inputerror {
	border-color: #D33;
	border-style: dashed;
}
#echo {
	line-height: 1;
}

/*----------------------------------------------[           h-ak             ]-----------------------------------------*/

h1, h2 {
	/*text-shadow: 1px 1px 1px #CCC;*/
}
h1 {
	line-height: 1;
	font-size: 1.5rem;
	text-align: left;
	margin: 0 0 .5rem;
	/*padding: .1rem 0 .125rem;
	font-style: italic;
	overflow: hidden;*/
}
.ata404 h1 {
	text-align: center;
}
h1 a {
	color: #FFF;
	line-height: 1;
	vertical-align: top;
	background-color: #DFDCDC;
	padding: .4375rem 1rem .5rem .75rem;
	border-radius: .3125rem;
	font-weight: 400;
	display: inline-block;
	text-shadow: 1px 1px 1px #CCC;
}
h1 a:hover {
	color: #FFF;
}
h1 a.close {
	float: right;
	font-size: 1.5rem;
	/*text-align: center;
	padding: .25rem .125rem;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 1rem;*/
}
h1 a:hover.close {
	color: #6F1B1F;
}
h2 {
	text-align: left;
	font-size: 1.25rem;
	line-height: 1.3125;
	margin: .5rem auto 3.375rem;
	overflow: hidden;
}
.imgdiv img {
	width: 100%;	
}
.loader {
	display: none;
}

a:hover .plus {
	background-color: #6F1B1F;
}

/*-----------------------------------------[           orokor last to win           ]------------------------------------*/

a.niof, a:hover.niof {
	color: #CCC; cursor: default;
}
a.niof .kolw {
	color: #EAEAEA; cursor: default;
	text-shadow: none;
}
.dbtext p a:not(.soilink):after {
	content: '[\002B]';
	padding-left: .25rem;
	color: #F00;
}
.dbtext p a:hover:after {
	color: #333;
}
.dbtext p + ul, .dbtext p + ol {
	margin-top: -.75rem;
	margin-bottom: .75rem;
}
.dbtext ul, .dbtext ol {
	font-size: .8125rem;
	text-align: left;
	padding-left: 1.5rem;
	line-height: normal;
}
.dbtext ul {
	list-style: circle outside;
}
.dbtext ol {
	list-style: decimal outside;
}
.redactor-editor ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.redactor-editor li {
  padding-left: 1em; 
  text-indent: -.7em;
}
.redactor-editor li::before {
  content: "- ";
  color: #1E1919;
}
.dbtext li {
	margin: .25rem 0;
}

.glide {
	margin-bottom: 1.5rem;
}
.glide li {
  padding-left: 0; 
  text-indent: 0;
	margin: 0;
}
.glide li::before {
  content: "";
  color: #FFF;
}
.glide li img {
  width: 100%;
}
.glide__bullets {
	display: none;
}
.glide__arrows {
	text-align: right;
}
.glide__arrow {
	width: 20px;
  font-size: 2rem;
	line-height: .5;
	font-weight: 700;
	background-color: transparent;
}
.glide__arrow.disabled {
	color: #999;
}
.glide__arrow:hover {
  color: #F00;
	background-color: transparent;
}

.dbtext p img.fleximg {
	max-width: 100%;
	width: auto;
}
.dbtext p img {
	width: 100%;
	margin: .125rem 0;
}
.dbtext .lang {
	color: #999;
	font-weight: 300;
  /*font-style: italic;*/
	margin-bottom: .5rem;
	font-size: .75rem;
}
.dbtext .lang:before,
.dbtext .lang:after{
	padding: 0 .125rem;
  font-style: normal;
	font-weight: 300;
}
.dbtext .lang:before {
  content: '(';
}
.dbtext .lang:after {
  content: ')';
}
.dbtext blockquote {
  quotes: "“" "”" "‘" "’";
}
.dbtext blockquote:before {
    /*content: open-quote;*/
}
.dbtext blockquote:after {
    /*content: close-quote;*/
}
.dbtext blockquote {
	line-height: 1.5;
	font-style: italic;
	font-size: .8125rem;
	margin-top: .5rem;
	padding: 0;
	display: inline-block;
}
.dbtext .book {
	line-height: 1;
	font-size: .75rem;
	padding: .125rem 0 0 .5rem;
	margin-bottom: .5rem;
	display: block;
}
.dbtext div p.book:nth-child(2) {
	margin-top: .75rem;
}
.dbtext .fotxt {
	line-height: 1;
	font-size: .75rem;
	margin-top: .5rem;
	margin-bottom: 0;
	display: block;
	padding: 0;
}
.dbtext .fotxt + p {
	margin-top: 0;
}
.dbtext .fotxt + div {
	margin-top: 0.125rem;
}
.redactor-image {
	/*width: 100%;*/
}
.redactor-file-link {
	/*width: 100%;*/
}
.z50eZ img {
	/*border: 1px solid #D0D0D0;*/
}

.prevnext {
	font-size: 1.625rem;
}
.prevnext a {
	background-color: transparent;
}
.prevnext span.eskb {
	border-radius: .3125rem;
	padding: .125rem .125rem .0625rem;
	border: 1px solid #EFE5DE;
	background-color: #DFDCDC;
	/*display: block;
	border-bottom: 1px dashed #BBB;*/
}
.prodprevnext {
	/*border-radius: .3125rem;
	padding: .25rem .125rem .0625rem;
	border: 1px solid #FFF;
	background-color: #EAEAEA;*/
}
.ataprevnext {
	border-radius: .3125rem;
	padding: .25rem .0625rem .1875rem;
}
h2 .ataprevnext {
	padding: .125rem .0625rem 0;
}
.ataprevnext a:not(.niof), .prodprevnext a:not(.niof) {
	color: #333;
}
.ataprevnext a:not(.niof):hover, .prodprevnext a:not(.niof):hover {
	color: #FF0000;
}
.tgei {
	font-size: 1.0625rem;
}

/*----------------------------------------------[           elements           ]-----------------------------------------*/

form {

}

input,
select,
optgroup,
option,
textarea {
	/*font-size: 1.0625rem;*/
	background: #FFF;
	border: 1px solid #DDD;
	margin: .125rem 0;
}

input, textarea {
	padding: .25rem;
	width: 99.9%;
}
select {
	padding: .25rem;
}
select option {
	border: 0;
	margin: 0;
}
input[type=checkbox]{
	width: auto;
}

textarea {
	overflow: auto;
}

input:hover,
select:hover,
textarea:hover {
	/*border-color: #BBB;*/
	cursor: pointer;
}

input:focus,
select:focus,
textarea:focus {
	color: #333;
	border-color: #CCC;
	box-shadow: none;
	background: #EEE;
}

label {
	display: none;
	font-size: .8125rem;
}
input:valid {
	/*background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/check.svg);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: right 2px center;*/
}

button {
	cursor: pointer;
}
button:not(.but) {
	border: none;
	/*background: none;*/
}
button:hover {
	background: #F00;
}

.frame {
	position: relative;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	white-space: nowrap;
}
 ul.js_slides {
	padding-left: 0;
}
.js_slider {
	display: inline-block;
}
.js_slider img {
	/*cursor: col-resize;*/
	width: 100%;
}
.js_slider li {
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.js_prev, .js_next {
	float: right;
	cursor: pointer;
	font-size: 2rem;
	font-weight: 700;
	padding: 0 .3125rem;
	margin-bottom: .75rem;
	line-height: .5;
}
.js_next:hover, .js_prev:hover {
	color: #F00;
}