* {
  outline: none !important; }

.scrollup {
  z-index: 15; }

.user-logged-out.path-user-login .messages--warning {
  display: none; }

body {
  font-family: "Kanit", sans-serif;
  font-optical-sizing: auto;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: normal;
  color: #30373A;
  background: #f4f4f4;
  overflow-x: hidden; }

.messages {
  margin-bottom: 20px; }

img {
  line-height: 100%;
  width: 100%;
  height: auto; }

/* STYLEGUIDE */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px 0;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #30373A;
  line-height: 120%; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #211D33;
    text-decoration: none; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
      color: #003768; }

h1 {
  font-weight: 600;
  font-size: 51px;
  color: #30373A;
  text-transform: uppercase;
  margin-bottom: 50px;
  font-family: "Kufam", sans-serif; }

h2 {
  font-size: 35px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.9px; }

h3 {
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3.75px; }

h4 {
  font-size: 18px; }

h5, h6 {
  font-size: 16px; }

a {
  color: #FFB637;
  text-decoration: underline; }

p {
  margin: 0 0 11px 0; }

.align-center {
  margin-left: auto !important;
  margin-right: auto !important; }

blockquote {
  margin: 0 0 30px 0; }
  blockquote p, blockquote ul, blockquote li, blockquote ol, blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote em {
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.65;
    letter-spacing: normal;
    color: #313131;
    border-left: 4px solid #3a73b9;
    padding-left: 15px; }

/*.form-item, .form-composite {
	label, legend {
		font-weight: 600;
		&.option {
			font-weight: normal;
			border: 1px solid #30373A;
			background: transparent;
			color: $main-text-color;
			text-transform: uppercase;
			display: block;
			padding: 14px;
			width: 235px;
			font-weight: 200;
			text-decoration: none;
			text-align: center;
			position: relative;
			cursor: pointer;
			&:hover {
				background: #30373A;
				color: #fff;
			}
		}
	}
}

.form-radios {
	.form-item {
		display: inline-block;
		vertical-align: top;
		margin-right: 1rem;
	}
}*/
div[data-once="states"] {
  margin-left: 0; }

