/* --------------------------- */
/* Colors                      */
/* --------------------------- */

:root {
	
  --bordo: #6E1B29;
  --piros: #B1212B;
  --sarga: #EBBC65;
  --zold: #D5D6A5;
  --zoldebb: #E6E6C9;
  --fekete: #222222;
  --ezust: #BEC3CE;
  --szurke: #EDF2F3;
  --feher: #ffffff;
  
}


/* --------------------------- */
/* BASICS                      */
/* --------------------------- */

html { font-size: 16px; }
body {  margin: 0; }

h1 { 
  
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 2rem;
  letter-spacing: -0.3px;
  line-height: 2.5rem;

}

h2 { 
  
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: -0.3px;

}

h3 { 
  
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
  letter-spacing: -0.3px;

}

span { 
  
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: 0px;
  line-height: 1.75rem;
  display: block;

}

button, input[type="submit"] { 
  
  font-family: 'Roboto', sans-serif;
  font-size: 0.875rem; 
  font-weight: 600; 
  line-height: 1.6rem; 
  text-transform: uppercase; 
  padding: 10px 30px 10px 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 3px;
  background-color: var(--feher);
  border: 1px solid var(--fekete);
  color: var(--fekete);
  cursor:pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}

button:hover, input[type="submit"]:hover { 
  
  background-color: var(--fekete);
  color: var(--feher);
  box-shadow: 0px 4px 4px rgba(34,34,34,0.3);
  
}



/* --------------------------- */
/* HELPERS                     */
/* --------------------------- */

.green { background-color: var(--zold); border:0px;}
.yellow { background-color: var(--sarga); border:0px;}
.red { background-color: var(--piros); border:0px; color:var(--feher);}
.ghost { background-color: transparent; }
.szurkehatter { background-color: var(--szurke); }
.feherhatter { background-color: var(--feher); }
.padding_tb60 { padding-top:60px; padding-bottom:60px; }
.padding_b60 { padding-bottom:60px; }
.padding_t60 { padding-top:60px; }
.padding_tb40 { padding-top:40px; padding-bottom:40px; }
.padding_t40 { padding-top:40px; }
.padding_b40 { padding-bottom:40px; }


/* --------------------------- */
/* Line of social proof logos  */
/* --------------------------- */

.logos {
  
  background-color: var(--feher);
  max-width: 1425px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  
  --move-initial: calc(0% + 20vw);
  --move-final: calc(-100% + 80vw);

}

.logoline {
  
  margin:50px;
  height: 75px;
  display: inline-flex;
  
  transform: translate3d(var(--move-initial), 0, 0);
  animation: marquee 45s linear infinite;
  
}

.logos:hover .logoline { animation-play-state: paused; }


@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0);
    }

    100% {
        transform: translate3d(var(--move-final), 0, 0);
    }
}

.logos img {
  
  display:inline-block;
  vertical-align:middle;
  padding-left: 30px;
  padding-right: 30px;
  margin:0px;
  height: 75px;
  
}



/* --------------------------- */
/* Social proof quotes         */
/* --------------------------- */

.socialproofs { width:100%; background-color:var(--feher); max-width: 1425px; margin-left:auto;margin-right:auto; }
.proof  { display:none; }
.proof:first-of-type  { display:block; }

.proof p { 
  
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.5rem;
  letter-spacing: -1px;
  line-height: 2rem;
  display: block;

}

.proof div { 

  text-align: center;
  padding: 75px;
  
}

.proof span { 

  padding-bottom: 20px;
  
}

.proof.bubble div { 
  
  margin-left:100px;
  margin-right:100px;
  border-radius: 3px;
  
}

.proof img { 
  
  margin-left: 150px;
  
}

.proof.sarga div { background-color: var(--sarga);}
.proof.sarga img { filter: invert(91%) sepia(66%) saturate(5167%) hue-rotate(311deg) brightness(102%) contrast(84%); }
.proof.zold div { background-color: var(--zold);}
.proof.zold img { filter: invert(98%) sepia(7%) saturate(1318%) hue-rotate(4deg) brightness(89%) contrast(89%); }


