@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
body {
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
	background: rgba(6,36,70,1);
	width: 100%;
	height: 100%;
background: -moz-linear-gradient(top, rgba(6,36,70,1) 0%, rgba(94,150,192,1) 52%, rgba(6,36,70,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,36,70,1)), color-stop(52%, rgba(94,150,192,1)), color-stop(100%, rgba(6,36,70,1)));
background: -webkit-linear-gradient(top, rgba(6,36,70,1) 0%, rgba(94,150,192,1) 52%, rgba(6,36,70,1) 100%);
background: -o-linear-gradient(top, rgba(6,36,70,1) 0%, rgba(94,150,192,1) 52%, rgba(6,36,70,1) 100%);
background: -ms-linear-gradient(top, rgba(6,36,70,1) 0%, rgba(94,150,192,1) 52%, rgba(6,36,70,1) 100%);
background: linear-gradient(to bottom, rgba(6,36,70,1) 0%, rgba(94,150,192,1) 52%, rgba(6,36,70,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062446', endColorstr='#062446', GradientType=0 );
}


.CookieDeclaration a 	{color: #c3dbee;}

.sticky-top { top: 80px; }
.tooltip {z-index: 9000000;}
.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
	font-size: 11px;
	z-index: 9000000;
}
h1 					{font-weight: 900; text-transform: uppercase;}
h2 					{font-weight: 900;}
h3 					{font-weight: 900;}
h4 					{font-weight: 900; margin-top: 30px}
h5 					{font-weight: 900; color: #c3dbee; margin-top: 30px;}
.btn-primary 		{background: #09264b; color: #FFFFFF; border: solid 2px #FFFFFF; font-size: 22px; padding: 10px; padding-left: 30px; padding-right: 30px; font-weight: 900; border-radius: 30px;}
.btn-primary:hover 	{background: #09264b;}
.btn-sm 			{padding: 2px; padding-left: 2px; padding-right: 2px;}
.bold 				{ font-weight: 700;}
.kek 				{ color: #302e84;}
.kattinthat 		{cursor:pointer;}
.kattinthato 		{cursor:pointer;}
.mobiltavtarto  	{height:0px;}
.tavtarto10 		{height:10px;}
.tavtarto15 		{height:15px;}
.tavtarto30 		{height:30px;}
.tavtarto50 		{height:50px;}
.tavtarto60 		{height:60px;}
.tavtarto100 		{height:100px;}
.tavtarto110 		{height:110px;}
.tavtartojobb20 	{margin-right:20px;}
.tavtartocsik 		{height:1px; width:100%; margin-bottom:10px; margin-top:10px; background:rgba(255,255,255,0.3);}
.kozepre 			{text-align:center;}
.balra 				{text-align:left;}
.jobbra 			{text-align:right;}
.img-responsive	 	{max-width:100%;}
.margintop30 		{margin-top: 30px;}
.margintop15 		{margin-top: 15px;}
.marginbottom30 	{margin-bottom: 30px;}
.marginbottom15 	{margin-bottom: 15px;}
.container 			{max-width: 1100px;}
.box_feher 			{background: rgba(255,255,255,0.7); border: none; border-radius: 10px; padding: 15px; margin-left: 10px;}
.link 				{color: #c3dbee!important; text-decoration: underline!important; font-weight: 900;}
.link:hover 		{color: #a1bcd4!important; text-decoration: underline!important;}
.ablak 				{color:#FFFFFF; background: rgba(0,29,65,0.3); padding: 15px; border-radius: 15px;}
.ablak2 			{background: rgba(0,29,65,0.3); border-radius: 15px; padding: 15px; color:#FFFFFF;}
.ablak3 				{background: rgba(255,0,0,0.2); border-radius: 10px; padding: 15px; color:#FFFFFF;}
.ablak4 				{background: rgba(255,0,0,0.2); border-radius: 10px; padding: 15px; color:#FFFFFF; text-align: center;}
.tiltva				{opacity: 0.3; pointer-events: none;}


.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CCCCCC!important;
  opacity: 1; /* Firefox */
}

/* TOP */
.topmenuitem 		{color:#FFFFFF!important; text-decoration:none; font-size:14px; font-weight:900; margin-right:25px; text-transform: uppercase;}
.top2 				{text-align: center; color: #e30613; background: #FFFFFF;}
.topspace 			{margin-left: 10px; margin-right: 10px; border-right: solid 1px #e30613;}
.bottom2 			{position: fixed; bottom: 0px; right: 10px; background: #302e84; color: #FFFFFF; padding: 10px; text-align: center; width: auto; border-radius: 5px 5px 0px 0px;z-index: 90000;}
.bottom3 			{background: #ffffff; color: #e30613; padding: 5px; text-align: center; }
.bottomlink 		{color: #FFFFFF!important; text-decoration: none!important; margin-right: 20px;}
.bottomlink2 		{color: #FFFFFF!important; text-decoration: none!important; margin-right: 10px; font-size: 20px;}
.bottomlink2:hover	{color: #FFFFFF!important; text-decoration: none!important; }
.bottombig 			{font-weight: 900; font-size: 20px;}
.bottomspace 		{margin-left: 10px; margin-right: 10px; border-right: solid 1px #FFFFFF;}
.bottomspace2 		{margin-left: 10px; margin-right: 10px;}
.mobilmenu 			{background: #001d41; color: #e30711;}
.mobilcsik 			{width: 100%; height: 1px; border-bottom: solid 1px #e30711; margin: 10px;}
.topmenuitem2 		{ display: block; text-align: center; color:#FFFFFF!important; text-transform: uppercase; font-size: 14px; display: block; border-bottom: solid 1px rgba(255,255,255,0.3); padding-bottom: 5px; padding-top: 5px;}

/* NYITO */
.nyito1 			{position: fixed; left: 4%; top: 13%; width: 30%; z-index: 2;}
.nyito2 			{position: fixed; left: 4%; bottom: 8%; width: 18%; z-index: 3;}
.nyito3 			{position: fixed; left: 24%; bottom: 8%; width: 18%; z-index: 4;}
.nyito4 			{position: fixed; left: 51%; bottom: 10%; width: 20%; z-index: 5;}
.nyito5 			{position: fixed; right: 0%; bottom: 0%; width: 50%; z-index: 6; pointer-events: none;}

/* Small devices (tablets, 768px and up) */
@media all and (min-width: 100px) and (max-width: 767px) 
{
	.desktop 				{display:none;}
	.mobiltavtarto			{height:30px;}
	.mobiltavtarto10		{height:10px;}
	.top 					{width:100%; background:#001d41; }
	.bottom 				{width: 100%; background: #001d41;}
}





@media all and (min-width: 768px) and (max-width: 5000px) 
{
	.toplogo 				{position: absolute; top: 0px; left: 0px; width: 10%; max-width: 150px;}
	.mobil 					{display:none;}
	.top 					{position:fixed; top:0px; left:0px; width:100%; background:#001d41; height:45px; z-index:4500; padding:0px;}
	.bottom 				{position:fixed; bottom:0px; left:0px; z-index:1021;width: 100%; background: #001d41;}
}

/*kis laptop*/
@media all and (min-width: 1101px) and (max-width: 1300px) 
{
	.toplogo 			{width: 120px;}
	.topmenuitem 		{ text-decoration:none; font-size:12px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
	.oldal1 				{position: fixed; z-index: 1; top: 80px; right: 0px; width: calc(50% - 350px);}
	.oldal2 				{position: fixed; z-index: 1; top: 80px; left: 0px; width: calc(50% - 350px);}	
	.nyito6 				{font-size: 10px;}
		h1 						{font-size: 24px;}
	.topnagy 				{font-size: 30px;}
}

/* oldalso ize miatt */
@media all and (min-width: 1301px) and (max-width: 1500px) 
{
	.container 				{max-width: 900px;}
	.oldal1 				{position: fixed; z-index: 1; top: 80px; right: 0px; width: calc(50% - 450px);}
	.oldal2 				{position: fixed; z-index: 1; top: 80px; left: 0px; width: calc(50% - 450px);}	
	.nyito6 				{font-size: 11px;}
	h1 						{font-size: 24px;}
	.topnagy 				{font-size: 40px;
}