@charset "UTF-8";
/*@import url('http://www.fontsquirrel.com/fonts/DejaVu-Sans:300,900');*/
@import url('font-awesome.min.css');

/*
	Big Picture by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

html {
	height: 100%;
}

body {
	background: #fff;
	height: 100%;
}

body.is-loading *,
body.is-resizing *
{
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

body,input,textarea,select {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 8pt;
	line-height: 1.25em;
	color: #39454b;
	letter-spacing: 1px;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 900;
	color: inherit;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
}

h2 {
	font-size: 1.80em;
	letter-spacing: -1px;
	line-height: 1.25em;
}

strong, b {
	font-weight: 900;
	color: inherit;
}

em, i {
	font-style: italic;
}

a {
	color: #98c593;

	-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
}

sub {
	position: relative;
	top: 0.5em;
	font-size: 0.8em;
}

sup {
	position: relative;
	top: -0.5em;
	font-size: 0.8em;
}

hr {
	border: 0;
	border-top: solid 1px #ddd;
}

blockquote {
	border-left: solid 0.5em #ddd;
	padding: 1em 0 1em 2em;
	font-style: italic;
}

p, ul, ol, dl, table {
	margin-bottom: 0.1em;
}

header {
	margin-bottom: 0.1em;
}

header p {
	display: block;
	margin: 0.1em 0 0 0;
	padding: 0 0 0.5em 0;
}

footer {
	margin-top: 2em;
}

br.clear {
	clear: both;
}

/* Sections/Article */

section,
article {
	margin-bottom: 1em;
	align-self: center;
}

section > :last-child,
article > :last-child {
	margin-bottom: 0;
}

section > .content > :last-child,
article > .content > :last-child {
	margin-bottom: 0;
}

section:last-child,
article:last-child {
	margin-bottom: 0;
}

figurebrzozowy {
	position: absolute;
	width: 80%;
	float: left;
	margin: 0 20px 0 0;
	background: white;
	border: 10px solid white;
	-webkit-box-shadow: 0 3px 10px #ccc;
	-moz-box-shadow: 0 3px 10px #ccc;
	/*-webkit-transform: rotate(5deg);*/
	/*-moz-transform: rotate(5deg);*/
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 1s ease;
	position: relative;
}

figurebrzozowy img {
	width: 100%; /* Scale down */
}

figurebrzozowy:hover {
	/*-webkit-transform: rotate(-1deg); -moz-transform: rotate(1deg);*/
	/*-webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;*/
}

figurebrzozowy:focus {
	top: 50%;
	left: 50%;
	outline: none;
	/*-webkit-transform: rotate(-3deg) scale(2.5);*/
	-moz-transform: scale(1.5);
	-moz-transform-origin: 0 0;
	-webkit-box-shadow: 0 3px 10px #666;
	/*-moz-box-shadow: 0 3px 10px #666;*/
	/*z-index: 9999;*/
}

figurebrzozowy:after {
	content: 'Nasza "oaza" czyli domek zwany "Brzozowy zagajnik" posadowiony jest 50 m od jeziora Radęcino. \n Domek ma 4 sypialnie- 2 na parterze, 2 na piętrze, salon z aneksem kuchennym oraz 2 łazienki. Wszelkie wygody- woda bieżąca ciepła, gaz butla. Duży taras, miejsce na ognisko, ogród z mnóstwem kwiatów.';
}

figurebrzozowy:focus:after{
	content: 'Nasza "oaza" czyli domek zwany "Brzozowy zagajnik" posadowiony jest 50 m od jeziora Radęcino. \n Domek ma 4 sypialnie- 2 na parterze, 2 na piętrze, salon z aneksem kuchennym oraz 2 łazienki. Wszelkie wygody- woda bieżąca ciepła, gaz butla. Duży taras, miejsce na ognisko, ogród z mnóstwem kwiatów. Jezioro rynnowe, długie, ciągnie się na przestrzeni 5 km. W otulinie Drawieńskiego Parku Narodowego. Woda- czysta i przejrzysta! Mamy duży pomost i kąpielisko bezpieczne dla dzieci. Piasek został przywieziony znad morza!!! Mamy też drugi pomost, który zbudowaliśmy własnoręcznie z przyjaciółmi z naszego leśnego osiedla. Atrakcje?- Jest ich mnóstwo! Jezioro, rybki, wędkowanie, lasy, grzyby, jagody, przejażdżki rowerami/ do dyspozycji 3 rowery/- są świetnie przygotowane trasy rowerowe, spływy kajakowe Drawą- możliwość wypożyczenia kajaków, zwiedzanie Drawieńskiego Parku Narodowego. Dla mnie jednak największą atrakcją jest rozkoszowanie się smakiem i zapachem porannej kawy przy cicho szeleszczących brzózkach na drewnianym tarasie.';
}


figureprzyczepa {
	position: absolute;
	width: 80%;
	float: left;
	margin: 0 20px 0 0;
	background: white;
	border: 10px solid white;
	-webkit-box-shadow: 0 3px 10px #ccc;
	-moz-box-shadow: 0 3px 10px #ccc;
	/*-webkit-transform: rotate(5deg);*/
	/*-moz-transform: rotate(5deg);*/
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 1s ease;
	position: relative;
}

figureprzyczepa img {
	width: 100%; /* Scale down */
}

figureprzyczepa:hover {
	/*-webkit-transform: rotate(-1deg); -moz-transform: rotate(1deg);*/
	/*-webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;*/
}

figureprzyczepa:focus {
	top: 50%;
	left: 50%;
	outline: none;
	/*-webkit-transform: rotate(-3deg) scale(2.5);*/
	-moz-transform: scale(1.5);
	-moz-transform-origin: 0 0;
	-webkit-box-shadow: 0 3px 10px #666;
	/*-moz-box-shadow: 0 3px 10px #666;*/
	/*z-index: 9999;*/
}

figureprzyczepa:after {
	content: 'Witamy w Białym Domku- nowym miejscu relaksu i wypoczynku dla szczególnie wymagających. Dom położony jest w miejscowości Radęcin, na nowym Osiedlu Leśnym, bezpośrednio przed linią brzegową jeziora. Okolica spokojna, sielankowa, wokół lasy sosnowe i bukowe. Cisza, spokój, śpiew ptaków. Widok z tarasu- bezcenny.';
}

