html,
body 
{
	padding: 0;
	height:	100%;
	/* font-family: OpenSansRegular; */
	font-family: MainFontRegular;
	font-size: 14px;
	color: #282828;
	background-color: #ffffff;
	
}

header, 
nav, 
section, 
article, 
aside
{
	display:block;
}

/* linki, pola aktywne, przyciski */
a
{
	color: #282828;
	text-decoration: none;
}

a:hover,
a:focus
{
	color: #606060;
	text-decoration: underline;
}

a:focus 
{
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.project-name {
	font-family: OpenSansBold;
	text-transform: uppercase;
	white-space: nowrap;
}

/* theme colors */
.theme-color1 {
	color: #e14f00;
}

.font-size-18em 
{
	font-size: 1.8em;
}

.btn-primary-wrap {
	text-align: center;
	margin-top: 20px;
}

.btn-primary {
	border-radius: 5px;
	display: inline-block;
	font-size: 11px;
	font-family: OpenSansBold;
	text-transform: uppercase;
	padding: 10px 19px 11px 19px;
	-webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.3);
	margin: 0 auto;
	line-height: 100%;
	cursor: pointer;
}

a.btn-primary:hover {
	text-decoration: none;
}

.btn-primary-border {
	border: 1px solid #666666;
}

.btn-primary-bg {
	background: #e14f00;
	color: white;
}

.btn-primary:active {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
}

.btn-primary a {
	text-decoration: none !important;
	font-size: 11px;
	font-family: OpenSansBold;
}

.float-right {
	float: right;
}

.cta-button
{
	width: 100%;
	height: 52px !important;
	border: none !important;
	font-size: 1.8em;
	text-transform: uppercase;
	cursor: pointer;
}

.ask-button
 {
	font-family: OpenSansLight;
	background: url('../images/decoration/icon-right-big-arrow-white.png') 93% 50% no-repeat #820089;
	color: #ffffff;
	padding: 0 0 0 4%;
	text-align: left;
	max-width: 235px;
	height: 60px;
}

.link-button
{
	background: url("../images/decoration/icon-right-arrow-white.png") no-repeat scroll 93% 50% #e14f00;
	font-size: 1.1em;
  color: #ffffff;
  padding: 10px 30px;
  text-align: left;
	float: inherit;	
	display: block;
	max-width: 170px;
	cursor: pointer;
}
.link-button:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.link-button-green
{
    font-family: OpenSansLight;
	background-color: #8AB716;
	font-size: 1.2em;
    color: #ffffff;
    padding: 5px 15px;
	float: inherit;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	transition: background 0.3s ease 0s;
	position: relative;
	line-height: 32px; /* centrujemy text wzg. obrazka: jesli obok textu jest obraek to line height ustawiamy na wysokosc obrazka */
}
.link-button-green > img {
	margin-right: 10px;
	vertical-align:middle;
}
.link-button-green:hover
{
	color: #ffffff;
	background-color: #648901;
}
.buttons-wrap
{
	display: block;
	margin: 20px 0;
}

p.padding-7 
{
	padding: 7px 0 7px;
}

p.padding-15 
{
	padding: 15px 0 10px;
}

.padding-35
{
	padding: 35px;
}

.spacing-normal
{
	padding: 20px;
	margin: 15px;
}

ul.inline > li
{
	display: inline-block;
}

ul.list,
ol.list,
ol.list-lower-latin,
ol.list-upper-roman,
ul.none
{
	display: block;
	padding-left: 30px;
	margin: 1em 0;
	line-height: 180%;
	margin-left: 1em;	
}

ul.list
{
	list-style-type: disc;
}

ol.list
{
	list-style-type: decimal;
}

ol.list-lower-latin
{
	list-style-type: lower-latin;
}

ol.list-upper-roman
{
	list-style-type:upper-roman;
}
ul.none
{
	list-style-type: none;
}

ul.list  li ,
ol.list li,
ol.list-lower-latin li,
ol.list-upper-roman li
{
	display: list-item;
}

/* naglowki */
h2,
h3
 {
    font-size: 1.9em;
	letter-spacing: -1px;
    /* line-height: 100%; */
}

.no-text-transform {
	text-transform: none;
}

/* górne główne menu w nav#header-menu  */

