/*
 * Globals
 */


/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  background: #00b5fd;
  color: #fff;
  text-shadow: none; /* Prevent inheritance from `body` */
}


.ref_link:link {color: white;text-decoration: none;}
.keszsegek{text-align:left;margin-left:2%;margin-right:2%;margin-top:50px}
/* visited link */
.ref_link:visited { color: white;text-decoration: none;}
.rocket{width:150px;}
.nev_tartalom_space{margin-top:5%;}
.spacer{margin-top:25px;}
.ick{max-height:40px;}
/*
 * Base structure
 */


/*CONTACT FORM*/
.contact-form{
  background: #1a233a;
  margin-top: 10%;
  margin-bottom: 5%;
  width: 70%;
}
.contact-form .form-control{
  border-radius:1rem;
}
.contact-image{
  text-align: center;
}
.contact-image img{

  width: 11%;
  margin-top: -3%;
  transform: rotate(29deg);
  z-index:1;
}
.contact-form form{
  padding: 14%;
}
.contact-form form .row{
  margin-bottom: -7%;
}
.contact-form h3{
  margin-bottom: 8%;
  margin-top: -10%;
  text-align: center;
  color: #fff;
}
.mezo{margin-top:10px;}
.contact-form .btnContact {
  width: 50%;
  border: none;
  border-radius: 1rem;
  padding: 1.5%;
  background: #00b5fd ;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
}
.btnContactSubmit
{
  width: 50%;
  border-radius: 1rem;
  padding: 1.5%;
  color: #fff;
  background-color: #0062cc;
  border: none;
  cursor: pointer;
}
/*CONTACT FORM*/

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
  max-width: 100%;
}
.section1 { 
background-size: cover;
background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
  height: 100%; /* 100% of viewport height */
  margin: 0 0 0 0; 
  position: relative; 
 
}

.raz:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/*
 * Header
 */
 .grad{height:50px;color:white }

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

.rcorners2 {
  border-radius: 50%;
  border: 16px solid #494949;
  padding: 0px;
  width: 300px;
  height: 300px;
  background-image: url("../img/profil/profil2.png");
-webkit-box-shadow: -5px 8px 13px 6px #000000; 
box-shadow: -5px 8px 13px 6px #000000;
      background-size: 100% 100%;
    background-repeat: no-repeat;

}
.rcorners2:hover{
  border-radius: 50%;
  border: 16px solid #494949;
  padding: 0px;
  width: 300px;
  height: 300px;
  background-image: url("../img/profil/profil3.png");
-webkit-box-shadow: -5px 8px 13px 6px #000000; 
box-shadow: -5px 8px 13px 6px #000000;
      background-size: 100% 100%;
    background-repeat: no-repeat;

}


body {
  display: flex;
  justify-content: center;
  align-items: center;
  background: radial-gradient(ellipse at bottom, #0d1d31 0%, #0c0d13 100%);
  
}

.stars {
  position: fixed;
  top: -1000;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-45deg);
  z-index:-1;
}

