@import "/application/themes/gabo/css/fonts.css";
/*----- COLORS -----*/
/*----- GLOBAL STYLES -----*/
#layout {
  background: #fff;
}
#layout .container {
  width: 1560px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
#layout .container.narrow {
  width: 960px;
}
#layout .container.large {
  width: 100%;
}
#layout .flex-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
#layout .flex-wrapper.flex-column {
  flex-direction: column;
}
#layout .flex-wrapper.h-center {
  justify-content: center;
}
#layout .flex-wrapper.v-center {
  align-items: center;
}
#layout img {
  max-width: 100%;
  height: auto;
}
#layout .mt-auto {
  margin-top: auto;
}
body *,
#layout * {
  box-sizing: border-box;
}
/*----- TYPO -----*/
#layout {
  font-family: 'Segoe UI', sans-serif;
}
#content {
  font-size: 16px;
  line-height: 1.25;
}
#content h1,
#content h2,
#content h3,
#content h4 {
  font-family: 'Forma DJR Banner', sans-serif;
  margin-top: 0;
  margin-bottom: 30px;
  line-height: 1.15;
  color: #000;
}
#content h2 {
  font-size: 65px;
}
#content h3 {
  font-size: 36px;
}
#content h4 {
  font-size: 30px;
}
#content a {
  position: relative;
  text-decoration: none;
  color: #000;
}
#content a:not(.no-decoration):before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: #000;
  transition: all ease-in-out 300ms;
}
#content a:hover {
  text-decoration: none;
  color: #000;
}
#content a:hover:before {
  width: 100%;
}
#content a.text-white:hover {
  color: #fff;
}
#content a.text-white:before {
  background: #fff;
}
#content hr {
  border: 3px solid #ed1c24;
  border-radius: 10px;
  width: 540px;
  max-width: 100%;
  margin: 30px auto;
  display: inline-block;
}
#content .text-red {
  color: #ed1c24;
}
#content .text-white {
  color: #fff;
}
#content ul:not(.rslides) {
  padding-left: 20px;
}
#content ul:not(.rslides) li {
  list-style-type: disc;
}
#content ul:not(.rslides).square li {
  list-style-type: none;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#content ul:not(.rslides).square li:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 20px;
  margin-bottom: -3px;
  border: 1px solid #000;
  border-radius: 4px;
}
#content strong {
  font-family: 'Fira Sans';
}
/*----- BUTTON -----*/
#layout .button,
footer .button {
  display: inline-block;
  min-width: 120px;
  padding: 8px 20px;
  margin: 15px 0;
  color: #fff;
  background-color: #1e1e1e;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1;
  border: 2px solid #1e1e1e;
  cursor: pointer;
  transition: all 250ms ease-in-out;
}
#layout .button.large,
footer .button.large {
  min-width: 140px;
  padding: 10px 20px;
  font-size: 18px;
  letter-spacing: 2px;
}
#layout .button:hover,
footer .button:hover {
  text-decoration: none;
  background: #fff;
  color: #1e1e1e;
}
#layout .button.transparent,
footer .button.transparent {
  background: transparent;
  color: #1bb5ff;
}
#layout .button.transparent:hover,
footer .button.transparent:hover {
  background: #1bb5ff;
  color: #ffffff;
}
#layout .button.black,
footer .button.black {
  background: #000;
  color: #fff;
}
#layout .button.black:hover,
footer .button.black:hover {
  background: #fff;
  color: #000;
  border: 2px solid #000;
}
#layout .button.white,
footer .button.white {
  background: #fff;
  color: #000;
}
#layout .button.white:hover,
footer .button.white:hover {
  background: #E2E2E2FF;
}
#layout .button-boxed,
footer .button-boxed {
  padding: 7px 24px;
  color: #fff;
  transition: all 300ms ease-in-out;
}
#layout .button-boxed .arrow,
footer .button-boxed .arrow {
  filter: invert(1);
}
#layout .button-boxed.green,
footer .button-boxed.green {
  background-color: #1fa89a;
}
#layout .button-boxed.green:hover,
footer .button-boxed.green:hover {
  background-color: #1d897e;
  color: #fff;
}
/*----- LIST -----*/
.content-wrapper ul {
  margin-bottom: 30px;
}
.content-wrapper ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.content-wrapper ul li:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ed1c24;
}
/*----- FORM -----*/
#layout div.alert-error,
#layout div.alert-danger {
  color: #fff;
  border-radius: 0;
  font-weight: bold;
  border: none !important;
  padding-left: 70px;
  background: #B10305;
  background-size: 37px !important;
  margin-bottom: 30px;
}
#layout div.alert-error li,
#layout div.alert-danger li {
  margin-bottom: 5px;
}
#layout form,
#layout .form {
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* Disabled checkbox */
  /* Accessibility */
}
#layout form .form-group,
#layout .form .form-group {
  width: 100%;
}
@media (min-width: 560px) {
  #layout form .form-group.half-width,
  #layout .form .form-group.half-width {
    width: calc(50% - 10px);
  }
}
#layout form input,
#layout .form input,
#layout form select,
#layout .form select,
#layout form textarea,
#layout .form textarea,
#layout form .form-control,
#layout .form .form-control {
  width: 100%;
  height: auto;
  padding: 10px 20px;
  background: #f0f0f0;
  border: 2px solid transparent;
  border-bottom: 2px solid #000;
  border-radius: 0;
  font-size: 15px;
  color: #000;
  box-shadow: none;
  transition: all 300ms;
}
#layout form input:focus,
#layout .form input:focus,
#layout form select:focus,
#layout .form select:focus,
#layout form textarea:focus,
#layout .form textarea:focus,
#layout form .form-control:focus,
#layout .form .form-control:focus,
#layout form input:active,
#layout .form input:active,
#layout form select:active,
#layout .form select:active,
#layout form textarea:active,
#layout .form textarea:active,
#layout form .form-control:active,
#layout .form .form-control:active {
  outline: none;
  box-shadow: none;
  border-color: #000;
}
#layout form [type="checkbox"]:not(:checked),
#layout .form [type="checkbox"]:not(:checked),
#layout form [type="checkbox"]:checked,
#layout .form [type="checkbox"]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
  transition: all .275s;
  width: 0;
  height: 0;
}
#layout form [type="checkbox"]:not(:checked) + label,
#layout .form [type="checkbox"]:not(:checked) + label,
#layout form [type="checkbox"]:checked + label,
#layout .form [type="checkbox"]:checked + label {
  position: relative;
  display: inline;
  padding-left: 32px;
  padding-top: 2px;
  line-height: 1.5;
  cursor: pointer;
  font-weight: normal;
}
#layout form [type="checkbox"]:not(:checked) + label:before,
#layout .form [type="checkbox"]:not(:checked) + label:before,
#layout form [type="checkbox"]:checked + label:before,
#layout .form [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 0;
  border: 2px solid #000;
  box-shadow: none;
  -webkit-transition: all .275s;
  transition: all .275s;
}
#layout form [type="checkbox"]:not(:checked) + label:after,
#layout .form [type="checkbox"]:not(:checked) + label:after,
#layout form [type="checkbox"]:checked + label:after,
#layout .form [type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top: -5px;
  left: 5px;
  width: 24px;
  height: 24px;
  box-shadow: none;
  background: url("/application/themes/gabo/images/icons/icon-checked.png") no-repeat center;
  background-size: contain;
  -webkit-transition: all .2s;
  transition: all .2s;
}
#layout form [type="checkbox"]:not(:checked) + label:after,
#layout .form [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#layout form [type="checkbox"]:checked + label:after,
#layout .form [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#layout form [type="checkbox"]:disabled:not(:checked) + label:before,
#layout .form [type="checkbox"]:disabled:not(:checked) + label:before,
#layout form [type="checkbox"]:disabled:checked + label:before,
#layout .form [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #ed1c24;
  background-color: #e9e9e9;
}
#layout form [type="checkbox"]:disabled:checked + label:after,
#layout .form [type="checkbox"]:disabled:checked + label:after {
  color: #777;
}
#layout form [type="checkbox"]:disabled + label,
#layout .form [type="checkbox"]:disabled + label {
  color: #aaa;
}
#layout form ::placeholder,
#layout .form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1;
  /* Firefox */
}
#layout form :-ms-input-placeholder,
#layout .form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
}
#layout form ::-ms-input-placeholder,
#layout .form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000;
}
/* IFRAME */
#content iframe {
  max-width: 100%;
  height: 260px;
}
/* FORM */
/*
#layout{

    .required{
        color: #47a5a0;
        !* font-weight: bold; *!
        font-size: 17px;
    }

    .form-group .input-group .form-control{
        width: 100% !important;
    }

    .form-group.input-group input{
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        padding: 17px 15px;
        height: auto;
        margin: 15px 0;
    }

    textarea.form-control{
        padding: 10px;
    }

    .form-group label{
        color: #3b3d40;
        font-weight: normal;
        text-transform: uppercase;
    }

    .hidden-element{
        display: none;
    }

    .form-group.file{
        margin-bottom: 5px;
        text-align: center;
    }

    .form-group input::-webkit-input-placeholder { !* Chrome/Opera/Safari *!
        font-size: 16px;
    }
    .form-group input::-moz-placeholder { !* Firefox 19+ *!
        font-size: 16px;
    }
    .form-group input:-ms-input-placeholder { !* IE 10+ *!
        font-size: 16px;
    }
    .form-group input:-moz-placeholder { !* Firefox 18- *!
        font-size: 16px;
    }

    .fom-group{

        input{

        }
    }
}*/
/*----- FRAME -----*/
html,
body {
  color: #000000;
  font-size: 18px;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
#layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 1920px;
  max-width: 100%;
  margin: 0 auto;
}
#layout #content .arrow {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  background: url("/application/themes/gabo/images/icons/icon-arrow-upright.svg") no-repeat center;
}
#layout #content .arrow.white {
  filter: invert(1);
}
#layout #content .arrow.left {
  margin-left: 0;
  margin-right: 10px;
  background: url("/application/themes/gabo/images/icons/icon-arrow-left.svg") no-repeat center;
}
#layout section.section-padding {
  padding: 5vw 0;
}
#layout section .section-head-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 45px 0;
}
#layout section .section-title-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 60%;
}
#layout section .section-title-wrapper h3.section-title {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 0;
}
#layout section .section-title-wrapper .section-subtitle {
  font-size: 26px;
  font-weight: normal;
}
#layout section .section-title-right {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex: 1;
  font-size: 24px;
}
#layout section .section-title-right a {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}
#layout section .section-description {
  margin-top: 20px;
  font-size: 18px;
}
/*----- HEADER -----*/
#layout header {
  position: fixed;
  top: 25px;
  left: 25px;
  right: 25px;
  display: flex;
  padding: 5px 15px;
  min-height: 76px;
  background: #ffffff;
  color: #000;
  z-index: 10;
}
#layout header .container {
  align-items: center;
}
#layout header .logo {
  content: '';
  width: 103px;
  height: 38px;
  text-indent: -9999px;
  cursor: pointer;
  background: url('/application/themes/gabo/images/logos/logo-gabo.svg') no-repeat center;
  background-size: contain;
  margin: 0 10px 0;
}
#layout header .logo.it {
  background: url('/application/themes/gabo/images/logos/logo-gabo-it.svg') no-repeat center;
}
#layout header .logo a {
  display: flex;
  height: 100%;
}
#layout header #navigation {
  width: auto;
  max-width: 100%;
  margin: 0 30px 0 auto;
}
#layout header #navigation ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#layout header #navigation ul li {
  margin: 0 10px;
}
@media (min-width: 1300px) {
  #layout header #navigation ul li.nav-dropdown {
    position: relative;
  }
  #layout header #navigation ul li.nav-dropdown ul {
    position: absolute;
    top: 100%;
    left: 50%;
    background: #fff;
    padding: 25px 10px 10px;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -10px);
    transition: all 300ms ease-in-out;
  }
  #layout header #navigation ul li.nav-dropdown ul li {
    margin: 0;
  }
  #layout header #navigation ul li.nav-dropdown ul li a:hover {
    text-decoration: none;
  }
  #layout header #navigation ul li.nav-dropdown:hover ul {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
