/*
Theme Name: Eko
Text Domain: eko
*/

/* -- Open Sans ----------------------------------------------------------------------- */

/* 100 = thin */
/* 200 = extra-light */
/* 300 = light */

@font-face {
	font-family: "Open Sans";
	src: url( "./fonts/OpenSans-Light-webfont.eot" );
	src: url( "./fonts/OpenSans-Light-webfont.eot?#iefix" ) format( "embedded-opentype" ),
		 url( "./fonts/OpenSans-Light-webfont.woff" ) format( "woff" ),
		 url( "./fonts/OpenSans-Light-webfont.ttf" ) format( "truetype" ),
		 url( "./fonts/OpenSans-Light-webfont.svg#open_sanslight" ) format( "svg" );
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url( "./fonts/OpenSans-LightItalic-webfont.eot" );
	src: url( "./fonts/OpenSans-LightItalic-webfont.eot?#iefix" ) format( "embedded-opentype" ),
		 url( "./fonts/OpenSans-LightItalic-webfont.woff" ) format( "woff" ),
		 url( "./fonts/OpenSans-LightItalic-webfont.ttf" ) format( "truetype" ),
		 url( "./fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic" ) format( "svg" );
	font-weight: 300;
	font-style: italic;
}

/* 400 = normal */

@font-face {
	font-family: "Open Sans";
	src: url( "./fonts/OpenSans-Regular-webfont.eot" );
	src: url( "./fonts/OpenSans-Regular-webfont.eot?#iefix" ) format( "embedded-opentype" ),
		 url( "./fonts/OpenSans-Regular-webfont.woff" ) format( "woff" ),
		 url( "./fonts/OpenSans-Regular-webfont.ttf" ) format( "truetype" ),
		 url( "./fonts/OpenSans-Regular-webfont.svg#open_sansregular" ) format( "svg" );
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url( "./fonts/OpenSans-Italic-webfont.eot" );
	src: url( "./fonts/OpenSans-Italic-webfont.eot?#iefix" ) format( "embedded-opentype" ),
		 url( "./fonts/OpenSans-Italic-webfont.woff" ) format( "woff" ),
		 url( "./fonts/OpenSans-Italic-webfont.ttf" ) format( "truetype" ),
		 url( "./fonts/OpenSans-Italic-webfont.svg#open_sansitalic" ) format( "svg" );
	font-weight: 400;
	font-style: italic;
}

/* 500 = medium */
/* 600 = semi-bold */

@font-face {
	font-family: "Open Sans";
	src: url( "./fonts/OpenSans-Semibold-webfont.eot" );
	src: url( "./fonts/OpenSans-Semibold-webfont.eot?#iefix" ) format( "embedded-opentype" ),
		 url( "./fonts/" ) format( "woff" ),
		 url( "./fonts/OpenSans-Semibold-webfont.ttf" ) format( "truetype" ),
		 url( "./fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold" ) format( "svg" );
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url( "./fonts/OpenSans-SemiboldItalic-webfont.eot" );
	src: url( "./fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix" ) format( "embedded-opentype" ),
		 url( "./fonts/OpenSans-SemiboldItalic-webfont.woff" ) format( "woff" ),
		 url( "./fonts/OpenSans-SemiboldItalic-webfont.ttf" ) format( "truetype" ),
		 url( "./fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic" ) format( "svg" );
	font-weight: 600;
	font-style: italic;
}

/* 700 = bold */

@font-face {
	font-family: "Open Sans";
	src: url( "./fonts/OpenSans-Bold-webfont.eot" );
	src: url( "./fonts/OpenSans-Bold-webfont.eot?#iefix" ) format( "embedded-opentype" ),
		 url( "./fonts/OpenSans-Bold-webfont.woff" ) format( "woff" ),
		 url( "./fonts/OpenSans-Bold-webfont.ttf" ) format( "truetype" ),
		 url( "./fonts/OpenSans-Bold-webfont.svg#open_sansbold" ) format( "svg" );
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Open Sans";
	src: url( "./fonts/OpenSans-BoldItalic-webfont.eot" );
	src: url( "./fonts/OpenSans-BoldItalic-webfont.eot?#iefix" ) format( "embedded-opentype" ),
		 url( "./fonts/OpenSans-BoldItalic-webfont.woff" ) format( "woff" ),
		 url( "./fonts/OpenSans-BoldItalic-webfont.ttf" ) format( "truetype" ),
		 url( "./fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic" ) format( "svg" );
	font-weight: 700;
	font-style: italic;
}

/* 800 = heavy */

