@font-face {
  font-family: 'Matter';
  src: url('../fonts/matter/TTF/Matter-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Matter';
  src: url('../fonts/matter/TTF/Matter-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Matter';
  src: url('../fonts/matter/TTF/Matter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Matter';
  src: url('../fonts/matter/TTF/Matter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Matter';
  src: url('../fonts/matter/TTF/Matter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Matter';
  src: url('../fonts/matter/TTF/Matter-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

* {
  font-family: 'Matter', Poppins, sans-serif !important;
}

#productCatalog {
  min-height: 55rem;
}

.products-model-image {
  transition: 1s all ease-in-out;
  transition-delay: 1s;
}

@media(min-width: 992px) {
  .products-model-image {
    min-height: 55rem;
  }
}

.produc-slider-selector {
  height: 18.5rem;
}

.slider-selector {
  padding: 2rem 0 0;
}

.slider-selector-title h3 {
  font-size: 2.6rem;
  text-transform: uppercase;
  text-align: center;
  margin: 4rem 2rem 2rem;
}

.slider-selector-main.slider-selector .slick-arrow.slick-prev,
.slider-selector-main.slider-selector .slick-arrow.slick-next {
  transform: translateY(-50%);
  top: calc(50% - 1rem);
}

.slider-selector .slick-arrow:focus {
  outline: none;
}

.slider-selector .slick-arrow.slick-next {
  right: 0.5rem;
  top: calc(50% - 0.8rem);
  background-color: transparent;
  border: none;
  position: absolute;
  width: 5.5rem;
  height: 3rem;
  z-index: 1;
  border-radius: 100%;
  border: 0.1rem solid #fff;
  background: #fff;
  opacity: 0.7;
  height: 4rem;
  width: 4rem !important;
}

.slider-selector .slick-arrow.slick-prev {
  left: 0.5rem;
  top: calc(50% - 0.8rem);
  width: 5.5rem;
  height: 3rem;
  background-color: transparent;
  border: none;
  position: absolute;
  z-index: 1;
  border-radius: 100%;
  border: 0.1rem solid #fff;
  background: #fff;
  opacity: 0.7;
  height: 4rem;
  width: 4rem !important;
}

.slider-selector .slick-next:after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #fff !important;
  border-right-color: #fff !important;
  border-left: 1.3em solid;
  border-top: 1.3em solid transparent;
  border-right: 0;
  border-bottom: 1.3em solid transparent;
}

.slider-selector .slick-next:before {
  content: "";
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #4b4b4d !important;
  border-right-color: #4b4b4d !important;
  border-left: 1.3em solid;
  border-top: 1.3em solid transparent;
  border-right: 0;
  border-bottom: 1.3em solid transparent;
}

.slider-selector .slick-prev:after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #fff !important;
  border-right-color: #fff !important;
  border-right: 1.3em solid;
  border-top: 1.3em solid transparent;
  border-left: 0;
  border-bottom: 1.3em solid transparent;
}

.slider-selector .slick-prev:before {
  content: "";
  position: absolute;
  right: 1.3rem;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #4b4b4d !important;
  border-right-color: #4b4b4d !important;
  border-right: 1.3em solid;
  border-top: 1.3em solid transparent;
  border-left: 0;
  border-bottom: 1.3em solid transparent;
}

.slider-selector.active-slider {
  height: 0.1rem;
  overflow: hidden;
}

.slider-selector .products-item h2 {
  font-size: 1.2rem;
  padding: 0 1rem;
  font-weight: 600;
  text-align: center;
  width: 100%;
  display: block;
  border-bottom: 0.3rem solid rgba(0, 0, 0, 0);
  margin: 0 auto;
}

.slider-selector .products-item {
  background-color: #f0f0f0;
  padding-top: 7rem;
  height: 100%;
  border: 0.2rem solid #fff;
  border-radius: 0.2rem;
}

.slider-selector .products-item:hover .products-image,
.slider-selector .products-item .products-image {
  transform: inherit;
  opacity: 1;
}

.slider-selector .products-image {
  bottom: 0;
  top: 0;
  width: 100%;
  left: 0;
  height: 6.5rem;
}

.slider-selector .products-item.active {
  border: 0.2rem solid #ffe700;
}

.slider-selector .products-image img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

.slider-selector .products-item a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  left: 0;
  top: 0;
}

.home-intro__content h2 {
  margin: 2rem 0;
  font-size: 4rem;
}

.home-intro__content h4 {
  font-size: 2.8rem;
}

.home-intro__content ul {
  text-align: left;
}

.home-intro__content ul li {
  font-size: 1.8rem;
}

.home-intro__content {
  text-align: center;
  color: #fff;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  font-family: Montserrat, sans-serif;
}

.bg-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.configurator-links-container {
  padding: 4rem 0;
}

.products-heading {
  width: 15rem !important;
}

.products-heading a {
  margin-top: 0.5rem;
  background: #fff;
  border-color: #fff;
  line-height: 1;
  padding: .5rem 2rem;
}

.products-image {
  top: 0 !important;
  right: 0rem !important;
}

.products-bottom {
  margin-top: 4rem;
}

.configurator-links-header {
  text-align: center;
  margin-bottom: 4rem;
  font-size: 3rem;
}

.link-abs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.products-item {
  margin-bottom: 3rem;
}

#products-list .products-item {
  box-shadow: 0.5rem 0.5rem 1.5rem rgba(0,0,0,0.12);
}

.products-item-2 {
  color: #fff;
}

.products-item-3 {
  background-image: -moz-linear-gradient( 0deg, rgb(240, 240, 240) 0%, rgb(230, 230, 230) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(240, 240, 240) 0%, rgb(230, 230, 230) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(240, 240, 240) 0%, rgb(230, 230, 230) 100%);
}

/* .products-item-3 .products-heading a {
  border-color: #f0f0f0;
  background: #f0f0f0;
  color: #bdbdbd;
} */

.offer-service {
  border-top: 0.2rem solid #f0f0f0;
  padding: 4rem 0;
  text-align: center;
}

.offer-service-content h4 {
  background: #e31111;
  display: inline-block;
  color: #fff;
  padding: 0.6rem 1.5rem;
  margin-bottom: 3rem;
}

.offer-service-banner {
  border: 0.4rem solid #ffe700;
  padding: 2.5rem 0;
}

.offer-service-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
}

.offer-service-item-border {
  border-right: 0.2rem solid #f0f0f0;
  ;
}

.offer-service-item-name {
  padding-left: 1.5rem;
  font-size: 1.6rem;
  font-family: 'Matter', Poppins, sans-serif;
  font-weight: 600;
}

@media (max-width: 767px) {
  .offer-service-item-border {
    border: none;
  }
}

.main-wort-img {
  border-radius: 0.8rem;
}

.main-wort-img img {
  object-fit: scale-down;
  height: 100%;
  width: 100%;
}

.nb-offer {
  border: none;
}

.choose-brand h3 {
  text-align: center;
  font-size: 2.4rem;
  padding-bottom: 3.5rem;
  border-bottom: 0.3rem solid #0b0b0b;
  line-height: 2.6rem;
  margin-bottom: 2rem;
}

.choose-brand h3 span {
  max-width: 23.5rem;
  margin: 0 auto;
  display: block;
  min-height: 5.2rem;
}

.choose-brand {
  padding: 4rem 0;
  text-align: center;
}

.choose-brand .fix-row-p span {
  font-size: 1.6rem;
  margin: 1rem 0;
  display: block;
}

.main-wort-img {
  width: 7.5rem;
  height: 7.5rem;
  background-color: #ffe700;
  margin: 0 auto;
}

.fix-row-p>div {
  padding: 0 0.8rem;
}

.full_banner {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.full_banner_img {
  width: 100%;
  height: auto;
}

.full_banner_shadow:after {
  content: '';
  position: absolute;
  top: 0rem;
  left: 0rem;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.banner-text-wrapper {
  display: flex;
  height: 100%;
  z-index: 1;
  position: relative;
}

.banner-text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 3rem 1.5rem;
}

.banner-text-content h2.page-heading {
  font-size: 5rem;
}

.banner-text-content .banner-subtext {
  font-size: 2.2rem;
}

.btn-yellow {
  color: #000;
  background-color: #ffe700;
}

.btn-yellow:hover {
  color: #212529;
  background-color: #ffe700;
}

.text-entry ul li {
  margin-bottom: 0.5rem;
}

.site-content {
  overflow-x: hidden;
}

.banner_slider {
  display: none;
}

.banner_slider.slick-initialized {
  display: block;
}

.banner_slider .slick-arrow:focus {
  outline: none;
}

.banner_slider .slick-arrow.slick-next {
  right: 0.5rem;
  top: calc(50% - 2rem);
  background-color: transparent;
  border: none;
  position: absolute;
  width: 5.5rem;
  height: 3rem;
  z-index: 1;
  border-radius: 100%;
  border: 0.1rem solid #fff;
  background: #fff;
  opacity: 0.7;
  height: 4rem;
  width: 4rem !important;
}

.banner_slider .slick-arrow.slick-prev {
  left: 0.5rem;
  top: calc(50% - 2rem);
  width: 5.5rem;
  height: 3rem;
  background-color: transparent;
  border: none;
  position: absolute;
  z-index: 1;
  border-radius: 100%;
  border: 0.1rem solid #fff;
  background: #fff;
  opacity: 0.7;
  height: 4rem;
  width: 4rem !important;
}

.banner_slider .slick-next:after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #fff !important;
  border-right-color: #fff !important;
  border-left: 1.3em solid;
  border-top: 1.3em solid transparent;
  border-right: 0;
  border-bottom: 1.3em solid transparent;
}

.banner_slider .slick-next:before {
  content: "";
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #4b4b4d !important;
  border-right-color: #4b4b4d !important;
  border-left: 1.3em solid;
  border-top: 1.3em solid transparent;
  border-right: 0;
  border-bottom: 1.3em solid transparent;
}

.banner_slider .slick-prev:after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #fff !important;
  border-right-color: #fff !important;
  border-right: 1.3em solid;
  border-top: 1.3em solid transparent;
  border-left: 0;
  border-bottom: 1.3em solid transparent;
}

