@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600&display=swap');
@font-face {
    font-family: 'Stag Stencil';
    src: url('fonts/StagStencil-Bold.eot');
    src: url('fonts/StagStencil-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/StagStencil-Bold.woff2') format('woff2'),
        url('fonts/StagStencil-Bold.woff') format('woff'),
        url('fonts/StagStencil-Bold.ttf') format('truetype'),
        url('fonts/StagStencil-Bold.svg#StagStencil-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

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%;min-height: 100%;background-color: #fff;font-size: 16px;font-family: 'Barlow', sans-serif;color: #3c3c3c;background-image: url(img/bg.jpg);background-attachment: fixed;background-repeat: no-repeat;background-size: cover;}

.clear {clear: both;}
a {text-decoration: none;}
.rejtett {display: none;}
ul {margin:0;padding:0;}
p {margin: 6px 0;}
a, img {border:none;outline:none;}
img {max-width: 100%;}
iframe {max-width: 100%;}
select {max-width: 100%;}

.bgszurke {background-color: #aaa3a2;}
.bgvszurke {background-color: #f4f4f4;}
.szurke {color: #aaa3a2;}
.bgzold {background-color: #94c316;}
.zold {color: #94c316;}
.bgkek {background-color: #4ca7c9;}
.kek {color: #4ca7c9;}
.bgnarancs {background-color: #f77908;}
.narancs {color: #f77908}
.bgsarga {background-color: #fee000;}
.sarga {color: #fee000;}
.bgpink {background-color: #ee2d8d;}
.pink {color: #ee2d8d;}
.bglila {background-color: #6f1a84;}
.lila {color: #6f1a84;}
.bordo {color: #00A9F4;}
.bgbordo {background-color: #00A9F4;} /*kék*/
.bgpiros {background-color: #de141f;}
.piros {color: #de141f;}
.feher {color: #fff;}
.bgfeher {background-color: #fff;}

.brdszurke {border-color: #aaa3a2!important;}
.brdzold {border-color: #94c316!important;}
.brdkek {border-color: #4ca7c9!important;}
.brdnarancs {border-color: #f77908!important;}
.brdsarga {border-color: #fee000!important;}
.brdpink {border-color: #ee2d8d!important;}
.brdlila {border-color: #6f1a84!important;}
.brdbordo {border-color: #00A9F4!important;} /*kék*/
.brdpiros {border-color: #de141f!important;}
.brdfeher {border-color: #fff!important;}


.row {flex-wrap: wrap;display: -webkit-flex; display: -moz-flex; display: -ms-flexbox;  display: flex;transition: all 0.4s ease 0.05s;}
.wrapper {position: relative;max-width: 1060px;margin: auto;padding: 0 10px;}
.kozepre {text-align: center;}
.jobbra {text-align: right;}
.kiscimsav {padding: 5px 0;font-size: 24px;}

/* fejléc */
.header {position: relative;z-index: 105;width: 100%;}
.logo {position: relative;width: 30%;}
.logo img {width: 100%;display: block;}
.nyelvek {position: absolute;right: 0;top:0;background-color: #000;padding: 10px 0;}
.nyelvek a {display: block;padding: 2px 10px;color: #fff;text-transform: uppercase;font-weight: bold;}
.nyelvek a:hover {background-color: #fff;color: #000;}
.felsomenusav {background-color: #fff;width: 100%;padding: 5px 0;text-align: right;padding-right: 3%;}
.felsomenusav ul {margin-right: 40px;}
.felsomenusav ul li {list-style: none; display: inline-block;padding: 0 1%;}
.felsomenusav a {font-weight: bold;display: inline-block;color: #000;text-transform: uppercase;font-size: 18px;}
.felsomenusav a:hover {color: #f77908;}

.menubar {position: absolute;width: 68%;top: 15px;right:40px;padding-right: 3%;text-align: right;z-index: 10;}
.menubar ul {margin:0;padding:0;list-style: none;}
.menubar ul li {display: inline-block;color: #fff;padding: 0 1%;}
.menubar a {font-family: 'Barlow', sans-serif;font-weight: 500;display: inline-block;color: #000;text-transform: uppercase;padding: 15px 5px;font-size: 20px;}
.menubar a:hover {color:#f69100;}

#menu-icon {display: none;background-image: url(img/ikon-menu-narancs.png);background-repeat: no-repeat;background-position: right 0;padding-right: 25px;color: #f69100;text-align: right;margin-right:10px;}

.szlogen {position: relative;width: 65%;margin-left: 35%;margin-top: -110px;}
.vkorte {position: fixed;background-image: url(img/korte.png);background-size: contain;background-repeat: no-repeat;background-position: right top;width: 15%;height: 40%;right: 0;top: 3%;}

.content {width: 100%;padding-bottom: 250px;background-image: url(img/varos.png);background-repeat: no-repeat;background-position: bottom center;background-size: contain;margin-bottom: 8px;}
h1 {color: #f69100;font-family: 'Stag Stencil';text-align: center;}
.pfobox {display: inline-block;position: relative;width: 31%;margin:10px 2% 50px 0;background-color: #fff;transition: all 0.4s ease 0.05s;}
.boxkep {background-repeat: no-repeat;background-size: cover;}
.boxcim {font-size: 35px;font-family: 'Stag Stencil';display: block;text-align: center;}
.ferde {position: absolute;transform: rotate(-3deg);width: 102%;height: 30px;background-color: #fff;top:-15px;left:-5px;overflow: hidden;}
.info {position: relative;display: block;width: 100%;padding: 40px 10px;overflow: hidden;text-align: center;color: #fff;}
.tovabb {position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);background-color: #fff;padding: 15px 30px;border-radius: 30px;text-transform: uppercase;font-size: 20px;font-family: 'Stag Stencil';transition: all 0.4s ease 0.05s;}
.pfobox:hover .tovabb {transform: translateX(-50%) scale(1.1);}
.savkiscim {text-transform: uppercase;font-size: 24px;margin: 6px 0;}

.pbox {padding: 20px;border-left: 2px solid #e4e4e4;border-right: 2px solid #e4e4e4;border-bottom: 2px solid #e4e4e4;background-color: rgba(255,255,255,0.3);}
.pbfirst {border-top: 2px solid #e4e4e4;}
.pbox h1 {color: #f69100;text-transform: uppercase;margin: 6px 0;font-size: 22px;font-weight: bold;}
.pbox p {margin: 6px 0;}
.trenerkep {float: left;width: 10%;}
.trenerkep img {border-radius: 50%;overflow: hidden;}
.program {float: left;width: 75%;padding: 0 15px;}
.program h4 {color: #f69100;text-transform: uppercase;margin: 6px 0;font-size: 18px;}
.program p {font-size: 13px;}
.program a {color: #3c3c3c;}
.program .csoport {font-size: 12px;}
.program .csop1 {color: #11982f;padding-left: 30px;background-image: url(img/csoport-nyilt.png);background-repeat: no-repeat;background-position: left center;font-weight: 500;}
.program .csop2 {color: #ed3629;padding-left: 30px;background-image: url(img/csoport-zart.png);background-repeat: no-repeat;background-position: left center;font-weight: 500;}
.program .csop5 {color: #874696;padding-left: 30px;background-image: url(img/csoport-online.png);background-repeat: no-repeat;background-position: left center;font-weight: 500;}

.trenerp {border: 2px solid;margin-bottom: 25px;background-color: rgba(255,255,255,0.3);}
.trenerp h3 {margin: 0;}
.trenerp h3 a {display: block;}
.trenerp .treningek {padding: 10px;}


fieldset {border: none;margin: 10px auto;width: 70%;background-color: #fff;}
fieldset fieldset {width: 100%;border: 1px solid #00a9f4;}
legend {background-color: #4ca7c9;padding: 5px 10px;color: #fff;border-radius: 5px;border: 1px solid #fff;}
fieldset fieldset legend {background: #fff;color:#00a9f4;border: 1px solid #00a9f4;}
::placeholder {font-size: 11px;color: #444;font-family: 'Quicksand';}
.sargagomb {display: inline-block;margin-bottom: 10px;background-color: #f69100;padding: 10px 20px;color: #fff!important;text-transform: uppercase;font-size: 14px;border-radius: 5px;font-weight: 500;}
.sargagomb:hover {background-color: #b1ce62;}
.sgombaktiv {background-color: #11982f;}
.sgombkek {background-color: #4ca7c9;}
.pgomb {background-color: #f00;}
label.cs {position: relative;display: inline-block;width: 10%;max-width: 45px;height: 45px;margin-right: 2%;}
label.cs img {filter: grayscale(100%);position: absolute;}
label.csa img {filter: none!important;}
label.cs:hover img {filter: none;}
label.cs:hover {font-weight: bold;}
.urlap100 {width: 100%;}
input.ido {width: 65px;}
.umezocim {font-weight: 500;color: #4ca7c9;}

.gyiksav {width: 90%;max-width: 600px;margin:auto;}
.kerdes {display: block;padding: 15px;background-color: #fff;border: 2px solid #ccc;color: #f69100;text-transform: uppercase;font-weight: bold;font-size: 18px;margin-top: 10px;}
.valasz {display: none;padding: 15px;background-color: #fff;font-size: 14px;color: #3c3c3c;}

.hasab {float: left;}
.b2 {width: 46%;margin: 0 2%;}
.bgizzo {background-image: url(img/izzo-bg1.png);background-repeat: no-repeat;background-position: right; background-size: auto 100%;}


.kiscim {font-family: 'Stag Stencil';font-size: 24px;}
.lablec {width: 100%;background-color: rgba(137,161,60,0.85);color: #fff;padding: 30px 0;text-align: center;}
.lablec a {color: #fff;}
.lablec .bal {float: left;width: 22%;}
.lablec .kozep {float: left; width: 56%;padding-top: 1%;padding-left: 5%;}
.lablec .kozep b {font-size: 16px;font-weight: bold;}
.lablec .kozep p {margin-top: 15px;font-size: 12px;line-height: 20px;}
.lablec .kozep a {font-size: 12px;font-weight: bold;}
.lablec .jobb {float: left; width: 22%;padding-top: 5%;}
.lablec .jobb a {margin: 5px;}
.copyright {clear: both;width: 100%;background-color: #0b0b0b;color: #989898;text-align: center;padding: 10px 0;font-size: 12px;font-weight: bold;}

@media only screen and (max-width: 900px) {
	
	#menu-icon {display: block;height: 100%;}
	.menubar ul {display: none;position: absolute;width: auto;right: 0;top: 35px;background-color: rgba(244,244,244,0.9);border-bottom-left-radius: 8px;overflow: hidden;}
	.menubar ul li {margin: 0;width: 100%;padding:0;}
	.menubar a {display: block;padding: 5px 10px;width: 100%;color: #f69100;}
	.menubar a:hover {background-color: #f69100;color: #fff!important;}
/*
	.menubar ul ul {display: none;top: inherit;position: relative;padding:0;}
	.menubar ul ul alspan {display: none;}
	.menubar ul ul a {font-size: 14px;color: #ed1c24!important;text-align: right;}
	.menubar ul ul a:hover {background-color: #ed1c24;color: #fff!important;}
	.menubar a.nincslink:hover {color: #444!important;}
	.menubar ul li.alalmenu a {padding-left:0;font-size: 12px;}
	.menubar ul li:hover ul {display: block;}
	*/
}

@media only screen and (max-width: 850px) {
	.wrapper {padding: 0 5px;}
	.gkep {width: 47%;margin: 1%;}
	.hbg {background-image: url(img/fejleckep1-850.jpg);}
	.jelentkezok {padding-bottom: 10px;}
}

@media only screen and (max-width: 700px) {
	.lablec .bal {float: none;width: 100%;}
	.lablec .kozep {width: 78%;}
	.cimkebox {width: 90%;}
	.programsavok {width: 100%;margin:0;}
	.program {width: 90%;}
	.jelentkezok {float: none;width: 100%;text-align: right;}
	.csop1 {display: block;margin-bottom: 5px;}
	.csop2 {display: block;margin-bottom: 5px;}
	.elvalaszto {display: none;}
	.adatmezok {text-align: center;}
	.adatmezok input[type='text'],input[type='password'],input[type='number'] {float: none;width: 90%;}
	.idosavok {width: 100%;margin-bottom: 10px;}
	.idosavok a {width: 24%;display: inline-block;padding: 10px;border-top: 2px solid #e4e4e4;}
	fieldset {margin: 6px auto;width: 100%;}
	.umezocim {display: block;margin-top: 6px;margin-bottom: 2px;}
}

@media only screen and (max-width: 560px) {
	.fomenusav {height: 38px !important;}
	.felsomenusav a {font-size: 15px;}
	.felsomenusav ul li {padding: 3px 3%;}
	.felsomenusav ul {margin-right: 1%;}
	.pfobox {display: block;width: 95%;margin: 25px auto;}
	.content {padding-bottom: 70px;}
	.szlogen {position: absolute;width: 50%;margin:0;left: 29%;top: 30px;}
	.menubar {right: 0;}
	.belepve {display: none;}
	.hasab {float: none;}
	.b2 {width: 100%;margin: 10px 0;}
	.menubar ul {top: 25px;}
	.savkiscim span {display: block;}
	.content a.jobbkep {float: none;width: 90%;margin:auto;margin-bottom: 20px;max-width: inherit;}
	.content a.balkep {float: none;width: 90%;margin:auto;margin-bottom: 20px;max-width: inherit;}
	.listazas {width: 100%;float: none;}
	.vezerlosav {float: none;width: 100%;}
	.lablec .kozep {float: none;width: 100%;}
	.lablec .jobb {float: none;width: 100%;}
	.trenerkep {width: 20%;margin-right: 5%;}
	.program {float: none;width: 100%;padding-top: 5px;}
	.program .terkoz {display: block;width: 1px;height: 5px;}
	.jelentkezok {float: none;width: 100%;text-align: center;}
	.adatmezok input[type='text'], .adatmezok input[type='password'], .adatmezok input[type='number'] {width: 100%;float: none;}
}

.button {display: inline-block;background-color: #bf1e2e;color: #fff;text-align: center;padding: 5px 12px 2px 12px;text-transform: uppercase;font-weight: bold;font-size: 18px;}
.button:hover {background-color: #fff;color: #bf1e2e;box-shadow: 0 0 1px #bf1e2e;}
/*
.button {
    display: inline-block;
    margin-top: 0px;
    margin-right: 10px;
    padding: 15px 25px;
    float: none;
    border-radius: 8px;
    background-color: #bf1e2e;
    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 {
    border-color: #dfe5ea;
    background-color: #fff;
    box-shadow: none;
    -webkit-transition: none 0ms ease;
    transition: none 0ms ease;
    color: #bf1e2e;
    
}
*/
.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 15px;
	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;
}

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

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