@charset "utf-8";

@font-face{
	font-family: 'i010';
	src: url('/pesti-haz-devai-14/_ico/010.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.i010{
	font-family: i010;	
}

@font-face{
	font-family: 'i011';
	src: url('/pesti-haz-devai-14/_ico/011.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.i010{
	font-family: i011;	
}


@font-face{
	font-family: 'i262';
	src: url('/pesti-haz-devai-14/_ico/262.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

font-face{
	font-family: 'i286';
	src: url('/pesti-haz-devai-14/_ico/286.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face{
	font-family: 'i289';
	src: url('/pesti-haz-devai-14/_ico/289.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'i400';
	src: url('/pesti-haz-devai-14/_ico/400.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}



@font-face{
	font-family: 'i401';
	src: url('/pesti-haz-devai-14/_ico/401.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'i402';
	src: url('/pesti-haz-devai-14/_ico/402.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'i403';
	src: url('/pesti-haz-devai-14/_ico/403.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.bold{
	font-weight: 700;	
}

.mp4{
    width: 100%;
    width: calc(100% + 2px);
}
.mp4 video{
	float: left;
    width: 100%;
}


a.youtube:before{
	content: '\e403';
	font-family: i403;
}
a.facebook:before{
	content: '\e289';
	font-family: i289;
}
a.instagram:before{
	content: '\e400';
	font-family: i400;
}

.mob_clear{
	display: none;	
}

::-webkit-scrollbar{ 
	width:14px;
}
::-webkit-scrollbar-track{
	background:#f5f5f5;
}
::-webkit-scrollbar-thumb{
	background:#f36f21;
	min-height:calc(100%/3);
	cursor:pointer !important;
	transition:background 0.2s ease-in-out !important;
}
::-webkit-scrollbar-thumb:hover{
	background:#f36f21;
	cursor:pointer !important;
}

div, span, ul, ol, li, h1, h2, h3, p, a, button, input, body > *{
	position: relative;
	float: left;	
}
*{
	padding: 0;
	margin: 0;	
	list-style-type: none;
	text-decoration: none;
}

html,
body{
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #fff;
}
html{
	overflow-y: auto;	
}
body{
	height: auto;
	font-family: 'museo-sans', arial;
	font-weight: 300;
	font-size: 20px;
	color: #384b49;
}

@media all and (max-width: 1600px){
	body{
		font-size: 18px;
	}
}
@media all and (max-width: 1366px){
	body{
		font-size: 16px;
	}
}
@media all and (max-width: 1366px){
	body{
		font-size: 15px;
	}
}
@media all and (max-width: 1024px){
	
}

@media all and (max-width: 800px){
	.mob_clear{
		display: block;
		width: 100%;
		height: 1px;	
	}	
}

iframe{
	border: none;	
}

.head{
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 900;	
}
.txt_ali_center{
	text-align: center;	
}
.bck_col_lightgray{
	background: #f7f8f8;	
}
.bck_col_gray{
	background: #e8e6d4;
    color: #010000;	
}
.txt_col_black{
	color: #000000;	
}
.txt_col_orange{
	color: #fb6d19;	
}
.wid_33{
	width: calc(100%/3);	
}
.wid_50{
	width: calc(50%);	
}
.wid_66{
	width: calc(100%/3*2);	
}
.wid_100{
	width: calc(100%);	
}
.wid_100.mar_large{
	padding: 5% 20%;
	width: calc(60%);	
}

.wid_100.mar_medium{
	padding: 5% 10%;
	width: calc(80%);	
}
.wid_100.mar_small{
	padding: 2.5% 10%;
	width: calc(80%);	
}
.mar_topbottom_large{
	padding: 5% 0;	
}
.mar_topbottom_small{
	padding: 2.5% 0;	
}

.mar_top_large{
	margin-top: 5%;	
}
.mar_top_medium{
	margin-top: 2.5%;	
}
.wid_50.mar_medium{
	padding: 5% 10%;
	width: calc(30%);	
}
.wid_50.mar_small{
	padding: 2.5% 10%;
	width: calc(30%);	
}

.wid_50.mar_large{
	padding: 5% 20%;
	width: calc(10%);	
}
.wid_50.mar_medium{
	padding: 5% 10%;
	width: calc(30%);	
}
.wid_50.mar_small{
	padding: 2.5% 10%;
	width: calc(30%);	
}

.mar_top_0{
	padding-top: 0 !important;	
}
.mar_bot_0{
	padding-bottom: 0 !important;	
}

.align_horizontal_center{
	left: 50%;
	transform: translateX(-50%);	
}

.bor_bottom_5{
	border-bottom: 5px solid #fff;	
}



.text h3,
.text .head{
	margin-bottom: 25px;
	width: 100%;	
}
.text p:not(.btn){
	margin-bottom: 12.5px;	
	width: 100%;
}
@media all and (max-width: 1600px){
	.text h3{
		margin-bottom: 17.5px;	
	}
	.text p{
		margin-bottom: 8.75px;	
	}
}
@media all and (max-width: 1366px){
	.text h3{
		margin-bottom: 12.5px;	
	}
	.text p{
		margin-bottom: 6.75px;	
	}
}
@media all and (max-width: 1280px){
	
}
@media all and (max-width: 1024px){
	.text h3{
		margin-bottom: 10px;	
	}
	.text p{
		margin-bottom: 5px;	
	}

	.head{
		font-size: 1.25em;	
	}
}

.menu_margin{
	margin-top: 113px;	
}

@media all and (max-width: 1280px){
	.menu_margin{
		margin-top: 103px;	
	}
}
@media all and (max-width: 1024px){	
	.menu_margin{
		margin-top: 70px;	
	}
}
@media all and (max-width: 800px){	
	.wid_100.mar_medium,
	.wid_100.mar_large,
	.wid_66,
	.wid_33,
	.wid_50{
		padding: 25px 20px !important;
		width: calc(100% - 40px) !important;	
	}
	
	.wid_50.mar_medium{
		padding: 25px 20px;
		width: calc(100% - 40px);
	}
	
	.mar_top_large,
	.mar_top_medium{
		margin-top: 2.5%;	
	}
	
	.mob_pad_0{
		padding: 0 !important;	
		width: 100%;
	}
	
	.mob_mar_bottom_0{
		padding-bottom: 0 !important;	
	}

	.mob_bor_bottom_3{
		border-bottom: 3px solid #fff;	
	}
	
	.mob_align_horizontal_center{
		left: 50%;
		transform: translateX(-50%);	
	}
	.mob_txt_ali_center{
		text-align: center;	
	}
}







.img_slider{
	overflow: hidden;	
	width: 100%;
	padding-top: 44%;	
}


.img_slider img{
	width: 100%;
	transition: opacity 0.4s ease-in-out, transform 2.5s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;	
	opacity: 0.0;
	transform: scale(1.0);
}

.img_slider[data-act="1"] img[data-img="1"],
.img_slider[data-act="2"] img[data-img="2"],
.img_slider[data-act="3"] img[data-img="3"],
.img_slider[data-act="4"] img[data-img="4"],
.img_slider[data-act="5"] img[data-img="5"],
.img_slider[data-act="6"] img[data-img="6"],
.img_slider[data-act="7"] img[data-img="7"],
.img_slider[data-act="8"] img[data-img="8"],
.img_slider[data-act="9"] img[data-img="9"]{
	opacity: 1.0;
	transform: scale(1.05);
}





/*LOKÁCIÓ*/
.location_01{
	width: 100%;	
	padding-top: 28.00%;
	height: 0;
}

.location_01 .mp4{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;	
	height: 100%;
	overflow: hidden;
}

.location_01 .mp4 video{
	width: 100%;	
	height: 100%;
}


.location_01 .map{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;	
	height: 100%;
	overflow: hidden;
}


@media all and (max-width: 800px){
	.location_01{
		width: 100%;	
		padding-top: 0;
		height: auto;
	}
	.location_01 .mp4,
	.location_01 .map{
		position: relative;
		float: left;
		top: 0;
		left: 0;
		width: 100%;	
	}
	.location_01 .mp4{
		border-bottom: 2px solid #fff;	
	}
	.location_01 .map{
		padding-top: 100%;
		height: 0;	
	}
	.location_01 .map:after{
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -7.5px;
		width: 0;
		height: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #fff;
		content: '';
	}
}


/*ÉRTÉKESÍTŐK*/
.ertekesitok .contact{
	width: calc(50% - 25px);
	margin-top: 50px;	
}
.ertekesitok .contact.left{
	margin-right: 25px;	
}
.ertekesitok .contact.right{
	margin-left: 25px;	
}
.ertekesitok .contact *{
	width: 100%;
	position: relatve;
	float: left;	
	color: inherit;
	text-decoration: none;
	text-align: center;
	margin-bottom: 20px;
}

.ertekesitok .contact img{
	width: 50%;
	margin-left: 25%;
}
.ertekesitok .contact a{
	transition: color 0.2s ease-in-out;
}
.ertekesitok .contact a:hover{
	color: #fb6d19;
}

@media all and (max-width: 800px){
	.ertekesitok .contact{
		width: calc(100% - 0px);
		margin-top: 25px;	
	}
	.ertekesitok .contact.left{
		margin-right: 0px;	
	}
	.ertekesitok .contact.right{
		margin-left: 0px;	
	}
}



/*KAPCSOLAT*/
.contact_team .contact{
	width: calc(50% - 25px);
	margin-top: 50px;	
}
.contact_team .contact.left{
	margin-right: 25px;	
}
.contact_team .contact.right{
	margin-left: 25px;	
}
.contact_team .contact img,
.contact_team .contact h3,
.contact_team .contact p{
	width: 100%;
	position: relatve;
	float: left;	
	color: inherit;
	text-decoration: none;
	margin-bottom: 20px;
}

.contact_team .contact img{
	width: 100%;
	margin-bottom: 0;
}
.contact_team .contact p{
	margin-bottom: 10px;
}
.contact_team .contact p *{
	float: left;
}
.contact_team .contact p em{
	width: 35%;
}
.contact_team .contact p a{
	width: 65%;
	transition: color 0.2s ease-in-out;
	color: inherit;
}
.contact_team .contact p a:hover{
	color: #fb6d19;
}

.contact_team .contact .btn{
	margin-top: 50px;
}

@media all and (max-width: 800px){
	.contact_team .contact{
		width: calc(100% - 0px);
		margin-top: 25px;	
	}
	.contact_team .contact.left{
		margin-right: 0px;	
	}
	.contact_team .contact.right{
		margin-left: 0px;	
	}
	.contact_team .contact .btn{
		margin-top: 25px;
	}
}









/*NYITÓ 21SZAZAD*/
.szazad21  .wid_66 img{
	position: relative;
	float: left;
	width: 100%;	
}
.szazad21 .text{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	
}
.szazad21 .text img{
	position: relative;
	float: right;
	width: calc(100% - 50px);
	
}

.szazad21 .text .inn{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: calc(100% - 150px);
	padding: 0 50px;
}

.szazad21 .text .inn h3,
.szazad21 .text .inn p{
	width: 100%;
}

@media all and (max-width: 800px){
	.szazad21 .text img{
		display: none;
		
	}
	
	.szazad21 .text{
		position: relative;
		float: left;
		top: 0;
		right: 0;
		transform: none;	
	}
	.szazad21 .text .inn{
		position: relative;
		float: left;
		top: 0;
		right: 0;
		transform: none;
		padding: 25px 20px;
		text-align: center;
		width: calc(100% - 40px);
	}
	
	.szazad21 .wid_66,
	.szazad21 .wid_33{
		width: 100% !important;	
	}
}


/*NYITÓ - SZOBASZÁMOK*/
.szobaszamos{
	width: calc(100% - 50px);
	padding: 50px 0 0 50px;	
	background: #f6f6f8;
}

.szobaszamos a > *{
	float: left;
	position:relative;
}
.szobaszamos a img{
	width: 100%;	
}

.szobaszamos a{
	width: calc(25% - 54px);
	margin: 0 50px 50px 0;
	border: 2px solid #fb6d19;
	border-radius: 25px;
	overflow: hidden;
	padding-bottom: 25px;
}

.szobaszamos a > h3{
	left: 0;
	text-align: center;
	width: 100%;
}
.szobaszamos a > .btn{
	margin-top: 25px;
}


@media all and (max-width: 800px){
	.szobaszamos{
		width: calc(100% - 20px);
		padding: 20px 0 0 20px;	
	}
	.szobaszamos a{
		width: calc(50% - 24px);
		margin: 0 20px 20px 0;
		border: 2px solid #fb6d19;
		border-radius: 10px;
	}	
	
	.szobaszamos a > h3{
		text-align: center;
	}
	.szobaszamos a > .btn{
		margin-top: 20px;
	}
}



/*SZINTVÁLASZTÓ*/
.e14a{
	position:relative;
	float:left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	z-index: 2;
}
.levels,
.levels *{
	position:relative;
	float:left;
	margin: 0px;
	padding: 0px;
	box-sizing: content-box;
}
.levels{
	width: 100%;
	padding: 0;
}
.levels .img{
	width: 100%;
	padding-top: 45%;
}
.levels[data-num="700"] .img{
	padding-top: 45%;
}
.levels .img > *{
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	width: 100%;
	opacity: 0.0;
	transition: 0.2s opacity ease-in-out;
	z-index: 1;
}
.levels .img > img.hov{
	opacity: 1.0;
	display: none;
	z-index: 2;
}
.levels[data-num="0"] .img >*[data-num="0"],
.levels[data-num="1"] .img >*[data-num="1"],
.levels[data-num="2"] .img >*[data-num="2"],
.levels[data-num="3"] .img >*[data-num="3"],
.levels[data-num="4"] .img >*[data-num="4"],
.levels[data-num="5"] .img >*[data-num="5"],
.levels[data-num="6"] .img >*[data-num="6"],
.levels[data-num="7"] .img >*[data-num="7"],
.levels[data-num="8"] .img >*[data-num="8"],
.levels[data-num="700"] .img >*[data-num="700"]{
	opacity: 1.0;
	z-index: 2;
}


.levels .img > div{
	height: 100%;
    width: auto;
    left: auto;
    right: 10%;
}
.levels .img > div img{
	float: right;
	height: 100%;
	box-shadow: 0px 0px 0px 0px #ccc;
}
.levels{
	background: #fff;
	background-repeat: repeat;
	overflow: hidden;
}

.levels ul{
	position: absolute;
	bottom: 0;
	right: 0px;
	width: 12.5%;
	z-index: 3;
	list-style-type: none;
	overflow: hidden;
}
.levels ul li{
	line-height: 50px;
	cursor: pointer;
	color: #fff;
	/*font-family: 'ms_700';*/
	width: calc(100% - 25px);

	text-align: right;
	clear: both;
	text-transform: uppercase;
	right: -25px;
	transition: 0.2s right ease-in-out;
	text-decoration: none;
}
.levels ul li a{
	margin-bottom: 1px;
	background: #bfbb93;
	color: inherit;
	width: 100%;
	padding: 5px 25px;
	text-align: left;
	text-decoration: none;
	font-weight: 700;
}
.levels ul li:hover,
.levels ul li.hover{
	right: -0px;
}

#svg_blo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index:2;
}
#svg_blo svg{
	position: absolute;
	opacity: 0.1;
	top: 5.75%;
	right: 0px;
	width: 77%;
	height: 87.5%;
}
	
#svg_blo svg polygon{
	cursor: pointer;
	fill: white;
}


.levels[data-num="0"] ul li[data-num="0"],
.levels[data-num="1"] ul li[data-num="1"],
.levels[data-num="2"] ul li[data-num="2"],
.levels[data-num="3"] ul li[data-num="3"],
.levels[data-num="4"] ul li[data-num="4"],
.levels[data-num="5"] ul li[data-num="5"],
.levels[data-num="6"] ul li[data-num="6"],
.levels[data-num="7"] ul li[data-num="7"],
.levels[data-num="8"] ul li[data-num="8"]{
	left: -0px;
	cursor: default;
}

.levels[data-num="0"] ul li[data-num="0"] u,
.levels[data-num="1"] ul li[data-num="1"] u,
.levels[data-num="2"] ul li[data-num="2"] u,
.levels[data-num="3"] ul li[data-num="3"] u,
.levels[data-num="4"] ul li[data-num="4"] u,
.levels[data-num="5"] ul li[data-num="5"] u,
.levels[data-num="6"] ul li[data-num="6"] u,
.levels[data-num="7"] ul li[data-num="7"] u,
.levels[data-num="8"] ul li[data-num="8"] u{
	background: #f37021;
}



@media all and (max-width: 1600px){

}
@media all and (max-width: 1440px){

}
@media all and (max-width: 1366px){

}

@media all and (max-width: 1280px){

}

@media all and (max-width: 1024px){
	.levels ul{
		width: 20%;
	}

	.levels ul li{
		line-height: 30px;
		font-size: 20px;
		width: calc(100% - 25px);
		left: -30px;
	}
	.levels ul li a{
		margin-bottom: 1px;
		padding: 5px 25px;
	}
}

@media all and (max-width: 800px){
	/*
.levels{
		display: none;
	}
	*/
}


@media all and (max-width: 800px){

	.levels ul{
		position: relative;
		top: 0;
		left: 0px;
		transform: none;
		width: calc(100% - 5px);
		padding: 5px 0px 0px 5px;
	}
	.levels ul li{
		width: calc(100%/3 - 5px);
		padding: 0;
		font-size: 14px;
		line-height: 20px;
		left: 0px !important;
		text-align: center;
		clear: none;
		margin: 0px 5px 5px 0px;
	}
	.levels ul li a{
		width: calc(100% - 10px);
		text-align: center;
		padding: 10px 5px;
		margin: 0px;
		left: 0px;
	}

	.levels .img{
		padding-top: 45%;
	}
	.levels[data-num="700"] .img{
		padding-top: 45%;
	}


	.levels .img > div{
		height: auto;
		width: 100%;
		left: 0;
		right: 0;
	}

	.levels .img > div img{
		float: right;
		height: auto;
		width:100%;
		box-shadow: 0px 0px 0px 0px #ccc;
	}


}
@media all and (max-width: 600px){

}
@media all and (max-width: 450px){

}

/*SZINTVÁLASZTÓ*/













/*NAVIGÁCIÓ*/
nav#M{
	width: 1200px;
	padding: 0px calc(50% - 600px);	
	position: fixed;
	top: 0; left: 0;
	z-index: 3;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(77, 90, 105, 0.3);
	box-shadow: 10px 10px 50px -10px rgba(77, 90, 105, 0.3);
}
nav#M.width{
	width: 1366px;
	padding: 0px calc(50% - 683px);	
}
nav#M ul{
	line-height: 40px;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
nav#M ul li{
	margin-right: 30px;
}
nav#M ul .fr li{
	margin-right: 0px;
	margin-left: 25px;
}
nav#M ul .fr > li:first-of-type{
	margin-left: 0px;
}
nav#M ul li a{
	padding: 0 5px;
	color: #7f7f7f;
	text-transform: uppercase;
	font-size: 18px;
	transition: background 0.15s ease, color 0.2s ease;
}
nav#M ul li a.set{
	background: #f36f21;
	color: #fff;
	padding: 0 15px;
}
nav#M ul li a:not(.set):hover{
	color: #f36f21;
}
nav#M a.logo img{
	width: 240px;
	height: 58px;
	padding: 10px 0 5px 0;
}
nav#M .fr{
	float: right;
}
nav#M > .fr > *{
	font-weight: 900;
	line-height: 58px;
	padding: 10px 0 5px 0;	
	margin-left: 20px;
}
nav#M > .fr > em{
	margin-left: 0px;
	padding: 10px 5px 5px 5px;
	font-style: normal;
	float: left;
}
nav#M > .fr > a:before{
	font-size: 18px;
}

