/*ver->1.0std-3-12-2016*/
/* last ver -> - */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
		font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
  }
html, body {
		height: 100%;
		line-height: 1.4;	
		text-align: center;
		position: relative;
  }
div {
    /*overflow: hidden;*/ /* - UWAGA - duża zmiana, może powodować rozjeżdżanie boksów i znikanie tła */
  }  
p, ol, ul {
  margin: 0;
}
p {
	margin-bottom: 1em;
}
ol, ul {
  margin: 1em 0;
}
li ol, li ul {
  margin: 0;
}
ul {
  list-style: circle;
}
ol {
  list-style-type: decimal;
}
li ol {
  list-style-type: lower-alpha;
}
ol li, ul li {
  list-style-position: outside;
  margin-left: 1.2em; 
}
a {
 cursor: pointer;
}
:focus {
	outline: 0;
} 
strong, b {
	font-weight: bold;
}
em, i {
  font-style: italic;
}
sup {
  font-size: 0.7em;
  vertical-align: super;
}
sub {
  font-size: 0.7em;
  vertical-align: sub;
} 
caption, th, td {
	text-align: left;
	font-weight: normal;
}
q:before, q:after {  
	content: "";
}
q {
	quotes: "" "";
}
blockquote {
  margin: 1em;
  padding: 0 100px;
  font-style: italic;
  position: relative;
  overflow: hidden;
  min-height:60px;
}
blockquote:before, blockquote:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  line-height: 1;
  top:5px;
  background: url(graphics/quote.png) no-repeat center center;
}
blockquote:before {
  left:0;
}
blockquote:after {
  right:0;
}
/* ====================================================== Czcionki ============================================ */
html, body, input, textarea {
  color: #000;
  font-size: 14px;
  font-family: verdana, tahoma, arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  margin: 1.5em 0 0.5em 0;
  font-family: georgia ,"Times New Roman" ,serif;
}
h1 {
  font-size: 2.5em;
}
h1:first-child {
  margin-top: 0;
}
h2 {
	font-size: 2em;
}	
h3 {
  font-size: 1.6em;
  }
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
  font-weight: bold;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: inherit;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {

}
/* =================================================== Układ strony =========================================== */
html, body {
  background: #f6f8f8;
}
#CANVAS {  /*trzyma całość w rozmiarach okna, zapewnia minimalne rozmiary */
  margin: 0 auto;
  min-height: 100%;
  box-sizing: border-box;
  position: relative;
	z-index: 1;
	text-align: center;
  /*overflow: hidden;*/
}
.container {  /* szerokość, jeśli potrzbena */
  margin: 0 auto;
  text-align: left;
}
#TOP {     /*menu itp*/
  position: relative;
	overflow: visible;
	z-index: 100;
}
#TOP .container {
  position: relative;
  overflow: visible;
}
#CONTENT {
  clear: both;
	overflow: hidden;
}
#FOOT {  
	z-index: 0;
 position: relative;
}
/* =================================================== Menu Glowne =========================================== */
nav {
  margin: 0;
  padding: 0;
  overflow: visible;
  position: relative;
  float: right;
 }
nav ul {
  margin: 0;
  padding: 0;
  display: block;
}
nav ul li {
  margin: 0;
  padding: 0 !important; /*padding zmieniaj przy a*/
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  list-style: none;
}
nav ul li a {
  padding: 0;
  margin: 0 !important; /*margin zmieniaj przy li*/
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.2;
}
/* --------------- hover ------------------ */
nav ul a:hover, nav ul li:hover {
  /* li - podświetla przycisk przy rozwinietym submenu */
}
/* --------------- active ----------------- */
nav ul a:active {
}
/* --------------- Submenu ---------------- */  
nav ul li ul {
  display: none; 
	margin: 0;
	padding: 0;
	width: 16em;
	position: absolute;
	top: 100%;					/* !!!! podstaw wysokosc przycisku!!!! */
	left: 0;
  background: #fff;
}	
nav ul li:hover ul {
	display: block;
}
nav ul li ul li {
  margin: 0;
  display: block;
}
nav ul li ul li a {
  height: auto;
  padding: 1em 2em;
}
nav ul li ul li a:hover {
}
/* ------------ Mobilne menu ------------ */  
#mobile-menu-button, #mobile-menu-close {
  display: none;
}
/* ====================================================== Elementy stałe interfejsu ==================================== */
/* -------------------- Przyciski -------------- */
.button, .buttons a {
  margin: 1em 1em 0.5em 0;
	padding: 1em 0.8em 1em 0.8em;
  min-width: 5em;
	display: inline-block;
	line-height: 1;
  white-space: nowrap;
	color: #fff;
	text-align: center;
  cursor: pointer;
	background: #777;
  border: none;
}
:hover.button, .buttons a:hover {
	text-decoration: none;
}
.button img { /* ikonki w przyciksach */
	margin: 0 0 -1px 0;
}
/* ----------- Przycisk submit ---------------- */
.button input[type="submit"] {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: 0;
	width: 100%;
	height: auto;
	cursor: pointer;
/*	background: #f0f;*/
	opacity: 0;
  background: #f0f;
}
/* ------------- Lista przycisków -------------- */
/* przestarzałe - do usunięcia */
.submenu-page {
	clear: both;
	float: none;
}
.buttons {
  display: block;
  overflow: hidden;
}
.buttons li {
  margin: 0;
  padding: 0;
  clear: both;
  display: block;
  list-style: none;
}
.buttons li a {
  margin-right: 0;
  float: none;
  text-align: left;
  min-width: 10em;
}
.submenu-list li a {
  display: block;
}
/* ------------------- ikony  ---------------------- */
.icon { /* podstawowa ikonka */
	width: 100px;
	height: 100px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}
