/**---------- Front block kiemelte --------**/
.front-kiemelt{
    background: #0F4273;
    padding-top: 15px;
    padding-bottom: 35px;
  }
  
  .front-kiemelt h2{
    color: #ffffff;
    font-size: 40px;
    background: none;
    margin: 0 0 15px 0;
    text-align: center;
    line-height: 52px;
  }
  
  .front-kiemelt h2:before{
    display: none;
  }
  
  .front-kiemelt .apps-icon{
    width: 75px;
    height: 100px;
    margin: 0 auto;
  }
  .front-kiemelt .apps-icon-long{
    width: 150px;
    height: 100px;
    margin: 0 auto;
  }
  
  .szaszer{
    -webkit-mask: url(../../image/ikonok/szaszer.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }  
  .birsag{
    -webkit-mask: url(../../image/ikonok/e-birsag.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 60%;
  }
  .okos-varos{
    -webkit-mask: url(../../image/ikonok/okos-varos.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .etdr{
    -webkit-mask: url(../../image/ikonok/etdr.svg) no-repeat 50% 50%;
    -webkit-mask-size: 88%;
    mask-size:88%;
    background: #6BC2C2;
  }
  .ekozmu{
    -webkit-mask: url(../../image/ikonok/e-kozmu.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .oeny{
    -webkit-mask: url(../../image/ikonok/oeny.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .enaplo{
    -webkit-mask: url(../../image/ikonok/enaplo.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 80%;
  }
  .katalogus{
    -webkit-mask: url(../../image/ikonok/katalogus.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .e-epites {
    -webkit-mask: url(../../image/ikonok/e-epites.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;  
  }
  .fokos {
    -webkit-mask: url(../../image/ikonok/fok.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;  
  }
  
  .fokos2 {
    -webkit-mask: url(../../image/ikonok/fok2.svg) no-repeat 35% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 45%;  
  }
  
  .e-tanusitas{
    -webkit-mask: url(../../image/ikonok/e-tanusitas.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .kamarai-nevjegyzek{
    -webkit-mask: url(../../image/ikonok/kamarai_nevjegyzek.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .kereses-hrsz{
    -webkit-mask: url(../../image/ikonok/kereses_hrsz.svg) no-repeat 50% 50%;
    background: #6BC2C2; 
    -webkit-mask-size: 90%;   
  }
  .hrsz {
    -webkit-mask: url(../../image/ikonok/HRSZ-kereso.svg) no-repeat 50% 50%;
    background: #6BC2C2; 
    -webkit-mask-size: 90%;
  }



  .emo{
    -webkit-mask: url(../../image/ikonok/emo.svg) no-repeat 50% 50%;
    -webkit-mask-size: 70%;
    background: #6BC2C2;  
  }
  .e-ter{
    -webkit-mask: url(../../image/ikonok/e-ter.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%; 
  }
  .e-terv{
    -webkit-mask: url(../../image/ikonok/t-palya.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .e-statisztika{
    -webkit-mask: url(../../image/ikonok/e-statisztika.svg) no-repeat 50% 50%;
  
    background: #6BC2C2;
    -webkit-mask-size: 86%;
  }
  .szankcio{
    -webkit-mask: url(../../image/ikonok/e-szankcio.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 60%;
  }
  .vedett-ingatlan{
    -webkit-mask: url(../../image/ikonok/vedett-ingatlanok.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .nmtk{
    -webkit-mask: url(../../image/ikonok/nmtk.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .jegyzokonyv{
    -webkit-mask: url(../../image/ikonok/jegyzokonyv.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 60%;
  }
  
  .copernicus{
    -webkit-mask: url(../../image/ikonok/copernicus_logo.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .dokir{
    -webkit-mask: url(../../image/ikonok/dokir.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .fototar{
    -webkit-mask: url(../../image/ikonok/lechner-fototar.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%; 
  }
  .filmtar{
    -webkit-mask: url(../../image/ikonok/filmtar.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%; 
  }
  .fentrol{
    -webkit-mask: url(../../image/ikonok/fentrol.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .foldhivatal{
    -webkit-mask: url(../../image/ikonok/foldhivatal.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .geoshop{
    -webkit-mask: url(../../image/ikonok/geoshop.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .gnssnet{
    -webkit-mask: url(../../image/ikonok/gnssnet.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .lechner-fototar{
    -webkit-mask: url(../../image/ikonok/lechner-fototar.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .mepar{
    -webkit-mask: url(../../image/ikonok/mepar.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 86%;
  }
  .nosztep{
    -webkit-mask: url(../../image/ikonok/nosztep.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .prestat{
    -webkit-mask: url(../../image/ikonok/prestat.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .tak{
    -webkit-mask: url(../../image/ikonok/tak.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .takarnet{
    -webkit-mask: url(../../image/ikonok/takarnet.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .teir{
    -webkit-mask: url(../../image/ikonok/teir.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .wms{
    -webkit-mask: url(../../image/ikonok/wms.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 90%;
  }
  .geoszaki{
    -webkit-mask: url(../../image/ikonok/geoszaki.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 80%;
  }
  .mip{
    -webkit-mask: url(../../image/ikonok/mip.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    -webkit-mask-size: 80%;
  }
  .front-kiemelt a:hover .apps-icon,
  .front-kiemelt a:hover .apps-icon-long {
    background: #ffffff;
  }
  
  .app-img{
    background: #0F4273;
    width: 100%;
    height: 100%;
  }
  
  .front-kiemelt a{
    text-align: center;
    margin-right: 48px;
  }
  
  .front-kiemelt a .app-name{
    color: #6BC2C2;
  }
  .front-kiemelt a:hover{
    text-decoration: none;
  }
  .front-kiemelt a:hover .app-name{
    color: #fff;
  }
  
  .kiemelt-more-link,
  .front-kiemelt a.kiemelt-more-link:hover,
  .front-kiemelt a.kiemelt-more-link:active{
    color: #6BC2C2;
  }
  .front-kiemelt a.kiemelt-more-link:hover{
    text-decoration: underline;
  }
  
  .kiemelt-more-link:after{
    width: 48px;
    height: 28px;
    display: inline-block;
    content: '';
    -webkit-mask: url(../../image/profil-nyil.svg) no-repeat 50% 50%;
    mask: url(../../image/profil-nyil.svg) no-repeat 50% 50%;
    background: #6BC2C2;
    position: absolute;
    top: 0;
  }




.show-link {
  color: #6bc2c2;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.show-link.up:after,
.show-link.down:after {
  width: 12px;
  height: 8px;
  position: absolute;
  bottom: 30px;
  left: calc(50% - 6px);
  
}

.show-link.down:after {
  content: url("../../image/arrow-down.svg");
}

.show-link.up:after {
  content: url("../../image/arrow-up.svg");
}

.hide-box {
  display: none;
}

/*.front-kiemelt .show-link:focus-within > .hide-box {
  display: block !important;
}*/