.nowrap {
	white-space: nowrap;
}

/* separator sekcji/dzialow na stronie głównej  */
.section-separator
{
	width: 100%;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 15px;
	padding: 15px 0;
	text-align: center;
}

.section-separator  h1,
.section-separator  h2,
.section-separator  h3,
.section-separator  p.section-title
 {
	display: inline;
	font-size: 2em;
	/* text-transform: uppercase; */
	font-family: OpenSansBold;
}

.section-separator span
 {
	font-family: OpenSansLight;
	font-size: 18px;
	display: block;
	margin: 5px 0 0 0px;
	text-decoration: none;
}
.section-separator  span > a
 {
	text-decoration: underline;
}

/* breadcrumbs */


@media only screen and (min-width: 0px) and (max-width: 800px) 
{
	.breadcrumbs {
		padding-left: 11px;
	}
}

.breadcrumbs > li 
{
	padding: 0 4px 0 10px;
	display: inline-block;
	font-size: 12px;
}

.breadcrumbs > li {
	background:url('../images/decoration/icon-right-arrow-gray.png') left center no-repeat;
}

.breadcrumbs > li:first-child
{
	background:none;
	/* padding: 0 5px 0 0; */
	padding-left: 0px;
}

.breadcrumbs > li > a 
{
	color: #444444;
	text-decoration: none;
}

.breadcrumbs > li > a:hover
{
	color: #444444;
	text-decoration: underline;
}

.breadcrumbs .referer > a {
	color: #e14f00;
	/* font-weight: bold; */
}
.breadcrumbs .referer > a:hover {
	color: #e14f00;
}



/* naglowek H1 pod okruszkami/breadcrumbs */
.project-list-header .search-features .found,
.project-list-header > h1,
#project-content-header  h1,
#project-content-header  .parameters,

.page-header > h1 
{
	font-size: 1.9em;
	font-weight: 700;
	padding: 10px 30px 10px 0;
	vertical-align: -2px;
}

/* forma do filtrowania wyników na stronach realizacje, wnętrza */
#list-filter-form {
	position: absolute;
	margin-top: 33px;
}

/* - - - FORM - - - - */

label, input, select, textarea {
	display:block;
}

/* ustawiwnia placeholderow */
::-webkit-input-placeholder 
{
	color: #aaaaaa;
}

/* Firefox 18- */
:-moz-placeholder 
{
	color: #aaaaaa;
}

/* Firefox 19+ */
::-moz-placeholder
{
	color: #aaaaaa;
}

:-ms-input-placeholder
{
	color: #aaaaaa;
}
.bg-gray-1::-webkit-input-placeholder 
{
	color: #ffffff;
}

/* Firefox 18- */
.bg-gray-1:-moz-placeholder 
{
	color: #ffffff;
}

/* Firefox 19+ */
.bg-gray-1::-moz-placeholder 
{
	color: #ffffff;
}

.bg-gray-1:-ms-input-placeholder 
{
	color: #ffffff;
}

button 
{
	/* display: inline-block; */
	/* text-transform: uppercase; */
	/* color: #ffffff; */
	/* border: none; */
	/* float: right; */
	/* cursor: pointer; */
}

/*
 * ostylowanie inputow
 * style dla input[type=*] 
 */ 
	select,
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="date"],
	input[type="datetime"],
	input[type="file"],
	input[type="month"],
	input[type="number"],
	input[type="range"],
	input[type="search"],
	input[type="submit"],
	input[type="tel"],
	input[type="time"],
	input[type="url"],
	input[type="week"]	
	{
		height: 40px;
		padding: 0 0 0 15px;
		border: medium none;
		
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		/* border-color: #aaaaaa #eeeeee #eeeeee; */
		border-color: #aaaaaa;
		border-image: none;
		border-radius: 2px;
		border-style: solid;
		border-width: 1px;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;			
	}
	
	input[type="search"]
	{
	  -webkit-appearance: textfield;
	}
	
	select 
	{
		padding: 7px;
		margin: 0 10px;
	}	
	
/*
 * ostylowanie checkboxów 
 * style dla input[type=checkbox] 
 */
 
form .regular-checkbox:checked + label
{
	display: inline-block;
}

form .regular-checkbox 
{
	display: none;
}

