@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.cdnfonts.com/css/helvetica-neue-55");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
/*******************/
/* Main custom CSS */
/*******************/
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html {
  overflow-x: hidden;
}
body {
  color: #5F7B92;
  font-size: 16px;
  line-height: 160%;
  font-weight: 400;
  padding: 0;
  margin: 0;
  font-family: "Inter", sans-serif;
  background: #eff6f8;
  overflow-x: hidden;
  touch-action: auto !important;
}
#container {
  width: auto;
  max-width: 1920px;
  display: block;
  padding: 0;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #f6fafb;
}
#container .views_slideshow_cycle_main, #container .views_slideshow_cycle_slide {
  width: 100% !important;
}
#container .g-recaptcha {
  padding: 10px 0;
}
#container .g-recaptcha > div {
  margin: 0 auto;
}
#container .g-recaptcha iframe {
  margin: 0 !important;
}
/**********/
/* Header */
/**********/
#header {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
#header #header-top {
  width: 100%;
  padding-bottom: 54px;
  background: url("../images/top-atmenet.png") top left repeat-x;
  background-size: auto 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7400;
}
#header #header-top > .content {
  width: auto;
  max-width: 1500px;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#header #logo-befoglalo {
  width: 265px;
}
#header #logo {
  padding: 20px 0;
  margin: 0;
  text-align: center;
}
#header #logo a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#header #logo a img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
}
#header-tartalom {
  width: 265px;
  background: none;
  border-bottom: none;
}
#header-tartalom #block-nfct-headerblokk .content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  height: 50px;
}
#header-tartalom #block-nfct-headerblokk .gomb a {
  color: #fff;
  font-size: 1rem;
  line-height: 125%;
  font-weight: 300;
  padding: 15px 60px 15px 30px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #182549;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
#header-tartalom #block-nfct-headerblokk .gomb a:after {
  content: "";
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 30px;
  background: url("../images/gomb-nyil.png") center center no-repeat;
}
#header-tartalom #block-nfct-headerblokk .gomb a:hover {
  color: #fff;
  background: #25386f;
}
#desktop-navigation {
  width: auto;
  position: relative;
  padding: 0;
  margin: 0;
  text-align: right;
}
#desktop-navigation ul {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 0;
}
#desktop-navigation ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
  list-style-image: none;
  list-style: none;
  position: relative;
  z-index: 7500;
}
#desktop-navigation ul li.menu-item--expanded > span {
  padding: 0 23px 0 15px;
  margin: 0;
}
#desktop-navigation ul li.menu-item--expanded > span:after {
  border-color: #2E4789 transparent transparent transparent;
  top: 48%;
  right: 8.5px;
  border-width: 7px 4px 0 4px;
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
}
#desktop-navigation ul li.menu-item--expanded.menu-item--active-trail > span:after, #desktop-navigation ul li.menu-item--expanded:hover > span:after {
  border-color: #000 transparent transparent transparent;
  top: 48%;
  right: 8.5px;
  border-width: 7px 4px 0 4px;
  content: "";
  display: block;
  position: absolute;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
}
#desktop-navigation ul li span, #desktop-navigation ul li a {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 80px;
  font-weight: 500;
  padding: 0 15px;
  margin: 0;
  font-family: "Inter", sans-serif;
  height: 80px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#desktop-navigation ul li.menu-item--active-trail > span, #desktop-navigation ul li.menu-item--expanded:hover > span, #desktop-navigation ul li.menu-item--expanded > span:hover, #desktop-navigation ul li span:hover, #desktop-navigation ul li > a:hover, #desktop-navigation ul li a.is-active {
  color: #182549;
  background: none;
  font-weight: 700;
}
#desktop-navigation ul li.gomb {
  width: auto;
}
#desktop-navigation ul li.gomb a {
  color: #fff;
  font-size: 1rem;
  line-height: 125%;
  font-weight: 300;
  padding: 15px 60px 15px 30px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #182549;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
#desktop-navigation ul li.gomb a:after {
  content: "";
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 30px;
  background: url("../images/gomb-nyil.png") center center no-repeat;
}
#desktop-navigation ul li.gomb a.active, #desktop-navigation ul li.gomb a:hover {
  color: #fff;
  background: #25386f;
}
#desktop-navigation ul li.noactive a {
  color: #fff;
}
#desktop-navigation ul li.noactive a:hover {
  color: #000;
  font-weight: 700;
}
/********************/
/* Flash formázásai */
/********************/
#flash {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  clear: both;
  overflow: hidden;
}
#flash img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
}
#flash picture {
  font-size: 0;
}
#flash video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#flash #bgvideo {
  overflow: hidden;
  position: relative;
  /*&:after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba($fekete, 0.4);}*/
}
#flash .views-field-body {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1900;
}
#flash .views-field-body .field-content {
  width: auto;
  max-width: 1200px;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
#flash .cim {
  color: #fff;
  font-size: clamp(26px, 5vw, 4rem);
  line-height: 130%;
  font-weight: 900;
  padding: 10px 0;
  margin: 0;
}
#flash .cim small {
  display: block;
  color: #000;
  font-size: clamp(21px, 2vw, 2rem);
  line-height: 130%;
  font-weight: 700;
  text-transform: uppercase;
}
#flash p {
  color: #fff;
  font-size: clamp(13px, 1.4vw, 20px);
  line-height: 140%;
  font-weight: 400;
  padding: 10px 0;
  margin: 0;
}
#flash .gomb {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  clear: both;
  text-align: center;
}
#flash .gomb a {
  color: #fff;
  font-size: 1rem;
  line-height: 125%;
  font-weight: 300;
  padding: 15px 60px 15px 30px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #182549;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
#flash .gomb a:after {
  content: "";
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 30px;
  background: url("../images/gomb-nyil.png") center center no-repeat;
}
#flash .gomb a:hover {
  color: #fff;
  background: #25386f;
}
/*****************/
/* Tartalmi rész */
/*****************/
#content {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  background: url("../images/content-bg.png") right top no-repeat;
  /**************/
  /* Temaplates */
  /**************/
  /***********/
  /* Főoldal */
  /***********/
  /*/Splide.js
    SVG nyílak - jobbra mutatók kellenek! (https://iconmonstr.com/arrow/):
    <path d="M21.883 12l-7.527 6.235.644.765 9-7.521-9-7.479-.645.764 7.529 6.236h-21.884v1h21.883z"/>
    <path d="M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-3 5.753l6.44 5.247-6.44 5.263.678.737 7.322-6-7.335-6-.665.753z"/>
    <path d="m31.9 13.4-1.41 1.41 4.21 4.21h-33.1v2h33.1l-4.21 4.21 1.41 1.41 5.21-5.21 1.42-1.41-1.42-1.41z"></path>
    <path d="M40,20.2 L17.44,39.4 L17.44,27.88 L0,27.88 L0,12.52 L17.44,12.52 L17.44,1 L40,20.2 z M20.16,33.48 L35.84,20.2 L20.16,6.92 L20.16,15.24 L2.72,15.24 L2.72,25.16 L20.16,25.16 L20.16,33.48 z"></path>
    HTML:
    <div class="splide" id="splide-slider" role="group">
        <div>{{ drupal_view('carosuel', 'block_1') }}</div>
        <div class="splide__arrows">
            <button class="splide__arrow splide__arrow--prev"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button>
            <button class="splide__arrow splide__arrow--next"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button>
        </div>
    </div>*
    $splideWidth: 280px; //autowidth: true;
    $splideBG: none;
    $splide-arrowBG: $fekete;
    $splide-arrowBGHover: $feher;
    $splide-arrowFill: $feher;
    $splide-arrowFillHover: $fekete;
    $splidePadding: 0;
    $splideMargin: 0 25px;
    .splide {padding: 50px 0;
        .splide__arrows {
            button {position: absolute; top: 50%; z-index: 1000; background: $splide-arrowBG; border: none; @include padMargin(10px); @include border-radius(3px); @include link; @include flex(); @include shadow($fekete, 10px, 0.2);
                svg {width: 40px; height: 100%; fill: $splide-arrowFill;}
                &:hover {background: $splide-arrowBGHover;
                    svg {fill: $splide-arrowFillHover;}
                }
            }
            .splide__arrow--prev {transform: rotate(-180deg) translateY(50%); left: 10px;}
            .splide__arrow--next {transform: translateY(-50%); right: 10px;}
        }
        .splide__track {overflow: unset;}
        .splide__slide {@include padMargin($splidePadding, $splideMargin); max-width: $splideWidth; background: $splideBG; overflow: hidden;} //@include border-radius(25px); @include shadow($fekete, 10px, 0.2);
        .cim {@include text($feher, unquote("clamp(28px, 6.5vw, 5rem)"), $black, 130%); text-transform: uppercase; @include padMargin(10px 0);}
        p {@include text($feher, unquote("clamp(16px, 2.5vw, 20px)"), $regular, 160%); @include padMargin(10px 0);}
        .gomb {text-align: left;}
        .splide__pagination {width: auto; @include flex(); @include padMargin(0 !important, 0 !important); position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); list-style: none; z-index: 1000;
            li {@include padMargin(0 !important, 0 3px !important);}
            button {display: block; width: 12px; height: 12px; @include padMargin(); background: $feher; opacity: 0.5; @include transition(); @include border-radius(50%); border: none; @include link; text-indent: -10000em; &:hover, &.is-active {opacity: 1;}}
        }
    }*/
}
.not-front #content .tartalom {
  width: auto;
  max-width: 1200px;
  display: block;
  padding: 140px 10px 20px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.front #content {
  background-image: url("../images/content-bg.png"), url("../images/content-bg-left.png");
  background-position: right top, left center;
  background-repeat: no-repeat, no-repeat;
}
#content h1 {
  padding: 10px 0;
  margin: 0;
  color: #1D2C56;
  font-size: clamp(34px, 5vw, 3.2rem);
  line-height: 140%;
  font-weight: 700;
}
#content h2 {
  padding: 10px 0;
  margin: 0;
  color: #1D2C56;
  font-size: clamp(24px, 4vw, 2.4rem);
  line-height: 140%;
  font-weight: 700;
}
#content h3 {
  padding: 10px 0;
  margin: 0;
  color: #1D2C56;
  font-size: clamp(21px, 3vw, 2rem);
  line-height: 140%;
  font-weight: 700;
}
#content h4 {
  padding: 10px 0;
  margin: 0;
  color: #1D2C56;
  font-size: clamp(18px, 2vw, 1.75rem);
  line-height: 140%;
  font-weight: 700;
}
#content .main-title {
  text-align: center;
}
#content .main-title #page-title {
  color: #1D2C56;
  background-image: linear-gradient(90deg, #1D2C56, #59B7D6, #9BF68F 120%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  vertical-align: top;
}
.front #content .main-title {
  display: none;
  /*@include centerBox();*/
}
.page-taxonomy #content .main-title #page-title {
  text-align: left;
  font-size: 1.3rem;
  color: #000;
  padding: 0;
  margin: 0;
  border-bottom: 1px #000 solid;
}
#content .pipeline {
  display: block;
  text-align: center;
  overflow: hidden;
}
#content .pipeline span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 1;
}
#content .pipeline span:before, #content .pipeline span:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  width: 99999px;
}
#content .pipeline span:before {
  left: 100%;
  margin-left: 20px;
}
#content .pipeline span:after {
  right: 100%;
  margin-right: 20px;
}
#content blockquote {
  width: auto;
  max-width: 1200px;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #5F7B92;
  font-size: clamp(24px, 5vw, 42px);
  line-height: 135%;
  font-weight: 400;
  text-align: center;
  position: relative;
  z-index: 100;
}
#content blockquote:before {
  content: open-quote;
  height: 120px;
  color: #A4B8B9;
  font-size: 380px;
  line-height: 75%;
  font-weight: 400;
  font-family: serif;
  position: absolute;
  top: 5%;
  left: 0;
  z-index: -1;
  transform: translateY(-50%);
  opacity: 0.7;
}
#content blockquote small {
  display: block;
  color: #5F7B92;
  font-size: clamp(18px, 4vw, 32px);
  line-height: 140%;
  font-weight: 400;
  text-align: right;
  padding-right: 25px;
}
#content blockquote:after {
  content: close-quote;
  height: 120px;
  color: #A4B8B9;
  font-size: 380px;
  line-height: 75%;
  font-weight: 400;
  font-family: serif;
  position: absolute;
  bottom: -20px;
  right: 0;
  z-index: -1;
  opacity: 0.7;
}
#content #block-nfct-primary-local-tasks {
  width: auto;
  max-width: 1200px;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content #block-nfct-primary-local-tasks ul {
  padding: 5px 0;
  margin: 0;
  border: none;
  list-style: none;
}
#content #block-nfct-primary-local-tasks ul li {
  display: inline-block;
  vertical-align: top;
  padding: 5px 0;
  margin: 0;
}
#content #block-nfct-primary-local-tasks ul li a {
  color: #fff;
  font-size: 1rem;
  line-height: 125%;
  font-weight: 300;
  padding: 15px 60px 15px 30px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #182549;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
