main {
  position: relative;
  background: #fff;
  height: 2200px;
}

span.nagyobb {
	font-size: 24px;
}

.video-wrap {
  width: 100%;
}

.video-wrap::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.video-wrap video {
  width: 100%;
  height: 100%;
}

.content-overlay {
  position: absolute;
  height: 200px;
  width: 200px;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 100;
  padding: 50px 0;
}

.content-overlay h1,
.content-overlay p {
  text-align: center;
  color: #fff;
}
.dropping-texts {
  display: inline;
  width: 180px;
  text-align: left;
  height: 36px;
  /*vertical-align: -2px;*/
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: antiquewhite;
}

.dropping-texts > div {
  font-size:0px;
  opacity:0;
  margin-left:-30px;
  position:absolute;
  /*position:relative;*/
  font-weight:300;   
  box-shadow: 0px 60px 25px -20px rgba(0,0,0,0.5);
}

.dropping-texts > div:nth-child(1) {
  animation: roll 8s linear infinite 0s;
    text-align: center;
}
.dropping-texts > div:nth-child(2) {
  animation: roll 8s linear infinite 1s;  
    text-align: center;
}
.dropping-texts > div:nth-child(3) {
  animation: roll 8s linear infinite 2s;
    text-align: center;
}
.dropping-texts > div:nth-child(4) {
  animation: roll2 5s linear infinite 3s;
    text-align: center;
}

@keyframes roll {
  0% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(-25deg);
  }
  3% {
    opacity:1;
    transform: rotate(0deg);
  }
  5% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
  }
  20% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
    transform: rotate(0deg);
  }
  27% {
    font-size:0px;
    opacity:0.5;
    margin-left:20px;
    margin-top:100px;
  }
  100% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(15deg);
  }
}

@keyframes roll2 {
  0% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(-25deg);
  }
  3% {
    opacity:1;
    transform: rotate(0deg);
  }
  5% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
  }
  30% {
    font-size:inherit;
    opacity:1;
    margin-left:0px;
    margin-top:0px;
    transform: rotate(0deg);
  }
  37% {
    font-size:1500px;
    opacity:0;
    margin-left:-1000px;
    margin-top:-800px;
  }
  100% {
    font-size:0px;
    opacity:0;
    margin-left:-30px;
    margin-top:0px;
    transform: rotate(15deg);
  }
}

