/*----------BASIC--------*/
:root {
  /* Theme Colors */
  --color-primary: #d6620e;
  --color-secondary: #a7bd43;
  --color-primary-light: #f2e8dd;
  --bg-body: #f9f6f3;
  --text-color: #4a4a4a;
  --bold-color: #222222;
  --light: #fffbf6;
  --dark: #222222;
  --border: #dbdbd3;
  --shadow: 0 0 8px 1px #cccccc;
  --font-text: "Montserrat", sans-serif;
  --font-heading: "Montserrat", sans-serif;
}
.no-title{
  display: none;
}

.main-wrapper {
   background: #f5f2ee;
 }
 #main {
  background: unset;
  
}
.main-wrapper {

  padding: 0;
 
}
.clear{
  clear: both;
}
.container80 {
  max-width: 80%;
  margin: 0 auto !important;
}
.container60 {
  max-width: 60%;
  margin: 0 auto;
}
.section-1, .section-2, .section-4, .section-5, .section-11, #blog  {
  padding: 3rem 0;
}
.section-01 {
  background: url(../images/kezelo-hatter-3.jpg);
  background-size: cover;
  background-position: center bottom 0px;
  background-attachment: fixed;
}

section.section-11 {
  background-size: cover;
  background: url(../images/banner-bg-4.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  border-top: 3px solid lightgrey;
  border-bottom: 3px solid lightgrey;
}



a.button- {
  color: #FFFFFF !important;
  border-radius: 100px;
  letter-spacing: 2px;
  font-size: 15px;
  font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-blend-mode: normal;
  background-image: url(../images/button-bg.jpg);
  padding: 0.6rem 1rem;
  box-shadow: 0px 20px 30px -6px rgba(0, 0, 0, 0.3);
  transition: all 300ms ease 0ms;
  border: 1px solid #cacaca;
}
a.button-:hover {
  box-shadow: 2px 15px 30px -17px rgba(0, 0, 0, 0.9);
  transition: all 300ms ease 0ms;
  scale: 98%;
}
.flex{
  flex-wrap: wrap;
}

.custom-border-1{
 
    border: 1px solid lightgrey;
    padding: 1rem;
    margin: 1rem 0;
    border-radius: 1rem;
    background: white;

}
/*-----------Top logó----------*/
.top-logo {
  background: #f7f4ed;
  height: 11rem;
}
.site-logo img {
  opacity: 0;
  width: 0;
  height: auto;
  transition: all 600ms ease 6000ms;
}
.is-sticky .site-logo img {
  display: block;
  transition: all 600ms ease 600ms;
  opacity: 1;
  width: auto;
  height: 50px;
}

.top-logo img {
  width: 600px;
  height: auto;
}

.top-logo .container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
/*------------Telefonszám-------------*/

div#block-tarapro-telefonszam {
  position: inherit;
}

/*------------FŐMENÜ------------*/
.region-primary-menu .menu-item-level-1 a {
  color: white;
  transition: all 300ms ease 0ms;
  text-transform: lowercase;
  letter-spacing: 2px;
 }
 
 .region-primary-menu .menu-item-level-1 a:hover, 
 .region-primary-menu .menu-item-level-1 > span:hover, 
 .region-primary-menu .menu-item-level-1:hover {
  background-color:unset;
  color: #ffffff;
  opacity: .8;
  transition: all 300ms ease 0ms;
  
}

.header-container {
  
  justify-content: center;
  
}

/*-----------ANIMÁCIÓ-----------*/
.lassu {
  display: inline-block;
  margin: 0 0.5rem;

  animation: fadeInUp;
  animation-duration: 2s;
}
.balrol-lassan{
  animation: fadeInLeft; 
  animation-duration: 2s;

}

.animate__animated.animate__delay-6s {
  -webkit-animation-delay: calc(1s * 6);
  animation-delay: calc(1s * 6);
  -webkit-animation-delay: calc(var(--animate-delay) * 6);
  animation-delay: calc(var(--animate-delay) * 6);
}
.animate__animated.animate__delay-7s {
  -webkit-animation-delay: calc(1s * 7);
  animation-delay: calc(1s * 7);
  -webkit-animation-delay: calc(var(--animate-delay) * 7);
  animation-delay: calc(var(--animate-delay) * 7);
}
.animate__animated.animate__delay-8s {
  -webkit-animation-delay: calc(1s * 8);
  animation-delay: calc(1s * 8);
  -webkit-animation-delay: calc(var(--animate-delay) * 8);
  animation-delay: calc(var(--animate-delay) * 8);
}
.animate__animated.animate__delay-9s {
  -webkit-animation-delay: calc(1s * 9);
  animation-delay: calc(1s * 9);
  -webkit-animation-delay: calc(var(--animate-delay) * 9);
  animation-delay: calc(var(--animate-delay) * 9);
}