input[type="submit"], .bttn a {
  border: 1px solid #30373A;
  background: #30373A;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  padding: 14px;
  min-width: 235px;
  font-weight: 200;
  text-decoration: none;
  text-align: center;
  margin: 0 0 10px 0; }
  input[type="submit"]:hover, .bttn a:hover {
    background: #fff;
    color: #30373A; }

.bttn {
  width: calc(33% - 16px); }
  .bttn a {
    display: block; }

input[type="text"], input[type="password"], input[type="email"], input[type="file"], input[type="tel"], textarea {
  border-radius: 0;
  border: 1px solid #D9DDD9;
  background-color: #fcfcfc;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #000;
  padding: 11px 25px 14px 25px;
  margin: 4px 0;
  width: calc(100% - 50px); }
  input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="tel"]:focus, textarea:focus {
    box-shadow: 0 0 15px 0 #e0e7ed;
    border: 1px solid rgba(255, 255, 255, 0.75);
    background-color: #fff; }

input[type="checkbox"], input[type="radio"] {
  accent-color: #1e859f; }

input[readonly="readonly"] {
  background-color: #ddd;
  cursor: no-drop; }
  input[readonly="readonly"]:focus {
    box-shadow: none;
    border: 1px solid #D9DDD9;
    background-color: #ddd; }

select.form-select {
  display: block;
  padding: 11px 25px 14px 25px;
  margin: 5px 0;
  width: 100%; }

summary[aria-controls="edit-user-info-display"] {
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Kufam", sans-serif;
  padding: 20px 0 0 30px; }

h1.page-title:after {
  display: block;
  height: 6px;
  width: 100px;
  content: '';
  background: #1e859f;
  margin: 5px 0 15px 0; }

body.node-1 h1.page-title, body.path-node-1 h1.page-title {
  display: none; }

fieldset:has(.form-radio.error) {
  border: 2px solid red;
  background-color: #ffe6e6; }

/*.form-radios {
	.form-item {
		input {
			display: none;
		}
		label {

		}
	}
}*/
#edit-aszf label {
  color: #fff; }
  #edit-aszf label a {
    color: #fff; }

form.webform-submission-form label {
  font-weight: 200;
  text-transform: uppercase; }

table {
  border-spacing: 0;
  display: table;
  text-align: left;
  width: 100%; }
  table tr {
    background: #F8F8F8;
    display: table-row;
    padding: 13px;
    color: #000;
    border-bottom: 1px dashed #ccc; }
    table tr:nth-child(odd) {
      background: #EFEFEF; }
    table tr td, table tr th {
      border: 0;
      display: table-cell;
      padding: 1rem;
      border-bottom: 1px dashed #ccc; }
      table tr td.views-field-field-price, table tr th.views-field-field-price {
        color: #30373A;
        text-align: right; }
  table thead tr th {
    background: #FFB637; }
    table thead tr th a, table thead tr th a:link, table thead tr th a:visited, table thead tr th a:hover {
      color: #000; }

.table-wrap {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: auto; }

.path-node-add-hibabejelento .field-group-html-element {
  /*margin-left: 2rem;*/ }
.path-node-add-hibabejelento fieldset {
  border: 0;
  margin: 0;
  padding: 0; }
  .path-node-add-hibabejelento fieldset legend {
    font-weight: normal; }
.path-node-add-hibabejelento details {
  background: #fff;
  border: 3px solid #3f4142;
  border-radius: 8px; }
  .path-node-add-hibabejelento details summary {
    color: #fabc00; }
.path-node-add-hibabejelento .visualdata {
  background: #fff;
  padding: 1rem 1rem;
  margin-bottom: 2rem;
  border: 3px solid #3f4142;
  border-radius: 8px; }
  .path-node-add-hibabejelento .visualdata .form-radios {
    padding: 0.5rem 0 0 1rem;
    font-size: 1rem; }
  .path-node-add-hibabejelento .visualdata .field-group-html-element {
    margin-top: 1rem;
    border-left: 3px solid #1e859f;
    padding-left: 1rem; }
    .path-node-add-hibabejelento .visualdata .field-group-html-element > div.form-wrapper {
      margin-bottom: 1rem;
      border: 1px solid #3f4142;
      padding: 1rem; }
  .path-node-add-hibabejelento .visualdata > .field-group-html-element {
    border-left: 3px solid #fabc00; }

.userdata > div {
  display: inline-block;
  vertical-align: top;
  width: calc(33% - 11px);
  margin: 0 5px; }

.partnerdata > div, .projectdata > div, .companydata > div {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 13px);
  margin: 0 5px; }

.partnerdata {
  display: none !important; }

.page-node-type-hibabejelento .level1 {
  margin-left: 2rem;
  margin-bottom: 2rem; }
  .page-node-type-hibabejelento .level1 .levelany {
    margin-left: 2rem; }
.page-node-type-hibabejelento .field--name-field-projekt .field--name-field-projekt-kod, .page-node-type-hibabejelento .field--name-field-projekt .field--name-taxonomy-term-title {
  display: inline-block;
  vertical-align: top; }
.page-node-type-hibabejelento .field--name-field-projekt .field--name-field-projekt-kod:after {
  content: '-';
  display: inline-block;
  vertical-align: top;
  margin-left: 5px; }

.page-node-type-hibabejelento .node__content .field {
  margin-bottom: 1rem; }

.field--name-body {
  word-break: break-word; }
  .field--name-body ul {
    margin: 0 0 30px 0; }
    .field--name-body ul li {
      list-style: none;
      margin: 8px 0; }
      .field--name-body ul li:before {
        content: "\2022";
        color: #30373A;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em; }
      .field--name-body ul li p, .field--name-body ul li h1, .field--name-body ul li h2, .field--name-body ul li h3, .field--name-body ul li h4, .field--name-body ul li h5, .field--name-body ul li h6 {
        display: inline; }
  .field--name-body ol {
    margin: 0 0 30px 0;
    padding: 0;
    counter-reset: item; }
    .field--name-body ol > li {
      margin: 8px 0;
      padding: 0 0 0 2em;
      text-indent: -2em;
      list-style-type: none;
      counter-increment: item; }
      .field--name-body ol > li:before {
        display: inline-block;
        width: 1em;
        padding-right: 0.5em;
        font-weight: bold;
        text-align: right;
        content: counter(item) "."; }
  .field--name-body p {
    margin: 0 0 30px 0; }
    .field--name-body p img {
      margin-bottom: 0; }
  .field--name-body figure {
    margin: 30px 0 0 0; }
    .field--name-body figure img {
      /*width: 100%;*/
      max-width: 100%;
      height: auto;
      margin: 0 0 30px 0; }
    .field--name-body figure figcaption {
      margin-top: -20px;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      color: #868d96;
      text-transform: uppercase; }
  .field--name-body img {
    /*width: 100%;*/
    max-width: 100%;
    height: auto;
    margin: 0 0 30px 0; }
  .field--name-body iframe {
    max-width: 100%;
    width: 100%;
    min-height: 100%;
    display: block;
    /* iframes are inline by default */
    height: 100vh;
    /* Set height to 100% of the viewport height */
    width: 100vw;
    /* Set width to 100% of the viewport width */
    border: none;
    /* Remove default border */ }
  .field--name-body h2.blue {
    font-weight: 200;
    font-size: 30px;
    color: #30373A;
    text-transform: uppercase; }

div.block-local-tasks-block {
  bottom: 20px; }
  div.block-local-tasks-block ul.tabs {
    margin: 0; }
    div.block-local-tasks-block ul.tabs li {
      vertical-align: bottom; }
      div.block-local-tasks-block ul.tabs li a {
        font-size: 15px;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 0.66px;
        text-align: center;
        color: #000;
        border-radius: 8px 8px 0 0;
        border: solid 1px #e5e5e5;
        background-color: #f8f7f7;
        padding: 12px 28px;
        text-transform: uppercase; }
        div.block-local-tasks-block ul.tabs li a:hover {
          text-decoration: underline;
          padding-bottom: 17px;
          color: #3a73b9;
          background-color: #ffffff;
          border: solid 1px #fff; }
      div.block-local-tasks-block ul.tabs li.is-active a {
        box-shadow: 0 14px 10px 0 rgba(0, 0, 0, 0.03);
        background-color: #e41837;
        color: #fff;
        border: solid 1px #e41837; }
        div.block-local-tasks-block ul.tabs li.is-active a:hover {
          text-decoration: underline;
          padding-bottom: 17px;
          color: #3a73b9;
          background-color: #fff;
          border: solid 1px #fff; }

.pager {
  margin: 20px 0 0 0; }
  .pager ul.pager__items {
    margin: 0;
    padding: 0; }
    .pager ul.pager__items li {
      display: inline-block;
      vertical-align: middle;
      padding: 0; }
      .pager ul.pager__items li a {
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        color: #B1B3B6;
        padding: 10px; }
      .pager ul.pager__items li.is-active a {
        color: #30373A; }
      .pager ul.pager__items li.pager__item--ellipsis, .pager ul.pager__items li.pager__item--last, .pager ul.pager__items li.pager__item--first {
        display: none; }
      .pager ul.pager__items li.pager__item--next a {
        background: url(../images/slickarrow.png) no-repeat center center transparent;
        background-size: contain;
        width: 61px;
        height: 71px;
        opacity: 0.48;
        transform: rotate(0);
        color: transparent;
        /*font-size: 0;
        line-height: 0;*/
        padding: 0;
        display: inline-block; }
        .pager ul.pager__items li.pager__item--next a:hover {
          opacity: 1; }
      .pager ul.pager__items li.pager__item--previous a {
        background: url(../images/slickarrow.png) no-repeat center center transparent;
        background-size: contain;
        width: 61px;
        height: 71px;
        opacity: 0.48;
        transform: rotate(180deg);
        color: transparent;
        /*font-size: 0;
        line-height: 0;*/
        padding: 0;
        display: inline-block; }
        .pager ul.pager__items li.pager__item--previous a:hover {
          opacity: 1; }

/*.bttn {
	a {
		border: 1px solid rgba(255, 255, 255, 0.26);
		background: transparent;
		color: #fff;
		text-transform: uppercase;
		display: block;
		padding: 14px;
		width: 235px;
		font-weight: 200;
		text-decoration: none;
		text-align: center;
		position: relative;
		&:hover {
			background: rgba(255, 255, 255, 0.26);
		}
	}
	&.blue {
		a {
			border: 1px solid rgba(0, 155, 223, 0.4);
			color: $main-text-color;
				&:hover {
				background: rgba(0, 155, 223, 0.4);
				color: #fff;
			}
		}
	}
}*/
.bttn {
  display: inline-block;
  vertical-align: top;
  margin: 10px; }

body.node-1 .bttn, body.path-frontpage .bttn, body.path-node-1 .bttn {
  width: calc(33% - 20px); }
  body.node-1 .bttn a, body.path-frontpage .bttn a, body.path-node-1 .bttn a {
    width: auto; }

body.role-content-editor #block-gnx-hibabejelentogomb {
  display: none; }

#block-gnx-dashboard > .field--name-body, #block-gnx-hibabejelentogomb > .field--name-body {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #block-gnx-dashboard > .field--name-body .box *, #block-gnx-hibabejelentogomb > .field--name-body .box * {
    display: block; }
  #block-gnx-dashboard > .field--name-body .box, #block-gnx-hibabejelentogomb > .field--name-body .box {
    border: 3px solid #3f4142;
    border-radius: 8px;
    text-align: center;
    padding: 0;
    background: white; }
    #block-gnx-dashboard > .field--name-body .box h3, #block-gnx-hibabejelentogomb > .field--name-body .box h3 {
      padding: 25px 0 35px 0;
      margin: 0;
      background-color: #3f4142;
      color: #fff; }
      #block-gnx-dashboard > .field--name-body .box h3:after, #block-gnx-hibabejelentogomb > .field--name-body .box h3:after {
        display: block;
        height: 6px;
        width: 100px;
        content: '';
        background: #FFB637;
        margin: 5px auto 0 auto; }
    #block-gnx-dashboard > .field--name-body .box .wrapperbttn, #block-gnx-hibabejelentogomb > .field--name-body .box .wrapperbttn {
      padding: 15px 15px 35px 15px;
      border-radius: 8px;
      margin-top: -15px;
      position: relative;
      z-index: 3;
      background: white; }
      #block-gnx-dashboard > .field--name-body .box .wrapperbttn .bttn, #block-gnx-hibabejelentogomb > .field--name-body .box .wrapperbttn .bttn {
        margin: 0 auto;
        width: 100%; }
        #block-gnx-dashboard > .field--name-body .box .wrapperbttn .bttn a, #block-gnx-hibabejelentogomb > .field--name-body .box .wrapperbttn .bttn a {
          border-radius: 8px;
          min-width: fit-content;
          width: auto; }

/* END STYLEGUIDE */
header {
  /*margin: 40px 0 60px 0; DESIGN*/
  /*margin: 25px 0 25px 0;*/
  width: 100%;
  background-color: #30373A;
  padding: 25px 0 25px 0;
  position: relative;
  box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.5);
  z-index: 6; }
  header .region-header {
    padding: 0 20px;
    margin: 0 auto;
    width: calc(100% - 40px); }
    header .region-header .block-system-branding-block {
      display: inline-block;
      vertical-align: top; }
      header .region-header .block-system-branding-block .site-logo {
        width: 155px;
        display: block; }
        header .region-header .block-system-branding-block .site-logo .black {
          display: none; }
    header .region-header > nav {
      display: inline-block;
      vertical-align: top;
      float: right; }
      header .region-header > nav ul.menu {
        padding: 0;
        margin: 28px 0 0 0; }
        header .region-header > nav ul.menu > li {
          display: inline-block;
          padding: 0;
          margin-right: 35px; }
          header .region-header > nav ul.menu > li:last-child {
            margin-right: 0; }
          header .region-header > nav ul.menu > li a {
            display: block;
            font-size: 20px;
            line-height: 1.27;
            text-decoration: none;
            color: #fff;
            position: relative;
            padding-bottom: 5px;
            font-weight: 600;
            text-transform: uppercase;
            padding: 0;
            background: transparent; }
            header .region-header > nav ul.menu > li a:before, header .region-header > nav ul.menu > li a:after {
              content: '';
              position: absolute;
              width: 0%;
              height: 3px;
              bottom: -3px;
              background: #fff; }
            header .region-header > nav ul.menu > li a:before {
              left: 0; }
            header .region-header > nav ul.menu > li a:after {
              right: 0;
              background: #FFB637;
              transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); }
            header .region-header > nav ul.menu > li a:hover:before, header .region-header > nav ul.menu > li a.is-active:before {
              background: #FFB637;
              width: 100%;
              transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
            header .region-header > nav ul.menu > li a:hover:after, header .region-header > nav ul.menu > li a.is-active:after {
              background: transparent;
              width: 100%;
              transition: 0s; }
          header .region-header > nav ul.menu > li ul {
            background: #fff;
            margin: 10px 0 0 0;
            padding: 0;
            left: auto;
            right: 0; }
            header .region-header > nav ul.menu > li ul li {
              padding: 0;
              position: relative;
              float: left;
              width: calc(100% - 20px);
              padding: 10px;
              border-bottom: 1px dashed; }
              header .region-header > nav ul.menu > li ul li a:hover {
                color: #FFB637; }
              header .region-header > nav ul.menu > li ul li a:before, header .region-header > nav ul.menu > li ul li a:after {
                display: none; }

main {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 201px); }
  main .region-content {
    padding: 60px 20px 55px 20px;
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 1370px;
    min-height: calc(100vh - 480px); }

footer#down {
  position: relative;
  z-index: 2;
  width: 100%;
  background-color: #30373A;
  color: #fff;
  margin-bottom: -1px; }
  footer#down .region-footer {
    padding: 20px;
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 1640px; }
    footer#down .region-footer #block-gnx-copyright {
      font-size: 16px;
      text-align: center; }

.mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout {
  -webkit-transform: none;
  transform: none; }

.taxonomy-term-form .field--name-status, .taxonomy-term-form #edit-relations, .taxonomy-term-form .form-type-vertical-tabs {
  display: none !important; }

.page-user-profile-view .field--name-field-projekt .layout__region.layout__region--content > div {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px; }

@media screen and (max-width: 1260px) {
  header .region-header #block-gnx-headerleft #block-gnx-headertop {
    margin-bottom: 0; }

  header .region-header #block-gnx-headerleft #block-gnx-headertop #block-gnx-footersocial-2 {
    margin-right: 0; }

  header .region-header #block-gnx-headerleft #block-gnx-horizontalmenu {
    display: none; }

  div#block-gnx-responsivemenumobileicon {
    margin: 3px 25px 0 0; }

  .responsive-menu-toggle-icon {
    width: 44px;
    height: 30px; }

  .responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon {
    width: 31px;
    background: #fff; }

  .responsive-menu-toggle-icon:before {
    top: 5px; }

  .responsive-menu-toggle-icon:after {
    top: 23px; }

  .responsive-menu-toggle-icon span.label {
    display: none; }

  .path-frontpage .responsive-menu-toggle-icon:before, .path-frontpage .responsive-menu-toggle-icon:after, .path-frontpage .responsive-menu-toggle-icon span.icon, .viewspage .responsive-menu-toggle-icon:before, .viewspage .responsive-menu-toggle-icon:after, .viewspage .responsive-menu-toggle-icon span.icon {
    background: #000; }

  header {
    padding: 15px 0; }

  header .region-header .block-system-branding-block .site-logo {
    width: 130px; }

  header .region-header #block-gnx-headerleft {
    margin-top: 15px; }

  #hero #herowrapper .region-hero #block-gnx-hero {
    bottom: 10px; }

  #hero #herowrapper .region-hero .field--name-body h2 {
    font-size: 41px; }

  #herodown #maintext .region-content {
    padding: 150px 20px; }

  #partners, #clients {
    padding: 50px 0; }

  #herodown #maintext .region-content {
    padding: 150px 20px 140px 20px; }

  #herodown #lead .region-lead #block-gnx-views-block-lead-csempe-block-1 .views-row .views-field-fieldset .views-field-title h2 {
    font-size: 23px; } }
