@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

body {
	font-family: 'Montserrat', sans-serif;
	color: #66748F;
	font-size: 18px;
	font-weight: 300;
	background: #F2F2F2;
}

a { transition: all 1s; color:#000; transition: all 0.5s; text-decoration: none; }
p:empty { display: none; }
b, strong { font-weight: bold; }
img { max-width: 100%; height: auto; }
h1,h2,h3,h4,h5 { font-family: 'Montserrat', serif; margin: 0 0 20px; }
	h2 { font-size: 36px; }
	h3 { font-size: 30px;}
	h5 { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #CBCCD0; position: relative; letter-spacing: 2px; margin-bottom: 50px; }
		h5:after { content: ''; width: 90px; height: 2px; background-color: #CBCCD0; display: inline-block; transform: translate(6px, -4px); }
blockquote { font-size: 18px; }

/* TEST */
/* section { border-top: 1px dashed blue; border-bottom: 1px dashed blue; }
	.container { border: 1px dashed green; }
		.row { border: 1px dashed red; }
			.col { border: 1px dashed yellow; } */

#cookie-bar { position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px; background-color: #333; color: #fff; text-align: center; display: none; z-index: 99999; }
	#cookie-bar p { font-size: 14px; margin: 0; }
	#cookie-bar p a { color: #E7AE60; font-weight: bold;}
	#cookie-bar button {
		background-color: #E7AE60; color: #333; border: none; padding: 5px 10px; cursor: pointer; margin: 10px;
	    font-weight: bold; border-radius: 5px; text-transform: uppercase; font-size: 12px;
	}

.range-slider { width: 100%; position: relative; height: 50px; padding-left: 10px; }
	.range-slider span { font-size: 14px; display: table; }
	.range-slider input[type=number] { font-size: 14px; padding: 0 3px !important; border-bottom: 1px solid #eee !important; -moz-appearance: textfield; width: 42px; }
		.range-slider span.widenum input[type=number] { width: 52px; }
	.range-slider input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
	.range-slider input[type=range] { position: absolute; left: 0; bottom: 0; border: none !important; background: transparent; }
	.range-slider input[type=range] { -webkit-appearance: none; width: 100%; padding: 0 10px !important; }
	.range-slider input[type=range]:focus { outline: none; }
	.range-slider input[type=range]:focus::-webkit-slider-runnable-track,
	.range-slider input[type=range]:focus::-ms-fill-lower, .range-slider input[type=range]:focus::-ms-fill-upper { background: #ccc; }
	.range-slider input[type=range]::-webkit-slider-runnable-track {
		width: 100%; height: 2px; cursor: pointer; animate: 0.2s; background: #ccc; border-radius: 1px; box-shadow: none; border: 0;
	}
	.range-slider input[type=range]::-webkit-slider-thumb {
		z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: none; height: 12px; width: 12px;
		background: #284BFF; cursor: pointer; -webkit-appearance: none; margin-top: -5px;
	}
	.range-slider input[type=range]::-moz-range-track {
		width: 100%; height: 2px; cursor: pointer; animate: 0.2s; background: #ccc; border-radius: 1px; box-shadow: none; border: 0;
	}
	.range-slider input[type=range]::-moz-range-thumb {
		z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: none; height: 12px; width: 12px;
		background: #284BFF; cursor: pointer;
	}
	.range-sliderinput[type=range]::-ms-track {
		width: 100%; height: 2px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent;
	}
	.range-slider input[type=range]::-ms-fill-lower, .range-slider input[type=range]::-ms-fill-upper {
		background: #284BFF; border-radius: 1px; box-shadow: none; border: 0;
	}
	.range-slider input[type=range]::-ms-thumb {
		z-index: 2;	position: relative; box-shadow: 0px 0px 0px #000; border: nonee; height: 12px; width: 12px;
		background: #284BFF; cursor: pointer;
	}
	@-moz-document url-prefix() {
		.range-slider input[type=range] { position: relative; transform: translateY(5px); }		
		.range-slider input[type=range] + input[type=range] { transform: translateY(-10px); }
		.range-slider input[type=range] + input[type=range]::-moz-range-track { background: transparent; }
		.range-slider input[type=range] + input[type=range]::-moz-range-thumb { transform: translateY(-16px); }
	}

/* NAVIGATION */

header { position: relative; z-index: 99999; width: 100%; padding-bottom: 10px;  }
	body.home header { position: absolute; }
	body.property header { background: #fff; }
		header .logo img.white { display: none; }
			body.home header .logo img { display: none; }
			body.home header .logo img.white { display: block; }

#show-menu { transform: scale(1.25) translateY(-3px); width: 50px; height: 50px; cursor: pointer; z-index: 99999; margin-left: 20px; }
	#show-menu .menu-icon__cheeckbox {
		display: block; width: 100%;height: 100%; position: relative; cursor: pointer; z-index: 2; -webkit-touch-callout: none; position: absolute; opacity: 0;
	}
	#show-menu div { margin: auto; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 22px; height: 18px; }
	#show-menu span { position: absolute; display: block; width: 100%; height: 2px; background-color: #53172B; border-radius: 1px; transition: all 0.2s; top: 6px; right: 0; }
		#show-menu span:first-of-type { top: 0; }
		#show-menu span:last-of-type { top: 12px; }
	#show-menu.active span:first-of-type, #show-menu .menu-icon__cheeckbox:checked + div span { opacity: 0; }
	#show-menu.active span:first-of-type, #show-menu .menu-icon__cheeckbox:checked + div span:first-of-type { transform: rotate(45deg); top: 6px; opacity: 1; }
	#show-menu.active span:last-of-type, #show-menu .menu-icon__cheeckbox:checked + div span:last-of-type { transform: rotate(-45deg); top: 6px; opacity: 1;}
	#show-menu.active:hover span:first-of-type, #show-menu.active:hover span:last-of-type,
	#show-menu:hover .menu-icon__cheeckbox:checked + div span:first-of-type,
	#show-menu:hover .menu-icon__cheeckbox:checked + div span:last-of-type { width: 22px; }
		#show-menu:hover span { width: 80%; }
		#show-menu:hover span:first-of-type { width: 120%; }
		#show-menu:hover span:last-of-type { width: 120%; }
	#show-menu a, #show-menu b {
	position: absolute; color: #000; background: #b3d61e; width: 15px; height: 15px; border-radius: 15px; line-height: 15px;
	font-size: 8px; text-align: center; top: 28px; left: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); text-decoration: none; z-index: 99999;
	}

	.navigation { display: flex; justify-content: flex-end; align-items: center; padding: 30px 0 0; }
		.navbar ul { padding: 0; display: flex; column-gap: 30px; justify-content: flex-end; align-items: center; }
			.navbar li { list-style: none; }
				.navbar li a { color: #53172B; transition: all 0.5s; font-size: 15px; text-transform: uppercase; font-weight: bold; }
					.navbar li a:hover { color: #284BFF; }

	body.home #show-menu span { background-color: #fff; }
	body.home .navbar li a { color: #fff; }

	.outer-nav {
		background: #284BFF; z-index: 99998; position: fixed; top: 0; left: 100%; height: 100vh; width: 100%; transition: all 0.5s; padding: 100px 50px;
		background: rgba(40,75,255,0.75); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
	}
	.outer-nav ul { padding: 0; }
		.outer-nav li { list-style: none; }
			.outer-nav li a { color: #fff; font-weight: 100; font-size: 27px; position: relative; margin-bottom: 10px; display: inline-block; }
				.outer-nav li a:after { content: ''; transition: all 0.5s; width: 0; height: 1px; position: absolute; background-color: transparent; bottom: 0; left: 0; }
				.outer-nav li a:hover:after { width: 100%; background-color: rgba(255,255,255,0.5); }
	.outer-nav p { color: #fff; margin-top: 100px; font-size: 13px; }

	body.showmenu {}
		body.showmenu header { background: transparent; }
		body.showmenu #show-menu span { background-color: #fff; }
		body.showmenu a.logo, body.showmenu .navbar { display: none !important; }
		body.showmenu .outer-nav { top: 0; left: 0; }


/* CONTENT */

.hidden { display: none !important; }
#main { background: url(../img/bg.jpg) no-repeat; background-size: 100% auto; margin: -120px 0 0; padding: 150px 0 0; }
	body.home #main { background-position: 0 -150px; }

#inside { padding: 0 0 50px; }
	#inside h2 { font-size: 36px; font-weight: 100; color: #53172B; display: inline-block; margin: 30px 0 30px; }
		#inside img + h2 { transform: translate(20px, 10px); }
	#inside h4 { font-size: 24px; color: #284BFF; text-transform: uppercase; }
	#inside hr { margin: 30px 0; }
	#inside .multicols { padding-top: 30px; padding-bottom: 30px; }

body.jobs {}
	body.jobs img.icon { margin: 15px 0; mix-blend-mode: luminosity; opacity: 0.5; }
	body.jobs img + h3 { font-weight: 100; font-size: 24px; }
body.about {}
body.services {}
body.jobs {}
	body.about h5, body.services h5, body.jobs h5 { margin-top: 50px; }

/* Slideshow */

#hero { width: 100%; }
	#hero .slides { width: 100%; max-height: 90vh; overflow: hidden; }
	#hero .container { margin-top: -120px; position: relative; text-align: right; }
		#hero .container a { margin-left: 20px; }
	.slide img { width: 100%; }

/* Search */

#search { position: relative; margin: 100px 0; }
	body.home #search { margin: 0; }
	#search .container { position: relative; margin-top: 20px; }
	#search .tabs { padding: 0; margin: 0 0 -8px; }
		#search .tabs a { background-color: #E7AE60; font-size: 14px; font-weight: bold; padding: 20px; border-radius: 5px 5px 0 0; margin: 0 3px 0 0; position: relative; }
			#search .tabs a:after {
				content: ''; height: 15px; width: 100%; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.15)); position: absolute; bottom: 0; left: 0;
			}
			#search .tabs a.active { background-color: #fff; }
				#search .tabs a.active:after { display: none; }
	#search .twoforms { padding: 0; }
	#search form { background: #fff; border-radius: 0 5px 5px 5px; padding: 30px; justify-content: space-between; }
		#search form > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; width: 14%; }
			#search form > div:nth-child(3) { width: 28%; }
			#search form > div:last-child { width: 10%; }
		#search form label { color: #3B3B3B; display: flex; font-size: 12px; font-weight: bold; column-gap: 10px; padding: 10px; width: 100%; }
			#search form label img {}
		#search form input { padding: 15px 20px; color: #66748F; }
		#search form select { padding: 15px; background: url(../img/arrow_down.svg) no-repeat; background-position: 90% 18px; background-size: 18px; color: #66748F; }
		#search form button.btn, #search form .searchbutton {
			background: #284BFF; font-weight: bold; font-size: 12px; text-transform: uppercase; padding: 18px 30px; display: flex; border: none; transition: all 0.5s;
		}
		#search form button.btn:before, #search form .searchbutton:before {
			content: ''; background: url(../img/kereses.svg) no-repeat; width: 20px; height: 20px; display: inline-block; transform: translate(-2px, 2px);
		}
		#search form button.btn:hover, #search form .searchbutton:hover { background: #E7AE60; }

	.autocomplete-suggestions {
		text-align: left; cursor: default; background: #fff; width: 100%; box-shadow: 0 0 30px rgba(0,0,0,0.5);
	    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
	}
	.autocomplete-suggestion {
		position: relative; padding: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; color: #66748F;
	}
	.autocomplete-suggestion b { font-weight: normal; color: #E7AE60; }
	.autocomplete-suggestion.selected { background: #f0f0f0; }

	#search form input, #search form select {
		border: none; border-bottom: 2px solid #ccc; border-radius: 0; outline: none !important; box-shadow: none !important; transition: all 0.5s; padding-bottom: 10px;
	}
	#search form input:hover, #search form select:hover { border-bottom: 2px solid rgba(40,75,255,0.5); box-shadow: 0 10px 10px rgba(40,75,255,0.05) !important; }
	#search form input:focus, #search form select:focus { border-bottom: 2px solid #000; }

.autocomplete { width: 100%; height: 50px; }
.select-wrapper { margin: auto; max-width: 600px; width: calc(100% - 40px); }
.select-pure__select {
	align-items: center; box-sizing: border-box; cursor: pointer; display: flex; justify-content: left;
	min-height: 50px; padding: 5px 10px; position: relative; transition: 0.2s; width: 100%; border-bottom: 2px solid #ccc;
}
.select-pure__options {
	box-sizing: border-box;  display: none; left: 0; max-height: 221px; overflow-y: scroll; position: absolute; top: -7px !important; width: 100%; z-index: 5;
}
.select-pure__select--opened .select-pure__options { display: block; font-size: 16px; }
.select-pure__option { background: #fff; border-bottom: 1px solid #e4e4e4; box-sizing: border-box; height: 50px; line-height: 25px; padding: 10px; }
.select-pure__option--selected { color: #e4e4e4; cursor: initial; pointer-events: none; }
.select-pure__option--hidden { display: none; }
.select-pure__selected-label {
	color: #fff; cursor: initial; display: inline-block; margin: 3px 6px 2px 0; padding: 3px 7px; background: #E7AE60; font-size: 15px; border-radius: 3px;
}
.select-pure__selected-label:last-of-type { margin-right: 0; }
.select-pure__selected-label i { cursor: pointer; display: inline-block; margin-left: 7px; }
.select-pure__selected-label i:after {
	content: '+'; font-weight: bold; font-style: normal; font-size: 21px; transform: rotate(45deg) translate(2px, 2px); display: block; line-height: 0;
}
.select-pure__selected-label i:hover { color: #e4e4e4; }
.select-pure__autocomplete { border-left: none; border-right: none; border-top: none; box-sizing: border-box; outline: none; padding: 10px; width: 100%; }

/* Intro */

#intro { padding-top: 100px; }
	#intro h5 { color: #66748F; }
	#intro h5:after { background-color: #66748F; }
	#intro h1 { color: #53172B; font-size: 42px; font-weight: 300; margin: 50px 0 100px; }

/* Bemutatkozas */

.threed { perspective: 500px; }
	.threed img {
		position: absolute; height: 320px; transform: translateX(50px) rotateY(-45deg); transform-style: preserve-3d; z-index: 5; box-shadow: 10px 15px 30px rgba(0,0,0,0.25); transition: all 0.5s;
	}
	.threed img:first-child { transform: translateX(-100px) rotateY(-45deg); z-index: 6; }
	.threed img:last-child { transform: translateX(200px) rotateY(-45deg); z-index: 4; }
		.threed img:hover { transform: translateX(50px) rotateY(-30deg); }
		.threed img:first-child:hover { transform: translateX(-100px) rotateY(-30deg); }
		.threed img:last-child:hover { transform: translateX(200px) rotateY(-30deg); }

a.button {
	padding: 15px 30px; border-radius: 3px; display: table; background: #284BFF; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; transition: all 0.5s; margin: 30px 0 0;
}
a.button:hover { background: #E7AE60; }

/* Szolgaltatasok */

#szolgaltatasok { padding-top: 150px; }
	#szolgaltatasok .section-header img { opacity: 0.2; mix-blend-mode: luminosity; transition: all 0.5s; }
	#szolgaltatasok .section-header img + span { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #CBCCD0; display: block; margin: 15px 0 5px; }
	#szolgaltatasok .section-header h3 { font-weight: 400; font-size: 27px; max-width: 70%; transition: all 0.5s; }
	#szolgaltatasok .section-header > div a {
		font-size: 18px; width: 30px; height: 30px; display: block; background: #CBCCD0; color: #F2F2F2; line-height: 30px; margin: 0 0 30px; text-align: center; transiton: all 0.5s;
	}
	#szolgaltatasok .section-header > div:hover h3, #szolgaltatasok .section-header > div.activee h3 { color: #53172B; }
	#szolgaltatasok .section-header > div:hover img, #szolgaltatasok .section-header > div.active img { opacity: 1; mix-blend-mode: normal; }
	#szolgaltatasok .section-header > div:hover a, #szolgaltatasok .section-header > div.active a { background: #53172B; color: #fff; font-weight: bold; font-size: 24px; }

	#szolgaltatasok .section-content > div { display: flex; background: #fff; }
    #szolgaltatasok .section-content > div div:last-child { color: #66748F; font-size: 17px; padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
    #szolgaltatasok .section-content > div > div > a {
		padding: 15px 30px; border-radius: 3px; display: table; background: #E7AE60; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase;
		transition: all 0.5s; margin: 30px 0 0; 
	}
	#szolgaltatasok .section-content > div a:hover { background: #284BFF; }

	.popup:after {
		content: ''; background: rgba(255,255,255,0.65); width: 100vw; height: 100vh; top: 0; left: 0; z-index: 998; position: fixed; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
	}
	.popup > div {
		width: 90%; position: fixed; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,0.5); top: 50%; left: 50%; border-radius: 10px;
		transform: translate(-50%,-50%); z-index: 999; padding: 50px !important;
	}
	div.multicols { column-count: 3; column-gap: 60px; column-rule: 1px solid #eee; display: block !important; }
		.popup div.multicols { padding: 20px !important; }
	.popup > div a { font-size: 42px; position: absolute; top: 0; right: 15px; transform: rotate(45deg); color: #CBCCD0; background: transparent !important; }
		.popup > div a:hover { color: #E7AE60; }

/* Referenciak */

#referenciak { padding-top: 100px; }
	#referenciak .container .row { position: relative; }
		#referenciak .logonav { position: absolute; justify-content: flex-end; width: 100%; display: flex; column-gap: 10px; }
	#referenciak .logos { padding: 50px 0 100px; }
	    #referenciak .logos .slick-track { display: flex; align-items: center; text-align: center; }
		#referenciak .logos img { max-height: 90px; max-width: 180px; }

/* SEARCH RESULTS */

#filter { padding: 0 0 50px; }
	#filter .row > div{ display: flex; align-items: center; }
		#filter .row > div:last-child { justify-content: flex-end; column-gap: 20px; }
		#filter h5 { margin: 0; }
    	.sortbutton { flex-direction: row; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #66748F; column-gap: 10px; display: flex; align-items: center; }
#searchlist {}
	#searchlist .row { display: flex; column-gap: 30px; row-gap: 10px; }
	.searchitem {
		display: flex; background: #fff; border-radius: 3px; overflow: hidden; box-shadow: 5px 5px 20px rgba(0,0,0,0.2); width: calc(50% - 15px); padding: 0;
	}
	.searchitem > a { display: flex; overflow: hidden; width: 40%; }
	.searchinner { display: flex; padding: 20px 30px; flex-wrap: wrap; width: 60%; }
		.searchinner h3 { width: 100%; font-size: 24px; font-weight: bold; color: #53172B; }
		.searchinner p { width: 50%; color: #66748F; font-size: 15px; font-weight: bold; }
			.searchinner p span { display: block; font-weight: 300; }
			.searchinner p em { display: block; font-weight: 100; color: #A3ACBC; font-style: normal; }
	.searchfooter { flex-direction: row; flex-wrap: nowrap; padding: 0 0 50px; column-gap: 0 !important; }
		.searchfooter h6 { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #CBCCD0; position: relative; letter-spacing: 2px; margin-top: 50px; }
			.searchfooter h6:before { content: ''; width: 90px; height: 2px; background-color: #CBCCD0; display: inline-block; transform: translate(-8px, -4px); }
		.searchfooter > div { display: flex; column-gap: 10px; }
		.searchfooter > div + div { justify-content: flex-end; }
	a.button.alternative { background: #E7AE60; }
		a.button.alternative:hover { backgrouond: #A3ACBC; }

/* PROPERTY */

body.property #hero .container { text-align: left; }
	body.property #hero .container a { display: inline-block; transform: translateY(50px); }
body.property #hero .slides:after { content: ''; width: 100%; position: absolute; height: 200px; background: linear-gradient(180deg, transparent, rgba(0,0,0,0.75)); bottom: 0; }
.ptitle { background: #F2F2F2; margin-bottom: 50px; height: 93px; position: relative; padding: 30px; }
	.ptitle h1 { font-size: 36px; font-weight: 100; }
		.ptitle h1 small { color: #CBCCD0; font-weight: bold; text-transform: uppercase; font-size: 12px; display: block; }
		.ptype { background: #E7AE60; height: 93px; position: relative; display: flex; justify-content: center; align-items: center; }
			.ptype h4 { font-size: 24px; color: #fff; font-weight: bold; text-transform: uppercase; margin: 0; }
#property h5 { margin: 30px 0 0; }
	#property h5:after { display: none; }
	#property .p-icon { margin: 30px 0 0; }
	#property .p-icon + h5 { margin: 15px 0 0; }
#property .property-block:not(:last-child) .row > div + div{ border-bottom: 1px solid #CBCCD0; padding: 0 0 50px; margin: 50px 0; }
	#property .property-block:last-child { margin: 0 0 50px; }
#property-info {}
	.pi-panel { background: #EBEBEC; display: flex; padding: 50px; justify-content: space-around; }
		.pi-box { font-size: 30px; font-weight: 100; }
			.pi-box img { margin-bottom: 20px;  }
			.pi-box span { color: #66748F; font-size: 12px; font-weight: bold; display: block; line-height: 100%; text-transform: uppercase; }
#property-description {}
	#property-description h3 { font-size: 24px; font-weight: 100; color: #3B3B3B; }
	#property-description p + h3 { margin-top: 50px; }
#property-map {}
	#property-map iframe { border: 1px solid #ddd !important; }
#property-data {}
	.pdflex { display: flex; }
		.pdflex p { font-size: 21px; color: #3B3B3B; padding: 0 50px; border-left: 1px solid #CBCCD0; }
			.pdflex p:first-child { border-left: none; padding-left: 0; }
		.pdflex p span { font-size: 18px; font-weight: 100; color: #66748F; display: block; }
		.pdflex p small { font-size: 14px; display: block; }

/* FOOTER */

.abovefooter img { width: 100%; }
footer { background-color: #EFF3F4; color: #66748F; font-size: 14px; padding: 50px 0; }
	footer p { color: #66748F; margin-bottom: 0; }
footer .flex > div { align-items: center; display: flex; }
	footer .flex .social { column-gap: 15px; }
footer .navbar-nav { flex-direction: row; }
	footer .navbar-nav li.nav-item:not(:last-child) { margin-right: 10px; }
		footer .navbar-nav a.nav-link { color: #66748F; padding: 0; }
		footer .navbar-nav a.nav-link:hover { border-bottom: 1px solid rgba(102,116,143,0.3); }
	.social-links { column-gap: 20px; justify-content: center; }
	.footer-links { align-items: center; justify-content: flex-end; display: flex; }
		.footer-links ul { padding: 0; display: flex; column-gap: 30px; justify-content: flex-end; align-items: center; }
			.footer-links li { list-style: none; }
				.footer-links li a { color: #66748F; transition: all 0.5s; }
					.footer-links li a:hover { color: #3B3B3B; }




/******************** RESPONSIVE ********************/

/* sm - tablet (mobile first) */ @media (min-width: 640px) {}
/* md - tablet landscape or really small desktop screen */ @media (min-width: 768px) {}
/* lg - smaller desktop screen */ @media (min-width: 1024px) {}
/* xl - normal/big desktop screen */ @media (min-width: 1280px) {}
/* 2xl - huge screen or tv */ @media (min-width: 1536px) {}

/* Desktop only */
@media (min-width: 1024px) {

	.outer-nav { padding: 150px 200px; }
	.outer-nav li a { font-size: 42px; }
	.outer-nav p { font-size: 15px; }
	.desktophide { display: none; }

}

/* Tablet or small screen */
@media (min-width: 641px) and (max-width: 1023px) {

	.mobilehide { display: none !important; }
	header .logo img { max-width: 200px; }
	.outer-nav { padding: 75px 150px; }
	#search form { flex-wrap: wrap; }
		#search form > div { width: 48% !important; }
		#search form button.btn, #search form .searchbutton { margin-top: 30px; }
	section .container { max-width: 90%; }
	#intro h1 { font-size: 32px; }
	.threed { display: flex; aspect-ratio: 16/9; justify-content: center; align-items: center; transform: scale(0.9) translate(-18vw, 5vw); }
	.section-header { flex-wrap: wrap; row-gap: 20px; }
		.section-header > div { width: 50%; display: flex; flex-direction: column; align-items: flex-start; }
		#szolgaltatasok .section-header img { height: 50px; }
		#szolgaltatasok .section-header h3 { font-size: 21px; }
	#szolgaltatasok .section-content > div { flex-direction: column; }
		.popup > div { padding: 30px !important; overflow-y: scroll; max-height: 96vh; }
		.popup > div > div, div.multicols { column-count: 1; overflow-y: scroll; position: relative; }
	footer .row { flex-direction: column; align-items: center; row-gap: 20px; }
		footer .row > div { align-items: center; display: flex; justify-content: center; text-align: center; }
		.footer-links ul { flex-direction: column; }
	#filter .row { margin: -50px 0 0; }
		#filter .row > div { justify-content: center !important; }
	.searchitem { width: 100%; }
	#searchlist .row { justify-content: space-between; }
		.searchfooter > div { width: auto; }
	.pi-panel { padding: 30px; }
		.pi-box { font-size: 24px; }

}

/* Mobile only */
@media (max-width: 640px) {
	
	.mobilehide { display: none !important; }
	h5 { position: relative; text-align: center; }
		h5:after { transform: translate(-50%, -20px); position: absolute; left: 50%; top: 0; }
	#show-menu { margin-top: -10px; }
	body.home #search { margin-top: -100px; }
	header .logo img { max-width: 200px; }
		#hero .container { display: none; }
		.slide { height: 420px; display: flex !important; justify-content: center; }
			.slide img { height: 100%; width: auto; max-width: 300%; }
	#search { margin: 0; }
	#search .tabs { display: flex; }
	#search .twoforms { margin: 0; }
	#search form { flex-direction: column; }
		#search form > div { width: 100% !important; margin: 0 0 30px; }
		#search form button.btn, #search form .searchbutton { margin-top: 30px; }
	#main { padding: 100px 0 0; }
	section { padding: 50px 30px !important; }
		section#hero { padding: 0 !important; }
	#intro h1 { font-size: 27px; margin: 0 20px 60px; text-align: center; }
	.threed { perspective: 150vw; display: flex; aspect-ratio: 1/1; transform: scale(0.5) translateX(-35vw); }
	.section-header { flex-wrap: wrap; row-gap: 20px; }
		.section-header > div { width: 50%; display: flex; flex-direction: column; align-items: flex-start; }
		#szolgaltatasok .section-header img { height: 50px; }
		#szolgaltatasok .section-header h3 { font-size: 21px; }
	#szolgaltatasok .section-content > div { flex-direction: column; }
		.popup > div { padding: 30px !important; max-height: 96vh; }
		.popup > div > div, div.multicols { column-count: 1; overflow-y: scroll; position: relative; }
	#referenciak .logonav { position: relative; justify-content: center; }
	footer .row { flex-direction: column; align-items: center; row-gap: 20px; }
		footer .row > div { align-items: center; display: flex; justify-content: center; text-align: center; }
		.footer-links ul { flex-direction: column; }
	.searchitem { width: 100%; display: flex; flex-direction: column; }
		.searchitem > a, .searchinner { width: 100%; }
		.searchfooter { flex-direction: column; }
			.searchfooter > div + div { justify-content: flex-start; }
			.searchfooter h6 { margin-top: 20px; }
	section.property-block { padding: 0 30px !important; }
		#property .p-icon { margin: 0 auto 10px; display: table; }
		.ptitle { margin-bottom: 0 height: auto; padding: 0; }
		.pi-panel { flex-direction: column; row-gap: 30px;} 
		.pdflex { flex-direction: column; }
			.pdflex p { padding: 0; border: 0; }

}

@media print {}