/*régi font beállítás*/
@font-face {
  font-family: 'Antipasto';
  src: url('Antipasto.eot?#iefix') format('embedded-opentype'), url('Antipasto.woff') format('woff'), url('Antipasto.ttf') format('truetype'), url('Antipasto.svg#Antipasto') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family:"Balloon";
  src: url("BL______.eot?") format("eot"), url("BL______.woff") format("woff"), url("BL______.ttf") format("truetype"), url("BL______.svg#Balloon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*globális változók*/
:root {
  --kicsi: 'Sora', sans-serif;
  --nagy: 'Ultra', serif;
  --szovegszin: #7BF1AC; /*#462555;*/
  --hatterszin: white;
  --hatterszin2: linear-gradient(138.37deg, #80F3AF 20.56%, #5DDE93 66.47%, #2ACD65 86.13%);;
  --kishatterszin: white;
  
    --grey-color:#7f8c8d;
	--primary-color:green;
	--info-color:blue;
	--success-color:yellow;
	--warning-color:red;
	--danger-color:purple;
    
}


/* font-family: 'Sora', sans-serif;
font-family: 'Righteous', cursive;
font-family: 'Ultra', serif;
  --hatterszin: rgb(229,150,48); - narancs
  --hatterszin2: rgb(237,196,30); - sárga
  --kishatterszin: rgb(56,170,220); - kék
*/

/*Logó színek
#462555 - hello_dark sötét lila
#824AF9 - hello_lilac2 világosabb sötét lila
#EDE8FF - hello_lightpurple világos lila
#D095FF - hello_lilac tábla lila
#C9FFDF - hello_lightgreen világos zöld
#7BF1AC - hello_green zöld

80F3AF - 5DDE93 - 2ACD65 : átmenő zöld
background: linear-gradient(138.37deg, #80F3AF 20.56%, #5DDE93 66.47%, #2ACD65 86.13%);
https://cssgradient.io/





/******/
html {
  font-family: var(--kicsi);
  color: var(--szovegszin);
/*  background: var(--hatterszin); */

    overflow-x: hidden;

}
body {
    /*background: var(--hatterszin);*/
background: rgb(123,241,172);
background: linear-gradient(0deg, rgba(123,241,172,0.9696472338935574) 0%, rgba(70,37,85,1) 19%);
background-attachment: fixed;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;

}
header{
  height: 10vw;
  width:100%;
  background: transparent;
  position: relative;
  text-align: center;


}
.logo{
  margin-top: 1vw;
  text-align: left;
  float:left;
  width:9.5%;
}
.logoimg{
  width: 6vw;
  height: auto;
  position: relative;
}
.menu{
 vertical-align: middle;
  background: transparent;
  float:left;
  width: 90%;
  font-size:1.2vw;
  margin-top:4vw;
  
}
/*menu szinezo*******************************/
nav li {
  position: relative;
}
nav li::before {
  position: absolute;
  content: "";
  top: 0;
  left: -1rem;
  width: 0.25rem;
  height: 100%;
  background: var(--menu-link-active-color);
  transition: 0.6s;
}
nav li a {
  --menu-link-color: var(--szovegszin);
  position: relative;
  background: linear-gradient(var(--menu-link-active-color) 0 100%) left/0 no-repeat;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  transition: background-size 0.45s 0.04s;
}
nav li a::before {
  position: absolute;
  content: attr(data-text);
  z-index: -1;
  color: var(--szovegszin);
}
nav li:nth-child(1) {
  --menu-link-active-color: var(--primary-color);
}
nav li:nth-child(2) {
  --menu-link-active-color: var(--info-color);
}
nav li:nth-child(3) {
  --menu-link-active-color: var(--success-color);
}
nav li:nth-child(4) {
  --menu-link-active-color: var(--warning-color);
}
nav li:nth-child(5) {
  --menu-link-active-color: var(--danger-color);
}
nav li:nth-child(6) {
  --menu-link-active-color: var(--primary-color);
}
nav li:hover::before {
  left: calc(100% + 1rem);
}
nav li:hover a {
  background-size: 100%;
}






/*menübelső*/
nav li {
 z-index: 2;
}

nav li a{
    display: block;
 }
nav ul{
    display:flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
} 
 
 
nav ul li {
   list-style-type: none;
   list-style: none;
  padding:0;   /*helyköz a menu elemek között*/
  margin:0;
  /*margin-top: 3vw;*/
  overflow: hidden;
}


#kategoria{
  margin-left: -15px;
}
nav ul ul {
  padding: 0.5em 0.25em 0.25em 0.25em;
 /* background-color: var(--hatterszin);*/
  -moz-box-shadow: 0 4px 4px rgba(88, 88, 88, 0.4);
  -webkit-box-shadow: 0 4px 4px rgba(88, 88, 88, 0.4);
  box-shadow: 0 4px 4px rgba(88, 88, 88, 0.4);
}


.dropdown{
  position: absolute;
  display: none;
  text-align: left;
}

.dropdowns:hover .dropdown{
  z-index: 1;
  display: block;
}

.dropdowns:hover .dropdown li{
  display: block;
  text-align: center;
}
/*
nav ul li:hover, .active{
  background-image: url(../images/mpbg.png) !important;
  background-size: 100% 30%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
nav ul ul li:hover {
  background-size: 100% auto !important;
  background-position: center 0.15em !important;
  background-repeat: no-repeat !important;
}

nav ul ul li:nth-child(1):hover {
  background-image: url(../images/Pasztell_zold.png) !important;
}
nav ul ul li:nth-child(2):hover {
  background-image: url(../images/Piros.png) !important;
}
nav ul ul li:nth-child(3):hover {
  background-image: url(../images/Zold.png) !important;
}
nav ul ul li:nth-child(4):hover {
  background-image: url(../images/Turkiz.png) !important;
}
nav ul ul li:nth-child(5):hover {
  background-image: url(../images/Sarga.png) !important;
}
*/
.greenbg {
  background-image: url(../images/Zold.png) !important;
  background-size: 90% auto;
  background-repeat: no-repeat;
  padding: 8%;
  width: 100%;
}
.greenbg:hover {
  background-image: url(../images/mpbg.png) !important;
}
.nobg:hover {
  background-image: none !important;
}
nav ul ul ul {
  position: relative;
  left: 2em;
  border:0;
}
#motor, #auto {
  background-size: 90% 100% !important;
  background-position: center top !important;
}




/**gyorsított tanfolyam kiemelése*/
.kiemelt {
  font-size: 120%;
  position: relative;
  font-family: var(--nagy);

}
	/*Menü gomb*/
.hambimenu {
	float: right;
	display: block;
	position: fixed;
	z-index: 100;
	top: 20px;
	right: 40px;
	background-color: green;
	width: 70px;
	height: 70px;
	display: none;
	}
.hambimenu div:nth-child(1) {
		margin-top: 21px;
	}
		
.hambimenu div{
		width: 35px;
		height: 5px;
		background-color: black;
		margin: 6px auto;
	}



/*jelentkezem gomb*/
.jelentkezem{
  position: absolute;
  right: 2em;
  top: 2.5em;
  font-family: var(--nagy);
  font-size: 125%;
  color:var(--szovegszin)!important;
  z-index: 1;
  letter-spacing: 1px;
  padding: 0.25em 1em;
  background-image: url(../images/keret.png) !important;
  background-repeat: no-repeat;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background-size: 90% 100%;
  background-position: center top;
  margin-top: 2vw;
}
.jelentkezem-container{
  width: 13%;
  margin-bottom: 2em;
  position: relative;
  text-align: center;
}

/*********képek****/
.grafikainner{
  position: relative;
  background: transparent;

  overflow-x: hidden; 
  overflow-y: hidden;
   width: 100%;
  padding-top: 1vw;
  padding-bottom: 1vw;
  text-align: center;
}

.forgoimgstyle{
    cursor: pointer; 
    display: block;
}

.keretflex{
    display: flex;           /* establish flex container */
  flex-direction: column;  /* stack flex items vertically */  
}

.p1x1 {
 width: 14vw;
 height: 14vw;

}
.p2x2 {
 width: 28vw;
 height: 28vw;

}
.p1x2img {
 width: 14vw;
 height: 28vw;
}


.p1x2 {
 width: 14vw;
 height: 28vw;
}
.p2x1 {
 width: 28vw;
 height: 14vw;

}


.text-block{
    display:flex;
   color: var(--szovegszin);
   font-weight: bold;
  justify-content: center;
  align-items: center;
  position: absolute;
      align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    line-height: 1; 
    padding-left:0.7vw;
    padding-right:0.7vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


/*forgó effect*/
.csempe:hover {
  z-index: 3!important;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
  -moz-filter: brightness(100%);
  -o-filter: brightness(100%);
  -ms-filter: brightness(100%);
  filter: brightness(100%);
}
#akciok {
    background-image: url(../images/new/aktualitasok.png);
    background-size: 100% 100%;
/* background:var(--hatterszin2);*/
  width: 28vw;
 height: 28vw;
   color: var(--szovegszin);
   position: relative;
   display:flex;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
#akciok h2 {


  font-size:2.82vw;
  letter-spacing:2px;
  color: var(--szovegszin);
}
#akciok p {

 font-size:2vw;
 line-height: 1.3;
 color: inherit!important;
/* padding: 0.5ex;
  color: #262526;
  white-space: pre-line;
*/
}
.upper {
  position: relative;
}
.hleft {
 float: left;
}