@media screen and (max-width: 1210px) {
  #video .first-padding .region-video #block-gnx-tesyt .field--name-body {
    display: block; }

  #video .first-padding .region-video #block-gnx-tesyt .field--name-body .service-block {
    width: auto;
    margin: 0 auto 10px auto;
    max-width: 525px;
    background-position: top 25px center !important;
    background-size: auto 60px !important;
    padding: 100px 20px 20px 20px;
    text-align: center; }

  #video .first-padding .region-video #block-gnx-tesyt .field--name-body > div.thirdblock {
    margin: 0 0 30px 0; } }
@media screen and (max-width: 1110px) {
  footer#down .region-footer {
    padding: 20px; }

  footer#down .region-footer #block-gnx-gnxlogofooter {
    display: block;
    width: 100%;
    max-width: 120px;
    margin: 0 auto; }

  footer#down .region-footer #block-gnx-gnxlogofooter img {
    margin-bottom: 0; }

  footer#down .region-footer #block-gnx-copyrightfooter {
    text-align: center; }

  footer#down .region-footer #block-gnx-footertop {
    display: block;
    float: none;
    margin: 20px 0; }

  footer#down .region-footer #block-gnx-views-block-egyesuletek-block-3 {
    display: block;
    margin: 20px auto; }

  footer#down .region-footer #block-gnx-footertop #block-gnx-lablec, footer#down .region-footer #block-gnx-footertop #block-gnx-karrierfooter {
    display: block; }

  footer#down .region-footer #block-gnx-footertop #block-gnx-karrierfooter {
    display: block;
    margin: 20px auto; }

  footer#down .region-footer #block-gnx-footertop #block-gnx-footersocial {
    display: block;
    text-align: center; }

  footer#down .region-footer #block-gnx-footertop #block-gnx-lablec ul.menu {
    text-align: center; }

  footer#down .region-footer #block-gnx-footertop #block-gnx-karrierfooter .karrier a {
    margin: 0 auto; } }
