/*----------------BASIC-------------*/
.header{
  z-index: 100;
}
.container {
    max-width: 1440px;
}
.kerekitett img{
    border-radius: 2rem;
}
.c-box-cim{
        margin-bottom: 5px;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
    }
.button2 {
      display: inline-block;
      background-color: var(--color-primary);
      color: #ffffff;
      padding: 8px 1rem;
      border: 2px solid #ffffff;
      border-radius: 1rem;
      transition: all 0.4s ease-in-out;
      line-height: 1.6;
  }
  .button2:hover {
    display: inline-block;
    background-color: navajowhite;
    color: black;
    padding: 8px 1rem;
    border: 2px solid #ffffff;
    transition: all 0.4s ease-in-out;
    line-height: 1.6;
}
span.icon {
  margin-right: 1rem;
  color: #ca2512;
}
input[type=submit], input[type=button], input[type=reset], button, .button {
 
  border-radius: 0.6rem;
 
}
.tajekoztatas {
  margin: 1rem;
  text-align: center;
  font-size: 1rem;
  color: #d6620e;
}
.tovabb {
  margin-top: 2rem;
}
.warning {
  background: #FFC107;
  padding: 0.3rem;
  color: red;
}
.blink_me {
  animation: blinker 1s linear infinite;
}
.more-link {
  text-align: center;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/*-----------------Szolgáltatásaink------------*/
.szolgaltatasaink .view-content, .al-szolgaltatasaink .view-content, .palyazat .view-content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.szolgaltatasaink .c-box, .palyazat .box- {
  flex: 0 1 200px;
  margin: 1rem 0;
    min-width: 30%;
}
.al-szolgaltatasaink .c-box {
    flex: 0 1 20%;
    padding: 1rem;
    display: flex;
}
.ingatlanok .view-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .ingatlanok .alapt {
    text-align: right;
    min-height: 1.6rem;
  }
  .ingatlanok .szobaszam {
    text-align: right;
    min-height: 1.6rem;
  }
  
  .ingatlanok .box- .kontener, .palyazat .box- .kontener {
   
    background: white;
      
      display: flex;
      flex-direction: column;
      -webkit-transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out, background-color 250ms ease-in-out;
      -moz-transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out, background-color 250ms ease-in-out;
      -ms-transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out, background-color 250ms ease-in-out;
      -o-transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out, background-color 250ms ease-in-out;
      transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out, background-color 250ms ease-in-out;
  position: relative;
  border: 1px solid lightgrey;
  padding: 1rem;
  }

  .palyazat .box- .kontener .informacio {
    min-height: 8rem;
}
  
  .ingatlanok .box- .kontener:hover, .palyazat .box- .kontener:hover {
    box-shadow: 0rem 0.625rem 1.25rem 0rem rgb(0 0 0 / 10%);
    transform: translateY(-0.313rem);
    background-color: #fff6e9;
  }
  .ingatlanok .box- .kontener:hover .kep img {
    transform: scale(1.03);
  }
  
  .ingatlanok .box- .kontener .kep {
        
    position: relative;
      top: 0;
      overflow: hidden;
      left: 0;
      width: 100%;
      height: 170px;
  
        
    }
  
  .ingatlanok .box- .kontener img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: transform 250ms ease-in-out;
      -moz-transition: transform 250ms ease-in-out;
      -ms-transition: transform 250ms ease-in-out;
      -o-transition: transform 250ms ease-in-out;
      transition: transform 250ms ease-in-out;
  }
  
  .ingatlanok .box-{
    padding: 10px;
    flex: 0 auto;
    min-width: 33%;
  }
  #random-ingatlanok .ingatlanok .box- {
    padding: 10px;
    flex: 0 auto;
    min-width: 20%;
  }
    
  .ingatlanok .box- .kontener .adatok {
    padding: 10px;
  }
  
  .ingatlanok .box- .kontener .elnevezes {
    padding: 4px 0;
    border-bottom: 3px solid #ca2512;
    margin-bottom: 3px;
  }
  
  .ingatlanok .box- .kontener .ar {
    position: absolute;
    top: 10px;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    padding: 5px 20px;
    font-size: 1.5rem;
    border-radius: 10px 0 0;
    color: white;
    font-weight: bold;
  }

  .bovebben {
    text-align: center;
    margin-top: 1rem;
}
/*-----------INGATLANJAINK Főoldali block---------------*/

