@charset "utf-8";
/* CSS Document */

.ikonok_arrow_bal:before {
  content: "\e900";
}
.ikonok_arrow_jobb:before {
  content: "\e901";
}
.dijnet_ikonok_csepp:before {
  content: "\e902";
}
.dijnet_ikonok_csillag:before {
  content: "\e903";
}
.dijnet_ikonok_homero:before {
  content: "\e904";
}
.dijnet_ikonok_korte:before {
  content: "\e905";
}
.dijnet_ikonok_kuka:before {
  content: "\e906";
}
.dijnet_ikonok_lakat:before {
  content: "\e907";
}
.dijnet_ikonok_lang:before {
  content: "\e908";
}
.dijnet_ikonok_mail:before {
  content: "\e909";
}
.dijnet_ikonok_telefon:before {
  content: "\e90a";
}
.icon-cross:before {
  content: "\e90b";
}
.icon-notifications:before {
  content: "\e90c";
}

/*header a,
header div,
header h1,
header img,
header li,
header p,
header span,
header strong,
header ul,
#logged-menu a,
#logged-menu span*/
footer a,
footer div {
	margin: 0;
	padding: 0;
	border: none;
	font-style:normal;
	vertical-align: baseline;
	outline: none;
}

/*header,
header *,
#logged-menu,
#logged-menu *
footer,
footer *,
*/
.main-container,
#content_wrapper {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
}

/*header:before,
header:after,
header *:before,
header *:after,
#logged-menu:before,
#logged-menu:after,
#logged-menu *:before,
#logged-menu *:after
footer:before,
footer:after,
*/
footer *:before,
footer *:after,
#content_wrapper:before,
#content_wrapper:after {
	display: block;
	position: absolute;
}

.wrapper{
	position: relative;
	width: 100%;
	max-width: 1280px;
	margin: auto;
	padding: 0 20px;
}

.button-box{
/*	display: block;	*/
	position: relative;
	padding: 5px 0;
}
/*#main-menu .button-box { mindenhol ezt használjuk*/
.button-box {
	display: inline-block !important;
	line-height: 38px;
/*	padding: 0;	*/
}

.button-box .button{
/*	display: inline-block;	*/
	vertical-align: baseline;
/*	height: 60px;	*/
/*	line-height: 60px;	*/
/*	border-radius: 60px;	*/
/*	padding: 0 40px;	*/
/*	font-weight: bold;	*/
	margin: 0 2px;
	outline: none;
	border: 0;
	text-transform: uppercase;
	text-decoration: none;
/*	font-size: 26px;	*/
	color: #ffffff;
	background-color: #1f6991;
	cursor: pointer;
/*	vertical-align: baseline;	*/
}
/*#main-menu .button-box .button { mindenhol ezt használjuk*/
.button-box .button {
	display: inline-block !important;
	padding: 0 15px;
/*	width: 100%;	*/
	height: 30px;
	line-height: 30px;
	border-radius: 40px;
	font-weight: normal;
	font-size: 13px;
}
/*
header .header-inner .button-box .button {
	background-color: #e95d0f !important;
}
*/
.button-box .button:hover:not(.disabled) {
	background-color: #e95d0f;
}
.button-box .button.disabled {
	cursor: unset;
}

.button-box .button > span{
	position: relative;
	padding: 0 20px 0 0;
}

.button-box .button > span:after{
	content: "";
	right: 0;
	top: 50%;
	margin: -10px 0 0 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 11px;
	border-color: transparent transparent transparent #ffffff;
}

a.fh img {
	border: solid 1px #dddddd;
}
a.fh:hover img {
	border: solid 1px #3a698d;
}
	
