body {

//background: #E5E5E5;

}
.menu-content {
width:100%;
max-width:1180px;
position:relative;
text-align:center;
}
.idezet3 {
margin-left:auto;
margin-right:auto;

padding:0px;
padding:30px;
width:70%;
max-width:100%;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 177.7%;
/* or 43px */

text-transform: capitalize;

color: #39539C;

border: 7px solid rgba(170, 181, 210, 0.16);
box-sizing: border-box;

}
.idezet2 {
margin-left:0px;
padding:0px;
padding-left:30px;
width:100%;
max-width:70%;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 177.7%;
/* or 43px */


color: #9BA6C3;
border-left:5px solid #AAB5D2;

}
.idezet1 {
//margin-left:40px;
padding:20px;
width:100%;
max-width:70%;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 177.7%;
/* or 43px */


color: #FFFFFF;
background: rgba(61, 86, 152, 0.44);

}

.idezet4 {
//margin-left:40px;
padding:20px;
width:100%;
max-width:70%;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 177.7%;
/* or 43px */


color: #000000;
background: rgba(226, 196, 117, 0.450001);

}

.menu-button {

cursor:hand;cursor:pointer;
height:100%;
padding-left:15px;
padding-right:15px;
display:flex;
justify-content:center;
align-items:center;
text-transform: uppercase;
font-family: Lato;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
/* identical to box height */

text-align: center;
letter-spacing: 0.1em;
color:#E2C475;
position:relative;

}

.menu-button-2 {
cursor:hand;cursor:pointer;
height:40px;
padding-left:10px;
padding-right:10px;
display:flex;
//justify-content:center;
align-items:center;
text-transform: lowercase;
font-family: Lato;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
/* identical to box height */

text-align: center;
letter-spacing: 0.1em;
color:Black;
position:relative;

}


.popup_ {

position: absolute;
width: 204px;
display:table;
padding:15px;
background-color:rgba(255,255,255,0.7);


}

.banner {
position:relative;
width:100%;
//max-width: 1281px;
height: 498px;

}

.banner-text {
box-sizing: border-box;
position:absolute;
bottom:66px;
right:0px;
font-family: Lato;
font-style: normal;
font-weight: 800;
font-size: 48px;
line-height: 58px;
/* identical to box height */

text-align: right;
letter-spacing: 0.065em;

/* SOTE / toltuk az ultramarin felé */

color: #3D5698;
padding:15px;
padding-left:50px;
padding-right:50px;

background: #FFFFFF;
opacity: 0.9;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
border-radius: 10px 0px 0px 10px;

}

.text {
margin-left:auto;
margin-right:auto;
width:100%;
max-width: 1073px;
padding-top:46px;
padding-bottom:46px;

font-family: IBM Plex Serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 200.2%;
/* or 32px */


color: #000000;
/* or 43px */


}

.news-content {
margin-top:20px;
width: 100%;

display:flex;
justify-content:center;
box-sizing: border-box;
}
.news {

width:33%;
height:300px;

margin:10px;

}

.news-title {

padding-top:20px;
width:100%;
font-family: Lato;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 177.7%;
/* or 43px */

text-transform: capitalize;

color: #000000;

}

.header {
z-index:10;
position: fixed;
width: 100%;
height: 158px;
left: 0px;
top: 0px;

background: #FFFFFF;
display:flex;
justify-content:center;

}
.header-content {
width:100%;
max-width:1280px;
position:relative;
text-align:center;
}

.logo {
cursor:hand;cursor:pointer;
position: absolute;
width: 103px;
height: 102px;
background-color:yellow;
top:28px;
left:20px;

}

.header-title {

display:block;
margin-top:40px;
font-family: Noto Sans;
font-style: normal;
font-weight: 900;
font-size: 28px;
line-height: 38px;
text-align: center;
letter-spacing: 0.015em;
text-transform: capitalize;
color: #39539C;

}
.header-lead {

display:block;
margin-top:23px;
font-family: Noto Sans;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
/* identical to box height */

text-align: center;
text-align: center;

color: #39539C;

}


