@charset "utf-8";
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figcaption, figure, 
footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, button, select, textarea{
	color: inherit;
	direction: ltr;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0; padding: 0;
	border: 0; outline: 0;
	background: transparent;
	vertical-align: baseline;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* Remove IOS input effects */
input.text, textarea, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox{
	border-radius: 0;
	-webkit-appearance: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
	display: block;
}
/* Font family */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figcaption, figure, 
footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, button, select, textarea{
	font-family: 'PT Sans', sans-serif;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* Make selected text white on a black background */
::selection{
	color: #fff;
    background-color: #000;
}
::-moz-selection{
    color: #fff;
    background-color: #000;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* Box model */
*,:before,:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* Remove gray highlight when tapping links in mobile safari */
html{
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body{
	height: 100%;
	color: #666;
    line-height: 1;
	cursor: default;
	background-color: #fff;
	
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
}
@media(max-width: 767px){body{font-size: 12px;}}
@media(min-width: 768px){body{font-size: 14px;}}
@media(min-width: 1024px){body{font-size: 16px;}}
@media(min-width: 1200px){body{font-size: 18px;}}
@media(min-width: 1400px){body {font-size: 20px;}}
@media(min-width: 1921px){body{font-size: 22px;}}
@media(min-width: 2561px){body{font-size: 24px;}}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
blockquote, q{
    quotes: none;
}
block quote:before, block quote:after,
q:before, q:after{
    content: "";
    content: none;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
*:hover, *:focus{
	outline: none;
}
a{
	text-decoration: none;
}
a:active, a:hover{
	cursor: pointer;
	text-decoration: none;
}
a:link, a:visited{
    text-decoration : none;
}

/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
table{
	border-spacing: 0;
	border-collapse: collapse;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{
	color: #2b2b2b;
	display: block;
	font-weight: 700;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
p{
	color: #666;
	line-height: 1.58;
}
#contact .bg-darkgray p,
#contact .bg-darkgray h1,
#contact .bg-darkgray h3,
#contact .bg-darkgray h4,
#contact .bg-darkgray h5,
#contact .bg-darkgray h6 {
	color: #434034;
}
p a, h2 a{
	font-weight: bold;
	white-space: nowrap;
}
p a{border-bottom: 1px solid #021217;}
p a:hover{color: #2b2b2b;}
small{font-size: 0.875em;}
em, i{font-style: normal;}
strong, b{font-weight: bold;}
u{text-decoration: underline;}
sub, sup{
	line-height: 0;
	font-size: 0.75em;
	position: relative;
	vertical-align: baseline;
}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
code{
	display: block;
    background: rgba(1, 1, 1, 0.05);
    border-radius: 0.25em;
    border: solid 1px rgba(1, 1, 1, 0.15);
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0.25em;
    padding: 0.25em 0.65em;
}
pre{
    -webkit-overflow-scrolling: touch;
    white-space: pre-wrap;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    margin: 0 0 2em 0;
}
hr{
    border: 0;
    border-bottom: solid 1px #EFEFEF;
    margin: 0 0 2em 0;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
figure{overflow: hidden;}
	figure img{
		vertical-align: middle;
		width: 100%; height: auto;
		-ms-interpolation-mode: bicubic;
	}
	img,
	embed, object, video{
		border: 0;
		display: block;
		vertical-align: middle;
	}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* List */
nav ul{list-style: none;}
ol, ul{
    list-style: none;
}
article ul:last-child{margin-bottom: 0;}
	article ul li:before{
		content: "";
		display: block;
		background-color: #666;
		width: 0.5em; height: 2px;
		position: absolute; left: 0; top: 1em;
	}
	.bg-darkgray article ul li:before{background-color: #fff;}
	article ul li{
		line-height: 2;
		display: block;
		position: relative;
		padding: 0 0 0 1.5em;
	}
	article ul li:last-child{
		padding-bottom: 0;
	}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
form label{
	color: #666;
	display: block;
	cursor: pointer;
	margin-bottom: 1em;
}
	label strong{
		display: block;
		line-height: 1.8;
	}
	textarea{
		resize: vertical;
		height: 11em; min-height: 11em; max-height: 20em;
	}
	input[type="text"], input[type="email"], input[type="password"], input[type="file"], input[type="date"], textarea{
		color: #333;
		width: 100%;
		padding: 1em;
		cursor: text;
		border: 1px solid #ddd;
		background-color: #f0f3f7;
		
		border-radius: 0;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="file"]:hover, input[type="date"]:hover, textarea:hover{
		border: 1px solid #b9b9b9;
		border-top: 1px solid #a0a0a0;
	}
	input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="date"]:focus, textarea:focus{
		border: 1px solid #999;
		border-top: 1px solid #666;		
	}
	input[type="submit"], input[type="button"]{
		width: 100%;
		color: #fff;
		display: block;
		cursor: pointer;
		max-width: 20em;
		padding: 1em 2em;
		font-weight: bold;
		text-align: center;
		border: medium none;
		background-color: #021217;
		text-transform: uppercase;
		white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
		
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	input[type="submit"]:hover, input[type="button"]:hover{background-color: #666;}
	input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{border : 0px;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* Margin-paddings */
.pad-top-xs{padding-top: 1em;}
.pad-vert-xs{padding-bottom: 1em; padding-top: 1em;}
.pad-bottom-xs{padding-bottom: 1em;}
.marg-top-xs{margin-top: 1em;}
.marg-vert-xs{margin-bottom: 1em; margin-top: 1em;}
.marg-bottom-xs{margin-bottom: 1em;}

.pad-top-sm{padding-top: 1.5em;}
.pad-vert-sm{padding-bottom: 1.5em; padding-top: 1.5em;}
.pad-bottom-sm{padding-bottom: 1.5em;}
.marg-top-sm{margin-top: 1.5em;}
.marg-vert-sm{margin-bottom: 1.5em; margin-top: 1.5em;}
.marg-bottom-sm{margin-bottom: 1.5em;}

.pad-top-md{padding-top: 2em;}
.pad-vert-md{padding-bottom: 2em; padding-top: 2em;}
.pad-bottom-md{padding-bottom: 2em;}
.marg-top-md{margin-top: 2em;}
.marg-vert-md{margin-bottom: 2em; margin-top: 2em;}
.marg-bottom-md{margin-bottom: 2em;}

.pad-top-lg{padding-top: 2.5em;}
.pad-vert-lg{padding-bottom: 2.5em; padding-top: 2.5em;}
.pad-bottom-lg{padding-bottom: 2.5em;}
.marg-top-lg{margin-top: 2.5em;}
.marg-vert-lg{margin-bottom: 2.5em; margin-top: 2.5em;}
.marg-bottom-lg{margin-bottom: 2.5em;}

.pad-top-xlg{padding-top: 3em;}
.pad-vert-xlg{padding-bottom: 3em; padding-top: 3em;}
.pad-bottom-xlg{padding-bottom: 3em;}
.marg-top-xlg{margin-top: 3em;}
.marg-vert-xlg{margin-bottom: 3em; margin-top: 3em;}
.marg-bottom-xlg{margin-bottom: 3em;}

@media(min-width: 992px){
	.pad-top-xs{padding-top: 1em;}
	.pad-vert-xs{padding-bottom: 1em; padding-top: 1em;}
	.pad-bottom-xs{padding-bottom: 1em;}
	.marg-top-xs{margin-top: 1em;}
	.marg-vert-xs{margin-bottom: 1em; margin-top: 1em;}
	.marg-bottom-xs{margin-bottom: 1em;}

	.pad-top-sm{padding-top: 1.750em;}
	.pad-vert-sm{padding-bottom: 1.750em; padding-top: 1.750em;}
	.pad-bottom-sm{padding-bottom: 1.750em;}
	.marg-top-sm{margin-top: 1.750em;}
	.marg-vert-sm{margin-bottom: 1.750em; margin-top: 1.750em;}
	.marg-bottom-sm{margin-bottom: 1.750em;}

	.pad-top-md{padding-top: 2.650em;}
	.pad-vert-md{padding-bottom: 2.650em; padding-top: 2.650em;}
	.pad-bottom-md{padding-bottom: 2.650em;}
	.marg-top-md{margin-top: 2.650em;}
	.marg-vert-md{margin-bottom: 2.650em; margin-top: 2.650em;}
	.marg-bottom-md{margin-bottom: 2.650em;}

	.pad-top-lg{padding-top: 4.000em;}
	.pad-vert-lg{padding-bottom: 4.000em; padding-top: 4.000em;}
	.pad-bottom-lg{padding-bottom: 4.000em;}
	.marg-top-lg{margin-top: 4.000em;}
	.marg-vert-lg{margin-bottom: 4.000em; margin-top: 4.000em;}
	.marg-bottom-lg{margin-bottom: 4.000em;}

	.pad-top-xlg{padding-top: 5.300em;}
	.pad-vert-xlg{padding-bottom: 5.300em; padding-top: 5.300em;}
	.pad-bottom-xlg{padding-bottom: 5.300em;}
	.marg-top-xlg{margin-top: 5.300em;}
	.marg-vert-xlg{margin-bottom: 5.300em; margin-top: 5.300em;}
	.marg-bottom-xlg{margin-bottom: 5.300em;}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* Responsive youtube */
.youtube-container{
    height: 0;
	padding: 0;
    display: block;
    overflow: hidden;
    position: relative;
}
.youtube-container iframe, .youtube-container object, .youtube-container embed{
    border: 0;
    width: 100%; height: 100%;
    position: absolute; top: 0; left: 0; bottom: 0;
}
.youtube-16by9{
    padding-bottom: 56.25%;
}
.youtube-4by3{
    padding-bottom: 75%;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.current > a{cursor: default;}
.left{float: left; display: inline-block;}
.right{float: right; display: inline-block;}
.row:after, .row:before, .clear:after, .clear:before{
	height: 0;
	clear: both;
	content: "";
	font-size: 0;
	display: block;
	line-height: 0;
	visibility: hidden;
}
.eq{
	display: flex;
	flex-wrap: wrap;
}
.midflex{
	align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	 
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
noscript, #ie9{	
	z-index: 99999;
	position: fixed;
	width: 100%; height: 100%;
}
	noscript > div, #ie9 > div{
		padding: 1em;
		background-color: #f0f3f7;
		width: 100%; min-height: 100%;
		
		align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		 
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
	}	
		noscript > div > div, #ie9 > div > div{
			margin: 0 auto;
			background-color: #fff;
			border: 1px solid #ddd;
			width: 100%; max-width: 400px;
		}
			noscript figure, #ie9 figure{
				padding: 2em 3em;
				margin-bottom: 2em;
				background-color: #021217;
			}
				noscript figure img, #ie9 figure img{background-color: #021217;}
			noscript p, #ie9 p{padding: 0 3em;}
			noscript a, #ie9 a{
				color: #fff;
				display: block;
				margin: 2em 3em;
				line-height: 3.6;
				font-weight: bold;
				text-align: center;
				background-color: #021217;
				text-transform: uppercase;
			}
			noscript a:hover, #ie9 a:hover{background-color: #333;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#muszaki{display: none;}
#muszaki article{max-width: 500px;}
#muszaki article strong{display: block; margin-top: 1em;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#breadcrumbs{
	color: #666;
	display: none;
	padding-bottom: 1em;
	list-style: outside none none;
}
	#breadcrumbs li{float: left; display: inline-block;}
	#breadcrumbs li + li:before{
		content: "/";
		padding: 0 5px;
		float: left; display: inline-block;
	}
		#breadcrumbs a{color: #333;}
		#breadcrumbs a:hover{text-decoration: underline;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.bg-gray{background-color: #f0f3f7;}
.bg-darkgray{background-color: #9cde3e;}
#contact-label{
	color: #f0f3f7;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: -5px;
	text-transform: uppercase;
}
@media(min-width: 768px){
	#contact-label{
		font-size: 3em;
		margin-bottom: -10px;
	}
}
#contact{
	overflow: hidden;
	line-height: 1.6;
}
#contact .bg-darkgray{
	position: relative;
	z-index: 10;
	color: #434034;
}
#contact .bg-darkgray:before{
	z-index: -1;
	content: "";
	background-color: #9cde3e;
	position: absolute; top: 0; left: -200%; right: -200%; bottom: 0;
}
@media(min-width: 768px){
	#contact .bg-darkgray{
		padding-left: 3em;
	}
	#contact .bg-darkgray:before{left: 100%;}
}
	h6{
		font-size: 0.8em;
		text-transform: uppercase;
	}
	#contact strong{
		font-size: 1.2em;
		display: block;
	}
	#contact span{display: block;}
	#contact a{font-weight: bold;}
	#contact a:hover{text-decoration: underline;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.container{
	z-index: 10;
	width: 100%;
	margin: 0 auto;
	max-width: 1120px;
	position: relative;	
	
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px;
	padding-right: 30px;
}
@media(min-width: 992px){.container{width: 85%;}}
@media(min-width: 1200px){.container{width: 88%;}}
@media(min-width: 1400px){.container{width: 90%;}}
@media(min-width: 1600px){.container{width: 88%;}}
@media(min-width: 1920px){.container{max-width: 1600px; width: 88%;}}
@media(min-width: 2560px){.container{width: 88%;}}
.row{
	margin-right: -20px;
	margin-left: -20px;
}
.no-gutters{
	margin-right: 0;
	margin-left: 0;
}

.align-items-center{
	display: flex;
	justify-content: center;
	align-items: center;
}

.nogap .row{
	margin-right: 0;
	margin-left: 0;
}
.nogap [class*="col-"]{
	padding-right: 0;
	padding-left: 0;
}
[class*="col-"]{
	width: 100%;
	min-height: 1px;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
}
.no-gutters > [class*="col-"]{
    padding-right: 0;
    padding-left: 0;
}
/* --------------------------------------------------------------------------------------- */
[class*="col-"]{
	width: 100%;
	min-height: 1px;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
}
[class*="col-xs-"]{float: left;}
.col-xs-12{width: 100%;}
.col-xs-11{width: 91.66666667%;}
.col-xs-10{width: 83.33333333%;}
.col-xs-9{width: 75%;}
.col-xs-8{width: 66.66666667%;}
.col-xs-7{width: 58.33333333%;}
.col-xs-6{width: 50%;}
.col-xs-5{width: 41.66666667%;}
.col-xs-4{width: 33.33333333%;}
.col-xs-3{width: 25%;}
.col-xs-2{width: 16.66666667%;}
.col-xs-1{width: 8.33333333%;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@media(min-width: 480px){
	/* --------------------------------------------------------------------------------------- */
	[class*="col-s-"]{float: left;}
	.col-s-12{width: 100%;}
	.col-s-11{width: 91.66666667%;}
	.col-s-10{width: 83.33333333%;}
	.col-s-9{width: 75%;}
	.col-s-8{width: 66.66666667%;}
	.col-s-7{width: 58.33333333%;}
	.col-s-6{width: 50%;}
	.col-s-5{width: 41.66666667%;}
	.col-s-4{width: 33.33333333%;}
	.col-s-3{width: 25%;}
	.col-s-2{width: 16.66666667%;}
	.col-s-1{width: 8.33333333%;}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@media(min-width: 768px){
	/* --------------------------------------------------------------------------------------- */
	[class*="col-sm-"]{float: left;}
	.col-sm-12{width: 100%;}
	.col-sm-11{width: 91.66666667%;}
	.col-sm-10{width: 83.33333333%;}
	.col-sm-9{width: 75%;}
	.col-sm-8{width: 66.66666667%;}
	.col-sm-7{width: 58.33333333%;}
	.col-sm-6{width: 50%;}
	.col-sm-5{width: 41.66666667%;}
	.col-sm-4{width: 33.33333333%;}
	.col-sm-2{width: 16.66666667%;}
	.col-sm-3{width: 25%;}
	.col-sm-1{width: 8.33333333%;}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@media(min-width: 1024px){
	/* --------------------------------------------------------------------------------------- */
	[class*="col-md-"]{float: left;}
	.col-md-12{width: 100%;}
	.col-md-11{width: 91.66666667%;}
	.col-md-10{width: 83.33333333%;}
	.col-md-9{width: 75%;}
	.col-md-8{width: 66.66666667%;}
	.col-md-7{width: 58.33333333%;}
	.col-md-6{width: 50%;}
	.col-md-5{width: 41.66666667%;}
	.col-md-4{width: 33.33333333%;}
	.col-md-3{width: 25%;}
	.col-md-2{width: 16.66666667%;}
	.col-md-1{width: 8.33333333%;}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@media(min-width: 1300px){
	/* --------------------------------------------------------------------------------------- */
	[class*="col-lg-"]{float: left;}
	.col-lg-12{width: 100%;}
	.col-lg-11{width: 91.66666667%;}
	.col-lg-10{width: 83.33333333%;}
	.col-lg-9{width: 75%;}
	.col-lg-8{width: 66.66666667%;}
	.col-lg-7{width: 58.33333333%;}
	.col-lg-6{width: 50%;}
	.col-lg-5{width: 41.66666667%;}
	.col-lg-4{width: 33.33333333%;}
	.col-lg-3{width: 25%;}
	.col-lg-2{width: 16.66666667%;}
	.col-lg-1{width: 8.33333333%;}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
main{
	padding: 1em;
}
footer{
	font-size: 0.8em;
	padding: 10px 1em;
	background-color: #021217;
}
	footer p{color: #999;}
		footer span{margin-right: 1em;}
		footer a{color: #fff;}
		footer a:hover{
			color: #fff;
			text-decoration: underline;
		}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.room-list{
	width: 100%;
	color: #2b2b2b;
	font-size: 0.8em;
	margin-top: 1em;
}
	.room-list tbody{counter-reset: tr;}
	.room-list tbody tr{
		counter-increment: tr;
		border-top: 1px solid #ececec;
	}
	.room-list tbody tr td:first-child:before{
		color: #fff;
		float: left; display: inline-block; 
		font-size: 11px;
		vertical-align: middle;
		text-align: center;
		border-radius: 50%;
		margin-right: 1em;
		content: counter(tr); 
		background-color: #9cde3e;
		width: 1.5em; line-height: 1.5em;
	}
	.room-list tbody tr:nth-child(even){background-color: #f7f7f7;}
		.room-list td{padding: 10px;}
		.room-list td:last-child{text-align: right;width:101px;}
	.room-list tfoot{
		font-weight: bold;
		border-top: 1px solid #ececec;
	}
	.room-list tfoot td:first-child{padding-left: 2.75em;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.status.green:before{
	content: "";
	margin: -4px 5px 0 0;
	border-radius: 50%;
	width: 1em; height: 1em;
	display: inline-block;
	vertical-align: middle;
	background-color: #9cde3e;
}
.status.red:before{
	content: "";
	margin: -4px 5px 0 0;
	border-radius: 50%;
	width: 1em; height: 1em;
	display: inline-block;
	vertical-align: middle;
	background-color: #DE3E3E;
}

small.green{color: #9cde3e;}
.info.green{border-color: #9cde3e;}
small.green:before{background-color: #9cde3e;}

small.yellow{color: #EECB3E;}
.info.yellow{border-color: #EECB3E;}
small.yellow:before{background-color: #EECB3E;}

small.red{color: #D94F4F;}
.info.red{border-color: #D94F4F;}
small.red:before{background-color: #D94F4F;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#head-details{
	z-index: 10;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
#head-details p{font-size: 0.8em;}
@media(min-width: 768px){
	#head-details .wrap{
		width: 80%;
		margin: 0 auto;
		max-width: 800px;
	}
}
#head-details a, #head-details figure, #head-details img{
	display: block;
	height: 100%;
}
#head-details .swiper-button-next, #head-details .swiper-button-prev{
	background: none;
	position: relative;
	margin: 0 1em 1em 0;
	border: 1px solid #ececec;
	width: auto; height: auto;
	float: left; display: inline-block;
	left: auto; right: auto; top: auto; padding: 1em;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* Slider */
body{padding-top: 4em;}
#slider{
	position: relative;
	padding: 0 1em 1em 1em;
	width: 100%; height: 50vh; 
}
@media(min-width: 1200px){
	body{padding-top: 3em;}
	#slider{height: calc(100vh - 3em);}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#img-slider .swiper-container,
#slider .swiper-container{
	width: 100%; height: 100%;
	background-color: #2c3e50;
}
	#slider .swiper-slide:after{
		content: "";
		background-color: rgba(0,0,0,0.1);
		position: absolute; left: 0; right: 0; bottom: 0; top: 0;
	}
		#img-slider .swiper-container,
		#slider .swiper-slide{
			display: flex;
			flex-wrap: wrap;
			
			-webkit-flex-align: center;
			-webkit-align-items: center;
			
			align-items: center;
			justify-content: center;
			align-content: center;
		}
			#slider .swiper-slide > div{
				z-index: 10;
				padding: 3em;
				margin: 0 auto;
				max-width: 600px;
				text-align: center;
				position: relative;
			}
				#img-slider .swiper-slide img,
				#slider .swiper-slide img{
					object-fit: cover;
					height: 100%; min-width: 100%;
					position: absolute; top: 50%; left: 50%;
					-ms-transform: translate(-50%, -50%);
					-webkit-transform: translate(-50%, -50%);
					-moz-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}
				#slider strong{
					color: #FFF;
					font-size: 2.4em;
					font-weight: 900;
					line-height: 120%;
					text-shadow: 0 0 40px rgba(0,0,0,0.5);
				}
				@media(max-width: 767px){#slider strong{font-size: 1.2em}}
				@media(min-width: 768px){#slider strong{font-size: 1.6em}}
				@media(min-width: 1024px){#slider strong{font-size: 1.8em}}
				@media(min-width: 1200px){#slider strong{font-size: 2em}}
				@media(min-width: 1400px){#slider strong{font-size: 2.2em}}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#img-slider{
	position: relative;
	padding: 0 1em 1em 1em;
	width: 100%; height: 40vh;
}
@media(min-width: 768px){#img-slider{height: 70vh;}}
	#img-slider .swiper-slide:after{
		content: "";
		background-color: rgba(0,0,0,0.2);
		position: absolute; left: 0; right: 0; bottom: 0; top: 0;
	}

	#img-slider .fix-info{
		z-index: 1000;
		max-width: 90%;
		margin: 0 auto;
		padding: 2em 3em;
		line-height: 1.4;
		position: absolute;
		background-color: #fff;
	}
		#img-slider .fix-info h1{margin-bottom: 0.5em;}
		#img-slider .fix-info small,
		#img-slider .fix-info span{display: block;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.chooser{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}
.chooser:hover figure{border-color: #9cde3e;}
.chooser figure{
	width: 50%;
	z-index: 10;
	position: relative;
	max-width: 250px !important;
	border: 1em solid #fff;
	border-radius: 100%;
	background-color: #9cde3e;
}
.chooser.one figure{float: right; display: inline-block;}
.chooser.two figure{float: left; display: inline-block;}
	.chooser img{
		-moz-transition: all 1s;
		-webkit-transition: all 1s;
		transition: all 1s;
	}
		.chooser:hover img{
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
.chooser div{
	width: 70%;
	padding: 4em 3em;
}
@media(min-width: 1024px){
	.chooser div{padding: 2em;}
}
@media(min-width: 1400px){
	.chooser figure{max-width: 350px !important;}
}
.chooser.one div{
	margin-right: -15%;
	padding-right: 30%;
}
.chooser.two div{
	margin-left: -15%;
	padding-left: 30%;
}
@media(max-width: 767px){
	.chooser{
		-ms-flex-direction: column;
		flex-direction: column;
		justify-content: space-between;
	}
	.chooser.one{
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.chooser div{
		padding: 2em;
		text-align: center;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 2em !important;
		padding-right: 2em !important;
		padding-top: 5em !important; 
		margin-top: -3em !important;
	}
	.chooser figure{
		width: 70%;
		margin: 0 auto;
		max-width: 200px;
		display: block !important; float: none !important;
	}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#button{display: none;}
#nav ul{display: none;}
#nav label{
	z-index: 20;
	padding: 1em;
	cursor: pointer;
	width: 5em; height: 5em;
	position: absolute; top: 0; right: 0;
}
	#nav label:before{
		content: "";
		display: block;
		border: 1px solid #2c3e50;
		width: 100%; height: 100%;
	}
	#nav label span{
		display: block;
		background-color: #2c3e50;
		width: 1em; height: 2px;
		position: absolute; left: 2em; top: 50%;
	}
		#nav label span:before,
		#nav label span:after{
			content: "";
			position: absolute;
			background-color: #2c3e50;
			width: 100%; height: 2px; left: 0;

			transition-duration: 0.25s, 0.25s;
			-moz-transition-duration: 0.25s, 0.25s;
			-webkit-transition-duration: 0.25s, 0.25s;
			
			transition-delay: 0.25s, 0s;
			-moz-transition-delay: 0.25s, 0s;
			-webkit-transition-delay: 0.25s, 0s;
		}
		#nav label span:before{
			top: -0.35em;

			transition-property: top, transform;
			-moz-transition-property: top, transform;
			-webkit-transition-property: top, transform;
		}
		#nav label span:after{
			bottom: -0.35em;
			
			transition-property: bottom, transform;
			-moz-transition-property: bottom, transform;
			-webkit-transition-property: bottom, transform;
		}
		#button:checked ~ label span{background-color: transparent;}
		#button:checked ~ label span:before{
			top: 0;
			
			transition-delay: 0s, 0.25s;
			-moz-transition-delay: 0s, 0.25s;
			-webkit-transition-delay: 0s, 0.25s;

			transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
		}
		#button:checked ~ label span:after{
			bottom: 0;
			
			transition-delay: 0s, 0.25s;
			-moz-transition-delay: 0s, 0.25s;
			-webkit-transition-delay: 0s, 0.25s;
			
			transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
		}
		#button:checked ~ ul{display: block;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#nav{
	width: 100%;
	z-index: 1000;
	text-align: right;
	padding: 10px 1em;
	background-color: #fff;
	position: fixed; top: 0; left: 0;
}
	#nav ul{
		clear: both;
		padding: 1em 0;
		text-align: center;
		background-color: #fff;
	}
		#nav ul li a{
			line-height: 3;
			display: block;
			padding: 0 10px;
			
			-webkit-transition: line-height 0.2s linear;
			transition: line-height 0.2s linear;
		}
		#nav ul li.current a{font-weight: bold;}
		#nav ul li:not(.current) a:hover{text-decoration: underline;}
#logo{
	color: #2b2b2b;
	font-weight: bold;
	font-size: 0.8em;
	float: left; display: inline-block;
}
	#logo img{
		height: 4em;
		-webkit-transition: height 0.2s linear;
		transition: height 0.2s linear;
	}	
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@media(min-width: 768px){
	#logo img{height: 3em;}
	#nav.smaller #logo img{height: 2em;}
	#nav.smaller ul li a{line-height: 2;}
	#nav label{display: none;}
	#nav ul{
		padding: 0;
		display: inline-block;
		vertical-align: middle;
	}
		#nav ul li{
			margin: 0; padding: 0;
			float: left; display: inline-block;
		}
		#nav ul li a{font-size: 0.8em;}
		#nav ul li:last-child a{padding-right: 0;}
}
@media(min-width: 1024px){#nav ul li a{padding: 0 1em;}}
@media(min-width: 1400px){#nav ul li a{padding: 0 2em;}}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.button{
	color: #fff;
	height: auto !important;
	font-size: 0.8em;
	border-radius: 2px;
	line-height: 2.2em;
	background: #2b2b2b;
	padding: 0.4em 2.2em;
	display: inline-block !important;
	box-shadow: 0 2px 50px 0 rgba(0,0,0,.15);
}
.button svg{
	fill: #a1a1a1;
	margin: 0 5px 0 0;
	vertical-align: middle;
	display: inline-block;
	width: 12px; height: 14px;
}
.white{
	color: #2b2b2b;
	background-color: #fff;
}
.button:hover{
	color: #fff;
	background-color: #9cde3e;
}
.button:hover svg{fill: #fff;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#heading{font-size: 1.2em;}
#company{padding: 0 1em 1em 1em;}
#company h1{margin-bottom: 0.5em;}
#company img{
	width: 100%;
	max-width: 200px;
}
@media(min-width: 767px){
	#company img{
		max-width: 400px;
		margin: 0 auto;
	}
}
h1{
	font-size: 2em;
	line-height: 1.2;
}
@media(max-width: 767px){h1{font-size: 1.6em}}
h2{
	font-size: 1.1em;
	margin-bottom: 1em;
}
h5{
	font-size: 1.65em;
	line-height: 1.2;
	margin-bottom: 1em;
}
.mid{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	padding: 0 30px;
}/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.mid-center{
	z-index: 1;
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	padding: 0 30px;
	text-align: center;
}
.tc{text-align: center;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
h3{
	font-size: 1.6em;
	line-height: 1.2;
	margin-bottom: 0.75em;
}
#szimetrik img{width: 50%;}
.icons{
	text-align: left;
    background: #fff;
    padding: 2em 10%;
}
@media(min-width: 768px){
	#szimetrik img{
		float: left; width: 40%;}
	.icons{float: right; width: 60%;}
}
@media(min-width: 1024px){
	.icons{
		width: 70%;
		transform: translateY(-50%);
		position: absolute; top: 50%; right: 0;
	}
}
.icons div.clear{display: table;}
	.icons svg{
		fill: #444;
		margin: 1em;
		display: inline-block;
		vertical-align: middle;
		width: 2em; height: 2em;
	}
	.icons span{
		font-size: 0.8em;
		line-height: 1.4;
		display: table-cell;
		vertical-align: middle;
	}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
h4{
	font-size: 1.2em;
	line-height: 1.2;
	margin-bottom: 1em;
}
#pre-infos{
	position: relative;
	background-size: cover;
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url('../pic/helyszinrajz.jpg');
}
#pre-infos h3 {
	color: #fff;
}
#pre-infos p {
	color: #fff;
}
@media(min-width: 1024px){
	#pre-infos{padding-bottom: 8em;}
	#infos{margin-top: -7em;}
}
#pre-infos:after{
	content: "";
	background-color: rgba(0,0,0,0.6);
	position: absolute; left: 0; right: 0; bottom: 0; top: 0;
}
#infos .row > div[class*="col"]:last-child{display: none;}
@media(min-width: 1024px){#infos .row > div[class*="col"]:last-child{display: flex;}}
.info{
	padding: 2em;
	line-height: 1.4;
	border-radius: 2px;
	background-color: #fff;
	border-top: 6px solid #9cde3e;
	box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.house figure{position: relative;}
	.house figure strong{
		color: #fff;
		padding: 1em;
		z-index: 10;
		position: absolute;
		bottom: 0; right: 0;
		text-shadow: 0 0 10px #000;
	}
.house .info{padding: 1.5em 2em;}
	.house span{display: block;}
	.house .price{
		display: block;
		margin-top: 1em;
	}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
@media(min-width: 768px){
	#conception article{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		
		-webkit-column-gap: 3em;
		-moz-column-gap: 3em;
		column-gap: 3em;
	}
	#conception.bg-darkgray {
		background-color: #474536;
	}
	#conception.bg-darkgray *{
		color: #fff;
	}
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
.house{
	width: 100%;
	display: block;
}

