/*
Theme Name: FoundationPress Child
Template: FoundationPress-master
Author: Ignitude Katarzyna Kwiatkowska
Author URI: http://ignitude.pl
Version: 1.0.1445460022
Updated: 2015-10-21 22:40:22
*/

/* Fonts */
@font-face {  
  font-family: "Fira";  
  src: url(fonts/FiraSansOT-Light.otf); /* IE */  
  src: local("FiraSansOT-Light"), url(fonts/FiraSansOT-Light.otf) format("opentype"); /* non-IE */  
  font-weight:300;
}  
@font-face {  
  font-family: "Fira";  
  src: url(fonts/FiraSansOT-Medium.otf); /* IE */  
  src: local("FiraSansOT-Medium"), url(fonts/FiraSansOT-Medium.otf) format("opentype"); /* non-IE */  
  font-weight:400;
}  
@font-face {  
  font-family: "Fira";  
  src: url(fonts/FiraSansOT-Regular.otf); /* IE */  
  src: local("FiraSansOT-Regular"), url(fonts/FiraSansOT-Regular.otf) format("opentype"); /* non-IE */  
  font-weight:500;
}  
@font-face {  
  font-family: "Fira";  
  src: url(fonts/FiraSansOT-Bold.otf); /* IE */  
  src: local("FiraSansOT-Bold"), url(fonts/FiraSansOT-Bold.otf) format("opentype"); /* non-IE */  
  font-weight:700;
}  