/* --------------------------- */
/* Conversion section          */
/* --------------------------- */

.conversion { 
  
  width: 100%;
  margin-top:0px;
  padding-top: 100px;
  padding-bottom: 100px;
  max-width:1425px;
  margin-left: auto;
  margin-right: auto;
  
  text-align: center;

  background-color: var(--bordo);
  color:var(--feher);
  
}

.conversion h3, .conversion span { width:30%; margin-left: auto; margin-right: auto; padding-bottom: 20px;}

.conversion.kepzes { 
  
  display: grid;
    
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
  column-gap: 0px; 
  max-width:1425px;
  
  text-align: left;
  
}

.conversion.kepzes span { margin:0px; width: 100%; }

/* .conversion.kepzes .uvp { grid-column-start: 3; grid-column-end: span 7; } */

.conversion.kepzes .uvp { grid-column-start: 1; grid-column-end: 13; text-align: center; }

.conversion.kepzes .form { grid-column-start: 7; grid-column-end: span 3; }
.conversion.kepzes .form input[type='submit'] { background-color: var(--sarga); border:0px;}
.conversion.kepzes .form input[type='submit']:hover { background-color: var(--fekete); border:0px;}
.conversion.kepzes .form a { color: var(--sarga); }
.conversion.kepzes .form a:hover { color: var(--feher); }
.conversion.kepzes span a { color: var(--sarga); }
.conversion.kepzes span a:hover { color: var(--feher); }

/* --------------------------- */
/* Homepage sections           */
/* --------------------------- */

.promos, .gallery { 
  
  display: grid;
  grid-template-columns: 33% 34% 33%;
  column-gap: 0px; 
  clear: both;
  max-width:1425px;
  margin-left: auto;
  margin-right: auto;
  
}

.promos div { text-align: center; padding: 60px;background-color: var(--zold);}
.promos div:hover { background-color: var(--zoldebb); }
.promos h2, .promos p, .promos a { text-decoration: none;}
.promos a { color: var(--fekete); text-decoration: none; }
.promos a:hover { color:var(--fekete);}
.gallery img { object-fit: cover; max-height:300px; width:100%;}