/**felugro facebook ablak*/
#facebook {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.75);
  z-index: 10000;
  display: none;
}
#facebook .container {
  margin: 5% auto;
  width: 30%;
  height: 30%;
  position: relative;
  border: 0.1em solid white;
  padding: 5%;
  background-color: rgba(255,255,255,0.9);
  text-align: center;
  color: #111;
  font-size: 150%;
}
.facebook-close {
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  border: 1px solid #111;
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  border-radius: 1em;
  line-height: 1.5em;
  font-weight: bold;
  cursor: pointer;
  background-color:white;
  color:#000;
}
.facebook-close:hover {
  background-color: #000;
  color: #eee;
  border: 1px solid #eee;
}

/*bemutatkozas szöveg*/
.bemutatkozas {
  width: 99%;
  background:transparent;
}
.bemutatkozas .inner {
  font-size: 120%;
  line-height: 120%;
  padding-top: 2.5%;
  padding-bottom: 2.5%;
  background:transparent;
  color: var(--szovegszin);
  letter-spacing: 2px;
  margin-bottom: 0em;
  text-align: justify;
}
.bemutatkozas .inner h1 {
  text-align: center;
  position: relative;
  padding-bottom:1vw;
  font-size: 140%;
  background-position: center;
  background-image: url(../images/keret.png) !important;
  background-size: 90% auto;
  background-repeat: no-repeat;
  max-width: 15em;
  margin: 0 auto;
  padding: 0.25em;
  font-family: var(--nagy);
  font-weight: normal;
  color: var(--szovegszin);
}
.bemutatkozas .inner p {
  padding-top:1vw;
  margin-bottom: 1em;
  letter-spacing: 1px;
  text-align: justify;
}
.bemutatkozas .inner h2 {
  font-size: 125%;
  padding-bottom: 1em;
  text-align: justify;
}
.urlap {
  width: 90%;
  padding: 5%;
  text-align: center;
}
#lista ul {
 padding-left: 5%;
}


