@charset "UTF-8";
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
* {
  margin: 0;
}
*, *::before, *::after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body {
  margin: 0;
  overflow-x: hidden;
  touch-action: auto !important;
}
#root, #__next {
  isolation: isolate;
}
/**1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the line height in all browsers.
3. Prevent adjustments of font size after orientation changes in iOS.
4. Use a more readable tab size (opinionated).*/
html {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  tab-size: 4;
  /* 4 */
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
/** Add the correct font weight in Chrome and Safari.*/
b, strong {
  font-weight: bolder;
}
/**1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.*/
code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**Add the correct font size in all browsers.*/
small {
  font-size: 80%;
}
/**Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.*/
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/**Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)*/
table {
  border-color: currentcolor;
}
/**1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.*/
button, input, optgroup, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**Correct the inability to style clickable types in iOS and Safari.*/
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
/**Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.*/
legend {
  padding: 0;
}
/**Add the correct vertical alignment in Chrome and Firefox.*/
progress {
  vertical-align: baseline;
}
/**Correct the cursor style of increment and decrement buttons in Safari.*/
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
/**1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.*/
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**Remove the inner padding in Chrome and Safari on macOS.*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/*Add the correct display in Chrome and Safari.*/
summary {
  display: list-item;
}
/* Custom - https://www.joshwcomeau.com/css/custom-css-reset/*/
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}
p, h1, h2, h3, h4, h5, h6, li {
  overflow-wrap: break-word;
}
p {
  text-wrap: pretty;
  padding: 10px 0;
  margin: 0;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
/*************/
/* VARIABELS */
/*************/
/***********/
/* MIXIN'S */
/***********/
/************/
/* MAIN CSS */
/************/
body {
  color: #1d232a;
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
  padding: 0;
  margin: 0;
  font-family: "Poppins", sans-serif;
  background: #fafafa;
}
#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: #fff;
}
#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;
}
.visually-hidden, .grippie, .hidden {
  display: none !important;
}
#toolbar-administration {
  position: relative;
  z-index: 11000;
}
.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;
}
#block-nfct-morzsak ol {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  font-size: 0;
}
#block-nfct-morzsak ol li {
  color: #000;
  font-size: 13px;
  line-height: 140%;
  font-weight: 400;
}
#block-nfct-morzsak ol li:before {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px 0 7px;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e");
}
#block-nfct-morzsak ol li:first-child:before {
  display: none;
}
#block-nfct-morzsak ol li a {
  color: #000;
  font-size: 13px;
  line-height: 140%;
  font-weight: 400;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.main-title #page-title {
  text-align: center;
  padding-bottom: 20px;
}
.front .main-title {
  display: none;
  /*@include centerBox();*/
}
.page-taxonomy .main-title #page-title {
  text-align: left;
  font-size: 1.3rem;
  color: #000;
  padding: 0;
  margin: 0;
  border-bottom: 1px #000 solid;
}
.pipeline {
  display: block;
  text-align: center;
  overflow: hidden;
}
.pipeline span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: 1;
}
.pipeline span:before, .pipeline span:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  width: 99999px;
}
.pipeline span:before {
  left: 100%;
  margin-left: 20px;
}
.pipeline span:after {
  right: 100%;
  margin-right: 20px;
}
blockquote {
  width: auto;
  max-width: 1220px;
  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: #1d232a;
  font-size: clamp(24px, 5vw, 42px);
  line-height: 135%;
  font-weight: 400;
  text-align: center;
  position: relative;
  z-index: 100;
}
blockquote:before {
  content: open-quote;
  height: 120px;
  color: #f3f4ff;
  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;
}
blockquote small {
  display: block;
  color: #1d232a;
  font-size: clamp(18px, 4vw, 32px);
  line-height: 140%;
  font-weight: 400;
  text-align: right;
  padding-right: 25px;
}
blockquote:after {
  content: close-quote;
  height: 120px;
  color: #f3f4ff;
  font-size: 380px;
  line-height: 75%;
  font-weight: 400;
  font-family: serif;
  position: absolute;
  bottom: -20px;
  right: 0;
  z-index: -1;
  opacity: 0.7;
}
#block-nfct-primary-local-tasks {
  width: auto;
  max-width: 1220px;
  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;
}
#block-nfct-primary-local-tasks ul {
  padding: 5px 0;
  margin: 0;
  border: none;
  list-style: none;
}
#block-nfct-primary-local-tasks ul li {
  display: inline-block;
  vertical-align: top;
  padding: 5px 0;
  margin: 0;
}
#block-nfct-primary-local-tasks ul li a {
  color: #fff;
  font-size: 16px;
  line-height: 125%;
  font-weight: 600;
  padding: 15px 55px 15px 20px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #313542;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
#block-nfct-primary-local-tasks ul li a::after {
  width: 35px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  filter: brightness(0) invert(1);;
}
#block-nfct-primary-local-tasks ul li a:hover, #block-nfct-primary-local-tasks ul li a.active {
  color: #fff;
  background: #7709FF;
}
.field--name-field-tags {
  padding: 10px 0;
}
.field--name-field-tags .field-label {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
}
.field--name-field-tags .field-label:after {
  content: ":";
  padding: 0;
  margin: 0;
}
.field--name-field-tags .field-item {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.pager {
  text-align: center;
  padding: 20px 0 10px;
}
.pager li {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  padding: 0;
  margin: 0 1px;
}
.pager li.pager-current {
  color: #fff;
  font-size: 16px;
  line-height: 120%;
  font-weight: 700;
  padding: 5px 10px;
  margin: 0;
  border: 1px #7709FF solid;
  background: #7709FF;
}
.pager li a {
  display: block;
  color: #7709FF;
  font-size: 16px;
  line-height: 120%;
  font-weight: 400;
  padding: 5px 10px;
  margin: 0;
  border: 1px #7709FF solid;
  color: #7709FF;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.pager li a:hover {
  background: #7709FF;
  color: #fff;
}
.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: #000;
}
.color-h2 {
  color: #000;
}
.color-h3 {
  color: #000;
}
.color-h4 {
  color: #000;
}
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 {
  display: block !important;
  margin: 15px auto;
}
img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
}
iframe {
  border: none;
  padding: 0;
  margin: 0;
  float: none !important;
}
a {
  color: #7709FF;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: none;
}
ol, ul {
  padding: 5px 0 5px 20px;
  margin: 0;
}
ol li, ul li {
  padding: 5px 0;
  margin: 0;
}
.gombsor {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.gombsor .gomb {
  width: auto;
}
.gomb {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  clear: both;
  text-align: center;
}
.gomb a, .gomb span {
  color: #fff;
  font-size: 16px;
  line-height: 125%;
  font-weight: 600;
  padding: 15px 55px 15px 20px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #313542;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.gomb a::after, .gomb span::after {
  width: 35px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  filter: brightness(0) invert(1);;
}
.gomb a:hover, .gomb span:hover {
  color: #fff;
  background: #7709FF;
}
.button {
  color: #fff;
  font-size: 16px;
  line-height: 125%;
  font-weight: 600;
  padding: 15px 55px 15px 20px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #313542;
  text-align: center;
  border: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.button::after {
  width: 35px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  filter: brightness(0) invert(1);;
}
.button:hover {
  color: #fff;
  background: #7709FF;
}
.form-submit {
  padding: 15px 30px;
}
table {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  margin: 10px 0;
  table-layout: fixed;
}
table tbody {
  border: none;
}
table th {
  font-weight: bold;
  color: #7709FF;
}
table td {
  padding: 5px;
  margin: 0;
  border: 1px #f3f4ff solid;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
/**********/
/* HEADER */
/**********/
#header {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  background: url("../images/header-top-bg.jpg") top center no-repeat;
  background-size: 100% 100%;
}
#header #header-top {
  border-bottom: 1px #52169e solid;
}
#header #header-top > .content {
  width: auto;
  max-width: 1220px;
  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 {
  padding: 10px 0;
  margin: 0;
  text-align: center;
}
#header #logo a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#header #logo a:nth-child(2) {
  padding-left: 18px;
}
#header #logo a img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
}
#header-tartalom {
  width: auto;
  background: none;
  border-bottom: none;
}
#header-tartalom #block-nfct-headerblokk .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#header-tartalom #block-nfct-headerblokk ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0;
}
#header-tartalom #block-nfct-headerblokk ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  margin: 0;
  color: #9f8dd4;
  font-size: 16px;
  line-height: 125%;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}
