@font-face {
	font-family: "Roboto-Regular";
	src: url(font/Roboto-Regular.ttf)
}

@font-face {
	font-family: "HELVETICANEUELTPRO-LT_1";
	src: url(font/HELVETICANEUELTPRO-LT_1.OTF)
}


@font-face {
	font-family: "Roboto-Light";
	src: url(font/Roboto-Light.ttf)
}

@font-face {
	font-family: "Roboto-Thin";
	src: url(font/Roboto-Thin.ttf)
}





* {
	margin: 0;
	padding: 0;
	border: 0
}

body {
	background-image: url(link/The-Darkness-1280x1024-18.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

.clear {clear:both}

a { text-decoration:none }
.clear:before,
.clear:after {
	content:" ";
	display: table
}
.clear:after { clear: both }

nav {
	width: 100%;
	background: black;
	position:fixed;
	z-index:500;
	visibility: hidden;
	font-family:RobotoSlab-Light;
}

nav .navbar {
	width: 95%;
	max-width: 950px;
	margin:0px auto;
	background: #black;
}
nav a { color: #fff }

nav .menu-toggle {
	cursor: pointer;
	display: none;
	float: right;
	padding: 12px;
	margin: 10px 0;
	background: #464445;
	transition: background-color .5s
}
nav .icon-bar {
	background-color: #fff;
	display: block;
	width: 22px;
	height: 2px
}
nav .icon-bar + .icon-bar { margin-top: 4px }

nav .menu ul { float: left; font-variant:small-caps; font-size:20px;}
nav .menu li {
	float: left;
	list-style: none;
	border-left: 1px solid #3F3D3D
}
nav .menu li:first-child { border-left: 0 }
nav .menu li a,
nav .open-submenu {
	color: #fff;
	cursor: pointer;
	position: relative;
	display: block;
	padding: 12px 40px;
	transition: background-color .3s
}
nav .menu li a:hover,
nav .open-submenu:hover ,
nav .open-submenu.active,
nav .menu-toggle.active  {
	background: #332F2F;
	transition: background-color .5s;
	-webkit-box-shadow: inset 0px 0px 28px -6px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 28px -6px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 28px -6px rgba(0,0,0,0.75);
}
nav .menu ul ul {
	z-index: 100;
	display: none;
	float: none;
	position: absolute;
	background: #FFBB22
}
nav .menu ul ul li {
	float: none;
	border: 0
}
nav .menu ul ul a:hover {
	background: #62b38d;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-webkit-transition: background-color .3s;
	transition: background-color .3s
}

nav .logo {
	float: right;
	display: inline-block;
	font-size: 30px;
	font-weight: bold
}






section#wrapper {
	max-width: 900px;
	margin: 80px auto;
	background-color:
}

h1 {
	font-size: 200%;
	color:white;
	text-align: center;
	font-family: Roboto-Thin;
	font-weight: lighter;
	margin-bottom:2px;
}

h6 {
	font-size: 14px;
	color:white;
	text-align: center;
	font-family: Roboto-Thin;
	font-weight: lighter;
	margin-top:5px;
	margin-bottom:-20px
}



div.box {
	float: left;
	margin: 50px 35px 25px 10px;
}

div.box img {
	max-width: 180px;
	height: 180px;
}

div.box img:hover {
	-moz-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-webkit-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-o-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	-ms-transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	transform: scale(1.5) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	box-shadow:20px 20px 25px rgba(5,5,5,0.80);
}

#bemut {
	max-width:900px;
	margin:40px 0 20px 0px;
}

section#LINDA {
	margin: 0 auto;
	float:left;
}

#bemut p {
	max-width:695px;
	font-family: Arial, "Arial Black", "Arial Narrow", "Arial Unicode MS";
	font-size:12px;
	text-align: left;
	line-height:1.7;
	color:white;
	letter-spacing:1px;
	float:right;
	padding-left:15px;
	margin-top:-20px;
	margin-bottom:-15px
}


div.boxL img { 
	width:180px;
	height:180px;
	margin-top:-20px
}

#nyelv {
	width:300px;
	margin-top:20px;
	color:white;
	float:left
}

#linkek {
	width:445px;
	margin-top:20px;
	color:white;
	float:right
}

#alsolink {
	width:900px;
	margin:0 auto
}