figureprzyczepa:focus:after{
	content: 'Witamy w Białym Domku- nowym miejscu relaksu i wypoczynku dla szczególnie wymagających. Dom położony jest w miejscowości Radęcin, na nowym Osiedlu Leśnym, bezpośrednio przed linią brzegową jeziora. Okolica spokojna, sielankowa, wokół lasy sosnowe i bukowe. Cisza, spokój, śpiewptaków. Widok z tarasu- bezcenny. Dom murowany, posadowiony na 8-arowej, ogrodzonej działce porośniętej sosnami, brzozami, leśnym runem. Dom składa się z 5 oddzielnych sypialni, salonu z aneksem kuchennym, 2 łazienek. Kuchnia- duża lodówka z oddzielnym zamrażalnikiem, zmywarka, czajnik bezprzewodowy, toster, mikrofalówka, robot kuchenny, zestaw sztućców, konfekcja stołowa, komplet garnków, patelni. Salon- dwie kanapy, okrągły stół, który rozkłada się do wielkości 230 cm, krzesła, telewizor, wieża z odtwarzaczem CD. Biały, kaflowy kominek w chłodne wieczory stworzy niepowtarzalny nastrój. 2 łazienki- na parterze i na piętrze- prysznic, wc, pralka. 5 oddzielnych sypialni- 2 na parterze oraz 3 na piętrze. Łącznie 16 miejsc do spania. Sypialnie urządzone klimatycznie i stylowo. Tutaj poczujesz się jak we własnym domu. Na piętrze znajduje się niewielka biblioteczka oraz kącik dla malucha. Taras zadaszony, osłonięty od deszczu i wiatru. Na tarasie - duży rozkładany stół z krzesłami oraz wygodne kanapy. Na terenie działki jest wydzielone miejsce na ognisko, ławka, huśtawka, piaskownica. Całość komponuje się z naturalnym leśnym pejzażem. Do dyspozycji naszych gości mamy rowery oraz łódkę wędkarską przycumowaną na prywatnym pomoście. Przyjedź do Białego Domku i zakochaj się.';
}

figure {
	width: 80%;
	float: left;
	margin: 0 20px 0 0;
	background: white;
	border: 10px solid white;
	-webkit-box-shadow: 0 3px 10px #ccc;
	/*-moz-box-shadow: 0 3px 10px #ccc;*/
	/*-webkit-transform: rotate(5deg);*/
	/*-moz-transform: rotate(5deg);*/
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 1s ease;
	position: relative;
}

figure img {
	width: 100%; /* Scale down */
}

figure:hover {
	/*-webkit-transform: rotate(-1deg); -moz-transform: rotate(1deg);*/
	/*-webkit-box-shadow: 0 3px 10px #666; -moz-box-shadow: 0 3px 10px #666;*/
}

figure:focus {
	position: relative;
	outline: none;
	/*-webkit-transform: rotate(-3deg) scale(2.5);*/
	-moz-transform: scale(2.5);
	-moz-transform-origin: 0 0;
	-webkit-box-shadow: 0 3px 10px #666;
	/*-moz-box-shadow: 0 3px 10px #666;*/
	z-index: 9999;
}

figure:after {
	content: 'Coś tam opis japa sdawjib dsfasodfihoi';
}

figure:focus:after{
	content:'Coś tam dłuższy opis';
}

.row > section,
.row > article {
	margin-bottom: 0;
}

/* Image */

.image {
	position: relative;
	display: inline-block;
}

.image:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('images/overlay.png');
}

.image img {
	display: block;
	width: 100%;
}

.image.featured {
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
}

.image.fit {
	display: block;
	width: 100%;
}

.image.left {
	float: left;
	margin: 0 2em 2em 0;
}

.image.centered {
	display: block;
	margin: 0 0 2em 0;
}

.image.centered img {
	margin: 0 auto;
	width: auto;
}

.image iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* List */

ul {
}

ul.default {
	list-style: disc;
	padding-left: 1em;
}

ul.default li {
	padding-left: 0.5em;
}

ul.icons {
	cursor: default;
}

ul.icons li {
	display: inline-block;
}

ul.icons a {
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	border: 0;
}

ul.menu {
	cursor: default;
}

ul.menu li {
	display: inline-block;
	line-height: 1em;
	border-left: solid 1px rgba(145,146,147,0.25);
	padding: 0 0 0 0.5em;
	margin: 0 0 0 0.5em;
}

ul.menu li:first-child {
	border-left: 0;
	padding-left: 0;
	margin-left: 0;
}

ul.actions {
	cursor: default;
}

ul.actions li {
	display: inline-block;
	margin: 0 0 0 0.5em;
}

ul.actions li:first-child {
	margin-left: 0;
}

ol {
}

ol.default {
	list-style: decimal;
	padding-left: 1.25em;
}

ol.default li {
	padding-left: 0.25em;
}

