#main-new .promotion2 {
  padding: 20px;
}

#main-new #promotion2-teaser.long {
  max-width: 1180px;
  margin: auto;
}

#main-new .owl-carousel {
  aspect-ratio: calc(1920/800);
}

#main-new .owl-carousel .item:not(:first-of-type) {
  display: none;
}

#main-new #simple-search, #main-cart #simple-search, #main-search #simple-search {
  display: flex;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px;
  box-sizing: border-box;
  text-shadow: none;
  line-height: 1em;
  background-color: #fff;
}

.main-slider {
  z-index: 1;
}

#main-info .comments .text {
  display: block;
  max-height: 75px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#main-search .main-slider {
  position: relative;
  padding-bottom: 1.5rem;
  background-color: #252525;
}

#main-search .main-slider header, #main-compare .main-slider header {
  padding: 25px;
  color: #fff;
}

#main-search .main-slider header h1, #main-compare .main-slider header h1 {
  text-transform: uppercase;
}

#main-search .main-slider header h1, #main-search .main-slider header h2 {
  text-shadow: 1px 1px 3px #000;
  font-weight: 100;
}

#main-search .owl-carousel .item {
  display: block;
  position: relative;
  width: 340px;
  margin: auto;
  padding: 10px;
  background: #fff;
  box-sizing: border-box;
  border-radius: 5px;
}

#main-search .owl-carousel .item img {
  display: block;
  width: 100%;
  height: 185px;
}
#main-search .owl-carousel .item.banner img { margin-bottom: 30px; }

#main-search .owl-carousel .item img:hover { opacity: 0.75;}

#main-search .owl-carousel .item > .delete {
  position: absolute;
  display: none;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 30px;
  text-align: center;
  color: #000;
  text-decoration: none;
}

#main-search .owl-carousel .item:hover > .delete {
  display: block;
}

#main-search .owl-carousel .item:hover > .delete:hover {
  color: #ca1d61;
  border-color: #ca1d61;
}

#main-search .owl-carousel .item .name {
  width: 100%;
  height: 36px;
  background: #eee;
  margin: 0;
}

#main-search .owl-carousel .item .name li {
  float: left;
  display: block;
  height: 36px;
  padding: 8px;
  box-sizing: border-box;
  color: #fff;
  font-size: 15px;
}

#main-search .owl-carousel .item .name li.symbol {
  background: #ca1d61;
}

#main-search .owl-carousel .item .name li.area {
  background: #000;
}

#main-search h3, #main-compare h3 {
  margin: 0;
  padding: 20px;
  font-size: 22px;
}

#main-search h3, #main-compare h3 span { text-transform: none; }

#main-search .projects, #main-compare .projects {
  clear: both;
  background: #fff;
}

#main-search .projects h2, #main-compare .projects h2 {
  margin: 0;
  padding: 40px 20px 0 20px;
  font-size: 30px;
  font-weight: 100;
  text-transform: uppercase;
}

#main-search .projects .projects-listing > ul > li, #main-compare .projects .projects-listing > ul > li {
  width: 20%;
}

#main-compare {
  margin-top: 60px;
}

#main-compare .main-slider {
  position: relative;
  padding-bottom: 100px;
}

#main-compare .main-slider header h1 {
  padding-left: 190px;
}

#main-compare .main-slider .box {
  width: 100%;
  padding: 0 30px;
  margin: auto;
  box-sizing: border-box;
}

#main-compare .main-slider .box > ul.features {
  float: left;
  display: block;
  width: 180px;
  padding-top: 170px;
  color: #999;
}

#main-compare .main-slider .box > .features li { display: block; }
#main-compare .main-slider .box > .features .double, #main-compare .main-slider .list .features .double {
  height: 40px;
}

#main-compare .main-slider .draggable {
  float: left;
  width: calc(100% - 180px);
  height: 505px;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
}

#main-compare .main-slider .list > li {
  float: left;
  display: block;
  width: 230px;
  margin: 0 5px;
  padding: 0;
  background: #fff;
}

#main-compare .main-slider .list > li img {
  display: block;
  width: 100%;
}

#main-compare .main-slider .list > li img:hover { opacity: 0.75;}

#main-compare .main-slider .list .name {
  width: 100%;
  height: 30px;
  background: #eee;
}

#main-compare .main-slider .list .name li {
  float: left;
  display: block;
  height: 30px;
  padding: 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
}

#main-compare .main-slider .list .name li.symbol {
  background: #ca1d61;
}

#main-compare .main-slider .list .name li.area {
  background: #000;
}

#main-compare .main-slider .list .features {
  margin: 12px auto;
  padding: 0 10px;
  font-size: 12px;
  list-style: none;
}