form .regular-checkbox + label 
{
	background-color: #ffffff;
	padding: 9px;
	display: inline-block;
	position: relative;

	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #aaaaaa #cccccc #cccccc;
	border-image: none;
	border-style: solid;
	border-width: 1px;		
}

form .regular-checkbox + label:active, .regular-checkbox:checked + label:active 
{
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

form .regular-checkbox:checked + label 
{
	background-color: #ffffff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #7FB000;
}

form .regular-checkbox:checked + label:after 
{
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: -3px;
	left: 3px;
	color: #7FB000;
}

form .big-checkbox + label
 {
	padding: 10px;
	margin: 0px 8px 6px 0;
}

form .big-checkbox:checked + label:after 
{
	font-size: 16px;
	left: 4px;
}

form .big-checkbox + label + span 
{
	display: inline-block;
	position: relative;	
	bottom: 12px;
}

form .tag {
	font-family: Arial, sans-serif;
	width: 200px;
	position: relative;
	top: 5px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
}
/* koniec styli dla checkboxow */

.form-dws fieldset {
	display: block;
	margin: 0 auto;
	max-width: 450px;
}

.form-dws fieldset > div
{
	margin: 15px 0;
}

.form-dws fieldset > div > label > span
{
	display: inline-block;
	width: 140px;
		
}

.form-dws .form-error
{
	display: inline-block;
	content: '';
	color: #cc0000;
	font-size: 0.8em;		
}

.form-dws  .form-error
{
	display: inline-block;
	content: '';
	color: #cc0000;
	font-size: 0.8em;		
}

.form-dws label > .form-error
{
	margin-left: 145px;
	width: 300px;
}

.form-dws fieldset > div > label > span:after 
{
	content: ":";
}

.form-dws  input[type="checkbox"] + label 
{ 
	display: inline-block;
}

.form-dws  input[type="checkbox"] + label  + span
{ 
	font-size: 0.8em;
	display: inline;
}

.form-dws  label > input
{
	display: inline-block;
	width: 300px;
}

.form-dws button[type="submit"]
{
	min-width: 150px;
}


.articles-list header
{
	display: table;
	width: 100%;	
	/* height: 42px; */
}

.articles-list header
{
	background: #ffffff;
}

.box-links-light h3 
{
	/* background-image: url('../images/decoration/top-details_title-category-bg.jpg'); */
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-color: #ffffff;
	/* width: 69%; */
	color: #444444;
	text-align: left;	
}

.categories .top-details > li {
	font-family: OpenSansRegular;
}

.articles-list header h2,
.articles-list header h3
{
	width:100%;
	background: #ffffff;
	padding: 35px 35px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;	
}

.articles-list .content
{
	background:#ffffff;
	padding: 35px;
	line-height:180%;
}

.articles-list .content p
{
	margin: 1.12em 0;
}


.box-links-light h3 > *,
.box-links-dark h3  
{
	display: block;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box;
	font-style: normal;
	font-family: OpenSansBold;
	text-transform: uppercase;
}


.recommended-categories .top-details li > a {
	font-size: 19px;
	text-align: center;
	padding: 0px;
}
.recommended-categories > ul > li {
	padding-top: 40px;
}
.recommended-categories > ul > li > div {
	position: relative;
}
.recommended-categories > ul > li > div > .top-details {
	position: absolute;
	top: -40px;
}

	font-family: OpenSansBold;
	color: #848484;
	padding-right: 2px;
	line-height: 0.9; /* Firefox 47, wyrownanie wzgledem innych czcionek w detalach */
}

/* sekcja sub-footer */

#sub-footer .section-separator {
	font-size: 2em;
}


/* rozne */
.font-style-italic 
{
	font-style: italic;
}

.font-large-light,
.font-medium-light,
.font-normal-light 
{
	font-family: OpenSansLight;
}

.font-large-light 
{
    font-size: 1.9em;
}

.font-medium-light 
{
    font-size: 1.2em;
}

.font-normal-light 
{
    font-size: 1em;
}

.overflow 
{
	overflow:hidden;
	text-overflow:ellipsis;
}

/* paginacja */
.pagination 
{
	display: block;
	width: 99%;
	padding: 10px 0;
	text-align: right;
	margin-right: 20px;
}

