@charset "utf-8";

@-ms-viewport { width: device-width; }


body.gb { background: url(images/bg.jpg) no-repeat center center; background-color: #414567; background-attachment: fixed; }


.girisWrap .girisYap .giris ul li, .girisWrap, .altBar { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }

.girisWrap { width: 1170px; height: auto; float: left; margin-left: calc(50% - 585px); position: absolute; left: 0px; top: calc(50% - 103px); transform: translate(0, -50%); }
.girisWrap .ust { width: 100%; float: left; position: relative; box-sizing: border-box; text-align: center; padding-top: 30px; border-bottom: solid 1px rgba(255, 255, 255, 0.38); padding-bottom: 20px; margin-bottom: 30px; }
.girisWrap .ust .logo { width: auto; display: inline-table; vertical-align: text-bottom; }
.girisWrap .girisYap { width: 380px; float: left; margin-left: calc(50% - 190px); position: relative; }

.girisWrap .girisYap h1,
.girisWrap .girisYap .yazi,
.girisWrap .girisYap .giris,
.girisWrap .girisYap .giris ul,
.girisWrap .girisYap .giris ul li,
.girisWrap .girisYap .giris ul li input, .altBar, .altBar .slot { width: 100%; float: left; position: relative; box-sizing: border-box; }


.girisWrap .girisYap h1 { font-size: 35px; line-height: 40px; color: #eee; text-align: center; }
.girisWrap .girisYap .yazi { font-size: 14px; line-height: 23px; color: #ffffff; text-align: center; margin-top: 16px; }
.girisWrap .girisYap .giris { margin-top: 30px; }
.girisWrap .girisYap .giris ul { }
.girisWrap .girisYap .giris ul li { margin-bottom: 20px; }
.girisWrap .girisYap .giris ul li.ginp { background: rgba(255, 255, 255, 0.18); border: solid 1px #fff; border-radius: 12px; }
.girisWrap .girisYap .giris ul li input { font-size: 14px; line-height: 14px; color: #ffffff; border-radius: 13px; }
.girisWrap .girisYap .giris ul li input[type="text"], .girisWrap .girisYap .giris ul li input[type="password"] { background: none; padding: 22px 13px 8px 13px; z-index: 4; }
.girisWrap .girisYap .giris ul li input[type="text"]:active, .girisWrap .girisYap .giris ul li input[type="text"]:focus { }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px rgb(255, 255, 255) inset; background: none; }
input:-webkit-autofill + label { color: #4a4a47 !important; z-index: 150 !important; }
.girisWrap .girisYap .giris ul li.ginp input:-webkit-autofill + label { font-size: 10px; top: 6px; }
.girisWrap .girisYap .giris ul li input[type="submit"], .girisWrap .girisYap .giris ul li input[type="button"] { font-size: 18px; line-height: 18px; font-weight: bold; color: #434477; background: #fff; padding: 15px 0; cursor: pointer; }
.girisWrap .girisYap .giris ul li label { font-size: 14px; line-height: 14px; color: #fff; display: inline-table; vertical-align: text-bottom; box-sizing: border-box; }
.girisWrap .girisYap .giris ul li.ginp label { width: 100%; position: absolute; padding: 0 12px; left: 0; top: 17px; z-index: 2; }
.girisWrap .girisYap .giris ul li.ginp.active label { font-size: 11px; top: 6px; }
.girisWrap .girisYap .giris ul li .slot { width: 50%; float: left; }
.girisWrap .girisYap .giris ul li .slot:nth-child(2n) { float: right; text-align: right; }
.girisWrap .girisYap .giris ul li .slot a { display: inline-table; vertical-align: text-bottom; font-size: 15px; line-height: 15px; color: #fff; text-decoration: underline }
.girisWrap .girisYap .bayiOl { width: auto; position: absolute; right: -290px; top: 0; }
.girisWrap .girisYap .bayiOl a { width: 256px; height: 256px; float: left; position: relative; border-radius: 100%; background: url(images/byolbg.png) no-repeat center; font-size: 21px; color: #fff; text-align: center; box-sizing: border-box; padding: 120px 60px 50px 60px; }
.girisWrap .girisYap .bayiOl a:before { content: ""; width: 100%; height: 35px; position: absolute; left: 0; top: 61px; background: url(images/byolic.png) no-repeat top center; }
.girisWrap .girisYap .bayiOl a strong { width: 100%; float: left; }
.girisWrap .girisYap .bayiOl a span { width: 100%; float: left; position: relative; font-weight: 300; margin-top: 12px; }



.altBar { margin-top: 0; text-align: center; position: fixed; left: 0; bottom: 0; }
.altBar .ortala { padding: 25px 0 30px 0; }
.altBar .slot { margin-bottom: 20px; }
.altBar .slot:last-child { margin-bottom: 0px; }
.altBar .mobil { }
.altBar .mobil a { width: auto; display: inline-table; vertical-align: text-bottom; margin: 0 10px; }
.altBar .mobil img { width: auto; float: left; }
.altBar .yazisi { font-size: 13px; line-height: 18px; color: #fff; margin-bottom: 23px !important; }
.altBar .banka { }
.altBar .banka img { max-width: 100%; width: auto; display: inline-table; vertical-align: text-bottom; }


.girisWrap.nFx { position: relative; top: 0; transform: translate(0, 0); }
.altBar.nFx { position: relative; transform: translate(0, 0); }


.uyeOl { }
.uyeOl h1 { width: 100%; float: left; font-size: 35px; line-height: 40px; color: #eee; text-align: center; }
.uyeOl .yazi { width: 100%; float: left; font-size: 14px; line-height: 23px; color: #ffffff; text-align: center; margin-top: 16px; }

.UserForm { width: 100%; float: left; position: relative; margin: 30px 0 0 0; }
.UserForm .slot { width: 100%; float: left; position: relative; margin-bottom: 20px; }
.UserForm .slot:last-child { margin-bottom: 0px; }
.UserForm .slot h2 { width: 100%; float: left; font-size: 16px; line-height: 16px; color: #fff; margin-bottom: 13px; }
.UserForm .slot h2:after { content: ""; width: 12px; height: 2px; display: inline-table; vertical-align: middle; background: #fff; margin: 0 0 0 8px; }
.UserForm ul { width: 100%; float: left; position: relative; box-sizing: border-box; }
.UserForm ul li { width: 100%; float: left; position: relative; box-sizing: border-box; }
.UserForm ul li { margin-bottom: 20px; }
.UserForm ul li.ikiLi { width: calc(50% - 10px) }
.UserForm ul li.ikiLi:nth-child(2n) { float: right; }
.UserForm ul li.ginp { background: rgba(255, 255, 255, 0.18); border: solid 1px #fff; border-radius: 12px; }
.UserForm ul li input { font-size: 14px; line-height: 14px; color: #ffffff; border-radius: 13px; }
.UserForm ul li input[type="text"], .UserForm ul li input[type="password"] { background: none; padding: 22px 13px 8px 13px; z-index: 4; }
.UserForm ul li input[type="text"]:active, .UserForm ul li input[type="text"]:focus { }
.UserForm ul li input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px rgb(255, 255, 255) inset; background: none; }
.UserForm ul li input:-webkit-autofill + label { color: #4a4a47 !important; z-index: 150 !important; }
.UserForm ul li.ginp input:-webkit-autofill + label { font-size: 10px; top: 6px; }
.UserForm ul li input[type="submit"], .UserForm ul li input[type="button"] { font-size: 18px; line-height: 18px; font-weight: bold; color: #434477; background: #fff; padding: 15px 0; cursor: pointer; }
.UserForm ul li label { font-size: 14px; line-height: 14px; color: #fff; display: inline-table; vertical-align: text-bottom; box-sizing: border-box; }
.UserForm ul li.ginp label { width: 100%; position: absolute; padding: 0 12px; left: 0; top: 17px; z-index: 2; }
.UserForm ul li.ginp.active label { font-size: 11px; top: 6px; }
.UserForm ul li input, UserForm .slot { width: 100%; float: left; position: relative; box-sizing: border-box; }
.UserForm ul li.checkbox label, .UserForm ul li.radio label { z-index: 45 }
.UserForm ul li.checkbox label a, .UserForm ul li.radio label a { color: #fff; text-decoration: underline }


@media screen and (max-width: 1170px) {


	.ortala { width: 100%; max-width: none; display: block; float: left; padding: 0px 15px; box-sizing: border-box; position: relative; box-sizing: border-box; margin: 0; }
	.ortala.sld { padding: 0px; }

	.girisWrap { width: 100%; float: left; box-sizing: border-box; left: inherit; top: inherit; margin: 0; transform: inherit; padding: 20px; position: relative; text-align: center; }
	.girisWrap .ust { padding: 0 0 15px 0; margin: 0 0 22px 0; }
	.girisWrap .ust .logo img { width: 184px; }
	.girisWrap .girisYap { width: 100%; float: left; margin: 0; }
	.girisWrap .girisYap h1, .uyeOl h1 { font-size: 16px; line-height: 16px; }
	.girisWrap .girisYap .yazi, .uyeOl .yazi { font-size: 12px; line-height: 20px; margin: 16px 0 0 0; }
	.girisWrap .girisYap .giris { margin: 23px 0 20px 0; }
	.girisWrap .girisYap .giris ul { border-bottom: solid 1px rgba(255, 255, 255, 0.38); padding-bottom: 23px; }
	.girisWrap .girisYap .giris ul li.ginp, .UserForm ul li.ginp { background: rgba(255, 255, 255, 0.18); border: solid 1px rgba(255, 255, 255, 0.15); }
	.girisWrap .girisYap .giris ul li:last-child { margin-bottom: 0 }
	.girisWrap .girisYap .giris ul li.ginp label { }
	.girisWrap .girisYap .giris ul li.ginp.active label, .UserForm ul li.ginp.active label { font-size: 10px; }

	.girisWrap .girisYap .giris ul li label, .UserForm ul li label { font-size: 12px; line-height: 12px; text-align: center; }

	.girisWrap .girisYap .giris ul li .checkbox label, .UserForm ul li.checkbox label, .UserForm ul li.radio label { padding-top: 4px !important; text-align: left; }

	.girisWrap .girisYap .giris ul li input, .UserForm ul li input { font-size: 12px; line-height: 12px; text-align: center; min-height: 19px; }
	.girisWrap .girisYap .giris ul li input[type="text"], .girisWrap .girisYap .giris ul li input[type="password"] { }
	.girisWrap .girisYap .giris ul li input[type="submit"], .girisWrap .girisYap .giris ul li input[type="button"], .UserForm ul li input[type="submit"], .UserForm ul li input[type="pasbuttonsword"] { font-size: 15px; line-height: 15px; font-weight: bold; color: #ffffff; background: rgba(43, 44, 86, 0.67); border: solid 1px rgba(255, 255, 255, 0.15); }

	.girisWrap .girisYap .giris ul li .slot { width: auto; float: left; vertical-align: text-bottom; text-align: left; }
	.girisWrap .girisYap .giris ul li .slot:last-child { margin-bottom: 0px }
	.girisWrap .girisYap .giris ul li .slot:nth-child(2n) { width: auto; float: right; text-align: center; margin: 0; }
	.girisWrap .girisYap .giris ul li .slot a { font-size: 12px; line-height: 12px; }

	.girisWrap .girisYap .bayiOl { width: 100%; float: left; position: relative; right: inherit; text-align: center; }
	.girisWrap .girisYap .bayiOl a { height: auto; position: relative; float: none; border-radius: 22px; padding: 14px 23px 17px 52px; font-size: 14px; line-height: 14px; display: inline-table; vertical-align: text-bottom; width: auto; text-align: left; background-color: #670067; }
	.girisWrap .girisYap .bayiOl a:before { width: 20px; height: 100%; background-size: contain; background-position: left center; top: 0px; left: 15px; }
	.girisWrap .girisYap .bayiOl a strong { width: auto; display: inline-table; vertical-align: middle; float: none; font-weight: bold; }
	.girisWrap .girisYap .bayiOl a span { margin: 0 0 0 7px; display: inline-table; vertical-align: middle; width: auto; float: none; }

	.UserForm ul li.ikiLi { width: 100%; }

	.altBar { width: 100%; float: left; position: relative; left: inherit; top: inherit; padding: 0 20px 30px 20px; box-sizing: border-box; }
	.altBar .ortala { padding: 0; border-top: solid 1px rgba(255, 255, 255, 0.38); padding-top: 25px !important; }
	.altBar .slot { margin-bottom: 0 }
	.altBar .mobil { margin-bottom: 20px }

	.UserForm .slot h2 { font-size: 14px }
}