@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&family=Montserrat:wght@500;600;700&display=swap');

html {
	min-height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body{margin: 0;padding:0;width: 100%;background-image: linear-gradient(to right, #fff 20%, #f8f8f8 60%, #fff);font-size: 16px;font-family: 'Jost', sans-serif;color: #000;}

#elonezet {display: none;position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 500;background-color: rgba(38,38,38,0.9);overflow: auto;}
.clear {clear: both;}
a {text-decoration: none;}
a, img {border:none;outline:none;}
.rejtett {display: none;}
.piros {color: #f00;}
p {margin: 10px 0;}
img {max-width: 100%;}
table {max-width: 100%;}
iframe {max-width: 100%;}
address {font-style: normal;}
.wrapper {position: relative;max-width: 1180px;width: 100%;margin: auto;padding: 0 10px;}
.kozepre {text-align: center;}
.jobbra {text-align: right;}

.sav {position: relative;width: 100%;}
.row {display: flex;flex-wrap: wrap;justify-content: space-between;}
.g1 {display: grid;grid-template-columns: 1fr;row-gap: 20px;}
.g4 {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap: 2%;row-gap: 20px;}
.g3 {display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 2%;row-gap: 20px;}
.g2 {display: grid;grid-template-columns: 1fr 1fr;column-gap: 2%;row-gap: 20px;}
.g3-1 {display: grid;grid-template-columns: 3fr 1fr;column-gap: 4%;row-gap: 20px;}
.kihuzott {flex: 1;}
.sorkizart {text-align: justify;}

.w-100 {width: 100%;}
.w-90 {width: 90%;}

.h10 {height: 10px;}
.h15 {height: 15px;}
.h20 {height: 20px;}
.h25 {height: 25px;}

.b1 {width: 100%;}
.b2 {width: 50%;}
.b3 {width: 33%;}
.b4 {width: 25%;}
.b5 {width: 20%;}
.b13 {width: 34%;}
.b23 {width: 66%;}
.b34 {width: 75%;}
.box {float: left;}

img.jobbkep {float: right;margin-left: 2%;width: 28%;margin-bottom: 15px;}
img.balkep {float: left;margin-right: 2%;width: 28%;margin-bottom: 15px;}
img.kozepkep {max-width: 90%;}
iframe {width: 100%;height: 550px;}

fieldset {border-color: rgba(60,156,207,0.2);max-width: 700px;margin:auto;margin-bottom: 15px;}
legend {font-size: 18px;color: #fff;background-color: #293861; border-radius: 4px;padding: 8px 15px;}
fieldset input, fieldset select, fieldset textarea {border: 1px solid #e8e8e8;border-radius: 6px;box-shadow: 0px 3px 65px rgba(133,133,133,0.15);padding: 8px 16px;margin: 2px;background-color: #fff;}
fieldset.useradat input {width: 50%;}
fieldset.useradat input.radio {width: auto;}
fieldset.elerhetoseg input {width: 100%;}
fieldset.adatok input.urlapirsz {width: 100px;}
fieldset.adatok input.urlaptelepules {width: 80%;}
fieldset.adatok input.urlapcim {width: 100%;}
/*fieldset.adatok .urlapmezo {width: 100%;}*/
.kotelezo {color: #e30613;font-size: 20px;font-weight: bold;}

fieldset table {width: 100%; border-collapse: collapse;}
fieldset table td {padding:0;margin-top:5px;}
fieldset .mezonev {width: 20%;border-bottom: 1px dotted #2e5382;padding: 5px 0;text-align: left;}
fieldset .utolsomezo {border-bottom: none!important;}
fieldset .mezonev .kiemelt {font-size: 15px;}
fieldset .urlapmezo {width: 80%;border-bottom: 1px dotted #2e5382;padding: 5px 0;}
fieldset .urlapmezo1 {width: 80%;border-bottom: 1px dotted #2e5382;padding: 5px 0 5px 10px;}
fieldset .aurlap {width: 90%;border: 1px solid #ababab;border-radius: 5px;padding: 3px 5px;margin:2px 0;}
/*fieldset .kotelezomezo {background-color: #dee2e8;}*/

fieldset h3, h4 {margin: 8px 0;}

input, select, textarea {max-width: 100%;}


.formbuttons {max-width: 700px;margin:auto;}
.formbuttons .button {float: none;margin:auto;}

ul.lista {list-style: none;margin:0;padding:0;}
ul.lista li {margin-bottom: 10px;}

.ikonsav {position: relative;margin-top: 20px;}
.share {float: right;margin-right: 8px;}

#footer {position: relative;z-index: 10;width: 100%;background: linear-gradient(15.87deg, #293861 24.11%, #233156 129.09%);color:#fff;padding-top: 50px;}
#footer .blokkok {display: grid; gap: 40px; grid-template-columns: 2fr 3fr}
#footer .kontakt img {display: block;margin-bottom: 40px;}
#footer .kontakt .cim {font-size: 20px;}
#footer .kontakt .nev {font-size: 16px;}
#footer .kontakt p {font-size: 14px;}
#footer .menuinfo {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap: 20px;}
#footer .box {float: left;border-left: 1px solid #80b33a;padding: 0 15px 20px 15px;height: 250px;}
#footer .first {border: none!important;}
#footer ul {list-style: none;margin:0;padding:0;}
#footer ul li {margin-bottom: 15px;font-size: 16px;font-weight: 500;}
#footer ul li.kiemelt {margin-bottom: 5px;}
#footer ul ul {padding-bottom: 15px;}
#footer ul ul li {margin-bottom: 5px;font-size: 14px;text-transform: lowercase;font-weight: 400;}
#footer a {color: #fff;}
#footer a:hover {border-bottom: 1px dotted #fff;}

.footline {position: relative;z-index: 10;width: 100%;background-color: #293861;color: #fff;font-size: 16px;padding-top: 20px;}
.footline .oszlopok {display: grid;grid-template-columns: 1fr 1fr 1fr;}
.footline a {color: #d8d8d8;}
.footline a:hover {border-bottom: 1px dotted #fff;}
.footline a.design {background: linear-gradient(to left,#00b780,#008468);background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;}
.footline .jobbra a + a {margin-left: 10px;}

@media only screen and (max-width: 620px) {
	img.jobbkep {float: none;width: 96%;}
	img.balkep {float: none;width: 96%;}
	#footer {padding-top: 10px;}
	#footer .kontakt {width: 100%;}
	#footer .kontakt img {max-height: 100px;}
	#footer .menuinfo {display: none;}
	.g4 {display: grid;grid-template-columns: 1fr 1fr;column-gap: 2%;row-gap: 20px;}
	.g3 {display: grid;grid-template-columns: 1fr;column-gap: 0;row-gap: 20px;}
	.g2 {display: grid;grid-template-columns: 1fr;column-gap: 0;row-gap: 20px;}
	.g3-1 {display: grid;grid-template-columns: 1fr;column-gap: 0;}
}

.button {
    display: inline-block;
    margin: 0 10px 6px 0;
    padding: 15px 25px;
    float: none;
    border-radius: 4px;
    background-color: #293861;
    box-shadow: none;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: Verdana;
    color: white;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}
.button:hover {
    background-color: rgba(65,122,207,0.2);color: #417ACF;
    box-shadow: none;
    -webkit-transition: none 0ms ease;
    transition: none 0ms ease;
}

.buttonok {background-color: #4c9442!important;color: #FFF;}
.buttonok:hover {color: #FFF;}

.buttonmegse {color: #fff;background-color: #ea8c4e!important;}
.buttonmegse:hover {color: #fff;}

p.error {
	display: inline-block;
	background-image: url(../img/error.png);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	background-color: #ffe4e2;
	border: 2px solid #FF0000;
	padding: 6px;
	padding-left: 30px;
}

p.warning {
	display: inline-block;
	background-image: url(../img/warning.png);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	border: 2px solid #ffe396;
	background-color: #fff7e2;
	padding: 6px;
	padding-left: 30px;
}

p.ok {
	display: inline-block;
	background-image: url(../img/ok.png);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	border: 2px solid #109e21;
	background-color: #d2e3d4;
	padding: 6px;
	padding-left: 30px;
}

.tipp {
	display: inline-block;
	background-image: url(../img/ready.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	border: 2px solid #ffe396;
	background-color: #fff7e2;
	padding: 6px;
	padding-left: 30px;
}