body {
      padding-top: 0;
}
body a {
      text-decoration: none;
}
nav.navbar {
      background-color: #0cc0df !important;
      transition: all .3s ease-in-out;
}
header.scrolled .navbar, header.scrolled .header-top {
      background-color: #0cc0df !important;
}
nav.navbar {
      top: 0px;
      padding: 3px 0;
}
a.nav-link {
      color: #fff;
      font-size: 20px;
}

img.site-logo {
      height: 50px;
}
body {
      padding-top: 50px;
}
img.top-image {
      max-width: 50%;
      padding: 0 0 15px 15px;
}
#main-top {
      padding: 30px 0;
}
img.compat-img {
      margin: 0 2px;
}
a.box-link {
      position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: '';
    background-color: rgba(0, 0, 0, 0);
}
#top-elements {
      padding: 60px 0;
      background-color: #f5f5f5;
}
#top-elements .elem-panel {
      border: 2px solid #088fa7;;
      border-radius: 18px;
      padding: 15px 10px;
      position: relative;
      background-color: #fff;
      margin: 20px 0 0 0;
      -webkit-box-shadow: 10px 10px 19px -3px rgba(0,0,0,0.23);
-moz-box-shadow: 10px 10px 19px -3px rgba(0,0,0,0.23);
box-shadow: 10px 10px 19px -3px rgba(0,0,0,0.23);
transition: all .2s ease-in-out;
top: 0;
}

#top-elements .elem-panel:hover {
      cursor: pointer;
      top: -15px
}
.elem-panel .elem-szam {
      position: absolute;
      display: block;
      line-height: 30px;
      border-bottom-right-radius: 18px;
      width: fit-content;
      text-align: center;
      background-color: #088fa7;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      border-top-left-radius: 18px;
      top: 0;
      left: -2px;
      padding: 0 12px;
}
div.ertekeles {
      margin: 0 auto;
line-height: 65px;
      border: solid 3px green;
      font-size: 24px;
      font-weight: bold;
  width: 70px;
  aspect-ratio: 1;
  border-radius: 50%;
  text-align: center;
  --mask: 
    linear-gradient(red, red) padding-box, 
    conic-gradient(red var(--p, 97%), transparent 0%) border-box;
  -webkit-mask: var(--mask);
          mask: var(--mask)
}

.felh-ert {
      text-align: center;
      display: block;
      margin: 10px 0 20px 0;
      font-size: 13px;
}
span.green-span {
      display: inline-block;
      height: 4px;
      width: 10%;
      margin: 0 3px;
      background-color: green;
}

span.yellow-span {
      display: inline-block;
      height: 4px;
      width: 10%;
      margin: 0 3px;
      background-color: #ff891d;
}
span.brs {
      border-radius: 5px;
}

.elem_ert p {
      line-height: 14px;
      margin: 15px 0 0 0;
}

.elem_ert p.p-lines,  #osszehasonlito p.p-lines {
      margin: 0;
}

.elem-panel .elem-logo {
      max-width: 100%;
      padding: 20px 0 12px 0;
}
.oszlop-logo {
      align-items: center;
    display: flex;
    justify-content: center;
}

.elem-btn {
      display: block;
      width: 90%;
      text-align: center;
      font-size: 16px;
      color: #fff;
      background-color: #0cc0df;
      line-height: 38px;
      border-radius: 10px;
      margin: 0 auto;
      transition: all .3s ease-in-out;
      position: relative;
      z-index: 50;
}
.elem-btn:hover {
      background-color: #088fa7;
}
div.btns {
      margin-top: 30%;
      text-align: center;
}
.btns p {
      font-size: 14px;
      margin: 10px;
      color: #171717;
      font-weight: bold;
}

.szekcio-egyedi {
      padding: 60px 0;
}
.szekcio-egyedi:nth-child(odd) {
      background-color: #f5f5f5;
}
.szekcio-egyedi h2.s-title {
      margin: 0 0 30px 0;
}

footer {
      background: #fff;
      padding-bottom: 75px;
      border-top: 1px solid #c4c4c4;
}
footer img.footer-logo {
      max-width: 300px;
}
footer .nav-link-footer {
      display: inline-block;
      margin: 0;
      color: #000;
      text-decoration: none;
      font-size: 18px;
      padding: 8px 10px;
      transition: all .3s ease-in-out;
      border-radius: 8px;
}
footer .nav-link-footer:hover {
      background-color: #0cc0df;
      border-radius: 8px;
      color: #fff;
}
footer p.copyright {
      margin: 0;
      padding: 8px 0;
      color: #000;
      text-align: center;
}

ul li.nav-item {
      transition: all .3s ease-in-out;
}
ul li.nav-item:hover {
      background-color: #08768a;
      border-radius: 5px;
}
ul li.nav-item:hover a {
      color: #fff;
}
h2.main-title {
      margin-bottom: 30px;
      font-weight: 700;
}
h2.main-title small {
      font-size: 24px;
      border-bottom: 5px solid green;
}