.publikacio.promo { 
  
  background-color: var(--feher);
  display: grid;
  grid-template-columns: 50% 50%;
  clear: both;
  max-width:1425px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.publikacio.promo .latest div { display:none; }
.publikacio.promo .latest div:nth-child(1) { display:block; }

.publikacio.promo .contents img, .publikacio.promo .contents p span { display:none; }
.publikacio.promo .contents p img { display:block; height: 30px; width: initial; object-fit: cover; border-radius: 3px;}
.publikacio.promo .contents a { color: var(--fekete); text-decoration: none;}
.publikacio.promo .contents a:hover { text-decoration: underline; color: var(--fekete); }
.publikacio.promo .ghost { margin-bottom: 0px; }
.publikacio.promo .image h3, .publikacio.promo .image span, .publikacio.promo .image p { display:none; }



.publikacio.promo .image { width:100%; margin:0px; padding:0px; height:100% }
.publikacio.promo .image div:nth-child(1) { width:100%; margin:0px; padding:0px; height:100% }
.publikacio.promo .image img { width:100%; object-fit: cover; height: 100%; }
.tartalom { padding:80px; }


.tag { background-color: var(--szurke); font-size: 0.75rem; font-weight: 600; line-height: 1.6rem; text-transform: uppercase; padding-left:10px; padding-right:10px; border-radius: 3px; width: fit-content;}


/* --------------------------- */
/* Hero sections               */
/* --------------------------- */

.hero { 
  
  max-height: 650px;
  min-height: 460px;
  margin-top: 0px;
  
}

.hero.home { 
  
  max-height: calc(100vh - 100px);
  height: 100%;
  max-width:1425px;
  margin-top:-150px;
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(90deg, rgba(34,34,34,0.6) 0%, rgba(34,34,34,0) 50%);
  
}

.hero.home p { 
  
  padding-left: 100px;
  padding-top: 25vh;
  width:33%;
  color: var(--sarga);
  
}

.hero.home p mark { 
  
  color: var(--feher);
  background-color: transparent;
  
}

.hero.home span { 
  
  padding-left: 100px;
  width:33%;
  padding-bottom: 15vh;
  
}

.hero.home p:nth-child(2){ display: none;}

.herobg { 
  
  background-repeat: no-repeat;
  background-position: center 0%;
  background-size: 1425px;
  background-attachment: fixed;
  background-color: linear-gradient(90deg, rgba(34,34,34,0.6) 0%, rgba(34,34,34,0) 50%);
  //background-color: var(--fekete);
  background-blend-mode: multiply;
  
}

.herobg.home.ver1 { background-image: url("/img/hero_6.png"); }
.herobg.home.ver2 { background-image: url("/img/hero_5.png"); }
.herobg.home.ver3 { background-image: url("/img/hero_6.png"); }
.herobg.home.ver4 { background-image: url("/img/hero.png"); }

.herobg.allasinterju { background-image: url("/img/kepzesek/allasinterju.png"); }
.herobg.altalanos-interju-technikak { background-image: url("/img/kepzesek/altalanos-interju-technikak.png"); }
.herobg.befolyasolas { background-image: url("/img/kepzesek/befolyasolas.png"); }
.herobg.karriermenedzsment { background-image: url("/img/kepzesek/karriermenedzsment.png"); }
.herobg.tanulastechnika { background-image: url("/img/kepzesek/tanulastechnika.png"); }
.herobg.tiny-habits { background-image: url("/img/kepzesek/tiny-habits.png"); }
.herobg.villaminterju { background-image: url("/img/kepzesek/villaminterju.png"); }
.herobg.viselkedes-tervezes { background-image: url("/img/kepzesek/viselkedes-hero.png"); }
.herobg.words-that-change-minds { background-image: url("/img/kepzesek/words-that-change-minds.png"); }

.hero p { 
  
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 3rem;
  line-height: 3.4rem;
  letter-spacing: -1px;
  color: var(--feher);
  
}

.hero span { 
  
 font-family: 'Roboto', sans-serif;
 font-weight: 400;
 font-size: 1rem;
 letter-spacing: 0px;
 line-height: 1.5rem;
 
 color: var(--feher);
  
}

.hero.centered { 
  
  width: calc(100% - 200px);
  height: calc(100vh - 200px);
  margin-left:auto;
  margin-right:auto;
  max-width:1225px;


  background-size: cover;
  background-position: center;

  
}

.hero.centered.maganszemelyeknek { 
    //background-image: url("/img/szolgaltatasok/maganszemelyeknek.png"); 
    background-image:
    linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),
    url('/img/szolgaltatasok/maganszemelyeknek.png');
}
.hero.centered.cegeknek { 
    //background-image: url("/img/szolgaltatasok/cegeknek.png");
    background-image:
    linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),
    url('/img/szolgaltatasok/cegeknek.png');
    
}

.hero.centered p { 
  
  width: 60%;
  display: block;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  padding-top: calc(100vh / 3);

}

.hero.centered span { 
  
  width: 30%;
  display: block;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  
}

.kepzeshero {
  
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 20px;
  
  
  height: 100%;
  max-height: calc(100vh - 100px);
  padding-top: 10vh;
  padding-bottom: 10vh;
  max-width: 1425px;
  //margin-top:-150px;
  margin-left: auto;
  margin-right: auto;
  //background: linear-gradient(90deg, rgba(34,34,34,0.6) 0%, rgba(34,34,34,0) 50%);
  
}

.kepzesuvp {
  
  grid-column-start: 2; grid-column-end: span 4;
  color: var(--feher);
  
}

.kepzesuvp mark {
  
  background-color: transparent;
  color: var(--zold);
  
}

.kepzesproof {
  
  grid-column-start: 8; grid-column-end: span 4;
  padding-top: 20vh;
  
}

.kepzesproof img { 
  
  filter: invert(98%) sepia(7%) saturate(1318%) hue-rotate(4deg) brightness(89%) contrast(89%);
  margin-left: 50px;

}

