@charset "utf-8";
	body {
	display:flex;
	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
}
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;
	cursor:pointer;
	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:2.1em;
	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:95%;
	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 {
	box-shadow:-10px 12px 13px rgba(0,0,0,.5);
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	display:block
}
.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.cim 
	{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;}

p.cim span {
	 font: 800 4em "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:670px) {
	p.cim span {
	font:3.5em Oswald,Fantasy}
	summary h2,summary p {font-size:1.8rem}
	
}
@media screen and (max-width:580px) {
	p.cim span {
	font:3.0em Oswald,Fantasy}
	summary h2 {font-size:1.6rem;line-height:1.1rem;}
	summary p {font-size:1.4rem}
}

	
@media screen and (max-width: 800px) {
  p.cim span{font: 4.0em "Oswald", Fantasy;}	}		
	
@media screen and (max-width: 700px) {
  p.cim span{font: 3.0em "Oswald", Fantasy;}}	
@media screen and (max-width: 600px) {
  p.cim span{font: 2.8em "Oswald", Fantasy;}
	p.cim{font-size: 0.8em}}	
@media screen and (max-width: 500px) {
  p.cim span{font: 2.5em "Oswald", Fantasy;}
	p.cim{font-size: 0.75em}
	summary h2 {font-size:1.4rem}


}
@media screen and (max-width: 470px){
	p.cim{font-size: 0.65em}}
@media screen and (max-width: 420px){
	p.cim{font-size: 0.55em}
}	
	
	
.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;}	
	
	
	
	
	

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
}
.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
}

.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
}
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)
}
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
}
.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)
}
p {
	margin:20px
}

.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-dolt{font-style: italic}
#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
}
#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
}
.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}
ul,ol {
    padding:10px 0px 10px 20px;
    margin-left:40px;
}
.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
}
* {
	margin:0;
	box-sizing:border-box;
	font-family:HelveticaNeue,Helvetica,sans-serif
}
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
}
main {
	margin:auto;
	width:800px
}
.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
}
}




.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:250px;
	background-image:url("img/udvozlo.webp");
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%
}
.banner1 {
	margin:auto;
	width:50%;
	height:250px;
	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:250px;
	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%
}

p.cim 
	{background-image : linear-gradient(#2c6381, #dfe8ed, #2c6381);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;}
p.cim1 
	{font-size:1.8rem;line-height:1.6rem;text-align:center;text-shadow:2px 2px 5px white;text-decoration-color:#010101;}	
p.cim span {
	 font: 800 4em "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: 820px) {
	p.cim span{font: 3.8em "Oswald", Fantasy;}}
@media screen and (max-width: 760px) {
	p.cim span{font: 3.4em "Oswald", Fantasy;}}
@media screen and (max-width: 700px) {
  p.cim span{font: 3.0em "Oswald", Fantasy;}}	

  
	
@media screen and (max-width: 500px) {
  	p.cim{font-size: 1.0em}
	p.cim1{font-size: 1.4rem;}}
	
@media screen and (max-width: 470px){
	p.cim{font-size: 0.75em}
	p.cim1{font-size: 1.3rem;}}
	
@media screen and (max-width: 420px){
	p.cim{font-size: 0.65em}}
	













.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
}
ol.gradient-list {
	counter-reset:gradient-counter;
	list-style:none;
	margin:1.75rem 0;
	padding-left:1rem
}










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 3rem;
	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)
}
}
div.center {
	text-align:center;
	margin:auto;
	display:flex
}
div.media {
	display:flex;
	margin-left:auto;
	margin-right:auto
}















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) {
	.img-section {
	max-width:100%
}
}
@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) {
	.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,main {
	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) {
	.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) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {
	width:600px
}
}
@media screen and (max-width:660px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {
	width:580px
}
.cim1,.cim1bu,.cim1v {
	padding:22px
}
.cim2 {
	padding:80px
}
}
@media screen and (max-width:640px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {
	width:560px
}
}
@media screen and (max-width:620px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {
	width:540px
}
}
@media screen and (max-width:600px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {
	width:520px
}
.banner0,.banner1,.banner2 {
	width:60%
}.div-beljebb p{	font-size:1.5rem;}.cim p {padding:10px 10px 10px 10px;font-size:1.5rem}
}
@media screen and (max-width:580px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {
	width:500px
}
}
@media screen and (max-width:560px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {
	width:480px
}
}
@media screen and (max-width:550px) {
	.dolt1 {
	font-size:1.5em
}
#dolt1 {
	font-size:1.5em
}
}
@media screen and (max-width:540px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {
	width:460px
}
}
@media screen and (max-width:520px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {
	width:440px
}
}
@media screen and (max-width:500px) {
	.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
}
.banner0,.banner1,.banner2 {
	width:70%
}
	.div-beljebb p{	font-size:1.4rem;}
}
@media screen and (max-width:480px) {
	.prod1,.prod1b,.prod1c,.prod2,.prod2sk,.prod2vk,.prod3,.prod3k,.prod3vk,.prod4 {
	width:400px
}
}
@media screen and (max-width:465px) {
	.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) {
	.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) {
	.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) {
	.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:10px 10px 10px 10px;
	font-size:1.4rem
}
}
@media screen and (max-width:390px) {
	.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) {
	.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) {
	.prod1,.prod1b,.prod1c,.prod3,.prod3k,.prod3vk,.prod4 {	width:300px}
	.div-keret,.div-keret1{width:320px}
}
@media screen and (max-width:360px) {
	.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) {
	.prod1,.prod1b,.prod1c,.prod4 {
	width:270px
}
	.dolt2{font-size:2.2rem;}
}
@media screen and (max-width:340px) {
	.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;}
}