/*
Theme Name: topflower
Description: Motyw strony topflower
Author: Mateusz
Template: twentytwelve
*/

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,*:before,*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}





body {
	background: #e5e5e5;
}


	/* common */
	p {
		color:#000;
		font-family:'OpenSans',Arial,Sans-serif;
		font-weight:normal;
		font-size:1.125em;
		text-align:left;
		line-height:1.625em;
	}
	
	p b, p strong, b, strong {
	    font-family:'OpenSansBold',Arial,Sans-serif;
		font-weight:normal;
		font-size:1.125em;
	}
	
	p.alignRight {
		text-align:right;
	}
	
	p a, p a:active, p a:focus,p a:visited  {
		color:#000;
		text-decoration:underline;	
	}
	
	p a:hover {
		color:#888;
		text-decoration:underline;
	}
	
	p.mt10, h1.mt10, h2.mt10, h3.mt10, h4.mt10, h5.mt10, div.mt10, .mt10 {margin-top:10px;}
	p.mt20, h1.mt20, h2.mt20, h3.mt20, h4.mt20, h5.mt20, div.mt20, .mt20 {margin-top:20px;}
	p.mt30, h1.mt30, h2.mt30, h3.mt30, h4.mt30, h5.mt30, div.mt30, .mt30 {margin-top:30px;}
	p.mt40, h1.mt40, h2.mt40, h3.mt40, h4.mt40, h5.mt40, div.mt40, .mt40 {margin-top:40px;}
	p.mt50, h1.mt50, h2.mt50, h3.mt50, h4.mt50, h5.mt50, div.mt50, .mt50 {margin-top:50px;}
	div.mt60, .mt60 {margin-top:60px;}
	div.mt70, .mt70 {margin-top:70px;}
	div.mt80, .mt80 {margin-top:80px;}
	div.mt90, .mt90 {margin-top:90px;}
	div.mt100, .mt100 {margin-top:100px;}
	div.mt110, .mt110 {margin-top:110px;}
	div.mt120, .mt120 {margin-top:120px;}
	div.mt130 {margin-top:130px;}
	div.mt140 {margin-top:140px;}
	div.mt150 {margin-top:150px;}
	
	p.mb10, h1.mb10, h2.mb10, h3.mb10, h4.mb10 {margin-bottom:10px;}
	p.mb20, h1.mb20, h2.mb20, h3.mb20, h4.mb20 {margin-bottom:20px;}
	p.mb30, h1.mb30, h2.mb30, h3.mb30, h4.mb30 {margin-bottom:30px;}
	p.mb40, h1.mb40, h2.mb40, h3.mb40, h4.mb40 {margin-bottom:40px;}
	p.mb50, h1.mb50, h2.mb50, h3.mb50, h4.mb50 {margin-bottom:50px;}
	
	
	.page-template-page-pogrzebowe .sectionTwo ul {
		display:block;
		text-align:left;
		margin:0 40px 20px;	
	}
	
	.page-template-page-pogrzebowe .sectionTwo ul li {
		text-align:left;
		color:#000;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		font-size:18px;
		line-height:24px;
	}
	
	.noPadding {
		padding: 0 !important;
		margin: 0 !important;
	}
	/* naglowek - gorne menu */
	
	.siteHeader {
		background:rgba(0,0,0,0.8);
		
	}
	
    .flexContainer {
		display:flex;
		flex-direction:row;
		}
	.flexContainer div, .flexContainer nav {
		display:block;
	}
	
	
	/* tabela */
	
	/*.wptb-image-wrapper a img {
		max-width:120px;
		max-height:120px;
	}
*/

.wptb-table-container {
	overflow:visible;
	
}

	.wptb-table-container table tr td:last-child .wptb-image-wrapper a img {
		
		max-width:200px;
		max-height:200px;
	}


	
	.wptb-table-container table tr td:last-child {
		
		max-width:200px;
		width:200px;
		height:120px;
		max-height:120px;
		}
	