/*
@font-face {
	font-family: "Open Sans";
	src: url( "./fonts/OpenSans-ExtraBold-webfont.eot" );
	src: url( "./fonts/OpenSans-ExtraBold-webfont.eot?#iefix" ) format( "embedded-opentype" ),
		 url( "./fonts/OpenSans-ExtraBold-webfont.woff" ) format( "woff" ),
		 url( "./fonts/OpenSans-ExtraBold-webfont.ttf" ) format( "truetype" ),
		 url( "./fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold" ) format( "svg" );
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: "Open Sans";
	src: url( "./fonts/OpenSans-ExtraBoldItalic-webfont.eot" );
	src: url( "./fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix" ) format( "embedded-opentype" ),
		 url( "./fonts/OpenSans-ExtraBoldItalic-webfont.woff" ) format( "woff" ),
		 url( "./fonts/OpenSans-ExtraBoldItalic-webfont.ttf" ) format( "truetype" ),
		 url( "./fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic" ) format( "svg" );
	font-weight: 800;
	font-style: italic;
}
*/

/* 900 = black */

/* ------------------------------------------------------------------------------------ */

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

a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr , html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	border: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
a, ins, del {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
caption, th {
	text-align: left;
}
q {
	quotes: none;
}
q:after, q:before {
	content: "";
	content: none;
}
pre, code, var, samp, kbd {
	font-family: monospace, sans-serif;
}

/* ------------------------------------------------------------------------------------ */

html {
	background: #FFFFFF;
	color: #4d4d4d;
	font: 12px/1.5 "Open Sans" , "Helvetica" , sans-serif;
	font-weight: 300;
	font-style: normal;
	overflow-y: scroll;
}
body {
	position: relative;
	min-width: 960px;
	padding-top: 86px;
}

/* ------------------------------------------------------------------------------------ */

h1 , h2 , h3 , h4 , h5 , h6 {
	color: #1abc9c;
	clear: both;
	line-height: 1;
	text-transform: uppercase;
	padding: 10px 0 20px 0;
	font-weight: 600;
}
h1 {
	font-size: 18px;
	padding-top: 0;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 , h5 , h6 {
	font-size: 12px;
}
hr {
	clear: both;
}
p {
	padding: 0 0 20px 0;
}
ol , ul {
	list-style: outside;
	padding: 0 0 20px 0;
}
ol {
	list-style-type: decimal;
}
ul {
	list-style-type: square;
}
ol ol , 
ol ul ,
ul ol ,
ul ul {
	padding: 0 0 0 20px;
}
dl { }
dt {
	font-weight: 600;
}
dd { } 
a {
	color: #1abc9c;
	text-decoration: underline;
}
a.more {
	background: right center no-repeat url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKCAYAAAC5Sw6hAAAAhElEQVR42p3QrQqDUBiH8VlmMwknLlqUze4tnFuzLwy72CYnCV7A+rAa/Rh4ATL2LAiH084bfumFB/7vSWvto0AH5d58QwpvDLjIQ0CMF0Yk8hAQoceE/Ag9UAs88cWG9B8qcReosOODRDrtjBarPc1XCIMFN+mzAxjMuNo3yaQGmXv7AdTyxppm9GrhAAAAAElFTkSuQmCC" );
	color: inherit;
	display: block;
	text-decoration: none;
	padding: 0 24px 0 0;
}
a.more:hover {
	text-decoration: underline;
}
h1 > a {
	text-decoration: none;
}
strong {
	font-weight: 600;
}
em {
	font-style: italic;
}
abbr { }
abbr > dfn[ title ] {
	cursor: help;
}
button {
	cursor: pointer;
}

/* ------------------------------------------------------------------------------------ */

caption {
	font-weight: 600;
	padding: 0 0 8px 0;
	text-transform: uppercase;
}
th {
	color: #1abc9c;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	vertical-align: middle;
	padding: 8px 8px 0 0;
}
td {
	vertical-align: top;
	padding: 0 8px 3px 0;
}

/* ------------------------------------------------------------------------------------ */

div#page {
	position: relative;
}
#primary ,
div#slider > ol.items > li > div ,
div#slider > div.controls ,
footer#colophon > div.site-info {
	margin: 0 auto;
	width: 944px;
	position: relative;
	z-index: 2;
}

/* ------------------------------------------------------------------------------------ */

header#masthead {
	background: #FFFFFF;
	height: 86px;
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
}
header#masthead > hgroup {
	background: left center no-repeat url( "images/logo.webp" );
	height: 86px;
	overflow: hidden;
	margin: 0 auto;
	width: 944px;
	position: relative;
}
header#masthead > hgroup:after {
	content: "®";
	display: block;
	position: absolute;
	top: 22px;
	left: 291px;
	color: #555555;
	font-size: 16px;
}
header#masthead > hgroup > h1 ,
header#masthead > hgroup > h2 {
	padding: 0;
	width: 300px;
}
header#masthead > hgroup > h1 > a {
	display: block;
	padding: 96px 0 0 0;
}

/* ---------------------------- */

