z/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #343434;
    font-size: 1em;
    line-height: 1.4;
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    

}
 a,
    a:visited {
        text-decoration: none;
        color: #343434;
    }
    a:hover {
    	text-decoration:none;
    	
    }
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

nav{
	background:white;
	position:fixed;
	top:0;
	width:100%;
	z-index: 9999;
	-webkit-box-shadow: 0px 3px 18px -7px rgba(107,107,107,1);
-moz-box-shadow: 0px 3px 18px -7px rgba(107,107,107,1);
box-shadow: 0px 3px 18px -7px rgba(107,107,107,1);
}
#site-navigation-home {
	background:url(../img/blenda-menu.png) repeat-x;
	-webkit-box-shadow:none;;
-moz-box-shadow: none;
box-shadow:none;
	
}
.menupos{
	float:right;width:auto;text-align:left
}
#logo-menu{
	position:relative;
	float:left;
}
#logo{
	
	margin-right:10px;
	width:60px;
	margin-top:7px;
}
#site-navigation-home #logo{
	
	margin-right:10px;
	width:110px;
	margin-top:7px;
}
#site-navigation-home #logo-menu{
	position:relative;
	float:left;
}
#site-navigation-home ul li a{
	color:white;
}
#site-navigation-home ul li ul li a, #site-navigation-home ul li ul li ul li a{
	color:black;
}
#menu_grid{
	float:right;
	min-width:calc(100% - 87px);
	text-align:right;
}
#menu_grid_2{
	float:right;
	min-width:calc(100% - 120px);
	text-align:right;
}
nav ul {
	list-style:none;
	margin:0;
	padding:0;
	font-family: 'Signika', sans-serif;
}
nav ul li:nth-child(2){
	border-left:1px solid #e9eaec;
}
nav ul li {
	border-top:5px solid white;
	display:inline-block;
	font-size:1vw;
	border-right:1px solid #e9eaec;
	margin-top:0px;
	font-weight:300;
	
}
#site-navigation-home  ul li{
	border-right:1px solid transparent;
	border-left:none !important;
	border-top:5px solid transparent;
}
nav ul li:nth-child(n+7){
	border-right:none;
	padding-left:20px;
	padding-right:20px;
}
nav ul li ul li:nth-child(n+7){
	
	padding-left:0;;
}

nav ul li ul li, nav ul li ul li ul li {
	border-right:none;
	white-space:nowrap;
	padding-right:20px;
}
nav ul li ul li ul li {
	height:auto;
	border-right:none;
	white-space:nowrap;
	padding-right:20px;
	width:auto;
}

nav ul li a{
	display:inline-block;
	padding: 22px 15px 20px 15px;
}
nav ul li ul a {
	display:inline-block;
	padding: 12px 20px 12px 20px;
}
nav ul li a , nav ul li a:visited {
	color:#343434;
	text-decoration:none;
}

nav ul li:hover, #site-navigation-home ul li:hover {
	border-top:5px solid #5c9d22;
}
nav ul li:nth-child(n+8):hover{
	border-top:5px solid white;
	
}
nav ul li ul li:hover, #site-navigation-home  ul li ul li:hover {
	border-top:5px solid white;
}

.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	border-top:5px solid green;
	
	margin-top:-5px;
}
#napis_elipsy{
	color:white;
	font-size:2em;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:25px;
	
}
#search{
	width:70px;
	border:none;
	border-bottom: 1px solid #f0f0f0;
	color:black;
	background-image:url('../img/search.png');
	
	background-repeat:no-repeat;
	background-position:0px 14px;
	background-size:20px 23px;
	padding-left:20px;
	padding-top:12px;
}
#lang_choice_1, #lang_choice_1 option {
	text-transform:uppercase !important;
}
 select {
    padding:3px;
    margin: 0;
    font-size:16px;
    background: transparent !important;
    color:#343434;
    font-weight:300;
    border:none !important;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
.label_lang2 select {
color:white !important;

}
.label_lang2  option {
color:black !important;

}
.label_lang2 select option {
color:black !important;

}

.genus-simplified-name
{
    display:none;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

.label_lang label {position:relative}
.label_lang:after {
    content:url('../img/img-selector.png');
    left:30px; top:4px;
    padding:0 0 2px;
    border-bottom:none;
    position:absolute;
    pointer-events:none;
}
.label_lang2:after {
    content:url('../img/img-selector_w.png');
    left:30px; top:4px;
    padding:0 0 2px;
    border-bottom:none;
    position:absolute;
    pointer-events:none;
}
.label_lang label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:transparent;;
    position:absolute;
    pointer-events:none;
    display:block;
}




.wrapper_menu{
	width:100%;
	max-width:1124px;
	position:relative;
	padding:0px 50px 0px 50px;
	margin:auto;
	z-index: 1;
}
.wrapper_menu.transparent{
	color:white;
}
.wrapper{
	width:100%;
	max-width:1124px;
	position:relative;
	padding:30px 50px 30px 50px;
	margin:auto;
	z-index: 1;
}
.white{
	width:1024px;
	margin-top:30px;
	background:white;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
.szary{
	color:#8f8f8f;
}
.column_left_40{
	position:relative;
	float:left;
	width:40%;
	padding-right:10%;
}
/* freshmail */
.form_subscribe p {
	
}
#fm_form_1{
	padding:0 0 0 0 !important;
}
.field {
	margin:-10px 0 10px 0 !important;
}
.form_subscribe_button {
	margin-top:10px !important;
}
.logo_szkolka{
	max-height:200px;
	max-width:100%;
}
.column_right_60{
	position:relative;
	float:left;
	width:60%;
	color:#444444;
	
}
.okladka{
	width:300px;
	float:right;
}

#breadcrumbs_container{
	position:absolute;
	
	top:0px;
	left:10px;
	z-index: 9997;
}
#breadcrumbs-after{
	position:relative;
	width:100%;
	height:40px;
}

.breadcrumb { 
  list-style: none; 
  overflow: hidden; 
  font: 14px Helvetica, Arial, Sans-Serif;
  margin: 40px;
  padding: 0;
}
.breadcrumb li { 
  float: left; 
}
.breadcrumb li a , .breadcrumb li span{
  color:#707070;
  text-decoration: none; 
  padding: 10px 0 10px 55px;
 
  background: white;
  position: relative; 
  display: block;
  float: left;
}
.breadcrumb li a:after, .breadcrumb li span:after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}	
.breadcrumb li a:before, .breadcrumb li span:before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #e9eaec;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
}	
.breadcrumb li:first-child a {
  padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:        white; }
