/* podstawowe kolory */
/*
	niebieski tla itp. - #17acc0
	pomarancz - #f0bc2b
	ciemniejszy niebieski - #128999 (fonty meny itp.)
*/

@media (min-width: 1024px) {
 
	article.itemView div.articleContent div#leftCol div#socialBox.stickySocial {
		position: fixed;
		top: 220px;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		transition: all 1s;
		z-index: 10;
	}   
}

b, strong {
	font-weight: 400 !important;	
}

* {
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.clear {
	clear: both;
}

img {
	max-width: 100%;
	height: auto;
}

body {
	font-size: 20px;
	color: #666666;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.col-d-1  { width: 8%; }
.col-d-2  { width: 17%;  }
.col-d-3  { width: 25%; }
.col-d-4  { width: 33%;  }
.col-d-5  { width: 42%;}
.col-d-6  { width: 50%;   }
.col-d-7  { width: 58%; }
.col-d-8  { width: 67%; }
.col-d-9  { width: 75%; }
.col-d-10 { width: 83%; }
.col-d-11 { width: 91%; }
.col-d-12 { width: 100%;  }

.col-d-1, .col-d-2, .col-d-3, .col-d-4, .col-d-5, .col-d-6, .col-d-7, .col-d-8, .col-d-9, .col-d-10, .col-d-11 {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

small {
	font-size: 12px;
}

/* Youtube responsive */

.ytContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ytContainer iframe, .ytContainer object, .ytContainer embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* YT end */

.brline {
	width: 90%;
	height: 2px;
	background: #cccccc;
	margin: 25px 0;
}

#wrapper {
  width: 1200px;

  margin-left: auto;
  margin-right: auto;
  position: relative;
}

/* Potem czesc styli do usuniecia */ 
.belowArticleUnit {
    width: 100%;
	max-width: 750px;
	max-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px auto;
}

.artykul_2_ins {
	max-width: 750px;
	width: 100%;
	min-width: 300px;
	max-height: 300px;
}

.zdjecia_2_ins {
	max-width: 750px;
	width: 100%;
	min-width: 300px;
	max-height: 200px;
	margin-left: auto;
	margin-right: auto;
}

.beforeArticleUnit {
	width: 100%;
	max-width: 750px;
	max-height: 300px;
	margin: 30px auto 30px auto;
}
/* */

div.jr {
	float: right;
}

div.jr:after {
	content: "";
	clear: both;
}

.nav {
	margin: 0;
}

::-moz-selection { 
    background: #17acc0;
    color: #ffffff;
}

::selection {
    background: #17acc0;
    color: #ffffff;
}

.blueLink, .blueLink a {
	color: #17acc0;
	text-decoration: none;
}

.orangeLink {
    position: relative;
    display: inline-block;
    outline: none;
    color: #ff9e02;
    text-decoration: none;
    font-weight: 400;
	padding: 0 5px;
	font-size: 24px;
}

.orangeLink.small {
	font-size: 18px;
}

.orangeLink.fontSize18 {
	font-size: 18px !important;
	padding: 0 3px;
}

.orangeLink::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 0px;
	background: #ff9e02;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px);
}

.orangeLink:hover::after,
.orangeLink:focus::after {
	height: 4px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.roundedButtonWhite, .roundedButtonWhiteCategory, .roundedButtonBlue, .roundedButtonGrey {
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;	
	padding: 10px 35px;
	border: 2px solid #ffffff;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.roundedButtonWhite.offer {
	display: inline-block;
	color: #ffffff !important;
	margin-top: 25px;
	font-size: 14px;
}

.roundedButtonWhite.offer:hover{
	padding: 10px 35px;
}

button.roundedButtonBlue {
	cursor: pointer;
}

.roundedButtonBlue {
	background: #17acc0;
	text-transform: initial;
}

.roundedButtonGrey {
	background: #b3b3b3;
	text-transform: initial;
}

.roundedButtonWhiteCategory {
	border-width: 2px;
	margin-top: 45px;
	display: inline-block;
}

a.roundedButtonWhite {
	color: #ffffff;
}

article.itemView div.introDescription a.roundedButtonWhite {
	background: #ffffff;
	color: #17acc0;
}


a.roundedButtonWhite:hover {
	padding: 14px 44px;
}

a.roundedButtonWhiteCategory:hover {
	padding: 10px 35px; 
}

a.roundedButtonWhite:hover {
	text-decoration: none;
}

div#page {
	position: relative;
}

div#mainMenu {
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	display: none;
}

div#mainMenu div.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	z-index: 999;
}

div#mainMenu div.menuContent {
	position: fixed;
	z-index: 1001;
	width: 265px;
	background: #212121;
	height: 100%;
	overflow-y: auto;
	left: -265px;
}

.menuOpenAnim  {
    animation: menuOpening .5s;
    animation-fill-mode: both
}
@keyframes menuOpening {
    from {
        left: -265px;
        opacity:0
    }
    to {
		left: 0px;
        opacity:1
    }
}

.menuCloseAnim {
    animation: menuClosing .35s;
    animation-fill-mode: both
}
@keyframes menuClosing {
    from {
        left: 0px;
        opacity: 1;
    }
    to {
		left: -265px;
        opacity: 0;
    }
}


div#mainMenu div.menuContent.open {
	left: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

div#mainMenu div.menuClose {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 65px 0;
	cursor: pointer;
}

div#mainMenu div.menuClose > div:first-child {
	margin-right: 20px;
}

div#mainMenu div.menuClose > div {
    font-family: "Rasa", "Lato", sans-serif;
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 0.8;
}

div#mainMenu div.menuClose > div small {
	font-size: 16px;
}

div#mainMenu div.menuContent ul.menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    list-style-type: none;
    margin: 0;
	
}

div#mainMenu div.menuContent ul.menu li ul {
	display: none;
	list-style-type: none;
}

div#mainMenu div.menuContent ul.menu li ul.visible {
	display: block;
}

div#mainMenu div.menuContent ul.menu > li {
	white-space: nowrap; 
	border-bottom: 1px solid #fff;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
}

div#mainMenu div.menuContent ul.menu li span.dropDownsubmenu {
	display: inline-block;
	padding:5px 5px 5px 15px;
	cursor: pointer;
}

div#mainMenu div.menuContent ul.menu li span.dropDownsubmenu img.rotated {
	transform: rotate(180deg);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

div#mainMenu div.menuContent ul.menu li span.dropDownsubmenu img {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;	
}

div#mainMenu div.menuContent ul.menu li:first-child a {
	color: #f0bc2e;
}

div#mainMenu div.menuContent ul.menu li:first-child img {
	margin-right: 14px;
	vertical-align: bottom;
}

div#mainMenu div.menuContent ul.menu li:last-child {
	border-bottom: none;
}

div#mainMenu div.menuContent ul.menu li a {
	font-size: 20px;
	font-weight: 400;
    font-family: "Rasa", "Lato", sans-serif;
    color: #ffffff;
	padding: 18px 0;
	display: inline-block;
	text-align: center;
}

div#mainMenu div.menuContent ul.menu > li ul.nav-child {
    margin-bottom: 25px;	
}

div#mainMenu div.menuContent ul.menu > li ul.nav-child > li {
	text-align: center;
}

div#mainMenu div.menuContent ul.menu > li ul.nav-child > li a {
	color: #fff;
    font-size: 18px;
    padding: 10px 0px;
}

div#stickyHeader {
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

body:not(.admin) header {
	width: 100%;
	height: 170px;
	position:relative;
	text-align:center;
	max-width: 1200px;
	background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



div#stickyHeader div.logBox {
	font-size: 16px;
	text-align: right;
}

header div.menuIcon a {
	display: inline-block;
	cursor: pointer;
}

header div.menuIcon img {
	width: 160px;
	height: auto;
}

header div.logo img {
	width: 50%;
	height: auto;
}

div#main_content {
	width: 100%;
	float: inherit;
	margin: 0;
}

article.itemView {
	text-align: left;
}

article.itemView div#opening {
	width: 100%;
	height: 500px;
	background: #ccc;
	position: relative;
	margin-bottom: 30px;
	display: flex;
}

article.itemView h2 {
    font-size: 32px;
    color: #17acc0;
    font-weight: 300;
    clear: both;
    margin: 30px 0 30px 0;
    padding: 10px 0;
    /*border-bottom: 1px solid #17acc0;*/
	font-family: "Rasa", "Lato", sans-serif;
}

article.itemView h3 {
    font-size: 24px;
    color: #17acc0;
    font-weight: 300;
    clear: both;
    margin: 15px 0 15px 0;
    padding: 10px 0;
    /*border-bottom: 1px solid #17acc0;*/
	font-family: "Rasa", "Lato", sans-serif;	
}

article.itemView div#opening div.blur {
	width: 200px;
	height: 100%;
	background: #17acc0;
	display: flex;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	flex-direction: column;
    align-items: center;
	flex: 1 1 200px;
}

article.itemView a.ceneoLink {
	display: block;
}

article.itemView a .ceneoBox {
    margin: 30px 0px;
    border-top: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0px;
    font-family: "Rasa", "Lato", sans-serif;
    font-size: 30px;
    color: #1cb2c3;
}

article.itemView a .ceneoBox img {
	margin-right: 25px;
}

article.itemView a .ceneoBox small {
	font-size: 18px;
}

article.itemView div#opening div.blur div {
	margin: 10px 0;
	color: #ffffff;
}

article.itemView div#opening div.blur div.separator {
	height: 3px;
	width: 50%;
	background: #ffffff;
}

article.itemView div#opening div.blur a, article.itemView div#opening div.blur {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	position: relative;
}

article.itemView div#opening div.headerBackground {
	position: relative;
	height: 100%;
	width: 1050px;
}

article.itemView div#opening div.headerBackground div.layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(23, 172, 192, 0.68);
}

article.itemView div#opening div.headerBackground div.articleHeader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 15;
	color: #ffffff;
	font-size: 24px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}

article.itemView div#opening div.headerBackground div.articleHeader div.introDescription {
	text-align: center;
	position: relative;
	margin-top: 50px;
}

article.itemView div#opening div.headerBackground div.articleHeader div.introDescription a {
}

article.itemView div#opening div.headerBackground div.articleHeader > div {
	width: 100%;
}

article.itemView div#opening div.headerBackground div.articleHeader h1 {
	font-weight: 300;
	font-size: 46px;
	color: #ffffff;
	line-height: 1.5;
	text-align: center;
	font-family: "Rasa", "Lato", sans-serif;
}

article.itemView div#opening div.headerBackground div.blueBackground {
	width: 500px;
	height: 100%;
	background: #17acc0;
	float: left;
	display: inline-block;
}

article.itemView div#opening div.headerBackground div.introImage {
	width: 100%;
	flex: 1 1 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

article.itemView div#opening div.headerBackground div.introImage img {
	width: 100%;
	height: auto;

    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

article.itemView div.articleContent {
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4;
	display: flex;
}

article.itemView div.articleContent div#leftCol {
	width: 150px;
	/*float: left;*/
	flex: 0 1 150px;
}

article.itemView div.articleContent div#leftCol div#socialBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 150px;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
	top: 0;
}

article.itemView div.articleContent div#leftCol div#socialBox div {
	margin-bottom: 10px;
}

article.itemView div.articleContent div#leftCol div#socialBox div a.comments_icon {
	border: 2px solid #cccccc;
	width: 48px;
	height: 48px;
	display: inline-block;
	line-height: 44px;
	color: #cccccc;
	font-weight: 400;
	text-decoration: none;
	text-align: center;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #ffffff;
}

