@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;
}
.container {max-width: 1110px;}
html {
    height: 100%;
}

strong {font-weight: 700;}

body {
    color: #ffffff;
    font-family: 'Amalia', sans-serif;
    font-size: 16px;
    background: #F8F6F2;
    color: #2C2D32;
    letter-spacing: 2%;
	font-weight: 300;
}

/* GOMB START */
.btn-primary {    background: #2B2D34;    border-radius: 5px;     color: #ffffff;    text-decoration: none;    cursor: pointer;    font-weight: 500;    border: none; padding-top: 10px; padding-bottom: 10px;}
.btn-primary:hover {    color: #2B2D33;    background: #E5D119;    border: none;}
.btn-secondary             {background: #FEE600;    border-radius: 5px;     color: #2B2D33;    text-decoration: none;    cursor: pointer; border: none;padding-top: 10px; padding-bottom: 10px;}
.btn-secondary:hover       {color: #2B2D33;    background: #FEE600;    border: none;}

/* GOMB END */


/* ABLAKOK & HATTEREK START */
.ablak            {padding: 30px; background: #FFFFFF;}
.ablak1           {background: #ffffff; padding: 30px}
.ablak2           {background: #ffffff; color: #2C2D32; border-radius: 16px; -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);    padding: 22px;}


.bold {    font-weight: 700;}
.kics_bold {    font-weight: 500;}
.kicsi_bold {    font-weight: 500;}
.kattinthat {    cursor: pointer;}
.tavtarto10 {    height: 10px;}
.tavtarto20 {    height: 20px;}
.tavtarto30 {    height: 30px;}
.tavtarto40 {    height: 40px;}
.tavtarto44 {    height: 44px;}
.tavtarto50 {    height: 50px;}
.tavtarto60 {    height: 60px;}
.tavtarto5 {    height: 5px;}
.tavtarto100 {    height: 100px;}
.tavtartojobb20 {    margin-right: 20px;}
.kozepre {    text-align: center;}
.balra {    text-align: left;}
.jobbra {    text-align: right !important;}
.img-responsive {    max-width: 100%;}
.link {    text-decoration: underline !important;    background: none;    border: none; cursor: pointer; color: #000000;}
.link:hover {    text-decoration: underline !important;}
.rejtve {    display: none;}
.gyik_kerdescont {    background: #ffffff;    border: solid 1px #ffffff;    text-align: left;    padding: 10px;    border-radius: 5px;    color: #000000;    margin-bottom: 10px;
        -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);    font-size: 16px;}
.gyik_kerdes {    color: #000000;    font-weight: 400;    background: #ffffff;    border: none;    display: flex;    justify-content: space-between;    font-size: 16px;}
.gyikvalasz {    color: #000000 !important;    padding-top: 20px;    padding-bottom: 20px;    font-size: 16px;}
.form_eltunsz {    display: none;}
.oba {    background: url(images/OBA.svg);    background-repeat: no-repeat;    background-size: contain;    width: 100%;    background-position-y: top;}
.form_form {    font-size: 16px !important;}



/* SAJAT */
.kartya1             { padding: 30px; font-size: 22px; text-align: center;  }
.hatterkep1          {background-color: #282D33; color: #FFFFFF;}
.hatterkep2          {background-color: #B4ADA5; color: #000000;}
.hatterkep3          {background-color: #F1EDE6; color: #000000;}
.nagygomb            {width: 60%;}
.kerdescont          {margin-top: 15px; padding: 15px; background: #FFFFFF; border: solid 1px #DDDDDD; border-radius: 5px;}
.kerdes              {font-weight: 300;  cursor: pointer;  font-size: 20px; border: none; background: none; width: 100%; text-align: left;}
.kerdesaktiv		 {background: #FFFFFF;}
.kerdesaktiv:hover	 {background: #FFFFFF!important;}
.kerdes:hover 		 {background: #FFFFFF;}
.valasz 			 { display: none; background: #FFFFFF; padding-top: 15px; font-size: 16px; marg}
.kerdes2             {font-weight: 700; margin-top: 20px; color: #000000;}
.topikon             {width: 150px;}
.kepikon             {width: 100%;}
.nyilas li {  list-style-image: url("images/nyil2.png"); margin-bottom: 10px;}
.balkep {max-width: 70%;}
.topikon2           {height: 80px;}
.lepes             {text-align: center; padding: 10px; border-radius: 10px;}
.lepeskep         {width: 100px;}
.card         {border-radius: 10px; border: none;}

/* Small devices (mobil, 576px and down) */
@media all and (min-width: 100px) and (max-width: 767px) {
    .szamladoboz    {background: #FFFFFF; padding: 7px; text-align: left;  border-radius: 3px; font-size: 14px; height: auto; margin-bottom: 2px;}
    .szamladoboz_aktiv   {background: #B4ADA5!important;}
    .szamlaikon          {width: 30px; text-align: left;float: left; display: inline;}
    .szamlacont2     {background: #B4ADA5; padding: 2px; border-radius: 3px 3px 0px 0px;}
    .nagygomb             {width: 100%;}
    .gomb {        width: 100%;        height: 40px;    }
    .gomb2 {        width: 100%;        height: 40px;    }
    .mobiltavtarto {        height: 30px;    }
    .mobiltavtarto10 {        height: 10px;    }
    .ikon_hatter1         {background-size: 30%;}
    .ikon_hatter2         {background-size: 30%;}
    .ikon_hatter3         {background-size: 30%;}
    .ikon_hatter4         {background-size: 30%;}
    .ikon_hatter5         {background-size: 30%;}
    .tablet {        display: none;    }
    .desktop {        display: none;    }
    .kepikon            {width: 40%;}
    .topikon2           {width: 100px;}
}


/*PC*/
@media all and (min-width: 778px) and (max-width: 5000px) {
    .mobil {        display: none;    }
    .hatterkep1          {background: url('images/hatterkep1.jpg'); background-size: cover; background-position: center; color: #FFFFFF;}
    .hatterkep2          {background: url('images/hatterkep2.jpg'); background-size: cover; background-position: center; }
    .hatterkep3          {background: url('images/hatterkep3.jpg'); background-size: cover; background-position: center; }
}