.pagination  a,
.pagination .like-a,
.pagination .current-page,
.pagination input 
{
	display: inline-block;
	/* background: none repeat scroll 0 0 #444444; */
	background: #ffffff;
	color: #666666;
	/* font nie ma em poniewaz em dziedziczy po rodzicu, natomiast rodzic ma font-size: 0 ze wzgledu na inline-block potomków a */
	font: 14px OpenSansBold;
	padding: 7px 0;
	text-align: center;
	width: 42px;
	margin: 0 8px 10px 8px;
	text-decoration: none;
	cursor: pointer;
	width: 35px;
	/* border: 1px solid silver; */
	border: none;
	outline: none;
}

.pagination form {
	display: inline-block;
}

/* Chrome, Safari, Edge, Opera */
.pagination input::-webkit-outer-spin-button,
.pagination input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.pagination input[type=number] {
  -moz-appearance: textfield;
}

.pagination  a:hover,
.pagination .like-a:hover,
.pagination .current-page 
{
	background: #666666;
	color: #ffffff;
}



input.error {
    background: url("../images/icons/30x30/error.png") no-repeat scroll 98% center #ffffff;
    color: #444444;
}

input.valid {
    background: url("../images/icons/30x30/valid.png") no-repeat scroll 98% center #ffffff;
	color: #444444;

}
.highslide-overlay
{
	background: #000000;
}
.sym-link
{
	cursor: pointer;
	text-decoration: none;
}

.sym-link:hover
{
	text-decoration: underline;
}

.bottom-notice {
	height: auto;   
	width: 515px;    
	position: fixed;
	left: 0;        
	z-index: 501;	
}

/* *********************** Cookies ********************* */
.cookie-notice-container
{
  bottom: 0;
	line-height: 18px;
	text-align: center;   	
	color: #262626; 
	display: block;
	width: 100%;
	padding-bottom: 40px;
}

.cookie-notice-content
{
	padding: 0px;
	background-color: #f9f9f9;
	font-size: 12px;
	width: 260px;
	margin: 0 auto;
}

.cookie-notice-content .link
{
	text-decoration: underline;
	color: #dddddd;
}

#cookie-notice .button
{
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-style: normal;
	outline: medium none;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	margin-left: 15px;
}

.disclaimer {
	max-width: 1366px; 
	margin: 0 auto; 
	color: #cccccc; 
	padding: 10px; 
	padding-top: 0px; 
	max-width: 1366px; 
	margin: 0 auto; 
	color: #cccccc; 
	padding: 10px;
}
.disclaimer:nth-of-type(2) {
	padding-top: 0px;
}

.agrees_rodo {
	text-align: left;
	color: black !important;
	margin-top: 20px;
	margin-left: 20px;
	max-width: 540px;
}

.agrees_rodo * {
	line-height: normal;
}

.agrees_rodo > label > span,
.agrees_rodo label .agr_heading,
.agrees_rodo .rodo_13 {
	width: initial !important;
	font-size: 11px !important;
	font-family: OpenSansRegular !important;
	text-transform: none !important;
	text-align: left;
}
.agrees_rodo label .agr_heading {
	display: block;
}

.agrees_rodo label {
	margin: 10px 0 0 0 !important;
	padding: 0px !important;
	position: relative;
	display: block;
}

.agrees_rodo > p {
	margin-top: 10px;
}

.agrees_rodo input {
	display: inline !important;
	width: initial !important;
	margin-right: 10px;
	float: left;
	position: absolute;
	left: -20px;
}

.agrees_rodo #rodo_13_more:hover {
	color: #e14f00;
	cursor: pointer;
}

.agrees_rodo .agr_more {
	display: none;
}

.agrees_rodo .agr_read_more,
.agrees_rodo .agr_read_more_active {
	font-weight: normal;
	margin-left: 10px;
	cursor: pointer;
	text-decoration: underline;
}
.agrees_rodo .agr_read_more:hover,
.agrees_rodo .agr_read_more_active {
	color: #e14f00;
}
.agrees_rodo .agr_read_more:after {
	content: ' \00bb';
}

.agrees_rodo .agr_read_more_active:after {
	content: ' \00ab';
}

.social-wrap {
	position: fixed;
	left: 0px;
	top: 160px;
	z-index: 3;
}