#lightbox {
	position:fixed !important;
	top:50px !important;
	
}

	
	.mainMenu {
		margin-left: auto;	
	}
	
	.mainMenu ul {
		display:flex;
		flex-direction:row;
}
	.mainMenu ul li {
		color:#fff;
		list-style:none;
	}

	.mainMenu ul li a {
		color:#fff;
		padding:3.1em 1em;
		display:block;
		overflow:hidden;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		text-transform:uppercase;
		font-size:1.2em;
		transition:all 0.3s;
	}
	
	.mainMenu ul li a:hover {
		text-decoration:none;
		background:#ccc;
		color:#000;
		transition:all 0.3s;
	}
	
	#logo {
		width:11em;
		padding:1em;
	}
	
	nav.mainMenu {}
	
	nav.mainMenu ul li:first-child {
		background:url('img/ico-domek.svg') center center no-repeat;
		background-size:1.4em;
		position:relative;
		transition:all 0.3s;
	}
		nav.mainMenu ul li:first-child a {
		width:3em;
	}
	
		nav.mainMenu ul li:first-child:hover {
		background:#ccc url('img/ico-domek.svg') center center no-repeat;
		background-size:1.4em;
		transition:all 0.3s;
		
	}
	nav.mainMenu ul li:first-child:after {
		display:block;
		content:"";
		position:absolute;
		width:2em;
		height:2em;
		background:url('img/ico-domek.svg') center center no-repeat;
		opacity:1;
		pointer-events:none;
		background-size:1.4em;
		top:57px;
		left:13px;
		transition:all 0.3s;
	}
	nav.mainMenu ul li:first-child:hover:after {
		display:block;
		content:"";
		width:2em;
		height:2em;
		background:url('img/ico-domek-black.svg') center center no-repeat;
		opacity:1;
		pointer-events:none;
		background-size:1.4em;
		transition:all 0.3s;
		
	}
	nav.mainMenu ul li:first-child a {
		opacity:0;		
	}

	.content p {
	margin-bottom:20px;
	}

	
	.page-template-page-main div.container-fluid {
		background:#2c2f47 url('img/bg-index.jpg') center -7em no-repeat;
		background-attachment: fixed;
		
	}
	
	.page-template-page-main .sectionOne {
		height:500px;
	}

	.page-template-page-main .sectionOne h2 {
		color:#fff;
		font-size:45px;
		line-height:1.5em;
		font-family:'OpenSansLight',Arial,Helvetica,Sans-serif;
		margin-top:160px;
		margin-left:50px;
	}
	
	.page-template-page-main .sectionOne h2 strong {
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
	}
	
	.page-template-page-main .sectionTwo {
		background:#fff;
		padding:70px 0;
	}
	
	
	.page-template-page-pogrzebowe .sectionTwo {
		background:#fff;
		padding:70px 0;
	}
	
	.page-template-page-main .sectionIcons {
		background:#999999;
		height:auto;
	}
	
	
	.page-template-page-main .sectionPogrzebowe {
		background:#666 url('img/bg-page-pogrzebowe.jpg') center top no-repeat;
		background-attachment: initial;
		height:500px;
		/*background-size:768px;*/

	}
	
	.page-template-page-main .sectionPogrzebowe h2 {
		color:#fff;
		font-size:45px;
		line-height:1.5em;
		font-family:'OpenSansLight',Arial,Helvetica,Sans-serif;
		margin-top:120px;
		margin-left:0px;
	}
	

	.page-template-page-main .sectionPogrzebowe h2 strong {
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
	}	
	

	.page-template-page-oferta div.container-fluid {
		background:#565761 url('img/bg-kwiaty.jpg') center top no-repeat;
		background-attachment: fixed;
		
	}
	
	.page-template-page-oferta .sectionOne {
		height:550px;
	}

	.page-template-page-oferta .section.sectionOne h2 {
		margin-top:150px;
	}
	.page-template-page-oferta .section h2 {
		color:#fff;
		font-size:45px;
		line-height:1.5em;
		font-family:'OpenSansLight',Arial,Helvetica,Sans-serif;
		margin-top:200px;
		margin-left:0px;
	}
	
	.page-template-page-oferta .section {
			border-bottom:solid 6px #fff;
		}
	.page-template-page-oferta .section h2 strong {
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
	}	
	.page-template-page-oferta .sectionOne h2 strong {
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
	}
	
	.page-template-page-oferta .sectionZielen {
				background:#302f33 url('img/bg-zielen.jpg') center center no-repeat;
		background-attachment: fixed;
		height:600px;

	}

	.page-template-page-oferta .section.sectionAkcesoria {
		text-align:right;
				background:#392d39 url('img/bg-akcesoria.jpg') center center no-repeat;
		background-attachment: fixed;
		height:600px;

	}
	
	.page-template-page-oferta .sectionSzklo {
		background:#302f33 url('img/bg-szklo.jpg') center center no-repeat;
		background-attachment: fixed;
		height:600px;

	}


	.page-template-page-oferta .sectionRozne {
		background:#302f33 url('img/bg-rozne.jpg') center center no-repeat;
		background-attachment: fixed;
		height:600px;

	}
		
	.page-template-page-oferta .sectionOne h2 strong {
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
	}
	
	.page-template-page-oferta a.button, .withButton a, .withButton p a, a.button{
		font-size:15px;
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
		color:#fff;
		padding:15px 20px;
		text-decoration:none;
		text-transform:uppercase;
		border:solid 2px #fff;
		border-radius:4px;
		display:inline-block;
		margin:2em 0;
		transition:all 0.3s;
		line-height:1.42em;
	}
	.page-template-page-oferta a.button:hover, .withButton a:hover, .withButton p a:hover, a.button:hover {
	background:#fff;
	color:#000;
	transition:all 0.1s;
	text-decoration:none;
	}
	
	.customCategory a.button {
	color:#000;
	border:solid 2px #000;
		
		}
	.customCategory a.button:hover {
		background:#000;
		color:#fff;
	}
	.buttonFlexWraper {
		display:flex;
		flex-direction:column;
	}
