.o-nas-container {
  max-width: 840px;
  display: block;
  background-color: #ffffff;
  margin-left: 17px;
  margin: auto;
  overflow: hidden;
  padding: 15px;
}
.o-nas-flex {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}
.o-nas-flex-2 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 790px;
  margin: auto;
}
.o-nas-block {
  width: 50%;
  display: block;
}
.o-nas-block-2 {
  display: block;
  margin-top: 60px;
}
.o-nas-block-3 {
  width: 226px;
  display: block;
}
.o-nas-img {
  width: 50%;
}
.o-nas-img-1 {
  display: block;
  width: 100%;
  height: 213px !important;
}
.o-nas-img-2 {
  display: block;
  width: 87px;
  height: 68px !important;
  margin: auto;
  margin-bottom: 30px;
}
.o-nas-h {
  font-size: 20px;
  color: #323538;
  font-weight: bold;
  margin-bottom: 20px;
}
.o-nas-h-2 {
  font-size: 20px;
  color: #323538;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.o-nas-p {
  color: #323538;
  font-size: 14px;
}
.o-nas-p-2 {
  color: #323538;
  font-size: 12px;
  text-align: center;
}
.o-nas-slick-img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.o-nas-slick-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.o-nas-slick .slick-slide {
  margin-right: 10px;
  margin-left: 10px;
  cursor: pointer;
}
.o-nas-slick {
  display: flex;
  width: 98%;
  height: fit-content;
  margin: auto;
}
.o-nas-imie-nazwisko {
  margin-bottom: 10px;
}
.o-nas-imie-nazwisko,
.o-nas-funkcja {
  text-align: center;
  font-size: 12px;
}
.o-nas-slick .slick-next {
  display: block;
  width: 44px;
  height: 44px;
  top: 19px;
  position: absolute;
  z-index: 10;
  right: -25px;
}
.o-nas-slick .slick-prev {
  display: block;
  width: 44px;
  height: 44px;
  top: 19px;
  position: absolute;
  z-index: 10;
  left: -25px;
}
.o-nas-slick .slick-prev,
.o-nas-slick .slick-next {
  border: none;
  background-color: #fafafa;
  cursor: pointer;
}
.o-nas-slick .slick-prev:hover,
.o-nas-slick .slick-next:hover {
  background-color: #dad9d9;
}
.o-nas-m-60 {
  margin-top: 60px;
}
.o-nas-button {
  font-size: 14px;
  padding: 16px;
  background-color: #80b500;
  margin-top: 20px;
  display: flex;
  color: white;
  cursor: pointer;
  border-radius: 4px;
  border: none;
}
.o-nas-button:hover {
  background-color: #547900;
}
.o-nas-pd {
  padding-right: 25px;
}

@media (min-width: 768px) {
    .main-menu__item-link--top {
        padding: 20px 20px;
    }
}
@media screen and (max-width: 768px) {
  .page-header{
    margin-top: 10px !important;
  }
  .o-nas-pd {
    padding-right: 0px;
  }
  .o-nas-container br {
    display: none;
  }
  .o-nas-flex {
    flex-direction: column;
  }
  .o-nas-img {
    order: 2;
    width: 100%;
  }
  .o-nas-block {
    width: 90%;
    margin: auto;
    margin-bottom: 30px;
    text-align: center;
  }
  .o-nas-flex-2 {
    margin: auto;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .o-nas-block-3 {
    margin-bottom: 50px;
  }
  .o-nas-button {
    margin: auto;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .o-nas-block-2 {
    margin-top: 0px;
  }
  .o-nas-slick .slick-prev,
  .o-nas-slick .slick-next {
    top: 30px;
  }

  .customer-links__list{
    overflow-x: scroll;
    overflow-y: scroll;
  }
  #registration .form-input-wspphone,
  #registration .form-input-prefix-wspphone,
  #registration .form-input-phone,
  #registration .form-input-prefix-phone{
    width: 100% !important;
    padding-right: 0px !important;
  }
  #customer-form .select2-container{
    width: 100% !important;
  }
}

#customer-form .select2-container{
  width: -webkit-fill-available;
}

