.blocker{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:1;
	padding:20px;
	box-sizing:border-box;
	background-color:#000;
	background-color:rgba(0,0,0,.75);
	text-align:center
}
.blocker:before{
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-.05em
}
.blocker.behind{
	background-color:transparent
}
.modal{
	display:none;
	vertical-align:middle;
	position:relative;
	z-index:2;
	max-width:500px;
	box-sizing:border-box;
	width:90%;
	background:#fff;
	padding:15px 30px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-o-box-shadow:0 0 10px #000;
	-ms-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
	text-align:left
}
.modal a.close-modal{
	position:absolute;
	top:-12.5px;
	right:-12.5px;
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)
}
.modal-spinner{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	transform:translateY(-50%) translateX(-50%);
	padding:12px 16px;
	border-radius:5px;
	background-color:#111;
	height:20px
}
.modal-spinner>div{
	border-radius:100px;
	background-color:#fff;
	height:20px;
	width:2px;
	margin:0 1px;
	display:inline-block;
	-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
	animation:sk-stretchdelay 1.2s infinite ease-in-out
}
.modal-spinner .rect2{
	-webkit-animation-delay:-1.1s;
	animation-delay:-1.1s
}
.modal-spinner .rect3{
	-webkit-animation-delay:-1s;
	animation-delay:-1s
}
.modal-spinner .rect4{
	-webkit-animation-delay:-.9s;
	animation-delay:-.9s
}
@-webkit-keyframes sk-stretchdelay{
	0%,100%,40%{
		-webkit-transform:scaleY(.5)
	}
	20%{
		-webkit-transform:scaleY(1)
	}
}
@keyframes sk-stretchdelay{
	0%,100%,40%{
		transform:scaleY(.5);
		-webkit-transform:scaleY(.5)
	}
	20%{
		transform:scaleY(1);
		-webkit-transform:scaleY(1)
	}
}
@font-face{
	font-family:Muli;
	font-style:normal;
	font-weight:300;
	src:url(../assets/fonts/muli/muli-v20-latin_latin-ext-300.eot);
	src:local(""),url(../assets/fonts/muli/muli-v20-latin_latin-ext-300.eot?#iefix) format("embedded-opentype"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-300.woff2) format("woff2"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-300.woff) format("woff"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-300.ttf) format("truetype"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-300.svg#Muli) format("svg")
}
@font-face{
	font-family:Muli;
	font-style:normal;
	font-weight:400;
	src:url(../assets/fonts/muli/muli-v20-latin_latin-ext-regular.eot);
	src:local(""),url(../assets/fonts/muli/muli-v20-latin_latin-ext-regular.eot?#iefix) format("embedded-opentype"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-regular.woff2) format("woff2"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-regular.woff) format("woff"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-regular.ttf) format("truetype"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-regular.svg#Muli) format("svg")
}
@font-face{
	font-family:Muli;
	font-style:normal;
	font-weight:500;
	src:url(../assets/fonts/muli/muli-v20-latin_latin-ext-500.eot);
	src:local(""),url(../assets/fonts/muli/muli-v20-latin_latin-ext-500.eot?#iefix) format("embedded-opentype"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-500.woff2) format("woff2"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-500.woff) format("woff"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-500.ttf) format("truetype"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-500.svg#Muli) format("svg")
}
@font-face{
	font-family:Muli;
	font-style:normal;
	font-weight:700;
	src:url(../assets/fonts/muli/muli-v20-latin_latin-ext-700.eot);
	src:local(""),url(../assets/fonts/muli/muli-v20-latin_latin-ext-700.eot?#iefix) format("embedded-opentype"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-700.woff2) format("woff2"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-700.woff) format("woff"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-700.ttf) format("truetype"),url(../assets/fonts/muli/muli-v20-latin_latin-ext-700.svg#Muli) format("svg")
}
body,html{
	background-color:#202531
}
body{
	font-family:Muli,sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	font-size:13px;
	line-height:16px
}
a,a:hover{
	color:#fff;
	text-decoration:none
}
.btn{
	cursor:pointer;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:transparent
}
h1{
	margin:0;
	font-size:21px;
	line-height:26px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
h2{
	margin:0;
	font-size:14px;
	line-height:20px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
@media (min-width:992px){
	h2{
		font-size:16px;
		line-height:24px
	}
}
h3,h4{
	font-size:14px;
	line-height:20px
}
@media (min-width:992px){
	h3,h4{
		font-size:16px;
		line-height:24px
	}
}
h4{
	margin-top:30px;
	margin-bottom:5px
}
li,p{
	font-weight:300;
	font-size:14px;
	line-height:20px
}
@media (min-width:992px){
	li,p{
		font-size:16px;
		line-height:24px
	}
}
b{
	font-weight:700
}
.main-background{
	width:100%;
	height:calc(100vh - 70px);
	height:calc(var(--innerHeight) - 70px);
	z-index:1;
	border-radius:0 0 15px 15px;
	background:linear-gradient(134.72deg,#3023ae 0,#286ade 100%);
	box-shadow:0 0 100px 0 rgba(0,0,0,.5);
	-moz-transition:height .4s;
	-o-transition:height .4s;
	-webkit-transition:height .4s;
	transition:height .4s;
	overflow:hidden
}
@media (min-width:768px){
	.main-background{
		height:calc(100vh - 70px);
		height:calc(var(--innerHeight) - 70px);
		border-radius:0 0 30px 30px
	}
}
.content-view .main-background{
	height:82vh;
	height:calc(var(--innerHeight) * .83);
	-moz-transition:height .4s;
	-o-transition:height .4s;
	-webkit-transition:height .4s;
	transition:height .4s
}
@media (min-width:768px){
	.content-view .main-background{
		height:85vh;
		height:calc(var(--innerHeight) * .85)
	}
}
*{
	outline:0
}
.hotspot{
	position:absolute;
	opacity:1;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	-webkit-transition:opacity .3s;
	transition:opacity .3s;
	z-index:2;
	margin:-40px 0 0 -40px;
	cursor:pointer;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
@media (min-width:768px){
	.hotspot{
		margin:-75px 0 0 -75px
	}
}
@media (min-width:992px){
	.hotspot{
		margin:-100px 0 0 -100px
	}
}
.hotspot__size{
	width:80px;
	height:80px
}
@media (min-width:768px){
	.hotspot__size{
		width:150px;
		height:150px
	}
}
@media (min-width:992px){
	.hotspot__size{
		width:200px;
		height:200px
	}
}
.hotspot__tutorial__size{
	width:100%;
	height:100%
}
.hotspot__circle{
	position:absolute;
	width:0;
	height:0;
	left:50%;
	top:50%;
	border:2px solid rgba(255,255,255,0);
	border-radius:50%;
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	pointer-events:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.hotspot__circle__wrapper{
	position:relative;
	pointer-events:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.hotspot__circle.animate{
	width:100%;
	height:100%
}
.hotspot__circle .hexagon{
	opacity:0
}
.hotspot__circle__1.animate .hexagon{
	animation:circle-pulse 4s infinite;
	width:100%;
	height:100%
}
.hotspot__circle__2.animate .hexagon{
	animation:circle-pulse 4s ease 2s infinite;
	width:100%;
	height:100%
}
@keyframes circle-pulse{
	0%{
		opacity:0;
		-moz-transform:scale(.05);
		-o-transform:scale(.05);
		-ms-transform:scale(.05);
		-webkit-transform:scale(.05);
		transform:scale(.05)
	}
	40%{
		opacity:1
	}
	100%{
		border-width:2px;
		opacity:0;
		-moz-transform:scale(1);
		-o-transform:scale(1);
		-ms-transform:scale(1);
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
.scroll-icon{
	position:absolute;
	width:22px;
	height:42px;
	bottom:10px;
	left:50%;
	margin-left:-12px;
	border-radius:15px;
	border:2px solid #fff;
	animation:intro 1s
}
@media (min-width:768px){
	.scroll-icon{
		bottom:80px
	}
}
.scroll-icon .dot{
	display:block;
	width:3px;
	height:3px;
	margin:6px auto;
	border-radius:4px;
	background:#fff;
	animation:finger 1s infinite
}
@keyframes intro{
	0%{
		opacity:0;
		transform:translateY(40px)
	}
	100%{
		opacity:1;
		transform:translateY(0)
	}
}
@keyframes finger{
	0%{
		opacity:1
	}
	100%{
		opacity:0;
		transform:translateY(20px)
	}
}
.main{
	position:relative;
	background:#1c3e8e,radial-gradient(circle,#00c5ff 0,rgba(48,0,127,0) 100%)
}
.main__btn{
	position:absolute
}
.main__about{
	left:30px;
	top:40px;
	line-height:40px
}
@media (min-width:768px){
	.main__about{
		left:60px;
		top:calc(60px - 10px)
	}
}
@media (min-width:992px){
	.main__about{
		top:calc(60px - 20px)
	}
}
.main__about__icon{
	display:inline-block;
	vertical-align:top;
	height:40px;
	margin-right:5px
}
@media (min-width:768px){
	.main__about__icon{
		height:45px
	}
}
@media (min-width:992px){
	.main__about__icon{
		height:50px
	}
}
.main__menu{
	right:30px;
	top:50px;
	line-height:22px
}
@media (min-width:768px){
	.main__menu{
		right:60px;
		top:60px
	}
}
.main__menu__icon{
	margin-left:10px
}
.main__menu__bg{
	position:absolute;
	z-index:-1;
	top:-51px;
	right:-52px;
	width:191px;
	-moz-transition:all .4s;
	-o-transition:all .4s;
	-webkit-transition:all .4s;
	transition:all .4s
}
@media (min-width:768px){
	.main__menu__bg{
		top:-60px;
		right:-60px
	}
}
@media (min-width:992px){
	.main__menu__bg{
		top:-72px;
		right:-74px;
		width:234px
	}
}
.main__menu__content{
	z-index:2;
	font-weight:500
}
.main__back{
	left:30px;
	bottom:30px;
	opacity:0;
	-moz-transition:opacity .4s;
	-o-transition:opacity .4s;
	-webkit-transition:opacity .4s;
	transition:opacity .4s
}
@media (min-width:768px){
	.main__back{
		left:60px;
		bottom:60px
	}
}
.main__back.hidden{
	opacity:0!important;
	-moz-transition:opacity .4s;
	-o-transition:opacity .4s;
	-webkit-transition:opacity .4s;
	transition:opacity .4s;
	cursor:default;
	pointer-events:none
}
.content-view .main__back{
	opacity:1;
	-moz-transition:opacity .4s;
	-o-transition:opacity .4s;
	-webkit-transition:opacity .4s;
	transition:opacity .4s;
	cursor:pointer;
	pointer-events:auto
}
.main__back img{
	margin-bottom:-5px
}
.main__scroll{
	position:absolute;
	left:50%;
	bottom:30px;
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	animation:move-arrow 2.5s infinite;
	opacity:0
}
@media (min-width:768px){
	.main__scroll{
		bottom:60px
	}
}
.main__scroll img{
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	margin-bottom:-5px
}
@keyframes move-arrow{
	0%{
		-moz-transform:translate(-50%,0);
		-o-transform:translate(-50%,0);
		-ms-transform:translate(-50%,0);
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0)
	}
	40%{
		-moz-transform:translate(-50%,10px);
		-o-transform:translate(-50%,10px);
		-ms-transform:translate(-50%,10px);
		-webkit-transform:translate(-50%,10px);
		transform:translate(-50%,10px)
	}
	80%{
		-moz-transform:translate(-50%,0);
		-o-transform:translate(-50%,0);
		-ms-transform:translate(-50%,0);
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0)
	}
}
.main__scroll.hidden{
	opacity:0!important;
	-moz-transition:opacity .4s;
	-o-transition:opacity .4s;
	-webkit-transition:opacity .4s;
	transition:opacity .4s;
	cursor:default;
	pointer-events:none
}
.content-view .main__scroll{
	opacity:1;
	-moz-transition:opacity .4s;
	-o-transition:opacity .4s;
	-webkit-transition:opacity .4s;
	transition:opacity .4s;
	cursor:pointer;
	pointer-events:auto
}
.fullscreen-button{
	position:absolute;
	right:30px;
	bottom:30px
}
@media (min-width:768px){
	.fullscreen-button{
		right:60px;
		bottom:60px
	}
}
.no-fullscreen .fullscreen-button{
	display:none
}
.fullscreen-button__label{
	opacity:1;
	pointer-events:auto
}
.content-view .fullscreen-button__label{
	opacity:0;
	pointer-events:none
}
.fullscreen-button__icon{
	margin-left:5px;
	vertical-align:bottom
}
.fullscreen-button__icon.min{
	display:none
}
.house{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:60px;
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	pointer-events:none
}
@media (orientation:landscape){
	.house{
		margin-top:20px
	}
}
@media (orientation:landscape) and (min-width:992px){
	.house{
		margin-top:60px
	}
}
.house__wrapper{
	position:relative;
	width:621px;
	min-width:100px;
	max-width:80vw;
	max-height:80vh;
	padding-bottom:117.7%;
	pointer-events:none
}
@media (orientation:landscape){
	.house__wrapper{
		max-width:35vw
	}
}
@media (orientation:landscape) and (min-width:992px){
	.house__wrapper{
		max-width:50vw
	}
}
@media (orientation:landscape) and (min-width:1200px){
	.house__wrapper{
		max-width:80vw;
		width:490px
	}
}
@media (orientation:landscape) and (min-width:1300px){
	.house__wrapper{
		max-width:80vw;
		width:621px
	}
}
.house__item-wrapper{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:1;
	-moz-transition:top .5s ease-in-out,opacity .5s ease-in-out;
	-o-transition:top .5s ease-in-out,opacity .5s ease-in-out;
	-webkit-transition:top .5s ease-in-out,opacity .5s ease-in-out;
	transition:top .5s ease-in-out,opacity .5s ease-in-out;
	pointer-events:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.house__item-wrapper.not-full{
	width:auto;
	height:auto;
	pointer-events:auto
}
.house__item-wrapper.hide-top{
	top:-40%;
	opacity:0;
	-moz-transition:top .5s ease-in-out,opacity .5s;
	-o-transition:top .5s ease-in-out,opacity .5s;
	-webkit-transition:top .5s ease-in-out,opacity .5s;
	transition:top .5s ease-in-out,opacity .5s
}
.house__item-wrapper.hide-inside img{
	left:-18%;
	top:-9%;
	-moz-transition:left .6s ease-out,top .6s ease-out;
	-o-transition:left .6s ease-out,top .6s ease-out;
	-webkit-transition:left .6s ease-out,top .6s ease-out;
	transition:left .6s ease-out,top .6s ease-out
}
.house__item-wrapper img,.house__item-wrapper svg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-moz-transition:left .6s ease-out,top .6s ease-out;
	-o-transition:left .6s ease-out,top .6s ease-out;
	-webkit-transition:left .6s ease-out,top .6s ease-out;
	transition:left .6s ease-out,top .6s ease-out
}
.not-full .house__item-wrapper img,.not-full .house__item-wrapper svg{
	width:auto;
	height:auto
}
.house .base__shadow{
	mix-blend-mode:multiply;
	bottom:0;
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	-moz-transition:transform .6s ease-out;
	-o-transition:transform .6s ease-out;
	-webkit-transition:transform .6s ease-out;
	transition:transform .6s ease-out
}
.house .base__shadow.small{
	-moz-transform:scale(.5);
	-o-transform:scale(.5);
	-ms-transform:scale(.5);
	-webkit-transform:scale(.5);
	transform:scale(.5);
	-moz-transition:transform .6s ease-out;
	-o-transition:transform .6s ease-out;
	-webkit-transition:transform .6s ease-out;
	transition:transform .6s ease-out
}
.house .sprzety.masked{
	-webkit-mask-size:var(--houseWidth) var(--houseHeight);
	-o-mask-size:var(--houseWidth) var(--houseHeight);
	-moz-mask-size:var(--houseWidth) var(--houseHeight);
	mask-size:var(--houseWidth) var(--houseHeight)
}
.house .sprzety.bed-mask{
	-webkit-mask-image:url(../assets/domek/01_baza/baza_dom_bed-mask.svg);
	-o-mask-image:url(../assets/domek/01_baza/baza_dom_bed-mask.svg);
	-moz-mask-image:url(../assets/domek/01_baza/baza_dom_bed-mask.svg);
	mask-image:url(../assets/domek/01_baza/baza_dom_bed-mask.svg)
}
.house .sprzety.car-mask{
	-webkit-mask-image:url(../assets/domek/01_baza/baza_dom_car-mask.svg);
	-o-mask-image:url(../assets/domek/01_baza/baza_dom_car-mask.svg);
	-moz-mask-image:url(../assets/domek/01_baza/baza_dom_car-mask.svg);
	mask-image:url(../assets/domek/01_baza/baza_dom_car-mask.svg)
}
.house .sprzety.shower-mask{
	-webkit-mask-image:url(../assets/domek/01_baza/baza_dom_shower-mask.svg);
	-o-mask-image:url(../assets/domek/01_baza/baza_dom_shower-mask.svg);
	-moz-mask-image:url(../assets/domek/01_baza/baza_dom_shower-mask.svg);
	mask-image:url(../assets/domek/01_baza/baza_dom_shower-mask.svg)
}
.house #hotspot-foto{
	left:calc(.27 * var(--houseWidth));
	top:calc(.177 * var(--houseHeight))
}
.fotowoltaika .house #hotspot-foto{
	opacity:0;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	-webkit-transition:opacity .3s;
	transition:opacity .3s
}
.house #hotspot-kotly{
	left:calc(.91 * var(--houseWidth));
	top:calc(.42 * var(--houseHeight))
}
.kotly-gazowe .house #hotspot-kotly{
	opacity:0;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	-webkit-transition:opacity .3s;
	transition:opacity .3s
}
.house #hotspot-pompy{
	left:calc(.445 * var(--houseWidth));
	top:calc(.63 * var(--houseHeight))
}
.pompy-ciepla .house #hotspot-pompy{
	opacity:0;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	-webkit-transition:opacity .3s;
	transition:opacity .3s
}
.house .extras{
	opacity:0
}
.house .foto{
	opacity:0;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	-webkit-transition:opacity .6s;
	transition:opacity .6s
}
.house .foto__salon{
	mix-blend-mode:overlay
}
.house .foto__swiatlo{
	mix-blend-mode:overlay
}
.fotowoltaika .house .foto.ready{
	opacity:1;
	-moz-transition:opacity .6s ease-in-out .6s;
	-o-transition:opacity .6s ease-in-out .6s;
	-webkit-transition:opacity .6s ease-in-out .6s;
	transition:opacity .6s ease-in-out .6s
}
.fotowoltaika .house .salon.ready{
	opacity:1;
	-moz-transition:opacity .6s ease-in-out .6s;
	-o-transition:opacity .6s ease-in-out .6s;
	-webkit-transition:opacity .6s ease-in-out .6s;
	transition:opacity .6s ease-in-out .6s
}
.house .kociol{
	opacity:0;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	-webkit-transition:opacity .6s;
	transition:opacity .6s
}
.kotly-gazowe .house .kociol.ready{
	opacity:1;
	-moz-transition:opacity .6s ease-in-out .6s;
	-o-transition:opacity .6s ease-in-out .6s;
	-webkit-transition:opacity .6s ease-in-out .6s;
	transition:opacity .6s ease-in-out .6s
}
.house .pompa{
	opacity:0;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	-webkit-transition:opacity .6s;
	transition:opacity .6s
}
.pompy-ciepla .house .pompa.ready{
	opacity:1;
	-moz-transition:opacity .6s ease-in-out .6s;
	-o-transition:opacity .6s ease-in-out .6s;
	-webkit-transition:opacity .6s ease-in-out .6s;
	transition:opacity .6s ease-in-out .6s
}
.kotly-gazowe .house .salon,.pompy-ciepla .house .salon{
	opacity:0;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	-webkit-transition:opacity .6s;
	transition:opacity .6s
}
.menu{
	position:fixed;
	right:0;
	top:0;
	height:calc(100vh - 70px);
	height:calc(var(--innerHeight) - 70px);
	border-radius:15px 0 0 15px;
	background:#6eb249;
	color:#fff;
	box-shadow:0 2px 200px 0 rgba(0,0,0,.5);
	-moz-transform:none;
	-o-transform:none;
	-ms-transform:none;
	-webkit-transform:none;
	transform:none;
	-moz-transition:transform .2s ease-out,height .2s,box-shadow .4s;
	-o-transition:transform .2s ease-out,height .2s,box-shadow .4s;
	-webkit-transition:transform .2s ease-out,height .2s,box-shadow .4s;
	transition:transform .2s ease-out,height .2s,box-shadow .4s;
	overflow-y:auto;
	max-width:100%;
	z-index:3
}
@media (min-width:768px){
	.menu{
		height:calc(100vh - 70px);
		height:calc(var(--innerHeight) - 70px);
		border-radius:30px 0 0 30px
	}
}
.content-view .menu{
	height:100vh;
	height:var(--innerHeight);
	-moz-transition:transform .2s ease-out,height .2s;
	-o-transition:transform .2s ease-out,height .2s;
	-webkit-transition:transform .2s ease-out,height .2s;
	transition:transform .2s ease-out,height .2s
}
.menu.hidden{
	box-shadow:0 0 0 0 rgba(0,0,0,.5);
	-moz-transform:translateX(100%);
	-o-transform:translateX(100%);
	-ms-transform:translateX(100%);
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
	-moz-transition:transform .3s,box-shadow .4s;
	-o-transition:transform .3s,box-shadow .4s;
	-webkit-transition:transform .3s,box-shadow .4s;
	transition:transform .3s,box-shadow .4s
}
.menu__wrapper{
	position:relative;
	padding:34px 30px;
	height:calc(100vh - 2 * 34px - 70px);
	height:calc(var(--innerHeight) - 2 * 34px - 70px);
	display:flex;
	justify-content:space-between;
	flex-direction:column
}
@media (min-width:768px){
	.menu__wrapper{
		padding:60px;
		height:calc(100vh - 2 * 60px - 70px);
		height:calc(var(--innerHeight) - 2 * 60px - 70px)
	}
}
.content-view .menu__wrapper{
	height:calc(100% - 2 * 34px)
}
@media (min-width:768px){
	.content-view .menu__wrapper{
		height:calc(100% - 2 * 60px)
	}
}
.menu__back img{
	-moz-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	transform:scaleX(-1)
}
.menu__nav ul{
	list-style:none;
	padding:0
}
.menu__item{
	position:relative;
	max-width:100vw;
	margin:20px 0;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.menu__item__link{
	display:inline-block;
	font-weight:700;
	margin-right:50px;
	font-size:17px
}
@media (min-width:768px){
	.menu__item__link{
		margin-right:80px
	}
}
.menu__item img{
	vertical-align:middle;
	height:16px;
	width:16px;
	padding-bottom:3px
}
.menu__item__icon{
	margin-right:10px
}
.menu__item__toggle{
	float:right;
	padding-top:2px
}
.menu__item__toggle .icon-plus__vertical{
	-moz-transform:scaleY(1);
	-o-transform:scaleY(1);
	-ms-transform:scaleY(1);
	-webkit-transform:scaleY(1);
	transform:scaleY(1);
	-moz-transition:transform .3s;
	-o-transition:transform .3s;
	-webkit-transition:transform .3s;
	transition:transform .3s
}
.menu__item__toggle.minus .icon-plus__vertical{
	-moz-transform:scaleY(0);
	-o-transform:scaleY(0);
	-ms-transform:scaleY(0);
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
	-moz-transition:transform .3s;
	-o-transition:transform .3s;
	-webkit-transition:transform .3s;
	transition:transform .3s
}
.menu__submenu{
	margin-left:31px;
	margin-bottom:40px;
	display:none
}
.menu__submenu li{
	margin-top:15px;
	color:#fff
}
.menu__submenu li:first-child{
	margin-top:25px
}
.about{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:calc(100vh - 70px);
	height:calc(var(--innerHeight) - 70px);
	z-index:3;
	border-radius:0 0 15px 15px;
	background:#1c3e8e;
	box-shadow:0 2px 200px 0 rgba(0,0,0,.5);
	opacity:1;
	-moz-transform:none;
	-o-transform:none;
	-ms-transform:none;
	-webkit-transform:none;
	transform:none;
	-moz-transition:transform .3s ease-out,box-shadow .2s;
	-o-transition:transform .3s ease-out,box-shadow .2s;
	-webkit-transition:transform .3s ease-out,box-shadow .2s;
	transition:transform .3s ease-out,box-shadow .2s
}
@media (min-width:768px){
	.about{
		height:calc(100vh - 70px);
		height:calc(var(--innerHeight) - 70px);
		border-radius:0 0 30px 30px
	}
}
@media (min-width:992px){
	.about{
		width:50%;
		max-width:720px;
		border-radius:0 30px 30px 0
	}
}
.content-view .about{
	height:100vh;
	height:var(--innerHeight)
}
.about.hidden{
	opacity:0;
	box-shadow:0 0 0 0 rgba(0,0,0,.5);
	-moz-transform:translateY(-100%);
	-o-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	-moz-transition:transform .4s,box-shadow .2s ease .2s,opacity 0s linear .5s;
	-o-transition:transform .4s,box-shadow .2s ease .2s,opacity 0s linear .5s;
	-webkit-transition:transform .4s,box-shadow .2s ease .2s,opacity 0s linear .5s;
	transition:transform .4s,box-shadow .2s ease .2s,opacity 0s linear .5s
}
@media (min-width:992px){
	.about.hidden{
		-moz-transform:translateX(-100%);
		-o-transform:translateX(-100%);
		-ms-transform:translateX(-100%);
		-webkit-transform:translateX(-100%);
		transform:translateX(-100%)
	}
}
.about__container{
	height:calc(100% - 30px);
	margin-top:15px;
	margin-bottom:15px;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch!important
}
@media (min-width:768px){
	.about__container{
		height:calc(100% - 60px);
		margin-top:30px;
		margin-bottom:30px
	}
}
.about__wrapper{
	position:relative;
	padding:40px 30px 60px 30px
}
@media (min-width:768px){
	.about__wrapper{
		padding:60px
	}
}
.about article{
	padding-bottom:30px
}
.about h1{
	margin:30px 0;
	font-size:21px;
	line-height:26px
}
@media (min-width:768px){
	.about h1{
		font-size:26px;
		line-height:30px
	}
}
@media (min-width:768px){
	.about h1{
		margin:60px 0
	}
}
@media (min-width:768px){
	.about p{
		font-size:16px;
		line-height:24px
	}
}
.about img.logo{
	width:100%;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px
}
@media (min-width:768px){
	.about img.logo{
		max-width:calc(90% - 120px);
		min-width:50%;
		margin:30px 60px
	}
}
.about__bottom-gradient{
	position:fixed;
	height:120px;
	background:linear-gradient(180deg,rgba(28,62,142,0) 0,#1c3e8e 50%);
	blur:200px;
	width:calc(100% - 10px);
	bottom:66px;
	overflow:hidden
}
@media (min-width:768px){
	.about__bottom-gradient{
		height:60px;
		bottom:91px
	}
}
@media (min-width:992px){
	.about__bottom-gradient{
		width:calc(50% - 20px);
		max-width:720px;
		margin-left:-10px
	}
}
.content-view .about__bottom-gradient{
	bottom:15px
}
@media (min-width:768px){
	.content-view .about__bottom-gradient{
		bottom:30px
	}
}
.content{
	position:relative;
	height:0;
	opacity:0;
	-moz-transition:height .3s,opacity .3s;
	-o-transition:height .3s,opacity .3s;
	-webkit-transition:height .3s,opacity .3s;
	transition:height .3s,opacity .3s;
	z-index:0
}
.content-view .content{
	height:100%;
	opacity:1;
	-moz-transition:height .3s,opacity 1s;
	-o-transition:height .3s,opacity 1s;
	-webkit-transition:height .3s,opacity 1s;
	transition:height .3s,opacity 1s
}
.content__header{
	position:absolute;
	top:0;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px solid;
	text-align:center;
	border-radius:0 0 15px 15px;
	padding:30px 30px;
	width:calc(100% - 2 * 30px);
	height:30px;
	background-color:#202531
}
.fotowoltaika .content__header{
	border-bottom-color:#fcee21;
	-moz-transition:border-bottom-color .3s;
	-o-transition:border-bottom-color .3s;
	-webkit-transition:border-bottom-color .3s;
	transition:border-bottom-color .3s
}
.pompy-ciepla .content__header{
	border-bottom-color:#6eb249;
	-moz-transition:border-bottom-color .3s;
	-o-transition:border-bottom-color .3s;
	-webkit-transition:border-bottom-color .3s;
	transition:border-bottom-color .3s
}
.kotly-gazowe .content__header{
	border-bottom-color:#e88d50;
	-moz-transition:border-bottom-color .3s;
	-o-transition:border-bottom-color .3s;
	-webkit-transition:border-bottom-color .3s;
	transition:border-bottom-color .3s
}
@media (min-width:768px){
	.content__header{
		border-radius:0 0 30px 30px;
		padding:30px 60px;
		width:calc(100% - 2 * 60px)
	}
}
.content__header .control{
	opacity:0;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	-webkit-transition:opacity .6s;
	transition:opacity .6s;
	cursor:default
}
.content__header.controls .control{
	opacity:1;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	-webkit-transition:opacity .6s;
	transition:opacity .6s;
	cursor:pointer
}
.content__header.sticky{
	position:fixed;
	top:0;
	left:0;
	width:calc(100% - 2 * 30px);
	z-index:2
}
@media (min-width:768px){
	.content__header.sticky{
		width:calc(100% - 2 * 60px)
	}
}
.content__header .icon-back{
	position:absolute;
	left:30px;
	top:calc(50% - 11px)
}
.fotowoltaika .content__header .icon-back__line{
	stroke:#fcee21
}
.pompy-ciepla .content__header .icon-back__line{
	stroke:#6eb249
}
.kotly-gazowe .content__header .icon-back__line{
	stroke:#e88d50
}
@media (min-width:768px){
	.content__header .icon-back{
		left:60px
	}
}
.content__header .icon-menu{
	position:absolute;
	right:30px;
	top:calc(50% - 6.5px)
}
.fotowoltaika .content__header .icon-menu__line{
	stroke:#fcee21
}
.pompy-ciepla .content__header .icon-menu__line{
	stroke:#6eb249
}
.kotly-gazowe .content__header .icon-menu__line{
	stroke:#e88d50
}
@media (min-width:768px){
	.content__header .icon-menu{
		right:60px
	}
}
.content__header__icon{
	position:absolute;
	width:20px;
	height:20px;
	bottom:-16px;
	left:calc(50% - 14px);
	border-radius:50%;
	padding:3px;
	background-color:#202531;
	background-repeat:no-repeat;
	background-size:auto 16px;
	background-position:center;
	border:2px solid #202531
}
.fotowoltaika .content__header__icon{
	border-color:#fcee21;
	background-image:url(../assets/icons/icon_fotowoltaika.svg);
	-moz-transition:border-color .3s;
	-o-transition:border-color .3s;
	-webkit-transition:border-color .3s;
	transition:border-color .3s
}
.pompy-ciepla .content__header__icon{
	border-color:#6eb249;
	background-image:url(../assets/icons/icon_pompy-ciepla.svg);
	-moz-transition:border-color .3s;
	-o-transition:border-color .3s;
	-webkit-transition:border-color .3s;
	transition:border-color .3s
}
.kotly-gazowe .content__header__icon{
	border-color:#e88d50;
	background-image:url(../assets/icons/icon_kotly-gazowe.svg);
	-moz-transition:border-color .3s;
	-o-transition:border-color .3s;
	-webkit-transition:border-color .3s;
	transition:border-color .3s
}
.fotowoltaika .content__fotowoltaika{
	display:block
}
.pompy-ciepla .content__pompy-ciepla{
	display:block
}
.kotly-gazowe .content__kotly-gazowe{
	display:block
}
.content__page{
	display:none
}
.content #content-loader{
	position:relative;
	width:120px;
	height:4px;
	margin-left:auto;
	margin-right:auto;
	border-radius:2px;
	background:#adb9d0
}
.content #content-loader:after{
	content:'';
	position:absolute;
	width:30px;
	height:4px;
	border-radius:2px;
	animation:loader-pulse 2s ease-in-out infinite
}
@keyframes loader-pulse{
	0%{
		-moz-transform:translateX(0);
		-o-transform:translateX(0);
		-ms-transform:translateX(0);
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
	50%{
		-moz-transform:translateX(90px);
		-o-transform:translateX(90px);
		-ms-transform:translateX(90px);
		-webkit-transform:translateX(90px);
		transform:translateX(90px)
	}
	100%{
		-moz-transform:translateX(0);
		-o-transform:translateX(0);
		-ms-transform:translateX(0);
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}
.fotowoltaika .content #content-loader:after{
	background-color:#fcee21
}
.pompy-ciepla .content #content-loader:after{
	background-color:#6eb249
}
.kotly-gazowe .content #content-loader:after{
	background-color:#e88d50
}
.content__container{
	padding:160px 30px 60px
}
@media (min-width:768px){
	.content__container{
		padding:160px 60px 60px
	}
}
@media (min-width:992px){
	.content__container{
		max-width:960px;
		padding:160px calc((100% - 960px)/ 2) 60px
	}
}
.content__container .loading{
	opacity:0;
	-moz-transition:.6s opacity;
	-o-transition:.6s opacity;
	-webkit-transition:.6s opacity;
	transition:.6s opacity
}
.content__container .loaded{
	opacity:1;
	-moz-transition:.6s opacity;
	-o-transition:.6s opacity;
	-webkit-transition:.6s opacity;
	transition:.6s opacity
}
.content__section{
	margin-top:15px
}
.content__section__header{
	color:#202531;
	padding:19px 0 19px 30px;
	border-radius:calc(19px + 1.1em);
	background-image:url(../assets/icons/accordion_arrow-bg.svg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:auto 100%
}
.fotowoltaika .content__section__header{
	background-color:#fcee21
}
.pompy-ciepla .content__section__header{
	background-color:#6eb249
}
.kotly-gazowe .content__section__header{
	background-color:#e88d50
}
.content__section__header h2{
	position:relative
}
.content__section__header h2:after{
	content:url(../assets/icons/accordion_arrow.svg);
	position:absolute;
	right:23px;
	-moz-transition:transform .3s;
	-o-transition:transform .3s;
	-webkit-transition:transform .3s;
	transition:transform .3s
}
.selected-accordion .content__section__header h2:after{
	-moz-transform:translateY(4px) rotateZ(-180deg);
	-o-transform:translateY(4px) rotateZ(-180deg);
	-ms-transform:translateY(4px) rotateZ(-180deg);
	-webkit-transform:translateY(4px) rotateZ(-180deg);
	transform:translateY(4px) rotateZ(-180deg);
	-moz-transition:transform .3s;
	-o-transition:transform .3s;
	-webkit-transition:transform .3s;
	transition:transform .3s
}
.content__section__content{
	display:none;
	padding-bottom:60px
}
.content__section__content h3{
	margin-top:60px
}
.fotowoltaika .content__section__content h3{
	color:#fcee21
}
.pompy-ciepla .content__section__content h3{
	color:#6eb249
}
.kotly-gazowe .content__section__content h3{
	color:#e88d50
}
.content__section__content .content-margin-top{
	margin-top:60px
}
.content__section__content img{
	display:block;
	min-width:50%;
	max-width:100%;
	margin:60px auto 10px
}
.content__section__content a.img-caption{
	display:block;
	width:100%;
	text-align:right;
	color:#adb9d0;
	margin:15px 0 50px;
	word-break:break-all
}
.content__section__content a.img-caption:hover{
	text-decoration:underline
}
.content__section__content ul.nested{
	padding-left:60px;
	list-style-type:circle
}
.content__section__content li{
	margin-bottom:10px
}
.content__section__content .embed-container{
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	max-width:100%
}
.content__section__content .embed-container embed,.content__section__content .embed-container iframe,.content__section__content .embed-container object{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.content__section__content .cols{
	max-width:100%
}
.content__section__content .cols .col{
	width:100%;
	display:inline-block;
	vertical-align:top
}
@media (min-width:768px){
	.content__section__content .cols .col{
		width:50%
	}
}
.content__section__content .cols .col ul{
	padding-left:15px
}
.content__section__content .cols .col h5{
	border-top:1px solid #fff;
	padding-top:10px
}
.content__section__content table{
	width:100%;
	border-collapse:collapse
}
.content__section__content table th{
	text-align:left
}
.content__section__content table td{
	border-bottom:1px solid #fff;
	padding:10px
}
.content .accordion__collapse{
	text-align:center;
	margin-top:70px;
	border:solid 1px;
	width:100px;
	border-radius:50px;
	padding:10px;
	margin-left:auto;
	margin-right:auto
}
.fotowoltaika .content .accordion__collapse{
	border-color:#fcee21
}
.pompy-ciepla .content .accordion__collapse{
	border-color:#6eb249
}
.kotly-gazowe .content .accordion__collapse{
	border-color:#e88d50
}
.modal{
	padding:0;
	width:calc(100% - 12.5px);
	max-width:98vw;
	box-shadow:none;
	-webkit-box-shadow:none;
	background:0 0
}
.modal #panzoom-area{
	max-width:100%;
	max-height:100%
}
.modal__close{
	position:absolute;
	top:-25px;
	right:-12.5px;
	display:block;
	width:30px;
	height:30px;
	border-radius:50%;
	z-index:100
}
.modal__close .icon-cross{
	width:30px;
	height:30px
}
.modal img{
	width:100%;
	height:auto
}
.go-to-top{
	position:fixed;
	right:30px;
	bottom:30px;
	width:55px;
	height:55px;
	border-radius:50%;
	box-shadow:0 0 20px 20px rgba(0,0,0,.1);
	opacity:1;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	-webkit-transition:opacity .6s;
	transition:opacity .6s
}
@media (min-width:768px){
	.go-to-top{
		right:60px;
		bottom:60px
	}
}
.go-to-top.hidden{
	opacity:0;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	-webkit-transition:opacity .6s;
	transition:opacity .6s
}
.go-to-top__icon{
	width:55px;
	height:55px
}
.fotowoltaika .go-to-top__icon__circle{
	fill:#fcee21
}
.pompy-ciepla .go-to-top__icon__circle{
	fill:#6eb249
}
.kotly-gazowe .go-to-top__icon__circle{
	fill:#e88d50
}
.footer{
	text-align:center;
	vertical-align:bottom;
	opacity:1;
	-moz-transition:opacity .4s ease;
	-o-transition:opacity .4s ease;
	-webkit-transition:opacity .4s ease;
	transition:opacity .4s ease;
	font-size:10px
}
.footer.hidden{
	opacity:0;
	-moz-transition:opacity .4s ease;
	-o-transition:opacity .4s ease;
	-webkit-transition:opacity .4s ease;
	transition:opacity .4s ease
}
.footer__bottom-buttons{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:0
}
@media (min-width:768px){
	.footer__bottom-buttons{
		margin-left:60px;
		margin-right:60px
	}
}
.content-view .footer__bottom-buttons{
	margin-bottom:160px;
	margin-left:30px;
	margin-right:30px
}
@media (min-width:992px){
	.content-view .footer__bottom-buttons{
		max-width:960px;
		margin-left:calc((100% - 960px)/ 2);
		margin-right:calc((100% - 960px)/ 2)
	}
}
.content-view .footer__bottom-buttons a{
	display:block
}
.footer__bottom-button{
	color:#fff!important;
	background:#5371e8;
	text-align:center;
	display:inline-block;
	border-radius:20px;
	width:calc(50% - 7.5px);
	height:40px;
	margin-top:15px
}
@media (min-width:768px){
	.footer__bottom-button{
		width:30%
	}
}
.footer__bottom-button:first-child{
	margin-right:15px
}
@media (min-width:768px){
	.footer__bottom-button:first-child{
		margin-right:30px
	}
}
.footer__bottom-button h2{
	font-size:13px;
	line-height:16px;
	font-weight:400;
	line-height:40px
}
.content-view .footer__bottom-button{
	display:block;
	width:calc(100% - 60px);
	padding:19px 30px 19px 30px;
	border-radius:calc(19px + 1.1em);
	margin-left:0;
	margin-right:0;
	margin-bottom:15px;
	height:auto
}
.content-view .footer__bottom-button h2{
	font-size:14px;
	line-height:20px;
	font-weight:500;
	line-height:normal
}
@media (min-width:992px){
	.content-view .footer__bottom-button h2{
		font-size:16px;
		line-height:24px
	}
}
.footer__credits{
	display:none
}
.content-view .footer__credits{
	display:block;
	padding:15px
}
.footer__antonik-logo{
	height:.6em
}
.footer__tajnyprojekt-logo{
	margin-top:3px;
	margin-bottom:-2px;
	height:.9em
}
.tutorial{
	display:none;
	position:fixed;
	left:0;
	top:0;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch!important;
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
	transform:translateY(0);
	-moz-transition:transform .6s ease-in-out;
	-o-transition:transform .6s ease-in-out;
	-webkit-transition:transform .6s ease-in-out;
	transition:transform .6s ease-in-out
}
@media (min-width:992px){
	.tutorial{
		display:none
	}
}
.show-tutorial .tutorial{
	display:block
}
.tutorial.hidden{
	-moz-transform:translateY(-100%);
	-o-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
	-moz-transition:transform .6s ease-in-out;
	-o-transition:transform .6s ease-in-out;
	-webkit-transition:transform .6s ease-in-out;
	transition:transform .6s ease-in-out
}
.tutorial__container{
	position:relative;
	width:100%;
	height:100%
}
.tutorial__close{
	position:absolute;
	top:40px;
	right:30px;
	z-index:2;
	pointer-events:auto
}
@media (min-width:768px){
	.tutorial__close{
		top:60px;
		right:60px;
		top:60px
	}
}
.tutorial__close__icon{
	vertical-align:bottom;
	margin-left:5px
}
.tutorial__content{
	position:relative;
	width:100vw;
	overflow:hidden
}
.tutorial__content__wrapper{
	width:300vw;
	height:calc(var(--innerHeight) * .75);
	white-space:nowrap
}
.tutorial__content__slide{
	margin-top:calc(var(--innerHeight) * .2);
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	width:calc(100vw - 2 * 30px);
	height:50vh;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	display:inline-block;
	white-space:normal;
	vertical-align:top
}
@media (min-width:768px){
	.tutorial__content__slide{
		margin-top:calc(var(--innerHeight) * .25);
		width:calc(100vw - 2 * 60px);
		padding-left:60px;
		padding-right:60px
	}
}
.tutorial__content__slide *{
	pointer-events:none;
	touch-action:none
}
.tutorial__content__slide__start{
	background:#fff;
	color:#1c3e8e;
	height:60px;
	line-height:60px;
	font-size:18px;
	font-weight:700;
	display:inline-block;
	border-radius:30px;
	padding-left:30px;
	padding-right:30px;
	margin-top:10px;
	pointer-events:auto!important;
	touch-action:auto!important
}
.tutorial__content__image{
	height:calc(var(--innerHeight) * .25);
	min-width:50px;
	max-width:250px;
	display:inline-block;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.tutorial__content__hotspot{
	position:relative;
	display:inline-block;
	width:calc(var(--innerHeight) * .2);
	height:calc(var(--innerHeight) * .2);
	margin-bottom:calc(var(--innerHeight) * .05);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.tutorial__content__hotspot .hotspot{
	margin:0
}
.tutorial__content__hotspot .hotspot__circle{
	margin:0
}
.tutorial__content p{
	padding:15px 10% 0 10%
}
@media (min-width:768px){
	.tutorial__content p{
		padding:30px 10% 0 10%
	}
}
.tutorial__content__dots{
	display:flex;
	justify-content:center;
	flex-direction:row;
	align-items:center;
	margin-top:15px
}
.tutorial__content__dot{
	width:9px;
	height:9px;
	border-radius:50%;
	background:#fff;
	opacity:.2;
	-moz-transition:width .4s,height .4s,opacity .4s,margin .4s;
	-o-transition:width .4s,height .4s,opacity .4s,margin .4s;
	-webkit-transition:width .4s,height .4s,opacity .4s,margin .4s;
	transition:width .4s,height .4s,opacity .4s,margin .4s;
	margin:6px
}
.tutorial__content__dot.active{
	width:15px;
	height:15px;
	margin:3px;
	opacity:1;
	-moz-transition:width .4s,height .4s,opacity .4s,margin .4s;
	-o-transition:width .4s,height .4s,opacity .4s,margin .4s;
	-webkit-transition:width .4s,height .4s,opacity .4s,margin .4s;
	transition:width .4s,height .4s,opacity .4s,margin .4s
}

.accordion__content table li {
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
}

.systemy-rozliczania thead tr > th:first-child {
        width: 20%; 
}

.systemy-rozliczania thead th {
        width: 40%; 
        padding: 1em;
        border-bottom: 1px solid #fff;
        text-align: center;
}