.menu {
z-index:10;
position: fixed;
width: 100%;
height: 57px;
left: 0px;
top: 158px;

background: #3D5698;
display:flex;
justify-content:center;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
}

.content {
margin-top:215px;
display:flex;
justify-content:center;

}

.page {

width:100%;
max-width:820px;
font-family: IBM Plex Serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 200.2%;

    box-sizing: border-box;
}
.title {

margin-top:100px;
font-family: Lato;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 43px;

color: #000000;
}
.text {

//margin-top:40px;

}
.ot {
margin-top:10px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 200.2%;
/* identical to box height, or 32px */


/* SOTE / szürke */

color: #929292;

}
.ot table {

font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 200.2%;
/* identical to box height, or 32px */


/* SOTE / szürke */

color: #929292;

}
.vjtext{
margin-top:40px;
font-family: Lato;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 235.7%;
/* or 42px */

letter-spacing: 0.1em;
text-transform: uppercase;

color: #000000;

}
.vjbutton {
margin-top:15px;
margin-bottom:100px;
width: 220px;
height: 53px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px;
background: #3D5698;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 30px;
box-sizing: border-box;
font-family: Lato;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 235.7%;
/* identical to box height, or 33px */

letter-spacing: 0.1em;
text-transform: uppercase;

color: #FFFFFF;
}

.ham {

display:none;
position:fixed;
top:30px;
right:10px;
cursor:hand;cursor:pointer;

}

.ny {


}
.zzz{

box-sizing: border-box;
}

.ppp {

width:100%;
max-width:600px;
height:150px;
background: #E2C475;
box-shadow: 15px 15px 20px 5px rgba(0, 0, 0, 0.05);
display:flex;
}
.pppimg{
width:226px;
height:100%;
background-color:red;
background-size:cover;



}
.ppptext{

font-family: Lato;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 140%;
/* or 34px */

text-transform: capitalize;

color: #404552;
height:100%;
padding:30px;
box-sizing: border-box;


}

.i { display:table;margin-top:40px; }
.i1 { width:100%; display:flex; }
.i2 { min-width:150px; }
.i3 { position:relative;padding:30px;height:100%; display:table; margin-left:10px;width:auto; border-radius:4px; border: 7px solid #3D5698; font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 200.2%;
/* or 48px */


color: #3D5698;}
.iimg {
background-size:cover;
background-position: center center;
height:200px; border-radius: 10px 0px 10px 10px; background-color:red;

}
.cc { position:absolute; height:69px;width:69px;background: #3D5698; border-radius:50%;top:-40px; }
.itext {
margin-top:30px;
width:100%;

font-family: IBM Plex Serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 23px;
text-align: right;

color: #153589;
}

.part{height:150px;}

.page-m { margin-top:220px; }
.page-m2 { margin-top:250px; }

.bbbb{ margin-top:215px; }

.h1{}
.h2{}

.bep { display:none; }

@media screen and (max-width: 1000px) and (min-width: 0px) {

.h1{left:120px!important;}
.h2{}
.bep { display:table;text-align:center;width:100%;font-size:20px; }

.news-content { display:block; padding:10px; }
.news { width:100%;height:auto;margin:0px;margin-bottom:40px; }
.banner-text { font-size:15px; }
.menu { display:none; }
.header { height:auto; }
.header-content { text-align:left;height:150px; }
.header-title { font-size:13px;margin-top:65px;margin-left:00px;width:50%;line-height:20px; }
.header-lead { font-size:10px;padding-left:10px;padding-right:10px;display:none; }
.logo {height:40px;width:40px;top:14px;}
.ham{ display:block;left:80px;width:20px; }
.bbbb{margin-top:150px;}
.ny { height:30px; }
.page{ padding-left: 20px;
    padding-right: 20px; }
.page-m { margin-top:80px; }    
.page-m2 { margin-top:150px; }    

.zzz{

padding:10px;
font-size:15px;

}

.i2{min-width:80px;}
.i3{ font-size:14px; }
.iimg { height:120px; }
.part{height:0px;}

}