@keyframes bg {
  0% {background: #ff0075;}
  3% {background: #0094ff;}
  20% {background: #0094ff;}
  23% {background: #b200ff;}
  40% {background: #b200ff;}
  43% {background: #8BC34A;}
  60% {background: #8BC34A;}
  63% {background: #F44336;}
  80% {background: #F44336;}
  83% {background: #F44336;}
  100% {background: #F44336;}
}
div#carouselTestimonial {
    font-size: 25px;
}
.carousel-item {
    margin-right: -80%!important;
    }

















html, body{
  height: 100%;
  margin: 0;
  font-size: 15px;
  scroll-behavior: smooth;
  background: #000000!important;
  animation:slide 3s ease-in-out infinite alternate;
    /*background-image: linear-gradient(-60deg, #030a19 50%, #3d1616 50%);    
    opacity:.9;  */ 
}

#videowrapper{  
    position: relative;
    overflow: hidden;
} 

#fullScreenDiv{
    min-height: 100%; 
    height: 100vh;
    width: 100vw;
    padding:0;
    margin: 0;
    background-color: #000;
    position: relative;
}

#video{    
    width: 100vw; 
    height: auto;
    margin: auto;
    display: block;
}

@media (min-aspect-ratio: 16/9) {
  #video{
    width: 100vw; 
    height:auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  #video {
    height: 100vh; 
    width:auto;
    margin-left: 50vw;
    transform: translate(-50%);
  }
}

#videoMessage{
    width: 100%; 
    height: 100%;
    position: absolute; 
    top: 0; 
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	z-index: 9999;
}

.padding15 {
	padding: 10px 30px;
}

p.felkover {
	/*font-weight: bold;*/
}

p.kisebb {
	font-size: 12px;
}

.container {
	/*
	background: rgba(0, 0, 0, 0.5);
	padding: 30px;
	*/
	padding: 40px;
}

h1 {
	color: #fff;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
}

p.kozepre {
    text-align: center;
    line-height: 1.8;
    font-size: 22px;
    /*background-color: #2d090957;*/
    /*margin: 0 15%;*/
    color: #ebeace;
    text-shadow: 1px 1px 2px #000000;
}
/*p.kozepre{
    /* text-align: center; */
    line-height: 1.8;
    font-size: 18px;
    background-color: #2d090957;
    /* margin: 0 100px; */
    background: #570e0e7d none repeat scroll 0 0;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: #fff;
    display: inline;
    /* font-weight: 300; */
    line-height: 1.4;
    margin-bottom: 10px;
    /* padding: 0 45px; */
    /* position: absolute; */
    /* margin: 100px;
    }*/
.row.g-0.bg-light.rounded-3 {
    background-color: #ffffff00 !important;
    }
    
.scroll {
    max-height: 75vh;
	text-align: left;
}

p {
    color: #fff;
	font-family: Segoe UI, Roboto, 'Poppins', sans-serif;
}

#navbarka {
  overflow: hidden;
  background-color: #000000;
  z-index: 99999999999999999999999999;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  /*text-decoration: underline;*/
  color: #ffffff;
}

#navbarka a {
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

#navbarka a:hover {
  background-color: #fff;
  color: #000!important;
}

#navbarka a.active {
  background-color: #4CAF50;
  color: white;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}
h2, .h2 {
    color: #8b6b6b;
}
.h5, h5 {
    font-size: 1.25rem;
    font-family: Segoe UI, Roboto, 'Poppins', sans-serif;
    text-align: center !important;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 , p {
    z-index: 99999;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
	}
p.rfs-8 {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px #ef0b0b;
    word-spacing: 1.3px;
    letter-spacing: 6px;
    font-weight: 800;
    line-height: 2;
    font-size: 35px;
    text-transform: uppercase;;
	}
.bordo {
    font-size: 2rem;
    color: #713434;
	}
.balhasab{
	/*color: #a0b1d9;*/
	padding: 10px;
        margin: 10px;
        font-size: 17px;
        
	}
.jobbhasab{
	/*color: #ad7979;*/
	padding: 10px;
        margin: 10px;        
        font-size: 17px;
	}	
.hasabresz
	{
	padding: 10px;
        margin: 10px;
	}
.row {
    padding: 10px;
}
.szovegdoboz {
      border: 0;
      border-radius: 0;
      padding: 3em 0;
      background-color: #2227335c;
      color: #fff;
      border-bottom-right-radius: 4em;
      border-top-left-radius: 4em;
      box-shadow: 5px 5px 10px #e1e1e1;
      padding: 20px;
}
.vastagnagy{
    font-size: 18px;
    font-weight: bold;
    text-shadow: #e5e0cb 1px 0 10px;
}
/*.kozepesnagy{
    font-size: 15px;
    font-weight: bold;
    /*color: #c94715;/*
    text-shadow: #e5e0cb 1px 0 10px;
}*/
.mozgoszoveg{
    /*position: absolute;*/
        /*top: 50%;*/
        /*left: 50%;*/
        font-weight: bold;
        /*transform: translate(-50%, -50%);*/
        font-size: 50px;
        */-webkit-text-stroke: 1px #fff;*/
        /*color: transparent;*/
       /*background-image: linear-gradient(#fff, #fff);*/
        /*background-repeat: no-repeat;*/
        /*-webkit-background-clip: text;*/
        /*background-position: -500px 0;*/
    /*animation: backcolor 5s linear infinite alternate;*/
    color: #ffffff;
}
.clapper-container {
      perspective: 1000px;
      width: 90%;
      max-width: 320px;
    }

    .clapper {
      position: relative;
      width: 100%;
      /*height: 200px;*/
      background: #121212;
      border-radius: 5px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.5);
      overflow: hidden;
      /*transform-style: preserve-3d;
      transition: transform 0.5s ease;*/
      cursor: pointer;
    }

    .clapper-top {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 40px;
      background: repeating-linear-gradient(
        45deg,
        #fff,
        #fff 20px,
        #000 20px,
        #000 40px
      );
      transform-origin: bottom center;
      transform: rotateX(45deg); /* Nyitott állapot */
      transition: transform 0.4s ease;
      z-index: 2;
    }

    .clapper:hover .clapper-top {
      transform: rotateX(0deg); /* Hoverre becsukódik */
    }
    .clapper.active .clapper-top {
          transform: rotateX(0deg); /* Érintésre becsukódik */
    }

    .clapper-body {
      /*position: absolute;
      top: 40px;
      left: 0;
      width: 100%;
      height: calc(100% - 40px);*/
      padding: 60px 20px 20px;
      text-align: center;
      color: white;
    }

    .clapper-body h2 {
      margin: 0;
      font-size: 20px;
    }

    .clapper-body p {
      margin: 5px 0 0;
      font-size: 14px;
      color: #ccc;
    }

@keyframes backcolor {
    100%{
         background-position: 0 0;
	}
}

.logoporog{
    transform: scale(-1, -1);
    animation: flip-with-scale 3s linear infinite alternate;
}
@keyframes flip-with-scale {
    0% {
        transform: perspective(400px) scaleX(1);
    }

    100% {
        transform: perspective(400px) scaleX(-1);
    }
}



@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
*{
  margin: 0;
  padding: 0;
  font-family: Segoe UI, Roboto, 'Poppins', sans-serif;
}

.text{
  position: relative;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  transform: scale(2);
  padding: 30px 30px 10px 30px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  top: 40px;
}
.text2{
  position: relative;
  color: #ffffff;
  font-weight: 700;
  font-size: 19px;
  transform: scale(2);
  padding: 60px 0px 20px 0;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 2px 2px 4px #000000;
}


.text:before, .text:after {
  padding: 30px;
  color: white;
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
}

.text:before{
  left: 3px;
  text-shadow: -2px 0 red;
  animation: glitch-1 2s linear infinite reverse;
}

.text:after{
  left: -3px;
  text-shadow: -2px 0 blue;
  animation: glitch-2 2s linear infinite reverse;
}

.uppercase {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 25px;
	padding-bottom: 40px;
}

a {
	color: #000000;
}

.lightbox-gallery {
	background: #000000;
    color: #fff;
    overflow-x: hidden
}

.lightbox-gallery p {
    color: #ef0909;
}

.lightbox-gallery h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: #fff
}

.lightbox-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px;
	padding-top: 90px;
}

