@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: #666666!important;
    font-family: 'Roboto', sans-serif!important;
    font-size: 16px;
	background: #FAFAFA;
	font-weight: 400;
	
}
.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;
}

.bold 				{ 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;}
.sorki 				{text-align: justify;}
.balra 				{text-align:left;}
.jobbra 			{text-align:right;}
.img-responsive	 	{max-width:100%;}
.betu20 			{font-size: 20px;}
.betu22 			{font-size: 22px;}
.betu24 			{font-size: 24px;}
.betu28 			{font-size: 28px;}
.mr15 				{margin-right: 15px;}
.pr15 				{padding-right: 15px;}
.vonal1 			{height: 1px; background: #FFFFFF; margin-top: 10px; margin-bottom: 10px;}
.vonal2 			{height: 1px; background: #CCCCCC; margin-top: 10px; margin-bottom: 20px; width: 40%; margin-left: 30%;}
.kekhatter 			{background: #009fe3; color: #FFFFFF; padding-top: 30px; padding-bottom: 30px;}
.sargahatter 		{background: #d3a571; color: #FFFFFF; padding:30px;}
p 					{text-align: justify;}


.btn-secondary 		{background: #009fe3; border: solid 1px #FFFFFF; padding: 10px; text-transform: uppercase; font-weight: 300; font-size: 20px; border-radius: 5px; padding-left: 30px; padding-right: 30px;}
.btn-secondary:hover 		{background: #FFFFFF; border: solid 1px #009fe3; color: #009fe3;}
.btn-success 		{background: #d3a571; border: solid 1px #FFFFFF; padding: 10px; text-transform: uppercase; font-weight: 300; font-size: 20px; border-radius: 5px; padding-left: 30px; padding-right: 30px;}
.btn-success:hover 		{background: #FFFFFF; border: solid 1px #d3a571; color: #d3a571;}

.top 				{ width: 100%; height: 900px; max-height: 900px; position: relative;}
.topcont 			{background: url(images/big1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 900px; max-height: 900px; position: absolute;z-index: -1;}
.toporgo 			{position: relative;}


.top_menu 			{background: rgba(0,0,0,0.7); color: #FFFFFF; padding: 10px;}
.top_menuitem 		{color: #FFFFFF!important; text-decoration: none; padding-left: 40px; font-size: 20px; font-weight: 300;}
.top_headbox  		{width: 70%; background: rgba(0,0,0,0.4); color: #FFFFFF; padding: 30px; font-size: 20px; font-weight: 300; margin-top: 150px; }
.top_headline 		{font-weight: 900; font-size: 36px; }
.elsobox 			{margin-top: -100px; background: #d3a571; color: #FFFFFF; padding: 30px;}
.card 				{border-bottom: solid 3px #d3a571!important;}
.bottom 			{background: #444444; color: #C0C0C0; padding-top: 50px; padding-bottom: 50px;}


/* 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 					{height: 700px;}
	.topcont					{height: 700px;}
	.top_headbox  			{width: 100%; background: rgba(0,0,0,0.4); color: #FFFFFF; padding: 10px; font-size: 14px; font-weight: 300; margin-top: 50px; }
	.top_headline 			{font-weight: 900; font-size: 22px; }
	.kekhatter 				{margin-bottom: -9px; margin-top: -6px;}
	.kicsikep  				{max-width: 30%;}

}



@media all and (min-width: 1101px) and (max-width: 5000px) 
{
	.mobil				 	{display: none;}	
}

/*kis laptop*/
@media all and (min-width: 768px) and (max-width: 1400px) 
{
	.top 					{height: 500px;}
	.topcont 				{height: 500px;}
	.top_headbox  			{width: 70%; background: rgba(0,0,0,0.4); color: #FFFFFF; padding: 15px; font-size: 16px; font-weight: 300; margin-top: 50px; }
	.top_headline 			{font-weight: 900; font-size: 26px; }
	.kicsikep  				{max-width: 50%;}
}