@charset "UTF-8";
/* Open Sans (font-family: 'Open Sans', sans-serif;) */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,800,700,300italic&subset=latin,latin-ext);
/* Quicksand (font-family: 'Quicksand', sans-serif;) */
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,300&subset=latin,latin-ext);

@font-face {
  font-family: 'BerlinSansBold';
  src: url('../font/BerlinSansFBDemi-Bold.woff') format('woff'),
       url('../font/BerlinSansFBDemi-Bold.ttf')  format('truetype');
}

@font-face {
  font-family: 'BerlinSans';
  src: url('../font/BerlinSansFB-Reg.woff') format('woff'),
       url('../font/BerlinSansFB-Reg.ttf')  format('truetype');
}


/* CSS Alaphelyzetbe állítása*/
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, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration:none;
}

body
{
	font-family: Arial,sans-serif;
	font-size:14px;
	color:#676767;
}

a {
	text-decoration:none;
	color:#336699;
}


/*Teljes szélességű doboz*/
.full_box
{
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-color: #e9e9e9;
}
.full_box:after { clear:both; }


/*Teli narancs gomb*/
.btn-fluid {max-width:none !important; width:calc(100% - 40px); }

.btn-orange
{
	text-align:center;
	padding:15px;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	color:#fff;
	border-radius:4px;
	border:0px;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#f07330;
	font-size:14px;
	display:inline-block;
}
.btn-orange:hover
{
	background-color:#e06421;
}


/*Teli kék gomb*/
.btn-blue
{
	text-align:center;
	padding:15px;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	color:#fff;
	border-radius:4px;
	border:0px;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#336699;
	font-size:14px;
	max-width:150px;
	display:inline-block;
}
.btn-blue:hover
{
	background-color:#235587;
}


/*Solid fehér gomb*/
.btn-solid
{
	text-align:center;
	padding:15px;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	color:#fff;
	border-radius:4px;
	border:1px solid #FFF;
	margin-top:15px;
	margin-bottom:15px;
	font-size:14px;
	display:inline-block;
}
.btn-solid:hover
{
	background-color:#FFF;
	color:#676767;
}


/*Solid szürke gomb*/
.btn-solid_gray
{
	text-align:center;
	padding:15px;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	color:#676767;
	border-radius:4px;
	border:1px solid #676767;
	margin-top:15px;
	margin-bottom:15px;
	font-size:14px;
	display:inline-block;
	background-color:#FFF;
}
.btn-solid_gray:hover
{
	background-color:rgba(0,0,0,1.00);
	color:#FFF;
}

/*Háttér beállítások*/
.bg-center { 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
}

.bg-fluid { 
    background-repeat: no-repeat;
	background-size: 100%;
}

.bg-fluid-middle { 
    background-repeat: no-repeat;
	background-size: 100%;
	background-position:0% 50%;
}

.bg-fluid-bottom { 
    background-repeat: no-repeat;
	background-size: 100%;
	background-position:0% 100%;
}


/*Grid rendszer*/
.grid > :first-child {
	border-left:0px;
}

.grid:before, .grid:after {
    content:"";
    display: table ;
    clear:both;
}

.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, .m9, .m10 .m11, .m12
{   
	float: left;
	margin-left: auto;
    left: auto;
    right: auto;
	border-left: 20px solid rgba(0,0,0,0.00);
	box-sizing:border-box;
}

.m-hidden  {display: none;}

.m1 {width:8.33333333%;}

.m2 {width:16.66666667%;}

.m3 {width:25%;}

.m4 {width:33.33333333%;}

.m5 {width:41.66666667%;}

.m6 {width:50%;}

.m7 {width:58.33333333%;}

.m8 {width:66.66666667%;}

.m9 {width:75%;}

.m10 {width:83.33333333%;}

.m11 {width:91.66666667%;}

.m12 {width:100%;}



@media screen and ( max-width: 800px )
{
	.sm1, .sm2, .sm3, .sm4, .sm5, .sm6, .sm7, .sm8, .sm9, .sm10 .sm11, .sm12
	{   
		border-left: 20px solid rgba(0,0,0,0.00);
	}
	
	.sm-hidden  {display: none;}
	
	.sm1 {width:8.33333333%;}
	
	.sm2 {width:16.66666667%;}
	
	.sm3 {width:25%;}
	
	.sm4 {width:33.33333333%;}
	
	.sm5 {width:41.66666667%;}
	
	.sm6 {width:50%;}
	
	.sm7 {width:58.33333333%;}
	
	.sm8 {width:66.66666667%;}
	
	.sm9 {width:75%;}
	
	.sm10 {width:83.33333333%;}
	
	.sm11 {width:91.66666667%;}
	
	.sm12 {width:100%;}
}


@media screen and ( max-width: 400px )
{
	.xsm1, .xsm2, .xsm3, .xsm4, .xsm5, .xsm6, .xsm7, .xsm8, .xsm9, .xsm10 .xsm11, .xsm12
	{   
		border-left: 10px solid rgba(0,0,0,0.00);
	}
	
	.xsm-hidden  {display: none;}
	
	.xsm1 {width:8.33333333%;}
	
	.xsm2 {width:16.66666667%;}
	
	.xsm3 {width:25%;}
	
	.xsm4 {width:33.33333333%;}
	
	.xsm5 {width:41.66666667%;}
	
	.xsm6 {width:50%;}
	
	.xsm7 {width:58.33333333%;}
	
	.xsm8 {width:66.66666667%;}
	
	.xsm9 {width:75%;}
	
	.xsm10 {width:83.33333333%;}
	
	.xsm11 {width:91.66666667%;}
	
	.xsm12 {width:100%;}
}