.kepzesproof div {
  
  grid-column-start: 8; grid-column-end: span 4;
  background-color: var(--zold);
  border-radius: 3px;
  padding:30px;
  text-align: center;
  
}

.kepzesproof p {
  
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 1.125rem;
  letter-spacing: -1px;
  line-height: 1.5rem;
  color: var(--fekete);
  
}

.kepzesproof span {
  
  color: var(--fekete);
  
}

/* --------------------------- */
/* Képzésinfó sáv              */
/* --------------------------- */

.kepzesinfo_fixed {
  
  background-color: var(--bordo);
  display: grid;
  grid-template-columns: auto auto auto auto auto 160px;
  column-gap: 0px; 

  color: var(--feher);
  border-radius: 0px;
  height: 100px;

  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left:45px;
  position:fixed;
  top:0px;
  left: 100px;
  width:calc(100% - 145px);
  z-index: 9000;
  
}

.kepzesinfo {
  
  background-color: var(--bordo);
  display: grid;
  grid-template-columns: auto auto auto auto auto 160px;
  column-gap: 0px; 

  color: var(--feher);
  border-radius: 3px;
  height: 100px;
  padding-left: 45px;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  position:relative;
  top:-50px;
  
}

.kepzesinfo span, .kepzesinfo_fixed span {

  color: var(--sarga);
  padding-bottom:30px;
  
}

.kepzesinfo p, .kepzesinfo_fixed p {

  margin: 0px;
  padding: 30px 0px 2px 0px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  text-transform: uppercase;
  
}


/* --------------------------- */
/* The 12 column grid base     */
/* --------------------------- */

.content { 
  
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 20px; 
  clear: both;
  max-width: 1425px;
  margin-left: auto;
  margin-right: auto;

}

/* The 8 column wide content area */

.content-item { grid-column-start: 3; grid-column-end: span 8; }
.content-item img { 

  width:130%;
  max-height: 550px;
  margin-left: -15%;
  max-width: 1225px; 
  object-fit: cover;

}

.content-item li {
  
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: 0px;
  line-height: 1.75rem;
  
}

.content-item a {  color: var(--piros); }
.content-item a:hover {  color: var(--bordo); }


/* --------------------------- */
/* The base for cards          */
/* --------------------------- */

.content-cards { 
  
  display: grid;
  column-gap: 20px;
  row-gap: 20px; 
  padding-bottom:120px;
  padding-left:100px;
  padding-right:100px;
  max-width: 1225px;
  margin-left: auto;
  margin-right: auto;
  
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: -0.5px;

}

.content-cards div { border: 1px solid var(--ezust); border-radius: 3px; background-color:var(--feher); }
.content-cards div:hover { border: 1px solid var(--fekete); background-color:var(--zold); box-shadow: 0px 4px 4px rgba(34,34,34,0.3); }
.content-cards div:hover p span { background-color: rgba(255,255,255,0.4); }
.content-cards a { color: var(--fekete); text-decoration: none; }
.content-cards a:hover { color:var(--fekete); text-decoration: none; }
.content-cards span { display:block; font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 1.6rem; letter-spacing: 0px; font-weight: 400; }
.content-cards ul { display:block; font-family: 'Roboto', sans-serif; font-size: 1rem; line-height: 1.6rem; letter-spacing: 0px; font-weight: 400; }
.content-cards img { display:block; border-radius: 3px;  margin-bottom:20px; width:100%; object-fit: cover;}
.content-cards p { display:inline-flex; }
.content-cards p span { background-color: var(--szurke); font-size: 0.75rem; font-weight: 600; line-height: 1.6rem; text-transform: uppercase; padding-left:10px; padding-right:10px; margin-right:10px; border-radius: 3px;}

/* Customized card appearance for kepzesek.html page */

.content-cards.kepzesek { grid-template-columns: calc(33% - 10px) calc(33% - 10px) calc(33% - 10px); }
.content-cards.kepzesek ul { display:none; }
.content-cards.kepzesek h1 { font-size: 1.2rem; margin-top:0px; margin-bottom:0px;}
.content-cards.kepzesek div {padding:30px;}

/* Customized card appearance for szolgaltatasok.html page */

