@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;
}
#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;
}
/*----- 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-title-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 25px;
}
#layout section .section-title-wrapper .section-title {
  font-size: 35px;
  font-weight: bold;
  width: 60%;
  margin-bottom: 0;
}
#layout section .section-title-wrapper .section-subtitle {
  display: flex;
  align-items: center;
  flex: 1;
  padding-right: 8vw;
  font-size: 24px;
}
#layout section .section-title-wrapper .section-subtitle a {
  display: flex;
  align-items: center;
}
#layout section .section-description {
  width: 55%;
  padding: 25px 9%;
  margin-top: 2.6vw;
}
/*----- HEADER -----*/
#layout header {
  position: fixed;
  top: 25px;
  left: 25px;
  right: 25px;
  padding: 5px 15px;
  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: 980px;
  max-width: 100%;
  margin: 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-category-titlebar.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-text {
  position: absolute;
  bottom: 35px;
  left: 25px;
}
#landing-slider .ccm-image-slider-text h2 {
  margin: 0;
  color: #fff;
  font-size: 4vw;
  text-transform: uppercase;
}
/*----- 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");
}
/*----- AJTO KONFIGURATOR -----*/
#ajto-konfigurator {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 30px 0;
  background: #1e1e1e;
}
#ajto-konfigurator .description-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 25px;
  color: #fff;
}
#ajto-konfigurator .description-wrapper h3 {
  color: #fff;
  font-size: 30px;
}
#ajto-konfigurator .description-wrapper .button {
  margin-right: auto;
}
#ajto-konfigurator .image-wrapper img {
  width: 100%;
}
/*----- MINDENT EGY KEZBEN -----*/
#mindentegykezben .content-wrapper {
  display: flex;
  flex-wrap: wrap;
}
#mindentegykezben .content-wrapper .image-wrapper {
  position: relative;
  width: 60%;
  min-height: 924px;
}
#mindentegykezben .content-wrapper .image-wrapper.short {
  min-height: 460px;
}
#mindentegykezben .content-wrapper .image-wrapper .image {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#mindentegykezben .content-wrapper .image-wrapper .image.mindentegykezben {
  background-image: url("/application/themes/gabo/images/img-mindentegykezben.jpg");
}
#mindentegykezben .content-wrapper .image-wrapper .image-description {
  position: absolute;
  left: 25px;
  bottom: 15px;
  max-width: 80%;
}
#mindentegykezben .content-wrapper .image-wrapper .image-description * {
  color: #fff;
}
#mindentegykezben .content-wrapper .description-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex: 1;
  padding-left: 5%;
  padding-right: 25px;
}
#mindentegykezben .content-wrapper .description-wrapper .item-wrapper {
  display: flex;
  flex-wrap: wrap;
}
#mindentegykezben .content-wrapper .description-wrapper .item-wrapper .icon {
  content: '';
  display: inline-block;
  width: 75px;
  height: 75px;
  margin-right: 10%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#mindentegykezben .content-wrapper .description-wrapper .item-wrapper .icon.tanacsadas {
  background-image: url("/application/themes/gabo/images/icons/icon-mindentegykezben-1.svg");
}
#mindentegykezben .content-wrapper .description-wrapper .item-wrapper .icon.felmeres {
  background-image: url("/application/themes/gabo/images/icons/icon-mindentegykezben-2.svg");
}
#mindentegykezben .content-wrapper .description-wrapper .item-wrapper .icon.beepites {
  background-image: url("/application/themes/gabo/images/icons/icon-mindentegykezben-3.svg");
}
#mindentegykezben .content-wrapper .description-wrapper .item-wrapper .icon.garancia {
  background-image: url("/application/themes/gabo/images/icons/icon-mindentegykezben-4.svg");
}
#mindentegykezben .content-wrapper .description-wrapper .item-wrapper .text-wrapper {
  flex: 1;
}
#mindentegykezben .content-wrapper .description-wrapper .item-wrapper .text-wrapper h4 {
  font-size: 25px;
  margin-bottom: 10px;
}
/*----- HOUSE DETAILS -----*/
#house-details {
  margin: 120px 20px;
  padding-bottom: 120px;
  background: #1a1a1a;
  color: #fff;
}
#house-details .details-wrapper {
  position: relative;
  display: none;
  width: 1556px;
  max-width: 100%;
  margin: 60px auto 30px;
}
#house-details .details-wrapper.active {
  display: block;
}
#house-details .details-wrapper img {
  display: block;
  margin: 0 auto;
}
#house-details .details-wrapper .markers-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#house-details .details-wrapper .markers-wrapper .marker {
  position: absolute;
  display: flex;
  flex-direction: column;
}
#house-details .details-wrapper .markers-wrapper .marker .marker-icon {
  display: block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/application/themes/gabo/images/icons/icon-marker.svg");
  cursor: pointer;
  transition: all 250ms ease-in-out;
  transform: scale(0.8);
}
#house-details .details-wrapper .markers-wrapper .marker .marker-icon:hover {
  transform: scale(1);
}
#house-details .details-wrapper .markers-wrapper .marker .description-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  width: 370px;
  margin-top: 60px;
  padding: 25px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 500ms ease-in-out;
}
#house-details .details-wrapper .markers-wrapper .marker .description-wrapper:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 6px;
  border-style: solid;
  border-width: 0 18px 16px 18px;
  border-color: transparent transparent #ffffff transparent;
}
#house-details .details-wrapper .markers-wrapper .marker .description-wrapper h4 {
  font-size: 24px;
  margin-bottom: 10px;
}
#house-details .details-wrapper .markers-wrapper .marker .description-wrapper p {
  color: #000;
}
#house-details .details-wrapper .markers-wrapper .marker.visible .marker-icon {
  background-image: url("/application/themes/gabo/images/icons/icon-marker-active.svg");
  transform: scale(1);
}
#house-details .details-wrapper .markers-wrapper .marker.visible .description-wrapper {
  margin-top: 30px;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
