@charset "UTF-8";
/* Color's */
/* Responsible breakpoints */
/* Default colors */
/* BUTTON */
/* Header kapcsolati adatok + social ikonok */
/* Default button with arrow */
/**** BUTTON ***/
button {
  outline: none; }

/* BUTTON */
.button {
  /*blue button */
  border: none;
  color: inherit;
  background: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: none !important;
  position: relative;
  text-decoration: none;
  transition: all, .3s;
  font-weight: 800;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 23px;
  border-radius: 5px;
  border: 1px solid #10365d;
  color: #fff;
  background-color: #10365d; }
  .button:hover {
    text-decoration: none;
    outline: none; }
  .button:active, .button :focus {
    outline: none; }
  .button:hover, .button:active {
    background: #cccccc;
    border: #cccccc; }

.button-secondary {
  border: none;
  color: inherit;
  background: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: none !important;
  position: relative;
  text-decoration: none;
  transition: all, .3s;
  font-weight: 800;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 23px;
  border-radius: 5px;
  border: 1px solid #10365d;
  color: #fff;
  background-color: #10365d;
  border: 1px solid #728fad;
  color: #222;
  background-color: #728fad; }
  .button-secondary:hover {
    text-decoration: none;
    outline: none; }
  .button-secondary:active, .button-secondary :focus {
    outline: none; }
  .button-secondary:hover, .button-secondary:active {
    background: #cccccc;
    border: #cccccc; }
  .button-secondary:hover, .button-secondary:active {
    background: #445c75;
    border: 1px solid #445c75; }

.button-arrow {
  border: none;
  color: inherit;
  background: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: none !important;
  position: relative;
  text-decoration: none;
  transition: all, .3s;
  font-weight: 800;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 23px;
  border-radius: 5px;
  border: 1px solid #10365d;
  color: #fff;
  background-color: #10365d; }
  .button-arrow:hover {
    text-decoration: none;
    outline: none; }
  .button-arrow:active, .button-arrow :focus {
    outline: none; }
  .button-arrow:hover, .button-arrow:active {
    background: #cccccc;
    border: #cccccc; }
  .button-arrow:after {
    content: '';
    display: block;
    width: 11px;
    height: 9px;
    margin-left: 11px;
    background-image: url("../../img/icons/button-arrow.png");
    background-repeat: no-repeat; }
  .button-arrow:hover:after {
    background-image: url("../../img/icons/button-arrow-hover.png"); }

.home-widget {
  padding: 30px 0; }

@media (min-width: 992px) {
  .home-widget {
    padding: 45px 0; } }

/* Badget */
.badget-container {
  display: flex;
  flex-direction: column; }
  @media (min-width: 1200px) {
    .badget-container {
      display: flex; } }
  .badget-container .badget-block {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8px 50%;
    padding: 5px 5px 5px 30px;
    transition: all .3s; }

#footer-badget {
  position: fixed;
  bottom: 0;
  z-index: 101;
  height: 45px;
  width: 100%;
  display: none; }
  @media (min-width: 1200px) {
    #footer-badget {
      display: none; } }
  #footer-badget .badget-container {
    flex-direction: row; }
  #footer-badget .badget-block {
    padding: 0;
    min-height: 45px;
    width: 100%;
    background-color: #CCC;
    background-position: 50% 50%; }
    #footer-badget .badget-block .title {
      display: none; }
    #footer-badget .badget-block:nth-child(2) {
      background-color: yellow; }
    #footer-badget .badget-block:nth-child(3) {
      background-color: red; }

#nova-menu .badget-container {
  display: none; }