/* Gallery */

	.gallery {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 45em;
		max-width: 100%;
		margin: 0 auto 2em auto;
	}

		.gallery article {
			-moz-transition: -moz-transform 1s ease, opacity 1s ease;
			-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
			-ms-transition: -ms-transform 1s ease, opacity 1s ease;
			transition: transform 1s ease, opacity 1s ease;
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
			width: 50%;
			position: relative;
			opacity: 1.0;
		}

			.gallery article .image {
				margin: 0;
				display: block;
			}

			.gallery article:nth-last-child(1n) {
				-moz-transition-delay: 0.05s;
				-webkit-transition-delay: 0.05s;
				-ms-transition-delay: 0.05s;
				transition-delay: 0.05s;
			}

			.gallery article:nth-last-child(2n) {
				-moz-transition-delay: 0.05s;
				-webkit-transition-delay: 0.05s;
				-ms-transition-delay: 0.05s;
				transition-delay: 0.05s;
			}

			.gallery article:nth-last-child(2n) {
				-moz-transition-delay: 0.1s;
				-webkit-transition-delay: 0.1s;
				-ms-transition-delay: 0.1s;
				transition-delay: 0.1s;
			}

			.gallery article:nth-last-child(3n) {
				-moz-transition-delay: 0.1s;
				-webkit-transition-delay: 0.1s;
				-ms-transition-delay: 0.1s;
				transition-delay: 0.1s;
			}

			.gallery article:nth-last-child(3n) {
				-moz-transition-delay: 0.15s;
				-webkit-transition-delay: 0.15s;
				-ms-transition-delay: 0.15s;
				transition-delay: 0.15s;
			}

			.gallery article:nth-last-child(4n) {
				-moz-transition-delay: 0.15s;
				-webkit-transition-delay: 0.15s;
				-ms-transition-delay: 0.15s;
				transition-delay: 0.15s;
			}

			.gallery article:nth-last-child(4n) {
				-moz-transition-delay: 0.2s;
				-webkit-transition-delay: 0.2s;
				-ms-transition-delay: 0.2s;
				transition-delay: 0.2s;
			}

			.gallery article:nth-last-child(5n) {
				-moz-transition-delay: 0.2s;
				-webkit-transition-delay: 0.2s;
				-ms-transition-delay: 0.2s;
				transition-delay: 0.2s;
			}

			.gallery article:nth-last-child(5n) {
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
			}

			.gallery article:nth-last-child(6n) {
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
			}

			.gallery article:nth-last-child(6n) {
				-moz-transition-delay: 0.3s;
				-webkit-transition-delay: 0.3s;
				-ms-transition-delay: 0.3s;
				transition-delay: 0.3s;
			}

			.gallery article:nth-last-child(7n) {
				-moz-transition-delay: 0.3s;
				-webkit-transition-delay: 0.3s;
				-ms-transition-delay: 0.3s;
				transition-delay: 0.3s;
			}

			.gallery article:nth-last-child(7n) {
				-moz-transition-delay: 0.35s;
				-webkit-transition-delay: 0.35s;
				-ms-transition-delay: 0.35s;
				transition-delay: 0.35s;
			}

			.gallery article:nth-last-child(8n) {
				-moz-transition-delay: 0.35s;
				-webkit-transition-delay: 0.35s;
				-ms-transition-delay: 0.35s;
				transition-delay: 0.35s;
			}

			.gallery article:nth-last-child(8n) {
				-moz-transition-delay: 0.4s;
				-webkit-transition-delay: 0.4s;
				-ms-transition-delay: 0.4s;
				transition-delay: 0.4s;
			}

			.gallery article:nth-last-child(9n) {
				-moz-transition-delay: 0.4s;
				-webkit-transition-delay: 0.4s;
				-ms-transition-delay: 0.4s;
				transition-delay: 0.4s;
			}

			.gallery article:nth-last-child(9n) {
				-moz-transition-delay: 0.45s;
				-webkit-transition-delay: 0.45s;
				-ms-transition-delay: 0.45s;
				transition-delay: 0.45s;
			}

			.gallery article:nth-last-child(10n) {
				-moz-transition-delay: 0.45s;
				-webkit-transition-delay: 0.45s;
				-ms-transition-delay: 0.45s;
				transition-delay: 0.45s;
			}

			.gallery article:nth-last-child(10n) {
				-moz-transition-delay: 0.5s;
				-webkit-transition-delay: 0.5s;
				-ms-transition-delay: 0.5s;
				transition-delay: 0.5s;
			}

			.gallery article:nth-last-child(11n) {
				-moz-transition-delay: 0.5s;
				-webkit-transition-delay: 0.5s;
				-ms-transition-delay: 0.5s;
				transition-delay: 0.5s;
			}

			.gallery article:nth-last-child(11n) {
				-moz-transition-delay: 0.55s;
				-webkit-transition-delay: 0.55s;
				-ms-transition-delay: 0.55s;
				transition-delay: 0.55s;
			}

			.gallery article:nth-last-child(12n) {
				-moz-transition-delay: 0.55s;
				-webkit-transition-delay: 0.55s;
				-ms-transition-delay: 0.55s;
				transition-delay: 0.55s;
			}

			.gallery article:nth-last-child(12n) {
				-moz-transition-delay: 0.6s;
				-webkit-transition-delay: 0.6s;
				-ms-transition-delay: 0.6s;
				transition-delay: 0.6s;
			}

			.gallery article:nth-last-child(13n) {
				-moz-transition-delay: 0.6s;
				-webkit-transition-delay: 0.6s;
				-ms-transition-delay: 0.6s;
				transition-delay: 0.6s;
			}

			.gallery article:nth-last-child(13n) {
				-moz-transition-delay: 0.65s;
				-webkit-transition-delay: 0.65s;
				-ms-transition-delay: 0.65s;
				transition-delay: 0.65s;
			}

			.gallery article:nth-last-child(14n) {
				-moz-transition-delay: 0.65s;
				-webkit-transition-delay: 0.65s;
				-ms-transition-delay: 0.65s;
				transition-delay: 0.65s;
			}

			.gallery article:nth-last-child(14n) {
				-moz-transition-delay: 0.7s;
				-webkit-transition-delay: 0.7s;
				-ms-transition-delay: 0.7s;
				transition-delay: 0.7s;
			}

			.gallery article:nth-last-child(15n) {
				-moz-transition-delay: 0.7s;
				-webkit-transition-delay: 0.7s;
				-ms-transition-delay: 0.7s;
				transition-delay: 0.7s;
			}

			.gallery article:nth-last-child(15n) {
				-moz-transition-delay: 0.75s;
				-webkit-transition-delay: 0.75s;
				-ms-transition-delay: 0.75s;
				transition-delay: 0.75s;
			}

			.gallery article:nth-last-child(16n) {
				-moz-transition-delay: 0.75s;
				-webkit-transition-delay: 0.75s;
				-ms-transition-delay: 0.75s;
				transition-delay: 0.75s;
			}

			.gallery article:nth-last-child(16n) {
				-moz-transition-delay: 0.8s;
				-webkit-transition-delay: 0.8s;
				-ms-transition-delay: 0.8s;
				transition-delay: 0.8s;
			}

			.gallery article:nth-last-child(17n) {
				-moz-transition-delay: 0.8s;
				-webkit-transition-delay: 0.8s;
				-ms-transition-delay: 0.8s;
				transition-delay: 0.8s;
			}

			.gallery article:nth-last-child(17n) {
				-moz-transition-delay: 0.85s;
				-webkit-transition-delay: 0.85s;
				-ms-transition-delay: 0.85s;
				transition-delay: 0.85s;
			}

			.gallery article:nth-last-child(18n) {
				-moz-transition-delay: 0.85s;
				-webkit-transition-delay: 0.85s;
				-ms-transition-delay: 0.85s;
				transition-delay: 0.85s;
			}

			.gallery article:nth-last-child(18n) {
				-moz-transition-delay: 0.9s;
				-webkit-transition-delay: 0.9s;
				-ms-transition-delay: 0.9s;
				transition-delay: 0.9s;
			}

			.gallery article:nth-last-child(19n) {
				-moz-transition-delay: 0.9s;
				-webkit-transition-delay: 0.9s;
				-ms-transition-delay: 0.9s;
				transition-delay: 0.9s;
			}

			.gallery article:nth-last-child(19n) {
				-moz-transition-delay: 0.95s;
				-webkit-transition-delay: 0.95s;
				-ms-transition-delay: 0.95s;
				transition-delay: 0.95s;
			}

			.gallery article:nth-last-child(20n) {
				-moz-transition-delay: 0.95s;
				-webkit-transition-delay: 0.95s;
				-ms-transition-delay: 0.95s;
				transition-delay: 0.95s;
			}

			.gallery article:nth-last-child(20n) {
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
			}

			.gallery article:nth-last-child(21n) {
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
			}

			.gallery article:nth-last-child(21n) {
				-moz-transition-delay: 1.05s;
				-webkit-transition-delay: 1.05s;
				-ms-transition-delay: 1.05s;
				transition-delay: 1.05s;
			}

			.gallery article:nth-last-child(22n) {
				-moz-transition-delay: 1.05s;
				-webkit-transition-delay: 1.05s;
				-ms-transition-delay: 1.05s;
				transition-delay: 1.05s;
			}

			.gallery article:nth-last-child(22n) {
				-moz-transition-delay: 1.1s;
				-webkit-transition-delay: 1.1s;
				-ms-transition-delay: 1.1s;
				transition-delay: 1.1s;
			}

			.gallery article:nth-last-child(23n) {
				-moz-transition-delay: 1.1s;
				-webkit-transition-delay: 1.1s;
				-ms-transition-delay: 1.1s;
				transition-delay: 1.1s;
			}

			.gallery article:nth-last-child(23n) {
				-moz-transition-delay: 1.15s;
				-webkit-transition-delay: 1.15s;
				-ms-transition-delay: 1.15s;
				transition-delay: 1.15s;
			}

			.gallery article:nth-last-child(24n) {
				-moz-transition-delay: 1.15s;
				-webkit-transition-delay: 1.15s;
				-ms-transition-delay: 1.15s;
				transition-delay: 1.15s;
			}

		.gallery.inactive article {
			opacity: 0;
		}

			.gallery.inactive article.from-left {
				-moz-transform: translateX(-14em);
				-webkit-transform: translateX(-14em);
				-ms-transform: translateX(-14em);
				transform: translateX(-14em);
			}

			.gallery.inactive article.from-right {
				-moz-transform: translateX(14em);
				-webkit-transform: translateX(14em);
				-ms-transform: translateX(14em);
				transform: translateX(14em);
			}

			.gallery.inactive article.from-top {
				-moz-transform: translateY(-7em);
				-webkit-transform: translateY(-7em);
				-ms-transform: translateY(-7em);
				transform: translateY(-7em);
			}

			.gallery.inactive article.from-bottom {
				-moz-transform: translateY(7em);
				-webkit-transform: translateY(7em);
				-ms-transform: translateY(7em);
				transform: translateY(7em);
			}

		@media screen and (max-width: 480px) {

			.gallery {
				-moz-flex-wrap: nowrap;
				-webkit-flex-wrap: nowrap;
				-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.gallery article {
					width: 100%;
				}

		}

/* Form */

form {
}

form label {
	display: block;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select,
form textarea {
	display: block;
	width: 100%;
	padding: 0.65em 0.75em;
	background: none;
	border: solid 2px rgba(185,186,187,0.25);
	color: inherit;
	border-radius: 0.5em;
	outline: none;

	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	/*appearance: none;*/

	-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus {
	border-color: #9ac8e9;
}

form input[type="text"],
form input[type="email"],
form input[type="password"],
form select {
	line-height: 1.35em;
}

form textarea {
	min-height: 8em;
}

form .formerize-placeholder {
	color: rgba(145,146,147,0.85) !important;
}

form ::-webkit-input-placeholder {
	color: rgba(145,146,147,0.85) !important;
}

form :-moz-placeholder {
	color: rgba(145,146,147,0.85) !important;
}

form ::-moz-placeholder {
	color: rgba(145,146,147,0.85) !important;
}

form :-ms-input-placeholder {
	color: rgba(145,146,147,0.85) !important;
}

form ::-moz-focus-inner {
	border: 0;
}

/* Table */

table {
	width: 100%;
}

table.default {
	width: 100%;
}

table.default tbody tr:nth-child(2n+2) {
	background: #f4f4f4;
}

table.default td {
	padding: 0.5em 1em 0.5em 1em;
}

table.default th {
	text-align: left;
	font-weight: 900;
	padding: 0.5em 1em 0.5em 1em;
}

table.default thead {
	background: #444;
	color: #fff;
}

table.default tfoot {
	background: #eee;
}

table.default tbody {
}

/* Button */

input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
	background-color: #98c593;
	border: 0;
	border-radius: 3.5em;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 3.5em;
	line-height: 3.5em;
	outline: 0;
	padding: 0 2em 0 2em;
	position: relative;
	text-align: center;
	text-decoration: none;

	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;

	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.button.down {
	width: 5em;
	height: 5em;
	line-height: 4.5em;
	padding: 0;
	background-image: url('images/dark-arrow.svg');
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -10em;
	overflow: hidden;
}

.button.down.anchored {
	bottom: 0;
	border-bottom: 0;
	border-radius: 3em 3em 0 0;
	height: 4.5em;
	margin-left: -2.5em;
}

.button.up {
	width: 5em;
	height: 5em;
	line-height: 4.5em;
	padding: 0;
	background-image: url('images/dark-arrow_up.svg');
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -10em;
	overflow: hidden;
}

.button.up.anchored {
	top: 0;
	border-top: 0;
	border-radius: 0 0 3em 3em;
	height: 4.5em;
	margin-left: -2.5em;
}

.button.anchored {
	position: absolute;
	left: 50%;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover {
	background-color: #a8d5a3;
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.button:active {
	background-color: #88b583;
}

input[type="button"].style2,
input[type="submit"].style2,
input[type="reset"].style2,
.button.style2 {
	background-color: transparent;
	border: solid 2px #e5e6e7;
	color: inherit;
}

input[type="button"].style2:hover,
input[type="submit"].style2:hover,
input[type="reset"].style2:hover,
.button.style2:hover {
	background-color: rgba(145,146,147,0.035);
}

.button.style2.down {
	background-image: url('images/arrow.svg');
}

.button.style2.up {
	background-image: url('images/up_arrow.svg');
}

/* Box */

.box {
	background: #fff;
	color: #39454b;
	padding: 2em;
}

.box.style2 {
	padding: 1.5em 1.5em 1.5em 1.5em;
}

/* Main */

.main {
	position: relative;
	margin: 0;
	overflow-x: hidden;
}

.main.fullscreen {
	height: 100%;
}

.main.style1 {
	text-align: center;
	padding: 3em 0 3em 0;
}

.main.style1 h2 {
	font-size: 4.25em;
	line-height: 1em;
	letter-spacing: -4px;
}

.main.style1:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.main.style1 .content {
	opacity: 1.0;
	display: inline-block;
	vertical-align: middle;

	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;

	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.main.style1.inactive {
}

.main.style1.inactive .content {
	opacity: 0;
}

.main.style2 {
	padding: 3em 0 3em 0;
	overflow: hidden;
}

.main.style2 .content {
	position: relative;
	width: 35%;
	display: inline-block;
	vertical-align: middle;

	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;

	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.main.style2.left {
}

.main.style2.left:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.main.style2.left .content {
	left: 0;
}

.main.style2.right {
}

.main.style2.right:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.main.style2.right .content {
	left: 65%;
}

.main.style2.inactive {
}

.main.style2.inactive .content {
}

.main.style2.inactive.left .content {
	left: -35%;
}

.main.style2.inactive.right .content {
	left: 100%;
}

.main.style3 {
	text-align: center;
	padding: 6em 0 6em 0;
}

.main.style3 .content {
}

.main.style3 .content > header {
	margin-bottom: 2em;
}

.main.style3.primary {
	background: #fff;
}

.main.style3.secondary {
	background: #f5f6f7;
}

/* Dark */

.dark {
	color: #fff;
}

.dark a {
	color: #fff;
}

.dark .button.style2 {
	border-color: inherit;
	background-color: rgba(64,64,64,0.05);
}

.dark .button.style2:hover {
	background-color: rgba(255,255,255,0.1);
}

.dark .button.style2.down {
	background-image: url('images/dark-arrow.svg');
}

.dark .button.style2.up {
	background-image: url('images/dark-arrow_up.svg');
}

.google-maps {
	position: relative;
	padding-bottom: 70%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.figurebrzozowy {
	position: relative;
	height: auto;
	float: left;
	background: white;
	border: 10px solid white;
	/*-webkit-transform: rotate(5deg);*/
	/*-moz-transform: rotate(5deg);*/
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 1s ease;
}

.figurebrzozowy:focus {
	position: absolute;
	width: auto;
	/*min-height: 100%;*/
	/*min-width: 100%;*/
	/*width: 100%; /!* Scale down *!/*/
	/*height: 100%;*/
	/*top: 50%;*/
	/*/!*left: 50%;*!/*/
	/*overflow: auto;*/
	margin-left:-50%;
	margin-top:-50%;
	/*-webkit-transform: scale(2.5);*/
	/*-moz-transform: scale(1.5);*/
	-moz-transform-origin: 0% 0%;
	/*z-index: 9999;*/
}

.figurebrzozowy:after {
	content: 'Kliknij w tekst, aby dowiedzieć się więcej...';
	font-style: italic;
	font-size: medium;
}

.figurebrzozowy:focus:after {
	font-style: inherit;
	font-size: inherit;
	content: 'Jezioro rynnowe, długie, ciągnie się na przestrzeni 5 km w otulinie Drawieńskiego Parku Narodowego. Woda - czysta i przejrzysta! Mamy duży pomost i kąpielisko bezpieczne dla dzieci. Atrakcje? - Jest ich mnóstwo! Jezioro, rybki, wędkowanie, lasy, grzyby, jagody, przejażdżki rowerowe. W pobliżu spływy kajakowe Drawą - możliwość wypożyczenia kajaków i zwiedzania Drawieńskiego Parku Narodowego. Dla gości Brzozowego Zagajnika udostępniamy: rowery, łódkę wędkarską, stół do gry w ping ponga, trampolinę ogrodową, kosz do gry w koszykówkę, huśtawki, piaskownicę, ognisko oraz grill.';
}


.figureprzyczepa {
	position: relative;
	height: auto;
	float: left;
	background: white;
	border: 10px solid white;
	/*-webkit-transform: rotate(5deg);*/
	/*-moz-transform: rotate(5deg);*/
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 1s ease;
}

.figureprzyczepa:focus {
	position: absolute;
	width: auto;
	/*min-height: 100%;*/
	/*min-width: 100%;*/
	/*width: 100%; /!* Scale down *!/*/
	/*height: 100%;*/
	/*top: 50%;*/
	/*/!*left: 50%;*!/*/
	/*overflow: auto;*/
	margin-right:-50%;
	margin-top:-50%;
	/*-webkit-transform: scale(2.5);*/
	/*-moz-transform: scale(1.5);*/
	-moz-transform-origin: 0% 0%;
	/*z-index: 9999;*/
}

.figureprzyczepa:after {
	content: 'Kliknij w tekst, aby dowiedzieć się więcej...';
	font-style: italic;
	font-size: medium;
}

.figureprzyczepa:focus:after {
	font-style: inherit;
	font-size: inherit;
	content: 'Witamy w Białym Domku- nowym miejscu relaksu i wypoczynku dla szczególnie wymagających. Dom położony jest w miejscowości Radęcin, na nowym Osiedlu Leśnym, bezpośrednio przed linią brzegową jeziora. Okolica spokojna, sielankowa, wokół lasy sosnowe i bukowe. Cisza, spokój, śpiewptaków. Widok z tarasu- bezcenny. Dom murowany, posadowiony na 8-arowej, ogrodzonej działce porośniętej sosnami, brzozami, leśnym runem. Dom składa się z 5 oddzielnych sypialni, salonu z aneksem kuchennym, 2 łazienek. Kuchnia- duża lodówka z oddzielnym zamrażalnikiem, zmywarka, czajnik bezprzewodowy, toster, mikrofalówka, robot kuchenny, zestaw sztućców, konfekcja stołowa, komplet garnków, patelni. Salon- dwie kanapy, okrągły stół, który rozkłada się do wielkości 230 cm, krzesła, telewizor, wieża z odtwarzaczem CD. Biały, kaflowy kominek w chłodne wieczory stworzy niepowtarzalny nastrój. 2 łazienki- na parterze i na piętrze- prysznic, wc, pralka. 5 oddzielnych sypialni- 2 na parterze oraz 3 na piętrze. Łącznie 16 miejsc do spania. Sypialnie urządzone klimatycznie i stylowo. Tutaj poczujesz się jak we własnym domu. Na piętrze znajduje się niewielka biblioteczka oraz kącik dla malucha. Taras zadaszony, osłonięty od deszczu i wiatru. Na tarasie - duży rozkładany stół z krzesłami oraz wygodne kanapy. Na terenie działki jest wydzielone miejsce na ognisko, ławka, huśtawka, piaskownica. Całość komponuje się z naturalnym leśnym pejzażem. Do dyspozycji naszych gości mamy rowery oraz łódkę wędkarską przycumowaną na prywatnym pomoście. Przyjedź do Białego Domku i zakochaj się.'; 
	}



.figuredrawienski {
	width: 150%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: auto;
	float: left;
	background: white;
	border: 10px solid white;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 1s ease;
}

.figuredrawienski:focus {
	z-index: 9999;
	position: absolute;
	width: auto;
	height: 200%;
	overflow-y: scroll;
	margin-left:-70%;
	-moz-transform: scale(1);
	margin-top:-50%;
	-moz-transform-origin: 0% 0%;
}

.figuredrawienski:focus:after {
	content: 'Jest to najbardziej malowniczy fragment Równiny Drawskiej, dużego obszaru na Pojezierzu Pomorskim, zajętego przez zwarty kompleks leśny Puszczy Drawskiej. Park narodowy, o charakterystycznym kształcie przestrzennym zbliżonym do litery V, obejmuje dolinę rzeki Drawy i jej dopływu - Płocicznej oraz fragmenty Puszczy wraz ze śródleśnymi łąkami, torfowiskami i jeziorami. Dużo tu miejsc, które podkreślają związek człowieka z puszczą - stare, wyludnione osady, ewangelickie cmentarze, ruiny młynów, tartaków, kościołów. Park został utworzony w 1990 roku, jego powierzchnia wynosi 11 441,34 ha. Pozornie powszedni krajobraz ale gdy przemierzymy monotonne lasy sosnowe, zaskoczą nas starodrzewia, zarośnięte kilkusetletnimi buczynami doliny rzek, porośnięte szuwarami jeziora. Świat zwierząt Parku jest bardzo bogaty. Jedną z najliczniejszych i najlepiej zbadaną grupą są ptaki, których w Parku zanotowano 129 gatunków lęgowych. Najcenniejszymi wśród nich są: bielik, rybołów, jarząbek, włochatka, orlik krzykliwy, puchacz, gągoł, tracze, bocian czarny, zimorodek, pliszka górska oraz wiele innych. Ponadto na terenie Parku występuje 7 gatunków gadów. Czasem można spotkać żółwia błotnego, kumaka nizinnego, traszki (zwyczajną i grzebieniastą) oraz rzekotkę drzewną. W roku 1978 r. tryumfalnie powrócił na te tereny bóbr i stał się jednym z najliczniejszych gatunków osiągając poziom pojemności środowiska. Coraz częściej można obserwować występowanie wydry oraz borsuka i jenota oraz liczne jelenie, sarny i dziki. Dobre warunki tlenowe i czystość akwenów pozwalają utrzymać się rzadkim gatunkom ryb. W Drawie i Płocicznej tarło odbywa troć wędrowna, na stałe zadomowił się pstrąg i lipień. W jeziorze Ostrowiec bytuje cenna, bardzo rzadka troć jeziorowa. Ogółem w wodach Parku występuje ok. 37 gatunków ryb, w tym takie jak: sieja, sielawa, brzana, certa, piekielnica i restytuowany łosoś. Łąki czerwienią się od storczyków, przy śródleśnych jeziorkach i bijących źródłach jest zielono od mchów, w rzece wydra walczy z węgorzem, bielik upatruje swojej ofiary w którymś z jezior. Drawieński Park Narodowy odznacza się bogactwem występujących tu typów ekosystemów. Miarą tego bogactwa jest liczba 224 udokumentowanych zbiorowisk roślinnych. Powierzchniowo dominują lasy - stanowią ponad 80 proc. powierzchni Parku - przede wszystkim buczyny, lęgi olszowe i olsy, a także płaty borów sosnowych. Charakterystycznymi elementami przyrody Parku są także torfowiska, oraz ekosystemy wodne i łąkowe.Puszcza Drawska, obecnie zwarty kompleks leśny, jeszcze sto lat temu była mozaiką lasów, pastwisk i pól. Jej dzisiejszy krajobraz jest w znacznym stopniu ukształtowany przez tradycyjną gospodarkę, zwłaszcza leśną, a jego elementami są relikty dawniejszej ludzkiej aktywności. Wzdłuż całego wschodniego ramienia Parku ciągnie się unikatowy zabytek techniki - Kanał Sicieński, zbudowany w XIX wieku dla nawodnienia łąk nad Drawą. Kanał ten prowadził wodę z odległego o około 27 km jeziora Sitno i do dziś - mimo że obecnie suchy - imponuje skalą przedsięwzięcia.Wzdłuż wschodniego ramienia Parku ciągnie się też pasmo fortyfikacji Wału Pomorskiego, zbudowanych w latach trzydziestych XX wieku. Znajduje się tu kilkadziesiąt schronów bojowych i innych obiektów - schronów dowodzenia, łącznic telefonicznych, fundamentów wież obserwacyjnych, zapór przeciwczołgowych itp., zachowanych w różnym stanie. Drobny, lecz mający swój udział w całości krajobrazu kulturowego Puszczy element to rozproszone w lasach resztki starych cmentarzy, których nagrobki zlewają się niemal zupełnie z otaczającą roślinnością, a także rozproszone przy drogach kamienne słupy drogowskazowe, o zupełnie zatartej dziś treści. W granicach Parku leży osada leśna Głusko, niegdyś centrum dużego majątku rolnego. Zachowało się tu skupisko zabytków techniki: elektrownia wodna na Drawie z przełomu XIX i XX wieku, pozostałości napędzanego kołem wodnym wodociągu wiejskiego, kościół przebudowany z dawnego browaru, miejsca dziewiętnastowiecznych hut szkła. Natomiast w leżącym częściowo w granicach Drawieńskiego Parku Narodowego Zatomiu zachowały się przykłady tradycyjnej zabudowy z czerwonej cegły z detalami typowymi dla regionu. Więcej takich przykładów można znaleźć w wioskach w otulinie Parku. Dużą atrakcją są spływy kajakowe Drawą Od głębokich dolin, poprzez wielkie jeziora i puszcze, między mokradłami i uroczymi miasteczkami wije się malownicza Drawa. Raz szeroka, raz wąska, tu płytka, tam głęboka, dostarcza różnorodnych wrażeń. Dodatkową atrakcją są liczne jeziora leżące na szlaku. Tropiciele historii odnajdą w mijanych po drodze miasteczkach interesujące zabytki, fascynującą przygodą okaże się przeprawa przez wielkie poligon, a w Drawieńskim Parku Narodowym czeka na kajakarzy nieskażona przyroda. Szlakiem tym często pływał w młodości Karol Wojtyła, toteż trasę ochrzczono jego imieniem. Szlaki piesze Wędrowanie po lasach Puszczy Drawskiej jest najlepszym sposobem poznania jej charakteru. Na terenie Drawieńskiego Parku Narodowego i w jego najbliższym otoczeniu wyznaczona jest sieć szlaków pieszych o długości 77 kilometrów. Wiodą przez lasy, nad rzekami, jeziorami, piaszczystymi drogami, brukiem, przez wzgórza i doliny. Szlak czerwony im. St. Czarnieckiego Drawno - Drawnik - Barnimie - biwak Barnimie - rez. Drawski Matecznik - Zatom (szlak zielony do Korytnicy) - Święta Hala (Wydrzy Głaz) - rez. Radęcin - osada leśna Moczele (szlak niebieski do jez. Ostrowieckiego) - Głusko (szlak żółty do jez. Ostrowieckiego) - elektrownia Kamienna - Stare Osieczno; długość 36,7 km. Szlak tranzytowy ze Szczecina przez Recz, Drawno, Stare Osieczno, Drawiny, Gorzów Wlkp., do Kostrzynia. Szlak czerwony Tuczno - Człopa Tuczno - Martew - Martwica (szlak niebieski do Krępy Kraj.) - jez. Marta - jez. Zdroje (Wydrowe) - punkt widokowy Śmiałkowe Wzgórza - most koło Miradza (szlak niebieski wzdłuż jezior Dominikowskich do Drawna) - Pustelnia (szlak żółty wzdłuż jez. Ostrowieckiego) - most za Węgornią (szlak niebieski do Jagody) - Załom - Człopa; długość 31,4 km Szlak niebieski dolina Cieszynki - Jagoda Dolina Cieszynki - most za Węgornią (szlak czerwony Tuczno - Człopa) - punkt widokowy Stara Węgornia - osada leśna Ostrowite - jez. Czarne - most Karolinka - Jagoda (szlak żółty Człopa -Stare Osieczno, szlak czarny Załom - Szczuczarz); długość 9,7 km Szlak niebieski Martwica - Krępa Krajeńska Martwica (szlak czerwony Tuczno - Człopa) - rez. Głodne Jeziorka - Krępa Krajeńska; długość 7,8 km Szlak niebieski most koło Miradza - Drawno Most koło Miradza (szlak czerwony Tuczno - Człopa) - Miradz - Jelenie - Nowa Korytnica - jez. Środkowe - jez. Szerokie - pole biwakowe Biały Zdrój - jez. Krzywe - jez. Dominikowo Wielkie - Dominikowo - Sieniawa - Drawno (szlak żółty dookoła jezior drawieńskich, szlak czerwony Drawno - Stare Osieczno); długość 28,4 km Szlak niebieski Moczele - jez. Ostrowieckie Moczele (szlak czerwony Drawno - Stare Osieczno) - jez. Ostrowieckie (szlak żółty Pustelnia - Głusko); długość 4,2 km Szlak czarny jez. Ostrowieckie - Ostrowite jez. Ostrowieckie (szlak żółty Pustelnia - Głusko, szlak niebieski dolina Cieszynki - Jagoda) - osada leśna Ostrowite; długość 2,1 km Szlak czarny Załom - Szczuczarz Załom (szlak czerwony Tuczno - Człopa) - Jagoda (szlak żółty Człopa - Stare Osieczno) - Szczuczarz; długość 11,4 km Szlak żółty Pustelnia - Głusko Pustelnia (szlak czerwony Tuczno - Człopa) - jez. Ostrowieckie - Głusko (szlak czerwony Drawno- Stare Osieczno); długość 10,6 km Szlak żółty Człopa - Stare Osieczno Człopa - Dzwonowo - Jagoda (szlak czarny Załom - Szczuczarz, szlak niebieski dolina Cieszynki - Jagoda) - Stare Osieczno; długość 20 km Szlak żółty dookoła jezior drawieńskich Drawno - jez. Grażyna - Drawno- Drawnik (szlak czerwony Drawno - Stare Osieczno) - jez. Dubie - Drawno; długość 13,8 km Szlak zielony Zatom - Nowa Korytnica Zatom (szlak czerwony Drawno- Stare Osieczno) - leśniczówka Międzybór - Jaźwiny - Nowa Korynica (szlak niebieski wzdłuż jezior dominikowskich); długość 16,7 km Szlak zielony Tuczno - Człopa Tuczno (szlak czerwony Tuczno - Człopa) - jez. Tuczno - Martew (szlak czerwony Tuczno- Człopa) - Brzeźniak - Golin - Człopa; długość 20,3 km Szlaki rowerowe W Drawieńskim Parku Narodowym można poruszać się rowerem po szlakach pieszych. Nieprzejezdny dla roweru jest szlak żółty nad jez. Ostrowiec z Głuska do Pustelni, trudne są fragmenty szlaku żółtego Stare Osieczno - Człopa. Wycieczki rowerowe Parkowymi duktami leśnymi mogą utrudniać brukowe i piaszczyste nawierzchnie. Szlak wodny Drawa uważana jest przez kajakarzy za jeden z najpiękniejszych szlaków wodnych w Polsce. Swoje źródła ma na wysokości 150 m n.p.m. w Dolinie Pięciu Jezior koło Połczyna Zdroju. Płynie przez dwie krainy geograficzne: Pojezierze Drawskie, gdzie przepływa przez liczne jeziora i Równinę Drawską wijąc się wśród pomorskich lasów. Powierzchnia jej dorzecza wynosi prawie 3300 km2. Kończy bieg wpływając do Noteci na wysokości 30 m n.p.m. w okolicy Krzyża Wlkp. Średni spadek Drawy wynosi 0,6?. Długość Drawy 186 km. Długość szlaku 173 km. W granicach Drawieńskiego Parku Narodowego Drawa ma zmienny charakter; najpierw jest spokojna, następnie przyspiesza bieg, a w bystrym nurcie pojawiają się liczne zwalone drzewa. Kręte koryto wśród łąk i lasów podcina wysokie brzegi piaszczystych skarp. Szybki prąd i kamieniste dno zmieniają się na kolejnych odcinkach szlaku w leniwy nurt i piaszczyste dno porośnięte podwodnymi łąkami. . Drawno (most między jeziorami, Przystań Wodna DPN) - 0,0 km - Drawnik (miejsce biwakowania ze schronem turystycznym) - 2,5 km - Barnimie most (zatoczka umożliwiająca przybicie do brzegu, pomost kajakowy, we wsi sklep spożywczy) - 7,3 km - biwak Barnimie - 10,9 km; długość odcinka 10,9 km. . Biwak Barnimie - kładka Zatom (15 km) - biwak Bogdanka (19,7 km) dł. 8,8 km. . Biwak Bogdanka - punkt widokowy Wydrzy Głaz- biwak Sitnica (27,6 km) dł. 7,9 km. . Biwak Sitnica - biwak Pstrąg (33,4 km) dł. 5,8 km . Biwak Pstrąg - most niskowodny Żeleźnica (36,8 km) - biwak Kamienna (39,3 km) dł. 5,9 km. . Biwak Kamienna - Stare Osieczno (43,3 km) dł. 5,4 km.';
}


.figureryby {
	overflow: hidden;
	position: relative;
	height: auto;
	float: left;
	background: white;
	border: 10px solid white;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 1s ease;
}

.figureryby:focus {
	position: absolute;
	width: auto;
	height: auto;
	overflow-y: scroll;
	margin-left:-70%;
	-moz-transform: scale(1);
	margin-top:-50%;
	/*-moz-transform-origin: 0% 0%;*/

}

.figureryby:focus:after {
	content: 'Niewątpliwie największą atrakcją naszego zakątka jest jezioro. I są to nie tylko orzeźwiające wodne kąpiele, wyczynowe skoki z pomostu czy wyścigi na tzw. mieliznę odznaczoną na środku jeziora dużym kamieniem i wetkniętym w dno kołkiem. Jezioro to także raj dla wędkarzy. W wyznaczonym miejscu we wsi trzeba wykupić pozwolenie na wędkowanie- na łykend, na tydzień lub dwa, w zależności od potrzeb. W jeziorze są okonki, płocie, zdarzy się szczupak czy nawet węgorz. W lasach radęcińskich znajdziesz mnóstwo podgrzybków, kozaków, kurek i borowików. Stali miejscowi zbieracze znają co prawda specjalne miejsca grzybne ale i dla zbierających spacerujących zostanie wiele leśnego " złotego runa". Piękne lasy radęcińskie są poprzecinane urokliwymi ścieżkami w sam raz na rowerowe wycieczki, spacery czy Nordic Walking . Zimą z powodzeniem można szusować na nartach biegowych. Osoby prowadzące aktywny tryb życia z pewnością znajdą tutaj wiele atrakcji. Szczególnie zachęcam do skorzystania z oferty Drawieńskiego Parku Narodowego -spływu kajakiem rzeką Drawą. Jest to naprawdę niezapomniane przeżycie !!!';
}
/*********************************************************************************/
/* Spinner                                                                       */
/*********************************************************************************/

@-moz-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
@-webkit-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
@-o-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
@-ms-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
@keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }

/*********************************************************************************/
/* Loader                                                                        */
/*********************************************************************************/

@-moz-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
@-ms-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
@-webkit-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
@-o-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
@-ms-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
@keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
@-moz-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
@-webkit-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
@-o-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
@-ms-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
@keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }

body {
	text-decoration: none;
}

body:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

body:before {
	-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
	-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
	-o-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
	-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
	animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	color: #ececec;
	content: '\f1ce';
	cursor: default;
	display: block;
	font-size: 2em;
	height: 2em;
	left: 50%;
	line-height: 2em;
	margin: -1em 0 0 -1em;
	opacity: 0;
	position: fixed;
	text-align: center;
	top: 50%;
	width: 2em;
	z-index: -1;
}

body:after {
	-moz-animation: overlay-hide 1.5s ease-in forwards !important;
	-webkit-animation: overlay-hide 1.5s ease-in forwards !important;
	-o-animation: overlay-hide 1.5s ease-in forwards !important;
	-ms-animation: overlay-hide 1.5s ease-in forwards !important;
	animation: overlay-hide 1.5s ease-in forwards !important;
	background: #ffffff;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}

body.is-loading:before {
	-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
	-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
	-o-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
	-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
	animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
	z-index: 100001;
}

body.is-loading:after {
	-moz-animation: none !important;
	-webkit-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
	opacity: 1;
	z-index: 100000;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	body:before {
		line-height: 2.025em;
	}
}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

.icon {
	text-decoration: none;
}

.icon:before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 1.25em;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.icon > .label {
	display: none;
}
#map { height: 500px; visibility: hidden; width: 500px; }
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header {
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	background: rgba(255,255,255,0.95);
	height: 3em;
	line-height: 3em;
	box-shadow: 0 0 0.15em 0 rgba(0,0,0,0.1);
}

body {
	padding-top: 3em;
}

#logo {
	position: absolute;
	left: 1em;
	top: 0;
	height: 3em;
	line-height: 3em;
	letter-spacing: -1px;
}

#logo a {
	font-size: 1.25em;
}

#nav {
	position: absolute;
	right: 0.5em;
	top: 0;
	height: 3em;
	line-height: 3em;
}

#nav ul {
	margin: 0;
}

#nav ul li {
	display: inline-block;
	margin-left: 0.5em;
	font-size: 0.9em;
}

#nav ul li a {
	display: block;
	color: inherit;
	text-decoration: none;
	height: 3em;
	line-height: 3em;
	padding: 0 0.5em 0 0.5em;
	outline: 0;
}

/*********************************************************************************/
/* Intro                                                                         */
/*********************************************************************************/

#intro {
	background: url('images/overlay_white.png'), url('../images/background.jpg');
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
	background-position: top left, bottom center;
	background-repeat: repeat, no-repeat;
}

