@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body
{
  font-family: 'Roboto',sans-serif;
  background-color:white;
  margin:0px;
  color:black;
}

.dropdownlist
{
    display:none;
    position:absolute;
    border:1px solid black;
}
.menu
{
  text-decoration:none;
  font-weight:400;
  color:white;
  display:inline-block;
  background-color:none;
  cursor:pointer;
  font-size:16px;
  padding:0px;
  margin:20px 12px;
  vertical-align: middle;
  position:relative;
}
.menu a
{
   text-decoration:none;
   color:white;
}
#menucontainer
{
  text-align:right;
  height:58px;
  margin:0px auto;
  max-width: 1500px;
  display: flex;
  align-items: center;
}
.menus
{
  width: calc(100% - 380px);
}
#logo
{

}
#logo a
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu_ikon
{
 margin-right:0.5em;
}
div.menu:hover div.dropdownlist
{
    display:block;

}
div.menu:hover .dropdownlistelem a
{
 color:white;
}
.dropdownlistelem
{
    background-color:#5898c1;
    border-bottom:1px solid #12588e;
    padding:0.2em;
}
.dropdownlistelem:hover
{
  background-color:#12588e;
}
div.menu .dorpdownlistelem:hover a
{
 color:#f49242;
}
.dropdownlistelem a
{
  color:white;
}

.aktiv a
{

}
.menu:not(.menubutton)::after
{
  content:'';
  position: absolute;
  width: 0%;
  height: 1px;
  background: #d42b2a;
  bottom: -2px;
  left: 0px;
  transition: all 0.3s;
}
.menu.aktiv:not(.jt)::after
{
  content:'';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #d42b2a;
  bottom: -2px;
  left: 0px;
  transition: all 0.3s;
}
.menu:hover::after
{
  width: 100%;
}
#menusor
{
  background: url(img/is_header.jpg);
  background-position: left center;
  background-size: cover;
  
  position: sticky;
  z-index: 1000;
  width: 100%;
  box-sizing: border-box;
  top: 0px;
  padding: 24px 40px;
  border-radius: 0px 0px 20px 20px;
}
#container
{
  width:100%;
  min-width:320px;
  position:relative;
  min-height:200px;
  background:url(img/elterulo_hatter_right.png), #e8ebf0;
  background-position: right top;
  background-repeat: no-repeat;
}
#container.white-back
{
  width:100%;
  min-width:320px;
  position:relative;
  min-height:200px;
  background:url(img/elterulo_hatter_right.png), white;
  background-position: right top;
  background-repeat: no-repeat;
}
#container.white-back.left-right
{
  width:100%;
  min-width:320px;
  position:relative;
  min-height:200px;
  background:url(img/elterulo_hatter_left.png), url(img/elterulo_hatter_right.png), white;
  background-position: left top, right top;
  background-repeat: no-repeat;
}
#container.left-right
{
  width:100%;
  min-width:320px;
  position:relative;
  min-height:200px;
  background:url(img/elterulo_hatter_left.png), url(img/elterulo_hatter_right.png), #e8ebf0;
  background-position: left top, right top;
  background-repeat: no-repeat;
}
.cikk *
{
  width: 100%;
  max-width: 1300px;
  margin:0px auto;
}
@media (max-width: 1320px)
{
  .cikk *
  {
   
    max-width: 1200px;
   
  }
}
@media (max-width: 1220px)
{
  .cikk *
  {
   
    max-width: 1100px;
   
  }
}
.cikk.onecikk
{
  margin: 0px auto;
  background: white;
  padding:16px;
}
.onecikk h1, .onecikk h2
{
  color: #23668b;
}
#content
{
  width:100%;  
  box-sizing: border-box;
  position:relative;
  margin:0px auto;
  
  min-height:80vh; 
  margin-top: 24px;
}
#content p
{
/* margin-left: 1.5em;
 margin-right: 1.5em;*/
 
 width: 100%;
 margin: 1em 0em;

}
#content .fooldal_leiras_blokk p
{
 margin: 16px;
 width: auto;
 max-width: auto;
 text-align: left;
}
.float-img
{
 float: left;
}