.banner_slider .slick-prev:before {
  content: "";
  position: absolute;
  right: 1.3rem;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #4b4b4d !important;
  border-right-color: #4b4b4d !important;
  border-right: 1.3em solid;
  border-top: 1.3em solid transparent;
  border-left: 0;
  border-bottom: 1.3em solid transparent;
}

.banner_slider.active-slider {
  height: 0.1rem;
  overflow: hidden;
}

.materials-list-contaner .img-fluid.img-product-fixture {
  max-width: 100%;
}

.category-info .product-options__list li strong {
  margin: 0 1rem;
}

.category-info .product-options__list li a {
  height: calc(100% - 2rem);
}

.product-options__list-link {
  color: #000000;
}
.product-options__list-link-hide {
  display: inline-block;
  font-weight: 500;
  font-size: 1.5rem;
  margin-top: 2rem;
  color: #000000;
}
/* ustawienia zmiany koloru hover */
html:not(.contrast) a:active,html:not(.contrast) a:focus,html:not(.contrast) a:hover {
  color: #ffe700;
  text-decoration: none;
}
.site-header__bottom-nav a:hover {
  color: #ffe700;
  border-color: transparent;
}
.site-header__bottom-nav a:hover {
  color: #ffe700;
}
.site-header__panel-menu a:hover {
  color: #ffe700;
  border-color: transparent;
}
/* END - ustawienia zmiany koloru hover */