/*Flex rendszer*/

.flex
{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}

.flex div {-webkit-flex: 1; -ms-flex: 1; flex: 1;}

.flex_basic {-webkit-flex: 1; -ms-flex: 1; flex: 1;}
.flex2 {-webkit-flex: 2; -ms-flex: 2; flex: 2;}
.flex3 {-webkit-flex: 3; -ms-flex: 3; flex: 3;}
.flex4 {-webkit-flex: 4; -ms-flex: 4; flex: 4;}
.flex5 {-webkit-flex: 5; -ms-flex: 5; flex: 5;}
.flex6 {-webkit-flex: 6; -ms-flex: 6; flex: 6;}
.flex7 {-webkit-flex: 7; -ms-flex: 7; flex: 7;}
.flex8 {-webkit-flex: 8; -ms-flex: 8; flex: 8;}
.flex9 {-webkit-flex: 9; -ms-flex: 9; flex: 9;}
.flex10 {-webkit-flex: 10; -ms-flex: 10; flex: 10;}
.flex11 {-webkit-flex: 11; -ms-flex: 11; flex: 11;}
.flex12 {-webkit-flex: 12; -ms-flex: 12; flex: 12;}
.flex13 {-webkit-flex: 13; -ms-flex: 13; flex: 13;}
.flex14 {-webkit-flex: 14; -ms-flex: 14; flex: 14;}
.flex15 {-webkit-flex: 15; -ms-flex: 15; flex: 15;}



/* Modal ablak */
.modal {
	left:calc(50% - 325px);
	opacity: 0;
	position: fixed;
	top: -50%;
	visibility: hidden;
	box-shadow: 0px 0px 20px rgba(0,0,0,.25);
	box-sizing: border-box;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	z-index:10;
}
.modal:target {
	opacity: 1;
	top: 5vh;
	visibility: visible;
}

.modal-target {
	opacity: 1;
	top: 5vh;
	visibility: visible;
}

.modal h2 { 
	font-family:'BerlinSansBold'; 
	margin-bottom: 20px; 
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 15px;
	}
	
.modal h2 span{ 
	color:#bfcc4a;
	}


.modal_header {
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:28px;
	margin-bottom:25px;
}


.modal-content {
	background: #f7f7f7;
	position: relative;
	width:600px;
	z-index: 20;
	border-radius: 12px;
	color: #676767;
	padding:25px;
	height:calc(90vh - 30px);
}

.m_content {  height:calc(90vh - 160px);
	overflow:scroll;}


.modal .overlay {
	background-color: #000;
	background: rgba(0,0,0,.6);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

.no_scroll {overflow:hidden;}

/* Responsive állítás */
@media screen and (max-width: 768px) {
	.modal-content {width:calc(100% - 50px);}
	.modal {width:84%; left:8%;}
}


/* Close btn */
.close_div { 
	width: 25px;
	right: 8px;
    top: 8px;
	position: absolute;
	margin: 5px;
	opacity:0.3;
}

svg {
	display: block;
}

.close-x {
  stroke: #676767;
  fill: transparent;
  stroke-linecap: round;
  stroke-width: 5;
}

.close_div:hover {
	opacity:1;
}




/*Fejléc*/
.header
{
	width:100%;
	background-color:#fff;
	height: 55px;
	position: fixed;
    z-index: 9;
    box-shadow: 0px 9px 50px -1px rgba(122, 131, 134, 0.16);
}
.slim-container
{
	max-width:940px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
}
.slim-container:after { clear:both; }

a.svg {
  position: relative;
  display: inline-block; 
}

a.svg:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}

.ai
{
	float:right;
	margin-top:15px;
	color:#f07330;
}

#add_circle
{
	vertical-align: middle;
}




/* Változások 945px alatt */
@media screen and ( max-width: 945px )
{
	.footer_menu, .footer_menu2 { display:block; }
	/* #f_services { display:none; } */
	#phone_app_txt { display:none; }
	.copyright_box img { display:none; }
	.br_f { display:none; }

	.ai 		{width:32px; height:32px; overflow:hidden; margin-top:11px;}
	#add_circle {font-size:32px;}
	
	#footer_ingatlan, #footer_allas { border-left: 0px; padding-left: 0px; }
	#footer_jofogas, #footer_ingatlan, #footer_allas { width: calc(100% + 40px); margin-left: -20px; }
	#footer_ingatlan, #footer_allas { margin-top:20px;}
	#footer_ingatlan { border-top: 1px solid #324B61; border-bottom: 1px solid #324B61; padding: 20px 0px; }
	.footer_app_promo { text-align: center; }
	.jofogas_logo_footer { height: 40px; margin-right: 0px; margin-bottom: 5px; }
	#footer_services, #footer_us { border-bottom: 1px solid #2B4156; }
	.footer_menu, .footer_menu2 { padding: 20px 0px; width: 100%;}
}



.br_f {display:none;}
.hide {display:none !important;}




/* Változások 800px alatt
@media screen and ( max-width: 800px )
{
	.ai 		{width:32px; height:32px; overflow:hidden; margin-top:11px;}
	#add_circle {font-size:32px;}
} */


/* Változások 450px alatt */
@media screen and ( max-width: 450px )
{
	.br_f { display:block; padding:2px; }
	
}