nav#M > .fr > a{
	font-weight: 900;
	color: #4e4f51;
	font-size: 14px;
}
nav#M > .fr > a:hover{
	color: #F36F21;
}
nav#M > .fr > a.lang{
	font-weight: 500;
}
nav#M > .fr > a.lang.act{
	font-weight: 900;
}
nav#M > .fr > a:last-of-type{
	margin-left: 0;
}


nav#M > .fr > span{
	font-weight: 900;
	color: #F36F21;
	font-size: 24px;
}
nav#M > .fr > span.m_tog{
	display: none;
	cursor: pointer;
	color: #88898A;
}
nav#M > .fr > span.m_tog:before{
	content: '\e010';
	font-family: i010;
	font-size: 22px;
}
@media all and (max-width: 1600px){}
@media all and (max-width: 1440px){
	nav#M.width{
		width: calc(100% - 40px);
		padding: 0px 20px;	
	}
	nav#M ul li a{
		font-size: 18px;
	}
	nav#M ul li{
		margin-right: 30px;
	}
}
@media all and (max-width: 1366px){
	nav#M ul li a{
		font-size: 16px;
	}
	nav#M ul li{
		margin-right: 20px;
	}
}
@media all and (max-width: 1280px){

	nav#M{
		width: calc(100% - 60px) !important;
		padding: 0 30px !important;
	}
	nav#M ul{
		line-height: 30px;
	}
	nav#M ul li{
		margin-right: 10px;
	}
	nav#M ul li.fr{
		margin-right: 0px;
	}
	nav#M ul li a{
		font-size: 14px;
	}
	
	
}
@media all and (max-width: 1024px){	


	nav#M{
		width: calc(100% - 40px) !important;
		padding: 0 20px !important;
	}	
	nav#M a.logo img{
		padding: 6px 0;
	}
	nav#M ul{
		position: fixed;
		top: 0; left: 0;
		max-height: 0px;
		background: rgba(77, 90, 105, 0.8);
		line-height: 50px;
		transition: all 0.2s ease;
		overflow: hidden;
	}
	nav#M.open ul{
		padding-top: 70px;
		min-height: calc(100% - 70px);
		max-height: calc(100% - 70px);
	}	
	nav#M ul li{
		width: 100%;
		margin-right: 0px;
	}
	nav#M ul li a{
		color: #fff;
		font-size: 18px;
	}
	nav#M ul li a,
	nav#M ul li a.set{
		padding: 0 30px;
		width: calc(100% - 60px);
	}	
	
	nav#M ul div.fr{
		float: left;
		width: 100%;
	}
	nav#M ul div.fr li{
		margin-left: 0px;
	}
		
	nav#M > .fr > *{
		display: none;
	}
	nav#M > .fr > span.m_tog{
		display: block;
		width: 50px;
		height: 50px;
		line-height: 56px;
		text-align: center;
		padding: 0;
		margin: 0;
		margin: 10px 0 10px 10px;
	}
	
	nav#M.open > .fr > span.m_tog{
		z-index: 4;
		color: #fff;
	}
	nav#M.open > .fr > span.m_tog:before{
		content: '\e011';
		font-family: i011;
	}
}
@media all and (max-width: 800px){
	nav#M{
		width: calc(100% - 30px);
		padding: 0 15px;
	}
}
@media all and (max-width: 600px){
	nav#M{
		width: calc(100% - 20px) !important;
		padding: 0 10px !important;
	}
}