/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
#house-list .container {
	padding-top: 5px;
}

#fff {
	background: #fff;
	text-align: center;
}

#fff .sec {
	padding: 0 1em;
	margin: 1em 0;
	text-align: left;
	display: inline-block;
}

#fff .sec > strong {
	display: block;
	font-weight: bold;
	font-size: 0.8em;
	margin-bottom: 5px;
}

#fff .sec span {
	display: inline-block;
	float: left;
}

#fff svg {
	fill: #ddd;
	margin: 10px 5px;
	display: inline-block;
	vertical-align: middle;
	width: 1.25em;
	height: 1.25em;
}

#filter-form label {
	color: #ddd;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 0em;
	font-size: 0.8em;
	outline: none;
	padding: 14.5px 1em 14.5px 1em;
	border: 1px solid #ddd;
	border-radius: 5px;
}

#filter-form span + span {
	margin-left: 5px;
}

#fff input[type="checkbox"] {
	display: none;
}

#fff input[type="checkbox"]:checked + label svg {
	fill: #DA2128;
}

#fff input[type="checkbox"] + label svg{
	fill: #444;
}
#fff input[type="checkbox"] + label{
	color: #444;
	border-color: #444;
}

#fff input[type="checkbox"]:disabled + label{
	opacity: 0.5;
	cursor: not-allowed;
}

