@charset "utf-8";
/* CSS Document */





/*----------------for-all----------------*/


* {
	margin:0;
	padding:0;
	outline:none;
}


a {
	text-decoration:none;
	color:#000;
}




/*----------------classes----------------*/


.hidden,.hfield {display:none}
.center {text-align:center}


.mob {display:none}


/*----------------main----------------*/



body {
	background-image:url(../images/erdal_back.jpg);
	background-size: cover;
	background-attachment:fixed;
	width:100%;
	height:100vh;
	font-family: 'latoregular';
}

#logo {
	position:absolute;
	top:5vw;
	left:5vw;
	width:15vw
}
#menu-block {
	position:fixed;
	left:0;
	top:0;
	width:25vw
}
#menu {
	position:absolute;
	top:20vw;
	left:5vw;
	height:15vw;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
#menu a {color:#fff}
#menu a:hover,#menu .current {
	color:#eba900
}

#soc {
	position:absolute;
	top:38vw;
	left:5vw;
	width:10vw;
	display:flex;
	justify-content:space-between;
}
#soc a {
	display:block;
	width:3.5vw
}


#title {
	position:absolute;
	top:5vw;
	left:62vw;
    font-family: 'latobold';
	font-size:38px;
	color:#eba900;
	line-height:1.2
}

#info {
	position:absolute;
	top:13vw;
	left:62vw;
	width:27vw;
	font-size:16px;
	line-height:1.2;
	color:#FFF
}

#img {
	position:absolute;
	top:29vw;
	left:34vw;
	width:58vw;
	display:flex;
	justify-content:space-between;
}
#img img {
	width:12vw;
	border:2px solid #FFF
}


#data {
	position:absolute;
	top:44vw;
	left:5vw;
	width:87vw;
	display:flex;
	justify-content:space-between;
    font-family: 'latobold';
	font-size:13px;
	color: #FFF
}
#data a {color:#FFF}









@media (max-width: 1000px) {

.mob {display:block}
.desc {display:none}

body {
	background-image:url(../images/erdal_back_menu.jpg);
}

#menu_but {
	position:absolute;
	right:5vw;
	top:5vw;
	width:7vw;
	z-index: 20;
}

#logo,#title,#info,#img,#data {
	position:relative;
	top:0;
	left:5vw
}
#title,#info {margin-bottom:5vw}
#logo { width:30vw; margin-top:5vw; margin-bottom:2vw}
#menu-block {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 20;
  background: rgba(10, 28, 38, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
#menu {
	display:none;
	background-image: url(../images/erdal_back_menu.jpg);
	background-size: cover;
	top: 2vw;
	left: 0vw;
	height: 100vh;
	width:100vw;
	justify-content: start;
	z-index: 10;
	padding-top: 50px;
}
#menu.show {display:flex}
#menu a {
  color: #fff;
  padding: 7px 0 0 30px;
}

#title {
  font-size: 17px;
}
#info {
  width: 68vw;
  font-size: 12px;
}
#img {
  width: 90vw;
  display: block;
}	
#img img {
  width: 45%;
  margin-bottom:10vw	
}
#data {
	display:block;
	font-size:10px
}
#soc {display:none}


}