@media all and (max-width: 440px){
	nav#M a.logo img{
		padding: 10px 0;
		width: 207px;
		height: 50px;
	}
}
















.trapezoid:before{
  width: 100%;
  height: 100%;
  background: red;
  transform: perspective(10px) rotateX(1deg);
  margin: 50px;
  content: '';
  background: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px 0 0 20px;
}

.main_block > img{
	position: relative;
	float: left;
	width: 100%;	
}
.main_block .design_box{
	position: absolute;
	padding: 50px;
	width: calc(100%/3 - 100px);
	background: #fff;
}
.main_block .design_box h3,
.main_block .design_box p{
	width: 100%;
}

.main_block .wid_50 .design_box{
	position: absolute;
	padding: 50px;
	width: calc(100%/3 - 100px);
	background: #fff;
}

.main_block .img_con_50{
	width: calc(50% - 2.5px);
	height: 0;
	padding-top: 50%;
	overflow: hidden;	
}
.main_block .img_con_50.left{
	border-right: 2.5px solid #fff;	
}
.main_block .img_con_50.right{
	border-left: 2.5px solid #fff;	
}
.main_block .img_con_50 img{
	position: absolute;
}
.main_block .img_con_50 img.horizontal{
	height: 100%;	
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
.main_block .img_con_50 img.vertical{
	width: 100%;	
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.main_block .design_box.ali_topleft{
	top: 0;
	left: 0;
	border-radius: 0 0 50px 0;
}
.main_block .design_box.ali_bottomleft{
	bottom: 0;
	left: 0;
	border-radius: 0 50px 0 0;
}
.main_block .design_box.ali_bottomright{
	bottom: 0;
	right: 0;
	border-radius: 50px 0 0 0;
}

.main_block .design_box h3 span,
.main_block .design_box h3 sub{
	float: left;
	width: 100%;
}

@media all and (max-width: 1600px){
	.main_block .design_box{
		padding: 35px;
		width: calc(100%/3 - 70px);
	}
	
	.main_block .wid_50 .design_box{
		padding: 35px;
		width: calc(100%/3 - 70px);
	}
	
	.main_block .design_box.ali_topleft{
		border-radius: 0 0 35px 0;
	}
	.main_block .design_box.ali_bottomleft{
		border-radius: 0 35px 0 0;
	}
	.main_block .design_box.ali_bottomright{
		border-radius: 35px 0 0 0;
	}
}
@media all and (max-width: 1366px){
	.main_block .design_box{
		padding: 25px;
		width: calc(100%/3 - 50px);
	}
	
	.main_block .wid_50 .design_box{
		padding: 25px;
		width: calc(100%/3 - 50px);
	}
	
	.main_block .design_box.ali_topleft{
		border-radius: 0 0 25px 0;
	}
	.main_block .design_box.ali_bottomleft{
		border-radius: 0 25px 0 0;
	}
	.main_block .design_box.ali_bottomright{
		border-radius: 25px 0 0 0;
	}
}
@media all and (max-width: 1280px){
	
}
@media all and (max-width: 1024px){
	.main_block .design_box{
		padding: 20px;
		width: calc(100%/2.5 - 40px);
	}
	
	.main_block .wid_50 .design_box{
		padding: 20px;
		width: calc(100%/2.5 - 40px);
	}
	
	.main_block .design_box.ali_topleft{
		border-radius: 0 0 20px 0;
	}
	.main_block .design_box.ali_bottomleft{
		border-radius: 0 20px 0 0;
	}
	.main_block .design_box.ali_bottomright{
		border-radius: 20px 0 0 0;
	}
}


@media all and (max-width: 800px){	
	.main_block .design_box{
		position: relative;
		float: left;
		padding: 20px;
		width: calc(100% - 40px);
		border-radius: none !important;
		text-align: center;
	}
	
	.main_block .img_con_50{
		width: 100%;
		padding-top: 0;
		height: auto;
	}
	
	.main_block .img_con_50 img.horizontal{
		position: relative;
		float: left;
		transform: none;
		height: auto;
		width: 100%;
		top: 0;
		left: 0;	
	}
	
	.main_block .img_con_50.right,
	.main_block .img_con_50.left{
		border: none;	
	}
}










.btn{
	border: 2px solid #fb6d19;
	color: #fb6d19;
	padding: 0 25px;
	line-height: 48px;
	height: 50px;
	border-radius: 25px;
	font-family: 'futura-pt-condensed',arial;
	font-weight: 900;
	letter-spacing: 0.05em;
	background: none;
	transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
	font-size: 1.2em;
}

.btn:hover{
	background: #fb6d19;
	color: #fff;
}

@media all and (max-width: 800px){	
	.btn{
		font-size: 20px;
		background: #fb6d19;
		color: #fff;
		line-height: 40px;
		height: 40px;
		border-radius: 20px;
		padding: 0 20px;
	}
}


/*CSOK INFOBLOKK*/
.csok_block{
	width: 70%;
	padding: 5% 15%;
}
.csok_block .text{
	width: 70%;
	padding: 0 30% 0 0;
	margin-bottom: 100px;
}

.csok_block .text .csok_logo{
	width: 30%;
	position: absolute;
	top: -50px;
	right: -50px;
}

.csok_block .text h3,
.csok_block .text p{
	width: 100%;
}
.csok_block .text h3{
	color: #fb6d19;
}
.mob_table{
	position: static;
	float: none;
}
table.csok{
	width: 100%;
	border: none;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	text-align: center;
	border-spacing: 0;
	padding: 0;
	
}
table.csok td{
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding: 15px 10px;
}

table.csok tr.nowrap td{
	white-space: nowrap;

}

@media all and (max-width: 800px){	
	.csok_block{
		width: calc(100% - 40px);
		padding: 25px 20px;
		text-align: center;
	}
	
	.csok_block .text{
		width: 100%;
		padding: 0 0 0 0;
		margin-bottom: 25px;
	}
	
	.mob_table{
		position: relative;
		float: left;
		width: 100%;
		overflow: hidden;
		overflow-x: auto;
	}
	
	table.csok td{
		padding: 5px 5px;
	}
	
	.csok_block .text .csok_logo{
		display: none;	
	}
}



/*LAKÁSLISTA ELEMEI*/
.lakaslista_background_graphic{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	background-image:url(/pesti-haz-devai-14/lakaslista/PH_D14_landing_lakaslista_bgr.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#lakas_lista{
	width: 70%;
	margin: 0px 15% 0 15%;		
}

.lakas_lista_block{
	width: 100%;
	margin-bottom: 5%;
	display: none;
}


#lakas_lista.lev_0 .lakas_lista_block[data-level="0"],
#lakas_lista.lev_1 .lakas_lista_block[data-level="1"],
#lakas_lista.lev_2 .lakas_lista_block[data-level="2"],
#lakas_lista.lev_3 .lakas_lista_block[data-level="3"],
#lakas_lista.lev_4 .lakas_lista_block[data-level="4"],
#lakas_lista.lev_5 .lakas_lista_block[data-level="5"],
#lakas_lista.lev_6 .lakas_lista_block[data-level="6"],
#lakas_lista.lev_7 .lakas_lista_block[data-level="7"],
#lakas_lista.lev_8 .lakas_lista_block[data-level="8"]{
	display: block;	
}



.lakas_lista_block .head_block{
	width: 100%;	
	margin-bottom: 20px;
}
.lakas_lista_block .head_block img{
	position: relative;
	float: left;
	width: 100%;	
}
.lakas_lista_block .head_block h2{
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	text-transform: uppercase;
	font-family: 'futura-pt-condensed',arial;
	font-weight: 300;	
}


.lakas_lista_block ol{
	width: 100%;	
}

.lakas_lista_block ol li{
	width: calc(100% - 18px);
	margin: 0px 2px;
	padding: 5px 0px 5px 10px;
	border: 2px solid #f36f24;
	border-radius: 5px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 40px;
	background: #fff;
}
.lakas_lista_block ol li > span.w5{
	width: 5%;
}
.lakas_lista_block ol li > span.w10{
	width: 10%;
}
.lakas_lista_block ol li > span.w15{
	width: 15%;
}
.lakas_lista_block ol li > span.w20{
	width: 20%;
}
.lakas_lista_block ol li > span.w40{
	width: 40%;
}

.lakas_lista_block ol li > .like{
	width: 40px;
	height: 40px;
	float: right;
	color: #7f7f7f;
	text-align: center;
	font-style: normal;
	font-size: 1.4em;
	margin-right: 5px;
	cursor: pointer;
}
.lakas_lista_block ol li > .like:before{
	content: '\e401';
	font-family: i401;
}

.lakas_lista_block ol li[data-like="1"] > .like{
	color: #f36f24;
}

.lakas_lista_block ol li[data-like="1"] > .like:before{
	content: '\e402';
	font-family: i402;
}

.lakas_lista_block ol li > a{
	float: right;
	text-align: center;
	background: #f36f24;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	width: 120px;
	margin-right: 5px;
	transition: box-shadow 0.2s ease-in-out;
	font-weight: 700;
}
.lakas_lista_block ol li > a:hover{
	box-shadow: 0px 0px 0px 2px #f36f24;
}

.lakas_lista_block ol li.sold > a{
	background: #7f7f7f;
	
	
}
.lakas_lista_block ol li.sold > a:hover{
	background: #7f7f7f;
	font-weight: 700;
	box-shadow: 0px 0px 0px 2px #7f7f7f;
}

.lakas_lista_block ol li.sold{
	border-color: #818181;
	color: #7f7f7f;
}

.lakas_lista_block ol li.sold span.sold{
	text-align: center;
	font-weight: 900;
	font-size: 1.2em;
}


.lakas_lista_block ol li.room{
	display: none;
}

#lakas_lista.room_1 li.room[data-room="1"],
#lakas_lista.room_2 li.room[data-room="2"],
#lakas_lista.room_3 li.room[data-room="3"],
#lakas_lista.room_4 li.room[data-room="4"]{
	display: block;	
}


@media all and (max-width: 1600px){	
	#lakas_lista{
		width: calc(100% - 70px);
		margin: 0px 35px;		
	}
}

