html, body						{ font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 26px; height:100%; }

h1,h2,h3,h4                     { color: black; }

h1                              { font-family: 'Roboto Condensed', sans-serif; font-size: 60px; line-height: 66px; font-weight: 700; letter-spacing: -1px; }
h2                              { font-family: 'Roboto Condensed', sans-serif; font-size: 28px; line-height: 32px; font-weight: 300; }
h3                              { font-family: 'Roboto Condensed', sans-serif; font-size: 12px; line-height: 14px; font-weight: 300; }

a:link                          { text-decoration: none; color: inherit;}
a:visited                       { text-decoration: none; color: inherit;}
a:hover                         { text-decoration: none; color: inherit;}
a:active                        { text-decoration: none; color: inherit;}

.full_width_img 				{ width: 100%; height:auto; vertical-align: top; }
.full_height_img 				{ width: auto; height:100%; vertical-align: top; }
.btn 							{ display: inline-block; border: 2px solid rgba(207,49,0,1); transition: all .3s ease-out; cursor: pointer;}
.btn:hover						{ background-color: rgba(207,49,0,.1); border: 2px solid rgba(207,49,0,0); }
.btn .text 						{ float: left; text-transform: uppercase; font-weight: 700; font-size: 18px; padding: 19px;  }
.btn .icon 						{ float: left; height: 100%; }
.btn .icon img					{ vertical-align: top; }

*:focus                         { outline: none;}
.mobile                         { display: none !important;}
.desktop                        { display: inherit !important;}

#page_logo						{ position: absolute; left: 10%; top: 0; width: 220px; height: auto; background-color: #cf3100; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15); z-index: 10000; }
#page_logo .padding 			{ position: absolute; left: 5px; right: 5px; top: -1px; bottom: 5px; width: calc(100% - 10px); height: calc(100% - 4px); border: 1px solid rgba(255,255,255,.5); }
#page_logo_small				{ position: fixed; left: 10%; top: -100px; width: 220px; height: auto; background-color: #cf3100; transition: .5s; z-index: 10000;}
#page_logo_small.active			{ top: 0px; }

#menu														{ position:fixed; width: 100%; height: 60px; left: 0; top: 0; background-color: white; z-index: 9999; color: #1e1e1e;}
#menu .items_holder 										{ margin-left: calc(10% + 240px); }
#menu .items_holder .item									{ position: relative; display: inline-block; transition: all .3s ease-out; }
#menu .items_holder .item:hover								{ color: #cf3100; }
#menu .items_holder .item .button							{ height: 60px; padding: 16px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 700;}
#menu .language_and_social_holder				{ position: fixed; right: 170px; top: 0; height: 85px; }
#menu .language_and_social_holder .languages	{ float: right; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; padding: 17px; }
#menu .language_and_social_holder .social		{ float: right; padding: 6px; padding-right: 0; }
#menu .language_and_social_holder .social .item	{ float: right; }

#menu_mobile							{ position: fixed; left:0; top:0; width: 100%; background-color: white; height:68px; z-index: 1000; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;}
#menu_mobile .logo						{ float:left; background-color: #cf3100;}
#menu_mobile .hamburger_menu_btn		{ float:right; }
#menu_mobile .items_holder				{ position:absolute; width: 100%; left: 0; top: 68px; padding:25px; padding-top: 40px; font-size: 28px; display: none; background-color: white;}
#menu_mobile .items_holder .item		{ width:100%; float:left; cursor: pointer; text-align: center; margin-bottom: 35px; font-weight: 700; }
#menu_mobile .items_holder .item.soc 	{ margin-bottom: 15px; }	
#menu_mobile .items_holder .item.lang	{ margin-bottom: 30px; font-size: 24px; font-weight: 400;}

#menu_placeholder						{ width: 100%; height: 60px; }

.swiper-container {
    width: 100%;
    height: auto;
}