#fff input[type="checkbox"]:checked + label {
	color: #DA2128;
	border-color: #DA2128;
}

/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#gallery .no-gutters{
	margin-left: -0.5em;
	margin-right: -0.5em;
}
#line-gallery a{display: block;}
.gallery-item a{
	padding: 0.5em;
	display: block;
	overflow: hidden;
}
.house figure,
.zoom figure{position: relative;}
.house figure:after{
	opacity: 0;
	color: #fff;
    content: "";
    width: 100%; height: 100%;
    position: absolute; top: 0; left: 0;
	background-color: rgba(0,0,0,0.4);
	background-size: auto auto;
    background-size: 24px 24px;
    transition: all 150ms;
}
.zoom figure:after{
	opacity: 0;
	color: #fff;
    content: "";
    width: 100%; height: 100%;
    position: absolute; top: 0; left: 0;
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUyLjk2NiA1Mi45NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUyLjk2NiA1Mi45NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8cGF0aCBkPSJNNTEuNzA0LDUxLjI3M0wzNi44NDUsMzUuODJjMy43OS0zLjgwMSw2LjEzOC05LjA0MSw2LjEzOC0xNC44MmMwLTExLjU4LTkuNDItMjEtMjEtMjFzLTIxLDkuNDItMjEsMjFzOS40MiwyMSwyMSwyMSAgYzUuMDgzLDAsOS43NDgtMS44MTcsMTMuMzg0LTQuODMybDE0Ljg5NSwxNS40OTFjMC4xOTYsMC4yMDUsMC40NTgsMC4zMDcsMC43MjEsMC4zMDdjMC4yNSwwLDAuNDk5LTAuMDkzLDAuNjkzLTAuMjc5ICBDNTIuMDc0LDUyLjMwNCw1Mi4wODYsNTEuNjcxLDUxLjcwNCw1MS4yNzN6IE0yMS45ODMsNDBjLTEwLjQ3NywwLTE5LTguNTIzLTE5LTE5czguNTIzLTE5LDE5LTE5czE5LDguNTIzLDE5LDE5ICBTMzIuNDU5LDQwLDIxLjk4Myw0MHoiIGZpbGw9IiNmNGY0ZjQiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) center center no-repeat rgba(156, 222, 62,0.8);
	background-size: auto auto;
    background-size: 24px 24px;
    transition: all 150ms;
}
.house:hover figure:after,
.zoom:hover figure:after{opacity: 1;}
	.house img,
	.zoom img{
		-webkit-transition: all 1s linear;
		transition: all 1s linear;
	}
	.house.sold_house {
		pointer-events: none;
	}
	.house img.disabled_image {
		filter: grayscale(1);
	}
	.house:hover img,
	.zoom:hover img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