#layout header #navigation ul li a {
  position: relative;
  display: block;
  font-size: 15px;
  color: #000;
  padding: 5px 10px;
  transition: all ease-in-out 500ms;
}
#layout header #navigation ul li a span {
  position: relative;
}
#layout header #navigation ul li a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 100%;
  background: #000;
  transition: all ease-in-out 250ms;
}
#layout header #navigation ul li a:hover {
  background: transparent;
  color: #fff;
}
#layout header #navigation ul li a:hover:before {
  right: 0;
}
#layout header #navigation ul li.ajanlatkeres,
#layout header #navigation ul li.konfigurator {
  display: none;
}
#layout header .konfigurator .button {
  background: #fff;
}
#layout header .ajanlatkeres .button {
  margin: 0 10px;
}
#layout header #menu-toggle {
  content: '';
  position: absolute;
  top: 15px;
  right: 15px;
  display: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: #000000 url("/application/themes/gabo/images/icons/icon-menu-toggle.png") no-repeat center;
  background-size: 24px;
}
#layout header #languages-wrapper {
  margin-left: 20px;
}
#layout header #languages-wrapper .ccm-block-switch-language select {
  padding: 0 5px 0 0;
  background: transparent;
  border: none;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 17px;
  cursor: pointer;
}
/*----- CONTENT -----*/
#content {
  flex: 0 0 auto;
  margin: 90px 0;
}
#content .subpage-header {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 90px;
}
#content .subpage-header .background {
  content: '';
  display: block;
  width: 100%;
  height: 213px;
  background-image: url("/application/themes/gabo/images/backgrounds/bg-subpage-header.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#content .subpage-header .title-bar {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px 30px;
  background: #1e1e1e;
}
#content .subpage-header .title-bar h2 {
  font-size: 38px;
  margin: 0;
}
#content .subpage-header .title-bar .back-link {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-size: 24px;
}
#content .subpage-title-wrapper {
  margin-bottom: 60px;
}
#content .subpage-title-wrapper h2 {
  margin-bottom: 10px;
  font-size: 46px;
}
#content .subpage-title-wrapper h3 {
  margin-bottom: 50px;
  font-size: 24px;
  color: #787878;
}
#content .subpage-title-wrapper .image-wrapper {
  margin-bottom: 90px;
}
#content .subpage-title-wrapper .image-wrapper .image {
  content: '';
  width: 100%;
  padding-bottom: 38%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#content .subpage-title-wrapper .image-wrapper .image.szolgaltatasok {
  background-image: url("/application/themes/gabo/images/backgrounds/topimage-szolgaltatasok.jpg");
}
#content .subpage-title-wrapper .image-wrapper .image.kompetenciak {
  background-image: url("/application/themes/gabo/images/backgrounds/topimage-kompetenciak.jpg");
}
#content .subpage-title-wrapper .image-wrapper .image.rolunk {
  background-image: url("/application/themes/gabo/images/backgrounds/topimage-rolunk.jpg");
}
#content .szovegkep-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 1560px;
  max-width: 100%;
  margin: 0 auto 90px;
  padding: 0 15px;
}
#content .szovegkep-wrapper .image-wrapper {
  width: 45%;
}
#content .szovegkep-wrapper .description-wrapper {
  width: 55%;
}
#content .szovegkep-wrapper .description-wrapper.left {
  padding-right: 5%;
}
#content .szovegkep-wrapper .description-wrapper.right {
  padding-left: 5%;
}
#content .szovegkep-wrapper .description-wrapper h3 {
  font-size: 36px;
}
#content .szovegkep-wrapper *.full-width {
  width: 100%;
}
#content .szovegkep-wrapper.gyik h4 {
  font-size: 24px;
  margin: 30px 0 10px;
}
#content .pager {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 60px auto 60px;
}
#content .pager .page {
  margin: 5px;
  padding: 2px;
  font-weight: bold;
  font-size: 20px;
}
#content .pager .page a {
  color: #888;
}
#content .pager .page a:hover {
  color: #000;
}
#content .pager .page.current {
  font-weight: 800;
  color: #000;
}
/*----- LANDING -----*/
#content {
  margin: 0;
}
/*----- SLIDER -----*/
#landing-slider .ccm-image-slider img {
  max-height: 100vh;
  object-fit: cover;
}
#landing-slider .ccm-image-slider .container {
  position: relative;
}
#landing-slider .ccm-image-slider .ccm-image-slider-text {
  position: absolute;
  bottom: 35px;
  left: 10px;
  text-shadow: 0 0 15px #000;
}
#landing-slider .ccm-image-slider .ccm-image-slider-text h2 {
  margin: 0;
  color: #fff;
  font-size: 4vw;
}
#landing-slider .ccm-image-slider .ccm-image-slider-text p {
  margin: 10px 0 0;
  color: #fff;
  font-size: 2.5vw;
}
/*----- LANDING TERMEKEK -----*/
#content #termekek .accordion {
  display: flex;
  justify-content: flex-end;
  height: 700px;
  padding-left: 9%;
  padding-bottom: 90px;
  background-color: white;
}
#content #termekek .accordion .accordion-cell {
  position: relative;
  display: inline-block;
  height: auto;
  width: 6.25vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 800ms ease-in-out;
}
#content #termekek .accordion .accordion-cell:not(.expanded) {
  cursor: pointer;
}
#content #termekek .accordion .accordion-cell:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all 600ms ease-in-out;
}
#content #termekek .accordion .accordion-cell .cell-title {
  position: absolute;
  left: 50%;
  bottom: 0;
  color: #fff;
  font-size: 26px;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 1;
  transform-origin: bottom left;
  transform: rotate(-90deg) translateY(50%);
}
#content #termekek .accordion .accordion-cell > .accordion-cell-content {
  display: flex;
  justify-content: center;
  max-width: 0;
  height: 100%;
  margin: 0;
  opacity: 0;
  transition: opacity, max-width 800ms ease-in-out;
  overflow: hidden;
}
#content #termekek .accordion .accordion-cell > .accordion-cell-content .description-wrapper {
  display: flex;
  flex-direction: column;
  width: 40%;
  margin: auto 15px;
}
#content #termekek .accordion .accordion-cell > .accordion-cell-content .description-wrapper .description {
  font-size: 16px;
  margin-bottom: 15px;
}
#content #termekek .accordion .accordion-cell > .accordion-cell-content .description-wrapper .title {
  font-size: 36px;
  margin-bottom: 45px;
}
#content #termekek .accordion .accordion-cell > .accordion-cell-content .description-wrapper ul {
  padding-left: 0;
  font-size: 24px;
}
#content #termekek .accordion .accordion-cell > .accordion-cell-content .description-wrapper ul.square li {
  list-style-type: none;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#content #termekek .accordion .accordion-cell > .accordion-cell-content .description-wrapper ul.square li:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 20px;
  margin-bottom: -3px;
  border: 1px solid #000;
  border-radius: 4px;
}
#content #termekek .accordion .accordion-cell > .accordion-cell-content .image-wrapper {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#content #termekek .accordion .expanded {
  width: 100%;
  background-image: none !important;
}
#content #termekek .accordion .expanded:before {
  opacity: 0;
  z-index: -1;
}
#content #termekek .accordion .expanded .cell-title {
  display: none;
}
#content #termekek .accordion .expanded h4 {
  left: 1rem;
  bottom: 1rem;
  transform: rotate(0deg);
}
#content #termekek .accordion .expanded > .accordion-cell-content {
  max-width: 100%;
  opacity: 1;
  transition: all 600ms ease-in-out;
}
#content #termekek .accordion .collapsed {
  width: 6.25vw;
}
#content #termekek .product-details-wrapper {
  background: #1E1E1E;
}
#content #termekek .product-details-wrapper * {
  color: #fff;
}
#content #termekek .product-details-wrapper .category-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 25px 120px;
}
#content #termekek .product-details-wrapper .category-wrapper.hidden {
  display: none;
}
#content #termekek .product-details-wrapper .category-wrapper .image-wrapper {
  width: 50%;
}
#content #termekek .product-details-wrapper .category-wrapper .image-wrapper .image {
  content: '';
  width: 100%;
  padding-bottom: 70%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #333;
  opacity: 1;
  transition: all 600ms ease-in-out;
}
#content #termekek .product-details-wrapper .category-wrapper .image-wrapper .image.hidden-image {
  opacity: 0;
  padding-bottom: 0;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  margin: auto 20px;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper .category-title {
  font-size: 36px;
  margin-bottom: 45px;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper {
  padding: 20px 0;
  border-top: 1px solid #fff;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item {
  display: flex;
  flex-direction: column;
  padding: 20px 40px 0;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item h4 {
  position: relative;
  font-size: 24px;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item h4:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 20px;
  margin-bottom: -3px;
  border: 1px solid #fff;
  border-radius: 4px;
  transition: all 250ms ease-in-out;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item ul {
  display: flex;
  padding-left: 60px;
  margin-bottom: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 350ms ease-in-out;
  transition-delay: 150ms;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item ul li {
  list-style-type: none;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item.active {
  cursor: default;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item.active h4:before {
  background: #fff;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item.active ul {
  max-height: 100px;
  margin-bottom: 45px;
}
#content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item.active ul li {
  margin-right: 8%;
}
/*----- PARALLAX -----*/
#content .parallax {
  content: '';
  display: flex;
  width: calc(100% - 50px);
  height: 75vh;
  margin: 30px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}
#content .parallax.landing {
  background-image: url("/application/themes/gabo/images/backgrounds/bg-parallax-landing.jpg");
}
/*----- HIREK -----*/
#content .news-slider-wrapper .swiper-slide .image-wrapper .image {
  padding-bottom: 60%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#content .news-slider-wrapper .swiper-slide .description-wrapper {
  font-size: 15px;
  line-height: 1.5;
}
#content .news-slider-wrapper .swiper-slide .description-wrapper h4 {
  font-size: 28px;
  margin: 20px 0;
}
#content .news-slider-wrapper .swiper-slide .description-wrapper h4 a {
  display: inline-block;
}
#content .news-slider-wrapper .swiper-scrollbar {
  position: relative;
  left: 50%;
  bottom: 0;
  width: 72%;
  height: 9px;
  margin-top: 50px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  transform: translateX(-50%);
}
#content .news-slider-wrapper .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1e1e1e;
  cursor: pointer;
}
/*----- KATEGORIA VALASZTO -----*/
#content #category-selector-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-top: 120px;
  padding-bottom: 100px;
  width: 100%;
  min-height: 100vh;
  background: url("/application/themes/gabo/images/backgrounds/bg-category-selector.jpg") no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}