.gar li{
  padding-bottom: 1vw;
}

.table {
 width: 90%;
  margin: 0 auto;
}
.table, .table th, .table td {
 border: 1px solid black;
}
.table th, .table td {
 padding: 1% 2%;
}
.table-big {
 width: 100%;
 padding: 0%;
 font-size: 90%;
}
.table-big, .table-big th, .table-big td {
 border: 1px solid black;
 vertical-align: middle;
}
.mutatoszamokcontainer{
  margin-top: -13%;
}
.indulotanfcon h1, .gyorsitott h1, .kategoriakhead h1, .egyebcontainer h1, .oktatocontainer h1, .mutatoszamokcontainer h1 {
  top: -2.1em !important;
}
sup {
 vertical-align: super;
 font-size: smaller;
}
.fullpic {
 width: 100%;
}
.fullpic img {
 width: 100%;
 height: auto;
}

.jelentkezesh1tag{
  text-align: center;
  position: relative;
  background-position: center;
  background-size: 90% auto;
  background-repeat: no-repeat;
  max-width: 15em;
  margin: 0 auto;
  padding: 0.25em;
  font-weight: normal;
  color: var(--szovegszin);
  font-size: 24px;
}
.jelentkezesform input{
 width: 44%;
 margin: 0.5% 1.6% 0.5%;
 padding-top: 14.4px;
 padding-bottom: 14px;
}
.jelentkezesform select{
 width: 46%;
 margin: 0.5% 1.6% 0.5%;
 height: 2.94em;
 resize: horizontal;
 background-color: #eee;
 border: 1px solid #eee;
 color: #11111194;
 font-size: inherit;
 font-family: inherit;
 padding: 11px;
}
.jelentkezesform #licence{
  height: 2.91em;
}
.jelentkezesform input:nth-child(1){
 margin-top: 5%;
}
.jelentkezesform #birth_date{
 padding-top: 14.4px;
 padding-bottom: 14px;
 color: #11111194;
 margin-top: 0.35%;
}
.jelentkezesform #comment{
 width: 44%;
}
.jelentkezesform input[type="submit"]{
  margin: 0.65em 45%;
}
form input{
 padding: 1%;
 width: 93%;
 margin: 1%;
 background-color: #eee;
 border: 1px solid #eee;
 color: #111;
 margin-bottom: 2%;
}
form input:nth-child(1),form input:nth-child(2) {
 width: 44%;
}
form textarea {
 padding: 1%;
 width: 93%;
 height: 10em;
 resize: horizontal;
 background-color: #eee;
 border: 1px solid #eee;
 color: #111;
 margin-top: 0.5em;
}
form input:hover, form input:focus, form textarea:hover, form textarea:focus {
 background-color: rgb(210,210,210);
}
form input[type="submit"] {
 background-color: var(--kishatterszin);
 color: var(--szovegszin);
 border: 0;
 width: 8em;
 height: 3em;
 letter-spacing: 4px;
 margin: 0.65em 39%;
 font-weight: bold;
 cursor: pointer;
}
form input[type="submit"]:hover {
  color:var(--hatterszin2);
 background-color: var(--szovegszin);
}