.lakaskereso_mainpage					{ position: relative; width: 90%; margin-left: 5%; margin-top: 35px;}
.lakaskereso_mainpage .col				{ float: left; width: 50%; }
.lakaskereso_mainpage .col.right		{ padding: 50px; }

#choose_lakastipus_dropdown_holder 		{ padding: 20px; padding-left: calc( 10% + 240px);}

#choose_lakastipus 								{ width: 100%; margin-bottom: 25px; }
#choose_lakastipus .item						{ float: left; width: 25%; font-weight: 700; padding: 3px;}
#choose_lakastipus .item:hover .image .scale	{ transform: scale(1.1); }
#choose_lakastipus .item.even					{ }
#choose_lakastipus .item.odd					{ }
#choose_lakastipus .item .image					{ position: relative; width: 100%; overflow: hidden; }
#choose_lakastipus .item .image .scale			{ position: absolute; left:0; top:0; width: 100%; height: 100%; transition: all .3s ease-out;}
#choose_lakastipus .item .text					{ color: white; padding: 20px; background-color: #202020;}
#choose_lakastipus .item .text h1				{ color: white; }
#choose_lakastipus .item .text .size			{  }
#choose_lakastipus .item .text .price			{ color: #ff3d01; font-size: 22px; }

#show_available_buildings_holder 				{ position: relative; color: white; font-weight: 700; }
#show_available_buildings_holder .item			{ position: relative; float: left; width: 33.33%; background-color: black; }
#show_available_buildings_holder .item .letter	{ position: absolute; left: 30px; top: 30px; text-align: center; padding: 35px; padding-bottom: 20px; border: 4px solid; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#show_available_buildings_holder .item .letter .big	{ font-size: 72px; margin-bottom: 25px; }
#show_available_buildings_holder .item .letter.occupied	{ border-color: #df0000; }
#show_available_buildings_holder .item .letter.free	{ border-color: #94b150; }
#show_available_buildings_holder .item .available_flats	{ position: absolute; left: 30px; bottom: 30px; }
#show_available_buildings_holder .item .available_flats .number { font-size: 72px; margin-right: 10px; }

#list_lakasok_holder 					{ position: relative; }
#list_lakasok_holder .col				{ float: left; width: 100%; }
#list_lakasok_holder .col .floor_level	{ width:100%; padding: 15px; text-align: center; font-weight: 700;}
#list_lakasok_holder .col .item			{ padding: 15px; transition: all .3s ease-out; }
#list_lakasok_holder .col .item.active		{ background-color: #94b150; }
#list_lakasok_holder .col .item.active h2	{ color: white; }
#list_lakasok_holder .col .item.active p	{ color: white; }
#list_lakasok_holder .col .item	h2		{ transition: all 0s ease-out; }
#list_lakasok_holder .col .item	p		{ transition: all 0s ease-out; }
#list_lakasok_holder .col .item:hover	{ background-color: #94b150; }
#list_lakasok_holder .col .item:hover h2	{ color: white; }
#list_lakasok_holder .col .item:hover p		{ color: white; }
#list_lakasok_holder .col .no_free_items	{ padding: 15px; }

#floorplan_holder_3d					{ width: 100%; margin-top: 35px; margin-bottom: 15px; padding: 25px; }

#floorplan_holder_3d .title 				{ margin-bottom: 10px; }
#floorplan_holder_3d .title .big			{ font-weight: 700; font-size: 60px; }
#floorplan_holder_3d .image 				{ float: left; width: 70%; }
#floorplan_holder_3d .details 				{ float: left; width: 30%; padding: 25px; }
#floorplan_holder_3d .details h2 			{ font-weight: 700; font-size: 36px; }

#helyseglista_table 						{ font-weight: 700; width: 100%; }
#helyseglista_table  .id 					{ width: 10%; min-width: 30px; }
#helyseglista_table  .name 					{ width: 50%; min-width: 100px; }
#helyseglista_table  .size 					{ width: 40%; min-width: 40px; }

