@charset "utf-8";
* 
	{ box-sizing: border-box; }

body 
	{align-items:center;justify-content:center;margin:0;background:url(img/body.webp) 0 repeat scroll transparent;font-family:Arial,Helvetica,sans-serif}
h1,h2 
	{text-shadow:1px 1px 1px #fff;color:#2c6381;font-size:2.2rem;font-style:italic;line-height:2.3rem;
	text-align:center}
h3,h4 
	{color:#6c6868;font-size:1.6rem;line-height:1.8rem;text-align:center}
main, aside, article
	{margin : auto;width : 1000px;border : #2C6381 solid 3px;border-radius : 10px 10px 10px 10px;}
a:link 
	{color:#f60;text-decoration:none;text-shadow:1px 1px 1px #000;font-size:1.8rem;line-height:1.8rem}
a:visited 
	{color:#f60;text-decoration:none}
a:hover 
	{text-decoration:none;color:#000;background-color:#7de369}
a:active 
	{color:#ff0;background-color:transparent;text-decoration:underline}
.cta 
	{text-align: center;display: block;margin: auto;}
.btn 
	{display: inline-block;font-family: inherit;font-size: 1rem;font-weight: 600;text-decoration: none;border: none;border-radius: 0.5rem;padding: 0.9rem 1.8rem;cursor: pointer;transition: all 0.3s ease;line-height: 1.2;}
.btn-primary 
	{color: #fff;background: linear-gradient(135deg, #007bff 0%, #0062d1 100%);box-shadow: 0 4px 10px rgba(0, 98, 209, 0.25);}
.btn-primary:hover, .btn-primary:focus 
	{background: linear-gradient(135deg, #005ad1 0%, #0047a3 100%);box-shadow: 0 6px 16px rgba(0, 70, 160, 0.35);transform: translateY(-2px);}
.btn-primary:active 
	{transform: translateY(0);box-shadow: 0 3px 6px rgba(0, 70, 160, 0.25);}

@media (max-width: 600px) {
  .btn {width: 70%;text-align: center;padding: 1rem;}}
article{width: 100%}

summary 
	{display:block;margin:0 auto;cursor:pointer;background-image:linear-gradient(#2c6381,#dfe8ed,#2c6381);
	color:#3d3737;text-shadow:2px 2px 5px #fff;text-decoration-color:white;padding:5px 0 5px 0;width:100%;height:auto;border:2px solid rgba(255,49,49,.5);border-radius:15px 15px 15px 15px;text-align:center;outline:0;font-size:1.1rem;transition:.5s;opacity:1;box-shadow:0 10px 25px 1px #000}
summary>* 
	{display:inline}
summary:hover 
	{opacity:.5}
summary h2,summary p 
	{color:#0e0d0d;font-size:2.3rem;text-align:center}
details 
	{display:block;margin:0 auto;max-width:98%!important;margin-bottom:1rem}
details p 
	{bottom:auto;text-align:left;margin:auto}
#myBtn 
	{display:none;position:fixed;bottom:15px;right:30px;z-index:0;border:#2c6381 solid 3px;outline:0;background-image:linear-gradient(#2c6381,#dfe8ed,#2c6381);text-decoration-color:#010101;cursor:pointer;padding:15px;border-radius:10px;font-size:18px;opacity:.4;z-index:2}
#myBtn:hover 
	{background-color:#555;opacity:1}
time {font-style:italic;font-size:1.5rem}

img 
	{margin-left:auto;margin-right:auto;display:block;max-width:100%;height:auto;box-shadow:-10px 0 13px 0 rgb(0,0,0,.5)}
.visually-hidden 
	{position: absolute !important;width: 1px; height: 1px;padding: 0; margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}
img.jobb 
	{float:right;margin:10px 10px 10px 10px}
img.bal 
	{float:left;margin:10px 10px 10px 10px}
img.bemut
	{margin-left:auto;margin-right:auto;display:block;max-width:100%;height:auto;box-shadow:-10px 0 13px 0 rgb(0,0,0,.5)}
#korbe 
	{float:left}
.img-hivas 
	{display:block;position:fixed;bottom:15px;left:15px;z-index:0;border:#2c6381 solid 3px;outline:0;background-image:linear-gradient(#205f02,#49d805,#205f02);text-decoration-color:#010101;cursor:pointer;padding:5px;border-radius:10px;font-size:18px;opacity:.4;z-index:2}
.img-hivas:hover 
	{opacity:1}

p 
	{margin:20px}
.intro {text-align: center;margin: 2rem auto;max-width: 900px;}
.intro .style1 
	{font-style: italic;text-shadow: 1px 1px 1px #F8F9EB;color: #3BA022;font-size: 3.8rem;line-height: 3.3rem;display: block;}
.intro .style2
	{display: block;text-align: center;font-size: 1.1em;line-height: 1.8em;color: #222;font-weight: 400;margin-top: 0.5rem;}
.intro .style3 
	{display: block;font-family: 'Dancing Script', cursive;text-shadow: 1px 1px 1px #fff;color: #2C6381;font-size: 3.2rem;line-height: 1.1em;text-align: center;font-style: italic;margin-top: 0.8rem;font-weight: bold;}
.li-beljebb
	{margin-left:40px}
.p-k 
	{text-align:center;font-size:1.8rem}
.p-ko 
	{text-align:center;font-size:1.8rem}
.p-ko-kis 
	{text-align:center;text-decoration:underline;font-size:1.2rem}
.p-ala 
	{text-decoration:underline}
.p-sw 
	{text-shadow:2px 2px 5px #fff;z-index:2;font-family:'Dancing Script';font-size:4em;line-height:1;text-align:center;color:#2c6381;font-style:italic;max-width:100%}
.p-sw1 
	{text-shadow:2px 2px 5px #fff;z-index:2;font-family:'Dancing Script';font-size:2.6rem;line-height:1;text-align:center;color:#2c6381;font-style:italic;max-width:100%}
.p-dolt
	{font-style: italic}
.p-szolg{font-size:1.3rem}
#p1 
	{padding-left:60px}
#p3 
	{padding:10px 30px 10px 40px}
.nagybetu 
	{line-height:.7;float:left;transform:translateX(-5%);font-size:3.75rem;font-weight:700;padding-right:8px;padding-left:3px;text-shadow:3px 2px 0 #4b7b92}
.nagybetu1 
	{line-height:.7;float:left;transform:translateX(-5%);font-size:3.75rem;font-weight:700;padding-right:8px;padding-left:3px;text-shadow:3px 2px 0 #f4f1f1;color:#fd6216}
#dolt2,.dolt,.dolt1,.dolt2 
	{font-style:italic;font-size:2.8rem;text-shadow:1px 1px 1px #f8f9eb;color:#3ba022;line-height:3.3rem;text-align:center}
.dolt3 
	{text-shadow:1px 1px 1px #fff;color:#2c6381;font-size:2.2rem;font-style:italic;line-height:2.3rem;text-align:center}
.shadow 
	{font-family:'Dancing Script';font-size:4em;line-height:1;text-align:center;color:#2c6381;font-style:italic;max-width:100%}
.i 
	{font-style:italic;color: red}

p.slogan 
	{background-image : linear-gradient(#53819C,#A7C6D8,#53819C);color: rgba(255, 255, 255, .45);text-align: center;text-transform: uppercase;letter-spacing: 0.9em;border: 4px double rgba(255, 255, 255, 1);border-radius : 10px 10px 10px 10px;border-width: 4px 0;padding: 1.5em 0em;max-width: none;font-size: 1.2rem}
p.cim1 
	{font-size:1.8rem;line-height:1.6rem;text-align:center;text-shadow:2px 2px 5px white;text-decoration-color:#010101;}	
p.slogan span 
	{font: 4rem "Oswald", Fantasy;letter-spacing: 0;padding: 0.25em 0 0.325em;display: block;margin: 0 auto;text-shadow: 0 0 80px rgba(255, 255, 255, .5);/* Clip Background Image */background: url("img/animated-text-fill-3.png") repeat-y;-webkit-background-clip: text;background-clip: text;/* Animate Background Image */-webkit-text-fill-color: transparent;-webkit-animation: aitf 80s linear infinite;/* Activate hardware acceleration for smoother animations */-webkit-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;}
/* Animate Background Image */
 @-webkit-keyframes aitf 
	{0% {background-position: 0% 50%;}100% {background-position: 100% 50%;}}

@media screen and (max-width: 685px) {
	p.slogan {font-size: 1.1rem;}
	p.slogan span {font-size: 3.7rem}}
@media screen and (max-width: 650px) {
	p.slogan {font-size: 1.1rem;}
	p.slogan span {font-size: 3.5rem}}
@media screen and (max-width: 620px) {
	p.slogan {font-size: 1.0rem;}
	p.slogan span {font-size: 3.3rem}}
@media screen and (max-width: 600px) {
	p.slogan {font-size: 1.0rem;}
	p.slogan span {font-size: 3.2rem}}
@media screen and (max-width: 580px) {
	p.slogan {font-size: 1.0rem;}
	p.slogan span {font-size: 3.1rem}}
@media screen and (max-width: 550px) {
	p.slogan {font-size: 0.9rem;}
	p.slogan span {font-size: 2.9rem}}
@media screen and (max-width: 520px) {
	p.slogan {font-size: 0.8rem;}
	p.slogan span {font-size: 2.7rem}}
@media screen and (max-width: 500px) {
	p.slogan {font-size: 0.7rem;}
	p.slogan span {font-size: 2.5rem}}
@media screen and (max-width: 450px) {
	p.slogan span {font-size: 2.2rem}}
@media screen and (max-width: 420px) {
	p.slogan span {font-size: 2.0rem}
	p.slogan {font-size: 0.6rem;}}
@media screen and (max-width: 380px) {
	p.slogan span {font-size: 1.8rem}}
@media screen and (max-width: 350px) {
	p.slogan span {font-size: 1.7rem}}
@media screen and (max-width: 340px) {
	p.slogan  {font-size: 0.5rem}}



ol.breadcrumb, .breadcrumb 
	{padding: 10px 16px;margin: auto;list-style: none;background-image:linear-gradient(#2c6381,#dfe8ed,#2c6381);border:#4b7b92 solid 3px;border-radius:10px 10px 10px 10px}
ol.breadcrumb li 
	{display: inline;font-size: 18px;}
ol.breadcrumb li+li:before 
	{padding: 8px;color: black;content: "/\00a0";}
ol.breadcrumb li a 
	{color: #6F4242;text-decoration: none;}
ol.breadcrumb li a:hover 
	{color: #01447e;text-decoration: underline;}

	
	
.collapsible 
	{background-color: #777;color: white;cursor: pointer;padding: 7px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;}
.active, .collapsible:hover 
	{background-color: #555;}
.collapsible:after 
	{content: '\002B';color: white;font-weight: bold;float: right;margin-left: 5px;}
.active:after 
	{content: "\2212";}
.content 
	{padding: 0 5px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;background-color: #f1f1f1;}	
	
.but 
	{display:block;margin:0 auto;cursor:pointer;background-image:linear-gradient(#2c6381,#dfe8ed,#2c6381);color:#3d3737;text-shadow:2px 2px 5px #fff;text-decoration-color:white;cursor:pointer;padding:5px 0 5px 0;width:80%;height:auto;border:rgb(255,49,49,.5) solid 2px;border-radius:15px 15px 15px 15px;text-align:center;outline:0;
	font-size:2.1em;transition:.5s;opacity:1;box-shadow:0 10px 25px 1px #000}
.but:hover 
	{opacity:.5}

.k 
	{margin:auto;display:block;max-width:100%;box-shadow:0 19px 38px rgb(0,0,0,.3),0 15px 12px rgb(0,0,0,.3)}
.k30 
	{margin:auto;display:block;max-width:30%}
.k40 
	{margin:auto;display:block;max-width:40%}
.k50 
	{margin:auto;display:block;width:50%;box-shadow:0 19px 38px rgb(0,0,0,.3),0 15px 12px rgb(0,0,0,.3)}
.k70 
	{margin:auto;display:block;width:70%;box-shadow:0 19px 38px rgb(0,0,0,.3),0 15px 12px rgb(0,0,0,.3)}

ul,ol 
	{padding:5px 0px 10px 20px;margin-left:40px;line-height:10px;}


.div-koz, .div-med{margin:auto;}
div.center 
	{text-align:center;	margin:auto;display:flex}
.div-center 
	{text-align:center;	margin:auto;display:flex}
div.media 
	{display:flex;margin-left:auto;margin-right:auto}
.div-media 
	{display:flex;margin-left:auto;margin-right:auto}
.div-c 
	{column-span:all}
.div-keret,.div-keret1,.div-keretsk,.div-keretvk 
	{border:#4b7b92 solid 3px;box-shadow:0 19px 38px rgb(0,0,0,.3),0 15px 12px rgb(0,0,0,.3)}
.div-keret,.div-keret1 
	{background:#d4dfe1}
.div-keretvk 
	{background:#b3d0e0}
.div-keretsk 
	{background:#89a9b8}
.div-tartalom2
	{background:#89a9b8;border:#4b7b92 solid 3px;border-radius: 30px;box-shadow:0 19px 38px rgb(0,0,0,.3),0 15px 12px rgb(0,0,0,.3);padding:15px 10px 20px 10px;font-size:1.6rem;width: 90%;margin:auto}
.div-tartalom
	{background:#89a9b8;border:#4b7b92 solid 3px;border-radius: 30px;box-shadow:0 19px 38px rgb(0,0,0,.3),0 15px 12px rgb(0,0,0,.3);padding:15px 10px 20px 10px;font-size:1.6rem;width: 90%;margin:auto}
.div-tartalom p{text-decoration: underline}


.div-beljebb{padding:15px 10px 20px 10px;}
.div-beljebb p{	font-size:1.6rem;}
.div-footer 
	{font-size:1.4rem;line-height:1.6rem;color:#f7efef;text-align:center;text-shadow:2px 2px 5px #fff;text-decoration-color:#F8F3F3;background:#315262;padding:5px 5px 5px 5px}

iframe 
	{margin:auto;display:block}



.nav 
	{color:#fff}
.nav__text1 
	{color:#26f32b}
.nav__trigger-finger 
	{position:fixed;top:0;right:0;z-index:10;display:flex;align-items:center;width:30px;height:20px;margin:40px;color:#315262}
.nav__trigger-finger::before 
	{content:'';position:absolute;top:-5px;left:-5px;bottom:-5px;right:-5px;background:#6c92a7;opacity:0;z-index:-1;transition:opacity .3s cubic-bezier(.75,0,.25,1)}
.nav__trigger-finger span 
	{display:block;width:100%;height:3px;transition:transform 1s cubic-bezier(.75,0,.25,1);background:currentColor}
.nav__trigger-finger span::after,.nav__trigger-finger span::before 
	{content:"";position:absolute;left:0;right:0;display:block;height:3px;background:currentColor;transition:transform .4s cubic-bezier(.75,0,.25,1),top .4s .4s cubic-bezier(.75,0,.25,1),background .2s cubic-bezier(.75,0,.25,1)}
.nav__trigger-finger span::before 
	{top:0}
.nav__trigger-finger span::after 
	{top:calc(100% - 2px)}
.nav__submenu-trigger-input,.nav__trigger-input 
	{opacity:0;width:0;height:0;appearance:none;position:fixed}
.nav__trigger-input:focus+label 
	{color:#fff}
.nav__trigger-input:focus+label::before 
	{opacity:1}
.nav__trigger-input:checked+label 
	{height:10px;color:#fff}
.nav__trigger-input:checked+label span 
	{transform:rotate(45deg)}
.nav__trigger-input:checked+label span::after,.nav__trigger-input:checked+label span::before 
	{top:calc(50% - 1px);transition:transform .4s .4s cubic-bezier(.75,0,.25,1),top .4s cubic-bezier(.75,0,.25,1),background .2s cubic-bezier(.75,0,.25,1)}
.nav__trigger-input:checked+label span::after 
	{transform:rotate(90deg)}
.nav__trigger-input:checked~ul 
	{z-index:9;transform:none;transition:.5s cubic-bezier(.75,0,.25,1)}
.nav__list 
	{position:fixed;overflow-y:scroll;top:0;left:0;bottom:0;right:0;z-index:-1;background:#4b7b92;font-size:2.4rem;padding:40px;transform:translate(180vw) translateY(-450px) rotate(45deg);transition:.2s cubic-bezier(.75,0,.25,1);opacity:.9}
.nav__item 
	{list-style:none}
.nav__item+.nav__item 
	{margin-top:20px}
.nav__submenu-trigger-input:checked+label::after 
	{transform:translateY(10px)}
.nav__submenu-trigger-input:checked~ul 
	{display:block}
.nav__submenu-trigger-input:focus+label::after 
	{transform:translateY(5px)}
.nav__submenu-trigger-finger::after 
	{content:'';display:inline-block;border:transparent solid 10px;border-top-color:#fff;transition:.4s cubic-bezier(.75,0,.25,1)}
.nav__link 
	{text-decoration:none;color:inherit}
.nav__list-child 
	{display:none;font-size:2rem;margin-top:10px;padding-left:2rem}


.blink 
	{animation:blinker 2.9s linear infinite;color:#f50e0e;font-size:2.6rem;font-weight:700;font-family:sans-serif;text-align:center;text-shadow:2px 2px 5px #000;text-decoration-color:black}
.blink1 
	{animation:blinker 1.6s linear infinite;text-shadow:2px 2px 5px #fff;color:#147f19;font-size:1.4rem;line-height:2.1rem;text-align:center}
@keyframes blinker 
	{30% {opacity:0}}
.blink-one 
	{animation:blinker-one 1s linear infinite}
@keyframes blinker-one 
	{0% {opacity:0}}
.blink-two 
	{animation:blinker-two 2.08s linear infinite}
@keyframes blinker-two 
	{100% {opacity:0}}
.visually-hidden
	{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}



.container1 
	{margin:auto;width:800px;border:#4b7b92 solid 3px;border-radius:10px 10px 10px 10px}
.container2 
	{margin:auto;width:900px;border:#4b7b92 solid 3px;border-radius:10px 10px 10px 10px}

.card 
	{background-color:#cfe8dc;border:#4fb9e3 solid 2px;padding:10px;margin:0 0 1em 0}
.banner 
	{margin:auto;width:95%;height:250px;background-image:url("img/mask10.png");background-position:center;background-repeat:no-repeat;background-size:100%}
.banner0 
	{margin:auto;width:50%;height:300px;background-image:url("img/udvozlo.webp");background-position:center;background-repeat:no-repeat;background-size:100%}
.banner1 
	{margin:auto;width:50%;height:300px;background-image:url("img/udvozlo-1.webp");background-position:center;background-repeat:no-repeat;background-size:100%}
.banner1a 
	{margin:auto;width:50%;height:250px;background-image:url("img/kapcsolat.webp");background-position:center;background-repeat:no-repeat;background-size:100%}
.banner2 
	{margin:auto;width:50%;height:300px;background-image:url("img/bucsuzo-1.webp");background-position:center;background-repeat:no-repeat;background-size:100%}
.banner3 
	{margin:auto;padding:0 5px 5px 5px;width:100%;height:150px;background-image:url("img/nyil-le.png");background-position:center;background-repeat:no-repeat;background-size:100%}


.cim h3 
	{width:90%;position:relative;top:50%;left:49%;transform:translate(-50%,-50%);color:#4b7b92;font-family:arial;font-size:2rem;padding:7px;border:#4b7b92 solid 2px;border-radius:20px;text-align:center}
.cim h3 span 
	{color:#f8f3f3;background:#4b7b92;opacity:.7}
.cim p 
	{padding:10px 10px 10px 10px;font-size:1.6rem}

.vonal,.vonal0,.vonal1,.vonal2,.vonal3,.vonal4,.vonal5 
	{position:absolute;background-color:#4b7b92;border-radius:50%;overflow:hidden;width:3px}
.vonal0 
	{height:calc(160% - 20px)}
.vonal 
	{height:calc(108% - 20px)}
.vonal2 
	{height:calc(86% - 20px)}
.vonal3 {
	height:calc(54% - 20px)}
.vonal4 {
	height:calc(48% - 20px)}
.vonal5 {
	height:calc(33% - 20px)}
.vonal .scanner,.vonal0 .scanner,.vonal1 .scanner,.vonal2 .scanner,.vonal3 .scanner,.vonal4 .scanner,.vonal5 .scanner 
	{position:absolute;top:0;right:0;background:#fff;width:100%;height:20px;border-radius:50%;animation:scanner-loop 5s ease-in-out infinite;background:linear-gradient(rgb(255,255,255,0),#fff,rgb(255,255,255,0));height:50%}
@keyframes scanner-loop 
	{0% {top:0}50% {top:100%}100% {top:0}}
.szalag3 
	{display:flex;align-items:center;justify-content:left;font-size:1.5rem;margin:auto;padding:10px 10px 10px 10px}
.prod1,.prod1b,.prod1c 
	{width:750px;margin:20px auto;padding:20px;border:#2c6381 solid 3px;border-radius:20px;font-size:1.5rem;box-shadow:0 19px 38px rgb(0,0,0,.3),0 15px 12px rgb(0,0,0,.3)}
.prod1 
	{background-color:#89a9b8}
.prod1b 
	{background-color:#b3d0e0}
.prod1c 
	{background:#d4dfe1}
.cim1,.cim1bu,.cim1v 
	{font-size:1.6em;margin:0 0 20px;background-size:100%;background-color:#376c9a;color:#efe7e7;text-align:center;padding:41px;width:calc(100% + 80px);position:relative;left:-40px}
.cim1::before,.cim1bu::before,.cim1v::before 
	{content:"";border:solid 10px;border-color:#4a6d7e #4a6d7e transparent transparent;position:absolute;left:0;bottom:-20px}
.cim1::after,.cim1bu::after,.cim1v::after 
	{content:"";border:solid 10px;border-color:#4a6d7e transparent transparent #4a6d7e;position:absolute;right:0;bottom:-20px}
.cim1 
	{background-image:url("img/12b.webp")}
.cim1v 
	{background-image:url("img/1v.webp")}
.cim1bu 
	{background-image:url("img/1bu.webp")}
.prod2,.prod2sk,.prod2vk 
	{width:650px;margin:20px auto;padding:20px;text-align:center}
.prod2vk 
	{background-color:#b3d0e0}
.prod2sk 
	{background-color:#89a9b8}
.cim2 
	{margin:0 0 20px;background-image:url("img/mask10.png");background-size:100%;color:#fff;padding:120px;width:calc(100% + 80px);position:relative;left:-40px}
.prod2 p,.prod2sk p,.prod2vk p 
	{line-height:1.6rem}
.prod2 img,.prod2sk img,.prod2vk img 
	{width:40%;margin:10px;float:left}
.cim2::before 
	{content:"";border:solid 10px;border-color:#c29e82 #c29e82 transparent transparent;position:absolute;left:0;bottom:-20px}
.cim2::after 
	{content:"";border:solid 10px;border-color:#c29e82 transparent transparent #c29e82;position:absolute;right:0;bottom:-20px}
.prod3,.prod3k,.prod3vk 
	{width:750px;margin:auto;border:#2c6381 solid 3px;font-size:1.5rem;box-shadow:0 19px 38px rgb(0,0,0,.3),0 15px 12px rgb(0,0,0,.3)}
.prod3 
	{background:#d4dfe1}
.prod3vk 
	{background:#b3d0e0}
.prod3k 
	{background:#89a9b8}
.prod4 
	{width:650px;margin:20px auto;padding:20px;background-color:#d4dfe1;border:#2c6381 solid 3px;border-radius:20px;font-size:1.5rem;box-shadow:0 19px 38px rgb(0,0,0,.3),0 15px 12px rgb(0,0,0,.3)}
.doboz6-1 
	{float:left;margin-right:15px;width:150px;height:400px;border-radius:5px;background-color:#99b3c2;padding:1em;font-size:1.5rem}
.doboz6 
	{background-color:#2c6381;padding:10px;color:#fff}
.doboz7-1 
	{float:right;margin-right:15px;width:150px;height:400px;border-radius:5px;background-color:#99b3c2;padding:1em;font-size:1.5rem}
.doboz7 
	{background-color:#2c6381;padding:10px;color:#fff}
.responsive 
	{width:100%;height:auto}
.mySlides 
	{display:none}
.cursor 
	{cursor:pointer}
.active,.demo:hover 
	{opacity:1}
.menu_container 
	{background:url("img/oldal-1b-1700.png") left top transparent;background-repeat:no-repeat}
.menu_container1 
	{background:url("img/oldal-1j-1700.png") right top transparent;background-repeat:no-repeat}
.menu_container2 
	{background:url("img/oldal-2b-2400.png") left top repeat-y scroll transparent}
.menu_container3 
	{background:url("img/oldal-2j-2400.png") right top repeat-y scroll transparent}
.menu_container p 
	{font-size:1.6rem;padding:0}




.art-betet
	{background:linear-gradient(90deg,#e7f1f4 0,#d2dde0 35%,#a4c9de 100%);border-radius:.5rem .5rem .5rem .5rem;font-size:1.5rem;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.3);border:#2c6381 solid 2px;margin-top:1rem;text-align: left; padding: 0px 5px 5px 5px}




ol.gradient-list  
	{counter-reset:gradient-counter;list-style:none;margin:1.0rem 0;padding-left:0rem;text-align:center}
ol.gradient-list>li p
	{line-height:1.8rem;}
ol.gradient-list>li 
	{background:linear-gradient(90deg,#e7f1f4 0,#d2dde0 35%,#a4c9de 100%);border-radius:0 .5rem .5rem .5rem;counter-increment:gradient-counter;margin-top:1rem;display:block;margin:0 auto;max-width:40rem;padding:1rem;min-height:3rem;padding:1rem 1rem 1rem 1rem;position:relative;border:#2c6381 solid 3px;font-size:1.5rem;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.3)}
ol.gradient-list>li::after,ol.gradient-list>li::before 
	{background:linear-gradient(135deg,#2c6381 0,#dfe8ed 100%);border:#2c6381 solid 1px;border-radius:1rem 1rem 0 1rem;content:'';height:3rem;left:-1rem;overflow:hidden;position:absolute;top:-1rem;width:3rem;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.3)}
ol.gradient-list>li::before 
	{align-items:flex-end;content:counter(gradient-counter);color:#1d1f20;display:flex;font:900 1.5em/1 Montserrat;justify-content:flex-end;z-index:1}
ol.gradient-list>li+li 
	{margin-top:2rem}
ol.gradient-list>li,ol.gradient-list>li::before 
	{box-shadow:.25rem .25rem .6rem rgba(0,0,0,.05),0 .5rem 1.125rem rgba(75,0,0,.05)}
.gradient-border 
	{--border-width:3px;position:relative;display:flex;justify-content:center;align-items:center;font-family:Lato,sans-serif;font-size:2.5rem;text-transform:uppercase;color:#fff;background:transparent url(img/body.webp) repeat scroll 0;border-radius:var(--border-width)}
.gradient-border::after 
	{position:absolute;content:"";top:calc(-1 * var(--border-width));left:calc(-1 * var(--border-width));z-index:-1;width:calc(99% + var(--border-width) * 2);height:calc(100% + var(--border-width) * 2);background:linear-gradient(60deg,#5f86f2,#a65ff2,#f25fd0,#f25f61,#f2cb5f,#abf25f,#5ff281,#5ff2f0);background-size:300% 300%;
	background-position:0 50%;border-radius:calc(2 * var(--border-width));animation:moveGradient 4s alternate infinite}
@keyframes moveGradient 
	{50% {background-position:100% 50%}}


.table-header 
	{background-color:#2c6381;color:#fff;font-size:1.6em;padding:1rem;text-align:center;text-transform:uppercase}
.table-users 
	{border:#2c6381 solid 1px;border-radius:10px;box-shadow:3px 3px 0 rgb(0,0,0,.1);max-width:calc(100% - 2.5em);margin:1em auto;overflow:hidden;width:900px}
table 
	{width:100%}
table td,table th 
	{color:#2b686e;padding:10px}
table td 
	{text-align:left;vertical-align:middle}
table td:last-child 
	{font-size:.95em;line-height:1.4;text-align:left}
table th 
	{background-color:#daeff1;font-weight:300}
table tr:nth-child(2n)
	{background-color:#fff}
table tr:nth-child(odd) 
	{background-color:#edf7f8}
#oopss 
	{background:url(img/body.webp) 0 repeat scroll transparent;position:fixed;left:0;top:0;width:100%;height:100%;line-height:1.5em;z-index:9999}
#oopss #error-text 
	{font-size:40px;display:flex;flex-direction:column;align-items:center;font-family:Shabnam,Tahoma,sans-serif;color:#000;direction:rtl}
#oopss #error-text img 
	{margin:85px auto 20px;height:342px}
#oopss #error-text span 
	{position:relative;font-size:3.3em;font-weight:900;margin-bottom:50px}
#oopss #error-text p.p-a
	{font-size:1.8rem;margin:30px 0 15px 0;text-align:center}
#oopss #error-text p.p-b 
	{font-size:1.8rem}
#oopss #error-text .back 
	{background:#fff;color:#315262;font-size:30px;text-decoration:none;margin:2em auto 0;padding:.7em 2em;border-radius:500px;box-shadow:0 20px 70px 4px rgb(0,0,0,.1),7px 33px 0 0 #4b7b92 inset;font-weight:900;transition:all .3s ease}
#oopss #error-text .back:hover 
	{transform:translateY(-13px);box-shadow:0 35px 90px 4px rgb(0,0,0,.3),0 0 0 3px #315262 inset}


.slideshow-container 
	{max-width:1000px;position:relative;margin:auto}
.mySlides 
	{display:none}
.next,.prev 
	{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:#fff;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none}
.next 
	{right:0;border-radius:3px 0 0 3px}
.next:hover,.prev:hover 
	{background-color:rgb(0,0,0,.8)}
.text 
	{color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center}
.numbertext 
	{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}
.dot 
	{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}
.active,.dot:hover 
	{background-color:#717171}
.fade 
	{animation-name:fade;animation-duration:1.5s}
@keyframes fade 
	{from {opacity:.4}
	to {opacity:1}}

.child-container
	{width:100%;max-width:300px;min-height:209px;background:#000}
.parent-container 
	{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-items:center}

.img-ertek 
	{box-shadow:0 0 0 rgb(0,0,0,.5)}
.img-ertek:hover 
	{opacity:.6}
.image-slideshow 
	{width:300px;height:209px;overflow:hidden;white-space:nowrap;font-size:0;position:relative}
.image-slideshow>div 
	{width:300px;height:209px;animation:move 16s 1s ease-in-out infinite alternate;display:inline-block}
.image-slideshow:hover>div 
	{animation-play-state:paused}
.image-slideshow>div div
	{position:absolute;bottom:0;background:rgb(0,0,0,.4);width:100%}
@keyframes move 
	{0%,10% {transform:translateX(0)}18%,28% {transform:translateX(-300px)}36%,46% {transform:translateX(-600px)}54%,64% {transform:translateX(-900px)}72%,80% {transform:translateX(-1200px)}100%,88% {transform:translateX(-1500px)}}



ul.breadcrumb 
	{padding: 10px 16px;margin: auto;list-style: none;background-image:linear-gradient(#2c6381,#dfe8ed,#2c6381);border:#2c6381 solid 3px;border-radius:10px;}
ul.breadcrumb li 
	{display: inline;font-size: 18px;}
ul.breadcrumb li+li:before 
	{padding: 8px;color: black;content: "/\00a0";}
ul.breadcrumb li a 
	{color: #2c6381;text-decoration: none;}
ul.breadcrumb li a:hover 
	{color: #01447e;text-decoration: underline;}





@media screen and (max-width:1630px) {
	.prod1,.prod1b,.prod1c,.prod3,.prod3k,.prod3vk{width:750px}
	.prod2,.prod2sk,.prod2vk {width:630px}
	.cim2 {padding:118px}}
@media screen and (max-width:1050px) {
	
	main, aside  {width : 800px}
	.img-section {max-width:100%}
	.banner1, .banner2{width:50%;height:240px;}}
@media screen and (max-width:970px) {
	.prod2,.prod2k,.prod2vk {width:600px}
	.cim2 {padding:113px}
	.prod2 img {width:40%}}
@media screen and (max-width:920px) {
	.container2 {margin:auto;width:90%;border:#4b7b92 solid 3px;border-radius:10px 10px 10px 10px}}
@media screen and (max-width:850px) {
	main, aside {width : 700px}
	.banner1,.banner2{width:50%;height:220px;}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:740px}
	.cim1,.cim1bu,.cim1v {padding:32px}
	.cim2 {padding:96px}
	.focim2 .focim2--text {font-size:1.9rem}
	.container1{width:100%}}
@media screen and (max-width:800px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:700px}}
@media screen and (max-width:765px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:680px}
	ol.gradient-list>li {font-size: 1.1rem;line-height:0.8rem;}}
@media screen and (max-width:750px) {
	main, aside {width : 650px}
	.banner1,.banner2{width:50%;height:200px;}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:660px}}
@media screen and (max-width:720px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:640px}}
@media screen and (max-width:700px) {
	iframe {max-width:70%;max-height:70%}
	img.bemut{max-width: 80%}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:620px}}
@media screen and (max-width:680px) {
	main, aside {width : 600px}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:600px}}
@media screen and (max-width:660px) {
	.art-betet{font-size: 1.4rem}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:580px}
	.cim1,.cim1bu,.cim1v {padding:22px}
	.cim2 {padding:80px}}
	.div-tartalom2	{padding:2px 2px 2px 2px;font-size:1.4rem;width: 100%}
	article{border : #2C6381 solid 3px;border-radius : 30px 30px 30px 30px;}
	summary h3{font-size:1.5rem}
@media screen and (max-width:640px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:560px}
	.banner1,.banner2{width:70%;height:270px;}}
@media screen and (max-width:625px) {
	main, aside {width : 570px}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:540px}}
@media screen and (max-width:600px) {
	main, aside {width : 550px}
	.div-tartalom2	{font-size:1.2rem;}
	.art-betet{font-size: 1.3rem}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:520px}
	.banner1,.banner2{width:70%;height:240px;}
	.banner0{width:60%}
	.div-beljebb p{	font-size:1.5rem;}
	.cim p {padding:10px 10px 10px 10px;font-size:1.3rem}}
@media screen and (max-width:580px) {
	main, aside {width : 530px}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:500px}}
@media screen and (max-width:560px) {
	main, aside {width : 520px}
	.banner1,.banner2{width:70%;height:220px;}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:480px}}
@media screen and (max-width:550px) {
	main, aside {width : 510px}
	.dolt1 {font-size:1.5em}
	#dolt1 {font-size:1.5em}}
@media screen and (max-width:540px) {
	main, aside {width : 490px}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:460px}}
@media screen and (max-width:520px) {
	main, aside {width : 470px}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:440px}}
@media screen and (max-width:500px) {
	main, aside {width : 450px}
	summary h3{font-size:1.3rem}
	.art-betet{font-size: 1.2rem}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:420px}
	.focim2 .focim2--text {font-size:1.7rem}
	.cim1,.cim1bu,.cim1v {padding:19px}
	.cim2 {padding:73px}
	.banner1,.banner2{width:70%;height:180px;}
	.banner0{width:70%}
	.div-beljebb p{	font-size:1.4rem;}}
@media screen and (max-width:480px) {
	main, aside {width : 440px}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:400px}}
@media screen and (max-width:465px) {
	main, aside {width : 420px}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:385px}
	.cim1,.cim1bu,.cim1v {padding:14px}
	.cim2 {padding:63px}}
@media screen and (max-width:450px) {
	main, aside {width:390px}
	.div-tartalom2	{padding:0px 0px 0px 0px;font-size:1.1rem}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:360px}
	.dolt1 {font-size:1.3em}
	#dolt1 {font-size:1.3em}}
@media screen and (max-width:420px) {
	main, aside {width : 370px}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k .prod4,.prod3vk {width:340px;}
	.szalag3{font-size:1.4rem;}
	.cim1,.cim1bu,.cim1v {padding:11px}
	.cim2 {padding:60px}
	.dolt2{font-size:2.4rem;}}
@media screen and (max-width:400px) {
	main, aside {width:360px}
	.art-betet{font-size: 1rem}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {width:320px}
	.szalag3{font-size:1.1rem;}
	.div-beljebb{font-size:1.1rem;}
	h2{font-size:1.9rem;}
	.cim p {padding:5px 5px 5px 5px;font-size:1.1rem}}
@media screen and (max-width:390px) {
	main, aside {width:350px}
	.prod2,.prod2sk,.prod2vk {width:260px}
	.cim1,.cim1bu,.cim1v {padding:10px}
	.div-keret,.div-keret1{width:99%}
	.div-beljebb p{	font-size:1.3rem;}}
@media screen and (max-width:385px) {
	main, aside {width:340px}
	.banner1,.banner2{width:80%;height:170px;}
	.prod1,.prod1b,.prod1c,.prod3,.prod3k,.prod3vk,.prod4 {width:310px}
	.cim1,.cim1v {padding:9px}
	.prod2 {width:260px}
	.cim2 {padding:56px}}
@media screen and (max-width:370px) {
	main, aside {width:330px}
	.prod1,.prod1b,.prod1c,.prod3,.prod3k,.prod3vk,.prod4 {	width:300px}
	.div-keret,.div-keret1{width:320px}}
@media screen and (max-width:360px) {
	main, aside {width:325px}
	.prod1,.prod1b,.prod1c,.prod3,.prod3k,.prod3vk,.prod4 {width:280px}
	.prod2 {width:240px}
	.cim2 {padding:53px}
	.cim1,.cim1bu,.cim1v {padding:8px}
	.div-keret,.div-keret1{width:310px}
	.div-beljebb p{	font-size:1.2rem;}}
@media screen and (max-width:350px) {
	main, aside {width:315px}
	.prod1,.prod1b,.prod1c,.prod4 {width:270px}
	.dolt2{font-size:2.2rem;}}
@media screen and (max-width:340px) {
	main, aside {width:300px}
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk {width:260px}
	.cim1,.cim1bu,.cim1v {padding:7px}
	.cim2 {padding:51px}
	.div-keret,.div-keret1{width:290px}
	h1{font-size:2.0rem;}
	h2{font-size:1.7rem;}}