#header-tartalom #block-nfct-headerblokk ul li a {
  color: #9f8dd4;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#header-tartalom #block-nfct-headerblokk ul li a.active, #header-tartalom #block-nfct-headerblokk ul li a:hover {
  color: #fff;
}
#header-tartalom #block-nfct-headerblokk ul li small {
  display: block;
  color: #9f8dd4;
  font-size: 16px;
  line-height: 130%;
  font-weight: 400;
}
#header-tartalom #block-nfct-headerblokk ul li img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
}
#header-tartalom #block-nfct-headerblokk ul.social li {
  padding: 0 3px;
}
#header-tartalom #block-nfct-headerblokk ul.social a {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
}
#header-tartalom #block-nfct-headerblokk ul.social a:hover {
  filter: brightness(0) saturate(100%) invert(66%) sepia(26%) saturate(1224%) hue-rotate(208deg) brightness(90%) contrast(83%);;
}
#header-tartalom #block-nfct-headerblokk .gomb {
  width: auto;
  padding-left: 5px;
}
#header-tartalom #block-nfct-headerblokk .gomb a {
  color: #fff;
  font-size: 16px;
  line-height: 125%;
  font-weight: 600;
  padding: 15px 55px 15px 20px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #313542;
  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 {
  width: 35px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  filter: brightness(0) invert(1);;
}
#header-tartalom #block-nfct-headerblokk .gomb a:hover {
  color: #fff;
  background: #7709FF;
}
#deskmenu-befoglalo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#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 18px 0 10px;
  margin: 0;
}
#desktop-navigation ul li.menu-item--expanded > span:after {
  border-color: #9f8dd4 transparent transparent transparent;
  top: 48%;
  right: 6px;
  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: #fff transparent transparent transparent;
  top: 48%;
  right: 6px;
  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: #9f8dd4;
  font-size: 16px;
  line-height: 90px;
  font-weight: 700;
  padding: 0 10px;
  margin: 0;
  font-family: "Poppins", sans-serif;
  height: 90px;
  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: #fff;
  background: none;
  text-decoration: underline solid #7f0bff 1px;
  text-underline-offset: 38px;
}
#desktop-navigation ul li.gomb {
  width: auto;
}
#desktop-navigation ul li.gomb a {
  color: #fff;
  font-size: 16px;
  line-height: 125%;
  font-weight: 600;
  padding: 15px 55px 15px 20px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #313542;
  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 {
  width: 35px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  filter: brightness(0) invert(1);;
}
#desktop-navigation ul li.gomb a.active, #desktop-navigation ul li.gomb a:hover {
  color: #fff;
  background: #7709FF;
}
#desktop-navigation ul li.noactive a {
  color: #9f8dd4;
}
#desktop-navigation ul li.noactive a:hover {
  color: #fff;
}
/********/
/* HERO */
/********/
#flash {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  clear: both;
  overflow: hidden;
}
#flash #block-nfct-views-block-animacio-nezet-block-1 {
  width: auto;
  max-width: 1220px;
  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;
}
#flash img {
  max-width: 100% !important;
  height: auto !important;
  display: inline-block;
  vertical-align: top;
}
#flash picture {
  font-size: 0;
}
#flash .views-field-field-anim-kep {
  position: relative;
  text-align: right;
}
#flash .views-field-body {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1900;
}
#flash .cim {
  color: #fff;
  font-size: clamp(21px, 4vw, 70px);
  line-height: 120%;
  font-weight: 700;
  padding: 10px 0;
  margin: 0;
}
#flash .cim big {
  display: block;
  color: #fff;
  font-size: clamp(38px, 9vw, 148px);
  line-height: 100%;
  font-weight: 700;
  background: linear-gradient(to top, #4407ef, #cc0cfe);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#flash p {
  width: 50%;
  color: #9f8cd4;
  font-size: clamp(14px, 1.4vw, 16px);
  line-height: 160%;
  font-weight: 400;
  padding: 10px 10% 10px 0;
  margin: 0;
}
#flash .gomb {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  clear: both;
  text-align: center;
  text-align: left;
}
#flash .gomb a {
  color: #fff;
  font-size: 16px;
  line-height: 125%;
  font-weight: 600;
  padding: 15px 55px 15px 20px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: auto;
  height: auto;
  background: #313542;
  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 {
  width: 35px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  filter: brightness(0) invert(1);;
}
#flash .gomb a:hover {
  color: #fff;
  background: #7709FF;
}
#flash .views-slideshow-controls-bottom {
  width: 100%;
  position: absolute;
  bottom: 6%;
  left: 0;
  z-index: 8400;
}
#flash .views-slideshow-controls-bottom span {
  text-decoration: none !important;
}
#flash .views-slideshow-controls-bottom #widget_pager_bottom_animacio_nezet-block_1 {
  width: auto;
  max-width: 1220px;
  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;
}
#flash .views-slideshow-controls-bottom .views_slideshow_pager_field_item {
  width: 20px;
  height: 20px;
  background: rgba(94, 94, 123, 0.5);
  padding: 0;
  margin: 0 0 0 5px;
  text-align: left;
  text-indent: -10000em;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