/*********************************************************************************/
/* One                                                                           */
/*********************************************************************************/

#brzozowy {
	background: url('images/overlay_white.png'), url('../images/radlo1.jpg');
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}

/*********************************************************************************/
/* Two                                                                           */
/*********************************************************************************/

#przyczepa {
	background: url('images/overlay_white.png'), url('../images/34.JPG');
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}

#atrakcje {
	background: url('images/overlay_white.png'), url('../images/back_main.jpg');
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}


/*********************************************************************************/
/* Work                                                                          */
/*********************************************************************************/

#work {
	background: url('images/overlay_white.png'), '../images/przyczepa/34.JPG');
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
	padding-bottom: 0;
	overflow: hidden;
}

#work .row.images {
}

#work .row.imagesiframe {
	position: relative;
	padding-bottom: 70%;
	height: 0;
	overflow: hidden;
}

#work .row.imagesiframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#work .row.images .image {
	position: relative;
	top: 0;
	left: 0;
	opacity: 1.0;

	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;

	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

#work .row.images.inactive {
}

#work .row.images.inactive .image {
	opacity: 0;
}

#work .row.images.inactive .image.from-left {
	left: -14em;
}

#work .row.images.inactive .image.from-right {
	left: 14em;
}

#work .row.images.inactive .image.from-top {
	top: -7em;
}