/*--------------Header-------*/
.header {

  box-shadow: 0px 16px 20px -10px #35353545;
  background-color: #8b7d69 !important;
}

/*----------Wellcome block----------*/

.region-content-top .block {
  margin: 0;
  padding: 1rem;
  background-color: unset;
  color: white;
  box-shadow: unset;

}

#content-top, #content-bottom {
  width: 100%;
  background: #6f6a5f;
  padding: 3rem 0;
}

#content-top .title {
  color: white;
}
/*-------------BANNER-----------*/
.fo-banner-container {
  

  background: url(../images/banner-bg-4.jpg);
  background-size: cover;
  display: flex;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}

.fo-banner-container- {
  background-size: cover;
  display: flex;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}

.fo-banner-container- .szoveg {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1rem 2rem;
  border-radius: 1rem;
}

.fo-banner-container .szoveg {
  text-align: end;
  padding: 0 5rem;
  flex: 60%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
 }
 .fo-banner-container .gombcsoport {
  text-align: center;
 }
.fo-banner-container .kep {
  max-width: 450px;
}

.fo-banner-container h1 {
  font-size: 2.7rem;
  text-transform: uppercase;
}
.fo-banner-container h2 {
  line-height: 1.7rem;
  text-transform: uppercase;
  font-size: 1.1rem;
  margin: 2rem 0;
}
.fo-banner-container .kapcsolat a {
  display: inline-block;
  margin-top: 1.5rem;
}
.fo-banner-container .flex {
  
  align-items: center;
}



.banner-container  .szoveg ul {
    display: flex;
}

.banner-container .szoveg ul li {
    margin: 0 1rem;
    color: white;
}

.banner-container {
    display: flex;
  }

.banner-container .oszlop {
padding: 0 1rem;
}
.banner-container .szoveg{
  
  display: flex;
  flex-direction: column;
  justify-content: center;

}

.fo-banner-container .kep img {
    border-radius: 1rem;
}
.fo-banner-container ul {
  list-style: none;
}

.banner-container .kep img {
  height:70%;
  width: auto;
  border-radius: 1rem;
}

.banner-container h2 {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1rem;
  border-radius: 1rem;
}
.banner-container h1 {
  color: white;
  font-size: 5rem;
  
}
.vizszintes-felsorolas li {
  margin: 0 1rem;
}
ul.vizszintes-felsorolas {
  display: flex;
 
}


.kapcsolat a {
  margin: 0 0.3rem;
}

.banner-container .kapcsolat {
  display: flex;
  align-items: center;
}

/*-------------Kezelés Blokk---------*/
.kezeles-box {
  display: flex;
  flex-wrap: wrap;
}

.kezeles-box .kep {
  flex: 0 400px;
}
.kezeles-box .szoveg {
  flex: 1;
  padding: 1rem;
}
.kezeles-box .kep img {
  border-radius: 1rem;
}

.kezeles_kezelese img {
  cursor: pointer;
  width: 200px;
  height: auto;
   margin: 10px;
}

.hidden-div {
  display: none;
  margin-top: 20px;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   transition: all 0.4s ease-in-out;
}
.kezeles_kezelese {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.kezeles_kezelese .ikon-tarto {
  display: flex;
}

.kezeles_kezelese .ikon {
  margin: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/*---------------TERÜLETEK--------------------*/  
.kezeles-container .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.kezeles-container .keret {
  flex: 1 0 300px;
  margin: 0.5rem;
  max-width: 16rem;
}
.kezeles-container .keret .belso-keret {
  border: 1px solid #607d8b;
  transition: all 0.4s ease-in-out;
  border-radius: 1rem;
}
.kezeles-container .keret .belso-keret:hover {
  transition: all 0.4s ease-in-out;
  box-shadow: var(--shadow);
  scale: 105%;

}

.kezeles-container .cim {
  font-size: 1.2rem;
  text-align: center;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  BACKGROUND: #6f6a5f;
  padding: 1rem 0;
  color: white;
}
.kezeles-container .osszefoglalo {
  height: 15rem;
  padding: 1rem;
}
.kezeles-container .tovabb {
  display: flex;
  justify-content: center;
  margin-bottom: 2.3rem;
}
.kezeles-container .keret .belso-keret img:hover {
  transition: all 0.4s ease-in-out;
  scale: 113%;
  overflow: hidden;
 
}
.kezeles-container-block .view-content {
  display: flex;
  justify-content: center;
}

.kezeles-container-block .belso-keret {
  display: flex;
  flex-direction: column;
  align-items: center;
  
}

section#kezelesi_teruletek {
  background-color: #f9f9f9;
}


/*-------------EGYÉNI FEJLÉCEK-------------*/
.custom-fejlec {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/fejlec-bg-1.jpg);
  background-position: bottom;

}