.buttonFlexWraper .firstP	{flex-grow:1;display:block;font-size:1px; }
		.buttonFlexWraper .button {margin:0 2em 0.8em;
		}
		
	.withButton p a {margin-left: 50px;
    margin-top: 20px;}
	
	
/* strony produktowe */	
	
	.page-template-page-kwiatyciete div.container-fluid {
		background:#4b4952 url('img/bg-page-kwiaty.jpg') center -100px no-repeat;
	}
	
	.page-template-page-akcesoria div.container-fluid {
		background:#4b4952 url('img/bg-page-akcesoria.jpg') center top no-repeat;
	}
	
	.page-template-page-dodatki div.container-fluid {
		background:#4b4952 url('img/bg-page-dodatki.jpg') center top no-repeat;
	}

	.page-template-page-pogrzebowe div.container-fluid {
		background:#666 url('img/bg-page-pogrzebowe.jpg') center top no-repeat;
	}
	
	
	.page-template-page-zielen div.container-fluid {
		background:#4b4952 url('img/bg-page-zielen.jpg') center top no-repeat;
	}
	
	.page-template-page-szklo div.container-fluid {
		background:#4b4952 url('img/bg-page-szklo.jpg') center top no-repeat;
	}
	
	.sectionAsortyment {background:#e5e5e5;}
	
	.pageContent {
		text-align:left;
		padding:50px 0 120px;
	}
	
	.pageContent img {
		margin-top:40px;
		margin-bottom:20px;
	}
	
	
	.pageContent h2 {
		text-align:left;
		color:#fff;
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
		font-size:50px;
		margin:50px 0 20px;
	}
	
	.pageContent h2 strong {
		font-size:1em;
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
		font-weight:bold;
	}

	.pageContent p {
		text-align:left;
		color:#fff;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		font-size:18px;
		max-width:485px;
		margin:20px 0;
	}
	
	.pageContent ul {
		display:block;
		text-align:left;
		margin:0 40px;	
	}
	
	.pageContent ul li {
		text-align:left;
		color:#fff;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		font-size:18px;
		line-height:24px;
	}
	
	.pageContent.center h2 {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	.pageContent.center p {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	.pageContent div.listaFlex {
		display:flex;
		flex-direction:row;
		justify-content: center;
	}
	
	.pageContent div.listaFlex ul section {
		display:none;
	}

	.pageContent div.listaFlex ul li.readMore {
		cursor:pointer;
		list-style:none;
		opacity:0.5;
	}

	.pageContent div.listaFlex ul li.readMore:hover {
		text-decoration:underline;
		opacity:0.5;
	}
	
	.pageContent div.listaFlex.mobileShow {
		display:none;
	}
	
	.page-template-page-kontakt {
		background:url('img/bg-kontakt.jpg') center center no-repeat;
		background-attachment: fixed;
	}
	
	.page-template-page-kontakt .sectionOne {
		height:600px;
		padding:150px 0;
	}
	
	.page-template-page-kontakt .section p {
		color:#000;
		font-size:1.2em;
		line-height:1.5em;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		margin-top:10px;
			
		}
		
	.page-template-page-kontakt .section p strong{
	font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
		
	}
	
	.page-template-page-kontakt .section {
		border-bottom:solid 6px #fff;
	}
	
	.page-template-page-kontakt .sectionMap {	
		background:#ccc;
	}
	
	.page-template-page-kontakt .sectionMap h2 {
		color:#000;
		line-height:1.5em;
		font-family:'OpenSansLight',Arial,Helvetica,Sans-serif;
	}

	.page-template-page-galeria {
		background:#fff;
	}
	
	.page-template-page-galeria .section {
		padding:70px 0;
	}

	
	.page-template-page-galeria .section .gallery {
		display:flex;
		flex-wrap: wrap;
		justify-content: center;

	}
	
	.page-template-page-galeria .section .gallery .gallery-item {
		width:auto!important;
		display:block;
		margin:10px;
	}
	
	.page-template-page-normal .section {
		padding:70px 0;
		background:#fff;
	}

	.page-template-page-user .section {
		padding:70px 0;
		background:#fff;
	}

	
	.page-template-page-user .section .wppb-register-user {
	display:inline-block;
	margin:0 auto;
	text-align:right}
	.page-template-page-user .section .wppb-register-user ul{
	list-style:none;
	text-align:right;
}	
	.page-template-page-user .section .wppb-register-user ul li{
	margin:5px auto;
}	
.page-template-page-user .section .wppb-register-user .wppb-send-credentials-checkbox {display:none;}
.page-template-page-user .section .wppb-register-user #send_credentials_via_email
{margin-right:5px;}

.page-template-page-user .section .wppb-register-user p.form-submit {
text-align:center;
}

	.page-template-page-user input#register {
		font-size:15px;
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
		color:#fff;
		padding:10px 25px;
		text-decoration:none;
		text-transform:uppercase;
		border:none;
		border-radius:4px;
		display:inline-block;
		margin:1em 0;
		transition:all 0.3s;
		background:#888;
	}
	.page-template-page-user input#register:hover {
	background:#000;
	color:#fff;
	transition:all 0.1s;
	}

	
		.page-template-page-panel .section {
		padding:70px 0;
		background:#fff;
	}
.page-template-page-panel .section form#panel {
	display:block;
	margin:-20px auto 40px;
	text-align: center;
 }