.lightbox-gallery .intro p {
    margin-bottom: 0
}

.lightbox-gallery .photos {
}

.lightbox-gallery .item {
}

.lightbox-gallery .item:hover {
	background: #222;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0px!important;
    padding-left: 0px!important;
}






@keyframes glitch-1 {
  0% {
    clip: rect(132px, auto, 101px, 30px);
  }
  5% {
    clip: rect(17px, auto, 94px, 30px);
  }
  10% {
    clip: rect(40px, auto, 66px, 30px);
  }
  15% {
    clip: rect(87px, auto, 82px, 30px);
  }
  20% {
    clip: rect(137px, auto, 61px, 30px);
  }
  25% {
    clip: rect(34px, auto, 14px, 30px);
  }
  30% {
    clip: rect(133px, auto, 74px, 30px);
  }
  35% {
    clip: rect(76px, auto, 107px, 30px);
  }
  40% {
    clip: rect(59px, auto, 130px, 30px);
  }
  45% {
    clip: rect(29px, auto, 84px, 30px);
  }
  50% {
    clip: rect(22px, auto, 67px, 30px);
  }
  55% {
    clip: rect(67px, auto, 62px, 30px);
  }
  60% {
    clip: rect(10px, auto, 105px, 30px);
  }
  65% {
    clip: rect(78px, auto, 115px, 30px);
  }
  70% {
    clip: rect(105px, auto, 13px, 30px);
  }
  75% {
    clip: rect(15px, auto, 75px, 30px);
  }
  80% {
    clip: rect(66px, auto, 39px, 30px);
  }
  85% {
    clip: rect(133px, auto, 73px, 30px);
  }
  90% {
    clip: rect(36px, auto, 128px, 30px);
  }
  95% {
    clip: rect(68px, auto, 103px, 30px);
  }
  100% {
    clip: rect(14px, auto, 100px, 30px);
  }
}