#ingatlanjaink .container- {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;

}
.box33 {
  flex: 0 24rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}

#ingatlanjaink .box .szoveg {
  min-height: 18rem;
  text-align: justify;
  margin-top: 1rem;
}
#ingatlanjaink .box .kep {
  height: 10rem;
  overflow: hidden;
}

/*-------------Random Ingatlanok Block a főoldalon--------*/
div#random-ingatlanok {
  background: #353535;
  padding: 2rem 0;
  margin: 2rem 0;
}
#random-ingatlanok h2.block-title {
  color: white;
}
#random-ingatlanok h2.block-title:after, #random-ingatlanok h2.block-title:before{
  content: " ";
  display: block;
  border-bottom: 2px solid white;
  
}
.ingatlanok .box- .kontener .alahuzas {

  border-bottom: 5px solid #cb2612;
}
.ingatlanok .bef-exposed-form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ingatlanok .bef-exposed-form label{
  font-weight: normal;
}
.ingatlanok .bef-exposed-form select{
  font-weight: normal;
  border-radius: 1rem;
  padding: 3px;
}
.ingatlanok .bef-exposed-form .form-item {
  text-align: center;
  padding: 0 1rem;
}

/*-------------MENÜ-------------*/
.region-primary-menu .submenu {
    
  min-width: 250px;
  

}
.menu-item-has-children::after {
  display: none;
  }

  .region-primary-menu .menu-item-level-1 a:hover, .region-primary-menu .menu-item-level-1 > span:hover {
      background-color: white;
      color: #32839e;;
  }
  .region-primary-menu .menu-item-level-1:hover {
      background-color: white;
      color: #000000;    
    }
.region-primary-menu .menu-item-level-1:hover > a {
      color: #000;
  }
  .region-primary-menu .submenu {
   
      background-color: rgba(0,0,0,0.7);
  }
  .submenu .menu-item a:hover {
      background-color: unset;
      color: white;
  }

ul.main-menu {
display: flex;
flex-direction: column;
align-items: start;
list-style-type: none;
}
.main-menu li {
padding: 6px 0;
}
.main-menu li a {
position: relative;
display: block;
padding: 4px 0;
font-family: Lato, sans-serif;
color: #ecf0f1;
text-decoration: none;

transition: 0.5s;
letter-spacing: 2px;
}
.main-menu li a::after {
  position: absolute;
  content: "";
  top: 80%;
  left: 0;
  width: 100%;
  height: 8px;
  background: #ca2512;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s;

}
.main-menu li a:hover {
color: #95a5a6;
background: none;
transform: skewX(-10deg);
}
.main-menu li a:hover::after {
transform: scaleX(1);
transform-origin: left;

}

  
  /*----------MÉG TÖBB Gomb-------------*/
  
  .megtobb {
    padding: 10px;
    background: #009688;
    width: 320px;
    border-radius: 10px;
    /* color: white; */
    transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out, background-color 250ms ease-in-out;
    margin: 0 auto;
  }
  
  .megtobb:hover{
    box-shadow: 0rem 0.625rem 1.25rem 0rem rgb(0 0 0 / 10%);
    transform: translateY(-0.313rem);
    transition: box-shadow 250ms ease-in-out, transform 250ms ease-in-out, background-color 250ms ease-in-out;
  
  }
  
  .megtobb a {
    color: white;
  }
  
  .megtobb .ikon {
    color: white;
    padding: 0 10px;
  }
  
  .megtobb .szoveg {
    padding: 0 10px;
  }
  
  /*---------------INGATLANOK LISTA NÉZET----------------*/
  
  
  .ingatlanok-lista .kontener {
    display: flex;
    align-items: center;
  }
  
  .ingatlanok-lista .adatok {
    display: flex;
  }
  
  .ingatlanok-lista .kep {
    width: 360px;
    position: relative;
    height: 120px;
   
  }
  
  .ingatlanok-lista .kep img {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
  }
  .ingatlanok-lista .oszlop {
    padding: 10px;
    font-size: 1.2rem;
  
  }
  .ingatlanok-lista .alapt {
    width: 200px;
  
  }
  
  .ingatlanok-lista .szoba {
  
    width: 220px;
  }
  
  .ingatlanok-lista .ar {
  
    width: 410px;
  }
  
  .ingatlanok-lista .bovebben {
  
    width: 160px;
  }
  
  .ingatlanok-lista .elnevezes {
    width: 100%;
  }
  .ingatlanok-lista .box {
    margin-bottom: 10px;
  }
  
  .ingatlanok-lista .box:hover {
    background: lightgrey;
  }