.content-cards.szolgaltatasok { grid-template-columns: calc(50% - 10px) calc(50% - 10px); }
.content-cards.szolgaltatasok img { height:250px; }
.content-cards.szolgaltatasok h1 { font-size: 1.5rem; padding-left: 50px; padding-right: 50px; padding-top: 30px; padding-bottom: 30px; }
.content-cards.szolgaltatasok span { font-size: 1rem; line-height: 1.6rem; padding-left: 50px; padding-right: 50px; }
.content-cards.szolgaltatasok p { margin-bottom:0px; margin-top:0px;}
.content-cards.szolgaltatasok ul { display:block; margin-bottom:0px; margin-top:0px; padding-left: 70px; padding-right: 50px; padding-bottom: 40px; }
.content-cards.szolgaltatasok li a { text-decoration:underline;}

/* Customized card appearance for szolgaltatasok/maganszemelyeknek.html page */

.content-cards.maganszemelyeknek img { display:none; }
.content-cards.maganszemelyeknek .ceges { display:none; }
.content-cards.maganszemelyeknek p { display:none; }

/* Customized card appearance for szolgaltatasok/cegeknek.html page */

.content-cards.cegeknek img { display:none; }
.content-cards.cegeknek p { display:none; }

.ceges.custom { border: 1px dashed var(--piros); background-color: transparent;}
.ceges.custom:hover { box-shadow: none; background-color:transparent; border: 1px dashed var(--fekete); }
.ceges.custom button { cursor: pointer; border:none; margin:0px; margin-top:25px; background-color:var(--piros); color:var(--feher); }
.ceges.custom button:hover { background-color:var(--fekete); }

/* Customized card appearance for publikaciok.html page */

.content-cards.publikaciok { grid-template-columns: 100%; }
.content-cards.publikaciok div { padding: 30px; }
.content-cards.publikaciok img { height: 100%; width:150px; margin:0px; margin-right: 30px; border-radius: 3px; object-fit: cover; float: left; }
.content-cards.publikaciok p { margin:0px;}
.content-cards.publikaciok h3 { margin:0px;}
.content-cards.publikaciok span { padding-top:15px; padding-bottom: 15px;}
.content-cards.publikaciok p span { display: none; }
.content-cards.publikaciok p img { height: 30px; width: initial; object-fit: cover;}
.content-cards.publikaciok div:nth-child(1) { display:none; }
.content-cards.publikaciok div:nth-child(2) { display:none; }

.content-cards.kiemelt { grid-template-columns: calc(50% - 10px) calc(50% - 10px); padding-right: 20px;}
.content-cards.kiemelt img { height: 180px; object-fit: cover;}
.content-cards.kiemelt div { display:none; height: fit-content;}
.content-cards.kiemelt div:nth-child(1) { display:block; }
.content-cards.kiemelt div:nth-child(2) { display:block; }
.content-cards.kiemelt p, .content-cards.kiemelt h3, .content-cards.kiemelt span { padding: 0px 30px 0px 30px; }
.content-cards.kiemelt p { width: calc(100% - 60px); padding-top: 25px;}
.content-cards.kiemelt p img { height: 30px; width: initial; object-fit: cover; }
.content-cards.kiemelt p span { background-color: transparent; padding:0px; margin:0px; text-align: right; width:100%;}
.content-cards.kiemelt div:hover p span { background-color: transparent; }

/* Newsletter card */

/* .highlight {display: grid;  grid-template-columns: auto 33%; padding-top:60px; max-width: 1425px; margin-left:auto; margin-right:auto; } */

.highlight {padding-top:60px; max-width: 1425px; margin-left:auto; margin-right:auto; }

.hirlevel_card { background-color: var(--sarga); padding: 30px; margin-right: 100px; border-radius: 3px; height: fit-content;}
.hirlevel_card span { font-size: 1rem; line-height: 1.6rem; }
.hirlevel_card h3 { margin-top:0px; }
.hirlevel_card button { background-color:transparent; margin-bottom:0px;}
.hirlevel_card button:hover { background-color:var(--fekete); }