.star {
  --star-color: var(--primary-color);
  --star-tail-length: 6em;
  --star-tail-height: 2px;
  --star-width: calc(var(--star-tail-length) / 6);
  --fall-duration: 9s;
  --tail-fade-duration: var(--fall-duration);
  position: absolute;
  top: var(--top-offset);
  left: 0;
  width: var(--star-tail-length);
  height: var(--star-tail-height);
  color: var(--star-color);
  background: linear-gradient(45deg, currentColor, transparent);
  border-radius: 50%;
  filter: drop-shadow(0 0 6px currentColor);
  transform: translate3d(104em, 0, 0);
  animation: fall var(--fall-duration) var(--fall-delay) linear infinite, tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite;

}
@media screen and (max-width: 750px) {
  .tanulmanyok{margin-top:150px !important}
  .star {
    animation: fall var(--fall-duration) var(--fall-delay) linear infinite;
  }
}
.star:nth-child(1) {
  --star-tail-length: 5.83em;
  --top-offset: 44.29vh;
  --fall-duration: 7.505s;
  --fall-delay: 4.732s;
}
.star:nth-child(2) {
  --star-tail-length: 6.22em;
  --top-offset: 91.83vh;
  --fall-duration: 8.436s;
  --fall-delay: 2.19s;
}
.star:nth-child(3) {
  --star-tail-length: 6.23em;
  --top-offset: 48.96vh;
  --fall-duration: 7.216s;
  --fall-delay: 9.256s;
}
.star:nth-child(4) {
  --star-tail-length: 5.24em;
  --top-offset: 25.02vh;
  --fall-duration: 11.533s;
  --fall-delay: 1.388s;
}
.star:nth-child(5) {
  --star-tail-length: 6.95em;
  --top-offset: 32.12vh;
  --fall-duration: 6.321s;
  --fall-delay: 8.52s;
}
.star:nth-child(6) {
  --star-tail-length: 5.12em;
  --top-offset: 9.71vh;
  --fall-duration: 6.19s;
  --fall-delay: 6.517s;
}
.star:nth-child(7) {
  --star-tail-length: 5.61em;
  --top-offset: 76.71vh;
  --fall-duration: 8.268s;
  --fall-delay: 1.906s;
}
.star:nth-child(8) {
  --star-tail-length: 5.83em;
  --top-offset: 47.3vh;
  --fall-duration: 8.633s;
  --fall-delay: 0.668s;
}
.star:nth-child(9) {
  --star-tail-length: 6.78em;
  --top-offset: 61.83vh;
  --fall-duration: 11.295s;
  --fall-delay: 7.316s;
}
.star:nth-child(10) {
  --star-tail-length: 6.88em;
  --top-offset: 54.32vh;
  --fall-duration: 11.287s;
  --fall-delay: 1.194s;
}
.star:nth-child(11) {
  --star-tail-length: 5.36em;
  --top-offset: 49.77vh;
  --fall-duration: 7.27s;
  --fall-delay: 1.293s;
}
.star:nth-child(12) {
  --star-tail-length: 5.83em;
  --top-offset: 1.86vh;
  --fall-duration: 8.157s;
  --fall-delay: 8.248s;
}
.star:nth-child(13) {
  --star-tail-length: 5.56em;
  --top-offset: 61.5vh;
  --fall-duration: 7.058s;
  --fall-delay: 9.989s;
}
.star:nth-child(14) {
  --star-tail-length: 6.11em;
  --top-offset: 19.75vh;
  --fall-duration: 10.289s;
  --fall-delay: 4.742s;
}
.star:nth-child(15) {
  --star-tail-length: 5.76em;
  --top-offset: 12.05vh;
  --fall-duration: 11.387s;
  --fall-delay: 2.047s;
}
.star:nth-child(16) {
  --star-tail-length: 7.07em;
  --top-offset: 4.39vh;
  --fall-duration: 6.997s;
  --fall-delay: 8.861s;
}
.star:nth-child(17) {
  --star-tail-length: 7.07em;
  --top-offset: 44.84vh;
  --fall-duration: 6.519s;
  --fall-delay: 4.963s;
}
.star:nth-child(18) {
  --star-tail-length: 5.29em;
  --top-offset: 15.18vh;
  --fall-duration: 7.748s;
  --fall-delay: 3.952s;
}
.star:nth-child(19) {
  --star-tail-length: 6.37em;
  --top-offset: 60.84vh;
  --fall-duration: 6.822s;
  --fall-delay: 7.707s;
}
.star:nth-child(20) {
  --star-tail-length: 6.29em;
  --top-offset: 4.16vh;
  --fall-duration: 7.897s;
  --fall-delay: 9.17s;
}
.star:nth-child(21) {
  --star-tail-length: 6.78em;
  --top-offset: 33.85vh;
  --fall-duration: 7.161s;
  --fall-delay: 8.969s;
}
.star:nth-child(22) {
  --star-tail-length: 7.03em;
  --top-offset: 26.69vh;
  --fall-duration: 8.566s;
  --fall-delay: 1.974s;
}
.star:nth-child(23) {
  --star-tail-length: 7.48em;
  --top-offset: 44.93vh;
  --fall-duration: 7.565s;
  --fall-delay: 5.87s;
}
.star:nth-child(24) {
  --star-tail-length: 7.36em;
  --top-offset: 1.4vh;
  --fall-duration: 10.346s;
  --fall-delay: 1.81s;
}
.star:nth-child(25) {
  --star-tail-length: 5.64em;
  --top-offset: 73.84vh;
  --fall-duration: 6.344s;
  --fall-delay: 5.523s;
}
.star:nth-child(26) {
  --star-tail-length: 5.32em;
  --top-offset: 60.43vh;
  --fall-duration: 6.689s;
  --fall-delay: 2.228s;
}
.star:nth-child(27) {
  --star-tail-length: 7.45em;
  --top-offset: 43.85vh;
  --fall-duration: 6.891s;
  --fall-delay: 1.422s;
}
.star:nth-child(28) {
  --star-tail-length: 6.19em;
  --top-offset: 62.26vh;
  --fall-duration: 11.813s;
  --fall-delay: 6.002s;
}
.star:nth-child(29) {
  --star-tail-length: 5.28em;
  --top-offset: 80.27vh;
  --fall-duration: 11.075s;
  --fall-delay: 7.642s;
}
.star:nth-child(30) {
  --star-tail-length: 7.31em;
  --top-offset: 4.65vh;
  --fall-duration: 7.316s;
  --fall-delay: 4.318s;
}
.star:nth-child(31) {
  --star-tail-length: 5.76em;
  --top-offset: 42.84vh;
  --fall-duration: 11.395s;
  --fall-delay: 9.762s;
}
.star:nth-child(32) {
  --star-tail-length: 7.09em;
  --top-offset: 46.71vh;
  --fall-duration: 11.586s;
  --fall-delay: 9.693s;
}
.star:nth-child(33) {
  --star-tail-length: 6.83em;
  --top-offset: 90.82vh;
  --fall-duration: 7.728s;
  --fall-delay: 3.727s;
}
.star:nth-child(34) {
  --star-tail-length: 6.17em;
  --top-offset: 41.57vh;
  --fall-duration: 9.685s;
  --fall-delay: 0.793s;
}
.star:nth-child(35) {
  --star-tail-length: 6.04em;
  --top-offset: 55.42vh;
  --fall-duration: 8.668s;
  --fall-delay: 1.19s;
}
.star:nth-child(36) {
  --star-tail-length: 6.72em;
  --top-offset: 6.02vh;
  --fall-duration: 6.769s;
  --fall-delay: 4.845s;
}
.star:nth-child(37) {
  --star-tail-length: 5.64em;
  --top-offset: 83.01vh;
  --fall-duration: 10.198s;
  --fall-delay: 2.932s;
}
.star:nth-child(38) {
  --star-tail-length: 5.82em;
  --top-offset: 71.89vh;
  --fall-duration: 11.029s;
  --fall-delay: 0.807s;
}
.star:nth-child(39) {
  --star-tail-length: 5.89em;
  --top-offset: 78.28vh;
  --fall-duration: 11.992s;
  --fall-delay: 1.47s;
}
.star:nth-child(40) {
  --star-tail-length: 6.07em;
  --top-offset: 3.79vh;
  --fall-duration: 8.202s;
  --fall-delay: 2.479s;
}
.star:nth-child(41) {
  --star-tail-length: 7.29em;
  --top-offset: 61.16vh;
  --fall-duration: 10.978s;
  --fall-delay: 1.193s;
}
.star:nth-child(42) {
  --star-tail-length: 6.54em;
  --top-offset: 64.12vh;
  --fall-duration: 9.782s;
  --fall-delay: 4.24s;
}
.star:nth-child(43) {
  --star-tail-length: 7.06em;
  --top-offset: 13.28vh;
  --fall-duration: 8.183s;
  --fall-delay: 6.111s;
}
.star:nth-child(44) {
  --star-tail-length: 7.02em;
  --top-offset: 45.1vh;
  --fall-duration: 6.631s;
  --fall-delay: 0.78s;
}
.star:nth-child(45) {
  --star-tail-length: 5.85em;
  --top-offset: 45.27vh;
  --fall-duration: 6.861s;
  --fall-delay: 7.085s;
}
.star:nth-child(46) {
  --star-tail-length: 7.07em;
  --top-offset: 70.27vh;
  --fall-duration: 7.328s;
  --fall-delay: 2.822s;
}
.star:nth-child(47) {
  --star-tail-length: 7.18em;
  --top-offset: 72.74vh;
  --fall-duration: 7.434s;
  --fall-delay: 1.033s;
}
.star:nth-child(48) {
  --star-tail-length: 5.15em;
  --top-offset: 39.71vh;
  --fall-duration: 9.881s;
  --fall-delay: 3.677s;
}
.star:nth-child(49) {
  --star-tail-length: 5.55em;
  --top-offset: 87.95vh;
  --fall-duration: 11.73s;
  --fall-delay: 6.332s;
}
.star:nth-child(50) {
  --star-tail-length: 6.1em;
  --top-offset: 76.05vh;
  --fall-duration: 8.399s;
  --fall-delay: 3.766s;
}
.star::before, .star::after {
  position: absolute;
  content: "";
  top: 0;
  left: calc(var(--star-width) / -2);
  width: var(--star-width);
  height: 100%;
  background: linear-gradient(45deg, transparent, currentColor, transparent);
  border-radius: inherit;
  animation: blink 2s linear infinite;
}
.star::before {
  transform: rotate(45deg);
}
.star::after {
  transform: rotate(-45deg);
}