#header-menu {
  background-color: #e7e7e7;
  width: 100%;
  max-width: 1920px;
  /* Header kapcsolati adatok + social ikonok */
  /* Badget */ }
  @media (min-width: 1200px) {
    #header-menu {
      position: fixed;
      top: 0;
      z-index: 101;
      height: 151px;
      display: flex;
      flex-direction: column; } }
  #header-menu #header-contact-line {
    display: none; }
    @media (min-width: 992px) {
      #header-menu #header-contact-line {
        display: block;
        background-color: #acabab;
        color: #fff;
        font-size: 12px;
        line-height: 1;
        padding: 5px 0; } }
    #header-menu #header-contact-line a {
      text-decoration: none;
      color: #fff; }
      #header-menu #header-contact-line a:hover {
        transition: .3s;
        color: #ddd; }
    #header-menu #header-contact-line .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 33px; }
    #header-menu #header-contact-line #contact-line {
      display: flex;
      align-items: center; }
      #header-menu #header-contact-line #contact-line .contact-block {
        position: relative;
        background-repeat: no-repeat;
        background-position: 0 50%;
        padding-left: 20px;
        margin-right: 23px; }
        #header-menu #header-contact-line #contact-line .contact-block.mail {
          background-image: url("../../img/icons/contact-mail.png");
          filter: invert(1); }
        #header-menu #header-contact-line #contact-line .contact-block.phone {
          background-image: url("../../img/icons/contact-phone.png");
          filter: invert(1); }
    #header-menu #header-contact-line .social-icons-list {
      display: none; }
    #header-menu #header-contact-line #search-block {
      display: none; }
      @media (min-width: 992px) {
        #header-menu #header-contact-line #search-block {
          display: block; } }
      #header-menu #header-contact-line #search-block form {
        display: flex;
        position: relative; }
      #header-menu #header-contact-line #search-block input[type="search"] {
        font-size: 14px;
        display: inline-block;
        width: 180px;
        height: 32px;
        border-radius: 5px 0 0 5px;
        position: relative;
        border: none;
        background-color: #fff; }
        #header-menu #header-contact-line #search-block input[type="search"]:focus, #header-menu #header-contact-line #search-block input[type="search"]:active {
          outline: none; }
      #header-menu #header-contact-line #search-block button[type="submit"] {
        display: inline-block;
        width: 33px;
        height: 32px;
        border: none;
        border-radius: 0 5px 5px 0;
        background-image: url("../../img/icons/zoom.png");
        background-color: #7e7777;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin: 0;
        outline: 0; }
      #header-menu #header-contact-line #search-block .search-block-result {
        position: absolute;
        right: 0;
        top: 29px;
        background-color: #e7e7e7;
        font-size: 14px;
        width: 213px;
        padding: 10px 10px 5px 10px;
        z-index: 10;
        display: none;
        border-radius: 0 0 5px 5px; }
        #header-menu #header-contact-line #search-block .search-block-result .search-results a {
          color: #fff; }
        #header-menu #header-contact-line #search-block .search-block-result .search-results .search-results-row {
          display: flex;
          justify-content: center;
          text-decoration: none;
          transition: background 0.3s;
          width: 100%;
          flex-direction: column;
          padding-top: 10px;
          line-height: 1.2; }
          #header-menu #header-contact-line #search-block .search-block-result .search-results .search-results-row .result-contentname {
            text-align: left; }
          #header-menu #header-contact-line #search-block .search-block-result .search-results .search-results-row .result-productname {
            padding: 5px 0; }
        #header-menu #header-contact-line #search-block .search-block-result p.notfound {
          padding-left: 10px; }
        #header-menu #header-contact-line #search-block .search-block-result .search-more {
          padding-right: 10px;
          padding-bottom: 10px;
          padding-top: 10px;
          text-align: right; }
  #header-menu #header-menu-line {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    /* kitölti a maradék helyet */
    padding: 10px 0; }
    @media (min-width: 1200px) {
      #header-menu #header-menu-line {
        padding: 0; } }
    #header-menu #header-menu-line .container {
      display: flex;
      align-items: center; }
    #header-menu #header-menu-line .header-left .logo {
      display: inline-block; }
      #header-menu #header-menu-line .header-left .logo img {
        max-width: 260px; }
        @media (min-width: 1200px) {
          #header-menu #header-menu-line .header-left .logo img {
            max-width: 350px; } }
    #header-menu #header-menu-line .header-right {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      position: relative; }
      @media (min-width: 1200px) {
        #header-menu #header-menu-line .header-right {
          flex-grow: 1;
          flex-shrink: 0;
          flex-basis: 0;
          padding-right: 54px; } }
      #header-menu #header-menu-line .header-right .navigation {
        display: none; }
        @media (min-width: 1200px) {
          #header-menu #header-menu-line .header-right .navigation {
            display: flex;
            width: 100%;
            justify-content: flex-end; }
            #header-menu #header-menu-line .header-right .navigation li {
              flex: 0 1 auto; }
              #header-menu #header-menu-line .header-right .navigation li a {
                color: #fff;
                font-weight: 700;
                font-size: 15px;
                transition: all .3s;
                padding: 0 13px 4px 13px; }
              #header-menu #header-menu-line .header-right .navigation li:last-child a {
                padding-right: 0; } }
        #header-menu #header-menu-line .header-right .navigation .navigation-menu {
          display: flex;
          list-style: none;
          margin: 0;
          padding: 0; }
          @media (min-width: 992px) {
            #header-menu #header-menu-line .header-right .navigation .navigation-menu {
              display: flex; } }
          #header-menu #header-menu-line .header-right .navigation .navigation-menu a {
            text-decoration: none; }
          #header-menu #header-menu-line .header-right .navigation .navigation-menu li:hover .dropdown-menu {
            opacity: 1; }
          #header-menu #header-menu-line .header-right .navigation .navigation-menu .dropdown-menu {
            opacity: 0;
            position: absolute;
            list-style: none;
            margin: 0;
            padding: 0;
            transition: all .5s; }
            #header-menu #header-menu-line .header-right .navigation .navigation-menu .dropdown-menu li a {
              color: #000;
              background-color: #ccc;
              font-weight: normal;
              display: block; }
              #header-menu #header-menu-line .header-right .navigation .navigation-menu .dropdown-menu li a:hover {
                background-color: #ccc; }
            #header-menu #header-menu-line .header-right .navigation .navigation-menu .dropdown-menu li:hover .dropdown-menu-inner {
              opacity: 1; }
            #header-menu #header-menu-line .header-right .navigation .navigation-menu .dropdown-menu .dropdown-menu-inner {
              opacity: 0;
              list-style: none;
              margin: 0;
              padding: 0 0 0 20px;
              background-color: #ccc;
              transition: all .6s; }
              #header-menu #header-menu-line .header-right .navigation .navigation-menu .dropdown-menu .dropdown-menu-inner li a {
                color: #ccc;
                background-color: #ccc; }
      #header-menu #header-menu-line .header-right .header-other {
        display: none; }
        @media (min-width: 1200px) {
          #header-menu #header-menu-line .header-right .header-other {
            width: auto;
            right: 0;
            position: absolute;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: flex-start; } }
        #header-menu #header-menu-line .header-right .header-other #langselect-arrow {
          margin: 7px 0 0 0;
          display: inline-block;
          width: 8px;
          height: 8px;
          border-right: 3px solid black;
          border-bottom: 3px solid black;
          transform: rotate(45deg);
          border-radius: 2px;
          /* lekerekített sarok */
          transition: all, .3s;
          cursor: pointer; }
          #header-menu #header-menu-line .header-right .header-other #langselect-arrow.open {
            transform: rotateX(180deg); }
        #header-menu #header-menu-line .header-right .header-other .languages {
          display: none; }
          @media (min-width: 992px) {
            #header-menu #header-menu-line .header-right .header-other .languages {
              list-style-type: none;
              margin: 0 0 0 12px;
              padding: 0;
              display: flex;
              flex-direction: column;
              position: relative; }
              #header-menu #header-menu-line .header-right .header-other .languages li {
                display: none;
                padding: 0 5px;
                color: black;
                font-weight: bold;
                text-transform: uppercase;
                cursor: pointer; }
                #header-menu #header-menu-line .header-right .header-other .languages li a {
                  display: block;
                  color: black; }
                  #header-menu #header-menu-line .header-right .header-other .languages li a:hover {
                    text-decoration: none; }
                #header-menu #header-menu-line .header-right .header-other .languages li.active {
                  display: block; }
                #header-menu #header-menu-line .header-right .header-other .languages li.show {
                  display: block; } }
        #header-menu #header-menu-line .header-right .header-other #loginblock {
          margin-right: 5px;
          position: relative; }
          #header-menu #header-menu-line .header-right .header-other #loginblock #loginblock-container {
            display: none;
            z-index: 111;
            position: absolute;
            top: 23px;
            right: 0;
            width: 200px; }
            #header-menu #header-menu-line .header-right .header-other #loginblock #loginblock-container a {
              display: block; }
          #header-menu #header-menu-line .header-right .header-other #loginblock .headerbutton span {
            display: inline-block; }
            @media (min-width: 992px) {
              #header-menu #header-menu-line .header-right .header-other #loginblock .headerbutton span {
                display: none; } }
        #header-menu #header-menu-line .header-right .header-other #cartBlock a {
          color: white; }
        #header-menu #header-menu-line .header-right .header-other #cartBlock #cartCount {
          display: inline-block;
          position: absolute;
          top: -13px;
          right: -23px;
          opacity: 0;
          transition: all, .3s; }
          #header-menu #header-menu-line .header-right .header-other #cartBlock #cartCount.show {
            opacity: 1; }
    #header-menu #header-menu-line .header-mobile {
      display: flex;
      align-items: center; }
      #header-menu #header-menu-line .header-mobile button {
        outline: none;
        background: transparent;
        border: none; }
      @media (min-width: 1200px) {
        #header-menu #header-menu-line .header-mobile {
          display: none; } }
  #header-menu .badget-container {
    display: none;
    position: fixed;
    width: 150px;
    top: 255px;
    right: 0;
    transform: translateX(73%);
    z-index: 100; }
    @media (min-width: 1200px) {
      #header-menu .badget-container {
        display: flex; } }
    #header-menu .badget-container .badget-block {
      font-size: 13px;
      font-weight: 600;
      text-transform: uppercase;
      background-color: #ffffff;
      color: #000000;
      border: 2px solid #000000;
      padding: 8px 5px 7px 40px;
      margin-bottom: 5px; }
      #header-menu .badget-container .badget-block:hover {
        transform: translateX(-73%); }