#main-compare .main-slider .list .features li > b { display: none; }

#main-cart .mc h1, #main-mc .mc h1 {
  margin: 40px 0;
  font-size: 34px;
  text-transform: uppercase;
  text-align: center;
}

.mc-listing-big ul li {
  width: 25%;
}

.mc-listing-big.count-3 ul li { width: 33.333%; }
.mc-listing-big.count-2 ul li { width: 50%; }
.mc-listing-big.count-1 ul li { width: 100%; }

#main-mc .slider, #main-cart.ordered .main-slider {
  height: 550px;
}

#main-mc .main-slider header {
  top: 50px;
}

#main-mc .main-slider header h1 {
  font-weight: 100;
  font-size: 50px;
  text-transform: uppercase;
  line-height: 30px;
}

#main-mc .main-slider header p {
  font-weight: 100;
  font-size: 26px;
}

#main-mc .main-slider img {
  position: absolute;
  top: 180px;
  left: 50%;
  width: auto;
  height: auto;
  margin-left: -222.5px;
  filter: brightness(1);
  -webkit-filter: brightness(1);
}

#main-mc video {
  width: 1920px;
}

#main-mc .pwc header, #main-cart.ordered .pwc header {
  margin-bottom: 40px;
  text-align: center;
}

#main-mc .pwc h1, #main-cart.ordered .pwc h1 {
  margin: 20px 0 10px 0;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 100;
  line-height: 30px;
  color: #666;
}

#main-mc .pwc h2, #main-cart.ordered .pwc h2 {
  font-size: 40px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 40px;
}

#main-mc .pwc p, #main-cart.ordered .pwc p {
  font-size: 18px;
  color: #666;
}

#main-cart.ordered .main-slider header {
  top: 100px;
  z-index: 2;
}

#main-cart.ordered .main-slider > img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1920px;
  height: 792px;
  margin-left: -960px;
  margin-top: -100px;
  -webkit-filter: blur(4px) brightness(0.6);
  filter: blur(4px) brightness(0.6);
  z-index: 1;
}

#main-cart.ordered .main-slider header > p { color: #090; }
#main-cart.ordered .main-slider .button {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 15px;
  background: #999;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
}
#main-cart.ordered .main-slider .button:hover {
  opacity: 0.7;
}

.count-3 .construction-offer {
  width: 33.3333%;
}

.count-2 .construction-offer {
  width: 50%;
}

.count-1 .construction-offer {
  width: 100%;
}

#main-mc .what-next, #main-cart.ordered .what-next {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 100;
  text-align: center;
  line-height: 60px;
}

#main-mc .adaptation, #main-cart.ordered .adaptation {
  padding: 30px;
  background: #ca1d61;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
}

#main-mc .adaptation header, #main-cart.ordered .adaptation header {
  text-transform: uppercase;
}

#main-mc .adaptation h1, #main-cart.ordered .adaptation h1 {
  font-size: 40px;
  font-weight: normal;
  line-height: 40px;
}

#main-mc .adaptation h2, #main-cart.ordered .adaptation h2 {
  font-size: 26px;
  font-weight: 100;
  line-height: 26px;
}

#main-mc .adaptation .content, #main-cart.ordered .adaptation .content {
  max-width: 700px;
  margin: 20px auto;
  font-size: 18px;
  font-weight: 100;
  line-height: 1.5em;
}

#main-mc .adaptation .content ul, #main-cart.ordered .adaptation .content ul {
  display: block;
  margin: 20px auto;
}

#main-mc .adaptation .content ul li, #main-cart.ordered .adaptation .content ul li {
  list-style: inside disc;
}

#main-mc .adaptation .content .get-adaptation, #main-cart.ordered .adaptation .content .get-adaptation {
  display: block;
  max-width: 200px;
  margin: auto;
  padding: 15px;
  background: #fff;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  color: #ca1d61;
}

#main-mc .adaptation .content .get-adaptation:hover, #main-cart.ordered .adaptation .content .get-adaptation:hover {
  opacity: 0.75;
}

#main section.offer {
  max-width: 1600px;
  width: 100%;
  margin: 5px auto 10px auto;
  padding: 0 40px;
  box-sizing: border-box;
  font: 12px 'Open Sans', Arial, sans-serif;
  color: #333;
}

#about-z500 {
  font-size: 1em;
  line-height: 1.5;
}

#about-z500 {
  width: 100%;
  max-width: 1600px;
  margin: auto;
  padding: 0 40px 40px 40px;
  box-sizing: border-box;
}

#about-z500 > header {
  font-family: inherit;
  font-size: 16px;
  text-align: center;
}

#about-z500 section {
  max-width: 992px;
  margin: auto;
  padding: 10px;
  font-size: 16px;
  text-align: justify;
}