#wrapperShowreel {
	max-width:850px;
	margin:350px auto;
	background: rgba(233,233,233,0.15)
}

#Sajto70{
	max-width:550px;
	margin:0 auto ;
	background-color:;
	margin-top:15px
}

h4 {
	font-family:HELVETICANEUELTPRO-LT_1;
	color:white;
	text-align:center;
	font-size:20px;
	letter-spacing:1.5px;
	margin:25px;
	font-weight:100;
	background-color:rgba(187,187,187,0.30);
	padding:7px;
}

h3 {
	font-family:HELVETICANEUELTPRO-LT_1;
	color:white;
	font-size:20px;
	letter-spacing:1.5px;
	margin:25px;
	font-weight:100;

}

h4:hover {
	background-color:#253431;

}











#wrapperFilmek {
	max-width:850px;
	margin:350px auto;
	background: rgba(233,233,233,0.15)
}

#Filmek{
	max-width:850px;
	margin:0 0 0 90;
	padding-left: 100;
	
}

.FF img {	
	width:180px;
	float:left;
	margin:15px;
}

.FF {	
	float:left;
}


.nevek {
	width:200px;
	font-family:Arial, "Arial Black", "Arial Narrow", "Arial Unicode MS";
	color:white;
	text-align:center;
	font-size:16px;
	padding-left:5px;
}


#wrapperSajto {
	max-width:850px;
	margin:350px auto;
	background: rgba(233,233,233,0.15)
}

#Sajto70{
	max-width:550px;
	margin:0 auto ;
	background-color:;
	margin-top:15px
}

h4 {
	font-family:HELVETICANEUELTPRO-LT_1;
	color:white;
	text-align:center;
	font-size:20px;
	letter-spacing:1.5px;
	margin:25px;
	font-weight:100;
	background-color:rgba(187,187,187,0.30);
	padding:7px;
}

h3 {
	font-family:HELVETICANEUELTPRO-LT_1;
	color:white;
	font-size:20px;
	letter-spacing:1.5px;
	margin:25px;
	font-weight:100;

}

h4:hover {
	background-color:#253431;

}


#wrapperKAPCS {
	max-width:900px;
	margin:350px auto;
	background: rgba(233,233,233,0.15)
}

#KAPCS{
	max-width:900px;
	margin:0 auto ;
}

















#visszagomb {
	width:950px;
	background:
}

#visszagomb img {
	width:39px;
	height:25px;
	opacity:0.2;
	padding:5px;
}

#visszagomb img:hover {
	opacity:0.5;
}

hr {
	margin-top:10px;
	margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
	max-width:98%;
	opacity:0.5;
	color:white
}



@media(max-width:900px) {
	div.box {
	float: left;
	margin: 50px 25px 25px 15px;}
	
	#bemut p { margin:0; padding:8px}
	
	div.boxL img { 
	width:160px;
	height:160px;
	padding-left:10px
}

	#linkek
	{padding-right:20px}

	 #nyelv {padding-left:10px}
	}

@media(max-width:768px) {
	nav .logo { padding-top: 8px }
	nav .menu-toggle { display: inline-block }
	nav .menu { display: none; clear: both }
	nav .menu > ul { float: none }
	nav .menu li { width: 100%; border: 0 }
	nav .menu li:last-child { margin: 0 0 15px 0 }
	nav .menu li a,
	nav .open-submenu {
		display: block;
		background: #4E4D4D;
		padding: 10px;
		margin: 2px 0 0 0
	}
	nav .menu ul ul {
		position: static;
		background: transparent;
		display:none
	}
	nav .menu ul ul a { background: transparent }
	nav .menu ul ul a:hover { background: red }
	
	nav {visibility: visible}
	
	h1 {font-size: 300%;}
	
	div.box {
	float: left;
	margin: 50px 15px 5px 10px;}
	
	div.box img {
	max-width: 160px;
	height: 160px;
}
div.boxL img { 
	width:160px;
	height:160px;
	padding-left:10px
}
	
	section#LINDA {float: none;}
	
	#bemut p { max-width:95%; float:none; margin:0; padding:5px}
	
	#linkek
	{float: none; padding-left:10px}

	 #nyelv {float: none; padding-left:10px}
	
}


@media(max-width:380px) {
	div.box {
		padding-left:30px;}
	
	#bemut p { margin:0; padding:8px}
	}