nav#site-navigation {
	position: absolute;
	top: 0;
	right: 0;
	left: 50%;
}
nav#site-navigation > div {
	max-width: 472px;	
}
nav#site-navigation ul {
	padding: 0;
	list-style: none;
	text-align: center;
	color: #000000;
	font-size: 13px;
	font-weight: 400;
	float: right;
}
nav#site-navigation ul ul {
	display: none;
}
nav#site-navigation li {
	float: left;
}
nav#site-navigation li:first-child {
	text-transform: uppercase;
}
nav#site-navigation li > a {
	background: #ffffff;
	color: inherit;
	text-decoration: none;
	height: 77px;
	line-height: 86px;
	display: block;
	padding: 5px 12px 4px 12px;
	position: relative;
	min-width: 50px;
	transition: background-color 0.5s;
}
nav#site-navigation li > a:hover ,
nav#site-navigation ul:not( :hover ) > li.current_page_item > a ,
nav#site-navigation ul:not( :hover ) > li.current_page_ancestor > a {
	background: #eeeeee;
}
nav#site-navigation li > a:after {
	background: 0 0 repeat-x url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAMAAAB4BqUIAAAACVBMVEURfWgWnIIZspOd//otAAAAE0lEQVR42gEIAPf/AAAAAQACAAIAFQAGHygF6AAAAABJRU5ErkJggg==" );
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	opacity: 0;
	transition: opacity 0.5s;
	content: "";
	display: block;
}
nav#site-navigation li > a:hover:after  ,
nav#site-navigation ul:not( :hover ) > li.current_page_ancestor > a:after ,
nav#site-navigation ul:not( :hover ) > li.current_page_item > a:after  {
	opacity: 1;	
}

/* ------------------------------------------------------------------------------------ */

div#main { }

div#content {
	padding: 34px 0 0 0;
	position: relative;
}
div#content:after {
	content: "";
	display: block;
	clear: both;
}
div#content > article {
	float: left;
	width: 560px;
}
div#content > article > header {
	height: 18px;
	padding: 0 0 7px 0;
	width: 224px;
	border-bottom: 1px solid #cccccc;
}
div#content > article > header > h1 {
	float: left;
	padding: 0;
	position: relative;
}
div#content > article > header > h1:after {
	background: #1abc9c;
	content: "";
	display: block;
	height: 1px;
	bottom: -8px;
	left: 0;
	right: -4px;
	position: absolute;
	box-shadow: 0 0 1px rgba( 26 , 188 , 156 , 1 ) , 0 0 1px rgba( 26 , 188 , 156 , 1 ) , 0 0 1px rgba( 26 , 188 , 156 , 1 );
}
div#content > article > div.entry-content {
	padding: 32px 0 48px 0;
}

/* ------------------------------------------------------------------------------------ */

footer#colophon {
	background: #eeeeee;
	margin: 16px 0 38px 0;
	font-weight: 400;
}
footer#colophon > div.site-info {
	min-height: 213px;
	padding: 16px 0 32px 0;
	position: relative;
}
footer#colophon > div.site-info > ul {
	padding: 0;
	list-style: none;
}
footer#colophon > div.site-info > ul > li {
	padding: 0;
	float: left;
}
footer#colophon > div.site-info section > h1 {
	font-size: 16px;
	padding: 0 0 14px 0;
}

/* ----------------------------- */

li#footer-about {
	margin-right: 65px;
	width: 314px;
}
li#footer-about > section {
	position: relative;
	padding: 0 0 21px 0;
}
li#footer-about > section > p {
	font-size: 11px;
	padding: 0;
}
li#footer-about > section > a.more {
	bottom: 0;
	position: absolute;
	right: 0;
	font-size: 10px;
	font-weight: 700;
	text-transform: lowercase;
}

/* ---------- */

li#Zadaj-pytanie {
	width: 565px;
}

/* ---------- */

li#Zadaj-pytanie > a {
	background: #4d4d4d;
	display: block;
	position: fixed;
	top: 125px;
	right: -6px;
	transform-origin: right bottom;
	transform: rotate(-90deg);
	text-transform: lowercase;
	font-size: 15px;
	font-weight: 300;
	color: white;
	text-decoration: none;
	padding: 6px 28px;
	box-shadow: 0 0 2px rgba( 0 , 0 , 0 , 0.75 );
	letter-spacing: 1px;
	transition: right 0.25s;
}
li#Zadaj-pytanie > a:hover {
	right: 0;
}

/* ---------- */

li#Zadaj-pytanie > section > dl > dt {
	float: left;
	width: 16px;
	clear: both;
	padding: 1px 0 0 0;
	height: 20px;
}
li#Zadaj-pytanie > section > dl > dd {
	height: 21px;
}
li#Zadaj-pytanie > section > dl a {
	color: inherit;
	text-decoration: none;
}
dt#footer-contact-phone ,
dt#footer-contact-phone + dd ,
dt#footer-contact-mobile ,
dt#footer-contact-mobile + dd {
	position: relative;
}
dt#footer-contact-phone ,
dt#footer-contact-phone + dd {
	top: 1px;
}
dt#footer-contact-mobile ,
dt#footer-contact-mobile + dd {
	top: -2px;
}
li#Zadaj-pytanie > section > dl a:hover {
	text-decoration: underline;
}

/* ---------- */