.page-template-page-panel .section form#panel p {
	display:inline-block;
	text-align:center;
	position:relative;
	
}
.page-template-page-panel .section form#panel p label{
	position:absolute;
	display:none;	
	top:30px;
}
.page-template-page-panel .section form#panel input {
	padding:3px 10px;
}
.page-template-page-panel .section form#panel input#wp-submit {
background:#888;
color:#fff;
    font-family:'OpenSansBold',Arial,Sans-serif;
	border:none;
	border-radius:0 5px 5px 0;
	transition:all 0.3s;
	padding:5px 10px;
	text-transform:uppercase;
	font-size:1em;
}

.page-template-page-panel .section form#panel input#wp-submit:hover {
background:#000;
transition:all 0.1s;}


.page-template-page-panel .section .wylogujSie {
	display:block;
	margin:-20px auto 40px;
	text-align:center;
}
.page-template-page-panel .section .wylogujSie p {
	text-align:center;
}
.page-template-page-panel .section .wylogujSie a {
	display:inline-block;
background:#fff;
color:#888;
    font-family:'OpenSansBold',Arial,Sans-serif;
	border:solid 2px #888;
	border-radius: 5px;
	transition:all 0.3s;
	padding:3px 8px;
	text-transform:uppercase;
	font-size:0.8em;
text-decoration:none;
	}
	
