body {
    background: #f3f9fd;
    font-family: Arial, Helvetica, 'sans-serif';
    font-size:15px;
}
a:active, a:focus, button:active, button:focus,
img:active, img:focus, input:focus,
select:active, input:active,
select:focus, textarea:focus {
  outline:0!important;
  outline:none!important;
  outline-color:transparent!important;
  outline-style:none!important;
  box-shadow:none!important;
}
input:focus, select:focus, textarea:focus {
    border-color:#aaa!important;
}
.logo {
    margin-top:300px;
    height:80px;
}
.form {
    padding:20px;
}
.card {
    margin-bottom:20px;
    border-radius:10px;
}
.card img {
    border-radius:10px;
}
.card-body {
    padding:20px 30px;
}
.card-title {
    font-size:1.5rem;
    font-weight:bold;
    margin-bottom:25px;
}
.form-baslik {
    border-top:10px solid #96a8b3;
}
.card .form-group {
    margin-bottom:25px;
    font-size:1.05rem;
    color:#333;
}
.card .control-label {
    margin-bottom:12px;
    font-size:1.05rem;
    color:#000;
}
select, input[type=radio], input[type=checkbox] {
    cursor:pointer;
}
input::placeholder, textarea::placeholder {
    font-size:0.85rem!important;
    font-weight: 200!important;
    opacity: 0.4!important;
    color: #000!important;
}
.btn-form {
    color: #fff;
    background-color: #5d6e78;
    border-color: #5d6e78;
}
.btn-form:hover {
    color: #fff;
    background-color: #445259;
    border-color: #445259;
}
.alt-yazi, .alt-yazi a {
    font-size:0.8rem;
    color:#555;
}
.alt-logo {
    height:25px;
    filter: grayscale(100%);
    opacity:0.9;
}
.alt-logo:hover {
    filter: grayscale(0%);
    opacity:1;
}
@media (max-width:1200px) {
    
}
@media (max-width:992px) {
    .logo {
        margin-top:300px;
        height:70px;
    }
}
@media (max-width:768px) {
    .logo {
        margin-top:300px;
        height:60px;
    }
}
@media (max-width:576px) {
    .logo {
        margin-top:300px;
        height:60px;
    }
}