.hirlevel_card.home {display:block; text-align:center; margin:0px auto 0px auto; width:100%; padding:0px 0px 60px 0px; max-width:1425px;}
.hirlevel_card.home span { width:40%; margin: 0px auto 0px auto;}
.hirlevel_card.home h1 { padding: 60px 100px 0px 100px; margin-top:0px; }
.hirlevel_card.home a { padding: 0px 100px 100px 100px; }

/* Customized card appearance for rolunk.html page */

.content-cards.rolunk div { display:none;}
.content-cards.rolunk div:nth-child(1) { display:block; }
.content-cards.rolunk div:nth-child(2) { display:block; }
.content-cards.rolunk div:nth-child(3) { display:block; }
.content-cards.rolunk {padding-bottom: 0px;}

/* Customized card appearance for kepzesek template page */

.content-cards.celcsoportok { grid-template-columns: calc(33% - 10px) calc(33% - 10px) calc(33% - 10px); }
.content-cards.celcsoportok div { padding:30px; }
.content-cards.celcsoportok div:hover { background-color:var(--feher); border: 1px solid var(--ezust); box-shadow: none;}
.content-cards.celcsoportok h2 { margin-top:0px; }
.content-cards.celcsoportok ul { font-weight: 600; padding-left:20px; }

.content-cards.oktato { }
.content-cards.oktato img { max-width: 260px; padding:30px 45px 30px 30px; margin-bottom:auto; float:left;  }
.content-cards.oktato h2, .content-cards.oktato span { padding:10px 45px 0px 30px; }
.content-cards.oktato ul { font-size:1rem; font-weight:600; list-style-position: inside; padding-bottom: 30px;}


/* --------------------------- */
/* Benefits                    */
/* --------------------------- */

.benefits { 
  
  display: grid;
  grid-template-columns: auto auto auto auto;
  column-gap: 20px; 
  row-gap: 20px; 

}

.rolunkbenefits { 
  
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 50px; 
  row-gap: 50px; 

}

.benefit-item { 
  
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  letter-spacing: 0px;
  line-height: 1.55rem;
  text-align: center;
  
}

.rolunkbenefits .benefit-item { 
  
  text-align: left;

}

.benefit-item img {
  width:initial; 
  height:initial; 
  margin-left:initial; 
}

/* --------------------------- */
/* Contact                     */
/* --------------------------- */


.kapcsolat-item {  grid-area: 1 / 3 / 1 / span 4; }
.kapcsolat-item p { padding-top: 15px; }
.kapcsolat-item a { font-family: 'Roboto', sans-serif; font-weight: 400; color: var(--fekete); font-size: 1.125rem; }
.kapcsolat-item a:hover { color:var(--piros); }
.kapcsolat-item p span {  font-size: 0.75rem; font-weight: 600; line-height: 1.6rem; text-transform: uppercase; }
.kapcsolat-item img { float: left; padding: 0px 25px 30px 0px; }
.gmaps-item { grid-area: 1 / 7 / 1 / span 4;}

.gmaps-item iframe { 
  
  width: 100%;
  height: 100%;
  border-radius: 3px;
  
}

/* ------------------------------- */
/* Popups (Hírlevél & PDF download */
/* ------------------------------- */

.popups { 
  
  position: absolute;
  background-color: rgba(34,34,34,0.8);
  width: 100%;
  height: 1000%;
  z-index: 100000;
  display:none;
}

.popups div { 
  
  background-color: var(--feher);
  width: 400px;
  padding: 0px 60px 60px 60px;
  border-radius: 3px;
  border: 3px solid var(--piros);
  
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  
}
.popups h2 { margin: 0px; line-height:100px; float: left; padding-top:15px; }
.popups img { float: right; padding-top:15px; }
.popups span { clear: both; padding-top:15px;}

.popups input[type='submit'] { display:block; margin-bottom:0px;}
.popups a { color:var(--bordo); }
.popups a:hover { color:var(--piros); }

.privacy {
  display: grid;
  grid-template-columns: 30px auto auto;
  width: fit-content;
  font-family: 'Roboto', sans-serif;font-size: 1rem; font-weight: 400; line-height: 30px;
  padding-bottom: 30px;
  padding-top: 20px;
}
.privacy a { padding:0px 5px 0px 20px;}