.page-template-page-panel .section .wylogujSie a:hover {
	background:#888;
	color:#fff;
	transition:all 0.1s;
}	

	.iconsRow {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-top:80px;
		padding-bottom:80px;
	}
	
	.iconsRow>div {
		text-align:center;
		margin:0px 25px 50px;
		position:relative;
		height:220px;
	}
	
	.iconsRow>div div {
		border-radius:70px;
		width:135px;
		height:135px;
		background:#fff;
		background-repeat:no-repeat;
		background-position:center 25px;
		background-size:40%;
		margin:0 auto 15px;
		transition:all 0.4s;
		padding-bottom:135px;
	
	}	
	
	.iconsRow>div div.iconFive {
	background-size:50%;	
		}
	
	.iconsRow>div:hover div {
		border-radius:12px 12px;
		width:135px;
		height:135px;
		transition:all 0.4s;
		padding-bottom:220px;
	
	}
	
	.iconsRow>div:hover p {
	transition:all 0.4s;
	color:#888;
	}
	
	.iconsRow div p {
		text-align:center;
		color:#fff;
		font-size:19px;
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
		position:absolute;
		top:145px;
		margin:0 auto;
		width:100%;
		transition:all 0.4s;
	}
	
	.footer { 
		background:#cfcfcf;
		text-align:center;
		color:#000;
		font-size:14px;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		padding:80px 0;
	}
	
	.footer div {
		text-align:center;
	}
		
	.footer ul {
		color:#000;
		font-size:14px;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		margin:0 auto;
		list-style:none;
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.footer ul li {
		margin:0 0 20px;
		border-right:solid 1px #000;
		padding:0 20px;
	}
	
	.footer ul li a {
		color:#000;
	}

	.footer ul li a:hover {
		color:#888;
		text-decoration:underline;
	}

	
	.footer ul li:last-child {
		border-right:none;
	}
	
	.footer p {
		text-align:center;
		color:#000;
		font-size:14px;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
	}
	
	#socialIcons {
		position:fixed;
		bottom:45px;
		left:10px;
		width:45px;
		min-height:45px;
		background:#fff;
		display:block;
		overflow:hidden;
		border-radius:5px;
		text-align:center;
		box-shadow:0 2px 5px rgba(0,0,0,0.2);
	}
	
	#socialIcons img {
		margin:7px auto;
	}

	body .customPage h2 {margin:50px auto 0;text-align:center;font-size:30px;color:#555;}
	body .customCategory {display:flex;flex-direction:row;padding:3em; flex-wrap: wrap; flex-basis: 50%;justify-content: center;margin:0 auto;}
	.pageContent.customCategory .customPost img {margin-top:0;margin-bottom:10px;}
	body .customCategory article.customPost {width:200px;overflow:hidden;margin:0 10px 10px 0;background:rgba(255,255,255,0.7);padding:10px;transition:all 0.4s;}
	body .customCategory article.customPost:hover {background:rgba(255,255,255,1);transition:all 0.2s;}
	body .customCategory article.customPost img {width:100%;height:auto;}
	body .customCategory article.customPost p {
		color:#000;
		font-size:14px;
		line-height:20px;
		margin:0;
		padding:0;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		
	}	
	body .customCategory article.customPost h4 {
	color:#000;
		font-size:14px;
		line-height:20px;
		margin:0;
		padding:0;
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
		}
	body .customCategory	article.customPost p a {color:#000;}
	
	body .customPage .selectionPage.pageContent{padding-top:10px;}
 	
	body .customPage .selectionPage h6 {color:#000;
		font-size:24px;
		line-height:30px;
		margin:1em 0.8em 0.8em;
		padding:0;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		overflow:hidden;
		max-width:none;
		display:block}
		
			body .customPage .selectionPage p {color:#000;
		font-size:15px;
		line-height:20px;
		margin:0;
		padding:0;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		overflow:hidden;
		max-width:none;
		display:inline}
	
		
	
	body .customPage .selectionPage p a {background:#fff;padding:15px 20px;font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;margin: 1em;text-decoration:none;border-radius:4px;display:inline-block;text-transform:uppercase;transition:all 0.3s;
	
		}
	
	
/*  ponizsze - na potrzeby strony z wpisami z bloga (z paginacja) jezeli bedzie potrzebna */
	
	body.blog #primary #content {display:flex;flex-direction:row;padding:3em; flex-wrap: wrap; flex-basis: 50%;justify-content: left;max-width:940px;margin:0 auto;}

	
	body.blog #primary #content	article.post {width:200px;overflow:hidden;margin:0 10px 10px 0;background:rgba(255,255,255,0.7);padding:10px;transition:all 0.4s;}
	body.blog #primary #content	article.post:hover {background:rgba(255,255,255,1);transition:all 0.2s;}
	body.blog #primary #content	article.post img {width:100%;height:auto;}
	body.blog #primary #content	article.post .entry-content p {
		font-size:14px;
		line-height:20px;
		margin:0;
		padding:0;
	}	
	.blog #primary #content .entry-title {
		text-align:left;
		color:#000;
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
		font-size:18px;
		line-height:1.2em;
		margin:5px 0;
	}
	
	.blog #primary #content .navigation {
		flex-basis:100%;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		font-size:16px;
		line-height:1.2em;
		margin-top:20px;
	}
	
	.blog #primary #content .navigation a {
		color:#888;
	}
	.blog #primary #content .navigation a:hover {
		color:#888;
	}
	
	.blog #primary #content .navigation .assistive-text {
		display:none;
	}
	.single-post .nav-single .assistive-text {display: none;}
	
		.single-post .nav-single a {
		color:#888;margin:0 10px;
	}
	.single-post .nav-single a:hover {
		color:#888;
	}
	.single-post .nav-single {font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		font-size:16px;
		line-height:1.2em;
		margin-top:50px;
		text-align:center}
	
	.single-post .site-content {padding:20px;}
	.single-post .site-content article.post {max-width:700px;margin:20px auto;}
	.single-post .site-content article.post .entry-title {
		text-align:left;
		color:#000;
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
		font-size:18px;
		line-height:1.2em;
		margin:20px 0 10px;}
		
		.single-post .site-content	article.post .entry-content p {
		font-size:14px;
		line-height:20px;
		margin:0;
		padding:0;
	}	
	