@media all and (max-width: 1366px){	
	#lakas_lista{
		width: calc(100% - 50px);
		margin: 0px 25px;		
	}
	
	.lakas_lista_block ol li{
		font-size: 15px;
		border-radius: 3px;
		margin-bottom: 12.5px;
	}
}

@media all and (max-width: 1280px){
	.lakas_lista_block ol li{
		font-size: 14px;
	}

	.lakas_lista_block ol li > span.w5{
		width: 10%;
	}
	.lakas_lista_block ol li > span.w10{
		width: 15%;
	}
	.lakas_lista_block ol li > span.w15{
		width: 20%;
	}
	.lakas_lista_block ol li > span.w20{
		width: 25%;
	}
	.lakas_lista_block ol li > span.w40{
		width: 60%;
	}
}
@media all and (max-width: 800px){
	#lakas_lista{
		width: calc(100% - 10px);
		margin: 0px 5px;		
	}
	
	
	
	.lakas_lista_block ol li{
		border-radius: 3px;
		margin-bottom: 5px;
		
		width: calc(100% - 14px);
		padding: 5px;
	}
	
	
	.lakas_lista_block ol li:not(.sold) > span:not(.w40){
		width: 100% !important;	
	}
	
	.lakas_lista_block ol li > a{
		width: 100px;
	}
	
	.lakas_lista_block ol li span{
		line-height: 24px;
	}
	.lakas_lista_block ol li span{
		line-height: 24px;
	}
	
	.lakas_lista_block ol li:not(.sold) > span:not(.mob_clear){
		border-bottom: 1px solid #eee;
		border-radius: 5px;
	}
	.lakas_lista_block ol li > span.mob_clear,
	.lakas_lista_block ol li > span.w20{
		border-bottom: 0px solid #eee !important;
		margin-bottom: 2.5px;
	}
	
	
	
	.lakas_lista_block ol li:not(.sold) > span:before{
		content: '';
		float: left;
		width: 50%;
		text-align: left;
	}
	.lakas_lista_block ol li:not(.sold) > span:nth-of-type(1):before{
		content: 'Lakás: ';
	}
	.lakas_lista_block ol li:not(.sold) > span:nth-of-type(2):before{
		content: 'Szobák száma: ';
	}
	.lakas_lista_block ol li:not(.sold) > span:nth-of-type(3):before{
		content: 'Eladható alapterület: ';
	}
	.lakas_lista_block ol li:not(.sold) > span:nth-of-type(4):before{
		content: 'Terasz: ';
	}
	.lakas_lista_block ol li:not(.sold) > span:nth-of-type(5):before{
		content: 'Eladható összterület: ';
	}
	.lakas_lista_block ol li:not(.sold) > span:nth-of-type(6):before{
		content: 'Bruttó ár: ';
	}
}