#house-details .selector-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 1556px;
  max-width: 100%;
  margin: 30px auto 0;
}
#house-details .selector-wrapper .selector-item {
  font-size: 20px;
  color: #666;
  margin-right: 40px;
  cursor: pointer;
  transition: all 250ms ease-in-out;
}
#house-details .selector-wrapper .selector-item:hover,
#house-details .selector-wrapper .selector-item.active {
  color: #fff;
}
/*----- LANDING GALERIA -----*/
#landing-galeria .gallery-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
#landing-galeria .gallery-wrapper .column {
  display: flex;
  flex-direction: column;
  background: #fff;
}
#landing-galeria .gallery-wrapper .column.half {
  width: 50%;
}
#landing-galeria .gallery-wrapper .column.third {
  width: 33.3%;
}
#landing-galeria .gallery-wrapper .column.full {
  width: 100%;
}
#landing-galeria .gallery-wrapper .image-wrapper {
  height: 100%;
  margin: 10px;
  overflow: hidden;
}
#landing-galeria .gallery-wrapper .image-wrapper .image {
  content: '';
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #1e1e1e;
  transition: all 450ms ease-in-out;
  transition-delay: 50ms;
}
#landing-galeria .gallery-wrapper .image-wrapper:hover .image {
  transform: scale(1.1);
}
#landing-galeria .gallery-wrapper .image-wrapper .image-1 {
  padding-bottom: 123%;
  background-image: url("/application/themes/gabo/images/img-galeria-1.jpg");
}
#landing-galeria .gallery-wrapper .image-wrapper .image-2 {
  background-image: url("/application/themes/gabo/images/img-galeria-2.jpg");
}
#landing-galeria .gallery-wrapper .image-wrapper .image-3 {
  background-image: url("/application/themes/gabo/images/img-galeria-3.jpg");
}
#landing-galeria .gallery-wrapper .image-wrapper .image-4 {
  padding-bottom: 83%;
  background-image: url("/application/themes/gabo/images/img-galeria-4.jpg");
}
#landing-galeria .gallery-wrapper .image-wrapper .image-5 {
  padding-bottom: 83%;
  background-image: url("/application/themes/gabo/images/img-galeria-5.jpg");
}
#landing-galeria .gallery-wrapper .image-wrapper .image-6 {
  padding-bottom: 83%;
  background-image: url("/application/themes/gabo/images/img-galeria-6.jpg");
}
#landing-galeria .gallery-wrapper .image-wrapper .image-7 {
  padding-bottom: 39%;
  background-image: url("/application/themes/gabo/images/img-galeria-7.jpg");
}
#landing-galeria .gallery-wrapper .image-wrapper .image-8 {
  padding-bottom: 73%;
  background-image: url("/application/themes/gabo/images/img-galeria-8.jpg");
}
#landing-galeria .gallery-wrapper .image-wrapper .image-9 {
  background-image: url("/application/themes/gabo/images/img-galeria-9.jpg");
}
#landing-galeria .gallery-wrapper .image-wrapper .image-10 {
  padding-bottom: 49%;
  background-image: url("/application/themes/gabo/images/img-galeria-10.jpg");
}
#landing-galeria .gallery-wrapper .text-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10%;
}
#landing-galeria .gallery-wrapper .text-wrapper p {
  margin: 0;
}
/*----- BEMUTATOTERMUNK -----*/
#bemutatotermunk {
  margin: 120px 20px;
  padding-bottom: 120px;
  background: #1e1e1e;
  color: #fff;
}
/*----- ONOK SZOLGALATABAN -----*/
#onok-szolgalataban {
  padding-bottom: 90px;
}
#onok-szolgalataban .landing-news-wrapper .swiper {
  padding-left: 9%;
}
/*----- 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-top-bar-wrapper {
  display: flex;
  flex-wrap: wrap;
}
#product-list .product-top-bar-wrapper .product-top-bar {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 20px;
}
#product-list .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-list .product-top-bar-wrapper .product-top-bar.bg-1 .title {
  background-image: url('/application/themes/gabo/images/backgrounds/bg-product-topbar-1.jpg');
}
#product-list .product-top-bar-wrapper .product-top-bar.bg-2 .title {
  background-image: url('/application/themes/gabo/images/backgrounds/bg-product-topbar-2.jpg');
}
#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 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%;
}
#product-details .uvegek .glasses-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#product-details .uvegek .glasses-wrapper .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #F0F0F0;
  width: 32%;
  min-width: 280px;
  margin: 10px 0.5%;
  padding: 50px 20px;
}
#product-details .uvegek .glasses-wrapper .item .icon-wrapper {
  margin-bottom: 15px;
}
#product-details .uvegek .glasses-wrapper .item .icon-wrapper .icon {
  content: '';
  width: 80px;
  height: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#product-details .uvegek .glasses-wrapper .item .icon-wrapper .icon.icon-1 {
  background-image: url('/application/themes/gabo/images/icons/icon-glass-1.png');
}
#product-details .uvegek .glasses-wrapper .item .icon-wrapper .icon.icon-2 {
  background-image: url('/application/themes/gabo/images/icons/icon-glass-2.png');
}
#product-details .uvegek .glasses-wrapper .item .icon-wrapper .icon.icon-3 {
  background-image: url('/application/themes/gabo/images/icons/icon-glass-3.png');
}
#product-details .uvegek .glasses-wrapper .item .icon-wrapper .icon.icon-4 {
  background-image: url('/application/themes/gabo/images/icons/icon-glass-4.png');
}
#product-details .uvegek .glasses-wrapper .item .icon-wrapper .icon.icon-5 {
  background-image: url('/application/themes/gabo/images/icons/icon-glass-5.png');
}
#product-details .uvegek .glasses-wrapper .item .icon-wrapper .icon.icon-6 {
  background-image: url('/application/themes/gabo/images/icons/icon-glass-6.png');
}
#product-details .uvegek .glasses-wrapper .item .text {
  font-size: 20px;
  color: #000;
}
/*----- 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 20px;
  background: url('/application/themes/gabo/images/backgrounds/bg-category-selector.jpg') no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}
#ajanlatkeres .title-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 50%;
}
#ajanlatkeres .title-wrapper h2 {
  font-size: 48px;
  margin-bottom: 10px;
}
#ajanlatkeres .title-wrapper h3 {
  font-size: 28px;
  margin-bottom: 30px;
}
#ajanlatkeres .title-wrapper a {
  font-size: 22px;
}
#ajanlatkeres .form-wrapper {
  width: 50%;
  padding: 50px;
  background: #fff;
}
#ajanlatkeres .form-wrapper .form .form-title.personal {
  margin-top: 20px;
}
#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;
}
/*----- 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 -----*/
#members-wrapper .section-title-wrapper {
  justify-content: center;
}
#members-wrapper .section-title-wrapper h3 {
  width: 100%;
  margin-bottom: 10px;
}
#members-wrapper .section-title-wrapper p {
  max-width: 100%;
  width: 880px;
}
#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;
}
#members-wrapper .member-category-wrapper .member-category-title h3 {
  font-size: 24px;
  margin-bottom: 0;
}
#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;
}
#members-wrapper .member-category-wrapper .member-category-title.active:before {
  background-color: #000;
}
#members-wrapper .member-category-wrapper .member-category {
  display: none;
  flex-wrap: wrap;
}
#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;
}
#members-wrapper .member-category-wrapper .member-category .item img {
  width: 100%;
  margin-bottom: 15px;
}
#members-wrapper .member-category-wrapper .member-category .item .name {
  font-size: 24px;
  margin-bottom: 0;
}
#members-wrapper .member-category-wrapper .member-category .item .title {
  font-size: 16px;
  color: #787878;
}
#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;
}
.arnyekolastechnika .arnyekolas-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.arnyekolastechnika .arnyekolas-wrapper .details-wrapper {
  width: 100%;
}
.arnyekolastechnika .arnyekolas-wrapper .details-wrapper .image-wrapper {
  padding-right: 30px;
  padding-left: 0 !important;
}
.arnyekolastechnika .arnyekolas-wrapper .details-wrapper:nth-of-type(odd) .description-wrapper {
  order: -1;
}
.arnyekolastechnika .arnyekolas-wrapper .details-wrapper:nth-of-type(odd) .image-wrapper {
  padding-left: 30px !important;
  padding-right: 0;
}
/*----- BIZTONSAG -----*/
#layout.page-template-full .news-container {
  margin-bottom: 90px;
}
/*----- 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 #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;
  }
}