html{ width: 100%; margin:0 auto; padding:0; }
body {
	width:100%; margin:0 auto; padding:0;
	font-family: 'Comfortaa', cursive;
	font-weight: 300;
	background: #ffffff;
	background-size:cover;
	margin:0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
nav{  }

.navbar{ width:100%; margin:0 auto; padding:0; box-shadow: 0 10px 10px -10px #000; }


.navcontainer{ width:80%; margin:0 auto; padding:0; }

.navbar-brand{
	background:url(/img/logo.png) no-repeat center;
	width:150px;
	margin-top:7px;
}




.navbar-light .navbar-nav .nav-link {
    color: #013879;
    font-size:17px;
}


.nav-item {
	color:#013879;
	float:left;
	margin-right:5px;
	position:relative;
}

.navbar-light .navbar-nav{
	/* margin-bottom:0; */
}
.navbar-light .navbar-nav li.active {
	background: url(/img/menuvonal.jpg) repeat-y;
	/* height: 43px; */
	
}
.nyelvek{
	margin-top:5px;
	width:100px;
	float:right; 
	font-size:13px;
 	
}

.nyelvek > a{
	margin-left:3px;
	color: white;
	text-decoration: none;
}
.nyelvek > a.active{
	color: lightblue;
	text-decoration: none;
}

#lablec {
	background:#013879;
	color:#305279;
	font-size:12px;
	position: fixed;
	
	bottom: 0;
	width: 100%;
	margin: 0 auto;
}

#lablec:hover{
			color:#999;
}
#lablec a {
			color:inherit;
}


.card{
	margin-top:20px;
	
}
h1{
	font-size: 30px;
	color:#013879;
	font-weight:400;
}
h2{
	font-size: 24px;
	color: #666;
	font-weight:400;
}
h2 .mt5{
	font-size: 24px;
	color: #666;
	font-weight:400;
}
h5{
	font-size: 20px;
	color: #013879;
	font-weight:600;
}
h6{}

p{
	font-size: 15px;
	color: #666;
	font-weight:300;
}
.egysor { margin-top: 20px; content: " "; }
.space { margin-top: 20px; height:20px; }




#cikk {
	background:#fff;
	padding:50px 0;
	width:800px;
}

#cikk > p {
	color:#666;
	font-size:16px;
	margin:0 auto 10px auto;
	max-width:700px;
	text-align:justify;
}

.gomb
		{
			background:#013879;
			border:1px solid #013879;
			border-left:none !important;
			border-right:none !important;
			box-sizing:border-box;
			color:#fff;
			cursor:pointer;
			display:inline-block;
			font-size:18px;
			height:40px;
			line-height:38px;
			overflow:visible;
			margin:0 30px;
			padding:0;
			position:relative;
			text-decoration:none;
			z-index:0;
		}
		.gomb::before
		{
			background-image:url(/img/kezdolap/gombk.png),url(/img/kezdolap/gombk.png);
			background-position:-30px center,calc(100% + 30px) center;
			background-repeat:no-repeat;
			content:'';
			height:40px;
			left:-29px;
			position:absolute;
			right:-29px;
			top:-1px;
			z-index:-2;
		}
		.gomb::after
		{
			background:linear-gradient(to right,transparent 0%,rgb(0,83,171) 50%,transparent 100%);
			content:'';
			height:40px;
			left:0;
			opacity:0;
			position:absolute;
			transition:opacity .5s;
			top:-1px;
			right:0;
			z-index:-1;
		}
		.gomb:hover::after, .gomb:focus::after
		{
			opacity:1;
		}
		.gomb:focus
		{
			outline:none;
		}
		.gomb.f
		{
			background:#fff;
			border:1px solid #fff;
			color:#013879;
		}
		.gomb.f::before
		{
			background-image:url(/img/kezdolap/gombf.png),url(/img/kezdolap/gombf.png);
		}
		.gomb.f::after, .gomb.uk::after
		{
			background:linear-gradient(to right,transparent 0%,rgba(0,83,171,0.1) 50%,transparent 100%);
		}
		.gomb.uk
		{
			background-color:transparent;
			color:#013879;
		}
		.gomb.uk::before
		{
			background-image:url(/img/kezdolap/gombuk.png),url(/img/kezdolap/gombuk.png);
		}
		.gomb.uf
		{
			background-color:transparent;
			border:1px solid #fff;
		}
		.gomb.uf::before
		{
			background-image:url(/img/kezdolap/gombuf.png),url(/img/kezdolap/gombuf.png);
		}
		.gomb.uf::after
		{
			background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0.2) 50%,transparent 100%);
		}
		.footeritt
		{
			border-radius:5px;
			bottom:8px;
			box-sizing:border-box;
			color:#999;
			font-size:10px;
			text-align:center;
			height:60px;
			width:100%;
			margin:20px;
		}
		.footeritt:hover
		{
			background:rgba(0,0,0,0.9);
			color:#fff;
			font-size:13px;
			overflow:auto;
			height:60px;
			margin:20px;
			padding-top:10px;
		}