.simple-parallax {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.dobule-parallax {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.dobule-parallax img {
  max-width: 100%;
  margin: 0rem auto;
  display: block;
}

/* ujednalicanie dwóch bannerów, czyli .h2, h2 oraz .text-entry h2.page-heading */
.text-entry h2.page-heading {
  font-size: 3rem;
  font-weight: 500;
}

span.category-product-img-box {
  display: block;
  width: 100%;
  height: 14.7rem;
  position: relative;
}
.materials-list-contaner span.category-product-img-box .img-fluid.img-product-fixture {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
}
.product-options__list li a:hover span.category-product-img-box img {
  -webkit-transform: scale(1.1) translateY(-1rem);
  -ms-transform: scale(1.1) translateY(-1rem);
  transform: scale(1.1) translateY(-1rem);
  opacity: .5;
}

/* tripple_buttons */
.tripple_buttons_content {
  text-align: center;
}
.tripple_buttons_content-flex {
  display: flex;
  flex-wrap: wrap;
  border-spacing: 1.9rem;
  column-gap: 2rem;
}
.tripple_buttons_content .btn-tripple_button {
  background-color: #fde122;
}
.tripple_buttons_content-flex .btn-tripple_button {
  flex: 1;
  background-color: #fde122;
}
.tripple_buttons .containers {
  padding-right: 0rem;
  padding-left: 0rem;
}
/* end - tripple_buttons */

.pagination_list {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination_list .pagina_list ul {
  display: flex;
  margin: 0;
  padding: 0;
}

.pagination_list .pagina_list ul li {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.2rem;
  height: 4.2rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-family: Montserrat, sans-serif;
  color: #959595;
  border: 0.1rem solid transparent;
  border-radius: 50%;
  margin-right: 1rem;
}

.pagination_list .pagina_list ul li:last-of-type {
  margin-right: unset;
}

.pagination_list .pagina_list ul li.active {
  color: #171920;
  border-color: #171920;
  font-weight: 600;
}

.pagination_list .pagina_list .page {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* white bar when scrooling */
/* @media (min-width: 992px) {
  html[data-scrolldir="down"] body{
    padding-top: 10rem;
  }
} */
/* end - white bar when scrooling */

.site-content .table {
  margin-bottom: 0;
}

@media(min-width:576px) {
  .container-non-padding {
    padding: 0;
  }
}

.col-md-1_5 {
  position: relative;
  width: 100%;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

@media(min-width:768px) {
  .col-md-1_5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

#chat-widget-container {
  max-height: calc(100vh - 13rem) !important;
}

.calculations-list-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.calculations-list-header label {
  display: block;
}

.calculations-list-header input {
  font-size: 1.4rem;
  line-height: 1.4rem;
  padding: 0.5rem 1rem;
  max-width: 24rem;
  border-radius: 0.5rem;
}

@media(max-width:500px) {
  .calculations-list-header {
    flex-wrap: wrap;
  }

  .calculations-list-header > h3,
  .calculations-list-header .filter-calculations {
    width: 100%;
  }
}

#order-name-error {
  font-size: 1.1rem;
  color: red;
  position: absolute;
  font-weight: 600;
  visibility: hidden;
}

[data-trader-calculation="0"].hidden,
[data-trader-calculation="1"].hidden,
[data-trader-calculation="2"].hidden,
.asign-calculation-to-offer.hidden,
.create-calculation.hidden {
  display: none;
}

.btn-brand.remove-calculation {
  background: #f05050;
  border-color: #f05050;
  color: #fff;
}

/* base login */
#background-login {
  display: none;
}

.login-box1,
.login-box2,
.registration-box {
  display: none;
}
/* base login */

/* blog wysiwyg */
.text-block iframe, .text-block img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
/* blog wysiwyg */

/* footer */
footer .row-products .dropdown-menu {
  position: unset;
  display: unset;
  float: unset;
  border: unset;
  padding: unset;
}

footer .row-products .dropdown-menu ol {
  padding-inline-start: 2rem;
}

footer .row-products ul>li>.dropdown-parent>a,
footer .row-products ul>li>a {
  font-weight: 600;
}

footer .site-footer__top a, footer .site-footer__top nav {
  font-size: 1.3rem;
  line-height: 2rem;
}
@media (min-width:576px) {
  footer .site-footer__top a, footer .site-footer__top nav {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }
}

footer .row-products a {
  width: 100%;
  min-height: 3rem;
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem;
}

footer .row-products {
  border-bottom: 0.1rem solid #e5e5e5;
  padding-bottom: 5rem;
  margin-bottom: 5rem;
}

footer .row-products .list-unstyled {
  margin: unset;
  width: 100%;
  background-color: #ccc0;
  column-count: 2;
  column-gap: 3rem;
}
@media (min-width:992px) {
  footer .row-products .list-unstyled {
    column-count: 4;
  }
}

footer .row-products .title {
  margin-bottom: 5rem;
}

footer .row-products li {
  display: inline-block;
  width: 100%;
}
/* footer */

/* START usługi dodatkowe na stronie głównej */
.popup-service {
  display: none;
  position: fixed;
  width: calc(100% - 3rem);
  max-width: 103rem;
  background-color: #fff;
  z-index: 3;
  height: 100%;
  max-height: 71.2vh;
}

.popup-service.show {
  display: flex;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.popup-service .popup_content {
  padding: 3rem 5.5rem 3rem 3.2rem;
  color: #171920;
  overflow: auto;
}

.popup-service .popup_content h1, .popup-service .popup_content h2, .popup-service .popup_content h3, .popup-service .popup_content h4, .popup-service .popup_content h5, .popup-service .popup_content h6 {
  margin-bottom: 2rem;
  font-weight: 600;
}

.popup-service .popup_content ul {
  list-style: inside;
}

.popup-service .popup_content ol {
  list-style: inside;
  list-style-type: decimal;
}

.popup-service .popup_content ul, .popup-service .popup_content ol {
  padding: 0;
  margin-bottom: 3.2rem;
}

.popup-service .popup_content ul, .popup-service .popup_content ol, .popup-service .popup_content ul li, .popup-service .popup_content ol li, .popup-service .popup_content p,.popup-service .popup_content a {
  font-size: 1.5rem;
  line-height: 2.1rem;
  letter-spacing: 0rem;
}

.popup-service .popup_content ul li, .popup-service .popup_content ol li {
  margin-bottom: 0.8rem;
}

.popup-service .popup_content a {
  display: inline-block;
  color: #212529;
  background-color: #ffe700;
  border-color: #ffe700;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  padding: .8rem 2rem;
  border-radius: .25rem;
  border: 0.1rem solid rgba(0,0,0,0);
  user-select: none;
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
}

.popup-service .popup_content a:hover {
  background-color: #ffe700;
  border-color: #d6a300;
}

.popup-service .closePopup {
  position: absolute;
  top: 1rem;
  right: 1.7rem;
  padding: 1.5rem;
}

.popup-service .closePopup:hover {
  cursor: pointer;
  background-color: rgba(0,0,0,.05);
}

.popup-service .closePopup:before, .popup-service .closePopup:after {
  content: '';
  display: block;
  background-color: #171920;
  height: 0.1rem;
  width: 1rem;
}

.popup-service .closePopup:before {
  transform: rotate(-45deg);
  position: relative;
  bottom: -0.1rem;
}

.popup-service .closePopup:after {
  transform: rotate(45deg);
}

.popup-service .popup-image {
  min-width: 42.75%;
  max-width: 44rem;
  width: 100%;
  background-color: #171920;
}

.popup-service .popup-image img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  object-position: left;
}

.popup-service .popup-image.img-center img {
  object-position: unset;
}

.popup-service-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,.5);
  z-index: 2;
}

.popup-service .popup_content blockquote {
  display: inline-block;
  position: relative;
  font-weight: 500;
  margin-left: 1.3rem;
}

.popup-service .popup_content p blockquote {
  margin-left: 0;
}

.popup-service .popup_content blockquote::before, .popup-service .popup_content blockquote::after  {
  content: "\"";
  display: block;
  position: absolute;
  height: 2rem;
  color: #d6a300;
  font-size: 4rem;
}

.popup-service .popup_content blockquote::before {
  left: -1.5rem;
  top: -1.3rem;
}

.popup-service .popup_content blockquote::after {
  right: -1.5rem;
  top: -1.3rem;
}

.popup-service .popup_content img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 575px) {
  .popup-service .popup-image {
    max-height: 30vh;
    max-width: unset;
  }
  .popup-service.show {
    flex-direction: column;
    overflow: auto;
    align-items: center;
  }
  .popup-service .popup_content {
    overflow: unset;
    padding: 3rem 3.2rem;
  }
  .popup-service .closePopup {
    background-color: #fff;
    border: unset;
    border-radius: 0.5rem;
  }
  .popup-service .closePopup:hover {
    background-color: rgba(255,255,255,.9);
  }
}

