a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
body {line-height:1;background-color:#f3f3f3;font-family: cleaner;font-size:.9rem;color:#595959;}
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:after, blockquote:before, q:after, q:before { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
@media screen and (min-width:769px) {
.login-cont {width:700px;padding:1.5rem;background-color:#fff;position:absolute;height: 360px;top:50%;margin-top:calc(-200px - 1.5rem);left:50%;margin-left:calc(-350px - 1.5rem);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.05);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.05);box-shadow:0 0 10px 0 rgba(0,0,0,.05);}
.login-cont .title { width:100% }
.login-cont .title i.lock { width:33px; height:38px; background-image:url(../images/lock.png); background-position:center; background-repeat:no-repeat; position:absolute; right:1.5rem; top:1.5rem }
.login-cont .left, .login-cont .right {padding: 26px 1rem 1rem;width: calc(49% - 2rem);float:left;display:block;position:relative;}
.login-cont .left label, .login-cont .right label {display:inline-block;width:100%;margin-bottom:1rem;font-family: cleaner600;}
.login-cont .left input, .login-cont .right input { width: calc(87% - 1.5rem - 2px); padding:.75rem;
background-color:transparent; border:1px solid #dedede; outline:0; font-family:Calibri; margin-bottom:1rem; }
.login-cont .left .girisyap, .login-cont .right button {padding:.75rem 1.25rem;background-color:#ff8b00;color:#fff;font-family: cleaner600;font-weight:700;font-size:1rem;border:0;border-radius: 4px;cursor:pointer;opacity:.9;margin-bottom:1rem;width: 142px;margin-top: 6px;}
.login-cont .left .girisyap:hover, .login-cont .right button:hover { opacity:1 }
.login-cont .left p a, .login-cont .right p a {color:#3064ab;font-weight:700;text-decoration:none;font-family: cleaner600;}
.login-cont .left p a:hover, .login-cont .right p a:hover { text-decoration:underline }
.login-cont .left h4, .login-cont .right h4 {font-size:20px;font-weight:700;margin-bottom:1rem;font-family: cleaner600;}
.login-cont .left p, .login-cont .right p {font-size:13px;margin-bottom:1rem;font-family: cleaner100;line-height: 15px;}
.login-cont .right:before { content:''; width:2px; height:90%; background-color:#eee; position:absolute; left:-10px; top:10% }
.login-cont .foot { clear:both; position:absolute; height:3rem; line-height:3rem; bottom:-3rem; width:100%; left:0 }
.login-cont .foot .powered {float:left;font-size: 13px;color:#000;font-family: cleaner600;}
.login-cont .foot .powered span { font-weight:700; color:#ff8b00 }
.login-cont .foot .phone {float:right;font-size: 16px;font-weight:700;font-family: cleaner600;}
.login-cont .foot .phone span { color:#ff8b00 }
}
@media screen and (max-width:768px) {
.login-cont { width:calc(90% - 3rem); padding:1.5rem; background-color:#fff; position:absolute; top:5%; left:50%; margin-left:-45%; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.05); -moz-box-shadow:0 0 10px 0 rgba(0,0,0,.05); box-shadow:0 0 10px 0 rgba(0,0,0,.05) }
.login-cont .title { width:100% }
.login-cont .title i.lock { width:33px; height:38px; background-image:url(../images/lock.png); background-position:center; background-repeat:no-repeat; position:absolute; right:1.5rem; top:1.5rem }
.login-cont .title a.logo img { width:auto; height:38px }
.login-cont .left, .login-cont .right { padding:1rem; width:calc(100% - 2rem); float:left; display:block; position:relative }
.login-cont .left label, .login-cont .right label { display:inline-block; width:100%; margin-bottom:1rem; font-weight:700 }
.login-cont .left input, .login-cont .right input { width:calc(100% - 1.5rem - 2px); padding:.75rem;
background-color:transparent; border:1px solid #dedede; outline:0; font-family:Calibri; margin-bottom:1rem }
.login-cont .left button, .login-cont .right button {
padding:.75rem 1.25rem; background-color:#ff8b00; color:#fff; font-family:Calibri; font-weight:700; font-size:1rem; border:0; border-radius:.5rem;
cursor:pointer; opacity:.9; margin-bottom:1rem }
.login-cont .left button:hover, .login-cont .right button:hover { opacity:1 }
.login-cont .left p a, .login-cont .right p a { color:#3064ab; font-weight:700; text-decoration:none }
.login-cont .left p a:hover, .login-cont .right p a:hover { text-decoration:underline }
.login-cont .left h4, .login-cont .right h4 { font-size:20px; font-weight:700; margin-bottom:1rem }
.login-cont .left p, .login-cont .right p { font-size:13px; margin-bottom:1rem }
.login-cont .right:before { content:''; width:100%; height:4px; background-color:#dedede; position:absolute; left:0; top:-2px }
.login-cont .foot { clear:both; position:absolute; height:3rem; line-height:1.75rem; bottom:-3rem; width:100%; left:0 }
.login-cont .foot .powered { display:inline-block; width:100%; text-align:center; font-size:14px; color:#000 }
.login-cont .foot .powered span { font-weight:700; color:#ff8b00 }
.login-cont .foot .phone { display:inline-block; width:100%; text-align:center; font-size:20px; font-weight:700 }
.login-cont .foot .phone span { color:#ff8b00 }
}


.hata {
    font-family: cleaner600;
    padding-bottom: 14px;
    font-size: 16px;
}