@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');


html, body, div, span, h1, h2, h3, h4, p, a, img, ol, ul, li, form, label, table, tbody, tr, th, td {
	margin:0;
	padding:0;
	font-size:16px;
}

h1, h2, h3, h4, h5, strong {
	font-weight:700;
}

img {
	max-width:100%;
	
}
body {
	text-align:left;
	color:#646874;
	background-color:#ffffff;
  font-family: 'Montserrat', sans-serif;
    text-rendering: optimizeLegibility;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;

}

body * {
	box-sizing:border-box;
}

::selection {
    color: #ffffff;
    background-color: #e31818;
}
::-moz-selection {
    color: #ffffff;
    background-color: #e31818;
}

h2 {
	font-size:2.25rem;
	font-weight:400;
	padding-top:2rem;
	padding-bottom:2rem;
}

.center {
	text-align:center;
}
a {
  color:inherit;
}

p.intro {
	font-size:1rem;
	line-height:2;
	padding-left:1rem;
}
@media (max-width:768px) {
	p.intro {
		padding-left:0;
	}
}
body.subpage {
	background:url("/gfx/bg-page-roof.svg") no-repeat top center;
	background-position:80% -80px;
	background-size:900px;
}

.row {
  width:100%;
  position:relative;
  z-index:10;
}

.container {
  max-width:1366px;
	flex:0 1 1366px;
  margin:0 auto;
  padding:0 2rem;
}
@media (max-width:600px) {
  .container {
    padding:0 1rem;
  }
}

footer {
  background-color:#272831;
  width:100%;
  padding:2rem 0;
	margin-top:2rem;
}
footer p.contact {
  font-size:1rem;
  color:#ffffff;
  line-height:1.5;
  padding-top:1rem;
}
footer .flex-25:first-of-type p.contact {
  padding-right:1rem;
}
@media (max-width:600px) {
	footer .flex-25 {
		flex:0 0 50%;
	}
	footer .flex-25 p.contact {
		padding-bottom:1rem;
	}
}
@media (max-width:480px) {
	footer .flex-25 {
		flex:0 0 100%;
	}
}
footer p.copyright {
  font-size:0.75rem;
  padding-top:2rem;
  color:rgba(255,255,255,.6);
}
@media (max-width:992px) {
  footer p.copyright {
    text-align:center;
  }
}
.flex {
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:space-between;
}


.flex-column {
  display:flex;
  flex-wrap:no-wrap;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
}

.align-items-center,
.flex-center-vertical {
	align-items:center;
}

.flex-nowrap {
	flex-wrap:nowrap;
}
.align-items-start {
	align-items:flex-start;
}

.align-items-end {
	align-items:flex-end;
}
.text-right {
  text-align:right;
}
.justify-space-between,
.vertical-stretch {
  
  justify-content:space-between;
}

.justify-end {
  
  justify-content:flex-end;
}

.flex-25 {
  flex:0 0 25%;
}
.flex-50 {
  flex:0 0 50%;
}
.flex-66 {
  flex:0 0 66%;
}

.flex-33 {
  flex:0 0 33%;
}

.flex-330 {
  flex:0 1 330px;
}

.flex-66.container {
	max-width:auto;
	margin:0;
}

@media (max-width:768px) {
	.flex-50 {
		flex:0 0 100%;
	}
}

@media (max-width:992px) {
	.row.topStrip .flex .flex-66 {
		flex:0 0 100%;
	}
	.row.categoryStrip .flex .flex-66 {
		flex:0 0 100%;
	}
  footer .flex .flex-50 {
    flex:0 0 100%;
  }
}

.no-padding {
	padding:0;
}

