/*
 Html - Css - Asp.Net - TypeScript - Angular 2 - C# - Android 

*/



@import url(https://fonts.googleapis.com/css?family=Kaushan+Script&subset=latin,latin-ext);

 

button,button:focus,button:active,button:link,button:before,button:after,

a,a:hover,a:focus,a:after,a:before { text-decoration:none; outline:none!important; }



.ptb30 { padding:30px 0; }

.sohbetay { background:#9ed7e6; }

.sohbetay .container { max-width:600px; }



.sohbetay .logo {width:100%; position:absolute; z-index:999; left:-50px;}

.sohbetay .logo img{ margin:25px auto;}



.sohbetay .box-login { width:100%;  border-radius:10px; background:#fff; float:left; margin:0; padding:10px 10px 120px 10px; position:relative; }


.sohbetay .box-login:before { content:""; width:315px; height:160px; max-width:100%; background:url(img/sagaltkose.png); position:absolute; bottom:0; right:0; z-index:0; }



.sohbetay .box-login input { box-shadow:inset 0 0 10px rgba(0,0,0,0.2); font-size:18px; font-family:'Segoe UI'; color:#464646; }

.sohbetay .box-login .btn-link { text-decoration:none; font-size:16px; font-family:'Segoe UI'; color:#464646; }

.sohbetay .box-login .btn-giris { border:none!important; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(211,211,211,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(211,211,211,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(211,211,211,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d3d3d3',GradientType=0 ); }

.sohbetay .box-login .title { font-family: 'Kaushan Script', cursive; font-size:20px; color:#3e5b98; padding:50px 0; position:relative; z-index:100; }



.sohbetay .box-menu { width:100%; background:#fff; float:left; border-radius:10px; text-align:center; }

.sohbetay .box-menu .btn-mobil { font-size:12px; color:#464646; line-height:50px; }

.sohbetay .box-menu .btn-mobil:hover { text-decoration:none; }



.sohbetay .box-menu .menu{ width:100%; display:table; padding:0; margin:0; }

.sohbetay .box-menu .menu li{ width:auto; height:50px; display:table-cell; vertical-align:middle; text-align:center; }

.sohbetay .box-menu .menu li a{ font-size:18px; color:#41ace1; font-family:'Segoe UI';  }

.sohbetay .box-menu .menu li a:hover{ text-decoration:none; text-shadow:0.5px 0.5px 2px #000; }



.sohbetay .box { width:100%; float:left; background:#fff; border-radius:10px; padding:15px; }

.sohbetay .box .paragraf { font-family:'Segoe UI'; font-size:12px; color:#464646; text-align:justify; margin-bottom:30px; text-indent:30px; }

.sohbetay .box .paragraf:last-child { margin:0; }



.sohbetay .btn-mirc { padding:5px 0; background:#fff; margin-bottom:25px; border-radius:10px; }

.sohbetay .btn-site { padding:5px 0; background:#fff; margin-bottom:25px; border-radius:10px; }

.sohbetay .btn-mobi { padding:5px 0; background:#fff; margin-bottom:25px; border-radius:10px; }



@media (max-width: 545px) {

.sohbetay .box-menu .menu{ width:100%; display:none; padding:0; margin:0;  }

.sohbetay .box-menu .menu li{ width:100%; height:50px; display:block; line-height:50px; text-align:center; border-bottom:1px solid rgba(0,0,0,0.1); }

.sohbetay .box-menu .menu li:last-child{ border:none; }

.sohbetay .box-menu .menu li a{ font-size:24px; color:#41ace1; font-family:'Segoe UI';  }

.sohbetay .box-menu .menu li a:hover{ text-decoration:none; text-shadow:0.5px 0.5px 2px #000; }

}