#about-z500 section p {
  margin-bottom: 1.2rem;
}

#about-z500 section p strong { font-weight: bold; }
#about-z500 section p sup { line-height: 1; }
#about-z500 section h4 {
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
}
#about-z500 section ul {
  margin-left: 5rem;
}

#about-z500 section a {
  font-weight: normal;
  color: var(--link-color);
}

#about-z500 > header h2 {
  margin: 0.7em 0 0.5em 0.1em;
  padding: 0;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 100;
}

#about-z500 h3 { font-size: 20px; margin-top: -20px; padding-bottom: 30px; text-align: center; text-transform: uppercase; }
#main section.offer { position: relative; padding-top: 40px; margin-top: -10px; }
#main .offer a.more { display: block; margin: 0 auto; position: relative; top: -30px; font-size: 18px; width: 170px; color: #ca1d61; font-weight: bold; text-decoration: none; }
#main .offer a.more div { position: absolute; right: 5px; top: 7px; color: #ca1d61; font-size: 14px; }
#about-z500 { padding-top: 20px; }
#main section.offer .column { width: 25%; height: auto; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px 20px 60px 20px; background: #fff; border: 1px solid #e4e4e4; border-left: 0; position: relative; }
#main div.offer > div:nth-of-type(1) { border-left: 1px solid #e4e4e4; }
#main div.offer .offer-top { width: 220px; height: 120px; margin: auto; display: none; }
#main div.offer .offer-body { height: 330px; font-size: 14px; line-height: 1.5em; }
#main div.offer > div:nth-of-type(3) .offer-top { background-position: 0 -120px; }
#main div.offer > div:nth-of-type(4) .offer-top { background-position: 0 -240px; }
#main div.offer > div:nth-of-type(5) .offer-top { background-position: 0 -360px; }
#main div.offer h4 { text-transform: uppercase; color: #ca1d61; font-size: 30px; font-weight: 100; }
#main div.offer ul { margin: 1em 0; }
#main div.offer ul li { list-style: inside disc; }
#main div.offer > div p:first-of-type { font-weight: bold; margin-bottom: 5px; }
#main div.offer a.button { display: block; text-transform: uppercase; color: #fff; background: #ca1d61; text-align: center; width: 170px; padding: 7px 0; font-weight: bold; position: absolute; bottom: 20px; right: 20px; }
#main div.offer > div:nth-of-type(4) a.button { background: #bfd911; color: #000; }
#main div.offer .offer-body a { position: relative; top: 7px; color: #ca1d61; text-decoration: underline; }

@media screen and (max-width: 1620px) {
  #main-search .projects .projects-listing > ul > li, #main-compare .projects .projects-listing > ul > li { width: 25%; }
  .mc-listing-big ul li { width: 33.3333%; }
}

@media screen and (max-width: 1365px) {
  #main-search .projects .projects-listing > ul > li, #main-compare .projects .projects-listing > ul > li { width: 33.3333%; }
}

@media screen and (max-width: 1240px) {
  #about-z500 section { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 20px; -webkit-column-gap: 20px; -moz-column-gap: 20px; }
}

@media screen and (max-width: 1160px) {
  #main-cart .main-slider .choices { display: none; }
  #main-cart > .choices { display: flex; }
  .mc-listing-big ul li { width: 50%; }
}

@media screen and (max-height: 1023px) {
  .owl-carousel .item.missing { display: none; }
}

@media screen and (max-width: 1024px) {
  #main-search .projects h2, #main-compare .projects h2, #main-search h3, #main-compare h3 { text-align: center; }
  #main-search .projects .projects-listing > ul > li, #main-compare .projects .projects-listing > ul > li { width: 50%; }
  #main-search .owl-carousel .item > .delete { display: block; }
  #main-compare .main-slider header h1 { padding-left: 0; }
  #about-z500 section { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 20px; -webkit-column-gap: 20px; -moz-column-gap: 20px; }
}

@media screen and (max-width: 991px) {
  #main-cart .main-slider header h1 { max-width: 450px; margin: auto; font-size: 24px; }
  #main-cart .main-slider header h2 { font-size: 36px; }
  #main-cart .main-slider header p { margin-top: 10px; font-size: 18px; }
  #main-cart .main-slider .choices { top: auto; bottom: -588px; left: 50%; width: 320px; height: 495px; margin-left: -160px; }
  #main-cart .main-slider .choice { float: none; width: 320px; padding: 30px; }
  #main-cart .main-slider .choice span { font-size: 34px; }
  .mc-listing-big ul li { width: 100%; }
}