.breadcrumb li:nth-child(2) a:after { border-left-color: white; }
.breadcrumb li:nth-child(3) a       { background:        white; }
.breadcrumb li:nth-child(3) a:after { border-left-color: white; }
.breadcrumb li:nth-child(4) a       { background:        hsla(120, 5%, 96%, 1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(120, 5%, 96%, 1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(120, 5%, 96%, 1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(120, 5%, 96%, 1); }


.breadcrumb li a:hover { background: hsla(108, 85%, 25%, 1); color:white; }
.breadcrumb li a:hover:after { border-left-color: hsla(108, 85%, 25%, 1) !important; color:white; }

.arrows { white-space: nowrap; }
.arrows li {
    display: inline-block;
    line-height: 26px;
    margin: 0 9px 0 0px;
    padding: 0 20px;
    position: relative;
    border-left:1px solid #e9eaec;
    border-top:1px solid #e9eaec;
    border-bottom:1px solid #e9eaec;
   
    z-index: 8999;
}
.arrows li::after{
	content:"";
	display:inline-block;
	width: 0;
	height: 4px;
	border-top: 10px solid transparent;
	border-left: 15px solid red;
	border-bottom: 10px solid transparent;
	z-index: 9000;
}



.arrows li a { 
   font:12px ;  
   letter-spacing: -1px; 
   text-decoration: none;
}

.arrows li:nth-of-type(1) a { color: hsl(0, 0%, 70%); } 
.arrows li:nth-of-type(2) a { color: hsl(0, 0%, 65%); } 
.arrows li:nth-of-type(3) a { color: hsl(0, 0%, 50%); } 
.arrows li:nth-of-type(4) a { color: hsl(0, 0%, 45%); } 

.breadcrumb li:last-child a{
	padding-right:25px;
} 

#prev_school{
	position:relative;
	display:inline-block;
	width:60px ;
	height:60px ;
	background:url(../img/prew.png) no-repeat;
	float:right;
	
}
#prev_school.inactive{
		background:url(../img/prew_inactive.png) no-repeat !important;

}
#next_school{
	position:relative;
	display:inline-block;
	width:60px ;
	height:60px ;
	background:url(../img/next.png) no-repeat;
	margin-left:10px;
	float:right;
}
#next_school.inactive{
		background:url(../img/next-inactive.png) no-repeat;

}
.szkolki-select{
	position:relative;
	width:calc(25% - 10px);
	margin-right:10px;
	color:#388a3a;
	border:1px solid #d8d8d8;
	border-radius:4px;
	float:left;
	line-height: 40px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:right;
	background-image:url(../img/gray_down.png);
	cursor:pointer;
	font-size:.8em;
}
.szkolki-select2{
	position:relative;
	width:100%;
	margin-right:10px;
	color:#388a3a;
	border:1px solid #d8d8d8;
	border-radius:4px;
	float:left;
	line-height: 40px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:right;
	background-image:url(../img/gray_down.png);
	cursor:pointer;
	font-size:.8em;
}
.szara_ramka{
	position:relative;
	width:100%;
	margin-right:10px;
	color:#7b7b7b;
	border:1px solid #d8d8d8;
	border-radius:4px;
	margin-top:15px;
	line-height: 40px;
	text-align:center;
}
#copy2{font-size:.8em;}
#discipline{
	background:url(../img/disc_logo.png) no-repeat;
	position:relative;
	width:107px;
	height:27px;
	float:right;
	margin-bottom:20px;
	-moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}
#discipline:hover{
	background:url(../img/disc_logo_hover.png) no-repeat;
	-moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}

.minimapka{
	position:relative;
	width:100%;
	height:250px;
	margin-bottom:15px;
	
}
.wyszukiwanie-zaawansowane {
	margin-top:15px;
}
.wyszukiwanie-zaawansowane td {
	padding-bottom:10px;
}
.wyszukiwanie-zaawansowane td:first-child{
	text-align:right;
	width:40%;
	padding-right:10px;
	font-size:.9em;
}
.wyszukiwanie-zaawansowane td:last-child{
	padding-right:30px;
}
.linkazielona:link, .linkazielona:visited{
	color:#388a3a;
}
.linkazielona:hover{
	text-decoration:underline;
}
.kontakt-box{
	width:100%;
	position:relative;
	color:#444444;
}
#dublet{
	position:relative;
	width:100%;
	margin-top:200px;
	
	
}
.polowa{
	width:50% !important;
	position:relative;
	float:left;
	background:#f2fceb;
	min-height:500px;
}
.polowa2{
	width:50% !important;
	position:relative;
	float:left;
	background:#d2e7c4;
	min-height:500px;
}
.linia_lewa{
	margin-top:40px;
	width:340px;
	position:relative;
	float:right;
	background-image:url(../img/linia_lewa.png);
	background-repeat:no-repeat;
	background-position:right;
	height:10px;
	padding-top:110px;
	color:#343434;
}
.linia_lewa:hover{
	background-image:url(../img/linia_lewa_hover.png);
	color:#5c9d22;transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
	
}
.linia_prawa{
	margin-top:40px;
	width:340px;
	position:relative;
	float:left;
	background-image:url(../img/linia_prawa.png);
	background-repeat:no-repeat;
	background-position:left;
	height:10px;
	padding-top:110px;
	color:#343434;
	text-align:right;
}
.linia_prawa:hover{
	background-image:url(../img/linia_prawa_hover.png);
	color:#5c9d22;transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.linia_prawa.linia_prawa_on{
	background-image:url(../img/linia_prawa_hover.png);
}
.linia_lewa_on{
	background-image:url(../img/linia_lewa_hover.png);
}
#pinezka{
	position:absolute;
	top:-120px;
	left:calc(50% - 115px);
}
#wyszukiwarka{
	width:800px;
	position:absolute;
	top:190px;
	left:calc(50% - 400px);
	height:250px;
	background:#f7fbf4;
	border-radius:4px;
	text-align:center;
	padding-top:30px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