.inputlabel { font-family: 'Roboto', sans-serif;font-size: 0.875rem; font-weight: 600; text-transform: uppercase; display: block; padding: 25px 0px 10px 0px;}

input[type='email'], input[type='text'] { padding-left:15px; border-radius: 3px; border: 1px solid var(--piros); height:50px; width:calc(100% - 15px); display: block; font-family: 'Roboto', sans-serif;font-size: 1.125rem; font-weight: 400; margin: 0px 0px 20px 0px;}

input[type='checkbox'] { 
  
  -webkit-appearance: none;
  background-color: #fff;
  margin: 0;
  
  border-radius: 3px; 
  border: 1px solid var(--piros); 
  height:30px; 
  width:30px; 
  
  display: grid;
  place-content: center;
  cursor:pointer;

}

input[type="checkbox"]::before {
  content: "✓";
  font-size:1rem;
  line-height: 30px;
  text-align: center;
  height:30px; 
  width:30px;
  border-radius: 3px;
  transform: scale(0);
  background-color: var(--piros);
  color: var(--feher);
  margin-right: 0px;
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}


/* --------------------------- */
/* Tematika                    */
/* --------------------------- */


.tematika { 
  
  border-radius: 3px; 
  border: 1px solid var(--ezust);
  padding: 0px 30px 0px 30px;
  
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  
  margin-bottom: 20px;
  
  background-image: url("/img/plus.svg");
  background-repeat: no-repeat;
  background-size: initial;
  background-position: top right;
  
  cursor:pointer;
  
}

.tematika:hover { border: 1px solid var(--fekete); box-shadow: 0px 4px 4px rgba(34,34,34,0.3); cursor:pointer;}

.tematika p { line-height:1.3rem; margin:0px; font-weight:600; padding: 20px 0px 20px 0px; }
.tematika span { display: none; padding-bottom: 25px;}



/* --------------------------- */
/* !!! RESPONSIVE !!!          */
/* --------------------------- */

@media screen and (min-width:1441px) {
  
  .kepzesinfo_fixed { left: calc(calc(calc(100vw - 1425px) / 2) + 100px); }
 
}