/* header 

header {
	width: 100%;
	height: 80px;
	font-size: 0;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}

header .header-left,
header .header-right {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 80px;
}

header .header-left {
	position: relative;
	padding: 0 20px 0 0;
	background-color: #fff;
	text-align: right;
}

header .header-left:after {
	right: -30px;
	top: 0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 30px 0 0;
	border-color: #ffffff transparent transparent transparent;
	z-index: 50;
}

header .header-right {
	background-color: #1f6991;
	text-align: left;
	padding: 30px 20px 0 0px;
}

header .header-right:before {
	width: 100%;
	height: 30px;
	content: "";
	left: 0;
	top: 0;
	background-color: #024d6b;
}

header .header-inner {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 640px;
	padding: 15px 0;
}

header .header-right .header-inner {
	text-align: right;
	height: 50px;
	padding: 0 0 0 100px;
}

#top-menu{
	position: absolute;
	right: 0;
	top: -30px;
	text-align: right;
	line-height: 30px;
	width: 100%;
	height: 30px;
}

#top-menu a{
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	text-decoration: underline;
}

#top-menu .blind-mode{
	position: relative;
	padding: 0 0 0 30px;
}

#top-menu .blind-mode:before{
	width: 20px;
	height: 20px;
	left: 0;
	top: 50%;
	margin: -10px 0 0 0;
	content: "";
	background: url(/ekonto/images/akadalymentesitett.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

#top-menu #lang-selector{
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 30px;
	margin: 0 20px 0 20px;
	font-size: 0;
}

#top-menu #lang-selector li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 0 0;
}

#top-menu #lang-selector li:first-child:after{
	content: "";
	right: -11px;
	top: 50%;
	width: 2px;
	height: 12px;
	margin: -8px 0 0 0;
	background-color: #3a7b9e;
	cursor: default;
	pointer-events: none;
}

#top-menu #lang-selector li:last-child{
	margin: 0;
}

#top-menu #lang-selector a{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	opacity: .38;
	text-decoration: none;
}

#top-menu #lang-selector a.active{
	opacity: 1;
	cursor: default;
	pointer-events: none;
}

#top-menu .help-box {
	position: relative;
	padding: 0 0 0 30px;
}

#top-menu .help-box:before {
	width: 20px;
	height: 20px;
	left: 0;
	top: 50%;
	margin: -10px 0 0 0;
	content: "";
	background: url(/ekonto/images/help_ico.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

#main-menu{
	text-align: right;
	line-height: 50px;
	height: 50px;
}

#main-menu a{
	position: relative;
	font-size: 18px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	margin: 0 20px;
}

#main-menu a:after{
	content: "";
	right: -18px;
	top: 50%;
	width: 2px;
	height: 12px;
	margin: -6px 0 0 0;
	background-color: #3a7b9e;
	cursor: default;
	pointer-events: none;
}

#main-menu a:last-child{
	margin: 0 0 0 20px;
}

#main-menu a:last-child:after{
	display: none;
}

#main-menu a:first-child{
	margin: 0 10px 0 0;
}

/* RM 
#main-menu p{
	position: relative;
	font-size: 12px;
	line-height: 50px;
	color: #fff;
	font-weight: normal;
	margin: 0 15px;
	display: inline-block;
}

#main-menu p:after{
	content: "";
	right: -18px;
	top: 50%;
	width: 2px;
	height: 12px;
	margin: -6px 0 0 0;
	background-color: #3a7b9e;
	cursor: default;
	pointer-events: none;
}

#main-menu p:nth-of-type(2n):after{	
	display: none !important;
}

#main-menu p:first-child{
	margin: 0 20px 0 0;
}
/* RM 

header h1{
	display: inline-block;
	vertical-align: top;
	font-size: 30px;
	line-height: 50px;
	font-weight: bold;
	color: #0f618c;
	margin: 0 0 0 50px;
}

header h1 span{
	color: #9bb639;
}
header a{
	text-decoration: none;
}

.header-logo{
	display: inline-block;
	vertical-align: top;
	width: auto;
	height: 50px;
}

header - end */

/* footer */

footer{
	/*width: 100%;*/
	background-color: #1f6991;
}

#footer-menu{
	/*width: 100%;*/
	/*max-width: 1280px;*/
	text-align: center;
	font-size: 0;
	padding: 20px;
	margin: auto;
}

#footer-menu a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	margin: 0 20px;
	line-height: 20px;
}

#footer-menu a:after{
	content: "";
	width: 2px;
	height: 100%;
	right: -20px;
	top: 0;
	background-color: #3a7b9e;
	cursor: default;
	pointer-events: none;
}

#footer-menu a:last-child:after{
	display: none;
}

.footer-bottom{
	position: relative;
	width: 100%;
	margin: auto;
	font-size: 10px;
	text-align: left;
	color: #fff;
	padding: 10px 20px;
	background-color: #024d6b;
}

/* footer - end */

/* logged index */

.main-container, 
.out-main-container {
	/*min-height: calc(100vh - 178px); #33998 ukrajna*/
	min-height: 844px;
	overflow: hidden;
}

.main-container .wrapper{
	padding: 50px 20px 50px 270px;
}
.out-main-container .wrapper {
        padding: 50px 135px;
}