#content #category-selector-wrapper .category-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1520px;
  width: 100%;
  margin: auto;
}
#content #category-selector-wrapper .category-container .category-item {
  position: relative;
  width: 30%;
  min-width: 260px;
  margin: 30px 1.5%;
  overflow: hidden;
}
#content #category-selector-wrapper .category-container .category-item a {
  position: unset;
}
#content #category-selector-wrapper .category-container .category-item a:before {
  display: none;
}
#content #category-selector-wrapper .category-container .category-item .background {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 114%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 500ms ease-in-out;
}
#content #category-selector-wrapper .category-container .category-item .category-title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  margin: 0;
  color: #fff;
  font-size: 32px;
  filter: drop-shadow(2px 2px 2px #000000);
}
#content #category-selector-wrapper .category-container .category-item:hover .background {
  transform: scale(1.1);
}
#content #category-selector-wrapper .mainpage-link-wrapper {
  position: absolute;
  bottom: 45px;
  left: 45px;
}
#content #category-selector-wrapper .mainpage-link-wrapper a {
  display: inline-flex;
  align-items: center;
  font-family: 'Forma DJR Banner', sans-serif;
  font-size: 24px;
  color: #fff;
}
#content #category-selector-wrapper .mainpage-link-wrapper a:before {
  background: #fff;
}
/*----- PRODUCT LIST -----*/
#product-list .product-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 90px;
}
#product-list .product-list-wrapper .product-item {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  padding: 20px;
}
#product-list .product-list-wrapper .product-item .image-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 230px;
}
#product-list .product-list-wrapper .product-item .description-wrapper {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
#product-list .product-list-wrapper .product-item .description-wrapper .product-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}
#product-list .product-list-wrapper .product-item .description-wrapper .product-title h3 {
  font-size: 24px;
  margin: 0;
}
#product-list .product-list-wrapper .product-item .description-wrapper .product-title .category-title {
  margin-left: auto;
  font-size: 14px;
  color: #9c9c9c;
}
#product-list .product-list-wrapper .product-item .description-wrapper .product-description {
  margin-bottom: 40px;
}
#product-list .product-list-wrapper .product-item .description-wrapper ul {
  width: 100%;
}
#product-list .product-list-wrapper .product-item .description-wrapper ul strong {
  margin-right: 5px;
}
#product-list .product-list-wrapper .product-item .description-wrapper .button {
  margin-left: auto;
}
#product-list .product-list-wrapper .product-item .product-large-image {
  content: '';
  width: 100%;
  margin-top: 40px;
  margin-bottom: 90px;
  padding-bottom: 34%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.product-top-bar-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.product-top-bar-wrapper .product-top-bar {
  display: flex;
  flex-direction: column;
  width: calc(50% - 20px);
  padding: 20px 0;
}
.product-top-bar-wrapper .product-top-bar .title {
  margin-bottom: 20px;
  padding: 90px 25px 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 24px;
}
.product-top-bar-wrapper .product-top-bar.bg-1 .title {
  background-image: url('/application/themes/gabo/images/backgrounds/bg-product-topbar-1.jpg');
}
.product-top-bar-wrapper .product-top-bar.bg-2 .title {
  background-image: url('/application/themes/gabo/images/backgrounds/bg-product-topbar-2.jpg');
}
/*----- PRODUCT DETAILS -----*/
#product-details .subpage-header .background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}
#product-details .subpage-header .background:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
}
#product-details .subpage-header .top-description-wrapper {
  position: relative;
  margin: 34vw auto 6vw;
  text-align: center;
}
#product-details .subpage-header .top-description-wrapper h3 {
  color: #fff;
  font-weight: bold;
}
#product-details .subpage-header .top-description-wrapper .description-wrapper {
  display: flex;
  flex-wrap: wrap;
}
#product-details .subpage-header .top-description-wrapper .description-wrapper .item {
  display: flex;
  flex-direction: column;
  margin: 10px 20px;
  text-align: center;
  color: #fff;
}
#product-details .subpage-header .top-description-wrapper .description-wrapper .item .value {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
}
#product-details .subpage-header .top-description-wrapper .description-wrapper .item .title {
  font-size: 14px;
  text-transform: uppercase;
}
#product-details .subpage-header .title-bar {
  position: relative;
}
#product-details .details-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 90px;
}
#product-details .details-wrapper .description-wrapper {
  width: 60%;
}
#product-details .details-wrapper .image-wrapper {
  flex: 1;
}
#product-details .details-wrapper .video-wrapper {
  width: 40%;
  margin: auto;
}
#product-details .details-wrapper .video-wrapper video {
  width: 100%;
}
#product-details .details-wrapper .list-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 45px 0;
}
#product-details .details-wrapper .list-wrapper ul {
  width: 45%;
  padding-left: 0;
}
#product-details .details-wrapper.short .description-wrapper {
  width: 50%;
}
#product-details .details-wrapper.short .image-wrapper,
#product-details .details-wrapper.short .video-wrapper {
  text-align: right;
  padding-left: 30px;
}
#product-details .details-wrapper.long .description-wrapper {
  width: 60%;
}
#product-details .details-wrapper.long .image-wrapper {
  text-align: left;
  padding-right: 30px;
}
#product-details #color-selector {
  max-width: 1200px;
  margin: 0 auto 60px;
}
#product-details #color-selector .section-title {
  margin-bottom: 45px;
}
#product-details #color-selector .color-selector-wrapper {
  display: flex;
  flex-wrap: wrap;
}
#product-details #color-selector .color-selector-wrapper #color-main-image {
  width: 50%;
  padding-right: 5vw;
}
#product-details #color-selector .color-selector-wrapper .color-index-wrapper {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: auto;
  margin-bottom: auto;
}
#product-details #color-selector .color-selector-wrapper .color-index-wrapper .color-index {
  width: 52px;
  margin-left: 14px;
  margin-bottom: 14px;
  cursor: pointer;
}
#product-details #color-selector .selected-color-wrapper {
  width: 100%;
  padding: 25px;
  background: #000;
  color: #fff;
  text-align: center;
}
#product-details #color-selector .selected-color-wrapper #color-text {
  text-shadow: 0 0 5px #454545;
}
#product-details #color-selector .selected-color-wrapper #color-text .title {
  margin-bottom: 5px;
  font-size: 16px;
}
#product-details #color-selector .selected-color-wrapper #color-text .selected-color {
  font-size: 24px;
}
#product-details #product-sliders .slider-section {
  margin-top: 60px;
  padding: 25px 25px 60px;
}
#product-details #product-sliders .slider-section .section-title-wrapper {
  padding: 0;
}
#product-details #product-sliders .slider-section .swiper-slide .image-wrapper .image {
  padding-bottom: 120%;
}
#product-details #product-sliders .slider-section.kilincsek,
#product-details #product-sliders .slider-section.arnyekolok {
  background: #1e1e1e;
}
#product-details #product-sliders .slider-section.kilincsek .section-title,
#product-details #product-sliders .slider-section.arnyekolok .section-title,
#product-details #product-sliders .slider-section.kilincsek .section-subtitle,
#product-details #product-sliders .slider-section.arnyekolok .section-subtitle,
#product-details #product-sliders .slider-section.kilincsek .section-description,
#product-details #product-sliders .slider-section.arnyekolok .section-description {
  color: #fff;
}
#product-details #product-sliders .arnyekolok .arnyekolo-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
}
#product-details #product-sliders .arnyekolok .arnyekolo-wrapper .arnyekolo-item {
  position: relative;
  width: 30%;
  margin: 30px 1.5%;
  overflow: hidden;
}
#product-details #product-sliders .arnyekolok .arnyekolo-wrapper .arnyekolo-item a:before {
  display: none;
}
#product-details #product-sliders .arnyekolok .arnyekolo-wrapper .arnyekolo-item .background {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 100%;
  background-color: #c4c4c4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 500ms ease-in-out;
}
#product-details #product-sliders .arnyekolok .arnyekolo-wrapper .arnyekolo-item .category-title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  margin: 0;
  color: #fff;
  font-size: 36px;
}
#product-details #product-sliders .arnyekolok .arnyekolo-wrapper .arnyekolo-item:hover .background {
  transform: scale(1.1);
}
#product-details #product-sliders .galeria {
  margin-bottom: 90px;
}
#product-details #product-sliders .galeria .gallery-wrapper .album-wrapper > a {
  width: calc(33% - 20px);
}
#product-details #product-sliders .galeria .gallery-wrapper .album-wrapper > a .image {
  padding-bottom: 80%;
  background-size: cover;
}
#product-details #product-sliders .galeria .gallery-wrapper .album-wrapper > a:nth-of-type(4n) {
  width: 100%;
}
#product-details #product-sliders .galeria .gallery-wrapper .album-wrapper > a:nth-of-type(4n) .image {
  padding-bottom: 40%;
}
/*----- REFERENCES -----*/
#references {
  margin-bottom: 90px;
}
#references .references-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#references .references-wrapper .item {
  width: calc(33% - 8px);
  margin: 4px;
  min-width: 240px;
  height: 100%;
  cursor: pointer;
}
#references .references-wrapper .item a:hover:before {
  display: none;
}
#references .references-wrapper .item .image-item {
  position: relative;
  padding-bottom: 100%;
  cursor: pointer;
  overflow: hidden;
}
#references .references-wrapper .item .image-item .image {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 800ms;
}
#references .references-wrapper .item .image-item:hover .image {
  transform: scale(1.1);
}
#references .reference-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 10px;
}
#references .reference-categories .reference-category {
  background: #fff;
  color: #000;
  margin-right: 15px;
}
#references .reference-categories .reference-category:hover {
  background: #000;
  color: #fff;
}
/*----- REFERENCE DETAILS -----*/
#reference-details {
  display: flex;
  flex-direction: column;
}
#reference-details .section-description {
  width: 100%;
}
#reference-details .reference-topimage {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 57%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#reference-details .gallery-wrapper {
  margin-bottom: 90px;
}
#reference-details .gallery-wrapper .album-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
#reference-details .gallery-wrapper .album-wrapper .album-item {
  width: 100%;
  margin: 0;
}
#reference-details .gallery-wrapper .album-wrapper .album-item:nth-of-type(1) {
  grid-area: 1 / 1 / 3 / 2;
}
#reference-details .gallery-wrapper .album-wrapper .album-item:nth-of-type(2) {
  grid-area: 1 / 2 / 2 / 3;
}
#reference-details .gallery-wrapper .album-wrapper .album-item:nth-of-type(3) {
  grid-area: 2 / 2 / 3 / 3;
}
#reference-details .gallery-wrapper .album-wrapper .album-item:nth-of-type(4) {
  grid-area: 3 / 1 / 4 / 3;
}
#reference-details .gallery-wrapper .album-wrapper .album-item:nth-of-type(5) {
  grid-area: 4 / 1 / 5 / 2;
}
#reference-details .gallery-wrapper .album-wrapper .album-item:nth-of-type(6) {
  grid-area: 5 / 1 / 6 / 2;
}
#reference-details .gallery-wrapper .album-wrapper .album-item:nth-of-type(7) {
  grid-area: 4 / 2 / 6 / 3;
}
#reference-details .gallery-wrapper .album-wrapper .album-item .image {
  padding-bottom: 50%;
  background-size: cover;
}
/*----- CATALOG LIST -----*/
#catalog-list h2 {
  margin-bottom: 100px;
}
#catalog-list .catalog-items-wrapper {
  display: flex;
  flex-wrap: wrap;
}
#catalog-list .catalog-items-wrapper .catalog-item {
  display: flex;
  flex-direction: column;
  width: 410px;
  max-width: 100%;
  margin: 0 auto 60px;
}
#catalog-list .catalog-items-wrapper .catalog-item:before {
  display: none;
}
#catalog-list .catalog-items-wrapper .catalog-item .image-wrapper {
  overflow: hidden;
}
#catalog-list .catalog-items-wrapper .catalog-item .image-wrapper .image {
  content: '';
  width: 100%;
  padding-bottom: 136%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 500ms ease-in-out;
}
#catalog-list .catalog-items-wrapper .catalog-item h3 {
  margin-top: 15px;
  font-size: 30px;
  font-weight: normal;
}
#catalog-list .pages {
  display: flex;
  justify-content: center;
  margin: 30px 0 60px;
}
#catalog-list .pages .page {
  font-size: 20px;
  font-weight: bold;
  margin: 2px;
  padding: 2px 4px;
}
#catalog-list .pages .page.current {
  text-decoration: underline;
}
/*----- AJANLATKERES -----*/
#ajanlatkeres {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 100vh;
  padding: 140px 20px 7vw;
}
#ajanlatkeres.contact {
  background: url('/application/themes/gabo/images/backgrounds/bg-contact.jpg') no-repeat left bottom;
  background-size: cover;
  background-attachment: fixed;
}
#ajanlatkeres .title-wrapper {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding-right: 30px;
}
#ajanlatkeres .title-wrapper h2 {
  font-size: 48px;
  margin-bottom: 10px;
}
#ajanlatkeres .title-wrapper h3 {
  font-size: 28px;
  margin-bottom: 30px;
}
#ajanlatkeres .title-wrapper p {
  margin-bottom: 30px;
  font-size: 22px;
}
#ajanlatkeres .title-wrapper a {
  display: inline-block;
  font-size: 22px;
}
#ajanlatkeres .form-wrapper {
  width: 50%;
  padding: 50px;
  background: #fff;
}
#ajanlatkeres .form-wrapper .form .form-title {
  margin-bottom: 10px;
}
#ajanlatkeres .form-wrapper .form .form-title.personal {
  margin-top: 20px;
  margin-bottom: 20px;
}
#ajanlatkeres .form-wrapper .form .form-subtitle {
  font-size: 20px;
}
#ajanlatkeres .form-wrapper .form .form-group {
  padding: 0;
}
#ajanlatkeres .form-wrapper .form .text-muted {
  display: none;
}
#ajanlatkeres .form-wrapper .form .buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
}
#ajanlatkeres .form-wrapper .form .buttons-wrapper label {
  width: auto;
  height: auto;
  padding: 10px 20px;
  margin: 10px 15px 10px 0;
  background: #fff;
  border: 2px solid #000;
  border-radius: 0;
  font-size: 15px;
  color: #000;
  box-shadow: none;
  cursor: pointer;
  transition: all 300ms;
}
#ajanlatkeres .form-wrapper .form .buttons-wrapper input[type="radio"] {
  visibility: hidden;
  margin: 0;
  max-width: 0;
}
#ajanlatkeres .form-wrapper .form .buttons-wrapper input[type="radio"]:checked + label {
  background: #000;
  color: #fff;
}
#ajanlatkeres .form-wrapper .form .g-recaptcha.button {
  display: block;
  width: 100%;
}
/*----- NEWS LIST -----*/
#news-list .news-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5vw;
}
#news-list .news-items-wrapper .news-item {
  display: flex;
  flex-direction: column;
  width: calc(33% - 3vw);
  margin: 0 1.5vw 60px;
}
#news-list .news-items-wrapper .news-item .image-wrapper {
  margin-bottom: 30px;
  overflow: hidden;
}
#news-list .news-items-wrapper .news-item .image-wrapper .image {
  content: '';
  width: 100%;
  padding-bottom: 61%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 300ms ease-in-out;
}
#news-list .news-items-wrapper .news-item h3 {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: normal;
}
#news-list .news-items-wrapper .news-item .lead {
  font-size: 16px;
  margin-bottom: 0;
}
#news-list .news-items-wrapper .news-item:hover:before {
  display: none;
}
#news-list .news-items-wrapper .news-item:hover .image {
  transform: scale(1.1);
}
/*----- NEWS DETAILS -----*/
#news-details {
  margin-bottom: 90px;
}
#news-details .news-title {
  margin-bottom: 10px;
  font-size: 46px;
}
#news-details .news-subtitle {
  margin-bottom: 50px;
  font-size: 24px;
  color: #787878;
}
#news-details .image-wrapper {
  margin-bottom: 90px;
}
#news-details .image-wrapper .image {
  content: '';
  width: 100%;
  padding-bottom: 38%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#news-details .news-intro {
  margin-bottom: 20px;
  line-height: 1.5;
}
#news-details .news-description {
  line-height: 1.5;
}
#news-details .news-date {
  margin-top: 90px;
  color: #000;
  font-size: 18px;
}
/*----- CONTACT -----*/
.contact-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 90px;
}
.contact-wrapper .image-wrapper {
  width: 50%;
}
.contact-wrapper .image-wrapper .image {
  content: '';
  display: inline-block;
  width: 100%;
  padding-bottom: 80%;
  background: url("/application/themes/gabo/images/img-contact.jpg") no-repeat center center;
  background-size: cover;
}
.contact-wrapper .description-wrapper {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding-left: 60px;
}
.contact-wrapper .description-wrapper .contact-info-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.contact-wrapper .description-wrapper .contact-info-wrapper .info-column {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding-right: 40px;
}
.contact-wrapper .description-wrapper .contact-info-wrapper .info-column .item {
  margin-bottom: 45px;
  line-height: 1.5;
}
.contact-wrapper .description-wrapper .contact-info-wrapper .info-column .item div {
  display: flex;
  flex-direction: column;
}
.contact-wrapper .description-wrapper .contact-info-wrapper .info-column .item div a {
  display: inline-block;
  margin-right: auto;
  color: #000;
  text-decoration: none;
}
.contact-wrapper .description-wrapper .social-wrapper {
  margin: 0 0 60px;
}
.contact-wrapper .description-wrapper .social-wrapper a {
  margin-right: 15px;
}
.contact-wrapper.hibabejelento .description-wrapper {
  width: 100%;
  padding-left: 0;
}
.contact-wrapper.hibabejelento .ccm-express-form-field-set {
  gap: 20px;
}
.contact-wrapper.hibabejelento input[type="checkbox"] + label {
  display: inline-block !important;
  margin-right: 20px;
  margin-bottom: 5px;
  margin-top: 10px;
  padding-top: 0 !important;
}
/*----- MENEDZSMENT -----*/
#layout #members-wrapper .section-title-wrapper {
  justify-content: center;
  padding: 25px;
  width: 100%;
}
#layout #members-wrapper .section-title-wrapper h3 {
  width: 100%;
  margin-bottom: 10px;
}
#layout #members-wrapper .section-title-wrapper p {
  max-width: 100%;
  width: 880px;
}
#layout #members-wrapper .member-category-wrapper .member-category-title {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #000;
  cursor: pointer;
}
#layout #members-wrapper .member-category-wrapper .member-category-title h3 {
  font-size: 24px;
  margin-bottom: 0;
}
#layout #members-wrapper .member-category-wrapper .member-category-title:before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 20px;
  margin-bottom: -3px;
  border: 1px solid #000;
  border-radius: 4px;
}
#layout #members-wrapper .member-category-wrapper .member-category-title.active:before {
  background-color: #000;
}
#layout #members-wrapper .member-category-wrapper .member-category {
  display: none;
  flex-wrap: wrap;
}
#layout #members-wrapper .member-category-wrapper .member-category .item {
  display: flex;
  flex-direction: column;
  width: calc(25% - 20px);
  min-width: 240px;
  margin-right: 20px;
  padding: 30px 0 15px;
}
#layout #members-wrapper .member-category-wrapper .member-category .item img {
  width: 100%;
  margin-bottom: 15px;
}
#layout #members-wrapper .member-category-wrapper .member-category .item .name {
  font-size: 24px;
  margin-bottom: 0;
}
#layout #members-wrapper .member-category-wrapper .member-category .item .title {
  font-size: 16px;
  color: #787878;
}
#layout #members-wrapper .member-category-wrapper.active .member-category {
  display: flex;
}
/*----- PARTNER LOGOS -----*/
#partner-logos {
  margin: 120px 0;
  padding: 30px 0;
  background: #fff;
}
#partner-logos .swiper-slide {
  width: auto;
  margin: auto;
}
#partner-logos .swiper-slide .image {
  max-width: 160px;
  height: auto;
}
/*----- ARNYEKOLASTECHNIKA -----*/
/*.arnyekolastechnika{
  .subpage-header{
    .background.product-details{
      position: relative !important;
      padding-bottom: 40vw;
    }
  }

  .arnyekolas-wrapper{
    display: flex;
    flex-wrap: wrap;

    .details-wrapper{
      width: 100%;

      .image-wrapper{
        padding-right: 30px;
        padding-left: 0 !important;
      }

      &:nth-of-type(odd){
        .description-wrapper{
          order: -1;
        }
        .image-wrapper{
          padding-left: 30px !important;
          padding-right: 0;
        }
      }
    }
  }
}*/
/*----- BIZTONSAG -----*/
#layout.page-template-full .news-container {
  margin-bottom: 90px;
}
/*----- TERMEKVALASZTO -----*/
#termekvalaszto {
  position: relative;
  background: #1E1E1E;
  overflow: hidden;
}
#termekvalaszto:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 140px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), transparent);
  transition: all ease-in-out 300ms;
  z-index: 1;
}
#termekvalaszto.selected-muanyag:before {
  background: linear-gradient(0deg, #75751e, transparent);
}
#termekvalaszto.selected-aluminium:before {
  background: linear-gradient(0deg, #244f4b, transparent);
}
#termekvalaszto .product-selector-wrapper {
  display: flex;
  flex-direction: column;
}
#termekvalaszto .product-selector-wrapper .product-selector {
  display: flex;
  gap: 20px;
  margin: 30px 0;
}
#termekvalaszto .product-selector-wrapper .product-selector .selector-item {
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 20px;
  background: #343434;
  color: #6d6d6d;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  transition: all ease-in-out 300ms;
}
#termekvalaszto .product-selector-wrapper .product-selector .selector-item:hover,
#termekvalaszto .product-selector-wrapper .product-selector .selector-item.selected {
  color: #000;
  cursor: pointer;
}
#termekvalaszto .product-selector-wrapper .product-selector .selector-item:hover.plastic,
#termekvalaszto .product-selector-wrapper .product-selector .selector-item.selected.plastic {
  background: #d2d233;
}
#termekvalaszto .product-selector-wrapper .product-selector .selector-item:hover.alu,
#termekvalaszto .product-selector-wrapper .product-selector .selector-item.selected.alu {
  background: #1fa89a;
}
#termekvalaszto .product-selector-wrapper .product-items-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
#termekvalaszto .product-selector-wrapper .product-items-wrapper .product-item {
  position: relative;
  width: calc(33% - 10px);
  min-width: 260px;
  overflow: hidden;
}
#termekvalaszto .product-selector-wrapper .product-items-wrapper .product-item a {
  position: unset;
}
#termekvalaszto .product-selector-wrapper .product-items-wrapper .product-item a:before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), transparent);
  transition: all ease-in-out 300ms;
  z-index: 1;
}
#termekvalaszto .product-selector-wrapper .product-items-wrapper .product-item a .background {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 114%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 500ms ease-in-out;
}
#termekvalaszto .product-selector-wrapper .product-items-wrapper .product-item a .product-title {
  position: absolute;
  bottom: 40px;
  left: 40px;
  margin: 0;
  color: #fff;
  font-size: 32px;
  filter: drop-shadow(2px 2px 2px #000000);
  z-index: 1;
}
#termekvalaszto .product-selector-wrapper .product-items-wrapper .product-item a:hover:before {
  bottom: 0;
  height: 100%;
}
#termekvalaszto .product-selector-wrapper .product-items-wrapper .product-item a:hover .background {
  transform: scale(1.1);
}
/*----- PROFILRENDSZEREK -----*/
#profilrendszerek {
  margin-top: 90px;
  padding: 4vw 5vw;
  background: #F0F0F0;
}
#profilrendszerek h2 {
  margin-bottom: 45px;
  font-size: 36px;
}
#profilrendszerek .profilrendszerek-wrapper {
  display: flex;
  flex-direction: column;
}
#profilrendszerek .profilrendszerek-wrapper .profil-selector-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 45px;
  font-size: 30px;
  color: #B7B7B7;
}
#profilrendszerek .profilrendszerek-wrapper .profil-selector-wrapper .profil-item {
  margin-right: 10px;
}
#profilrendszerek .profilrendszerek-wrapper .profil-selector-wrapper .profil-item span {
  color: #B7B7B7;
  cursor: pointer;
  transition: all 300ms ease-in-out;
}
#profilrendszerek .profilrendszerek-wrapper .profil-selector-wrapper .profil-item:not(:first-of-type) {
  margin-left: 10px;
}
#profilrendszerek .profilrendszerek-wrapper .profil-selector-wrapper .profil-item:hover span,
#profilrendszerek .profilrendszerek-wrapper .profil-selector-wrapper .profil-item.selected span {
  color: #000;
  text-decoration: underline;
}
#profilrendszerek .profilrendszerek-wrapper .profile-dlc-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
#profilrendszerek .profilrendszerek-wrapper .profile-dlc-wrapper h3 {
  margin-bottom: 0;
  padding: 15px 0;
  font-size: 30px;
  border-bottom: 1px solid #484848;
}
#profilrendszerek .profilrendszerek-wrapper .profile-dlc-wrapper .profile-dlc-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #9C9C9C;
  font-size: 20px;
}
#profilrendszerek .profilrendszerek-wrapper .profile-dlc-wrapper .profile-dlc-item a {
  margin-left: auto;
  padding-right: 40px;
  background-repeat: no-repeat;
  background-position: right center;
  text-transform: uppercase;
  transition: all 300ms ease-in-out;
}
#profilrendszerek .profilrendszerek-wrapper .profile-dlc-wrapper .profile-dlc-item a.link {
  background-image: url("/application/themes/gabo/images/icons/icon-dlc-arrow-right.png");
}
#profilrendszerek .profilrendszerek-wrapper .profile-dlc-wrapper .profile-dlc-item a.download {
  background-image: url("/application/themes/gabo/images/icons/icon-dlc-arrow-down.png");
  background-position: right 10px center;
}
#profilrendszerek .profilrendszerek-wrapper .profile-dlc-wrapper .profile-dlc-item a:hover {
  transform: translateY(-3px);
}
/*----- MIERT VALASSZON -----*/
#miert-valasszon {
  background: #1E1E1E;
}
#content .slider-section {
  margin: 90px 0;
  padding: 60px 0 90px;
}
#content .slider-section h2 {
  font-size: 36px;
  margin-bottom: 60px;
}
#content .swiper-block.custom {
  position: relative;
}
#content .swiper-block.custom .swiper-button-next,
#content .swiper-block.custom .swiper-button-prev {
  width: 40px;
  height: 40px;
}
#content .swiper-block.custom .swiper-button-next:after,
#content .swiper-block.custom .swiper-button-prev:after {
  display: none;
}
#content .swiper-block.custom .swiper-button-prev {
  left: 30px;
  background-image: url("/application/themes/gabo/images/icons/icon-swiper-prev.png");
}
#content .swiper-block.custom .swiper-button-next {
  right: 30px;
  background-image: url("/application/themes/gabo/images/icons/icon-swiper-next.png");
}
#content .info-item-slider .swiper-slide,
#content .other-products-slider .swiper-slide {
  background: transparent;
}
#content .info-item-slider .swiper-slide img,
#content .other-products-slider .swiper-slide img {
  height: 480px !important;
}
#content .info-item-slider .swiper-slide h4,
#content .other-products-slider .swiper-slide h4 {
  font-size: 26px !important;
  text-align: left;
  margin-top: 30px !important;
  margin-bottom: 5px !important;
}
#content .info-item-slider .swiper-slide p,
#content .other-products-slider .swiper-slide p {
  text-align: left;
}
/*----- GALERIA -----*/
#galeria {
  padding: 5vw 0;
  background: #F0F0F0;
}
#galeria .swiper-block {
  position: relative;
}
#galeria .swiper-block .swiper {
  width: calc(100% - 120px);
}
#galeria .swiper-block .swiper-slide {
  height: auto;
}
#galeria .swiper-block .swiper-slide img {
  height: 90vh !important;
}
#galeria .swiper-block .swiper-button-next,
#galeria .swiper-block .swiper-button-prev {
  width: auto;
}
#galeria .swiper-block .swiper-button-next:after,
#galeria .swiper-block .swiper-button-prev:after {
  content: '' !important;
  width: 40px;
  height: 40px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#galeria .swiper-block .swiper-button-prev {
  left: 0;
  background-image: url("/application/themes/gabo/images/icons/icon-swiper-prev.png");
}
#galeria .swiper-block .swiper-button-next {
  right: 0;
  background-image: url("/application/themes/gabo/images/icons/icon-swiper-next.png");
}
/*----- KIKET KERESUNK -----*/
#kiket-keresunk {
  margin-bottom: 5vw;
  padding: 50px 0 35px;
  background: url("/application/themes/gabo/images/backgrounds/bg-kiket-keresunk-2.jpg") no-repeat center;
  background-size: cover;
}
#kiket-keresunk .box-wrapper .box-item {
  width: 800px;
  max-width: 100%;
  margin-left: auto;
  padding: 60px 40px;
  background: #fff;
}
#kiket-keresunk .box-wrapper .box-item .box-title {
  font-size: 36px;
  margin-bottom: 40px;
}
#kiket-keresunk .box-wrapper .box-item .box-description > p {
  margin-bottom: 40px;
}
#kiket-keresunk .box-wrapper .box-item .box-description .description-list p {
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
}
#kiket-keresunk .box-wrapper .box-item .box-description .description-list p:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid #000;
}
/*----- SZOLGALTATASAINK -----*/
#szolgaltatasaink {
  position: relative;
  overflow: hidden;
}
#szolgaltatasaink .szolgaltatasaink-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 30px 0 60px;
}
#szolgaltatasaink .szolgaltatasaink-wrapper .szolgaltatas-item {
  position: relative;
  width: calc(33% - 10px);
  min-width: 260px;
  overflow: hidden;
  cursor: pointer;
}
#szolgaltatasaink .szolgaltatasaink-wrapper .szolgaltatas-item:before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), transparent);
  transition: all ease-in-out 300ms;
  z-index: 1;
}
#szolgaltatasaink .szolgaltatasaink-wrapper .szolgaltatas-item:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all ease-in-out 300ms;
  z-index: 1;
  border: 0 solid #1fa89a;
}
#szolgaltatasaink .szolgaltatasaink-wrapper .szolgaltatas-item .background {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 114%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 500ms ease-in-out;
}
#szolgaltatasaink .szolgaltatasaink-wrapper .szolgaltatas-item .product-title {
  position: absolute;
  bottom: 40px;
  left: 40px;
  margin: 0;
  color: #fff;
  font-size: 32px;
  filter: drop-shadow(2px 2px 2px #000000);
  z-index: 1;
}
#szolgaltatasaink .szolgaltatasaink-wrapper .szolgaltatas-item:hover:after {
  border: 10px solid #1fa89a;
}
#szolgaltatasaink .szolgaltatasaink-wrapper .szolgaltatas-item:hover .background {
  transform: scale(1.1);
}
#szolgaltatasaink .szolgaltatasaink-wrapper .szolgaltatas-item.selected:after {
  border: 10px solid #1fa89a;
}
#szolgaltatasaink .szolgaltatasaink-description-wrapper {
  display: none;
  flex-wrap: wrap;
}
#szolgaltatasaink .szolgaltatasaink-description-wrapper.selected {
  display: flex;
}
#szolgaltatasaink .szolgaltatasaink-description-wrapper .szolgaltatas-title h4 {
  font-size: 32px;
  max-width: 260px;
}
#szolgaltatasaink .szolgaltatasaink-description-wrapper .szolgaltatas-description {
  width: 50%;
  margin-right: 10%;
  margin-left: auto;
  line-height: 1.5;
}
/*----- FOOTER -----*/
footer#footer {
  padding: 75px 20px 20px;
  background: #1e1e1e;
  color: #fff;
}
footer#footer .contact-description {
  display: flex;
  flex-wrap: wrap;
}
footer#footer .contact-description h2 {
  width: 1440px;
  max-width: 90%;
  margin-top: 0;
  font-size: 38px;
  font-weight: normal;
  line-height: 1.25;
}
footer#footer .contact-description h2 a {
  color: #666;
}
footer#footer .contact-description .line {
  content: '';
  flex: 1;
  height: 2px;
  background: #fff;
  margin-left: 40px;
  margin-top: 27px;
}
footer#footer #footer-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 45px;
}
footer#footer #footer-content .logo {
  content: '';
  width: 212px;
  height: 73px;
  text-indent: -9999px;
  cursor: pointer;
  background: url('/application/themes/gabo/images/logos/logo-gabo-light.svg') no-repeat center;
  background-size: contain;
  margin: 0 10px 0;
}
footer#footer #footer-content .logo.it {
  background: url('/application/themes/gabo/images/logos/logo-gabo-light-it.svg') no-repeat center;
}
footer#footer #footer-content .logo a {
  display: flex;
  height: 100%;
}
footer#footer #footer-content .info-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-around;
  margin-left: 11vw;
}
footer#footer #footer-content .info-wrapper .info-item {
  display: flex;
  flex-direction: column;
}
footer#footer #footer-content .info-wrapper .info-item a {
  color: #fff;
}
footer#footer #footer-content .info-wrapper .info-item.social-icons {
  flex-direction: row;
}
footer#footer #footer-content .info-wrapper .info-item.social-icons a {
  margin-right: 15px;
  margin-bottom: auto;
}
footer#footer #copyright {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-right: 15px;
  padding-top: 20px;
  border-top: 1px solid #fff;
  font-size: 14px;
}
footer#footer #copyright a {
  margin-left: auto;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