.products-service .products-image {
  max-height: 17.6rem;
  display: flex;
  align-items: center;
}

.products-service .products-note {
  text-transform: uppercase;
  background: #171920;
  position: absolute;
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  color: #fff;
  border-radius: 0.3rem;
}

.products-service .products-text {
  display: flex;
  height: 100%;
}

.products-service .products-heading {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  width: 17.5rem !important;
}

.products-service .products-heading button.btn-brand {
  background: #fff;
  padding: .5rem 1.8rem;
  margin-top: 0.5rem;
  border-color: #fff;
  line-height: 1;
  max-width: 15.4rem;
}

.products-service .products-heading button.btn-brand:hover {
  color: #212529;
  background-color: #ffe700;
  border-color: #d6a300;
}
/* END usługi dodatkowe na stronie głównej */
/* Negocjacje w step1 */
.negotiations-container {
  max-height: 30rem;
  overflow: auto;
}

.negotiations-container h6 {
  margin-bottom: 1rem
}

.negotiations-item {
  margin-bottom: 0.5rem;
  width: calc(100% - 10rem);
  border-radius: 0.4rem;
  padding: 0.5rem;
}

.negotiations-item.left {
  margin-right: 10rem;
  background: #ffe700;
}

.negotiations-item.right {
  margin-left: 10rem;
  background: #6B6B6B;
  color: #fff;
}