article.itemView div.articleContent div#mainCol {
	width: 900px;
	/*float: left;*/
	flex: 0 1 900px;
	box-sizing: border-box;
	padding: 0 10px 0 0;
}

article.itemView div.articleContent div#mainCol a {
	color: #f0bc2b;
}

article.itemView div.articleContent div#mainCol p {
	margin-bottom: 25px;
}

article.itemView div.articleContent div#mainCol ol li, article.itemView div.articleContent div#mainCol > ul li,
article.itemView div.articleContent div#mainCol div.product_prices ul li{
	margin-bottom: 15px;
	margin-left: 25px;
	padding-left: 5px;
}

article.itemView div.articleContent div#mainCol .product_prices .product_description {
	margin-bottom: 15px;
}

article.itemView div.articleContent div#mainCol .product_prices .products_price_date {
	font-size: 14px;
	font-style: italic;
}

article.itemView div.articleContent div#rightCol {
	width: 150px;
	float: left;
}

article.itemView div.galleryWrapper {
	display: flex;
	flex-direction: row;
	margin: 35px 0;
	clear: both;
	justify-content: center;
}



article.itemView div.galleryWrapper div.singleImage {
	width: 67%;
	position: relative;
	overflow: hidden;
}

article.itemView div.galleryWrapper div.singleImage.noCaption {
	/*width: 100%;  troche przesada z powiekszeniem zdjec ;) */
	width: auto;
}

article.itemView div.galleryWrapper div.singleImage div.overlay,
div.pg-category-view div.categoryItem div.innerItem > div div.overlay,
div#gallery-collection div#images > div div.overlay,
div#tagContainer div#images > div div.overlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	width: 100%;
	height: 0%;
	background: rgba(24, 117, 128, 0.75);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 48px;
	font-weight: 300;
	color: #ffffff;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    opacity: 0.0;
    filter: alpha(opacity=0);	
	height: 100%;
	font-family: "Rasa", "Lato", sans-serif;
	text-align: center;
}

article.itemView div.galleryWrapper div.singleImage:hover div.overlay, 
div.pg-category-view div.categoryItem div.innerItem > div:hover div.overlay,
div#mp_galleries div.galleryItem div.image img,
div#gallery-collection div#images > div a:hover div.overlay,
div#tagContainer div#images > div a:hover div.overlay {
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

article.itemView div.galleryWrapper div.singleImage:hover img,
div.pg-category-view div.categoryItem div.innerItem > div:hover a img,
div.mebleKuchenne div.mk_item a:hover img
 {
	transform: scale(1.07);
}

div#mp_galleries div.galleryItem a:hover div.image img,
div#gallery-collection div#images > div a:hover img,
div#tagContainer div#images > div a:hover img {
	transform: scale(1.05);
}

div#categoryContainer div.bigArticle a:hover img, div#categoryContainer div.smallArticle a:hover img {
	transform: scale(1.07);
	-webkit-transition: transform 0.6s;
    -moz-transition: transform 0.6s;
    transition: transform 0.6s;	
}

article.itemView div.galleryWrapper div.singleImage:after {
	content: url('../images/photo-icon.png');
	position: absolute;
	bottom: 5px;
	left: 10px;
	z-index: 12;
}

/* testowo zdjemujemy 100% bo rozciaga za male zdjecia */
article.itemView div.galleryWrapper div.singleImage img {
	width: 100%;
	/*margin-left: auto;
	margin-right: auto;*/
	height: auto;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
	display: block;
}

article.itemView div.galleryWrapper div.imageCaption {
	width: 33%;
	background: #1cb2c3;
	padding: 40px 25px 10px 25px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	display: flex;
	flex-direction: column;
}

article.itemView div.galleryWrapper div.imageCaption h3 {
	margin: 0;
	padding: 0;
	font-size: 26px;
	color: #ffffff;
	font-weight: 300;
	line-height: 1.3;
	margin-bottom: 25px;
	font-family: "Rasa", "Lato", sans-serif;
}

article.itemView div.galleryWrapper div.imageCaption h3 a {
	color: #ffffff !important;
}

article.itemView div.galleryWrapper div.imageCaption div.caption {
	font-size: 18px;
	color: #ffffff;
	line-height: 1.4;
}

article.itemView div.galleryWrapper div.imageCaption div.author {
	margin-top: auto;
	font-size: 14px;
	color: #ffffff;
	text-align: right;
}

article.itemView div.galleryWrapper div.imageCaption div.author a {
	color: #ffffff !important;
	text-decoration: none;
}

article.itemView .special1, #nCategoryContainer .special1 {
	padding: 20px 30px 20px 40px;
    font-size: 22px;
    font-weight: 300;
    color: #1cb2c3;
    border-left: 3px solid #1cb2c3;
    line-height: 1.3;
    margin: 45px 0;
}

article.itemView .special2, #nCategoryContainer .special2 {
	padding: 30px;
    border: 1px solid #1cb2c3;
    color: #1cb2c3;
    margin: 40px 0;
    line-height: 1.4;
}

article.itemView div#relatedItems {
	width: 100%;
	display: flex;
	flex-direction: row;
    /*justify-content: center;*/
	flex-wrap: wrap;
	margin-bottom: 50px;
}

article.itemView div#gmcItems {
	margin: 0 0 50px 0;
}

/* FRAGMENT dla testu */

article.itemView div#relatedItems {
	margin-top: 30px;
}

article.itemView div#relatedItems.secondTest {
	flex-direction: column;
}

article.itemView div#relatedItems.secondTest ul li a {
	color: #999999;
}

article.itemView div#relatedItems > div {
	display: flex;
	flex: 1 1 100%;
}

div#relatedItems .related1 {
	flex: 0 1 50%;
}

div#relatedItems .related1 ul {
	padding: 0px 30px;
    list-style-type: none;
}

div#relatedItems .related1 ul li {
	margin-bottom: 20px;
    color: #999999;
    font-family: "Rasa", "Lato", sans-serif;
}

div#relatedItems .relatedHeader {
	flex: 1 1 100%;
    align-items: center;
    justify-content: center;
}

div#relatedItems .relatedHeader h3 {
	font-size: 28px;
    font-weight: 300;
    color: #1cb2c3;
    font-family: "Rasa", "Lato", sans-serif;
    text-align: center;
    margin-bottom: 35px;
	text-align: center;
}

div#relatedItems .relatedHeader h3 span {
	font-weight: 400;
}


/* koniec css testu */


article.itemView div#relatedItems div.ritem {
	width: 25%;
	padding: 10px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex: inherit;
}

article.itemView div#relatedItems div.ritem div.ritem_content {
	width: 100%;
	/*height: 100%;*/
	background: silver;
	position: relative;
}

article.itemView div#relatedItems div.ritem div.ritem_content div img {
	width: 100%;
	height: auto;
	display: block;
}

article.itemView div#relatedItems div.ritem div.ritem_content div.title {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(28, 178, 195, 0.85);
	padding: 20px 15px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.3;
	text-align: center;
	font-family:"Rasa", "Lato", sans-serif;
}

article.itemView div#relatedItems div.ritem div.ritem_content div.title a {
	color: #ffffff;
	text-decoration: none;
}

article.itemView div#relatedItems div.ritem div.ritem_content div.title a:hover {
	text-decoration: none;
}

article.itemView div#addInfo {
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 25px 0;
	margin-bottom: 75px;
	position: relative;
}

article.itemView div#addInfo:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translate(-50%, 0%);
	padding: 0 25px;
	background: #ffffff;
	font-size: 24px;
	color: #999999;
	font-weight: 400;
}

article.itemView div#addInfo div.addInfo_content {
	width: 75%;
	margin-left: 12.5%;
	margin-right: 12.5%;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

article.itemView div#addInfo div.addInfo_content div.author a {
	color: #999999;
	font-size: 16px;
	margin-left: 15px;
	font-weight: 300;
}

article.itemView div#addInfo div.addInfo_content div.author a:hover {
	text-decoration: none;
}

article.itemView div#addInfo div.addInfo_content div.author img {
	width: 50px;
	height: auto;
	overflow:hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
}

article.itemView ul.sources {
	font-size: 14px;
    color: #888888;
    text-align: center;
    list-style-position: inside;
    list-style-type: decimal;
	margin-bottom: 60px;
}

article.itemView ul.sources::after {
    content: "";
    width: 20%;
    height: 1px;
    border-bottom: 1px solid #bfbfbf;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

article.itemView p.summary-question {
    font-size: 22px;
    color: #1cb2c3;
    padding-top: 15px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding-bottom: 15px;
}

article.itemView p.summary-question a {
	color: #1cb2c3 !important;
}

article.itemView p.summary-question::before {
    /*content: url(../images/summary-question.gif);
    float: left;
    margin: 0 15px 15px 0;*/
}

article.itemView ul.sources::before {
	content: "Źródła";
    background: url(../images/sources-icon.gif) no-repeat center center;
    padding-left: 120px;
    display: block;
    margin-bottom: 30px;
    margin-top: 60px;
    font-family: "Rasa", "Lato", sans-serif;
    font-size: 18px;
    color: #888888;
    transform: translate(-40px,0);
    font-weight: 400;
}

.itemRatingBlock {
	position: relative;
	right: initial;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.itemRatingForm {
	margin-bottom: 7px;
}

 /* --- Rating --- */
.itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;}
div.itemRatingForm .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;height:24px;padding:0 0 0 20px;}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {background:transparent url(../images/system/transparent_star.png) left -1000px repeat-x;}
.itemRatingList {position:relative;float:left;width:120px;height:24px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
.itemRatingList li {display:inline;background:none;padding:0;}
.itemRatingList a,
.itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:24px;line-height:24px;outline:none;overflow:hidden;border:none;cursor:pointer;}
.itemRatingList a:hover {background-position:left bottom;}
.itemRatingList a.one-star {width:20%;z-index:6;}
.itemRatingList a.two-stars {width:40%;z-index:5;}
.itemRatingList a.three-stars {width:60%;z-index:4;}
.itemRatingList a.four-stars {width:80%;z-index:3;}
.itemRatingList a.five-stars {width:100%;z-index:2;}
.itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;}
span.siteRoot {display:none;}


.itemRatingBlock .ratingTxt {
	font-size: 14px;
	color: #999999;
}

/* KOMENTARZE */
div#jc {
  max-width: 900px;
  font-weight: 300;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

div#jc div.comment_header, div#gallery div.collections_header {
  font-size: 20px;
  color: #17acc0;
  font-weight: 300;
}

div#jc div#comments-list > div, div.g_comment_form, div.user_coll {
  margin-top: 23px;
  border: 1px solid;
  border-top: 3px solid;
  border-top-color: #cccccc;
  border-color: #cccccc;
  padding: 17px;
  color: #666666;
}

div.g_comment_form input#comments-form-name {
	border:1px solid #ccc;
	padding: 7px;
	
}

div.g_comment_form label {
	font-size: 16px;
	margin-left: 10px;
}

form#comments-form p {
	margin-bottom: 20px;
}

div#comments-form-message {
    padding: 15px;
    font-size: 20px;
    margin-bottom: 50px;
    color: #666;
    text-align: center;
    border-bottom: 2px solid #3ab9c5;
}

div#jc div#comments-list > div div.comment-body {
  font-size: 18px;
  line-height: 1.5;
  margin-top: 20px;
  padding: 0px 15px 0 15px;
}

