.overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url('../i/75black.png');
    display: none;
    z-index: 1;
}

.mobil {
	display:none;
}

.mobilbar {
	position: fixed;
	margin-top:-6vw;
	width: 100%;
	height:12vw;
	background: url('../i/75white.png');
	//background-color:#fff;
	z-index:1;
}

.logom{
	margin-left:40vw;
	margin-top:1vw;
	position:absolute;
	width:24vw;
	height:auto;
}

.logom img{
	width:100%;
	height:auto;
}

.logoburger{
	margin:0 auto;
	width:100%;
	height:auto;
}


.logoTel{
	right:2vw;
	top:2vw;
	position: fixed;
	width:30px;
	height:auto;
}

.logoTel img{
	width:100%;
	height:auto;

}

/* btn */
.burger {
	position: fixed;
	display:  inline-block;
	width: 40px;
	height: 40px;
	margin-left: 2vw;
	margin-top:-3vw;	
	z-index:2;
}




.burger span {
	margin: 0 auto;
	position: relative;
	top: 10px;
}
.burger span:before, .burger span:after {
	position: absolute;
	content: '';
}
.burger span, .burger span:before, .burger span:after {
	width: 28px;
	height: 5px;  /* kalınlık */
	background-color: #0082bc;
	display: block;
	box-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
.burger span:before {
	margin-top: -10px;
}
.burger span:after {
	margin-top: 10px;
}
/* --- btn --- */

.doksan {
	position:fixed;
  -webkit-transform: rotate(0deg); transform: rotate(0deg);
	-webkit-transition: 0.2s ease; transition: 0.2s ease;
}
.doksan:hover {
	-webkit-transform: rotate(90deg); transform: rotate(90deg);
}

.ani {
    -moz-animation: move 3s infinite 0s linear;
    -webkit-animation: move 3s infinite 0s linear;
}

/*
	animation: adı duration count delay direction;
	duration: hız. 1s normal. 0.5sn hizli. reverse tersten.
	count: tekrar sayısı, infinite sonsuz.
	timing: ease:yavaş başla, hızlan yavaş bitir. linear:sabit hız. ease-in:yavaş başla. ease-out:yavaş bitir. ease-in-out: y baş y bit.
	delay: başlama gecikmesi
*/

@-webkit-keyframes move {
    0% {
        -webkit-transform: scale(1);
    }
	
    5% {
        -webkit-transform: scale(1.10);
		height: 5px;  /* kalınlık */
    }
	
    10% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
    };
}

.nav {
	position:fixed;
	display:block;
    height: 100%;
    width: 70vw;
    background: url('../i/50black.png');
    left: 0;
    top: 0;
    z-index: 3;
    overflow-y: auto;
    overflow-x: visible;
    transform: translate(-70vw,0);
}

.nav ul{
	margin:0;
	padding:0;
	list-style:none
}

.nav ul li a {
	font-size: 4.5vw;
	font-weight:300;
	text-decoration:none;
	display:block;
	line-height:1em;
	padding:0.6em 0em 0.6em 0.4em;
	outline:none;
	box-shadow:0 1px rgba(255,255,255,0.5);
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	//letter-spacing:1px;
	-webkit-transition:background 0.3s, box-shadow 0.3s;
	transition:background 0.3s, box-shadow 0.3s
}

.nav ul li:first-child a {
	//box-shadow:0 -1px rgba(255,255,255,1);
}

.nav ul li a:active, .nav ul li a:hover {
	background: url('../i/25white.png');
	
	
	
	background:#479cf3;
	background:-moz-linear-gradient(top,#479cf3 0%,#013f81 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#479cf3),color-stop(100%,#013f81));
	background:-webkit-linear-gradient(top,#479cf3 0%,#013f81 100%);
	background:-o-linear-gradient(top,#479cf3 0%,#013f81 100%);
	background:-ms-linear-gradient(top,#479cf3 0%,#013f81 100%);
	background:linear-gradient(to bottom,#479cf3 0%,#013f81 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#479cf3',endColorstr='#013f81',GradientType=0 );
	
	box-shadow:inset 0 -1px transparent;
	color:#fff
}

.nav img {
	width:50%;
	height:auto;
	margin: 5% 0 0 25%
}

@media only screen and (max-width: 600px) {
	.mobil{display:block}
}