@media screen and (max-height: 800px) {
  #hero #herowrapper .region-hero #block-gnx-hero {
    bottom: 10px; }

  #hero #herowrapper .region-hero .field--name-body h2 {
    font-size: 40px; } }
@media screen and (max-width: 1200px) {
  #herodown #lead .region-lead #block-gnx-views-block-lead-csempe-block-1 .view-content .views-row {
    display: inline-block;
    width: calc(50% - 20px);
    max-width: 400px; } }
@media screen and (max-width: 1000px) {
  #block-gnx-dashboard > .field--name-body, #block-gnx-hibabejelentogomb > .field--name-body {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (max-width: 950px) {
  body.node-80 #map {
    display: block; }

  body.node-80 #block-gnx-kapcsolat {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center; }

  body.node-80 #block-gnx-kapcsolat > h2:after, body.node-80 #block-gnx-urlap > h2:after {
    margin: 5px auto 15px auto; }

  body.node-80 #block-gnx-kapcsolat .field--name-body .map {
    display: none; }

  body.node-80 #block-gnx-urlap {
    display: block;
    width: 100%; }

  body.node-80 #block-gnx-urlap > h2 {
    margin-bottom: 20px;
    text-align: center; }

  main .region-content {
    padding: 20px; }

  body.viewspage header .region-viewsheader h1, h1 {
    font-size: 38px; }

  body.viewspage header .region-viewsheader > .block-block-content {
    margin-bottom: 20px; }

  .path-termekek .view-products .views-row {
    width: 100%;
    margin: 0 auto 20px auto;
    display: block;
    vertical-align: top;
    max-width: 400px; }

  body.page-node-type-products main .region-content #productmain .field--name-field-termekelonyok > .field__label, body.page-node-type-products main .region-content #producttype > .field > .field__item > .paragraph .text .field--name-field-termek-neve, body.page-node-type-products main .region-content #inverter h2 {
    font-size: 28px; }

  body.page-node-type-products main .region-content #producttype > .field > .field__item > .paragraph .field--name-field-kep {
    display: block;
    margin: 0 auto 20px auto; }

  body.page-node-type-products main .region-content #producttype > .field > .field__item > .paragraph .text {
    display: block;
    width: 100%;
    text-align: center; }

  body.page-node-type-products main .region-content #producttype > .field > .field__item > .paragraph .text .field--name-field-termek-neve:after {
    margin: 5px auto 15px auto; }

  body.node-1 .bttn, body.path-node-1 .bttn, body.path-frontpage .bttn {
    width: calc(100% - 20px);
    display: block; }

  .userdata > div, .projectdata > div, .partnerdata > div, .companydata > div {
    display: block;
    width: auto;
    margin: 0; } }