div#jc div#comments-list > div div.comment-author {
	font-size: 16px;
}

div#jc div#comments-list > div div.comment-author div.avatar, div.g_comment_form div.avatar,
div#gallery div#u_collections div.user_coll div.avatar {
  width: 40px;
  max-height: 40px;
  overflow: hidden;
    -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  float: left;
  margin-right: 15px;
}

div#gallery a#add-image-button {
	position: absolute;
	bottom: 15px;
	font-size: 20px;
	cursor: pointer;
}

div#gallery div#u_collections div.user_coll div.username {
	line-height: 40px;
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
}

div#gallery div#u_collections div.user_coll div.username a {
	color: #17acc0;
	text-decoration: none;
}

div#gallery div#u_collections div.user_coll div.username b {
	font-weight: 300;
}

div#jc div#comments-list > div div.comment-author div.avatar img, div.g_comment_form div.avatar img {
  width: 40px;
  height: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

div#jc div#comments-list > div div.comment-author {
  float: left;
  width: 50%;
  line-height: 40px;
}

div#jc div#comments-list > div div.comment-author div.author a {
  text-decoration: none;
  color: #666666;
}

div#jc div#comments-list > div div.comment-author div.author a:hover { text-decoration: none; }

div#jc div#comments-list > div div.comment-date {
  float: left;
  width: 50%;
  line-height: 40px;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
}

div#no_collections div.user_coll.no_coll,
div#no_collections div.user_coll.no_coll2 {
  background: url('../images/heart_icon.gif') no-repeat 20px center;
  height: 64px;
  padding-top:24px;
  cursor: pointer;
}

div#no_collections div.user_coll.no_coll2 {
  background: url('../images/bubble1.png') no-repeat 20px center;
  height: 80px;
}

div#no_collections div.user_coll.no_coll2 {
	border-color: #17acc0;
}

div#no_collections div.user_coll div.small_h {
  text-align: center;
  color: #666666;
  font-size: 16px;
}

div#no_collections div.user_coll div.big_h,
div#no_collections div.user_coll div.big_h2
{
  text-align: center;
  color: #17acc0;
  font-size: 28px;
  margin-top: 10px;
}

div#no_collections div.user_coll div.big_h2 {
  margin-bottom: 15px;
}

div.g_comment_form {
  border-top: 1px solid;
  border-color: #cccccc;
  margin-top: 28px;
}

div.g_comment_form div.add_header {
  font-size: 20px;
  color: #17acc0;
  font-weight: 400;
  margin-bottom: 25px;
  margin-top: 10px;
  line-height: 40px;
  text-transform: uppercase;
}

div.g_comment_form textarea {
  border: 1px solid #ccc;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 100%;
  height: 100px;
  resize:none;
}

div.g_comment_form form {
  margin: 0;
  padding: 15px;
}

div.g_comment_form div#comments-form-buttons {
  text-align: right;
}

div.g_comment_form div#comments-form-buttons div.btn1 {
  background: #f79d00;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-right: 20px;
  margin-top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

div.g_comment_form div#comments-form-buttons div.btn1 a {
  color: #fff;
  text-decoration: none;
  padding: 10px 50px;
  display: inline-block;
  font-family: "Open sans", Arial, sans-serif;
}

/* KONIEC KOMENTARZY */


div.promo_art {
  color: #cccccc;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}


.itemTagsBlock {
  font-size: 12px;
  margin-top: 10px;
}

.itemTagsBlock span {
  font-weight: bold;
}

.itemTagsBlock a {
  color: #999 !important;
  font-weight: normal;
}

footer {
	margin-top: 75px;
	width: 100%;
	height: 125px;
	background: #17acc0;
	color: #ffffff;
	display: flex;
	flex-direction: row;
}

footer div.logos {
	width: 30%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0 25px;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

footer div.links {
	width: 70%;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer div.links ul li {
	display: inline-block;
	font-weight: 300;
	font-size: 16px;
	margin-left: 40px;
}

footer div.links ul li a {
	color: #ffffff;
}

footer div.links ul li:after {
	content: "|";
	position: relative;
	left: 15px;
}

footer div.links ul li:last-child:after {
	content: "";
}
 
/* ************************ KATEGORIA ************************ */
div#categoryContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;	
}

div#categoryContainer div.categoryFirstRow {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex: 0 1 49%;
}

div#categoryContainer div.art0 {
	flex: 0 1 49%;
}

div#categoryContainer div.art1 {
}

div#categoryContainer div.categoryNameBox {
	width: 100%;
	height: 100%;
 	background: #17acc0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

div#categoryContainer div.catDescription {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 750px;
    padding: 20px 30px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	font-size: 17px;
	line-height: 1.4;
	color: #777777;
}

div#categoryContainer div.catDescription h2 {
	font-family:"Rasa","Lato",sans-serif;
	margin-bottom: 15px;
	color: #999999;
	font-size: 22px;
	text-align: center;
	font-weight: 300;
}

div#categoryContainer div.catDescription > div {
	font-size: 18px;
	color: #999999;
	line-height: 1.4;
    font-weight: 300;
}

div#categoryContainer div.categoryNameBox h1 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 300;
	font-family:"Rasa", "Lato", sans-serif;
}

div#categoryContainer div.bigArticle {
	max-height: 400px;
	overflow:hidden;
	position: relative;
	display: inline-block;
	width: 100%;
}

div#categoryContainer .separator {
	margin-bottom: 20px !important;
}

div#categoryContainer div.smallArticle {
	max-height: 300px;
    overflow: hidden;
    position: relative;
    flex: 1 1 30vw;
    max-width: 425px;
    margin: 0 10px;
}

.smallArticle.separator.k1, .smallArticle.separator.k5 {
	margin-left: 0 !important;
}

div#categoryContainer div.smallArticle.leftMargin {
	margin-right: auto;
	margin-left: 20px;
}

div#categoryContainer div.bigArticle div.artTitle, 
div#categoryContainer div.smallArticle div.artTitle, 
div.pg-category-view div.categoryItem div.innerItem > div div.categoryItemTitle,
div#gallery-collection div#images > div div.title,
div#tagContainer div#images > div div.title {
	position: absolute;
	z-index: 10;
	bottom: 0;
	font-size: 24px;
	background: rgba(255, 255, 255, 0.9);
	color: #128999;
	width: 100%;
	padding: 28px 15px;
	text-align: center;
	font-family: "Rasa", "Lato", sans-serif;
	overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#categoryContainer div.smallArticle div.artTitle,
div.pg-category-view div.categoryItem div.innerItem > div div.categoryItemTitle,
div#gallery-collection div#images > div div.title,
div#tagContainer div#images > div div.title {
	font-size: 22px;
	padding: 15px 10px;
}

div#categoryContainer div.bigArticle img, div#categoryContainer div.smallArticle img {
	position: relative;
	-webkit-transition: transform 0.6s;
    -moz-transition: transform 0.6s;
    transition: transform 0.6s;
    width: 100%;
    height: auto;
	display: block;
}

div#categoryContainer div.j300 {
	flex: 1 0 300px;
    overflow: hidden;
    display: flex;
    margin-left: 10px;
    justify-content: center;
    align-items: center;
    min-height: 250px;
}

div#categoryContainer div.j300.marginRight {
	margin: 0 10px 0 0;
}

div#categoryContainer div#funfacts {
	height: 250px;
	background: #33b6c8;
	overflow: hidden;
}

div#categoryContainer div#funfacts .header {
	font-size: 36px;
	color: #ffffff;
	font-weight: 300;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: 100%;
}

div#categoryContainer div#funfacts .header > div {
	margin-right: 30px;
	font-family:"Rasa", "Lato", sans-serif;
}

div#categoryContainer div#funfacts .factContent {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	font-weight: 300;
	color: #ffffff;
	flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 20px 30px;
	height: 100%;
}

div#categoryContainer div#funfacts .factContent > div {
	line-height: 1.3;
	text-align: center;
}

/* ************************ KONIEC KATEGORII ************************ */

/* Paginacja */
div#Pagination {
	margin-top: 35px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	flex: 1 1 100%;
}

div#Pagination ul.pagination-list {
    list-style-type: none;
	display: inline-block;
}

div#Pagination ul.pagination-list li {
    min-width: 48px;
    min-height: 48px;
    border: 1px solid #cccccc;
    display: inline-block;
	line-height: 48px;
	margin-right: 25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div#Pagination ul.pagination-list li.active {
	background: #e6b122;
	border-color: #e6b122;
}

div#Pagination ul.pagination-list li.active div.pagi1 {
	color: #ffffff;
}

div#Pagination ul.pagination-list li.active {

}

div#Pagination ul.pagination-list li.next_pagi a {
	padding: 10px 25px;
	background: #e6b122;
	color: #ffffff;
	border: none;
	font-size: 22px;
}

div#Pagination ul.pagination-list li.next_pagi {
	border-color: #e6b122;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div#Pagination ul.pagination-list li div.pagi1, div#Pagination ul.pagination-list li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #999999;
}

div#Pagination ul.pagination-list li a:hover, div#Pagination ul.pagination-list li a:focus {
	text-decoration: none;
}

div#Pagination ul.pagination-list li.active div.item {
	width: 100%;
	height: 100%;
	display:inline-block;
}



/* koniec paginacji */

/* galerie */
div#gallery div.galleryTitle {
	padding: 10px 20px;
	border-left: 4px solid #17acc0;
	margin-bottom: 10px;
}

div#gallery div.galleryTitle h1 {
	font-size: 28px;
	font-weight: 300;
	text-transform: uppercase;
	color: #17acc0;
	font-family: "Rasa", "Lato", sans-serif;
}

div#gallery div.galleryContent {
	display: flex;
	max-width: 1200px;
    justify-content: space-between;
    align-items: stretch;
}

div#gallery div.galleryContent div.newArticles {
	margin: 20px 0;
	border-top: 1px solid #cccccc;
}

div#gallery div.galleryContent div.newArticles h4 {
	font-size: 22px;
	font-weight: 400;
	font-family: "Rasa", "Lato", sans-serif;
	margin: 15px 0;
}

div#gallery div.galleryContent div.newArticles ul {
	font-size: 16px;
	padding: 0 0 0 20px;
	list-style-type: square;
}

div#gallery div.galleryContent div.newArticles ul li {
	margin-bottom: 10px;
}

div#gallery div.galleryContent div.newArticles ul li a {
	color: #666666;
}

div#gallery div.galleryContent div.sideContainer {
	flex: 0 0 300px;
	margin-left: 20px;
}

div#gallery div.galleryContent div.imageContainer {
	flex: 1;
}

div#gallery div.galleryContent div.imageContainer div.image1 {
	position: relative;
	display: inline-block;
}

div#gallery div.galleryContent div.imageContainer div.previousImg, div#gallery div.galleryContent div.imageContainer div.nextImg {
	position: absolute;
	top: 50%;
	margin-top: -48px;
}

div#gallery div.galleryContent div.imageContainer div.previousImg img {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

div#gallery div.galleryContent div.imageContainer div.previousImg img, div#gallery div.galleryContent div.imageContainer div.nextImg img {
	width: 75%;
	height:auto;
}

div#gallery div.galleryContent div.imageContainer div.nextImg {
	right: 0;
}

div#gallery div.galleryContent div.imageContainer div.previousImg a, div#gallery div.galleryContent div.imageContainer div.nextImg a {
    color: #17acc0;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px 10px 15px 15px;
    text-align: center;
    display: inline-block;
}