.negotiations-item .date-author {
  font-size: 1rem;
  margin-bottom: 0.2rem;
}

.negotiations-item .mess {
  margin: 0;
}

@media (min-width: 1260px) {
  .partners .slick-track {
    display: flex !important;
    width: auto !important;
    transform: unset !important;
  }
  .partners .slick-track .slick-slide:first-of-type {
    margin-left: auto;
  }
  .partners .slick-track .slick-slide:last-of-type {
    margin-right: auto;
  }
}

.delivery-info-wrapper {
  display: flex;
}

.far-send-date-mess {
  font-weight: 600;
  color: #171920;
  font-size: 1.1rem;
  padding: 0.3rem;
  background: #ffe700;
  max-width: 30rem;
  display:none;
}

.floating-contact-person {
  position: fixed;
  top: 20rem;
  right: 0;
  z-index: 1000000;
  font-weight: 600;
  font-size: 1.4rem;
  display: flex;
  background-color: #ffe700;
}
.floating-contact-person .label-btn {
  padding: 1rem 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-self: center;
  text-align: center;
  text-transform: uppercase;
}
.floating-contact-person .content {
  width: initial;
  display: none;
  flex-direction: column;
  align-self: center;
  text-align: center;
  padding: 1rem;
}
.floating-contact-person .content .title {
  font-weight: 600;
}
.floating-contact-person .content p {
  margin: 0;
}
.floating-contact-person .content p.m-b-5 {
  margin-bottom: 0.5rem;
}
.floating-contact-person.active .content {
  display: flex;
}
.floating-contact-person.active .label-btn {
  display: none;
}