.search-form__form-group{
  display: flex;
}
.search-form__input.js-search-input{
  background-image: none;
  border-radius: 0px 0px 0px 0px;
  border-right: 0px;
  padding-right: 18px;
  margin-right: 86px;
}
.search-form__input.search-form__select{
  background-image: none;
  padding-left: 10px;
  padding-right: 18px;
  border-radius: 10px 0px 0px 10px;
  color: #7A828A;
}

.search-result__products.search-result__manufacturer{
  max-height: 50vh;
  overflow-y: scroll;
}

.customer-page-left-column{
  background-color: white;
  padding: 16px;
  border-radius: 8px;
}
.customer-page-left-column .customer-page-left-column-title{
  font-family: 'Poppins';
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  margin-bottom: 16px;
  display: block;
  color:#7A828A;
}

.ao-icon{
  margin-right: 12px;
}

/* Global */
.js-customer-form, .js-address-form{
  max-width: 100%;
  width: 100%;
  border-radius: 6px;
  padding: 24px;
  background: white;
}
#address .form-group .form-label,
#identity .form-group .form-label{
  width: 100%;
  margin-bottom: 2px;
  font-family: 'Poppins';
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #323538;
}

/* Customer */ 

#identity #customer-form{
  display: flex;
  flex-wrap: wrap;
}
#identity #customer-form .custom-radio{
  width: 49%;
  margin: 0px;
  float: left;
  border: 1px solid #DFE0E2;
  padding: 10px 14px;
  position: relative;
  border-radius: 6px;
  padding-left: 36px;
}
#identity .form-group{
  display: flex;
  flex-wrap: wrap;
}

#identity .form-group input.form-control{
  width: 100%;
  border: 1px solid #DFE0E2;
  padding: 12px 14px;
  border-radius: 6px;
}
#identity .form-input-id_gender{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  order: 1;
}

#identity .form-input-firstname{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 2;
}
#identity .form-input-lastname{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 3;
}
#identity .form-input-email{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 4;
}
#identity .field-password-policy{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 9;
}
#identity .field-password-policy .form-control{
  width: 86% !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
#identity .form-input-birthday{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 5;
}
#identity .form-input-phone{
  width: 60%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 6;
}
#identity .form-input-prefix-phone{
  width: 40%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 6;
}
/* registration */
#registration .form-input-customer_privacy,
#registration .form-input-psgdpr,
#registration .form-input-newsletter{
  width: 100%;
  display: inline-block;
}
#registration .form-input-phone{
  width: 70%;
  margin-bottom: 16px;
  float: left;
}
#registration .form-input-prefix-phone{
  width: 30%;
  margin-bottom: 16px;
  padding-right: 12px;
  float: left;
}

#registration .form-input-prefix-wspphone{
  width: 30%;
  margin-bottom: 16px;
  padding-right: 12px;
  float: left;
}
#registration .form-input-wspphone{
  width: 70%;
  margin-bottom: 16px;
  float: left;
}

.form-input-address-mobile_phone-prefix .select2 .selection .select2-selection,
#address .form-input-address-phone-prefix .select2 .selection .select2-selection,
#registration .form-input-prefix-wspphone .select2 .selection .select2-selection,
#registration .form-input-prefix-phone .select2 .selection .select2-selection,
#identity .form-input-prefix-wspphone .select2 .selection .select2-selection,
#identity .form-input-prefix-phone .select2 .selection .select2-selection{
  height: 42px;
  border: 1px solid #DFE0E2 !important;
}
.form-input-address-mobile_phone-prefix .select2 .selection .select2-selection .select2-selection__rendered,
#address .form-input-address-phone-prefix .select2 .selection .select2-selection .select2-selection__rendered,  
#registration .form-input-prefix-wspphone .select2 .selection .select2-selection .select2-selection__rendered,
#registration .form-input-prefix-phone .select2 .selection .select2-selection .select2-selection__rendered,
#identity .form-input-prefix-wspphone .select2 .selection .select2-selection .select2-selection__rendered,
#identity .form-input-prefix-phone .select2 .selection .select2-selection .select2-selection__rendered{
  line-height: 42px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 14px;
}
.form-input-address-mobile_phone-prefix .select2 .selection .select2-selection--single,
#address .form-input-address-phone-prefix .select2 .selection .select2-selection--single{
  padding: 0px;
}