.social-wrap a {
	cursor: pointer;
	display: block;
	width: 36px;
	height: 30px;
	margin-bottom: 2px;
}


/* ULUBIONE dodawanie/usuwanie */

.project-fav {
	position: absolute;
	right: 0px;
	bottom: -34px;
	width: 21px !important; 
	height: 20px;
	padding: 6px;
	cursor: pointer;
	
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.favedAnimationClass {
	background: url(../images/serce-1.png) 6px 6px no-repeat;
}

@keyframes favedAnimation {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* .project-fav.unfaved:hover, */
.project-fav.faved {
	background: url('../images/serce_3.png') 6px 6px no-repeat;
}

.project-fav.unfaved {
	background: url('../images/serce_1.png') 6px 6px no-repeat;
}





/* *******************************************************
 ***                     MEDIA QUERIES                 ***
 ******************************************************* */

@media only screen and (min-width: 0px) and (max-width: 599px) 
{		
	.dws-grid .project-name {
		font-size: 12px;
	}
	
	.dws-grid .project-squarefeet {
		font-size: 12px;
	}
	
	.dws-grid .project-price-regular {
		font-size: 12px;
	}
	
	.dws-grid .project-price-promo {
		font-size: 14px;
	}
	
	/* w widoku dwóch kolumn, jesli ostatnia wizka jest sama, 
	to przesuwa ja do lewej */ 
	.dws-grid .to-left-fix {
		float: left;
		margin-left: 2%;
	}
	
	form.search2 > div:first-child > div {
    margin-left: 0px;
	}
	
	.form-dws label > .form-error {
		margin: 0 auto;
	}
	
}


@media only screen and (min-width: 0px) and (max-width: 800px) 
{				
	.tel.active {
		display: inline-block !important;
	}
	
	.tel.inactive {
		display: none !important;
	}
	
	.project-details {
		padding-bottom: 0px;
	}
	
	.project-details > span {
		display: block;
	}
	
	.project-details > span > span {
		font-size: 12px;
	}
	
	.project-details > span > span > span {
		display: none;
	}
		
	#scroll_to_top_btn {
		width: 50px;
		height: 50px;
		position: fixed;
		right: 25px;
		bottom: 94px;
		z-index: 100;
		cursor: pointer;
		z-index: 1000;
		display: none;
	}

	/*
	.pagination > * {
		display: none !important;
	}
	*/
	
	.current-page-mobile {
		display: inline-block !important;
	}
	
	.current-page-mobile input,
	.current-page-mobile div {
		border: 1px solid black;
	}
	
	.pagination .last,
	.pagination-prev,
	.pagination-next,
	.pagination .last-mobile,
	.pagination-z-mobile {
		display: inline-block !important;
	}
	
	.pagination:last-child {
		display: inline-block !important;
	}
}

@media only screen and (min-width: 600px) 
{		
	.dws-grid .project-name {
		font-size: 16px;
	}
	
	.dws-grid .project-squarefeet {
		font-size: 16px;
	}
	
	.dws-grid .project-price-regular {
		font-size: 12px;
	}
	
	.dws-grid .project-price-promo {
		font-size: 16px;
	}
	
	#list-right-wrap .dws-grid .project-box-details {
		min-height: 102px;
		padding-left: 5px;
	}
	
	#top-search-wrap {
		text-align: center;
	}
}	

@media only screen and (min-width: 801px) 
{		
	.dws-grid .project-details {
		padding-bottom: 7px;
	}
	
	.dws-grid .project-details > span > span {
		font-size: 16px;
	}
	
	.dws-grid .project-price-promo {
		margin-top: 4px;
	}
	
	.dws-grid .project-price-regular {
		margin-top: 4px;
	}
	
	#scroll_to_top_btn {
		display: none;
	}
	
	.current-page-mobile {
		display: none !important;
	}
	
	.pagination .last-mobile,
	.pagination-z-mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 1279px) 
{
	#main-top,
	#main,
	#root-footer > #sub-footer > div > ul,
	#root-footer > #footer {
		max-width: 1356px;
		padding: 0 5px;		
	}	
	
}

@media only screen and (max-width: 1023px) 
{
	.section-separator {
		margin-top: 15px;
	}
	
	.cta-button {
		font-size: 1.4em;
	}	

}