.orders-item__details-items > div:nth-child(3) {display: none !important;}

.trader-contacts .trader-contacts-value, .page-header__company-data address {
  text-overflow: ellipsis;
  overflow: hidden;
}

.site-header__top {font-size: 1.3rem}
.btn {font-size: 1.6rem}

.user-nav-tab .count_see_more {
  font-family: Montserrat, sans-serif !important;
  margin-right: 0.5rem;
}

.plus-icon {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.8rem;
}

header .site-header__slogan {
  color: #fff;
}

header .logout-link a {
  color: #fff;
}

header .logout-link a:hover {
  color: #ffe700 !important;
  text-decoration: none !important;
}

header .site-header__top-nav > ul > li > a {
  color: #fff;
}

header .site-header__top-nav > ul > li > .dropdown > a {
  color: #fff;
}

header li a:hover {
  color: #ffe700 !important;
  text-decoration: none !important;
}

header .header-bottom .icon-left {
  color: #fff;
}

header .header-bottom .icon-left img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(251deg) brightness(104%) contrast(101%);
}

header .header-bottom .icon-left:hover img {
  filter: brightness(0) saturate(100%) invert(90%) sepia(19%) saturate(2180%) hue-rotate(358deg) brightness(101%) contrast(104%);
}

header .header-bottom .icon-left:hover {
  color: #ffe700 !important;
  text-decoration: none !important;
}

header .site-header__langs button:after  {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(251deg) brightness(104%) contrast(101%);
}

header #languages:hover button:after {
  filter: brightness(0) saturate(100%) invert(90%) sepia(19%) saturate(2180%) hue-rotate(358deg) brightness(101%) contrast(104%);
}

header #new-order-btn {
  color: #242424;
  background-color: #ffe700;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding: 1rem 1.4rem;
  border-radius: 6.2rem;
  width: auto;
  text-align: center;
}

.site-header {
  background-color: #242424;
}

.yellow-bg {
  background-color: #242424 !important;
}

.faq-site .faq-questions li {
  background-color: #F1F1F1 !important;
  border: 0.2rem solid transparent;
  border-radius: 0.8rem;
  margin-bottom: 1rem;
}

.faq-site .faq-questions li.active {
  background-color: #fff !important;
  border-color: #FBE122;
}

.faq-site .faq-questions li .faq-answer {
  padding: 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #242424;
  position: relative;
}

.faq-site .faq-questions li .faq-answer:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 1.6rem;
  width: calc(100% - 3.2rem);
  background-color: #F1F1F1;
  height: 0.1rem;
}

.faq-site .faq-questions__question {
  display: flex;
  cursor: pointer;
  background-color: unset !important;
  background-position: unset;
  background: unset;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: #242424;
  width: 100%;
  text-align: left;
  border: none;
  padding: 1.6rem;
}

.faq-site .no-questions {
  padding: 1rem 1.2rem;
}

.faq-site .faq-link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  min-width: 7.5rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cecece;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
  letter-spacing: -1.2%;
  opacity: 0;
  transition: .2s all linear;
  height: 1.8rem;
  padding: 0 0.8rem;
  pointer-events: none;
}

.faq-site .faq-link:hover {
  border-color: #FBE122;
}

.faq-site .faq-link img {
  margin-right: 0.4rem;
}

.faq-site .faq-questions__question > .img-wrapper {
  margin-left: auto;
}

.faq-site .faq-questions li:hover {
  background-color: #fff !important;
  border-color: #FBE122;
}

.faq-site .faq-questions__question[aria-expanded="true"] .img-wrapper img:first-of-type{
  display: none !important;
}

.faq-site .faq-questions__question[aria-expanded="true"] .faq-link {
  opacity: 1;
  pointer-events: unset;
}

.faq-site .faq-questions__question[aria-expanded="true"] .img-wrapper img:last-of-type{
  display: block !important;
}

.faq-site .questions-inner {
  background-color: white;
  border-radius: 0.8rem;
  padding: 2.4rem 2rem;
}

.faq-site .faq-heading {
  font-size: 2.4rem;
  line-height: 2.4rem;
  letter-spacing: -1.6%;
  font-weight: 400;
}

.faq-site .faq-search #faqSearch2 {
  height: 4.8rem;
  padding: 0 2rem 0 5rem;
  border-radius: 5rem;
  border: 0.1rem solid #D1D1D1;
  font-size: 1.6rem;
  line-height: 1.9rem;
  letter-spacing: -1.2%;
  color: #000;
  background: url(/Tedgifted/images/search-lg.svg) 100% 50% no-repeat;
  background-position: 1.6rem;
  margin-bottom: 2rem;
  width: 100%;
  outline: none !important;
}