/*-----------------INGATLANOK TÁBLÁZATOS NÉZETE---------------------*/

.table-view .table-caption {
  background: black;
  color: white;
  padding: 0.3rem;
  text-transform: uppercase;
}

.table-view form {
  display: flex;
} 

  /*------------------FEJLÉC-----------------*/


  h1.block-title, h2.block-title, h3.block-title, .ingatlanok h3 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;

    grid-gap: 25px;
}
h1.block-title {
  font-size: 2.5rem;
  grid-template-rows: 23px 0;
}
h2.block-title{
  font-size: 2rem;
  grid-template-rows: 1.4rem 0;
}  
h3.block-title, .ingatlanok h3{
  font-size: 1.5rem;
  grid-template-rows: 1rem 0;
}
.ingatlanok h3 {
    flex: 100%;
}

h1.block-title:after, h1.block-title:before, h2.block-title:after, h2.block-title:before, h3.block-title:after, h3.block-title:before, .ingatlanok h3:before, .ingatlanok h3:after {
  content: " ";
  display: block;
  border-bottom: 2px solid #3b88b5;
  
}


/*-----------Ingatlan Default nézete-----------*/
.tulajdonsag-lista ul {
  margin: 0;
  padding: 0 0 0.25rem 0rem;
}

/*--------------------Ingatlantérkép----------------------*/
.terkep-info .tipus{
  text-transform: uppercase;
  font-size: 1rem;
  background: #cb2612;
  color: white;
  padding: 0.2rem !important;
  text-align: center;
  letter-spacing: 3px;
}
.terkep-info .cim {
  text-align: center;
  font-size: 0.8rem;
}


.terkep-info .ar {
  background: black;
  color: white;
  padding: 0.5rem;
  text-align: center;
  font-size: 1rem;
}
.terkep-info .info-sor {
  border-bottom: 1px solid lightgrey;
  padding: 0.1rem 0;
}

