html, body {
    display:flex;
            }

/*
            .slider {
                -webkit-appearance: none;
                width: 100%;
                height: 40px;
                background: #000000;
                outline: none;
                opacity: 0.7;
                -webkit-transition: .2s;
                transition: opacity .2s;
            }

            .slider:hover {
                opacity: 1;
            }

            .slider::-webkit-slider-thumb {
                -webkit-appearance: none;
                appearance: none;
                width: 25px;
                height: 40px;
                background: #4CAF50;
                cursor: pointer;
            }

            .slider::-moz-range-thumb {
                width: 25px;
                height: 40px;
                background: #4CAF50;
                cursor: pointer;
            }
            .myh2text {
	        font-size: 1em;
	    }
	    */
.popup-overlay {
  display: flex;
  flex-direction: column;
  position: fixed;
  inset: 0;
}

:root {
  /* fonts */
  --body: Lora;
  --caption-small: Raleway;
  --header-navigation: Cormorant;

  /* font sizes */
  --body-size: 18px;
  --heading-4-size: 24px;
  --anchor-size: 20px;
  --heading-2-size: 40px;
  --caption-small-size: 12px;
  --small-size: 14px;
  --heading-1-size: 56px;
  --header-navigation-size: 17px;
  --caption-regular-size: 16px;

  /* Colors */
  --white: #fff;
  --dark-gray: #333;
  --light-gray: #f6f6f6;
  --bronze: #ab8a63;
  --warning: #ce1126;
  --gray: #c4c4c4;
  --light-blue: #cfe8f1;
  --green: #388a34;

  /* Gaps */
  --gap-5xl: 24px;
  --gap-base: 16px;
  --gap-xl: 20px;
  --gap-xs: 12px;
  --gap-5xs: 8px;
  --gap-9xs: 4px;

  /* Paddings */
  --padding-21xl: 40px;
  --padding-xl: 20px;
  --padding-9xl: 28px;
  --padding-5xs: 8px;
  --padding-xs: 12px;
  --padding-2xs: 11px;
  --padding-29xl: 48px;
  --padding-13xl: 32px;
}

.image-6-icon,
.vector-icon {
  position: relative;
  width: 70px;
  height: 70px;
}
.image-6-icon {
  width: 79px;
  height: 85px;
  object-fit: cover;
  display: none;
}
.magyar-orszgos-kzjegyzi {
  flex: 1;
  position: relative;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 500;
//  font-family: var(--header-navigation);
  color: rgb(51, 51, 51);
  margin-left:80px;
  margin-top:-30px;
flex-basis: 0%;
flex-grow: 1;
flex-shrink: 1;
font-family: Cormorant !important;
font-size: 32px;
font-weight: 500;
letter-spacing: 1.6px;
line-height: normal;
position: relative;
text-align: left;
//text-transform: uppercase;
}
.bejelentkezve {
color: rgb(51, 51, 51);
font-family: Lora;
font-size: 14px;
font-style: italic;
line-height: 25.2px;
text-align: left
}
.span {
  font-size: var(--caption-small-size);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 500;
  font-family: var(--caption-small);
}
.bdecs-andrs-egyb {
  line-height: 180%;
//  font-weight: 700;
  color: var(--bronze);
}
.bejelentkezve-bdecs-andrs-container {
  position: relative;
  font-size: var(--small-size);
  font-family: var(--body);
  color: var(--bronze);
  margin-top:-20px;
}
.div {
  position: relative;
  font-size: var(--caption-small-size);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 500;
}
.activity-barsearch-icon {
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.hu {
  position: relative;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 500;
}
.misctriangle-down-icon {
  position: relative;
  width: 10px;
  height: 10px;
  overflow: hidden;
  flex-shrink: 0;
}
.hu-parent {
align-items: center;
color: var(--bronze);
display: flex;
flex-direction: row;
font-family: Raleway;
font-size: 16px;
justify-content: flex-start;
line-height: normal;
text-align: left;
padding-left:10px;
}
.activity-barsearch-parent,
.hu-parent,
.vector-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.activity-barsearch-parent {
  gap: var(--gap-5xl);
  font-size: var(--caption-regular-size);
}
.vector-parent {
  align-self: stretch;
  padding: var(--padding-5xs) var(--padding-13xl) 0;
  gap: var(--gap-base);
}
.kzelg-oktatsok1 {
  position: relative;
  letter-spacing: 0.1em;
  line-height: 180%;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--bronze);
}
.frame-child {
  display: none;
}
.frame-child,
.frame-item {
  position: relative;
  border-radius: 50%;
  background-color: var(--bronze);
  width: 5px;
  height: 5px;
}
.korbbi-oktatsok {
  position: relative;
  letter-spacing: 0.1em;
  line-height: 180%;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}