#lakas_lista .filter{
	width: 50%;
	line-height: 40px;
}
#lakas_lista .filter *{
	float: left;
}

#lakas_lista .filter h3{
	margin-right: 25px;
	line-height: 36px;
}
#lakas_lista .filter span{
	width: 40px;
	height: 80px;
	cursor: pointer;
	text-align: center;
}
#lakas_lista .filter span *{
	width: 100%;
}
#lakas_lista .filter span em{
	font-style: normal;
	font-weight: 500;
}

#lakas_lista .filter i{
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-align: center;
}

#lakas_lista .filter i:after{
	width: 7px;
	height: 7px;
	border: 2px solid #384b49;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	content: '';
	border-radius: 50%;
}

#lakas_lista .filter span.sel i:after{
	border: 2px solid #f36f24;
	background: #f36f24;
}

#lakas_lista .filter span:not(.sel):hover i:after{
	border: 2px solid #f36f24;
}

@media all and (max-width: 1024px){
	#lakas_lista .filter{
		width: 100%;
	}
	#lakas_lista .filter h3{
		margin-right: 0px;
		line-height: 36px;
		width: 100%;
		margin-top: 5px;
		text-align: center;
		text-transform: uppercase;
	}
}


















/*CSALÁDOKNAK ELEMEI*/
.csalad_block_1{
	background: #f7f8f8;
}
.csalad_block_1 > img{
	width: 50%;
	float: left;	
}

.csalad_block_1 .text{
	width: calc(50% - 100px);
	padding: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;	
}

.csalad_block_1 .text .btn{
	margin-top: 25px;
}

@media all and (max-width: 1600px){
	.csalad_block_1 .text{
		width: calc(50% - 70px);
		padding: 35px;
	}
}
@media all and (max-width: 1366px){
	.csalad_block_1 .text{
		width: calc(50% - 50px);
		padding: 25px;
	}
}
@media all and (max-width: 1280px){
	
}
@media all and (max-width: 800px){
	.csalad_block_1 > img{
		width: 100%;	
	}
	.csalad_block_1 .text{
		position:relative;
		float: left;
		transform: none;
		top:0;
		width: calc(100% - 40px);
		padding: 25px 20px;
		text-align: center;
	}
}

.csalad_block_2 .text{
	width: calc(100%/3 - 100px);
	padding: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;	
}

@media all and (max-width: 800px){
	.csalad_block_2 .text{
		width: calc(100% - 40px);
		padding: 25px 20px;
		position: relative;
		float: left;
		top: 0;
		transform: none;
		right: 0px;	
		text-align: center;
	}
}


.csalad_block_3 img{
	float: left;
	width: 100%;
}

.csalad_block_3 .text{
	width: calc(100%/3 - 100px);
	position: absolute;
	top: 0;
	left: 50px;
	padding: 50px;
	background: #fff;
}

