/* ---------------------------------------------[      botika superstylin'      ]----------------------------------------- */

body {
	color: #333;
	font-family: 'Lato', sans-serif;
}
html, body {
/*
	width: 100%;
	height: 100%;
*/
}
.nisans, .nisans p, input, textarea, .dbtext p, .dbtext li {
	/*font-family: 'Roboto', sans-serif;*/
}
.niserif {
	/*font-family: 'Roboto', serif;*/
}
body, .bakobody {
	background-color: #FFF;
}
a {	color: #1E1919; transition: background .2s ease-in-out; }
p a {	color: #61714D; }
a:visited {	/*color: #444;*/ }
a:hover {	color: #2F2C26; }
a:active {	color: #ADADAF; }
.nion {	color: #61714D; }
::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; }

/*div { outline: 1px solid #F71; }*/


/*
body {
	display: grid;
  grid-template-areas:
    "header"
    "main"
    "footer";
  grid-template-rows: auto 1fr auto;
  grid-gap: 1rem;
  height: 100vh;
} 

header {
  grid-area: header;
}
main {
  grid-area: main;
	align-self: center;
}
footer {
  grid-area: footer;
}
*/


/* ---------------------------------------------[           kolore             ]----------------------------------------- */

a:hover { color: #61714D; }
.kol0 { color: #111; }
.kol0over:hover, a:hover .kol0over { color: #111; }
.boko0, a.boko0:hover, .boko0over:hover, a:hover .boko0over { border-color: #111; }
.bako0, .bako0over:hover, a:hover .bako0over { background-color: #111; }
.kol1 { color: #61714D; }
.kol1over:hover, a:hover .kol1over { color: #61714D; }
.boko1, a.boko1:hover, .boko1over:hover, a:hover .boko1over { border-color: #61714D; }
.bako1, .bako1over:hover, a:hover .bako1over { background-color: #61714D; }
.kol2 { color: #DD2A22; }
.kol2over:hover, a:hover .kol2over { color: #DD2A22; }
.boko2, a.boko2:hover, .boko2over:hover, a:hover .boko2over { border-color: #DD2A22; }
.bako2, .bako2over:hover, a:hover .bako2over { background-color: #DD2A22; }
.kol3 { color: #2b3a26; }
.kol3over:hover, a:hover .kol3over { color: #2b3a26; }
.boko3, a.boko3:hover, .boko3over:hover, a:hover .boko3over { border-color: #2b3a26; }
.bako3, .bako3over:hover, a:hover .bako3over { background-color: #2b3a26; }
.kol4 { color: #76AA2A; }
.kol4over:hover, a:hover .kol4over { color: #76AA2A; }
.boko4, a.boko4:hover, .boko4over:hover, a:hover .boko4over { border-color: #76AA2A; }
.bako4, .bako4over:hover, a:hover .bako4over { background-color: #76AA2A; }
.kolargi { color: #CFA8AB; }
.kolargioverwhite { color: #17A3BF; }
.kolilun { color: #2F2C26; }
.kolgrey { color: #AAA; }
.bakogrey { background-color: #AAA; }
.bokogrey { border-color: #AAA; }

/* ---------------------------------------------[           $egitura             ]----------------------------------------- */

header {
	top: 0;
	width: 100%;
	z-index: 1005;
	text-align: left;
/*	transition: top 0.25s ease-in-out;*/
/*	background-color: #7A9875;*/
	background-color: #61714D;
	background-image: url(../irudi/etxea.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	box-shadow: 0 2px 4px #333;
}
.ongietorria header .horipad, .ongietorria header {
	height: 100vh;
/*	background-color: #A9CCCA;*/
}
header .horipad {
	padding-bottom: 2rem;
/*
	background-repeat: no-repeat;
	background-image: url(../irudi/etxea.png);
	background-position: bottom right;
	background-size: contain;
*/
}
header.ison {
	/*padding-bottom: 0;*/
/*	background-color: #FFF;*/
}
main {
/*	min-height: 44rem;*/
}
footer {
	margin-top: 2rem;
	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;*/
}

.gora {
	width: 3rem;
	height: 2.375rem;
	line-height: 2rem;
	text-align: center;
	position: fixed;
	z-index: 1005;
	right: 1.5rem;
	bottom: 0;
	font-weight: 300;
	display: none;
	border-radius: .25rem .25rem 0 0;
	background-color: rgba(43,58,38,.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;
}

.ongietorri {
	font-size: 1.75rem;
	padding: 0 1rem;
	text-align: right;
	position: absolute;
	top: 12rem;
	right: .5rem;
}
.ongietorri li {
	text-align: right;
}
.ongietorri li a {
	color: #FFF;
}
.ongietorri span {
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	line-height: 1.25;
}
.gmapdiv {
	height: 40rem;
}

/* ---------------------------------------------[           $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: #61714D;
	font-size: 1.0625em;
}
.parbig::first-letter {
	font-size: 2rem;
	font-weight: 400;
	line-height: 1;
}
.loader {
	display: none;
}

.auto-grid {
  display: grid;
/*	align-items: baseline;*/
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
	grid-auto-flow: dense;
  grid-gap: 1px;
}
.auto-grid.iritziak {
  grid-gap: 2rem;
}
.auto-grid.zerbitzuak {
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  grid-gap: 1rem;
}
.zerbitzuak li span {
  vertical-align: middle;
}

ul.photolist {
	overflow: hidden;
	margin-top: 1.5em;
	margin-bottom: .1em;
}
ul.photolist + div {
	font-size: .8em;
	font-weight: 300;
	margin-bottom: 3em;
}
.photolist li {
	/*display: inline-block;*/
}
.photolist img {
	display: block;
/*	transition: all .3s ease;*/
}
.photolist a {
	display: block;
/*	border-radius: 5%;*/
	overflow: hidden;
/*	border: 1px solid #FFF;*/
}
.photolist a span {
	position: absolute;
	font-size: 3em;
	color: #FFF;
	z-index: 2;
	right: 5px;
	bottom: 5px;
	opacity: 0;
}
.iritziak .grid-item {
	margin-bottom: 2rem;
	border-bottom: 1px solid #61714D;
}
.iritziak h2, .iritzibat h2 {
	margin: .5rem 0;
}
.altuerabat {
	height: 1px;
	padding: 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: #FFF;
	display: inline-block;
	font-size: 1.0625rem;
	border-radius: .3125rem;
/*	background-color: #2B3A26;*/
/*	background: linear-gradient(to bottom,#415639,#2B3A26);*/
  background-image: linear-gradient(to top, #5e8623 0%, #76AA2A 50%, #415639 50%, #2B3A26 100%);
  background-size: 100% 200%;
  background-position: top center;
	transition: all .1s ease-out;
	padding: .375rem .5rem;
	margin: .25rem;
	text-align: center;
	border: none;
	border: 1px solid #588049;
}
.but.nomar {
	margin: 0;
}
.but:hover {
	color: #FFF;
  background-position: bottom center;
}
.but:hover .icon {
	color: #41583A;
}
.but.bako {
	color: #444;
	background: #D4CDC1;
}

.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%;
}

/* ---------------------------------------------[           $hizk             ]----------------------------------------- */

header .hizk {
	display: flex;
	padding-top: 1.25rem;
	position: absolute;
	left: -15rem;
	z-index: 1010;
	transition: left .2s ease-out;
	text-align: center;
}
.ison .hizk {
	left: 1rem;
	position: fixed;
}
header .hizk a {
	color: #FFF;
	display: block;
	background-color: rgba(0,0,0,.4);
	font-size: 1.5rem;
	line-height: 1.75;
	height: 2.75rem;
	width: 2.75rem;
/*	padding: .5rem .6875rem .6875rem;*/
}
header .hizk li a.nion {
	color: #DD2A22;
	font-weight: 500;
	background-color: rgba(0,0,0,1)
}
header .hizk li {
	margin-right: 1px;
/*	border-right: 1px solid #FFF;*/
}
header .hizk li:last-child {
	border-right: none;
}
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 .6875rem;
}
footer .hizk li a.nion {
	background-color: rgba(0,0,0,.6)
}
.hizk li a:not(.nion):hover {
	background-color: rgba(0,0,0,.75)
}

/* ---------------------------------------------[           $goiko             ]----------------------------------------- */

.logodiv {
	padding: 0;
	text-align: left;
	position: relative;
	padding-top: 1rem;
	display: inline-block;
	max-width: 16rem;
}
.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;*/
}
.mailandtelhizkordez {
	display: none;
}
#hemen {
	display: block;
	height: 0;
}

/* ---------------------------------------------[           $menua             ]----------------------------------------- */

.burger {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 20px;
  right: 20px;
  border-radius: 4px;
  z-index: 1010;
/*  background-color: #00679b;*/
}
.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 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: 1005;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-out;
/*  background-color: #0072AC;*/
  opacity: 0;
  visibility: hidden;
}
.overlay.show {
  opacity: 1;
  visibility: visible;
}


.showhidemenu {
	display: block;
	z-index: 1500;
	margin: 1rem 1rem 1rem 0;
	transition: top .4s ease-out;
/*	font-weight: 300;
	float: right;
	position: fixed;*/
	right: 0;
	top: 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: 1010;
	width: 100%;
	overflow-y: auto;
	height: calc(100vh - 5rem);
	text-transform: uppercase;
/*	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: #61714D;
	border-bottom: 1px solid #00597C;
	transition: color .2s ease-out;
	padding: .625rem 1rem;
}
.submenu ul li a {
	display: block;
	padding: .125rem 1rem;
}
.sitemap .submenu ul li:last-child {
	margin-bottom: 1.5rem;
}
a.submenuarrow {
	float: right;
	margin-left: 1rem;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #9DBECC;
	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;
	/*display: inline;
	overflow: hidden;
	margin-bottom: -.3125rem;*/
}
.menu li a {
	position: relative;
}
.menu li.nion a {
	font-weight: 700;
}
.menu > li > a {
	color: #FFF;
	display: block;
	font-size: 1.375rem;
	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: #61714D;
}
.opensubmenu:hover, .ison.opensubmenu {
	color: #FFF;
	background-color: #DD2A22;
}

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 {
/*	text-align: left;*/
	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.125rem;
	height: 2.125rem;
	text-align: center;
	display: inline-block;
	line-height: 1.5;
	color: #61714D;
}
footer .social a {
	border-radius: 100%;
	background-color: #FFF;
}
.contactsocial .social a {
	width: auto;
	height: 2.375rem;
	color: #6f1b1f;
	line-height: 1.6875;
	margin-right: .5rem;
}
.contactlinks .contactsocial .icon {
	font-size: 1.375rem;
}

.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: 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; }

/* ----------------------------------------------[           $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;
}

#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: #61714D;
	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: #61714D;
}
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;
}
.nekaframe {
	width: 100%;
	height: 42rem;
	border: 1px solid #CCC;
}

.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;
	font-size: .8125rem;
	margin-bottom: .25rem;
}
.cookies p a {
	border: none;
}
.cookies p a:hover {
	color: #76AA2A;
	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: #FFF;
	color: #333;
}
.sagardo {
	display: flex;
	flex-wrap: wrap;
}
.sagardo li {
	width: 50%;
	margin-bottom: 1px;
}

/* ----------------------------------------------[           $beko             ]----------------------------------------- */

footer {
	clear: both;
/*	background-color: #b1bfa7;*/
  background-image: url(../irudi/belarra.png), linear-gradient(to top, #b1bfa7 0%, #959f8f 80%, #828d7b 100%);
	background-position: top center, center center;
	background-repeat: repeat-x, no-repeat;
}
footer .horipad {
	padding-top: 4rem;
	padding-bottom: 2rem;
/*
	background-image: url(../irudi/bekoetxe.png);
	background-position: bottom center;
	background-repeat: no-repeat;
*/
}
footer > div {
	text-align: center;
}
.logobe {
	max-width: 2.5rem;
}
.becontact a {
	display: 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: #61714D;
	font-size: 1.125rem;
	padding: 0 .25rem;
	color: #FFF;
/*	border-radius: 100%;*/
}
.copy li.nion:before, .copy li.nion:after {
	background-color: #FFF;
	color: #61714D;
}
.copy.right ul li:after {
	content: '\2039';
	margin-left: .375rem;
}
.copy li {
	margin-bottom: 1px;
}

/* ----------------------------------------------[           $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: rgba(255,255,255,0);
}
.contactbox label .icon {
	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;
}
.contactbox label + input:hover, .contactbox label + textarea:hover,
.contactbox label + input:focus, .contactbox label + textarea:focus {
	border-color: #61714D;
/*	border-width: 0 1px 1px;*/
}
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: #DD2A22;*/
	border-radius: .3125rem .3125rem 0 0;
}
.ataprevnext a {
	line-height: 1;
	font-weight: 700;
	padding: 0 .375rem;
}
.ataprevnext a.niof, .prodprevnext a.niof {
	opacity: .5;
}
.ataprevnext a:not(.niof), .prodprevnext a:not(.niof) {
	color: #FFF;
}
.ataprevnext a:not(.niof):hover, .prodprevnext a:not(.niof):hover {
	color: #333;
}

/* ----------------------------------------------[           elements           ]----------------------------------------- */

h1 {
	font-weight: 900;
	display: block;
	text-align: left;
	margin-right: 1px;
}
.ata0 h1, .ata0 h1:hover {
	font-weight: 300;
	border-bottom: none;
}
.ata0 h1 span {
	border-color: #FFF;
}
.ata0 h1 .h1txt {
/*  line-height: 1.3125; */
  background-color: #DD2A22;
  color: #fff; 
  padding: .5rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
	font-style: normal;
}
.ata0 h1 .icon {
  background-color: #DD2A22;
	font-size: 2.5rem;
	padding: .75rem;
  color: #fff; 
}
h1, h1 a, h1 a:hover {
/*	color: #00597C;*/
}
h1 a {
	display: flex;
	align-items: center;
/*	justify-content: space-between;*/
	flex-shrink: 0;
}
h1 a span:nth-child(2){
	flex-grow: 1;
	margin: auto;
	height: 4px;
}
h2 {
	color: #61714D;
	font-style: italic;
}
h3 {
	color: #61714D;
}
hr {
	border-bottom: 1px solid #61714D;
}
