:hover {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

::before, ::after {
  font-family: FontAwesome;
}


body {font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important; overflow-x: hidden; background: linear-gradient(270deg, #3f3f3f, #5d5d5d); background-size: 100% 100%;}
@media only screen and (min-width:760px) and (max-width:6000px){
#form1 {width: 760px; margin:15px auto;}
}

@media only screen and (min-width:0px) and (max-width:760px){
#form1 {width: 100%; margin:0px auto;}
	.form {border-radius: 0px !important;}
	.form-ust i {display: none;}
}

.form {width: 100%; border-top: 4px solid #09e997; float: left;  background: #fff; overflow: hidden; border-radius: 0px;}
.form h1 {width: 100%; text-align: center; color: #434343; line-height: 34px; float: left; font-size: 30px;}
.form h1 strong {color:#09e997; }
.form-ust-aciklama {color: #434343; width: 100%; text-align: center; float: left;}
.iconust {float: right; position: absolute; color: #434343; right: 30px; top: 33px; font-size: 50px !important;}
.form-ust {width: 100%; float: left; position: relative; padding:30px 30px 10px 30px;}

.form-alt {width: 100%; float: left; height: auto; background: #fff; padding: 30px;}
.form-alt label {width: 100%; float: left;}
.form-alt label span {width: 100%; float: left; font-weight: 600;}
.form-alt label select {width: 100%; float: left; height: 50px; border-radius: 0px; border: 1px solid #e2e2e2; padding: 0px 20px; color: #858585; margin: 5px 0px 10px 0px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline: 0px;}
.form-alt label select::after {color: #000;}
.form-alt label select option[value="1"] { 
    color:#f2f2f2;
}

.form-alt label span a {color: #6BC500;}
.form-alt label span a:hover {color:#748DE4;}
.form-alt label span input {float: left; height: 16px; width: 16px; margin: 3px 5px 0px 0px;}

.sel {width: 100%; float: left; position: relative;}
.sel::after {content: ''; position: absolute; right: 20px; top: 25%; font-size: 20px;}
.form-alt label select option[value="1"] {color: #000;}
.form-alt .text1 {width: 100%; float: left; height: 50px; border-radius: 0px; border: 1px solid #e2e2e2; padding: 0px 20px; color: #000; margin: 5px 0px 10px 0px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline: 0px;}
.text1::placeholder, .text2::placeholder {color: #858585;}

.texter {width: 100%; float: left; height: 50px; border-radius: 0px; border: 1px solid #e2e2e2; padding: 0px 0px; color: #000; margin: 5px 0px 10px 0px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline: 0px; background: #fff; overflow: hidden;}
.texter var {float: left; height: 100%; line-height: 48px; width: 90px; text-align: center; color: #ccc; font-weight: 700; font-style: normal; background: #f2f2f2;}
.text2 {float: left; width: calc(100% - 90px); height: 48px; line-height: 48px; border: 0px; outline: 0px; padding: 0px 20px;}

.sub1 {float: left; width: 100%; height: 50px; background: #ff4d4d; color: #fff; border: 0px; font-size: 22px; font-weight: 700; border-radius: 0px; margin: 20px 0px 0px 0px;}
.sub1:hover {background: #09E997;}

.center-ssl {width: 100%; float: left; line-height: 100px; text-align: center;}
.form h2 {width: 100%; text-align: center; position: relative;float: left;}
.form h2 span {background: #f2f2f2; padding: 5px 10px; display: inline-block; color: #a5a5a5; font-size: 18px;}
.hr1 {float: left; width: 100%; color: #a5a5a5; background: #a5a5a5; border: 1px solid #ccc; margin: -18px 0px 30px 0px;}
.bankalar {width: 100%; text-align: center;}
.bankalar img {margin: 5px 7px;}
.info {margin-bottom: 30px; background: #f2f2f2; float: left; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 10px 0px; width: 100%; color: #434343;}
.info i {color: #09e997; height: 40px; font-size: 26px !important; float: left; margin: 20px 15px 0px 15px;}

.span1 {font-weight: normal !important; margin: 12px 0px 5px 0px;}

.basarili {width: 100%; font-size: 20px; margin-bottom: 30px; float: left; color: #434343; text-align: center; font-weight: 600;}
.basarili i {width: 100%; float: left; font-size: 100px; text-align: center; font-weight: normal !important; color: #09E997;}

.basarisiz {width: 100%; margin-bottom: 30px; float: left; color: #434343; text-align: center; font-weight: 600; font-size: 20px;}
.basarisiz i {width: 100%; float: left; font-size: 100px; text-align: center; font-weight: normal !important; color: #900;}
.sub2 {float: left; width: 100%; height: 50px; background: #900; color: #fff; border: 0px; font-size: 22px; font-weight: 700; border-radius: 0px; margin: 20px 0px 0px 0px;}
.sub2:hover {background: #738EE4;}


.sub3 {float: left; width: 100%; height: 50px; background: #09E997; color: #fff; border: 0px; font-size: 22px; font-weight: 700; border-radius: 0px; margin: 20px 0px 0px 0px;}


.sub3:hover {background: #6bc500;}

.banka-bilgileri {width: 100%; position: relative; background: #fff; float: left; padding: 20px 20px 20px 20px; margin: 10px 0px 20px 0px; border-radius: 10px;  -webkit-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.45); font-weight: 600;
-moz-box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.45);
box-shadow: 0px 0px 35px -6px rgba(0,0,0,0.35);
}
.banka-bilgileri h2 {width: 100%; float: left; text-align: left; font-size: 18px; font-weight: bold; padding: 15px 0px 15px 0px; border-top: 1px solid #ddd; margin: 20px 0px 0px 0px;}
.banka-detay {width: 100%; float: left;}
.yukariok {position: absolute; top: -20px; font-size: 30px !important; color: #fff; left: 48%;}