#work .row.images.inactive .image.from-bottom {
	top: 7em;
}

#work .row.imagesiframe.inactive .image.from-bottom {
	bottom: -30em;
}

#work .box {
	position: relative;
	bottom: 0;

	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;

	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

#work.inactive {
}

#work.inactive .box {
	bottom: -30em;
}

/*********************************************************************************/
/* Work                                                                          */
/*********************************************************************************/

#galeria {
	background: url('images/overlay_white.png');
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
	padding-bottom: 0;
	overflow: hidden;
}

#galeria .row.images {
}

#galeria .row.imagesiframe {
	position: relative;
	padding-bottom: 70%;
	height: 0;
	overflow: hidden;
}

#galeria .row.imagesiframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#galeria .row.images .image {
	position: relative;
	top: 0;
	left: 0;
	opacity: 1.0;

	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;

	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

#galeria .row.images.inactive {
}

#galeria .row.images.inactive .image {
	opacity: 0;
}

#galeria .row.images.inactive .image.from-left {
	left: -14em;
}

#galeria .row.images.inactive .image.from-right {
	left: 14em;
}

#galeria .row.images.inactive .image.from-top {
	top: -7em;
}

#galeria .row.images.inactive .image.from-bottom {
	top: 7em;
}

#galeria .row.imagesiframe.inactive .image.from-bottom {
	bottom: -30em;
}