#lakastipus_sample_holder					{ padding: 25px; }
#lakastipus_sample_holder  h2 				{ font-weight: 700; font-size: 36px; }
#lakastipus_sample_holder .image			{ float: left; width: 50%; }
#lakastipus_sample_holder .details			{ float: left; width: 50%; padding: 25px; }

#lakas_where								{ padding: 25px; }
#lakas_where  h2 							{ font-weight: 700; font-size: 36px; }

#contact_wrapper							{ text-align: center; padding: 25px;}
#rolunk 									{ padding: 25px; }


#table	{ width: 750px; }
#hello	{ width: 70%; }
#szia	{ width: 30%; }

.sevensixty_desktop				{ display: block; }
.sevensixty_mobile				{ display: none; }
.thousandfourty_desktop			{ display: block; }
.thousandfourty_mobile			{ display: none; }

#video_holder					{ width: 100%; text-align: center;}
.youtube_video					{ width: 900px; height: 506px; }



#footer             { position:relative; padding:30px; font-size:14px; text-align: left; background-color: white; }
#siteby				{ position:absolute; width:205px; height:45px; background-color:black; opacity:0.9; right:5%; bottom:0; cursor:pointer; background-image:url(../img/siteby.png); }
.footnote			{ text-align: center; padding:50px; font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: 700;}


.demo				{ margin-bottom:24px; border-radius:4px; overflow:hidden; }
.demo-image			{ width:100%; display:block; height:auto }
.macy-text			{ padding:10px; text-align: center; }
.macy-container-padding			{ padding: 10px; }


#choose_lakastipus_new_building					{ text-align: center; }
#choose_lakastipus_new_building .image			{ width: 60%; margin: 0 auto; transition: all .3s ease-out; }
#choose_lakastipus_new_building .image:hover	{ opacity: .9; }


@media only screen and (max-width : 1040px) {

	.mobile                         { display: inherit !important;}
	.desktop                        { display: none !important; }

	h1                              { font-size: 48px; line-height: 54px; letter-spacing: -1px; }
	h2                              { font-size: 22px; line-height: 26px; }
	h3                              { font-size: 12px; line-height: 14px; }

	.lakaskereso_mainpage					{ margin-top: 35px;}
	.lakaskereso_mainpage .col				{ float: left; width: 100%; }
	.lakaskereso_mainpage .col.right		{ padding: 0; text-align: center; padding-top: 25px;}

	#choose_lakastipus_dropdown_holder 		{ padding: 20px; padding-left: 0; text-align: center;}

	#choose_lakastipus .item				{ float: left; width: 50%; font-weight: 700; padding: 3px;}

	#show_available_buildings_holder 		{ display: none; }
	#list_lakasok_holder .col				{ width: 100%; }

	.thousandfourty_desktop					{ display: none; }
	.thousandfourty_mobile					{ display: block; }

	#floorplan_holder_3d .image 				{ width: 100%; }
	#floorplan_holder_3d .details 				{ width: 100%; padding: 25px; }

	#lakastipus_sample_holder .image			{ width: 100%; }
	#lakastipus_sample_holder .details			{ width: 100%; padding: 0; padding-top:30px; }

	.youtube_video								{ width: 720px; height: 405px; }

	#choose_lakastipus_new_building .image			{ width: 80%; }

}

@media only screen and (max-width : 760px) {

	.sevensixty_desktop				{ display: none; }
	.sevensixty_mobile				{ display: block; }

	#choose_lakastipus .item		{ width: 100%; }

	.footnote						{ padding: 20px; padding-top: 50px; font-size: 22px; }

	#rolunk 						{ text-align: center; }

	.youtube_video					{ width: 560px; height: 315px; }

}


@media only screen and (max-width : 560px) {

	.youtube_video					{ width: 320px; height: 180px; }

}