.oyunforLogin,.socialLogin{

    margin-right:auto;
    margin-left:auto
}
.oyunforLogin{

    padding: 79px 50px 30px 51px;
}
.gonderButton{
    border-radius:0;
    background-color:#008C69;
    border-color:#007155;
    color:#fff;
    font-size:13px;
    font-family:Roboto; font-weight:500;
}
.
.socialLogin{
    max-width:350px;
    
}
.slideManset {
    width: 100%;
    margin-top: 35px;
    padding-left: 5px;
    padding-right: 5px
}

.slideManset div {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: rgba(0, 0, 0, .48);
    color: #fff;
    font-size: 18px;
    font-family:Roboto; font-weight:400;
}
.registerForm {
    width: 100%;
    padding: 28px 30px;
    background-color: #eee;
    border: 1px solid #cecece
}

.registerForm label {
    font-family:Roboto; font-weight:500;
    margin-bottom: 3px
}

.registerForm input {
    font-size: 12px;
    border-radius: 0
}

.registerForm input:focus {
    outline: 0;
    border-color: #fc9c36;
    box-shadow: none
}

.registerForm .form-group {
    margin-bottom: 1.3rem
}
.lineTitle{
    color: #212529;
    margin-top: -94px;
    margin-bottom: 29px;
    border: none !important;
    background-color: #fff;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    text-transform:uppercase;
    width: 273px;
    padding: 0px 0px 0px 10px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
form .form-control:focus{
  border-color: #ced4da;
  box-shadow: none;
}
.login-input,.loginInp{
    font-family:Arial;
	background-color:#ffffff !important;
    font-size:13px
}
.login-input{
	font-size:18px;
}
.login-input-fixer{
	border-left:none !important;
	padding-left:0px !important;
}
.login-input .fas{
    padding-right:5px
}
.passwordRecovery{
    float:right;
    font-family: Roboto;
    font-size: 15px;
    font-weight: normal;
    color:#343434;
    margin-top: -8px;
}
.loginButton{

    border-radius:0;
    font-family: Roboto !important;
    font-size: 15px;
    font-weight: 500 !important;
    clear:both;
    width:100% !important;
    height: 50px !important;
    border-radius: 3px !important;
    background-color: #589c40 !important;
}
.loginButton:hover{
    border:none !important;
    background-color: #61b344 !important;
}
.loginButton .far{
    font-size:16px
}
.inputText{
    font-family: Roboto;
    font-size: 15px;
    font-weight: bold;
    color: #3d3d3d !important;
}
.inputText>i{
    margin-right:5px;
}
.socialButton{
    width:100%;
    height:38px;
    border-radius:5px;
    color:#fff;
    border:none;
    margin-top:10px;
    margin-bottom:10px;
    cursor:pointer;
    font-size:14px;
    line-height:36px
}
.socialButton:focus{
    outline:0
}
.socialButton .fab{
    float: left;
    font-size: 18px;
    margin-top: 9px;
    margin-right: 7px;
    margin-left: 12px;
}
.socialButton span{
    font-family: Roboto !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    float:left
}
.socialFacebook{
    background-color:#3a5896;
    border-radius:3px;
    height:50px !important;
}
.socialFacebook:hover{
    background-color:#49639a;
}
.socialTwitch{
    background-color:#573c81;
    border-radius:3px;
    height:50px !important;
}
.socialTwitch:hover{
    background-color:#684f90
}
.socialInstagram{
    background-color:#8a3ab9
}
.socialInstagram:hover{
    background-color:#cd486b
}
.socialTwitter{
    background-color:#0DB2F2
}
.socialTwitter:hover{
    background-color:#0ba0da
}
.socialLinkedin{
    background-color:#2086D5
}
.socialLinkedin:hover{
    background-color:#3495e0
}
.socialGoogle{
    background-color:#DA6C5A
}
.socialGoogle:hover{
    background-color:#d45844
}
.login-form-control:focus{
    color:#495057;
    background-color:#fff;
    border-color:#fc9c36;
    outline:0;
    box-shadow:0 0
}
.forgotBack{
    background-color:#f1f1f1;
    border-radius:0
}
.forgotIcon{
    width:100%;
    background-color:#B5B5B5;
    padding:50px
}
.recoveryForm{
    width:100%;
    padding:49px 30px;
    background-color:#EEE;
    border:1px solid #cecece
}
.recoveryForm label{
    font-family:Roboto; font-weight:500;
    margin-bottom:3px
}
.recoveryForm input{
    font-size:12px;
    border-radius:0
}
.recoveryForm input:focus{
    outline:0;
    border-color:#fc9c36;
    box-shadow:none
}
.recoveryForm .form-group{
    margin-bottom:1.3rem
}
.forgotFooter{
    background-color:#fff;
    padding:7px 10px;
    height:50px;
    border:1px solid #cecece
}
.login-slide-text{
    display:none;
}
.registerBtn{
    display:none;
}
.carousel {
    display: none;
}
.vertical-divider{
    display:none;
}
#girisform {
    width: 100%;
}
.passwordRecovery {
    margin-left: 6px;
}

.veya{
    margin-top:30px;
    text-align:center
}
.socialLogin{
    margin-top:25px;
}
.login-box{
    margin: 0px;
    padding:50px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
    background-color: var(--white) !important;

}

.basket-state{
    float:right;
}
.information-state{
    float:right;
}
.miniregister {
    float: right;
    border: 1px solid #cecece;
    padding: 0 10px;
    color: #464646;
    height: 32px;
    line-height: 30px;
    margin-top: 35px;
    font-size: 14px;
    border-radius:7px;
    cursor:pointer;
    margin-left:15px;
    width:100%;
}

.sosyalMedyaGiris{
    background-color:transparent !important;   margin-top: -107px; width:100% !important; padding:0px !important;text-align:center; margin-bottom: 24px !important;
}
.kayitOlInput{

    height: 45px !important;
    border-radius: 3px !important;
    border: solid 1px #d9d9d9 !important;
    width:100% !important;
    margin-bottom: 14px !important;
    margin-top: 9px!important;
    font-family: Roboto !important;
    font-size: 15px !important;
    font-weight: normal !important;
}

.kayitOlDiv{
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    width: 204px;
    top: 73%;
    height: 50px !important;
    color: #fff;
    position: absolute;
    height: 300px;
    z-index: 1;
    margin: 0 auto;
    text-align: center;
    left: 15%;
    z-index:2;
}



.kayitOlText{
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    width: 50%;
    top: 12%;
    color: #fff;
    position: absolute;
    height: 300px;
    z-index: 1;
    margin: 0 auto;
    text-align: center;
}

.kayitOlText2{
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    width: 50%;
    top: 50%;
    color: #fff;
    position: absolute;
    height: 300px;
    z-index: 1;
    margin: 0 auto;
    left: 10%;
}

.kayitOlBackDiv{
    background-color: #212529;
    width: 50%;
    height: 85px;
    position: absolute;
    top: 45%;
    opacity: 0.8;
}
.kayitOlBackDiv2{
    width: 50%;
    height: 516px;
    background-color: #212529;
    position: absolute;
    top: 0px;
    left:0px;
    opacity: 0.8;
}