@charset "utf-8";
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 {margin:0; padding:0; border:0; font-size:100%; font: inherit; vertical-align: baseline; outline:none;}

.btnRuby{
    background:#870052 !important;
}

/**** HTML5 display-role reset for older browsers ****/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:0;}
ol, ul {list-style: none;}
.oHidden{-webkit-overflow-scrolling: touch;}
table {border-collapse: collapse;border-spacing: 0;}
/**** HTML5 display-role reset for older browsers ****/

body {margin:auto; background:#eee; font-family: Arial, sans-serif !important;}

/**** HEADER ve İşlem Adımları ****/
#mainHeader {max-width:1100px; margin:0 auto; height:auto;}
#containerHeader { width:100%; display:inline-block;
  background: rgba(0,15,51,1.00); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,white,white,rgba(135,0,82,1.00),rgba(135,0,82,1.00)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right,white,white,rgba(135,0,82,1.00),rgba(135,0,82,1.00)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,white,white,rgba(135,0,82,1.00),rgba(135,0,82,1.00)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,white,white,rgba(135,0,82,1.00),rgba(135,0,82,1.00)); /* Standard syntax */
}
#logo {width:20%; height:auto; display:inline-block; float:left;}
#webStepsContainer {width:80%; float:left; display:inline-block;
  background: rgba(0,15,51,1.00); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right,rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* Standard syntax */
}
#webSteps {width:100%; display:inline-block;}
#mobileSteps {display:none; font-size:0.8em; text-align:center;}
#contentBody {margin:0 auto; max-width:1100px;}
#infoBadge {min-height:65px !important; margin-top:1.5em; margin-bottom:1.5em;color:rgba(135,0,82,1.00);font-weight:bold; font-size:1em;line-height:35px; padding-left:5em; padding-right:0.5em;}
.noInfoBadge {margin-top: 67px !important; margin-bottom: 66px !important;}
.badgeImgInfo {background:url(../image/info-icon.png) no-repeat #FFFFFF; background-position:0px -32px;}
.badgeImgOnay {background:url(../image/onay-icon.png) no-repeat #FFFFFF; background-position:0px -32px;}
#infoBadgeHide {height:65px; margin-top:1.5em; margin-bottom:1.5em;}
#infoBadge, #infoBadgeHide {margin-left:0.5em; margin-right:0.5em;overflow:hidden;}

/**** FORM ALANI ****/
#contentContainer {
    padding: 1em 1em 1em 1em;
    margin-top: 15px;
    margin-bottom: 20px;
    margin-left: 0.5em;
    margin-right: 0.5em;
    height: 650px;
    background-color: #FFFFFF;
min-height: 650px;
}

/**** Bilgi Başlıkları ****/
#contentHeader {color:#FFF; width:100%;}
#baslikKisisel, #baslikCalisma, #baslikIletisim {float:left; display:inline; height:40px;line-height:40px;  font-family: Arial, sans-serif !important;}
#baslikKisisel, #baslikIletisim {width:33%;}
#baslikCalisma {width:34%;}
.baslikSteps1 {background:url(../image/steps-border-1.png) no-repeat rgba(0,15,51,1.00);}
.baslikSteps2 {background:url(../image/steps-border-2.png) no-repeat #a84389;}
.baslikSteps3 {background:url(../image/steps-border-1.png) no-repeat rgba(0,15,51,1.00);}
.baslikSteps5 {background:url(../image/steps-border-1.png) no-repeat #a84389;}
.baslikSteps4 {background:url(../image/steps-border-1.png) no-repeat #c9bfb6;}
h2 {padding-left:10%;}
#contentForm {min-height:300px;color:rgba(0,15,51,1.00);}
#colonA {height:auto; width:50%; float:left; background-color:#d5e3ec}
#colonB{height:auto; width:50%; float:left; background-color:#d5e3ec}
#colonC {padding:0.2em;}
#colonD {padding-top: 1.1em; padding-right: 5%;padding-left: 5%; /*height:300px*/}
#colonF {line-height:normal;padding-top: 1.1em; padding-right: 3em;padding-left: 3em; font-size:1.2em; height:310px;}
.labelCell {padding:0.5em 1em 2em 0.5em;}
.fLable {width:100%;height:30px; margin-right:0.2em; line-height:35px;}
.fInput {float:left;width:90%;}
#colonA p, #colonB p {line-height:normal;}
#colonA input, #colonB input  {height:30px; width:100%;}
.cancel { width:30px !important;
}
.chk input {height:17px !important; width:5% !important; background:#fff !important}
input[type="checkbox"]  {
margin:0 10px 0 0 !important; padding:0 !important; background:#fff !important; 
}
#colonA textarea, #colonB textarea  { width:100%; height:113px}
#colonA select, #colonB select {height:30px; width:100%;}
#colonC p {line-height:1.4em; padding-bottom:0.6em; font-size:1em;}
#colonD p {line-height:normal;}
#colonF p {margin-bottom:0.5em;}
#tableMainContainer {width:100%;padding: 0; margin-top:0.6em;}
#tableMainContainer p {margin-top:0.4em;}
.tableContainer {float:left; width:50%; padding:0; margin:0;}

/**** Butonlar ****/
#btnContainer {width:100%; height:40px; padding-bottom:1em;}

/**** Two Column Butonlar ****/
.submitBtn {min-width:130px; height:40px; background:rgba(0,15,51,1.00); border:none; color:#fff; font-size:1em;float: right; margin-right:0;}
.btnWide {width: 200px;}
.backBtn {width:100px; height:40px; background:#eee; border:none; color:rgba(135,0,82,1.00); font-size:1em; text-decoration:underline;float:right; }
.btnPad {margin-right: 100px;}
#backBtnControl {float:left; width:80%;}
#SubmitBtnControl {width:20%; float:right;}

/**** Single Column Butonlar ****/
.submitBtnC {width:300px; height:40px; background:rgba(0,15,51,1.00); border:none; color:#fff; font-size:1em;float: right; margin-right:2em;}
.backBtnC {width:300px; height:40px; border:none; background:rgba(202,191,183,1.00); color:#1e1e1e; font-size:1em; float:right; margin-left:2em; }
#backBtnControlC {float:left;}
#SubmitBtnControlC {float:right;}
#tablePadderTop {margin-top: 7%;}
.odemePlaniBtn {width:150px; height:30px; background:rgba(17,111,196,1.00); border:none; color:#fff; font-size:1em; margin: 1em 0em 0.5em 0em;}

/**** FOOTER *****/
#footerContainer {
    height:60px;
  background: rgba(0,15,51,1.00); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(right,rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(135,0,82,1.00),rgba(135,0,82,1.00)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right,rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(135,0,82,1.00),rgba(135,0,82,1.00)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(135,0,82,1.00),rgba(135,0,82,1.00)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(0,15,51,1.00),rgba(135,0,82,1.00),rgba(135,0,82,1.00)); /* Standard syntax */
}
#footer {color:#FFFFFF; margin:0 auto; max-width:940px; font-size:.75em; padding-left:0; padding-right:0;}
.footerTxt {float:left;line-height:50px;}
.footerImg {float:right; margin-left:5%; margin-top:16px}

/**** GENEL CLASS *****/
p a {color:rgba(135,0,82,1.00); text-decoration:underline;}
.img {width:100%; height:auto;}
.lFloat {float:left;}
.rFloat {float:right;}
.fixFloat {clear:both;}
.img0850 {max-width:100%; max-height:100%;}
.textSpan {display:inline-block; vertical-align:middle; line-height:normal; margin-bottom :0.4em;}
.hideDiv { display: none;}
.colorSapphire {color:rgba(0,15,51,1.00);}
.colorRuby {color:rgba(135,0,82,1.00);}
.colorGray {color: rgba(73,71,71,1.00);}
.colorPink {color:#a84389;}
.bgWhite {color:#fff;}
.bgSapphire {background:rgba(0,15,51,1.00);}
.bgRuby {background:rgba(135,0,82,1.00);}
.bgSand {background:rgba(202,191,183,1.00);}
.bgWhite {background:#fff;}
.bgMidGray {background:#c9bfb6;}
.bgGray {background: rgba(73,71,71,1.00);}
.bgPink {background:#a84389;}
.pSingleColRuby {color:rgba(135,0,82,1.00);font-size:1em !important; text-align:center; margin-top:1.2em; line-height:normal;}
.txtAlignLeft {text-align:left; padding-left:1em;}
.txtAlignRight {text-align:right; padding-right:1em;}
.txtAlignCenter {text-align:center;}

/**** TABLE *****/
.tableBorderNoneBottom {border-bottom:none;}
.tableBorderNoneTop {border-top:none;}
.tableBorderNoneLeft {border-left:none;}
.tableBorderNoneRight {border-right:none;}
th, td {vertical-align:middle; /*border:none;*/ text-align:center;}
td {color:rgba(0,15,51,1.00); height:2.3em; line-height:normal;}
th {background:rgba(135,0,82,1.00); color:#fff; font-weight:bold; height: 2.1em; line-height: normal; vertical-align:middle;}
#calContainer {width:85%; margin-left:7%; margin-right:7%; height: 105px; margin-top: 25px; background: #fff; border: solid 2px #fff;}
#calContainer table {font-size:0.9em; float: right; margin-top: 3%; border: none; margin-right: 7%; width: 85%}
#calContainer td {height: 22px;background-color:#f0d7e6; border: none;}
#calTable{ height: 105px; width: 40%; float: right; background: url(../image/arrowbg04.png) no-repeat #f0d7e6 0px -4px;}
#col01 {line-height:35px;width:23%; float:left; display:inline; height:35px; margin-top: 35px; text-align: right; margin-right:2%;}
#col02 {width:30%; float:left; display:inline; margin-top: 35px;}
#col03 {width:25%; float:left; display:inline;}
.table85percent {width: 85%; margin-left: 7.5%;margin-right: 7.5%;}
.table95percent {width:95%;}
.thBorder {border:solid 2px rgba(135,0,82,1.00);}
.thDisplay {}
.calInput {width:70%;height:30px; margin-right:0.5em; float:left;}
.calBtn {width:100%;font-size: 1.2em;height: 36px;border-style: none;background: rgba(0,15,51,1.00);color: #fff;}
.tdGenis {width:auto;}
.hesaplinkPadder {padding-left:8%; padding-top: 30px;}
.btnContainerTxt {line-height:normal; font-size:0.75em; padding-top:0.8em; padding-left:7%;}
.hideCol {display:block;}
ul { margin-left:1.5em; margin-bottom:1em; margin-top:0.7em;}
ul li {line-height:normal; padding-top:0.5em; list-style:square; font-size:0.9em;}
.col04 {background:#FFF; padding:15px 10px 20px 15px; width:90%; margin-top:1em; font-size:1.1em; height:auto; overflow:auto; line-height:normal; margin-bottom:2em;}
.col04 p {margin-left:5px;}
.col05 {height:210px; overflow:auto;}
.btnClass {width:70%; height:40px; background:rgba(0,15,51,1.00); border:none; color:#fff; font-size:1em; margin-left:15%; margin-right:15%;}
.comboClass {height:40px;width:70%;margin-left:15%; margin-right:15%;}
.comboClass2 {height:40px;width:40%; margin-top:1em;}
.comboClass3 {height:40px;width:55%;}
.btnPadder {margin-bottom:120px;}
.divH3 {margin-left:2%; margin-right:2%; padding-top:2em;}
h3 {
    font-weight: bold;
    font-size: 1.5em;
    height: 40px;
    line-height: 30px;
    color: rgba(135,0,82,1.00);
	text-align:center;
}
.contentFormP {line-height:1.5em;margin-left:10%; margin-right:5%; padding-top:1em;}
.h3ImgControl {float:left; margin-right:2%; width:80px; height:80px;}

/*** MAIN PAGE***/
/*.contentBodyImg { background: url(../image/abla-2bg.png) no-repeat 100%  !important;}*/
#row01 {height:550px; line-height:normal;}
h1 {font-weight:bold; font-size:2em; padding-top:10px; margin-left:2%; color:rgba(0,15,51,1.00);}
#row01 h2 { margin-left:2%; font-size:1.2em; color:rgba(0,15,51,1.00); margin-bottom:2.4em; padding-left:0px;}
#row01 ul li{font-size:0.6em; margin-left:1%; width:47%; padding:1px; color:#686868;}
#kutu01, #kutu02 {float:left; min-height:235px; line-height:normal; overflow:auto;}

#kutu01 {background:#ffffff; width:33%; color:#686868;}
#kutu02 {background:#68004c; background-image:url(../image/arrowbg01.png); background-repeat:no-repeat; width:29%; color:#FFF; text-align:center;}
#kutu03 {background:#FFF;width:36%; background-repeat:no-repeat; background-position:0 -1px; float:right;min-height:235px; line-height:normal; overflow:auto; color:#686868;}
.pClass01 {padding-top:.9em; font-size:0.8em;color:#d5cad2;}
.pClass01Small {font-size:11px;}
.pClass02 {padding-top:2px; font-size:1.4em;}
#kutu02 a {color:#d5cad2;}
h4 {color:#106fc4; padding-top:0.7em; line-height:1.4em;}
#kutu03 div, #kutu03 p, #kutu03 h4 {margin-left:5%; margin-right:5%;}
.notes {font-size:9px; margin-bottom:3%; line-height:10px; width:80%; float:left; padding-top:1%;}
.notesCheck {float:left; width:15px; height:15px; margin-right:-9px;}
.input90 {width:95%; height:30px; margin:4px 1% 1% 1%; text-align:center; color:#A1A1A1;}
.input45 {width:46%; height:30px; margin:2% 1% 2% 1%; float:left; text-align:center; color:#A1A1A1;}
.btnBasvur {border:none; height:35px; width:98%; background:rgba(0,15,51,1.00); color:#fff; text-align:center}
#kutu01 div, #kutu01 p, #kutu01 h4 {margin-left:5%; margin-right:5%;}
#kutu01 div {line-height:50px; margin-top:5%}
.pWidth {width:20%; padding-left:5%; margin-top:5%}
#kutu01 p {float:left;line-height:50px;}
#calculatorMain {height:65px; line-height:normal;}
#kutu01 a {font-size:0.8em;}
.input35 {width:50%; height:30px; margin:2% 1% 2% 1%;float:left; text-align:center; color:#A1A1A1;}
.btnResend {background:#FFF; border:none; height:35px; text-align:center; color:rgba(135,0,82,1.00); text-decoration:underline; width:50%; float:left; font-size:.8em;}
.btnSMS {border:none; height:35px; width:45%; background:rgba(0,15,51,1.00); color:#fff; text-align:center; margin-left:2%; float:right;}
.notesSMS {font-size:.8em; line-height:10px; width:80%; text-align:center; padding-top:2%; margin-bottom:9%; color:#A1A1A1;}
.inputSMS {width:60%; height:30px; margin:5% 20% 1% 15%; text-align:center; color:#A1A1A1;}
.inputSMS2 {width:50%; height:30px; margin:1% 3% 1% 0%; text-align:center; color:#A1A1A1; float:left;}
.imgCaptcha {float:left; margin:0 0 0 3% ; width:40%; height: 42px;}
.inputSMS3 {width:38%; height:30px; margin:2% 0% 7% 0%; text-align:center; color:#A1A1A1; float: right;}
.imgRefresh {margin:2% 2% 18% 0%; float: left;}
.h4FontSize {min-height:70px; line-height:normal; font-size:.98em}

.imza {text-align:right; font-size:1em; margin-bottom:10px}






@media only screen and (max-width : 319px)
{
    #mainContainer{padding-bottom:120px !important;}
	.imza {text-align:center; font-size:1em; margin-bottom:10px}
	#mainHeader { background: url(../image/qnb-logo-mobil-2.png) no-repeat; height: 55px;}
	#mobileSteps {display:block; margin: 1.5em 0.5em; font-size: .7em;}
#webStepsContainer {display:none;}
#webSteps {display:none;}
#infoBadge {min-height:45px !important; margin-top:0.6em; margin-bottom:0em;font-size:0.75em;line-height:45px;overflow:hidden; padding-left:3.5em;}
.badgeImgInfo {background-position:0px -10px; background-size:36px 65px;}
.badgeImgOnay {background-position:0px -7px; background-size:36px 65px;}
#infoBadgeHide{display:none;}
.noInfoBadge {margin-top: 10px !important; margin-bottom:0px !important;}
    #contentContainer {
        margin-left: 0em;
        margin-right: 0em;
        margin-bottom: 0em;
        height: auto;
        margin-top: 8px;
        padding: 2%;
        background-color: #FFFFFF;
    }
#contentHeader {height:30px;}
#baslikKisisel, #baslikCalisma, #baslikIletisim {height: 30px;line-height: 30px !important;font-family: Arial, sans-serif !important;}	
.baslikSteps2 {background:url(../image/steps-border-2-mobil.png) no-repeat #a84389 0px -5px;}
h2 {padding-left:5px; font-size:0.6em;}
#contentForm {min-height:200px;overflow: auto;}
#colonA, #colonB {height:auto; overflow:auto; width:100%;float:none; clear:both;margin-top:0em;}
#colonA input, #colonB input  {height:30px; width:100%;}
#colonA textarea, #colonB textarea  {width:100%; height:110px}


#colonC {height:auto; overflow:auto; padding:1em; background:#fff; margin-left:5%; margin-right:5%;}
.labelCell {width:98%; padding:0em; margin-top:0em; margin-left:0%; margin-right:0%;}
.fLable {float:none; clear:both; height:30px; width:100%;line-height:35px; padding:0em;}
#colonA p, #colonB p {line-height:normal;}
#colonC p {line-height:1.4em; font-size:1em; text-align:center}
.tlShow {display:none;}
.fInput {width:100%;}
.submitBtn {width:100%; float:none; clear:both; margin-right:0%; margin-left:0%; height:50px;}
.backBtn {width:100%; float:none; clear:both; background:rgba(202,191,183,1.00); color:#1e1e1e; text-decoration:none; margin-right:0%; margin-left:0%; margin-top: 5%; height:50px;}
#SubmitBtnControl, #backBtnControl, #SubmitBtnControlC, #backBtnControlC {float:none; clear:both; width:100% !important;}
.backBtnC, .submitBtnC {width:90% !important;margin-right:5%;margin-left:5%;height:50px;float:none;clear:both;margin-bottom:1em;}
#btnContainer {width:100%; margin-top:1em; height:auto; overflow:auto; margin-left: 0; margin-right: 0;}
#contentBody {overflow:auto; margin: 0 2% 0 2%; min-height:auto;}
#containerHeader {margin: 0; padding: 0;}
#logo {display: none;}
.img0850 {max-width:35%; height:auto;}
.imgSocialMedia {max-width:35%; height:auto;}
#colonD {padding:0;margin:0em;height:auto;}
#tableMainContainer {width:100%;padding:0;margin-top:0; margin-left:0%; margin-right:0%}
#tableMainContainer p {margin-top:0.5em; width: 100%}
.tableContainer {height:auto;float: none;width: 100%;padding: 0em;margin: 0em;}
table {width:100%; margin-left:0%; margin-right:0%;}
.table85percent {width:100% !important; margin-left:0%; margin-right:0%;}
.table95percent {width:100% !important;}	
#col03 {width:100%; float:none; clear:both;margin-bottom:1em;}
.calInput {width:90%;margin-right:0.5em;margin-bottom:1em; float:left}
.calBtn {margin-bottom:1em; float:left; width:100%;}
th { padding-top:0.5em; padding-bottom:0.5em; line-height:normal; height:auto; font-weight: normal;}
td {height: auto; line-height:normal;font-size:0.9em; padding: 5px 1px 5px 1px;}
.hideCol {display:none;}
.thBorder {border:none;}
.thDisplay {display:none;}
.tdGenis {width:28%; padding-right: 2px;}
#tablePadderTop {margin-top: 0px;}
.odemePlaniBtn {width:60%; height:40px;}
.btnContainerTxt {line-height:normal; font-size:0.8em; margin-bottom:1em; margin-left:5%; margin-right:5%; padding-left:0px; padding-top:0px;}
ul { margin-left:10%; margin-bottom:1em; margin-top:0.2em;}
ul li {line-height:normal; padding-top:0.5em; list-style:square; font-size:0.9em;}
.col04 {height:auto; overflow:auto; line-height:normal;}
.col04 p {text-align:center; margin-left:0px;}
.col05 {height:auto;}
.btnClass {width:90%; margin-left:5%; margin-right:5%;margin-bottom:0em;}
.comboClass {height:40px;width:90%;margin-left:5%; margin-right:5%;}
.btnPadder {margin-bottom:20px;}
.comboClass2 {height:40px;width:80%; margin-top:0.7em; margin-left:10%; margin-right:10%;}
#colonF {line-height:normal;padding-top: 0em; padding-right: 1em;padding-left: 1em; font-size:1em; height:auto; overflow:auto;}
#colonF ul li {font-size:1em;} 
#colonF p {margin-bottom:0.5em;}
.divH3 {margin-left:0%; margin-right:0%; padding-top:0em; padding-bottom:0em;}
h3 {font-size:1.2em; padding-top:0.5em; line-height:1.3em; height: 30px;}
.contentFormP {margin-left:7%; margin-right:7%; padding-top:0.7em;}
.h3ImgControl {float:none; width:30px; height:30px; margin-left:40%;}
.comboClass3 {width:100%;}
#row01 {height:auto; overflow:auto; background:none;}
h1 {font-size:1.5em; padding-top:10px; margin-left:2%; margin-bottom:2%;}
#row01 h2 {font-size:1em; margin-bottom:5%; width:auto;}
#row01 ul li{ font-size:0.7em; width:auto; padding:1px; margin-right:5%;}
#kutu01, #kutu02 {float:none; overflow:auto;}
#kutu01 {width:auto; height:auto;background: #F0EDEE;}
#kutu02 {background-image: url(../image/arrowbg03.png); background-position: 50% 0px;width:auto; margin-bottom:0em; padding-top:10px;}
#kutu03 {width:auto;background-image:none; float:none; overflow:auto;}
.pClass01 {padding-top:17px; font-size:0.8em;}
.pClass01Small { margin-bottom: 12px; font-size: 12px;}	
.pClass02 {padding-top:2px; font-size:1.4em;}
h4 {padding-top:0.7em;text-align:center; line-height:normal;}
#kutu03 div, #kutu03 p, #kutu03 h4 {margin-left:5%; margin-right:5%;}
.notes {font-size:12px; margin-bottom:5%; line-height:13px; width:70%; padding-top:5%;}
.notesCheck {width:35px; height:35px; margin-right:-9px; margin-top:5%;}
.input90 {width:95%; height:30px;}
.input45 {width:95%; height:30px; float:none;}
.btnBasvur {height:40px; margin-bottom:5%;font-size:1em;} 
#kutu01 div {line-height:normal; margin-top:1%}
.pWidth {width:auto; padding-left:1%; margin-top:5%;}
#kutu01 p {float:none;line-height:normal;}
#calculatorMain {height:auto;}
#kutu01 a {font-size:0.9em;}
.input35 {width:85%; float:none;}
.btnResend {background:rgba(202,191,183,1.00);color:#1e1e1e; height:40px; text-decoration:none; width:90%; float:none; font-size:1em;margin-left:5%; margin-right:5%; margin-bottom:5%}
.btnSMS {height:40px; width:90%;margin-left:5%; margin-right:5%;font-size:1em; margin-bottom:5%;}
.notesSMS {font-size:.8em; line-height:10px; width:auto; text-align:center; padding-top:2%; margin-bottom:9%; color:#A1A1A1;}
.inputSMS {width:90%; height:30px; margin:10% 5% 1% 5%;  color:#A1A1A1;}
.inputSMS2 {width:90%; height:40px; margin:0% 5% 2% 5%;float:none;}
.imgCaptcha {float:right; margin:0% 5% 8% 5%; width:67%; height: 50px;}
.inputSMS3 {width:65%; height:40px; margin:0% 5% 10% 5%;}
.imgRefresh {margin:2% 2% 0% 3%; width:40px; height:40px; float: left;}
.h4FontSize {min-height:65px; margin-top:2%}
#footerContainer {height:110px;
  background: rgba(0,15,51,1.00); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(right,rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right,rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* Standard syntax */
}
#footer {margin:0 auto; font-size:.75em; padding-left:2%; padding-right:2%;}
.footerTxt {float:none;line-height:normal; text-align:center; padding-top:5%}
#footer div { display:table;}
.footerImg {float:none; margin:auto; padding-top:5%;display:table-cell; vertical-align: central;}
#calContainer {width:98%; margin-left:0; margin-right:0; height: 198px;}
#calContainer table {font-size:1em; float: none; margin-right: 7%; width: 95%}
#calContainer td {height: 10px;background-color:#f0d7e6; border: none;}
#calTable{ height: 90px; width: 100%; float: none; background:url(../image/arrowbg06.png) no-repeat #f0d7e6 50% 0px;margin-top: 92px; padding-top:1px; padding-bottom: 15px; }
#col01 {width:45%; float: left; height:35px; margin-top: 27px; margin-right:2%; margin-left: 0%}
#col02 {width:48%; margin-top: 27px;}
#col02 input {width: 70%}	
td input {width: 20px; height:20px ;}	
td select { width: 55px; font-size: 1em;}
.hesaplinkPadder {padding-left:2%; padding-top: 25px; padding-bottom: 20px;}
.pSingleColRuby { text-align:left; width: 70% !important;}
}










@media only screen and (min-width : 320px) and (max-width : 481px)
{
    #mainContainer{padding-bottom:120px !important;}
    .chkBox{padding-top:50px !important}
	.imza {text-align:center; font-size:1em; margin-bottom:10px}
	.kalp {margin-top:10px}
	#logo {display: none;}
	#infoBadge { margin:2% 0 0 0 !important;font-size:0.75em;line-height:18px; padding-left:3.3em;}
	.noInfoBadge {margin-top: 10px !important; margin-bottom:0px !important;}
	.badgeImgInfo {background-position:0px -7px; background-size:36px 110%;}
	.badgeImgOnay {background-position:0px -7px; background-size:36px 65px;}
	#infoBadgeHide {display:none;}
	#mainHeader { background: url(../image/qnb-logo-mobil-2.png) no-repeat; height: 55px;}
	#mobileSteps {display:block; margin:4% 0 2% 0; height:auto;}
	#webSteps {display:none;}
	#contentContainer {height:auto; background-color:#FFFFFF;min-height:400px !important; margin:4% 0 0 0 !important; padding:0 !important;}
	#contentHeader {height:50px;}
	.baslikSteps2 {background:url(../image/steps-border-2-mobil.png) no-repeat #a84389; }
	#baslikKisisel, #baslikCalisma, #baslikIletisim {line-height:35px;}
	h2 {padding-left:5%; font-size:90%; line-height:normal;}
	#contentForm {height:auto; overflow:auto; min-height:250px;margin:10px; padding: 0;}
	#colonA, #colonB {height:auto; overflow:auto; width:100%;float:none; clear:both;margin-top:0em;}
	#colonC {height:auto; overflow:auto;padding:1em;background:#fff;margin-left:5%; margin-right:5%;}
	.labelCell {width:96%; padding:0em; margin-top:0em; margin-left:1%; margin-right:0%;}
	.fLable {float:none; clear:both; height:30px; width:100%;line-height:35px; padding:0em;}
	#colonA p, #colonB p {line-height:normal;}
	#colonC p {line-height:1.4em; font-size:1em;}
	.tlShow {display:none;}
	.fInput {width:100%;}
.submitBtn {width:100%; float:none; clear:both; margin-right:0%; margin-left:0%; height:50px;}
.backBtn {width:100%; float:none; clear:both; background:rgba(202,191,183,1.00); color:#1e1e1e; text-decoration:none; margin-right:0%; margin-left:0%; margin-top: 5%; height:50px;}
#SubmitBtnControl, #backBtnControl, #SubmitBtnControlC, #backBtnControlC {float:none; clear:both; width:100% !important;}
.backBtnC, .submitBtnC {width:90% !important;margin-right:5%;margin-left:5%;height:50px;float:none;clear:both;margin-bottom:1em;}
#btnContainer {width:100%; margin-top:1em; height:auto; overflow:auto; margin-left: 0; margin-right: 0; padding: 0 10px 10px 10px}
#contentBody {overflow:auto; margin: 0 3% 0 3%; min-height: auto;}
#containerHeader {margin: 0; padding: 0;}
.btnWide {width:100%;}
.btnPad {margin-right:0%;}
	#footer {font-size:0.6em; padding-right:0.1em;}
	.img0850 {max-width:35%; height:auto;}
	.imgSocialMedia {max-width:35%; height:auto;}
	#colonD {margin:0 0 0 0 !important; padding:0em !important; height: auto;}
	#col03 {width:100%; float:none; clear:both;margin-bottom:1em;}
	.table85percent {width:100%; margin: 0;}
	.table95percent {width:100%;}
	.calInput {width:90%;margin-right:0.5em;margin-bottom:1em; float:left;}
	.calBtn {margin-bottom:1em; float:left; width:100%}
	th { padding-top:0.7em; padding-bottom:0.7em; line-height:normal; height:auto;}
	td {font-size:0.9em; padding: 5px 1px 5px 1px;}
	.hideCol {display:none;}
	.thBorder {border:none;}
	.thDisplay {display:none;}
	.tableContainer {float:none; width:100%; padding:0em; margin:0em; height:auto}
	#tableMainContainer {width:100%; padding-right:0 em;margin-top:0; margin-left:0%; margin-right:0%}
	#tableMainContainer p {margin-top:0.5em; width:95%;}
	.hesaplinkPadder {padding-left:2%; padding-top: 25px; padding-bottom: 20px;}
	#tablePadderTop {margin-top: 0px;}
	.odemePlaniBtn {width:60%; height:40px; margin: 1em 0em 1em 0em;}
	.btnContainerTxt {line-height:normal; font-size:0.8em; margin-bottom:1em; margin-left:2%; margin-right:5%; padding-left:0px;}
	ul { margin-left:10%; margin-bottom:1em; margin-top:0.2em;}
	ul li {line-height:normal; padding-top:0.5em; list-style:square; font-size:0.9em;}
	.col04 {height:auto; overflow:auto; line-height:normal; margin-bottom:0em;}
	.col04 p {text-align:center; margin-left:0px;}
	.col05 {height:auto;}
	.btnClass {width:90%;margin-left:5%; margin-right:5%;}
	.comboClass {height:40px;width:90%;margin-left:5%; margin-right:5%;}
	.btnPadder {margin-bottom:20px;}
	.comboClass2 {height:40px;width:80%; margin-top:0.7em; margin-left:10%; margin-right:10%;}
	#colonF {line-height:normal;padding-top: 0em; padding-right: 1em;padding-left: 1em; font-size:1em; height:auto; overflow:auto;}
	#colonF ul li {font-size:1em;} 
	#colonF p {margin-bottom:0.5em;}
	.divH3 {margin-left:0%; margin-right:0%; padding-top:0em; padding-bottom:0em;}
	h3 {font-size:1.2em; padding-top:1em; height: 50px; line-height:1.3em}
	.contentFormP {margin-left:2%; margin-right:5%; padding-top:0.5em;}
	.h3ImgControl {float:none; width:40px; height:40px; margin-left:40%;}
	.comboClass3 {width:100%;}
	#row01 {height:auto; overflow:auto; background:none;}
	h1 {font-size:1.5em; padding-top:10px; margin-left:6%; margin-bottom:2%;}
	#row01 h2 {font-size:1em; margin-bottom:5%; width:auto; padding-left:4%;}
	#row01 ul li{ font-size:0.7em; width:auto; padding:1px; margin-right:5%;}
	#kutu01, #kutu02 {float:none; overflow:auto;}
	#kutu01 {width:auto; background:#F0EDEE;}
	#kutu02 {background-image: url(../image/arrowbg03.png); background-position: 50% 0px;width:auto; margin-bottom:0em; padding-top:10px;}
	#kutu03 {width:auto;background-image:none; float:none; overflow:auto;}
	.pClass01 {padding-top:17px; font-size:0.8em;}
	.pClass01Small { margin-bottom: 15px; font-size: 12px;}
	.pClass02 {padding-top:2px; font-size:1.4em;}
	h4 {padding-top:0.7em; text-align:center; font-size:1.2em; line-height:normal;}
	#kutu03 div, #kutu03 p, #kutu03 h4 {margin-left:5%; margin-right:5%;}
	.notes {font-size:12px; margin-bottom:5%; line-height:13px; width:70%; padding-top:5%;}
	.notesCheck { width:35px; height:35px; margin-right:-9px; margin-top:5%;}
	.input90 {width:95%; height:30px;}
	.input45 {width:95%; height:30px; float:none;}
	.btnBasvur {height:40px;margin-bottom:5%; font-size:1em;}
	#kutu01 div {line-height:normal; margin-top:1%}
	.pWidth {width:auto; padding-left:1%; margin-top:5%;}
	#kutu01 p {float:none;line-height:normal;}
	#calculatorMain {height:auto;}
	#kutu01 a {font-size:0.9em;}
	.input35 {width:85%; float:none;}
	.btnResend {background:rgba(202,191,183,1.00);color:#1e1e1e;height:40px; text-decoration:none; width:90%; float:none; font-size:1em;margin-left:5%; margin-right:5%; margin-bottom:5%}
	.btnSMS {height:40px; width:90%;margin-left:5%; margin-right:5%;font-size:1em; margin-bottom:5%;}
	.notesSMS {font-size:.8em; line-height:10px; width:auto; padding-top:2%; margin-bottom:9%; color:#A1A1A1;}
	.inputSMS {width:90%; height:30px; margin:10% 5% 1% 5%; color:#A1A1A1;}
	.inputSMS2 {width:90%; height:40px; margin:0% 5% 2% 5%;float:none;}
	.imgCaptcha {float: right; margin:0% 5% 8% 5%; width:66%; height: 50px}
	.inputSMS3 {width:65%; height:40px; margin:0% 5% 10% 5%;}
	.imgRefresh {margin:2% 2% 0% 3%; width:45px; height:45px;}
	.h4FontSize {min-height:65px; margin-top:2%}
#footerContainer {height:120px;
  background: rgba(0,15,51,1.00); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(right,rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right,rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right,rgba(0,15,51,1.00),rgba(135,0,82,1.00)); /* Standard syntax */
}
#footer {margin:0 auto; font-size:.75em; padding-left:2%; padding-right:2%;}
.footerTxt {float:none;line-height:normal; text-align:center; padding-top:15px}
#footer div { display:table;}
.footerImg {float:none; margin:auto; padding-top:15px;display:table-cell; vertical-align: central;}
#calContainer {width:99%; margin-left:0%; margin-right:0%; height: 213px; border:none;padding: 1px 1px 1px 1px;}
#calContainer table {font-size:1em; float: none; margin-right: 7%; width: 93%}
#calContainer td {height: 15px;background-color:#f0d7e6; border: none;}
#calTable{ height: 105px; width: 100%; float: none; background:url(../image/arrowbg06.png) no-repeat #f0d7e6 50% 0px;margin-top: 92px; padding-top:1px; padding-bottom: 15px; }
#col01 {width:45%; float: left; height:35px; margin-top: 27px; margin-right:2%; margin-left: 0%}
#col02 {width:48%; margin-top: 27px;}
#col02 input {width: 70%}	
td input {width: 20px; height:20px ;}	
#mobileSteps {display:block; margin:4% 0 2% 0; height:auto;}
	}










@media only screen and (min-width : 481px) and (max-width : 768px)
{
    #mainContainer{padding-bottom:120px !important;}

	#infoBadge { min-height:60px !important;padding-left:3.5em;font-size:0.75em; line-height:28px; margin: 2% 2% 0 2%; overflow: hidden;}
	.badgeImgInfo {background-position:0px -3px; background-size:36px 110%;}
	.badgeImgOnay {background-position:0px -3px; background-size:36px 65px;}
	#infoBadgeHide {display:none;}
	.noInfoBadge {margin-top: 10px !important; margin-bottom:0px !important;}
	#contentContainer {margin-left:2%; margin-right:2%; margin-bottom:0em; height:auto; margin-top:8px; padding:0.5em;}
	#contentHeader {height:50px; margin-left: 5%; margin-right: 5%; width:90%;}
	#baslikKisisel, #baslikCalisma, #baslikIletisim {line-height:35px;}
	h2 {font-size:90%; line-height:normal;}
	#contentForm {height:auto; overflow:auto; min-height:250px;}
	#colonA, #colonB {height:auto; overflow:auto; width:100%;float:none; clear:both;margin-top:0em;}
	#colonC {height:auto; overflow:auto;padding:1em;background:#fff;margin-left:5%; margin-right:5%;}
	.labelCell {width:89.5%; padding:0em; margin-top:0em; margin-left:5%; margin-right:5%;}
	.fLable {float:none; clear:both; height:30px; width:100%;line-height:35px; padding:0em;}
	#colonA p, #colonB p {line-height:normal;}
	#colonC p {line-height:1.4em; font-size:1em;}
	.tlShow {display:none;}
	.fInput {width:100%;}
    .submitBtn {
        width: 100%;
        float: none;
        clear: both;
        height: 50px;
        margin-top: 10px;
     margin-bottom: 20px;
        
        }

    .backBtn {
        width: 90%;
        float: none;
        clear: both;
        background: rgba(202,191,183,1.00);
        color: #1e1e1e;
        text-decoration: none;
        margin-right: 5%;
        margin-left: 5%;
        margin-top: 1em;
        height: 50px;
       
    }
	#SubmitBtnControl, #backBtnControl, #SubmitBtnControlC, #backBtnControlC{float:none; clear:both; width:100% !important;}
	.backBtnC, .submitBtnC {width:100% !important;height:50px;float:none;clear:both;margin-bottom:1em;}
	#btnContainer {width:100%; margin-top:1em; height:auto; overflow:auto;}
	#contentBody {height:auto;overflow:auto;}
	.img0850 {max-width:35%; height:auto;}
	.imgSocialMedia {max-width:35%; height:auto;}
	#colonD {margin:0 5% 0 5%; padding:0em; height: auto;}
	#col03 {width:100%; float:none; clear:both;margin-bottom:1em;}
	.table85percent {width:100%; margin-left:0%; margin-right:0%;}
	.table95percent {width:100%;}
	.calInput {width:90%;margin-right:0.5em;margin-bottom:1em; float:left;}
	.calBtn {margin-bottom:1em; float:left; width:100%}
	th { padding-top:0.7em; padding-bottom:0.7em; line-height:normal; height:auto;}
	.hideCol {display:none;}
	.thBorder {border:none;}
	.thDisplay {display:none;}
	.table95percent {width:100%;}
	.tableContainer {float:none; width:100%; padding:0em; margin:0em; height:auto}
	#tableMainContainer {width:100%; padding-right:0 em;margin-top:0; margin-left:0%; margin-right:0%}
	#tableMainContainer p {margin-top:0.5em; width:97%;}
	.hesaplinkPadder {padding-left:2%; padding-bottom: 0px; padding-top: 25px;}
	#tablePadderTop {margin-top: 0px;}
	.odemePlaniBtn {width:50%; height:40px; margin: 1em 0em 1em 0em;}
	.btnContainerTxt {line-height:normal; font-size:0.8em; margin-bottom:1em; margin-left:5%; margin-right:5%; padding-left:0px;}
	ul { margin-left:13%; margin-bottom:1em; margin-top:0.2em;}
	ul li {line-height:normal; padding-top:0.5em; list-style:square; font-size:0.9em;}
	.col04 {height:auto; overflow:auto; line-height:normal;}
	.col04 p {text-align:center; margin-left:0px;}
	.col05 {height:auto;}
	.btnClass {width:80%;margin-left:10%; margin-right:10%;}
	.comboClass {width:80%;margin-left:10%; margin-right:10%;}
	.btnPadder {margin-bottom:20px;}
	.comboClass2 {height:40px;width:70%; margin-top:0.7em; margin-left:5%; margin-right:10%;}
	#colonF {line-height:normal;padding-top: 0em; padding-right: 1em;padding-left: 1em; font-size:1em; height:auto; overflow:auto;}
	#colonF ul { margin-left:10%}
	#colonF ul li {font-size:1em;} 
	#colonF p {margin-bottom:0.5em;}
	.divH3 {margin-left:2%; margin-right:2%; padding-top:0em; padding-bottom:0em;}
	h3 {font-size:1.2em; line-height:1.3em; height: 30px;}
	.contentFormP {margin-left:5%; margin-right:5%; padding-top:1em; }
	.h3ImgControl {width:45px; height:45px; margin-left:3%;}
	.comboClass3 {width:100%;}
	#row01 {height:auto; overflow:auto; background:none;}
	h1 {font-size:1.5em; padding-top:10px; margin-left:6%; margin-bottom:2%}
	#row01 h2 {font-size:1em; margin-bottom:2%; margin-right:5%; width:auto; padding-left:4%;}
	#row01 ul li{ font-size:0.7em; width:auto; padding:1px; margin-right:5%; margin-left:-1em;}
	#kutu01, #kutu02 {float:none; overflow:auto;}
	#kutu01 {width:auto;background: #F0EDEE;}
	#kutu02 {background-image: url(../image/arrowbg03.png); background-position: 50% 0px;width:auto; margin-bottom:0em;padding-top:10px;}
	#kutu03 {width:auto;background-image:none; float:none; overflow:auto;}
	.pClass01 {padding-top:17px; font-size:0.8em;}
	.pClass01Small { margin-bottom: 15px; font-size: 13px;}
	.pClass02 {padding-top:2px; font-size:1.4em;}
	h4 {padding-top:0.7em; text-align:center; font-size:1.3em; line-height:normal;}
	#kutu03 div, #kutu03 p, #kutu03 h4 {margin-left:5%; margin-right:5%;}
	.notes {font-size:12px; margin-bottom:5%; line-height:13px; width:70%; padding-top:5%;}
	.notesCheck { width:35px; height:35px; margin-right:-9px; margin-top:5%;}
	.input90 {width:95%; height:30px; text-align:center; color:#A1A1A1;}
	.input45 {width:95%; height:30px; float:none; text-align:center; color:#A1A1A1;}
	.btnBasvur {height:40px;margin-bottom:5%;font-size:1em;}
	#kutu01 div {line-height:60px; margin-top:5%;}
	.pWidth {width:11%; padding-left:1%; margin-top:5%;}
	#kutu01 p {float:left;line-height:65px;}
	#calculatorMain {height:60px; line-height:normal;}
	#kutu01 a {font-size:1em;}
	.input35 {width:70%; height:30px;float:left;}
	.btnResend { background:rgba(202,191,183,1.00); color:#1e1e1e; height:40px; text-decoration:none; width:90%; float:none; font-size:1em;margin-left:5%; margin-right:5%; margin-bottom:5%}
	.btnSMS {height:40px; width:90%;margin-left:5%; margin-right:5%;font-size:1em; margin-bottom:5%;}
	.notesSMS {font-size:.8em; line-height:10px; width:auto; padding-top:1%; margin-bottom:5%; color:#A1A1A1;}
	.inputSMS {width:90%; height:30px; margin:5% 5% 1% 5%; color:#A1A1A1;}
	.inputSMS2 {width:43%; height:40px; margin:1% 0% 0% 5%;float:left;}
	.imgCaptcha {float: left; margin:0% 0% 5% 6%; width:35%; height:50px}
	.inputSMS3 {width:35%; height:40px; margin:1% 5% 8% 2%;}
	.imgRefresh {margin:1% 0% 0% 5%; width:45px; height:45px;}
	.h4FontSize {min-height:50px; margin-top:2%}
#footerContainer {height:120px;}
#footer {margin:0 auto; font-size:.75em; padding-left:2%; padding-right:2%;}
.footerTxt {float:none;line-height:normal; text-align:center; padding-top:20px}
#footer div { display:table;}
.footerImg {float:none; margin:auto; padding-top:15px;display:table-cell; vertical-align: central;}
#calContainer {width:100%; margin-left:0%; margin-right:0%; height: 213px;}
#calContainer table {font-size:1em; float: none; margin-right: 7%; width: 70%; margin-left: 14%;}
#calContainer td {height: 22px;background-color:#f0d7e6; border: none;}
#calTable{ height: 105px; width: 100%; float: none; background:url(../image/arrowbg06.png) no-repeat #f0d7e6 50% 0px;margin-top: 92px; padding-top:1px; padding-bottom: 15px; }
#col01 {width:30%; float: left; height:35px; margin-top: 27px; margin-right:2%; margin-left: 10%}
#col02 {width:40%; margin-top: 27px;}
#col02 input {width: 80%}
td input {width: 20px; height:20px ;}
}

textarea {font-family:Arial !important;}

@media only screen and (min-width : 769px)
{	
	}


.fxFloat{float:inherit !important; margin-right:0px !important}