/*-----------Fejléc---------*/
.adatlap-fejlec {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed;
    margin : 20px 0;
  }
  /*-*/
  
  .fo-info .layout__region--first{
      flex: 0 1 50%;
    }
    .fo-info .layout__region--second{
      flex: 0 1 23%;
    }
    .fo-info .layout__region--third{
      flex: 0 1 27%;
      padding-left: 20px;
    }
    .fo-info{
      margin-bottom: 10px;
      min-height: 20rem;
    }
    
    .block-field-blocknodeingatlanokfield-image img{
      width: 100%;
      height: auto;
    }
    .ingatlan-elnevezes{
      font-size: 2rem;
  
    }
    .ingatlan-ar.block {
        font-size: 2rem;
        text-align: right;
    }
     
    .fo-info .layout-box{
    
        padding: 6px;
        margin-top: 0;
        height: 100%;
        position: relative;
        margin-top: 0;
        box-shadow: var(--gin-shadow-l1);
        background: white;
        
    }
    .felar-doc .layout-box{
    
      padding: 6px;
      margin-top: 0;
      
      position: relative;
      margin-top: 0;
      box-shadow: var(--gin-shadow-l1);
      background: white;
      border: 1px solid lightgrey;
    margin-top: 1rem;
    border-radius: 0.4rem;
      
  }

    .fo-info .layout-box .views-field {
      display: flex;
      border-bottom: 1px dotted lightgrey;
      padding: 5px;
      
      justify-content: space-between;
        
    }
    
    
    
    /* .fo-info .parameterek .info {
        border-bottom: 1px dotted lightgrey;
        padding: 3px 0;
        display: flex;
    }
    .fo-info .parameterek .info .cimke {
        flex: 0 120px;
    } */
    .fo-info .kep{
        
        height: 100%;
        border-radius: 10px;
        position: relative;
        margin-top: 0;
        box-shadow: var(--gin-shadow-l1);
        border-radius: var(--gin-border-l);
        
    }
    .fo-info .kep img {
      width: 100%;
      height: 100%;
      border-radius: 0;
      object-fit: cover;
      position: absolute;
    }
    .fo-info .kep a {
        
      
    
      height: 100%;
      width: 100%;
            
    }
    
    .fo-info .altalanos-info .info {
        border-bottom: 1px dotted lightgrey;
        padding: 3px 0;
        display: flex;
    }
    .fo-info .altalanos-info .info .cimke {
        flex: 0 120px;
    }
    .ingatlan-leiras .layout-box {
      padding: 30px;
      margin-top: 0;
      height: 100%;
      position: relative;
      margin-top: 20px;
      box-shadow: var(--gin-shadow-l1);
      background: white;
    }
    
    .ingatlan-leiras .layout-box .field__items {
      display: flex;
      flex-wrap: wrap;
    }
  
    .felar-doc .layout__region--first{
      flex: 0 1 65%!important;
    }
  
    .felar-doc .layout__region--second{
      flex: 0 1 35%!important;
    }
    
    .terkep {
      border-radius: 1rem;
      overflow: hidden;
      border: 1px solid lightgrey;
  }
  /*--------------SLIDESHOW--------------------*/
  .slideshow .container {
      max-width: 100%;
  }
  
  .slide-tarto .views-field-nothing .box {
      display: flex;
  }
  
  .slide-tarto .views-field-nothing .oszlop-1 {
      width: 400px;
      height: auto;
  }
  
    
  /*---------------INGATLAN - FELÁRAK DOKUMENTUMOK---------------*/
  .felarak h2.node-title {
    display: none;
} 
  .dokumentum-lista {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .dokumentum-lista .views-row {
    padding: 10px;
  }
  
  .dokumentum-lista .dokumentum {
    border: 1px solid lightgrey;
    padding: 10px;
    border-radius: 10px;
  }
  
  .felar-doc .layout__region {
      padding: 10px;
  }
  
  .felarak .taxonomy-terms li::before {
     content: none;
    }
  .felar-doc ul li {
    list-style: none;
  }
  
  .felarak .vertical-tabs__menu-item a {
    display: block;
    padding: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.7rem;
  }
  .felarak thead th, .dokumentumok thead th {
    padding: 6px;
    background-color: #2e2e2e !important;
    color: white!important;
  }
  
  .felarak  td {
    padding: 6px;
  }
  .felarak .vertical-tabs__menu-item a:hover {
    outline: unset;
  }
  .felarak .vertical-tabs__menu-item a:focus {
    text-decoration: none!important;
  }
  
  .felarak .vertical-tabs__menu-item a:hover{
    text-decoration: unset;
  }
  
  .felarak .vertical-tabs {
    box-shadow: var(--gin-shadow-l1);
    background: white;
  }
  .felarak .vertical-tabs__menu {
    box-shadow: var(--gin-shadow-l1);
  }
  
  .dokumentumok .content {
    background: white;
    box-shadow: var(--gin-shadow-l1);
  }
  .tulajdonsag-lista ul {
    columns: 3 auto;
}
.tulajdonsag-lista li:before {
  
  content: "\f00c";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: green;
}
.tulajdonsag-lista li {
  border: 1px solid lightgrey;
  padding: 3px 10px;
  margin-bottom: 6px;
  background: white;
  border-radius: 5px;
  font-size: 0.9rem;
}
  /*----------------SÁVOK-------------*/
  #vegyes .flex {
    display: flex;
    flex-wrap: wrap;
}
  #sav1 .kep {
    flex:40%;
    position: relative;
    min-height: 30rem;
}

