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

p { font-size: 19px; line-height: 26px; margin-bottom: 20px; color:#221E1E; }

h1 { font-family:'Ruthie'; font-size: 112px; color: #fff; padding:0px; line-height: 1.1em; font-weight: normal; text-align: center; margin:0px; }

h2 { font-family:'Pontano Sans'; font-size: 28px; font-weight: bold; margin-top:0px; margin-bottom:20px; letter-spacing:0px; display:inline-block; text-transform:uppercase }

h2.festek { color: #C12563; }

h2.technikai { color: #1DB8B3; }

h3 { font-family:'Pontano Sans'; font-size: 35px; color: #FFF; font-weight:bold; padding-top: 0px; padding-bottom: 0px; margin-top:0px; margin-bottom:30px; letter-spacing:2px; text-transform:uppercase; }

h4 { font-family:'Pontano Sans'; font-size: 36px; color: #000; font-weight:bold; padding-top: 0px; padding-bottom: 0px; margin-top:0px; margin-bottom:30px; letter-spacing:2px; text-transform:uppercase; }

h5 { font-family:'Pontano Sans'; font-size: 32px; color: #FFF; font-weight:bold; padding-top: 0px; padding-bottom: 0px; margin-top:0px; margin-bottom:20px; letter-spacing:2px; text-transform:uppercase; }

h3.bergyartas { background:#27ACCC; display:inline-block; padding:18px 20px; margin-top:35px; }

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

.kiscim1 { background:#C12563; display:inline-block; padding:30px 25px; }

.kiscim2 { background:#1DB8B3; display:inline-block; padding:30px 25px; }

.kiscim3 { background:#27ACCC; display:inline-block; padding:30px 25px; }

.belsocim1 { background:#C12563; display:block; }

.belsocim2 { background:#1DB8B3; display:block; }

.belsocim1 h3, .belsocim2 h3 { max-width:1200px; margin:0 auto; padding:28px 30px; font-size: 34px; }

ul { padding-left:20px; }

a { text-decoration: none; color:#221E1E; }

a:hover { text-decoration: none; color:#221E1E; }

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

.topbar { background:#E7E9EA; padding:5px 0; }

.topbar .container { padding:0 15px; }

.topbar .jobb { text-align:right; }

.topbar img { border:0px solid #FFFFFF; border-radius:0px; }

.topbar p { font-size:17px; margin-bottom:0; }

.topbar a { font-size:17px; line-height:22px; text-transform: none; margin-left:16px; }

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

.carousel { background:#000000; }

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

.carousel-caption { width:100%; max-width:1150px; left:0; right:0; bottom: 80px; margin:0 auto; padding:0; text-shadow: 0px 0px 20px #000000 }

.carouseldoboz { width:50%; padding: 32px; background: rgba(0,0,0,0.34); }

.carousel-caption p { font-family:'Pontano Sans'; font-size: 23px; line-height:1.4em; text-align:left; color: rgba(255,255,255,0.9); letter-spacing:0px; text-shadow: none; margin-bottom:12px; }

.carousel-indicators { display:none; }

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

#belsofej { background: url('../img/fejhatteruj.jpg') no-repeat center; background-size: 100%; width: 100%; height: 280px; padding-top:115px; font-family: 'Roboto Condensed'; font-size: 63px; font-weight: bold; text-align:center; color: rgba(255,255,255,1); line-height:1em; letter-spacing:1px; text-transform:uppercase; }

.section2 { background: #000 url('../img/hatterfekete.png') no-repeat top center; background-size:cover; padding: 0 0 40px 0; border-top:0px solid #fff; border-bottom:0px solid #fff; max-width:1920px; margin:0 auto; }

.section3 { background: #FBFBFC url('../img/hattervilagos.png') no-repeat top center; background-size:100%; padding: 0 0 40px 0; border-top:0px solid #fff; border-bottom:0px solid #fff; max-width:1920px; margin:0 auto; }

.section4 { background: #FFF url('../img/flakonhatter.jpg') no-repeat top center; background-size:100%; padding: 0 0 0 0; max-width:1920px; margin:0 auto; }

.section5 { background: #FFF url('../img/kapcshatter.jpg') no-repeat top center; background-size:100%; padding: 40px 0 0 0; max-width:1920px; margin:0 auto; color: #999999; text-align:center; line-height:1.4em; }

.section6 { background: #000 url('../img/hattervideo.jpg') no-repeat top center; background-size:100%; padding: 0; border-top:0px solid #fff; border-bottom:0px solid #fff; max-width:1920px; margin:0 auto; }

.section2 p { color: #999999; line-height:1.3em; margin-bottom:20px; }

.section2 li { color: #999999; line-height:1.3em; margin-bottom:10px; }

.section5 p { color: #999999; line-height:1.3em; margin-bottom:26px; }

.kep1 { margin:50px 0 0 0; width:100%; max-width:600px; }

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

.kep3 { margin:0; width:100%; max-width:600px; }

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

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

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

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

.navbar-nav { margin:0 auto; text-align:center; padding:26px 0px; float:right; }

.navbar-nav li { float: none; display:inline-block; margin: 0px 0px; border-right:1px solid rgba(0,0,0,0.6); }

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

.navbar-inverse .navbar-nav li a { font-family:'Rubik'; font-size:18px; font-weight:bold; color:#221E1E; line-height:1em; padding:8px 18px; margin:0px 0; text-transform: uppercase; letter-spacing:0px; }
.navbar-inverse .navbar-nav>li>a:hover { color:#C12563; }
.navbar-nav li a:focus { color:#222 !important; }

.navbar-toggle { position:absolute; top:13px; right:20px; float:none; margin:0; padding:8px 8px; background:#221E1E; border:0px; border-radius:0px; 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 { background-color: #FFB700; }

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

.listadoboz { background:#FFFFFF; margin:28px 0; padding:30px 15px; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); }

#footer { padding:14px 0 10px 0; background:rgba(0,0,0,0.3); margin-top:50px; }

#footer p { font-size:16px; margin:0; color: rgba(255,255,255,0.6); }

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

.btn-back-to-top { display: none; position: fixed; width: 56px; height: 56px; bottom: 17px; right: 30px; background-color: #FFB700; 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: #FFF; line-height: 1em; }

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

.link1, .link1:link, .link1:visited { background:#C12563; color: #FFF; text-decoration:none; }

.link2, .link2:link, .link2:visited { background:#1DB8B3; color: #FFF; text-decoration:none; }

.link3, .link3:link, .link3:visited { background:#27ACCC; color: #FFF; text-decoration:none; }

.link1:hover, .link2:hover, .link3:hover { background:#FFB700; color:#000000; }

#nyitzar1, #nyitzar2, #nyitzar3 { font-size: 19px; line-height: 19px; font-weight: normal; padding:17px 17px; display:inline-block; border-radius:12px; cursor:pointer; }

.link { font-size: 19px; line-height: 19px; font-weight: normal; padding:17px 14px; display:inline-block; border-radius:12px; cursor:pointer; margin-bottom:16px; }

.link:hover { text-decoration:none; }

.tartalomnyit1, .tartalomnyit2, .tartalomnyit3 { display: none; background:#FFB700; padding:30px 0; }

.fixurlap { background:#FFB700; padding:30px 0; }

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

.ikon { font-size:38px; width:80px; height:80px; color:#FFF; background:#FFB700; border-radius:100%; padding:22px; margin:0 auto; margin-top:10px; margin-bottom:12px; }

.tablazat { background: rgba(0,0,0,0.55); font-family:'Pontano Sans'; color:#FFFFFF; text-align:center; font-size:16px; }

.tablazat td { padding:7px 12px; border:1px solid rgba(255,255,255,0.5); }

.video { width:100%; max-width:970px; margin:0px auto; padding:35px 0; }

#text-roller {
    position: relative;
    background-color: #FFF;
    white-space: nowrap;
	overflow: hidden;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.15); 
}
#text-roller div { display:inline-block; }


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

}

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

	h3 { font-size: 34px; }
	.navbar-nav { width:100%; padding:16px 0px; }
	.navbar-inverse .navbar-nav li a { padding:5px 12px; }
	.navbar-inverse { position: static; width:100%; }

}

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

	h3 { font-size: 33px; }
	.section2 { background-size: 260%; }
	.section4 { background-size: 120%; background-position:bottom; }
	.section5 { background-size: 200%; }
	.navbar-nav { width:100%; padding:16px 0px; }
	.navbar-collapse li { border-right:none; }
	.navbar-inverse .navbar-nav li a { padding:5px 12px; }
	.carouseldoboz { width:70%; padding: 30px; }
	.carousel-caption p { font-size: 21px; }

}

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

	h2 { font-size: 27px; }
	.kep1 { margin:25px 0 0 0; }
	.tablazat { margin:30px 0; }
.belsocim1 h3, .belsocim2 h3 { padding:25px 30px; font-size: 33px; }
.listadoboz { margin:25px 0; padding:25px 10px; }
.video { padding: 0; }

}

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

	body { font-size: 18px; line-height: 18px; }
	p { font-size: 18px; line-height: 24px; margin-bottom: 16px; }
	h2 { font-size: 25px; }
	h3 { font-size: 31px; }
	h5 { font-size: 30px; }
	.kiscim1, .kiscim2, .kiscim3 { padding:25px 20px; }
	.section2 { background-size: 400%; }
	.section3 { background-size: 300%; }
	.section4 { background-size: 200%; background-position:bottom; }
	.section5 { background-size: 300%; }
	.container { padding-left:20px; padding-right:20px; }
	.navbar-brand { float:none; text-align:left; }
	.navbar-nav { float:none; width:100%; }
	.navbar-inverse { position: static; width:100%; }
	.navbar-collapse li { display:block; border-right:none; }
	.navbar-inverse .navbar-nav li a { padding:12px 0px; margin:0px 0; }
	.carousel-caption { left:0; right:0; bottom: 0px; margin:0 auto; padding:0; }
	.carouseldoboz { width:100%; padding: 22px; }
	.carousel-caption p { font-size: 19px; }
	.urlapbal { display: block; float: none; width: 100%; }
	.urlapjobb { display: block; float: none; width: 100%; }
#belsofej { height: 230px; padding-top:95px; font-size: 54px; }
.belsocim1 h3, .belsocim2 h3 { padding:23px 20px; font-size: 29px; }
	#footer { margin-top:20px; }
	.lablogo { height:80px; }
	.ikon { font-size:34px; width:70px; height:70px; padding:19px; }
.listadoboz { margin:22px 0; padding:25px 10px; }
.video { padding: 0; }

}

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

	.carousel-inner img { width:150%; }
	.tablazat { font-size:15px; }
	.tablazat td { padding:6px 6px; }
	.ikon { font-size:33px; width:66px; height:66px; padding:17px; }
	.section5 { background-size: 400%; }

}