#galeria .box {
	position: relative;
	bottom: 0;

	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;

	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

#galeria.inactive {
}

#galeria.inactive .box {
	bottom: -30em;
}

/*********************************************************************************/
/* Contact                                                                       */
/*********************************************************************************/

#contact {
	padding-bottom: 0;
	overflow: hidden;

	background: url('images/overlay_white.png'), url('../images/green-background.jpg');
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}

#contact .box {
	position: relative;
	bottom: 0;

	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;

	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

#contact.inactive {
}

#contact.inactive .box {
	bottom: -30em;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer {
	position: relative;
	height: 5em;
	line-height: 5em;
	margin: 0;
	background: #39454b;
	color: #999;
	color: rgba(185,186,187,0.5);
	overflow: hidden;
}

#footer a {
	color: #999;
	color: rgba(185,186,187,0.5);
}

#footer a:hover {
	color: #bbb;
	color: rgba(185,186,187,1.0);
}

#footer .actions {
	position: absolute;
	left: 1em;
	top: 0.25em;
	height: 5em;
	line-height: 5em;
	margin: 0;
}

#footer .actions li {
	font-size: 1.25em;
	margin: 0;
}

#footer .actions li a {
	padding: 0.5em;
}

#footer .menu {
	position: absolute;
	right: 2em;
	top: 0;
	height: 5em;
	line-height: 5em;
	margin: 0;
}