.text-navigation {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.kilps {
  position: relative;
  letter-spacing: 0.1em;
  line-height: 180%;
  text-transform: uppercase;
  font-weight: 600;
}
.header,
.kzelg-oktatsok-parent {
  display: flex;
  justify-content: flex-start;
}
.kzelg-oktatsok-parent {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-13xl);
  align-items: center;
  gap: var(--gap-base);
  font-size: var(--header-navigation-size);
  font-family: var(--header-navigation);
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--white);
  box-shadow: 0-1px 0#e5e5e5 inset;
  width: auto;
  flex-direction: column;
  padding: 16px 0 24px;
  box-sizing: border-box;
  align-items: flex-start;
  gap: var(--gap-5xs);
  font-family: var(--caption-small);
}
.kzelg-oktatsok2 {
  position: absolute;
  top: 204px;
  left: 32px;
  font-size: var(--heading-1-size);
  color: #000;
}
.badge {
  border-radius: 0px;
  background-color: var(--green);
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xs) var(--padding-xs);
  align-items: center;
  justify-content: center;
  color: var(--white); 
  font-family: var(--caption-small);
}
.rectangle-icon {
  max-height: 100%;
  width: 160px;
  object-fit: cover;
}
.a-kzjegyzsg-trtnete,
.rectangle-icon,
.heading {
  align-self: stretch;
  position: relative;
  font-style: italic;
}
.a-kzjegyzsg-trtnete {
  font-size: var(--anchor-size);
  line-height: 180%;
  font-style: italic;
}
.heading-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-style: italic;
  min-width: 200px;
}
.tovbbi-informci {
  flex: 1;
  position: relative;
  line-height: 180%;
  color: var(--bronze);
}
.commoninfo-parent,
.frame-group {
  display: flex;
  justify-content: flex-start;
}
.commoninfo-parent {
  align-self: stretch;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-5xs);
  font-size: var(--anchor-size);
  color: var(--bronze);
}
.frame-group {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-xs);
}
.button,
.rectangle-parent {
  display: flex;
  flex-direction: row;
}
.rectangle-parent {
  flex: 1;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.button {
  background-color: var(--bronze);
  height: 50px;
  padding: var(--padding-2xs) var(--padding-29xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.i {
  font-weight: 700;
}
.szerezhet-kredit-100-container {
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xs) var(--padding-xs);
  align-items: center;
  justify-content: center;

  font-size: var(--small-size);
  line-height: 180%;
  color: var(--dark-gray);
  font-family: var(--body);
}
.button-parent,
.frame-parent {
  display: flex;
  justify-content: flex-start;
}
.button-parent {
  flex-direction: column;
  align-items: center;
  gap: var(--gap-5xs);
  font-size: var(--caption-small-size);
  color: var(--white);
  font-family: var(--caption-small);
  max-height:50%;
}
.frame-parent {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-xl);
  font-size: var(--heading-2-size);
}
.kurzus-card-child {
  align-self: stretch;
  position: relative;
  border-top: 1px solid var(--gray);
  box-sizing: border-box;
  height: 1px;
}
.dtum {
  position: relative;
  line-height: 180%;
  font-weight: 700;
}
.dtum-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.e-learning {
  position: relative;
  line-height: 180%;
}
.frame-container,
.kurzus-card {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
align-items: flex-start;
align-self: stretch;
color: rgb(51, 51, 51);
display: flex;
flex-direction: row;
font-family: Lora;
font-size: 14px;
justify-content: flex-start;
line-height: normal;
text-align: left
}
.frame-container {
  flex-direction: row;
  gap: var(--gap-xl);
  font-size: var(--small-size);
}
.kurzus-card {
  background-color: var(--light-gray);
  flex-direction: column;
  padding: var(--padding-xl) var(--padding-9xl);
  gap: var(--gap-base);
}
.badge2 {
  border-radius: 0px;
  background-color: var(--light-blue);
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xs) var(--padding-xs);
  align-items: center;
  justify-content: center;
  font-family: var(--caption-small);
}
.icontrash {
  position: relative;
  width: 20px;
  height: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.button-group,
.button2 {
  display: flex;
  align-items: center;
  gap: var(--gap-5xs);
  color: var(--bronze) 
}
.button2 {
  border: 1px solid var(--bronze);
  box-sizing: border-box;
  height: 50px;
  flex-direction: row;
  padding: var(--padding-2xs) var(--padding-29xl);
  justify-content: center;
}
.button-group {
  flex-direction: column;
  justify-content: flex-start;
  font-size: var(--caption-small-size);
  color: var(--bronze);
  font-family: var(--caption-small);
}
.heading {
  align-self: stretch;
  position: relative;
  font-size: var(--heading-2-size);
  font-style: italic;
}
.a-kzjegyzsg-trtnete2 {
  align-self: stretch;
  position: relative;
  line-height: 180%;
}
.commoninfo-container,
.frame-parent3,
.miscissues-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.miscissues-group {
  align-items: center;
  gap: var(--gap-5xs);
  color: var(--warning);
}
.commoninfo-container,
.frame-parent3 {
  align-self: stretch;
}
.commoninfo-container {
  align-items: center;
  gap: var(--gap-5xs);
  color: var(--bronze);
}
.frame-parent3 {
  align-items: flex-start;
  gap: var(--gap-xl);
  font-size: var(--anchor-size);
}
.kurzus-card-accordion {
  align-self: stretch;
  background-color: var(--light-gray);
  display: none;
}
.badge6 {
  border-radius: 0px;
  background-color: var(--warning);
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xs) var(--padding-xs);
  align-items: center;
  justify-content: center;
  color: var(--white);
}
button.button.hu:disabled::after{
  opacity: 1;
  content: "Nem lehet jelentkezni!";
  cursor: not-allowed;
}