.icon img { 
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.icon.round { /* zaokrąglona ikonka */
	border-radius: 500px;
	background: #eee;
}
.icon-circle { /* ikonka w pierścieniu */
	margin: 0 auto;
	padding: 0;
	height: 100px;
	width: 100px;
	display: block;
	position: relative;
	border: 3px solid #fff;
}
.icon-circle, .icon-circle > div {
	border-radius: 500px;
	overflow: hidden;
	box-sizing: border-box;
}
.icon-circle > div {
	padding: 0;
	position: absolute;
	top: 5px; left: 5px; right: 5px; bottom: 5px;
	width: auto;
	height: auto;
}
/* --------------- Logo ----------------------- */
#logo {
  position: absolute;
  bottom: 0; left: 0;
}
#logo img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}
#logo .primary-logo {
	display: block;
}
#logo .secondary-logo {
	display: none;
}
/* --------------- Columns ------------------- */
.columns-x2>div, .columns-x3>div, .columns-x4>div, .columns-x5>div, .columns-x6>div, .columns-x7>div, .columns-x8>div {
/*  padding-left: 10px;
  padding-right: 10px;*/
  float: left;
  box-sizing: border-box;
}
.columns-x8>div { width: 12.5%; }
.columns-x7>div { width: 14.28%; }
.columns-x6>div { width: 16.66%; }
.columns-x5>div { width: 20%; }
.columns-x4>div { width: 25%; }
.columns-x3>div { width: 33.33%; }
.columns-x2>div { width: 50%; }

/* -- elementy wielokolumnowe w columns -- */
.columns-x8>div.x8 {width: 100%;}
.columns-x8>div.x7 {width: 87.5%;}
.columns-x8>div.x6 {width: 75%;}
.columns-x8>div.x5 {width: 62.5%;}
.columns-x8>div.x4 {width: 50%;}
.columns-x8>div.x3 {width: 37.5%;}
.columns-x8>div.x2 {width: 25%;}

.columns-x7>div.x7 {width: 100%;}
.columns-x7>div.x6 {width: 85.72%;}
.columns-x7>div.x5 {width: 71.44%;}
.columns-x7>div.x4 {width: 57.16%;}
.columns-x7>div.x3 {width: 42.88%;}
.columns-x7>div.x2 {width: 28.6%;}

.columns-x6>div.x6 {width: 100%;}
.columns-x6>div.x5 {width: 83.34%;}
.columns-x6>div.x4 {width: 66.68%;}
.columns-x6>div.x3 {width: 50.02%;}
.columns-x6>div.x2 {width: 33.36%;}

.columns-x5>div.x5 {width: 100%;}
.columns-x5>div.x4 {width: 80%;}
.columns-x5>div.x3 {width: 60%;}
.columns-x5>div.x2 {width: 40%;}

.columns-x4>div.x4 {width: 100%;}
.columns-x4>div.x3 {width: 75%;}
.columns-x4>div.x2 {width: 50%;}

.columns-x3>div.x3 {width: 100%;}
.columns-x3>div.x2 {width: 66.66%;}

.columns-x2>div.x2 {width: 100%;}

/* czyszczenie opływania za kolumnami */
.columns-x2:after, .columns-x3:after, .columns-x4:after, .columns-x5:after, .columns-x6:after, .columns-x7:after, .columns-x8:after {
	content: '';
	display: block;
	float: none;
	clear: both;
}
/* -- układ dodatkowy -- */
.columns {
 display: flex;
 align-items: stretch;
 justify-content: flex-start;
 margin-right:-50px;
}
.columns > div {
 margin-right: 50px;
 flex:1;
 order:2;
}
.columns > div.side {
 max-width: 300px;
}
.columns > div.side.left {
 order:1;
}
.columns > div.side.right {
 order:3;
}
.columns.right-side > div {
 margin-right: 50px;
}
.columns.right-side > div.side {
 max-width: 300px;
}
.columns.left-side > div {
 margin-right: 50px;
 order:2;
}
.columns.left-side > div.side {
 max-width: 300px;
 order: 1;
}
/* -------- Classic 2-column ---------------- */
/* kolumna boczna moze miec stalą szerokosc (w pixelach),
   jesli odkomentujesz ponizej */
.classic-columns>div {
  float: left;
  width: 70%;
  /*width: 100%;
  margin-right: -300px;
  padding-right: 330px; */
  box-sizing: border-box;
}
.classic-columns .side-column {
  float: right;
  width: 29.999%; /* webkit... nie pytaj */
  /*width: 300px;*/
}
/* ---------------------------------------------------- */
/* ------------------- multiblocks -------------------- */
.mb-header, .mb-footer {
	
}
.mb-header h2, .mb-header h3 {
	text-align: center;
}
.img-placeholder {
	display: block;
	background: #ddd url(graphics/no-photo-s.png) center no-repeat;
}
/* ----------------- Card -------------------- */
.card {
  margin: 0 0 20px 0;
  padding: 0 0 60px 0;
  min-height: 15em;
  position: relative;
  display: block;
  vertical-align: top;
}
.card .thb {
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
}
.card .thb img {
	display: block;
  width: 100%;	
}
.card .thb .img-placeholder {
	padding-bottom: 50%;
}
.card h2, .card h3 {
  margin: 1em 0 0 0;
}
.card .updated {
	font-size: 0.9em;
	display: block;
}
.card .controls {
  position: absolute;
  bottom: 0; left: 0; right: 0;
	text-align: center; 
}
/* --------------- Tile ------------------------*/
.tile {
	margin: 0 0 30px 0;
  overflow: hidden;
	position: relative;
}
.tile .thb {
	margin: 0;
  max-width: 100%; /* responsive */
  display: block;
	float: left;
  overflow: hidden;
	text-align: center;
  box-sizing: border-box;
}
.tile .thb img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.tile .thb .img-placeholder {
	padding-bottom: 100%;
}
.tile h2, .tile h3 {
  margin: 0;
}
.tile .updated {
	font-size: 0.9em;
	display: block;
}
.tile .content {
	padding-left: 2em;
	margin-bottom: 50px; /* musi byc wiekszy niz wysokosc .controls */
	min-width: 140px;
	overflow: hidden;
}
.tile p {
	margin: 1em 0 0 0;
}
.tile .controls {
	position: absolute;
	bottom: 0; right: 0;
}
.tile .button {
	margin: 0;
}
/* --------------- Icon-card ------------------ */
.icon-card {
  text-align: center;
  padding: 0 20px 20px 20px;
  position: relative;
  min-height: 20em;
}
.icon-card .thb {
	text-align: center;
	border: 0 none;
}
.icon-card h2, .icon-card h3 {
  margin: 1em 0 1em 0;
}
.icon-card .updated {
	margin-top: 1em;
	font-size: 0.9em;
	display: block;
	opacity: 0.6;
}
.icon-card .content {
	overflow: hidden;
}
.icon-card p {
	margin: 0 0 1em 0;
}
.icon-card .controls {
	position: absolute;
	bottom: 0; right: 0; left: 0;
	text-align: center;
}
.icon-card .button {
	margin: 0 auto;
}
/* --------------- Icon Tile ------------------------*/
.icon-tile {
	margin: 0 0 30px 0;
  overflow: hidden;

	position: relative;
}
.icon-tile .thb {
	margin: 0;
  max-width: 100%; /* responsive */
  display: block;
	float: left;
  overflow: hidden;
	text-align: center;
  box-sizing: border-box;
}
.icon-tile .thb img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.icon-tile .thb .img-placeholder {
	padding-bottom: 100%;
}
.icon-tile h2, .icon-tile h3 {
  margin: 0;
}
.icon-tile .updated {
	font-size: 0.9em;
	display: block;
}
.icon-tile .content {
	padding-left: 2em;
	margin-bottom: 50px; /* musi byc wiekszy niz wysokosc .controls */
	min-width: 120px;
	overflow: hidden;
}
.icon-tile .controls {
	position: absolute;
	bottom: 0; right: 0;
}
.icon-tile .button {
	margin: 0;
}