#sav1 .kep img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#sav1 .szoveg {
  padding: 5rem;
  background: #353535;
  color: white;
  flex: 60%;
}
#sav1 h2, #sav1 h3 {
  color: white;
  font-size: 3rem;
}
#sav1 h3 {
  color: white;
  font-size: 2rem;
 
}
div#sav2 {
  background: white;
  padding: 3rem 0;
}
h3.jelmondat {
  color: #cb2612 !important;
  font-weight: 600;
  background: white;
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
}

/*------------SLICK----------*/
.slick__slide .field-content a{
  text-align: center;
}

/*-------------------Kapcsolat---------------*/

#kapcsolat .container {
  display: flex;
  flex-wrap: wrap;
}

div#form {
  flex: 1 0 50%;
  padding: 1rem;
}

div#address {
  flex: 0 1 50%;
  padding: 1rem;
}
#address li {
  list-style: none;
  padding: 0.4rem 0;
}


/*---------------Pályázat----------*/
.palyazat-adat-container .layout__region--second {
    padding-left: 1rem;
}
.palyazat-adat-container .layout__region--first {
    padding-right: 1rem;
}
.palyazat .kontener .cim {
    padding: 0.8rem 0;
    border-bottom: 1px solid;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

div#block-tarapro-infoblokk {
    position: absolute;
    width: 20%;
    height: auto;
    top: 0;
    z-index: 10;
    right: 0;
}

.block-region.region-video-banner {
    position: relative;
}

.palyazat .kontener .azonosito {
  padding: 0.1rem 0.8rem;
  text-align: right;
}

.palyazat .kontener .osszeg {
  padding: 0.1rem 0.8rem;
  text-align: right;
}

.palyazat .kontener .mertek {
  padding: 0.1rem 0.8rem;
  text-align: right;
}

.palyazat .kontener .vege {
  padding: 0.1rem 0.8rem;
  text-align: right;
}
.palyazat-adat {
margin-bottom: 1rem;
    border-radius: 1rem;
    box-shadow: #aaa 0px 4px 8px 0px;
    overflow: hidden;
}
.palyazat-adat .field__label {
    font-weight: bold;
    padding: 0.6rem 1rem;
    background: #dedede;
}
.palyazat-adat .field-item {
    padding: 0.6rem 1rem;
    background: white;
}

/*-----------Nincs eredmény----------*/
.no-result {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.no-result .item {
  flex: 1;
}



@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
      width: 100%;
    }
    #kapcsolat input {
      width: 100%;
  }
  #random-ingatlanok .ingatlanok .box- {
 
    min-width: 100%;
}
.szolgaltatasaink .c-box, .palyazat .box- {
  min-width: 100%;
}
.al-szolgaltatasaink .c-box {
  flex: 0 1 100%;
  padding: 1rem;
  display: flex;
}
#sav1 .kep {
  flex: 100%;
  position: relative;
  min-height: 30rem;
}
#sav1 .szoveg {
  padding: 1rem;
  background: #353535;
  color: white;
  flex: 100%;
}
#sav1 h2, #sav1 h3 {
  color: white;
  font-size: 1.5rem;
  text-align: center;
}
.ingatlanok .box- {
  padding: 10px;
  flex: 0 auto;
  min-width: 100%;
}

.fo-info .layout__region--first {
  flex: 0 1 100%;
  height: 200px;
}
.fo-info .layout__region--second {
  flex: 0 1 100%;
}
.fo-info .layout__region--third {
  flex: 0 1 100%;
  padding-left: 0;
  margin-top: 1rem;
}
.tulajdonsag-lista ul {
  columns: 1 auto;
}

  }