@font-face {
    font-family: proxima-nova;
    src: url(font/proxima-nova.otf);
}
@font-face {
    font-family: proxima-nova-alt-bold;
    src: url(font/proxima-nova-alt-bold.otf);
}
@font-face {
    font-family: proxima-nova-alt-light;
    src: url(font/proxima-nova-alt-light.otf);
}
@font-face {
    font-family: proxima-nova-alt-thin;
    src: url(font/proxima-nova-alt-thin.otf);
}
@font-face {
    font-family: proxima-nova-bold;
    src: url(font/proxima-nova-bold.otf);
}
@font-face {
    font-family: proxima-nova-condensed-bold;
    src: url(font/proxima-nova-condensed-bold.otf);
}
@font-face {
    font-family: proxima-nova-regular;
    src: url(font/proxima-nova-regular.otf);
}



body {
	background-color: #ebebeb;
}


.kozepen {
	text-align:center;}

.kozepen_div {
	margin:auto;
	text-align:center;}

.fejlec_telefon {
	font-family: proxima-nova;
	font-weight:300;
	font-size:13px;
	color:#181d26;
	margin:0;
	padding:0;}

.cegnev {
	font-family: proxima-nova;
	font-size:30px;
	color:#000;
	text-transform:uppercase;
	padding:30px 0 0 0;}

.fejlec_vonal {
	margin:0;
	padding:0;}


.nyelv_box {
	float:right;}

.szakteruleteink_box {
	width:100%;
	height:710px;
	background-image:url(kepek/szakteruleteink_nagykep.jpg);
	background-position:center;}

.aktualis_box {
	width:100%;
	height:710px;
	background-image:url(kepek/aktualis_nagykep.jpg);
	background-position:center;}

.tarsadalmi_box {
	width:100%;
	height:710px;
	background-image:url(kepek/tarsadalmi_nagykep.jpg);
	background-position:center;}