li#Zadaj-pytanie form {
	width: 295px;
	height: 203px;
	position: absolute;
	top: 16px;
	right: 0;
}
li#Zadaj-pytanie:target form {
    -webkit-animation: contact-form-target-animation 4s;
    animation: contact-form-target-animation 4s;
}
@-webkit-keyframes contact-form-target-animation {
	  0% { box-shadow: 0 0 16px rgba( 26 , 188 , 156 , 0.0 ); background: rgba( 26 , 188 , 156 , 0.00 ); }
	 25% { box-shadow: 0 0 32px rgba( 26 , 188 , 156 , 1.0 ); background: rgba( 26 , 188 , 156 , 0.50 ); }
	 38% { box-shadow: 0 0 16px rgba( 26 , 188 , 156 , 0.0 ); background: rgba( 26 , 188 , 156 , 0.00 ); }
	 50% { box-shadow: 0 0 32px rgba( 26 , 188 , 156 , 1.0 ); background: rgba( 26 , 188 , 156 , 0.50 ); }
	 63% { box-shadow: 0 0 16px rgba( 26 , 188 , 156 , 0.0 ); background: rgba( 26 , 188 , 156 , 0.00 ); }
	 75% { box-shadow: 0 0 32px rgba( 26 , 188 , 156 , 1.0 ); background: rgba( 26 , 188 , 156 , 0.50 ); }
	100% { box-shadow: 0 0 16px rgba( 26 , 188 , 156 , 0.0 ); background: rgba( 26 , 188 , 156 , 0.00 ); }
}
@keyframes contact-form-target-animation {
	  0% { box-shadow: 0 0 16px rgba( 26 , 188 , 156 , 0.0 ); background: rgba( 26 , 188 , 156 , 0.00 ); }
	 25% { box-shadow: 0 0 32px rgba( 26 , 188 , 156 , 1.0 ); background: rgba( 26 , 188 , 156 , 0.50 ); }
	 38% { box-shadow: 0 0 16px rgba( 26 , 188 , 156 , 0.0 ); background: rgba( 26 , 188 , 156 , 0.00 ); }
	 50% { box-shadow: 0 0 32px rgba( 26 , 188 , 156 , 1.0 ); background: rgba( 26 , 188 , 156 , 0.50 ); }
	 63% { box-shadow: 0 0 16px rgba( 26 , 188 , 156 , 0.0 ); background: rgba( 26 , 188 , 156 , 0.00 ); }
	 75% { box-shadow: 0 0 32px rgba( 26 , 188 , 156 , 1.0 ); background: rgba( 26 , 188 , 156 , 0.50 ); }
	100% { box-shadow: 0 0 16px rgba( 26 , 188 , 156 , 0.0 ); background: rgba( 26 , 188 , 156 , 0.00 ); }
}



li#Zadaj-pytanie form > ul {
	list-style: none;
	padding: 0;
}
li#Zadaj-pytanie form > ul > li {
	padding: 0 0 5px 0;
	position: relative;
}
li#Zadaj-pytanie form input ,
li#Zadaj-pytanie form textarea {
	background: white;
	border: 1px solid #DDDDDD;
	border-top-color: #999999;
	border-bottom-width: 0;
	display: block;
	position: relative;
	margin: 0;
	padding: 7px 8px 5px 8px;
	width: 277px;
	color: black;
	font-size: 10px;
	line-height: 1;
	box-shadow: 1px 1px 0 rgba( 0 , 0 , 0 , 0.25 ) inset;
	outline: 0;
	font-family: inherit;
}
li#Zadaj-pytanie form input.wpcf7-submit {
	background: transparent;
	border: 0 solid #1abc9c;
	border-top-width: 4px;
	padding: 8px 4px 8px 12px;
	color: #4d4d4d;
	font-size: 12px;
	font-weight: 600;
	box-shadow: none;
	text-transform: uppercase;
	float: right;
	width: auto;
	position: relative;
	top: -5px;
	cursor: pointer;
}
li#Zadaj-pytanie form label {
	display: none;
}
li#Zadaj-pytanie form span {
	display: block;
}
li#Zadaj-pytanie form .wpcf7-not-valid-tip {
	background: #CC0000;
	display: block;
	position: absolute;
	left: -272px;
	width: 248px;
	top: 2px;
	color: white;
	font-weight: 400;
	padding: 1px 8px 1px 8px;
	font-size: 12px;
	border-radius: 4px;
	text-align: center;
	box-shadow: 0 0 4px rgba( 0 , 0 , 0 , 0.33 ) inset , 0 0 12px #eeeeee , 0 0 12px #eeeeee , 0 0 12px #eeeeee , 0 0 12px #eeeeee , 0 0 12px #eeeeee;
}
li#Zadaj-pytanie form .wpcf7-response-output {
	border-color: #CC0000;
	position: absolute;
	left: -272px;
	bottom: 21px;
	margin: 0;
	padding: 4px 8px;
	width: 244px;
	font-weight: 400;
	font-size: 12px;
	text-align: center;
}
li#Zadaj-pytanie form .wpcf7-response-output.wpcf7-mail-sent-ok {
	border-color: #1abc9c;
}
li#Zadaj-pytanie form img.ajax-loader {
	position: absolute;
	left: -148px;
	bottom: 71px;
	margin: 0;
}

