::selection {
  background: #004d53;
  color: white;
}

.szekcio-cim-narancs {
  color: #ef7f1b;
}

.szekcio-cim-zold {
  color: #004d53;
}

.ikonok {
  width: 55px;
  height: 55px;
  margin-bottom: 20px;
  filter: invert(22%) sepia(18%) saturate(2737%) hue-rotate(141deg) brightness(101%) contrast(101%);
}

ul.lista-pipajel, ul.lista-ikszjel {
  position: relative;
  list-style: none;
}

ul.lista-pipajel li:before {
  content: "\2713";
  position: absolute;
  left: 5px;
  font-weight: bold;
  color: #ef7f1b;
}

ul.lista-ikszjel li:before {
  content: "\00D7";
  position: absolute;
  left: 5px;
  font-weight: bold;
  color: #004d53;
}

ol.miben-segit-lista {
  position: relative;
  list-style: none;
  font-size: 1.0rem;
  counter-reset: my-counter;
}

ol.miben-segit-lista-2 {
  position: relative;
  list-style: none;
  font-size: 1.0rem;
  counter-reset: start 4;
}

ol.miben-segit-lista-3 {
  position: relative;
  list-style: none;
  font-size: 1.0rem;
  counter-reset: start 9;
}

ol.miben-segit-lista li:nth-child(even), ol.miben-segit-lista-3 li:nth-child(even) {
  /*margin-left: 35px;*/
}

ol.miben-segit-lista-2 li {
  margin-bottom: 30px;
  margin-left: 10px;
  padding-left: 35px;
}

ol.miben-segit-lista-3 li {
  margin-bottom: 30px;
  margin-left: 10px;
  padding-left: 35px;
}

ol.miben-segit-lista li span, ol.miben-segit-lista-2 li span, ol.miben-segit-lista-3 li span {
  color: #004d53;
}

ol.miben-segit-lista li:nth-child(even):before, ol.miben-segit-lista-3 li:nth-child(even):before {
  /*left: 30px;*/
}

ol.miben-segit-lista-2 li:before {
  content: counter(start, decimal-leading-zero);
  counter-increment: start;
}

ol.miben-segit-lista-3 li:before {
  content: counter(start, decimal-leading-zero);
  counter-increment: start;
}

.vonal:after {
  content: "";
  display: block;
  width: 90px;
  height: 2px;
  left: 0px;
  margin: 15px auto 0px 0;
  background: #ef7f1b;
  background-position: 0 0;
  background-repeat: no-repeat;
  animation: moreLoop 2.5s cubic-bezier(.77,0,.175,1) infinite;
}

@keyframes moreLoop {
  0% {
    transform: scale(0,1);
    transform-origin: left;
  }
  47% {
    transform: scale(1,1);
    transform-origin: left;
  }
  48% {
    transform: scale(1,1);
    transform-origin: right;
  }
  95% {
    transform: scale(0,1);
    transform-origin: right;
  }
  96% {
    transform: scale(0,1);
    transform-origin: left;
  }
  100% {
    transform: scale(0,1);
  }
}

.atlatszo-mobil {
  position: absolute;
  /*top: 110px;*/
  /*right: -85px;*/
  /*opacity: 0.5;*/
  z-index: -1;
  /*width: 65%;*/
}

.atlatszo-mobil::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0.5;
}

@media (min-width: 300px) {
  .atlatszo-mobil::after {
    border-radius: 15px;
  }
}

@media (max-width: 560px) {
  .mobil {
    max-width: 80%;
    height: auto;
  }
}

@media (min-width: 768px) {
  .atlatszo-mobil::after {
    border-radius: 20px;
  }
}

@media (min-width: 992px) {
  .atlatszo-mobil::after {
    border-radius: 25px;
  }
}

@media (min-width: 1200px) {
  .atlatszo-mobil::after {
    border-radius: 29px;
  }
}

@media (min-width: 300px) {
  .atlatszo-mobil {
    /*position: absolute;*/
    top: 145px;
    right: -70px;
    /*opacity: 0.5;*/
    /*z-index: -1;*/
    width: 60%;
  }
}

@media (min-width: 992px) {
  .atlatszo-mobil {
    /*position: absolute;*/
    top: 145px;
    right: -70px;
    /*opacity: 0.5;*/
    /*z-index: -1;*/
    width: 60%;
  }
}

@media (min-width: 1200px) {
  .atlatszo-mobil {
    /*position: absolute;*/
    top: 105px;
    right: -135px;
    /*opacity: 0.5;*/
    /*z-index: -1;*/
    width: 70%;
  }
}

@media (min-width: 1400px) {
  .atlatszo-mobil {
    /*position: absolute;*/
    top: 105px;
    right: -135px;
    /*opacity: 0.5;*/
    /*z-index: -1;*/
    width: 70%;
  }
}

.allec {
  width: 100%;
  /*height: 250px;*/
  background: #004d53;
  margin-top: 70px;
}

.allec-hullam {
  display: block;
  width: 100%;
  margin-top: -1px;
  /*margin-bottom: 1rem;*/
}

.allec-hullam .st1 {
  fill: #FFFFFF;
}

.letoltes-szekcio {
  background: url('../../assets/img/man-with-phone.jpg?h=cf6b9528330836a4addf44dde0a1ee46') center / cover;
  background-attachment: fixed;
  z-index: 1;
  padding: 50px 0;
}

.letoltes-szekcio h2 {
  color: #004d53;
}

.pottyos-keret {
  width: 334px;
  height: 334px;
  background-image: radial-gradient(rgba(255,255,255,0.20) 12%, transparent 12%), radial-gradient(rgba(255,255,255,0.20) 12%, transparent 12%);
  background-position: 0 0, 50px 50px;
  background-size: 10px 10px;
  margin-top: 25px;
  transform: rotate(45deg);
}

.scroll-indicator {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
}

.myProgress-bar {
  height: 7px;
  background: #004d53;
  width: 0%;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--ps-narancs);
  --bs-btn-border-color: var(--ps-narancs);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--ps-narancs-sotet);
  --bs-btn-hover-border-color: var(--ps-narancs-sotet);
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--ps-narancs-sotet);
  --bs-btn-active-border-color: var(--ps-narancs-sotet);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--ps-narancs);
  --bs-btn-disabled-border-color: var(--ps-narancs);
}

:root {
  --ps-zold: #004D53;
  --ps-zold-rgb: 0,77,83;
  --ps-narancs: #EF7F1B;
  --ps-narancs-rgb: 239,127,27;
  --ps-narancs-sotet: #d06a0f;
  --ps-narancs-vilagos: #ff9b08;
}

.item.item-hasznalat.kiemeles {
  background-color: var(--ps-narancs);
}