.faq-site .faq-search #faqSearch2:focus, .faq-site .faq-search #faqSearch2:hover {
  border-color: #FBE122;
}

.faq-site .faq-search #faqSearch2::placeholder {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 400;
  color: #8F8F8F;
}

.faq-site .faq-categories__list div {
  background-color: unset;
  padding: unset;
  height: auto;
}

.faq-site .faq-categories__list {
  margin-bottom: 1rem;
}

.faq-site .faq-category-single {
  display: inline-flex;
  align-items: center;
  min-width: 12.1rem;
  border: 0.1rem solid #CECECE;
  border-radius: 6.2rem;
  padding: 0 1.2rem !important;
  min-height: 3.4rem;
  margin-right: 0.8rem;
  margin-bottom: 1rem;
  user-select: none;
}

.faq-site .faq-category-single.active, .faq-site .faq-category-single:hover {
  border-color: #FBE122;
  cursor: pointer;
  transition: .2s all linear;
}

.faq-site .faq-category-single.active .faq-amount, .faq-site .faq-category-single:hover .faq-amount {
  background-color: #FBE122;
}

.faq-site .faq-category-single .faq-name {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 400;
  letter-spacing: -1.2%;
  color: #242424;
  margin: 0 0.8rem 0 0;
}

.faq-site .faq-category-single .faq-amount {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #242424;
  min-width: 3.2rem;
  text-align: center;
  border-radius: 1.6rem;
  background-color: #F1F1F1;
  transition: .2s all linear;
}

.faq-site .faq-help {
  background-color: #FBE122;
  padding: 2.4rem 2.4rem 3.2rem;
  border-radius: 0.8rem;
}

.faq-site .faq-help .btn {
  background-color: #fff;
  border: none;
  border-radius: 5rem;
  min-width: 15.7rem;
  height: 3.4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: 400;
  color: #242424;
  transition: .2s all linear;
  padding: 0;
}

.faq-site .faq-help .btn:hover {
  background-color: #242424;
  color: #fff;
}

.faq-site .faq-help strong {
  margin-bottom: 1.6rem;
}

.faq-site .expand-questions {
  min-width: 9.3rem;
  display: inline-block;
  margin-left: auto;
  border: 0.1rem solid #cecece;
  border-radius: 0.8rem;
  margin-bottom: 1rem;
  padding: 0.6rem 0.8rem;
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: -1.2%;
  color: #8F8F8F;
  cursor: pointer;
  user-select: none;
  text-align: center;
}

.faq-site .expand-questions span:last-of-type {
  display: none;
}

.faq-site .expand-questions.active span:last-of-type {
  display: block;
}

.faq-site .expand-questions.active span:first-of-type {
  display: none;
}

.faq-site .expand-questions:hover {
  border-color: #FBE122;
}

.faq-site .expand-questions-outer {
  display: flex;
  justify-content: right;
  align-items: center;
}

.faq-site.popup .faq-popup {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0rem 0.4rem 4rem 0rem rgba(0, 0, 0, 0.4);
  border-radius: 0.8rem;
  z-index: 10;
}

.faq-site.popup .faq-popup-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.faq-site .form-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}

.faq-site .form-wrapper [type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.faq-site .faq-popup label.checkbox-wrapper {
  position: relative;
  padding-left: 2.4rem;
  user-select: none;
  color: #171920;
  line-height: 1.4rem;
  letter-spacing: -0.02rem;
}

.faq-site .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: 0.1rem solid rgb(206, 206, 206);
  width: 1.6rem;
  height: 1.6rem;
}

.faq-site .checkbox-wrapper input.error~.checkmark {
  border-color: #ea075c;
}

.faq-site .checkbox-wrapper input:checked~.checkmark:after {
  opacity: 1;
}

.faq-site .checkbox-wrapper .checkmark:after {
  content: "";
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/Tedgifted/images/check.svg);
  background-size: cover;
  background-position: center;
}

.faq-site .faq-popup {
  display: none;
  max-width: 60rem;
  width: 100%;
}

.faq-site .faq-popup .contact-form {
  padding: 2rem 2.4rem;
  max-width: unset;
  border-radius: 0.8rem;
}

.faq-site .faq-popup .form-title {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
  color: #171920;
  margin-bottom: 2rem;
}

.faq-site .faq-popup label  {
  font-size: 1.2rem;
  color: #8F8F8F;
  margin-bottom: 0.7rem;
}

.faq-site .faq-popup input {
  height: 4rem;
  padding: 0 1.2rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #CECECE;
  outline: none !important;
}

.faq-site .faq-popup input:focus, .faq-site .faq-popup input:hover {
  border-color: #FBE122;
}

.faq-site .faq-popup textarea {
  resize: none;
  height: 8rem;
  padding: 0.9rem 1.2rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #CECECE;
  outline: none;
}