.cimsor
{
  font-size:38px;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  color:#58a7c4;
  margin-top:20px;
  display: none!important;
}
.cimsor a
{
  color:#58a7c4;
  text-decoration:none;
}
.cimsor_res
{

  margin-bottom:1em;
  font-size:1.2em;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  color:#b71100;
}
.cimsor_res a
{
  color:#b71100;
  text-decoration:none;
}
.cikk
{
  padding: 0px;
    margin: 0px;
}
.fooldal
{
  padding:0px;
  margin:0px;
}
.fooldal .cimsor
{
  display:none;
}
.jelentkezes .cimsor
{
  display:none;
}
#hero
{
  width:100%;
  position:relative;
  border-radius: 10px;
  padding: 24px;
  padding-top:250px;
  color: white;
  box-sizing: border-box;
}
#hero.double
{
  padding-top: 280px;
}
#hero .caption
{
  position: relative;
  z-index: 200;
  width: 50%;
  margin:0px;
}
#hero .caption h1
{
  font-size: 42px;
  margin: 0px;
  font-family: 'Roboto Condensed';
}
#hero .caption p
{
  font-size: 20px;
  margin: 0px;
  margin-top: 12px;
  margin-bottom: 24px;
}
#hero2
{
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.hero_text
{
  position:absolute;
  top:0;

  text-align:center;
  color:#58a7c4;
  width:100%;
}
.hero_text h1
{
  font-weight:normal;
  font-size:30px;
  font-weight:bold;
}
.hero_text h2
{
  font-size:16px;
  width:220px;
  margin:290px auto 0px auto;
  font-family: 'Roboto Condensed';
}
#hero img
{
  width:100%;
  height:auto;
}
#hero::after
{
  content: '';
  aspect-ratio: 1;
  height: 90%;
  bottom: 0px;
  left: 10px;
  position: absolute;
  backdrop-filter: blur(9px);
  z-index: 100;
  background:rgba(255,255,255,0.06);
  clip-path: polygon( 1.037% 74.692%,50.857% 2.192%,50.857% 2.192%,51.813% 1.117%,52.903% 0.412%,54.072% 0.055%,55.265% 0.026%,56.425% 0.305%,57.499% 0.869%,58.43% 1.699%,59.164% 2.773%,59.645% 4.071%,59.817% 5.571%,59.817% 66.95%,94.997% 66.95%,94.997% 66.95%,96.165% 67.098%,97.212% 67.514%,98.119% 68.159%,98.869% 68.994%,99.444% 69.979%,99.824% 71.074%,99.993% 72.24%,99.932% 73.437%,99.622% 74.625%,99.046% 75.766%,48.884% 153.094%,48.884% 153.094%,47.941% 154.212%,46.854% 154.953%,45.68% 155.339%,44.475% 155.391%,43.299% 155.129%,42.207% 154.575%,41.258% 153.748%,40.509% 152.669%,40.018% 151.359%,39.841% 149.839%,39.841% 83.631%,5.003% 83.631%,5.003% 83.631%,3.819% 83.479%,2.761% 83.052%,1.847% 82.391%,1.096% 81.538%,0.526% 80.533%,0.155% 79.419%,0.003% 78.236%,0.087% 77.026%,0.425% 75.831%,1.037% 74.692% );
}
#hero::before
{
  content:'';
  height: 50%;
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.7092086834733893) 0%, rgba(0,212,255,0) 100%);
border-radius: 10px;
}

#fooldal_leiras
{
  margin:40px 0px;
}
.fooldal_leiras_cont
{
  text-align:center; 
  display: flex; 
  justify-content: center;
}
.fooldal_leiras_blokk
{
  margin:10px 25px;
  opacity:0;
  transition: all 0.3s;
  padding-bottom: 66px;
  position: relative;
}
.fooldal_leiras_blokk .bovebben
{
    position: absolute;
    bottom: 16px;
    left: 16px;
    
    display: inline-block;
}
.fooldal_leiras_blokk:hover
{
  box-shadow: rgb(185, 185, 185) 0px 0px 10px;
}
.bovebben
{
 margin-top:2px;
 font-size:12px;
 border-radius:5px;
 padding:10px;
 background-color:#58a7c4;
 position:relative;
 display:inline-block;
 text-transform:uppercase;
}
.bovebben a
{
  text-decoration:none;
  color:white;
  font-weight:bold;
}
.clear
{
  clear:both;

}
.blokk
{

  padding:5px;
  border:1px solid black;
  margin-top:24px;

}
.blokk_cim
{
  border:1px solid silver;
  padding-left:5px;
  padding-right:5px;
  background-color:#ffeac9;
  margin-bottom:10px;
}
.blokk_jobb
{
 float:left;
 width:30%;
}