/* ---------- */

li#footer-facebook ,
li#footer-cookies ,
li#footer-copyright {
	float: none;
	position: absolute;
	left: 0;
}
li#footer-facebook {
	bottom: 9px;
	width: 121px;
	height: 23px;
	overflow: hidden;
}
li#footer-facebook > a {
	background: no-repeat right 3px url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAp0lEQVR42u3VsQnEIBQG4BsoI2QFRRB0gjQipNPa3jIrWGn6wE3iDNo5wLvkCjkuzRGtjjz4G4uP9+ShD4TQsOfZMcOBjnugY8Y/Q6dpAu89bNsG67q2o4QQSCnBR7WjQoiKxRghhHAZrV0qpSq6LAswxtpQYwx8VykFMMbXUa31Cc05N9/paXzOeTsqpayotfY4u9FGlFIKzrn30s/z/BN6P339v5MXbzxAbaoz1xkAAAAASUVORK5CYII=" );
	color: inherit;
	display: block;
	font-size: 16px;
	font-weight: 600;
	padding: 0 24px 0 0;
	text-decoration: none;
	text-transform: uppercase;
}
li#footer-facebook > a:hover {
	text-decoration: underline;	
}
li#footer-copyright ,
li#footer-cookies {
	bottom: -22px;
	font-size: 9px;
}
li#footer-cookies {
	left: auto;
	right: 0;
}
li#footer-copyright > a ,
li#footer-cookies > a {
	color: inherit;
	text-decoration: none;
}
li#footer-copyright > a:hover ,
li#footer-cookies > a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------------ */

div.gallery {
	padding: 0 32px 32px 0;
	position: relative;
	float: left;
	width: 568px;
}
div.gallery > figure {
	background: white url( "images/loading-bright.gif" ) center no-repeat;
}
div.gallery > figure > a {
	background: 0 0 no-repeat;
	background-size: 568px 384px;
	display: block;
}
div.gallery > figure > a ,
div.gallery > figure > iframe ,
div.gallery > figure > a > img {
	transition: opacity 0.5s;
	display: block;
}
div.gallery > figure > a {
	position: relative;
}
div.gallery > ol {
	margin: 0;
	padding: 24px 0 0 0;
	list-style: none;
	text-align: center;
}
div.gallery > ol > li {
	height: 108px;
	width: 108px;
	margin: 0 1px 0 0;
	padding: 0;
	border: 1px solid #c6c7c8;
	transition: border-color 0.25s , box-shadow 0.25s;
	background: white;
	display: inline-block;
}
div.gallery > ol > li:hover {
	border-color: #1abc9c;
}
div.gallery > ol > li.current ,
div.gallery > ol > li.current:hover {
	border-color: #1abc9c;
}
div.gallery > ol > li > a > img ,
div.gallery > ol > li > a {
	display: block;
}
div.gallery > button {
	background: transparent center no-repeat;
	box-shadow: none;
	border: 0;
	display: none;
	height: 32px;
	width: 16px;
	position: absolute;
	top: 119px;
}
div.gallery > button.prev {
	background-image: url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAA5ElEQVR42o3QP0sCcRzH8R80RESc5wlJEFweyt3Q5OIY+ATaehY+gJ6OuPoEHMIhDvpjuTi0qF1iENHg0iDUe/gMLr/vObzgO3zey9eFVzf7OMIA433GJ7jDH37KxhEeNf5C2xqfYaZxgQzON04w1/gNMZwvuMRa4ynqcL6gg2+Nc4RwvqCLjcYjHMP5gmv8ajzEIZwvSLHVuI8DOCs4xaeCewRmoCPb+UyOwAwkxUrRAypmIC18KHqy3wppolD0jKoZSIJ3RRNEZiANLBW9oGYGcoGFoldEZiAx5op6pYGc4xa1f50T04AMX5hLAAAAAElFTkSuQmCC" );
	left: -32px;
}
div.gallery > button.next {
	background-image: url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAA3klEQVR42oXSvWrCYBiG4Q86iAhqmkILUvCH1ixdnDp28AC6eRYeQE9HcPQEHMQpSPq7dOiS1tg6lOLg0qFQ78Azv+9wZXpuEr58IboZLTFFFcFTPnb4xwJ1uMEA34oyxF5QSlAoekXLDKSNN0U5emYgZ3hRtMWVGUiEVNEPrs1Aapgr2mNoBlLBTNEvbs1AjjBR9IfECxpIFWxx6o1XGn8hsT6piUzjT/S9Y73XeINL61iP8aBxgQvrx8V41HjtXY0TPGn8ga51+WI8a/yOjne9xxrnaCOI+YY7nCN4DpAl04KeyOCNAAAAAElFTkSuQmCC" );
	right: -32px;
}


div.gallery > ol > li img {
	-webkit-filter: grayscale( 100% );
	-webkit-transition: -webkit-filter 0.25s;
	filter: grayscale( 100% );
	transition: -webkit-filter 0.25s;
}
div.gallery > ol > li.current img {
	-webkit-filter: grayscale( 0% );
	filter: grayscale( 0% );
}

