/* INIT -----------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt, figure {
	margin: 0;
	padding: 0;
	border: 0;
	outline-style: none;
	outline-width: 0;
}
a, a:visited {
	text-decoration: none;
}
a {
	color: #555;
	outline-style: none;
	outline-width: 0;
}
a:hover {
	color: #000;
}
ol, ul {
	list-style: none;
}
legend {
	display: none;
}
body, input, textarea, select, option, optgroup, button {
	font-family: 'Sora', sans-serif;
}
input, textarea, select, option, optgroup, button {
	font-size: 12px;
}
* {
	box-sizing: border-box;
}
/* LAYOUT -----------------------------------------------------------------------------*/
html {
	font-size: 0.625em;
	scroll-behavior: smooth;
}
body {
	min-height: 900px;
	background: #fff;
	color: #000;
	font-size: 1.6rem;
	scroll-behavior: smooth;
}
.wrapper {
	width: 100%;
	margin: 0 auto;
	padding-left: calc(16rem + 50px);
	padding-right: calc(16rem + 50px);
}
.wrap {
	width: 100%;
	margin: 0 auto;
	padding: 0 16rem;
}
/* HEADER -----------------------------------------------------------------------------*/
.header {
	height: auto;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	padding: 25px 0;
	padding: 25px 0;
	gap: 25px;
}
.logo a {
	float: left;
}
.top-nav {
	float: right;
}
.path {
	width: 100%;
	float: right;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
}
.search {
	margin: 20px 0;
	float: left;
}
.input-search {
	padding: 8px 5px;
	border: 1px solid #DDDDDD;
}
.btn-search {
	cursor: pointer;
	padding: 7px 5px;
	border: 1px solid #DDDDDD;
	background: #fff;
}
.lang {
	font-size: 10px;
	margin-bottom: 10px;
	width: 100%;
	height: 20px;
}
.lang li {
	width: auto;
	float: left;
}
/* MENU -----------------------------------------------------------------------------*/
.menu {
	float: right;
	width: auto;
	position: relative;
}
.menu li {
	float: left;
	margin: 0px 0 0 30px;
}
.menu li:first-child {
	margin: 0;
}
.menu li a {
	float: left;
	padding: 8px 15px;
	font-size: 1.4rem;
	color: #000;
	transition: all 0.3s ease;
	letter-spacing: .1rem;
	font-weight: 500;
}
.menu li.active a {
	color: #00CFC8;
}
.menu li:hover {
}
.menu li a:hover {
	color: #00CFC8;
}
.menu .submenu {
	display: none;
	position: absolute;
	top: 32px;
	width: 300px;
	background: #e2e2e2;
	z-index: 5;
}
.menu .submenu li {
	float: none !important;
}
.nav-btn {
	width: 25px;
	transform: rotate(0deg);
	transition: all .5s ease-in-out;
	transform-origin: 50% 50%;
	cursor: pointer;
	z-index: 9999;
	display: none;
}
.nav-btn span:first-child, .nav-btn span:nth-child(2), .nav-btn span:last-child {
	top: 0;
	transform: rotate(0deg);
	transition: .7s ease-in-out;
}
.nav-btn:hover span:nth-child(2) {
	width: 20px;
}
.nav-btn:hover span:last-child {
	width: 25px;
}
.nav-btn:hover span:first-child {
	width: 15px;
}
.nav-btn span {
	position: relative;
	display: block;
	width: 25px;
	height: 3px;
	margin-bottom: 4px;
	background: #1d1d1b;
}
.nav-btn-open {
	transform: rotate(180deg);
}
.nav-btn-open span:first-child {
	top: 7px;
	transform: rotate(45deg);
	background: #00cfc8;
}
.nav-btn-open span:nth-child(2) {
	top: 0;
	transform: rotate(-45deg);
	background: #00cfc8;
}
.nav-btn-open span:last-child {
	opacity: 0;
	top: -7px;
	transform: rotate(-45deg);
}
.nav-btn-open:hover span:first-child, .nav-btn-open:hover span:nth-child(2), .nav-btn-open:hover span:last-child {
	width: 25px;
}
.menu-mob {
	max-width: 300px;
	height: 100%;
	padding: 23px 35px;
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 0;
	right: 0;
	background: #fff;
	z-index: 400;
	transform: translateX(100%);
	transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
	justify-content: space-between;
	opacity: 0;
}
.menu-mob h2 {
	font-weight: 300;
	font-size: 2.6rem;
	letter-spacing: 2px;
}
.menu-mob h2 strong {
	font-weight: 700;
}
.menu-mob-open {
	max-width: 300px;
	opacity: 1;
	transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-mob-open::before {
	content: '';
	width: 100vw;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	right: 100%;
	top: 0;
	transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-mob-open {
	transform: translateX(0);
}
.menu-mob ul {
	float: left;
	list-style: outside none none;
	padding: 0;
	width: 100%;
}
.menu-mob li {
	float: left;
	width: 100%;
	transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	transition-delay: 0s, 0s;
	transform: translateX(100%) translateX(-7.5rem);
}
.menu-mob-open ul li:nth-child(1) {
	transition-delay: .15s;
}
.menu-mob-open ul li:nth-child(2) {
	transition-delay: .20s;
}
.menu-mob-open ul li:nth-child(3) {
	transition-delay: .25s;
}
.menu-mob-open ul li:nth-child(4) {
	transition-delay: .30s;
}
.menu-mob-open ul li:nth-child(5) {
	transition-delay: .35s;
}
.menu-mob-open ul li:nth-child(6) {
	transition-delay: .40s;
}
.menu-mob-open ul li:nth-child(7) {
	transition-delay: .45s;
}
.menu-mob-open ul li:nth-child(8) {
	transition-delay: .50s;
}
.menu-mob-open ul li:nth-child(9) {
	transition-delay: .55s;
}
.menu-mob-open ul li:nth-child(10) {
	transition-delay: .60s;
}
.menu-mob-open ul li {
	transform: translateX(0);
	opacity: 1;
}
.menu-mob ul li a {
	font-size: 2rem;
	text-decoration: none;
	color: #000;
	font-weight: 500;
	line-height: 4rem;
}
.menu-mob .submenu {
	display: none;
}
.menu-mob a:hover {
}
.menu-mob-open .adres {
	transform: translateX(0);
	opacity: 1;
}
.adres {
	font-size: 1.2rem;
	font-weight: 600;
	border-top: 1px solid #ddd;
	padding-top: 25px;
	line-height: 1.5;
	transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	transition-delay: 0s, 0s;
	transition-delay: .7s;
	transform: translateY(100%);
	opacity: 0;
	text-align: left;
}
.adres a {
	color: #00cfc8;
	text-decoration: underline;
}
.adres a:hover {
}
/* CONTENT -----------------------------------------------------------------------------*/
.content {
}
.main {
	width: 100%;
	display: inline-block;
	min-height: 300px;
}
h1 {
}
h2 {
}
h3 {
}
/* ARTICLE -----------------------------------------------------------------------------*/
.article {
	padding: 50px;
	min-height: 300px;
	float: left;
	width: 100%;
}
.article h1 {
	font-weight: bold;
	font-size: 5.4rem;
	line-height: 6rem;
	color: #000;
	display: inline-block;
}
.article h2 {
}
.art-content {
}
.art-body {
	word-wrap: break-word;
	line-height: 1.5;
}
.article ul {
	list-style-image: url(../images/li.svg);
	margin: 10px 20px;
}
.article li {
	color: #000;
	line-height: 20px;
}
.art-date {
}
.art-author {
}
/* galeria artykulu */
.art-gallery {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.art-gallery h3, .art-files h3 {
	width: 100%;
	padding: 10px 0 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;
	font-size: 15px;
	font-weight: normal;
}
.art-gallery .thumb, .art-gallery .thumb a {
}
.art-gallery .thumb a img {
}
/* za��czniki artykulu */
.art-files {
	display: inline-block;
	width: 100%;
}
.files-item {
	line-height: 22px;
	padding-left: 20px;
}
.files-item a {
}
/* FILE ICONS -----------------------------------------------------------------------------*/
.ico-doc {
	background: url(/images/filetypes/document-word.png) no-repeat left 2px;
}
.ico-xls {
	background: url(/images/filetypes/document-excel.png) no-repeat left 2px;
}
.ico-ppt {
	background: url(/images/filetypes/document-powerpoint.png) no-repeat left 2px;
}
.ico-pdf {
	background: url(/images/filetypes/document-pdf.png) no-repeat left 2px;
}
.ico-image {
	background: url(/images/filetypes/document-image.png) no-repeat left 2px;
}
.ico-archive {
	background: url(/images/filetypes/document-zipper.png) no-repeat left 2px;
}
/* ASIDE -----------------------------------------------------------------------------*/
.aside {
	width: 30%;
	float: right;
	background: transparent;
	min-height: 300px;
}
/* SUBMENU -----------------------------------------------------------------------------*/
.submenu-body {
	padding: 20px
}
.submenu-top {
}
.submenu-foot {
}
/* level-0 */
ul.level-0 {
	width: 100%;
	border: 1px solid #DDDDDD;
}
li.level-0 {
	padding: 5px;
	border-bottom: 1px solid #DDDDDD;
}
li.level-0:last-child {
	border-bottom: 0;
}
li.level-0 a {
}
li.level-0.active {
}
li.level-0:hover {
}
/* level-N */
li.level-1 {
	padding: 10px;
}
/* ANIM -----------------------------------------------------------------------------*/
.anim-wrap {
}
.anim {
}
.anim slides {
}
.anim slides img {
}
ul.anim-nav {
}
ul.anim-nav li {
}
ul.anim-nav li a {
}
/* NEWS-LISTING -----------------------------------------------------------------------------*/
.news-listing {
}
.news-item {
	padding-bottom: 25px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ddd;
}
.news-item h2 {
	display: inline-block;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 10px;
}
.news-item-content {
}
.news-item-info {
	display: inline-block;
	padding-left: 80px;
	position: relative;
}
.news-item-date {
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 0px;
	font-size: 13px;
	padding: 0px 5px 0px 0;
	border-right: 1px solid #ddd;
}
.news-item-author {
}
.news-item-detail {
}
.news-item-intro {
}
.news-item-more {
	float: right;
	display: none;
}
/* NEWS -----------------------------------------------------------------------------*/
.news {
}
.news-info {
}
.news-date {
}
.news-author {
}
.news-content {
	display: inline-block;
	padding-top: 20px;
	width: 100%;
}
.news-thumb {
	float: left;
	padding: 5px;
	border: 1px solid #ddd;
	margin: 0 15px 5px 5px;
}
.news-intro {
	display: inline;
}
.news-body {
}
a.news-back {
}
/* PAGINATION -----------------------------------------------------------------------------*/
.pagination {
	height: 30px;
	padding-top: 10px;
	width: 100%;
}
.pagination .pages {
}
.pagination a {
	float: left;
	margin-right: 5px;
}
.pagination span {
	float: left;
	margin-right: 5px;
}
.pagination a.active {
}
/* GALLERY -----------------------------------------------------------------------------*/
.gallery {
/* tylko jesli kontener galerii jest inny niz artykulu */
}
.gallery-item {
}
.gallery .thumb, .art-gallery .thumb {
}
.gallery .thumb, .gallery .thumb a {
}
.gallery .thumb a img {
}
.thumb-desc {
}
.gallery .thumb.gallery-cat {
}
.gallery-cat-name {
}
/* FORM -----------------------------------------------------------------------------*/
.form-data {
	margin: 20px 0 0 0;
	display: inline-block;
	width: 100%;
}
.form-elem-group {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.form-elem-name {
	width: 100%;
	float: left;
	padding: 8px 0;
	font-size: 1.2rem;
}
.form-elem-input {
	float: left;
	width: 100%;
}
.form-elem-input input[type=text], .form-elem-input select, .form-elem-input textarea {
	width: 100%;
	float: left;
	padding: 12px 15px;
	border: 1px solid #c8c8c8;
	font-size: 2rem;
}
.form-elem-input input[type=text]:focus, .form-elem-input select:focus, .form-elem-input textarea:focus {
	border: 1px solid #000;
}
.form-elem-input select {
	width: 100%;
}
.form-data textarea {
	height: 150px;
	resize: none;
}
.form-elem-input input[type=radio], .form-elem-input input[type=checkbox] {
	font-size: 12px !important;
	margin: 0 6px !important;
	vertical-align: middle;
}
.form-btn-send {
	float: left;
	margin: 0!important;
	border: 0;
	cursor: pointer;
	width: 100%;
}
.form-elem-input label {
	font-size: 1.2rem;
}
.captcha-code {
}
.captcha-input {
}
.input-has-error {
	border: 1px solid red !important;
}
.form-error {
	color: red;
	font-size: 10px;
}
/* SEARCH RESULT -->> tylko jesli lista ma byc inna ni� lista aktualnosci -----------------------------------------------------------------------------*/
.search-result {
}
.search-result news-item {
}
/* SITEMAP -----------------------------------------------------------------------------*/
.site-map {
}
.site-map ul.level-0 {
}
.site-map ul.level-0 li {
}
.site-map ul.level-1 {
}
.site-map ul.level-1 li {
}
/* FOOTER -----------------------------------------------------------------------------*/
.footer {
	height: auto;
	width: 100%;
	float: left;
	border-top: 1px solid #000;
	padding-top: 50px;
	margin-top: 50px;
}
ul.foot-nav {
	float: left;
}
ul.foot-nav li {
	float: left;
	margin-left: 50px;
}
ul.foot-nav li a {
	color: #000;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: .1rem;
	transition: all 0.3s ease;
}
ul.foot-nav li a:hover {
	color: #00CFC8;
}
.footer-inner {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 50px;
	align-items: center;
}
.footer-inner > div {
	display: flex;
	justify-content: space-between;
	gap: 50px;
	flex-flow: row wrap;
	align-items: center;
}
/* LOGIN -----------------------------------------------------------------------------*/
.login-wrap {
	position: relative;
}
.login-panel {
	margin-top: -38px;
	color: #fff;
	background-color: #000;
	padding: 10px;
}
/************ <<< STANDARD CLASSES >>> ************/
/* TABLE -----------------------------------------------------------------------------*/
table {
}
table thead tr th {
}
table tfoot tr th {
}
table tr {
}
table tr td {
}
table tr.odd td {
}
table tr.even td {
}
table tr:hover {
}
table tr:hover td {
}
table tr:hover td:hover {
}
/* DEFAULTS -----------------------------------------------------------------------------*/
.w100p {
	width: 100% !important;
}
.w50p {
	width: 48% !important;
}
.w30p {
	width: 28% !important;
}
.dn {
	display: none !important;
}
.db {
	display: block !important;
}
.dib {
	display: inline-block !important;
}
.di {
	display: inline !important;
}
.fl {
	float: left !important;
}
.fr {
	float: none !important;
}
.cl {
	clear: left !important;
}
.cr {
	clear: right !important;
}
.cb {
	clear: both !important;
}
.disabled {
	opacity: 0.4;
	filter: Alpha(Opacity=40);
}
.debug {
	text-align: center;
	background-color: yellow;
	color: #000;
	font-weight: bold;
}
/************ <<< === FUTURE CLASSES === >>> ************/
/* MODULE BOX -----------------------------------------------------------------------------*/
.module-box-top {
}
.module-box-body {
}
.module-box-foot {
}
/* SUPERNEWS -----------------------------------------------------------------------------*/
/* ANIMATIONS -->> klasy dziedziczone z .anim + $id -----------------------------------------------------------------------------*/
.wrapIE {
	width: 900px;
	margin: 0 auto;
	position: relative;
}
.ieElder {
	position: absolute;
	top: -300px;
	left: 200px;
	height: 287px;
	width: 500px;
	border: 5px solid #8ABEF1;
	z-index: 99999999999;
	background: url(/images/browsers.jpg) no-repeat 0 0;
}
.ieElder-close {
	bottom: 0;
	cursor: pointer;
	height: 20px;
	left: 0;
	position: absolute;
	width: 76px;
}
.ieElder-later {
	bottom: 0;
	cursor: pointer;
	height: 20px;
	position: absolute;
	right: 0;
	width: 54px;
}
.get-chrome {
	height: 176px;
	left: 56px;
	position: absolute;
	top: 76px;
	width: 150px;
}
.get-ff {
	height: 176px;
	left: 290px;
	position: absolute;
	top: 76px;
	width: 150px;
}
#cookies_warning {
	position: fixed;
	bottom: 50px;
	right: 50px;
	background: #fff;
	font-size: 1.1rem;
	padding: 50px 0 0;
	z-index: 9999;
	max-width: 400px;
	box-shadow: 0 0 25px rgba(0,0,0,0.15);
	animation: 500ms slideIn cubic-bezier(.35,.57,.4,.89);
	line-height: 1.5;
}
@keyframes slideIn {
from {
	bottom: -500px;
}
to {
	bottom: 0;
}
}
#cookies_warning_close {
	color: #cbcbd7;
	position: absolute;
	top: 5px;
	right: 5px;
}
#cookies_warning_close a {
	font-size: 3rem;
	text-decoration: none;
	transition: all 0.3s ease;
	height: 40px;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#cookies_warning_close a:hover {
	background: #ddd;
	color: #000;
}
#cookies_warning_info {
	padding: 0px 30px;
	color: #29333D;
	width: 100%;
	float: left;
}
#cookies_accept {
	transition: all 0.3s ease;
	display: inline-block;
	text-align: center;
	width: 100%;
}
#cookies_accept:hover {
}
#cookies_accept_container {
	padding: 15px 30px 30px 30px;
	float: left;
	width: 100%;
}
#cookies_accept .fa {
}
#cookies_warning_info a {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
#cookies_warning_info a:hover {
	color: #00cfc8;
}
.hidden {
	display: none;
}
.g-recaptcha-error {
	display: none;
	font-size: 12px;
	color: red;
}
body.ff-paragraph p {
	margin-bottom: 2em !important;
}
body.ff-lines {
	line-height: 3em !important;
}
body.ff-word {
	word-spacing: 1em !important;
}
body.ff-letter {
	letter-spacing: .25em !important;
}
#addToCartError,
#addToCartSuccess {
	display: none;
}
.slider li {
	min-height: 100px;
}
.bg-lines {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	display: flex;
	width: 100%;
	height: 100%;
	padding-right: 16rem;
	padding-left: 16rem;
	flex-direction: row;
	justify-content: space-between;
}
.bg-line {
	width: 1px;
	height: 100%;
	background-color: rgba(0,0,0,.1);
}
.heading-h1 {
	text-transform: uppercase;
	font-size: 12.8rem;
	line-height: 13rem;
	padding-left: 30px;
	position: relative;
}
.heading-h1:after {
	width: 3px;
	height: 88%;
	content: '';
	background: #00CFC8;
	position: absolute;
	left: 0;
	top: 14px;
	z-index: -1;
}
.outer-slider {
	float: left;
	width: 100%;
	position: relative;
}
.bx-wrapper img {
	max-width: 100%;
	width: 100%;
}
.outer-slider .bx-wrapper .bx-pager {
	text-align: left;
	padding-left: 50px;
}
.outer-slider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #000;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	border-radius: 50%;
}
.outer-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .outer-slider .bx-wrapper .bx-pager.bx-default-pager a.active, .outer-slider .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #00CFC8;
}
.btn {
	font-weight: bold;
	font-size: 1.4rem;
	letter-spacing: .1rem;
	padding: 12px 30px;
	transition: all 0.2s ease;
	position: relative;
	cursor: pointer;
}
.btn-green {
	background: #00CFC8;
	color: #fff;
}
.btn-black {
	background: #000;
	color: #fff;
}
.btn-black.btn-background-slide::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background-color: #00CFC8;
	transition: transform 200ms ease-in-out;
	transform: scaleX(0);
	transform-origin: left;
}
.btn-black.btn-background-slide:hover,  .btn-black.btn-background-slide:focus {
	color: #000;
}
.btn-background-slide::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background-color: #000;
	transition: transform 200ms ease-in-out;
	transform: scaleX(0);
	transform-origin: left;
}
.btn-background-slide:hover::before, .btn-background-slide:focus::before {
	transform: scaleX(1);
}
.btn-background-slide:hover, .btn-background-slide:focus {
	color: #00cfc8;
}
.btn-background-slide {
	transition: color 200ms ease-in-out;
	z-index: 1;
}
.arrow-down {
	font-weight: bold;
	font-size: 1.2rem;
	color: #000;
	display: flex;
	align-items: center;
	gap: 5px;
	width: 70px;
	transform: rotate(90deg);
	align-self: flex-end;
	margin-bottom: 44px;
	transition: all 0.3s ease;
}
.arrow-down:hover {
	color:  #00CFC8;
}
.arrow-down .feather {
	width: 18px;
	color:  #00CFC8;
	transition: all 0.3s ease;
}
.arrow-down:hover .feather {
	transform: translateX(5px);
}
.heading {
	float: left;
	width: 100%;
	margin: 100px 0;
	display: flex;
	justify-content: space-between;
}
.p-50 {
	padding: 50px;
}
.inwestycja-box {
	background: #fff;
	width: 50%;
	float: right;
	margin-top: -220px;
	z-index: 10;
	position: relative;
	transform-origin: left;
	transform: scaleX(0);
	transition: 0.5s ease;
}
.img-box {
	position: relative;
	transform-origin: left;
	transform: scaleX(0);
	transition: 0.5s ease;
}
.inwestycja-box[data-scroll="in"], .img-box[data-scroll="in"] {
	transform: scaleX(1);
}
.inwestycja-box:before, .img-box:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00CFC8;
	transform-origin: right;
	transition: 0.5s ease;
	z-index: 1;
}
.inwestycja-box[data-scroll="in"]:before, .img-box[data-scroll="in"]:before {
	transform: scaleX(0);
	transition-delay: 0.5s;
}
.box h2, h1 {
	position: relative;
	width: 100%;
	padding: 5px 0;
	transition: 0.5s ease;
	transform-origin: left;
	transform: scaleX(0);
}
.box h2[data-scroll="in"], h1[data-scroll="in"] {
	transform: scaleX(1);
}
.box h2[data-scroll="in"]:before, h1[data-scroll="in"]:before {
	transform: scaleX(0);
	transition-delay: .5s;
}
.box h2:before, h1:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	transform-origin: right;
	transition: 0.5s;
}
.box .pre-title {
	font-weight: normal;
	font-size: 1.6rem;
	color:  #00CFC8;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.box h2 {
	font-weight: bold;
	font-size: 5.4rem;
	line-height: 6rem;
	color:  #000;
	width: 100%;
	float: left;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.box p {
	line-height: 2;
	font-weight: normal;
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.link-arrow {
	font-weight: bold;
	font-size: 1.2rem;
	color: #000;
	display: flex;
	align-items: center;
	gap: 5px;
	float: right;
	transition: all 0.3s ease;
}
.link-arrow:hover {
	color:  #00CFC8;
}
.link-arrow .feather {
	width: 18px;
	color:  #00CFC8;
	transition: all 0.3s ease;
}
.link-arrow:hover .feather {
	transform: translateX(5px);
}
.domy-szczegoly {
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 100px;
	margin-top: 50px;
}
.domy-szczegoly li h2 {
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
	margin-bottom: 20px;
	color:  #00CFC8;
	font-weight: normal;
	font-size: 1.6rem;
	width: 100%;
	float: left;
}
.domy-szczegoly li h3 {
	line-height: 5rem;
	font-weight: bold;
	font-size: 4.8rem;
}
.domy-szczegoly li h3 sup {
	font-size: 3rem;
}
.btn-outer {
	float: left;
	width: 100%;
	text-align: center;
	margin: 100px 0;
}
.btn-big {
	font-size: 2.4rem;
}
.grid-2 {
	display: grid;
	width: 100%;
	float: left;
	grid-template-columns: 50% 50%;
	align-items: center;
}
.text-right {
	text-align: right;
}
.img-fit {
	object-fit: cover;
	height: 100% !important;
	width: 100% !important;
	display: flex;
}
.firmy {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.firmy li, .domy-szczegoly li, .btn-anim {
	transition: 1s ease;
	transform: translateY(-100px);
	opacity: 0;
}
.firmy li[data-scroll="in"], .domy-szczegoly li[data-scroll="in"] {
	transform: translateY(0);
	transition-delay: 0.25s;
	opacity: 1;
}
.btn-anim[data-scroll="in"] {
	transform: translateY(0);
	transition-delay: .5s;
	opacity: 1;
}
.btn-anim {
}
.firmy li[data-scroll="in"]:nth-child(1) {
	transition-delay: 0.25s;
}
.firmy li[data-scroll="in"]:nth-child(2) {
	transition-delay: 0.5s;
}
.firmy li[data-scroll="in"]:nth-child(3) {
	transition-delay: .75s;
}
.firmy li[data-scroll="in"]:nth-child(4) {
	transition-delay: 1s;
}
.firmy li[data-scroll="in"]:nth-child(5) {
	transition-delay: 1.25s;
}
.firmy li[data-scroll="in"]:nth-child(6) {
	transition-delay: 1.5s;
}
.firmy li[data-scroll="in"]:nth-child(7) {
	transition-delay: 1.75s;
}
.domy-szczegoly li[data-scroll="in"]:nth-child(1) {
	transition-delay: 0.25s;
}
.domy-szczegoly li[data-scroll="in"]:nth-child(2) {
	transition-delay: .5s;
}
.domy-szczegoly li[data-scroll="in"]:nth-child(3) {
	transition-delay: .75s;
}
.domy-szczegoly li[data-scroll="in"]:nth-child(4) {
	transition-delay: 1s;
}
.firmy li a img {
	transition: all 0.3s ease;
}
.firmy li a img:hover {
	transform: translateY(-10px);
}
.kambit-inner {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	font-size: 1.2rem;
	color: #000;
	font-weight: 400;
	padding-bottom: 100px;
}
.kambit-inner a {
	display: flex;
	color: #000;
	align-items: center;
}
.mapa iframe {
	width: 100%!important;
}
.mapa {
	width: 100%;
	float: left;
	margin-top: 50px;
}
.from-bg {
	box-shadow: 0px 3px 54px rgba(0,0,0,0.07);
	float: left;
	width: 50%;
	padding: 50px;
	background: #fff;
}
.formularz .art-content {
	width: 50%;
	float: left;
}
.art-body a:hover {
	color: #00cfc8;
}
.art-body a {
	transition: all .3s ease-in-out;
	color: #000;
	font-weight: 500;
	text-decoration: underline;
}
.grid-item {
	width: 33.333%;
}
.grid-item a {
	width: 100%;
	height: 100%;
	float: left;
}
.grid-item img {
	width: 100%;
	display: flex;
	padding: 3px 3px;
}
.news-list ul {
	float: left;
	width: 100%;
	display: grid;
	grid-gap: 80px 50px;
	grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
	grid-auto-flow: row dense;
	margin: 0;
	list-style: none;
}
.news-list ul li a figure {
	height: 100%;
}
.news-list ul li a img {
	display: flex;
	transition: all 0.3s ease;
	object-fit: cover;
	height: 100% !important;
	width: 100% !important;
}
.news-list ul li a .txt {
	float: left;
	width: 100%;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news-list ul li a .txt h2 {
	font-size: 2.4rem;
	color: #000;
	font-weight: 600;
}
.heading-txt {
	margin-top: 50px;
	float: left;
	width: 100%;
}
.heading-txt h1 {
	font-size: 8.6rem;
	font-weight: 500;
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 20px;
}
.heading-txt .line {
	height: 3px;
	background: #00cfc8;
	flex-grow: 1;
}
.menu-mob ul li .btn-small {
	padding: 6px 15px;
	color: #fff;
}
.map-rzut-outer {
	display: flex;
	justify-content: center;
	width: 100%;
}
a .lupa i {
	font-style: normal;
}
.rezerwacja_table {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
}
.rezerwacja_table thead {
	height: 50px;
	border-bottom: 1px solid #00cfc8;
}
.rezerwacja_table thead tr th {
	font-size: 1.2rem;
	text-transform: lowercase;
	height: 50px
}
.rezerwacja_table td.center {
	text-align: center
}
.reservationForm,
#process,
#success,
#is_reserved {
	padding: 10px;
	width: 700px;
}
#process,
#success,
#is_reserved {
	text-align: center;
	margin: 100px 0;
}
.reservationForm ul {
	margin: 0;
	padding: 0;
}
table {
	font-size: 1.4rem;
}
table thead tr th {
}
table tfoot tr th {
}
table tr {
}
table tr td {
	padding: 16px;
}
table tr.odd td {
	background: #272734;
}
table tr.even td {
}
table tr:nth-child(odd) td {
	color: #000;
}
table tr:nth-child(even) td {
	background: #e5e5e5;
	color: #000;
}
.available {
	color: #fff;
	background: #00cfc8;
	font-size: 1.2rem;
	padding: 8px;
	width: 140px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.05rem;
}
.reservation {
	color: #fff;
	background: #dbb008;
	font-size: 1.2rem;
	padding: 8px;
	width: 140px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.05rem;
}
.sold {
	color: #fff;
	background: #ff4261;
	font-size: 1.2rem;
	padding: 8px;
	width: 140px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.05rem;
}
table tr:hover {
}
table tr:hover td {
	background: #cafce9!important;
}
table tr:hover td:hover {
}
.reservationForm h2 {
	text-align: left !important;
	color: #000;
	float: none !important;
	padding: 20px 0 !important;
	font-size: 1.8rem;
	font-weight: 600;
	text-transform: uppercase;
}
.reservationForm .form-left h2 {
	text-align: left !important;
	color: #000;
	float: none !important;
	padding: 0 0 10px !important;
	font-size: 1.8rem;
	font-weight: 600;
	text-transform: uppercase;
}
.details {
	width: 100%;
	border-collapse: collapse;
}
.details tr:nth-child(2n) td {
	background: #f3f3f3;
	color: #000;
}
.details tr td {
	padding: 10px;
}
.reservationForm .form-right {
	float: left;
	width: 100%;
	padding: 20px 40px 40px;
}
.reservationForm .form-left {
	float: left;
	width: 100%;
	padding: 40px 40px 0;
}
.reservationForm form ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.reservationForm ul li label {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-size: 1.2rem;
	font-weight: 500;
	color: #000;
}
.reservationForm ul li input[type="text"] {
	border: 1px solid #000;
	padding: 10px;
	font-size: 2rem;
	width: 100%;
	font-weight: 600;
}
#form-info {
	padding: 20px;
	border: 2px dashed #00cfc8;
	color: #00cfc8;
	font-size: 1.4rem;
	text-align: center;
	margin: 20px 0;
}
.reservationForm .btn {
	border: none;
}
.btn-big {
	width: 100%;
}
#errorContainer ul {
	color: #935F0E;
}
#errorContainer ul {
	background: #FFBCB3;
	padding: 20px;
	color: #7A0C47;
	font-size: 1.4rem;
	margin-bottom: 20px;
}
.reservationForm {
	background: #fff;
	float: left;
}
.lupa {
	width: 40px;
	height: 40px;
	display: inline-block;
	padding-top: 8px;
	text-align: center;
	color: #00cfc8;
	transition: all 0.3s ease;
}
.lupa .feather {
	width: 20px;
}
.lupa:hover {
	background: #000;
	color: #00cfc8;
}
.partnerzy-box {
	float: left;
	width: 100%;
	margin-top: 200px;
}
.partnerzy-box h2 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 2rem;
	line-height: normal;
	margin-bottom: 0;
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px;
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}
	/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none;