@media all and (max-width: 800px){
	.csalad_block_3 .text{
		width: calc(100% - 40px);
		padding: 25px 20px;
		position: relative;
		float: left;
		top: 0;
		transform: none;
		right: 0px;	
		left: 0;
		text-align: center;
	}
}


.csalad_block_4 .wid_33{
	width: calc(100%/3 - 75px);
	padding: 0 25px 0 50px;
}

.csalad_block_4 .wid_66{
	width: calc(100%/3*2 - 75px);
	padding: 0 50px 0 25px;
	max-width: 700px;
}
@media all and (max-width: 800px){
	.csalad_block_4 .text{
		text-align: center;
	}
}

#csok_form{
	width: 100%;	
}
#csok_form .error-container{
	width: 100%;	
	padding: 5px 10px;
}

#csok_form fieldset,
#csok_form div,
#csok_form input,
#csok_form label{
	position: relative;
	float: left;
	padding: 0;
	margin: 0;	
}
#csok_form .fieldcontainer{
	width: 100%;	
}
#csok_form label{
	margin: 25px 0 10px 0 !important;	
	line-height: 30px;
}
#csok_form input[type="checkbox"]{
	margin: 25px 20px 10px 0 !important;
	line-height: 30px;
	height: 30px;	
}
#csok_form input.input{
	background: #eee;
	border: none;
	line-height: 50px;
	height: 50px;
	width: calc(100% - 30px);
	padding: 0 15px;	
}

#csok_form button{
	cursor: pointer;
	margin-top: 25px;	
}


/*BEFEKTETŐKNEK ELEMEI*/
/*type 1*/
.befekteto_block_1 h1 .logo{
	position:absolute;
	bottom: calc(100% + 50px);
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
}

.befekteto_block_1 h1{
	position:absolute;
	width: 25%;
	right: 0;
	bottom: 50px;
	padding: 50px;
	background: #f36f24;
	color: #ffff;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 2em;	
}
.befekteto_block_1 h1 span{
	position:static;
	float: none;	
}

@media all and (max-width: 800px){
	.befekteto_block_1 h1{
		position:relative;
		float: left;
		width: calc(100% - 40px);
		right: 0;
		bottom: 0;
		padding: 25px 20px;
		font-size: 1.5em;	
	}
	
	.befekteto_block_1 h1 .logo{
		position:relative;
		float: left;
		bottom: 0;
		margin-bottom: 40px;
		width: 40%;
	}
	
	.befekteto_block_1 h1 span{
		position:relative;
		float: left;
		text-align: center;
		width: 100%;
		margin-bottom: 10px;	
	}
}


.befekteto_section.type_0 .mp4{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	padding-top: 23.75%;
	overflow: hidden;	
}
.befekteto_section.type_0 .mp4 video{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;	
}

.befekteto_section.type_0 .ele_3_2{
	position: absolute;
	top: 50%;
	left: 0;
	width: 50%;
	padding-top: 23.75%;
	overflow: hidden;	
}


.befekteto_section.type_0 .ele_3_2 span{
	width: 30%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-size: 6em;
	color: #fb6d19;
	text-align: center;
}

.befekteto_section.type_0 .ele_3_2 div{
	width: 65%;
	position: absolute;
	top: 50%;
	left: 30%;
	transform: translateY(-50%);
}

.befekteto_section.type_0 .ele_3_2 div h3{
	color: #fb6d19;
}


.befekteto_section.type_0 .ele_3_3{
	float: right;
	width: 50%;
	padding-top: 45%;
	overflow: hidden;	
}
.befekteto_section.type_0 .ele_3_3 img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;	
}

@media all and (max-width: 1024px){
	.befekteto_section.type_0 .mp4{
		position: relative;
		float: left;
		width: 100%;
		padding-top: 0;
		overflow: hidden;
		margin-bottom: 20px;	
	}
	.befekteto_section.type_0 .mp4 video{
		width: 100%;
		position: relative;
		float: left;
		top: 0;
		left: 0;	
	}
	
	.befekteto_section.type_0 .ele_3_2{
		position: relative;
		float: left;
		top: 0;
		width: 100%;
		padding-top: 0;
	}
	
	
	.befekteto_section.type_0 .ele_3_2 span{
		width: 100%;
		font-size: 2em;
		text-align: center;
		position: relative;
		float: left;
		transform: none;
		margin: 0px 0px 20px 0;
		font-weight: 900;
	}
	
	.befekteto_section.type_0 .ele_3_2 div{
		width: calc(100% - 40px);
    padding: 0 20px 20px 20px;
		position: relative;
		float: left;
		top: 0%;
		left: 0%;
		transform: none;
		text-align: center;
	}
	
	
	.befekteto_section.type_0 .ele_3_3{
		float: right;
		width: 100%;
		padding-top: 0;
		overflow: hidden;	
	}
	.befekteto_section.type_0 .ele_3_3 img{
		width: 100%;
		position: relative;
		float: left;
		top: 0;
		left: 0;	
	}
}




.befekteto_section.type_1 .text{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}
.befekteto_section.type_1 img,
.befekteto_section.type_1 iframe{
	width: 50%;
	float: right;
}

.befekteto_section.type_1 span{
	width: 30%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-size: 6em;
	color: #fb6d19;
	text-align: center;
}

.befekteto_section.type_1 .text div{
	width: 65%;
	position: absolute;
	top: 50%;
	left: 30%;
	transform: translateY(-50%);
}

.befekteto_section.type_1 .text div h3{
	color: #fb6d19;
}


@media all and (max-width: 1024px){
	.befekteto_section.type_1 img,
	.befekteto_section.type_1 iframe{
		width: 100%;
		float: right;
	}
	.befekteto_section.type_1 .mp4{
		margin-bottom: 20px;
	}
	.befekteto_section.type_1 span{
		width: 100%;
		font-size: 2em;
		text-align: center;
		position: relative;
		float: left;
		transform: none;
		margin: 0px 0px 20px 0;
		font-weight: 900;
	}
	
	.befekteto_section.type_1 .text{
		position: relative;
		float: left;
		top: 0;
		left: 0;
		width: calc(100% - 40px);
		padding: 20px;
		height: auto;
		text-align: center;
	}
	
	.befekteto_section.type_1 .text div{
		width: calc(100% - 0px);
		position: relative;
		float: left;
		top: 50%;
		left: 0;
		transform: none;
	}
}




/*type 2*/
.befekteto_section.type_2 img{
	width: 100%;
}

.befekteto_section.type_2 .text{
	position: absolute;
	width: 40%;
	padding: 50px 50px 50px 200px;
	background: #fff;
}
.befekteto_section.type_2 .text.bottom_left{
	bottom: 0;
	left: 50px;	
}
.befekteto_section.type_2 .text.top_left{
	top: 0;
	left: 50px;	
}
.befekteto_section.type_2 .text.bottom_right{
	bottom: 0;
	right: 50px;	
}
.befekteto_section.type_2 .text.top_right{
	top: 0;
	right: 50px;	
}

.befekteto_section.type_2 .text h3{
	float: left;
	width: 100%;
	color: #fb6d19;
}
.befekteto_section.type_2 .text p{
	width: 100%;
}

.befekteto_section.type_2 span{
	width: 200px;
	position: absolute;
	top: 50px;
	left: 0;
	font-size: 6em;
	color: #fb6d19;
	text-align: center;
	
}