#szukasz{
	margin-bottom:10px;
	font-size:16px;
}

.alfabetycznie{
	position:absolute;
	bottom:44px;
	background:#81c654;
	width:100%;
	padding:10px 0 10px 0;
	
}
.wyszukaj_rodzaj {
	
	position:absolute;
	bottom:0px;
	width:100%;
	padding:10px 0 10px 0;
	color:white;
	background:#619e31;
	z-index: 9999;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	
}
.alfabetycznie a div{
	position:relative;
	width:100%;
	height:20px;
	text-align:center;
	color:white;
}
#zielona-belka{
	position:relative;
	background:#38893a;
	
	height:68px;
	padding:15px 30px 15px 30px;
	width:100%;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	color:white;
	
}
#zapiszsie{
	position:relative;
	width:100%;
	min-height:50px;
	
	
}
.wysija-submit{
	background:#ff7200 !important;
	color:white !important;
	border:1px solid #ff7200 !important;
	display:inline;
	margin-left:100px;
	position:absolute;
	height:34px !important;
	top:-20px;
	right:20px;
	cursor:pointer;
	font-size:20px !important;
	line-height:34px !important;
	padding:0 10px 0 10px !important;
}
.wysija-submit:hover{
	background:white !important;
	color: #ff7200 !important;
}
.wysija-input{
	width:80%;
	height:34px !important;
	background:#403e3e !important;
	border:none !important;
	color:white !important;
	border-radius:6px !important;
	padding-left:10px !important;
}
.wysija-input:focus, #search:focus {
  border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.wysija-paragraph{
	display:inline;
}
.zaloguj{

	background-color:transparent;
	background-image:url('../img/zaloguj.png');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	background-size:20px auto;
	border:none;
	margin-left:20px;
	margin-top:20px !important;
	display:inline-block;
	
	
}
.wyloguj{
	background-color:transparent;
	background-image:url('../img/wyloguj.png');
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	background-size:20px auto;
	border:none;
	margin-left:20px;
	margin-top:20px !important;
	display:inline-block;
	
}
.zaloguj:hover, .wyloguj:hover{
	text-decoration:underline;
}
#rozdzielacz{
	
	position:relative;
	margin-top:40px;
	height:30px;
	margin-left:0px;
	padding:5px;
	border-left:1px solid #afcb96;
	display:inline;
	content:"";
}
#czlonek-info{
	position:relative;
	background:white;
	z-index:9998;
	width:100% !important;
	height:60px;
	line-height: 60px;
	text-align:left;
	margin-top:68px;
	font-size:.8em;
	text-align:center;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}

.OK {
	color:#388a3a;
}
.NO{
	color:red;
}
#serch-box{
	position:fixed;
	top:150px;
	left:calc(50% - 150px);
	padding: 5px 50px 25px 50px;
	border-radius:30px;
	border:1px solid #afcb96;
	background:white;
	text-align:left;
	display:none;
	z-index: 8;	
}
#serch-box input {
	border:1px solid #afcb96;
	border-radius:5px;
	margin-bottom:-5px;
}
#serch-box button {
	border:1px solid #afcb96;
	border-radius:5px;
	background:#afcb96;
	color:white;
	margin-top:15px;
	font-size:1em;
}
#serch-box label {
	font-weight:300;
	font-size:1.1em;
	margin-left:10px;
}
.search-box-start{
	border:none;
	background:transparent;
	width:45px;
	margin-left:10px;
	margin-top:12px;
	
}

#logowanie{
	position:absolute;
	top:150px;
	left:calc(50% - 150px);
	padding: 25px 50px 25px 50px;
	border-radius:30px;
	border:1px solid #afcb96;
	background:white;
	text-align:center;
	display:none;
	z-index:10;
}
#logowanie input {
	border:1px solid #afcb96;
	border-radius:5px;
	margin-bottom:5px;
}
#logowanie button {
	border:1px solid #afcb96;
	border-radius:5px;
	background:#afcb96;
	color:white;
	margin-top:20px;
	font-size:1em;
}
#logowanie button:hover, #serch-box button:hover{
	background:white;
	color:#afcb96;
}
#logowanie-close, #search-close{
	position:absolute;
	top:10px;
	right:20px;
	color:#afcb96;;
}
#mapa{
	margin-top:15px;
	position:relative;
	width:100%;
	height:auto;
	min-height:450px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
#opcje_wyszukiwania{
	margin-top:15px;
	position:relative;
	width:100%;
	height:auto;
	padding:15px 30px 15px 30px;
	background:white;
	--webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
#opcje_wyszukiwania h2 {
	margin-bottom:15px;
}
h2 a:hover {
	color:#38893a;
}
.kontakt_box{
	margin:15px;
	position:relative;
	width:calc(50% - 30px);
	height:auto;
	padding:15px;
	background:white;
	border-radius:4px; 
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	float:left;	
	font-size:.85em;
	
}
.kontakt_box a {
	color:#388a3a;
}
.kontakt_foto{
	width:155px;
	float:left;
	margin-right:15px;
}
.kontakt_tytul{
	font-size:1.5em;
	font-family: 'Signika', sans-serif;
	margin-bottom:18px;
}
.panel_white{
	margin-top:15px;
	position:relative;
	width:100%;
	height:auto;
	padding:15px 30px 15px 30px;
	background:white;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
.panel_white2{
	margin-bottom:5px;
	position:relative;
	border-radius:4px;
	width:100%;
	height:auto;
	padding:20px;
	background:white;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
.download {
	line-height:60px;
	color:white;
	text-align:center;
	position:relative;
	background:#96cd7c;
	width:100%;
	border-radius:5px;
	margin-bottom:5px;
}
.download-img{
	margin-right:20px;
}
#lista-szkolek, .lista-szkolek{
	margin-top:15px;
	position:relative;
	width:100%;
	height:auto;
	background:white;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	
}
#lista-szkolek ul, .lista-szkolek ul {
	list-style: none;
	display:block;
	margin: 0;
	padding:0;
}
#lista-szkolek ul li, .lista-szkolek ul li {
	position:relative;
	width:100%;
	padding:15px 5% 15px 5%;

}
#lista-szkolek ul li:nth-child(odd), .lista-szkolek ul li:nth-child(odd){
	background:#f7fbf4
}
#lista-szkolek ul li:nth-child(even), .lista-szkolek ul li:nth-child(even){
	background:#e7f2df
}
ul.lista-kolory  {
	list-style:none;
	width:100%;
	
	padding:0;
	margin:0;
}
.lista-kolory li:nth-child(odd){
	background:white;
	padding:20px;
	color:#444444;
}
.lista-kolory li:nth-child(even){
	background:#f7fbf4;
	padding:20px;
	color:#444444;
}
.roslina-foto{
	position:relative;
	width:120px;
	height:120px;
	background-color:#d0dcc6;
	border-radius:60px;
	background-position:center;
	background-size:cover;
	float:left;
	margin-right:30px;
}
.opis-kontener{
	position:relative;
	float:left;
	width:calc(100% - 150px);
	height:auto;
	
}
.opis-roslinki{
	font-size:.8em;
	color:gray;
	line-height:1.2em;
	margin-top:5px;
	margin-bottom:5px;
}
ul.inspiracje_wiecej{
	list-style:none;
	margin:0;
	padding:0;
	
}
ul.inspiracje_wiecej li {
	position:relative;
	margin-top:25px;
	width:24%;
	margin-right:1%;
	height:270px;
	padding-top:170px;
	text-align:center;
	background:white;
	float:left;
}
ul.inspiracje_wiecej li:nth-child(4n){
	margin-right:0;
	width:25%;
}
.pipe{
	background:#cdcfca;
	width:1px;
	height:15px;
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	
		
}
.inspiracje_foto{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:150px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	
}
.nazwa{
	padding-top:10px;
	font-weight:600;
}
.licznik{
	position:absolute;
	width:40px;
	height:40px;
	background:#81c554;
	color:white;
	font-size:18px;
	line-height:40px;
	border-radius:20px;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
}
.szkolki-select:hover{
	border:1px solid #388a3a;
}