.card p, .tile p, .icon-tile p {
	margin: 0;
}
/* --------------- Icon pointer ------------------------*/
.icon-pointer {
 display: flex;
 align-items: center;
 justify-content: flex-start;
 margin-bottom: 50px;
}
.icon-pointer > div {
 margin-right: 20px;
}
.icon-pointer > div:last-child {
 margin-right: 0;
}
/*.icon-pointer .icon {
 width: 50px;
 height: 50px;
}*/
.icon-pointer .icon img {
 width: 100%;
}
/* ------------------- Photo-box ------------------ */
.photo-box {
	height: 0;
	padding-bottom: 100%;
	margin-bottom: 20px;
	position: relative;
}
.photo-box>a {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
  color: inherit;
}
.photo-box .thb {
	margin: 0;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: center no-repeat;
	background-size: cover;
	border: 0 none;
}
.photo-box .thb .img-placeholder {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}
.photo-box a .hover-mask {
	content:"";
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transition: opacity 200ms;
}
.photo-box a:hover .hover-mask {
	opacity: 1;
}
.photo-box .content {
	position: absolute;
	bottom: 0; left: 0; right: 0;
	padding: 1em 1.5em;
	overflow: hidden;
	background: #fff;
}
.photo-box h2, .photo-box h3 {
  margin: 0 0 0.5em 0;
	font-size: 1.1em;
}
.photo-box .updated {
	font-size: 0.9em;
	display: block;
}
.photo-box p {
	margin: 0 0 0 0;
}
.photo-box .controls {
	text-align: right; 
}
.photo-box .controls .button {
  margin: 0;
  width: auto;
  display: block;
}
/* ------------------- Logo-box ------------------ */
.logo-box {
	margin: 10px;
	position: relative;
	background: #fff;
}
.logo-box>a {
	margin: 0;
	text-decoration: none;
	display: block;
	color: inherit;
}
.logo-box .thb-wrapper {
	margin: 0;
	padding-bottom: 100%;
	position: relative;
}
.logo-box .thb {
	margin: 20% 0;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: center no-repeat;
	background-size: contain;
}
.logo-box .content {
	padding: 1em 1.5em;
	overflow: hidden;
	text-align: center;
	background: #fff;
}
.logo-box .thb .img-placeholder {
	padding-top: 20%;
	text-align: center;
	background: 0 none;
	font-weight: bold;
	text-transform: uppercase;
	opacity: 0.6;
}
/* ------------------- icon-box ------------------ */
.icon-box {
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.icon-box>a {
	margin: 0;
	display: block;
	overflow: hidden;
	color: inherit;
}
.icon-box .thb {
	margin: 20px auto;
	width: 100px;
	height: 100px;
	max-width: 100%;
	overflow: hidden;
	border: 0;
}
.icon-box .thb img {
	width: 100%
}
.icon-box h2, .icon-box h3, .icon-box h4 {
	margin: 0;
}
/* ------------------- icon-list ------------------ */
.icon-list, .icon-list li { 
	display: inline-block;
}
.icon-list li a {
	display: block;
}
.icon-list li {
	margin-bottom: 15px;
	clear: both;
	background: #fff;
}
.icon-list .icon, .icon-list .icon-circle {
	float: left;
}
.icon-list .icon {
	width: 50px;
	height: 50px;
	
}
.icon-list .content {
	display: inline-block;
	vertical-align: middle;
	padding: 1em 0 1em 1em;
}
/* ---------------- photosection ---------------- */
.photo-section {
	position: relative;
	overflow: hidden;
}
.ps-image {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-size: cover;	/* ostrożnie, to musi być zgrane z parallaxą */
	background-repeat: no-repeat;	/* ostrożnie, to musi być zgrane z parallaxą */
}
.ps-content .container, .ps-content .caption {
	text-align: center;
	position: relative;
}
/* ---------------------------------------------------- */
/* ------------- Content Block ------------------------ */
.content-block {
 margin-bottom: 1em;
}
.content-block.page-section {
 margin-bottom: 0;
}
.content-block.page-section.cb-zero-padding-top {
 padding-top:0;
}
.content-block.page-section.cb-zero-padding-bottom {
 padding-bottom:0;
}
.content-block.page-section.cb-zero-padding-both {
 padding-top:0;
 padding-bottom:0;
}
.content-block.page-section.main-bcg {
 background-color: inherit;
}
.content-block.page-section.alt-bcg {
 background-color: #eee;
}
.content-block .text-wrapper h1:first-child,
.content-block .text-wrapper h2:first-child,
.content-block .text-wrapper h3:first-child,
.content-block .text-wrapper h4:first-child,
.content-block .text-wrapper h5:first-child {
 margin-top:0;
}
/* --- text --- */
.content-block.cb-text_content .text-wrapper.cb-col-2 {
 column-count: 2;
 max-width:100%;
 column-gap: 2em;
}
.content-block.cb-text_content .text-wrapper.cb-col-3 {
 column-count: 3;
 max-width:100%;
 column-gap: 2em;
}
.content-block.cb-text_content .text-wrapper.cb-col-4 {
 column-count: 4;
 max-width:100%;
 column-gap: 2em;
}
.content-block.cb-elem-position-bcg, .content-block.page-section.color-bcg.cb-elem-position-bcg {
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
/* --- text - photo --- */
.content-block.cb-text_photo.cb-elem-position-left .cb-container,
.content-block.cb-text_photo.cb-elem-position-right .cb-container,
.content-block.cb-text_module.cb-elem-position-left .cb-container,
.content-block.cb-text_module.cb-elem-position-right .cb-container,
.content-block.cb-video.cb-elem-position-left .cb-container,
.content-block.cb-video.cb-elem-position-right .cb-container,
.content-block.cb-module .cb-container {
 display:flex;
 align-items: flex-start;
}
.content-block .text-wrapper {
 flex-grow: 1;
}
.content-block.cb-module .cb-container .cb-module {
 flex-grow: 1;
 margin-right: 2em;
}
.content-block.cb-module .cb-container .cb-module:last-child {
 margin-right:0;
}
.content-block.cb-text_photo .photo-wrapper img {
 width:auto;
 max-width: 100%;
 display: block;
 margin:0;
}
.content-block.cb-text_photo.cb-elem-position-left .photo-wrapper,
.content-block.cb-text_module.cb-elem-position-left .content-blocks-module,
.content-block.cb-video.cb-elem-position-left .video-wrapper {
 margin-right:3em;
}
.content-block.cb-text_photo.cb-elem-position-right .photo-wrapper,
.content-block.cb-text_module.cb-elem-position-right .content-blocks-module,
.content-block.cb-video.cb-elem-position-right .video-wrapper {
 margin-left:3em;
}
.content-block.cb-text_photo.cb-elem-position-top .photo-wrapper,
.content-block.cb-text_module.cb-elem-position-top .content-blocks-module,
.content-block.cb-video.cb-elem-position-top .video-wrapper {
 margin-bottom:2em;
}
.content-block.cb-text_photo.cb-elem-position-bottom .photo-wrapper,
.content-block.cb-text_module.cb-elem-position-bottom .content-blocks-module,
.content-block.cb-video.cb-elem-position-bottom .video-wrapper {
 margin-top:2em;
}
.content-block.cb-text_photo.cb-elem-position-left .photo-wrapper img {
 float: left;
}
.content-block.cb-text_photo.cb-elem-position-right .photo-wrapper img {
 float: right;
}
/* --- text - moduł --- */
.content-block .text-module {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}
.content-block .text-module > div {
 flex: 1;
 margin-right: 40px;
}
.content-block .text-module > div:last-child {
 margin-right: 0;
}
.content-block .text-module > .text-wrapper {
 flex: 1.5; 
}

.content_block .image_block {
	width: 100%
}
.content_block.text_module_block .content-blocks-module {
 float:right;
 width:100%;
 max-width:40%;
}
/* ------------------- Gallery ------------------ */ 
ul.gallery, ul.gallery li {
	margin: 1.5em 0 1.5em 0;
	padding: 0;
	list-style: none;
	display: block;
	overflow: hidden;
}
ul.gallery li {
  margin: 0;
  display: block;
	float: left;
}
ul.gallery li, ul.gallery li a, ul.gallery li img, .thb, .thb img {
	margin: 0;				
	display: block;	
}
ul.gallery li a, ul.gallery li img, .thb img {
	margin: 0;
	border: 0 none;
	float: none;
}

/* ------------- Module ------------------------ */
.module {
  box-sizing: border-box;
}

/* ============== table ======================== */
table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	border-collapse: separate;
	border-spacing: 0;
}

table {
	width:100%;
	max-width:800px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
}
table tr td, table tr th {
	padding:10px;
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
table tr th {
	background: #2B3A42;
	color:#fff;
}
table tr:nth-child(odd) {
	background:#eee;
}

.usertable {
	table-layout: auto;
	padding: 5px 0;
	max-width: 98%;
	border: solid 1px;
	border-radius: 3px;
}
.usertable thead {
	border-bottom: solid 1px;
}
.usertable td, .usertable th {
	vertical-align: middle;
	padding: 0.4em 1em;
}
.usertable th {
	color: #888;
	padding-bottom: 0.3em;
	border-bottom: solid 1px;
}
.usertable td a {
	font-size: 1.1em;
	display: block;
	}
.usertable td .clean-button, .usertable td .button { /*przyciski w tabelach redukuja paddingi pol */
	margin: 2px -0.5em 2px -1em;
	font-size: 1em;
}
.usertable tr.odd td {
	background: #ccc8b4;
}
.usertable, .usertable td, .usertable th {
	background: #d7d3c2;
	border-color: #837f69;
}	
/* ============= Komunikaty ================= */
.warning {
  color: #f00;
  font-size: 1.5em;
}
.red-alert, .yellow-alert, .green-alert {
  margin: 0.5em 0;
  min-height: 20px;
  padding: 1em 1em 1em 100px;
  border-top: solid 0.3em;
  border-bottom: solid 0.3em;  
}
.red-alert {
  color: #993030;
  background: #ffa3a3 url(graphics/alert-red.png) 20px center  no-repeat;
  border-color: #de0000;
}
.yellow-alert {
  color: #999554;
  background: #fffbba url(graphics/alert-yellow.png) 20px center  no-repeat;
  border-color: #eee336;
}
.green-alert {
  color: #5c8548;
  background: #cff3b8 url(graphics/alert-green.png) 20px center  no-repeat;
  border-color: #6ca355;
}
/* ============================================= Formularze ============================================ */
label {
	display: block;
  text-transform: uppercase;
  color: #8c8c7e;
}
label:before {
  content: '\A';
}
input, select, textarea, .input-placeholder, .input-combo {
/*input[type="text"], select, textarea, .count_left, .input-placeholder, .input-combo,*/
/*input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email "],*/
/*input[type="file"], input[type="hidden"], input[type="month "], input[type="number"], input[type="password"],*/
/*input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"] {*/
  margin: 4px 8px 8px 0;  
	padding: 9px 15px; 
  height: 40px; /*to samo co button*/
  width:100%;
		max-width: 100%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 1.1em;
	text-align: left;
  color: #656565;
  border: 0 none;  
  background: #edede3; 
}
/* wyłączenia - nadpisują powyższe definicje, jak coś się psuje, kopiować do theme, razem z powyższym! */
  .input-placeholder {
		/*padding-left: 0; padding-right: 0;*/
    height: auto;
    vertical-align: text-top;
    overflow: hidden;
    color: inherit;
    display: inline-block;
    border: 0 none !important;  /* important, bo w theme moze byc zbyt latwo nadpisane */  
    background: none !important;
  }
  .input-combo {
    margin: 0; padding: 0;
    height: auto;
    vertical-align: text-top;
    /*overflow: hidden;*/
    display: inline-block;
    border: 0 none !important;  /* important, bo w theme moze byc zbyt latwo nadpisane */  
    background: none !important;
  }
	input[type="radio"] {
		margin: 0.2em 0.3em 0.4em 0;
		width: 20px !important;
		height: auto !important;
		border: none;
		vertical-align: middle;
		cursor: pointer;
		clear: both;
	}
	/* checkbox'y -> z <p> dla dlugich opisów, z <span> dla zwyklych list */
	input[type="checkbox"] {
		margin: 0.2em 0.3em 0.4em 0;
		
		width: 20px !important;
		height: auto !important;
		float: left !important;
		border: none;
		vertical-align: middle;
		cursor: pointer;
		clear: both;
	}
	input[type="checkbox"]+p, input[type="checkbox"]+span {
		overflow: hidden;
		display: block;
	}
  input[type="range"] {
    background: none !important;
  }
/* ------------------- dodatkowe elementy forma ------------- */
.shortinput, input.shortinput, select.shortinput {
  width: 258px;
}
select {
  /*padding-right: 5px;*/
  /*-webkit-appearance: none;*/
  /*-moz-appearance: none;*/
  /* appearance: none;*/
}
textarea {
  height: auto;
  min-height: 132px;
  line-height: 1.45;
  resize: none;
}

textarea.code {
  color: #5454C0;
  font-family: courier new;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0.5em 1em;
}
/* pola wymagane i zablokowane */
em.req {
  color: #dc0c0c;
}
input.empty {
  border-color: #dc0c0c;
}

form input:focus, form select:focus, form textarea:focus {
  /*border-color: #888;*/
}
/* textarea rozwijająca się po kliknięciu */
textarea.expandable {
  min-height: 30px;
}
textarea.expandable:focus {
  min-height: 130px;
}
/* ---------------- edycja listy checkboxow [ CMS ] ----------- */
.edit-list-button {
  display: block;
  padding: 5px 21px;
  margin: 0 0 1em 0;
  width: 10em;
  background: url(graphics/edit-this-list.png) 5px 4px no-repeat;
}
.edit-list-button:hover {
  text-decoration: underline;
}
/* ----------------------- zliczanie znaków ------------------- */
/* to trzeba poprawić */
.count_left { /* pokazuje ile znaków pozostało w polu */
  display: block;
  min-height: 0;
  height: 1.2em;
  padding: 0;
  margin: -10px 2px -5px 0;
  text-align: right;
  font-size: 0.9em;
  opacity: 0.5;
}
.count_left:before {
  content:"..";
}

/*input[type="radio"]+span:before {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: -20px;
  background: #f0f;
  opacity: 0.5;
}*/
/* ---------------------Toggle switch ------------------- */
.switch_plugin span {
  background: #4A4A4A url(icons/toggle-icons.png) center no-repeat;
}
.switch_plugin {
  margin: 0.5em 0;
  display: block;
  position: relative;
}
.switch_plugin span {
  content: " ";
  height: 20px;
  width: 45px;
  margin: 0 0.5em -5px 0;
  position: relative;
  top: 0; left: 0; 
  display: inline-block;
  cursor: pointer;
  border-radius: 16px;
}
.switch_plugin span:after {
  content: " ";
  height: 6px;
  width: 6px;
  display: block;
  position: absolute;
  left: 2px; top: 2px;
  border-radius: 16px;
  transition: left 300ms;
  cursor: pointer;  
  background: #454545;
  border: solid 5px #fff;
}
.switch_plugin input[value="1"] + span {
  /*background: #54bd63;*/
}
.switch_plugin input[value="1"] + span:after  {
  left: 27px; background: #54bd63;
}

/* ================================= disabled ===========*/
.disabled, input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"],
input[disabled], select[disabled], textarea[disabled] {
  color: #777;
  
  /*opacity: 0.6;*/
  background-image: url(icons/input-lock.png);
  background-position:  center right;
  background-repeat: no-repeat;
}
/* ----------- pole adresu --------------------- */
.adress-combo input {
	max-width: 100%;  
}
.adress-combo .adress-street {
  margin-left: 0; margin-right: 0;
}
.adress-combo .postcode {
  margin-left: 0; margin-right: 0;
  float: left;
  width: 45%;
}
.adress-combo .city {
  margin-left: 0; margin-right: 0;
  float: right;
  width: 52%;
}
/* --------------datepicker ---------------------- */
.ui-datepicker {
    border: none;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.ui-datepicker .ui-datepicker-header {
  background: none;
  border: none;
}
/* ----------- klasyczny uklad formularza --------------------- */
.classic-form {
  width: 900px;
}
.classic-form .row {
  clear: both;
}
.classic-form .row:last-of-type:after {
	content: '';
	display: block;
	float: none;
	clear: both;
}
.classic-form label {
  padding-top: 14px;
  padding-right: 1em;
  width: 35%;
  float: left;
  display: inline-block;
  box-sizing: border-box;
  text-align: right;
}
.classic-form label:before {
  margin-top: 1em;
  display: none;
}
.classic-form .row>input, .classic-form .row>select, .classic-form .row>textarea,
.classic-form .row>.input-placeholder, .classic-form .row>.input-combo {
  margin-right: 0;
  width: 65%;
  float: right;
}
/* ----------- formularz kolumnowy --------------------- */
.columnform li {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* =========tabele forma================== */
.tableform table td {
  vertical-align: top;
}
.tableform table td:first-child {
  text-align: right;
  padding: 0.5em 0.5em 0 0;
  width: 30%;
}
/* ============================================ Konkretne elementy =============================== */
/* ------------------------ breadcrumbs ------------------------ */
.breadcrumps {
	text-transform: capitalize;
	font-size: 1em;
}
.breadcrumps a, .breadcrumps span {
	padding: 0.2em;
	/*background: #fdf;*/
}
.breadcrumps .n-ico {
	margin: 0em 0.6em;
	font-size: 0.9em;
}
/* ------------------------ aktualnosci ------------------------- */
.news-show-more {
  margin: 1em 0;
  text-align: center;
  clear: both;
  float: none;
}
.news-show-more .button {
	margin: 0;
}
.news .updated {
  margin-bottom: 1em;
  opacity: 0.6
}
/* ---------------------- linki do portali społecznościowych ---- */
.social_links, .social_sharing {
  /*margin: 3em 0;*/
  clear: both;
}
.social_links ul, .social_sharing ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.social_links ul li, .social_sharing ul li {
  margin: 0 0.5em 0 0;
  padding: 0;
  display: inline-block;
  position: relative;
}
.social_links ul li a, .social_sharing ul li a {
  margin: 0;
  padding: 0;
  display: block;
}
.social_links ul li .content, .social_sharing ul li .content {
  display: none;
}
.social-icon {      /* Wygląd ikonki portalu społecznościowego */
  display: block;
  width: 50px;
  height: 50px;
  background: #656565;
}
.social-icon img {
  max-width: 100%;
  max-height: 100%;
}
.social-icon:hover {
  vertical-align: bottom;
  opacity: 0.9;
}

.social_links.with-names ul li,
.social_sharing.with-names ul li{      /* lista z opisami (dodaj klasę .with-names) */
  margin: 0.5em 0;
  display: block;
}
.social_links.with-names .social-icon,
.social_sharing.with-names .social-icon {
  display: inline-block;
  vertical-align: middle;
}
.social_links.with-names ul li .content,
.social_sharing.with-names ul li .content {
  padding-left: 0.5em;
  font-size: 1.2em;
  display: inline;
  vertical-align: middle;
  transition: padding 100ms;
}
.social_links.with-names ul li:hover .content,
.social_sharing.with-names ul li:hover .content {
  padding-left: 0.8em;
}
/* ---------------------- udostępnianie na portalach społecznościowych ---- */
.social_sharing .social_sharing_title {
  margin-right: 1em;
  height: 40px;
  line-height: 40px;
  float: left;
  box-sizing: border-box;
	cursor: default;
}
.social_sharing .social-icon {
  width: 40px;
  height: 40px;
}
/* ---------------flagi ------------------------ */
.flags {
	/*position: absolute;
	top: 10px; right: 10px;*/
}
.flags, .flags div {
  overflow: visible;
}
.flags ul, .flags li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: top;
}
/* ---- lista z flagami -------- */
#choose_lang {
  display: none;
  position: absolute;
  right: -1em; top: 100%;
  background: #343434;
  padding: 1em;

  box-sizing: border-box;
}
#choose_lang.show-me {
  display: block;
}
/* ----wygląd flag na liście --- */
.flags li {
  padding: 3px;
  width: 35px;
  opacity: 0.9;
}
.flags li:hover, .flags li.urhere {
  opacity: 1;
  padding: 1px 0px;
  width: 41px;
}
.flags a {
  margin: 0;
  padding: 0;
  display: block;
  border: solid 1px #aaa;
  cursor: pointer;
}
.flags a img {
  width: 100%;
  display: block;
}
/* ----wygląd głównej flagi --- */
.current_lang {
  padding: 3px;
  width: 35px;
  opacity: 0.7;
  float: right;
}
.flags .current_lang {
  opacity: 1;
  padding: 1px 0px;
  width: 41px;
}
/* =========== Strona kontaktu ================= */
.contact_data img {
 max-width: 100%;
}
#contact-data {
  float: left;
}
#contact-form {
  margin: 0 0 1em 0;
  padding: 1em 1em 0 1em;
  border: solid 1px #ddd;
}
#contact-form h2 {
  margin-top: 0;
}
#contact-form .button {
  float: right;
}
#contact-google-map {
  clear: both;
}
/* ===== informacja o ciasteczkach ======= */
#cookie-alert {
  position: fixed;
  padding: 0; 
  bottom: 0; left: 0; right: 0;
  min-height: 0;
  z-index: 99;
  font-size: 12px;

  background: rgba(225,225,225,0.8);
  border-top: solid 1px #ccc;
}
#cookie-alert .container {
  text-align: center;
  position: relative;
  padding: 0 60px 0 5px !important;
}
#cookie-alert p {
 margin: 0;
 display: inline-block;
 line-height: 1.2;
}
#cookie-alert .cookie-alert-msg {
 padding: 5px 60px 10px 0;
 display: inline-block;
 position: relative;
}
#cookie-alert .button {
 position: absolute;
 bottom: 0px;
 bottom:80%;
 right: 0;
 width: 45px;
 height: 45px;
 padding: 0;
 font-size: 12px;
 letter-spacing: 0;
 margin:0;
 margin-bottom: -23px;
 border-radius: 0;
 border: 0px solid rgba(0,0,0,0.3);
}
#FOOT.cookie-alert-active {
  position: fixed;
  bottom: 0;
  left: 0; right: 0;
}
/* ====== stopka autorzy =============== */
#credits {
	margin-top: 6px;
	margin-right: 2em;
	float: right;
	color: #eaeaea;
	font-size: 11px;
}
#credits span, #credits a {
	color: #cfcfcf;
}
#credits span img {
	margin: 2px 5px -3px 0;
}

