@font-face {
    font-family: 'Amalia';
    src: url('fonts/Amalia-Black.woff2') format('woff2'), url('fonts/Amalia-Black.woff') format('woff'), url('fonts/Amalia-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Amalia';
    src: url('fonts/Amalia-Bold.woff2') format('woff2'), url('fonts/Amalia-Bold.woff') format('woff'), url('fonts/Amalia-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Amalia';
    src: url('fonts/Amalia-Light.woff2') format('woff2'), url('fonts/Amalia-Light.woff') format('woff'), url('fonts/Amalia-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Amalia';
    src: url('fonts/Amalia-Regular.woff2') format('woff2'), url('fonts/Amalia-Regular.woff') format('woff'), url('fonts/Amalia-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'AmaliaCond';
    src: url('fonts/AmaliaCond-Bold.woff2') format('woff2'), url('fonts/AmaliaCond-Bold.woff') format('woff'), url('fonts/AmaliaCond-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'AmaliaCond';
    src: url('fonts/AmaliaCond-Light.woff2') format('woff2'), url('fonts/AmaliaCond-Light.woff') format('woff'), url('fonts/AmaliaCond-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'AmaliaCond';
    src: url('fonts/AmaliaCond-Regular.woff2') format('woff2'), url('fonts/AmaliaCond-Regular.woff') format('woff'), url('fonts/AmaliaCond-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


body 		{ color: #333333; font-family: 'Amalia'; font-size: 16px;}
.cont 		{ background: #f4f4f4;  height: 100%;  margin: 0;}
.feher 		{color: #FFFFFF;}
.sotet 		{background: #6a6e7b; color: #FFFFFF; border: solid 1px #FFFFFF; box-shadow: 5px 5px 5px rgba(0,0,0,0.2) inset;}

.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;}
.tavtarto80 		{height:80px;}
.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;}
.link 				{color: #302e84!important; text-decoration: underline!important; font-weight: 900;}
.link:hover 		{color: #343289!important; text-decoration: underline!important;}

/* KALKULATOR */
.kalk_top 			{background: #007181; color:#FFFFFF; text-align: center; font-weight: 900; padding: 15px; border-radius: 15px 15px 0px 0px; font-size: 20px;}
.kalk_body 			{background: #FFFFFF; color: #333333; padding: 30px; border-radius: 0px 0px 15px 15px;}
.kalk_body2 		{background: #FEE600; color: #FFFFFF; padding: 15px; border-radius: 15px; color: #000000;}
.kalk_eredmeny		{border: solid 1px #000000; border-radius: 10px; padding: 15px; text-align: center;}
.kalk_head3			{font-size: 20px; font-weight: 700; text-align: center;}
.kalk_head2			{font-size: 24px; font-weight: 900;}
.kalk_utolabel			{margin-left: 5px;}
.kalk_textbox1 			{width: calc(100% - 30px); display: inline-block; text-align: right;}
.tipusgomb		 	{padding: 5px; border: solid 1px #DDDDDD; background: #FFFFFF; color: #000000; width: 100%; border-radius: 10px; box-shadow: 2px 2px 15px rgba(0,0,0,0.2);}
.tipusgomb:hover 	{border: solid 1px #DDDDDD;}
.tipusgomb:active 	{background: #FFFFFF!important;border: solid 1px #DDDDDD;}
.tipusgombszurke 	{color: #888888; font-size: 12px;}
.sarga 				{background: #FEE600;}

.ui-widget-content	{background: #FEE600!important; border: solid 1px #FFFFFF;}
.ui-widget-header 	{background: #EEEEEE!important; border: solid 1px #FFFFFF;}
.ui-slider-handle.ui-corner-all {border-radius: 30px;}
.ui-slider-horizontal .ui-slider-handle {   top: -.65em; margin-left: -.8em; width: 2em; height: 2em;}
.kalk_button 		{background: #FFFFFF; color: #333333; padding: 10px; font-size: 14px; border: none; border-radius: 5px; border: solid 1px #DDDDDD; margin-right: 20px; width: 100%; }
.kalk_buttonaktiv 	{background: #FEE600; color: #000000; border: solid 1px #FEE600;}

/* form */
.ablak1 			{background: #eeeeef; color: #444444; padding: 30px; border-radius: 15px; box-shadow: 2px 2px 15px rgba(0,0,0,0.2); }
.arnyek 			{ box-shadow: 2px 2px 15px rgba(0,0,0,0.4); border-radius: 15px;}
h3 					{font-weight: 700; text-align: center; font-size: 22px;}
.btn-primary 		{background: #FEE600; color: #444444; padding: 20px; padding-left: 40px; padding-right: 40px; border-radius: 8px;}
.btn-primary:hover 	{background: #FEE600; color: #444444;}
.textbox1 			{ box-shadow: 2px 2px 5px rgba(0,0,0,0.1) inset; border-radius: 8px; height: calc(1.5em + 2rem + 2px);  padding: 1rem .75rem;}

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;}



/* 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;}
	
}



@media all and (min-width: 768px) and (max-width: 1100px) 
{
	.desktop 				{display:none;}
	.mobil				 	{display: none;}

}


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