#footer .menu li {
	font-size: 0.9em;
}

/*********************************************************************************/
/* Poptrox                                                                       */
/*********************************************************************************/

.poptrox-popup {
	background: #fff;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	#padding-bottom: 3em;
	box-shadow: 0 0.1em 0.15em 0 rgba(0,0,0,0.15);
}

.poptrox-popup .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1em 0 0 -1em;
	width: 2em;
	height: 2em;
	display: block;
	font-size: 2em;
}

.poptrox-popup .loader:before {
	-moz-animation: spinner-rotate 0.75s infinite linear !important;
	-webkit-animation: spinner-rotate 0.75s infinite linear !important;
	-o-animation: spinner-rotate 0.75s infinite linear !important;
	-ms-animation: spinner-rotate 0.75s infinite linear !important;
	animation: spinner-rotate 0.75s infinite linear !important;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
	color: #ececec;
	content: '\f1ce';
	cursor: default;
	display: block;
	height: 2em;
	left: 0;
	line-height: 2em;
	position: absolute;
	text-align: center;
	top: 0;
	width: 2em;
}

.poptrox-popup .nav-next,
.poptrox-popup .nav-previous {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	background: rgba(0,0,0,0.01);
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}

.poptrox-popup .nav-next:before,
.poptrox-popup .nav-previous:before {
	content: '';
	position: absolute;
	width: 96px;
	height: 64px;
	background: url('images/poptrox-nav.svg');
	top: -moz-calc(50% - 1.5em);
	top: -webkit-calc(50% - 1.5em);
	top: -o-calc(50% - 1.5em);
	top: -ms-calc(50% - 1.5em);
	top: calc(50% - 1.5em);
	margin: -32px 0 0 0;
}