@media screen and (max-width: 700px) {
  #herodown #maintext .region-content {
    padding: 50px 20px 40px 20px; }

  #herodown #maintext {
    padding-bottom: 0; }

  #herodown #lead {
    background: #e7e7e7;
    margin-top: 0; }

  #herodown #lead .region-lead #block-gnx-views-block-lead-csempe-block-1 .view-content .views-row {
    width: 100%;
    max-width: 300px;
    margin: 20px 0; }

  header .region-header > nav ul.menu > li a {
    font-size: 16px; }

  #block-gnx-dashboard > .field--name-body, #block-gnx-hibabejelentogomb > .field--name-body {
    grid-template-columns: repeat(1, minmax(0, 1fr)); } }
.flexbox, div#sliding-popup .popup-content, div#sliding-popup .popup-content .eu-cookie-compliance-categories {
  display: -webkit-box ;
  display: -moz-box ;
  display: -ms-flexbox ;
  display: -webkit-flex ;
  display: flex ; }

.btn-white, div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button,
div#sliding-popup .popup-content .agree-button, div#sliding-popup .popup-content .decline-button {
  background-color: #fff;
  color: #4C4E6C; }
  .btn-white:hover, div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button:hover,
  div#sliding-popup .popup-content .agree-button:hover, div#sliding-popup .popup-content .decline-button:hover {
    background-color: #ffd3d6; }