/* Mobil menü */
.hamburger {
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 5px 0 0 0;
  overflow: visible; }

.hamburger-box {
  width: 40px;
  height: 20px;
  display: inline-block; }
  .hamburger-box:hover, .hamburger-box:focus, .hamburger-box:active {
    outline: none; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  outline: none; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 27px;
  height: 3px;
  background-color: black;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -5px; }

.hamburger-inner::after {
  bottom: -5px; }

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic .hamburger-inner::before {
  top: 8px;
  transition: opacity 0.15s 0.4s ease; }

.hamburger--elastic .hamburger-inner::after {
  top: 17px;
  transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.1s; }

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0; }

.hamburger--elastic.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
  transform: translate3d(0, -17px, 0) rotate(-270deg);
  transition-delay: 0.1s; }

.mobile-search {
  margin-right: 5px; }

footer[role="contentinfo"] {
  width: 100%;
  position: relative;
  background: #222;
  color: #fff;
  padding: 30px 0;
  font-size: 14px; }
  @media (min-width: 992px) {
    footer[role="contentinfo"] {
      padding: 27px 0 31px 0; } }
  footer[role="contentinfo"] a:not(.button) {
    color: #fff;
    text-decoration: none; }
    footer[role="contentinfo"] a:not(.button):hover, footer[role="contentinfo"] a:not(.button).active {
      text-decoration: none;
      color: #ddd; }
  footer[role="contentinfo"] .show-me-button {
    border-color: #ddd;
    background-color: #222;
    color: #ddd; }
    footer[role="contentinfo"] .show-me-button:before {
      color: #ddd;
      background-color: #222; }
    footer[role="contentinfo"] .show-me-button:hover {
      color: #ddd;
      border-color: #ddd; }
      footer[role="contentinfo"] .show-me-button:hover:before {
        color: #ddd; }
  footer[role="contentinfo"] #footer-logo {
    display: block;
    margin: 20px 0 0 0; }
    @media (min-width: 992px) {
      footer[role="contentinfo"] #footer-logo {
        margin: 0; } }
  footer[role="contentinfo"] #footer-logo-container a {
    display: inline-block;
    margin-right: 20px; }
  footer[role="contentinfo"] .copyright {
    padding: 16px 0 11px 0; }
    footer[role="contentinfo"] .copyright a {
      display: block;
      font-weight: bold; }
  footer[role="contentinfo"] #footer-contact-line {
    padding: 13px 0 21px 0; }
    footer[role="contentinfo"] #footer-contact-line .contact-block {
      padding: 3px 0 3px 0; }
  footer[role="contentinfo"] .social-icons-list a#facebook {
    background-image: url("../../img/icons/social-fb-2.png"); }
  footer[role="contentinfo"] .social-icons-list a#pinterest {
    background-image: url("../../img/icons/social-pinterest-2.png"); }
  footer[role="contentinfo"] .social-icons-list a#instagram {
    background-image: url("../../img/icons/social-insta-2.png"); }
  footer[role="contentinfo"] .social-icons-list a#tiktok {
    background-image: url("../../img/icons/social-tiktok-2.png"); }
  footer[role="contentinfo"] .social-icons-list a#youtube {
    background-image: url("../../img/icons/social-fb-2.png"); }
  footer[role="contentinfo"] .footer-menu {
    margin: 0;
    padding: 0; }
    @media (min-width: 992px) {
      footer[role="contentinfo"] .footer-menu {
        margin: 14px 0 0 0; } }
    footer[role="contentinfo"] .footer-menu li {
      list-style: none;
      padding-left: 0;
      padding-top: 6px;
      padding-bottom: 6px;
      line-height: 1.2; }
  footer[role="contentinfo"] #company-motto {
    font-size: 12px;
    line-height: 1.2;
    color: #fff;
    margin: 10px 0 0 0; }
  footer[role="contentinfo"] .social-icons-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex; }
    footer[role="contentinfo"] .social-icons-list a {
      display: block;
      height: 15px;
      width: 15px;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      margin: 0 4px; }

