@charset "UTF-8";
.singleproduct .topproduct {
  position: relative;
  min-height: 720px;
}
.singleproduct .topproduct > .infoproduct {
  position: relative;
  z-index: 1;
}
.singleproduct .topproduct > .infoproduct .width50 {
  width: calc(50% - 55px);
  padding-left: 35px;
}
.singleproduct .topproduct > .infoproduct .header {
  min-height: 170px;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-top: 15px;
}
.singleproduct .topproduct > .infoproduct .header p {
  font-size: 17px;
}
.singleproduct .topproduct > .infoproduct .header p span {
  margin: 2px 0 0 5px;
  font-size: 17px;
  font-weight: 300;
}
.singleproduct .topproduct > .infoproduct .header h1 {
  margin-top: -10px;
  font-size: 40px;
  color: var(--white);
  margin-bottom: 4px;
}
.singleproduct .topproduct > .infoproduct .intro {
  padding-top: 35px;
}
.singleproduct .topproduct > .infoproduct .intro .hbox {
  padding-top: 5px;
  font-size: 19px;
  color: var(--dark);
  font-weight: 600;
}
.singleproduct .topproduct > .infoproduct .intro .hbox i {
  font-size: 20px;
  margin-right: 9px;
  margin-top: -5px;
}
.singleproduct .topproduct > .infoproduct .intro > p {
  margin-top: 5px;
  font-size: 16px;
  line-height: 2;
  color: var(--lgrey);
}
.singleproduct .topproduct > .infoproduct .params {
  align-items: center;
  display: flex;
  margin-top: 22px;
}
.singleproduct .topproduct > .infoproduct .params .parintro p {
  font-size: 17px;
  margin-top: 3px;
}
.singleproduct .topproduct > .infoproduct .params .parintro p span {
  margin: 2px 0 0 5px;
  font-size: 17px;
  font-weight: 300;
}
.singleproduct .topproduct > .infoproduct .params .parintro h4 {
  font-size: 22px;
  color: var(--dark);
  margin-top: -6px;
}
.singleproduct .topproduct > .infoproduct .params .par_info {
  border: 1px solid #c1c1cc;
  padding: 0 8px;
  margin-left: 25px;
  display: flex;
  justify-content: flex-start;
}
.singleproduct .topproduct > .infoproduct .params .par_info .item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 16px 16px 8px;
}
.singleproduct .topproduct > .infoproduct .params .par_info i {
  font-size: 24px;
  margin-right: 12px;
}
.singleproduct .topproduct > .infoproduct .params .par_info strong {
  font-size: 20px;
  color: var(--dark);
  margin-top: -4px;
  display: block;
}
.singleproduct .topproduct > .infoproduct .params .par_info span {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: var(--lgrey);
  margin-top: -11px;
}
.singleproduct .topproduct > .infoproduct .contactproduct {
  background-color: #f5f5f5;
  padding: 28px 35px;
  margin: 28px 0 0 -35px;
}
.singleproduct .topproduct > .infoproduct .contactproduct .top {
  justify-content: flex-start;
}
.singleproduct .topproduct > .infoproduct .contactproduct .formprice {
  height: 58px;
  background-color: var(--main-color);
  padding: 0 20px;
}
.singleproduct .topproduct > .infoproduct .contactproduct .formprice i.fi-rs-form {
  font-size: 24px;
  margin-right: 14px;
  color: var(--dark);
}
.singleproduct .topproduct > .infoproduct .contactproduct .formprice span {
  line-height: 1.3;
  color: var(--white);
  font-size: 13px;
  padding-right: 20px;
  padding-top: 2px;
}
.singleproduct .topproduct > .infoproduct .contactproduct .formprice i.fi-rs-angle-small-right {
  color: #c10b1b;
  font-size: 20px;
}
.singleproduct .topproduct > .infoproduct .contactproduct .contactphone {
  margin-left: 40px;
}
.singleproduct .topproduct > .infoproduct .contactproduct .contactphone i {
  font-size: 24px;
  margin-right: 19px;
}
.singleproduct .topproduct > .infoproduct .contactproduct .contactphone span {
  font-size: 15px;
  color: var(--main-color);
  font-weight: 300;
  margin-top: 3px;
}
.singleproduct .topproduct > .infoproduct .contactproduct .contactphone strong {
  display: block;
  margin-top: -8px;
  color: var(--dark);
  font-size: 19px;
}
.singleproduct .topproduct > .infoproduct .contactproduct > p {
  color: #939393;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.8;
  margin-top: 25px;
}
.singleproduct .topproduct:before {
  position: absolute;
  height: 170px;
  background: var(--dark);
  content: "";
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.singleproduct .mainimage {
  position: absolute;
  z-index: 2;
  width: calc(50% + 55px);
}
.singleproduct .mainimage .center {
  position: absolute;
  right: 0;
  margin: 0 auto;
  bottom: 33px;
}
.singleproduct .mainimage .center .size {
  font-size: 15px;
  font-weight: 300;
  color: var(--white);
  display: flex;
  align-items: center;
  line-height: 0;
  padding-top: 5px;
}
.singleproduct .mainimage .center .size i {
  font-size: 24px;
  margin-right: 17px;
  margin-top: -5px;
}
.singleproduct .mainimage .more {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
  width: 100%;
}
.singleproduct > .middle {
  margin-top: 82px !important;
  position: relative;
}
.singleproduct > .middle .navlist {
  min-height: 80px;
  display: flex;
  justify-content: space-around;
  border: 1px solid #ededfb;
  padding-top: 6px;
}
.singleproduct > .middle .navlist a {
  margin: 25px;
  color: var(--dark);
  font-size: 16px;
  font-weight: 700;
}
.singleproduct > .middle .navlist a i {
  line-height: 1;
  margin-right: 7px;
  font-size: 20px;
  color: #545353;
}
.singleproduct > .middle .navlist a.active i {
  color: var(--main-color);
}
.singleproduct > .middle .content {
  margin-top: 34px;
}
.singleproduct > .middle .content .item-text {
  padding-left: 35px;
  border-left: 1px solid var(--main-color);
}
.singleproduct > .middle .content .item-text h2 {
  font-size: 22px;
  color: var(--dark);
  width: 90%;
}
.singleproduct > .middle .content .item-text h3 {
  color: #656572;
  font-size: 17px;
  font-weight: 600;
  width: 90%;
}
.singleproduct > .middle .content .item-text p {
  font-size: 16px;
  line-height: 2;
  color: var(--lgrey);
}
.singleproduct > .middle .content .item-text > * + * {
  margin-top: 12px;
}
.singleproduct > .middle .content .item-text > h2 + h3 {
  margin-top: 2px;
}
.singleproduct > .middle .width50 {
  width: calc(50% - 35px);
}
.singleproduct > .middle .gallery.masonry {
  top: 0;
  width: 50%;
  right: 0;
  position: absolute;
}
.singleproduct > .middle .gallery.masonry .grid {
  margin: -7.5px 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Responsywna liczba kolumn */
  grid-gap: 20px; /* Odstęp między elementami */
}
.singleproduct > .middle .gallery.masonry .grid-item {
  margin: 7.5px 0;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  width: calc(33% - 12px);
}

.quotationbox {
  position: relative;
  background: var(--dark);
  margin-top: 82px;
}
.quotationbox .com-baforms-wrapper {
  margin-left: 330px;
  padding: 82px 0;
}
.quotationbox .com-baforms-wrapper .ba-form-field-item,
.quotationbox .com-baforms-wrapper .ba-input-wrapper:has(textarea) {
  height: 100%;
}
.quotationbox .com-baforms-wrapper .ba-form-field-item .ba-field-container,
.quotationbox .com-baforms-wrapper .ba-input-wrapper:has(textarea) .ba-field-container {
  height: calc(100% - 50px);
}
.quotationbox .com-baforms-wrapper .ba-form-field-item .ba-field-container textarea,
.quotationbox .com-baforms-wrapper .ba-input-wrapper:has(textarea) .ba-field-container textarea {
  height: 100%;
}
.quotationbox .com-baforms-wrapper .ba-form-field-item .ba-field-container:has(select),
.quotationbox .com-baforms-wrapper .ba-input-wrapper:has(textarea) .ba-field-container:has(select) {
  position: relative;
}
.quotationbox .com-baforms-wrapper .ba-form-field-item .ba-field-container:has(select):after,
.quotationbox .com-baforms-wrapper .ba-input-wrapper:has(textarea) .ba-field-container:has(select):after {
  content: "\f134";
  position: absolute;
  right: 13px;
  font-size: 20px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  color: #bcbec0;
}
.quotationbox .com-baforms-wrapper .ba-form-field-item .ba-field-container:has(.ba-form-checkbox),
.quotationbox .com-baforms-wrapper .ba-input-wrapper:has(textarea) .ba-field-container:has(.ba-form-checkbox) {
  margin-top: 0;
}
.quotationbox .com-baforms-wrapper input {
  padding-top: 5px;
}
.quotationbox .com-baforms-wrapper .ba-field-container select:not([multiple]) {
  padding-top: 5px;
}
.quotationbox .com-baforms-wrapper .ba-form-submit-btn {
  padding-top: 25px;
}
.quotationbox .com-baforms-wrapper .insideparin {
  position: relative;
}
.quotationbox .com-baforms-wrapper .insideparin input {
  padding: 18px 95px 12px 15px !important;
}
.quotationbox .com-baforms-wrapper .insideparin .parin {
  position: absolute;
  right: 14px;
  top: 14px;
  bottom: 14px;
  min-width: 70px;
  padding: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #dadce2;
  font-size: 13px;
  color: #848499;
  padding-top: 2px;
}
.quotationbox:before {
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(50% - 350px);
  content: "";
  position: absolute;
  background: url(form-bg.webp) no-repeat center/cover;
}
.quotationbox .ba-checkbox-wrapper span.ba-form-checkbox-title {
  color: var(--white);
  font-size: 16px;
  padding-top: 3px;
  display: block;
}
.quotationbox .ba-form-checkbox-group-wrapper {
  margin-top: -10px;
}
.quotationbox .ba-form-dropdown-field select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.quotationbox .ba-form-acceptance-html p {
  color: var(--white) !important;
  padding-top: 3px;
}

.singleproduct .sharebox.sharebuttons {
  position: absolute;
  right: 30px;
  bottom: -10px;
  z-index: 100;
}

.singleproduct .sharebox > p {
  text-align: right;
  color: var(--white);
  font-size: 13px;
  font-weight: 300;
  margin-bottom: -12px;
}

.singleproduct .sharebox.sharebuttons .moduletable {
  margin-right: -10px;
}

.singleproduct .sharebox.sharebuttons .rrssb-buttons li {
  margin: 0;
  padding-top: 6px;
}

.singleproduct .sharebox.sharebuttons .moduletable a {
  opacity: 0.7;
  transition: all 200ms linear;
}

.singleproduct .sharebox.sharebuttons .moduletable a:hover {
  opacity: 1;
}

.mainimagesecond {
  display: none;
}

@media (max-width: 1200px) {
  .quotationbox .com-baforms-wrapper {
    margin-left: 0;
  }
  .quotationbox:before {
    display: none;
  }
  .ba-form-page {
    padding: 0 !important;
  }
}
@media (max-width: 1150px) {
  .singleproduct .topproduct > .mainimage {
    display: none;
  }
  .singleproduct .topproduct > .infoproduct .width50 {
    width: 100%;
    padding: 0;
  }
  .mainimagesecond {
    display: block;
    margin-top: 82px;
    width: 100% !important;
    position: relative !important;
  }
  .mainimagesecond img {
    width: 100%;
  }
  .singleproduct .mainimage .center {
    width: 100% !important;
  }
}
@media (max-width: 980px) {
  .singleproduct > .middle {
    flex-wrap: wrap;
  }
  .singleproduct > .middle .width50,
  .singleproduct > .middle .gallery.masonry {
    width: 100%;
    position: relative;
  }
  .singleproduct > .middle .gallery.masonry {
    padding: 0 30px;
    width: calc(100% - 0px);
    margin-top: 40px;
  }
}
@media (max-width: 720px) {
  .singleproduct .topproduct > .infoproduct .params {
    flex-wrap: wrap;
  }
  .singleproduct .topproduct > .infoproduct .params > * {
    width: 100%;
  }
  .singleproduct .topproduct > .infoproduct .params .par_info {
    margin: 15px 0 0 0;
  }
}
@media (max-width: 600px) {
  .singleproduct > .middle .navlist a {
    margin: 10px;
  }
  .singleproduct > .middle .navlist a i {
    font-size: 22px;
  }
  .singleproduct > .middle .navlist a strong {
    font-size: 12px;
  }
}
@media (max-width: 550px) {
  .singleproduct .topproduct > .infoproduct .contactproduct .top {
    flex-wrap: wrap;
  }
  .singleproduct .topproduct > .infoproduct .contactproduct .top .formprice {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .singleproduct .topproduct > .infoproduct .contactproduct .top .contactphone {
    margin: 0 auto;
  }
}
@media (max-width: 430px) {
  .singleproduct > .middle .navlist a {
    margin: 10px;
  }
  .singleproduct > .middle .navlist a i {
    font-size: 26px;
  }
  .singleproduct > .middle .navlist a strong {
    display: none;
  }
}/*# sourceMappingURL=single.css.map */