@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: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
	background:url("images/hatter.jpg");
	background-size: cover;
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.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;}
h4 					{font-weight: 900;}
.btn-primary 		{background: #302e84; color: #FFFFFF; border: none; font-size: 18px; padding: 10px; padding-left: 30px; padding-right: 30px; font-weight: 900;}
.btn-primary:hover 	{background: #343289;}
.bold 				{ font-weight: 700;}
label 				{ 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: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%;}
.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: #302e84!important; text-decoration: underline!important; font-weight: 900;}
.link:hover 		{color: #343289!important; text-decoration: underline!important;}
.ablak 				{background: rgba(255,255,255,0.1); border-radius: 20px; padding: 15px;}
.gyik 				{color: #302e84; font-weight: 900;text-decoration: none!important; font-size: 20px;}
.gyik:hover			{color: #302e84; font-weight: 900;text-decoration: none!important;}
.csillag_tart1 		{width: 50%;}
.csillag_tart2 		{width: 100%;}
.csillag 			{width:20%;}


input::placeholder 				{color: #CCCCCC!important; opacity: 1;}
input:-ms-input-placeholder		{color: #CCCCCC!important; opacity: 1;}
input::-ms-input-placeholder 	{color: #CCCCCC!important; opacity: 1;}



/* TOP */
.topmenuitem 		{color:#FFFFFF!important; text-decoration:none; font-size:14px; font-weight:700;margin-right: 25px;}
.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;}
.topspace 			{margin-left: 10px; margin-right: 10px; border-right: solid 1px #e30613;}
.bottom2 			{width:100%}
.bottom3 			{background: #7abf16; color: #FFFFFF; padding: 5px; text-align: center; }
.bottomlink 		{color: #FFFFFF!important; text-decoration: none!important; margin-right: 20px; font-size: 12px;}
.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: #e30613; color: #FFFFFF;}
.mobilcsik 			{width: 100%; height: 1px; border-bottom: solid 1px #FFFFFF; margin: 10px;}
.topmenuitem2 		{ display: block; text-align: center; color:#FFFFFF!important; text-transform: uppercase; font-size: 14px;}
.jobbcsik 			{height: 100%;}

/* NYITO */
.nyito1 			{position: fixed; left: -35%; top:11%; width: 35%; z-index: 3;}
.nyito2 			{position: fixed; left: 0%; bottom:-40%; width: 100%; z-index: 4;}
.nyito3 			{position: fixed; right: -80%; top:21%; width: 70%; z-index: 5;}
.nyito4 			{position: fixed; right: -10%; top:3%; width: 10%; z-index: 6;}


/* Small devices (tablets, 768px and up) */
@media all and (min-width: 100px) and (max-width: 767px) 
{
	.desktop 				{display:none;}
	.tablet				 	{display: none;}
	.mobiltavtarto			{height:30px;}
	.mobiltavtarto10		{height:10px;}
	.top 					{width:100%; background:#e30613; padding:10px;}
	.top2 					{font-size: 10px;}
	.bottombig 				{font-size: 11px;}
	.bottom 				{width: 100%;}
	.tavtartonaagy 			{height: 200px;}
	.oldal1 				{display: none;}
	.oldal2 				{display: none;}
	.ajandekok_jobb_cont 	{font-size: 11px;}
	h1 						{font-size: 24px;}
	h4 						{font-size: 16px;}
	.tavtarto100 			{height: 50px;}
	.ajandek_head			{font-size: 12px;font-family: 'Roboto Condensed', sans-serif;}
}



@media all and (min-width: 768px) and (max-width: 1100px) 
{
	.desktop 				{display:none;}
	.mobil				 	{display: none;}
	
	.top 					{width:100%; background:#e30613; padding:10px;}
	.bottom2 				{position:fixed; bottom:35px; left:0px; z-index:1021;width: 100%; pointer-events:none;}
	.bottom 				{position:fixed; bottom:0px; left:0px; z-index:1021;width: 100%;}
	.tavtartonaagy 			{height: 300px;}
	.oldal1 				{display: none;}
	.oldal2 				{display: none;}
}


@media all and (min-width: 1101px) and (max-width: 5000px) 
{
	.toplogo 				{position: absolute; top: 0px; left: 0px; width: 10%; max-width: 150px;}
	.mobil 					{display:none;}
	.mobilestablet		 	{display: none;}
	.tablet				 	{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;}
	.tavtartonaagy 			{height: 300px;}
	.oldal1 				{position: fixed; z-index: 1; top: 80px; right: 0px; width: calc(50% - 550px);}
	.oldal2 				{position: fixed; z-index: 1; top: 80px; left: 0px; width: calc(50% - 550px);}
	.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;}
}



/* oldalso ize miatt */
@media all and (min-width: 1201px) and (max-width: 1500px) 
{
.nyito1 			{position: fixed; left: -35%; top:11%; width: 30%; z-index: 3;}
.nyito2 			{position: fixed; left: 0%; bottom:-40%; width: 100%; z-index: 4;}
.nyito3 			{position: fixed; right: -80%; top:21%; width: 60%; z-index: 5;}
.nyito4 			{position: fixed; right: -10%; top:3%; width: 10%; z-index: 6;}

}