.szkolki-select-submenu{
	width:100%;
	background:white;
	position:absolute;
	display:none;
	left:0;
	top:41px;
	height:auto;
	padding-bottom:5px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	z-index: 1;
}
.szkolki-select-submenu ul {
	list-style: none;
	display:block;
	margin:0;
	padding:0;
}
.szkolki-select-submenu ul li, .szkolki-select-submenu ul li a {
	color:#388a3a;
	text-decoration: none;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	display:inline-block;
}
 .szkolki-select-submenu ul li:hover{
	background:#388a3a;
	color:white !important;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	border-radius:6px;
} 
 .szkolki-select-submenu ul li:hover a {
 	color:white;
 }
.ostatni{
	width:25%;
	margin-right:0;
}
.inspiracje_main{
	position:relative;
	width:100%;
	background-position:top center;
	background-size:contain;
	background-repeat:no-repeat;
	overflow: hidden;
	
}
	
.inspiracje_main:after {
  content: "";
  display: block; 
}
.marker{
	position:absolute;
	width:57px;
	height:70px;
	text-align:center;
	color:white;
	font-size:24px;
	padding-top:6px;
	background:url(../img/marker.png) no-repeat;
	cursor:pointer;
	
}
.select-clear{
	background-image:url(../img/gray_clear.png);
	border:1px solid #388a3a;
}
.schowaj{
	border:1px solid #82b968;
	border-radius:4px;
	padding-left:20px;
	padding-right:20px;
	line-height:40px;
	text-align:center;
	background-image:url(../img/white_up.jpg);
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
	
}
.schowaj2{
	border:1px solid #82b968;
	border-radius:4px;
	padding-left:10px;
	padding-right:10px;
	line-height:40px;
	text-align:center;
	background-image:url(../img/white_down.jpg);
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
	
}

.down {
	background-image:url(../img/white_up.jpg);
}
.column50{
	width:50% !important;
	position:relative;
	float:left;
	text-align:left;
	
}

#szkolki-search{
	position:relative;
	display:inline-block;
	background:white;
	border-radius:0;
	border:none;
	border-left:1px solid #9e9e9e;
	border-top:1px solid #9e9e9e;
	border-bottom:1px solid #9e9e9e;
	box-sizing: border-box;
	width:75%;
	-webkit-appearance: none;
	padding:0;
	font-size:16px;
	padding-left:20px;
	line-height:38px !important;
	
}
#szkolki-button{
	position:relative;
	display:inline-block;
	box-sizing: border-box;
	border:none;
	border-radius:0;
	background:white;
	padding:0 !important;
	border-right:1px solid #9e9e9e;
	border-top:1px solid #9e9e9e;
	border-bottom:1px solid #9e9e9e;
	width:40px;
	margin-left:-5px;
	line-height:41px !important;
	height:40px;
	

}
input::-webkit-input{
	line-height:38px !important;height:40px !important;
}
#search_img{
	height:28px;
}
#szkolki-search:focus{
 outline:none;
}
.maps-logo{
	max-width:80px;
	max-height:70px;
	margin-left:10px;
	position:relative;
	float:right;
	
	
}