.custom-fejlec .szoveg {
  display: flex;
  flex-direction: column;
  width: 900px;
}

/*-------------SZÖVEG ELOSZTÁSOK-----------*/
.flex-kep-szoveg {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.flex-kep-szoveg .kep {
  width: 20rem;
  height: auto;
    border-radius: 1rem;
  overflow: hidden;
}

.flex-kep-szoveg img {
  width: 100%;
  height: auto;
  border-radius: 1rem;
}
.flex-kep-szoveg .szoveg {
   padding: 1rem;
}
.szoveg.oszlop {
  flex: 1;
}
.kiemelt {
  border: 1px solid lightgrey;
  padding: 1rem 3rem;
  text-align: center;
  margin: 0 auto;
  background: #009688;
  color: white;
  
}
.kiemelt2 {
  font-size: 2rem !important;
  line-height: 3rem !important;
}

/*---------------ÉRVEK----------*/
.erv-lista .sor {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.5rem;
}

.erv-lista .cim {
  text-transform: uppercase;
   /*transform: rotate(270deg);*/
  text-align: center;
  max-width: 200px;
}
.erv-lista .oszlop {
  flex: 1;
}

.erv-lista .erv {
  width: auto;
}
.erv-lista .sor {
  border: 1px solid lightgrey;
  margin: 1rem 0;
  border-radius: 1rem;
      box-shadow: var(--shadow);
}


/*-----------------ELVÁLASZTÓ--------------*/

/*------GYIK---------*/
section.section-4 {
  background: url(../images/kezelo-hatter-3.jpg);
  background-size: cover;
  background-position: center bottom 0px;
  
}
.gyik .views-row {
  margin-bottom: 1rem;
}
.section-4 .container60 {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2rem;
}


.section-4 .toggle-title {
  
  background-color: #8b7d69;
  color: #f3f3f3;
  
}

/*-----------Draggable vierw--------*/
a.tabledrag-handle .handle {
  width: 2rem;
  height: 2rem;
  
}
/*-----------Értékelések----------*/
#ertekeles {
  padding: 2rem;
  border-top: 1px solid lightgrey;
  background: #8b7d69;
  border-bottom: 1px solid lightgrey;
}
.ertekeles .view-content {
  display: flex;
  justify-content: center;
}

.ertekeles .views-row {
  
  padding: 1rem;
  flex: 1;
}
.ertekeles .keret {
  display: flex;
  flex-direction: column;
  border: 1px solid lightgrey;
  padding: 0.5rem;
  border-radius: 1rem;
  background: white;
  width: 80%;
  margin: 0 auto;
}
.ertekeles .nev {
  font-weight: bold;
}

.ertekeles .ido {
  font-size: 0.8rem;
}

.ertekeles .csillag {
  padding: 0.5rem 0;
}

/*------------Kéedések és válaszok---------*/

.kedesek-valszok .lead {
  font-size: 0.8rem;
  font-style: italic;
  flex: 1 1 431px;
}
.kedesek-valszok .tovabb {
  margin: 1rem 0;
}
.kedesek-valszok .kerdes-lead {
  flex: 70%;
  padding: 0 1rem;
}
.kedesek-valszok .flex{
  align-items: center;
}

/*------------Partnereim----------*/
.partnerek .custom-box {
  display: flex;
      flex-direction: column;
      border: 1px solid lightgrey;
      padding: 0.5rem;
      border-radius: 1rem;
      background: white;
      min-height: 300px;
      width: 269px;
      align-items: center;
      text-align: center;
}
.partnerek .view-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.partnerek .views-row {
  padding: 1rem;
  flex: 0 1 300px;
}

