@charset "utf-8";
/* CSS Document */

body {
    background: url("../img/bg.png") no-repeat #7d4fdf;
    background-position: top left;
    background-size: contain;
    padding: 25px;
}
h1{color: #FFF; font-weight: bold; letter-spacing: -1px; margin-right: 1%; float: right;}
@media (min-width: 992px) { h1 { margin-left: 20%; float: left;}}
h1 small{margin-left: 63px;}
a{-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
a:hover{text-decoration:none; color:#CCC;}
.start-chat{position: absolute; right: 50px; top: 30px; z-index: 1;}
.login{ width: 100%; min-height: 55px; margin: auto; color: #FFF;  border-radius: 38px; margin-top: -60px; padding-top: 30px; font-size: 18px; font-weight: bold; }
@media (min-width: 992px) { .login {width: 100%; min-height: 55px; margin: auto; color: #FFF;  font-size: 24px; border-radius: 38px; margin-top: 17px; padding-top: 30px;}}
.login a{ color: #FFF; padding: 20px; }
.login a:hover{ text-decoration: none; color: #333;}
.imgs{position:absolute; margin-left:-15px; margin-top:-340px;}
@media (min-width: 992px) { .imgs { position:absolute; margin-left:-55px; margin-top:-300px;}}
.join{font-size: 20px; margin-top: 20px; color: #333;}
.chat-join{min-height: 240px;}
.nick{width: 320px; min-height: 110px; margin: auto; background: url(../img/nick-bg.png); border-radius: 38px; border: none; text-align: center; font-weight: normal; outline: none; color: #333;}
.sifre{width: 320px; min-height: 110px; margin: auto; background: url(../img/sifre-bg.png); border-radius: 38px; margin-top:-22px; border: none; text-align: center; font-weight: normal; outline: none; color: #333;}
.bagla {width: 320px;min-height: 110px;margin: auto;margin-top: -10px;background: url(../img/baglan.png);border: none;border-radius: 38px;color: #FFF;font-weight: normal;font-size: 22px;outline: none;}
.mobil{margin-top:10px;}
.mobil img{margin:30px;}
.mobil strong{font-size:16px; color:#543d84; font-weight:400;}
.hint{margin-top: 80px;}
.line{width:2px; min-height:150px; margin:auto; margin-top:35px; border-radius:38px; background-color: #6f4bba; }
@media (min-width: 992px) { .line {width:2px; min-height:400px; margin:auto; margin-top:105px; border-radius:38px; background-color: #6f4bba;}}
.line span{ position:absolute; width:60px; min-height:40px; border-radius:4px; background-color:#7d4fdf; color:#FFF; margin-left:-28px; text-align:center; margin-top:55px; padding-top:5px;}
@media (min-width: 992px) { .line span { position:absolute; width:60px; min-height:40px; border-radius:4px; background-color:#7d4fdf; color:#FFF; margin-left:-28px; text-align:center; margin-top:165px; padding-top:5px;}}
.nick-reg {margin-top:50px;}
@media (min-width: 992px) {.nick-reg { margin-top:-75px;}}
.nick-reg small {color: #543d84;}
.nick-reg p {color: #543d84;}
.nick-reg input{width:100%; min-height:65px; border-radius:38px; background:#e7e7e7;border:none; outline:none; padding:15px; color: #333; margin-top:8px; }
.nick-reg .gonder{width:100%; min-height:65px; border-radius:38px; background:#333;border:none; outline:none; padding:15px; color: #CCC; margin-top:8px; font-weight:bold; }
.woovv {width:45% !important; min-height:50px; float:left; margin-right:20px; background:#e7e7e7; border-radius:38px;-webkit-appearance: none;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;border:none; outline:none; padding:15px; margin-top:15px;}
.woovv-img {width:100px important; min-height:50px; float:right; background:#FFF; border-radius:38px;-webkit-appearance: none;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;border:none; outline:none; padding:15px; margin-top:15px; margin-bottom:20px;}
.hint a{color:#FFF;}
.hint a:hover{color:#CCC;text-decoration:none;}
.hint{display:block; position:relative; clear:both; color: #543d84;font-size:13px;}
.hint img{margin-top:-2px;}
.footer{margin-top: 95px;}
.logo{text-align:center; margin-top:10px;}
.logo-link{position: relative;width: 240px; height: 85px; display:inline-block; z-index: 1000;}
@media (min-width: 992px) { .logo { margin-left: 36%; text-align:left;}}
.linkler{margin-top: 30px; text-align: right;}
.footer-link:hover{text-decoration:none !important;}
.footer-link{ padding-left: 15px; color: #333; font-size: 11px;}
.footer-link:hover{ color: #FFF;}