.slider{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:250px;
	margin-bottom:30px;
	position:relative;
	color:white;
	text-align:center;
}
.tytul_slide{
	font-size:4em;
	font-weight:400;
	font-family: 'Signika', sans-serif;
}
.subtytul{
	font-size:1.9em;
	font-weight:300;
	font-family: 'Signika', sans-serif;
}
.wiecej{
	margin-top:20px;
	height:50px;
	border:1px solid #c13081;
	border-radius:25px;
	background:#c13081;
	color:white;
	padding:0 20px 0 20px;
	font-weight:400;
	font-size:.9em;
	transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.wiecej2{
	margin-top:20px;
	height:50px;
	line-height:50px;
	border:1px solid #c13081;
	border-radius:25px;
	background:#c13081;
	color:white;
	padding:0 20px 0 20px;
	font-weight:400;
	font-size:.9em;
	transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.wiecej:hover, .wiecej2:hover{
	color:#c13081;
	background:white;
	webkit-box-shadow: inset 0px 0px 37px -28px rgba(193,48,129,1);
-moz-box-shadow: inset 0px 0px 37px -28px rgba(193,48,129,1);
box-shadow: inset 0px 0px 37px -28px rgba(193,48,129,1);
	transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.green {
	background:#81c654;
	border:1px solid #81c654;
	transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.green:hover{
	color:#81c654;
	background:white;
	-webkit-box-shadow: inset 0px 0px 52px -16px rgba(129,198,84,1);
-moz-box-shadow: inset 0px 0px 52px -16px rgba(129,198,84,1);
box-shadow: inset 0px 0px 52px -16px rgba(129,198,84,1);
transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.green-text{
	color:#388a3a;
}
.gray-text{
	color:#bbbbbb;
}
#polska{
	width:100%;
	height:125px;
	line-height:125px;
	color:black;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	background-image:url(../img/polska.png);
	background-repeat:no-repeat;
	background-position:center;
}
#szukaj_rosliny{
	border:1px solid #81c654;
	background:url(../img/transp.png);
	font-size:1em !important;
	padding:3px 10px 2px 10px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	line-height:40px;
	width:80%;
	
}
#szukaj_rosliny:focus{
	 border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
#szukaj_rosliny_button{
	border:none;
	border-top:1px solid #81c654;
	border-right:1px solid #81c654;
	border-bottom: 1px solid #81c654;
	background:#81c654;
	color:white;
	font-size:1em !important;
	padding:3px 10px 2px 10px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	line-height:40px;
	margin-left:-7px;
}
#szukaj_rosliny_button:hover{
	background:white;
	color:#81c654;
	transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}
#green-zone{
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
	min-height:200px;
	background-image:url(../img/green_zone.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin:auto;
	background-size:100% 100%;
	position:relative;
}
#green-zone-2{
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	position:relative;
	background:#d2e7c4;
	
}
#green-zone-3{
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	position:relative;
	background:#e6f6db;
	padding-bottom: 30px;
	
}
#green-zone-4{
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	position:relative;
	background:#f2fceb;
	padding-bottom: 30px;
	
}
#green-zone-2_5{
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	position:relative;
	background:#f2fceb;
	padding-bottom: 10px;
	
}

.videoContainer video {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
#green-zone-5{
	padding-top:50px;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	position:relative;
	background:#e7f2df;
	padding-bottom: 30px;
}
#shadow{
	position:relative;
	width:auto;
	height:auto;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
.roslina-lewa{
	position:relative;
	float:left;
	width:50%;
	padding-left:30px;
	padding-right:30px;
	min-height:450px;
	background:white;
	text-align:center;
	padding-top:30px;
	
}
.roslina_rounded{
	margin-left:auto;
	margin-right:auto;
	width:150px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:75px;
	height:150px;
	margin-top:20px;
	
}
.roslina-video{
	position:relative;
	float:right;
	width:50%;
	min-height:450px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	
}
#play{
	position:absolute;
	left:calc(50% - 33px);
	top:185px;
}
.elipsa{
	position:relative;
	float:left;
	width:25%;
	/*background-image:url(../img/elipsa.png);
	background-repeat:no-repeat;
	background-position:top center;*/
	padding-top:60px;
	color:white;
	font-size:1em;
	text-align:center;
	line-height: 1.3em;
	transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}.elipsa:hover{
	color:#adef81;
	transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.elipsa:after{
	content:"";
	display:block;
	padding-bottom:calc(50% - 60px);
}

.elipsa > canvas{
	position:absolute;
	top:0;
	left:0;
	margin: 11% 3% 0 3%;
}
.center{
	text-align: center;	
}
.title1{
	font-weight:600;
	font-size:1.2em;
	line-height:1.6em;
}
.title2{
	font-weight:700;
	font-size:1.9em;
	line-height:1.1em;
}
.iko{
	width:80px;
	height:80px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
	border-radius:40px;
	position:absolute;
	top:0;
	right:0;
}
.number{
	position:relative;
	color:#d2e7c4;
	font-size:5em;
	font-family: 'Noto Serif', serif;
	font-style:italic;
}
.nazwa_katalogu{
	text-transform: uppercase;
	position:relative;
	margin-top:-60px;
}

#lightbox-cover{
	position:fixed;
	min-height:100%;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index: 100;
	background:rgba(0, 0, 0, 0.6);
	display:none;
}

#lightbox-close{
	position:relative;
	text-align:right;
	height:20px; /* nie usuwać potrzebne */
}

#lightbox-wrapper{
	padding:0px 10px 20px 10px;
	background:rgba(0, 0, 0, 0.8);
	text-align:right;
}

#lightbox-content{
	display:none;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 20px;
    height:20px;
}

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}
.aktualnosc h2{
	
	margin-top:15px;
	margin-bottom:10px;
}
ul.aktualnosc {
	margin:0;
	padding:0;
}
.aktualnosc li a:hover{
	color:green;
}
ul.aktualnosc li {
	padding:0;
	margin:0;
}
ul.aktualnosc li:first-child{
	padding:0;
	list-style: none;
	display:block;
	float:left;
	width:calc(50% - 15px) !important;
	overflow: hidden;
	margin-right:15px;
	text-align:left;
}
ul.aktualnosc li:last-child{
	padding:0;
	list-style: none;
	display:block;
	float:left;
	width:calc(50% - 15px) !important;
	overflow: hidden;
	margin-left:15px;
	text-align:left;
}
ul.aktualnosc2 {
	margin:0;
	padding:0;
	list-style: none;
}
ul.aktualnosc2 li{
	
	
}
.aktualnosc-data{
	background:#008a3d;
	color:white;
	font-weight:300;
	font-size:.8em;
	padding:5px 10px 5px 10px;
	min-width:100px;
}
.aktualnosc_image_container {
		width: 100% !important;
		height: 250px;
		overflow: hidden;
	}
.aktualnosc_image_container2 {
		position:relative;
		width: 240px;
		height: 200px;
		overflow: hidden;
		float:left;
		margin-right:20px;
}
.aktualnosc_image_container3 {
		position:relative;
		width: 100%;
		height: 250px;
		overflow: hidden;
		float:left;
		margin-bottom:20px;
		
}
.aktualnosc_image_container4 {
		width: 200 !important;
		height: 150px;
		overflow: hidden;
	}
