@charset "UTF-8";
@font-face {
	font-family: 'HelveticaNeueLTPro';
	src: url('../fonts/helveticaneueltpro-th.eot');
	src: local('☺'), url('../fonts/helveticaneueltpro-th.woff') format('woff'), url('../fonts/helveticaneueltpro-th.svg') format('svg');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLTPro';
	src: url('../fonts/helveticaneueltpro-bd.eot');
	src: local('☺'), url('../fonts/helveticaneueltpro-bd.woff') format('woff'), url('../fonts/helveticaneueltpro-bd.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLTPro';
	src: url('../fonts/helveticaneueltpro-lt.eot');
	src: local('☺'), url('../fonts/helveticaneueltpro-lt.woff') format('woff'), url('../fonts/helveticaneueltpro-lt.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLTPro';
	src: url('../fonts/helveticaneueltpro-md.eot');
	src: local('☺'), url('../fonts/helveticaneueltpro-md.woff') format('woff'), url('../fonts/helveticaneueltpro-md.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

body, html { overflow-x:hidden }
body {
	margin-top: 85px;
	color: #3f617f;
	font-family: 'HelveticaNeueLTPro', sans_serif;
	font-weight: 200;
	font-size: 20px;
}
.container-fluid {
	padding: 0;
}
.container {
	max-width: 1016px;
}
.site-header {
	background: #5b758a;
	min-height: 75px;
	border-bottom: 10px solid #00d0ed;
}
.languages { display:block; position:absolute; right:0; margin-right:20px; margin-top:5px }
.languages li {display:inline-block; margin-left:15px} 
.languages  li a { font-size:12px; font-weight:300; color:#fff;}
.languages  li a:hover, .languages  li a.active {color:#00d0ed}


.navbar {
	min-height: 75px;
	margin-bottom: 0;
	border: 0;
	background-color: transparent;
}
.nav li a {
	color: #fff;
	text-transform:uppercase;
	cursor:pointer
}
.navbar-default .navbar-text {
	color: #fff;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	background-color: #00d0ed;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #00d0ed;
}

.current-menu-item {
	color: #fff;
	background-color: #00d0ed;
	}

.navbar-nav {
	margin: 39px 0 0 0;
}
.navbar-nav > li > a {
	height: 36px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
	padding-right: 17px;
	line-height: 36px;
	font-size: 14px;
	letter-spacing: 1px;
}
.blueText {
	color: #00d0ed
}
.whiteText {
	color: #fff
}
a {
	color: #00d0ed;
	font-weight: 300
}
a:hover {
	text-decoration: none
}
.logo {
	float: left
}
.logo img {
	max-width: 125px;
	margin-top: 15px
}
.titleBlue {
	border-bottom: 1px solid #00d0ed;
	color: #00d0ed;
	padding-top: 10px
}
.titleBlue h2 {
	font-size: 40px;
	font-weight: 200;
	margin-bottom: 0;
	padding-bottom: 0
}
.titleWhite {
	border-bottom: 1px solid #fff;
	color: #fff;
	background-color: #00d0ed;
	padding-top: 10px
}
.titleWhite h2 {
	font-size: 40px;
	font-weight: 200;
	margin-bottom: 0;
	padding-bottom: 0
}
.mainImage {
	height: 610px;
	/*background-image: url(../images/budapest.jpg);
	background-position:top center;
	background-size: 1920px auto;*/
}

.parallaxtext {
position:absolute; left:50%; margin-left:-508px;
}

#irodankrol {
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: justify
}
.slogen {
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 2px;
	padding-right:-2px;
	font-size: 25px;
	float: right;
	line-height: 30px;
	padding-top: 30px;
	text-align:right
}
#szakteruletek {
	padding-bottom: 30px;
	padding-top: 30px;
}
#szakteruletek ul {
	margin: 0 0 40px 0;
	padding: 0;
	list-style: none;
	clear:both;
	display:block
}
#szakteruletek ul li {
	width: 310px;
	text-align: center;
	background-color: #FFFFFF;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 16px;
	margin-right: 25px;
	padding: 17px 0 14px 0
}
#szakteruletek ul li:last-child {
	margin-right: 0;	
	}
#szakteruletek ul li.double {
	width:645px
	
	}	
	
#szakteruletek  .description { font-weight:400}	
	