div#gallery div.galleryContent div.ad1 {
	margin-bottom: 10px;
	width: 300px;
}

div#gallery div.galleryContent div.sideContainer div.relatedItem {
	width: 50%;
	padding: 5px 5px 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	display: inline-block;
	position: relative;
	overflow: hidden;
	max-height: 150px;
}

div#gallery div.galleryContent div.sideContainer div.relatedItem img {
	vertical-align: middle;
	display: inline-block;
}

div#gallery div.w100_2 {
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

div#gallery div.w100_2 > div, div#gallery div.w100_2 > a {
	margin: 0 10px 0 0;
}

div#gallery div.w100_2 > div img {
	display: block;
}

div#gallery div.w100_2 div.avatar {
	max-width: 50px;
	height: auto;
	margin-right: 25px;
}

div#gallery div.w100_2 div.add_to_collection, div#gallery div.w100_2 div.add_comment {
  color: #999999;
  display: inline-block;
  line-height: 30px;
  height: 30px;
  padding-left: 36px;
  padding-right: 15px;
  border: 1px solid #cccccc;
  position: relative;
  top: 1px;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position:relative;
  
  cursor: pointer;
  
  font-weight: 300;
  font-size: 16px;
}

div#gallery div.w100_2 div.add_comment {
  padding-left: 40px;
}

div#gallery div.w100_2 div.add_to_collection div.plus {
  width: 16px;
  height: 14px;
  background: url('../images/collection_add.png');
  position: absolute;
  top: 8px;
  left: 12px;
}

div#gallery div.w100_2 div.add_comment div.comment {
  width: 16px;
  height: 16px;
  background: url('../images/add_comment.png');
  position: absolute;
  top: 8px;
  left: 12px;
}

div#gallery div.w100_2 div.add_to_collection:hover, div#gallery div.w100_2 div.add_comment:hover  {
  background: #17acc0;
  color: #fff;
  border: 1px solid #17acc0;
}

div#gallery div.w100_2 div.add_to_collection:hover div.plus { background-position: 0 -14px; }
div#gallery div.w100_2 div.add_comment:hover div.comment  { background-position: 0 -16px; }


div#gallery div.gallery_desc {
  margin-top: 20px;
  font-size: 18px;
  color: #999999;
  line-height: 1.6;
  font-weight: 300;
  margin-bottom: 40px;
}

div#gallery div.gallery_desc ul, div#gallery div.gallery_desc ul li {
	list-style-type: decimal;
}

div#gallery div.gallery_desc ul {
	margin-left: 35px;
	margin-top: 20px;
}

div#gallery div.gallery_desc ul li {
	margin-bottom: 10px;
}

div#gallery div.gallery_desc div.gallery_desc_cat {
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 16px;
}

div#gallery div.gallery_desc div.gallery_desc_cat a {
	color: #17acc0;
	font-size: 18px;
	font-weight: 400;
}

div#no_collections div.user_coll div.big_h, div#no_collections div.user_coll div.big_h2 {
	font-weight: 300;
	font-family: "Rasa", "Lato", sans-serif;
}

div#no_collections div.user_coll div.big_h a, div#no_collections div.user_coll div.big_h2 a {
	color: #17acc0;
	text-decoration: none;
}

div.pg-category-view {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

div.pg-category-view div.categoryItem {
	width: 32.5vw;
	height: auto;
	max-height: 400px; /* bylo 380 */
	max-width: 400px;	/* bylo 380 */
	min-width: 300px;
	min-height: 300px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	padding: 10px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.pg-category-view div.categoryItem.itemTitleWrapper {
	height: 32.5vw;
}

div.pg-category-view div.categoryItem div.innerItem {
	overflow:hidden;
	width: 100%;
	margin: 0 auto;
	height: 100%;
}

div.pg-category-view div.categoryItem div.innerItem.ad1 {
	display: flex;
	align-items: center;
	justify-content: center;
}

div.pg-category-view div.categoryItem div.innerItem > div {
	position: relative;
	overflow: hidden;
}

div.pg-category-view div.categoryItem div.innerItem > div a {
	display: flex;
}


div.pg-category-view div.categoryItem div.innerItem > div div.categoryItemTitle {
	position: absolute;
	left: 0;
	bottom: 0;
}

div.pg-category-view div.categoryItem div.innerItem img {
	width: 100%;
	height: 100%;
}

div.pg-category-view div.categoryItem div.innerItem .ad1 img {
	width: auto;
}

div.pg-category-view div.categoryItem div.innerItem.categoryTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #17acc0;
	font-size: 50px;
	font-weight: 300;
	flex-direction: column;
	color: #ffffff;
	position: relative;
}

div.pg-category-view div.categoryItem div.innerItem.categoryTitle h1 {
	font-size: 48px;
	font-weight: 300;
	    font-family: "Rasa", "Lato", sans-serif;
}

div.pg-category-view div.categoryItem div.innerItem.categoryTitle span {
	font-size: 26px;
	margin-top: 25px;
}


div.pg-category-view div.categoryItem div.innerItem > div img {
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;	
}


/* koniec galerii */

/* Strona glowna */
div#hp_main_wrapper {
	display: inline-block;
	margin-bottom: 20px;
	max-width: 890px;
	overflow: hidden;
}

div.ad1_mp {
	display: inline-block;
	height: 250px;
	vertical-align: top;
}

div.ad1_inner {
	height: 100%;
    display: flex;
    align-items: center;
}

div#hp_main {
	margin-right: 20px; /* gdzie zjada 4px!? */
	max-height: 250px;
	display: flex;
}

div#hp_main div.imgContainer {
	width: 60vw;
	background: silver;
	overflow: hidden;
}

div#hp_main div.imgContainer a {
	display: inline-block;
	width: 640px;
}

div#hp_main div.imgContainer img {
	height: 100%;
}

div#hp_main div.textContainer {
	width: 40vw;
	background: #17acc0;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

div#hp_main div.textContainer h2 {
	font-family: "Rasa", sans-serif;
	font-size: 28px;
	font-weight: 300;
}

div#hp_main div.textContainer h2 a {
	color: #ffffff;
}

div#hp_main div.textContainer div.introtext {
	font-size: 18px;
	margin-top: 20px;
}

div#mp_galleries {
	padding-bottom: 40px;
	border-bottom: 2px solid #cccccc;
}


div#mp_galleries div.firstGallery {
	padding: 0 10px 0 0;
}

div#mp_galleries div.secondGallery {
	padding: 0 0 0 10px;
}

div#mp_galleries div.galleryItem {	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	max-height: 350px;
	overflow: hidden;
}

div#mp_galleries div.galleryItem div.image {
	position: relative;
	max-height: 350px;
	overflow: hidden;
}

div#mp_galleries div.galleryItem div.image img.mimg {
	width: 100%;
}

div#mp_galleries div.galleryItem div.image div.imageTitle {
	width: 100%;
	position: absolute;
	bottom: 0;
	padding: 15px 20px;
	background: rgba(255, 255, 255, 0.85);
	text-align: center;
	font-family: "Rasa", "Lato", sans-serif;
	color: #128999;
	font-size: 22px;
}

div#mp_galleries div.galleryItem div.image div.imageTitle img {
	vertical-align: middle;
	margin-right: 15px;
	position: relative;
	top: -3px;
}

div.mebleKuchenne {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: 2px solid #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

div.mebleKuchenne.ogrodHp {
	flex-wrap: wrap;
}

div.mebleKuchenne div.mk_item {
	width: 31%;
}

div.mebleKuchenne div.mk_item div.imageWrapper {
	max-height: 250px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 15px;
}

div.mebleKuchenne div.mk_item div.imageWrapper img {
	width: auto;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
	display: block;
}

div.mebleKuchenne div.mk_item h3 {
	font-size: 22px;
	color: #666666;
	font-family: "Rasa", "Lato", sans-serif;
	margin-bottom: 15px;
	font-weight: 400;
	
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div.mebleKuchenne div.mk_item p {
	color: #999999;
	font-size: 15px;
	font-weight: 300;
}

div.blogiWnetrzarskie {
	padding-bottom: 50px;
	border-bottom: 2px solid #ccc;
}

div.blogiWnetrzarskie .blogs {
	display: flex;
	justify-content: space-around;
}

div.blogiWnetrzarskie h2 {
	font-size: 20px;
	font-family: "Rasa", "Lato", sans-serif;
	color: #666666;
	margin: 25px 0;
	text-align: left;
	font-weight: 400;
}

div.blogiWnetrzarskie .blogs div.bItem {
    flex: 1 1 auto;
    height:auto;
	border: 2px solid #e6e6e6;
	min-height: 100px;
	margin: 0 10px;
	display: flex;
    align-items: center;
    justify-content: center;
}

div.blogiWnetrzarskie .blogs div.bItem img {
	
}

div.blogiWnetrzarskie .blogs div.bItem:before {
    content:'';
    float:left;
    padding-top:100%;
}

div.blogiWnetrzarskie div.bItem:first-child {
	margin-left: 0;
}

div.blogiWnetrzarskie div.bItem:last-child {
	margin-right: 0;
}

div.firmyWnetrzarskie {
	display: Flex;
    flex-direction: row;
    margin-top: 50px;
}

div.firmyWnetrzarskie div.firmyHeader {
    flex: 1 1 auto;
    margin-right: 20px;
    background: #17acc0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 40%;	
	font-family: "Rasa", "Lato", sans-serif;
	font-size: 32px;
	color: #ffffff;
    flex-direction: column;
}

div.firmyWnetrzarskie div.firmyHeader > div {
	text-align: center;
}

div.firmyWnetrzarskie div.firmy  {
	flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

div.firmyWnetrzarskie div.firmy div.fItem {
	padding: 15px;
    width: 30%;
    text-align: center;
    border: 2px solid #e6e6e6;
    max-height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 15px 0;
	overflow: hidden;
}

div.firmyWnetrzarskie div.firmy div.fItem.top {
	margin-top: 0;
}

div.firmyWnetrzarskie div.firmy div.fItem.bottom {
	margin-bottom: 0;
}

.fItem img {
	height: auto;
}

div.firmyWnetrzarskie .firmy div.fItem:before {
	content:'';
    float:left;
    padding-top:100%;	
}

div#firmy div.header, div#blog div.header {
    background: #17acc0;
    padding: 35px 30px 35px 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 30px;
}

div#firmy div.header img {
	vertical-align: middle;
	margin-right: 30px;
}

div#firmy div.header h1, div#blog div.header h1 {
	font-size: 40px;
	color: #ffffff;
	font-weight: 300;
	font-family: "Rasa", "Lato", sans-serif;	
}

div#firmy div.firmy_podkategorie {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 2px solid #d9d9d9;
}

div#firmy div.firmy_podkategorie > div {
	width: 32%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-bottom: 20px;
}

div#firmy div.firmy_podkategorie > div div.inner {
	padding: 20px 15px;
	border: 2px solid #d9d9d9;
	font-size: 40px;
	font-size: 20px;
	text-align: center;
	font-weight: 300;
	font-family: "Rasa", "Lato", sans-serif;	
	text-transform: uppercase;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#firmy div.firmy_podkategorie > div div.inner a {
	color: #17acc0;;
}

div#firmy div.firmy_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div#firmy div.firmy_list a {
	flex: 1 1 32%;
	max-width: 32%;
	margin-bottom: 1.5%;
	border: 2px solid #d9d9d9;
	padding: 15px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	min-height: 120px;
	display: flex;
	flex-direction: column;
    align-items: center;
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	overflow: hidden;
}

