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

body { font-family: 'Pontano Sans'; font-size: 18px; line-height: 19px; font-weight: 400; background: #000 url('../img/hatterek/carbon_fibre_big.png'); color: rgba(255,255,255,0.7); }

.clear { clear:both }

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

li { font-size: 19px; line-height: 24px; margin-bottom: 5px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed'; }

h1 { font-family:focim; font-size: 78px; color: #fff; padding:0px; line-height: 1.1em; font-weight: 700; text-align: center; }

h2 { font-size: 49px; color: #F48804; font-weight:bold; padding-top: 0px; padding-bottom: 16px; margin-top:0px; letter-spacing:-1px }

h3 { font-size: 39px; color: #F48804; font-weight:normal; padding-top: 0px; padding-bottom: 10px; letter-spacing:-1px }

h4 { font-size: 33px; color: #F48804; font-weight:normal; padding-top: 0px; padding-bottom: 0px; letter-spacing:-1px }

h5 { font-size: 29px; font-weight: 700; color: #222; margin-top:20px; margin-bottom:20px; }

a, a:hover { text-decoration: none; }

a.link { font-family: 'Titillium Web'; font-size: 18px; line-height: 19px; font-weight: 400; }
a.link:link    { color: #F48804; text-decoration: none; }
a.link:visited { color: #F48804; text-decoration: none; }
a.link:hover   { color: #F48804; text-decoration: underline; }

.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 { padding:0 30px; }

.carousel { margin:28px auto; max-width:1160px; padding:0 60px; }

.carousel-caption { top: 140px; }

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

.carousel-indicators .active { width:18px; height:18px; background-color:#F48804; border:1px solid #F48804; border-radius:0px; margin:0 3px; }

.carousel-control { filter:alpha(opacity=1); opacity:1; }

.carousel-control .glyphicon-chevron-left { background:#F48804; color:#FFF; margin-left:-80px; text-shadow: none; width:44px; height:44px; padding:7px }

.carousel-control .glyphicon-chevron-right { background:#F48804; color:#FFF; margin-right:-80px; text-shadow: none; width:44px; height:44px; padding:7px }

.navbar-brand { padding: 0px; }

.navbar-brand img { height: 98px; margin:0px; }

.navbar { font-size: 19px; font-weight: 500; background: #041129; border: none; padding-bottom:0px; text-align:center;	margin-bottom:0px; border-radius:0; }

.navbar .container { position:relative; }

.navbar-inverse { position:relative; font-family: 'Roboto Condensed'; background: #F48804; display:block; border-bottom:0px solid rgba(0,0,0,1); float:none; margin:0 auto; z-index:3000; -webkit-box-shadow: 0px 0px 13px 2px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 13px 2px rgba(0,0,0,1);
box-shadow: 0px 0px 13px 2px rgba(0,0,0,1); }

.navbar-collapse { float:none; border:none; box-shadow: none; }

.navbar-collapse li { margin-bottom: 0px; }

.navbar-inverse .navbar-nav li a { font-size:21px; background:#111; color: rgba(255,255,255,0.9); padding:18px 24px; margin-left: 14px; border-right:0px solid rgba(255,255,255,0.8); text-transform: uppercase; }
.navbar-inverse .navbar-nav>li:last-child a { border-right:none; }
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover { background:#FFFFFF; color:#000; }

.navbar-header { float:none; margin:0 auto; width:100%; max-width:1170px; }

.navbar-toggle .icon-bar { width: 26px; height: 4px; }

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:focus { position:relative; float:none; padding: 10px; margin-top:34px; margin-bottom:14px; margin-left:20px; background-color:#111; background-image:none; border: none; border-radius:0px; clear:both }

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

.navbar-inverse .navbar-toggle .icon-bar { width: 28px; height: 5px; background:#FFF; }

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

.nyelv { font-size: 21px; color:#FFF; font-weight: normal; position: absolute; top:16px; right:20px; z-index:2010; }

.nyelv a, .nyelv a:hover { color:#FFF; }

.container { width:100%; max-width:1200px; padding:10px 40px; }

.section3 { background: #FFF url('../img/hatterek/hatter.png'); padding: 36px 30px; -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75); z-index:2000; position:relative; }

.section3 .container { max-width:1160px; padding: 40px 40px; background: rgba(255,255,255,0.06) }

.section3 img { max-width:100%; margin-top:20px; border:11px solid #FFF }

#parallax { position: relative; margin: 0; padding: 0; overflow: hidden; width: 100% !important; height: 380px; z-index:1900; }

#parallax2 {
    background: url('../fejleckepek/s23.jpg') no-repeat fixed bottom;
	background-size: 100%;
    height: 400px;
    position: absolute;
    width: 100%; -webkit-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,1);
    box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,1); 
}

#footer { background: #F48804; padding: 10px 0 10px 0; -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.75); }

#footer p { font-size: 17px; color:#FFFFFF; line-height: 28px; margin-bottom: 0px; }

.parallax-section {
  	background-attachment: fixed !important;
  	background-size: cover !important;
}

.felsorolas { list-style:none; padding-left:0px; margin-left:0; }

.felsorolas li { list-style:none; padding-left:10px; margin-left:0; }

.felsorolas .fa-check { margin-right:10px; font-size:25px; }

.felsorolas .fa-arrow-right { margin-right:10px; font-size:25px; color: #FFF; }

.felsorolas .feher { margin-right:10px; font-size:25px; }

.felsorolas .fa-home, .felsorolas .fa-phone, .felsorolas .fa-envelope, .felsorolas .fa-facebook, .felsorolas .fa-whatsapp { width:30px; font-size:28px; color: #51A1E6; }

.felsorolas .fa-envelope { font-size:22px; }

.urlapbal { display: block; float: left; width: 30%; font-size: 19px; font-weight: normal; margin-top:7px; margin-bottom:2px; }

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

input.a, select, textarea { width: 100%; font-size: 17px; font-weight: normal; background:#F7F7F7; border: 1px solid #EDEDED; padding:6px; line-height:26px; }

.gomb { font-size: 20px; line-height: 20px; font-weight: 400; background: #F48804; color: #FFF; padding:14px 20px; margin:0 20px; display:inline-block; border:none; border-radius:0px; }

.gomb:hover { background: #FFF; color: #000; padding:14px 20px; margin:0 20px; display:inline-block; border:none; border-radius:0px; }

.btn-back-to-top { display: none; position: fixed; width: 50px; height: 50px; bottom: 20px; right: 30px; background-color: #111; 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; border-radius: 0px; }

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

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

.btn-back-to-top:hover .symbol-btn-back-to-top { color:#000000 }

.hibauzi { background-color: #CB1610; color:#FFFFFF; padding:16px;}


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

	.fejlec { padding:0; }
	.carousel { margin: 0px auto; padding:0; }
	.carousel-control .glyphicon-chevron-left { margin-left:-30px; }
	.carousel-control .glyphicon-chevron-right { margin-right:-30px; }
	.navbar-inverse .navbar-nav li a { font-size:20px; padding:15px 16px; margin:0px 6px; }
	.navbar-brand img { height: 98px; }
	#parallax { height: 300px; }
	#parallax2 { height: 300px; background-size: 120%; }

}

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

	.fejlec { padding:0; }
	.carousel { margin: 0px auto; padding:0; }
	.carousel-control { display:none; }
	.navbar-brand img { height: 96px; }
	.navbar-nav { margin:0px 20px; margin-top:10px; }
	.section3 { padding: 28px 25px; }
	h2 { font-size: 45px; }
	#parallax { height: 280px; }
	#parallax2 { height: 280px; background-size: 190%; }

}

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

	.fejlec { padding:0; }
	.carousel { margin: 0px auto; padding:0; }
	.carousel-control { display:none; }
	.navbar-brand img { height: 90px; }
	.navbar-nav { margin:0px 20px; margin-top:10px; }
	.section3 { padding: 20px 20px; }
	.section3 .container { padding: 22px 22px; }
	h2 { font-size: 42px; }
	h3 { font-size: 35px; }
	#parallax { height: 240px; }
	#parallax2 { height: 240px; background-size: 250%; }
	.urlapbal { display: block; float: none; width: 100%; }
	.urlapjobb { display: block; float: none; width: 100%; }

}