@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: #e30613;
}
.sticky-top { top: 80px; }
.tooltip {z-index: 9000000;}
.tooltip-inner      {max-width: 350px;	font-size: 11px;	z-index: 9000000;}

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


.cont2             {padding-top: 50px; padding-bottom: 50px; 
					background: #C8D729;
					background: -webkit-linear-gradient(180deg, rgba(200, 215, 41, 1) 0%, rgba(129, 195, 65, 1) 100%);
					background: -moz-linear-gradient(180deg, rgba(200, 215, 41, 1) 0%, rgba(129, 195, 65, 1) 100%);
					background: linear-gradient(180deg, rgba(200, 215, 41, 1) 0%, rgba(129, 195, 65, 1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#C8D729", endColorstr="#81C341", GradientType=0);
					color: #15489f;}
.cont1             {padding-top: 50px; padding-bottom: 50px; background: #15489f; color: #FFFFFF;}
.cont3             {padding-top: 50px; padding-bottom: 50px; background: #15489f; color: #FFFFFF;}
.hatter1            {background: #e30613;}
.hatter2            {background: #fecc00;}
.hatter3            {background: #1a3c90;}

.btn-sarga          {background: #fecc00; color: #1a3c90; padding: 10px; font-weight: 700; padding-left: 30px; padding-right: 30px; border-radius: 50px; border: none; margin-top: 30px; margin-bottom: 30px; text-transform: uppercase;}

h1 					{font-weight: 900; text-transform: uppercase;}
h2 					{font-weight: 900; text-align: center; text-transform: uppercase;}
h3 					{font-weight: 900; text-transform: uppercase; font-style: italic; margin-bottom: 0px;}
h4 					{font-weight: 900;}
.btn-primary 		{background: #FFFFFF; color: #15489f; border: none; font-size: 18px; padding: 10px; padding-left: 30px; padding-right: 30px; font-weight: 900;}
.btn-primary:hover 	{background: #FFFFFF; color: #15489f!important;}
.bold 				{ font-weight: 700;}
label 				{ font-weight: 700;}
.kattinthat 		{cursor:pointer;}
.kattinthato 		{cursor:pointer;}
.mobiltavtarto  	{height:0px;}
.tavtarto10 		{height:10px;}
.tavtarto15 		{height:15px;}
.tavtarto30 		{height:30px;}
.tavtarto50 		{height:30px;}
.tavtarto100 		{height:100px;}
.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%;}
.link 				{color: #FFFFFF!important; text-decoration: underline!important; font-weight: 900; cursor: pointer;}
.link:hover 		{color: #FFFFFF!important; text-decoration: underline!important;}
.linkfeher 			{color: #FFFFFF!important; text-decoration: underline!important; font-weight: 900; cursor: pointer;}
.linkfeher:hover 	{color: #fecc00!important; text-decoration: underline!important;}
.gyik 				{color: #302e84; font-weight: 900;text-decoration: none!important; font-size: 20px;}
.gyik:hover			{color: #302e84; font-weight: 900;text-decoration: none!important;}
.rejtve             {display: none;}
.halvany            {opacity: 0;}

.igy_cont           {background: #FFFFFF; border-radius: 60px; padding: 10px; padding-right: 20px;}
.igy_jobb           {color: #FFFFFF;}

/* IGY NYERHETSZ */
.igy_box 			{padding: 10px; color: #FFFFFF; background: #e30613;}

/* NYEREMENYEK */
.nyeremenyek_cont             {text-align: center;}
.nyeremenyek_cat              {display: inline-block; margin-right: 30px;}
.nyeremenyek_title            {color: #15489f;}
.nyeremenyek_title_aktiv      {font-weight: 900; text-decoration: underline; color: #e30613;}
.nyeremenyek_kor              {color: #15489f; cursor: pointer;}
.nyeremenyek_kor2              {color: #e30613; cursor: pointer;}
.nyeremenyek_main_cont        { height: 700px; position: relative;}
.nyeremenyek_arrow_left       {top: 40%; left: 0px; position: absolute; font-size: 80px; cursor: pointer;}
.nyeremenyek_arrow_left:hover {transition-property: margin-top; margin-top: 10px;  transition-duration: 0.2s;  transition-timing-function: ease-in-out;  }
.nyeremenyek_arrow_right      {top: 40%; right: 0px; position: absolute;font-size: 80px; cursor: pointer;}
.nyeremenyek_arrow_right:hover {transition-property: margin-top; margin-top: 10px;  transition-duration: 0.2s;  transition-timing-function: ease-in-out;  }
.nyeremenyek_kep1             {width:80%; left: 10%; top:0px; position: absolute; text-align: center; pointer-events: none;}
.nyeremenyek_szovegbox 		{ width: 80%; padding: 15px; color: #FFFFFF; background: #e30613; margin-left: 10%; }

/* TOP */
.topmenuitem 		{color:#FFFFFF!important; text-decoration:none; font-size:14px; font-weight:700;margin-right: 25px; text-transform: uppercase; cursor: pointer;}
.bottom 			{width: 100%; background: #e30613; padding: 5px; text-align: center; color: #FFFFFF; border-top: solid 1px #e30613;}
.top2 				{text-align: center; color: #e30613; background: #FFFFFF;z-index: 1021;}
.bottom2 			{width:100%}
.bottomlink 		{color: #FFFFFF!important; text-decoration: none!important; margin-right: 20px; font-size: 14px;}
.mobilmenu 			{background: #e30613; color: #FFFFFF; padding: 10px;position:fixed; top:40px; left:0px; width:100%; z-index: 4520; }
.mobilcsik 			{width: 100%; height: 1px; border-bottom: solid 1px #FFFFFF; margin: 10px;}
.topmenuitem2 		{ text-align: center; color:#FFFFFF!important; text-transform: uppercase; font-size: 14px; border-top: solid 1px #FFFFFF; padding: 15px;}

/* NAPTAR */
.naptar_cont 		{border: solid 1px #15489f;}
.naptar_honap 		{padding: 5px; font-size: 18px; font-weight: 700; border-bottom: solid 1px #15489f; }
.naptar_nap_inaktiv {color: #15489f; font-weight: 100; text-align: center;}
.naptar_nap_aktiv   {color: #15489f; font-weight: 700; text-align: center; cursor: pointer;}

/* GYIK */
.gyik_kerdescont    {background: #e30613; border: solid 1px #FFFFFF; text-align: left; padding: 10px; border-radius: 5px; color: #FFFFFF; display: block;margin-bottom:2px;}
.gyik_kerdes        {background: none; border: none; padding: 0px;color: #FFFFFF;font-weight: 600; display: block; text-align: left;outline: none !important;}
.gyik_kerdes:not    {border: none;}
.gyik_kerdes:not    {border: none;}
.gyikvalasz         {color: #FFFFFF!important;}

/* Small devices (tablets, 768px and up) */
@media all and (min-width: 100px) and (max-width: 768px) 
{
	.desktop 				{display:none;}
	.mobiltavtarto			{height:30px;}
	.mobiltavtarto10		{height:10px;}
	.top 					{position:fixed; top:0px; left:0px; width:100%; background:#e30613; padding:10px;z-index: 4500}
	.top2 					{font-size: 10px;}
	.bottombig 				{font-size: 11px;}
	.bottom 				{width: 100%;}
	.tavtartonaagy 			{height: 200px;}
    .igy_jobb             {font-size: 14px;}
    /* NYEREMENYEK */
    .nyeremenyek_main_cont        { height: 700px;}
    .nyeremenyek_arrow_left       {top: 20%; left: 0px; position: absolute; font-size: 60px; z-index: 10;}
    .nyeremenyek_arrow_right      {top: 20%; right: 0px; position: absolute;font-size: 60px; z-index: 10;}
    .nyeremenyek_kep1             {width:100%; left: 0%; top:0px;}
	.nyeremenyek_szovegbox 		{ width: 100%; padding: 5px; color: #FFFFFF; background: #e30613; margin-left: 0%; font-size: 14px; }

}


@media all and (min-width: 769px) and (max-width: 5000px) 
{
    h2                      {font-size: 60px;}
	.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:#e30613; height:45px; z-index:4500; padding:10px;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
							-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);}
	.top2 					{position:fixed; top:45px; left:0px; width:100%;}	
	.bottom 				{position:fixed; bottom:0px; left:0px; z-index:1021;width: 100%;}
	.bottom2 				{position:fixed; bottom:35px; left:0px; z-index:1021;width: 100%; pointer-events:none;}
	.topmenuitem 			{color:#FFFFFF!important; margin-top: 5px;}
	.topaktiv 				{margin-top: -15px; padding-top: 15px; padding-bottom: 15px; background: #FFFFFF; color: #e30613!important; padding-left: 5px; padding-right: 5px;}
    
    
}

/*kis laptop*/
@media all and (min-width: 1101px) and (max-width: 1300px) 
{
	.toplogo 			{width: 120px;}
	.topmenuitem 			{color:#FFFFFF!important; text-decoration:none; font-size:12px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
	.topaktiv 				{margin-top: -15px; padding-top: 15px; padding-bottom: 15px; background: #FFFFFF; color: #e30613!important; padding-left: 5px; padding-right: 5px;}

	
}

/* NYEREMENYEK ablak */
@media all and (min-width: 600px) and (max-width: 900px) {.nyeremenyek_main_cont        { height: 24em;}}
@media all and (min-width: 901px) and (max-width: 1100px) {.nyeremenyek_main_cont        { height: 40em;}}
@media all and (min-width: 1101px) and (max-width: 1300px) {.nyeremenyek_main_cont        { height: 40em;}}