/* ------------------------------------------------------------------------------------ */

div.minigallery {
	margin: 32px 0;
	position: relative;
	width: 448px;
}
div.minigallery > h2 {
	margin: 0;
	padding: 20px 15px 0 15px;
	height: 90px;
	width: 80px;
	background: #1abc9c;
	position: absolute;
	top: 112px;
	left: 224px;
	color: white;
	font-size: 24px;
	font-weight: 400;
	box-shadow: 6px 6px 8px rgba( 0 , 0 , 0 , 0.25 ) inset;
}
div.minigallery > h2 > a {
	color: inherit;
	text-decoration: none;
}
div.minigallery > h2 > a:hover {
	text-decoration: underline;
}
div.minigallery > a.more {
	position: absolute;
	top: 80px;
	right: 4px;
	color: inherit;
	font-size: 14px;
	font-weight: 600;
}

div.minigallery > ol {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 223px;
	overflow: hidden;
}
div.minigallery > ol > li {
	height: 108px;
	width: 108px;
	margin: 0 2px 2px 0;
	padding: 0;
	border: 1px solid #c6c7c8;
	background: white;
	display: block;
	float: left;
}
div.minigallery > ol > li > a > img ,
div.minigallery > ol > li > a {
	display: block;
}
div.minigallery > ol > li img {
	-webkit-filter: grayscale( 100% );
	transition: -webkit-filter 0.25s;
}
div.minigallery > ol > li:hover img {
	-webkit-filter: grayscale( 0% );
}
div.minigallery > ol > li:nth-child( 1 ) {
	margin-left: 112px;
}
div.minigallery > ol > li:nth-child( 2 ) {
	margin-right: 114px;
}
div.minigallery > h2 + ol > li:nth-child( 4 ) {
	margin-right: 114px;
}

/* ------------------------------------------------------------------------------------ */

#overlay {
	background: rgba( 0 , 0 , 0 , 0.5 ) url( "images/loading-dark.gif" ) center no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: opacity 0.5s;
	z-index: 10000;
	display: table;
	text-align: center;
	overflow: hidden;
}
#overlay.hide {
	opacity: 0;
	left: 100%;
	transition: opacity 0.5s , left 0 0.5s;
}
#overlay > div {
	display: table-cell;
	vertical-align: middle;
}
#overlay > div > div {
	display: inline-block;
	width: 1200px;
	height: 600px;
}
#overlay > div > div > div {
	display: table;
	height: 600px;
	width: 1200px;
}
#overlay > div > div > div > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#overlay > div > div > div > div:after {
	color: #ffffff;
	content: "\2716";
	display: block;
	text-align: center;
	position: absolute;
	top: 16px;
	right: 16px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 32px;
	text-shadow: 0 0 4px #000000;
	cursor: pointer;
	opacity: 0.75;
}
#overlay > div > div > div > div > img ,
#overlay > div > div > div > div > iframe {
	max-height: 600px;
	max-width: 1200px;
	box-shadow: 0 0 16px 0 black;
	background: rgba( 0 , 0 , 0 , 0.75 );
}
#overlay div.image {
	position: absolute;
	top: 5%;
	bottom: 5%;
	left: 5%;
	right: 5%;
	background: center no-repeat;
	background-size: contain;
}

#overlay button#overlay-gallery-prev ,
#overlay button#overlay-gallery-next {
	color: #ffffff;
	background: none;
	border: 0;
	display: block;
	text-shadow: 0 0 8px #000000;
	opacity: 0.5;
	font-size: 96px;
	font-weight: 800;
	font-style: normal;
	transition: opacity 0.5s , text-shadow 1s;
	position: absolute;
	top: 50%;
	height: auto;
	box-shadow: none;
	line-height: 1;
	margin-top: -48px;
	outline: 0;
}
#overlay button#overlay-gallery-prev:hover ,
#overlay button#overlay-gallery-next:hover {
	opacity: 1;
	transition: opacity 0.5s , text-shadow 0.25s;
}
#overlay button#overlay-gallery-prev:active ,
#overlay button#overlay-gallery-next:active {
	text-shadow: 0 0 8px #ffffff;
}
#overlay button#overlay-gallery-prev {
	left: 16px;
}
#overlay button#overlay-gallery-next {
	right: 16px;
}

/* ------------------------------------------------------------------------------------ */

aside#sidebar-about {
	background: #1abc9c;
	color: white;
	padding: 40px 20px;
	height: 215px;
	width: 255px;
	float: right;
	position: relative;
	font-size: 18px;
	line-height: 1.25;
	margin: 0 0 32px 0;
}
aside#sidebar-about > h2 {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	padding: 0 0 22px 0;
}
aside#sidebar-about > h2 , 
aside#sidebar-about > p > strong {
	font-weight: 400;
}
aside#sidebar-about > a.more {
	bottom: -28px;
	position: absolute;
	right: 0;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #4d4d4d;
}