div#firmy div.firmy_list a > div img {
	margin-right: 5px;
	vertical-align: middle;
}

div#firmy div.firmy_list a > div {
	margin-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}

div#firmy div.firmy_list a.extra {
	border-color: #17acc0;
}

div#firmy div.firmy_list div.companyLogo {
	display: inline-block;
	max-width: 100px;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
	height: 100px;
    display: flex;
    align-items: center;
	margin-right: none;
}

div#firmy div.firmy_list div.companyPhone {
	font-size: 20px;
	color: #17acc0;
}

div#firmy div.kolumny {
	display: flex;
	margin-top: 50px;
}

div#firmy div.kolumny > div {
	flex: 1 1 50%;
}

div#firmy div.kolumny > div.mapa {
	padding: 0 50px 50px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#firmy div.kolumny div.kol1 {
	display: flex;
	flex-wrap: wrap;
}

div#firmy div.kolumny div.kol2 {
	flex: 1 0 400px; /* mamy srodek min 300px bo paddingi jeszcze po 50 */
}

div#firmy div.kolumny div.kol1 div.logo {
	flex: 1 1 100%;
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}

div#firmy div.kolumny div.kol1 div.dane {
	flex: 1 1 50%;
	width: 50%;
	margin-bottom: 35px;
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	overflow: hidden;
	justify-content: center;
}

div#firmy div.kolumny div.kol1 div.dane > div {
    height: 100%;
    display: flex;
    align-items: center;
}

div#firmy div.kolumny div.kol1 div.dane > div a {
	color: #666666;
	text-decoration: none;
}

div#firmy div.kolumny div.kol1 div.dane > div.phone {
	font-size: 24px;
	color: #17acc0;
}


div#firmy div.kolumny div.kol1 div.dane div:first-child {
	margin-right: 10px;	
}

div#firmy div.kolumny div.kol1 div.opisFirmy,
div#firmy div.kolumny div.kol1 div.opinieFirmy {
	padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	margin-bottom: 30px;
}

div#firmy div.kolumny div.kol1 div.opisFirmy > div {
	margin-top: 35px;
	font-size: 17px;
}

div#firmy div.kolumny div.kol1 div.opisFirmy > div strong, div#firmy div.kolumny div.kol1 div.opisFirmy > div b {
	font-weight: 400;
	font-family: "Lato", sans-serif;
}

div#firmy div.kolumny div.kol1 div.opisFirmy > div ul {
	margin: 3% 5%;
}

div#firmy div.kolumny div.kol1 div.zdjeciaFirmy {
	margin-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
}

div#firmy div.kolumny div.kol1 div.zdjeciaFirmy a {
	width: 30%;
	flex: 1 1 30%;
	display: flex;
	align-items:center;
	justify-content: center;
	margin-bottom: 3%;
	margin: 10px;
}

div#firmy h2 {
	text-align: center;
	padding-top: 25px;
	border-top: 2px solid #d9d9d9;
	font-family: "Rasa", "Lato", sans-serif;
	font-size: 20px;
	color: #999999;
	font-weight: 300;
}

div#firmy div.kolumny div.kol2 div#mapContainer {
	width: 100%;
	padding-bottom: 100%;
	margin-bottom: 20px;
}


div#RespJedn {
	width: 100%;
	max-height: 250px;
}

/* profile */

div#userProfile div.profileName {
	padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background: #17acc0;
    display: flex;
    align-items: center;
}

div#userProfile div.profileName div.avatar {
	max-width: 80px;
	max-height: 80px;
	width: 80px;
	height: 80px;
	overflow: hidden;
	background: #ffffff;
	margin-right: 35px;
}

div#userProfile div.profileName h1 {
	color: #ffffff;
	font-family: "Rasa", "Lato", sans-serif;
	font-size: 40px;
	font-weight:300;
}

div#userProfile div.profileName div.avatar img {
	width: 100%;
	height: auto;
}

div#userProfile div.socials {
	margin: 40px 0;
    display: flex;
    justify-content: space-around;
}

div#userProfile div.socials > div img {
	vertical-align: middle;
    margin-right: 15px;
}

div#userProfile div.socials > div a {
	font-family: "Lato", sans-serif;
	font-size: 16px;
	color: #666666;
}

div#userProfile div.userCollections {
	border-top: 2px solid #d9d9d9;
	padding-top: 35px;
}

div#userProfile div.userCollections h2 {
	color: #999999;
	font-family: "Rasa", "Lato", sans-serif;
	font-size: 20px;
	font-weight:400;	
	text-align: center;
	margin-bottom: 35px;
}

div#userProfile div.userCollections div.imagesColl {
	display: flex;
	flex-wrap: wrap;
}

div#userProfile div.userCollections div.imagesColl div.single_collection {
	flex: 0 1 23%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0 1% 30px 1%;
	min-width: 0;
}

div#userProfile div.userCollections div.imagesColl div.single_collection div.title a {
	color: #999999;
	font-family: "Rasa", "Lato", sans-serif;
	font-size: 20px;
	font-weight:400;

}

div#userProfile div.userCollections div.imagesColl a.collImage {
	display: inline-block;
	overflow: hidden;
}

div#userProfile div.userCollections div.imagesColl a.collImage img {
	display: block;
	-webkit-transition: transform 0.6s;
    -moz-transition: transform 0.6s;
    transition: transform 0.6s;
}

div#userProfile div.userCollections div.imagesColl a.collImage:hover img {
	-webkit-transition: transform 0.6s;
    -moz-transition: transform 0.6s;
    transition: transform 0.6s;
	transform: scale(1.07);
}

div#userProfile div.userCollections div.imagesColl div.single_collection div.title {
	text-align: center;	
	margin-top: 15px;
	overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
	width: 100%;
}

/* profile - koniec */


div#gallery div#add_to_coll_popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}

div#gallery div.add_to_coll_popup_visible { display: block !important;  }

div#gallery div#add_to_coll_popup div#popup {
    width: 500px;
    background: #ffffff;
    margin: 0 auto;
    top: 50%;
    position: fixed;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px;
    border: 4px solid #17acc0;
    border-radius: 10px;
}

div#gallery div#add_to_coll_popup div#popup .p_content1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

div#gallery div#add_to_coll_popup div#popup .icon1 {
    margin-right: 25px;

}

div#gallery div#add_to_coll_popup div#popup .p_content2_2 {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 300;
    color: #999;
}

div#gallery div#add_to_coll_popup div#popup .header1 {
    font-size: 28px;
    font-family: "Rasa", "Lato", sans-serif;
    color: #17acc0;
    font-weight: 300;
}

div#gallery div#add_to_coll_popup div#popup div.collButtons {
    display: flex;
}

div#gallery div#add_to_coll_popup div#popup div.collButtons > div {
	flex: 1 1 50%;
	text-align: center;
}

div#gallery div#add_to_coll_popup div#popup div.collButtons > div button {
	cursor: pointer;
}

div#gallery div#add_to_coll_popup div#popup div.collButtons > div button:focus {
	outline:none;
}

div#gallery div#add_to_coll_popup div#popup div.close_popup,
div#gallery div#add_to_coll_popup div#popup.add-image-popup div.close_popup{ 
  position: absolute;
  top: -22px;
  right: -22px;
  height: 32px;
  width: 32px;
  cursor: pointer;

  background: #ffffff url('../images/close_window.png') no-repeat center center;
  padding: 5px;
 
}

div#gallery div#add_to_coll_popup div.wrap1 {
	display: flex;
    margin-top: 30px;
    justify-content: center;
    position: relative;
}

div#gallery div#add_to_coll_popup div.wrap1 .p_content3 {
    flex: 1;
    text-align: center;
    line-height: 2;
    font-size: 20px;
    height: 100%;
    font-weight: 300;
    font-family: "Rasa", "Lato", sans-serif;
    color: #17acc0;
}

div#gallery div#add_to_coll_popup div.wrap1 .p_content3 span {
	font-weight: 400;
	color: #999999;
	font-size: 22px;
}

div#gallery div#add_to_coll_popup .p_content2 {
    text-align: center;
    color: #999;
    font-size: 18px;
}

div#gallery div#add_to_coll_popup div.wrap1 .p_content4 {
	flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	padding: 7px 0;
}

div#gallery div#add_to_coll_popup div.wrap1 select,
div#gallery div#add_to_coll_popup div.wrap1 input {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    height: 30px;
    font-size: 14px;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    padding: 4px 10px;
    color: #999999;
	font-family:"Lato", sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
}


div#gallery div#add_to_coll_popup div.wrap1 input {

	color: #99999;
}

div#gallery-collection div#header, div#tagContainer div#header {
	display: flex;
	justify-content: space-between;
	min-height: 200px;
	margin-bottom: 15px;
}

div#gallery-collection div#header > div, div#tagContainer div#header > div {
	flex: 0 1 49%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#gallery-collection div#header > div, div#tagContainer div#header > div.full {
	flex: 1 1 100%;
}

div#gallery-collection div#header > div.name, div#tagContainer div#header > div.name {
    background: #17acc0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 15px;
}

div#gallery-collection div#header > div.name > div, div#tagContainer div#header > div.name > div {
	font-size: 14px;
	font-family: "Lato", sans-serif;
	color: #ffffff;
}

div#gallery-collection div#header > div.name > div a, div#tagContainer div#header > div.name > div a {
	color: #ffffff;
}

div#gallery-collection div#header > div.name h1, div#tagContainer div#header > div.name h1 {
    font-size: 46px;
    color: #ffffff;
    font-family: "Rasa", "Lato", sans-serif;
    font-weight: 300;
    text-align: center;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#tagContainer div#header > div.name h1:first-letter {
	text-transform: uppercase;
}

div#gallery-collection div#header > div.description, div#tagContainer div#header > div.description {
	border-bottom: 2px solid #cccccc;
    display: flex;
    align-items: center;
	font-family: "Lato", sans-serif;
	color: #999999;
	line-height: 1.3;
	font-size: 16px;
	padding: 15px;
}

div#gallery-collection div#tags, div#tagContainer div#tags {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#gallery-collection div#tags > div, div#tagContainer div#tags > div {
	color: #a6a6a6;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 15px 0 0;
}

div#gallery-collection div#tags > ul, div#tagContainer div#tags > ul {
	list-style-type: none;
	display: inline-block;
}

div#gallery-collection div#tags > ul li, div#tagContainer div#tags > ul li {
	margin: 0 4px;
	background: #bfbfbf;
	color: #ffffff;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
    padding: 5px 12px 5px 8px;
    display: inline-block;
    font-size: 14px;
	margin-bottom: 6px;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

div#gallery-collection div#tags > ul li:hover, div#tagContainer div#tags > ul li:hover {
	background: #f0bc2b;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

div#gallery-collection div#tags > ul li a, div#tagContainer div#tags > ul li a {
	text-decoration: none;
	color: #ffffff;
}

div#gallery-collection div#tags > ul li img, div#tagContainer div#tags > ul li img {
	vertical-align: middle;
	margin-right: 6px;
	position: relative;
	top: -1px;
}

div#gallery-collection div#images, div#tagContainer div#images {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	flex-flow: row wrap;
	justify-content: space-between;
}

div#gallery-collection div#images:after, div#tagContainer div#images:after {
	content: "";
	flex: 0 1 32%;
}