/*
#logged-menu{
	position: absolute;
	left: 20px;
	top: 50px;
}

#logged-menu > a:not(.noitemstyle){
	display: block;
	position: relative;
	padding: 20px 15px;
	width: 210px;
	background-color: #1f6991;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #175576;
	transition: all .3s ease-in-out;
}

#logged-menu > a:not(.noitemstyle):hover{
	background-color: #e95d0f;
	width: 220px;
	border-bottom: 1px solid #e95d0f;
}

#logged-menu > a:not(.noitemstyle):last-child{
	border: 0;
}

#logged-menu > a > span{
	position: relative;
	font-size: 15px;
	line-height: 20px;
	padding: 0 10px 0 0;
}

#logged-menu > a > span:after{
	right: -10px;
	top: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #ffffff;
	margin: -5px 0 0 0;
	z-index: 50;
}
*/

.main-content > strong,
.main-content > p{
	color: #363636;
}

.main-content > strong{
	font-size: 20px;
	display: block;
	margin: 0 0 10px 0;
}

.main-content > p{
	font-size: 16px;
	line-height: 22px;
}

#fixed-menu{
	position: fixed;
	right: 0px;
	width: 70px;
	top: 130px /*!important*/;
	z-index: 999;
	left: auto !important;
}

#fixed-menu .partner-box{
	position: relative;	
	width: 380px;
	margin: 0;
	height: 70px;
	background-color: #a6b94f;
	cursor: pointer;
	color: #fff;
	transition: all .3s ease-in-out;
}

.partner-container #fixed-menu .partner-box{
	width: 70px;
}

#fixed-menu .partner-box:nth-of-type(2n){
	background-color: #1f6991;
}

#fixed-menu .partner-box.reminder{
	background-color: #e95d0f;
}

#fixed-menu .partner-box:after{
	font-family: 'dn-icons';
	width: 30px;
	height: 30px;
	font-size: 30px;
	color: #fff;
	left: 35px;
	top: 50%;
	margin: -15px 0 0 -15px;
	text-shadow: 0px 2px 5px rgba(0,0,0,.3);
}

.partner-box.biztositas:after{content: "\e907";}
.partner-box.kommunikacio:after{content: "\e909";}
.partner-box.viz:after{content: "\e902";}
.partner-box.gaz:after{content: "\e908";}
.partner-box.hulladek:after{content: "\e906";}
.partner-box.aram:after{content: "\e905";}
.partner-box.klima:after{content: "\e904";}
.partner-box.mobil:after{content: "\e90a";}
.partner-box.mobil:after{content: "\e90a";}
.partner-box.reminder:after{content: "\e90c";}

#fixed-menu .partner-box.active{
	margin: 0 0 0 -310px;
	cursor: default;
}

#fixed-menu .partner-box > span{
	display: block;
	text-align: left;
	padding: 0 0 0 70px;
	font-weight: bold;
	font-size: 24px;
	line-height: 70px;
	color: #fff;
}

#fixed-menu .partner-box .partner-box-inner{
	position: relative;
	background-color: #ffffff;
	padding: 20px;
	margin: 0 70px 0 0;
	border: 1px solid #b7b7b7;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	max-height: 400px;
	overflow: auto;
	transition: all .3s ease-in-out;
}

#fixed-menu .partner-box.klima .partner-box-inner,
#fixed-menu .partner-box.mobil .partner-box-inner,
#fixed-menu .partner-box.reminder .partner-box-inner{
	position: absolute;
	bottom: 70px;
	left: 0;
}

#fixed-menu .partner-box.active .partner-box-inner{
	visibility: visible;
	opacity: 1;
}

#fixed-menu .partner-box .partner-box-inner > strong{
	display: block;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	color: #363636;
	margin: 0 0 10px 0;
}

#fixed-menu .partner-box .partner-box-inner ul{
	list-style-type: none;
}

#fixed-menu .partner-box .partner-box-inner ul li{
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	text-align: center;
}

#fixed-menu .partner-box .partner-box-inner ul li img{
	display: inline-block;
	width: 100%;
	max-width: 120px;
	height: auto;
}

#fixed-menu .partner-box .partner-box-inner ul li .delete-partner{
	position: absolute;
	right: 35px;
	top: 50%;
	margin: -10px 0 0 0;
	width: 20px;
	height: 20px;
	display: block;
	font-size: 0;
}

#fixed-menu .partner-box .partner-box-inner ul li .delete-partner:after{
	font-family: 'dn-icons';
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #b7b7b7;
	left: 0;
	top: 0;
	content: "\e90b";
}