#content #block-nfct-primary-local-tasks ul li a:after {
  content: "";
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 30px;
  background: url("../images/gomb-nyil.png") center center no-repeat;
}
#content #block-nfct-primary-local-tasks ul li a:hover, #content #block-nfct-primary-local-tasks ul li a.active {
  color: #fff;
  background: #25386f;
}
#content img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
}
#content iframe {
  border: none;
  padding: 0;
  margin: 10px auto !important;
  float: none !important;
}
#content a {
  color: #1D2C56;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  text-decoration: underline;
}
#content a:hover {
  color: #182549;
  text-decoration: none;
}
#content p {
  padding: 10px 0;
  margin: 0;
}
#content a {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
#content ol, #content ul {
  padding: 5px 0 5px 20px;
  margin: 0;
}
#content ol li, #content ul li {
  padding: 5px 0;
  margin: 0;
}
#content .gombsor {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
#content .gombsor .gomb {
  width: auto;
}
#content .gomb {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  clear: both;
  text-align: center;
}
#content .gomb a {
  color: #fff;
  font-size: 1rem;
  line-height: 125%;
  font-weight: 300;
  padding: 15px 60px 15px 30px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #182549;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
#content .gomb a:after {
  content: "";
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 30px;
  background: url("../images/gomb-nyil.png") center center no-repeat;
}
#content .gomb a:hover {
  color: #fff;
  background: #25386f;
}
#content .button {
  color: #fff;
  font-size: 1rem;
  line-height: 125%;
  font-weight: 300;
  padding: 15px 60px 15px 30px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #182549;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
#content .button:after {
  content: "";
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 30px;
  background: url("../images/gomb-nyil.png") center center no-repeat;
}
#content .button:hover {
  color: #fff;
  background: #25386f;
}
#content .button.form-submit {
  padding: 15px 30px !important;
}
#content .field-name-field-tags .field-item {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
#content .field-name-field-tags .field-item:after {
  content: ",";
  padding: 0;
  margin: 0 5px 0 0;
}
#content .pager {
  text-align: center;
}
#content .pager li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  padding: 0;
  margin: 0 1px;
}
#content .pager li.pager-current {
  color: #fff;
  font-size: 16px;
  line-height: 120%;
  font-weight: 700;
  padding: 5px 10px;
  margin: 0;
  border: 1px #1D2C56 solid;
  background: #1D2C56;
}
#content .pager li a {
  display: block;
  color: #1D2C56;
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  padding: 5px 10px;
  margin: 0;
  border: 1px #1D2C56 solid;
  color: #1D2C56;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#content .pager li a:hover {
  background: #1D2C56;
  color: #fff;
}
#content .flex-row-section {
  clear: both;
}
#content .flex-row-section .row {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#content .flex-row-section .row.even {
  flex-direction: row-reverse;
}
#content .flex-row-section.row-center .row {
  align-items: center;
}
#content .flex-row-section.bg .row {
  display: inline-flex;
  padding: 20px;
  margin: 15px 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
}
#content .flex-row-section .side {
  width: 49%;
}
#content .flex-row-section .side:nth-child(2) {
  text-align: center;
}
#content .flex-row-section img {
  margin: 0 auto !important;
}
#content .flex-image-box-section {
  width: 100%;
  padding: 10px 0;
  margin: 10px 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  clear: both;
}
#content .flex-image-box-section .img {
  text-align: center;
}
#content .flex-image-box-section .img img {
  margin: 10px auto !important;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
#content .flex-image-box-section .views-row {
  /*max-width: 400px;*/
  padding: 20px 0;
  margin: 0;
}
#content .flex-image-box-section .cim {
  color: #000;
  font-size: clamp(21px, 3vw, 30px);
  line-height: 120%;
  font-weight: 700;
  padding: 10px 0;
  margin: 0;
  /*text-align: center;*/
}
#content .flex-image-box-section.bg .views-row {
  padding: 20px;
  margin: 15px 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
}
#content .flex-image-box-section.row-1 .views-row {
  width: 99%;
}
#content .flex-image-box-section.row-2 .views-row {
  width: 49%;
}
#content .flex-image-box-section.row-3 .views-row {
  width: 32.3333333333%;
}
#content .flex-image-box-section.row-4 .views-row {
  width: 24%;
}
#content .flex-image-box-section.row-5 .views-row {
  width: 19%;
}
#content .flex-image-box-section.row-6 .views-row {
  width: 15.6666666667%;
}
#content .flex-image-box-section.row-7 .views-row {
  width: 13.2857142857%;
}
#content .flex-image-box-section.row-8 .views-row {
  width: 11.5%;
}
#content .flex-number-box-section {
  width: 100%;
  padding: 10px 0;
  margin: 10px 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  clear: both;
  counter-reset: szamlalo;
  /*$last-item-start: 1; $last-item-end: 100;
        @for $i from $last-item-start through $last-item-end {
            &.last-#{$i} .views-row:last-child {
                width: #{$i}%;
            }
        }*/
}
#content .flex-number-box-section .img {
  text-align: center;
}
#content .flex-number-box-section .img img {
  margin: 10px auto !important;
}
#content .flex-number-box-section .cim {
  width: 100%;
  color: #000;
  font-size: clamp(21px, 3vw, 30px);
  line-height: 120%;
  font-weight: 700;
  padding: 20px 0 20px 20px;
  margin: 0;
  position: relative;
  z-index: 100;
}
#content .flex-number-box-section .cim:before {
  content: counter(szamlalo,decimal-leading-zero);
  position: absolute;
  z-index: -1;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #A4B8B9;
  font-size: clamp(82px, 6vw, 112px);
  line-height: 100%;
  font-weight: 700;
}
#content .flex-number-box-section p {
  width: 100%;
}
#content .flex-number-box-section .views-row {
  padding: 20px 0;
  margin: 0;
  counter-increment: szamlalo;
}
#content .flex-number-box-section .views-row .content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0;
}
#content .flex-number-box-section.bg .views-row {
  padding: 20px;
  margin: 15px 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
}
#content .flex-number-box-section.row-1 .views-row {
  width: 99%;
}
#content .flex-number-box-section.row-2 .views-row {
  width: 49%;
}
#content .flex-number-box-section.row-3 .views-row {
  width: 32.3333333333%;
}
#content .flex-number-box-section.row-4 .views-row {
  width: 24%;
}
#content .flex-number-box-section.row-5 .views-row {
  width: 19%;
}
#content .flex-number-box-section.row-6 .views-row {
  width: 15.6666666667%;
}
#content .flex-number-box-section.row-7 .views-row {
  width: 13.2857142857%;
}
#content .flex-number-box-section.row-8 .views-row {
  width: 11.5%;
}
#content .flex-number-box-section.last-1 {
  width: 100%;
}
#content .flex-number-box-section.last-2 {
  width: 49%;
}
#content .flex-number-box-section.last-3 {
  width: 66%;
}
#content .flex-number-box-section.last-4 {
  width: 75%;
}
#content .flex-number-box-section.last-5 {
  width: 80%;
}
#content .flex-img-section {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  clear: both;
}
#content .flex-img-section.shadow li {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
#content .flex-img-section ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 10px;
}
#content .flex-img-section ul li {
  padding: 0;
  margin: 8px 0;
  overflow: hidden;
}
#content .flex-img-section ul li:hover img {
  transform: scale(1.05);
}
#content .flex-img-section img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
#content .flex-img-section a {
  display: block;
}
#content .flex-img-section.row-1 li {
  width: 99%;
}
#content .flex-img-section.row-2 li {
  width: 49%;
}
#content .flex-img-section.row-3 li {
  width: 32.3333333333%;
}
#content .flex-img-section.row-4 li {
  width: 24%;
}
#content .flex-img-section.row-5 li {
  width: 19%;
}
#content .flex-img-section.row-6 li {
  width: 15.6666666667%;
}
#content .flex-img-section.row-7 li {
  width: 13.2857142857%;
}
#content .flex-img-section.row-8 li {
  width: 11.5%;
}
#content .flex-img-section.row-9 li {
  width: 10.1111111111%;
}
#content .flex-grid-gallery-section {
  width: auto;
  max-width: 1340px;
  display: block;
  padding: 30px 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#content .flex-grid-gallery-section .col {
  width: 28%;
  max-width: 370px;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0;
}
#content .flex-grid-gallery-section .col:nth-child(1), #content .flex-grid-gallery-section .col:nth-child(3) {
  width: 34%;
  max-width: 445px;
}
#content .flex-grid-gallery-section .col img {
  display: inline-block;
  vertical-align: top;
  margin: 12px 0 !important;
}
#content .fix-hero-section {
  position: relative;
  background-size: 0 !important;
  border: none !important;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  background: #000;
}
#content .fix-hero-section:before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1 !important;
  pointer-events: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.8;
}
#content .fix-hero-section.bg-1:before {
  background-image: url("../../../sites/default/files/tartalmi-kepek/ph-hero.png");
}
#content .fix-hero-section .content {
  width: auto;
  max-width: 760px;
  display: block;
  padding: 200px 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .fix-hero-section .cim {
  color: #fff;
  font-size: clamp(26px, 4vw, 36px);
  line-height: 130%;
  font-weight: 700;
  padding: 0 0 20px;
  margin: 0;
}
#content .section {
  padding: 100px 0 50px;
  position: relative;
}
#content .section .befoglalo {
  width: auto;
  max-width: 1200px;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .section .gradient-2 {
  color: #1D2C56;
  background-image: linear-gradient(90deg, #1D2C56, #59B7D6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  vertical-align: top;
}
#content .section .gradient-3 {
  color: #1D2C56;
  background-image: linear-gradient(90deg, #1D2C56, #59B7D6, #9BF68F 120%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  vertical-align: top;
}
#content .section .cim {
  color: #5F7B92;
  font-size: clamp(26px, 5vw, 54px);
  line-height: 130%;
  font-weight: 700;
  padding: 10px 0 30px;
  margin: 0;
  text-align: center;
}
#content .section .cim small {
  display: block;
  color: #000;
  font-size: clamp(16px, 2vw, 21px);
  line-height: 130%;
  font-weight: 700;
}
#content .section .sm-title {
  color: #1D2C56;
  font-size: 28px;
  line-height: 130%;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  text-align: center;
}
#content .section .dobozsor {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#content .section .dobozsor .doboz {
  text-align: center;
  padding: 20px 10px;
  margin: 0;
}
#content .section .dobozsor.col-2 .doboz {
  width: 49%;
}
#content .section .dobozsor.col-3 .doboz {
  width: 32.3333333333%;
}
#content .section .dobozsor.col-4 .doboz {
  width: 24%;
}
#content .section .dobozsor.col-5 .doboz {
  width: 19%;
}
#content .section .dobozsor.col-6 .doboz {
  width: 15.6666666667%;
}
#content .section .dobozsor.col-7 .doboz {
  width: 13.2857142857%;
}
#content .section .dobozsor.col-8 .doboz {
  width: 11.5%;
}
#content .section .dobozsor.col-9 .doboz {
  width: 10.1111111111%;
}
#content .section .side {
  width: 48%;
}
#content .section.section-1 .befoglalo {
  width: auto;
  max-width: 1200px;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