@keyframes glitch-2 {
  0% {
    clip: rect(129px, auto, 36px, 30px);
  }
  5% {
    clip: rect(36px, auto, 4px, 30px);
  }
  10% {
    clip: rect(85px, auto, 66px, 30px);
  }
  15% {
    clip: rect(91px, auto, 91px, 30px);
  }
  20% {
    clip: rect(148px, auto, 138px, 30px);
  }
  25% {
    clip: rect(38px, auto, 122px, 30px);
  }
  30% {
    clip: rect(69px, auto, 54px, 30px);
  }
  35% {
    clip: rect(98px, auto, 71px, 30px);
  }
  40% {
    clip: rect(146px, auto, 34px, 30px);
  }
  45% {
    clip: rect(134px, auto, 43px, 30px);
  }
  50% {
    clip: rect(102px, auto, 80px, 30px);
  }
  55% {
    clip: rect(119px, auto, 44px, 30px);
  }
  60% {
    clip: rect(106px, auto, 99px, 30px);
  }
  65% {
    clip: rect(141px, auto, 74px, 30px);
  }
  70% {
    clip: rect(20px, auto, 78px, 30px);
  }
  75% {
    clip: rect(133px, auto, 79px, 30px);
  }
  80% {
    clip: rect(78px, auto, 52px, 30px);
  }
  85% {
    clip: rect(35px, auto, 39px, 30px);
  }
  90% {
    clip: rect(67px, auto, 70px, 30px);
  }
  95% {
    clip: rect(71px, auto, 103px, 30px);
  }
  100% {
    clip: rect(83px, auto, 40px, 30px);
  }
}
















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

	#navbarka a {
		font-size: 14px;
		padding: 0.5em;
	}
	
	.text{
	  position: relative;
	  color: #fff;
	  font-weight: 700;
	  font-size: 25px;
	  transform: scale(1);
	  padding: 30px;
	  letter-spacing: 2px;
	  text-transform: uppercase;
	  text-align: center;
	}

	.text:before, .text:after {
	  padding: 30px;
	  color: white;
	  content: attr(data-text);
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  /*background: black;*/
	  overflow: hidden;
	  top: 0;
	}
	.text2 {
	    font-size: 10px;	
	}

	.scroll {
		overflow-y: scroll;
		text-align: left;
	}

	.lightbox-gallery .item:hover {
		background: #000;
	}

    .lightbox-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
    p.rfs-8 {
        letter-spacing: 3px;
        font-weight: 800;
        line-height: 2;
        font-size: 20px;
        text-transform: uppercase;;
	}

}
.overlayText {
    position: absolute;
    top: 60%;
    left: 20%;
    z-index: 1;
}
p#topText {
    color: white;
    font-size: 20px;
    align-self: center;
    background-color: #ed1010;
    padding: 2px;
}
/*3box szoveg*/
/* container */
.padded-boxes {
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
    padding: 20px 20px;
}

/* boxes */
.padded-boxes > * {
    */width:100%;*/
        background: #000000;
        */border-radius: .4rem;*/
        */border: 2px solid #ffffff;*/
       */ border-top: 2px solid #ffffff;*/
    color: #ffffff;
    border-radius:20px;
}

/* headings */
.padded-boxes .heading {
    background:#931010;
    margin:0;
    padding:1rem;
    border-top-left-radius:.4rem;
    border-top-right-radius:.4rem;
}

/* padded content */
.padded-boxes .padded {
    /*padding: 1rem 1rem;*/
    line-height: 1.8;
}

/* tablet breakpoint */
@media (min-width:768px) {
    .padded-boxes > * {
        width:calc((100% - 4rem) / 3);
    }
}
/*3 box szoveg*/
/*ferde vonal*/
.hero-section {
  padding: 2rem 0 5rem 0;
  background-color: #000;
  overflow: hidden;
}

.angled-strip {
  background-color: #fff;
  color: #000;
  transform: rotate(50deg);
  width: 120%;
  left: -10%;
  CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
  height: 280px;
  margin-bottom: 3rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.strip-text {
  transform: rotate(-50deg); /* visszaforgatjuk a szöveget */
}

.strip-text h2 {
  font-size: 3.0rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin: 100rem;
}

.strip-text p {
  font-size: 1.05rem;
  margin: 0;
}

.black-text {
  /*max-width: 50%;*/
      margin: 0 auto;
      /*font-size: 1.05rem;*/
      line-height: 1.5;
      color: #fff;
      /*font-style: italic;*/
      float: left;
      /*top: 5rem;*/
    /*position: absolute;*/
    font-size: 35px;
    font-weight: 800;
}
a.carousel-control-prev.position-relative.d-inline.me-4 {
    text-decoration: dashed;
}
.angled-stripj {
  background-color: #fff;
  color: #000;
  transform: rotate(-50deg);
  width: 145%;
  left: -10%;
  CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
  height: 280px;
  margin-bottom: 3rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.strip-textj {
  transform: rotate(50deg); /* visszaforgatjuk a szöveget */
}
.strip-textj p {
  font-size: 1.1rem;
  margin: 0;
}
.strip-textj h2 {
  font-size: 3.0rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin: 100rem;
}

@media (max-width: 576px) {
  .angled-strip {
    height: auto;
    padding: 2rem 1rem;
  }

  .strip-text h2 {
    font-size: 3.4rem;
    margin: 70rem;
  }

  .strip-text p {
    font-size: 1rem;
  }
  .black-text {
    max-width: 80%;
        margin: 0 auto;
        font-size: 1.5rem;
        line-height: 1.8;
        color: #fff;
        float: left;
        top: 0rem;
    /*position: absolute;*/
}
  .strip-textj h2 {
    font-size: 3.4rem;
    margin: 70rem;
  }

  .strip-textj p {
    font-size: 1rem;
  }
    .angled-stripj {
      height: auto;
      padding: 10rem 1rem;
    }

}