.aktualnosci-data{
	position:relative;
	padding:1px 10px 1px 10px;
	background:#008a3d;	
	line-height:18px;
	border-radius:10px;
	width:auto;
	text-align:center;
	color:white;
}
.aktualnosci-tytyul{
	font-size:1.6em;
	margin-top:10px;
	margin-bottom:10px;
}
.akt_wiecej{
	position:absolute;
	bottom:20px;
	right:20px;
}
.aktualnosc_image {
	position: relative;
	width: 100% !important;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
}
.aktualnosc_image2 {
	position: relative;
	width: 100% !important;
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
}
.aktualnosc_image:hover {
	overflow: hidden;
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */
}
.czytaj_wiecej:link, .czytaj_wiecej:visited {
	color:#388a3a;
}
.czytaj_wiecej:hover{
	color:black;
}
footer{
	position:relative;
	width:100%;
	background:#322f2f;
	height:auto;
	min-height:260px;
	color:#c0c0c0;
	font-size:1.3em
	line-height:1.2em;
}

.link:link, .link:visited{
	color:#707070;
	font-size:.8em;
	line-height:1.2em;
	
}

.footer_tresc{
	color:#707070;
	font-size:.8em;
	line-height:.9em;
}
#copy{
	width:100%;
	position:relative;
	background:#2b2929;
	color:#494949;
}
.link:hover{
	color:white;
}
.column_25{
	width:calc(25% - 30px);
	margin-right:30px;
	position:relative;
	float:left;
}
ul.tablice {
	padding:0;
	margin:0;
}
ul.tablice li {
	list-style: none;
	display:block;
	position:relative;
	float:left;
	width:33%;
	height:255px;
	padding:0;
	margin:0;
	color:white;
}
ul.tablice li a{
	text-decoration: none;
}

ul.tablice li:nth-child(2){
	width:34%
}
.tablice_bg{
	width:100%;
	position:relative;
	height:260px;
	padding-top:90px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	color:white;
	text-align:center;
	line-height: 1.2em;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
}
.tablice_bg:hover {
	color:#adef81;
	overflow: hidden;
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */
}
.tablice_bg_image_container {
		width: 100% !important;
		height: 260px;
		overflow: hidden;
	}

.tytul_tablice{
	font-size:2em;
	line-height: 1.2em;
	font-family: 'Signika', sans-serif;
	
}
b {
	font-family: 'Signika', sans-serif;
}
.zwinieta h2, .zwinieta-pierwsza h2 {
	margin-bottom:20px;
	width:100% !important;
	cursor:pointer;
	
}
.belka_rozwijana_aktual{
	background-image:url(../img/down.jpg);
	background-repeat:no-repeat;
	background-position:calc(100% - 30px) 2px;;
	background-size:33px 68px;
	border-radius:5px;
	background-color:white;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	padding:20px 10% 20px 5%;
	margin-top:5px;
	
	margin-bottom:5px;
}
.ln-letters{
	width:100% !important;
	position:relative;
	margin-bottom:10px;
}
.ln-letters a{
	color:green;
	background-color:white !important;
}
.ln-letters a:hover{
	background-color:green !important;
	color:white;
}
.lista-szkolek .ln-letters{
	font-size:.9vw;
}
.zwinieta{
	
	background-image:url(../img/up.jpg);
	background-repeat:no-repeat;
	background-position:calc(100% - 30px) 2px;;
	background-size:33px 68px;
	border-radius:5px;
	background-color:white;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	padding:20px 30px 1px 30px;
	margin-top:8px;
	
	
}
.zwinieta2{
	
	background-image:url(../img/up.jpg);
	background-repeat:no-repeat;
	background-position:calc(100% - 30px) -10px;
	background-size:33px 68px;
	border-radius:5px;
	background-color:white;
	border:1px solid #d8d8d8;
	padding:0px 5% 0px 5%;
	margin-top:10px;
	color:#388a3a;	
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
}
.zwinieta2 h4{
	cursor:pointer;
	padding:0 !important;
	margin:10px 0 10px 0;
}
.zwinieta2 h3 {
	padding:0;
}
.zwinieta-pierwsza{
	background-image:none;
	border-radius:5px;
	background-color:white;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	padding:5px 10% 5px 5%;
	line-height:1em;
	margin-top:20px;
	
}

.zwinieta.rozwinieta, .zwinieta2.rozwinieta, .belka_rozwijana_aktual.rozwinieta{
	background-image:url(../img/down.jpg);
	
}
.roslinki {
	margin-top:30px;
	color:#444444;
	width:100%;
}
.roslinki th {
	height:40px;
}
.roslinki td {
	border-bottom:1px solid #d8d8d8;
}
.roslinki th:nth-child(2), .roslinki td:nth-child(2) {
	background:#d2d4c8;
	text-align:center;
}
.roslinki th:nth-child(3), .roslinki td:nth-child(3) {
	background:#c2d1ad;
	text-align:center;
}
.roslinki th:nth-child(4), .roslinki td:nth-child(4) {
	background:#d4d9b9;
	text-align:center;
}
.szkolki-galeria {
	object-fit: cover;
	margin:10px;
	float:left;
}
.left_col{
	width:25%;
	overflow: hidden;
	position:relative;
	float:left;
	margin-right:5%;
	padding-top:25px;
}
.left_col img {
	max-width:100% !important;
}
.right_col{
	padding-top:25px;
	width:70%;
	position:relative;
	float:left;
	line-height: 1.4em;
}
.right_col ul {
	margin:20px ;
	padding:0;
}

.zwinieta-pierwsza .zawartosc{
	display:block;
}
.zawartosc h2 {
	margin-top:20px;
	margin-bottom:20px;
	font-size:2em;
}
.zawartosc{
	display:none;
	padding-bottom:30px;
	font-weight:300;
}

.zawartosc.nie-schowana
{
	display:block;
}

.bx-pager-item{
	display:none;
}
.zwiazek {
	width:100%;
	
}

.zszp_member{
	margin-bottom:0px;
}
.category_button, .category_button3{
	display:inline;
	float:left;
	color:white;
	background:#96cd7c;
	padding:2px 10px 2px 10px;
	border-radius:3px;
	margin-right:10px;
	cursor:pointer;
}
.member_type_button{
	display:inline;
	float:left;
	color:white;
	background:#96cd7c;
	padding:2px 10px 2px 10px;
	border-radius:3px;
	margin-right:10px;
	margin-bottom:10px;
	cursor:pointer;
	border:1px solid white;
	text-transform:capitalize;
}

.member-types-container{
	display: none;
}

.member-types-container.member-type-0{
	display:block;
}