@media only screen and (max-width: 800px) 
{	
	.tel {
		display: none;
	}
	.tel.active {
		display: inline-block;
	}
	
	.phone-cnt-inner:before {
		top: 6px !important;
	}
	
	.social-wrap {
		display: none;
	}
	
}

@media only screen and (max-width: 720px) 
{
	.library-list figure,
	.library-list .right-col {
		float: inherit;
		width: 100%;
	}
	.library-list figure {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 599px) 
{

	h1
	{
		font-size: 1.6em !important;
	}	
	
	#sub-footer > div > ul > li 
	{
		width: 100%;	
	}
	
	/* breadcrumbs */
	.breadcrumbs {
		
	}

	#list-filter-form {
		position: relative;
		margin-top:0px;
		padding: 10px;
		padding-top: 0px;
	}

	#list-filter-form input {
		width: 140px;
	}
	
	#main .articles-list > ul > li > article {
		padding: 0;
	}	
	
	.articles-list header h2,
	.articles-list header h3,
	.articles-list .content	{
		padding: 10px;
	}	
	
	ul.footer-social {
		text-align: left;
	}
}

@media only screen and (max-width: 480px)
{

	#tabContainer .tabs > ul
	{
		font-size: 0.9em;
	}
	
}

@media only screen and (max-width: 819px) {
	#desktop-nav > li:nth-of-type(5) ul {
		left: -108px;
	}
}



/*************** Siatka 2020 ***************/

.dws-grid {
	max-width: 1366px;
}

.dws-grid-center {
	text-align: center;
}

.dws-grid-item-wrap {
	overflow: auto;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	padding: 3px;
}

.dws-grid-item {
	margin: 0 auto;
	position: relative;
}

.dws-grid-content-wrap {
	box-sizing: border-box;
	border: 1px solid #e3e3e3;
	padding: 15px;
}	

.dws-grid-content-wrap > div {
	margin-bottom: 15px;
}

.dws-grid-image-wrap {
	position: relative;
}

.dws-grid-image-wrap img {
	width: 100%;
	max-width: 325px;
	display: block;
}

.dws-grid-date {
	font-size: 12px;
}

.dws-grid-title {
	font-family: OpenSansBold;
	font-size: 20px;
}

.dws-grid-content {
	font-size: 16px;
}

.read-more,
.dws-grid-read-more {
	font-size: 14px;
}


.dws-grid .project-box-details {
	text-align: left;
}

.dws-grid .project-name {
	display: inline-block;
	margin-top: 6px;
	margin-right: 16px;
	color: #000000;
}

.dws-grid .project-squarefeet {
	display: inline-block;
	color: #000000;
}

.dws-grid .project-price-wrap {
	min-height: 19px;
}

.dws-grid .project-price-regular {
	display: inline-block;
	color: #444444;
	margin-right: 4px;
}

.dws-grid .project-price-promo {
	font-family: OpenSansBold;
	display: inline-block;
	color: #e14f00;
}

.project-details {
	font-size: 12px;
	padding-top: 8px;
	width: 88%;
	font-family: OpenSansRegular;
}

.project-details > span > span {
	font-family: OpenSansBold;
	margin-left: 2px;
}

.project-details > span > span > span {
	font-family: OpenSansLight;
	margin-left: 3px;
}

#list-right-wrap .dws-grid {
	text-align: left;
}	


@media only screen and (min-width: 0px) and (max-width: 400px) 
{
	.dws-grid-item-wrap {
		width: 49%;
		padding: 3px;
	}
	
	.dws-grid-project-wrap {
		width: 49%;
		display: inline-block;
		margin-bottom: 25px;
		vertical-align: top;
	}
	
	.dws-grid-item {
		max-width: 325px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 800px)
{
	.dws-grid-item-wrap {
		margin-bottom: 25px;
	}
}

@media only screen and (min-width: 401px) and (max-width: 800px)
{	
	.dws-grid-item-wrap {
		width: 49%;
		padding: 3px;
	}
	
	.dws-grid-item {
		max-width: 325px;
	}

	#list-right-wrap .dws-grid .dws-grid-item-wrap {
		width: 49%;
	}	
}