@media screen and (max-width: 1023px) {
  
  html { font-size: 18px; }
  
  .content-cards { grid-template-columns: calc(50% - 10px) calc(50% - 10px);  padding-left:30px; padding-right:30px;}
  .content-item { grid-column-start: 2; grid-column-end: span 10; }
  
  .content-cards.kepzesek { grid-template-columns: calc(50% - 10px) calc(50% - 10px); }
  
  .content-cards.szolgaltatasok h1 { padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px;}
  .content-cards.szolgaltatasok span { padding-left: 30px; padding-right: 30px; }
  .content-cards.szolgaltatasok ul { padding-left: 50px; padding-right: 30px; padding-bottom: 30px; }
  
  .hero.centered p { width: 80%; }
  .hero.centered span { width: 80%; }
  .hero.centered { width: 100%; height: calc(100vh - 100px); margin-left:0px; margin-right:0px; }
  
  .benefits {  grid-template-columns: auto auto auto; }
  .conversion h3, .conversion span { width:50%; }
  
  .highlight {display: block; width: 100%;}
  
  .content-cards.kiemelt div { height: inherit;}
  .content-cards.kiemelt { padding-bottom: 60px;}
  .content-cards.oktato { grid-template-columns: 100%; }
  
  .hirlevel_card {display:block; text-align:center; margin:0px; width:100%; padding:0px 0px 60px 0px;}
  .hirlevel_card span { padding: 0px 100px 0px 100px; }
  .hirlevel_card h3 { padding: 60px 100px 0px 100px;  }
  .hirlevel_card a { padding: 0px 100px 100px 100px; }
  
  .kapcsolat-item {  grid-area: 1 / 2 / 1 / span 5; }
  .gmaps-item {  grid-area: 1 / 7 / 1 / span 5; }
  
  .promos, .gallery { grid-template-columns: 100%; }
  .publikacio.promo { grid-template-columns: 100%;}
  .publikacio.promo .image img { width:100%; max-height:40vh; object-fit: cover; }
  
  .herobg.home { background-size: 1300px; }
  .hero.home p, .hero.home span { width:50%;}
  .hero.home p { padding-top:100px; }
  .hero.home { background: linear-gradient(90deg, rgba(34,34,34,0.6) 20%, rgba(34,34,34,0) 70%); }
  
  .conversion.kepzes .uvp { grid-column-start: 2; grid-column-end: span 4; }
  .conversion.kepzes .form { grid-column-start: 7; grid-column-end: span 5; }
  
  .kepzesinfo, .kepzesinfo_fixed { margin: 0px; grid-template-columns: auto auto auto auto 160px; }
  .kepzesinfo div:nth-child(1), .kepzesinfo_fixed div:nth-child(1) { display:none; }


@media screen and (max-width: 671px) {
  
  .content-cards { padding-left:20px; padding-right:20px;}
  
  .content-cards.kepzesek { grid-template-columns: 100%; }
  .content-cards.szolgaltatasok { grid-template-columns: 100%; }
  .content-cards.publikaciok img { display:none; }
  .content-cards.publikaciok p img { display:block; }
  
  .content-cards.szolgaltatasok h1 { padding-left: 25px; padding-right: 25px; padding-top: 10px; padding-bottom: 10px;}
  .content-cards.szolgaltatasok span { padding-left: 25px; padding-right: 25px; }
  .content-cards.szolgaltatasok ul { padding-left: 45px; padding-right: 25px; padding-bottom: 20px; }
  
  .hero.centered p { width: 90%; font-size: 2.1rem;line-height: 2.4rem;}
  .hero.centered span { width: 90%; }
  
  .benefits {  grid-template-columns: auto auto; }
  .rolunkbenefits { grid-template-columns: auto;}
  .conversion h3, .conversion span { width:80%; }
  
  .proof div { padding: 25px; } 
  .proof.bubble div { margin-left:25px; margin-right:25px; }
  
  .logoline { margin-left:25px; }
  .content-cards.kiemelt { grid-template-columns: 100%; }
  .content-cards.celcsoportok { grid-template-columns: 100%; }
  .content-cards.oktato { grid-template-columns: 100%; }
  
  
  .kapcsolat-item {  grid-area: 1 / 2 / 1 / span 10; }
  .gmaps-item {  grid-area: 2 / 1 / 2 / span 12; height: calc(100vh - 200px);padding-bottom:0px;}
  
  .publikacio.promo { grid-template-columns: 100%;}
  .promos div { padding: 25px;}
  .tartalom { padding:50px 25px 50px 25px; }
  
  .herobg.home { background-position: 65% 0%; }
  .hero.home p, .hero.home span { padding-left: 25px;padding-right: 25px; width: 70%; }
  .hero.home p { font-size: 2.1rem; line-height: 2.4rem; padding-top:20vh;}
  .hero.home { background: linear-gradient(90deg, rgba(34,34,34,0.6) 40%, rgba(34,34,34,0) 70%); }
  .popups div { width: 60%; padding: 0px 60px 60px 60px;}
  
  .conversion.kepzes .uvp { grid-area: 1 / 2 / 1 / span 10; }
  .conversion.kepzes .form { grid-area: 2 / 2 / 2 / span 10; }
  
  .content-cards.oktato h2 { clear:both; }
  
  .kepzesproof { display: none; }
  .kepzesuvp { grid-column-start: 2; grid-column-end: span 10;}
  
  .kepzesinfo { grid-template-columns: auto 160px; }
  .kepzesinfo div:nth-child(1) { display:none; }
  .kepzesinfo div:nth-child(2) { display:none; }
  .kepzesinfo div:nth-child(3) { display:none; }
  .kepzesinfo div:nth-child(4) { display:none; }
  .kepzesinfo_fixed {display:none;}
  
  .kepzeshero p { font-size: 2.1rem; line-height: 2.4rem; padding-top:0px;}
  .kepzeshero { padding-top:20vh;}
  
}