@font-face {font-family: focim; src: url("../fonts/betu4.eot") }
@font-face {font-family: focim; src: url("../fonts/betu4.ttf") }

body { font-family: 'IBM Plex Sans Condensed'; font-size: 18px; line-height: 23px; font-weight: 400; background: #FFF url('../img/hatter.jpg') fixed; color:#484D5E; }

.containeruj { width:94%; max-width:1240px !important; margin:0 auto; position:relative; }

.balsav { width:67%; min-height:1250px; float:left; background: url('../img/bgtartalom.png') top right repeat-y; padding: 36px 0; padding-right:76px; padding-bottom:100px; }

.jobbsav { width:33%; float:left; padding: 40px 0; padding-left:16px; }

.lab1oszlop { width:37%; float:left; }

.lab2oszlop { width:37%; float:left; }

.lab3oszlop { width:26%; float:left; }

img { max-width:100% }

p { font-size: 18px; line-height: 24px; margin-bottom: 20px; }

ul { padding-left:0; }

li { font-size: 18px; line-height: 22px; margin-bottom: 8px; list-style-type: none; }

h1 { font-family: 'IBM Plex Sans Condensed'; font-size: 48px; color: #272F8F; font-weight:bold; padding-top: 0px; padding-bottom: 16px; margin-top:0px; letter-spacing:-1px; line-height:1em; }

h2 { font-family: 'IBM Plex Sans Condensed'; font-size:39px; font-weight:bold; color:#F4AB00; margin-top:26px; margin-bottom:16px; }

h3 { font-family: 'IBM Plex Sans Condensed'; font-size:37px; font-weight:bold; color:#F4AB00; margin-top:26px; margin-bottom:16px; }

h4 { font-family: 'Arimo'; font-size: 28px; color: #272F8F; font-weight:normal; margin-top: 20px; margin-bottom: 16px; letter-spacing:-1px }

h5 { font-family: 'Arimo'; font-size: 25px; color: #272F8F; font-weight:normal; padding-top: 20px; margin:0; margin-bottom: 16px; letter-spacing:-1px }

a, a:link, a:visited { color: #272F8F; font-weight:normal; text-decoration: none; }

a:hover { color: #272F8F; text-decoration: underline; }

a.bovebben { font-size: 18px; line-height: 19px; font-weight: 400; background: #272F8F; color:#FFFFFF; padding:8px 10px; border-radius:6px; }
a.bovebben:link    { color: #FFFFFF; text-decoration: none; }
a.bovebben:visited { color: #FFFFFF; text-decoration: none; }
a.bovebben:hover   { color: #FFFFFF; text-decoration: none; background: #F4AB00; }

.uzenetcim { font-family:focim; font-size: 58px; color: #fff; margin-top: 0px; margin-bottom: 20px; padding:0px; line-height: 1.1em; font-weight: 700; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6) }

.fejlec { width:100%; background: url('../img/hatter.png---') fixed; }

.carousel { width:58%; float:right; }

.carousel-inner { margin:0; margin-top:-58px; margin-bottom:30px; }

.carousel-inner item { text-align:right }

.carousel-indicators { display:none; }

.menu-toggle { position:relative; float:none; padding:20px 0px; background:none; cursor:pointer; }

.menu-toggle:focus { border:none !important; }

.menu-toggle .icon-bar { display:block; width: 30px; height: 5px; background:#FFFFFF; }

.menu-toggle .icon-bar+.icon-bar { margin-top:5px }

.nyelv { position:absolute; z-index:1900; top:20px; right:0px; font-size:20px; color: rgba(255,255,255,0.9); line-height:22px; }

.nyelv a { font-size:19px; line-height:19px; color: rgba(255,255,255,0.9); padding:0px 6px; display:inline-block; }

.icon1 { margin-right:8px; }

.icon2 { color: #272F8F; font-size:20px; }

.lista { margin-bottom: 28px; }

.lista li { padding-left: 28px; text-indent:-5px }

.hirek { border: 1px solid #DBDBDB; border-top:none; padding: 20px 18px; margin-bottom:20px; }

.hirek img { max-width:100%; }

.hirek h5 { padding:0; }

.hirek p { font-size:17px; line-height:22px; }

.hirekcim { font-family: 'IBM Plex Sans Condensed'; font-size:35px; font-weight:normal; color:#FFFFFF; background: #F4AB00; padding:26px 18px; margin:0; }

.tartalom { background: #FFF; -webkit-box-shadow: 0px 0px 28px -1px rgba(117,117,117,0.5);
-moz-box-shadow: 0px 0px 28px -1px rgba(117,117,117,0.5);
box-shadow: 0px 0px 28px -1px rgba(117,117,117,0.5); }

.kepsav img { width:33%; padding-left:7px; padding-right:7px; }

.kepsav img:first-child { padding-left:0; padding-right:14px; }

.kepsav img:last-child { padding-left:14px; padding-right:0; }

.container { padding-top:17px; padding-bottom:22px; }

.logo { background:#FFFFFF; z-index:1900; position:absolute; top:-71px; left:0px; -webkit-box-shadow: 0px 0px 28px -1px rgba(117,117,117,0.5);
-moz-box-shadow: 0px 0px 28px -1px rgba(117,117,117,0.5);
box-shadow: 0px 0px 28px -1px rgba(117,117,117,0.5); }

.menu { z-index:3000; margin:0; width:42%; max-width:380px; float:left; margin-top:140px; padding:0; }

.menu li { margin: 0px; display:block; width:90%; }

.menu .nav li a { font-family:'Arimo'; font-size:19px; font-weight:500; color:#1B2164; padding:10px 0; padding-left:16px; margin:0; border-bottom:1px dashed #1B2164; text-transform:none; }
.menu .nav>li:last-child a { border-bottom:none; }
.menu .nav>li>a:focus,.menu .nav>li>a:hover { background:#28267F; color:#FFF; }

#footer-wrapper { font-family: 'Arimo'; font-size:17px; background: url('../img/hatter.png---'); color: #1B2164; padding-top:16px; padding-bottom:34px; line-height:25px; }

#footer-wrapper h3 { font-family: 'IBM Plex Sans Condensed'; font-size:31px; font-weight:500; color:#202671; text-transform: none; margin-top:20px; margin-bottom:16px; }

#footer-wrapper p { font-family: 'Arimo'; font-size:17px; line-height:23px; color: #1B2164; margin-bottom:0px }

#footer-wrapper ul { list-style:none; padding:0; margin-top:20px; }

#footer-wrapper a { font-size:17px; font-weight:normal; color: #1B2164; }

#footer-wrapper a:hover { text-decoration:underline; }

.copyright { background:#28267F; position: relative; display: block; margin: 0 auto; padding:18px 0; text-align:center }

.copyright p { font-size:17px; line-height:21px; color:rgba(255,255,255,0.9); text-align:center; margin-bottom: 8px; }

INPUT.a { font-family: 'News Cycle', sans-serif; font-size: 17px; font-weight: normal; color: #746B65; background-color: #F2F2F2; border: 1px solid #EEEEEE; height:38px; line-height:38px; margin:20x; width:100%; padding:6px }

TEXTAREA { font-family: 'News Cycle', sans-serif; font-size: 17px; font-weight: normal; color: #746B65; background-color: #F2F2F2; border: 1px solid #EEEEEE; line-height:19px; margin:20x; width:100%; padding:6px }

.button { font-size: 20px; font-weight: 400; background: #272F8F; color:#FFFFFF; padding:10px 14px; border-radius:6px; border:none; }

.button:hover   { color: #FFFFFF; text-decoration: none; background: #F4AB00; }

.piros { font-family: 'News Cycle', sans-serif; font-size: 18px; color: #D83427; }

.btn-back-to-top { display: none; position: fixed; width: 50px; height: 50px; bottom: 20px; right: 20px; background-color: #28267F; justify-content: center; align-items: center; z-index: 1000; border-radius: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; }

.symbol-btn-back-to-top { font-size: 22px; color: white; line-height: 1em; }

.btn-back-to-top:hover { background-color: #F4AB00; cursor: pointer; }

.topbar { background:#28267F; position: relative; display: block; margin: 0 auto; height:71px; }

.topbar .container { position: relative; }

.kepgaleria { margin:0px; margin-top:20px; text-align:center; }

.kepgaleria img { max-width:100%; height:180px; }

.tablafej { background:#F4AB00; font-size:20px; color:#FFFFFF; text-align:center; padding: 8px 0px; }

.tablasor { font-size:17px; border-bottom: 1px solid #DBDBDB; padding: 8px 0px; }

.etsga { width:20%; max-width:100px; margin-top:-20px; }

#tamogatas { position: fixed; top:0; right:0; z-index:2000; }


@media (min-width: 990px) and (max-width: 1150px) {

.carousel-inner { margin-top:-28px; }
.menu { margin-top:125px; }
.menu .nav li a { font-size:18px; padding:9px 0; padding-left:16px; }

}

@media (min-width: 550px) and (max-width: 990px) {

.carousel { width:80%; float:none; margin:0 auto; }
.carousel-inner { margin:0; margin-top:22px; margin-bottom:22px; }
.logo { position:relative; width:100%; max-width:520px; text-align:center; top:0; margin:0 auto; }
.menu { position:absolute; left:0; top:0px; background:#FFF; width:100%; margin-top:0px; padding-left:30px; padding-top:12px; padding-bottom:12px; }
.menu .nav li a { color:#272F8F; font-size:18px; font-weight:normal; border-bottom:1px dashed #272F8F; }
.balsav { width:100%; float:none; background:none; padding-right:0; padding-bottom:0px; }
.jobbsav { width:100%; float:none; padding-left:0; }
.lab1oszlop, .lab2oszlop, .lab3oszlop { width:100%; float:none; }
#tamogatas img { height:148px; }

}

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

.containeruj { width:90%; }
.carousel { width:100%; float:none; }
.carousel-inner { margin:0; margin-top:12px; margin-bottom:12px; }
.logo { position:relative; width:100%; top:0; text-align:center; }
.logo img { width:100%; max-width:414px; }
.menu { position:absolute; left:0; top:0px; background:#FFF; width:100%; margin-top:0px; padding-left:30px; padding-top:12px; padding-bottom:12px; }
.menu .nav li a { color:#272F8F; font-size:18px; font-weight:normal; border-bottom:1px dashed #272F8F; }
.balsav { width:100%; float:none; background:none; padding-right:0; padding-bottom:0px; }
.jobbsav { width:100%; float:none; padding-left:0; }
.lab1oszlop, .lab2oszlop, .lab3oszlop { width:100%; float:none; }
.kepsav img, .kepsav img:first-child, .kepsav img:last-child { width:100%; padding:10px 0; }
p { font-size: 17px; line-height: 22px; }
h1 { font-size: 45px; }
h2 { font-size: 35px; }
h3 { font-size: 35px; }
h4 { font-size: 25px; }
h5 { font-size: 25px; }
.nyelv { font-size:19px; line-height:21px; }
.nyelv a { font-size:18px; line-height:18px; }
.hirekcim { font-size:34px; }
#footer-wrapper h3 { font-size:28px; }
#footer-wrapper p { font-size:16px; line-height:21px; }
#footer-wrapper a { font-size:16px; }
.copyright p { font-size:16px; line-height:20px; }
.etsga { width:36%; margin-top:0px; }
.hiroldal img { width:100% !important; height:auto !important; }

}

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

.topbar { height:auto; }
#tamogatas { position: relative; width:100%; text-align:right; }
#tamogatas img { height:148px; }

}