@media screen and (max-width: 720px) {
  #main-search .projects .projects-listing > ul > li, #main-compare .projects .projects-listing > ul > li { width: 100%; }
  #main-compare .main-slider .list .features li { line-height: 22px; text-align: right; }
  #main-compare .main-slider .list .features li > b { display: inline-block; width: 140px; text-align: left; float: left; }
  #main-compare .main-slider .list > li { width: 300px; height: 660px;}
  #main-compare .main-slider .box > ul.features { display: none; }
  #main-compare .main-slider .draggable { width: 100%; height: 680px; }
  #about-z500 section { padding: 0; }
}

@media screen and (max-width: 600px) {
  #about-z500 > header h2 { font-size: 36px; }
  #main div.offer { padding: 0; }
}

@media screen and (max-width: 449px) {
  #main-cart .main-slider header h1 { max-width: 280px; font-weight: normal; font-size: 22px; }
  #main-cart .main-slider header h1 i { display: none; }
  #main-cart .main-slider header p { display: none; }
  #main-search .main-slider .draggable { width: calc(100% - 30px); height: 300px; }
  #main-new .owl-carousel .item .delete-msg { height: 264px; }
  #main-cart:not(.ordered) .main-slider header { margin-top: -58px; }
  #main-cart .main-slider header h1 { max-width: 200px; font-size: 16px; }
  #main-cart .main-slider header h2 { font-size: 36px; }
  #main-cart .main-slider .choices { width: 300px; margin-left: -150px; }
  #main-cart .main-slider .choice { width: 280px; padding: 30px 10px; }
  #main-cart .mc h1, #main-mc .mc h1 { padding: 0 10px; font-size: 24px; }
  #about-z500 { padding: 20px 10px 0 10px; }
}

/* -------------------------------------------------------- */
/* poniżej umieszczone są reguły dla strategii mobile-first */
/* -------------------------------------------------------- */

.main-page .collections-layer {
  width: 100%;
  background: #fff;
}

.main-page .collections-layer > h2 {
  margin: 0;
  padding: 0 20px 20px 20px;
  font-size: 30px;
  font-weight: 100;
  text-transform: uppercase;
}

#main-cart, #main-mc {
  background: #fff;
  color: #333;
}

#main-cart .project-in-cart header, #main-mc .project-bought header {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  text-align: center;
  color: #fff;
  filter: drop-shadow(1px 1px 3px #000);
  line-height: 2;
}

#main-mc .project-bought p {
  background-color: #00000044;
  font-size: 16px;
}

#main-cart .project-in-cart h1, #main-mc .project-bought h1 {
  font-weight: bold;
  font-size: 32px;
}

#main-cart .project-in-cart a {
  display: block;
  margin: auto;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
}

#main-cart .project-in-cart img, #main-mc .project-bought img {
  width: 100%;
}

#main-cart .choice {
  display: block;
  width: 320px;
  margin: 10px;
  padding: 30px;
  background: #fff;
  border: 1px solid #d4d4d4;
  box-sizing: border-box;
  text-align: center;
  color: #333;
}

#main-cart .choice > p {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2.4em;
  line-height: 1.5;
  vertical-align: middle;
  font-size: 16px;
}

#main-cart .choice span {
  color: #ca1d61;
  font-size: 38px;
  font-weight: 100;
}

#main-cart .choice:nth-of-type(3) span {
  color: #999;
}

#main-cart .choice .button {
  display: block;
  margin-top: 5px;
  padding: 20px;
  background: #ca1d61;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

#main-cart .choice:nth-of-type(3) .button {
  background: #bfd911;
}

#main-cart .choice .button:hover {
  opacity: 0.75;
}

#main-header #header {
  margin: 0;
  display: flex;
  height: 100%;
  align-items: center;
  width: 100%;
}

#main-header #header .top-bar {
  background-color: #252525;
  width: 100%;
}

#main-header #header .top-bar > *:after {
  border-right: none;
}

#main-new .embed-iframe, #main-new .embed-iframe img {
  width: 100%;
}

iframe {
  width: 100%;
}

@media (min-width: 768px) {

  #main-new {
    margin-top: 0;
  }

  #main-cart .project-in-cart img, #main-cart .project-bought img {
    max-height: 360px;
  }
}

@media (min-width: 992px) {
  #main-mc .project-bought h1 {
    font-size: 38px;
  }

  #main-cart .project-in-cart img, #main-cart .project-bought img {
    max-height: 400px;
  }
}

@media (min-width: 1200px) {
  #main-cart .project-in-cart img, #main-cart .project-bought img {
    max-height: 500px;
  }
}
/* ------------------------------------------------------------------------------------------- */
/* koniec bloku reguł dla strategii mobile-first, nie umieszczać reguł poniżej tego komentarza */
/* ------------------------------------------------------------------------------------------- */