@media only screen and (min-width: 801px) 
{
	.dws-grid-flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.dws-grid-item-wrap {
		width: 25%;
		float: left;
		padding: 3px;
		margin-bottom: 55px;
		
	}
	
	.dws-grid-item {
		max-width: 325px;
	}

}
	
	
/* --- przeniesione z helpers.css --- */

.clearfix {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}

.helper-align-right {
    text-align: right;
}

/* fonty i ich style */
.font-family-light {
    font-family: 'OpenSansLight';
}

.font-family-regular {
    font-family: 'OpenSansRegular';
}

.font-family-bold {
    font-family: 'OpenSansBold';
}

.bold, .font-weight-bold {
    font-weight: 700;
}

.font-weight-normal {
    font-weight: 400;
}

.bg-dark {
    background: #444444 !important;
}

.bg-white {
    background: #ffffff !important;
}

.helper-3-col {
    width: 33.333%;
}
.helper-float-right {
    float: right;
}

.helper-float-left {
    float: left;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.bg-dark a {
    color: #ffffff;
}

/* --- koniec css z helpers.css --- */	
	
/* *******************************************************
   ***                     ZMIANY 2022                  ***
   ******************************************************* */	

/* btn-2022 */
.btn-2022 {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

.btn-2022 > a > div {
	border: 2px solid #555555;
	padding: 16px;
	font-family: MainFontBold;
	font-size: 13px;
	display: inline-block;
	min-width: 230px;
	text-transform: uppercase;
}
/* btn-2022 koniec */

/* dws-grid-2022 */
.dws-grid-2022 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-evenly;
	column-gap: 24px;
	
}

.dws-grid-2022-item {
	box-sizing: border-box;
	position: relative;
	border: 1px solid #cecece;
	margin-bottom: 22px;
	
	display: inline-block; /* flex fallback */
	min-width: 310px; /* flex fallback */
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
	.dws-grid-2022-item {
		flex: 0 0 344px;
	}
}

@media only screen and (min-width: 701px) {
	.dws-grid-2022-item {
		flex: 0 0 310px;
	}
}
/* dws-grid-2022 koniec */

/* project-2022 */
.project-2022 {
	max-width: 268px;
	margin: 0 auto;
	padding-left: 20px; /* flex fallback */
	padding-right: 20px; /* flex fallback */
}

@media only screen and (min-width: 0px) and (max-width: 400px) {
	.project-2022 {
		padding-left: 0px;
		padding-right: 0px; 
	}	
}
@media only screen and (min-width: 0px) and (max-width: 700px) {
	.project-2022 {
		max-width: 297px;
	}
}

.project-2022 > div {
	position: relative;
	padding-bottom: 16px;
}

.project-2022 .vis {
	display: block;
	margin: 0 auto;
	margin-top: 14px;
	width: 100%;
	height: auto;
}

.project-2022 .discount {
	position: absolute;
	left: 0px;
	top: 0px;
}

.project-2022-details {
	margin-top: 12px;
	margin-bottom: 16px;
	font-size: 12px;
	font-family: MainFontRegular;
	width: unset;
	padding: unset;
	position: relative;
}

.project-2022-details > span {
	font-family: MainFontRegular;
	font-size: 12px;
	white-space: nowrap;
}

.project-2022-details > span > span {
	font-family: MainFontBold;
	font-size: 16px;
}

.project-2022-details > span:first-child > span > span,
.project-2022-details > span:nth-child(2) > span > span {
	padding-left: 5px;
	padding-right: 5px;
}

.project-2022-details span > span > span {
    font-family: OpenSansLight;
    margin-left: 3px;
}

.project-2022 .project-fav {
	right: 0px;
	top: -6px;
	transition: unset;
}

.project-2022 .project-name-wrapper > .project-name {
	font-size: 18px;
}

.project-2022 .project-name-wrapper a > div {
	font-family: MainFontRegular;
	font-size: 12px;
	text-transform: none;
}

.project-2022 .project-m2 {
	font-family: MainFontRegular;
	font-size: 18px;
}

.project-2022 .project-price-wrapper {
	position: absolute;
	bottom: 16px;
	right: 0px;
	text-align: right;
}

.project-2022 .project-price-wrapper > .project-price-promo {
	font-family: MainFontBold;
	font-size: 22px;
	color: #e14f00;
}
/* project-2022 koniec */