@media all and (max-width: 1024px){
	.befekteto_section.type_2 img,
	.befekteto_section.type_2 iframe{
		width: 100%;
		float: right;
	}
	
	.befekteto_section.type_2 span{
		width: 100%;
		font-size: 2em;
		text-align: center;
		position: relative;
		float: left;
		transform: none;
		top: 0;
		margin: 0px 0px 20px 0;
		font-weight: 900;
	}
	
	.befekteto_section.type_2 .text{
		position: relative;
		float: left;
		top: 0;
		left: 0;
		width: calc(100% - 40px);
		padding: 20px;
		height: auto;
		text-align: center;
	}
	
	.befekteto_section.type_2 .text div{
		width: calc(100% - 0px);
		position: relative;
		float: left;
		top: 50%;
		left: 0;
		transform: none;
	}
	
	.befekteto_section.type_2 .text.bottom_left,
	.befekteto_section.type_2 .text.top_left{
		left: 0px;	
	}
	.befekteto_section.type_2 .text.bottom_right,
	.befekteto_section.type_2 .text.top_right{
		right: 0px;	
	}
}


/*type 3*/

.befekteto_section.type_3 img{
	width: 50%;
	float: left;
}
.befekteto_section.type_3 img.right{
	float: right;
}

.befekteto_section.type_3 .text{
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
}
.befekteto_section.type_3 .text.left{
	left: 0;
}
.befekteto_section.type_3 .text.right{
	right: 0;
}

.befekteto_section.type_3 .text .inn{
	position: absolute;
	top: 50%;
	left: 50px;
	transform: translateY(-50%);
	width: calc(100% - 100px);
	height: auto;
}

.befekteto_section.type_3 .text .inn h3,
.befekteto_section.type_3 .text .inn p{
	width: 100%;
}

.befekteto_section.type_3 .text .inn h3{
	color: #fb6d19;
}



@media all and (max-width: 1024px){
	.befekteto_section.type_3 img,
	.befekteto_section.type_3 iframe{
		width: 100%;
		float: right;
	}
	
	.befekteto_section.type_3 span{
		width: 100%;
		font-size: 2em;
		text-align: center;
		position: relative;
		float: left;
		transform: none;
		top: 0;
		margin: 0px 0px 20px 0;
		font-weight: 900;
	}
	
	.befekteto_section.type_3 .text{
		position: relative;
		float: left;
		top: 0;
		left: 0;
		width: calc(100% - 40px);
		padding: 20px;
		height: auto;
		text-align: center;
	}
	
	.befekteto_section.type_3 .text div{
		width: calc(100% - 0px);
		position: relative;
		float: left;
		top: 50%;
		left: 0;
		transform: none;
	}
	
	.befekteto_section.type_3 .text.bottom_left,
	.befekteto_section.type_3 .text.top_left{
		left: 0px;	
	}
	.befekteto_section.type_3 .text.bottom_right,
	.befekteto_section.type_3 .text.top_right{
		right: 0px;	
	}
	
	.befekteto_section.type_3 .text .inn{
		position: relative;
		float: left;
		transform: none;
		top: 0;	
	}
}





/*VEVŐINK MONMDTÁK*/
.reviews{
	padding: 0% 10% 5% 10%;
	width: 80%;
	text-align: center;
}


.reviews .txt{
	width: 100%;
	margin-bottom: 2.5%;
	line-height: 50px;
	font-size: 20px;
	line-height: 26px;
}
.reviews .txt *{
	width: 100%;
}

.reviews .txt p{
	margin-bottom: 1.25%;
	font-weight: 700;
}

.reviews .txt:before{
	width: 100%;
	text-align: center;
	content: '\e262';
	font-family: i262;
	position: relative;
	float: left;
	margin-bottom: 2.5%;
}


@media all and (max-width: 1600px){
	
}
@media all and (max-width: 1366px){
	.reviews .txt{
		font-size: 16px;
		line-height: 22px;
	}
}
@media all and (max-width: 1024px){
	.reviews .txt{
    	font-size: 15px;
    	line-height: 21px;
	}	
}
@media all and (max-width: 800px){
	.reviews{
		padding: 0 25px 25px 25px;
		width: calc(100% - 50px);
	}
	.reviews .txt{
		margin-bottom: 25px;
	}
	.reviews .txt:last-of-type{
		margin-bottom: 0px;
	}
	.reviews .txt p{
		margin-bottom: 12.5px;
	}
}

@media all and (max-width: 600px){
	
	
}








/*FOOTER*/
footer{
	width: calc(70%);
	padding: 2.5% 15% 0% 15%;
	color: #fff;
	background: #f36f21;	
}

footer .block_1{
	width: calc(25% - 30px);
	padding: 20px 30px 20px 0px;
}
footer .block_1 h3{
	width: 100%;
	font-weight: 900;
	font-size: 16px;
	margin-bottom: 20px;
}
footer .block_1 p{
	width: 100%;
	font-size: 15px;
	margin-bottom: 25px;
}
footer .block_1 a{
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: inherit;
	border-radius: 20px;
	border: 2px solid #fff;
	font-size: 16px;
	margin: 0px 10px 0px 0px;
	transition: background 0.2s ease-in-out;
}
footer .block_1 a:hover{
	background: #fff;
	color: #f36f21;
}


footer .block_1 .mobile_middle{
	position: static;
	float: none;	
}


footer .block_2{
	width: calc(75% - 32px);
	padding: 20px 0px 20px 30px;
	border-left: 1px solid #fff;
}

footer .block_2 ol{
	width: 100%;
}

footer .block_2 ol li a{
	color: #fff;
	padding: 0px 30px 0px 0px;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size: 16px;
}

footer .block_2 ol.sub li a{
	padding: 0px 15px 0px 0px;
	text-transform: none;
	margin-bottom: 15px;
	font-size: 14px;
}

footer .block_2 .subscribe{
	height: 44px;
	line-height: 44px;	
	font-weight: 900;
	width: 100%;
	margin-top: 25px;
}
footer .block_2 .subscribe a{
	width: auto;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 25px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	font-weight: 900;
	transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
	margin-left: 25px;	
}
footer .block_2 .subscribe a:hover{
	background: #fff;
	color: #f37020;	
}

footer .block_2 .subscribe a{
	float: left;
}

footer .block_2 .logo{
	width: 125px;
	position: absolute;
	bottom: 0;
	right: 0px;
}

footer .block_3{
	padding-top: 40px;
	width: 100%;
	text-align: center;
	font-size: 10px;
	padding: 2.5% 0;
}





@media all and (max-width: 1600px){
	footer{
		width: calc(80%);
		padding: 2.5% 10% 0 10%;	
	}
}


@media all and (max-width: 1366px){
	footer{
		width: calc(90%);
		padding: 2.5% 5% 0 5%;	
	}
}

@media all and (max-width: 1024px){
	footer{
		width: calc(100% - 60px);
		padding: 30px 30px 0 30px;	
	}
	
	footer .block_3{
		padding: 30px 0;
	}
	footer .block_2 ol li a{
		font-size: 15px;
	}
}

@media all and (max-width: 800px){
	footer{
		width: calc(100% - 50px);
		padding: 25px 25px 0 25px;	
	}
	footer .block_3{
		padding: 25px 0;
	}
	
	footer .block_1{
		width: calc(100% - 0px);
		padding: 0px 0px 25px 0px;
	}
	
	footer .block_2{
		width: calc(100% - 0px);
		padding: 25px 0px 0px 0px;
		border: none;
		border-top: 1px solid #fff;
	}
	
	footer .block_2 .logo{
		width: 100px;
		position: relative;
		float: left;
		left: 50%;
		right: auto;
		margin-left: -50px;
		margin-top: 25px;
	}
}