div#gallery-collection div#images > div, div#tagContainer div#images > div {
	flex: 0 1 32%;
	margin-bottom: 1.5%;
	position: relative;
	overflow: hidden;
}

div#gallery-collection div#images > div.googleda {
	align-self: center;
	text-align: center;
}

div#gallery-collection div#images > div.googleda img {
	width: inherit;
	height: auto;
	display: inline;
}

/* czesc zdjec jest dawno wygenerowana i nie ma wiekszego rozmiaru wiec rozszerzmy je sztucznie */
div#gallery-collection div#images > div img, div#tagContainer div#images > div img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
	display: block;
}


div#blog div.header > div {
	display: flex;
	font-size: 26px;
	color: #ffffff;
	font-family: "Rasa", "Lato", sans-serif;
}

div#blog div.header > div img {
	margin-right: 15px;
}

div#blog div.blogColumn {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}

div#blog div.blogColumn > div {
	flex: 0 1 49%;
	font-size: 18px;
	line-height: 1.3;
	color: #666666;
	font-family: "Lato", sans-serif;
}

div#blog div.blogColumn > div a {
	color: #999999;
}

div#blog div.blogColumn > div.second {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

div#blog div.blogColumn > div p {
	margin-bottom: 20px;
}

div#blog div.blogColumn > div div.itemRatingBlock {
	margin-top:40px;
	align-items: flex-end;
}

div#blog div.blogColumn > div.second > div {
	margin-bottom: 30px;
}

div#blog div.blogColumn > div.second img {
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 15px;
}

div#blog div.blogColumn > div.second a {
	color: #17acc0;
	font-size: 20px;
	font-family: "Rasa", "Lato", sans-serif;	
}

div#blog div.otherBlogs {
	border-top: 2px solid #ccc;
}

div#blog div.otherBlogs h2 {
	padding: 20px 0;
	color: #999999;
	font-family: "Rasa", "Lato", sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 300;
}

div#blog div.otherBlogs div.blogs {
	display: flex;
	justify-content: space-between;
}

div#blog div.otherBlogs div.blogs > div {
	display: flex;
	align-items: center;
	justify-content: center;
}

div#blog div.otherBlogs div.blogs > div img {
	max-width: 150px;
	height: auto;
}

div.login_module > div { display: inline-block; }

div.login_module div.login_avatar img {
	vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
}

a.ubAvatar {
	display: block;
	font-size: 16px;
	color: #666666;
	font-family: "Lato", sans-serif;
}

a.ubAvatar img {
	max-width: 50px;
	height: auto;
	vertical-align:middle;
	position: relative;
	top: -2px;
}

div.logBox ul {
	list-style-type: none;
}

div.logBox ul li {
	display: inline-block;
	margin-left: 10px;
}

div.logBox ul li a {
	color: #666666;
}

div.logBox ul li input {
    background: none;
    border: none;
    color: #666;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
	font-weight: 300;
	cursor: pointer;
}

div#login, div#registerPage {
	margin: 35px 0;
}

div#login form, div#registerPage form {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div#registerPage form button {
	margin-top:25px;
}

div#registerPage span.subTitle {
	color: #17acc0;
	font-size: 20px;
	font-family: "Rasa", "Lato", sans-serif;
	text-align:center;
	display: block;
	margin-top:10px;
}

div#login form div.controls, div#registerPage form div.controls {
	margin-bottom: 25px;
}

div#login form div.controls.rememberme {
	font-size: 16px;
}

div#login form input[type="text"], div#login form input[type="password"], div#registerPage form input[type="text"], div#registerPage form input[type="password"], div#registerPage form input[type="email"] {
	color: #666666;
    border: 2px solid #ccc;
    padding: 14px;
    font-size: 18px;
    font-family: "Lato", sans-serif;
    font-weight: 300;	
}

div#registerPage form input[type="text"]#username {	background: url('../images/placeholder1.gif') no-repeat 10px 50%;	}
div#registerPage form input[type="email"]#email {	background: url('../images/placeholder2.gif') no-repeat 10px 50%;	}
div#registerPage form input[type="password"]#password, div#registerPage form input[type="password"]#password2 {	background: url('../images/placeholder3.gif') no-repeat 10px 50%;	}
div#registerPage form input[type="text"]#url {	background: url('../images/placeholder4.gif') no-repeat 10px 50%;	}
div#registerPage form input[type="text"]#facebook {	background: url('../images/placeholder5.gif') no-repeat 10px 50%;	}
div#registerPage form input[type="text"]#google {	background: url('../images/placeholder6.gif') no-repeat 10px 50%;	}

div#registerPage form input[type="text"], div#registerPage form input[type="password"],  div#registerPage form input[type="email"] {
	padding-left: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



div#login form input[type="checkbox"] {
	margin-left: 20px;
}

div#login form input[type="text"]:focus, div#login form input[type="password"]:focus,
div#registerPage form input[type="text"]:focus, div#registerPage form input[type="password"]:focus, div#registerPage form input[type="email"]:focus {
	outline: none;
}

div#registerPage form input[type="text"]:focus, div#registerPage form input[type="password"]:focus, div#registerPage form input[type="email"]:focus {
	border-color: #f0bc2b;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

div#login div.rememberBox {
	text-align:center;
	margin-top: 50px;
	font-size: 16px;
	color: #999;
}

div#login div.rememberBox ul li {
	margin-bottom: 10px;
}

div#login div.rememberBox ul li a {
	color: #999999;
}

div#login h1, div#registerPage h1 {
	font-family: "Rasa", "Lato", sans-serif;
	font-size: 42px;
	text-align: center;
	color: #17acc0;
	font-weight: 300;
	margin-bottom: 50px;
}

div#registerPage h2 {
	font-family: "Rasa", "Lato", sans-serif;
	font-size: 28px;
	text-align: center;
	color: #17acc0;
	font-weight: 300;
	margin: 25px 0;
}

div#registerPage form div.controls.center {
	text-align: center;
}

div#registerPage div.extraParams {
	margin-top:25px;
	display: flex;
	width:90%;
	flex-wrap: wrap;
	justify-content: space-around;
}

div#registerPage img.success {
	margin-right: 25px;
}

/* przypieta stopka do spodu (przy stronach ktore moga byc b.krotkie) zawsze na flexie */
div#page, #wrapper {
	/*display: flex;*/
	min-height: 100%;
    min-height: 100vh;
    flex-direction: column;
}

div#main_content {
	flex: 1;
}

div#articleSummary {
	border-top: 1px solid #f2c344;
	border-bottom: 1px solid #f2c344;
	padding: 35px 0;
	margin: 50px 0;
	display: flex;
	align-items: center;
}

div#articleSummary > div.header {
	flex: 0 1 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #f39c12;
	font-family: "Rasa", "Lato", sans-serif;
}

div#articleSummary > div.header img {
	margin-bottom:20px;
}

div#articleSummary > div.summary {
	flex: 1 1 70%;

}

div#articleSummary ol {
	list-style-type: none;
}

div#articleSummary ol li {
	counter-increment: customlistcounter;
	display: flex;
	align-items: center;
}

div#articleSummary ol > li:before {
  content: counter(customlistcounter) " ";
  font-weight: 300;
  font-size: 44px;
  color: #808080;
  font-family: "Rasa", "Lato", sans-serif;
  min-width: 55px;
}

div#articleSummary ol > li {
	font-family: "Lato", sans-serif;
	color: #828282;
	font-size: 18px;
	margin-bottom: 25px;
}

div#articleSummary ol > li:last-child {
	margin-bottom: auto;
}

/* Galeria glowna */
#gallerywrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

#gallerywrapper .gallery {
    display: flex;
}

#gallerywrapper .gallery .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#gallerywrapper .gallery .item.small {
    display: inline-block;
    max-width: 49%;
    max-height: 49%;
}

#gallerywrapper .gallery .item img {
    width: 100%;
    height: auto;
	position: relative;
	z-index: -1;
	display: block;
}

#gallerywrapper .gallery .item {
	width: 99%;
	margin: 0.5%;
	box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.2);
	position: relative;
	overflow: hidden;
}

#gallerywrapper .gallery .item a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

#gallerywrapper .gallery .item a .imageOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 172, 192, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "Rasa";
    font-size: 22px;
    text-align: center;
    font-weight: 300;
    box-sizing: border-box;
    padding: 30px;
	visibility: hidden;
	opacity: 0.0;
    -webkit-transition: all 0.5s; 
    transition: all 0.5s;
}

#gallerywrapper .gallery .item a:hover .imageOverlay {
	visibility: visible;
    -webkit-transition: all 0.5s; 
    transition: all 0.5s;
	opacity: 1.0;
}

#gallerywrapper .gallery.gallery2 .item {
	margin: 0.25%;
}

#gallerywrapper .moreWrapper {
    text-align: center;
    margin: 60px 0px;
}

#gallerywrapper .moreWrapper ul li {
	display: inline-block;
	margin-right: 15px;
	color: #999999;
	font-size: 14px;
	font-weight: 300;
	font-family: "Rasa";
}

#gallerywrapper .moreWrapper ul li a {
	color: #999999;
	text-decoration: none;
}

#gallerywrapper .moreWrapper ul li:first-child {
	color: #666666;
	font-weight: 400;
}

#gallerywrapper .moreWrapper .moreImages {
    width: auto;
    display: inline-block;
    border-top: 2px solid #17acc0;
    border-bottom: 2px solid #17acc0;
    padding: 25px 60px;
    -webkit-transition: all 0.5s; 
    transition: all 0.5s;
}

#gallerywrapper .moreWrapper a:hover .moreImages {
	padding: 25px 80px;
    -webkit-transition: all 0.5s; 
    transition: all 0.5s;
}

#gallerywrapper .moreWrapper .moreImages .i1 {
    font-size: 36px;
    font-weight: 400;
    font-family: "Rasa";
    color: #17acc0;
}

#gallerywrapper .moreWrapper .moreImages .i2 {
    font-size: 22px;
    color: #999999;
    font-weight: 400;
    font-family: "Rasa";
}


div.lanterns1 {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

div.lantern1 {
	display: flex;
    align-items: center;
	flex: 1 1 33%;
	justify-content: center;
	margin-bottom: 20px;
	flex-direction: column;
}

div.lantern1 p {
	margin-bottom: 10px;
}

div.lantern1 div {
	text-align: center;
}

div.lantern1 img {
	/*margin-right: 20px;*/
}

div.lantern1 a {
    color: #ff9e02;
    text-decoration: none;
    font-weight: 400;
    font-size: 24px;
}

article #secondCol {
	max-width: 300px;
	flex: 1 1 300px;
}

article #secondCol .rightyd {
	max-width: 300px;
	max-height: 600px;
	position: sticky;
	top: 20px;
}


article.itemView h4 {
    font-size: 26px;
    color: #17acc0;
    font-weight: 300;
    clear: both;
    margin: 15px 0 15px 0;
    padding: 10px 0;
    /* border-bottom: 1px solid #17acc0; */
    font-family: "Rasa", "Lato", sans-serif;
}

article.itemView h4:before {
    content: url('/templates/wnetrzekuchni/images/faq_h4.png');
    position: relative; 
    top: 10px;
    padding-right: 15px;
}

/* nowe kategorie */

._ins2 {
	margin: 35px 0;
	max-width: 100%;
	width: 100%;
	max-height: 300px;
	display: inline-block;
}

#nCategoryContainer {
	width: 100%;
	max-width: 100%;
}