#kapcsolat {
 width: 100%;
 position: relative;
 text-align: center;
}
#kapcsolat h2 {
 font-size: 150%;
  text-align: center;
 margin-bottom: 2em;
}

.kapcsolat-flex{
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}


#kapcsolat .elerhetoseg {

}


#kapcsolat .elerhetoseg ul {
    position:relative;
 width: 40vw;
 height: 40vw;
 font-size: 120%;
   display: flex;
   flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

#kapcsolat .golf {
 position:relative;
 width: 40vw;
 height: 40vw;
 display: inline-block;
}

#kapcsolat .gmap_canvas {
    overflow:hidden;
    background:none!important;
}
	


footer {
 position: relative;
}
footer iframe {
    position:relative;
 width: 100%;
  height:40vw;
  display: inline-block;
}
#ceg {
    padding-top:2.5%;
padding-bottom:2.5%;
  background:transparent;
}
#ceg span {
 float: right;
}
#ceg span a {
 padding-left: 4em;
}

#message {
 padding-bottom:1em;
}
/***************oktatok*************/

.oktatokgrid4x4 {
  width: 23%;
  padding: 1%;
  float: left;
}
.oktatoimg-container img {
  width: 405px;
  height: 270px;
  max-height: 350px;
}
.oktatok.grid {
  min-height: 1198px;
}
figcaption {
  text-align: center;
}
.oktatoimg-container {
  box-shadow: 4px 4px #00000030;
}
.egyebhead {
  line-height: 50px;
}
.jelentkezem-gyorsitott{
    color: var(--szovegszin);
    font-size: 26.25px;
    font-family: var(--nagy);
}