#flash .views-slideshow-controls-bottom .views_slideshow_pager_field_item.active {
  background: #7709FF;
}
/***********/
/* CONTENT */
/***********/
h1 {
  padding: 10px 0;
  margin: 0;
  color: #000;
  font-size: clamp(34px, 5vw, 3.2rem);
  line-height: 130%;
  font-weight: 700;
}
h2 {
  padding: 10px 0;
  margin: 0;
  color: #000;
  font-size: clamp(24px, 4vw, 2.375rem);
  line-height: 130%;
  font-weight: 700;
}
h3 {
  padding: 10px 0;
  margin: 0;
  color: #000;
  font-size: clamp(21px, 3vw, 2rem);
  line-height: 130%;
  font-weight: 700;
}
h4 {
  padding: 10px 0;
  margin: 0;
  color: #000;
  font-size: clamp(18px, 2vw, 1.75rem);
  line-height: 140%;
  font-weight: 600;
}
#content {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.not-front #content .tartalom {
  width: auto;
  max-width: 1220px;
  display: block;
  padding: 20px 10px;
  margin: 0 auto;
  clear: both;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content iframe {
  padding: 0;
  margin: 10px auto !important;
}
#content .gomb a, #content .gomb span {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
#content a {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.section {
  padding: 3.125rem 0;
  position: relative;
}
.section .befoglalo {
  width: auto;
  max-width: 1220px;
  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;
}
.section .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
.section .side {
  width: 48%;
}
.section .cim {
  color: #fff;
  font-size: clamp(24px, 4.5vw, 58px);
  line-height: 120%;
  font-weight: 700;
  padding: 10px 0 30px;
  margin: 0;
}
.section .cim small {
  display: block;
  color: #000;
  font-size: clamp(16px, 2vw, 21px);
  line-height: 130%;
  font-weight: 700;
}
.section .atmenetes-cim {
  padding: 140px 0;
  margin: -160px 0 -105px;
  background: #7709FF;
  background: linear-gradient(180deg, rgba(119, 9, 255, 0) 0%, #7709ff 45%, #7709ff 55%, rgba(255, 255, 255, 0) 100%);
}
.section .atmenetes-cim h3 {
  color: #fff;
  font-size: 22px;
  line-height: 140%;
  font-weight: 300;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 10px;
  text-align: center;
}
.section .dobozsor {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
.section .dobozsor .doboz {
  text-align: center;
  padding: 20px 0;
  margin: 0;
}
.section .dobozsor.col-2 .doboz {
  width: 49%;
}
.section .dobozsor.col-3 .doboz {
  width: 32.3333333333%;
}
.section .dobozsor.col-4 .doboz {
  width: 24%;
}
.section .dobozsor.col-5 .doboz {
  width: 19%;
}
.section .dobozsor.col-6 .doboz {
  width: 15.6666666667%;
}
.section .dobozsor.col-7 .doboz {
  width: 13.2857142857%;
}
.section .dobozsor.col-8 .doboz {
  width: 11.5%;
}
.section .dobozsor.col-9 .doboz {
  width: 10.1111111111%;
}
.section.section-1 {
  background: #1d232a;
  padding-bottom: 180px;
  color: #fff;
}
.section.section-1 .cim {
  padding: 50px 0;
}
.section.section-1 p {
  color: #fff;
  font-size: 26px;
  line-height: 140%;
  font-weight: 300;
}
.section.section-1 .flex {
  padding-bottom: 30px;
}
.section.section-2 {
  padding-top: 0;
}
.section.section-2 .anim1 {
  width: auto;
  max-width: 1220px;
  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;
}
#block-nfct-szerverhusav {
  padding: 50px 0;
  margin: 0;
  background: #7709FF;
  color: #fff;
}
#block-nfct-szerverhusav .content {
  width: auto;
  max-width: 1220px;
  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;
}
#block-nfct-szerverhusav .col {
  width: calc(100% - 500px);
}
#block-nfct-szerverhusav .col:nth-child(1) {
  width: 270px;
}
#block-nfct-szerverhusav .col:nth-child(3) {
  width: 230px;
}
#block-nfct-szerverhusav .gomb {
  width: auto;
}
#block-nfct-szerverhusav .gomb a {
  background: #6d21d7;
}
#block-nfct-szerverhusav .gomb a:hover {
  background: #4407ef;
}
/*********/
/* VIEWS */
/*********/
.view-hir-nezetek .tartalom-bottom {
  padding-bottom: 100px;
}
#block-nfct-views-block-hir-nezetek-block-1 {
  padding: 50px 0 200px;
  background: #f3f4ff;
}
#block-nfct-views-block-hir-nezetek-block-1 .content {
  width: auto;
  max-width: 1220px;
  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;
}
#block-nfct-views-block-hir-nezetek-block-1 .view-header {
  text-align: center;
  padding-bottom: 30px;
}
#block-nfct-views-block-hir-nezetek-block-1 .view-header .cim {
  color: #1d232a;
  font-size: clamp(26px, 4.5vw, 36px);
  line-height: 140%;
  font-weight: 700;
}
#block-nfct-views-block-hir-nezetek-block-1 .view-header p {
  font-size: 21px;
  line-height: 130%;
}
.view-hir-nezetek .view-content, .view-taxonomy-term .view-content {
  padding: 30px 0;
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
.view-hir-nezetek .views-row, .view-taxonomy-term .views-row {
  width: 33.3333333333%;
  max-width: 370px;
  padding: 0;
  margin: 10px;
  background: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}
.not-front .view-hir-nezetek .views-row, .not-front .view-taxonomy-term .views-row {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.view-hir-nezetek .views-row .views-field-field-tags, .view-taxonomy-term .views-row .views-field-field-tags {
  padding: 10px 10px 0;
}
.view-hir-nezetek .views-row .views-field-field-tags a, .view-taxonomy-term .views-row .views-field-field-tags a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.view-hir-nezetek .views-row .views-field-created, .view-taxonomy-term .views-row .views-field-created {
  color: #999;
  font-size: 14px;
  line-height: 140%;
  font-weight: 400;
  padding: 10px;
  margin: 0;
  letter-spacing: 2px;
}
.view-hir-nezetek .views-row .views-field-field-image, .view-taxonomy-term .views-row .views-field-field-image {
  width: 100%;
  overflow: hidden;
}
.view-hir-nezetek .views-row .views-field-field-image img, .view-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;
}
.view-hir-nezetek .views-row .hircim, .view-taxonomy-term .views-row .hircim {
  color: #1d232a;
  font-size: 18px;
  line-height: 125%;
  font-weight: 700;
  padding: 0 10px 20px;
  margin: 0;
}
.view-hir-nezetek .views-row .hircim a, .view-taxonomy-term .views-row .hircim a {
  color: #1d232a;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.view-hir-nezetek .views-row .hircim a:hover, .view-taxonomy-term .views-row .hircim a:hover {
  color: #7709FF;
}
.view-hir-nezetek .views-row:hover img, .view-taxonomy-term .views-row:hover img {
  transform: scale(1.1);
}
.view-galeriak {
  font-size: 0;
  text-align: center;
  clear: both;
}
.view-galeriak img {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
}
.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;
}
.view-galeriak .views-row {
  width: 33.3333333333%;
  max-width: 380px;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  margin: 10px auto;
}
.view-galeriak .views-row:hover img {
  transform: scale(1.05);
}
.view-galeriak .galeriacim {
  color: #7709FF;
  font-size: clamp(21px, 3vw, 2.375rem);
  line-height: 120%;
  font-weight: 700;
  padding: 10px 0;
  margin: 0;
  text-align: center;
}
.view-galeriak .galeriacim a {
  color: #7709FF;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.view-galeriak .galeriacim a:hover {
  color: #000;
}
.field--name-field-oldal-galeria, .field--name-field-galeria-kepek {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: 0;
  clear: both;
  text-align: center;
}
.field--name-field-oldal-galeria .field-item, .field--name-field-galeria-kepek .field-item {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  padding: 10px;
  margin: 0;
}
.field--name-field-oldal-galeria .field-item:hover img, .field--name-field-galeria-kepek .field-item:hover img {
  transform: scale(1.05);
}
.field--name-field-oldal-galeria a, .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;
}
.field--name-field-oldal-galeria img, .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;
}
/*/Szolgáltatások
.view-szolgaltatasok {
    .view-content {@include flex(0, space-evenly, stretch);}
    .views-row {width: 32%; max-width: 400px; @include padMargin(30px 10px);}
    .views-field-title {width: 100%; height: auto; position: relative; overflow: hidden; @include border-radius(25px);
        &:hover img {transform: scale(1.05);}
    }
    img {@include transition();}
    .szolgcim {width: 100%; @include text($feher, 22px, $bold, 140%); @include padMargin(20px 10px 10px); position: absolute; left: 0; bottom: 0; z-index: 1000; @include bgAtmenetUpDown($fekete, 0, $fekete, 1);
        a {color: $feher; @include link; &:hover {color: $linkHoverColor;}}
    }
    .views-field-field-lista-szoveg {@include text();}
    .views-field-view-node a {@include text($fekete, 16px, $bold, 140%); @include link; &:hover {color: $linkHoverColor;}}
}*/
/*/Splide.js - https://splidejs.com/guides/options/
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>*/
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.splide {
  padding: 30px 0;
}
.splide .splide__arrows button {
  position: absolute;
  top: 50%;
  z-index: 1000;
  background: #000;
  border: none;
  padding: 10px;
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  -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);
}
.splide .splide__arrows button svg {
  width: 40px;
  height: 100%;
  fill: #fff;
}
.splide .splide__arrows button:hover {
  background: #fff;
}
.splide .splide__arrows button:hover svg {
  fill: #000;
}
.splide .splide__arrows .splide__arrow--prev {
  transform: rotate(-180deg) translateY(50%);
  left: 10px;
}
.splide .splide__arrows .splide__arrow--next {
  transform: translateY(-50%);
  right: 10px;
}
.splide .splide__track {
  width: 100%;
}
.splide .splide__slide {
  width: 100%;
  padding: 0 20px;
  margin: 0;
  max-width: 100%;
  background: none;
  overflow: hidden;
}
.splide .cim {
  color: #fff;
  font-size: clamp(28px, 6.5vw, 5rem);
  line-height: 130%;
  font-weight: 900;
  text-transform: uppercase;
  padding: 10px 0;
  margin: 0;
}
.splide p {
  color: #fff;
  font-size: clamp(16px, 2.5vw, 20px);
  line-height: 160%;
  font-weight: 400;
  padding: 10px 0;
  margin: 0;
}
.splide.anim1 > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  gap: 0;
}
.splide.anim1 .splide__pagination {
  justify-content: space-evenly;
  align-items: stretch;
  padding: 0 !important;
  margin: 0 0 20px !important;
  width: 100%;
}
.splide.anim1 .splide__pagination li {
  width: 23%;
}
.splide.anim1 .splide__pagination button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  margin: 0;
  color: #1d232a;
  font-size: 20px;
  line-height: 130%;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: none;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.splide.anim1 .splide__pagination button:hover, .splide.anim1 .splide__pagination button.is-active {
  background: #7709FF;
  color: #fff;
}
.not-front .splide.anim1 .splide__pagination button {
  background-color: #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);
}
.not-front .splide.anim1 .splide__pagination button:hover, .not-front .splide.anim1 .splide__pagination button.is-active {
  background: #7709FF;
}
.splide.anim1 .views-field-title {
  display: none;
}
.splide.anim1 h2 {
  color: #1d232a;
  font-size: clamp(28px, 6vw, 68px);
  line-height: 130%;
  font-weight: 400;
  padding: 40px 0;
  margin: 0;
}
.splide.anim1 h6 {
  color: #1d232a;
  font-size: clamp(18px, 3vw, 28px);
  line-height: 130%;
  font-weight: 400;
  padding: 20px 0;
  margin: 0;
}
.splide.anim1 img {
  margin: 0 auto;
  display: block;
}
.splide.anim1 p {
  color: #1d232a;
  font-size: 16px;
  line-height: 180%;
  font-weight: 400;
}
.splide.anim1 .flex {
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
.splide.anim1 .flex .side {
  width: 48%;
}
.splide.anim1 .flex ul {
  padding: 0;
  margin: 0;
}
.splide.anim1 .flex ul li {
  color: #1d232a;
  font-size: 20px;
  line-height: 140%;
  font-weight: 400;
  list-style: none;
  width: 100%;
  padding: 25px 20px 25px 80px;
  margin: 20px 0;
  background: #f5eeff url("../images/pipa.png") left 25px center no-repeat;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}
.splide.anim2 {
  padding: 0;
}
.splide.anim2 .splide__slide {
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  background: #313542;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px;
}
.splide.anim2 .views-field-field-bemutat-ikon {
  width: 100px;
  height: 240px;
  background: #7709FF;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
}
.splide.anim2 .views-field-field-bemutat-ikon .field-content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0;
  padding: 10px;
}
.splide.anim2 .views-field-title {
  width: calc(100% - 120px);
}
.splide.anim2 .bemutatcim {
  color: #fff;
  font-size: 24px;
  line-height: 130%;
  font-weight: 700;
  padding: 10px 0 0;
}
.splide.anim2 p {
  color: #fff;
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
}
.splide.anim2 .splide__pagination {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  z-index: 1000;
}
.splide.anim2 .splide__pagination li {
  padding: 0 !important;
  margin: 0 3px !important;
}
.splide.anim2 .splide__pagination button {
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  background: #5e5e7b;
  opacity: 0.5;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: none;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  text-indent: -10000em;
}
.splide.anim2 .splide__pagination button:hover, .splide.anim2 .splide__pagination button.is-active {
  opacity: 1;
  background: #7709FF;
}
/*************/
/* TEMPLATES */
/*************/
.flex-row-section {
  clear: both;
}
.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;
}
.flex-row-section .row.even {
  flex-direction: row-reverse;
}
.flex-row-section.row-center .row {
  align-items: center;
}
.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;
}
.flex-row-section .side {
  width: 49%;
}
.flex-row-section .side:nth-child(2) {
  text-align: center;
}
.flex-row-section img {
  margin: 0 auto !important;
}
.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;
}
.flex-image-box-section .img {
  text-align: center;
}
.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;
}
.flex-image-box-section .views-row {
  /*max-width: 400px;*/
  padding: 20px 0;
  margin: 0;
}
.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;*/
}
.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;
}
.flex-image-box-section.row-1 .views-row {
  width: 99%;
}
.flex-image-box-section.row-2 .views-row {
  width: 49%;
}
.flex-image-box-section.row-3 .views-row {
  width: 32.3333333333%;
}
.flex-image-box-section.row-4 .views-row {
  width: 24%;
}
.flex-image-box-section.row-5 .views-row {
  width: 19%;
}
.flex-image-box-section.row-6 .views-row {
  width: 15.6666666667%;
}
.flex-image-box-section.row-7 .views-row {
  width: 13.2857142857%;
}
.flex-image-box-section.row-8 .views-row {
  width: 11.5%;
}
.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}%;
        }
    }*/
}
.flex-number-box-section .img {
  text-align: center;
}
.flex-number-box-section .img img {
  margin: 10px auto !important;
}
.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;
}
.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: #f3f4ff;
  font-size: clamp(82px, 6vw, 112px);
  line-height: 100%;
  font-weight: 700;
}
.flex-number-box-section p {
  width: 100%;
}
.flex-number-box-section .views-row {
  padding: 20px 0;
  margin: 0;
  counter-increment: szamlalo;
}
.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;
}
.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;
}
.flex-number-box-section.row-1 .views-row {
  width: 99%;
}
.flex-number-box-section.row-2 .views-row {
  width: 49%;
}
.flex-number-box-section.row-3 .views-row {
  width: 32.3333333333%;
}
.flex-number-box-section.row-4 .views-row {
  width: 24%;
}
.flex-number-box-section.row-5 .views-row {
  width: 19%;
}
.flex-number-box-section.row-6 .views-row {
  width: 15.6666666667%;
}
.flex-number-box-section.row-7 .views-row {
  width: 13.2857142857%;
}
.flex-number-box-section.row-8 .views-row {
  width: 11.5%;
}
.flex-number-box-section.last-1 {
  width: 100%;
}
.flex-number-box-section.last-2 {
  width: 49%;
}
.flex-number-box-section.last-3 {
  width: 66%;
}
.flex-number-box-section.last-4 {
  width: 75%;
}
.flex-number-box-section.last-5 {
  width: 80%;
}
.flex-img-section {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  clear: both;
}
.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);
}
.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;
}
.flex-img-section ul li {
  padding: 0;
  margin: 8px 0;
  overflow: hidden;
}
.flex-img-section ul li:hover img {
  transform: scale(1.05);
}
.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;
}
.flex-img-section a {
  display: block;
}
.flex-img-section.row-1 li {
  width: 99%;
}
.flex-img-section.row-2 li {
  width: 49%;
}
.flex-img-section.row-3 li {
  width: 32.3333333333%;
}
.flex-img-section.row-4 li {
  width: 24%;
}
.flex-img-section.row-5 li {
  width: 19%;
}
.flex-img-section.row-6 li {
  width: 15.6666666667%;
}
.flex-img-section.row-7 li {
  width: 13.2857142857%;
}
.flex-img-section.row-8 li {
  width: 11.5%;
}
.flex-img-section.row-9 li {
  width: 10.1111111111%;
}
.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;
}
.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;
}
.flex-grid-gallery-section .col:nth-child(1), .flex-grid-gallery-section .col:nth-child(3) {
  width: 34%;
  max-width: 445px;
}
.flex-grid-gallery-section .col img {
  display: inline-block;
  vertical-align: top;
  margin: 12px 0 !important;
}
.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;
}
.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;
}
.fix-hero-section.bg-1:before {
  background-image: url("../../../sites/default/files/tartalmi-kepek/ph-hero.png");
}
.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;
}
.fix-hero-section .cim {
  color: #fff;
  font-size: clamp(26px, 4vw, 36px);
  line-height: 130%;
  font-weight: 700;
  padding: 0 0 20px;
  margin: 0;
}
.rm-toggle .rm-content {
  display: none;
}
.rm-toggle.open .rm-content {
  display: block;
}
/**********/
/* FOOTER */
/**********/
#footer {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  clear: both;
}
#footer .block {
  padding: 0;
  margin: 0;
  position: relative;
  background: #1d232a;
  text-align: left;
}
#footer .block .cim {
  padding: 0 0 20px;
  margin: 0;
  color: #fff;
  font-size: 21px;
  line-height: 120%;
  font-weight: 700;
}
#footer .block ul {
  padding: 0;
  margin: 0;
}
#footer .block ul li {
  list-style: none;
  padding: 5px 0;
  margin: 0;
  color: #627387;
  font-size: 18px;
  line-height: 130%;
  font-weight: 400;
}
#footer .block ul li a {
  color: #627387;
  font-size: 18px;
  line-height: 130%;
  font-weight: 400;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#footer .block ul li a:hover {
  color: #fff;
  text-decoration: underline;
}
#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: #627387;
  font-size: 18px;
  line-height: 130%;
  font-weight: 400;
}
#footer .block .flex {
  width: auto;
  max-width: 1220px;
  display: block;
  padding: 30px 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: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#footer .block .flex .side {
  width: 48%;
  padding: 20px 0;
}
#footer .block .flex .side:nth-child(1) {
  width: 58%;
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#footer .block .flex .side:nth-child(2) {
  width: 38%;
}
#footer .block .flex .side .col:nth-child(1) {
  padding: 10px 50px 10px 0;
}
.page-node-4 #footer .block .flex .side {
  width: 100%;
}
.page-node-4 #footer .block .flex .side:nth-child(2) {
  display: none;
}
.page-node-4 #footer .block .flex .side .col {
  padding: 10px 0 !important;
}
#footer .block .atmenetes-cim {
  position: relative;
  top: -150px;
  padding: 140px 0;
  margin: 0 0 -200px;
  background: #7709FF;
  background: linear-gradient(180deg, rgba(119, 9, 255, 0) 0%, #7709ff 45%, #7709ff 55%, rgba(255, 255, 255, 0) 100%);
}
#footer .block .atmenetes-cim h3 {
  color: #fff;
  font-size: 22px;
  line-height: 140%;
  font-weight: 300;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 10px;
  text-align: center;
}
#footer .block .urlap {
  width: 100%;
}
.page-node-4 #footer .block .urlap {
  display: none;
}
#footer .block .urlap #edit-markup {
  display: none;
}
#footer .block .urlap textarea {
  height: 70px;
}
#footer .block .urlap select, #footer .block .urlap input:not([type="submit"]), #footer .block .urlap textarea {
  background: none;
  color: #fff;
}
#footer .block .urlap a {
  color: #fff;
  text-decoration: underline;
}
#footer .block .urlap a:hover {
  color: #7709FF;
  text-decoration: none;
}
#footer .block .demjan {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 0 50px;
}
#footer .block .demjan img {
  margin: 10px 20px;
}
#footer #information {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  clear: both;
  background: #1d232a;
}
#footer #information #block-nfct-footerinfoblokk {
  padding: 0 0 50px;
  text-align: center;
}
#footer #information #block-nfct-footerinfoblokk .content {
  padding: 0;
}
#footer #information span {
  display: block;
  color: #fff;
  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;
}
/************/
/* WEBFORMS */
/************/
::placeholder {
  color: #627387;
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #627387;
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
::-ms-input-placeholder {
  color: #627387;
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
label {
  color: #627387;
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  width: 100%;
  padding: 0 5px;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
input:not([type="submit"]), select {
  width: 100%;
  max-width: 100%;
  height: 35px;
  line-height: 35px;
  padding: 0 5px;
  border: none;
  background: #f3f4ff;
  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: 105px;
  border: none;
  background: #f3f4ff;
  padding: 0 5px;
  line-height: 140% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
select, input:not([type="submit"]), textarea {
  color: #1d232a;
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 1px #627387 solid;
}
select:focus, input:not([type="submit"]):focus, textarea:focus {
  outline: none;
  border-color: #7709FF;
}
#node-4 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
}
#node-4 > .field--name-body, #node-4 .field--name-webform {
  width: 48%;
}
.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: #1d232a;
  font-size: 14px;
  line-height: 35px;
  font-weight: 300;
}
.webform-submission-form label input {
  height: auto;
  line-height: 120%;
}
.webform-submission-form input.form-file {
  border: 1px #627387 solid;
}
.webform-submission-form .description {
  font-style: italic;
  font-size: 12px;
  color: #627387;
  padding: 5px 0 0;
  margin: 0;
}
.webform-submission-form .captcha {
  padding: 0;
  margin: 10px 0;
  text-align: center;
  /*float: left;*/
}
.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: 35px;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  color: #1d232a;
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
.webform-submission-form .webform-component-file .form-submit {
  width: 34%;
  height: 35px;
  float: right;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  color: #627387;
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
.webform-submission-form .webform-component-file .form-submit:hover {
  background: #7709FF;
  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: #627387;
  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: #7709FF;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
.webform-submission-form .js-form-type-checkbox .description a:hover {
  color: #000;
}
.webform-submission-form .webform-component-radios > label {
  width: 100%;
  color: #627387;
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  font-family: "Poppins", 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%;
}
#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: 1220px;
  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: "Poppins", 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: "Poppins", sans-serif;
}
#sliding-popup .popup-content #popup-buttons button:after {
  display: none;
}
#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;
}
/*/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;}
}*/
/*/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;}
}*/
/**************/
/* RESPONSIVE */
/**************/
#mobil-header {
  display: none;
  width: 100%;
  min-height: 40px;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  -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);
  z-index: 9900;
}
#mobil-header #ikonok {
  display: block;
  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: 38px;
  height: 40px;
  padding: 0;
  margin: 0;
  text-indent: -10000em;
  outline: none;
}
#mobil-header #ikonok ul li a:hover {
  background-color: #7709FF !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;
}
#mobil-header #ikonok ul li.tiktok a {
  background: url("../images/mobil-ico/tiktok_ico.png") center center no-repeat;
  background-size: 84% auto;
}
#mobil-header #ikonok ul li.telefon-1 a {
  background: url("../images/mobil-ico/tel_ico1.png") center center no-repeat;
  cursor: pointer;
}
#mobil-header #ikonok ul li.telefon-2 a {
  background: url("../images/mobil-ico/tel_ico2.png") center center no-repeat;
  cursor: pointer;
}
#nav-icon span:nth-child(1) {
  top: 0;
}
#nav-icon span:nth-child(2) {
  top: 10px;
}
#nav-icon span:nth-child(3) {
  top: 20px;
}
#nav-icon span:nth-child(4) {
  display: none;
}
.open #nav-icon span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 11px;
  left: 3px;
}
.open #nav-icon span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.open #nav-icon span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 11px;
  left: 3px;
}
#nav-icon {
  width: 30px;
  height: 27px;
  display: inline-block;
  position: relative;
  margin: 7px 3px 0 5px;
  -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: 5px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 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-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;
}
.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: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
  text-shadow: none;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#mobil-navigation {
  background: #1d232a;
}
#mobil-navigation h2 {
  color: #fff;
  font-size: 16px;
  line-height: 150%;
  font-weight: bold;
  padding: 0;
  margin: 0;
  background: #7709FF;
  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: #1d232a;
}
#mobil-navigation ul li {
  list-style: none;
  list-style-image: none;
  padding: 5px 10px;
  margin: 0;
  position: relative;
}
#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 ul {
  height: auto;
  overflow-y: no-display;
}
#mobil-navigation ul li.menu-item--expanded ul.nyitott {
  display: block;
}
#mobil-navigation ul li.menu-item--expanded ul.zart {
  display: none;
}
#mobil-navigation ul li.noactive a.is-active, #mobil-navigation ul li span, #mobil-navigation ul li a {
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  font-weight: normal;
  padding: 0;
  margin: 0;
  display: block;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
