body { font-family: 'Alegreya Sans'; font-size: 19px; line-height: 27px; font-weight: 400; }

p { font-size: 19px; line-height: 27px; margin-bottom: 18px; color: rgba(53,73,85,0.9); text-align:left; }

h2 { font-family:'Hind Madurai'; font-size: 32px; color: #3A9C30; font-weight: bold; text-align:left; margin-top:0px; margin-bottom:16px; letter-spacing:-1px; display:inline-block; }

h3 { font-family:'Boogaloo'; font-size: 47px; color: #0174AE; font-weight:bold; padding-top: 0px; padding-bottom: 0px; margin-top:0px; margin-bottom:24px; letter-spacing:1px; text-transform:uppercase; text-align:left; }

h4 { font-family:'Alegreya Sans'; font-size: 30px; color:#0174AE; line-height:1em; font-weight: normal; padding-top: 0px; padding-bottom: 12px; margin:0px auto; text-align:left; letter-spacing:-1px; text-transform: none; }

.fejlec { background: #FFF url('../img/fejlechatter.jpg') top left; }

.section1 h3, .section2 h3, .section3 h3, .section6 h3, .section7 h3 { color:#3A9C30; }

.section1 h3, .section6 h3, .section9 h3 { font-size: 44px; }

.section1 h2, .section7 h2 { font-family:'Alegreya Sans'; font-size: 39px; color:#0174AE; line-height:1em; font-weight: bold; padding-top: 0px; padding-bottom: 14px; margin:0px auto; text-align:left; letter-spacing:-1px; text-transform: none; }

.section8 h3 { color:#3A9C30; text-align:center; }

.section9 p { font-size: 18px; line-height: 22px; }

.section4 p, .section8 p , .belsofej p { font-size: 20px; line-height: 28px; text-align:center; }

.section2 p { font-family:"Alegreya Sans"; font-size: 25px; color: #0174AE; line-height:1.4em; font-weight: normal; padding-top: 0px; padding-bottom: 0px; margin-top:0px; margin-bottom:12px; letter-spacing:-1px; }

.section5 p, .section5 h3 { color: rgba(255,255,255,1); }

ul { padding-left:20px; }

li { line-height: 26px; margin-bottom:6px; }

a { text-decoration: none; color:rgba(53,73,85,0.9); }

a:hover { text-decoration: underline; color:rgba(53,73,85,0.9); }

.nopadding { padding:0; }

.nopadding img { width:100%; }

.navbar-brand { height: auto; padding: 0px; text-align:center; margin:0 !important; }

.fej { background:#FFF url('../img/fejhatter.jpg') center; float:none; margin:0px auto; margin-bottom:0px; z-index:3000; position:relative; border:none; width:100%; }

.logo img { max-height:102px; margin:6px 0; }

.carousel { background: url('../img/fejmacko.png') no-repeat top right; background-size:100%; max-width:1280px; margin:0 auto; padding:22px 22px 45px 22px; }

.carousel-inner { width:75%; max-width:918px !important; border:12px solid #FFFFFF; }

.carousel-inner img { width:100%; max-width:1680px !important; margin:0 auto; }

.carousel-indicators { left:0; right:auto; margin-left:20px; text-align:left; bottom:0px; }

.carousel-indicators li { width:18px; height:18px; background:#FFF; border: 0px solid #FFFFFF; border-radius:4px; margin:0; }

.carousel-indicators .active { width:18px; height:18px; background:#FC850F; border: 0px solid #FFFFFF; }

.carousel-caption { margin:0 auto; padding:0; text-shadow: none; left:0; position:relative; max-width:1440px; }

.blink-control { bottom: 50% !important; left:0 !important; right:0 !important; }
	
.blink-slider { margin:0 auto; max-width:1920px; background:#FFFFFF; }

.blink-items { display:none; }

.blink-slider #prev { left:40px; position:absolute; }

.blink-slider #next { right:40px; position:absolute; }

.container { width:100%; max-width:1300px; padding-top:0px; padding-bottom:0px; padding-left:30px; padding-right:30px; }

.section1 { background:#FFF url('../img/bg-main.png') repeat-y top center; padding:0px 0 0px 0; box-shadow: 0px 0px 30px rgba(0,0,0,0.25); position:relative; color:#FFFFFF; font-size:22px; }

.section2kulso { background: #F3EEDC; }

.section2 { background: #FFF url('../img/hatter5.jpg') top left; background-size:100%; max-width:1600px; padding: 85px 0 85px 0; margin:0 auto; }

.section3 { background: #FFF url('../img/hatter3.jpg') no-repeat top center; background-size:100%; padding: 50px 0 50px 0; margin:0 auto; box-shadow: 0px 0px 30px rgba(0,0,0,0.25); position:relative }

.section4 { background: #E6F4FB url('../img/hatter2.jpg') no-repeat bottom center; background-size:100%; padding: 50px 0 160px 0; margin:0 auto; text-align:center; }

.section4 h3 { text-align:center; }

.section5 { background:#FFF url('../ovodakepek/hatter.png'); margin:0 auto; overflow:hidden; padding:80px 0; color:#FFFFFF; text-align:center; font-size:21px; }

.section6 { background:#FFF; padding:20px 0 20px 0; box-shadow: 0px 0px 30px rgba(0,0,0,0.25); position:relative; color:#FFFFFF; font-size:22px; }

.section7 { background: #FFF url('../ovodakepek/shutterstock_524323999 skalliert---.png') center; background-size:100%; padding: 60px 0 60px 0; margin:0 auto; box-shadow: 0px 0px 30px rgba(0,0,0,0.25); position:relative }

.section8 { background: #FFF url('../img/hatter1.jpg') center; background-size:100%; padding: 80px 0 140px 0; margin:0 auto; text-align:center; }

.section9kulso { background: #ADDEF8; }

.section9 { background: #FFF url('../img/hatter4.jpg') bottom right; max-width:1300px; background-size:100%; padding: 50px 0 40px 0; margin:0 auto; }

.belsofej { background: #FFF url('../img/belsofejhatter.jpg') top center; background-size:100%; padding: 105px 0 120px 0; margin:0 auto; }

.belsofej h1 { font-family:'Boogaloo'; font-size: 51px; color: #3A9C30; font-weight:bold; padding-top: 0px; padding-bottom: 0px; margin-top:0px; margin-bottom:0px; letter-spacing:1px; text-transform:uppercase; text-align: center; }

.belsofej p { font-size: 21px; line-height: 29px; margin-top:25px; }

.szlogenlab { background: #E6F4FB url('../img/hatter2.jpg') no-repeat bottom center; background-size:100%; padding: 46px 0 180px 0; margin:0 auto; text-align:center; }

.szlogenlab h3 { font-family: 'Alegreya Sans'; font-size: 40px; line-height: 1em; font-weight: normal; color: #0174AE; text-transform:none; text-align:center; letter-spacing:-1px; max-width:500px; margin:0 auto; }

.tartalom { padding:20px 15px; text-align: center; }

.tartalombal { padding:45px 40px 45px 15px; }

.tartalomjobb { padding:45px 15px 45px 40px; }

hr { border-top:1px dashed #5A7B8F; margin-top:8px; margin-bottom: 16px; }

.dokdatum { margin-bottom:0; }

.diafilm { background: url('../img/frame-1662287.png') no-repeat; background-size:100%; padding:50px 50px; font-size:22px; }

.doboz { background: rgba(255,255,255,1); padding:20px 20px; margin-top:16px; }

.doboz p { font-size:18px; }

.doboz h3 { text-align:center; }

.kepsav { text-align:center; padding:32px 0; background: #FFF url('../ovodakepek/hatter.png'); }

.kep1 { width:100%; border-radius:0px; margin: 15px 0; }

.kep2 { margin:10px 0 20px 0; width:100%; max-width:600px; }

.korkep2 { margin:0px 0 0 0; width:100%; max-width:400px !important; border-radius:100%; }

.navbar-brand { height: auto; padding: 0px; margin:0 !important; }
	
.navbar-header { float: none; margin:0 !important; }

.navbar .container { position:relative; text-align:center }

.navbar-inverse { background:#FFF; float:none; margin:0px auto; margin-bottom:0px; z-index:3000; position:relative; border:none; width:100%; max-width:1440px; }

.navbar-collapse { float:none; border-top:none; padding:0; }

.navbar-nav { margin:0 auto; padding:16px 0px; }

.navbar-nav li { float: none; display:inline-block; margin: 0px 0px; border-right:1px solid #0174AE; }

.navbar-nav li:last-child { border-right:none; }

.navbar-inverse .navbar-nav li a { font-family:'Asap'; font-size:21px; font-weight: normal; color: #0174AE; line-height:1em; padding:5px 16px; margin:0px 0; text-transform: none; letter-spacing:0px; }
.navbar-inverse .navbar-nav>li>a:hover { color:#3A9C30; }
.navbar-nav li a:focus { color:#222 !important; }

.navbar-toggle { float:none; padding:8px 8px; margin-bottom:10px; background:#0174AE; border:0px; border-radius:9px; clear:both }

.navbar-inverse .navbar-toggle .icon-bar { background-color:#FFF; }

.navbar-inverse .navbar-toggle:focus .icon-bar { background-color:#FFF; }

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #3A9C30; }

.navbar-inverse .navbar-toggle:hover .icon-bar { background-color:#FFF; }

.navbar-toggle .icon-bar { width: 32px; height: 6px; }

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

#lablec { font-family:'Asap'; font-size: 19px; color: #0174AE; padding:16px 0 36px 0; background:#FFF url('../img/fejhatter.jpg') center; box-shadow: 0px 0px 30px rgba(0,0,0,0.25); }

#lablec a { font-family:'Asap'; font-size: 19px; color: #0174AE; }

#lablec h3 { font-family:'Signika'; font-size: 36px; color:#3A9C30; margin-top:20px; margin-bottom:10px; text-transform:none; line-height:1em; letter-spacing:-1px; font-weight: bold; }

#lablec span { background:#3A9C30; color:#FFF; font-size:18px; padding:6px; border-radius:100%; width:30px; height:30px; }

.lab { padding:2px 0; }

#copy { padding:14px 0 10px 0; background: #FC850F; }

#copy p { font-size:18px; margin:0; color: #FFF; }

.telefon, .telefon a { font-size:22px; color: #FFFFFF; }

.btn-back-to-top { display: none; position: fixed; width: 52px; height: 52px; bottom: 12px; right: 30px; background-color: #FC850F; justify-content: center; align-items: center; z-index: 1000; border-radius: 10px; 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: #FFF; line-height: 1em; }

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

.link2 { background-color: #029CB3; font-size:20px; color: #FFF; padding:14px 18px; text-align:center; margin:16px auto; display:inline-block; }

.link3 { background-color: #FC850F; font-size:19px; color: #FFF; padding:12px 16px; text-align:center; margin:4px 0 0 0; display:inline-block; border-radius:10px; }

.link1:hover, .link2:hover, .link3:hover { background:#3A9C30; color:#FFF; text-decoration:none; }

input.a, select { background-color: #FFF; border: 0px solid #FFF; height:48px; line-height:48px; padding:10px; border-radius:8px; }

input.a { width:100%; }

textarea { background-color: #FFF; border: 0px solid #FFF; line-height:19px; margin:20x; width:100%; height:100px; padding:6px; border-radius:8px; }

.urlapbal { display: block; float: left; font-size:19px; width: 30%; color:#000; font-weight:bold; padding:8px 0; }

.urlapjobb input { width: 100%; }

.urlapjobb { float: left; font-size:18px; width: 70%; padding:0 0 12px 0; }

.kuldesgomb { color: #FFF; font-size:21px; font-weight:400; margin-top:12px; padding:14px 22px; background: #000; display:inline-block; border: none; border-radius:10px; }

.elerhetdoboz { background: rgba(0,0,0,0.5); max-width:400px; color:#FFFFFF }

.rect-img-container {
  position: relative; max-width:240px !important; margin:0 auto; margin-bottom:20px; 
}

.rect-img-container::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.rect-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover; border-radius:100%;
}

.dolgozok h4 { text-align:center; }


@media (min-width: 1290px) and (max-width: 3000px) {

}

@media (min-width: 1024px) and (max-width: 1160px) {

	.navbar-nav { width:100%; padding:16px 0px; }
	.navbar-inverse { position: static; width:100%; }
.section9 { background-size:110%; padding:35px 0; }

}

@media (min-width: 767px) and (max-width: 1024px) {

	body { font-size: 18px; line-height: 24px; }
	.navbar-nav { width:100%; padding:16px 0px; }
.section2 { padding: 40px 0 40px 0; }
.section9 { background-size:120%; padding:35px 0; }

}

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

	body { font-size: 18px; line-height: 24px; }
.navbar-inverse .navbar-nav li a { font-size:19px; padding:5px 8px; }
p { font-size: 18px; line-height: 24px; }
	h3 { font-size: 41px; margin-bottom:20px; }
.section1 h3, .section6 h3, .section9 h3 { font-size: 41px; }
.belsofej h1 { font-size: 48px; }
.section2 p { font-size: 24px; line-height:1.3em; }
.carousel-inner { border:10px solid #FFFFFF; }
.section2 { background-size: 130%; background-position:right; padding: 40px 0 40px 0; }
.section4 { background-size:140%; }
.section8 { background-size:140%; }
.belsofej { background-size:140%; padding: 90px 0 110px 0; }
.section9 { background-size:140%; background-position: center; padding:30px 0; }
#lablec, #lablec a { font-size: 18px; }
.szlogenlab { background-size:120%; padding: 70px 0 150px 0; }
.szlogenlab h3 { font-size: 35px; }

}

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

p { font-size: 18px; line-height: 24px; }
.section4 p, .section8 p { font-size: 18px; line-height: 24px; }
.section2 p { font-size: 22px; line-height:1.3em; }
	h3 { font-size: 39px; margin-bottom:20px; }
.section1 h2 { font-size: 35px; }
.section1 h3, .section6 h3, .section9 h3 { font-size: 39px; }
h4 { font-size: 27px; }
.belsofej h1 { font-size: 44px; }
.belsofej p { font-size: 20px; line-height: 28px; margin-top:20px; }
.logo img { width:100%; max-width:340px; max-height: none; margin:10px 0; }
.tartalombal { padding:35px 15px 0 15px; }
.tartalomjobb { padding:0 15px 35px 15px; }
.section1 { background: none; }
.section2 { background-size: 170%; background-position:center; padding: 45px 0 45px 0; }
.section3 { background-size: 250%; padding: 30px 0 20px 0; }
.section4 { background-size:180%; padding:35px 0 75px 0; }
.section7 { padding:40px 0; }
.section8 { background-size:170%; padding-top:55px; }
.belsofej { background-size:140%; padding: 70px 0 110px 0; }
.section9 { background-size:180%; background-position: center; padding:20px 0; }
.container { padding-left:20px; padding-right:20px; }
.navbar-header { text-align:left; }
	.navbar-nav { float:none; width:100%; padding:10px 0px; }
	.navbar-inverse { position: static; width:100%; }
	.navbar-collapse li { display:block; border-right:none; }
	.navbar-inverse .navbar-nav li a { padding:10px 0px; margin:0px 0; }
.carousel { padding:16px 16px 16px 16px; }
.carousel-inner { border:9px solid #FFFFFF; }
.carousel-indicators { display:none; }
	.urlapbal { display: block; float: none; width: 100%; }
	.urlapjobb { display: block; float: none; width: 100%; }
	.lablogo { height:80px; }
.link2 { font-size:19px; padding:15px 18px; }
#lablec, #lablec a { font-size: 18px; }
#lablec h3 { font-size: 36px; margin-bottom:6px; }
.szlogenlab { background-size:150%; padding: 50px 0 130px 0; }
.szlogenlab h3 { font-size: 32px; }

}

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

.section2 { background-size: 260%; background-position:center; padding: 32px 0 32px 0; }
.section8 { background-size:260%; padding-top:40px; }
.belsofej { background-size:180%; padding: 55px 0 100px 0; }
.section9 { background-size:280%; }
#copy p { font-size:17px; }

}