/* ------------------------------------------------------------------------------------ */

div#map {
	background: #eeeeee;
	box-shadow: 0 3px 2px rgba( 0 , 0 , 0 , 0.1 );
}
div#map > a {
	background: no-repeat center top url( "images/map-opolska-140b.webp" );
	display: block;
	height: 314px;
	width: 100%;
	overflow: hidden;
}
div#map > a > img {
	visibility: hidden;
}
body.page-template-page-templatescontact-php div#content {
	padding: 18px 0 0 656px;
	width: auto;
}
body.page-template-page-templatescontact-php div#content > article {
	width: auto;
}
body.page-template-page-templatescontact-php div#content > article > div.entry-content {
	padding-top: 6px;
}
body.page-template-page-templatescontact-php #primary > dl {
	background: #1abc9c;
	color: white;
	padding: 15px 14px;
	height: 200px;
	width: 202px;
	position: absolute;
	top: -134px;
	left: -9px; /*0*/
	font-size: 14px;
	line-height: 1.25;
}
body.page-template-page-templatescontact-php #primary > dl > dt {
	font-size: 18px;
	font-weight: 400;
	float: left;
	clear: left;
	width: 19px;
}
body.page-template-page-templatescontact-php #primary > dl > dd {
	float: left;
	clear: right;
	padding: 4px 0 7px 0;
}

body.page-template-page-templatescontact-php #primary > dl a {
	color: inherit;
	text-decoration: none;
}
body.page-template-page-templatescontact-php #primary > dl a:hover {
	text-decoration: underline;
}
#contact-numbers {
	visibility: hidden;	
}

/* ------------------------------------------------------------------------------------ */

div#sidebar-product {
	background: #1abc9c;
	color: white;
	padding: 40px 20px;
	width: 255px;
	float: right;
	position: relative;
	font-size: 12px;
	line-height: 1.4;
	margin: 0 0 32px 0;
}
div#sidebar-product > h2 {
	color: inherit;
	font-size: 18px;
	font-weight: inherit;
	padding: 0 0 22px 0;
}
div#sidebar-product > h2 , 
div#sidebar-product > p > strong {
	font-weight: 400;
}
div#sidebar-product > ul {
	list-style-position: outside;
	padding-left: 16px;
}

/* ------------------------------------------------------------------------------------ */

body.page-template-page-templatesproduct-gallery-php div#content > article {
	width: 100%;
}
body.page-template-page-templatesproduct-gallery-php div#content > a.more {
	position: absolute;
	bottom: 34px;
	right: 0;
	font-size: 14px;
	font-weight: 600;
}
body.page-template-page-templatesproduct-gallery-php div#content div.gallery {
	padding-bottom: 128px;
}
body.page-template-page-templatesproduct-php div.minigallery {
	left: -32px;
}

/* ------------------------------------------------------------------------------------ */

body.page-template-page-templateshome-php div#content > article {
	width: 300px;
	font-size: 14px;
	line-height: 1.25;
}
body.page-template-page-templateshome-php article div.minigallery {
	margin: 0;
	height: 80px;
	top: -150px;
	left: -120px;
}
body.page-template-page-templateshome-php div#content > article > div.entry-content {
	padding-bottom: 0;
}
body.page-template-page-templateshome-php footer#colophon {
	margin-top: 0;
}

div#product {
	float: right;
	hidden: auto;
	width: 582px;
	height: 200px;
}
div#product > div {
	background: no-repeat center;
	float: left;
	margin: 0 0 0 14px;
	width: 180px;
	height: 145px;
	position: relative;
	line-height: 1.25;
	transition: height 0.5s;
}
div#product > div:hover ,
div#product > div.blink {
	height: 135px;
	transition: height 0.25s;
}
div#product > div > h2 {
	text-align: center;
	padding: 0 0 7px 0;
	position: relative;
	font-size: 16px;
	height: 15px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 96px;
}
div#product > div > h2:after {
	background: #1abc9c;
	content: "";
	display: block;
	height: 1px;
	bottom: -1px;
	left: 60px;
	right: 60px;
	position: absolute;
	box-shadow: 0 0 1px rgba( 26 , 188 , 156 , 1 ) , 0 0 1px rgba( 26 , 188 , 156 , 1 ) , 0 0 1px rgba( 26 , 188 , 156 , 1 );
	transition: left 0.5s , right 0.5s;
}
div#product > div:hover > h2:after ,
div#product > div.blink > h2:after {
	left: 16px;
	right: 16px;
	transition: left 0.25s , right 0.25s;
}
div#product > div > h2 > a {
	text-decoration: none;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: -153px;
	right: 0;
}
div#product > div > h2 > a:after {
	background: no-repeat 0 0 url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAYAAABWiWWfAAAAhUlEQVR42qXRrwqDYBSHYQXd2pJgNFoc27rXaDeIXWzK0sALsI9V4/wDXoD47RUUxbZjeNKBF34cTSn1Lx8v2PubJGbjjQ8ceWxloUQFVx5bXVDgi8cSMxEhEcgwooc3xQwECAViDOjgHpl5Qo52O1PijCca3I88QJ9DNW7bm3Reiuv+9gOy0VwbVKbLtAAAAABJRU5ErkJggg==" );
	display: block;
	content: "";
	width: 22px;
	height: 14px;
	position: absolute;
	bottom: 0;
	right: 96px;
	opacity: 0;
	transition: opacity 0.5s , right 0.5s;
}
div#product > div:hover > h2 > a:after {
	opacity: 1;
	right: 0;
	transition: opacity 0.25s , right 0.25s;
}
div#product > div > p {
	color: white;
	background: #4d4d4d;
	padding: 0;
	margin: 0;
	transition: background-color 0.5s;
	height: 48px;
	padding: 4px 7px;
}
div#product > div:hover > p ,
div#product > div.blink > p {
	background: #1abc9c;
	transition: background-color 0.25s;
}