#mobil-navigation ul li ul li a {
  color: #fff;
  font-size: 15px;
  line-height: 140%;
  font-weight: normal;
  text-transform: none;
}
#mobil-navigation ul li.menu-item--active-trail > span, #mobil-navigation ul li a.is-active {
  color: #7709FF;
  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;
}
@media screen and (min-width: 1000px) and (max-width: 1219px) {
  /*.view-galeriak .views-row {width: 100% / 4;
        .field--name-field-oldal-galeria, .field--name-field-galeria-kepek {
            .field-item {width: 100% / 4;}
        }
    }*/
  body {
    font-size: 15px;
  }
  #header #header-tartalom #block-nfct-headerblokk .gomb {
    display: none;
  }
  #desktop-navigation ul li a, #desktop-navigation ul li span {
    padding: 0 10px;
    font-size: 15px;
  }
  #desktop-navigation ul li.gomb {
    display: none;
  }
  #flash .views-field-field-anim-kep {
    width: 58%;
    float: right;
  }
  #footer .block ul li, #footer .block ul li a {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  /*.view-galeriak .views-row {width: 100% / 3; .galeriacim {font-size: 3.5vw; text-transform: none;}}
    .field--name-field-oldal-galeria, .field--name-field-galeria-kepek {
        .field-item {width: 100% / 3;}
    }*/
  body {
    font-size: 14px;
  }
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  table {
    width: 100% !important;
  }
  iframe {
    max-width: 100% !important;
  }
  a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
    cursor: default !important;
    pointer-events: auto !important;
    text-decoration: none !important;
  }
  #header {
    overflow: hidden;
    padding-top: 40px;
  }
  #header #logo {
    float: none;
    padding: 10px 0;
    margin: 0;
    text-align: center;
  }
  #header #desktop-navigation {
    display: none !important;
  }
  #header #mobil-header {
    display: block;
  }
  #flash .views-field-field-anim-kep {
    width: 58%;
    float: right;
  }
  #flash p {
    line-height: 140%;
  }
  #flash .views-slideshow-controls-bottom {
    bottom: 0;
  }
  #content {
    overflow: hidden;
  }
  .section .atmenetes-cim h3 {
    letter-spacing: 8px;
  }
  .section.section-1 .side {
    width: 100%;
  }
  .section.section-1 .side:nth-child(2) {
    padding-top: 30px;
  }
  .section.section-1 .side:nth-child(2) p {
    font-size: 21px;
    text-align: center;
  }
  .section.section-1 .cim {
    text-align: center;
  }
  .section.section-1 p {
    font-size: 18px;
  }
  .tartalom-bottom .views-row-3 {
    display: none;
  }
  .view-hir-nezetek .views-row, .view-taxonomy-term .views-row {
    width: 47%;
  }
  .view-hir-nezetek .views-row .views-field-view-node, .view-taxonomy-term .views-row .views-field-view-node {
    text-align: center;
  }
  .splide.anim1 .splide__pagination button {
    font-size: 16px;
  }
  .splide.anim1 .flex {
    padding-bottom: 20px;
  }
  .splide.anim1 .flex .side {
    width: 100%;
  }
  .splide.anim1 .flex ul {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
  }
  .splide.anim1 .flex ul li {
    width: 48%;
    margin: 10px 0;
    font-size: 20px;
  }
  .flex-image-box-section {
    justify-content: space-around;
  }
  .flex-image-box-section .views-row {
    width: 48% !important;
    text-align: center;
  }
  .flex-number-box-section {
    justify-content: space-around;
  }
  .flex-number-box-section .views-row {
    width: 48% !important;
    text-align: center;
  }
  .flex-number-box-section .cim {
    padding: 20px 0 !important;
  }
  .flex-number-box-section .cim:before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .flex-number-box-section .gomb {
    text-align: center !important;
  }
  #footer .block {
    /*ul li {
                &, a {font-size: 15px;}
            }*/
  }
  #footer .block .atmenetes-cim h3 {
    letter-spacing: 8px;
  }
  #footer .block .cim {
    text-align: center;
  }
  #footer .block .flex .side {
    width: 48% !important;
  }
  #footer .block .flex .side:nth-child(1) {
    display: block;
    text-align: center;
  }
  #footer .block .flex .side .col:nth-child(1) {
    display: none;
  }
}
@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;
  }
  #page-title {
    text-align: center;
    letter-spacing: 0;
  }
  a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
    cursor: default !important;
    pointer-events: auto !important;
    text-decoration: none !important;
  }
  table {
    width: 100% !important;
  }
  iframe {
    max-width: 100% !important;
  }
  ul.tabs li {
    display: block;
    margin: 5px auto;
    text-align: center;
  }
  #block-nfct-primary-local-tasks {
    padding: 0;
  }
  #block-nfct-primary-local-tasks ul {
    text-align: center;
  }
  .gomb a {
    text-align: left;
    font-size: 14px;
  }
  blockquote {
    padding: 30px 10px;
  }
  blockquote:before {
    height: 80px;
    font-size: 180px;
    line-height: 90%;
    top: 55px;
  }
  blockquote:after {
    height: 80px;
    font-size: 180px;
    line-height: 90%;
    bottom: 15px;
  }
  blockquote small {
    padding: 0;
  }
  #header {
    overflow: hidden;
    padding-top: 40px;
  }
  #header #logo-befoglalo {
    max-width: 75%;
  }
  #header #logo {
    float: none;
    padding: 10px 0;
    margin: 0;
    text-align: center;
  }
  #header #logo .logolink {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
  }
  #header #logo .logolink:nth-child(1) {
    width: 60%;
  }
  #header #logo .logolink:nth-child(2) {
    width: 38%;
    padding-left: 15px;
  }
  #header #desktop-navigation {
    display: none !important;
  }
  #header #mobil-header {
    display: block;
  }
  #header #header-tartalom #block-nfct-headerblokk ul li {
    font-size: 15px;
  }
  #header #header-tartalom .gomb, #header #header-tartalom .social {
    display: none;
  }
  #flash {
    text-align: center;
    padding-bottom: 10px;
  }
  #flash #block-nfct-views-block-animacio-nezet-block-1 {
    padding-top: 30px;
  }
  #flash .views-field-field-anim-kep {
    opacity: 0.3;
  }
  #flash p {
    line-height: 140%;
    width: 100%;
    padding: 10px 0;
  }
  #flash .gomb {
    text-align: center;
  }
  #flash .views-slideshow-controls-bottom {
    bottom: -10px;
  }
  #content {
    overflow: hidden;
  }
  #content img {
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    clear: both;
    display: block;
    padding: 0;
    margin: 10px auto;
  }
  .section {
    padding: 30px 0;
  }
  .section .cim {
    text-align: center;
  }
  .section .cim small {
    letter-spacing: 10px;
  }
  .section .atmenetes-cim h3 {
    letter-spacing: 2px;
    font-size: 20px;
  }
  .section .dobozsor {
    gap: 0 15px;
    justify-content: center;
  }
  .section .dobozsor .doboz {
    width: 100% !important;
    max-width: 300px;
    padding: 10px !important;
    text-align: center;
  }
  .section .side {
    width: 100%;
  }
  .section.section-1 .side {
    width: 100%;
  }
  .section.section-1 .side:nth-child(2) {
    padding-top: 20px;
  }
  .section.section-1 .side:nth-child(2) p {
    font-size: 21px;
    text-align: center;
  }
  .section.section-1 .cim {
    text-align: center;
    padding: 30px 0;
  }
  .section.section-1 p {
    font-size: 16px;
  }
  #block-nfct-szerverhusav {
    padding: 30px 0;
  }
  #block-nfct-szerverhusav .col {
    width: 100% !important;
    text-align: center !important;
  }
  #block-nfct-szerverhusav .col:nth-child(2) {
    max-width: 360px;
    margin: 0 auto;
  }
  #block-nfct-views-block-hir-nezetek-block-1 .view-header {
    padding-bottom: 0;
  }
  #block-nfct-views-block-hir-nezetek-block-1 .view-header p {
    font-size: 18px;
  }
  .view-hir-nezetek .view-content, .view-taxonomy-term .view-content {
    gap: 0 10px;
  }
  .view-hir-nezetek .views-row, .view-taxonomy-term .views-row {
    width: 100%;
    max-width: 300px;
    margin: 10px auto;
  }
  .view-hir-nezetek .views-row img, .view-taxonomy-term .views-row img {
    margin: 0 !important;
  }
  .view-hir-nezetek .views-row .views-field-view-node, .view-taxonomy-term .views-row .views-field-view-node {
    text-align: center;
  }
  .view-galeriak .views-row {
    width: 100%;
    max-width: 300px;
    margin: 10px auto;
    float: none;
    clear: both;
    width: auto;
  }
  .view-galeriak .views-row img {
    margin: 0 !important;
  }
  .field--name-field-oldal-galeria .field-item, .field--name-field-galeria-kepek .field-item {
    width: 50%;
    max-width: 320px;
  }
  .field--name-field-oldal-galeria .field-item img, .field--name-field-galeria-kepek .field-item img {
    margin: 0 !important;
  }
  .splide img {
    margin: 0 !important;
  }
  .splide .gomb {
    text-align: center;
  }
  .splide .splide__track {
    width: 100%;
  }
  .splide.anim1 .splide__slide {
    padding: 0;
  }
  .splide.anim1 .splide__pagination li {
    width: 48%;
    max-width: 300px;
  }
  .splide.anim1 .splide__pagination button {
    font-size: clamp(14px, 4vw, 21px);
  }
  .splide.anim1 .flex {
    padding: 20px 0;
  }
  .splide.anim1 .flex .side {
    width: 100%;
  }
  .splide.anim1 .flex ul {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 10px;
  }
  .splide.anim1 .flex ul li {
    width: 100%;
    max-width: 300px;
    margin: 8px 0;
    font-size: 15px;
  }
  .splide.anim1 p {
    line-height: 140%;
    text-align: center;
  }
  .splide.anim2 .splide__slide {
    display: block;
    padding: 20px 20px 40px;
  }
  .splide.anim2 .views-field-field-bemutat-ikon {
    height: 100px;
    margin: 0 auto;
  }
  .splide.anim2 .views-field-field-bemutat-ikon .field-content {
    padding: 20px;
  }
  .splide.anim2 .views-field-title {
    width: 100%;
    text-align: center;
  }
  .flex-row-section {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 15px;
  }
  .flex-row-section .row {
    width: 100% !important;
    max-width: 300px;
    align-items: flex-start !important;
  }
  .flex-row-section .row.even {
    flex-direction: row;
  }
  .flex-row-section.bg .row {
    padding: 15px;
  }
  .flex-row-section .side {
    width: 100%;
    max-width: 300px;
    text-align: center;
  }
  .flex-img-section li {
    min-width: 140px;
  }
  .fix-hero-section {
    text-align: center;
  }
  .flex-grid-gallery-section {
    padding: 30px 0;
  }
  .flex-grid-gallery-section .col:nth-child(1), .flex-grid-gallery-section .col:nth-child(3) {
    width: 33%;
  }
  .flex-grid-gallery-section .col img {
    margin: 5px auto !important;
  }
  .flex-image-box-section {
    gap: 0 15px;
    justify-content: center;
  }
  .flex-image-box-section .views-row {
    width: 100% !important;
    max-width: 300px;
    padding: 5px 10px 10px !important;
    text-align: center;
  }
  .flex-number-box-section {
    gap: 0 15px;
    justify-content: center;
  }
  .flex-number-box-section .views-row {
    width: 100% !important;
    max-width: 300px;
    padding: 20px 10px 10px !important;
    text-align: center;
  }
  .flex-number-box-section .views-row:last-child {
    width: 100% !important;
    max-width: 100%;
  }
  .flex-number-box-section .cim {
    padding: 20px 0 !important;
  }
  .flex-number-box-section .cim:before {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .flex-number-box-section .gomb {
    text-align: center !important;
  }
  #footer .block {
    /*ul li {
                &, a {font-size: 15px;}
            }*/
  }
  #footer .block .atmenetes-cim {
    top: -160px;
  }
  #footer .block .atmenetes-cim h3 {
    letter-spacing: 2px;
  }
  #footer .block .cim {
    text-align: center;
  }
  #footer .block .flex .side {
    width: 100% !important;
    display: block !important;
    text-align: center;
  }
  #footer .block .flex .side .col {
    width: 100%;
  }
  #footer .block .flex .side .col:nth-child(1) {
    padding: 0 0 30px;
  }
  #node-4 .field--name-body, #node-4 .field--name-webform {
    width: 100%;
  }
  .webform-submission-form {
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  .webform-submission-form .form-item {
    width: 100%;
    padding: 0;
    margin: 10px 0;
  }
  .webform-submission-form .form-item .form-item {
    padding: 0;
    margin: 0;
  }
  .webform-submission-form label {
    display: block;
    width: 100%;
    float: none;
    padding: 0 5px;
    margin: 0;
  }
  .webform-submission-form select, .webform-submission-form input {
    display: block;
    width: 100%;
  }
  .webform-submission-form textarea {
    display: block;
    width: 100%;
    height: 120px;
    padding: 5px;
    margin: 0;
  }
  .webform-submission-form .description {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .webform-submission-form .form-radios .form-item {
    display: inline-block;
    vertical-align: top;
    width: auto;
    max-width: 50%;
  }
  .webform-submission-form .form-radios input {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0 0 0 5px;
    display: inline-block;
    vertical-align: middle;
  }
  .webform-submission-form .form-radios label {
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }
  .webform-submission-form .form-checkboxes input {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
  }
  .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;
  }
  .webform-submission-form .webform-component-date input {
    width: auto;
    height: auto;
    padding: 0;
    margin: 8px 0 0;
    display: inline-block;
    vertical-align: top;
  }
  .webform-submission-form .webform-component-date select {
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .webform-submission-form .webform-component-time {
    display: block;
    margin: 10px 0 0;
  }
  .webform-submission-form .webform-component-time .form-item {
    width: 24%;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
  }
  .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;}}

===========
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%);}

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