#osszehasonlito {
      padding: 60px 0;
      background-color: #fff;
}
p.mezo-ertek {
      margin: 2px 0;
}
#osszehasonlito span.brs {
      height: 10px;
      border-radius: 3px;
}
.p-lines .fa-star {
      color: #d4d4d4;
}
.p-lines .fa-star.yellow {
      color: rgb(255 196 0);
}
div.s-line {
      border-bottom: 1px solid #f7f7f7;
      height: 70px;
      padding: 10px;
}
div.s-line.first {
      display: flex;
      padding: 10px 0;
      justify-content: flex-start !important;
    align-items: center !important;
    flex-direction: row !important;
}
div.pipas {
      display: flex;
      padding: 10px 0;
      justify-content: flex-start !important;
    align-items: center !important;
    flex-direction: column !important;
}

div.first p, 
div.s-line .p-lines.pipa {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 0;
      font-size: 14px;
}
.pipas .fa-times {
      color: red;
      font-size: 17px;
      font-weight: 900;
}
.pipas .fa-check.green {
      color: green;
      font-size: 17px;
      font-weight: 900;
}
#osszehasonlito .szekcio-nev {
      background-color: #f7f7f7;
      
}
#osszehasonlito .section-title {
      margin-bottom: 60px;
}
#osszehasonlito .szekcio-nev p {
      font-weight: 900;
      font-size: 16px !important;
}
div.oszlopok img {
      max-width: 80%;
      margin-bottom: 15px;
}

div.labelc-promo {
      position: fixed;
      bottom: -80px;
      transition: all .3s ease-in-out;
      left: 0;
      right: 0;
      background-color:#0cc0df;
      color: #fff;
      padding: 8px 0;
      z-index: 100;
}

div.labelc-promo.show {
      bottom: 0;
}
div.labelc-promo span.kedvezmeny {
      font-size: 52px;
      line-height: 55px;
      font-weight: 700;
}
div.labelc-promo span.szoveg {
      font-size: 30px;
      line-height: 32px;
      display: inline-block;
      padding: 0px 20px 0 20px;
}
div.labelc-promo span a, .gomb a {
      font-size: 16px;
      color: #fff;
      background-color: #c7131b;
      display: block;
      line-height: 42px;
      display: inline-block;
      padding: 0px 15px 0 15px;
      border-radius: 5px;
}

#offerModal .btn-close {
      position: absolute;
      top: -14px;
      right: -3px;
      background-color: #c7131b;
      color: #fff;
      width: 26px;
      height: 26px;
      opacity: .75;
      border-radius: 50%;
      background-image: none;
}

#offerModal .btn-close:hover {
      opacity: 1;
}
#statikus-oldal {
      padding: 40px 0;
      min-height: 80vh;
}
p#timer {
      text-align: center;
      color: #c7131b;
      margin: 0 0 10px 0;
      font-size: 14px;
}
p#timer span {
      font-size: 22px;
      font-weight: 700;
}
a.also-link {
      color: #171717;
}

img.oht-logo {
      display: none;
}
a.ext-link {
      display: none;
      position: relative;
}
@media (max-width: 768px) {
      .ossze-table-buttons {
            display: none;
      }
      a.ext-link {
            display: block;
            position: absolute;
            left: 5px;
            top: 18px;
            padding-right: 10px;
      }
      a.ext-link i {
            position: absolute;
            top: -5px;
            font-size: 10px;
            color: #171717;
            right: 0;
            z-index: 5;
      }
      .header-top {
            display: none;
      }
      nav.navbar {
            top: 0;
      }
      img.top-image {
            width: 100%;
            max-width: 100%;
            padding: 10px 0;
            float: none !important;
      }
      #top-elements {
            padding: 30px 0;
      }
      div.btns {
            margin-top: 25px;
      }
      #offerModal img.w-100 {
            max-height: 150px;
            max-width: 100%;
            width: auto !important;
            margin: 0 auto;
            display: block;
      }
      div.labelc-promo {
            display: none;
      }
      div.oszlopok {
            display: none;
      }
      #osszehasonlito {
            padding: 20px 0;
      }
      #osszehasonlito .section-title {
            margin: 0;
            font-size: 22px;
      }
      div.s-line {
            padding-left: 70px;
            position: relative;
      }
      img.oht-logo {
            display: block;
            position: relative;
            width: 80px;
            margin: auto;
      }
      .szekcio-egyedi {
            padding: 30px 0;
      }
      footer {
            padding-bottom: 8px;
      }
      footer .nav-link-footer {
            display: block;
            margin: 10px 0;
      }
      footer img.footer-logo {
            max-width: 60%;
      }
      footer p.copyright {
            font-size: 12px;
      }
      footer .py-sm {
            padding: 0 !important;
      }
      footer .py-sm {
            padding: 10px 0 !important;
      }
}