html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border:0; outline:0 none;}
a:focus, a:active, input:focus {outline: 0 none;}
body { margin:0;
}
body {font-size: 12px;line-height: 15px;font-family: tahoma;background-color:#FFFFFF ; margin:0 0 0 0;}
html {background-color:#fff ;
}
#wrapper {padding: 7px 20px 68px 20px;}
#header {height:45px;padding: 20px 20px 10px 20px;background:url(../img/headbg.jpg);background-repeat: repeat;}
#line{background:url(../img/header-line.jpg) no-repeat; height:2px;  }
#content { }
.hedcontent {margin:0 auto 0;max-width: 600px;
}
.flr {float:right;}
.fll {float:left;}
.clr {clear:both;}

.sloganText {color:#00529b ; font-family:Arial; font-size:16px; font-style:italic; padding:32px 0 0 0;}
.error{ display:block; padding:3px 0px 2px 0px; font-family:Arial; font-size:11px; color:#ff0000 ;}
 
#information { padding:10px 0 10px 0;}
#information table{border:none; border:0px;}
#information tr td{border:none; border:0px; height:24px;}

#information .text1{color:#d63347 ; font-family:Arial; font-size:15px;}
#information .text2{color:#d63347 ; font-family:Arial; font-size:15px;padding: 0 8px;}
#information .text3{color:#00529b ; font-family:Arial; font-size:15px}

#content .contentTop {background:url(../img/content-top.jpg) no-repeat; height:7px; width:366px;}
#content .contentCenter {background:url(../img/content-center.jpg) repeat-y; width:366px;overflow:hidden;}
#content .contentBottom {background:url(../img/content-bottom.jpg) no-repeat; height:6px; width:366px;}

#content .infoBg{padding: 14px 10px;text-align: center;background-color: #e2f2fb ;}
#content .text4{color:#00529b ;background-color: transparent ; font-family:Arial; font-size:15px; font-weight:700; padding:0 0 0 0;text-align:center;line-height: 19px;}
#content .text5{color:#d63347 ;background-color: transparent ; font-family:Arial; font-size:15px; font-weight:700; padding:0 0 0 0;text-align:center;line-height: 19px;}

#content .formStyle table{border:none; border:0px;text-align:center;}
#content .formStyle tr td{border:none; border:0px; height:20px;}

#content .codeText {padding:18px 0 18px 0;text-align:center;}
#content .codeText .text6{color:#00529b ; font-family:Arial; font-size:15px; line-height: 19px;}
#content .codeText .text7{color:#d63347 ; font-family:Arial; font-size:15px; font-weight:700; line-height: 19px;}

#content .codeNew {padding:18px 0 18px 0;text-align:center;}
#content .codeNew .text10{color:#00529b ; font-family:Arial; font-size:15px;line-height: 19px;}


#content .inputCode{ background:url(../img/input-bg.png) 0px 0px no-repeat; width:280px; height:30px; padding:5px 0px 0px 5px; }
#content .inputCode input{ border:0px; background:none; width:280px; font-size:15px; color:#666 ;} 

#content .errorText {background:url(../img/error.png) no-repeat; height:27px; margin:10px 0 0 0; padding:5px 0 0 0;    display: inline-block;}
#content .text8{color:#fe3d52 ; font-family:Arial; font-size:13px; font-weight:700; padding-left:35px;}

#content .errorGSM {text-align:center;}

#content .errorTextGSM {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;width: 100%;padding: 20px;box-sizing: border-box;margin-bottom: 20px;display: block;text-align: center;background-color: #ff3d55;}
#content .text9{line-height: 20px;color:#ffffff ; font-family:Arial; font-size:16px; font-weight:700;}

#content .txtCode {    color: #00529b ; margin-bottom: 23px; width: 100%;border: 2px solid #b0ccda ;height: 35px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;box-sizing: border-box;    padding: 0 12px;}
.CloseCart {font-size: 16px;color: #636363 ;margin: 12px 0 25px 0;line-height: 18px;}
.note {color: Red ;font-size: 14px;line-height: 21px;}
body {}
.btn_right {float: right;}
.smsdogrulama input {width: 105px;}
.div-sonuc-mesaj {background-color: #ecf5f5 ;width: 100%;margin: 18px 0px;    text-align: center;}
.sonuc-text {display: table-cell;vertical-align: middle;font-size: 15px;padding: 10px;color: #0393af ;line-height: 22px;}
.errorTextGSM:before {    content: "";width: 38px;height: 38px;background: url(../img/err_icon.jpg) no-repeat;display: block;margin: 0 auto;margin-bottom: 8px;}
.smsgogrulamasms {font-size: 14px;line-height: 18px; color: #636363 ;}
.smslbl {color: #0393AF ;margin-bottom: 9px;display: block;    font-size: 14px;}
.counter {font-size: 14px;color: #636363 ;text-align: right;}
#imgKartTuru {width: 90px;}
#imgLogo {width: 140px;}
.redbtn,.greenbtn {
    background-color: #e04059 ;
    color: #fff ;
        font-size: 1rem;
    font-family: Arial;
    float: left;
    width: 31.2%;
    height: 43px;
    border: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;margin-right:3%;
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.greenbtn {background-color: #0393af ;
}
.right0{margin-right:0;}
.w100 { width:100%;
}
#content .mb8 {margin-bottom: 8px;}
input[type="submit"], input[type="button"] {
  cursor:pointer;
}
@media screen and (min-width: 425px) {
   .redbtn, .greenbtn {font-size: 1.3rem;height: 49px;}
   #information .text1, #information .text3, #content .text4, #content .text5, #content .codeText .text6, #content .codeText .text7, .sonuc-text {font-size: 18px;}
   .smsgogrulamasms {font-size: 17px;}
   .counter {font-size: 15px;}
   .smslbl,.note{font-size: 16px;}
   #content .infoBg {padding: 16px 10px;margin-top: 10px;margin-bottom: 10px;}
   #content .txtCode {height: 41px;}
   #content .codeNew .text10 {font-size: 16px;} 
   #content .codeText .text6, #content .text4{line-height: 23px;}
   
}