/* ---------------------------------------- ak-slider --------------------------------- */
.ak-slider { /* ten element zmodyfikować, by slider dostosowywał się do zawierającego go bloku */
  position: relative;
  background: none;
  width: 100%;
  height:500px;
	overflow: hidden;
}
.ak-slider.keep-aspect-ratio {
/* zapewnia stałą proporcję wysokości*/
  padding-bottom: 30%;
  height: 0;
}
.ak-slider-canvas {
  height: 100%;
  position: absolute;
  top: 0; left: 0; right: 0;
  background: #000; 
}
/* -- przewijanie slajdów -- */
.ak-slider .moveFwd, .ak-slider .moveBack {
  position: absolute;
  top: 0; bottom: 0;
  width: 10%;
  z-index: 11;
  cursor: pointer;
  transition: background 100ms;
}
.ak-slider .moveFwd {
  right: 0;
}
.ak-slider .moveBack {
  left: 0;
}
/* -- strzałki i pauza-- */
.ak-slider .moveFwd .n-ico, .ak-slider .moveBack .n-ico, .ak-slider .pause-slideshow {
  color: #eee;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  z-index: 12;
}
.ak-slider .moveFwd .n-ico, .ak-slider .moveBack .n-ico {
  margin: -0.5em 0;
  position: absolute;
  top: 50%;
  font-size: 50px;
  display: block;
}
.ak-slider .moveFwd .n-ico {
  right: 10px;
  transition: right 200ms;
}
.ak-slider .moveBack .n-ico {
  left: 10px;
  transition: left 200ms;
}
.ak-slider .moveFwd:hover .n-ico {
  right: 0px;
}
.ak-slider .moveBack:hover .n-ico {
  left: 0px;
}
/* -- Pauza --*/
.pause-slideshow {
  display: none;
  position: absolute;
  top: 40px; right: 20px;
}
.pause-slideshow.paused {
  display: block;
}
/* -------- Slajd ----- */
.ak-slider .slide {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
/*  background-attachment: fixed;*/
}
/* -- zawartość slajdu -- */
.ak-slider .slide .caption {
	margin-top: 150px;
  padding: 2em;
  font-size: 1.15em;
  text-align: left;
  color: #fff;
	font-weight:bold;
	text-align: center;
	text-shadow: rgba(0,0,0,0.7) 0px 0px 7px;
	/*background: #f0f;*/
}
.ak-slider .slide .caption h1, .ak-slider .slide .caption h3 {
  margin: 0 0 0.4em 0;
  text-transform: uppercase;
  font-size: 1.8em;
  color: #fff;
	font-weight:600;
}
.ak-slider .button-wrapper {
  margin: 1.5em 0 -1em 0;
  min-height: 3em;
  /*background: #f0f;*/
  text-align: left;
}
.ak-slider .button {
  margin: 0;
  padding: 0.7em 3em 0.8em;
  font-size: 1em;
  border: solid 2px #f4f3ea;
  background: none;
}
.ak-slider .button:hover {
  background: rgba(255, 255, 255, 0.5);
}
/* ===================================================================== Kształty ===================== */
/* zmiana rozmiaru poprzez font-size,
 * zmiana proporcji poprzez border width (w em)
 * zmiana koloru - border-color*/
 