@media (max-width: 980px) {

		nav.mainMenu ul li:first-child:after {
		display:none;
	}
	nav.mainMenu ul li:first-child:hover:after {
		display:none;
	}
	
	.siteHeader .flexContainer {
		display:block;
		text-align:center;		}
	.siteHeader .flexContainer.col-md-12 {
	padding-left:0;
	padding-right:0;
	} 
}
	
@media (max-width: 768px) {

	p.mmt50, h1.mmt50, h2.mmt50, h3.mmt50, h4.mmt50, h5.mmt50, div.mmt50, .mmt50 {margin-top:50px;}

	

	.mainMenu ul li a {
		padding:0.5em 0.8em;
		font-size:1em;
	}
	
		nav.mainMenu ul li:first-child:hover {
		background:#ccc url('img/ico-domek.svg') center center no-repeat;
		background-size:1.4em;
		transition:all 0.3s;
		
	}

	.mainMenu ul {
		display:block;
		text-align:center;
		}
	.mainMenu ul li{
		display:inline-block;	
	}
	nav.mainMenu ul li:first-child {
	display:none;}
	#logo {    width: 9em;
    padding: 1em 0 0;
}


	.withButton a {margin:20px auto;}
	
	
	.content p {margin-bottom:30px;
	}
	
	.page-template-page-main .sectionOne h2 {
		color:#fff;
		font-size:2em;
		line-height:1.5em;
		font-family:'OpenSansLight',Arial,Helvetica,Sans-serif;
		margin-top:1em;
		margin-left:0;
		text-align:center;
	}
	
	
	
	.page-template-page-oferta .section h2 {
		color:#fff;
		font-size:2em;
		line-height:1.5em;
		font-family:'OpenSansLight',Arial,Helvetica,Sans-serif;
		margin-top:2em;
		margin-left:0px;
		text-align:center;
	}
	
	.page-template-page-oferta .section.sectionOne h2 {
		margin-top:2em;
	}

	.page-template-page-main div.container-fluid {
		background:#2c2f47 url('img/bg-index-mobile.jpg') center top no-repeat;
		background-size:768px;
		
	}
	.page-template-page-main .sectionOne {
	height:440px;
	}

	.page-template-page-main .sectionTwo {
		padding:30px 0;
	}

	.section .row div {
		text-align:center;
	}

	.page-template-page-oferta .sectionZielen {
		background:#302f33 url('img/bg-zielen-mobile.jpg') center top no-repeat;
		background-attachment: initial;
		height:500px;
		background-size:768px;

	}

		.page-template-page-oferta .section.sectionAkcesoria {
		text-align:right;
				background:#392d39 url('img/bg-akcesoria-mobile.jpg') center top no-repeat;
		background-attachment: initial;
		height:400px;
		background-size:768px;

	}
	
		.page-template-page-oferta .sectionSzklo {
				background:#302f33 url('img/bg-szklo-mobile.jpg') center top no-repeat;
		background-attachment: initial;
		height:500px;
		background-size:768px;

	}


	.page-template-page-oferta .sectionRozne {
				background:#302f33 url('img/bg-rozne-mobile.jpg') center top no-repeat;
		background-attachment: initial;
		height:500px;
		background-size:768px;
	}

