/*----- FONTS -----*/
@font-face {
  font-family: 'Serifa Blk TL';
  src: url('/application/themes/kincseskert/fonts/SerifaTL-Black.woff2') format('woff2'), url('/application/themes/kincseskert/fonts/SerifaTL-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('/application/themes/kincseskert/fonts/MyriadPro-Regular.woff2') format('woff2'), url('/application/themes/kincseskert/fonts/MyriadPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Serifa TL';
  src: url('/application/themes/kincseskert/fonts/SerifaTL-Italic.woff2') format('woff2'), url('/application/themes/kincseskert/fonts/SerifaTL-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'CoalhandLuke';
  src: url('/application/themes/kincseskert/fonts/CoalhandLuke.woff2') format('woff2'), url('/application/themes/kincseskert/fonts/CoalhandLuke.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Serifa TL';
  src: url('/application/themes/kincseskert/fonts/SerifaTL-Roman.woff2') format('woff2'), url('/application/themes/kincseskert/fonts/SerifaTL-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Serifa TL';
  src: url('/application/themes/kincseskert/fonts/SerifaTL-Bold.woff2') format('woff2'), url('/application/themes/kincseskert/fonts/SerifaTL-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*----- COLORS -----*/
/*----- GLOBAL STYLES -----*/
#layout {
  background: #f3f7fc;
}
#layout .container {
  width: 1376px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
#layout .flex-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
#layout .flex-wrapper.flex-column {
  flex-direction: column;
}
#layout .flex-wrapper.h-center {
  justify-content: center;
}
#layout .flex-wrapper.v-center {
  align-items: center;
}
#layout img {
  max-width: 100%;
  height: auto;
}
body *,
#layout * {
  box-sizing: border-box;
}
/*----- TYPO -----*/
#layout {
  font-family: 'Inter', sans-serif;
}
#content {
  font-size: 15px;
  line-height: 1.5;
}
#content h1,
#content h2,
#content h3,
#content h4 {
  font-family: 'Inter';
  font-weight: 900;
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 1.25;
  color: #797979;
}
#content h2 {
  font-size: 34px;
}
#content h3 {
  font-size: 27px;
}
#content h4 {
  font-size: 24px;
}
#content p {
  margin-bottom: 20px;
}
#content a,
#content a:hover {
  text-decoration: none;
  color: #21c056;
}
#content hr {
  border: 3px solid #21c056;
  border-radius: 10px;
  width: 540px;
  max-width: 100%;
  margin: 30px auto;
  display: inline-block;
}
#content .text-green {
  color: #21c056;
}
#content .text-yellow {
  color: #ffca2a;
}
#content strong {
  font-weight: bold;
}
#content i {
  font-style: italic;
}
#content .circle {
  content: '';
  position: absolute;
  background: #ffca2a;
  border-radius: 50%;
}
header a,
#content a {
  transition: all 300ms ease-in-out;
}
/*----- BUTTON -----*/
#layout .button,
footer .button {
  display: inline-flex;
  align-items: center;
  padding: 15px 20px;
  margin: 15px 0;
  min-width: 120px;
  color: #fff;
  background-color: #21c056;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 2px;
  line-height: 1;
  border-radius: 30px;
  transition: all 250ms ease-in-out;
}
#layout .button.has-arrow,
footer .button.has-arrow {
  padding: 6px 10px 5px 25px;
}
#layout .button:hover,
footer .button:hover {
  text-decoration: none;
  background: #ffca2a;
  color: #21c056;
}
#layout .button.large,
footer .button.large {
  font-size: 46px;
}
#layout .button.transparent,
footer .button.transparent {
  background: transparent;
  color: #21c056;
}
#layout .button.transparent:hover,
footer .button.transparent:hover {
  background: #21c056;
  color: #f3f7fc;
}
#layout .button.light,
footer .button.light {
  background: #fff;
  color: #21c056;
}
#layout .button.light:hover,
footer .button.light:hover {
  background: #ffca2a;
  color: #21c056;
}
#layout .button.yellow,
footer .button.yellow {
  background: #ffca2a;
  color: #21c056;
}
#layout .button.yellow:hover,
footer .button.yellow:hover {
  background: #21c056;
  color: #fff;
}
#layout .arrow,
footer .arrow {
  content: '';
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-left: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/application/themes/kincseskert/images/icons/icon-arrow-green.png");
}
#layout .arrow.light,
footer .arrow.light {
  background-image: url("/application/themes/kincseskert/images/icons/icon-arrow-light.png");
}
/*----- LIST -----*/
.content-wrapper ul {
  margin-bottom: 30px;
}
.content-wrapper ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.content-wrapper ul li:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #21c056;
}
/*----- FORM -----*/
#layout div.alert-error,
#layout div.alert-danger {
  color: #fff;
  border-radius: 0;
  font-weight: bold;
  border: none !important;
  padding-left: 70px;
  background: #B10305;
  background-size: 37px !important;
  margin-bottom: 30px;
}
#layout div.alert-error li,
#layout div.alert-danger li {
  margin-bottom: 5px;
}
#layout form,
#layout .form {
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* Disabled checkbox */
  /* Accessibility */
}
#layout form input,
#layout .form input,
#layout form select,
#layout .form select,
#layout form textarea,
#layout .form textarea,
#layout form .form-control,
#layout .form .form-control {
  width: 100%;
  border: 2px solid transparent;
  border-radius: 25px;
  padding: 10px 15px 10px 15px;
  font-size: 15px;
  color: #9e9e9e;
  height: auto;
  transition: all 300ms;
}
#layout form input:focus,
#layout .form input:focus,
#layout form select:focus,
#layout .form select:focus,
#layout form textarea:focus,
#layout .form textarea:focus,
#layout form .form-control:focus,
#layout .form .form-control:focus,
#layout form input:active,
#layout .form input:active,
#layout form select:active,
#layout .form select:active,
#layout form textarea:active,
#layout .form textarea:active,
#layout form .form-control:active,
#layout .form .form-control:active {
  outline: none;
  box-shadow: none;
  border: 2px solid #ffca2a;
}
#layout form [type="checkbox"]:not(:checked),
#layout .form [type="checkbox"]:not(:checked),
#layout form [type="checkbox"]:checked,
#layout .form [type="checkbox"]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
  transition: all .275s;
  width: 0;
}
#layout form [type="checkbox"]:not(:checked) + label,
#layout .form [type="checkbox"]:not(:checked) + label,
#layout form [type="checkbox"]:checked + label,
#layout .form [type="checkbox"]:checked + label {
  position: relative;
  display: inline;
  padding-left: 32px;
  padding-top: 2px;
  line-height: 1.5;
  cursor: pointer;
  font-weight: normal;
}
#layout form [type="checkbox"]:not(:checked) + label:before,
#layout .form [type="checkbox"]:not(:checked) + label:before,
#layout form [type="checkbox"]:checked + label:before,
#layout .form [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: #FFF;
  border-radius: 50%;
  border: 2px solid #f9a848;
  box-shadow: none;
  -webkit-transition: all .275s;
  transition: all .275s;
}
#layout form [type="checkbox"]:not(:checked) + label:after,
#layout .form [type="checkbox"]:not(:checked) + label:after,
#layout form [type="checkbox"]:checked + label:after,
#layout .form [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top: -5px;
  left: 5px;
  width: 24px;
  height: 24px;
  box-shadow: none;
  background: url("/application/themes/kincseskert/images/icons/icon-checked.png") no-repeat center;
  background-size: contain;
  -webkit-transition: all .2s;
  transition: all .2s;
}
#layout form [type="checkbox"]:not(:checked) + label:after,
#layout .form [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#layout form [type="checkbox"]:checked + label:after,
#layout .form [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#layout form [type="checkbox"]:disabled:not(:checked) + label:before,
#layout .form [type="checkbox"]:disabled:not(:checked) + label:before,
#layout form [type="checkbox"]:disabled:checked + label:before,
#layout .form [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #f9a848;
  background-color: #e9e9e9;
}
#layout form [type="checkbox"]:disabled:checked + label:after,
#layout .form [type="checkbox"]:disabled:checked + label:after {
  color: #777;
}
#layout form [type="checkbox"]:disabled + label,
#layout .form [type="checkbox"]:disabled + label {
  color: #aaa;
}
#layout form ::placeholder,
#layout .form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1;
  /* Firefox */
}
#layout form :-ms-input-placeholder,
#layout .form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
}
#layout form ::-ms-input-placeholder,
#layout .form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000;
}
/* IFRAME */
#content iframe {
  max-width: 100%;
  height: 260px;
}
/*----- FRAME -----*/
html,
body {
  color: #979797;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
#layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 1920px;
  max-width: 100%;
  margin: 0 auto;
}
#layout .padding-large {
  padding-top: 60px;
  padding-bottom: 60px;
}
/*----- HEADER -----*/
#layout header {
  position: absolute;
  width: 100%;
  padding: 15px 0;
  color: #fff;
  min-height: 140px;
  z-index: 1;
}
#layout header .container {
  align-items: center;
}
#layout header .logo.ivy {
  content: '';
  width: 74px;
  height: 72px;
  text-indent: -9999px;
  cursor: pointer;
  background: url('/application/themes/kincseskert/images/logos/logo-ivy.svg') no-repeat center;
  background-size: contain;
  margin: 10px 0;
}
#layout header .logo.ivy a {
  display: flex;
  height: 100%;
}
#layout header #navigation {
  margin-left: auto;
}
#layout header #navigation ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#layout header #navigation ul li {
  margin-right: 30px;
}
#layout header #navigation ul li a {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background: none;
}
#layout header #navigation ul li a:hover {
  color: #ffca2a;
}
#layout header #navigation .button.regisztracio {
  border: 1px solid #fff;
  background: url("/application/themes/kincseskert/images/icons/icon-arrow-right-light.svg") no-repeat right 14px center;
  background-size: 18px;
  padding-right: 40px;
}
#layout header #navigation .button.szavazas {
  background: #ffca2a;
  color: #000;
}
#layout header #menu-toggle {
  content: '';
  position: absolute;
  top: 35px;
  right: 15px;
  display: none;
  cursor: pointer;
  width: 46px;
  height: 46px;
  background: #21c056 url("/application/themes/kincseskert/images/icons/icon-menu-toggle.png") no-repeat center;
  background-size: 34px;
}
/*----- CONTENT -----*/
#content {
  flex: 0 0 auto;
  margin: 90px 0;
}
/*----- LANDING -----*/
#content {
  margin: 0;
  overflow-x: hidden;
}
/*----- TOP IMAGE -----*/
#top-image {
  position: relative;
}
#top-image .image {
  position: relative;
  content: '';
  display: flex;
  padding-top: 20vw;
  width: 100%;
  max-width: 100%;
  min-height: 55.8vw;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-image: url("/application/themes/kincseskert/images/2025/backgrounds/bg-topimage.jpg");
}
#top-image .image:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 8.7%;
  background: url("/application/themes/kincseskert/images/2025/img-clouds-1.png") no-repeat center top;
  background-size: cover;
}
#top-image .image .description-wrapper {
  width: 480px;
  max-width: 100%;
  color: #fff;
}
#top-image .image .description-wrapper .subtitle {
  font-size: 28px;
  line-height: 36px;
}
#top-image .image .description-wrapper h2 {
  font-weight: 900;
  font-size: 46px;
  color: #fff;
}
#top-image .image .description-wrapper .buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#top-image .image .description-wrapper .buttons-wrapper a {
  margin: 5px 0;
}
#top-image .image .description-wrapper .buttons-wrapper a:nth-of-type(2) {
  margin-left: 15px;
  color: #fff;
}
#top-image .image .elindult-wrapper {
  margin-top: 10vw;
  text-align: center;
}
#top-image .image .elindult-wrapper .elindult {
  position: relative;
  display: inline-block;
  margin: 120px auto 30px;
  padding: 11px 11px 11px 220px;
  background: #fff;
  box-shadow: 0 9px 22px 0 #1C30571A;
  border-radius: 36px;
}
#top-image .image .elindult-wrapper .elindult span {
  display: inline-block;
}
#top-image .image .elindult-wrapper .elindult .button {
  margin: 0 0 0 20px;
}
#top-image .image .elindult-wrapper .elindult:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -40px;
  width: 234px;
  height: 237px;
  background: url("/application/themes/kincseskert/images/img-szavazas.png") no-repeat center;
  background-size: contain;
}
#program-bemutatasa {
  position: relative;
  margin-top: 10vw;
}
#program-bemutatasa .circle.circle-1 {
  top: -24px;
  left: 1%;
  width: 47px;
  height: 45px;
}
#program-bemutatasa .circle.circle-2 {
  bottom: -90px;
  right: 5%;
  width: 75px;
  height: 73px;
}
#program-bemutatasa,
#palyazati-kiiras {
  margin-bottom: 12vw;
}
#program-bemutatasa .content-wrapper,
#palyazati-kiiras .content-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#program-bemutatasa .content-wrapper .description-wrapper,
#palyazati-kiiras .content-wrapper .description-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}
#program-bemutatasa .content-wrapper .description-wrapper h2,
#palyazati-kiiras .content-wrapper .description-wrapper h2 {
  margin-bottom: 10px;
  font-size: 34px;
  font-weight: 500;
}
#program-bemutatasa .content-wrapper .description-wrapper h3,
#palyazati-kiiras .content-wrapper .description-wrapper h3 {
  width: 600px;
  max-width: 100%;
  font-weight: 900;
  color: #21c056;
}
#program-bemutatasa .content-wrapper .image-wrapper,
#palyazati-kiiras .content-wrapper .image-wrapper {
  display: flex;
  width: 40%;
}
#program-bemutatasa .content-wrapper .image-wrapper .image,
#palyazati-kiiras .content-wrapper .image-wrapper .image {
  content: '';
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-position: center center;
}
#program-bemutatasa .content-wrapper .image-wrapper .image.program-bemutatasa,
#palyazati-kiiras .content-wrapper .image-wrapper .image.program-bemutatasa {
  background-image: url("/application/themes/kincseskert/images/2025/img-program-bemutatasa.png");
  padding-bottom: 93%;
}
#program-bemutatasa .content-wrapper .image-wrapper .image.palyazati-kiiras,
#palyazati-kiiras .content-wrapper .image-wrapper .image.palyazati-kiiras {
  background-image: url("/application/themes/kincseskert/images/2025/img-palyazat-kiirasa.png");
  padding-bottom: 81%;
}
/*----- TUTI TIPPEK -----*/
#tuti-tippek {
  position: relative;
  background: #fff;
  padding: 90px 0 0;
}
#tuti-tippek:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  padding-bottom: 8.7%;
  background: url("/application/themes/kincseskert/images/2025/img-clouds-3.png") no-repeat center top;
  background-size: cover;
}
#tuti-tippek .tips-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 640px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
#tuti-tippek .tips-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 60px;
  padding-bottom: 90px;
}
#tuti-tippek .tips-wrapper .tip-box {
  position: relative;
  width: calc(25% - 30px);
  min-width: 240px;
  max-width: 100%;
  min-height: 420px;
}
#tuti-tippek .tips-wrapper .tip-box .tip-box-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 60px 40px 60px;
  background: #fff;
  font-size: 15px;
  text-align: center;
  clip-path: polygon(50% 0, 100% 22%, 100% 78%, 50% 100%, 0 78%, 0 22%);
}
#tuti-tippek .tips-wrapper .tip-box.box-hexa {
  filter: drop-shadow(0px 15px 9px #efefef);
}
#tuti-tippek .tips-wrapper .tip-box.box-hexa .tip-box-content {
  background-color: #f3f7fc;
}
#tuti-tippek .tips-wrapper .tip-box h4 {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
}
#tuti-tippek .tips-wrapper .tip-box p {
  margin-bottom: 0;
}
#tuti-tippek .tips-image {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 44%;
  padding-bottom: 38vw;
  background: url("/application/themes/kincseskert/images/2025/img-tuti-tippek.png") no-repeat right bottom;
  background-size: contain;
}
/*----- TAVALYI NYERTES -----*/
#tavalyi-nyertes {
  position: relative;
  margin-bottom: 12vw;
  padding-top: 10vw;
}
#tavalyi-nyertes:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  padding-bottom: 8.7%;
  background: url("/application/themes/kincseskert/images/2025/img-clouds-1.png") no-repeat center top;
  background-size: cover;
}
#tavalyi-nyertes .content-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#tavalyi-nyertes .content-wrapper .description-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}
#tavalyi-nyertes .content-wrapper .description-wrapper h2 {
  margin-bottom: 10px;
  font-size: 34px;
  font-weight: 500;
}
#tavalyi-nyertes .content-wrapper .description-wrapper h3 {
  width: 600px;
  max-width: 100%;
  font-weight: 900;
  color: #21c056;
}
#tavalyi-nyertes .content-wrapper .description-wrapper .button {
  margin-right: auto;
}
#tavalyi-nyertes .content-wrapper .image-wrapper {
  display: flex;
  width: 40%;
}
#tavalyi-nyertes .content-wrapper .image-wrapper .image {
  content: '';
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-position: center center;
}
#tavalyi-nyertes .content-wrapper .image-wrapper .image.tavalyi-nyertes {
  background-image: url("/application/themes/kincseskert/images/2025/img-tavalyi-nyertes.png");
  padding-bottom: 70%;
}
#tavalyi-nyertes .nyertes-video {
  display: flex;
  justify-content: center;
  margin: 120px auto 0;
}
#tavalyi-nyertes .nyertes-video iframe {
  width: 900px;
  max-width: 100%;
  height: 500px;
}
/*----- TAMOGATAS OSSZEGE -----*/
#tamogatas-osszege {
  position: relative;
  background-color: #fff;
  padding-top: 10vw;
}
#tamogatas-osszege:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  padding-bottom: 8.7%;
  background: url("/application/themes/kincseskert/images/2025/img-clouds-3.png") no-repeat center top;
  background-size: cover;
}
#tamogatas-osszege .tamogatas-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1080px;
  max-width: 100%;
  min-height: 148px;
  margin: 60px auto 30px;
  padding: 32px 42px;
  background: linear-gradient(96.89deg, #008447 -8.15%, #24c657 76.19%);
  border-radius: 18px;
  text-align: center;
}
#tamogatas-osszege .tamogatas-box h3 {
  margin: 0;
  color: #fff;
  font-weight: 800;
  font-size: 34px;
}
#tamogatas-osszege .tamogatas-box .circle.circle-1 {
  top: -24px;
  left: 18%;
  width: 47px;
  height: 45px;
}
#tamogatas-osszege .tamogatas-box .circle.circle-2 {
  bottom: -36px;
  right: 5%;
  width: 75px;
  height: 73px;
}
#tamogatas-osszege .tamogatas-box + p {
  margin-bottom: 30px;
  font-size: 18px;
}
/*----- PALYAZATI FELTETELEK -----*/
#palyazati-feltetelek {
  position: relative;
  overflow: hidden;
  padding: 60px 0 0;
  background: #fff;
}
#palyazati-feltetelek:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 250px;
  height: 250px;
  background: linear-gradient(45deg, #50b679 0%, #ffffff 100%);
  border-radius: 50%;
  transform: rotate(-15deg) translate(50%, -50%);
  transform-origin: left;
}
#palyazati-feltetelek #feltetelek-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#palyazati-feltetelek #feltetelek-wrapper .feltetelek-box {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 30px 0;
  padding: 50px 30px 4vw;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 9px 22px 0 #1C30571A;
  z-index: 1;
}
#palyazati-feltetelek #feltetelek-wrapper .feltetelek-box h3 {
  margin-bottom: 40px;
  font-size: 40px;
  font-weight: 900;
  text-align: center;
}
#palyazati-feltetelek #feltetelek-wrapper .circle.circle-1 {
  top: -24px;
  left: -30px;
  width: 60px;
  height: 57px;
  background: #21c056;
}
#palyazati-feltetelek #feltetelek-wrapper .circle.circle-2 {
  bottom: -17px;
  right: 11%;
  width: 45px;
  height: 43px;
}
#palyazati-feltetelek #feltetelek-wrapper .circle.circle-3 {
  top: 30%;
  right: -26px;
  width: 45px;
  height: 43px;
}
#palyazati-feltetelek #hatarido {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin: 4vw 0 8vw;
  color: #797979;
}
#palyazati-feltetelek #hatarido .button {
  position: relative;
  padding: 16px 40px;
  background: linear-gradient(96.94deg, #008447 16.19%, #24c657 82.86%);
}
#palyazati-feltetelek #hatarido .circle {
  width: 21px;
  height: 21px;
}
#palyazati-feltetelek #hatarido .circle.circle-1 {
  top: -8px;
  left: 2px;
}
#palyazati-feltetelek #hatarido .circle.circle-2 {
  bottom: -2px;
  right: -6px;
}
/*----- REGISZTRACIO -----*/
#regisztracio {
  padding: 0 0 90px;
  background: #ffffff url("/application/themes/kincseskert/images/2025/img-regisztracio-clouds.png") no-repeat center top 10vw;
  background-size: cover;
}
#regisztracio .registration-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 15px 6vw;
  margin-bottom: 30px;
  background: #21c056;
  border-radius: 18px;
  box-shadow: 0 9px 22px 0 #1C30571A;
  color: #fff;
}
#regisztracio .registration-title h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 0;
}
#regisztracio .registration-title span {
  margin-left: auto;
  font-size: 20px;
  text-align: right;
}
#regisztracio #Registration {
  position: relative;
  padding: 60px 6% 220px;
  background: #fff;
  border-radius: 18px;
}
#regisztracio #Registration:after {
  content: '';
  position: absolute;
  bottom: -40px;
  right: -34px;
  width: 509px;
  padding-bottom: 32%;
  background: url("/application/themes/kincseskert/images/img-registration.png") no-repeat right bottom;
  background-size: contain;
}
#regisztracio #Registration .form .fields {
  display: flex;
  flex-wrap: wrap;
}
#regisztracio #Registration .form .fields .form-group {
  position: relative;
  width: calc(50% - 20px);
  margin: 10px 10px;
}
#regisztracio #Registration .form .fields .form-group .form-control {
  position: relative;
  border: 2px solid #21c056;
  padding: 10px 20px;
  background: transparent;
  z-index: 1;
  box-shadow: none;
}
#regisztracio #Registration .form .fields .form-group input:-webkit-autofill,
#regisztracio #Registration .form .fields .form-group input:-webkit-autofill:hover,
#regisztracio #Registration .form .fields .form-group input:-webkit-autofill:focus,
#regisztracio #Registration .form .fields .form-group input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
#regisztracio #Registration .form .fields .form-group.width-third {
  width: calc(33% - 20px);
}
#regisztracio #Registration .form .fields .form-group.width-full {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#regisztracio #Registration .form .fields .form-group.width-full small {
  order: 2;
}
#regisztracio #Registration .form .fields .form-group.inline-elements {
  display: flex;
  flex-wrap: wrap;
}
#regisztracio #Registration .form .fields .form-group .text-danger {
  background-color: #ed1c24;
  color: #fff;
  border-radius: 15px;
  padding: 2px 10px;
  margin-top: 10px;
  display: block;
  width: 100%;
}
#regisztracio #Registration .form .fields input#image {
  display: none;
}
#regisztracio #Registration .form .fields label[for="image"],
#regisztracio #Registration .form .fields label[for="doc"] {
  display: inline-flex;
  align-items: center;
  margin-right: 30px;
  color: #21c056;
  text-transform: uppercase;
  font-weight: 900;
}
/*----- SZAVAZAS -----*/
#szavazas {
  padding: 90px 0 90px;
}
#szavazas .szavazas-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 15px 6vw;
  margin-bottom: 30px;
  background: #21c056;
  border-radius: 18px;
  box-shadow: 0 9px 22px 0 #1C30571A;
  color: #fff;
}
#szavazas .szavazas-title h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 0;
}
#szavazas .szavazas-title span {
  margin-left: auto;
  font-size: 20px;
}
#szavazas #szurok {
  display: flex;
  margin-bottom: 30px;
}
#szavazas #szurok .title {
  display: flex;
  align-items: center;
  margin-right: 30px;
}
#szavazas #szurok .szuro-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#szavazas #szurok .szuro-wrapper a {
  padding: 7px 20px;
  border: 1px solid #797979;
  border-radius: 18px;
  color: #797979;
  transition: all 300ms ease-in-out;
}
#szavazas #szurok .szuro-wrapper a:hover,
#szavazas #szurok .szuro-wrapper a .selected {
  background: #21c056;
  color: #fff;
  border: 1px solid #21c056;
}
#szavazas .items-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#szavazas .items-wrapper .item {
  width: calc(25% - 10px);
  min-width: 240px;
}
#szavazas .items-wrapper .item .image-wrapper {
  display: block;
  margin-bottom: 20px;
}
#szavazas .items-wrapper .item .image-wrapper .image {
  content: '';
  width: 100%;
  padding-bottom: 60%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 18px;
  box-shadow: 0 9px 22px 0 #1C30571A;
}
#szavazas .items-wrapper .item .name {
  font-size: 22px;
  font-weight: 400;
  color: #797979;
}
/*----- LEZARULT -----*/
#lezarult .notification-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 110px;
  border-radius: 18px;
  box-shadow: 0 9px 22px 0 #1C30571A;
  background: #fff;
}
#lezarult .notification-box .image-wrapper {
  margin-bottom: -70px;
}
#lezarult .notification-box .image-wrapper img {
  display: inline-block;
  margin-right: 15px;
  transform: translateY(-70px);
}
#lezarult .notification-box .description-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  padding: 30px 7vw 30px;
}
#lezarult .notification-box .description-wrapper h4 {
  font-size: 36px;
  font-weight: 900;
  margin-bottom: 15px;
}
#lezarult .notification-box .description-wrapper p {
  margin-bottom: 0;
}
/*----- EMLEKEZTETO -----*/
#emlekezteto .notification-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 90px;
  border-radius: 18px;
  box-shadow: 0 9px 22px 0 #1C30571A;
  background: #fff;
}
#emlekezteto .notification-box .image-wrapper {
  margin-bottom: -24px;
}
#emlekezteto .notification-box .image-wrapper img {
  display: inline-block;
  transform: translateY(-24px);
}
#emlekezteto .notification-box .description-wrapper {
  flex: 1;
  padding: 30px 7vw 0;
}
#emlekezteto .notification-box .description-wrapper h4 {
  font-size: 27px;
  font-weight: 900;
  margin-bottom: 15px;
}
#emlekezteto .notification-box .description-wrapper p {
  margin-bottom: 0;
}
/*----- KOSZONET -----*/
#koszonet {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
}
#koszonet .koszonet-box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-radius: 18px;
  box-shadow: 0 9px 22px 0 #1C30571A;
  background: #fff;
}
#koszonet .koszonet-box .image-wrapper {
  margin-bottom: -46px;
}
#koszonet .koszonet-box .image-wrapper img {
  display: inline-block;
  transform: translateY(-46px);
}
#koszonet .koszonet-box .description-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  padding: 30px 4vw 30px;
}
#koszonet .koszonet-box .description-wrapper h3 {
  font-size: 36px;
  margin-bottom: 15px;
}
#koszonet .koszonet-box .description-wrapper h4 {
  font-size: 27px;
  font-weight: 900;
  margin-bottom: 15px;
}
#koszonet .koszonet-box .description-wrapper p {
  margin-bottom: 0;
}
#koszonet .koszonet-box .close-button {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 43px;
  height: 43px;
  background: url('/application/themes/kincseskert/images/icons/icon-close.png') no-repeat center;
  background-size: auto;
  cursor: pointer;
  z-index: 10;
  transform: translate(50%, -50%);
}
/*----- FOOTER BAR -----*/
#footer-bar {
  content: '';
  display: block;
  width: 100%;
  height: 25px;
  background: #21c056;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
