:root{	
	--black:#000000;
	--white:#FFFFFF;
	--dark:#6e6d6c;
	
	--color1:#009ddd;
	--color2:#00649c;
	
	--gradient_blue:linear-gradient(90deg, #009ddd 0%, #00649c 100%);
	--border-radius:4px;
	
	
	--blue:#FC0000;
	--blue_lignt:#FC0000;
	--black:#39322D;	
	--text_blue:#FC0000;
	--light_sliver_text:#999999;
	--silver:#F8F8F9;
	--border_silver:#DCDCDC;
	--orange:#FFFCF3;
}
*{font-family: Arial, Helvetica, sans-serif;}
.row{margin:0; padding:0;}

.hiddenDiv{opacity:0; transition:opacity 1s;}
.hiddenDiv.show{opacity:1;}

.cktext *:not(div){font-family: Arial, Helvetica, sans-serif!important; font-size:1rem!important;color:var(--black)!important;font-weight:normal!important;text-decoration:none!important;list-style:none!important; margin:0!important;padding:0!important; text-align:justify!important;}
.cktext p{padding-bottom:.5rem!important;}
.cktext h1,.cktext h1 *{font-size:2rem!important;font-weight:bold!important;margin:0!important; padding:1.5rem 0!important;}
.cktext h2,.cktext h2 *{font-size:1.8rem!important;font-weight:bold!important;margin:0!important; padding:1.5rem 0!important;}
.cktext h3,.cktext h3 *{font-size:1.6rem!important;font-weight:bold!important;margin:0!important; padding:1.5rem 0!important;}
.cktext h4,.cktext h4 *{font-size:1.4rem!important;font-weight:bold!important;margin:0!important; padding:1.5rem 0!important;}
.cktext h5,.cktext h5 *{font-size:1.2rem!important;font-weight:bold!important;margin:0!important; padding:1.5rem 0!important;}
.cktext h1 span,.cktext h2 span,.cktext h3 span,.cktext h4 span,.cktext h5 span{color:var(--color1)!important;}
.cktext strong, .cktext strong *{font-weight:bold!important;  color:var(--color2)!important;}
.cktext ul{margin:0!important; padding:0!important; }
.cktext ul li{padding:0!important; padding-left:1.5rem!important; position:relative;  list-style: none!important; margin-bottom:.5rem!important;}
.cktext ul li:before{content:"."; position:absolute; left:0;top:-37px; font-size:3rem;}
.cktext ul li::marker{display:none!important;}
.cktext ul li li{padding:.25rem!important; padding-left:1.5rem!important; position:relative;  list-style-type: circle!important;   list-style-position: outside;}
.cktext a{text-decoration:underline!important;color:var(--black)!important;}


header{border-bottom:solid 1px var(--border_silver); position:sticky; top:0; left:0; width:100%; z-index:100; background:var(--white);}
header #info{background:var(--color1); display:flex; align-items:center;}
header #info > div{ display:flex; align-items:center;}
header #info *{color:var(--white); font-size:.8rem;}
header #info p{ margin:0;}
header #info .langs{margin-left:auto; display:flex;align-items:center;}
header #info .langs p{width:24px; height:17px; border-radius:var(--border-radius); background:no-repeat center center / auto 100%; margin-left:.5rem; cursor:pointer;}
header #info .langs p[data-lang="hu"]{background-image:url("/page/css/img/hu.jpg");} 
header #info .langs p[data-lang="en"]{background-image:url("/page/css/img/en.jpg");}

header #menu{}
header #menu .navbar,header #menu .navbar-brand{margin:0; padding:0;}
header #menu ul li{padding:5px 10px;}
header #menu ul li a{font-weight:bold; color:var(--black); position:relative;}
header #menu ul li a:before{content:""; width:0%; height:100%; border-bottom:solid 2px var(--color1); position:absolute; left:0; bottom:0; transition:all .5s;}
header #menu ul li a:hover::before{width:100%;}
header #menu ul li.active a{color:var(--blue);}
header #menu ul li.height{background:var(--color2); border-radius:var(--border-radius);}
header #menu ul li.height a{color:var(--white);}
header #menu ul li.height a:before{border-color:var(--white); display:none;}
header #menu ul li div a:hover{background:unset; color:var(--color1);}
header #menu ul li div a:before{display:none;}

header button.navbar-toggler:focus{border-color:rgba(0,0,0,.1);outline:none;}

footer{border-top:solid 2px var(--color1);}
footer img{width:158px;}
footer strong{color:var(--dark); text-transform:uppercase; }
footer ul{margin:1.5rem 0!important; padding:0!important;}
footer ul li{list-style:none;}
footer ul li a{color:var(--black);position:relative; }
footer ul.prods li{ margin-bottom:.75rem;}
footer ul.prods li a{ padding-bottom:.75rem;}
footer ul.prods li a:hover{color:var(--black); text-decoration:none;}
footer ul.prods li a:before{content:""; width:0%; height:90%; border-bottom:solid 2px var(--color2); position:absolute; left:0; top:0; transition:all .5s;}
footer ul.prods li a:hover::before{width:100%;}
footer ul.contact li a:hover{color:var(--color2); text-decoration:none;}
footer a.btn{border:solid 2px var(--color1); color:var(--color1); border-radius:50px; background:url('/page/css/img/arrow_right_black.png') no-repeat 85% center; font-weight:bold;}
footer a.btn:hover{ background:url('/page/css/img/arrow_right_white.png') no-repeat 85% center var(--color1); color:var(--white);}
footer .endline{background:var(--color2);}
footer .endline p{color:var(--white); margin:0;}
footer .endline p a{color:var(--white);}
footer .endline iframe{margin:6px 0 0;}

img[alt='pageup']{position:fixed; right:5%; bottom:5%; width:40px; height:40px; cursor:pointer; z-index:100; display:none;}

@media only screen and (max-width: 800px) {
	footer .endline div{text-align:center!important;}
}