.btn, .btn-white, div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button,
div#sliding-popup .popup-content .agree-button, div#sliding-popup .popup-content .decline-button {
  display: inline-block;
  padding: 0;
  margin: 10px 10px 10px 0;
  background-color: #4C4E6C;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 13px;
  border: none;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: normal;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  .btn a, .btn-white a, div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button a,
  div#sliding-popup .popup-content .agree-button a, div#sliding-popup .popup-content .decline-button a {
    display: inline-block;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    padding: 15px 40px; }
    .btn a:hover, .btn-white a:hover, div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button a:hover,
    div#sliding-popup .popup-content .agree-button a:hover, div#sliding-popup .popup-content .decline-button a:hover {
      text-decoration: none; }
  .btn:hover, .btn-white:hover, div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button:hover,
  div#sliding-popup .popup-content .agree-button:hover, div#sliding-popup .popup-content .decline-button:hover {
    background-color: #cb1d27;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }

.btn-white, div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button,
div#sliding-popup .popup-content .agree-button, div#sliding-popup .popup-content .decline-button {
  background-color: #fff;
  color: #4C4E6C; }
  .btn-white:hover, div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button:hover,
  div#sliding-popup .popup-content .agree-button:hover, div#sliding-popup .popup-content .decline-button:hover {
    background-color: #ffd3d6; }