if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important;
*/
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-right: 9px solid;
	margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}
.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}
.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.tooltipster-light {
	border-radius: 3px;
	background: #2a2a2a;
	color: #fff;
}
.tooltipster-light .tooltipster-content {
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(/js/treeview/images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(/js/treeview/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(/js/treeview/images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(/js/treeview/images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(/js/treeview/images/treeview-red.gif); } 

.treeview-black li { background-image: url(/js/treeview/images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(/js/treeview/images/treeview-black.gif); }  

.treeview-gray li { background-image: url(/js/treeview/images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(/js/treeview/images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(/js/treeview/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/js/treeview/images/treeview-famfamfam.gif); } 

.treeview .placeholder {
	background: url(/js/treeview/images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(/js/treeview/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(/js/treeview/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(/js/treeview/images/file.gif) 0 0 no-repeat; }
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/js/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	z-index: 1101;
	outline: none;
	display: none;
  margin-left: 20px;
  margin-top: 20px;  
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;

}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;

}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -30px;
	right: -30px;
	width: 30px;
	height: 30px;
	background: transparent url('/js/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
    text-indent: -9999px;
}

#fancybox-left-ico {
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/js/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {

}

#fancybox-bg-n {

}

#fancybox-bg-ne {

}

#fancybox-bg-e {

}

#fancybox-bg-se {

}

#fancybox-bg-s {

}

#fancybox-bg-sw {

}

#fancybox-bg-w {

}

#fancybox-bg-nw {

}

#fancybox-title {

font-size: 14px;
z-index: 1102;
font-weight: 500!important;
margin: 0 !important;
bottom: 0 !important;
}
#fancybox-title b {


font-weight: 500!important;

}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 20px;
	background-image: url('/js/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/js/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/js/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/js/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }