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


/* 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;
	text-decoration: none;
}

body
{
	font-family: 'Open Sans', Arial,sans-serif;
	font-size:14px;
	background-color:#e9e9e9;
	color:#676767;
	-webkit-font-smoothing: antialiased;
}

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

strong {
	font-weight: 700;
}


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


/*Tartalmi doboz*/
.container
{
	max-width:940px;
	margin:0 auto;
	padding:20px;
}
.container: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%; border-left: 0px;}



@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%; border-left: 0px;}
}


@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%; border-left: 0px;}
}


/*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;
	top: 0px;
	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; }

#jofogas_logo
{
	height: 30px;
	padding-top:13px;
}

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;
}


/*Lábléc*/
.footer_container {
	background-color: #213345;
	color: #6C8FB1;
}
.footer_app_promo
{
	background-color: #2B4156;
	padding: 5px 0px;
	color: #6C8FB1;
	line-height: 25px;
}

.footer_app_promo a
{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

#footer_ingatlan, #footer_allas {
	border-left: 1px solid #476784;
	padding-left: 42px;
}

.jofogas_logo_footer
{
	height:40px;
	margin-right:20px;
	vertical-align: middle;
}

#footer_jofogas .jofogas_logo_footer {
	height: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.footer_services a
{
	line-height:190%;
	font-weight:bold;
	font-size:12px;
	color: #6C8FB1;
}

#footer_barion_card
{ width:100%; }

.copyright_box
{
	font-size:10px;
	line-height:140%;
	text-align: justify;
	padding: 15px 20px;
}

.sepa {
	margin-top:20px;
	height:1px;
	width:100%;
	border-bottom:1px solid #2B4156;
}

.copyright:after
{
	content:"";
	display: table ;
	clear:both;
}

#jofogas_copyright
{
	width:100px;
	margin-right:155px;
	float:left;
}

.sc_sites,
.sc_sites a,
.sc_sites a:link,
.sc_sites a:visited,
.sc_sites a:active,
.sc_sites a:hover
{
	font-size:10px;
	color:#6C8FB1;
	line-height:140%;
	text-align:justify;
	padding-top: 0px;
	padding-bottom: 0px;
}

.sc_sites p
{
	margin-top: 20px;
	padding: 5px 0px;
}


.footer_menu, .footer_menu2 {
	width:calc(100% - 40px);
	padding:20px;
	overflow:hidden;
	height:60px;
	text-align:center;
	display:none;
}

.footer_menu a, .footer_menu2 a {
	color: #6C8FB1;
}

.footer_menu2 {
	margin-bottom: 20px;
}

#footer_services, #footer_us {
	color:#6C8FB1;
	border-bottom:1px solid #ccc;
	cursor:pointer;
}


.footer_menu p, .footer_menu2 p {
	padding-top:20px;
	padding-bottom:30px;
	font-size:14px;
	font-weight:bold;
}

.footer_menu_change {
	height:100% !important;
}


.footer_menu > :nth-child(1) { height: 29px;}
.footer_menu2 > :nth-child(1) { height: 29px;}

.br_f {display:none;}




/* 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%;}
}


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