div#sliding-popup {
  background: #009BDF;
  z-index: 100; }
  div#sliding-popup .eu-cookie-withdraw-tab {
    left: auto;
    right: 230px;
    background: #009BDF url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMzMuMDAxcHgiIGhlaWdodD0iMjMzLjAwNXB4IiB2aWV3Qm94PSIxNS45OTkgMC4wMDIgMjMzLjAwMSAyMzMuMDA1IgoJIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTUuOTk5IDAuMDAyIDIzMy4wMDEgMjMzLjAwNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yNDguMzI2LDExNi40MThjLTMxLjg0Mi0wLjM4Ny01Ny41NTMtMjYuMjUzLTU3LjU1My01OC4xODZjLTMxLjkzNCwwLTU3Ljc5NS0yNS43MDgtNTguMTg3LTU3LjU0NQoJYy0xMi40MDUtMS44ODQtMjUuMDg4LDAuMTM3LTM2LjI3OSw1LjgzNEw2NC44NDgsMjIuNTQ5QzUzLjUyMywyOC4zMjEsNDQuMzE3LDM3LjUzLDM4LjU0OSw0OC44NTdMMjIuNTc2LDgwLjIwMwoJYy01Ljc4NSwxMS4zNTUtNy44MjcsMjQuMjUxLTUuODM0LDM2LjgzOGw1LjQ5OCwzNC43MDljMS45OTEsMTIuNTc1LDcuOTEsMjQuMTk3LDE2LjkxMSwzMy4yMDNsMjQuOTI0LDI0LjkyCgljOC45NzIsOC45NzUsMjAuNTU1LDE0Ljg3OSwzMy4wODksMTYuODY1bDM0LjkwOSw1LjUyOWMxMi41MiwxLjk4NCwyNS4zNDgtMC4wNTEsMzYuNjQ3LTUuODA3bDMxLjQ2LTE2LjAyMwoJYzExLjMyNC01Ljc3MywyMC41MjktMTQuOTgyLDI2LjI5OS0yNi4zMDlsMTUuOTczLTMxLjM0NkMyNDguMTY3LDE0MS41NywyNTAuMTkyLDEyOC44NTUsMjQ4LjMyNiwxMTYuNDE4TDI0OC4zMjYsMTE2LjQxOHoKCSBNOTYuMDk0LDE2Ny40NjljLTguMDQxLDAtMTQuNTYyLTYuNTIxLTE0LjU2Mi0xNC41NjJzNi41MjEtMTQuNTYyLDE0LjU2Mi0xNC41NjJzMTQuNTYyLDYuNTIxLDE0LjU2MiwxNC41NjIKCVMxMDQuMTM1LDE2Ny40NjksOTYuMDk0LDE2Ny40Njl6IE0xMTAuNjU2LDk0LjY1NmMtOC4wNDEsMC0xNC41NjItNi41MjEtMTQuNTYyLTE0LjU2MnM2LjUyMS0xNC41NjIsMTQuNTYyLTE0LjU2MgoJczE0LjU2Miw2LjUyMSwxNC41NjIsMTQuNTYyUzExOC42OTcsOTQuNjU2LDExMC42NTYsOTQuNjU2eiBNMTgzLjQ2OSwxNTIuOTA2Yy04LjA0MSwwLTE0LjU2Mi02LjUyMS0xNC41NjItMTQuNTYyCglzNi41MjEtMTQuNTYyLDE0LjU2Mi0xNC41NjJzMTQuNTYyLDYuNTIxLDE0LjU2MiwxNC41NjJTMTkxLjUxLDE1Mi45MDYsMTgzLjQ2OSwxNTIuOTA2eiIvPgo8L3N2Zz4K') no-repeat center 10px;
    background-size: auto 15px;
    border: none;
    border-radius: 3px 3px 0 0;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
    padding: 0 0 11px 0;
    width: 40px;
    text-indent: -200vw;
    font-size: 14px;
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
    -webkit-transition: padding 0.5s;
    transition: padding 0.5s; }
    div#sliding-popup .eu-cookie-withdraw-tab:hover {
      padding-bottom: 22px;
      -webkit-transition: padding 0.5s;
      transition: padding 0.5s; }
  div#sliding-popup .eu-cookie-compliance-banner {
    background: #009BDF;
    position: relative;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    z-index: 2; }
  div#sliding-popup .popup-content {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 90%; }
    div#sliding-popup .popup-content .eu-cookie-compliance-message {
      width: 100%;
      margin-top: 20px;
      text-align: center; }
      div#sliding-popup .popup-content .eu-cookie-compliance-message p, div#sliding-popup .popup-content .eu-cookie-compliance-message button {
        font-size: 14px; }
      div#sliding-popup .popup-content .eu-cookie-compliance-message h2 {
        text-align: center; }
      div#sliding-popup .popup-content .eu-cookie-compliance-message a {
        color: #fff;
        text-decoration: underline; }
    div#sliding-popup .popup-content .eu-cookie-compliance-categories {
      -webkit-align-items: center;
      align-items: center;
      padding: 20px 0; }
      div#sliding-popup .popup-content .eu-cookie-compliance-categories > div {
        margin: 0 20px 0 0; }
    div#sliding-popup .popup-content .eu-cookie-compliance-buttons {
      margin: 20px 0;
      max-width: none; }
    div#sliding-popup .popup-content .eu-cookie-compliance-categories-buttons {
      margin: 0; }
    div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button,
    div#sliding-popup .popup-content .agree-button, div#sliding-popup .popup-content .decline-button {
      background-image: none;
      box-shadow: none;
      margin: 0;
      padding: 10px 20px;
      position: relative; }
      div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button:before,
      div#sliding-popup .popup-content .agree-button:before, div#sliding-popup .popup-content .decline-button:before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        -webkit-transition: transform 0.5s;
        transition: transform 0.5s; }
      div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button:hover:before, div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button:focus:before,
      div#sliding-popup .popup-content .agree-button:hover:before,
      div#sliding-popup .popup-content .agree-button:focus:before, div#sliding-popup .popup-content .decline-button:hover:before, div#sliding-popup .popup-content .decline-button:focus:before {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        -webkit-transition: transform 0.5s;
        transition: transform 0.5s; }
    div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button, div#sliding-popup .popup-content .decline-button {
      padding-left: 36px;
      margin-right: 10px; }
      div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button:before, div#sliding-popup .popup-content .decline-button:before {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxODguMjlweCIgaGVpZ2h0PSIyMDMuODc1cHgiIHZpZXdCb3g9IjM4LjM1NCAxNC41NjIgMTg4LjI5IDIwMy44NzUiCgkgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAzOC4zNTQgMTQuNTYyIDE4OC4yOSAyMDMuODc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iIzAwNkVBQSIgZD0iTTIyNS4yNjQsMTczLjIzNEwxMzUuODQsMjE3Ljc1Yy0yLjEzMSwwLjkxNS00LjU0NCwwLjkxNS02LjY3NiwwbC04OS40MjctNDQuNTE2CgljLTEuODItMC45MS0xLjgyLTIuNDAyLDAtMy4zMTdsMjEuNDE2LTEwLjY0YzIuMTM1LTAuOTE0LDQuNTUxLTAuOTE0LDYuNjg1LDBsNjEuMzI2LDMwLjQ5YzIuMTMsMC45Miw0LjU0NiwwLjkyLDYuNjc2LDAKCWw2MS4zMjYtMzAuNDljMi4xMzMtMC45MTUsNC41NDktMC45MTUsNi42ODIsMGwyMS40MTYsMTAuNjYyQzIyNy4xMDUsMTcwLjgzMiwyMjcuMTA1LDE3Mi4zMjQsMjI1LjI2NCwxNzMuMjM0TDIyNS4yNjQsMTczLjIzNHoKCSBNMjI1LjI2NCwxMTEuMTAzbC0yMS40MTYtMTAuNjYyYy0yLjEzMy0wLjkxNS00LjU0OS0wLjkxNS02LjY4MiwwbC02MS4zMjYsMzAuNTI2Yy0yLjEzMiwwLjkxLTQuNTQzLDAuOTEtNi42NzYsMEw2Ny44MzgsMTAwLjQ0CgljLTIuMTM0LTAuOTE1LTQuNTUtMC45MTUtNi42ODUsMGwtMjEuNDE2LDEwLjY2MmMtMS44MiwwLjkxLTEuODIsMi40MDgsMCwzLjMyN2w4OS40MjcsNDQuNTA2YzIuMTMxLDAuOTE1LDQuNTQ1LDAuOTE1LDYuNjc2LDAKCWw4OS40MjQtNDQuNTA2QzIyNy4xMDUsMTEzLjUxLDIyNy4xMDUsMTEyLjAxOCwyMjUuMjY0LDExMS4xMDN6IE0zOS43MzcsNTkuMzUxbDg5LjQyMyw0MS4wODljMi4xNDYsMC44NDIsNC41MywwLjg0Miw2LjY3NiwwCglsODkuNDI4LTQxLjA4OWMxLjgyLTAuODQ2LDEuODItMi4yMjUsMC0zLjA2N0wxMzUuODM2LDE1LjJjLTIuMTQ1LTAuODUxLTQuNTMyLTAuODUxLTYuNjc2LDBMMzkuNzM3LDU2LjI4NAoJQzM3Ljg5NCw1Ny4xMjYsMzcuODk0LDU4LjUwNSwzOS43MzcsNTkuMzUxeiIvPgo8L3N2Zz4K') no-repeat center center;
        background-size: 16px; }
      div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button:hover, div#sliding-popup .popup-content .eu-cookie-compliance-save-preferences-button:focus, div#sliding-popup .popup-content .decline-button:hover, div#sliding-popup .popup-content .decline-button:focus {
        background-color: #fff; }
    div#sliding-popup .popup-content .agree-button {
      background: #bbdb85;
      padding-left: 38px; }
      div#sliding-popup .popup-content .agree-button:before {
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMjUuNzE5cHgiIGhlaWdodD0iMjI1LjcxOXB4IiB2aWV3Qm94PSIxOS42NDEgMy42NDEgMjI1LjcxOSAyMjUuNzE5IgoJIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTkuNjQxIDMuNjQxIDIyNS43MTkgMjI1LjcxOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMwMDZlYWEiIGQ9Ik0xMzIuNSwzLjY0MUM3MC4xNjksMy42NDEsMTkuNjQxLDU0LjE2OSwxOS42NDEsMTE2LjVjMCw2Mi4zMyw1MC41MjksMTEyLjg1OSwxMTIuODU5LDExMi44NTkKCWM2Mi4zMywwLDExMi44NTktNTAuNTI5LDExMi44NTktMTEyLjg1OUMyNDUuMzU5LDU0LjE2OSwxOTQuODMsMy42NDEsMTMyLjUsMy42NDF6IE0xMzIuNSwyNS40ODQKCWM1MC4zMDEsMCw5MS4wMTYsNDAuNzA3LDkxLjAxNiw5MS4wMTZjMCw1MC4zMDEtNDAuNzA3LDkxLjAxNi05MS4wMTYsOTEuMDE2Yy01MC4zMDEsMC05MS4wMTYtNDAuNzA3LTkxLjAxNi05MS4wMTYKCUM0MS40ODQsNjYuMTk5LDgyLjE5MSwyNS40ODQsMTMyLjUsMjUuNDg0IE0xOTYuMzA0LDg0Ljc2NmwtMTAuMjU1LTEwLjMzOGMtMi4xMjUtMi4xNDEtNS41ODItMi4xNTUtNy43MjQtMC4wMzFsLTY0LjMyNiw2My44MQoJbC0yNy4yMS0yNy40MzFjLTIuMTI0LTIuMTQxLTUuNTgyLTIuMTU1LTcuNzIzLTAuMDMxTDY4LjcyOCwxMjFjLTIuMTQxLDIuMTIzLTIuMTU1LDUuNTgxLTAuMDMxLDcuNzIzbDQxLjMxMiw0MS42NDYKCWMyLjEyNCwyLjE0Miw1LjU4MiwyLjE1NSw3LjcyMywwLjAzMWw3OC41NDItNzcuOTExQzE5OC40MTQsOTAuMzY1LDE5OC40MjgsODYuOTA3LDE5Ni4zMDQsODQuNzY2eiIvPgo8L3N2Zz4K') no-repeat center center;
        background-size: 18px; }
      div#sliding-popup .popup-content .agree-button:hover, div#sliding-popup .popup-content .agree-button:focus {
        background-color: #bbdb85; }