.col30 {
	width: 30%;
	float: left
}
.col40 {
	width: 40%;
	float: left
}
.munkatarsBlokk {
	margin-top: 30px
}
.munkatarsBlokk .sec {
	font-size: 15px;
	font-weight: 200;
	line-height: 20px
}
.munkatarsBlokk p {
	margin-bottom: 10px
}
.munkatarsBlokk .third {
	background-color: #00d0ed;
	font-size: 15px;
	font-weight: 200;
	line-height: 20px;
	min-height: 355px;
}
.munkatarsBlokk .third .text-uppercase {
	font-size: 14px;
}
.munkatarsBlokk .third .ident {
	padding: 23px 30px
	
}
.munkatarsBlokk .sec .ident {
	padding: 23px 35px 0 35px;
	border-top: 1px solid #00d0ed;
	text-align: justify;
}
.munkatarsBlokk .first h3 {
	background-color: #00d0ed;
	color: #fff;
	font-weight: 200;
	text-transform: uppercase;
	font-size: 20px;
	height: 45px;
	margin: 0;
	line-height: 55px;
	padding: 0 0 0 23px
}
.munkatarsBlokk .sec h3 {
	background-color: #fff;
	color: #fff;
	font-weight: 200;
	text-transform: uppercase;
	font-size: 22px;
	height: 44px;
	margin: 0;
	line-height: 55px;
	padding: 0 0 0 23px
}
.munkatarsBlokk .third h3 {
	background-color: #fff;
	color: #fff;
	font-weight: 200;
	text-transform: uppercase;
	font-size: 22px;
	height: 44px;
	margin: 0;
	line-height: 55px;
	padding: 0 0 0 23px
}
.munkatarsBlokk img {
	width: 100%;
	cursor: pointer
}

.munkatarsBlokk .thirdTitle { color:#fff; font-size:14px  }

.csoportkep { width:100%; margin-top:30px; border-top:1px solid #00cfee; margin-bottom:40px }


#partnerek {
	padding: 40px 0 0px 0
}
#partnerek .blokk {
	padding-bottom: 60px;
	overflow: hidden
}
#partnerek .blokk a {
	font-size: 14px
}
.col1-3 {
	width: 33.33%;
	float: left
}
#partnerek .blokk img {
	width: 100%;
	height:auto
}
.cicero {
	max-width: 165px
}
.chinternational {
	max-width: 170px;
	margin-bottom: 20px
}
.hp {
	max-width: 130px
}
.ahk {
	max-width: 245px
}
.dottel {
	max-width: 250px;
	margin-bottom: 10px
}
.neo {
	max-width: 235px;
	margin-bottom: 35px
}
#terkep {
	padding-top: 40px
}
#kapcsolat {
	font-size: 17px;
	color: #fff
}
#kapcsolat .info {
	padding-top: 40px;
	padding-bottom: 40px
}
#kapcsolat .form {
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 15px
}
.form label {
	font-weight: 200;
	display: block;
	margin-bottom: 0
}
.form input[type="text"] {
	width: 100%;
	max-width: 350px;
	border: none;
	margin-bottom: 10px;
	padding-left: 5px;
	color: #000
}
.form input[type="submit"] {
	background-color: #00d0ed;
	border: none;
	display: inline-block;
	margin-top: 20px;
	font-size: 17px;
	height: 30px;
	padding: 0 35px;
	line-height: 35px;
	cursor: pointer
}
.form input[type="submit"]:hover {
	background-color: #fff;
	color: #00d0ed
}
.form textarea {
	width: 100%;
	max-width: 350px;
	height: 150px;
	color: #000;
	padding: 5px;
	display: block;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
 color:#BEBEBE;
 font-style:italic !important;
 font-size:13px
}

:-moz-placeholder {
 color:#BEBEBE;
 font-style:italic !important;
 font-size:13px
}

::-moz-placeholder {
 color:#BEBEBE;
 font-style:italic !important;
 font-size:13px;
 opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
 color:#BEBEBE;
 font-style:italic !important
}
.blueBg {
	background-color: #00d0ed
}
.kapcsolat {
	background-color: #5b758a
}
#map {
	height: 500px;
}
footer {
	background: #5b758a;
	color: #fff;
	border-top: 1px solid #fff;
	font-size: 11px;
	padding-top: 10px
}
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
}
.flip-container, .front, .back {
	max-width: 295px;
	width: 100%;
	height: 310px;
}
/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}
/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}