#fixed-menu .partner-box .partner-box-inner .button-box .button{
	width: 100%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: normal;
	padding: 0 20px;
}

#fixed-menu .partner-box.reminder .partner-box-inner .button-box .button{
	background-color: #a6b94f;
}

#fixed-menu .partner-box .partner-box-inner > a{
	font-size: 12px;
	color: #a1a1a1;
}

#fixed-menu .info-box{
	display: block;
	width: 70px;
	height: 40px;
	background: transparent;
	text-align: center;
	font-size: 0;
	padding: 10px 0;
}

#fixed-menu .info-box .toggle-helper{
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 20px;
	border: 2px solid #b9b9b9;
	font-size: 16px;
	color: #b9b9b9;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.helper-container{
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 99999;	
	background-repeat: no-repeat;
	background-size: 100% auto;
	cursor: pointer;
}

.helper-container.step-1{background-image: url(../images/helper/help1.jpg);}
.helper-container.step-2{background-image: url(../images/helper/help2.jpg);}
.helper-container.step-3{background-image: url(../images/helper/help3.jpg);}
.helper-container.step-4{background-image: url(../images/helper/help4.jpg);}

/* news.inc, modal */

#news_inc div.news {
    margin-top: 10px;
    clear: both;
    padding: 20px;
    background: #fff;
    border: solid 1px #93a543;
}
#news_inc .news p {
    margin-top: 0px;
    margin-right: 6px;
    margin-bottom: 6px;
    margin-left: 6px;
    text-align: justify;
    line-height: 135%;
    border: none;
    padding: 0px;
    margin: 0px !important;
}

#news_inc div.news_img {
    margin-top: 10px;
}
#news_inc .news_img img {
    max-width: 100%;
    height: auto;
}

#news_inc div.neria div.text {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
}
#news_inc div.neria div.text-center {
    text-align: center;
}

#news_inc div.news_img {
    margin-top: 10px;
}
#news_inc .news_img img {
    max-width: 100%;
    height: auto;
}

.md.important a {
    color: #e95d0f;
}

	/* modal */

    div.jquery-modal.blocker.current {
        z-index: 100;
    }

	/*  modal, csak kép */

    div.modal.img {
        display: inline-block;
        padding: 15px;
        max-width: fit-content; /* max-width: 880px; */
        max-width: -moz-fit-content; 
    }
    div.modal.img img {
        max-width: 850px;
        max-height: 85vh;
    }
    @media (max-width: 1200px) {
        div.modal.img img {
            max-width: 700px;
        }
    }


@media screen and (max-width: 1300px) and (min-aspect-ratio: 4/3){

	.helper-container.step-1{background-image: url(../images/helper/help1-4_3.jpg);}
	.helper-container.step-2{background-image: url(../images/helper/help2-4_3.jpg);}
	.helper-container.step-3{background-image: url(../images/helper/help3-4_3.jpg);}
	.helper-container.step-4{background-image: url(../images/helper/help4-4_3.jpg);}

}

@media screen and (max-width: 1400px) and (max-height: 1000px){

        .main-container, 
        .out-main-container {
		/* min-height: 100vh; */
	}

	#fixed-menu .partner-box{
		height: 50px;
	}

	#fixed-menu .partner-box > span{
		line-height: 50px;
	}

	#fixed-menu .partner-box:after{
		width: 26px;
		height: 26px;
		font-size: 26px;
		margin: -13px 0 0 -13px;
	}

	#fixed-menu .partner-box.klima .partner-box-inner, 
	#fixed-menu .partner-box.mobil .partner-box-inner, 
	#fixed-menu .partner-box.reminder .partner-box-inner{
		bottom: 50px;
	}

}

/*
@media screen and (max-width: 1340px){

	#logged-menu > a{
		padding: 15px;
	}

	#logged-menu > a > span{
		font-size: 14px;
		line-height: 16px;
	}

}
*/
@media screen and (max-width: 1300px){

	.main-container .wrapper{
		padding: 50px 80px 50px 270px;
	}
	.out-main-container .wrapper {
			padding: 50px 135px;
	}

/*
	#main-menu .button-box .button{
		line-height: 26px;
		height: 26px;
		font-size: 11px;
	}
	header h1{
		font-size: 16px;
		margin: 0 0 0 20px;
	}

	header .header-left{
		width: 46%;
	}

	header .header-right{
		width: 54%;
	}

	header .header-right .header-inner{
		padding: 0 0 0 20px;
	}
*/
	#login-container{
		right: 30px;
	}

}