.check-off, #sliding-popup input[type="checkbox"] + label {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiI+CiAgICA8ZGVmcz4KICAgICAgICA8cmVjdCBpZD0iYSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiB4PSIzMDAiIHk9IjM0MzUiIHJ4PSI0Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDAgLTM0MzUpIj4KICAgICAgICA8dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjIxIiBoZWlnaHQ9IjIxIiB4PSIzMDAuNSIgeT0iMzQzNS41IiBzdHJva2U9IiNBQUEiIHJ4PSI0Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=') no-repeat; }

.check-on, #sliding-popup input[type="checkbox"]:checked + label {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIzIDIzIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiB4PSIuNTgyIiB5PSIuNzU0IiBmaWxsPSIjMDA2ZWFhIiByeD0iNCIvPgogICAgICAgIDxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiIGQ9Ik01LjgxIDExLjc1NEw5LjcyMiAxNS45bDguMjkzLTguMjkyIi8+CiAgICA8L2c+Cjwvc3ZnPgo=') no-repeat; }

#sliding-popup input[type="checkbox"] {
  position: absolute;
  top: 20px;
  left: 9px;
  width: 2px;
  height: 2px;
  opacity: 0; }
  #sliding-popup input[type="checkbox"] + label {
    padding-left: 25px;
    background-position: left 1px;
    background-size: auto 20px; }
  #sliding-popup input[type="checkbox"]:checked + label {
    background-position: left 1px;
    background-size: auto 20px; }

.layout-container {
  margin: 0 !important; }

@media screen and (max-width: 63.9375em) {
  div#sliding-popup .popup-content {
    -webkit-flex-flow: column;
    flex-flow: column; }
    div#sliding-popup .popup-content #popup-buttons {
      margin-top: 0; } }
@media screen and (max-width: 39.9375em) {
  div#sliding-popup .eu-cookie-withdraw-tab {
    right: 100px; }
  div#sliding-popup .popup-content #popup-buttons {
    text-align: center; }
    div#sliding-popup .popup-content #popup-buttons .eu-cookie-compliance-categories-buttons {
      display: inline-block;
      float: none;
      width: 100%;
      max-width: none;
      margin-bottom: 2rem; }
      div#sliding-popup .popup-content #popup-buttons .eu-cookie-compliance-categories-buttons button {
        margin-right: 0; } }
@media screen and (max-width: 29.9375em) {
  div#sliding-popup .popup-content .eu-cookie-compliance-categories {
    -webkit-flex-flow: column;
    flex-flow: column; } }
@media screen and (max-width: 817px) {
  div#sliding-popup .eu-cookie-withdraw-tab {
    right: 0; } }