/*.grecaptcha-badge {
  z-index: -1;
}*/
@media (max-width: 1300px) {
  #layout header {
    min-height: 0;
  }
  #layout header #navigation {
    display: none;
  }
  #layout header #navigation.visible {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    background: #fff;
    padding: 0 0 20px;
    /*&:after{
          content: '';
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          height: 70px;
          background: @red url('../images/backgrounds/bg-header-bottom.jpg') no-repeat center bottom;
          transform: rotate(180deg);
        }*/
  }
  #layout header #navigation.visible .nav {
    width: 100%;
    flex-wrap: wrap;
  }
  #layout header #navigation.visible .nav li {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
  }
  #layout header #navigation.visible .nav li a {
    color: #000;
    padding: 10px 15px;
    margin: 0;
  }
  #layout header .logo.stavmat {
    max-width: 220px;
    height: 66px;
  }
  #layout header #media-links {
    margin-left: auto;
    margin-right: 80px;
  }
  #layout header #menu-toggle {
    display: block;
  }
}
@media (max-width: 1160px) {
  #hogyan-palyazhatok {
    padding: 45px 0;
  }
  #hogyan-palyazhatok .content-wrapper .image-wrapper {
    width: 100%;
  }
  #hogyan-palyazhatok .content-wrapper .image-wrapper .image {
    margin: auto;
    display: block;
    width: 530px;
    max-width: 100%;
    padding-bottom: 46.7%;
  }
  #hogyan-palyazhatok .content-wrapper .description {
    padding-left: 0;
  }
  #hogyan-palyazhatok .content-wrapper .description .palyazas-list .list-item {
    padding-left: 60px;
    padding-top: 0;
    background-size: 45px;
  }
  #nyeremenyek .image-wrapper {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  #tuti-tippek {
    padding: 0 15px;
  }
  #tuti-tippek .tips-image {
    position: relative;
    right: -40px;
    width: 100%;
    padding-bottom: 81%;
  }
  #regisztracio #Registration .form .fields .form-group:not(.width-full) {
    width: 100% !important;
    max-width: 340px;
    margin: 10px auto;
  }
  #regisztracio {
    padding: 60px 0 20vw;
    background-size: contain;
  }
  #regisztracio h2 {
    justify-content: center;
  }
  #regisztracio h2 .logo {
    margin: 50px auto 0;
  }
  #regisztracio .inline-elements {
    justify-content: center;
    flex-direction: column;
  }
  #regisztracio .inline-elements label {
    margin-right: 0;
  }
}
@media (max-width: 560px) {
  #content h2 {
    font-size: 42px;
  }
  #top-image {
    margin-top: 0;
  }
  #top-image .image {
    padding-top: 70vw;
    padding-bottom: 20vw;
  }
  #top-image .image .description-wrapper .subtitle {
    font-size: 20px;
    line-height: 1.5;
  }
  #top-image .image .description-wrapper h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
  #top-image .image .description-wrapper .buttons-wrapper a:nth-of-type(2) {
    color: #21c056;
  }
  #top-image .image .elindult-wrapper .elindult {
    margin: 60px auto 30px;
    padding: 15px 10px 70vw 15px;
  }
  #top-image .image .elindult-wrapper .elindult span {
    padding: 15px;
    margin-bottom: 0;
  }
  #top-image .image .elindult-wrapper .elindult:after {
    left: 50%;
    width: 65vw;
    height: 70vw;
    background-position: center bottom;
    background-size: contain;
    transform: translateX(-54%);
  }
  #program-bemutatasa .content-wrapper,
  #palyazati-kiiras .content-wrapper {
    flex-direction: column;
  }
  #program-bemutatasa .content-wrapper .description-wrapper,
  #palyazati-kiiras .content-wrapper .description-wrapper {
    width: 100%;
  }
  #program-bemutatasa .content-wrapper .image-wrapper,
  #palyazati-kiiras .content-wrapper .image-wrapper {
    width: 100%;
    order: -1;
    margin: 30px 0;
    padding: 0 8%;
  }
  #tuti-tippek {
    padding: 0 15px;
  }
  #tuti-tippek .tips-wrapper {
    width: 100%;
  }
  #tuti-tippek .tips-wrapper .tip-box {
    width: 100%;
    min-height: 360px;
  }
  #tuti-tippek .tips-wrapper .tip-box h4 {
    margin-bottom: 10px;
  }
  #tuti-tippek .tips-wrapper .tip-box.box-5 {
    order: 2;
  }
  #tuti-tippek .tips-image {
    position: relative;
    width: 100%;
    padding-bottom: 81%;
  }
  #tavalyi-nyertes .content-wrapper {
    flex-direction: column;
  }
  #tavalyi-nyertes .content-wrapper .image-wrapper {
    width: 100%;
  }
  #tavalyi-nyertes .content-wrapper .description-wrapper {
    width: 100%;
    text-align: center;
  }
  #tavalyi-nyertes .content-wrapper .description-wrapper .button {
    margin-left: auto;
  }
  #tavalyi-nyertes .nyertes-video iframe {
    height: 70vw;
  }
  #tamogatas-osszege .tamogatas-box {
    margin: 30px auto;
  }
  #tamogatas-osszege .tamogatas-box h3 {
    margin: 10px 0;
    font-size: 21px;
  }
  #palyazati-feltetelek {
    padding: 30px 0;
  }
  #palyazati-feltetelek #feltetelek-wrapper .feltetelek-box {
    margin: 15px 0;
    padding: 10vw 30px 4vw;
  }
  #palyazati-feltetelek #feltetelek-wrapper .feltetelek-box h3 {
    margin-bottom: 30px;
    font-size: 9vw;
  }
  #palyazati-feltetelek #hatarido {
    gap: 15px;
    margin: 4vw 0 0;
  }
  #regisztracio {
    padding: 45px 0 0px;
  }
  #regisztracio .registration-title {
    flex-direction: column;
    text-align: center;
  }
  #regisztracio .registration-title span {
    margin: 10px auto;
  }
  #regisztracio #Registration {
    padding: 15px 15px 120px;
  }
  #regisztracio #Registration:after {
    bottom: -12px;
    right: -7px;
    width: 100%;
    padding-bottom: 37%;
  }
  #szavazas #szurok {
    flex-direction: column;
  }
  #szavazas #szurok .title {
    margin-bottom: 20px;
  }
  #szavazas .items-wrapper .item {
    width: 100%;
  }
  #lezarult .notification-box .description-wrapper h4 {
    font-size: 28px;
  }
  #lezarult .notification-box .image-wrapper {
    margin-bottom: 0;
  }
  #lezarult .notification-box .image-wrapper img {
    transform: translateY(0px);
  }
  #emlekezteto .notification-box {
    margin-bottom: 60px;
  }
  #emlekezteto .notification-box .description-wrapper {
    padding: 30px 7vw 30px;
  }
  #emlekezteto .notification-box .description-wrapper h4 {
    font-size: 28px;
  }
  #hogyan-palyazhatok .content-wrapper .image-wrapper .image {
    padding-bottom: 68%;
  }
  #nyeremenyek .description-wrapper .nyeremenyek-list-wrapper .list-item span {
    font-size: 25px;
  }
}