@keyframes fall {
  to {
    transform: translate3d(-30em, 0, 0);
  }
}
@keyframes tail-fade {
  0%, 50% {
    width: var(--star-tail-length);
    opacity: 1;
  }
  70%, 80% {
    width: 0;
    opacity: 0.4;
  }
  100% {
    width: 0;
    opacity: 0;
  }
}
@keyframes blink {
  50% {
    opacity: 0.6;
  }
}



/*TIMELINE*/
.timeline {
  position: relative;
  background: #272e48;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5rem;
  margin: 0 auto 1rem auto;
  overflow: hidden;
}
.timeline_keszseg{
  position: relative;
  background: #272e48;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5rem;
  margin: 0 auto 1rem auto;
  overflow: hidden;
}
.timeline:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -2px;
  border-right: 2px dashed #4b546f;
  height: 100%;
  display: block;
}

.timeline-row {
  padding-left: 50%;
  position: relative;
  margin-bottom: 30px;
}
.timeline-row .timeline-time {
  position: absolute;
  right: 50%;
  top: 15px;
  text-align: right;
  margin-right: 20px;
  color: #bcd0f7;
  font-size: 1.5rem;
}
.timeline-row .timeline-time small {
  display: block;
  font-size: 0.8rem;
}
.timeline-row .timeline-content {
  position: relative;
  padding: 20px 30px;
  background: #1a233a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.timeline-row .timeline-content:after {
  content: "";
  position: absolute;
  top: 20px;
  height: 16px;
  width: 16px;
  background: #1a233a;
}
.timeline-row .timeline-content:before {
  content: "";
  position: absolute;
  top: 20px;
  right: -49px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  z-index: 10;
  background: #272e48;
  border: 2px dashed #4b546f;
}
.timeline-row .timeline-content h4 {
  margin: 0 0 20px 0;
  text-overflow: ellipsis;
  line-height: 150%;
  
}
.timeline-row .timeline-content p {
  margin-bottom: 30px;
  line-height: 150%;
}
.timeline-row .timeline-content i {
  font-size: 1.2rem;
  line-height: 100%;
  padding: 15px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #272e48;
  margin-bottom: 10px;
  display: inline-block;
}
.timeline-row .timeline-content .thumbs {
  margin-bottom: 20px;
  display: flex;
}
.timeline-row .timeline-content .thumbs img {
  margin: 5px;
  max-width: 60px;
}
.timeline-row .timeline-content .badge {
  color: #ffffff;
  background: linear-gradient(120deg, #00b5fd 0%, #0047b1 100%);
}
.timeline-row:nth-child(even) .timeline-content {
  margin-left: 40px;
  text-align: left;
}
.timeline-row:nth-child(even) .timeline-content:after {
  left: -8px;
  right: initial;
  border-bottom: 0;
  border-left: 0;
  transform: rotate(-135deg);
}
.timeline-row:nth-child(even) .timeline-content:before {
  left: -52px;
  right: initial;
}
.timeline-row:nth-child(odd) {
  padding-left: 0;
  padding-right: 50%;
}
.timeline-row:nth-child(odd) .timeline-time {
  right: auto;
  left: 50%;
  text-align: left;
  margin-right: 0;
  margin-left: 20px;
}
.timeline-row:nth-child(odd) .timeline-content {
  margin-right: 40px;
}
.timeline-row:nth-child(odd) .timeline-content:after {
  right: -8px;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
}

@media (max-width: 992px) {
  .timeline-row .timeline-content{padding-left:5px !important;padding-right:5px !important;margin-left:0;margin-right:0px;}
  .keszsegek{text-align:left;margin-top:50px}
  .contact-form{width:100%;}
  .timeline {
      padding: 15px;
  }
  .ick{max-height:80px;}
  .timeline_keszseg{padding:10px;}
  .contact-form .btnContact {width:100%;}
  .contact-form form{padding-left:15px;padding-right:15px;}
  /*.karika{padding-left:0px !important;}*/
  .contact-image img{width:75px;}


  .timeline:after {
      border: 0;
  }
  .timeline .timeline-row:nth-child(odd) {
      padding: 0;
  }
  .timeline .timeline-row:nth-child(odd) .timeline-time {
      position: relative;
      top: 0;
      left: 0;
      margin: 0 0 10px 0;
  }
  .timeline .timeline-row:nth-child(odd) .timeline-content {
      margin: 0;
  }
  .timeline .timeline-row:nth-child(odd) .timeline-content:before {
      display: none;
  }
  .timeline .timeline-row:nth-child(odd) .timeline-content:after {
      display: none;
  }
  .timeline .timeline-row:nth-child(even) {
      padding: 0;
  }
  .timeline .timeline-row:nth-child(even) .timeline-time {
      position: relative;
      top: 0;
      left: 0;
      margin: 0 0 10px 0;
      text-align: left;
  }
  .timeline .timeline-row:nth-child(even) .timeline-content {
      margin: 0;
  }
  .timeline .timeline-row:nth-child(even) .timeline-content:before {
      display: none;
  }
  .timeline .timeline-row:nth-child(even) .timeline-content:after {
      display: none;
  }
}