/* Top slider */
#home-slider {
  padding-bottom: 30px; }
  @media (min-width: 992px) {
    #home-slider {
      padding-bottom: 0;
      margin-top: 136px; } }
  #home-slider .carousel-inner .carousel-item .carousel-caption {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    text-align: left;
    color: #fff; }
    @media (min-width: 992px) {
      #home-slider .carousel-inner .carousel-item .carousel-caption {
        position: absolute;
        top: 20%;
        width: 100%;
        color: #fff; } }
    #home-slider .carousel-inner .carousel-item .carousel-caption .title {
      font-weight: 800;
      font-size: 28px;
      line-height: 1; }
      @media (min-width: 1200px) {
        #home-slider .carousel-inner .carousel-item .carousel-caption .title {
          font-size: 44px; } }
    #home-slider .carousel-inner .carousel-item .carousel-caption .subtitle {
      margin: 12px 0 16px 0;
      line-height: 1.3; }
      @media (min-width: 992px) {
        #home-slider .carousel-inner .carousel-item .carousel-caption .subtitle {
          font-size: 17px; } }
  #home-slider .carousel-control-next, #home-slider .carousel-control-prev {
    display: none; }
  #home-slider .carousel-indicators {
    display: block;
    margin: 0;
    bottom: 5%; }
    @media (min-width: 992px) {
      #home-slider .carousel-indicators {
        bottom: 15%; } }
    #home-slider .carousel-indicators .container {
      display: flex;
      align-items: center;
      justify-content: left; }
    #home-slider .carousel-indicators [data-bs-target] {
      width: 6px;
      height: 6px;
      border-radius: 10px;
      border: 1px solid white;
      opacity: 1; }
      #home-slider .carousel-indicators [data-bs-target].active {
        width: 10px;
        height: 10px;
        background-color: #fff;
        border-color: #fff; }

/* Előnyök promo */
#advantages-promo {
  background-color: #555; }
  #advantages-promo .promo-block-parent {
    display: grid;
    gap: 15px 0; }
    @media (min-width: 768px) {
      #advantages-promo .promo-block-parent {
        grid-template-columns: repeat(4, 1fr); } }
    #advantages-promo .promo-block-parent .promo-block {
      text-align: center;
      font-weight: 500;
      line-height: 1.2;
      padding: 0 20px;
      color: black;
      border-bottom: 2px solid black; }
      @media (min-width: 768px) {
        #advantages-promo .promo-block-parent .promo-block {
          border-bottom: none;
          border-right: 2px solid black; } }
      #advantages-promo .promo-block-parent .promo-block .img-container {
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 8px; }
        #advantages-promo .promo-block-parent .promo-block .img-container .img-fluid {
          filter: invert(1); }
      #advantages-promo .promo-block-parent .promo-block .title {
        font-weight: 700;
        font-size: 16px;
        color: black;
        margin-bottom: 9px; }
      #advantages-promo .promo-block-parent .promo-block p {
        font-size: 14px; }
      #advantages-promo .promo-block-parent .promo-block:last-child {
        border: none; }

/*# sourceMappingURL=wireframe-default.css.map */