#map{width: 100%; height: 30em;}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */

/* ---------------------------------TEMPORARY--------------------------------------------- */
header img {
	width: 100%;
	height: auto;
}
/* --------------------------------------------------------------------------------------- */

.rooms_description p {
	font-style: italic;
	color: #2b2b2b;
	margin: 5px 0 10px 0;
}

#img-slider .vr-walk {
	margin-top: 240px!important;
	z-index: 1000;
	max-width: 90%;
	margin: 0 auto;
	line-height: 1.4;
	position: absolute;
	min-width: 15%;
}

#img-slider .vr-walk a{
	width: 100%;
	text-align: center;
	line-height: 2.5em;
}

@media (max-width: 1400px) {
	#img-slider .vr-walk {
		margin-top: 220px!important;
	}
}

@media (max-width: 1200px) {
	#img-slider .vr-walk {
		margin-top: 200px!important;
	}
}

@media (max-width: 1025px) {
	#img-slider .vr-walk {
		margin-top: 180px!important;
	}
}

@media (max-width: 766px) {
	#img-slider .vr-walk {
		margin-top: 150px!important;
	}
}

@media (max-width: 504px) {
	#img-slider .vr-walk {
		margin-top: 165px!important;
	}
}

@media (max-width: 340px) {
	#img-slider .vr-walk {
		margin-top: 185px!important;
	}
}