#content .section.section-1 p {
  color: #697494;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
}
#content .section.section-2 .befoglalo {
  width: auto;
  max-width: 1500px;
  display: block;
  padding: 30px 50px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: rgba(254, 254, 254, 0.3);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  box-shadow: 1px 3px 39px -6px rgba(85, 118, 206, 0.15);
  -webkit-box-shadow: 1px 3px 39px -6px rgba(85, 118, 206, 0.15);
  -moz-box-shadow: 1px 3px 39px -6px rgba(85, 118, 206, 0.15);
}
#content .section.section-2 h4 {
  color: #2E4789;
  font-size: 20px;
  line-height: 130%;
  font-weight: 800;
  padding: 10px 0 0;
  margin: 0;
}
#content .section.section-2 p {
  color: #697494;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
  padding: 0;
  margin: 0;
}
#content .section.section-2 ul {
  padding: 20px 60px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#content .section.section-2 ul li {
  list-style: none;
  color: #1D2C56;
  font-size: 18px;
  line-height: 140%;
  font-weight: 700;
  padding: 10px 30px 10px 50px;
  margin: 10px;
  background: url("../images/pipa.png") left 20px center no-repeat;
  border: 1px #5576CE33 solid;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
}
#content .section.section-2 .dobozsor {
  justify-content: space-evenly;
}
#content .section.section-2 .doboz {
  max-width: 360px;
  text-align: left;
}
#content .section.section-3 .befoglalo {
  width: auto;
  max-width: 1200px;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
#content .section.section-3 p {
  color: #697494;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
}
#content .section.section-3 .dobozsor {
  align-items: stretch;
  justify-content: space-evenly;
  padding: 30px 0;
}
#content .section.section-3 .doboz {
  max-width: 240px;
  padding: 50px 20px;
  margin: 20px 0;
  background: #e7f4f7;
  background: -moz-linear-gradient(top, rgba(231, 244, 247, 0.6) 0%, rgba(202, 219, 239, 0.8) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231, 244, 247, 0.6)), color-stop(100%, rgba(202, 219, 239, 0.8)));
  background: -webkit-linear-gradient(top, rgba(231, 244, 247, 0.6) 0%, rgba(202, 219, 239, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(231, 244, 247, 0.6) 0%, rgba(202, 219, 239, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(231, 244, 247, 0.6) 0%, rgba(202, 219, 239, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(231, 244, 247, 0.6) 0%, rgba(202, 219, 239, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$szin1", endColorstr="$szin2", GradientType=0);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
#content .section.section-3 .doboz p {
  color: #6F7993;
  font-size: 18px;
  line-height: 130%;
  font-weight: 400;
}
#content .section.section-4 .befoglalo {
  width: auto;
  max-width: 1450px;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
#content .section.section-5 .befoglalo {
  width: auto;
  max-width: 1450px;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
}
#content .section.section-5 p {
  color: #697494;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
}
#content .section.section-5 .dobozsor {
  gap: 0 25px;
  justify-content: center;
  align-items: stretch;
  padding: 30px 0;
}
#content .section.section-5 .doboz {
  width: 100% !important;
  max-width: 457px;
  padding: 50px;
  margin: 15px 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  border: 1px #5576CE4D solid;
  text-align: left;
}
#content .section.section-5 .doboz h4 {
  color: #2E4789;
  font-size: 20px;
  line-height: 130%;
  font-weight: 800;
  padding: 10px 0 0;
  margin: 0;
}
#content .section.section-5 .doboz p {
  color: #697494;
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
  font-family: "Manrope", sans-serif;
}
#content .section.section-6 .befoglalo {
  max-width: 100%;
  text-align: center;
}
#content .section.section-6 .row {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px 0;
  position: relative;
}
#content .section.section-6 .row:before {
  content: "";
  width: 383px;
  height: calc(100% - 20px);
  position: absolute;
  top: 50%;
  right: calc(100% - 225px);
  transform: translateY(-50%);
  background: url("../images/sa-bg.png") top left no-repeat;
  background-size: auto 100%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
#content .section.section-6 .row:after {
  content: "";
  width: 383px;
  height: calc(100% - 20px);
  position: absolute;
  top: 50%;
  left: calc(100% - 225px);
  transform: rotate(180deg) translateY(50%);
  background: url("../images/sa-bg.png") top left no-repeat;
  background-size: auto 100%;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
#content .section.section-6 .row.row-3:before {
  right: calc(100% - 463px);
}
#content .section.section-6 .row.row-3:after {
  left: calc(100% - 463px);
}
#content .section.section-6 .doboz {
  width: 31%;
  max-width: 457px;
  min-height: 295px;
  padding: 0 20px 10px;
  margin: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  border: 1px #5576CE4D solid;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0;
  background: #f6fafb;
  position: relative;
  z-index: 100;
}
#content .section.section-6 h4 {
  color: #2E4789;
  font-size: 18px;
  line-height: 130%;
  font-weight: 500;
  padding: 0;
  margin: -20px 0 0;
}
#content .section.section-6 p {
  color: #697494;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  font-family: "Manrope", sans-serif;
}
#content .person {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  padding: 30px 0;
  margin: 0;
}
#content .person .img {
  width: 27.5%;
}
#content .person .content {
  width: 69%;
  position: relative;
}
#content .person .content .szoveg {
  height: 192px;
  overflow: hidden;
}
#content .person .content .szoveg:after {
  content: "";
  width: 100%;
  height: 164px;
  position: absolute;
  bottom: 90px;
  left: 0;
  background: url("../images/about-cover.png") left top repeat-x;
  z-index: 100;
}
#content .person .content.open .szoveg {
  height: auto;
}
#content .person .content.open .szoveg:after {
  display: none;
}
#content .person .content.open .button {
  display: none;
}
#content .person .nev {
  color: #5F7B92;
  font-size: 20px;
  line-height: 130%;
  font-weight: 700;
}
#content .person ul {
  width: 100%;
  padding: 20px;
  margin: 10px 0;
  background: #EBF2F8;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 50px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
#content .person ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 10px;
  color: #1D2C56;
}
#content .person ul li.mail .ico {
  height: 20px;
}
#content .person .button {
  margin: 20px 0;
}
#content .tartalom-bottom #block-nfct-views-block-hir-nezetek-block-1 {
  width: auto;
  max-width: 1450px;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .view-hir-nezetek .view-content, #content .view-cimke-taxonomy-term .view-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#content .view-hir-nezetek .views-row, #content .view-cimke-taxonomy-term .views-row {
  width: 25%;
  max-width: 280px;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  margin: 10px auto;
  text-align: left;
}
#content .view-hir-nezetek .views-row .views-field-created, #content .view-cimke-taxonomy-term .views-row .views-field-created {
  color: #A4B8B9;
  font-size: 14px;
  line-height: 130%;
  font-weight: 400;
  padding: 0;
  margin: 0;
  font-family: "Manrope", sans-serif;
}
#content .view-hir-nezetek .views-row .views-field-field-image, #content .view-cimke-taxonomy-term .views-row .views-field-field-image {
  width: 100%;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
#content .view-hir-nezetek .views-row .views-field-field-image img, #content .view-cimke-taxonomy-term .views-row .views-field-field-image img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
#content .view-hir-nezetek .views-row .hircim, #content .view-cimke-taxonomy-term .views-row .hircim {
  color: #1D2C56;
  font-size: 16px;
  line-height: 130%;
  font-weight: 700;
  padding: 10px 0;
  margin: 0;
  font-family: "Manrope", sans-serif;
}
#content .view-hir-nezetek .views-row .hircim a, #content .view-cimke-taxonomy-term .views-row .hircim a {
  color: #1D2C56;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#content .view-hir-nezetek .views-row .hircim a:hover, #content .view-cimke-taxonomy-term .views-row .hircim a:hover {
  color: #182549;
}
#content .view-hir-nezetek .views-row .views-field-body, #content .view-cimke-taxonomy-term .views-row .views-field-body {
  color: #697494;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  font-family: "Manrope", sans-serif;
  padding: 10px 0;
}
#content .view-hir-nezetek .views-row:hover img, #content .view-cimke-taxonomy-term .views-row:hover img {
  transform: scale(1.1);
}
#content .view-hir-nezetek .more-link, #content .view-cimke-taxonomy-term .more-link {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  clear: both;
  text-align: center;
}
#content .view-hir-nezetek .more-link a, #content .view-cimke-taxonomy-term .more-link a {
  color: #fff;
  font-size: 1rem;
  line-height: 125%;
  font-weight: 300;
  padding: 15px 60px 15px 30px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #182549;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