@media (max-width: 1300px) {
  #layout header {
    top: 15px;
    left: 15px;
    right: 15px;
    padding: 15px 15px;
  }
  #layout header #navigation {
    display: none;
  }
  #layout header #navigation.visible {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 2;
    background: #fff;
    padding: 0;
    /*&:after{
          content: '';
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          height: 70px;
          background: @red url('../images/backgrounds/bg-header-bottom.jpg') no-repeat center bottom;
          transform: rotate(180deg);
        }*/
  }
  #layout header #navigation.visible .nav {
    width: 100%;
    flex-wrap: wrap;
  }
  #layout header #navigation.visible .nav li {
    width: 100%;
    text-align: center;
    padding: 5px 0;
    margin: 0;
  }
  #layout header #navigation.visible .nav li a {
    color: #000;
  }
  #layout header #navigation.visible .nav li a:before {
    display: none;
  }
  #layout header #navigation.visible .nav li.konfigurator,
  #layout header #navigation.visible .nav li.ajanlatkeres {
    display: block;
  }
  #layout header #menu-toggle {
    display: block;
  }
  #layout header div.konfigurator,
  #layout header div.ajanlatkeres {
    display: none;
  }
}
@media (max-width: 1160px) {
  #top-image {
    margin-top: 0;
  }
  #top-image .image {
    background-size: cover;
    padding-bottom: 60%;
  }
  #top-image .image .arrow {
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
  }
  #top-image .bubble {
    position: relative;
    padding-bottom: 0;
    left: unset;
    margin: 0 auto 30px;
    width: 260px;
    height: 250px;
  }
  #ajto-konfigurator .description-wrapper {
    text-align: center;
  }
  #ajto-konfigurator .description-wrapper .button {
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  #content h2 {
    font-size: 40px;
  }
  #content h3 {
    font-size: 26px;
  }
  #content h4 {
    font-size: 22px;
  }
  #content .parallax {
    background-attachment: scroll;
  }
  #content .parallax.landing {
    width: 100%;
    margin: 0;
    height: 75vw;
  }
  #content #ajto-konfigurator {
    margin-top: 0;
  }
  #content #termekek {
    overflow: hidden;
  }
  #content #termekek .accordion {
    flex-wrap: wrap;
    height: auto;
    padding-left: 0;
    padding-bottom: 0;
  }
  #content #termekek .accordion .accordion-cell {
    height: auto;
  }
  #content #termekek .accordion .accordion-cell > .accordion-cell-content {
    flex-wrap: wrap;
    padding: 30px 0 0;
  }
  #content #termekek .accordion .accordion-cell > .accordion-cell-content .description-wrapper {
    width: 100%;
    padding: 0 10px;
  }
  #content #termekek .accordion .accordion-cell > .accordion-cell-content .description-wrapper .title {
    margin-bottom: 20px;
    font-size: 26px;
  }
  #content #termekek .accordion .accordion-cell > .accordion-cell-content .description-wrapper ul {
    font-size: 17px;
  }
  #content #termekek .accordion .accordion-cell > .accordion-cell-content .image-wrapper {
    width: 100%;
  }
  #content #termekek .accordion .accordion-cell > .accordion-cell-content .image-wrapper img {
    width: 100%;
  }
  #content #termekek .accordion .accordion-cell.collapsed {
    height: 60px;
    width: 100%;
    background-size: cover;
  }
  #content #termekek .accordion .accordion-cell .cell-title {
    left: 20px;
    font-size: 18px;
    transform: translateY(50%);
  }
  #content #termekek .product-details-wrapper .category-wrapper {
    padding: 25px 25px 30px;
  }
  #content #termekek .product-details-wrapper .category-wrapper .image-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  #content #termekek .product-details-wrapper .category-wrapper .description-wrapper {
    margin: 0;
  }
  #content #termekek .product-details-wrapper .category-wrapper .description-wrapper .category-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
  #content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper {
    padding: 0;
  }
  #content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item {
    padding: 0 15px;
  }
  #content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item h4 {
    margin: 15px 0;
    font-size: 18px;
  }
  #content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item h4:before {
    margin-right: 10px;
  }
  #content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item.active ul {
    flex-wrap: wrap;
    flex-direction: column;
    max-height: unset;
    margin-bottom: 30px;
    padding-left: 40px;
  }
  #content #termekek .product-details-wrapper .category-wrapper .description-wrapper .children-wrapper .child-item.active ul li {
    margin-bottom: 10px;
    margin-right: 0;
  }
  #content #mindentegykezben .content-wrapper .image-wrapper {
    width: 100%;
    min-height: 200px;
    height: 60vw;
  }
  #content #mindentegykezben .content-wrapper .image-wrapper .image-description * {
    font-size: 20px;
    text-shadow: 0 0 8px black;
  }
  #content #mindentegykezben .content-wrapper .description-wrapper {
    margin-top: 45px;
    padding-left: 25px;
  }
  #content #mindentegykezben .content-wrapper .description-wrapper .item-wrapper {
    margin-bottom: 20px;
  }
  #content #mindentegykezben .content-wrapper .description-wrapper .item-wrapper .icon {
    width: 40px;
    height: 40px;
    margin-right: 25px;
  }
  #content #house-details {
    margin: 30px 0;
    padding-bottom: 35px;
    overflow: hidden;
  }
  #content #house-details .details-wrapper {
    margin: 10px auto 0;
  }
  #content #house-details .details-wrapper .markers-wrapper .marker .description-wrapper {
    position: fixed;
    top: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 100%;
    height: 100vh;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    transform: translateY(-50%);
  }
  #content #house-details .selector-wrapper {
    padding: 0 15px;
    justify-content: center;
  }
  #content #house-details .selector-wrapper .selector-item {
    font-size: 14px;
    margin: 5px 10px;
  }
  #content #landing-galeria .gallery-wrapper .column {
    width: 100% !important;
  }
  #content #landing-galeria .gallery-wrapper .column .image-wrapper {
    margin: 5px;
  }
  #content #landing-galeria .gallery-wrapper .column .image-wrapper .image {
    padding-bottom: 73% !important;
  }
  #content #bemutatotermunk {
    margin: 0;
    padding-bottom: 30px;
  }
  #content #bemutatotermunk .panotour {
    height: 40vh !important;
  }
  #content #onok-szolgalataban {
    padding-bottom: 45px;
  }
  #content #onok-szolgalataban .landing-news-wrapper .swiper {
    padding: 0 20px;
  }
  #content .news-slider-wrapper .swiper-slide .description-wrapper h4 {
    font-size: 24px;
  }
  #content #category-selector-wrapper .category-container {
    margin: 0 0 auto;
  }
  #content #category-selector-wrapper .category-container .category-item {
    width: 100%;
    margin: 15px 15px;
    min-width: 260px;
  }
  #content #category-selector-wrapper .category-container .category-item .background {
    padding-bottom: 50%;
  }
  #content #category-selector-wrapper .category-container .category-item .category-title {
    font-size: 22px;
  }
  #content #category-selector-wrapper .category-container .category-item .category-title .arrow {
    height: 14px;
    margin-left: 0;
  }
  #content .subpage-title-wrapper h2 {
    font-size: 28px;
  }
  #content .subpage-title-wrapper h3 {
    margin-bottom: 30px;
    font-size: 20px;
  }
  #content .subpage-title-wrapper .image-wrapper {
    margin-bottom: 15px;
  }
  #content .subpage-header {
    margin-bottom: 30px;
  }
  #content .subpage-header .background {
    height: 50vw;
    min-height: 220px;
  }
  #content .subpage-header .title-bar {
    flex-direction: column;
    padding: 20px 30px;
  }
  #content .subpage-header .title-bar h2 {
    font-size: 28px;
  }
  #content .subpage-header .title-bar .back-link {
    font-size: 16px;
    margin: 15px 0 0 0;
  }
  #content .szovegkep-wrapper {
    margin: 0 auto 30px;
  }
  #content .szovegkep-wrapper .image-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  #content .szovegkep-wrapper .description-wrapper {
    width: 100%;
    padding: 0 !important;
    order: 2;
  }
  #content .szovegkep-wrapper .description-wrapper h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  #content #members-wrapper .member-category-wrapper .member-category .item {
    width: 100%;
    margin-right: 0;
    padding: 20px 0 0;
  }
  #content #members-wrapper .member-category-wrapper .member-category .item .name {
    font-size: 20px;
  }
  #content #partner-logos {
    margin: 30px 0;
    padding: 0;
  }
  #content #product-list .product-top-bar-wrapper .product-top-bar {
    width: 100%;
    padding: 0 15px;
  }
  #content #product-list .product-top-bar-wrapper .product-top-bar .title {
    font-size: 18px;
  }
  #content #product-list .product-list-wrapper {
    margin-top: 30px;
  }
  #content #product-list .product-list-wrapper .product-item {
    width: 100%;
  }
  #content #product-list .product-list-wrapper .product-item .product-large-image {
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 36%;
    order: -1;
  }
  #content #product-list .product-list-wrapper .product-item .image-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }
  #content #product-list .product-list-wrapper .product-item .description-wrapper .product-description {
    margin-bottom: 20px;
    font-size: 15px;
  }
  #content #product-list .product-list-wrapper .product-item .description-wrapper ul {
    padding-left: 0;
  }
  #content #product-list .product-list-wrapper .product-item .description-wrapper ul li {
    margin-bottom: 10px;
  }
  #content #product-list .product-list-wrapper .product-item .description-wrapper ul li:before {
    display: none;
  }
  #content #product-list .product-list-wrapper .product-item .description-wrapper .button {
    margin-right: auto;
  }
  #content #product-details .subpage-header .background {
    height: 100%;
  }
  #content #product-details .subpage-header .top-description-wrapper h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  #content #product-details .subpage-header .top-description-wrapper .description-wrapper {
    flex-direction: column;
  }
  #content #product-details .subpage-header .top-description-wrapper .description-wrapper .item {
    margin: 10px 0;
  }
  #content #product-details .subpage-header .top-description-wrapper .description-wrapper .item .value {
    font-size: 18px;
  }
  #content #product-details .subpage-header .top-description-wrapper .description-wrapper .item .title {
    font-size: 12px;
  }
  #content #product-details .details-wrapper {
    margin-bottom: 30px;
  }
  #content #product-details .details-wrapper .image-wrapper {
    text-align: center;
    margin: 30px 0 15px;
    flex: unset;
    padding: 0 !important;
    order: 2;
  }
  #content #product-details .details-wrapper .image-wrapper img {
    height: 50vw;
    object-fit: cover;
  }
  #content #product-details .details-wrapper .description-wrapper {
    width: 100%;
  }
  #content #product-details .details-wrapper .description-wrapper .button {
    display: block;
    margin: 15px auto;
  }
  #content #product-details .details-wrapper .video-wrapper {
    padding-left: 0;
    width: 100%;
  }
  #content #product-details .details-wrapper .list-wrapper {
    flex-direction: column;
    margin: 30px 0;
  }
  #content #product-details .details-wrapper .list-wrapper ul {
    width: 100%;
    margin-bottom: 0;
  }
  #content #product-details #color-selector {
    margin-bottom: 0;
  }
  #content #product-details #color-selector .section-title {
    margin-bottom: 30px;
  }
  #content #product-details #color-selector .color-selector-wrapper #color-main-image {
    width: 100%;
    padding-right: 0;
  }
  #content #product-details #color-selector .color-selector-wrapper .color-index-wrapper {
    justify-content: flex-start;
    margin-top: 15px;
  }
  #content #product-details #color-selector .selected-color-wrapper {
    padding: 10px;
  }
  #content #product-details #color-selector .selected-color-wrapper #color-text {
    display: flex;
    flex-direction: column;
  }
  #content #product-details #product-sliders .slider-section .swiper-slide .image-wrapper .image {
    padding-bottom: 60%;
  }
  #content #product-details #product-sliders .news-slider-wrapper .swiper-scrollbar {
    background: #454545;
  }
  #content #product-details #product-sliders .news-slider-wrapper .swiper-scrollbar .swiper-scrollbar-drag {
    background: #aaa;
  }
  #content #product-details #product-sliders .arnyekolok .arnyekolo-wrapper {
    flex-direction: column;
  }
  #content #product-details #product-sliders .arnyekolok .arnyekolo-wrapper .arnyekolo-item {
    width: 100%;
    margin: 15px auto;
  }
  #content #product-details #product-sliders .arnyekolok .arnyekolo-wrapper .arnyekolo-item .background {
    padding-bottom: 50%;
  }
  #content #product-details #product-sliders .arnyekolok .arnyekolo-wrapper .arnyekolo-item .category-title {
    font-size: 22px;
  }
  #content #product-details #product-sliders .arnyekolok .arnyekolo-wrapper .arnyekolo-item .category-title .arrow {
    height: 14px;
    margin-left: 0;
  }
  #content #product-details #product-sliders .slider-section {
    margin-top: 30px;
  }
  #content #product-details #product-sliders .galeria {
    margin-bottom: 0;
  }
  #content #product-details #product-sliders .galeria .gallery-wrapper .album-wrapper > a {
    width: 100%;
  }
  #content #references .reference-categories {
    text-align: center;
  }
  #content #references .references-wrapper .item {
    width: 100%;
    margin: 5px 20px;
  }
  #content #references .references-wrapper .item .image-item {
    padding-bottom: 60%;
  }
  #content #references .references-wrapper .item .image-item .image {
    height: auto;
    padding-bottom: 60%;
  }
  #content .contact-wrapper .image-wrapper {
    width: 100%;
  }
  #content .contact-wrapper .description-wrapper {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
  #content .contact-wrapper .description-wrapper .contact-info-wrapper {
    flex-direction: column;
  }
  #content .contact-wrapper .description-wrapper .contact-info-wrapper .info-column {
    width: 100%;
    padding-right: 0;
  }
  #content .contact-wrapper .description-wrapper .contact-info-wrapper .info-column .item {
    margin-bottom: 30px;
  }
  #content .contact-wrapper .description-wrapper .contact-info-wrapper .info-column .item h3 {
    margin-bottom: 10px;
  }
  #content #news-list .news-items-wrapper .news-item {
    width: 100%;
    margin: 0 0 45px;
  }
  #content .pager {
    margin: 30px auto 45px;
  }
  #content #news-details {
    margin-bottom: 30px;
  }
  #content #news-details .news-title {
    font-size: 30px;
  }
  #content #news-details .news-subtitle {
    margin-bottom: 30px;
    font-size: 22px;
  }
  #content #news-details .image-wrapper {
    margin-bottom: 30px;
  }
  #content #news-details .image-wrapper .image {
    padding-bottom: 56%;
  }
  #content #catalog-list h2 {
    margin-bottom: 30px;
    font-size: 30px;
  }
  #content #catalog-list .catalog-items-wrapper .catalog-item h3 {
    font-size: 24px;
    text-align: center;
  }
  #content #ajanlatkeres .title-wrapper {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }
  #content #ajanlatkeres .title-wrapper h2 {
    font-size: 34px;
  }
  #content #ajanlatkeres .title-wrapper h3 {
    margin-bottom: 10px;
    font-size: 20px;
  }
  #content #ajanlatkeres .title-wrapper a {
    font-size: 18px;
  }
  #content #ajanlatkeres .form-wrapper {
    width: 100%;
    padding: 30px 20px;
  }
  #content #ajanlatkeres .form-wrapper .form-title {
    margin-left: 15px;
    margin-bottom: 15px;
    font-size: 24px;
  }
  #content #product-details .uvegek .glasses-wrapper .item .icon-wrapper .icon {
    width: 60px;
    height: 56px;
  }
  #content #product-details .uvegek .glasses-wrapper .item .text {
    font-size: 17px;
  }
  #layout section .section-title-wrapper .section-title {
    width: 100%;
    font-size: 26px;
  }
  #layout section .section-title-wrapper .section-subtitle {
    margin-top: 15px;
    padding-right: 0;
    font-size: 20px;
  }
  #layout section .section-description {
    width: 100%;
    padding: 0 25px;
    margin-top: 15px;
    margin-bottom: 30px;
  }
  #layout footer#footer {
    padding: 30px 20px 20px;
  }
  #layout footer#footer .contact-description h2 {
    max-width: 100%;
    font-size: 18px;
  }
  #layout footer#footer .contact-description .line {
    flex: unset;
    width: 100%;
    margin-left: 0;
    margin-top: 25px;
  }
  #layout footer#footer #footer-content {
    margin-top: 45px;
    margin-bottom: 0;
  }
  #layout footer#footer #footer-content .logo {
    width: 170px;
    height: 60px;
    margin: 0 auto 30px;
  }
  #layout footer#footer #footer-content .info-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: unset;
    width: 100%;
    margin-left: 0;
    font-size: 15px;
  }
  #layout footer#footer #footer-content .info-wrapper .info-item {
    margin: 5px 0;
  }
}
@media (max-width: 560px) {
  #landing-slider .rslides img {
    height: 70vw;
    object-fit: cover;
  }
  #top-image {
    margin-top: 0;
  }
  #top-image .image {
    background-size: cover;
    padding-bottom: 70%;
  }
}
@media (max-width: 420px) {
  #layout header .logo {
    margin-left: 0;
  }
  #layout .custom-form .form .buttons-wrapper .button {
    width: 100%;
    margin: 10px auto;
  }
  #layout .contact-wrapper.hibabejelento input[type="checkbox"] + label {
    width: 100%;
  }
}
@media (max-width: 360px) {
  #content h2 {
    font-size: 50px;
  }
}