.cim1 {
	font-family: proxima-nova;
	font-size:32px;
	color:#181d26;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;}

.cim2 {
	font-family: proxima-nova-regular;
	font-size:17px;
	color:#002857;
	font-weight:400;
	text-transform:uppercase;
	}

.cim3 {
	font-family: proxima-nova;
	font-size:32px;
	color:#FFF;
	font-weight:normal;
	text-transform:uppercase;}
	

.szoveg1 {
	font-family: proxima-nova;
	font-size:16px;
	font-weight:300;
	color:#181d26;
	line-height:30px;}



.szoveg2 {
	font-family: proxima-nova;
	font-size:14px;
	font-weight:300;
	color:#fff;
	margin:0;
	padding:0;
	line-height:14px;}

.sikeres_uzenet {
	font-family: proxima-nova;
	font-size:14px;
	font-weight:300;
	color:#fff;
	margin:0;
	padding:0;
	line-height:14px;}

.szurke_hatter {
	background-color:#f9f9f7;}

.emailcim {
	margin-top:40px;
	text-align:center;
	color:#9e8a57;}




.partner_div_tavolsag {
	margin-bottom:90px;}

.partner_cim {
	font-family: proxima-nova;
	font-size:21px;
	color:#9f8957;
	text-align:center;}

.partner_szoveg1 {
	font-family: proxima-nova;
	color:#fff;
	font-size:13px;
	font-weight:300;}

.partner_email {
	font-family: proxima-nova;
	color:#9f8957;
	font-size:13px;
	font-weight:300;
	text-decoration:underline;
	margin:0;
	padding:0;}

.partner_honlap {
	font-family: proxima-nova;
	color:#fff;
	font-size:13px;
	font-weight:300;
	margin:0;
	padding:0;}


.partner_logo{
	float:right;
	margin-right:30px;}

.partnerek_also_tabla {
	font-family: proxima-nova;
	color:#9e8a57;
	font-size:14px;}

.kapcsolat_div {
	margin-bottom:-30px !important;}


.viktor_z_index {
	z-index:10000;}





.feher_hatter {
	background-color:#fff !important;}

.vilagoskek_hatter {
	background-color:#f7faff !important;
	}



.kapcsolat_hatter {
	/*height:450px;*/
	background-image:url(kepek/kapcsolat_hatter.png);
	background-position:center;}

.kisvonal_padding {
	padding:20px 0 20px 0;}


.mezo1 {
	width:254px;
	height:26px;
	color:#181D26;
	background-image:url(kepek/mezo1.png);
	background-repeat:no-repeat;
	border:0;
	outline:0;}

.mezo2 {
	width:537px;
	height:65px;
	color:#181D26;
	margin-top:10px;
	background-image:url(kepek/mezo2.png);
	background-repeat:no-repeat;
	resize:none;
	border:0;
	outline:0;}

.gomb {
	width:97px;
	height:27px;
	background-image:url(kepek/elkuld_gomb.png);
	border:0;
	outline:none;
	margin-left:15px;
	padding-top:18px;}	








/* Összecsukló menü START*/



section.stretch {
	float: left;
	height: 1500px;
	width: 100%;
}

section.stretch p{
	font-family: proxima-nova-regular;
	font-size: 30px;
	color: #969696;
	text-align: center;
	position: relative;
	margin-top: 250px;
}

section.stretch p.bottom {
	top: 100%;
	padding-bottom: 1em;
}

header {
	float: left;
	width: 100%;
	position: fixed;
	z-index: 10;
}

header a {
	color: #969696;
	text-decoration: none;
	font-family: proxima-nova-regular;
	text-transform: uppercase;
	font-size: 1em;
}

header a.active, header a:hover {
	color: #3d3d3d;
}

header li {
	margin-right: 30px;
}


	

@media (max-width: 1366px) {
	.nyitokep_box {
		height:647px;
		background-image:url(kepek/kep7_7_2.jpg);
		background-position:center;}
	
}
@media (min-width: 1367px) {
	.nyitokep_box {
		width:100%;
		height:909px;
		background-image:url(kepek/kep7_7.jpg);
		background-position:center;}
	
}





@media (max-width: 991px) {
	
	/*Nagy képernyőn összecsuklik a fejléc, kicsinél a small meg a large ua.*/
	/* header large */
		header.large {
			height: 40px;
		}
		header.large img {
		  height:40px;
		  margin-top:4px;
		}
		header.large li {
			margin-top: 0px;
		}
		
		/* header small */
		
		header.small {
			height: 40px;
			float:left;
		}
		header.small img {
			float:left;
			width:40px;
			height:40px;
			margin-top:4px;
		}
		header.small li {
			margin-top: 0px;
		}
		
	
	
	
	/*Fejléc Viktor*/
		header.small .cegnev {
			display:none;}
			
		header.small .fejlec_telefon {
			display:none;}
			
		header.small .kozepen_div {
			margin-top:2px;}
			
		header.small .fejlec_vonal {
			display:none;}		
		
		header.small .kozepen_div img {
			float:left;
			vertical-align:middle;}
		
		header.small .navbar-nav {
			float:right;
			padding-top:0px;
			}
		
		header.large .cegnev {
			display:none;}
			
		header.large .fejlec_telefon {
			display:none;}
			
		header.large .kozepen_div {
			margin-top:2px;}
			
		header.large .fejlec_vonal {
			display:none;}		
		
		header.large .kozepen_div img {
			float:left;
			vertical-align:middle;}
		
		header.large .navbar-nav {
			float:right;
			padding-top:0px;
			}
	
	
	
	.nyitokep_szoveg {
		margin:auto;
		margin-top:275px;
		font-family: proxima-nova;
		font-size:60px;
		color:#FFF;
		text-align:center;}
	
	.nyitokep_szoveg2 {
		margin:auto;
		margin-top:30px;
		font-family: proxima-nova;
		font-size:60px;
		color:#FFF;
		text-align:center;}
	
	
	/* POPUP START */
	
		/* Outer */
		.popup {
			width:100%;
			height:95%;
			display:none;
			position:fixed;
			top:0px;
			left:0px;
			background:rgba(0,0,0,0.75);
			overflow:auto;
		}
		 
		/* Inner */
		.popup-inner {
			max-width:100%;
			width:90%;
			padding:15px;
			position:relative;
			/*top:800px;*/
			margin-top:160%;
			left:50%;
			-webkit-transform:translate(-50%, -50%);
			transform:translate(-50%, -50%);
			box-shadow:0px 2px 6px rgba(0,0,0,1);
			border-radius:3px;
			background:#fff;
			overflow:auto;
		}
		
		.popup-inner2 {
			max-width:100%;
			width:90%;
			padding:15px;
			position:relative;
			/*top:800px;*/
			margin-top:245%;
			left:50%;
			-webkit-transform:translate(-50%, -50%);
			transform:translate(-50%, -50%);
			box-shadow:0px 2px 6px rgba(0,0,0,1);
			border-radius:3px;
			background:#fff;
			overflow:auto;
		}
		
		 
		/* Close Button */
		.popup-close {
			width:25px;
			height:25px;
			padding-top:3px;
			padding-left:1px;
			display:inline-block;
			position:absolute;
			top:20px;
			right:20px;
			transition:ease 0.25s all;
			border-radius:1000px;
			border:1px solid #9e8a57;
			background:rgba(255,255,255,0.80);
			font-family:Arial, Sans-Serif;
			font-size:15px;
			text-align:center;
			line-height:100%;
			color:#9e8a57;
		}
		 
		.popup-close:hover {
			background:#9e8a57;
			color:#FFF;
			text-decoration:none;
		}
	
	/* POPUP END */
	
	
	
	
	header .navbar-collapse  ul.navbar-nav {
		margin:auto;}
	
	
	.logo_box {
		width:169px;
		margin:auto;
		text-align:center;
	}
	
	.logo_box img {
		margin:auto;
		text-align:center;}
	
	
	.munkatarsak_tav {
		padding-top:40px;}

}


@media (min-width: 992px) {
	
	/*Nagy képernyőn összecsuklik a fejléc, tehát ez a nagy képernyős mód, kicsinél a small meg a large ua.*/
	/* header large */
		header.large {
			height: 107px;
		}
		header.large img {
		  margin-top: 0px;
		}
		header.large li {
			margin-top: 52px;
		}
		
		/* header small */
		
		header.small {
			height: 60px;
		}
		header.small img {
			width:172px;
			height:60px;
			margin-top:4px;
		}
		header.small li {
			margin-top: 0px;
		}

	/*Fejléc Viktor*/
		header.small .cegnev {
			display:none;}
			
		header.small .fejlec_telefon {
			display:none;}
			
		header.small .kozepen_div {
			margin-top:2px;}
			
		header.small .fejlec_vonal {
			display:none;}		
		
		header.small .kozepen_div img {
			/*float:left;*/
			vertical-align:middle;}
		
		header.small .navbar-nav {
			/*float:right;*/
			padding-top:0px;
			}
	
	
	
	.felso_tavolsag {
	width:100%;
	height:224px;}

	

	.nyitokep_szoveg {
		width:450px;
		margin:auto;
		margin-top:275px;
		font-family: proxima-nova;
		font-size:98px;
		color:#FFF;
		text-align:center;}
	
	.nyitokep_szoveg2 {
		width:450px;
		margin:auto;
		margin-top:30px;
		font-family: proxima-nova;
		font-size:60px;
		color:#FFF;
		text-align:center;}
	
	
	
	
	/* POPUP START */
	
		/* Outer */
		.popup {
			width:100%;
			height:100%;
			display:none;
			position:fixed;
			top:0px;
			left:0px;
			background:rgba(0,0,0,0.75);
		}
		 
		/* Inner */
		.popup-inner {
			max-width:1000px;
			width:90%;
			padding:40px;
			position:absolute;
			top:50%;
			left:50%;
			-webkit-transform:translate(-50%, -50%);
			transform:translate(-50%, -50%);
			box-shadow:0px 2px 6px rgba(0,0,0,1);
			border-radius:3px;
			background:#fff;
		}

		.popup-inner2 {
			max-width:1000px;
			width:90%;
			padding:40px;
			position:absolute;
			top:50%;
			left:50%;
			-webkit-transform:translate(-50%, -50%);
			transform:translate(-50%, -50%);
			box-shadow:0px 2px 6px rgba(0,0,0,1);
			border-radius:3px;
			background:#fff;
		}
		 
		/* Close Button */
		.popup-close {
			width:25px;
			height:25px;
			padding-top:3px;
			padding-left:1px;
			display:inline-block;
			position:absolute;
			top:20px;
			right:20px;
			transition:ease 0.25s all;
			border-radius:1000px;
			border:1px solid #9e8a57;
			background:rgba(255,255,255,0.80);
			font-family:Arial, Sans-Serif;
			font-size:15px;
			text-align:center;
			line-height:100%;
			color:#9e8a57;
		}
		 
		.popup-close:hover {
			background:#9e8a57;
			color:#FFF;
			text-decoration:none;
		}
	
	/* POPUP END */
	
	
	header .navbar-collapse  ul.navbar-nav {
		width:770px;
		margin:10px auto;
		font-family: proxima-nova-regular !important;}
	
	
	.logo_box {
		width:400px;
		margin:auto;
		text-align:center;
	}
	
	.logo_box2 {
		float:left;}
	
	.logo_box img {
		width:400px;}
	
	.munkatarsak_tav {
		padding-top:45px;}

	
	.munkatarsak_bal {
		height:1157px;
		background-image:url(kepek/munkatarsak_bal.png);
		background-position:center;
		}
	
	.munkatarsak_jobb {
		padding-left:70px;}
	
	.aktualis_jobb {
		height:659px;
		background-image:url(kepek/aktualis_jobb.png);
		background-position:center;}
	
	.aktualis_bal {
		padding-left:200px;
		padding-right:70px;
		text-align:right;}
	
	.tarsadalmi_bal {
		height:661px;
		background-image:url(kepek/tarsadalmi_bal.png);
		background-position:center;}
	
	.tarsadalmi_jobb {
		padding-left:70px;
		padding-right:200px;}

}