#cikkek
		{
			background:#e6e6e6 url(/img/cikkek.jpg) center;
			background-size:cover;			
			box-shadow:inset 0 84px 20px -20px rgba(0,0,0,0.25),inset 0 -20px 20px -20px rgba(0,0,0,0.25);
			position:relative;
			text-align:center;
			margin-bottom:10px;
		}
		#cikkek>h1
		{
			color:#666;
		}
		#cikkek>p:nth-of-type(1)
		{
			color:#666;
			font-size:18px;
			margin:-3px 0 0 0;
			text-align:center;
		}
		#cikkek>p:nth-of-type(2)
		{
			color:#666;
			font-size:14px;
			margin-top:-1px;
			text-align:center;
		}
		#cikkek>input
		{
			background:transparent;
			border:none;
			border-bottom:1px solid #666;
			color:#013879;
			display:block;
			font-size:18px;
			margin:16px auto 17px auto;
			padding:4px;
			text-align:center;
			width:292px;
		}
		#cikkek>input::-moz-placeholder
		{
			color:#666;
			opacity:1;
			transition:color 1s;
		}
		#cikkek>input:-ms-input-placeholder
		{
			color:#666;
			transition:color 1s;
		}
		#cikkek>input::-ms-input-placeholder
		{
			color:#666;
			transition:color 1s;
		}
		#cikkek>input::-webkit-input-placeholder
		{
			color:#666;
			transition:color 1s;
		}
		#cikkek>input:focus
		{
			outline:none;
		}
		#cikkek>input:focus::-moz-placeholder
		{
			color:transparent;
		}
		#cikkek>input:focus:-ms-input-placeholder
		{
			color:transparent;
		}
		#cikkek>input:focus::-ms-input-placeholder
		{
			color:transparent;
		}
		#cikkek>input:focus::-webkit-input-placeholder
		{
			color:transparent;
		}
		#cikkek .gomb
		{
			float:left;
			margin:0 0 60px 50%;
			-webkit-transform:translateX(-50%);
			transform:translateX(-50%);
		}
		#cikkek>a:not(.gomb)
		{
			background:#fff no-repeat;
			box-shadow:rgba(0,0,0,0.1) 0 0 10px;
			float:left;
			height:123px;
			margin:0 0 50px 0;
			padding-top:224px;
			text-align:left;
			width:369px;
		}
		#cikkek>a:not(.gomb):nth-of-type(2n-1)
		{
			clear:left;
			margin-left:calc(50% - 400px);
			margin-right:95px;
		}
		#cikkek>a>h2
		{
			color:#013879;
			font-size:20px;
			font-weight:400;
			line-height:24px;
			margin:11px 12px 7px 14px;
		}
		#cikkek>a>p
		{
			color:#666;
			font-size:14px;
			line-height:18px;
			margin:0 14px;
		}
		
		
	#kapcsolat
		{
			width: 80%;
			background:#fff;
			margin-top:-64px;
			padding-top:114px;
			text-align:center;
		}
		

		
		
		#valaszto
		{
			background:#fff;
			padding-top:50px;
			padding-bottom:0;
			/* position:absolute; */
			
			/* 
			margin-bottom:-350px;
			
			z-index:1;
 			*/
		}
		#valaszto>div
		{
			border: 1px solid black;
			background:url(/img/kezdolap/hajo3.png) no-repeat top center;
			background-size:contain;
			float:left;
			width:720px;
			height:256px;
			position:relative;
			
			
		}
		#valaszto>div:nth-of-type(1)
		{
			margin:0 -500px 0 calc(50% - 550px); 
			
			
			/* margin:0 -500px 0 calc(50% - 5%); */
			
		}
		#valaszto>div:nth-of-type(2)
		{
			border: 1px solid black;
			background-image:url(/img/kezdolap/hajo2.png);
			margin:80px 0 0 -80px;
			/* margin:100px 0 0 calc(50% - 15%); */
			
		}
		#valaszto>div:nth-of-type(3)
		{
			border: 1px solid black;
			background-image:url(/img/kezdolap/hajo.png);
			transform: scale(1.0);
			margin:260px -500px ;  /* 250px -500px 0 calc(50% - 1200px) */
			/* margin:260px -500px 0 calc(50% - 25%);  */
			
			margin-bottom:20px;
			
			
		}
		#valaszto>div>a
		{
			left:-20px;
			position:absolute;
			top:156px;
		}


.container h1 { text-align:center; font-size:30px; color:#013879; }
.container p p{ text-align:justify; font-size:15px; color:#696969; }
.container p { text-align:justify; font-size:15px; color:#696969; }
.container li { text-align:justify; font-size:15px; color:#696969; }