@font-face {
	font-family: 'futurandlightuploaded_file';
	src: url('../fonts/futurandlight-webfont.woff2') format('woff2'),
		url('../fonts/futurandlight-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000000;
	color: #fff;
	font-family: 'futurandlightuploaded_file';
}

a {
	color: white
}

a:link {
	color: white
}

a:visited {
	color: white
}

a:hover {
	color: lime
}

a:active {
	color: lime
}

/**/
nav {
	background-color: black;
	margin-top: 10px;
	padding-top: 15px;
	width: 100%;
	height: 60px;
	position: fixed;
	opacity: 0.85;
	z-index: 9999;
}

nav #brand img {
	/*
	float: left;
	display: block;
	margin-left: 84px;
	font-size: 30px;
	line-height: 70px;
	font-weight: bold;
*/
	float:left;
	margin-top:-3px;	
	padding-left: 50px;
	width: 200px;
}


nav #menu {
	float: right;
	padding-right:35px;
	
}

nav #menu li {
	display: inline-block;
	color:white;
	margin-right:15px;
	font-size:20px;	
	transition: all 0.3s ease-out;
}

/**/

.yesil {
	color: lime;
}

canvas {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	height: 100%;
	width: 100vh;
	/*filter: grayscale(1);*/
}

.cerceve{
	width:100%;
	max-width: 1366px;
	margin:0 auto;
}

.image1 {
	position:relative;
	/*
	background: url('../images/3d1.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}
.image1 #logo {
	position:absolute;
	width:200px;
	left:50%;
	bottom:5%;
	transform: translateX(-50%);
}

.image2 {
	position:relative;
	/*
	background: url('../images/3d2.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}
.image2 #yazi1{
	position:absolute;
	top:23%;
	left:29%;
	width:40%;
	height:100vh;
	text-align: justify;	
}



.image3 {
	position: relative;
	/*
	background: url('../images/3d3.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}

.image3 #yazi1{
	position:absolute;
	top:33%;
	left:3.5%;
	width:45%;
	height:100vh;
	text-align: justify;	
}

.image3 #gifs {
	position:absolute;
	top:0;
	left:55%;
	width:50%;
	text-align:center;
}

.image3 #gifs #gif1 {
	width:60%;
}
.image3 #gifs #gif2 {
	width:60%;
}
.image3 #gifs #gif3 {
	width:60%;
}

.image4 {
	position: relative;
	/*
	background: url('../images/3d4.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: contain;
	width:100%;
	height: 100vh;
	*/
}
.image4 #gif {
	position:absolute;
	top:0.3%;
	left:65%;
	width:30%;
}
.image4 #yazi1 {
	position:absolute;
	top:33%;
	left:50%;
	width:45%;
	height:100vh;
	text-align: justify;	
}
.image5 {
	position: relative;
	/*
	background: url('../images/03-3D-5.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	display:block;
	width:100%;
	height: 100vh;
	*/
}
.image5 #yazi1{
	position:absolute;
	top:0;
	left:50%;
	width:45%;
	height:100vh;
	text-align: justify;
}
.image6 {
	position: relative;
	/*
	background: url('../images/03-3D-6.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	
	
	width:100%;
	height: 100vh;
	*/
}
.image7 {
	position: relative;
	/*
	background: url('../images/03-3D-7.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	
	
	width:100%;
	height: 100vh;*/
}
.image8 {
	position: relative;
	/*
	background: url('../images/03-3D-8.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}
.image9 {
	position: relative;
	/*
	background: url('../images/03-3D-8-1.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}
.image10 {
	position: relative;
	/*
	background: url('../images/03-3D-8-2.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}
.image11 {
	position: relative;
	/*
	background: url('../images/03-3D-9.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}
.image12 {
	position: relative;
	/*
	background: url('../images/03-3D-10.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}
.image12 #yazi1 {
	position:absolute;
	color:white;
	font-size:20px;
	top:5%;
	width:50%;
	left:3%;
}
.image13 {
	position:relative;
	/*
	background: url('../images/03-3D-11.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}
.image13 #yazi1 {
	position:absolute;
	color:white;
	font-size:30px;
	top:10%;
	text-align:center;
	width:100%;
	margin:0 auto;
}
.image14 {
	position: relative;
	/*
	background: url('../images/03-3D-12.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}
.image15 {
	position: relative;
	/*
	background: url('../images/03-3D-13.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}

.image16 {
	position: relative;
	/*
	background: url('../images/03-3D-14.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}
.image16 #yazi1 {
	position:absolute;
	color:black;
	font-size:30px;
	top:55%;
	text-align:center;
	width:100%;
	margin:0 auto;
}
.image17 {
	position:relative;
	/*
	background: url('../images/03-3D-15.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}
.image18 {
	position:relative;
	/*
	background: url('../images/03-3D-15.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 100vh;
	*/
}


@media screen and (max-width:768px){
	#menu {display:none;}
}