.lablec_cont
{
  max-width: 1920px;
  margin: 0px auto;
}
.lablec .fejlec_bal
{
  display: inline-block;
  width: 300px;
}
.lablec .lablec_text
{
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  margin-top:20px;
}
.lablec .fejlec_bal .name
{
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
.lablec .fejlec_bal .logo
{
  display: inline-block;
  vertical-align: middle;
  height: 110px;
  margin-left: -20px;
  width: 110px;
}
.lablec
{
  margin-top: -20px;
}
.kozossegi
{
  display: inline-block;
  margin: 0px 10px;
}
.lablec .kozossegi
{
  margin-top:15px;
}
.lablec .kozossegi a
{
  font-size: 25px;
  color: white;
}
.lablec a
{
  font-weight: 400;
}
.lablec
{
  background:#0b212d;
  color: white!important;
  padding: 50px;
}

.lablec_jobb
{
  display: flex;
  float: right;
  width: calc(100% - 300px);
}
.lablec_menu
{
  width: calc(100% - 220px);
  text-align: center;
  margin-top: 24px;
}
.lablec_kozossegi
{
  width: 220px;
  text-align: right;
}
.white-text p, .white-text h2, .white-text
{
 color: white;
}
@media (max-width: 860px)
{
  .lablec_jobb
  {
    flex-direction: column;
    float: none;
    width: 100%;
    align-items: center;
    margin-top: 24px;
  }
  .lablec_cont
  {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .lablec .simplepay
{
 text-align: center;
}
}
@media (max-width: 1135px)
{
  .lablec_menu
{
  width: fit-content;
  padding-right:20px;
}
}
.lablec_menu a, .simplepay
{
  color: white;
  text-decoration: none;
  font-size: 16px;
  display: block;
  margin-bottom: 20px;
}
.lablec .logo img
{
  width: 100%;
}
#fejlec
{
 height:100px;
 background:url("img/fejlec.jpg");
 background-position:left top;
 background-repeat:no-repeat;
}
a img
{
 border:none;
}
.lapozo
{

 text-align:center;
 margin-right:5px;
 border:1px solid silver;
 font-weight:bold;
 display:inline;
 color:white;
 background-color:#5898c1;
 margin-top:5px;
 padding-left:3px;
 padding-right:3px;
 list-style-type: none;
}
.lapozo:hover
{
  background-color:#12588e;
}
.aktivlapozo
{
  background-color:#12588e;
 text-align:center;
 margin-right:5px;
 border:1px solid silver;
 font-weight:bold;
 display:inline;
 color:white;
 margin-top:5px;
 padding-left:3px;
 padding-right:3px;
 list-style-type: none;
}

.lapozosav
{
 text-align:center;
 max-width:100%;
 margin:0px auto;
}
.lapozosav a
{
 text-decoration:none;
}
.kereso
{
   float:right;
   width:235px;
   margin-top:50px;
}
#search
{
 font-weight:bold;
 color:silver;
 border:1px solid silver;
 float:left;
 height:17px;
}
#kereso_gomb
{
  background:url('img/search.png');
  background-position:center center;
  width:21px;
  height:21px;
  border:1px solid silver;
  float:left;
}
.kereso_szoveg
{
 margin-left:5px;
 font-weight:bold;
}
.loginblokk
{

}
#logout
{
  text-decoration:none;
  color:black;
  font-weight:bold;
}
.label
{
 float:left;
 width:200px;
 text-align:right;
 margin-right:10px;
 font-weight:bold;
 padding-top:10px;

}
label
{
  font-size:18px;
  max-width:calc(100% - 40px)!important;
  display: inline-block;
  text-align: left;
    vertical-align: top;
    color:black;
}
input:disabled ~ label
{
  color: #b0b0b0;
}
.input_field
{
 width:100%;
 border:1px solid #58a7c4;
 border-radius:5px;
 height: 36px;
 margin-bottom: 10px;
 color: #58a7c4;
 font-size: 16px;
 padding: 3px 10px;
 box-sizing: border-box;
 font-family: 'Roboto',sans-serif;
}
textarea
{
  font-family: 'Roboto',sans-serif;
}
.select
{
  color:#58a7c4;
  font-weight:bold;
  width:308px;
  height:36px;
}
.checkbox
{
  width:20px;
  height:20px;
  margin-right:10px;
}
.hozzajarulas
{
  
}
.szeles
{
  font-size:14px;
  width:450px;
 
}
.hozzajarulas_bovebb
{
  cursor:pointer;
  font-weight:bold;
  text-align:center;
}
#jelentkezesi_feltetelek, #ebed_reszletek
{
  border:1px solid #58a7c4;
  padding:10px;
  display:none;
}
#egyeb_div
{
  display:none;
}
#submit
{
  text-align:center;
}
#save
{
  width:auto;
}
.textarea
{
  margin-top:10px;
  height:50px;
}
.button
{
   background-color:#d42b2a;
 
   padding:12px 24px;
   
   
   border: none;
   border-radius:5px;
   color:white;
   margin-top:24px;
   cursor:pointer;
   transition: all 0.5s;
}
a.button
{
  text-decoration: none;
}
.button:hover
{
  transform: translateY(-3px);
  box-shadow: 1px 3px 5px rgba(0,0,0,0.3);
}
.button.smallbutton
{
  font-size: 14px;
}
.button_rendeles
{
   background-color:#5898c1;
   font-weight:bold;
   padding:3px;
   border:2px solid black;
   border-radius:5px;
   color:white;
   margin-top:10px;
   cursor:pointer;
   margin-bottom:15px;
}
.hibauzenet
{
color:#d60f0f;
margin-bottom:10px;
background: rgb(255,205,205);
background: linear-gradient(180deg, rgba(255,205,205,1) 0%, rgba(255,140,140,1) 100%);
border:2px solid #ff6767;
text-align:center;
text-shadow: 0px 1px 2px white;
padding: 10px 10px 10px 50px;
border-radius: 10px;
display: inline-block;
position: relative;
box-sizing: border-box;
}
.hibauzenet::after{
  content: '\f071';
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 25px;
  font-family:'Font Awesome 5 Free';
  opacity: 0.5;
  font-weight: 600;
}
.sikeresuzenet
{
   color:#41a41a;
margin-bottom:10px;
background: rgb(224,243,216);
background: linear-gradient(180deg, rgba(224,243,216,1) 0%, rgba(193,237,174,1) 100%);
border:2px solid #41a41a;
text-align:center;
border-radius: 10px;
padding: 10px 10px 10px 50px;
display: inline-block;
position: relative;
box-sizing: border-box;
text-shadow: 0px 1px 2px white;
}
.sikeresuzenet::after{
  content: '\f058';
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 65px;
  font-family:'Font Awesome 5 Free';
  opacity: 0.5;
  font-weight: 600;
}
.full
{
  display: block;
}
.login_h
{
 color:black;
 text-decoration:none;
 font-weight:bold;
 font-size:x-small;
}

#loader
{
  width:56px;
  height:21px;
  background:url("img/loader_ui.gif");
  display:none;
  position:relative;
  margin:0px auto;
}
.lock
{
 width:16px;
 height:16px;
 background:url("img/lock.png");
 float:left;
}
.user
{
 width:16px;
 height:16px;
 background:url("img/edit_profile.png");
 float:left;
}
.logout
{
 width:16px;
 height:16px;
 background:url("img/logout.png");
 float:left;
}
.noborder
{
 border:none;
}
.noborder td
{
    border-left: none;
    border-top: none;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}
.hashtag_cont
{
 text-align:center;
 display:none;
}
.hashtag
{
 font-size:small;
 color:silver;
 font-style:italic;
}
#actualpos
{
 font-size:x-small;
 font-style:italic;
}
#event_label
{
 text-align:center;
 font-weight:bold;
}
.events
{
 display:none;
 background-color:#B2CADC;
 padding:10px;
 position:absolute;
}
.events a
{
  color:white;
  text-decoration:none;
}
.calendar td:hover .events
{
 display:block;
}
.helyszin_row
{
  position:relative;
  text-align:center;
  height:50px;
  max-width:630px;
}
#fooldal_helyszin
{
  width:100%;
  max-width:1300px;
  position:relative;
  margin:0px auto;
  padding-top:50px;
  margin-bottom:50px;
}
#fooldal_helyszin_terkep
{
  width:45%;
  float:left;
  max-width:630px;
}
#fooldal_helyszin_terkep img
{
  width:100%;
}
#fooldal_helyszin_helyszin
{
  width:50%;
  float:right;
  max-width:630px;
}
.helyszin_row_leiras
{
  opacity:0;
  padding-top:5px;
}

.helyszin_row_helyszin
{
  position:absolute;
  color:white;
  background:url('img/helyszin_row_helyszin.png');
  font-size:16px;
  font-weight:bold;
  width:170px;
  padding:10px;
  box-sizing:border-box;
  text-align:left;
  height:48px;
  top:0px;
  text-transform:uppercase;
}
.helyszin_row_idopont
{
  position:absolute;
  color:white;
  background:url('img/helyszin_row_idopont.png');
  font-size:18px;
  font-weight:bold;
  width:166px;
  padding:10px;
  box-sizing:border-box;
  text-align:center;
  height:48px;
  top:0px;
  right:0px;
}
#fooldal_tamogatok
{
  text-align:center;
}
#fooldal_tamogatok p
{
  display:inline-block;
  margin:30px;
}
.cimsor_fooldal
{
  text-align:center;
  font-weight:bold;
  font-style:italic;
  font-size:48px;
}
#jelentkezes_form
{
  width:600px;
  margin:0px auto;
  position: relative;
}
.block_form
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: transparent;
}
.eloadasok
{
 width:100%;
 text-align:center;
 max-width:1100px;
 position:relative;
 margin:0px auto;
}
.eloadas
{
    border: 1px solid silver;
    width: 720px;
    margin: 10px auto;
    box-shadow: 5px 5px 10px silver;
    display: block;
    height: 100px;
}
.kaveszunet
{
 background-color:#bff0ff;
 border: 2px solid #58a7c4;
    width: 720px;
    font-weight:bold;
    margin: 10px auto;
    box-shadow: 5px 5px 10px silver;
    display: block;
}
.eloado
{
  float:left;
}
.eloado_idopont
{
 font-weight:bold;
 width:80px;
 padding-top:37px;
}
.eloadas_leiras
{
 text-align:left;
 padding-left:180px;
}
.cegek
{
 text-align:center;
}
.ceg
{
    width: 200px;
    border: 1px solid silver;
    padding: 10px;
    box-shadow: 5px 5px 10px silver;
    display: inline-block;
    height: 250px;
    margin:10px 20px;
    overflow:hidden;
    cursor:pointer;
}
.ceg_logo
{
  height:121px;
}
label a
{
 color:#58a7c4;
 text-decoration:none;
 font-weight:bold;
}
#hero2
{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 opacity:0;
 z-index: 100;
}
#hero img#hero3
{
 position: absolute;
 top: 100px;
 left: 2px;
 width: calc(100% - 4px);
 opacity:0;
 z-index: 200;
}
#hero3
{
      position: absolute;
    bottom:50px;    
    
    z-index: 100;
    text-align: center;
    color:white;
    width: 100%;
    padding: 16px 0px;
    
}
#hero4
{
  position: absolute;
    top: 50px;
    z-index: 100;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
}

#hero3 h2
{
  font-weight: 400;
  margin: 0px;
}
#hero3 h1
{
  margin: 0px;
}
.input_div
{
  text-align: center;
  position: relative;
  width: 100%;
  margin: 0px auto;
  margin-bottom: 10px;
}
.input_div.big
{
  width: 100%;
}
.input_div label.placeholder
{
  position: relative;
  transition: all 0.3s;
  text-align: left;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: bold;
  z-index: 1;
  display: block;
  width: auto;
  padding: 0px;
  color: #5a8ca8;
  margin-left:0px;
}
input:focus, textarea:focus
{
  outline: none;
}
.input_div input:focus ~ label.placeholder, .input_div input:not(:placeholder-shown) ~ label.placeholder, .input_div textarea:focus ~ label.placeholder, .input_div textarea:not(:placeholder-shown) ~ label.placeholder
{
  font-size: 12px;
  top: -7px;
  left: 20px;

}
.input_div textarea
{
  min-width: 100%;
  max-width: 100%;
  padding: 10px;
  margin-top: 0px;
  min-height: 100px;
}
fieldset
{
  width: 100%;
  margin: 0px auto;
  border: none;
  box-sizing: border-box;
  padding: 0px;
  margin: 24px 0px!important;
}
legend
{
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #5a8ca8;
  margin-bottom: 16px!important;
}
.infobox
{
  position: relative;
  text-align: left;
  font-size: 10px;
  width: 20px;
  height: 20px;
  background: #2e95d3;
  color: white;
  font-weight: 300;
  display: inline-block;
  padding-left: 7px;
  padding-top: 4px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid white;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 10px;
  z-index: 10;
}
.infobox.right
{
  position: absolute;
  z-index: 3;
  top: 28px;
  right: 6px;
}

.infotext
{
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.2s;
  width: 300px;
  background: rgb(209,209,209);
  background: linear-gradient(0deg, rgba(209,209,209,1) 0%, rgba(255,255,255,1) 100%);
  border: 1px solid #353536;
  box-shadow: 2px 2px 5px #353536;
  min-height: 40px;
  border-radius: 5px;
  padding: 5px;
  font-size: 12px;
  color: black;
  font-family: sans-serif;
  top: 17px;
  left: -180px;
  padding-top: 10px;
  z-index: inherit;
}
.infotext.showed
{
  visibility: visible;
  opacity: 1;
}
.infotext .fas
{
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  color: #353536;
  opacity: 0.5;
  transition: opacity 0.2s;
  text-align: right;
}
.close
{
  position: absolute;
  top: 0px;
  right: 10px;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.infotext .fas:hover, .close:hover
{
  opacity: 1;
}
#helyszindiv
{
  text-align: left;
}
#helyszindiv label, fieldset label
{
  float: none;
  display: inline-block;
  width: auto;
}
#helyszindiv label
{
  max-width: 100%;
  font-size: 16px;
}
.switchable
{
  display: none;
}
.switch
{
  position: relative;
  width: 45px;
  box-sizing: border-box;
  padding: 2px;
  height: 24px;
  background: #e2e2e2;
  border-radius: 12px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.switch-button
{
  position: absolute;
  left: 1px;
  top:1px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #636363;
  transition: all 0.2s;
}
.switchable:checked + .switch-button
{
  background: #58a7c4;
  left: 22px;
}
.loginmenu a
{
  color: #d42b2a;
}
#login_menu
{
  width: 250px;
    padding: 10px;
    background: #23668b;
    
    border-radius: 10px;
    box-shadow: 2px 2px 4px silver;
    border: 1px solid white;
    margin-right: 25px;
}
#login_menu a
{
  color: white;
  font-weight: 600;
  display: block;
  margin: 8px 0px;
  text-decoration: none;
  border-top: 1px solid white;
  padding-top: 8px;
  transition: 0.3s all;
}
#login_menu a:nth-child(1)
{
  border-top: none;
  padding-top: 0px;
}
#login_menu a:hover
{
  padding-left: 10px;
}
#login_menu a .fas
{
  transition: 0.3s all;
  width: auto;
}
#login_menu a:hover .fas, #login_menu a.aktivmenu .fas
{
  
}
#login_menu, #login_content
{
  display: inline-block;
  vertical-align: top;
}
#login_content
{
  width: calc(100% - 310px);
}
#login_content .input_div
{
  margin: 0px;
}
#login_content #submit
{
  text-align: left;
}
.edit
{
  display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    width: auto!important;
}
.edit a, .elfelejtett_jelszo a
{
  color: #58a7c4;
  text-decoration: none;
  display: inline-block;
  width: auto!important;
}
.elfelejtett_jelszo
{
  margin-top:25px;
  font-size: 14px;
  text-align:center;
  color: #58a7c4;
  font-weight: bold;
}
.jelentkezett
{
  margin-bottom: 20px;
  
  padding:10px 20px;
  width: 320px;
  box-sizing: border-box;
  margin-left:0px!important;
  background: white;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.jelentkezett:nth-child(2)
{
  border-top:0px;
}
.jelentkezett_helyszin
{
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
/*.jelentkezett_row:nth-child(odd)
{
  background: white;
}
.jelentkezett_row:nth-child(even)
{
  background: #e3e3e3;
}*/
.jelentkezett_row {
    background: transparent !important;
    border-top: 1px solid;
    padding-top: 5px;
    margin-top: 5px;
}
.jelentkezett_row .jelentkezett_label
{
  font-weight: bold;
  width: 180px;
}
.jelentkezett_row div
{
  display: inline-block;
  vertical-align: middle;
  padding: 2px;
  font-size: 14px;
}
.jelentkezett_qr img
{
  width: 150px;
  margin-top: 10px;

}
.jelentkezett_qr
{
  font-size: 12px;
  color: #58a7c4;
  text-decoration: none;
}
.bold-link
{
  text-decoration: none;
  font-weight: bold;
  color: #e30000;
}
.fb_menu
{
  display: inline-block;
  vertical-align: middle;
}
.fb_menu img
{
  width: 20px; height: 20px;
}
/* HTML5 video download ikon eltüntetése */
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls {
    overflow: hidden !important
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}
/* -------------------------- */
@media only screen and (max-width:1300px)
{
  .hero_text h1
  {
   font-size:20px;
  }
  .hero_text h2
  {
   margin-top: calc(100% / 7);
  }
  .fooldal_leiras_blokk
  {
    margin:10px 25px;
  }
}

@media only screen and (max-width:1145px)
{

  .fooldal_leiras_blokk
  {
    margin:10px;
  }
}
@media only screen and (max-width:1145px)
{
  .hero_text h2
  {
   width:200px;
  }
}
.jt a
{
  color: white;
}
.menu.jt
{
  background: #d42b2a;
  padding: 8px 16px;
  border-radius: 5px;
  margin-right: 8px;
  transition: all 0.5s;
}
.menubutton
{
      background: #204752;
    padding: 8px;
    border-radius: 5px;
    margin: 20px 8px;
    transition: all 0.5s;
}
.menubutton:hover, .jt:hover
{
  box-shadow: 0px 0px 10px white;
}
.menubutton img
{
  width: 20px;
  height: 20px;
}
.menu.jt:hover::after
{
  display: none;
}
.meelogo, .infoshow_logo
{
  display: none;
}
.is_logo
{
  width: 300px;
  margin-left: 20px;
}
@media (max-width: 1532px)
{
  .is_logo
  {
    width: 280px;
  }
}
@media (max-width: 1518px)
{
  .infoshow_logo
  {
    width: 180px;
  }
  .menus
  {
    width: calc(100% - 300px);
  }
}
@media (max-width: 1460px)
{
  .infoshow_logo
  {
    width: 150px;
  }
  .meelogo
  {
    width: 120px;
  }
  .menus
  {
    width: calc(100% - 200px);
  }
}
@media (max-width: 1430px)
{
  .is_logo
  {
    width: 250px;
    margin-left: 0px;
  }
}
@media (max-width: 1399px)
{
  .menu
  {
    font-size: 14px;
  }
}
.flex
{
  display: flex;
  width: 100%;
  box-sizing: border-box;
}
.white
{
  background: white;
  border-radius: 10px;
  padding: 24px;
  box-sizing: border-box;
}
.margintop
{
  margin-top: 32px;
}
.marginbottom
{
  margin-bottom: 32px;
}
.half
{
  width: 50%;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
}
.half-calc
{
  width: calc(50% - 24px);
}
.half40
{
  width: 40%;
}
.half60
{
  width: 60%;
}
.third
{
  width: calc(33.33% - 24px);
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
  margin: 0px;
}
.quarter
{
  width: calc(25% - 12px);
  box-sizing: border-box;
  padding: 16px;
  border-radius: 10px;
  margin: 0px;
}
.third.third33
{
  width: 33.33%;
}
.third.third12
{
  width: calc(33.33% - 12px);
}
.clickable
{
  cursor: pointer;
  position: relative;

}
.clickable::before
{
  content:'';
  height: 50%;
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.7092086834733893) 0%, rgba(0,212,255,0) 100%);
  border-radius: 10px;
}
.clickable h2
{
  color: white;
  position: absolute;
  z-index: 20;
  bottom: 24px;
  left: 24px;
  margin: 0px;

}
li
{
 margin-bottom: 16px;
}
.ar1
{
  aspect-ratio:1;
}
h2
{
  font-size: 32px;
  color: #23668b;
  margin-bottom: 8px;
  font-family: 'Roboto Condensed';
}
h4
{
  font-size: 17px;
  margin-top:0px;
  color: #23668b;
  margin-bottom: 8px;
}

.flex-center-column
{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.video-cont-wrap{
  overflow: hidden;
}
.video-wrapper
{
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.video-wrapper iframe
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.gray-back
{
  background: #e8ebf0;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 16px;
}
.gray-back strong, .gray-back h4
{
  color: #23668b;
}
.gray-back.blue
{
  background: #23668b;
}
.gray-back.dark
{
  background: #103042;
}
.dark-blue
{
  background: #103042;
  padding: 24px 0px;
}
.dark-blue *
{
  color: white!important;
}
.bordered-p p
{
  margin: 0px auto!important;
  text-align: center;
}
.bordered-p img
{
  border-radius: 8px;  
}
.gray-back.blue *, .gray-back.dark *
{
  color:white;
}
.parallel
{
  position: relative;
  background:url(/img/backpic11.jpg); 
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  padding: 40px 0px;
}
.parallel::after
{
  content:'';
  position: absolute;
  background:rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  top:0px;
  left:0px;
  z-index: 1;
}
.blue-back
{
  position: relative;
  z-index: 10;
  background: #0e2a39;
  padding: 24px;
  padding-bottom: 40px;
  width: 100%;
  max-width: 800px;
  margin: 0px auto;
  border-radius: 10px;
  border: 1px solid #184862;
  box-sizing: border-box;
}
.blue-back *
{
  color: white;
}

.cegek p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.cegek a {
    display: flex;
    width: 230px;
    justify-content: center;
    align-items: center;
    height: 130px;
    background: white;
    border-radius: 10px;
    margin: 8px;
}
.cegek a img {
    width: auto !important;
    max-width: 230px;
    max-height: 130px;
    height: auto !important;
    border-radius: 10px;
}

form#jelentkezes_form
{
  width:100%;
  max-width: 320px;
  box-sizing: border-box;
  padding: 16px;
  background: white;
  border-radius: 10px;
}
form hr
{
  border: none;
    border-top: 1px solid silver;
    margin-top: 32px!important;
    margin-bottom: 32px!important;
}
p.gray
{
 background: #e8ebf0;
 color: #636973;
 padding: 16px;
 border-radius: 10px;
 font-size:13px;
 box-sizing: border-box;
}
p.red
{
 background: #fdf2f2;
 color: #d94443;
 padding: 16px;
 border-radius: 10px;
 font-size:13px;
 box-sizing: border-box;
}
p a
{
  color: #58a7c4;
  text-decoration: none;
  font-weight: bold;
}
p.red a
{
  color: #23668b;
}
#hum_cpt_bt
{
  margin: 0px;
}
.flexmb24
{
  margin-bottom: 24px;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited, .cc_btn cc_btn_accept_all
{
  background-color: #d42b2a!important;
  color: white!important;
}
.menu.menubutton:not(.fb_menu)::after {
    content: 'BELÉPÉS';
    POSITION: ABSOLUTE;
    bottom: -20px;
    font-size: 10px;
    left: -2px;
}