@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;700&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: 'Quicksand';color: #3c3c3c;}

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

.narancs {color: #f69100;}
.zold {color: #11982f;}
.piros {color: #de141f;}
.bordo {color: #00A9F4;} /*9b171e  // most kék */
.feher {color: #fff;}
.fekete {color: #000;}
.link {color: #808080;}
.link:hover {border-bottom: 1px dotted #de141f;}
.focimbetu {font-family: 'Stag Stencil';}

.bgfeher {background-color: #fff;}
.bgszurke {background-color: #f4f4f4;}
.bgsszurke {background-color: #e4e4e4;}
.bgbordo {background-color: #00A9F4;}
.bgnarancs {background-color: #f69100;}
.bgsarga {background-color: #fee000;}
.bgpiros {background-color: #de141f;}
.bgvkek {background-color: #00a9f4;}
.hbg {padding-top: 25px;/*background-image: url(img/fejleckep1.jpg);*/background-repeat: no-repeat;background-size: cover;background-position: center;}

.borderbordo {border: 1px solid #00A9F4;}

fieldset {border: none;margin: 10px auto;width: 70%;}
fieldset fieldset {width: 100%;border: 1px solid #00a9f4;}
legend {background-color: #00A9F4;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';}
h1 {color: #f69100;text-transform: uppercase;font-weight: normal;}
h2 {text-transform: uppercase;font-weight: normal;}
h3 {text-transform: uppercase;}
.kozepre {text-align: center;}
.jobbra {text-align: right;}
.row {flex-wrap: wrap;display: -webkit-flex; display: -moz-flex; display: -ms-flexbox;  display: flex;transition: all 0.4s ease 0.05s;}
.sav {position: relative;width: 100%;clear: both;}
.savfocim {font-family: 'Stag Stencil';text-transform: uppercase;font-size: 36px;color: #f69100;margin: 10px 0;}
.savalcim {font-size: 14px;margin: 6px 0;}
.savcim {text-transform: uppercase;font-size: 28px;color: #f69100;margin: 6px 0;}
.savsimacim {text-transform: none;font-size: 24px;margin: 10px 0;}
.savkiscim {text-transform: uppercase;font-size: 24px;margin: 6px 0;}
.savkisalcim {text-transform: uppercase;font-size: 20px;margin: 6px 0;}
.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;}
.pgomb {background-color: #f00;}
.savterkoz {padding: 40px 0;}
.sav p {margin: 20px 0;}
fieldset p.sima {margin: 6px 0;}
fieldset h3 {margin: 8px 0;}

.content {padding: 30px 0;}
.content a.jobbkep {display: block;float: right;margin-left: 5%;max-width: 40%;margin-bottom: 15px;}
.content a.jobbkep img {width: 100%;max-height: 500px;}
.content a.balkep {display: block;float: left;margin-right: 5%;max-width: 40%;margin-bottom: 15px;}
.content a.balkep img {width: 100%;max-height: 500px;}
.content a.kozepkep {max-width: 90%;margin:auto;text-align: center;}
.content a.kozepkep img {width: 100%;border-radius: 10px;}
.content a.fekvokep {display: block;width: 100%;}
.content a.fekvokep img {display: block;width: 100%;border-radius: 10px;}
.content a.kiskep {display: block;width: 100%;text-align: center;}
.content a.kiskep img {border-radius: 10px;}
hr {clear: both;border: none;width: 100%;height: 1px;background-color: #cecece;box-shadow: 0 0 1px #f2f2f2;margin: 20px 0;}
.lapozo {text-align: center; font-size: 14px;}
.lapozo a {color: #343434;}
#galeriakepek {width: 100%;margin: auto;}

.wrapper {position: relative;max-width: 1060px;width: 100%;height: 100%;margin: auto;padding: 0 10px;}
.fwrapper {position: absolute;top: 0;width: 100%;max-width: 1060px;height: 100%;left: 50%;transform: translateX(-50%);padding: 0 10px;}
.wterkoz {padding: 40px 10px;}


/* fejléc */
.fejlectav {display: none;height: 120px;width: 100%;}
.header {position: fixed;z-index: 105;width: 100%;}
.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: #f69100;}

.fomenusav {height: 50px;background-color: rgba(39,13,13,0.8);}
.logo {position: absolute;width: 24%;top: 50%;transform: translateY(-50%);}
.logo img {width: 100%;display: block;}

.menubar {position: absolute;right:0;top: 50%;transform: translateY(-50%);width: 76%;padding-left: 3%;}
.menubar ul {margin:0;padding:0;list-style: none;}
.menubar ul li {display: inline-block;color: #fff;padding: 0 1%;}
.menubar a {font-family: 'Lato', sans-serif;display: inline-block;color: #fff;text-transform: uppercase;padding: 15px 5px;font-size: 14px;}
.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: 30px;color: #f69100;text-align: right;margin-right:10px;}

.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%;}
@keyframes animnyil {
	15% {transform: scale(1);}
	50% {transform: scale(1.3);}
	85% {transform: scale(1);}
}
@-webkit-keyframes animnyil {
	15% {transform: scale(1);}
	50% {transform: scale(1.3);}
	85% {transform: scale(1);}
}
@-moz-keyframes animnyil {
	15% {transform: scale(1);}
	50% {transform: scale(1.3);}
	85% {transform: scale(1);}
}
@-ms-keyframes animnyil {
	15% {transform: scale(1);}
	50% {transform: scale(1.3);}
	85% {transform: scale(1);}
}
.valasszis {position: absolute;left:0;top:0;width: 20%;text-align: center;font-weight: bold;}
.valasszis img {width: 25%;margin-top: 8px;animation-name:'animnyil';animation-duration: 3s;animation-delay: 1s;animation-iteration-count: infinite;}


.idosavok {width: 20%;text-align: center;}
.idosavok .kiscim {text-transform: uppercase;font-weight: bold;margin: 15px 0;}
a.savbox {display: block;color: #f69100;background-color: #fff;font-weight: bold;width: 100%;padding: 20px 0;border-left: 2px solid #e4e4e4;border-right: 2px solid #e4e4e4;border-bottom: 2px solid #e4e4e4;}
a.sbfirst {border-top: 2px solid #e4e4e4;}
a.savbox:hover {background-color: #b1ce62;color: #fff;}
a.sbaktiv {background-color: #f69100;color: #fff;}
.programsavok {width: 78%;margin-left: 2%;padding-top: 10px;}
.pbox {padding: 20px;border-left: 2px solid #e4e4e4;border-right: 2px solid #e4e4e4;border-bottom: 2px solid #e4e4e4;}
.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;}
.trenerkep .tkep {width: 100%;height: 75px;object-fit: cover;object-position: top;}
.trenerkep img.tzaszlo {border-radius: inherit;display: block;margin: 15px auto;width: 40px;}
.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;}
.adatmezok p {clear: both;color: #f69100;font-weight: 500;}
.regurlap p {margin: 15px 0;line-height: 20px;}
.jelentkezok {float: left;width: 15%;text-transform: uppercase;font-weight: 500;font-size: 14px;}
.adatmezok input[type='text'], .adatmezok input[type='password'], .adatmezok input[type='number'] {width: 80%;float: right;height: 25px;border-radius:0;border: 1px solid #e4e4e4;}
.adatmezok input[type='file'] {width: 80%;float: right;}
.bordogomb {height: auto!important;background-color: #00A9F4;padding: 10px 20px;color: #fff;text-transform: uppercase;font-size: 14px;border-radius: 5px;font-weight: 500;}
.bordogomb:hover {background-color: #b1ce62;}
.urlap100 {width: 100%;}
input.ido {width: 65px;}

.szamlalo {margin: 50px 0;text-transform: uppercase;font-weight: 500;}
.szamlalo span {display: inline-block;position: relative;top: 5px;margin: 0 10px;border: 2px solid #e4e4e4;padding: 10px;color: #f69100;font-size: 32px;font-weight: bold;}
.szamlalo p {line-height: 52px;}

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

.cimkebox {margin: 20px auto 0 auto;width: 60%;font-weight: 500;line-height: 32px;}
.cimkebox .k1 {color: #41bce6;font-size: 18px;}
.cimkebox .k2 {color: #ed4b97;font-size: 21px;}
.cimkebox .k3 {color: #9258a5;font-size: 24px;}
.cimkebox .k4 {color: #ed3629;font-size: 27px;}
.cimkebox .k5 {color: #b1ce62;font-size: 30px;}

.helyszininfo {position: absolute;border: 5px solid rgba(181,81,91,0.8);border-radius: 10px;padding: 15px 20px;background-color: rgba(255,255,255,0.7);width: 350px;bottom: 5%;right: 10%;max-width: 90%;}
.helyszininfo h3 {font-family: 'Stag Stencil';color: #f69100;text-transform: uppercase;font-size: 28px;margin: 6px 0;}

.gkep {display: inline-block;width: 31%;margin: 1%;border: 2px solid transparent;background-repeat: no-repeat;background-position:center;background-size: cover;}
.gkep:hover {border: 2px solid #f69100;overflow: hidden;border-radius: 10px;}
.gkep img {display: block;}

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

.lablec {width: 100%;background-color: #222;color: #989898;padding: 30px 0;text-align: center;}
.lablec a {color: #989898;}
.lablec .bal {float: left;width: 22%;}
.lablec .kozep {float: left; width: 56%;padding-top: 2%;padding-left: 5%;}
.lablec .kozep input {height: 33px;width: 42%;border-radius: 5px;border:0;margin: 5px;padding: 5px 10px;min-width: 210px;}
.lablec .kozep input.gomb {background-color: #f69100;color: #fff;text-transform: uppercase;}
.lablec .kozep input.gomb:hover {background-color: #11982f;}
.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) {
	
	.logo {width: 70%;}
	.logo img {max-height: 50px;width: auto;}
	#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 {padding-top: 75px;/*background-image: url(img/fejleckep1-850.jpg);*/}
	.jelentkezok {padding-bottom: 10px;}
}

@media only screen and (max-width: 700px) {
	.valasszis {display: none;}
	.logo {margin-left:0;}
	.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;}
	.trenerkep .tkep {height: 70px;}
}

@media only screen and (max-width: 560px) {
	.felsomenusav a {font-size: 15px;}
	.felsomenusav ul li {padding: 3px 3%;}
	.felsomenusav ul {margin-right: 1%;}
	.belepve {display: none;}
	.hasab {float: none;}
	.b2 {width: 100%;margin: 10px 0;}
	.header {height: 30px;}
	.logo {width: 50%;}
	.logo img {max-height: 30px;}
	.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;}
}
@media only screen and (max-width: 480px) {
	.trenerkep .tkep {height: 65px;}
}

.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 8px;
	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;}