#nCategoryContainer .header {
	max-height: 350px;
	width: 100%;
	height: auto;
	display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 30px;
}

#nCategoryContainer .header h1 {
	font-size: 46px;
    color: #ffffff;
    font-weight: 300;
    font-family: "Rasa", "Lato", sans-serif;
	position: absolute;
}

#nCategoryContainer .header .background img {
	display: block;
}

#nCategoryContainer div.photo_icon {
	position: absolute;
    right: 15px;
    top: 15px;
	z-index: 10;
}

#nCategoryContainer .pg-category-view {
	margin-bottom: 30px;
}

.nCategoryDescription h2 {
    font-size: 32px;
    color: #17acc0;
    font-weight: 300;
    clear: both;
    margin: 30px 0 30px 0;
    padding: 10px 0;
    /*border-bottom: 1px solid #17acc0;*/
	font-family: "Rasa", "Lato", sans-serif;
}

.nCategoryDescription { padding: 0 10px; font-size: 18px; line-height: 1.4; margin-bottom: 50px; }
.nCategoryDescription p { margin-bottom: 25px; }

.nCategoryDescription h3 {
    font-size: 24px;
    color: #17acc0;
    font-weight: 300;
    clear: both;
    margin: 15px 0 15px 0;
    padding: 10px 0;
    /*border-bottom: 1px solid #17acc0;*/
	font-family: "Rasa", "Lato", sans-serif;	
}

#nCategoryContainer div.bigArticle {
    max-height: 400px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 100%;
}

#nCategoryContainer div.bigArticle div.artTitle, #nCategoryContainer div.bigArticle h2 {
    position: absolute;
    z-index: 10;
    bottom: 0;
    font-size: 24px;
    background: rgba(255, 255, 255, 0.9);
    color: #128999;
    width: 100%;
    padding: 28px 15px;
    text-align: center;
    font-family: "Rasa", "Lato", sans-serif;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-weight: 300;
}

#nCategoryContainer div.art0 {
    flex: 0 1 49%;
	margin-bottom: 30px;
}

#nCategoryContainer .nCategoryItems {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	padding: 0 10px;
}

@media only screen and (max-width: 480px) {
	#nCategoryContainer div.art0 { flex: 0 1 100% }
}

/* koniec */

.authors_contact ul li {
    list-style-type: none;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.authors_contact ul li img {
    border-radius: 10%;
    max-width: 50px;
    display: block;
}

.authors_contact ul li div.name {
    padding-left: 15px;
}



/* ************************************ */

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	
	
	div#categoryContainer div.j300 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	
	div#categoryContainer div.catDescription {
		width: 50%;
		vertical-align: top;
	}
	
	div#categoryContainer div.catDescription h2 {
		font-size: 20px;
	}
	
	div#categoryContainer div.catDescription > div {
		font-size: 16px;
	}
	
	div#categoryContainer div.bigArticle div.artTitle {
		font-size: 18px;
	}
	
	div#categoryContainer div.smallArticle a {
		overflow: hidden;
		display: block;
	}
	
	div#categoryContainer div.bigArticle a img, div#categoryContainer div.smallArticle a img {	
		transform: none; 
	}
	
	div#categoryContainer div.bigArticle a:hover img, div#categoryContainer div.smallArticle a:hover img {
		transform: scale(1.07);
	}
	
	div#MMenu {
		font-size:13px;
		width: 100%;
	}
	
	#wrapper {
		width: 100%;
	}
	
	div#MMenu ul li a {
		padding: 15px 10px;
	}
	
	div#MMenu ul li ul li {
		font-size: 14px;
	}
	
	div#MMenu ul li ul {
		top: 48px;
	}
	
	article.itemView div#opening div.headerBackground {
		width: 100%;
	}
	
	article.itemView div#opening div.headerBackground div.blueBackground {
		width: auto;
	}
	
	article.itemView div#opening div.headerBackground div.introImage {
		float: right;
	}
	
	article.itemView div#opening {
		background: #17acc0;
	}
	
	div#stickyHeader.stickyHeader {
		width: 100%;
	}
	
	article.itemView div.articleContent div#mainCol {
		width: 100%;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	article.itemView div.galleryWrapper div.imageCaption div.caption {
		font-size: 16px;
	}
	
	article.itemView div#jc {
		width: 100%;
		max-width: 900px;
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}
	
	article.itemView div#relatedItems {
		flex-wrap: wrap;
	}
	
	article.itemView div#relatedItems div.ritem {
		width: 33%;
	}
}