.shape-arrow-up {
	width: 0; 
	height: 0;
  display: block;
  border-top: 0  none !important;
	border-left: 1em solid transparent !important;
	border-right: 1em solid transparent !important;
	border-bottom: 0.9em solid black;
}
.shape-arrow-down {
	width: 0; 
	height: 0;
  display: block;
  border-bottom: 0  none !important;
	border-left: 1em solid transparent !important;
	border-right: 1em solid transparent !important;
	border-top: 0.9em solid #f00;
}
.shape-arrow-right {
	width: 0; 
	height: 0;
  display: block;
  border-right: 0  none !important;
	border-top: 1em solid transparent !important;
	border-bottom: 1em solid transparent !important;
	border-left: 0.9em solid green;
}
.shape-arrow-left {
	width: 0; 
	height: 0;
  display: block;
  border-left: 0  none !important;
	border-top: 1em solid transparent !important;
	border-bottom: 1em solid transparent !important; 
	border-right: 0.9em solid blue; 
}
/* -------------- VIDEO ---------------- */
.video-wrapper {
    position: relative;
    width: 100%;
    height: 0;
}
.video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}
/* -------------- VIDEO SOURCE---------------- */
video.bg-video { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-image: url('');
    background-repeat: no-repeat;
    background-size: cover;
    transition: 1s opacity;
}
.movie-box video {
    background-image: url('');
    background-repeat: no-repeat;
    background-size: cover;
    max-width:100%;
    max-height:100%;
}
.movie-box {
    width:100%;
}
/* ===================================================================== Pozostałe ==================== */
.simple-article {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}
.simple-article > div {
 flex: 1;
 margin-right: 40px;
}
.simple-article > div:last-child {
 margin-right: 0;
}
.simple-article .text-wrapper {
 flex: 1.5;
}
.article-img {
	max-width: 100%;
 margin-bottom: 1em;
}
.odd {
  background: #f1f1f1;   
}
.clear, .float-none {
  float: none !important;
  clear: both;
}
.align-right, .to-right {
  text-align: right;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.window-overlay {
 position: fixed;
 z-index: 999;
 top:0;left:0;right:0;bottom:0;
 background: rgba(0,0,0,0.5);
 display: flex;
 align-items: center;
 justify-content: center;
 /*display:none;*/
}
.window-overlay.show-me {
 display:block;
}
.window-overlay .window-form {
 max-width: 500px;
 padding: 20px;
 background: #fff;
 position: relative;
 box-shadow: 0 0 10px rgba(0,0,0,0.8);
}
.window-overlay.show-me .window-form {
 animation-name: zoomIn;
 animation-duration: 500ms;
}
.window-overlay .window-form .close {
 position: absolute;
 top:0;
 right:0;
 width:30px;
 height:30px;
 background: #000;
 display: flex;
 align-items: center;
 justify-content: center;
}
/* --------- koszyk produktów ---------- */
.nice-cart-wrapper {
 position: fixed;
 width:400px;
 top:0;
 right:-400px;
 bottom:0;
 z-index: 300;
 background: #fff;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 transition: all 300ms;
}
.nice-cart-wrapper.show-me {
 right:0;
}
.nice-cart-wrapper .nice-cart {
 padding: 60px 20px 85px 20px;
 width:100%;
 box-sizing: border-box;
 position: absolute;
 top:0;left:0;right:0;
 overflow-y: auto;
 max-height: 100%;
}
.nice-cart-wrapper .nice-cart .nice-cart-controls {
 position: absolute;
 bottom:20px;
 left:20px;
 right:20px;
 margin:0;
}
.nice-cart-wrapper .nice-cart .nice-cart-controls > * {
 margin:0;
}
.nice-cart-header {
 height:60px;
 position: absolute;
 top:0;left:0;right:0;
 padding-left:0;
 display: flex;
 align-items: center;
 justify-content: center;
 border-bottom: 1px solid #ddd;
}
.nice-cart-header h3 {
 margin:0 0 0 10px;
}
.nice-cart-header .cart-close-button {
 height:60px;
 width:60px;
 background: #ddd;
 position:absolute;
 top:0;
 left:0;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
}
.nice-cart-items {
 margin: 0;
 padding-top:20px;
}
.nice-cart-item {
 display:flex;
 justify-content: flex-start;
 align-items: stretch;
 margin-bottom:20px;
 position: relative;
}
.nice-cart-item .del {
 align-self: center;
 width:20px;
 max-width:20px;
 height:20px;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 box-sizing: border-box;
}
.nice-cart-item .item-price {
 align-self: center;
}
.nice-cart-item > div {
 margin-right:10px;
}
.nice-cart-item > div:last-child {
 margin-right:0;
}
.nice-cart-item .item-thb {
 width: 60px;
 height: 60px;
 max-width: 60px;
 overflow: hidden;
 background-position: center center;
 background-color: #ddd;
 background-repeat: no-repeat;
 background-size: cover;
}
.item-price {
 min-width: 80px;
 text-align: right;
 display: inline-block;
}
.item-price > span:last-of-type {
 text-transform: uppercase;
 font-size:12px;
}
.nice-cart-item .item-content {
 flex:1;
 text-align: left;
 font-size:0.9rem;
 padding-bottom:35px;
 position: relative;
}
.nice-cart-item .item-content span {
 opacity: 0.8;
 font-size: 0.6rem;
 text-transform: uppercase;
}
.nice-cart-item .item-content .nice-cart-quantity {
 position: absolute;
 bottom:15px;
}
.nice-cart-item .item-content .nice-cart-quantity-controls {
 position: absolute;
 bottom:10px;
}
.nice-cart-item .item-content strong {
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 width:165px;
 display: block;
}
.nice-cart-summary {
 border-top: 1px solid #ddd;
 overflow: visible;
}
.nice-cart-summary .summary-item, .delivery-price {
 display: inline-flex;
 justify-content: flex-end;
 align-items: center;
 text-align: left;
 float: right;
 clear: both;
 min-width: 200px;
 padding-right:30px;
}
.nice-cart-summary .summary-item > * {
 flex:1;
}
.nice-cart-summary .summary-item .item-price {
 font-weight: normal;
 font-size:25px;
 color: #333;
}
.nice-cart-summary .summary-item.finish-summary {
 font-weight: bold;
 border-top:1px solid #ddd;
}
.nice-cart-controls {
 text-align: right;
 margin-top: 20px;
}
.nice-cart-controls .button {
 margin-right:0;
 width:100%;
 box-sizing: border-box;
}
pre {
 text-align: left;
}
.hidden {
 display:none;
}
.no-list-style, .no-list-style li {
 list-style: none;
 margin-left:0;
}
.right-photo-new .container {
  padding-right: 0;
}
.right-photo-new .container .content-blocks-module {
  width: 60%;
  display: inline-block;
}
.right-photo-new .container .text-wrapper {
  width: 60%;
  display: inline-block;
}
.right-photo-new .container .photo-wrapper {
  float: right;
  display: inline-block;
}
.zero-p .container {
  padding-right: 65px !important;
}
.four-in-row .single-text-block {
  box-sizing: border-box;
  width: 25%;
  float: left;
  display: inline-block;
  padding-right: 20px;
}
.button-2 {
  padding: 0 15px;
  margin: 0em 1em 1em 0;
  cursor: pointer;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  min-width: 0;
  color: #000;
  position: relative;
  font-size: 0.85rem;
  letter-spacing: 0;
  background: #ffe51d;
  transition: all 300ms;
  text-transform: uppercase;
  font-weight: bold;
}
.zero-p .columnform {
  width: 50%;
}
@media screen and (max-width: 600px) {
  .zero-p .container {
    padding-right: 15px !important;
  }
}
@media screen and (max-width: 800px) {
  .four-in-row .single-text-block {
    width: 100%;
    padding-right: 0px;
  }
  .zero-p .columnform {
    width: 100%;
  }
}
@media (min-width: 601px) and (max-width: 1200px) {
  .zero-p .container {
    padding-right: 65px !important;
  }
}