#content .view-hir-nezetek .more-link a:after, #content .view-cimke-taxonomy-term .more-link a:after {
  content: "";
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 30px;
  background: url("../images/gomb-nyil.png") center center no-repeat;
}
#content .view-hir-nezetek .more-link a:hover, #content .view-cimke-taxonomy-term .more-link a:hover {
  color: #fff;
  background: #25386f;
}
#content #select-section ul {
  text-align: center;
  padding: 30px 0 20px;
  margin: 0;
}
#content #select-section ul li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  padding: 20px 40px;
  margin: 5px 2px;
  border: 2px #1D2C56 solid;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  color: #1D2C56;
  font-size: 1rem;
  line-height: 125%;
  font-weight: 300;
  background: none;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#content #select-section ul li.active {
  color: #fff;
  background: #1D2C56;
}
#content #select-section .form {
  display: none;
  padding: 20px 0 50px;
}
#content #select-section .form.active {
  display: block;
}
#content .webform-submission-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#content .webform-submission-form .form-item {
  width: 49% !important;
  margin: 10px 0 !important;
}
#content .webform-submission-form .form-item-markup {
  width: 100% !important;
  text-align: center;
}
#content .webform-submission-form .form-item-message, #content .webform-submission-form .form-item-privacy-policy, #content .webform-submission-form .captcha {
  width: 100% !important;
}
#content .szurkebg {
  padding: 30px 50px;
  margin: 0;
  border: 1px #A4B8B9 solid;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
#content .szurkebg ul {
  padding: 20px 0;
}
#content .szurkebg ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #5F7B92;
}
#content .szurkebg ul li .ico {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px 0 0;
}
#content .szurkebg ul li p {
  display: inline-block;
  vertical-align: middle;
}
#content .view-galeriak {
  font-size: 0;
  text-align: center;
  clear: both;
}
#content .view-galeriak img {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
#content .view-galeriak .views-field-field-galeria-kepek {
  width: 100%;
  overflow: hidden;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}
#content .view-galeriak .views-row {
  width: 33.3333333333%;
  max-width: 380px;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  margin: 10px auto;
}
#content .view-galeriak .views-row:hover img {
  transform: scale(1.05);
}
#content .view-galeriak .galeriacim {
  color: #1D2C56;
  font-size: clamp(21px, 3vw, 2.4rem);
  line-height: 120%;
  font-weight: 700;
  padding: 10px 0;
  margin: 0;
  text-align: center;
}
#content .view-galeriak .galeriacim a {
  color: #1D2C56;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#content .view-galeriak .galeriacim a:hover {
  color: #182549;
}
#content .field--name-field-oldal-galeria, #content .field--name-field-galeria-kepek {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: 0;
  clear: both;
  text-align: center;
}
#content .field--name-field-oldal-galeria .field-item, #content .field--name-field-galeria-kepek .field-item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 10px;
  margin: 0;
}
#content .field--name-field-oldal-galeria .field-item:hover img, #content .field--name-field-galeria-kepek .field-item:hover img {
  transform: scale(1.05);
}
#content .field--name-field-oldal-galeria a, #content .field--name-field-galeria-kepek a {
  display: block;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}
#content .field--name-field-oldal-galeria img, #content .field--name-field-galeria-kepek img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
::placeholder {
  color: #a8a8a8;
  font-family: "Inter", sans-serif;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #a8a8a8;
  font-family: "Inter", sans-serif;
}
::-ms-input-placeholder {
  color: #a8a8a8;
  font-family: "Inter", sans-serif;
}
.search-form .form-submit {
  cursor: pointer;
}
.search-form .form-submit:hover {
  background: #c8c8c8;
}
#toolbar-administration {
  position: relative;
  z-index: 11000;
}
.visually-hidden, .grippie, .hidden {
  display: none !important;
}
.user-login-form, .user-pass {
  text-align: center;
}
.user-login-form .form-item, .user-login-form p, .user-pass .form-item, .user-pass p {
  text-align: left;
}
.user-login-form .captcha, .user-pass .captcha {
  padding: 10px 0;
}
.user-login-form .description, .user-pass .description {
  display: none !important;
}
.full-width {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 10px !important;
  width: auto !important;
}
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
  cursor: default !important;
  pointer-events: none !important;
  text-decoration: none !important;
}
.mobil {
  display: none;
}
.normal {
  display: block;
}
.color-h1 {
  color: #1D2C56;
}
.color-h2 {
  color: #1D2C56;
}
.color-h3 {
  color: #1D2C56;
}
.color-h4 {
  color: #1D2C56;
}
strong {
  font-weight: 700;
}
em {
  font-style: italic;
}
.text-align-center {
  text-align: center;
}
.text-align-center img {
  margin: 15px;
}
.text-align-right {
  text-align: right;
}
.text-align-justify {
  text-align: justify;
}
.align-right {
  float: right;
}
img.align-right {
  margin: 15px 0 15px 15px;
}
.align-left {
  float: left;
}
img.align-left {
  margin: 15px 15px 15px 0;
}
img.align-center {
  margin: 15px auto;
}
table {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  margin: 15px 0;
  table-layout: fixed;
}
table tbody {
  border: none;
}
table th {
  font-weight: bold;
  color: #1D2C56;
}
table td {
  padding: 5px;
  margin: 0;
  border: 1px #ccc solid;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
/**********/
/* Footer */
/**********/
#footer {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  clear: both;
  overflow: hidden;
  background: #f6fafb url("../images/footer-bg.png") bottom center no-repeat;
  background-size: contain;
}
#footer .block {
  padding: 0;
  margin: 0;
  position: relative;
  text-align: center;
}
#footer .block .cim {
  padding: 50px 0 20px;
  margin: 0;
  color: #1D2C56;
  font-size: clamp(26px, 5vw, 54px);
  line-height: 120%;
  font-weight: 700;
}
#footer .block .gradient-2 {
  color: #1D2C56;
  background-image: linear-gradient(90deg, #1D2C56, #59B7D6 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  vertical-align: top;
}
#footer .block ul {
  padding: 0;
  margin: 0;
}
#footer .block ul li {
  list-style: none;
  padding: 5px 0;
  margin: 0;
  color: #2E4789;
  font-size: 16px;
  line-height: 130%;
  font-weight: 400;
}
#footer .block ul li a {
  color: #2E4789;
  font-size: 16px;
  line-height: 130%;
  font-weight: 400;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#footer .block ul li a:hover {
  color: #182549;
}
#footer .block ul li small {
  display: block;
  color: #fff;
  font-size: 13px;
  line-height: 140%;
  font-weight: 700;
  text-transform: uppercase;
}
#footer .block img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
}
#footer .block p {
  padding: 5px 0;
  margin: 0;
  color: #2E4789;
  font-size: 16px;
  line-height: 130%;
  font-weight: 400;
}
#footer .block a {
  color: #2E4789;
  font-size: 16px;
  line-height: 130%;
  font-weight: 400;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#footer .block a:hover {
  color: #182549;
}
#footer .block .gomb {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  clear: both;
  text-align: center;
}
#footer .block .gomb a {
  color: #fff;
  font-size: 1rem;
  line-height: 125%;
  font-weight: 300;
  padding: 15px 60px 15px 30px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #182549;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
