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

body {
	color: #333;
	font-family: 'Arimo', sans-serif;
}
html, body {
	background-color: #FFF;
/*
	width: 100%;
	height: 100%;
*/
}
:root {
	--kolorea: #333;
	--koliluna: #295249;
	--background-color-light: #FCFCFC;
	--text-color-light: #000000;
	--background-color-dark: #000;
	--text-color-dark: #EEE;

}
.kol { color: var(--kolorea); }
.bako { background-color: var(--kolorea); }
.boko { border-color: var(--kolorea); }

body {
	background-color: var(--background-color-light);
  color: var(--text-color-light);
}
.bodilun {
  background-color: var(--background-color-dark);
  color: var(--text-color-dark);
}

.nisans, .nisans p, input, textarea, .dbtext p, .dbtext li {
	/*font-family: 'Roboto', sans-serif;*/
}
.bestefont {
	font-family: 'Arial', serif;
}
/* main p, main li, main input, main label { font-size: .9375rem; } */

a {	color: #1E1919; transition: all .2s ease-in-out; }
p a {	color: #333; }
a:visited {	/*color: #444;*/ }
a:hover {	color: #2F2C26; }
.bodilun a, .bodilun p a { color: #BBB; }
.bodilun a:hover { color: #FFF; }
a:active {	color: #ADADAF; }
.nion {	color: var(--kolorea); }
::selection {
	background: #DFDCDC;
	/*color: #000;*/
}
strong, b, .dbtext strong {
	font-weight: 600;
}
body ::-moz-selection {
	background: #DFDCDC;
}
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

.onlyilun {
	display: none;
}
.bodilun .onlyilun {
	display: block;
}
.bodilun .onlyargi {
	display: none;
}
/*div { outline: 1px solid var(--kolorea); }*/

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

a:hover { color: #333; }
.kol_ { color: var(--kolorea); }
.kol_over:hover, a:hover .kol_over { color: var(--kolorea); }
.boko_, a.boko_:hover, .boko_over:hover, a:hover .boko_over { border-color: var(--kolorea); }
.bako_, .bako_over:hover, a:hover .bako_over { background-color: var(--kolorea); }

.kol0 { color: #1E1E1C; } /* iluna */
.kol0over:hover, a:hover .kol0over { color: #1E1E1C; }
.boko0, a.boko0:hover, .boko0over:hover, a:hover .boko0over { border-color: #1E1E1C; }
.bako0, .bako0over:hover, a:hover .bako0over { background-color: #1E1E1C; }
.kol0stroke, .kol0strokeover:hover, a:hover .kol0strokeover { text-shadow: 2px 0 0 #1E1E1C, -2px 0 0 #1E1E1C, 0 2px 0 #1E1E1C, 0 -2px 0 #1E1E1C, 1px 1px #1E1E1C, -1px -1px 0 #1E1E1C, 1px -1px 0 #1E1E1C, -1px 1px 0 #1E1E1C; }
.kol1 { color: #A22402; } /* argia */
.kol1over:hover, a:hover .kol1over { color: #A22402; }
.boko1, a.boko1:hover, .boko1over:hover, a:hover .boko1over { border-color: #A22402; }
.bako1, .bako1over:hover, a:hover .bako1over { background-color: #A22402; }
.kol1stroke, .kol1strokeover:hover, a:hover .kol1strokeover { text-shadow: 2px 0 0 #A22402, -2px 0 0 #A22402, 0 2px 0 #A22402, 0 -2px 0 #A22402, 1px 1px #A22402, -1px -1px 0 #A22402, 1px -1px 0 #A22402, -1px 1px 0 #A22402; }
.kol2 { color: #666; }
.kol2over:hover, a:hover .kol2over { color: #666; }
.boko2, a.boko2:hover, .boko2over:hover, a:hover .boko2over { border-color: #666; }
.bako2, .bako2over:hover, a:hover .bako2over { background-color: #666; }
.kol2stroke, .kol2strokeover:hover, a:hover .kol2strokeover { text-shadow: 2px 0 0 #666, -2px 0 0 #666, 0 2px 0 #666, 0 -2px 0 #666, 1px 1px #666, -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #666; }
.kolargi { color: #CFA8AB; }
.kolargioverwhite { color: #17A3BF; }
.kolilun { color: #2F2C26; }
.kolgrey { color: #AAA; }
.bakogrey { background-color: #AAA; }
.bokogrey { border-color: #AAA; }

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

header {
	width: 100%;
	transition: top 0.25s ease-in-out;
/*	padding-bottom: 0rem;*/
	top: 0;
	z-index: 1000;
}
header.ison {
	/*padding-bottom: 0;*/
	background-color: #FFF;
}
main {
/*	opacity: 0;*/
	min-height: 34rem;
}
footer {
	margin-top: 2rem;
	position: relative;
	border-top: 1px solid #DDD;
/*	background: linear-gradient(to bottom, #FAFAFA, #FFF);*/
}
.bodilun footer {
	border-top: 1px solid #333;
}

.horipad {
	margin: 0 auto;
	padding: 0 1rem;
}
.ata0 main > .horipad {
	padding: 0;
}
.goiko.ison {
	background-color: #FFF;
	overflow: hidden;
}
.goiko .horipad {
	position: relative;
	/*overflow: hidden;*/
}

.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;
}
.dbtext ul.imglist {
	list-style: none;
	padding-left: 0;
}

.auto-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
	grid-auto-flow: dense;
	grid-gap: 1rem;
}
.auto-grid img {
  max-width: 100%;
  border: 1px solid #CCC;
}
.bodilun .auto-grid img {
  border-color: #444;
}

/* ---------------------------------------------[           $berezi             ]----------------------------------------- */

img.imgatze {
	position: fixed;
	opacity: .1;
	z-index: 0;
	left: .5rem;
	bottom: .5rem;
	z-index: -1;
	width: 95%;
}

.parbig {
/*	margin-top: 2rem;*/
}
.parbig strong {
	color: #333;
	font-size: 1.0625em;
}
.parbig::first-letter {
	font-size: 2rem;
	font-weight: 400;
	line-height: 1;
}
.loader {
	display: none;
}

.agertu {
	opacity: 0;
	transition: opacity .3s ease-out;
}
.agertu.doit {
	opacity: 1;
}
.etorri, .etorrifast, .home div div div {
	opacity: 0;
	transition: opacity .3s ease-out;
	transform: translateY(10px);
}
.etorri.doit, .etorrifast.doit, .home div div div.doit {
/*	transform: translateY(0);*/
	opacity: 1;
  animation: etor .3s ease forwards;
}
@keyframes etor {
  to { transform: translateY(0); }
}

/* ---------------------------------------------[           $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;
}

main {
	clear: both;
	overflow: hidden;
	padding: 1rem 0;
}
main .horipad {
	/*min-height: 20rem;*/
}

.but {
	color: #111;
	display: inline-block;
	font-size: 1.0625rem;
	border: 1px solid var(--kolorea);
	background-color: #FFF;
	transition: background-color 0.15s ease-out;
	padding: .5rem .75rem;
	margin: .25rem;
	text-align: center;
	font-weight: 600;
}
.bodilun .but {
	color: #FFF;
	background-color: #111;
}
.but.nomar {
	margin: 0;
}
.but:hover {
	color: #FFF;
	background-color: var(--kolorea);
	border: none;
	border: 1px solid transparent;
}
.but:hover .icon {
	color: #FFF;
}
.but.bako {
	color: #444;
	background: #D4CDC1;
}
.bodilun .bakoe.bokoc {
	box-shadow: none;
	border: 1px solid black;
}
.bodilun .bakoc {
	background-color: #333;
}

.videobox {
	margin: .125rem 0;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	clear: both;
	overflow: hidden;
	border: 1px solid #DDD;
}
.bodilun .videobox {
	border-color: #333;
}
.videobox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ---------------------------------------------[           $hizk             ]----------------------------------------- */

header .hizketadark {
	padding-top: 1rem;
	position: absolute;
	left: -16rem;
	z-index: 100;
	transition: left .2s ease-out;
}
.ison .hizketadark {
	left: 1rem;
	position: fixed;
}
header .hizk, header .hizketadark {
	display: flex;
}
header .hizk a, .toggleDarkMode {
	color: #FFF;
	display: inline-block;
	font-size: 1.375rem;
	padding: .375rem .5rem;
	height: 3.0625rem;
	width: 3.0625rem;
	line-height: 1.4;
}
.hizk li a.nion {
	font-weight: 600;
}
.hizk li {
	position: relative;
}
header .hizk li .nion span:after {
/*
	content: "";
	position: absolute;
	bottom: 0;
	right: .5rem;
	width: 1rem;
	height: 3px;
	background: #111;
	transition: ease-out .2s;
	z-index: 0;
*/
}
footer .hizk {
	display: flex;
	border-top: 1px solid #666;
}
footer .hizk li {
	flex: 1 1;
	border-right: 1px solid #FFF;
}
footer .hizk li:last-child {
	border-right: none;
}
footer .hizk li a {
	color: #FFF;
	display: block;
	background-color: rgba(0,0,0,.4);
	font-size: 1.5rem;
	padding: .25rem 0;
}
footer .hizk li a.nion {
	background-color: rgba(0,0,0,1)
}

.toggleDarkMode {
	width: 2.625rem;
	height: 2.625rem;
	display: inline-block;
/*  background: linear-gradient( -45deg, black, black 50%, white 50% ); */
  border-radius: 50%;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	background-color: transparent;
}
.toggleDarkMode .sun-icon {
	color: white;
	display: none;
}
.toggleDarkMode .moon-icon {
	color: black;
	display: inline-block;
}
.bodilun .toggleDarkMode .moon-icon {
	display: none;
}
.bodilun .toggleDarkMode .sun-icon {
	display: inline-block;
}
.toggleDarkMode:hover {
  background: black; 
}
.toggleDarkMode:hover .moon-icon {
  color: white; 
}
.bodilun .toggleDarkMode:hover {
  background: white; 
}
.bodilun .toggleDarkMode:hover .sun-icon {
  color: black; 
}

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

.logodiv {
	padding: 0;
	text-align: left;
	margin-bottom: 1rem;
	position: relative;
	padding-top: .875rem;
}
.ison .logodiv {
	/*opacity: 0;*/
}
.logo {
	line-height: 1;
	font-size: 12vw;
	font-weight: 700;
	letter-spacing: -.6vw;
	/*color: #1E1919;
	vertical-align: top;
	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;*/
}
.mailandtelhizkordez {
	display: none;
}

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

.burger {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 20px;
  right: 20px;
  border-radius: 4px;
  z-index: 10;
  background-color: var(--kolorea);
}
.burger:hover {
  background-color: #000;
}
.burger span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
	display: none;
}
.burger span span {
	display: none;
}
.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 4px;
  background-color: #FFF;
  outline: 1px solid transparent;
  transition-property: background-color, transform;
  transition-duration: 0.3s;
}
.burger span::before, .burger span::after {
  position: absolute;
  content: "";
}
.burger span::before {
  top: -9px;
}
.burger span::after {
  top: 9px;
}
.burger.clicked {
  background-color: #000;
}
.burger.clicked span {
  background-color: transparent;
}
.burger.clicked span::before {
  transform: translateY(9px) rotate(45deg);
}
.burger.clicked span::after {
  transform: translateY(-9px) rotate(-45deg);
}
.burger.clicked span:before, .burger.clicked span:after {
  /*background-color: #000;*/
}
.burger:hover {
  cursor: pointer;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-out;
  background-color: var(--kolorea);
  opacity: 0;
  visibility: hidden;
}
.overlay.show {
  opacity: 1;
  visibility: visible;
}


.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);*/
}

nav {
	bottom: 0;
	left: -100vw;
	display: flex;
	position: fixed;
	z-index: 1000;
	width: 100%;
	overflow-y: auto;
	height: calc(100vh - 5rem);
/*	transition: all .2s ease-out;*/
}
.sitemap nav.submenu {
	top: auto;
	bottom: auto;
	left: 0;
	display: block;
	position: relative;
	height: auto;
}
nav.submenu {
	left: auto;
	height: auto;
	position: relative;
	display: none;
	z-index: 0;
	width: 100%;
}
nav.submenu .s1menu {
	width: 100%;
}
.sitemap .s1menu li a {
	font-size: .875em;
}
aside .submenu ul li a {
	color: #FFF;
	text-transform: uppercase;
	background-color: #333;
	border-bottom: 1px solid #111;
	transition: color .2s ease-out;
	padding: .625rem 1rem;
}
.submenu ul li a {
	display: block;
	padding: .125rem 1rem;
}
.sitemap > li {
	margin-bottom: .5rem;
}
.sitemap .submenu ul li:last-child {
	margin-bottom: .5rem;
}
a.submenuarrow {
	float: right;
	margin-left: 1rem;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #999;
	width: 2.5rem;
	color: #000;
	/*border-radius: 0 .5rem .5rem 0;*/
}
aside .submenu ul li a.submenuarrow {
	text-align: center;
}
nav.show {
	left: 0;
	/*background: #FFF;
	border-top: 1px solid #DDD;
	height: 100vh;
	align-items: center;
	bottom: 0;*/
}
.super .horipad,
nav .horipad {
	/* position: relative; */
}

.menu {
	width: 100%;
	margin: auto;
}
.menutxt {
	display: none;
}
.menu li {
	opacity: 0;
	top: 2rem;
	position: relative;
	transition: all .2s ease-out;
	/*text-transform: uppercase;
	display: inline;
	overflow: hidden;
	margin-bottom: -.3125rem;*/
}
.menu li a {
	position: relative;
}
.menu li.nion a {
/*	font-weight: 700;*/
	color: var(--kolorea);
	background-color: white;
}
.menu > li > a {
	color: #FFF;
	display: inline-block;
	font-size: 1.3125rem;
	line-height: 1.375;
	transition: color .2s ease-out;
	padding: .625rem 1rem;
}
@-webkit-keyframes menuin { 100% { top: 0; opacity: 1; } }
@-moz-keyframes menuin { 100% { top: 0; opacity: 1; } }
@-o-keyframes menuin { 100% { top: 0; opacity: 1; } }
@keyframes menuin { 100% { top: 0; opacity: 1; } }
.noscroll .menu li { 
	animation: menuin .125s forwards ease-out;
}
.noscroll .menu li:nth-child(1)  { 
	animation-delay: .2s;
}
.noscroll .menu li:nth-child(2)  {
	animation-delay: .25s;
}
.noscroll .menu li:nth-child(3) {
	animation-delay: .3s;
}
.noscroll .menu li:nth-child(4)  { 
	animation-delay: .35s;
}
.noscroll .menu li:nth-child(5)  {
	animation-delay: .4s;
}
.noscroll .menu li:nth-child(6) {
	animation-delay: .45s;
}
.noscroll .menu li:nth-child(7) {
	animation-delay: .5s;
}
.navigation .s1menu {
	display: none;
	position: absolute;
	z-index: 9;
}
.navigation .menu > li > a:hover + ul.s1menu {
/*	display: block;*/
}
.menu li ul, .sitemap li ul {
  margin-left: 0;
}
.opensubmenu {
	color: #FFF;
	padding: .75rem;
	background-color: #333;
}
.opensubmenu:hover, .ison.opensubmenu {
	color: #FFF;
	background-color: var(--kolorea);
}

main .s2menu {
	display: none;
}
main ul li ul.s2menu {
	margin-left: 0;
}
main .s2menu.subon {
	display: block;
}
main .s3menu {
	display: none;
}
main .s3menu.subon {
	display: block;
}

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

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

.social {
	font-size: 1.5rem;
}
.super .social {
	display: none;
}
footer .social {
	margin-top: .25rem;
}
.navigation .social {
	position: absolute;
	top: 4.5rem;
	right: -99px;
	transition: right .25s ease-out;
	/*opacity: 0;*/
	float: right;
}
.social a {
	width: 2.375rem;
	height: 2.375rem;
	text-align: center;
	display: inline-block;
	line-height: 1.75;
	color: #333;
}
footer .social a {
	border-radius: 100%;
}
.contactsocial .social a {
	width: auto;
	height: 2.375rem;
	color: #6f1b1f;
	line-height: 1.6875;
	margin-right: .5rem;
}
.contactlinks .contactsocial .icon {
	font-size: 1.375rem;
}
.contactlinks .niabs {
	/* font-size: .875rem; */
}
footer .contactlinks .niabs {
	top: 5.5rem;
	left: 0;
	opacity: 0;
	transition: .2s ease-out;
	pointer-events: none;
	width: 100%;
}
footer .becontact .contactlinks .niabs {
  left: 50%;
  transform: translateX(-50%);
}
footer .contactlinks a:hover .niabs {
	opacity: 1;
}
main .contactlinks a {
	display: flex;
	flex-grow: 0;
	flex-basis: auto;
	align-items: center;
}
main .contactlinks a .icon {
	border-color: transparent;
	padding: .5rem;
	color: var(--kolorea);
	font-size: 1.5rem;
}
main .contactlinks a:hover .icon {
	color: var(--text-color-dark);
}
.bodilun main .contactlinks a:hover .icon {
	color: var(--text-color-light);
}
main .contactlinks .niabs {
	position: relative;
	margin-left: .5rem;
}
/*
main .contactlinks a:nth-child(2) .niabs {
	padding-left: .5rem;
}
main .contactlinks a:nth-child(3) .niabs {
	padding-left: 5rem;
}
main .contactlinks a:nth-child(4) .niabs {
	padding-left: 8.5rem;
}
*/
.super .social a { color: #FFF; }
.super a.instagram { background-color: #e95950; border-color:#e95950; }
.super a.facebook {	background-color: #3b5998; border-color:#3b5998; }
.super a.twitter { background-color: #00aced; border-color:#00aced; }
.super a.youtube { background-color: #cd201f; border-color:#cd201f; }
.super a.linkedin {	background-color: #0077B5; border-color:#0077B5; }
.super .social a:hover { background-color: #FFF; color: #000; }
footer a.instagram:hover, .share a.instagram:hover { background-color: #e95950; }
footer a.facebook:hover, .share a.facebook:hover { background-color: #3b5998; }
footer a.twitter:hover, .share a.twitter:hover { background-color: #00aced; }
footer a.youtube:hover, .share a.youtube:hover { background-color: #cd201f; }
footer a.linkedin:hover, .share a.linkedin:hover { background-color: #0077B5; }
footer a.mail:hover, .share a.mail:hover { background-color: #134EA0; }
footer .social a:hover { color: #FFF; }

.atzemask {
	background-image: url('../irudi/svg/brush.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

button svg, li svg, span > svg {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill: #000;
	z-index: 0;
}
button > span, .nirelsvg > span {
	z-index: 1;
	position: relative;
}

.zerbitzuak img {
	min-width: 20rem;
	margin-right: 0;
	border: 1px solid #CCC;
}

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

.home .txt {
	font-size: 1.5rem;
	font-weight: 700;
	text-align: left;
}
.home > div {
/*	margin: 1rem 0;*/
}
.home > div > div {
	display: flex;
	margin-bottom: 1rem;
/*	outline: 1px solid #CCC;*/
}
.home, .home > div.fh1 > div > div {
	width: 100%;
}
.home img {
	width: 100%;
}

.disko img {
	width: 100%;
}
.disko a > span {
	z-index: 1;
	color: #FFF;
	background-color: var(--kolorea);
	position: absolute;
	text-align: center;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all .2s ease-in-out;
}
.disko a {
	cursor: default;
	position: relative;
	display: inline-block;
}
.disko a:hover span {
	opacity: 1;
	/* display: block; */
}
.insta {
/*	align-items: flex-start;*/
}
.insta:hover .ikusezina {
	display: inline-block;
}
.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;
}

#foriframe, #forpdf {
	position: absolute;
	z-index: 2005;
}
#foriframe, #if, #forpdf {
	border: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.closemap, .closemaponurl, .closepdf {
	top: 0;
	position: absolute;
	z-index: 2010;
	font-size: 3.5rem;
	color: #333;
	padding: .75rem .75rem 0;
	text-shadow: 0 0 2px #999;
	display: inline-block;
	line-height: 1.125;
}
.closemap, .closemaponurl {
	right: 0;
}
.closemap span, .closemaponurl span {
	color: #333;
}
a:hover.closemap span, a:hover.closemaponurl span {
	color: #333;
}
.closepdf {
	left: 0;
}
.closepdf span {
	color: #333;
}
a:hover.closepdf span {
	color: #FFF;
}
.overlaymap .donut, .overlayikusgai .donut {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: .5rem;
	transform: translate(-50%, -50%);
	z-index: 2001;
}

.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;
}
.cookies p {
	text-align: left;
	font-size: .8125rem;
	margin-bottom: .25rem;
}
.cookies p a {
	border: none;
}
.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;
}
.cookies button:hover {
	background: #FFF;
	color: #333;
}


/* ----------------------------------------------[           $beko             ]----------------------------------------- */

footer {
	clear: both;
	margin-top: 5rem;
/*	background-image: url(../irudi/atzewallbeko.png);*/
}
footer .horipad {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
footer .horipad {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
footer .next img {
/*	max-height: 2.3125rem;*/
	margin-bottom: .5rem;
}
footer .belocation {
	width: 100%;
}
.logobe {
	max-width: 3rem;
}
.becontact a {
	display: inline-block;
}
.copy {
	display: flex;
	justify-content: space-between;
}
.copy .nion {
/*	font-weight: 600;*/
}
.copy.left ul {
	text-align: left;
}
.copy.right ul {
	text-align: right;
}
.copy.left ul li:not(.copyright):before {
	content: '\203A';
	margin-right: .375rem;
}
.copy li:before, .copy li:after {
/*	background-color: #CCC;*/
	padding: 0 .25rem;
	color: #999;
	font-weight: 700;
	font-size: 1.375rem;
	line-height: .7;
	text-align: center;
/*	border-radius: 100%;*/
	display: inline-block;
	width: 1.125rem;
	height: 1.125rem;
}
.copy li.nion:before, .copy li.nion:after {
/*	background-color: #BBB;*/
	color: var(--kolorea);
}
.copy.right ul li:after {
	content: '\2039';
	margin-left: .375rem;
}
.copy li {
	margin-bottom: 1px;
}
.copy li a {
	padding-bottom: 0.375rem;
/*	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;
}
.contactbox input, .contactbox textarea {
	background-color: transparent;
}
.contactbox label .icon {
	/* color: #666; */
	float: right;
	width: 1.1875rem;
	text-align: center;
}
.contactbox div label {
	/*float: left;*/
	width: 99.9%;
	display: block;
	text-align: left;
	padding-left: 1px;
	background-color: transparent;
	padding: .25rem .25rem 0;
	margin-top: .5rem;
	font-weight: 300;
	/*display: none;*/
}
.contactbox label:hover {
/*	border-color: #CCC;*/
}
.contactbox div label.kol2 {
	background-color: #FFF;
	border-color: #CCC;
}
.contactbox label + input, .contactbox label + textarea {
	margin-top: 0;
	border-color: #CCC;
	border-style: solid;
	border-width: 0 0 1px;
}
.bodilun .contactbox label + input, .bodilun .contactbox label + textarea {
	border-color: #222;
}
.contactbox label + input:hover, .contactbox label + textarea:hover,
.contactbox label + input:focus, .contactbox label + textarea:focus {
	border-color: #999;
/*	border-width: 0 1px 1px;*/
}
.bodilun .contactbox label + input:hover, .bodilun .contactbox label + textarea:hover,
.bodilun .contactbox label + input:focus, .bodilun .contactbox label + textarea:focus {
	border-color: #444;
}
label.iblok:before {
	content: "";
}

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

a.niof, a:hover.niof {
	color: #CCC; cursor: default;
}

.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 {
/*	float: right;*/
	padding: 0 .25rem;
/*
	background-color: var(--kolorea);
*/
/*	border-radius: .3125rem .3125rem 0 0;*/
/*	margin-top: .5rem;*/
}
.ataprevnext a {
	line-height: 1.5;
	font-weight: 700;
	padding: 0 .375rem .25rem;
	background-color: #FFF;
	border: 1px solid #111;
	margin: 0 2px;
}
.ataprevnext a.niof, .prodprevnext a.niof {
	opacity: .5;
}
.ataprevnext a:not(.niof), .prodprevnext a:not(.niof) {
	color: #111;
}
.ataprevnext a:not(.niof):hover, .prodprevnext a:not(.niof):hover {
	background-color: #F1F1F1;
	color: #999;
}

.text-gradient {
    background: linear-gradient(to right, var(--kolorea), #000);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.bodilun .text-gradient {
    background: linear-gradient(to right, var(--kolorea), var(--background-color-light));
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
::placeholder {
  color: #BBB;
}

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

h1 {
	display: none;
	font-weight: 400;
	text-align: left;
	margin-right: 1px;
	font-size: 1rem;
}
.ata0 h1, .ata0 h1:hover {
	font-weight: 300;
	border-bottom: none;
}
h1, h1 a, h1 a:hover {
	color: #111;
}
h2 {
/*	font-weight: 400;*/
	font-size: 1.0625rem;
}
hr {
	border-bottom: 1px solid #CCC;
}