.poptrox-popup:hover .nav-next,
.poptrox-popup:hover .nav-previous {
	opacity: 0.5;
}

.poptrox-popup:hover .nav-next:hover,
.poptrox-popup:hover .nav-previous:hover {
	opacity: 1.0;
}

.poptrox-popup .nav-previous:before
{
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;
}

.poptrox-popup .nav-next {
	right: 0;
}

.poptrox-popup .nav-next:before {
	right: 0;
}

.poptrox-popup .nav-previous {
	left: 0;
}

.poptrox-popup .nav-previous:before {
	left: 0;
}

.poptrox-popup .closer {
	position: absolute;
	top: 0;
	right: 0;
	width: 64px;
	height: 64px;
	text-indent: -9999px;
	z-index: 2;
	opacity: 0;
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}

.poptrox-popup .closer:before {
	content: '';
	display: block;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	box-shadow: inset 0 0 0 2px #fff;
	background: url('images/poptrox-closer.svg') center center;
	color: #fff !important;
}

.poptrox-popup:hover .closer {
	opacity: 0.5;
}

.poptrox-popup:hover .closer:hover {
	opacity: 1.0;
}

/*********************************************************************************/
/* Touch Mode                                                                    */
/*********************************************************************************/

body.is-touch {
}

body.is-touch .main {
	background-attachment: scroll !important;
}

body.is-touch .poptrox-popup {
}

body.is-touch .poptrox-popup .nav-next,
body.is-touch .poptrox-popup .nav-previous,
body.is-touch .poptrox-popup .closer {
	opacity: 1.0 !important;
}