.partnerek .terulet {/* background: red; */height: 5rem;}

.partnerek .weboldal {
    height: 2rem;
}

.partnerek .nev {
    border-bottom: 1px solid;
    margin-bottom: 1rem;
}

/*-------------Kapcsolat---------*/
#kapcsolat {
  background: url(../images/contact-background.jpg);
  background-size: cover;
  padding: 2rem;
}

.kapcsolatfelvetel {
  display: flex;
  margin: 2rem 0;
  flex-wrap: wrap;
  justify-content: center;
}



.kapcsolatfelvetel .kep {
  border-radius: 1rem;
  overflow: hidden;
  max-width: 300px;
}
.kapcsolatfelvetel .icon {
  margin: 1rem;
}


.kapcsolatfelvetel iframe {
  border-radius: 1rem;
}
.kapcsolatfelvetel .nev{
  font-size: 2rem;
  text-align: center;
  border-bottom: 1px solid lightgrey;
  margin-bottom: 1rem;
}

.kapcsolatfelvetel .titulus {
  text-align: center;
  font-size: 0.9rem;
  font-style: italic;
  margin-bottom: 1rem;
}
.kapcsolat-kep {
  flex: 0 300px;
  margin: 1rem;
}

.kapcsolat-adatok {
  flex: 0 600px;
  background: white;
  margin: 1rem;
  border-radius: 1rem;
  padding: 1rem;
}

.kapcsolat-form {
  flex: 0 600px;
  background: white;
    margin: 1rem;
    border-radius: 1rem;
    padding: 1rem;
}

/*---------------Térkép-------------*/
section#terkep {
  /* height: 400px; */
  border-top: 4px solid;
  border-bottom: 4px solid;
}

/*---------------BLOG-----------*/
section#blog {
  border-top: 2px solid lightgrey;
}

.blogbejegyzes .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.blogbejegyzes .views-row {
  
  flex: 0 350px;
  padding: 0 1rem;
}

.blogbejegyzes .blog-box {
  border-radius: 1rem;
  overflow: hidden;
  background: white;
  box-shadow: var(--shadow);
}
.blogbejegyzes .cim {
  background: #C5B897;
  padding: 0.2rem;
  text-align: center;
  color: #27200f;
  font-weight: 500;
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blogbejegyzes .image-field {
 margin: 0;
}
.blogbejegyzes .osszefoglalo {
  padding: 0.7rem;
  text-align: justify;
  font-size: smaller;
  min-height: 13rem;
}
.blogbejegyzes .tovabb {
  background: #c5b897;
  text-align: center;
  padding: 1.2rem;
}

.blogbejegyzes .tovabb a {
  color: black;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: smaller;
}
.blogbejegyzes .icon {
  padding: 0 0.4rem;
}

.blogbejegyzes .datum {
  position: absolute;
  bottom: 5px;
 
  font-size: 16px;
  width: 100%;
  text-align: center;
}
.blogbejegyzes time {
  background: white;
  padding: 0.5rem 0.5rem;
  border-radius: 1rem 1rem 0 0;
}
.blogbejegyzes .kep-datum {
  position: relative;
}
.blogbejegyzes .kep {
  max-height: 12rem;
  overflow: hidden;
}



@media screen and (max-width:767px) {
  
.fo-banner-container .szoveg {
  text-align: end;
  padding: 1rem;
  flex: 100%;
  display: flex
;
  flex-direction: column;
  align-items: flex-end;
}

.is-sticky .telefonszam{
  display: none;
}

.fo-banner-container h1 {
  font-size: 1.5rem; 
  text-transform: uppercase;
  padding: 1rem;
}
.fo-banner-container .kep {
  max-width: 100%;
  padding: 1rem;
}
.video {
  display: flex;
 
}
.video {
    display: flex
;
    /* flex-direction: column; */
}
.container80 {
  max-width: 97%;
  margin: 0 auto;
}
.kezeles_kezelese .ikon {
  margin: 0;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  width: 100%;
  flex-wrap: wrap;
}
.hidden-div {
    padding: 3px;
  
}
.kezeles-container .keret {
 
   max-width: 100%;
}
.container60 {
  max-width: 100%;
 
}
.section-4 .container60 {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0;
}
.gyik .views-col {
  width: 100% !important;
}
}