body { font-family: 'Fira', Arial, sans-serif; font-weight: 300; background: #e5e5e9 url(/blog/wp-content/uploads/billie_holiday1.png) repeat top center !important; color: #151515; text-shadow: 0 1px 0 rgba(255,255,255,0.5); }
header, article.main, footer { clear: both; padding: 0 5%; }
body a { color: #ff6900; text-decoration: underline; }
body a:visited { color: #ffa400; }
body a:hover { text-decoration: none; color: #ff6900; }
h1, h2, h3, h4, h5, h6, p {
	font-family: 'Fira', Arial, sans-serif; font-weight: 300; 
}

.top-bar-container { overflow: hidden; background: #7ab6c1 !important; margin-bottom: 0 !important; }
.top-bar-container .logo a { float: left; padding: 38px 40px 42px; margin-left: -30px; text-decoration: none; }
.top-bar-container .logo a span { display: block; text-align: right; margin: -8px -3px 0 0; color: #555; font-size: 1.2em; }

nav { clear: both; overflow: hidden; }
nav ul li { float: left; }
nav ul li a, nav ul li a:visited , nav ul li span { display: inline-block; text-decoration: none; padding: 18px 1em; color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,0.2); }

nav.tool { clear: both; float: right; background-color: transparent; }
nav.tool ul { overflow: hidden; }
nav.tool > ul { text-align: right; }
nav.tool > ul li { float: none; display: inline-block; font-size: 14.4px !important; }
nav.tool ul li.selected a, nav.tool ul li a:hover, nav.tool ul li a:active { background-color: #62a1ac; }
nav.tool ul li.selected a:hover, nav.tool ul li.selected a:active { background-color: #00547a; }
nav.tool ul li a { padding-left: 50px; background-repeat: no-repeat; background-position: 15px center; }
nav.tool > ul li.logged_in a { background-image: url(/images/me.png); }
nav.tool > ul li.log_out a { background-image: url(/blog/wp-content/uploads/login1.png); }
nav.tool > ul li.register a { background-image: url(/blog/wp-content/uploads/register1.png); }
nav.tool > ul li.cart a { background-image: url(/blog/wp-content/uploads/cart1.png); }
nav.tool > ul li.info a { background-image: url(/blog/wp-content/uploads/online1.png); }
nav.tool #lmsloggedlink { padding: 9px; text-align: right; display: none; font-size: 120%; }
nav.tool #lmsloggedlink a, nav.tool #lmsloggedlink span { float: none; padding: 0.3em; }
nav.tool #lmsloggedlink a  {
	padding: 0.35em 0.6em;
	margin: 0.35em 0.6em;
	border-radius: 6px;
	background: rgba(255,255,255,0.95);
	color: #62a1ac;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
	text-decoration: none;
	font-weight: 300 !important;
}
#form-login div {
	display: inline-block;
	font-size: 15px;
}

#form  { color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); font-size: 0.8em; float: right; clear: both; text-align: right; }
#form h3 { padding: 0 0 0.5em; letter-spacing: 5px; margin-right: -5px; }
#form a { margin-right: 33px; padding: 0.5em 3px; clear: none; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); }
#form a:hover { background-color: transparent; }
#form u { text-decoration: none; }
#form input[type="submit"] { margin: 0.35em 0.6em; padding: 0.35em 0.6em; background: rgba(255,255,255,0.95); color: #62a1ac; text-shadow: 0 1px 0 rgba(255,255,255,0.3); }
#form input[type="submit"]:hover { background: #ffcc44; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); }
form input { padding: 0.1em; }
.button, button[type=submit], form input[type=submit] { padding: 0.7em 1.2em; border: none; border-radius: 6px; background: #62a1ac; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); text-decoration: none; font-weight: 400; font-family: 'Fira', Arial, sans-serif; font-size: 12.8px; }
.button:hover, button[type=submit]:hover, form input[type=submit]:hover { color: #62a1ac; background: rgba(255,255,255,0.95); text-shadow: 0 1px 0 #ffffff; cursor: pointer; }
fieldset input[type=submit], form ul { margin: 0 2.3em 1em; }
form ul { font-size: 0.8em; }
.dfContactFormText { font-size: 0.9em; padding: 0 2.1em 1em; font-style: italic; }
.dfContactInfoText { display: none; }
.dfContactError { color: red; font-size: 80%; display: inline-block; margin-left: 1em; }
#agreed_marketing_div { white-space: initial; }

.top-bar-section { background: #ffcc44; padding: 0 5%; font-weight: 500; overflow: hidden; margin-bottom: 2rem; }
.top-bar-section ul { font-size: 1.2em; }
.top-bar-section ul li { background: none !important; text-shadow: 0 1px 0 rgba(0,0,0,0.3); list-style-type: none; }
.top-bar-section ul li.divider { display: none; }
.top-bar-section ul li a { padding: 25px 44px 23px !important; background: none !important; text-decoration: none; font-size: 19.2px !important; line-height: 19.2px !important; font-family: 'Fira', Arial, sans-serif; }
.top-bar-section ul li span { padding: 0; }
.top-bar-section ul li.selected a, .top-bar-section ul li a:hover, .top-bar-section ul li a:active { background: #f5bb22 !important; }
.top-bar-section ul li.selected a:hover, .top-bar-section ul li.selected a:active { background: #f5bb22 !important; }

.banner { position: relative; background: #fff; }
.banner li { list-style: none; background-repeat: no-repeat; background-position: center center; }
.banner ul li section { background: none; height: 500px !important; float: right; margin-right: 10%; max-width: 30%; }
.banner ul li section p, .banner ul li section h1 { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
/*
.banner ul li:nth-child(1) { background-image: url(http://farm9.staticflickr.com/8012/7658278494_e65c29f114_k.jpg); }
.banner ul li:nth-child(2) { background-image: url(http://farm4.staticflickr.com/3278/2951069862_4ce4e9a721_o.jpg); }
.banner ul li:nth-child(3) { background-image: url(http://farm3.staticflickr.com/2505/3953558009_919e61bbd9_o.jpg); }
*/
.banner ul li { float: left; padding: 1em 0; text-align: right; }
.banner .unslider-arrow { position: absolute; height: 100%; bottom: 0; width: 40px; z-index: 10; background: url(/blog/wp-content/uploads/next1.png) no-repeat center center; opacity: .2; }
.banner .unslider-arrow:hover { opacity: .4; }
.banner .unslider-arrow.prev { background-image: url(/blog/wp-content/uploads/prev1.png); }
.banner .prev { left: 1%; }
.banner .next { right: 1%; }
.banner .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
.banner .dots { position: absolute; margin: 0 auto; bottom: 1em; text-align: center; width: 200px; left: 50%; margin-left: -100px; }
.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	border: 2px solid #999999;
	border-radius: 6px;
	text-indent: -999em;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {
	background: #999;
	opacity: 1;
}

div[role="main"] {
	padding-left: 0;
}
div[role="main"] article {
	background: rgba(255,255,255,0.8);
	padding: 25px;
	font-family: 'Fira', Arial, sans-serif;
	font-weight: 300;
	position: relative;
}
div[role="main"] article + article {
	margin-top: 30px;
}
div[role="main"] article p,
div[role="main"] article li {
	font-weight: 300;
}
div[role="main"] article:after {
	content: '';
    width: 100%;
    height: 40px;
    background: url(/blog/wp-content/uploads/shadow1.png) no-repeat top right;
    position: absolute;
    bottom: -40px;
    right: 0;
    opacity: .2;
}
div[role="main"] article header:not(.comment-author) {
	background: #7ab6c1;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    padding: 0.7em 25px 0.65em;
	margin: -25px -25px 25px -25px;
}
div[role="main"] article h1,
div[role="main"] article h2 {
	font-size: 1.8em;
    font-weight: 200;
	font-family: 'Fira', Arial, sans-serif;
	color: #ffffff;
	margin: 0 0 5px;
	padding: 0;
	line-height: 1.2em;
}
div[role="main"] article .updated , div[role="main"] article .byline.author {
	font-family: 'Fira', Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0;
}
div[role="main"] article p a {
color: #7ab6c1;
text-decoration: none;
}
div[role="main"] article a {
	color: #fff;
	text-decoration: none;
}
div[role="main"] article .byline.author a {
	color: #fff;
	text-decoration: underline;
}
.author-meta {
	background: #7ab6c1;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

#sidebar {
	padding-top: 20px;
	padding-bottom: 20px;
	background: rgba(255,255,255,0.8);
	position: relative;
	font-family: 'Fira', Arial, sans-serif;
	font-weight: 300;
}
#sidebar h6 {
	font-family: 'Fira', Arial, sans-serif;
	font-weight: 500;
}
#sidebar:after {
	content: '';
    width: 100%;
    height: 40px;
    background: url(/blog/wp-content/uploads/shadow1.png) no-repeat top right;
    position: absolute;
    bottom: -40px;
    right: 0;
    opacity: .2;
}

/* @zmiany */
article section { /* background: rgba(255,255,255,0.8); padding: 1em 0 1.5em; */ }
/* @kamyk DIVy w 2 kolorach do wstawiania zawartości eturecki/metoda */
article section div#bialy { 
	background-color:white;  
}
article section div#inner { 
	margin: 0 auto; 
	padding: 15px 30px;
	max-width: 60em;
}
#inner h2, #inner h3 {
	padding: 0;
	margin: 2.4em 0 0.6em;
}
#inner h2 {
	font-size: 54px;
	text-transform: uppercase;
	margin-top: 75px;
}
#inner h2 span {
	font-weight: normal;
	opacity: 0.3;
	display: block;
	font-size: 36px;
}
#inner h3 {
	font-size: 32px;
}
#inner ul {
	margin-left: 1.8em;
}
#inner p, #inner ul li {
	font-size: 17px;
	line-height: 23px;
	text-align: justify;
}
#inner p span, #inner ul li span {
	color: #666;
}
#inner p + p, #inner ul li + li {
	margin-top: 23px;
}
#inner blockquote {
	font-size: 22px;
	color: #888;
	text-align: right;
	padding: 1em 0 1em 60px;
}
#inner blockquote span {
	opacity: 0.5;
}
#inner blockquote:before {
	content: '\201C';
	font-size: 500%;
	position: absolute;
	color: #f0f0f0;
	margin-left: -60px;
	margin-top: -20px;
}
#inner iframe, #inner .cien {
	display: block;
	margin: 30px auto 60px;
	max-width: 100% !important;
	border: 1px solid #eee;
}
#inner .cta {
	border-radius: 6px;
	font-size: 150%;
	display: table;
	margin: 10px auto;
	padding: 12px 36px 12px 42px;
	color: white;
	background: #FF6900;
	text-shadow: 0 1px 0 rgba(0,0,0,0.25);
	text-transform: uppercase;
	text-align: right;
	transition: all 0.5s;
	text-decoration: none;
}
#inner .cta:after {
	content: '»';
	padding-left: 0.3em;
}
#inner .cta:hover {
	background: #E70E2D;
}
article section div#szary { width:100%;overflow:hidden;}
/* @kamyk koniec DIVy */
article h1, article section > .componentheading, article section > .contentheading { font-size: 1.8em; font-weight: 200; padding: 0.7em 1em 0.65em; }
/* @kamyk h2 usunieto margin dodano padding + margin-left*/
article section h2, .sectiontableheader { font-weight: 800; font-size: 1.4em; color: #666; padding:20px; margin-left:0.5em} /* margin: 1.5em 1.2em 0.7em; } */
/* @ kamyk koniec h2 */
/* @kamyk dodanie klasy .header do h2*/
h2.header{color: #888; font-size: 1.5em;}
/*@kamyk koniec h2.header */
article section p { line-height: 1.3em; margin: 0 1.8em 1em; }
article section p.date, article section p.more { font-size: 0.8em; }
article section p.date { float: right; color: #ccc; font-style: italic; }
article section p:last-child { margin-bottom: 0; }
article section ul, article section ol  { line-height: 1.3em; margin: 0 1.8em 1em 3.6em; }
article section li, article section li { margin-bottom: 0.5em; }
article section li:last-child, article section li:last-child { margin-bottom: 0; }
article section ul li { list-style-type: disc; }
article section ol li { list-style-type: decimal; }
article section ol.tos li { list-style-type: lower-alpha; }
article section form { margin: 0 1.8em 1em; }
article section b {  font-weight:bold; font-size: 1em; color: #666666;}

/* @kamyk dodanie h3-h6 + sekcja OPIS content dla artykułów - podział na 3 kolumny z tekstem pod obrazkami */
article section h3 {color: #666;font-size: 1.4em; font-weight:bold; /* margin: 0 1.8em 0.3em; */ }
article section h3 img { margin-right: 0.5em; }
article section h4 {color:#888; font-size: 1.1em; line-height: 1.3em; margin: 0 1.8em }
article section h5 {color:#111; font-size: 1.1em; line-height: 1.5em; margin: 0 10em ; padding: 1em}
article section h6 {font-weight: 800; font-size: 2em; color: #888; padding:20px; }
#OPIS {float:left;width: 100%;margin-bottom:2em;overflow: hidden;text-align: center;font-size: 1em;}
#OPIS1 {	color:white;float:left;	width: 25%;	margin-left: 8%;margin-right: 4.16%; overflow: hidden;}
#OPIS2{color:white;float:left;width: 25%;margin-left: 4.16%;margin-right: 4.16%; overflow: hidden;}
#OPIS3 {	color:white;	float:left;	width: 25%;	margin-left: 4.16%;	margin-right: 4.16%;	overflow: hidden;}
/* @kamyk DIV do włożenia SWF/JPG z cieniem */
#swf{float: none;width: 700px;height: 440px;margin-top: 10px;margin-bottom:10px; margin:0 auto;overflow: hidden; } /*box-shadow:0px 0px 2px 5px #e5e5e9;}
/* @kamyk class'y dla SWF oraz DIV dodające paramert z */
.mySWF { z-index: 0; position:relative; left:0px; top:0px; }
.z1 {position:absolute; z-index:1;}
/* @kamyk przycisk niebieski ------------------------------------------*/
.guzik  {text-align: center; padding: 0.5em 0 2em;}
.guzik a {padding: 0.7em 1.2em; border-radius: 6px; background: #62a1ac; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); text-decoration: none; font-weight: 400;}
.guzik a:hover { background: #7ab6c1; }
/* @kamyk - koniec SWF*/

.more { text-align: right; padding: 0.5em 0 1em; }
.more a { padding: 0.7em 1.2em; border-radius: 6px; background: #62a1ac; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); text-decoration: none; font-weight: 400; }
.more a:hover { background: #7ab6c1; }
.banner .more { font-size: 1.2em; }
/*
/*@kamyk obrazki */
.ikony{
	float:none;
	padding-left:100px;
	padding-bottom:2em;
	padding-top:2em;
	text-align:left;
	margin-left:25%;
}
.kciuk{
	background:url(/images/icons/64kciuk.png) no-repeat 16px center ;/*#f39c12;*/

}
.tablica{
	background:url(/images/icons/64tablica.png) no-repeat 16px center ;/*#f39c12;*/

}
.czat{
	background:url(/images/icons/64czat.png) no-repeat 16px center ;/*#f39c12;*/

}
.prof{
	background:url(/images/icons/64prof.png) no-repeat 16px center ;/*#f39c12;*/

}
.godz{
	background:url(/images/icons/64_24h.png) no-repeat 16px center ;/*#f39c12;*/

}
.global{
	background:url(/images/icons/64global.png) no-repeat 16px center ;/*#f39c12;*/

}
.interaktywny{
	background:url(/images/icons/64interaktywny.png) no-repeat 16px center ;/*#f39c12;*/

}
/*@kamyk koniec ikony */
article.main { 
	padding-top: 4em; padding-bottom: 2em; 
	overflow: hidden;
	/* display: flex; display: -moz-flex; display: -webkit-flex;
	flex-direction: row; -moz-flex-direction: row; -webkit-flex-direction: row;
    flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; */
}
/*
@supports not (flex-wrap: wrap) {
	article.main { display: block; }
	article.main section { float: left; }
}
*/
article.main section { width: 30%; padding-top: 0; margin-bottom: 45px; position: relative; 
	float: left;
}
article.main section.single { width: 100%; }
article.main section:after { content: ''; width: 100%; height: 40px; background: url(/blog/wp-content/uploads/shadow1.png) no-repeat top right; position: absolute; bottom: -40px; right: 0; opacity: .2; }
article.main section img { width: 100%; height: auto; margin-bottom: 1em; }
article.main section table img { margin-bottom: 0; }
article.main section object { margin-bottom: 1em; }
/* @kamyk usunięto max-width:50%/ zmieniono margin-left:2em na 0.5em / usunięto float:right*/
article.main section.single img { width: auto;  margin-left: 0.5em; float: none; }  /* @kamyk max-width: 50%; float: right; */
/* @kamyk zdefiniowanie klasy "cien" do np zdjęć */
.cien {box-shadow: 0px 0px 5px 0px;}
/* @kamyk zdefiniowanie klasy float left oraz float right */
.left {float: left; }
.right {float: right; }
/* @kamyk dodano klasę widthauto przywracającą oryginalną wielkość <img> w artykułach */
	article.main section.single p.widthauto img { width: auto; float:none;}	
/* @kamyk koniec klasy widthauto*/
article.main section:nth-child(3n-1) { margin-left: 5%; margin-right: 5%; }
article.main section h1, article section > .componentheading, article section > .contentheading { background: #7ab6c1; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3);} /*@kamyk    margin-bottom: 1em; }            usunięte odstępy pomiędzy nagłówkiem h1 a artykułem */

/* fix for table layout */
article.main section.single table.contentpaneopen { width: 100%; }

div[role="main"] article blockquote { font-style: italic; font-weight: 400; margin-bottom: 0; font-size: 1.2rem; border-left: none; padding: 1em 0 1em 50px; color: #151515; }
div[role="main"] article blockquote:before { 
	content: '\201C';
	font-family: sans-serif;
    font-size: 500%;
	line-height: 1;
    position: absolute;
    color: #f0f0f0;
    margin-left: -50px;
    margin-top: -20px; 
}
div[role="main"] article blockquote p { margin-bottom: 0.2em !important; font-weight: 400; font-size: 1.2rem; }
/* blockquote p:last-child { color: #222; font-family: 'Fira', Arial, sans-serif; font-style: normal; font-size: 0.9em; text-align: right; margin-top: 0.5em; } */

#dfContactForm , #dfContactForm  ~ p, #bialy ~ h2 { margin-left: 80px; margin-right: 80px; padding-left: 0; padding-right: 0; }
#dfContactForm  p, #bialy p  { margin-left: 0; margin-right: 0; }
.josForm  { margin-left: 0; margin-right: 0; }
#dfContactForm label { display: inline-block; width: 9em; }
#dfContactForm label[for="dfContactField-captcha"] { display: none; }

#system-message dd ul { color: inherit; border: none; margin: 1em 5%; padding: 0; }
#system-message dd ul  li { text-indent: 0; }

.footer { padding: 1.5em 5%; background: #7ab6c1; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); font-size: 0.9em; overflow: hidden; }
.footer:first-of-type { margin-top: 50px; }
.footer + .footer { background: #62a1ac; }
.footer a, .footer a:visited { color: #fff; }
.footer a:hover { text-decoration: underline; }
.footer nav ul li { list-style-type: none; font-size: 14.4px; font-family: 'Fira', Arial, sans-serif; font-weight: 300; }
.footer nav ul li a { padding-left: 50px; background-repeat: no-repeat; background-position: 15px center; }
.footer nav ul.social li a { padding-left: 30px; }
.footer nav ul li.home a { background-image: url(/blog/wp-content/uploads/home1.png); }
.footer nav ul li.faq a { background-image: url(/blog/wp-content/uploads/faq1.png); }
.footer nav ul li.tos a { background-image: url(/blog/wp-content/uploads/terms1.png); }
.footer nav ul li.contact a { background-image: url(/blog/wp-content/uploads/contact1.png); } 
.footer nav ul li.privacy a { background-image: url(/blog/wp-content/uploads/terms1-1.png); } 
.footer nav ul.social li:nth-child(1) a { background-image: url(/blog/wp-content/uploads/facebook1.png); }
.footer nav ul.social li:nth-child(2) a { background-image: url(/blog/wp-content/uploads/twitter1.png); }
.footer nav ul.social li:nth-child(3) a { background-image: url(/blog/wp-content/uploads/google1.png); }
.footer nav ul { float: left; clear: none; margin-right: 4em; }
.footer nav ul.social { float: right; margin: 0 0 6em; clear: right; }
.footer .copy, footer .logo { float: left; }
.footer .copy { padding: 1.5em 3em ; font-size: 0.8em; }

	@media screen and (max-width: 1150px) {
		article.main section { width: 48%; }
		article.main section:nth-child(3n-1) { margin-left: 4%; margin-right: 0; }
		article.main section:nth-child(3n) { width: 100%; }
		.top-bar-section ul li a { padding-left: 1.5em; padding-right: 1.5em; } 
	}
	@media screen and (max-width: 880px) {
		article.main section { width: 100%; }
		article.main section:nth-child(3n-1) { margin-left: 0; }
		.top-bar-section ul li a { padding-left: 0.8em; padding-right: 0.8em; } 
	}
	@media screen and (max-width: 400px) {
		header .top-bar-section ul, header .top-bar-section ul li { float: none; }
		.top-bar-section ul li a { padding-left: 0.3em; padding-right: 0.3em; } 
	}

#cookiesBar {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    font: 400 normal 11px/1em Arial, sans-serif;
    width: 100%;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: #62a1ac;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	display: none;
}
#cookiesBarWrap {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}
#cookie_img {
    background: url("/blog/wp-content/uploads/cookie1.png") left center no-repeat;
    float: left;
    width: 40px;
    min-height: 37px;
}
#cookie_tresc {
    float: left;
    margin-left: 10px;
	font-size: 11px;
}
#cookie_tresc p a {
	color: #ffffff;
}
#cookiesBar p {
    margin: 2px 0;
    line-height: 16px;
	font-size: 11px;
}
#cookiesBarClose {
    display: block;
    width: 20px;
    height: 19px;
    background: url("/blog/wp-content/uploads/btn-close1.png") 0 0 no-repeat;
    text-indent: -999em;
    position: absolute;
    top: 9px;
    right: 0;
}
	
/* vmMart */
#vmMainPage strong { font-weight: bold; }
#vmMainPage  h2 { margin: 0; font-size: 1.8em; font-weight: 200; padding: 0.7em 1em 0.65em; background: #7ab6c1; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); margin-bottom: 1em; }
#vmMainPage  h3 { font-weight: 800; font-size: 1.4em; color: #666; margin: 1.5em 1.2em 0.7em; }
#vmMainPage  h4 { color:#000; line-height:2em;} /*@kamyk #vmMainPage  h4 { margin: 0 1.8em 1em; } */
a.continue_link, a.checkout_link  { font-size: 1em; display: inline-block; margin: 1em 0; padding: 0.7em 1.2em 0.7em 3em; background-position: 0.5em center; border-radius: 6px; background-color: #62a1ac; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); text-decoration: none; font-weight: 400; width: auto; }
a.continue_link:hover, a.checkout_link :hover { background-color: #7ab6c1; }

#vmMainPage hr, #vmMainPage table { margin: 0 1.8em 1em; clear: both; }
#vmMainPage table { width: auto; background: rgba(255,255,255,0.7); margin-bottom: 1.8em; }
#vmMainPage table hr { margin: 0; }
#vmMainPage td, #vmMainPage th { padding: 20px 30px; vertical-align: middle; }
#vmMainPage tr.sectiontableentry1 { background: #e7e7e7; }
#vmMainPage tr.sectiontableentry3 { background: #ffcc44; }
#vmMainPage tr:last-child { border-bottom: none !important; }
#vmMainPage .browseProductContainer { padding: 0 !important; margin: 0; background: #fff; width: auto; overflow: hidden; }
#vmMainPage .browseProductContainer div { float: none; padding: 1em; }
#vmMainPage .browseProductContainer p { margin: 0 0 1em 0; }
#vmMainPage .browseProductContainer p:last-child { margin-bottom: 0; }
#vmMainPage h3 { clear: both; float: none; width: auto; }
#vmMainPage h3.browseProductTitle { margin: 0; font-size: 1.2em; font-weight: 500; padding: 0.7em 1em 0.65em; background: #7ab6c1; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); }
#vmMainPage h3.browseProductTitle a { color: #fff; text-decoration: none; }
#vmMainPage div.browseProductImageContainer { float: right; margin: 0 0 0 2em; max-width: 50%; width: auto; }
#vmMainPage div.browseProductImageContainer img{ max-width: 100%; width: auto; float: none; margin: 0; }
#vmMainPage .browseProductDescription { width: auto; margin-top: 0; }
.browsePriceContainer br { display: none; }
.browsePriceContainer { width: auto; margin: 0; }
.browsePriceContainer span { display: block; }
.productPrice { white-space: initial; }
.browseRatingContainer { display: none; }
.browseAddToCartContainer { display: none; }
#product_list, #featuredProducts { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 1.8em; }
@supports not (flex-wrap: wrap) {
	#product_list, #featuredProducts { display: block; }
	#product_list > div, #featuredProducts > div { float: left; }
	#product_list > div:nth-child(2n+1), #featuredProducts > div:nth-child(2n+1) { clear: right; margin-right: 4%; }
	#product_list , #featuredProducts  { overflow: hidden; }
}
#product_list > div[id] { width: 48%; margin-bottom: 1.8em; }
#featuredProducts > div[id] { width: 30%; margin-bottom: 1.8em; }
.pathway { font-size: 0.9em; font-style: italic; margin-top: -0.7em; padding-bottom: 0.7em;  }
.pathway a { padding-right: 0.8em; }
.pathway a:after { content: ' > '; position: absolute; padding-left: 0.3em; color: #777; text-decoration: none; }

.productNav { font-size: 0.8em; clear: both; }
.productNav a { float: none; margin: 0.3em; }
.productNav span { margin-left: 2em; }
.vmRecentDetail, .vmCartContainer { margin: 0 1.8em 1.8em; }
.vmCartContainer { overflow: hidden; border: none; background: none; padding: 0; font-size: 1.2em; }
.addtocart_form { width: auto; display: block; white-space: initial; }
.vmRowTwo { background: none; }
.vmCartChild { border: none; padding: 0 !important; margin: 0 !important; float: none; }
.vmAttribChildDetail { float: left; margin-right: 1em; }
form input.addtocart_button[type=submit] { font-size: 1em; padding-left: 60px; background-image: url(/blog/wp-content/uploads/cart1.png); background-repeat: no-repeat; background-position: 15px center; margin-top: 1em; }
.addtocart_button, .notify_button { width: auto; height: auto; }

.formLabel { font-weight: 300; margin-top: 13px; }
article section.single .formField img { float: left; }
.formField  input { float: left; }
form[name=adminForm] { margin-left: 0; margin-right: 0; }
#vmMainPage  table.compact { background: transparent; }
#vmMainPage  table.compact td { padding: 0 1em 0.2em 0; }
#vmMainPage  table.compact th { padding-left: 0; padding-right: 0; }

/* messages */
.cbContainer { background: #e5e5e9 url(/blog/wp-content/uploads/billie_holiday1.png) repeat top center; border-width: 1px; box-shadow: 0 0 300px #999; }
.cbContainer h2 { text-align: left; }
.cbBox { background-color: rgba(255,255,255,0.7); }
.cbBox, .cbContainer { height: auto !important; padding: 0; }
.cbBox h3 { padding: 13px; background: #ffcc44; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); }
.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip { background-color: transparent; padding: 13px; margin: 0; border: none; font-weight: 300; }
h2.shop_error, h2.shop_warning, h2.shop_info, h2.shop_debug, h2.shop_critical, h2.shop_tip { padding: 0.5em 0 0.5em 3.5em; margin: 1em 1.8em; }
.cbButtons { margin: 1em 0; background-color: transparent !important; }
.cbButtons input[type=button] { padding: 0.7em 1.2em; border: none; border-radius: 6px; background: #62a1ac; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); text-decoration: none; font-weight: 400; }
.cbButtons input[type=button]:hover { color: #62a1ac; background: rgba(255,255,255,0.95); text-shadow: 0 1px 0 #ffffff; cursor: pointer; }

.adminlist { font-weight: 300; }
.adminlist strong { font-weight: bold; }

	@media screen and (max-width: 1150px) {
		#product_list > div[id] { width: 100%; }
		#featuredProducts > div[id] { width: 48%; }
	}
	@media screen and (max-width: 880px) {
		#featuredProducts > div[id] { width: 100%; }
	}
	@media screen and (max-width: 400px) {
	}

.flash_crash {
	padding: 20px 20px 20px 40px;
	background: #e70e2d url(/images/x.png) no-repeat 20px center; 
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	font-weight: normal;
	font-size: 12px;
}
.columns_3 {
	-webkit-columns: 3;
	-moz-columns: 3;
    columns: 3;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;	
}

.tabbed {
	position: relative;
	width: 440px;
	height: 100px;
	text-align: right;
}
.tabbed ul li {
	float: none;
	display: inline-block;
}
.tabbed  input[type="radio"] {
	display: none;
}
.tabbed li > label  {
	font-size: 14px;
	display: inline-block;
	padding: 5px 10px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #70a6b0;
	background: #62a1ac;
	position: relative;
	z-index: 4;
}
.tabbed li > label[for="tab2"] {
	background: #82979b;
}
.tabbed .tab_content {
    z-index: 2;
    display: none; 
    overflow: hidden;
    width: 100%;
	height: 56px;
    position: absolute;
    top: 24px;
    right: 0; 
	background: #62a1ac;
	border: 1px solid #70a6b0;
	padding: 5px;
}
.tabbed .tab_content#tab_content2 {
	background: #82979b;
}
.tabbed [id^="tab"]:checked + label { 
    /* background: #62a1ac; */
}
.tabbed [id^="tab"]:checked ~ [id^="tab_content"] {
    display: block;
}
.tabbed [id^="tab"]:target ~ [id^="tab_content"] {
	display: block;
	z-index: 200;
}

#remaining { margin-bottom: 1em; }
#remaining .warning { color: red; }

@media (max-width: 700px) {
	.columns_3 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;	
	}
}