#footer .block .gomb a:after {
  content: "";
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 30px;
  background: url("../images/gomb-nyil.png") center center no-repeat;
}
#footer .block .gomb a:hover {
  color: #fff;
  background: #25386f;
}
#footer .block .flex {
  width: auto;
  max-width: 1500px;
  display: block;
  padding: 50px 10px 0;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#footer .block .flex .col {
  padding: 10px;
}
#footer .block .flex .col:nth-child(2) img {
  margin: 0 15px;
}
#footer #information {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  clear: both;
}
#footer #information #block-nfct-footerinfoblokk {
  padding: 50px 10px;
  text-align: center;
}
#footer #information #block-nfct-footerinfoblokk .content {
  padding: 0;
}
#footer #information span {
  display: block;
  color: #2E4789;
  font-size: 12px;
  line-height: 130%;
  font-weight: 300;
}
#footer #information #copy {
  padding: 0;
  margin: 0;
}
#footer #information #netfort {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 0;
  margin: 0;
}
#footer #information #netfort img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 17px !important;
  margin: -6px 0 0 3px;
  display: inline-block;
  vertical-align: middle;
  filter: brightness(0) saturate(100%) invert(26%) sepia(11%) saturate(3822%) hue-rotate(189deg) brightness(98%) contrast(93%);;
}
/*Pályázatok
//.bottom-right>img[src="/sites/default/files/tartalmi-kepek/palyazatokhoz/erfa-also.png" alt="Széchenyi 2020"]+span.close{Bezárás}
//.top-left>img[src="/sites/default/files/tartalmi-kepek/palyazatokhoz/mff-infoblokk.jpg" alt="Széchenyi Terv Plusz" width="300" height="85"]
#block-nfct-palyazatlogosblokkfooterbe {@include padMargin();
    img {@include img;} br {display: none !important;} a {display: block; @include padMargin(); @include link;}
    .bottom-right {width: 250px; position: fixed; bottom: 0; right: 0; z-index: 9890;}
    .top-left {width: 250px; position: absolute; top: 0; left: 0; z-index: 9890;}
    .close {display: block; position: absolute; top: -5px; right: -3px; width: 36px; height: 36px; background: url('../images/fancybox_sprite.png') 0 0 no-repeat; text-indent: -10000em; @include link;}
}

/**********************/
/* Űrlapok formázásai */
/**********************/
::placeholder {
  color: #5F7B92;
  font-size: 18px;
  line-height: 65px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #5F7B92;
  font-size: 18px;
  line-height: 65px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
::-ms-input-placeholder {
  color: #5F7B92;
  font-size: 18px;
  line-height: 65px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
label {
  color: #5F7B92;
  font-size: 18px;
  line-height: 65px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  width: 100%;
  padding: 0 10px;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
input, select {
  width: 100%;
  max-width: 100%;
  height: 65px;
  line-height: 65px;
  padding: 0 10px;
  border: none;
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
textarea {
  width: 100%;
  height: 195px;
  border: none;
  background: #fff;
  padding: 0 10px;
  line-height: 140% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
select, input, textarea {
  color: #5F7B92;
  font-size: 18px;
  line-height: 65px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}
select:focus, input:focus, textarea:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(95, 123, 146, 0.3);
  -moz-box-shadow: 0px 0px 20px 0px rgba(95, 123, 146, 0.3);
  box-shadow: 0px 0px 20px 0px rgba(95, 123, 146, 0.3);
}
select:user-invalid, input:user-invalid, textarea:user-invalid {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.captcha {
  border: none;
}
.captcha legend, .captcha .description {
  display: none;
}
.node-webform > h2 {
  display: none !important;
}
.webform-submission-form {
  position: relative;
  padding: 0;
  margin: 0;
  text-align: center;
}
.webform-submission-form .form-item {
  width: 100%;
  padding: 0;
  margin: 5px auto;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.webform-submission-form .field-suffix {
  display: inline-block;
  vertical-align: top;
  color: #5F7B92;
  font-size: 14px;
  line-height: 65px;
  font-weight: 300;
}
.webform-submission-form label input {
  height: auto;
  line-height: 120%;
}
.webform-submission-form input.form-file {
  border: none;
}
.webform-submission-form .description {
  font-style: italic;
  font-size: 12px;
  padding: 5px 0 0;
  margin: 0;
}
.webform-submission-form .captcha {
  padding: 0;
  margin: 10px 0;
  text-align: center;
  /*float: left;*/
}
.webform-submission-form .captcha legend, .webform-submission-form .captcha .description {
  display: none;
}
.webform-submission-form .captcha .g-recaptcha {
  padding: 0;
  margin: 0 auto;
  width: 305px;
  text-align: center;
}
.webform-submission-form .captcha iframe {
  width: 100% !important;
}
.webform-submission-form .webform-component-file {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
.webform-submission-form .webform-component-file label {
  position: relative !important;
}
.webform-submission-form .webform-component-file .form-file {
  width: 65%;
  height: 65px;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  color: #5F7B92;
  font-size: 18px;
  line-height: 65px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
.webform-submission-form .webform-component-file .form-submit {
  width: 34%;
  height: 65px;
  float: right;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  color: #5F7B92;
  font-size: 18px;
  line-height: 65px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
.webform-submission-form .webform-component-file .form-submit:hover {
  background: #25386f;
  color: #fff;
}
.webform-submission-form .webform-component-date > label {
  float: none;
  width: auto;
  padding: 0 0 5px 5px;
  margin: 0;
  position: relative !important;
  line-height: 140%;
}
.webform-submission-form .webform-component-date .form-item {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.webform-submission-form .webform-component-date input {
  display: inline-block !important;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  padding: 0;
  margin: 0;
  border: none;
}
.webform-submission-form .webform-component-date select {
  width: 100%;
}
.webform-submission-form .webform-component-time {
  margin: 10px 0 0;
}
.webform-submission-form .webform-component-time .form-item {
  width: 12%;
  display: inline-block;
  vertical-align: middle;
}
.webform-submission-form .webform-component-time .form-item:last-child {
  margin: 10px 0 10px 5px;
}
.webform-submission-form .webform-component-time select {
  width: 100%;
  font-weight: 300;
  text-align: center;
}
.webform-submission-form .js-form-type-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
.webform-submission-form .js-form-type-checkbox .form-checkbox {
  width: auto !important;
  height: auto !important;
  display: inline-block;
  vertical-align: middle;
}
.webform-submission-form .js-form-type-checkbox .description {
  color: #5F7B92;
  font-size: 15px;
  line-height: 120%;
  font-weight: 400;
  float: none;
  width: 92%;
  padding: 0 0 0 5px;
  margin: 0;
  position: relative !important;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  text-align: left;
}
.webform-submission-form .js-form-type-checkbox .description a {
  color: #1D2C56;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.webform-submission-form .js-form-type-checkbox .description a:hover {
  color: #182549;
}
.webform-submission-form .webform-component-radios > label {
  width: 100%;
  color: #5F7B92;
  font-size: 18px;
  line-height: 65px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  position: relative !important;
  height: auto;
  padding: 0;
  margin: 0;
}
.webform-submission-form .webform-component-radios .form-radios .form-item {
  width: auto;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 5px 0 0;
}
.webform-submission-form .webform-component-radios .form-radios label {
  float: none;
  width: auto !important;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  line-height: 120%;
  position: relative !important;
  padding: 0 10px 0 3px;
  margin: 0;
}
.webform-submission-form .webform-component-radios .form-radios input {
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.webform-submission-form .js-form-type-number {
  display: inline-block;
  vertical-align: middle;
}
.webform-submission-form .js-form-type-number input {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
}
.webform-submission-form .button {
  color: #fff;
  font-size: 1rem;
  line-height: 125%;
  font-weight: 300;
  padding: 15px 60px 15px 30px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #182549;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 15px 50px !important;
}
.webform-submission-form .button:after {
  content: "";
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 30px;
  background: url("../images/gomb-nyil.png") center center no-repeat;
}
.webform-submission-form .button:hover {
  color: #fff;
  background: #25386f;
}
#sliding-popup {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9900;
  background: rgba(0, 0, 0, 0.8);
}
#sliding-popup .popup-content {
  width: auto;
  max-width: 1200px;
  display: block;
  padding: 0 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#sliding-popup .popup-content #popup-text {
  padding: 0;
  margin: 0;
  max-width: 80%;
}
#sliding-popup .popup-content #popup-text p {
  display: inline;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 13px;
  line-height: 130%;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
#sliding-popup .popup-content #popup-buttons {
  max-width: 18%;
  padding: 0;
  margin: 0;
}
#sliding-popup .popup-content #popup-buttons button {
  padding: 7px 10px;
  margin: 0;
  font-size: 15px;
  font-family: "Inter", sans-serif;
}
#sliding-popup .eu-cookie-compliance-more-button {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 13px;
  line-height: 130%;
  font-weight: 400;
  background: none;
  border: none;
  text-decoration: underline;
  cursor: pointer;
}
/*********/
/* Popup */
/*********
#popup-regio {position: absolute; z-index: 950; top: -430px; display: none; padding: 10px;
    .block {width: auto; max-width: 480px; @include padMargin(); position: relative; background: $feher; border: 1px $fekete solid; @include border-radius(20px); @include shadow($fekete, 50px, 0.8);}
    .content {width: 100%; @include padMargin(10px);}
    img {@include img;}
    .cim {@include text($baseFontColor, 32px, $black, 130%); @include padMargin(10px);}
    p {@include text($baseFontColor, 18px, $semiBold, 130%); @include padMargin(10px);}
    a {display: block;}
    .gomb {@include Button; a {@include ButtonA; &:hover {@include ButtonH;}}}
    #bezaras_link {display: block; position: absolute; top: -15px; right: -15px; width: 36px; height: 36px; background: url('../images/fancybox_sprite.png') 0 0 no-repeat; text-indent: -10000em; outline: none;}
}

/***********************/
/*Mobil menü formázások*/
/***********************/
#mobil-header {
  display: none;
  width: 100%;
  /*min-height: 40px;*/
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9900;
}
#mobil-header #ikonok {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
#mobil-header #ikonok ul {
  padding: 0;
  margin: 0;
}
#mobil-header #ikonok ul li {
  list-style: none;
  float: left;
  padding: 0 2px 0 4px;
  margin: 0;
  background: url("../images/mobil/menu_separator2.png") top left no-repeat;
}
#mobil-header #ikonok ul li a {
  display: block;
  width: 44px;
  height: 40px;
  padding: 0;
  margin: 0;
  text-indent: -10000em;
  outline: none;
}
#mobil-header #ikonok ul li a:hover {
  background-color: #fff !important;
}
#mobil-header #ikonok ul li.email a {
  background: url("../images/mobil-ico/email_ico.png") center center no-repeat;
}
#mobil-header #ikonok ul li.telefon a {
  background: url("../images/mobil-ico/tel_ico.png") center center no-repeat;
  cursor: pointer;
}
#mobil-header #ikonok ul li.terkep a {
  background: url("../images/mobil-ico/map_ico.png") center center no-repeat;
}
#mobil-header #ikonok ul li.facebook a {
  background: url("../images/mobil-ico/fb_ico.png") center center no-repeat;
  background-size: 85% auto;
}
#mobil-header #ikonok ul li.youtube a {
  background: url("../images/mobil-ico/youtube_ico.png") center center no-repeat;
  background-size: 83% auto;
}
#mobil-header #ikonok ul li.linkedin a {
  background: url("../images/mobil-ico/linkedin_ico.png") center center no-repeat;
  background-size: 84% auto;
}
#mobil-header #ikonok ul li.instagram a {
  background: url("../images/mobil-ico/insta_ico.png") center center no-repeat;
  background-size: 84% auto;
}
#nav-icon span:nth-child(1) {
  top: 3px;
}
#nav-icon span:nth-child(2) {
  top: 13px;
  width: 70%;
}
#nav-icon span:nth-child(3) {
  top: 23px;
  width: 40%;
}
#nav-icon span:nth-child(4) {
  display: none;
}
.open #nav-icon span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 100%;
}
.open #nav-icon span:nth-child(2) {
  opacity: 0;
  left: -30px;
  width: 100%;
}
.open #nav-icon span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 100%;
}
#nav-icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.menu-nyito {
  width: 50px;
  height: 50px;
  padding: 10px;
  position: fixed;
  top: 36px;
  right: 20px;
  z-index: 10000;
  background: #7c859a;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.open .menu-nyito {
  top: 10px;
  right: 10px;
}
#menu-befoglalo {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 9000;
  transition: all 0.3s ease-out 0s;
  -webkit-transition: all 0.3s ease-out 0s;
}
.open #menu-befoglalo {
  max-height: 235px;
  animation: 0.3s cubic-bezier(0, 1, 0.5, 1) 0s 1 normal none running fadeMenuDown;
  -webkit-animation: 0.3s cubic-bezier(0, 1, 0.5, 1) 0s 1 normal none running fadeMenuDown;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}