footer .logo {
  text-align:right;
}
footer .logo  img {
  width:100%;
  max-width:150px;
}
@media (max-width:992px) {
  footer .logo {
    text-align:center;
    padding-bottom:1rem;
  }
  footer .text-right {
    text-align:center;
  }
}
footer ul.menu {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
footer ul.menu li {
	display:inline-block;
	font-size:1rem;
  color:#fff;
}
footer ul.menu li + li {
	margin-left:1rem;
}

footer ul.menu li a {
	color:inherit;
  font-weight:400;
	text-decoration:none;
}

footer ul.menu li a:active,
footer ul.menu li a:hover {
	text-decoration: underline;
	/*color:#3988c1;*/
}

@media (max-width:600px) {
	footer ul.menu li {
		display:block;
		padding-bottom:1rem;
		
	}
	footer ul.menu li + li {
		margin-left:0;
	}
}



.breadcrumbs {
	color:#fff;
	padding:4rem 0 0 0 ;
	position:relative;
}

.breadcrumbs a {
	color:inherit;
	text-decoration:none;
	display:inline-block;
	padding:8px 0px;
	font-size:0.85rem;
}
.breadcrumbs span {
	padding:0px 10px;
}

.breadcrumbs a:active,
.breadcrumbs a:hover {
	color:rgba(255,255,255,.8);
	text-decoration: underline;
}

.mainCategory, .mainCategoryName {
	position:relative;
	font-size:3.5rem;
	font-weight:700;
	text-align:left;
	color:#fff;
}
.mainCategoryName {
	font-size:36px;

}

.mainCategory.sub {
	padding-top:0px;
  padding-bottom:20px;
}
@media (max-width:768px) {
  .mainCategory {
    text-align:center;
  }
  .mainCategory.sub {
    text-align:left;
  }
}
@media (max-width:560px) {
  .mainCategoryName {
    text-align:center;
  }
  
}
@media (max-width:480px) {
	.mainCategory {
		font-size:36px;
		line-height:40px;
    text-align:center;
	}
	
	.mainCategory.sub {
		font-size:36px;
		line-height:40px;
    text-align:left;
	}
}

.mainCategoryName a {
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  text-decoration:none;
}
.mainCategoryName a:active,
.mainCategoryName a:hover {
  text-decoration: underline;
}

a.logo-homepage {
	width:100%;
	max-width:230px;
	display:block;
}


p.quotation1 {
	font-size:2rem;
	color:#0a0808;
	font-weight:700;
	padding-top:9rem;
}

p.quotation2 {
	font-size:3rem;
	display:inline-block;
	color:#e31818;
	font-weight:700;
	padding-bottom:5rem;
}
p.quotation2 span {
	font-size:1.15rem;
	display:block;
	text-align:right;
	color:#0a0808;
}

@media (max-width:768px) {
	p.quotation2 span {
		text-align:left;
	}
}

.homepage p.description {
	line-height:2;
	padding-bottom:1.5rem;
}
.homepage p.description.scaled {
	max-width:65%;
}
	

.homepage h2.bold {
	font-weight:700;
	
}

.homepage .base-color {
	color:#0a0808;
}

.homepage h2.smaller {
	font-size:1.5rem;
}

.homepage .inverted {
	color:#fff;
}

.homepage .category-image {
	position:relative;
	max-width:320px;
}
.homepage .category-image img {
	z-index:1;
	position:relative;
	width:100%;
}
@media (max-width:1024px) {
	.homepage .category-image {
		max-width:90%;
	}
}

@media (max-width:768px) {
	.homepage .category-image {
		max-width:100%;
	}
}

.homepage .categories .box-bottom {
	position:absolute;
	left:-6px;
	bottom:-6px;
	width:20%;
	background-color:#e31818;
	z-index:0;
}

.homepage .categories .box-bottom::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


.homepage .categories .box-top {
	position:absolute;
	right:-6px;
	top:-6px;
	width:20%;
	background-color:#e31818;
	z-index:0;
}

.homepage .categories .box-top::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.homepage h3 {
	font-size:1.5rem;
		font-weight:400;
	color:#0a0808;
	padding:1rem 0;
}

.homepage .categories h2 {
	padding-bottom:1rem;
}
@media (max-width:768px) {
	.homepage h3 {
		padding-top:2rem;
	}
}
.categories img {
	display:block;
	width:100%;
}
.homepage-bg {
	position:absolute;
	top:0;
	background:url(/gfx/bg-homepage.jpg) no-repeat center bottom;
	background-position:center bottom;
	min-height:850px;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	z-index:0;
	left:0;
	right:0;
}

@media (max-width:1024px) {
	.homepage .categories .flex-nowrap {
		flex-wrap:wrap;
	}
	.homepage .categories .flex-66 {
		flex:0 0 100%;
	}
	.homepage .flex-330 {
		flex:0 0 100%;
	}
	.homepage .flex-330 .category-image {
		max-width:100%;
	}
	.homepage .flex-330 .image-content {
		max-height:250px;
		overflow:hidden;
		display:flex;
		align-items:center;
	}
	
	.homepage .categories .inverted {
		color:#0a0808;
	}
}

.homepage h2.big-padding {
	padding-top:4rem;
	padding-bottom:3rem;
}

.homepage .categories .image-content {
	position:relative;
	border:6px solid #fff;
}
@media (max-width:768px) {
	.homepage .categories .image-content {
		max-height:250px;
		overflow:hidden;
		display:flex;
		align-items:center;
	}
	
}


.homepage .categories a {
	text-decoration:none;
}


.homepage .logo-content {
	margin-top:-80px;
}

@media (max-width:1024px) {
.homepage .logo-content {
	margin-top:-40px;
	}
	
}

@media (max-width:768px) {
	.homepage .logo-content {
		margin-top:0px;
	}
}

@media (max-width:600px) {
	.homepage .logo-content .logo-homepage {
		margin:0 auto;
	}
	.homepage-bg {
		min-height:1050px;
	}
}

.topStrip .first-fill {
	flex: 1 1 auto;  
	background-color: #e31818;
}

.topStrip .last-fill {
	flex: 1 1 auto;
}

.topStrip .bg-fill {
	z-index:0;
	position:absolute;
	height:100%;
	width:200%;
	right:0;
	background:#e31818 url(/gfx/bg-top-strip.jpg) no-repeat right top;
	background-size:cover;
}

.topStrip .middle-fill {
	background-color: #e31818;position:relative;
}


.general-subcategories-container {
	display:flex;
	justify-content: space-between;
	align-items:stretch;
	flex-wrap:wrap;
	padding-top:4rem;
	padding-bottom:4rem;
}

.general-subcategories-container.list {
	padding-top:2rem;
	align-items:flex-start;
}

.subcategory-general-box {
	flex:0 0 30%;
	display:flex;
	flex-direction:column;
	justify-content: space-between;
}
.subcategory-general-box.list {
	align-self:flex-start;
	line-height:2.2rem;
	padding-top:2rem;
	align-items:flex-start;
	padding-left:1rem;
}
.subcategory-general-box.list a {
	position:relative;
}

.subcategory-general-box.list a:before {
	content:'';
	width:6px;
	height:6px;
	top:0;
	bottom:0;
	background-color:#e31818;
	display:inline-block;
	margin-right:1rem;
}

@media (max-width:768px) {
	.general-subcategories-container {
		flex-wrap:wrap;
	}
	.subcategory-general-box.list {
		padding-top:0;
	}
	
	.subcategory-general-box {
		flex:0 0 100%;
		margin-bottom:2rem;
	}
	.subcategory-general-box:nth-of-type(1) {
		order:0;
	}
	.subcategory-general-box:nth-of-type(2) {
		order:1;
	}
	.subcategory-general-box:nth-of-type(3) {
		order:2;
	}
	.subcategory-general-box:nth-of-type(4) {
		order:0;
	}
	.subcategory-general-box:nth-of-type(5) {
		order:1;
	}
	.subcategory-general-box:nth-of-type(6) {
		order:2;
	}
}
.subcategory-general-box .title {
	font-size:1.5rem;
	font-weight:700;
	color:#000;
	padding-bottom:1rem;
}

.subcategory-general-box .description {
	line-height:2;
}


.subcategory-general-box .category-image {
	position:relative;
	max-width:100%;
	height:220px;
	
}

.subcategory-general-box .category-image img {
	z-index:1;
	position:relative;
	width:100%;
	display:block;
}

.subcategory-general-box .category-image .box-bottom {
	position:absolute;
	right:-6px;
	bottom:-6px;
	width:20%;
	background-color:#e31818;
	z-index:0;
}

.subcategory-general-box .category-image .box-bottom::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


@media (max-width:1024px) {
	.subcategory-general-box .category-image {
		max-width:100%;
		height:auto;
	}
}

@media (max-width:768px) {
	.subcategory-general-box .category-image {
		max-width:100%;
	}
}

.subcategory-general-box .image-content {
	position:relative;
	border:6px solid #fff;
	height:100%;
	overflow:hidden;
}
@media (max-width:768px) {
	.subcategory-general-box .image-content {
		max-height:250px;
		overflow:hidden;
		display:flex;
		align-items:center;
	}
	
}


.categoryStrip .first-fill {
	flex: 1 1 auto;  
	border-bottom:4px solid #e31818;
}

.categoryStrip .last-fill {
	flex: 1 1 auto;
}

.categoryStrip .bg-fill {
	z-index:0;
	position:absolute;
	height:100%;
	width:200%;
	right:0;
}

.categoryStrip .middle-fill {
	border-bottom:4px solid #e31818;
	position:relative;
}

.categoryStrip h2 {
	padding-bottom:1rem;
	padding-top:4rem;
	color:#e31818;
	font-weight:700;
}

.category-description {
	max-width:66%;
	padding-top:1rem;
	padding-bottom:2rem;
	line-height:2;
}
@media (max-width:768px) {
  .category-description {
	  max-width:100%;
  }
}

.oferta h3 {
 	font-size:1.75rem;
	font-weight:400;
	padding-top:2rem;
	padding-bottom:0rem;
  position:relative;
  padding-left:35px;
  color:#1e283f;
}

.oferta h3::before {
  content:'';
  width:18px;
  height:18px;
  background-color:#e31818;
  position:absolute;
  bottom:8px;
  
  left:0;
}

.oferta .subcategory-description-full {
    padding-bottom: 2rem;
    line-height: 2;
  color:#1e283f;
}

.oferta .subcategory-description-full ul{
  margin:0;
  padding:0;
}
.oferta .subcategory-description-full ul li {
  list-style-type:none;
  line-height:2;
  position:relative;
  padding-left:20px;
}
.oferta .subcategory-description-full ul li a {
  font-weight:700;
}

.oferta .subcategory-description-full ul li::before {
  content:'';
  width:8px;
  height:8px;
  background-color:#e31818;
  position:absolute;
  top:35%;
  left:0;
}
.oferta .subcategory.flex {
	flex-wrap:nowrap;
	flex-direction:column;
	margin-top:3rem;
}
.oferta .subcategory .section {
	display:Flex;
	flex-direction:row;
	justify-content: space-between;
	align-items:flex-start;
}
.oferta .subcategory.flex + .subcategory.flex {
	margin-top:3rem;
}
.oferta .subcategory .category-description {
	max-width:90%;
}
.oferta .subcategory .description-section {
	flex: 0 1 75%;
}

.oferta .subcategory .image-section {
	flex: 0 0 350px;
}
@media (max-width:992px) {
	.oferta .subcategory .image-section {
		flex:0 0 250px;
	}
}
@media (max-width:640px) {
	.oferta .subcategory .section {
		flex-direction:column;
		
	}
	.oferta .subcategory .section .description-section {
		order:1;
	}
	.oferta .subcategory .category-description {
		max-width:100%;
	}
}


.item-view-row.realizacje {
	display:flex;
	align-items:flex-start;
	justify-content: space-between;
	flex-direction:row;
}
.item-view-row.realizacje + .item-view-row.realizacje {
	margin-top:4rem;
}

.item-view-row.realizacje .description {
	flex:0 1 48%;
	font-size:1rem;
	padding-top:1rem;
	padding-right:3rem;
}
.item-view-row.realizacje .description .date {
	padding-bottom:0.5rem;
}
.item-view-row.realizacje .description .title {
	font-size:2rem;
	padding-bottom:2rem;
}
.item-view-row.realizacje .photos {
	flex:0 1 52%;
	position:relative;
}

.item-view-row.realizacje .photos .image {
	position:relative;
	border:6px solid #fff;
}

.item-view-row.realizacje:nth-of-type(2n) .description {
	order:1;
	padding-left:3rem;
	padding-right:0;
}
@media (max-width:992px) {
	.item-view-row.realizacje .description {
		padding-right:1rem;
	}
	.item-view-row.realizacje:nth-of-type(2n) .description {
		padding-left:1rem;
		padding-right:0;
	}
}
@media (max-width:768px) {
	.item-view-row.realizacje {
		flex-wrap:wrap;
	}
	.item-view-row.realizacje + .item-view-row.realizacje {
		margin-top:2rem;
	}

	.item-view-row.realizacje .description {
		flex:0 0 100%;
		padding-left:0;
		padding-right:0;
		padding-bottom:1rem;
	}
	.item-view-row.realizacje .photos {
		flex:0 0 100%;
	}
	.item-view-row.realizacje:nth-of-type(2n) .description {
		order:0;
		padding-left:0;
	}
}

.item-view-row.realizacje .description ul{
  margin:0;
  padding:0;
	padding-bottom:1rem;
}
.item-view-row.realizacje .description ul li {
  list-style-type:none;
  line-height:2;
  position:relative;
  padding-left:20px;
}
.item-view-row.realizacje .description ul li a {
  font-weight:700;
}

.item-view-row.realizacje .description ul li::before {
  content:'';
  width:8px;
  height:8px;
  background-color:#e31818;
  position:absolute;
  top:35%;
  left:0;
}

.item-view-row.realizacje .photos .box-top {
	position:absolute;
	left:-6px;
	top:-6px;
	width:20%;
	background-color:#e31818;
	z-index:0;
}

.item-view-row.realizacje .photos .box-top::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.item-view-row.realizacje .photos .thumbnails {
  position:absolute;
  bottom:-16px;
  left:20px;
  display:flex;
  align-items:center;
  justify-content: flex-start;
  z-index:10;
}
.item-view-row.realizacje .photos .thumbnails .thumb {
  width:74px;
  height:74px;
  border:4px solid #fff;
  overflow:hidden;
  background-color:#fff;
}
.item-view-row.realizacje .photos .thumbnails .thumb + .thumb {
  border-left:0px;
}

.item-view-row.realizacje .photos .thumbnails .thumb img {
  object-fit:cover;
  object-position:50% 50%;
  min-height:100%;
  display:block;
  transition:all 0.2s ease-out;
  cursor:pointer;
}

 .item-view-row.realizacje .photos .thumbnails .thumb:hover img {
    opacity:.7;
    transform:scale(1.1);
   
  }
 

.homepage-row-realizacje-container {
  width:100%;
  overflow:hidden;
  
}

.homepage-row-realizacje-container .realizacje-gallery {
  display: flex;
    width: 100%;
    cursor: pointer;
    position: relative;
    overflow: visible;
    flex-direction: row;
    flex-wrap: nowrap;
    transition: all 0.4s ease-out 0s;
    transform: translateZ(0px);
    padding: 0;
    justify-content: center;
}

.homepage-row-realizacje-container .realizacje-gallery .slide {
  flex:0 0 350px;
  position:relative;
}

.realizacje-gallery .slide a.description {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 15px;
    text-decoration: none;
    border: 1px solid #fff;
    transition: all 0.2s ease-out;
}
.realizacje-gallery .slide .image {
    border: 1px solid #fff;
}
.realizacje-gallery .slide .image img {
  display:block;
}

.realizacje-gallery .slide a.description:hover  {
	background:rgba(227,24,24,.7);
}

a.homepage-btn-primary {
  border:2px solid #e31818;
  color:#e31818;
  display:inline-block;
  padding:1rem 1.5rem;
  text-align:center;
  margin:0 auto;
  text-decoration:none;
  font-weight:700;
  transition:all 0.2s ease-out;
}
a.homepage-btn-primary:active,
a.homepage-btn-primary:hover {
  background-color:#e31818;
  color:#fff;
}


.item-view-full.realizacje {
	display:flex;
	align-items:flex-start;
	justify-content: space-between;
	flex-direction:row;
  padding-top:4rem;
}

.item-view-full.realizacje .description {
	flex:0 1 48%;
	font-size:1rem;
	padding-top:1rem;
	padding-right:3rem;
}
.item-view-full.realizacje .description .date {
	padding-bottom:0.5rem;
}
.item-view-full.realizacje .description .title {
	font-size:2rem;
	padding-bottom:2rem;
}
.item-view-full.realizacje .photos {
	flex:0 1 52%;
	position:relative;
}

.item-view-full.realizacje .photos .image {
	position:relative;
	border:6px solid #fff;
}

.item-view-full.realizacje .description ul{
  margin:0;
  padding:0;
	padding-bottom:1rem;
}
.item-view-full.realizacje .description ul li {
  list-style-type:none;
  line-height:2;
  position:relative;
  padding-left:20px;
}
.item-view-full.realizacje .description ul li a {
  font-weight:700;
}

.item-view-full.realizacje .description ul li::before {
  content:'';
  width:8px;
  height:8px;
  background-color:#e31818;
  position:absolute;
  top:35%;
  left:0;
}

.item-view-full.realizacje .photos .box-top {
	position:absolute;
	left:-6px;
	top:-6px;
	width:20%;
	background-color:#e31818;
	z-index:0;
}

.item-view-full.realizacje .photos .box-top::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.item-view-full.realizacje .photos .thumbnails {
  position:absolute;
  bottom:-16px;
  left:20px;
  display:flex;
  align-items:center;
  justify-content: flex-start;
  z-index:10;
}
.item-view-full.realizacje .photos .thumbnails .thumb {
  width:74px;
  height:74px;
  border:4px solid #fff;
  overflow:hidden;
  background-color:#fff;
}
.item-view-full.realizacje .photos .thumbnails .thumb + .thumb {
  border-left:0px;
}

.item-view-full.realizacje .photos .thumbnails .thumb img {
  object-fit:cover;
  object-position:50% 50%;
  min-height:100%;
  display:block;
  transition:all 0.2s ease-out;
  cursor:pointer;
}

 .item-view-full.realizacje .photos .thumbnails .thumb:hover img {
    opacity:.7;
    transform:scale(1.1);
   
  }

.item-view-full.realizacje .text-content {
  line-height:1.8;
}

@media (max-width:992px) {
	.item-view-full.realizacje .description {
		padding-right:1rem;
	}
	
}
@media (max-width:768px) {
	.item-view-full.realizacje {
		flex-wrap:wrap;
	}


	.item-view-full.realizacje .description {
		flex:0 0 100%;
		padding-left:0;
		padding-right:0;
		padding-bottom:1rem;
	}
	.item-view-full.realizacje .photos {
		flex:0 0 100%;
	}
	
}


.kontakt .node-items h3 {
	font-size:1.5rem;
	font-weight:400;
	margin-top:2rem;
	margin-bottom:1.5rem;
}


.homepage-promotions .items-wrapper {
  display:flex;
  flex-direction:row;
  align-items:stretch;
  justify-content: space-between;
}

.homepage-promotions .items-wrapper .promotion {
  flex:0 0 30%;
  position:relative;
  
}
.homepage-promotions .items-wrapper .promotion .content {
  background-color:#fff;
  position:relative;
  height:100%;
  padding:40px 30px 20px 30px;
  display:flex;
  flex-direction:column;
  justify-content: space-between;
}
.homepage-promotions .items-wrapper .promotion a {
  text-decoration:none;
}
.homepage-promotions .items-wrapper .promotion .title {
  font-size:1.5rem;
  font-weight:400;
  color:#0a0808;
}

.homepage-promotions .items-wrapper .promotion .description {
  color:#1e283f;
  line-height:2;
  padding-top:1rem;
  opacity:0.8;
}
.homepage-promotions .items-wrapper .promotion .price {
  color:#dd1111;
  font-size:1.125rem;
  font-weight:700;
  margin-top:-20px;
}
.homepage-promotions .items-wrapper .promotion .price span {
  font-size:1.875rem;
  display:block;
}
.homepage-promotions .items-wrapper .promotion .price.price-mobile {
  display:none;
}

.homepage-promotions .promotion .box-bottom {
	position:absolute;
	right:-6px;
	bottom:-6px;
	width:20%;
	background-color:#e31818;
	z-index:0;
}

.homepage-promotions .promotion .box-bottom::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


.homepage-promotions .promotion .box-top {
	position:absolute;
	left:-6px;
	top:-6px;
	width:20%;
	background-color:#e31818;
	z-index:0;
}

.homepage-promotions .promotion .box-top::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

@media (max-width:992px) {
  .homepage-promotions .items-wrapper {
    flex-wrap:wrap;
  }
  .homepage-promotions .items-wrapper .promotion {
    flex:0 0 100%;
    margin-bottom:2rem;
  }
  .homepage-promotions .items-wrapper .promotion .price {
    margin-top:0;
  }
  
  .homepage-promotions .items-wrapper .promotion .price {
    display:none;
  }
  .homepage-promotions .items-wrapper .promotion .price.price-mobile {
    display:block;
  }
  .homepage-promotions .items-wrapper .promotion .content {
    flex-direction:row;
  }
  
  .homepage-promotions .promotion .box-top {
    width:10%;
  }
  .homepage-promotions .promotion .box-bottom {
    width:10%;
  }
}

@media (max-width:640px) {
  .homepage-promotions .items-wrapper .promotion .content {
    flex-direction:column;
  }
.homepage-promotions .items-wrapper .promotion .price {
    display:block;
  }
  .homepage-promotions .items-wrapper .promotion .price.price-mobile {
    display:none;
  }
  .homepage-promotions .promotion .box-top {
    width:15%;
  }
  .homepage-promotions .promotion .box-bottom {
    width:15%;
  }
}


.node-promotion-items {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:stretch;
  justify-content: space-between;
  padding-top:4rem;
  
}

.node-promotion-items .promotion {
  flex:0 0 30%;
  position:relative;
  margin-bottom:4rem;
  
}
.node-promotion-items .promotion .content {
  background-color:#fff;
  position:relative;
  height:100%;
  padding:40px 30px 20px 30px;
  display:flex;
  flex-direction:column;
  justify-content: space-between;
}
.node-promotion-items .promotion a {
  text-decoration:none;
}
.node-promotion-items .promotion .title {
  font-size:1.5rem;
  font-weight:400;
  color:#0a0808;
}

.node-promotion-items .promotion .description {
  color:#1e283f;
  line-height:2;
  padding-top:1rem;
  opacity:0.8;
}
.node-promotion-items .promotion .price {
  color:#dd1111;
  font-size:1.125rem;
  font-weight:700;
  margin-top:-20px;
}
.node-promotion-items .promotion .price span {
  font-size:1.875rem;
  display:block;
}
.node-promotion-items .promotion .price.price-mobile {
  display:none;
}

.node-promotion-items .promotion .box-bottom {
	position:absolute;
	right:-6px;
	bottom:-6px;
	width:20%;
	background-color:#f6f6f6;
	z-index:0;
}

.node-promotion-items .promotion .box-bottom::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


.node-promotion-items .promotion .box-top {
	position:absolute;
	left:-6px;
	top:-6px;
	width:20%;
	background-color:#e31818;
	z-index:0;
}

.node-promotion-items .promotion .box-top::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

@media (max-width:992px) {
  .node-promotion-items {
    flex-wrap:wrap;
  }
  .node-promotion-items .promotion {
    flex:0 0 100%;
    margin-bottom:2rem;
  }
  .node-promotion-items .promotion .price {
    margin-top:0;
  }
  
  .node-promotion-items .promotion .price {
    display:none;
  }
  .node-promotion-items .promotion .price.price-mobile {
    display:block;
  }
  .node-promotion-items .promotion .content {
    flex-direction:row;
  }
  .node-promotion-items .promotion .box-top {
    width:10%;
  }
  .node-promotion-items .promotion .box-bottom {
    width:10%;
  }
}

@media (max-width:640px) {
  .node-promotion-items .promotion .content {
    flex-direction:column;
  }
.node-promotion-items .promotion .price {
    display:block;
  }
  .node-promotion-items .promotion .price.price-mobile {
    display:none;
  }
  .node-promotion-items .promotion .box-top {
    width:15%;
  }
  .node-promotion-items .promotion .box-bottom {
    width:15%;
  }
}


.oferta .producers-list {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:center;
	justify-content: flex-start;
}
.oferta .producers-list .item-producer {
	
	display:block;
}
.oferta .producers-list .item-producer img {
	max-height:36px;
	width:auto;
	filter: grayscale(100%);
	opacity:.5;
	transition:all 0.5s ease-out;
}
.oferta .producers-list a.item-producer:hover img, 
.oferta .producers-list a.item-producer:active img {
	opacity:1;
	filter:none;
}
.oferta .producers-list .item-producer +.item-producer {
	margin-left:30px;
}