@media all and (max-width: 600px){
	
	footer{
		text-align: center;
	}
	footer .block_1 .mobile_middle{
		position: relative;
		float: left;
		left: 50%;
		transform: translateX(-50%);
		width: auto;
	}
	
	footer .block_2 .subscribe{
		height: auto;
		line-height: 24px;	
		border-top: 1px solid #fff;
		padding-top: 25px;
	}
	footer .block_2 .subscribe span{
		width: 100%;
	}
	footer .block_2 .subscribe a{
		left: 50%;
		transform: translateX(-50%);
		margin: 25px 0 0 0;
	}
	footer .block_2 .logo{
		width: 100px;
		position: relative;
		float: left;
		left: 50%;
		right: auto;
		margin-left: -50px;
		margin-top: 25px;
	}
	
	footer .block_2 ol li{
		width: 50%;
		text-align: center;
		height: 30px;
	}
	footer .block_2 ol li a{
		padding: 0px 0px 0px 0px;
		width: 100%;
		line-height: 30px;
		height: 30px;
		font-weight: 900;
		text-align: left;
	}
	
	footer .block_2 ol li:nth-of-type(2n) a{
		text-align: right;
	}
	
	footer .block_2 ol.sub li a{
		line-height: 30px;
		height: 30px;
		margin-bottom: 0px;
		font-size: 15px;
	}
	
	footer .block_2 ol.sub li:last-of-type{
		width: 100%;
	}
	footer .block_2 ol.sub li:last-of-type a{
		width: 100%;
		text-align: center;
	}
}




















/*FORM CSOK*/
.ui-autocomplete-loading{
	background: white url("https://d1ursyhqs5x9h1.cloudfront.net/sw/css/images/ui-anim_basic_16x16.gif") right center no-repeat !important;
}
.belowsubmitcontainer-upsell{
	margin-bottom:15px;
}
.below-submit-item{
	margin-top:15px;
}
.checkbox-formlabel > p{
	margin:0px;
	padding:0px;
}
.mmform-container{ max-width: 100%; }























/*FELIRATKOZÁS*/
.e08{
  padding: 0 15% 100px 15%;
  width: 70%;
}
.e08 p u{
  float: none;
  color: #f37021;
}
.e08 .block{
  width: 100%;
}
.e08 .block .txt{
  width: calc(100% - 535px);
}
.e08 .block .txt p{
  width: 100%;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 50px;
}
.e08 .block .txt p u{
 font-weight: 700;
}
.e08 .block form{
	position:relative;
	  float: left;
	  width: 100%;
	  padding: 0px;
	  background: none;
	  border: none;
}

.e08 .block form fieldset{
	position:relative;
	  float: left;
	border: none;
	width: 100%;	
}

.e08 .block form h3{
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  line-height: 20px;
  font-size: 18px;
  font-weight: 700;
}
.e08 .block form .form-group{
  width: calc(100%/2 - 40px);
  padding: 5px 20px 40px 20px;
}


.e08 .block form .form-group.full_wid{
  width: calc(100% - 40px);
}
.e08 .block form input:focus{
  outline-width: 0;
}
.e08 .block form button{
	cursor: pointer;	
}
.e08 .block form input:focus,
.e08 .block form button:focus{
  outline: none;
}
.e08 .block form input{
  border-radius: 5px;
  border: none;
  border-bottom: 2px solid #ccc;
  background: none;
  width: calc(100% - 20px);
  padding: 5px 10px;
  margin-top: 20px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
}
.e08 .block form input:focus{
  border-bottom: 4px solid #f37021;
  padding: 5px 10px 3px 10px;
}

.e08 .block form p{
  width: calc(100% - 40px);
  padding: 20px;
  text-align: center;
  font-size: 18px;
  color: #999;
}

#containergdpr_beleegyezes *{
	cursor: pointer;	
}
@media all and (max-width: 1600px){
  .e08{
    padding: 0px 10% 100px 10%;
    width: 80%;
  }
  .e08 h2{
    font-size: 40px;
    line-height: 50px;
    margin: 0px 0px 40px 0px;
  }
  .e08 .block .txt p{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 40px;
  }
}
@media all and (max-width: 1366px){
  .e08 h2{
    font-size: 30px;
    line-height: 40px;
    margin: 0px 0px 30px 0px;
    width: calc(100% - 120px);
    padding-right: 120px;
    min-height: 80px;
  }
  .e08 h2:before{
    width: 80px;
    height: 80px;
  }
  .e08 .block .txt p{
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 30px;
  }
  .e08 .block .txt{
    width: calc(100% - 435px);
  }
  .e08 .block form .form-group{
    width: calc(100%/2 - 20px);
    padding: 5px 10px 40px 10px;
  }
  .e08 .block form .form-group.full_wid{
	  width: calc(100% - 20px);
	}
  .e08 .block form input{
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
  .e08 .block form h3,
  .e08 .block form p{
    font-size: 16px;
  }

}
@media all and (max-width: 1280px){
  .e08{
    padding: 0px 5% 80px 5%;
    width: 90%;
  }
  .e08 h2{
    font-size: 24px;
    line-height: 30px;
    margin: 0px 0px 25px 0px;
    min-height: 60px;
    width: calc(100% - 80px);
    padding-right: 80px;
  }
  .e08 h2:before{
    width: 60px;
    height: 60px;
  }
  .e08 .block .txt p{
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 25px;
  }
}
@media all and (max-width: 1024px){
  .e08 h2{
    font-size: 22px;
    line-height: 26px;
    margin: 0px 0px 20px 0px;
  }
  .e08 .block .txt p{
    margin-bottom: 20px;
  }
  .e08 .block .txt{
    width: calc(60% - 40px);
  }
}
@media all and (max-width: 600px){
  .e08{
    padding: 0 50px 50px 50px;
    width: calc(100% - 100px);
  }
  .e08 .block .txt{
    width: 100%;
  }
  .e08 h2{
    font-size: 18px;
    line-height: 20px;
    margin: 0px 0px 20px 0px;
  }
  .e08 .block .txt p{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .e08 .block .txt p u{
    font-weight: 700;
  }
  .e08 .block form h3,
  .e08 .block form p{
    font-size: 14px;
    font-weight: 700;
  }
  
  .e08 .block form .form-group{
	  width: calc(100%/1 - 20px);
	  padding: 5px 10px 40px 10px;
	}
}



@media all and (max-width: 450px){
  .e08{
    padding: 0 30px 30px 30px;
    width: calc(100% - 60px);
  }
  .e08 h2{
    margin: 0px 0px 30px 0px;
  }
  .e08 .block .txt p{
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
  }
}





.ui-autocomplete-loading {
	background: white url("https://d1ursyhqs5x9h1.cloudfront.net/sw/css/images/ui-anim_basic_16x16.gif") right center no-repeat !important;
}
.belowsubmitcontainer-upsell {
	margin-bottom:15px;
}
.below-submit-item {
	margin-top:15px;
}
.checkbox-formlabel > p {
	margin:0px;
	padding:0px;
}

 .error-container {
	margin-left:  0px !important;
}
.ui-autocomplete-loading {
	background: white url("https://d1ursyhqs5x9h1.cloudfront.net/sw/css/images/ui-anim_basic_16x16.gif") right center no-repeat !important;
}

.belowsubmitcontainer-upsell {
	margin-bottom: 15px;
}

.below-submit-item {
	margin-top: 15px;
}

.checkbox-formlabel>p {
	margin: 0px;
	padding: 0px;
}








/*TESTING*/
body:after{
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 10px;
	padding: 2px 5px;
	content: '4K';	
	z-index: 100;
	color: rgba(0,0,0,0.4);
}
@media all and (max-width: 2560px){
	body:after{
		content: '< 2560';	
	}
}
@media all and (max-width: 1920px){
	body:after{
		content: '< FULL HD';	
	}
}
@media all and (max-width: 1600px){
	body:after{
		content: '< 1600';	
	}
}
@media all and (max-width: 1366px){
	body:after{
		content: '< 1366';	
	}
}
@media all and (max-width: 1280px){
	body:after{
		content: '< 1280';	
	}
}
@media all and (max-width: 1024px){
	body:after{
		content: '< 1024';	
	}
}
@media all and (max-width: 800px){
	body:after{
		content: '< 800';	
	}
}
@media all and (max-width: 550px){
	body:after{
		content: '< 550';	
	}
}