div#product > div#amortyzacja {
	background-image: url( "images/produkt_amortyzacja.webp" );
}
div#product > div#wypelnienie {
	background-image: url( "images/produkt_wypelnienie.webp" );
}
div#product > div#unieruchomienie {
	background-image: url( "images/produkt_unieruchomienie.webp" );
}

/* ------------------------------------------------------------------------------------ */

div#slider {
	background: #eeeeee;
	box-shadow: 0 3px 2px rgba( 0 , 0 , 0 , 0.1 );
	height: 314px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
div#slider > ol.items {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#slider > ol.items > li {
	background: no-repeat center 0;
	height: 314px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	z-index: 500;
	transition: opacity 0.75s , z-index 0.75s;
}
div#slider > ol.items > li.current {
	z-index: 1000;
	opacity: 1;
	transition: opacity 0.75s , z-index 0s;
}
div#slider > ol.items > li#slide-przyszlosc {
	background-image: url( "images/slide-przyszlosc.webp" );
}
div#slider > ol.items > li#slide-pakowanie {
	background-image: url( "images/slide-pakowanie.webp" );
}
div#slider > ol.items > li#slide-kontakt {
	background-image: url( "images/slide-kontakt.webp" );
}
div#slider > ol.items > li#slide-my-ty {
	background-image: url( "images/slide-my-ty.webp" );
}
div#slider > ol.items > li > div > h1 {
	color: white;
	overflow: auto;
	line-height: 45px;
	font-size: 38px;
	font-weight: 400;
	margin: 0;
	padding: 37px 0 5px 0;
	letter-spacing: 1px;
}
div#slider > ol.items > li > div > h1 > span {
	background: #1abc9c;
	display: block;
	margin: 0 0 5px 0;
	float: left;
	clear: both;
	padding: 0 24px 0 6px;
}
div#slider > ol.items > li > div > h1 > span:nth-child( 1 ) {
	min-width: 136px;
}
div#slider > ol.items > li > div > h1 > span:nth-child( 2 ) {
	min-width: 224px;
}
div#slider > ol.items > li > div > p {
	border: 2px solid #4d4d4d;
	font-size: 14px;
	padding: 5px 8px 8px 8px;
	width: 288px;
	line-height: 1.25;
}
div#slider > ol.items > li > div > p > strong {
	text-transform: uppercase;
	font-weight: 600;
	display: block;
}

div#slider > div.controls {
	z-index: 1001;
}
div#slider > div.controls > button {
	background: transparent no-repeat 37px 64px url( "images/slider-nav.webp" );
	position: absolute;
	top: 115px;
	padding: 0;
	border: 0;
	width: 37px;
	height: 64px;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
	outline: 0;
	transition: left 0.1s , right 0.1s;
}
div#slider > div.controls > button.prev {
	background-position: 0 0;
	left: -48px;
}
div#slider > div.controls > button.next {
	background-position: -37px 0;
	right: -48px;
}
div#slider > div.controls > button.prev:active {
	left: -52px;	
}
div#slider > div.controls > button.next:active {
	right: -52px;	
}

div#slider > div.controls > ol.nav {
	position: absolute;
	top: 293px;
	right: 10px;
	padding: 0;
	list-style: none;
}
div#slider > div.controls > ol.nav > li {
	float: left;
	padding: 4px;
}
div#slider > div.controls > ol.nav > li > button {
	background-color: transparent;
	border: 1px solid #4d4d4d;
	transition: background-color 0.25s , box-shadow 0.25s;
	width: 11px;
	height: 11px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	box-shadow: 0 0 1px rgba( 0 , 0 , 0 , 0.25 ) , 0 0 1px rgba( 0 , 0 , 0 , 0.25 ) inset;
	outline: 0;
	cursor: pointer;
}
div#slider > div.controls > ol.nav > li:not( .current ) > button:hover {
	box-shadow: 0 0 4px rgba( 0 , 0 , 0 , 0.5 ) , 0 0 4px rgba( 0 , 0 , 0 , 0.5 ) inset;
}
div#slider > div.controls > ol.nav > li.current > button {
	background-color: #4d4d4d;
}

/* ------------------------------------------------------------------------------------ */