.page-template-page-oferta .sectionOne {
height:440px;}
	
	
	.page-template-page-oferta div.container-fluid {
		background:#565761 url('img/bg-kwiaty-mobile.jpg') center top no-repeat;
		background-attachment: initial;
		background-size:768px;
		
	}
	
	.section p {
		text-align:center;
	}
	
	.page-template-page-kontakt {
		background:#fff;
	}

	
	.page-template-page-kontakt .sectionOne {
		padding:2em 0;
		height:auto;
	}
	
	.pageContent {
		text-align:center;
		padding-bottom:50px;
	}

	.pageContent h2 {
		text-align:center;
		color:#fff;
		font-family:'OpenSansBold',Arial,Helvetica,Sans-serif;
		font-size:3em;
		margin-left:auto;
		margin-right:auto;
		}

	.pageContent p {
		text-align:center;
		color:#fff;
		font-family:'OpenSans',Arial,Helvetica,Sans-serif;
		font-size:18px;
		max-width:485px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.pageContent ul {
		margin:0 auto;
		display:inline-block;
	}
	
	.pageContent div.listaFlex.mobileShow {
		display:block;
	}
	
	.pageContent div.listaFlex.mobileHide {
		display:none;
	}
	
	.page-template-page-kwiatyciete div.container-fluid {
		background-image:url('img/bg-page-kwiaty-mobile.jpg');
		background-position:center top;
		background-repeat:repeat-y;
		background-size:100%;	
	}
	
	.page-template-page-akcesoria div.container-fluid {
		background-image:url('img/bg-page-akcesoria-mobile.jpg');
		background-position:center top;
		background-repeat:repeat-y;
		background-size:100%;
	}
	
	
	#socialIcons {
		position:fixed;
		bottom:0.5em;
		left:0.1em;
		width:2em;
		min-height:2em;
		background:#fff;
		display:block;
		overflow:hidden;
		border-radius:5px;
		text-align:center;
		box-shadow:0 1px 5px rgba(0,0,0,0.2);
	}
	
	#socialIcons img {
		margin:0.25em auto;
		width:1.5em;
		height:1.5em;
	}
	
	
	}
	
	
	@media (max-width: 992px) {
  
  

.section .row div {text-align:center;}
  
	.page-template-page-main .sectionOne h2 {
		text-align:center;
	}
  
  .withButton .withButtonCenter p {text-align:center;}
}

	
	@media (max-width: 700px) {
  
.withButton p a {margin-left: auto;
    }
	
	.page-template-page-main .sectionPogrzebowe h2 {
		color:#fff;
		font-size:30px;
		line-height:1.5em;
		font-family:'OpenSansLight',Arial,Helvetica,Sans-serif;
		margin-top:90px;
		margin-left:auto;
	}
	
	.page-template-page-pogrzebowe div.container-fluid {
		background:#666;
	}
.page-template-page-main .sectionPogrzebowe {
		background:#666 url('img/bg-page-pogrzebowe-mobile.jpg') center top no-repeat;
		background-attachment: initial;
		height:500px;
		/*background-size:768px;*/
}
#outerImageContainer {width:100% !important;
height:auto !important;
}

#lightboxImage {width:100% !important;
height:auto !important;} 

#imageDataContainer  {width:100% !important;
}

.wptb-table-container table td {
	padding:4px !important;
}



	}