:root{
	--hatterszin:#388E3C; /*#388E3C*/
	--piros:#f00;
	--sarga:#FDB120;
	--zold:#188E18;
}

body {background:var(--hatterszin);margin:0;font-family:Arial, Helvetica, sans-serif;font-size:17px}
img{max-width:100%}
nav {background:#C7F464;position: -webkit-sticky; /* Safari */ position:sticky; top:0;z-index:100}
nav ul{margin:0;padding:0;list-style:none}
nav ul li{float:left}
nav::after{content:'';clear:both;display:table}
nav img{float:left}
nav a{display:block;text-decoration:none;color:#388E3C;padding:1.2rem 1rem}
nav a:hover{background:rgba(0,0,0,.1)}
nav ul li:first-child{color:rgba(0,0,20,.9);padding:1.2rem 1rem;word-wrap:normal}
nav button.ft{top:0;right:0;padding:1rem;white-space:nowrap;font-size:1.2rem}
nav button.ft div.oft{display:inline}

.mobilmenu-btn {display:none;width:50px;float:right;padding:10px;margin:7px 5px 0 0}
.mobilmenu-btn span{display:block;height:4px;background:#fff;margin:0 0 10px 0;border-radius:6px}
.mobilmenu-btn span:last-of-type{margin:0}
.mobilmenu-btn + input[type="checkbox"]{ display:none; }
.mobilmenu-btn + input[type="checkbox"]:checked ~ .menusor li:not(:first-child){ display:block; }
.kozepre{text-align:center}

.oldal{margin:0 auto;max-width:1200px;color:#fff;width:95%;position:relative}

p {line-height:1.5rem;padding:0 20px;}
p.kozep{padding-top:15px;text-align:center;width:100%}
p.figyelem{font-weight:bold;padding:5px;text-align:center}
p.piros{background:var(--piros)}
p.zold{background:var(--zold)}
h1,h2,h3 {margin:10px 0 -10px 0;padding:10px}
h2,h3{background:#7F7F7F}

.intro {line-height:1.7;font-size:1.2rem;padding:.4rem }
.intro p {margin:0 0 1rem 0}
.intro p a,footer a,p a{text-decoration:none;color:#fff;background:rgba(255,255,255,.5);padding:2px 10px;font-weight:bold;border-radius:8%}
.intro p a:hover,footer a:hover, p a:hover{background:#000}
.intro h1 {font-weight:200;font-size:2.5rem;margin:0 0 .5rem 0}

.box-oldal{	display:-webkit-box;
			display:-moz-box;
			display:-ms-flexbox;
			display:-webkit-flex;
			display:flex;flex-flow:row wrap;margin:0 -10px;color:#000}
.box{flex:1;margin:15px 10px;min-width:300px;background:#fff;box-shadow:1px 1px 1px rgba(255,255,255,.5);position:relative;max-width:32%}
.box-szoveg{padding:1.5rem 1rem;margin-bottom:1.1rem}
.box h3{margin:0;padding:0;background:#fff}
.btn {display:inline-block;text-decoration:none;padding:.4rem;background:#18561A;color:#fff;border-radius:.1rem .5rem;font-weight:bold;font-size:0.7rem}
.box .btn{bottom:5px;right:5px;position:absolute;font-size:1.2rem;padding:.4rem 1.6rem}	
.btn:hover{background:#FFA500;color:#000;font-weight:bold}
.box .ar{display:inline-block;padding:.3rem 1.5rem;background:#18561A;color:#fff;border-radius:.5rem .1rem;position:absolute;bottom:5px;left:5px;font-weight:bold}

span.success_message_termekbe{display:inline-block;position:absolute;bottom:50px;right:5px;padding:2rem;background:rgba(88,80,80,.8);color:#fff;text-align:center;z-index:101;width:50%}

.table{background:#FFD600;color:#000;margin-bottom:10px}
.table .row {display:flex;align-items:center;border-top:1px solid #000}
.table .head {background:#FF7E00;font-weight:700;color:#fff}
.table .col  {padding:.5rem 1rem}
.table .termeknev {flex-basis:30%;text-align:left}
.table .mennyiseg,.table .afa,.table .torles{flex-basis:10%;white-space:nowrap}
.table .egysegar,.table .osszesen{flex-basis:20%;font-weight:700;white-space:nowrap}
.table .osszesen{font-weight:700;white-space:nowrap}
.table .osszesen, .table .egysegar, .table .afa, .table .mennyiseg {text-align:right}
.table .torles {text-align:center}
.table .osszesensor {flex-basis:80%;text-align:right}
.table .teljessor {flex-basis:100%;text-align:center}
.table .mennyiseg span{padding:0 10px}
.table button{font-size:1.3rem}
.table button.submitt{font-size:0.8rem}
.table .megnevezes{flex-basis:25%}
.table .mezo{flex-basis:75%}
.table input[type=text],.table input[type=email],.table input[type=tel],.table input[type=submit],.table select,.table textarea{margin:4px;width:100%;padding:0.8rem;display:inline-block;border:1px solid #008000;border-radius:5px;box-sizing:border-box;font-size:1rem}
.table input[type=checkbox]{}
.table input[type=submit]{margin:2px auto}

.megrendelesbtn{margin:15px auto}
.megrendelesbtn.vege {pointer-events:none;color:#008000}

.container{display:block;position:relative;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.container input{position: absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;height:30px;width:30px;background-color:#18561A}
.container:hover input ~ .checkmark {background-color:#90EE90}
.container input:checked ~ .checkmark{background-color:#008000}
.checkmark:after{content:"";position:absolute;display:none}
.container input:checked ~ .checkmark:after{display:block}
.container .checkmark:after{left:10px;top:6px;width:6px;height:13px;border:solid white;border-width:0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}

.zold{background:#388E3C;border:3px solid green}
.piros{border:3px solid red;background:#FEC8C8}	

footer{padding:20px 10px;line-height:1.7rem;}
@media screen and (max-width: 1010px) {
	.table .row {flex-flow: column wrap}
	.table .row.head {display:none}
	.box{max-width:none}
}
@media screen and (max-width: 800px) {
	nav{margin:0 -10px}
	.mobilmenu-btn{display:block}
	.menusor li:not(:first-child) {display:none}
	.menusor li{float:none}
	.menusor a{padding:1rem 1rem}	
}