button[disabled]{
  opacity: 1;
  content: "Nem lehet jelentkezni!";
  cursor: not-allowed;
}

.kurzus-card-inner1,
.kurzus-card-parent,
.kurzus-card3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.kurzus-card-inner1 {
  align-self: stretch;
  flex-direction: row;
  font-size: var(--heading-2-size);
  color: var(--dark-gray);
  font-family: var(--body);
}
.kurzus-card-parent,
.kurzus-card3 {
  flex-direction: column;
  gap: var(--gap-base);
}
.kurzus-card3 {
  align-self: stretch;
  background-color: var(--light-gray);
  padding: var(--padding-xl) var(--padding-9xl);
  color: var(--white);
  font-family: var(--caption-small);
}
.kurzus-card-parent {
  position: absolute;
  top: 307px;
  left: 32px;
  width: 100%;
  font-size: var(--caption-small-size);
  font-family: var(--body);
}
.line-div {
  align-self: stretch;
  position: relative;
  border-right: 1px solid var(--light-gray);
  box-sizing: border-box;
  width: 1px;
}
.text-navigation-2-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
}
.kzelg-oktatsok-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--dark-gray);
  width: auto;
  display: flex;
  flex-direction: column;
  padding: var(--padding-21xl) 80px;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--body-size);
  color: var(--light-gray);
}
.kzelg-oktatsok {
  position: relative;
  background-color: var(--white);
  width: auto;
  height: 1716px;
  overflow: hidden;
  text-align: left;
  font-size: 32px;
  color: var(--dark-gray);
  font-family: var(--body);
}
.miscissues-icon {
  position: relative;
  width: 72px;
  height: 72px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 0;
}
.a-20200910-napja,
.ez-egy-j {
  align-self: stretch;
  position: relative;
}
.ez-egy-j {
  font-size: var(--heading-4-size);
  line-height: 150%;
  font-weight: 500;
  z-index: 1;
}
.a-20200910-napja {
  line-height: 180%;
  z-index: 2;
}
.szabad-helyek-0,
.virtulis-sta-mokk-kh {
  align-self: stretch;
  position: relative;
  line-height: 190%;
}
.szabad-helyek-0 {
  line-height: 180%;
}
.virtulis-sta-mokk-kh-aula-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 3;
}
.hivatalos-megnyit-i-emeleti-parent,
.j-kizrt-program-parent,
.j-nem-kizrt-program-parent,
.j-program-group,
.j-program-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  z-index: 4;
}
.j-kizrt-program-parent,
.j-nem-kizrt-program-parent,
.j-program-group,
.j-program-parent {
  z-index: 5;
}
.j-kizrt-program-parent,
.j-program-group,
.j-program-parent {
  z-index: 6;
}
.j-program-group,
.j-program-parent {
  z-index: 7;
}
.j-program-group {
  z-index: 8;
}
.iconchrome-close {
  position: absolute;
  margin: 0 !important;
  top: 20px;
  left: 652px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 9;
}
.miscissues-parent {
  position: relative;
  background-color: var(--white);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  width: auto;
  display: flex;
  flex-direction: column;
  padding: var(--padding-21xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  text-align: center;
  font-size: var(--body-size);
  color: var(--dark-gray);
  font-family: var(--body);
}
	    
.events-header {
background: rgb(250, 250, 250);
background: linear-gradient(360deg, rgb(250, 250, 250) 0%, rgb(255, 255, 255) 100%);
}	    

.navbar-nav li a {
  padding: 10px 15px;
  border: none;
  border-radius: 0px;
}

.navbar-nav li a :focus {
  padding: 10px 15px;
  border: none;
  border-radius: 0px;
  color: var(--bronze);
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-nav > li > a:active {
 padding: 10px 15px;
  border: none;
  border-radius: 0px;
  color: var(--bronze);
}

.head {
color: rgb(0, 0, 0);
font-family: Lora;
font-size: 56px;
left: 32px;
line-height: normal;
//position: absolute;
text-align: left;
//top: 204px;
font-style: italic;
}

.menu {
border: none
position: relative;
letter-spacing: 0.1em;
line-height: 180%;
text-transform: uppercase;
font-weight: 600;
color: rgb(171, 138, 99);
font-family: Cormorant;
font-size: 17px;
font-weight: 600;
letter-spacing: 1.7px;
line-height: 30.6px;
position: relative;
text-align: left;
text-transform: uppercase
	}

.menu-item {
font-style: normal;
	}
.container, events-header
{
//    display: flex;
//    align-items: center;
    justify-content: center;
}

.topbar-item {
border-bottom-color: rgb(51, 51, 51);
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(51, 51, 51);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(51, 51, 51);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(51, 51, 51);
border-top-style: none;
border-top-width: 0px;
box-sizing: border-box;
color: rgb(51, 51, 51);
font-family: "Lora", serif;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-optical-sizing: auto;
font-size: 18px;
font-size-adjust: none;
font-stretch: 100%;
font-style: normal;
font-variant-alternates: normal;
font-variant-caps: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-variation-settings: normal;
font-weight: 400;
//line-height: 32.4px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 0px;
margin-top: -10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
vertical-align: baseline
}
.rectangle-icon {
object-fit: contain;
}

scrollbar-gutter: auto;
scrollbar-color: var(--bronze);

::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #ddd;
}

::-webkit-scrollbar-thumb {
    background: var(--bronze);
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #ddd;
}
@media screen and (max-width: 768px) {
.button-parent {
	rotate: 90deg;
    margin-top: 50px;
    margin-left: -100px;
  }

div.heading-parent 
{
    font-size: 24px;
    max-width:350px;
  }

div.kurzus-card {
	margin-left: -50px;
	margin-left: -50px;
	max-width:350px;
	background-color:#fff;
}
  
i.dtum {
font-size: 10px;
}

div.container {
    max-width: 400px;
    margin-left: -50px;
  }
  

div.content {
    max-width: 400px;
    margin-left: 0px;
  }
  
i.e-learning {
	font-size: 8px;
	margin-top: 50px;
	margin-left: -50px;
	max-width:60px;
	padding-left:10px;
}	

button.navbar-toggle.collapsed {
	margin-right:100px;
}

.topbar {
	width:400px;
	margin-left: 60px;
}
/*
span.bejelentkezve, .bejelentkezve-bdecs-andrs-container {
	margin-left: 60px;
}
*/
a.header-logo
{
	margin-top: 100px;
}

div.site-logo-text-full {
	font-size: 10px;
	margin-top: 10px;
}

img.rectangle-icon {
	width:50px;
	height:50px;
	}
.container-fluid {
    max-height:100px;
}

.navbar-toggle {
    margin-left: 200px;
}

.navbar-collapse.collapse.in {
    background-color:#FFF;
    margin-left: 50px;
    min-width:200px;
}
.collapse.navbar-collapse  {
    background-color:#FFF;
    margin-left: 0px;
}

}