.category_button2{
	position:relative;
	display:inline;
	float:right;
	color:white;
	background:#96cd7c;
	padding:3px 10px 3px 10px;
	border-radius:3px;
	margin-right:10px;
	cursor:pointer;
	margin-top:3px;
}

.category_button2.active-sort{
	background:green;
}

.category_button:hover, .category_button2:hover, .category_button3:hover, .member_type_button:hover{
	background:green;
}
.likeh2{
	
	font-size:1.5em;
	margin:0;
	padding:0;
}
.selected{
	background:white;
	color: #343434;
}
.member_type_button.selected{
	border:1px solid green;
}
ul.galeria{
	padding:0;
	margin:0;
}
ul.galeria li {
	position:relative;
	padding:0;
	list-style:none;
	margin:5px 10px 5px 0;
	float:left;
	width:calc(33.3% - 10px);
}
ul.galeria li:nth-child(3n){
	width:calc(33.3% - 10px);
	margin:5px 0px 5px 0;
}
.img-caption {
	opacity:0;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	background-color:#339966;
	padding:10px;
	color:white;	
}
ul.galeria li:hover .img-caption {
	opacity:1;
}
.galeria-image {
	width:100% !important;
	
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}
.galeria-image:after{
	display:block;
	content: "";
	padding-bottom:100%;
}
.mini-image {
	width:calc(33% - 10px);;
	position:relative;
	float:left;
	margin-bottom:20px;
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}
.mini-image:after{
	display:block;
	content: "";
	padding-bottom:100%;
}
#linia_prawa_link, #linia_lewa_link{
	cursor:pointer;
}

.polskie-odmiany p{
	margin-bottom:0;
}

.capitalize{
	text-transform:capitalize;
}

/* bigvideo */

#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-control-container{position:fixed;bottom:0;padding:10px;width:100%;background:rgba(0,0,0,.25);
  -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;background-image:url('bigvideo.png');}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
#big-video-wrap .vjs-big-play-button{display:none !important;}
.mobile-button {
	display:none;
}

/* responsive midle */
@media screen and (min-width:786px) and (max-width:1200px){
	.wrapper_menu{
	
	width:100%;
	position:relative;
	padding:0px;
	margin:auto;
	z-index: 1;
}
nav ul li {
	border-top:5px solid white;
	display:inline-block;
	font-size:1.3vw;
	border-right:1px solid #e9eaec;
	margin-top:0px;
	font-weight:300;
	height:75px;
}
	
}


/* mobile */
@media screen and (min-width:160px) and (max-width:786px){
.mobile-button {
	display:block;
	background-color:transparent !important;
	padding:10px 20px 10px 40px !important;
	border-radius:10px !important;
	background-position:10px 4px;
	position:fixed;
	top:-8px;
	left:60px;
	z-index: 99999 !important;
}
	.wrapper{
	
	width:98%;
	position:relative;
	padding:30px 1% 30px 1%;
	margin:auto;
	z-index: 1;
}
.wrapper_menu,.menu-primary-menu-container{
	
	width:100%;
	position:relative;
	padding:0px;
	margin:auto;
	z-index: 1;
}
.slicknav_brand img {
	height:40px;
}
.ln-letters {
	display:none;
}
.roslina-foto{
	margin-bottom:60px !important;
}
.aktualnosci-data{
	position:relative;
	padding:1px 10px 1px 10px;
	background:#008a3d;	
	line-height:18px;
	border-radius:10px;
	width:100%;
	float:left;
	text-align:center;
	color:white;
}
ul.menu, ul.menu  li {
	width:100% !important;
	margin:0;
	padding:0;
	float:left !important;
	
}
#czlonek-info{
	position:relative;
	background:white;
	z-index:9998;
	width:100% !important;
	height:auto;
	line-height: 1.4em;
	text-align:left;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:.8em;
	text-align:center;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
.aktualnosc_image_container2 {
		width: 100%;
		height: 200px;
		overflow: hidden;
		float:left;
		margin-right:20px;
}
#breadcrumbs_container, #breadcrumbs-after{
	display:none;
}
 #site-navigation, #search{
 	display:none;	
 }
 .category_button, .category_button3{
 	margin-bottom:10px	
 }
 
 .column50, .column_left_40{
	width:100% !important;
	position:relative;
	margin:auto;
	float:left;
	text-align:left;
}
.kontakt_box{
	width:90% !important;
	position:relative;
	margin-bottom:20px;
}
.column_right_60:after{
	clear:both;
}
.column_right_60{
	width:100% !important;
	position:relative;
	margin-top:30px;
	float:left;
	text-align:left;
	
}
#logo, #site-navigation-home, #site-navigation, #site-navigation-home #logo, #logo-menu{
	display:none !important;
}
.search-box-start, .desktop_ses, .search-box-start {
	display:none !important;
}
.menupos {
	float:left !important;
	width:100% !important;
	text-align:left;
}
#menu_grid, #menu_grid_2{
	float:left !important;
	min-width:100% !important;
	text-align:left;
}
#fbbox1{
	display: none;
	}
 .panel_white{
 	min-height:160px;
 }
 .szkolki-select{
	position:relative;
	width:calc(100% - 10px);
	margin-right:10px;
	color:#388a3a;
	border:1px solid #d8d8d8;
	border-radius:4px;
	float:left;
	line-height: 40px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:right;
	background-image:url(../img/gray_down.png);
	cursor:pointer;
	margin-bottom:10px;
	font-size:.8em;
}
#opcje_wyszukiwania, #zielona-belka{
	height:auto
}
#zielona-tab {
	width:100%;
}
#zielona-tab td {
	display:inline-block;
	float:left;
	width:100% !important;
	margin-bottom:10px;
}