.close #menu-befoglalo {
  max-height: 0;
  animation: 0.3s cubic-bezier(0, 1, 0.5, 1) 0s 1 normal backwards running fadeMenuDown;
  -webkit-animation: 0.3s cubic-bezier(0, 1, 0.5, 1) 0s 1 normal backwards running fadeMenuDown;
}
#menu-text {
  display: none;
  /*@include inline();*/
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
  text-shadow: none;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#mobil-navigation {
  position: fixed;
  width: 100%;
  background: #1d2c56;
  background: -moz-linear-gradient(top, #1d2c56 0%, #6a80c1 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #1d2c56), color-stop(100%, #6a80c1));
  background: -webkit-linear-gradient(top, #1d2c56 0%, #6a80c1 100%);
  background: -o-linear-gradient(top, #1d2c56 0%, #6a80c1 100%);
  background: -ms-linear-gradient(top, #1d2c56 0%, #6a80c1 100%);
  background: linear-gradient(to bottom, #1d2c56 0%, #6a80c1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$szin1", endColorstr="$szin2", GradientType=0);
}
#mobil-navigation h2 {
  color: #fff;
  font-size: 16px;
  line-height: 150%;
  font-weight: bold;
  padding: 0;
  margin: 0;
  background: #59B7D6;
  text-transform: uppercase;
  text-align: center;
}
#mobil-navigation .lebego {
  position: absolute;
  top: 205px;
  right: 20px;
  text-align: center;
  display: none;
  animation: arrowDown 2s infinite;
}
#mobil-navigation .nyil {
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
}
#mobil-navigation ul {
  padding: 0;
  margin: 0;
  background: none;
}
#mobil-navigation ul li {
  list-style: none;
  list-style-image: none;
  padding: 5px 10px;
  margin: 0;
  position: relative;
  text-align: center;
}
#mobil-navigation ul li.nyitott > span:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
}
#mobil-navigation ul li.zart > span:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #fff;
}
#mobil-navigation ul li.menu-item--expanded {
  padding: 0 !important;
  /*ul {height: auto; overflow-y: no-display;}
                &.nyitott {display: block;}
                &.zart {display: none;}*/
}
#mobil-navigation ul li.menu-item--expanded > span {
  display: none;
}
#mobil-navigation ul li span, #mobil-navigation ul li a {
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  padding: 0;
  margin: 0;
  display: block;
  text-decoration: none;
  text-shadow: none;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#mobil-navigation ul li.menu-item--active-trail > span, #mobil-navigation ul li a.is-active {
  color: #59B7D6;
  font-weight: bold;
}
#mobil-navigation ul li.gomb {
  text-align: left;
}
#mobil-navigation ul li.gomb a {
  width: auto;
  padding: 3px 10px;
  display: inline-block;
  vertical-align: top;
}
/*************************/
/* Responsive formázások */
/*************************/
@media screen and (min-width: 1000px) and (max-width: 1199px) {
  body {
    font-size: 16px;
  }
  #header #logo-befoglalo, #header #header-tartalom {
    width: 220px;
  }
  #header #desktop-navigation ul li span, #header #desktop-navigation ul li a {
    font-size: 14px;
    padding: 0 10px;
    height: 80px !important;
    line-height: 80px !important;
  }
  #content {
    background: none;
  }
  #content .section.section-5 .doboz {
    width: 31% !important;
    padding: 30px;
  }
  #content .tartalom-bottom #block-nfct-views-block-hir-nezetek-block-1 .views-row-last {
    display: none;
  }
  #footer .block .flex .col {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  body {
    font-size: 15px;
  }
  #header #logo {
    float: none;
    padding: 20px 0;
    margin: 0;
    text-align: center;
  }
  #header #desktop-navigation {
    display: none !important;
  }
  #header #mobil-header {
    display: block;
  }
  #header #header-tartalom {
    margin-right: 80px;
  }
  #flash .views-field-body {
    top: 65%;
  }
  #content {
    overflow: hidden;
    background: none;
  }
  #content img {
    max-width: 100% !important;
    height: auto !important;
  }
  #content table {
    width: 100% !important;
  }
  #content iframe {
    max-width: 100% !important;
  }
  #content .view-galeriak .views-row {
    width: 33.3333333333%;
  }
  #content .view-galeriak .views-row .galeriacim {
    font-size: 3.5vw;
    text-transform: none;
  }
  #content .field--name-field-oldal-galeria .field-item, #content .field--name-field-galeria-kepek .field-item {
    width: 33.3333333333%;
  }
  #content .flex-image-box-section {
    justify-content: space-around;
  }
  #content .flex-image-box-section .views-row {
    width: 48% !important;
    text-align: center;
  }
  #content .flex-number-box-section {
    justify-content: space-around;
  }
  #content .flex-number-box-section .views-row {
    width: 48% !important;
    text-align: center;
  }
  #content .flex-number-box-section .cim {
    padding: 20px 0 !important;
  }
  #content .flex-number-box-section .cim:before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #content .flex-number-box-section .gomb {
    text-align: center !important;
  }
  #content .section {
    padding: 30px 0;
  }
  #content .section.section-2 .doboz {
    width: 48% !important;
  }
  #content .section.section-3 .doboz {
    width: 23% !important;
  }
  #content .section.section-3 .doboz p {
    font-size: 16px;
  }
  #content .section.section-5 .doboz {
    width: 31% !important;
    padding: 10px 20px;
  }
  #content .section.section-5 .doboz p {
    font-size: 14px;
  }
  #content .section.section-6 .row:before, #content .section.section-6 .row:after {
    display: none;
  }
  #content .section.section-6 h4 {
    font-size: 16px;
  }
  #content .tartalom-bottom #block-nfct-views-block-hir-nezetek-block-1 .views-row-last {
    display: none;
  }
  #content .view-hir-nezetek .views-row, #content .view-cimke-taxonomy-term .views-row {
    width: 45%;
    max-width: 100% !important;
    text-align: center;
  }
  #content .view-hir-nezetek .views-row .views-field-view-node, #content .view-cimke-taxonomy-term .views-row .views-field-view-node {
    text-align: center;
  }
  a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
    cursor: default !important;
    pointer-events: auto !important;
    text-decoration: none !important;
  }
  #footer {
    overflow: hidden;
  }
  #footer .block .flex .col {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  /*/Pályázatok
    #block-nfct-palyazatlogosblokkfooterbe {
        .content > div {width: 215px;} img {margin: 0 !important;}
        .top-left {top: 40px;}
    }*/
  /*/Popup
    #popup-regio {width: 250px !important; padding: 0;
        .block {width: 100%; max-width: 100%;}
        .content {padding: 0;}
        .cim {font-size: 24px;}
        p {font-size: 13px;}
    }*/
  body {
    font-size: 14px;
  }
  .mobil {
    display: block;
  }
  .normal {
    display: none;
  }
  #header #logo-befoglalo {
    width: 140px;
  }
  #header #logo {
    float: none;
    padding: 20px 0;
    margin: 0;
    text-align: center;
  }
  #header #desktop-navigation {
    display: none !important;
  }
  #header #mobil-header {
    display: block;
  }
  #header #header-tartalom {
    width: 80px;
    margin-right: 60px;
  }
  #header #header-tartalom .gomb a {
    padding: 8px 10px;
    font-size: 14px;
  }
  #header #header-tartalom .gomb a:after {
    display: none;
  }
  #header .menu-nyito {
    top: 19px;
    right: 10px;
  }
  #flash video {
    width: 250%;
    max-height: 500px;
    margin-left: -78%;
  }
  #flash .views-field-body {
    top: 60%;
  }
  #content {
    overflow: hidden;
    background: none;
  }
  #content #page-title {
    text-align: center;
    letter-spacing: 0;
  }
  #content img {
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    clear: both;
    display: block;
    padding: 0;
    margin: 10px auto !important;
  }
  #content table {
    width: 100% !important;
  }
  #content iframe {
    max-width: 100% !important;
  }
  #content ul.tabs li {
    display: block;
    margin: 5px auto;
    text-align: center;
  }
  #content #block-nfct-primary-local-tasks {
    padding: 0;
  }
  #content #block-nfct-primary-local-tasks ul {
    text-align: center;
  }
  #content .view-galeriak .views-row {
    width: 100%;
    max-width: 300px;
    margin: 10px auto;
    float: none;
    clear: both;
    width: auto;
  }
  #content .view-galeriak .views-row img {
    margin: 0 !important;
  }
  #content .field--name-field-oldal-galeria .field-item, #content .field--name-field-galeria-kepek .field-item {
    width: 50%;
    max-width: 320px;
  }
  #content .field--name-field-oldal-galeria .field-item img, #content .field--name-field-galeria-kepek .field-item img {
    margin: 0 !important;
  }
  #content blockquote {
    padding: 30px 10px;
  }
  #content blockquote:before {
    height: 80px;
    font-size: 180px;
    line-height: 90%;
    top: 55px;
  }
  #content blockquote:after {
    height: 80px;
    font-size: 180px;
    line-height: 90%;
    bottom: 15px;
  }
  #content blockquote small {
    padding: 0;
  }
  #content .flex-row-section {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 15px;
  }
  #content .flex-row-section .row {
    width: 100% !important;
    max-width: 300px;
    align-items: flex-start !important;
  }
  #content .flex-row-section .row.even {
    flex-direction: row;
  }
  #content .flex-row-section.bg .row {
    padding: 15px;
  }
  #content .flex-row-section .side {
    width: 100%;
    max-width: 300px;
    text-align: center;
  }
  #content .flex-img-section li {
    min-width: 140px;
  }
  #content .fix-hero-section {
    text-align: center;
  }
  #content .flex-grid-gallery-section {
    padding: 30px 0;
  }
  #content .flex-grid-gallery-section .col:nth-child(1), #content .flex-grid-gallery-section .col:nth-child(3) {
    width: 33%;
  }
  #content .flex-grid-gallery-section .col img {
    margin: 5px auto !important;
  }
  #content .flex-image-box-section {
    gap: 0 15px;
    justify-content: center;
  }
  #content .flex-image-box-section .views-row {
    width: 100% !important;
    max-width: 300px;
    padding: 5px 10px 10px !important;
    text-align: center;
  }
  #content .flex-number-box-section {
    gap: 0 15px;
    justify-content: center;
  }
  #content .flex-number-box-section .views-row {
    width: 100% !important;
    max-width: 300px;
    padding: 20px 10px 10px !important;
    text-align: center;
  }
  #content .flex-number-box-section .views-row:last-child {
    width: 100% !important;
    max-width: 100%;
  }
  #content .flex-number-box-section .cim {
    padding: 20px 0 !important;
  }
  #content .flex-number-box-section .cim:before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #content .flex-number-box-section .gomb {
    text-align: center !important;
  }
  #content .section {
    padding: 30px 0;
  }
  #content .section .dobozsor {
    gap: 0 15px;
    justify-content: center;
  }
  #content .section .dobozsor .doboz {
    width: 100% !important;
    max-width: 290px;
    padding: 10px !important;
    text-align: center;
  }
  #content .section.section-2 .befoglalo {
    padding: 30px 10px;
  }
  #content .section.section-2 ul {
    padding: 20px 0;
  }
  #content .section.section-2 ul li {
    width: 100%;
  }
  #content .section.section-3 .doboz {
    max-width: 190px;
  }
  #content .section.section-3 .doboz p {
    font-size: 16px;
  }
  #content .section.section-5 .doboz {
    padding: 10px;
  }
  #content .section.section-5 .doboz p {
    font-size: 14px;
  }
  #content .section.section-6 .row:before, #content .section.section-6 .row:after {
    display: none;
  }
  #content .section.section-6 .doboz {
    width: 100%;
    max-width: 290px;
  }
  #content .section.section-6 h4 {
    font-size: 16px;
  }
  #content .person {
    justify-content: center;
  }
  #content .person .img {
    width: 70%;
  }
  #content .person .content {
    width: 100%;
    text-align: center;
  }
  #content .person .nev {
    text-align: center;
  }
  #content .person ul {
    justify-content: center;
  }
  #content .person ul li {
    padding: 0;
  }
  #content .person ul li img {
    margin: 0 !important;
  }
  #content .person .szoveg {
    text-align: left;
  }
  #content .szurkebg {
    padding: 10px 20px;
  }
  #content .tartalom-bottom #block-nfct-views-block-hir-nezetek-block-1 .views-row-last {
    display: none;
  }
  #content .view-hir-nezetek .view-content, #content .view-cimke-taxonomy-term .view-content {
    gap: 0 10px;
  }
  #content .view-hir-nezetek .views-row, #content .view-cimke-taxonomy-term .views-row {
    width: 100%;
    max-width: 300px;
    margin: 10px auto;
    text-align: center;
  }
  #content .view-hir-nezetek .views-row .views-field-view-node, #content .view-cimke-taxonomy-term .views-row .views-field-view-node {
    text-align: center;
  }
  a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
    cursor: default !important;
    pointer-events: auto !important;
    text-decoration: none !important;
  }
  #footer {
    overflow: hidden;
  }
  #footer .block .flex .col {
    width: 100%;
  }
  #footer .block .flex .col:nth-child(2) img {
    margin: 10px auto;
  }
  ::placeholder {
    line-height: 130%;
  }
  :-ms-input-placeholder {
    line-height: 130%;
  }
  ::-ms-input-placeholder {
    line-height: 130%;
  }
  #content .webform-submission-form {
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  #content .webform-submission-form .form-item {
    width: 100% !important;
    padding: 0;
    margin: 10px 0 !important;
  }
  #content .webform-submission-form .form-item .form-item {
    padding: 0;
    margin: 0;
  }
  #content .webform-submission-form label {
    display: block;
    width: 100%;
    float: none;
    padding: 0 5px;
    margin: 0;
  }
  #content .webform-submission-form select, #content .webform-submission-form input {
    display: block;
    width: 100%;
  }
  #content .webform-submission-form textarea {
    display: block;
    width: 100%;
    height: 120px;
    padding: 5px;
    margin: 0;
  }
  #content .webform-submission-form .description {
    width: 92%;
    padding: 0;
    margin: 0;
  }
  #content .webform-submission-form .form-radios .form-item {
    display: inline-block;
    vertical-align: top;
    width: auto;
    max-width: 50%;
  }
  #content .webform-submission-form .form-radios input {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0 0 5px;
    display: inline-block;
    vertical-align: middle;
  }
  #content .webform-submission-form .form-radios label {
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }
  #content .webform-submission-form .form-checkboxes input {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
  }
  #content .webform-submission-form .form-checkboxes label {
    float: none;
    width: 90%;
    position: relative !important;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    line-height: 120%;
    text-align: left;
  }
  #content .webform-submission-form .webform-component-date input {
    width: auto;
    height: auto;
    padding: 0;
    margin: 8px 0 0;
    display: inline-block;
    vertical-align: top;
  }
  #content .webform-submission-form .webform-component-date select {
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  #content .webform-submission-form .webform-component-time {
    display: block;
    margin: 10px 0 0;
  }
  #content .webform-submission-form .webform-component-time .form-item {
    width: 24%;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
  }
  #content .webform-submission-form .webform-component-time .form-item:last-child {
    margin: 5px 0 5px 5px;
  }
  #sliding-popup {
    height: 140px !important;
    text-align: center;
  }
  #sliding-popup .popup-content {
    max-width: 320px;
  }
  #sliding-popup .popup-content #popup-text {
    width: 100%;
    max-width: 100%;
    padding: 7px 0 2px;
    margin: 0;
    text-align: center;
  }
  #sliding-popup .popup-content #popup-buttons {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  #sliding-popup .popup-content #popup-buttons button {
    font-size: 13px;
  }
  #sliding-popup .eu-cookie-compliance-more-button {
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: center;
  }
}
/* ==========================================================================
   Custom animation
   ========================================================================== */
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes fadeMenuDown {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes arrowDown {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40%, 60% {
    transform: translateY(-15px);
  }
}
@keyframes menuRight {
  0% {
    opacity: 0;
    right: 300px;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}
/*[data-aos="balos"] {opacity: 0; transform: scale(1) rotate(0deg) translateX(-200px) translateY(0px) skewX(0deg) skewY(0deg);}
[data-aos="jobbos"] {opacity: 0; transform: scale(1) rotate(0deg) translateX(200px) translateY(0px) skewX(0deg) skewY(0deg);}
[data-aos="footeres"] {opacity: 0; transform: scale(1) rotate(0deg) translateX(0px) translateY(-150px) skewX(0deg) skewY(0deg);}

[data-aos="balos"].aos-animate,
[data-aos="jobbos"].aos-animate,
[data-aos="footeres"].aos-animate {opacity: 1; transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);}

/*Animation property: https://css-tricks.com/almanac/properties/a/animation/ - HTML: data-aos="fade" data-aos-anchor-placement="top-bottom"
animation-duration: 1.5s; //Xs or Xms
animation-timing-function: ease-out; //ease, ease-out, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) (e.g. cubic-bezier(0.5, 0.2, 0.3, 1.0))
animation-delay: 0s; //Xs or Xms
animation-direction: alternate; //normal, alternate
animation-iteration-count: infinite; //infinite or number
animation-fill-mode: none; //forwards, backwards, both, none
animation-play-state: running; //paused, running, running

AOS Html Options:
data-aos="valami" - animáció meghívás
data-aos-offset="200" - ennyi px-el kezdi az animációt előbb
data-aos-easing="ease-in-sine" - idő görbe
data-aos-anchor-placement="bottom-bottom" - animáció pozició indítás
data-aos-duration="2000" - animáció sebesség

==========================================================================
Divider SVG'S
==========================================================================
.divider {display: block; pointer-events: none; margin: 50px 0; path {opacity: 1;}}
//<svg class="bigTriangleColor divider" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none"><path d="M0 0 L50 100 L100 0 Z"></path></svg>
.bigTriangleColor path {fill: #3498db; stroke: $feher; stroke-width: 0;}

//<svg class="bigTriangleShadow divider" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"><path class="trianglePath1" d="M0 0 L50 100 L100 0 Z"></path><path class="trianglePath2" d="M50 100 L100 40 L100 0 Z"></path></svg>
.bigTriangleShadow {.trianglePath1 {fill: #3498db; stroke: #3498db;} .trianglePath2 {fill: #2072a7; stroke: #2072a7;}}

//<svg class="curveUpColor divider" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0 100 C 20 0 50 0 100 100 Z"></path></svg>
.curveUpColor path {fill: #3498db; stroke: #3498db;}

//<svg class="curveDownColor divider" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0 0 C 50 100 80 100 100 0 Z"></path></svg>
.curveDownColor path {fill: #3498db; stroke: #3498db;}

//<svg class="bigHalfCircle divider" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0 100 C40 0 60 0 100 100 Z"></path></svg>
.bigHalfCircle path {fill: #3498db; stroke: #3498db;}

//<svg class="slit divider" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"><path class="slitPath2" d="M50 100 C49 80 47 0 40 0 L47 0 Z"></path><path class="slitPath3" d="M50 100 C51 80 53 0 60 0 L53 0 Z"></path><path class="slitPath1" d="M47 0 L50 100 L53 0 Z"></path></svg>
.slit {.slitPath1 {fill: #3498db; stroke: $feher; stroke-width: 0;} .slitPath2, .slitPath3 {fill: #2072a7;}}

//<svg class="stamp divider" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0 0 Q 2.5 40 5 0  Q 7.5 40 10 0 Q 12.5 40 15 0 Q 17.5 40 20 0 Q 22.5 40 25 0 Q 27.5 40 30 0 Q 32.5 40 35 0 Q 37.5 40 40 0 Q 42.5 40 45 0 Q 47.5 40 50 0  Q 52.5 40 55 0 Q 57.5 40 60 0 Q 62.5 40 65 0 Q 67.5 40 70 0 Q 72.5 40 75 0 Q 77.5 40 80 0 Q 82.5 40 85 0 Q 87.5 40 90 0 Q 92.5 40 95 0 Q 97.5 40 100 0 Z"></path></svg>
.stamp path {fill: #3498db; stroke: #3498db;}

//<svg class="clouds divider" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M-5 100 Q 0 20 5 100 Z M0 100 Q 5 0 10 100 M5 100 Q 10 30 15 100 M10 100 Q 15 10 20 100 M15 100 Q 20 30 25 100 M20 100 Q 25 -10 30 100 M25 100 Q 30 10 35 100 M30 100 Q 35 30 40 100 M35 100 Q 40 10 45 100 M40 100 Q 45 50 50 100 M45 100 Q 50 20 55 100 M50 100 Q 55 40 60 100 M55 100 Q 60 60 65 100 M60 100 Q 65 50 70 100 M65 100 Q 70 20 75 100 M70 100 Q 75 45 80 100 M75 100 Q 80 30 85 100 M80 100 Q 85 20 90 100 M85 100 Q 90 50 95 100 M90 100 Q 95 25 100 100 M95 100 Q 100 15 105 100 Z"></path></svg>
.clouds path {fill: #ecf0f1; stroke: #ecf0f1;}

//<svg class="amorf-hullam divider" width="100%" height="120" viewBox="0.1 0.1 180 40" preserveAspectRatio="none"><g transform="translate(-18.298844,-77.973964)"><path class="hullam-kicsi" d="M 31.615583,86.351641 H 192.16499 v 26.901969 c 0,0 -32.03411,-14.237983 -59.62682,-12.72484 -22.34188,1.2252 -54.779359,9.72634 -54.779359,9.72634 0,0 -22.029534,3.62882 -34.471238,-1.88988 -12.441702,-5.51871 -11.67199,-22.013589 -11.67199,-22.013589 z"></path><path class="hullam-nagy" d="M 18.441597,78.106256 H 198.58126 v 39.288614 c 0,0 -43.10672,-27.825245 -73.47599,-19.687823 -30.369264,8.137423 -46.832208,12.548653 -46.832208,12.548653 0,0 -32.775418,8.05972 -46.735258,0 C 17.577964,102.19598 18.441597,78.106256 18.441597,78.106256 Z"></path></g></svg>
.amorf-hullam {.hullam-nagy {fill: #ff1a51;} .hullam-kicsi {fill: #b5002b;}}

//<svg class="hegyek divider" xmlns="http://www.w3.org/2000/svg" width="100%" height="140" viewBox="0.5 0.2 176 30" preserveAspectRatio="none"><g transform="translate(-13.668562,-111.38266)"><path d="M 13.898015,111.51495 H 190.83044 v 26.19241 l -45.97036,-14.43255 -42.22858,7.48354 -45.970361,-14.96709 -31.003265,16.03617 z"></path></g></svg>
.hegyek path {fill: #80B3F2;}

//<svg class="lepcsok divider" xmlns="http://www.w3.org/2000/svg" width="100%" height="120" viewBox="0.2 0 178 30" preserveAspectRatio="none"><g transform="translate(-14.514284,-115.36352)"><path class="lepcsofok" d="m 14.74107,115.49581 h 178.02679 v 30.61607 h -29.10417 v -12.47321 h -10.58333 v -8.31548 h -13.98512 v 13.98512 h -20.41072 v -13.98512 h -8.31547 v 7.18155 h -7.18155 v 10.9613 H 85.422617 v -10.9613 H 68.791666 V 121.54343 H 51.40476 v 15.875 H 29.860117 v -9.82739 h -8.693452 v -7.55952 h -6.520089 v -4.53571 z"></path><path class="hatter" d="M 14.741071,112.54762 H 192.76786 v 30.61607 H 163.66369 V 130.69048 H 153.08036 V 122.375 h -13.98512 v 13.98512 H 118.68452 V 122.375 h -8.31547 v 7.18155 h -7.18155 v 10.9613 H 85.422617 v -10.9613 H 68.791666 V 118.59524 H 51.40476 v 15.875 H 29.860118 v -9.82739 h -8.693452 v -7.55952 h -6.520089 v -4.53571 z"></path></g></svg>
.lepcsok {.hatter {fill: #80B3F2;} .lepcsofok {fill: #4074b5;}}

//<svg class="felnyil divider" xmlns="http://www.w3.org/2000/svg" width="100%" height="120" viewBox="0.2 0 151 27" preserveAspectRatio="none"><g transform="translate(-18.766517,-159.24846)"><path class="arnyek" d="m 18.898809,169.7732 h 11.150298 v -10.20536 l 10.016369,10.01637 10.016369,10.01637 v -9.82738 h 20.032738 v -10.20536 l 20.127232,20.12723 v -9.92187 h 19.938245 v -10.01637 l 19.93824,19.93824 v -9.92187 h 19.93824 v -10.20536 l 20.12723,20.12723 v 5.19718 H 18.898809 Z"></path><path class="nyilbg" d="m 18.898809,171.88988 h 11.150298 v -10.20536 l 10.016368,10.01637 10.016368,10.01637 v -9.82738 h 20.032739 v -10.20536 l 20.127233,20.12723 v -9.92187 h 19.938245 v -10.01637 l 19.93824,19.93824 v -9.92187 h 19.93825 v -10.20536 l 20.12723,20.12723 v 5.19718 H 18.898809 Z"></path></g></svg>
.felnyil {.nyilbg {fill: #ff1a51;}.arnyek {fill: #b5002b;}}

//<svg class="dombok divider" preserveAspectRatio="xMidYMax meet" viewBox="0 0 1600 100" data-height="100"><path class="domb-hatter" d="M1040,56c0.5,0,1,0,1.6,0c-16.6-8.9-36.4-15.7-66.4-15.7c-56,0-76.8,23.7-106.9,41C881.1,89.3,895.6,96,920,96C979.5,96,980,56,1040,56z"></path><path class="domb-hatter" d="M1699.8,96l0,10H1946l-0.3-6.9c0,0,0,0-88,0s-88.6-58.8-176.5-58.8c-51.4,0-73,20.1-99.6,36.8c14.5,9.6,29.6,18.9,58.4,18.9C1699.8,96,1699.8,96,1699.8,96z"></path><path class="domb-hatter" d="M1400,96c19.5,0,32.7-4.3,43.7-10c-35.2-17.3-54.1-45.7-115.5-45.7c-32.3,0-52.8,7.9-70.2,17.8c6.4-1.3,13.6-2.1,22-2.1C1340.1,56,1340.3,96,1400,96z"></path><path class="domb-hatter" d="M320,56c6.6,0,12.4,0.5,17.7,1.3c-17-9.6-37.3-17-68.5-17c-60.4,0-79.5,27.8-114,45.2c11.2,6,24.6,10.5,44.8,10.5C260,96,259.9,56,320,56z"></path><path class="domb-hatter" d="M680,96c23.7,0,38.1-6.3,50.5-13.9C699.6,64.8,679,40.3,622.2,40.3c-30,0-49.8,6.8-66.3,15.8c1.3,0,2.7-0.1,4.1-0.1C619.7,56,620.2,96,680,96z"></path><path class="domb-hatter" d="M-40,95.6c28.3,0,43.3-8.7,57.4-18C-9.6,60.8-31,40.2-83.2,40.2c-14.3,0-26.3,1.6-36.8,4.2V106h60V96L-40,95.6z"></path><path class="domb-kozep" d="M504,73.4c-2.6-0.8-5.7-1.4-9.6-1.4c-19.4,0-19.6,13-39,13c-19.4,0-19.5-13-39-13c-14,0-18,6.7-26.3,10.4C402.4,89.9,416.7,96,440,96C472.5,96,487.5,84.2,504,73.4z"></path><path class="domb-kozep" d="M1205.4,85c-0.2,0-0.4,0-0.6,0c-19.5,0-19.5-13-39-13s-19.4,12.9-39,12.9c0,0-5.9,0-12.3,0.1c11.4,6.3,24.9,11,45.5,11C1180.6,96,1194.1,91.2,1205.4,85z"></path><path class="domb-kozep" d="M1447.4,83.9c-2.4,0.7-5.2,1.1-8.6,1.1c-19.3,0-19.6-13-39-13s-19.6,13-39,13c-3,0-5.5-0.3-7.7-0.8c11.6,6.6,25.4,11.8,46.9,11.8C1421.8,96,1435.7,90.7,1447.4,83.9z"></path><path class="domb-kozep" d="M985.8,72c-17.6,0.8-18.3,13-37,13c-19.4,0-19.5-13-39-13c-18.2,0-19.6,11.4-35.5,12.8c11.4,6.3,25,11.2,45.7,11.2C953.7,96,968.5,83.2,985.8,72z"></path><path class="domb-kozep" d="M743.8,73.5c-10.3,3.4-13.6,11.5-29,11.5c-19.4,0-19.5-13-39-13s-19.5,13-39,13c-0.9,0-1.7,0-2.5-0.1c11.4,6.3,25,11.1,45.7,11.1C712.4,96,727.3,84.2,743.8,73.5z"></path><path class="domb-kozep" d="M265.5,72.3c-1.5-0.2-3.2-0.3-5.1-0.3c-19.4,0-19.6,13-39,13c-19.4,0-19.6-13-39-13c-15.9,0-18.9,8.7-30.1,11.9C164.1,90.6,178,96,200,96C233.7,96,248.4,83.4,265.5,72.3z"></path><path class="domb-kozep" d="M1692.3,96V85c0,0,0,0-19.5,0s-19.6-13-39-13s-19.6,13-39,13c-0.1,0-0.2,0-0.4,0c11.4,6.2,24.9,11,45.6,11C1669.9,96,1684.8,96,1692.3,96z"></path><path class="domb-kozep" d="M25.5,72C6,72,6.1,84.9-13.5,84.9L-20,85v8.9C0.7,90.1,12.6,80.6,25.9,72C25.8,72,25.7,72,25.5,72z"></path><path class="domb-eloter" d="M-40,95.6C20.3,95.6,20.1,56,80,56s60,40,120,40s59.9-40,120-40s60.3,40,120,40s60.3-40,120-40s60.2,40,120,40s60.1-40,120-40s60.5,40,120,40s60-40,120-40s60.4,40,120,40s59.9-40,120-40s60.3,40,120,40s60.2-40,120-40s60.2,40,120,40s59.8,0,59.8,0l0.2,143H-60V96L-40,95.6z"></path></svg>
.dombok {.domb-eloter {fill: #d24d57;} .domb-kozep {fill: #af3f5d;} .domb-hatter {fill: #bc4565;}}

//<svg class="hullamok divider" preserveAspectRatio="xMidYMax meet" viewBox="0 0 1600 100" data-height="100"><path class="teteje" d="M-40,71.627C20.307,71.627,20.058,32,80,32s60.003,40,120,40s59.948-40,120-40s60.313,40,120,40s60.258-40,120-40s60.202,40,120,40s60.147-40,120-40s60.513,40,120,40s60.036-40,120-40c59.964,0,60.402,40,120,40s59.925-40,120-40s60.291,40,120,40s60.235-40,120-40s60.18,40,120,40s59.82,0,59.82,0l0.18,26H-60V72L-40,71.627z"></path><path class="kozepe" d="M-40,83.627C20.307,83.627,20.058,44,80,44s60.003,40,120,40s59.948-40,120-40s60.313,40,120,40s60.258-40,120-40s60.202,40,120,40s60.147-40,120-40s60.513,40,120,40s60.036-40,120-40c59.964,0,60.402,40,120,40s59.925-40,120-40s60.291,40,120,40s60.235-40,120-40s60.18,40,120,40s59.82,0,59.82,0l0.18,14H-60V84L-40,83.627z"></path><path class="alja" d="M-40,95.627C20.307,95.627,20.058,56,80,56s60.003,40,120,40s59.948-40,120-40s60.313,40,120,40s60.258-40,120-40s60.202,40,120,40s60.147-40,120-40s60.513,40,120,40s60.036-40,120-40c59.964,0,60.402,40,120,40s59.925-40,120-40s60.291,40,120,40s60.235-40,120-40s60.18,40,120,40s59.82,0,59.82,0l0.18,138H-60V96L-40,95.627z"></path></svg>
.hullamok {.teteje {fill: #5b93c7;} .kozepe {fill: #2a3f54;} .alja {fill: #22313f;}}

==========================================================================
Custom cheatsheet
==========================================================================
@SCSS - @https://sass-cheatsheet.brunoscopelliti.com/
The SASS @extend directive makes possible for a selector to inherit all the styles of another selector without duplicating the CSS properties.
.error {border: 1px #F00;}
.badError {@extend .error; border-width: 3px}

In a SASS stylesheet is possible to use the classic arithmetic operations; moreover the SASS engine makes available a large set of new useful functions.
The entire list of these functions could be found @ http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html.
a {color: lighten($defaultLinkColor, 10%);}

//@compass
Sprite create - A mappa neve alapján készíti el a sprite-ot!
@import "compass/utilities/sprites";
$mobil-ico-layout: vertical; //horizontal, vertical, diagonal, smart
$mobil-ico-sort-by: 'width'; //width, height, size, name, none, !width
$mobil-ico-spacing: 20px;
$mobil-ico-position: 50%;
@import "mobil-ico/*.png";
@include all-mobil-ico-sprites;

//@calc
width: unquote("calc(100% - 310px)");
filter: unquote("brightness(100%) invert(1);"); //black
filter: unquote("brightness(0) invert(1);"); //white
*/
/*# sourceMappingURL=main.css.map */