@media only screen and (max-width: 767px) {
	.col-s-1  { width: 8%; }
	.col-s-2  { width: 17%;  }
	.col-s-3  { width: 25%; }
	.col-s-4  { width: 33%;  }
	.col-s-5  { width: 42%;}
	.col-s-6  { width: 50%;   }
	.col-s-7  { width: 58%; }
	.col-s-8  { width: 67%; }
	.col-s-9  { width: 75%; }
	.col-s-10 { width: 83%; }
	.col-s-11 { width: 91%; }
	.col-s-12 { width: 100%;  }
	
	.zdjecia_2_ins {
		max-height: none;
		min-width: inherit;
	}
	
	article #secondCol .rightyd {
		max-width: 100%;
		width: 100%;
		position: relative;
		top: auto;
	}
	
	.belowArticleUnit {
		max-height: 250px;
	}
	
	div#firmy div.kolumny {
		flex-direction: column;
	}
	
	div#firmy div.kolumny > div {
		width: 100%;
		flex: 1 1 100%;
	}
		
	div#firmy div.firmy_list a {
		flex: 1 1 49%;
		max-width: 49%;
	}
	
	.beforeArticleUnit {
		max-width: 300px;
	}
	
	.roundedButtonWhite, .roundedButtonWhiteCategory, .roundedButtonBlue, .roundedButtonGrey {
		font-size: 16px;
		padding: 8px 30px;
	}
	
	div#firmy div.firmy_podkategorie, div#firmy div.firmy_list { padding: 10px; }
	
	div#firmy div.firmy_podkategorie > div {
		width: 99%;
	}
	
	div#firmy div.header { padding: 15px 15px 15px 20px; margin-bottom: 10px; }
	div#firmy div.header h1 { font-size: 24px }
	div#firmy div.header > div { display: none }
	div#firmy div.firmy_list a div.companyPhone { font-size: 16px;	}
	div#firmy div.firmy_list a > div img { display: none }
	div#firmy div.firmy_list a > div.companyLogo img { display: block; }
	
	.roundedButtonWhiteCategory {
		margin-top: 20px;
	}
	
	div#wrapper {
		width: 100%;
		position: relative;
	}
	
	div#stickyHeader {
		
	}
	
	div#stickyHeader header {
		height: 100px;
		max-width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	div#stickyHeader div.logBox {
		display: none;
	}
	
	div#stickyHeader div.logBox a {
		position: relative;
	}
	
	div#stickyHeader div.logo a img {
		/*height: 70px;*/
	}
	
	div#stickyHeader div.logo {
		margin-left: 20px;
	}
	
	div#stickyHeader div.mobile-menu {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-right: 20px;
	}
	
	div#stickyHeader div.mobile-menu a {
		display: inline-block;
		font-size: 24px;
		color: #17acc0;
		cursor: pointer;
	}
	
	div#stickyHeader div.mobile-menu a img {
		max-height: 28px;
		vertical-align: middle;
		margin-right: 25px;
		position: relative;
		top: -1px;
		display: inline-block;
	}
	
	div#MMenu {
		width: 100%;
		max-width: 100%;
	}
	
	div#MMenu ul {
		flex-direction: column;
	}
	
	div#MMenu ul li {
		display: none;
		position: relative;
	}
	
	div#MMenu ul li > a::after {
		/*content: url('../images/expand.png');
		position: relative;
		left: 20px;*/
	}
	
	div#stickyHeader.stickyHeader div.logo {
		line-height: initial;
	}
	
	div#stickyHeader.stickyHeader {
		width: inherit;
	}
	
	article.itemView {
		overflow: hidden;
	}
	
	article.itemView div#opening {
		width: 100%;
		background: #ccc;
		position: relative;
		margin-bottom: 0px;
		display: flex;
		flex-direction: column;
		height: auto;
	}
	
	article.itemView div#opening div.headerBackground {
		width: 100%;
	}
	
	article.itemView div#opening div.blur {
		color: #ffffff;
		font-size: 14px;
		text-decoration: none;
		font-weight: 400;
		order: 2;
		background: #ccc;
		   
		display: flex;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		flex-direction: row;
		align-items: center;
		width: 100%;
		justify-content: space-between;
		flex: 1 1 auto;
		padding: 10px;
	}
	
	article.itemView div#opening div.headerBackground div.introImage {
		width: 100%;
		max-width: 100%;
		height: 200px;
		max-height: 250px;
		overflow: hidden;
	}
	
	article.itemView div#opening div.headerBackground div.layer {
		background: rgba(23, 172, 192, 0.8);
	}
	
	article.itemView div#opening div.headerBackground div.blueBackground { display: none }
	article.itemView div#opening div.headerBackground div.introImage img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	div.promo_art {
		position: initial;
		font-size: 12px;
		width: initial;
	}
	
	article.itemView div#opening div.blur div.separator { display:none }
	
	article.itemView div.articleContent div#mainCol {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 15px;
	}
	
	article.itemView div.galleryWrapper {
		flex-direction: column;
	}
	
	article.itemView div.galleryWrapper div.singleImage {
		width: 100%;
	}
	
	article.itemView div.galleryWrapper div.singleImage div.overlay {
		text-align: center;
		font-size: 48px;
	}
	
	article.itemView div.galleryWrapper div.imageCaption {
		width: 100%;
		padding: 15px;
	}
	
	article.itemView div.galleryWrapper div.imageCaption h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	article.itemView div.galleryWrapper div.imageCaption div.caption {
		font-size: 15px;
	}
	
	article.itemView div.articleContent {
		font-size: 18px;
	} 
	
	article.itemView div#opening div.headerBackground div.articleHeader h1 {
		font-size: 24px;
		margin-bottom: 0;
	}
	
	article.itemView div.articleContent div#mainCol,
	article.itemView div.articleContent div#leftCol,
	article.itemView div.articleContent div#rightCol {
		float: initial;
	}
	
	article.itemView div.articleContent div#leftCol {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	
	article.itemView div.articleContent div#leftCol div#socialBox {
		flex-direction: row;
		justify-content: space-around;
	}
	
	article.itemView div.articleContent div#leftCol div#socialBox {
		width: 100%;
	}
	
	article.itemView div.articleContent div#leftCol div#socialBox a img {
		width: 38px;
		height: auto;
	}
	
	article.itemView div.articleContent div#mainCol {
		margin-top: 15px;
	}
	
	article.itemView .special1, #nCategoryContainer .special1 {
		padding: 15px 15px 15px 25px;
		font-size: 18px;
		font-weight: 300;
		margin: 30px 0;
	}
	
	article.itemView .special2, #nCategoryContainer .special2 {
		padding: 20px;
	}
	
	article.itemView div#relatedItems {
		flex-direction: column;
	}
	
	article.itemView div#relatedItems div.ritem {
		width:100%;
	}
	
	article.itemView div#addInfo div.addInfo_content {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 10px;
		margin: 0;
	}
	
	article.itemView div#addInfo div.addInfo_content div.author {
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	
	article.itemView div#jc {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 10px;
		margin-bottom: 0;
	}
	
	article.itemView div#no_collections div.user_coll div.big_h, article.itemView div#no_collections div.user_coll div.big_h2 {
		font-size: 20px;
	}
	
	footer {
		margin-top: 30px;
	}
	
	footer div.links ul li {
		font-size: 14px;
	}
	
	footer div.logos {
		flex-direction: column;
		padding: 0 10px;
	}

	
	div#categoryContainer div.categoryNameBox h1 {
		font-size: 34px;
	}
	
	div#categoryContainer div.categoryFirstRow {
		padding: 0 10px;
		flex: 1 1 100%;
		min-height:250px;
		height: 250px;
	}
	
	div#categoryContainer div.art0, div#categoryContainer div.art1 {
		padding: 0 10px;
		flex: 1 1 100%;
	}
	
	
	div#categoryContainer div.bigArticle {
		max-height: 320px;
	}
	
	div#categoryContainer div.bigArticle a img, div#categoryContainer div.smallArticle a img {
		transform: none;	
		display: block;
	}
	
	div#categoryContainer div.bigArticle a:hover img, div#categoryContainer div.smallArticle a:hover img {
		transform: none;
	}
	
	div#categoryContainer .separator {
		margin-bottom: 20px !important;
	}
	
	div#categoryContainer div.j300 {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1 1 100%;
	}
	
	div#categoryContainer div.smallArticle {
		flex: 1 1 100%;
		max-width: initial;
		max-height: 320px;
	}
	
	div#categoryContainer div.smallArticle.k1, div#categoryContainer div.smallArticle.k5 {
		margin: 0;
		padding: 0 10px;
	}
	
	div#categoryContainer div.bigArticle div.artTitle {
		font-size: 18px;
	}
	
	div#categoryContainer div.bigArticle div.artTitle, div#categoryContainer div.smallArticle div.artTitle {
		padding: 20px 10px;
	}
	
	div#categoryContainer div.catDescription {
		width: 100%;
		height: auto;
		padding: 10px;
		font-size: 14px;
	}
	
	div#categoryContainer div.catDescription h2 {
		font-size: 16px;
		margin-bottom: 8px;
	}
	
	div#categoryContainer div.catDescription > div {
		font-size: 14px;
	}
	
	div#Pagination ul.pagination-list li {
		min-width: 32px;
		min-height: 32px;
		line-height: 32px;	
	}
	
	div#Pagination ul.pagination-list li.next_pagi {
		margin-top: 25px;
	}
	
	div#categoryContainer div.smallArticle.leftMargin {
		
	}
	
	div#categoryContainer div#funfacts .factContent {
		font-size: 16px;
	}
	
	div#categoryContainer div#funfacts .header {
		font-size: 28px;
		text-align: center;
	}
	
	div#categoryContainer div#funfacts .header > div:first-child {
		display: none;
	}
	
	div#categoryContainer div#funfacts .header > div {
		margin: 0;
	}
	
	div#gallery {
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
		margin-top: 25px;
		overflow:hidden;
	}
	
	div#gallery div.galleryContent {
		flex-direction: column;
	}
	
	div#gallery div.galleryContent div.sideContainer {
		margin-left: 0;
		margin-top: 20px;
	}
	
	div#gallery div.galleryContent div.ad1 {
		text-align: center;
	}
	
	div.pg-category-view div.categoryItem {
		width: 100vw;
		min-height: 300px;
	}
	
	div#no_collections div.user_coll.no_coll, div#no_collections div.user_coll.no_coll2 {
		height: auto;
	}
	
	div.pg-category-view div.categoryItem div.innerItem.categoryTitle h1 {
		font-size: 38px;
	}
	
	div#gallery div.galleryTitle h1 {
		font-size: 20px;
	}
	
	div#gallery div.galleryContent div.imageContainer div.previousImg a, div#gallery div.galleryContent div.imageContainer div.nextImg a {
		font-size: 16px;
		padding: 8px 0px;
	}
	
	div#gallery div.galleryContent div.imageContainer div.previousImg img, div#gallery div.galleryContent div.imageContainer div.nextImg img {
		width: 50% !important;
	}
	
	div#gallery div.galleryContent div.imageContainer div.previousImg, div#gallery div.galleryContent div.imageContainer div.nextImg {
		margin-top: -30px;
	}
	
	div#no_collections div.user_coll.no_coll2 {
		background: none;
	}
	
	div#no_collections div.user_coll div.big_h, div#no_collections div.user_coll div.big_h2 {
		font-size: 22px;
		margin-top: 8px;
	}
	
	div#gallery div.w100_2 {
		justify-content: center;
	}
	
	div#gallery div.galleryContent div.sideContainer div.relatedItem {
		text-align: center;
		overflow: hidden;
	}
	
	div#gallery div.galleryContent div.sideContainer div.relatedItem img {
		transform: translate(0, -25%);
	}
	
	div#mp_galleries div.galleryItem {
		margin-bottom: 20px;
	}
	
	div#mp_galleries div.galleryItem div.image {
		margin: 0 10px 0 10px;
		padding: 0;
	}
	
	div#mp_galleries div.firstGallery, div#mp_galleries div.secondGallery {
		padding: 0;
	}
	
	div#hp_main_wrapper {
		margin-bottom: 25px;
	}
	
	div.mebleKuchenne {
		padding: 0px 10px;
		flex-wrap: wrap;
	}
	
	div.blogiWnetrzarskie {
		padding: 0 10px 30px 10px;
	}
	
	
	div.blogiWnetrzarskie .blogs {
		flex-wrap: wrap;
	}
	
	div.blogiWnetrzarskie div.bItem:first-child, div.blogiWnetrzarskie div.bItem:last-child {
		margin: 0 10px;
	}
	
	div.blogiWnetrzarskie .blogs div.bItem {
		margin-bottom: 20px;
	}
	
	div.mebleKuchenne div.mk_item {
		width: 100%;
		margin-bottom: 30px;
	}
	
	div#mp_galleries {
		padding-bottom: 20px;
	}
	
	div.firmyWnetrzarskie div.firmyHeader {
		margin: 0 10px 25px 10px;
		padding: 25px 15px;
	}
	
	div.firmyWnetrzarskie {
		flex-direction: column;
		margin-top: 30px;	
	}
	
	div.ad1_mp {
		height: auto;
		margin-bottom: 25px;
		width: 100%;
	}
	
	div.ad1_inner {
		justify-content: center;
	}
	
	div#hp_main div.textContainer div.introtext {
		font-size: 15px;
	}
	
	div#hp_main div.textContainer h2 {
		font-size: 20px;
	}
	
	div#hp_main {
		flex-direction: row;
	}
	
	div#hp_main div.imgContainer img {
		width: 100%;
		display: block;
	}
	
	div#hp_main div.textContainer {
		width: 100vw;
	}
	
	div#hp_main div.imgContainer {
		width: 100vw;
		height: auto;
		max-height: 250px;
	}
	
	div#hp_main {
		flex-direction: column;
		max-height: none;
	}
	
	div#hp_main div.imgContainer a {
		width: auto;
		display: block;
	}
	
	div.blogiWnetrzarskie h2 {
		text-align: center;
	}

	
	div#userProfile div.socials {
		flex-direction: column;
		align-items:center;
	}
	
	div#userProfile div.socials > div {
		margin: 7px 0;
		text-align: center;
	}
	
	div#userProfile div.userCollections div.imagesColl div.single_collection {
		flex: 0 1 48%;
	}
	
	div#gallery-collection {
		flex-direction: column;
		display: flex;
	}
	
	div#gallery-collection div#tags {
		order: 3;
	}
	
	div#gallery-collection div#header {
		flex-direction: column;
	}
	
	div#gallery-collection div#header > div.name,
	div#gallery-collection div#header > div.description,
	div#tagContainer div#header > div {
		flex: 1 1 100%;
	}
	
	div#gallery-collection div#header > div.description { font-size: 14px; }
	
	div#gallery-collection div#images > div,
	div#tagContainer div#images > div	{
		flex: 0 1 49%;
	}
	
	div#gallery-collection div#tags, div#tagContainer div#tags {
		padding: 0 10px;
	}
	
	div#tagContainer div#header {
		flex-wrap: wrap;
	}
	
	div#articleSummary > div.header img {
		margin-bottom: 15px;
	}
	div#articleSummary {
		flex-direction: column;
	}
	
	div#articleSummary ol > li {
		font-size: 16px;
	}
	
	div#articleSummary ol > li:before {
		font-size: 38px;
		min-width: 35px;
	}
	
	div#articleSummary > div.header {
		margin-bottom: 35px;
	}
	
	article.itemView div.articleContent {
		flex-direction: column;
	}	
	
	article.itemView div.articleContent div#leftCol {
		flex: 1;
		margin: 20px 0 0 0;
		width: 100%;
	}
	
	div#mainMenu div.menuClose {
		margin: 35px 0 20px 0;		
	}
	
	div#mp_galleries div.galleryItem div.image div.imageTitle {
		padding: 15px 0;
	}
	
	div#categoryContainer div.j300 {
		margin-left: auto;
	}
	
	article.itemView div#opening div.headerBackground div.articleHeader div.introDescription {
		margin-top: auto;
	}
	
	
	article.itemView div.galleryWrapper div.singleImage:before {
		content: "Galeria zdjęć";
		position: absolute;
		bottom: 15px;
		left: 65px;
		z-index: 13;
		font-size: 20px;
		color: #ffffff;
		font-weight: 400;
	}
	
}

/* dla ie nizszych niz edge */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	article.itemView div.articleContent {
		flex-direction: row;
	}
	
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) and (max-width: 768px) {
		div#articleSummary {
			display: block;
		}	
}



/* ********************************************************************* */


@media only screen and (min-width: 768px) and (max-width: 1024px) {
		
	article.itemView div.articleContent div#leftCol {
		width: 100%;
		clear: both;
	}
	
	article.itemView div.articleContent div#leftCol div#socialBox {
		justify-content: flex-end;
		width:100%;
		margin: 0px 20px 0 0;
		max-width: 112px;
	}
	
	article.itemView div.articleContent div#leftCol div#socialBox a img {
		margin: 0 8px;
	}
	
	
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	article.itemView div.articleContent div#leftCol, article.itemView div.articleContent div#mainCol {
		float: left;
	}
	
	article.itemView div.articleContent div#leftCol {
		width: 15%;
	}
	
	article.itemView div.articleContent div#mainCol {
		width: 85%;
	}
	


}

/* ********************************************************************* */

@media only screen and (max-width: 480px) {
	div#firmy div.firmy_list a {
		flex: 1 1 99%;
		max-width: 99%;
	}
	
	div#firmy div.firmy_list a div.itemContainer div.companyLogo {
		height: auto;
	}
	
	div#firmy div.kolumny > div.mapa {
		padding: 0 15px 15px 15px;
	}
	
	div#firmy div.kolumny div.kol1 div.dane {
		flex: 1 1 100%;
		width: 100%;
		margin-bottom: 25px;
	}
	
	div#firmy div.kolumny div.kol1 div.opisFirmy, div#firmy div.kolumny div.kol1 div.opinieFirmy {
		margin-bottom: 0 !important;
	}

	div#firmy div.kolumny {
		margin-top: 30px;
	}
	
	div#gallery-collection div#images > div,
	div#tagContainer div#images > div	{
		flex: 0 1 95%;
		margin: 2.5%;
	}
	
	div#gallery-collection div#tags > ul li img, div#tagContainer div#tags > ul li img {
		display: none;
	}
	
}