#identity .form-input-prefix-wspphone{
  width: 40%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 7;
}
#identity .form-input-wspphone{
  width: 60%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 7;
}
#identity .form-input-custom_link_rewrite{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 8;
}

#identity .form-input-password-title{
  width: 100%;
  order: 9;
  padding-left: 12px;
  padding-right: 12px;
  font-family: 'Poppins';
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  color: #323538;
  margin-bottom: 26px;
  margin-top: 16px;
}

#identity .form-input-psgdpr{
  width: 100%;
  order: 10;
  padding-left: 12px;
  padding-right: 12px;
}
#identity .form-input-newsletter{
  width: 100%;
  order: 11;
  padding-left: 12px;
  padding-right: 12px;
}
#identity .form-input-customer_privacy{
  width: 100%;
  order: 12;
  padding-left: 12px;
  padding-right: 12px;
}
#identity #customer-form .form-footer{
  width: 100%;
  order: 13;
  padding-left: 12px;
  padding-right: 12px;
}

/* Address */
#address #address-form{
  display: flex;
  flex-wrap: wrap;
}

#address .form-input-alias{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 1;
}

#address .form-input-firstname{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 2;
}
#address .form-input-lastname{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 3;
}
#address .form-input-company{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 4;
}
#address .form-input-vat_number{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 5;
}
#address .form-input-address1{
  width: 25%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 6;
}
#address .form-input-address2{
  width: 25%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 7;
}
#address .form-input-id_country{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 8;
}
#address .form-input-id_state{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 9;
}
#address .form-input-postcode{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 10;
}
#address .form-input-city{
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 11;
}

#address .form-input-address-mobile_phone-prefix{
  width: 20%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 13;
}

#address .form-input-wspphone{
  width: 30%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 13;
}

#address .form-input-address-phone-prefix{
  width: 20%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 11;
}

#address .form-input-phone{
  width: 30%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 16px;
  order: 12;
}

#address #address-form .form-footer{
  width: 100%;
  order: 13;
  padding-left: 12px;
  padding-right: 12px;
}

.address__body_element{
  font-family: 'Poppins';
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #7A828A;
}
.address__body_content{
  font-family: 'Poppins';
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #323538;
}

.cms-id-8 p:not(.h5){
  color: #565D63 !important;
}

.cms-id-8 .o-nas-img {
  position: relative;
  display: inline-block;
  filter: blur(1px);
  -webkit-box-shadow: 0px 0px 28px -19px #f3ffd2;
  -moz-box-shadow: 0px 0px 28px -19px #f3ffd2;
  box-shadow: 0px 0px 28px -19px #f3ffd2;
}

.cms-id-8 .o-nas-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://defood.org/img/cms/how-it-works/bg_watermark.svg') no-repeat center center;
  background-size: cover;
  opacity: 0.5; /* Adjust the opacity as needed */
  z-index: 1; /* Higher value to appear above the image */
  transition: all 0.3s ease-in-out;
}

.cms-id-8 .o-nas-img img {
  display: block;
  position: relative;
  z-index: 0; /* Lower value to ensure the image is below the overlay */
}
.cms-id-8 #traktor {
  filter: none !important;
}

.form-input-line-break-phone {
  order: 5;
  flex-basis: 100%; /* Takes the full width of the container */
  height: 0; /* No height, just acting as a break */
}
.form-input-line-break-wspphone {
  order: 6;
  flex-basis: 100%; /* Takes the full width of the container */
  height: 0; /* No height, just acting as a break */
}

.product-miniature .unit-price{
  font-size: 14px;
}

#product .product-prices .quantity{
  display: block;
}

.homeslider__caption{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
}
.homeslider__title{
  color:white;
  text-shadow: 0px 0px 4px black;
}
.homeslider__desc{
  text-align: center;
}
.homeslider__desc *{
  color:white;
}

.right-column-banner .btn-primary{
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
}

.btn-outline-orange{
    background: white;
    font-weight: 500;
    font-size: 14px;
    color: #F37E11;
    border-color: #F37E11;
}
.btn-outline-orange:hover{
    background: #F37E11;
    color: white;
    border-color: #F37E11;
}
.btn-outline-orange:hover path{
    fill: white;
}