@font-face {

  font-family: 'Lato';

  font-style: normal;

  font-weight: 400;

  src: local('Lato Regular'), local('Lato-Regular'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');

}



body {

	background-image: url('../body.png');

	background-repeat: no-repeat;

	background-size: cover;

	font-family: "Lato" ;

}

.wrap {

	max-width:350px;

	height: auto;

	margin: auto;

	margin-top: 2%;

}

.slogan {

	max-width:470px;

	height: auto;

	margin: auto;

	margin-top: 4%;

}

.avatar {

	width: 100%;

	margin: auto;

	width: 165px;

	border-radius: 100px;

	height: 65px;

	background: #448ed3 ;

	position: relative;

	bottom: -15px;

}

.avatar img {

	width: 100%;

	height: 55px;

	border-radius: 100px;

	margin: auto;

	border:3px solid #fff;

	display: block;

}

.wrap input {

	border: none;

	background: #fff;

  font-family:Arial ;

  font-size: 15px;

  font-weight:700 ;

	display: block;

	height: 40px;

	outline: none;

	width: calc(100% - 24px) ;

	margin: auto;

	padding: 6px 12px 6px 12px;

}

.bar {

	width: 100%;

	height: 1px;

	background: #fff ;

}

.bar i {

	width: 95%;

	margin: auto;

	height: 1px ;

	display: block;

	background: #d1d1d1;

}

.wrap input[type="text"] {

	border-radius: 7px 7px 0px 0px ;

}

.wrap input[type="password"] {

	border-radius: 0px 0px 7px 7px ;

}

.forgot_link {

	color: #83afdf ;

	color: #83afdf;

	text-decoration: none;

	font-size: 11px;

	position: relative;

	left: 193px;

	top: -36px;

}

.wrap button {

        width: 100%;

      	border-radius: 7px;

	background: #b6ee65;

	text-decoration: center;

	border: none;

	color: #51771a;

  margin-top:-5px;

	padding-top: 14px;

	padding-bottom: 14px;

	outline: none;

	font-size: 13px;	

	border-bottom: 3px solid #307d63;

	cursor: pointer;

}



.slogan .yazi h2{

 	color: #fff;

 	font-size: 30px;

 	font-weight: 800;

 	margin-top: 30px;

 	margin-bottom: 30px;

 }





.kullanim { max-width:370px; height: auto; margin: auto; background:#a9d5ff; border-radius:10px; padding:10px; }



.kullanim .paragraf { font-family:'Segoe UI'; font-size:15px; color:#464646; text-align:justify; margin-bottom:30px; text-indent:30px; }



.kullanim .paragraf:last-child { margin:0; }



.box { max-width:430px; height: auto; margin: auto; background:#fff; border-radius:10px; padding:10px; }



.box .paragraf { font-family:'Segoe UI'; font-size:15px; color:#464646; text-align:justify; margin-bottom:30px; text-indent:30px; }



.box .paragraf:last-child { margin:0; }



.bosluk { padding:20px 0; }



.br { padding:10px 0; }



footer {

  background-image: url('../footer.png');

  background-repeat: no-repeat;

  background-size: cover;

  border-top: 1px solid #e8e8e8;

  padding: 40px 0 20px;

}

footer p {

  color: #FFFFFF;

  margin-top: 10px;

  margin-bottom: 0;

  text-align: center;

}

.iletisim {
    height: 70px;
    width: 220px;
}

@media screen and (min-width:1020px) {
.uygulama-eter{display:none}
}