.faq-site .faq-popup textarea:hover, .faq-site .faq-popup textarea:focus {
  border-color: #FBE122;
}

.faq-site .faq-popup p {
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: -0.02rem;
  color: #8F8F8F;
  margin-bottom: 2.4rem;
}

.faq-site .faq-popup button {
  height: 4.6rem;
  width: 100%;
  background-color: #FFE700;
  color: #171920;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: -0.02rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.2rem;
  border: none;
  transition: .2s all linear;
}

.faq-site .faq-popup button:hover {
  background: #171920;
  color: #fff;
}

.faq-site .faq-close {
  position: absolute;
  right: 2.4rem;
  top: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.faq-site.popup .infobox {
  padding: 2rem 2.4rem;
  max-width: 60rem;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  border-radius: 0.8rem;
}

.faq-site.popup .infobox .title.infobox-title {
  display: none !important;
}

.faq-site.popup .infobox img {
  margin-top: 4rem;
  margin-bottom: 1.2rem;
}

.faq-site.popup .txt.infobox-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.faq-site.popup .faq-confirm-close {
  width: 100%;
  height: 4.6rem;
  text-align: center;
  border-radius: 6.2rem;
  background: #E1E1E1;
  font-size: 1.8rem;
  letter-spacing: -0.02rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .2s all;
}

.faq-site.popup .faq-confirm-close:hover {
  background: #171920;
  color: #fff;
}

.faq-site.popup .close-popup {
  display: none !important;
}

.faq-site.popup .note {
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: -0.02rem;
  color: #8F8F8F;
  margin-bottom: 2.4rem;
}

.faq-site .parsley-errors-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: red;
  font-size: 1.2rem;
}

.faq-site input.parsley-error, .faq-site textarea.parsley-error {
  border-color: red !important;
}

.faq-site .checkbox-wrapper.parsley-error .checkmark {
  border-color: red;
}

div.product-breadcrumbs ul li .separated::after {
  border-bottom: 0.1rem solid #707070;
  border-right: 0.1rem solid #707070;
  width: 0.8rem;
  height: 0.8rem;
}

.product-breadcrumbs a {
  font-size: 1.2rem;
  color: #8F8F8F;
}

.product-breadcrumbs ul li:last-of-type a {
  color: #242424;
}

.product-breadcrumbs ul li a:hover {
  color: #242424 !important;
  text-decoration: underline ;
}

.product-breadcrumbs a:hover {
  color: #707070 !important;
  text-decoration: underline;
}

.faq-site .txt.infobox-txt .popup-email:hover {  
  color: #171920 !important;
  text-decoration: underline;
}

.resources-site {
  background-color: #f1f1f1; 
  position: static;
}

.resources-site .resources-inner {
  background-color: #FFF;
  border-radius: 0.8rem;
  padding: 2.4rem 2rem;
}

.custom-button {
  background-color: #000;
  color: #FFF;
  border: none;
  padding: 0.5rem 0.5rem;
  cursor: pointer;
  text-align: center;
  text-decoration: none; 
  display: inline-block;
}

.disabled-button {
  pointer-events: none;
  background-color: black;
  color: #FFF;
  padding: 0.5rem 0.5rem;
  border: none;
  display: inline-block;
}

#catTable{
  font-size: 1.6rem;
}

.col-sizes {
  width: 24%;;
}

#orderSummaryModal input[type="checkbox"]#register_agreement_1 {
  position: absolute;
}

#orderSummaryModal .modal-agreement-required .login-box-input-container.checkbox-container{
  display: flex;
  align-items: start;
  gap: 0.7rem;
  margin-top: 0.8rem;
  flex-wrap: wrap;
}

#orderSummaryModal input[type="checkbox"]#register_agreement_1 ~ label {
  margin-left: 2.4rem;
}

#orderSummaryModal input[type="checkbox"]#register_agreement_1 ~ label ~ .checkbox-error-message { 
  width: 100%;
}

#chat-widget-container[style*="height: 84px"][style*="width: 84px"] ~ #livechat-eye-catcher > :first-child {
  top: 40px !important;
  right: 53px !important;
}

@media (max-width: 600px) {
  #livechat-eye-catcher {
    display: none !important;
  }
  #chat-widget-container[style*="height: 84px"][style*="width: 84px"] {
    margin-bottom: 0 !important;
    scale: .5;
    right: -24px !important;
  }
  #chat-widget-minimized [dir="ltr"]{
    padding: 0;
  }
  #chat-widget-minimized [data-lc-id="1"] {
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
  }
  #chat-widget-minimized svg {
    width: 20px;
    height: 20px;
  }
  div#chat-widget-container {
    margin: 0 !important;
    position: fixed !important;
  }
}