.szkolki-select2{
	position:relative;
	width:100%;
	margin-right:10px;
	color:#388a3a;
	border:1px solid #d8d8d8;
	border-radius:4px;
	float:left;
	line-height: 40px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:right;
	background-image:url(../img/gray_down.png);
	cursor:pointer;
	font-size:.8em;
}
#szkolki-search{
	position:relative;
	display:inline-block;
	background:white; 
	border-radius:0 !important;
	border:none;
	border-left:1px solid #9e9e9e;
	border-top:1px solid #9e9e9e;
	border-bottom:1px solid #9e9e9e;
	-webkit-appearance: none;
	width:calc(100% - 60px) !important;
	padding:0;
	font-size:16px;
	padding-left:20px;
	
}
#szkolki-button{
	position:relative;
	display:inline-block;
	box-sizing: border-box;
	border:none;
	border-radius:0;
	background:white;
	padding:0 !important;
	border-right:1px solid #9e9e9e; 
	border-top:1px solid #9e9e9e;
	border-bottom:1px solid #9e9e9e;
	width:60px;
	margin-left:-20px;
	line-height:41px !important;
	height:40px;
	

}
 .wysija-submit{
	background:#ff7200 !important;
	color:white !important;
	border:1px solid #ff7200 !important;
	display:inline;
	margin-left:100px;
	position:absolute;
	height:34px !important;
	top:-20px;
	right:5%;
	cursor:pointer;
	font-size:20px !important;
	line-height:34px !important;
	padding:0 10px 0 10px !important;
}
.category_button2{
	position:relative;
	display:block;
	float:left;
	color:white;
	background:#96cd7c;
	padding:3px 10px 3px 10px;
	border-radius:3px;
	margin-right:10px;
	cursor:pointer;
	margin-top:3px;
}
.wysija-input{
	width:90%;
	height:34px !important;
	background:#403e3e !important;
	border:none !important;
	color:white !important;
	border-radius:6px !important;
	padding-left:10px !important;
}
 .left_col{
	width:100%;
	overflow: hidden;
	position:relative;
	float:left;
	margin-right:0%;
	padding-top:25px;
}
.left_col img {
	max-width:100% !important;
}
.right_col{
	padding-top:25px;
	width:100%;
	position:relative;
	float:left;
	line-height: 1.4em;
}
 .column_25{
	width:calc(50% - 30px);
	margin-right:30px;
	position:relative;
	float:left;
}
.wider {
	margin-top:30px;
	width:100% !important;
}
 
 ul.tablice li {
	list-style: none;
	display:block;
	position:relative;
	float:left;
	width:100%;
	height:255px;
	padding:0;
	margin:0;
	color:white;
}
ul.tablice li a{
	text-decoration: none;
}

ul.tablice li:nth-child(2){
	width:100%
}
 #dublet{
	position:relative;
	width:100%;
	margin-top:200px;
	
}
.polowa{
	width:50% !important;
	position:relative;
	float:left;
	background:#f2fceb;
	min-height:500px;
}
.polowa2{
	width:50% !important;
	position:relative;
	float:left;
	background:#d2e7c4;
	min-height:500px;
}
.linia_lewa{
	margin-top:40px;
	width:100%;
	position:relative;
	float:right;
	background-image:url(../img/linia_lewa.png);
	background-repeat:no-repeat;
	background-position:left;
	height:10px;
	padding-top:110px;
	color:#343434;
}
.linia_lewa:hover{
	background-image:url(../img/linia_lewa_hover.png);
	color:#5c9d22;transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
	
}
.linia_prawa{
	margin-top:40px;
	width:100%;
	position:relative;
	float:left;
	background-image:url(../img/linia_prawa.png);
	background-repeat:no-repeat;
	background-position:right;
	
	height:10px;
	padding-top:110px;
	color:#343434;
	text-align:right;
}
.linia_prawa:hover{
	background-image:url(../img/linia_prawa_hover.png);
	color:#5c9d22;transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}

#pinezka{
	position:absolute;
	top:-120px;
	left:30%;
	width:40%;
}
.slider{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:130px;
	margin-bottom:30px;
	position:relative;
	color:white;
	text-align:center;
}
.tytul_slide{
	font-size:4em;
	font-weight:400;
	font-family: 'Signika', sans-serif;
}
.subtytul{
	font-size:1.9em;
	font-weight:300;
}


#wyszukiwarka{
	width:98%;
	
	position:absolute;
	left:1%;
	top:190px;
	height:200px;
	background:#f7fbf4;
	border-radius:4px;
	text-align:center;
	padding-top:30px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
.elipsa{
	position:relative;
	float:left;
	width:50%;
	background-repeat:no-repeat;
	background-position:top center;*/
	padding-top:60px;
	color:white;
	font-size:1em;
	text-align:center;
	line-height: 1.3em;
	transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}.elipsa:hover{
	color:yellow;
	transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}

.iko{
	width:80px;
	height:80px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
	border-radius:40px;
	position:absolute;
	top:0;
	right:15%;
}
.elipsa > canvas{
	position:absolute;
	top:0;
	left:0;
	margin: 30px auto 0 13%;
}
#green-zone{
	
	width:100%;
	height:auto;
	min-height:200px;
	background-image:url(../img/green_zone.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin:auto;
	position:relative;
}
ul.aktualnosc {
	margin:0;
	padding:0;
}
ul.aktualnosc li:first-child{
	margin-bottom:30px;
}
ul.aktualnosc li:first-child, ul.aktualnosc li:nth-child(2){
	list-style: none;
	display:block;
	float:left;
	margin-left:0;
	
	width:100% !important;
	overflow: hidden;
	text-align:left;
	
}


}
@media all and (max-width: 460px) {
.roslina-lewa{
	position:relative;
	float:left;
	width:100%;
	min-height:auto;
	background:white;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	
}
.aktualnosc_image_container2 {
	margin-bottom:20px;
}
.roslina_rounded{
	margin-left:auto;
	margin-right:auto;
	width:150px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:75px;
	height:150px;
	margin-top:20px;
	
}
.roslina-video{
	position:relative;
	float:right;
	width:100%;
	min-height:auto;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	
}	
	.roslina-video:after{
	display:block;
	content:"";
	padding-bottom:100%;
}	
		
		
		.elipsa{
	position:relative;
	float:left;
	width:100%;
	
	background-repeat:no-repeat;
	background-position:top center;*/
	background-size:contain;
	padding-top:60px;
	color:white;
	font-size:1em;
	text-align:center;
	line-height: 1.3em;
	transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}.elipsa:hover{
	color:yellow;
	transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}
.elipsa > canvas{
	position:absolute;
	top:0;
	left:0;
	margin: 30px auto 0 18%;
}
.iko{
	width:80px;
	height:80px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
	border-radius:40px;
	position:absolute;
	top:0;
	right:15%;
}
	
	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}