.fejvonal {
  width: 70px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 7px;
}

.fejvonal.v1 {
  margin-left: -30px;
}

.fejvonal.v2 {
  margin-left: 0px;
}

.fejvonal.v3 {
  margin-left: -10px;
}

.fej-lista-ikon {
  top: 4px;
}

.fejlec-ar-doboz {
  width: 290px;
  line-height: 27px;
}

.fej-ar-info-ikon {
  font-size: 130px;
}

.fej-ar-info-doboz {
  position: absolute;
  top: -24px;
  right: -40px;
}

.fej-ar-info-szoveg {
  top: 42px;
  left: 8px;
  width: 110px;
  line-height: 19px;
}

@media (min-width: 300px) {
  .bemutatovideoalapvideo {
    top: 62px;
    z-index: 0;
    left: 24px;
    width: 266px;
  }
}

@media (min-width: 576px) {
  .bemutatovideoalapvideo {
    top: 72px;
    z-index: 0;
    left: 34px;
    width: 339px;
  }
}

@media (min-width: 768px) {
  .bemutatovideoalapvideo {
    top: 92px;
    z-index: 0;
    left: 34px;
    width: 416px;
  }
}

@media (min-width: 992px) {
  .bemutatovideoalapvideo {
    top: 95px;
    z-index: 0;
    left: 34px;
    width: 415px;
  }
}

@media (min-width: 1200px) {
  .bemutatovideoalapvideo {
    top: 115px;
    z-index: 0;
    left: 40px;
    width: 499px;
  }
}

@media (min-width: 1400px) {
  .bemutatovideoalapvideo {
    top: 126px;
    z-index: 0;
    left: 40px;
    width: 583px;
  }
}

.bemutatovideoalapkep {
  z-index: 1;
  position: relative;
}

@media (min-width: 300px) {
  .bemutatovideoalapinfo {
    width: 277px;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 11px;
  }
}

@media (min-width: 576px) {
  .bemutatovideoalapinfo {
    width: 340px;
    position: absolute;
    top: 10px;
    z-index: 1;
    left: 15px;
  }
}

@media (min-width: 768px) {
  .bemutatovideoalapinfo {
    width: 390px;
    position: absolute;
    top: 15px;
    z-index: 1;
    left: 23px;
  }
}

@media (min-width: 992px) {
  .bemutatovideoalapinfo {
    width: 390px;
    position: absolute;
    top: 15px;
    z-index: 1;
    left: 23px;
  }
}

@media (min-width: 1200px) {
  .bemutatovideoalapinfo {
    width: 390px;
    position: absolute;
    top: 24px;
    z-index: 1;
    left: 29px;
  }
}

@media (min-width: 1400px) {
  .bemutatovideoalapinfo {
    width: 390px;
    position: absolute;
    top: 33px;
    z-index: 1;
    left: 29px;
  }
}

.kepalairas {
  top: -23px;
  left: 1px;
}

.felkialtojel-ikon {
  font-size: 74px;
}

.nyil-szulo {
  bottom: 0px;
  right: -48px;
  font-size: 6rem;
}

@media (min-width: 300px) {
  .bemutatoszegyenfalalapvideo {
    width: 244px;
    /*height: 360px;*/
    top: 39px;
    left: 53px;
    background-color: #000000;
    transform: perspective(1379px) rotateX(-7deg) rotateY(27deg) rotateZ(-11deg);
  }
}

@media (min-width: 576px) {
  .bemutatoszegyenfalalapvideo {
    width: 324px;
    /*height: 360px;*/
    top: 15px;
    left: 38px;
    background-color: #000000;
    transform: perspective(1379px) rotateX(-7deg) rotateY(27deg) rotateZ(-11deg);
  }
}

@media (min-width: 768px) {
  .bemutatoszegyenfalalapvideo {
    width: 354px;
    /*height: 360px;*/
    top: 65px;
    left: 94px;
    background-color: #000000;
    transform: perspective(1379px) rotateX(-7deg) rotateY(27deg) rotateZ(-11deg);
  }
}

@media (min-width: 992px) {
  .bemutatoszegyenfalalapvideo {
    width: 428px;
    /*height: 360px;*/
    top: 65px;
    left: 98px;
    background-color: #000000;
    transform: perspective(1379px) rotateX(-7deg) rotateY(27deg) rotateZ(-11deg);
  }
}

@media (min-width: 1200px) {
  .bemutatoszegyenfalalapvideo {
    width: 428px;
    /*height: 360px;*/
    top: 65px;
    left: 98px;
    background-color: #000000;
    transform: perspective(1379px) rotateX(-7deg) rotateY(27deg) rotateZ(-11deg);
  }
}

@media (min-width: 1400px) {
  .bemutatoszegyenfalalapvideo {
    width: 633px;
    /*height: 370px;*/
    top: 90px;
    left: 113px;
    background-color: #000000;
    transform: perspective(1379px) rotateX(-7deg) rotateY(27deg) rotateZ(-11deg);
  }
}

.megrendeles-sav {
}

@media (min-width: 300px) {
  #fej-progressbar-outer {
    top: 116px;
    left: 30px;
    width: 230px;
  }
}

@media (min-width: 576px) {
  #fej-progressbar-outer {
    top: 178px;
    left: 76px;
    width: 270px;
  }
}

@media (min-width: 768px) {
  #fej-progressbar-outer {
    top: 200px;
    left: 90px;
    width: 270px;
  }
}

@media (min-width: 992px) {
  #fej-progressbar-outer {
    top: 200px;
    left: 90px;
    width: 270px;
  }
}

@media (min-width: 1200px) {
  #fej-progressbar-outer {
    top: 250px;
    left: 99px;
    width: 360px;
  }
}

@media (min-width: 1400px) {
  #fej-progressbar-outer {
    top: 280px;
    left: 129px;
    width: 360px;
  }
}

#partnerek img, #partnerek svg {
  filter: grayscale(100%) brightness(390%);
}

@media (min-width: 300px) {
  #bemutatkozovideo_sebesseggomb {
    bottom: 50px;
    left: 30px;
  }
}

@media (min-width: 576px) {
  #bemutatkozovideo_sebesseggomb {
    bottom: 75px;
    left: 50px;
  }
}

@media (min-width: 768px) {
  #bemutatkozovideo_sebesseggomb {
    bottom: 84px;
    left: 50px;
  }
}

@media (min-width: 992px) {
  #bemutatkozovideo_sebesseggomb {
    bottom: 295px;
    left: 50px;
  }
}

@media (min-width: 1200px) {
  #bemutatkozovideo_sebesseggomb {
    bottom: 150px;
    left: 50px;
  }
}

@media (min-width: 1400px) {
  #bemutatkozovideo_sebesseggomb {
    bottom: 120px;
    left: 50px;
  }
}

.szam-kontener-vilagos {
  display: none;
}

@media (min-width: 1790px) {
  .szam-kontener-vilagos {
    position: absolute;
    top: 50%;
    left: 5%;
    font-size: 70px;
    transform: translateY(-50%);
    width: 124px;
    border-width: 10px;
    border-style: solid;
    text-align: center;
    border-radius: 50%;
    opacity: .03;
    display: block;
  }
}

#scroll-progress {
  height: 2px;
}

.trvideo {
  position: absolute;
  bottom: -10px;
  right: 0px;
}

@media (max-width: 576px) {
  .col-fixed-xs {
    width: 320px;
  }
}