@import url("fonts/helvetica/fonts.css");

body {margin: auto;  font-family: 'HelveticaTrCondensedNormal'; color:#7b8788; font-size: 13px;} 
#header {width: 100%; height: 170px; float: left;  }
#header.belge {width: 100%; height: 170px; float: left; background: url("../img/bg.png"); }

#header .box {width: 960px; height: 170px; margin:auto;}
#header .box .logo {width: 190px; height: 105px; margin-top:35px; float: left;}
#header .box .baslik {float: right; letter-spacing: 14px; margin-top:77px; color:#6f6f6f; font-family: 'HelveticaTrCondensedNormal'; font-size: 19.83px; }
#header .box .baslik b {font-family: 'HelveticaTrCondensedBlack';}

#page {width: 100%; float: left; background: url("../img/bg.png"); padding-bottom: 50px;  }
#page.belge {width: 100%; float: left; background:#FFF; padding-bottom: 50px;  }
#page .box {width: 960px; margin:auto; }
#page .box h1 {float: left; width: 100%; margin-top: 100px; font-size: 108px; color:#014067; font-family: 'HelveticaTrCondensedBlack'; text-align: center; }
#page .box h5 {float: left; width: 100%; margin-top: 21px; font-size: 24.33px; color:#014067; font-family: 'HelveticaTrCondensedLight'; text-align: center; letter-spacing: 3px;}
#page .box h2 {float: left; width: 100%; margin-top: 21px; font-size: 43.37px; color:#014067; font-family: 'HelveticaTrCondensedBlack'; text-align: center; }
#page .box h3 {float: left; width: 100%; margin-top: 21px; font-size: 43.37px; color:#014067; font-family: 'HelveticaTrCondensedLight'; text-align: center; }
#page .box h3.basvurusayfasi {float: left; width: 100%; margin-top: 43px; font-size: 43.37px; color:#014067; font-family: 'HelveticaTrCondensedLight'; text-align: left; background: url("../img/sinavucretsiz.png") no-repeat top right; padding-top: 50px; padding-bottom: 55px;  }
#page .box .butonlar {margin-top: 125px; float: left; width:535px; margin-left: 202px; margin-bottom: 125px; }
#page .box .butonlar .basvuru {float: left; }
#page .box .butonlar .belge {float: left; cursor: pointer; }
#page .box .butonlar .web {margin-top:20px; margin-left:115px; float: left;}

#footer {width: 100%; float: left; height: 102px; background: url("../img/footerbg.png") repeat-x bottom center; position:relative;  }
#footer .box {margin: auto; height: 102px; background: url("../img/footerbg2.png") no-repeat center top; display:table; }
#footer .box .bilgiler {float: left; margin-top: 80px; padding-left: 10px; background: url("../img/nokta.png") no-repeat left center; margin-right: 10px; color:#FFF; }
#footer .box .bilgiler b {font-family: 'HelveticaTrCondensedBlack';}
#footer .box .bilgiler br {display: none;}
#footer .box .bilgiler:nth-child(1) {background: none; padding-left: 0px; }


form#basvuru {float: left; margin-top: 35px; width: 960px;}
form#basvuru .blok {width: 48%; float: left; margin-bottom: 30px; height: 58px; margin-right: 2%;}
form#basvuru .blok.sinifsec {width: 100%; }
form#basvuru .blok:nth-child(2n+2) {margin-right: 0px;}
form#basvuru .blok label {float: left; width:100%; font-size: 18px; font-family: 'HelveticaTrCondensedNormal'; color:#014067; text-align: left; display: none;}
form#basvuru .blok input[type="text"] {float: left; width: 100%; margin-left: 0px;  padding-bottom: 3px; height: 35px; margin-right: 0px; background: none; border:none; border-bottom: 1px solid #ff6414; color:#014067; font-family: 'HelveticaTrCondensedNormal'; font-size: 18px;}
form#basvuru .blok input[type="text"]::placeholder {font-size: 18px;}
form#basvuru .blok input[type="text"].bos {border-bottom: 2px solid #a90000; }
form#basvuru .blok select {float: left; width: 100%; margin-left: 0px; padding-bottom: 3px; height: 37px; margin-right: 10px; background: none; border:none; border-bottom: 1px solid #ff6414; color:#014067; font-family: 'HelveticaTrCondensedNormal'; font-size: 15px;}
form#basvuru .tamamla {width: 267px; height: 66px; margin:auto; }
form#basvuru .tamamla input[type="image"] {float: left; width: 267px; height: 66px; border:none;  margin-top:105px;}

#popupbg {background: url("../img/popupbg.png"); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;    display: none;}
#popup {position: absolute; width: 554px; height: 390px;    display: none;}
#popup .kapat {position: absolute; width: 36px; height: 39px; margin-left:496px; margin-top:-20px;  cursor: pointer;}

#popup2{ position: absolute; width: 554px; height: 390px; background: url("../img/popupbeyaz.png");   display: none;}
#popup2 .kapat {position: absolute; width: 36px; height: 39px; margin-left:496px; margin-top:-20px; cursor: pointer;}
#popup2 .baslik {margin-top:30px; width: 100%; float: left; font-size: 34px; color:#014067; font-family: 'HelveticaTrCondensedNormal'; text-align: center; margin-top:30px;}
#popup2 input[type="text"] {float: left; margin-top:35px; width: 365px; height: 45px; border:1px solid  #517b95; background: #f8f8f8; color:#014067; margin-left:80px; padding-left: 25px; font-size: 18px; font-family: 'HelveticaTrCondensedBlack'; }
#popup2 input[type="image"] {float: left; margin-top:30px; margin-left:120px; border:none; }
#popup2 input::-webkit-input-placeholder {
   color: #014067;
}

#popup2 input:-moz-placeholder { /* Firefox 18- */
   color: #014067;  
}

#popup2 input::-moz-placeholder {  /* Firefox 19+ */
   color: #014067;  
}

#popup2 input:-ms-input-placeholder {  
   color: #014067;  
}

#belge {width: 770px; float: left; margin-top:45px; margin-left:95px; }
#belge .baslik {width: 100%; float: left; color:#014067; font-family: 'HelveticaTrCondensedLight'; text-align: center; font-size: 28px; letter-spacing: 2px;}
#belge .baslik b {font-family: 'HelveticaTrCondensedBlack'; }
#belge .blok {float:left; width:746px; padding: 12px; border:1px solid #014067; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin-top:45px; }
#belge .blok .satir {width: 100%; float: left; margin-top:15px;}
#belge .blok .satir .cizgi {width: 100%; float: left; margin-top: 20px;}
#belge .blok .satir .cizgi2{width: 100%; float: left; margin-bottom: 20px;}
#belge .blok .bilgi {float: left; width: 100%; }
#belge .blok .bilgi .baslik {width:100%; background: #014067;  float: left; font-size: 20.83px; color:#FFF; font-family: 'HelveticaTrCondensedNormal';}
#belge .blok .bilgi .girisb {float: left; width: 373px; }
#belge .blok .bilgi .girisb .bilgiler {width: 373px; float: left; height: 92px; display: table; }
#belge .blok .bilgi .girisb .bilgiler span {width: 353px; padding-left: 10px; height: 92px;  display: table-cell; vertical-align: middle; color:#000000; font-size: 29.17px; font-family: 'HelveticaTrCondensedBlack'; text-align: center;}

#belge .blok .bilgi .girisb2 {float: left; width: 370px; border-left:3px dotted #014067; border-left-width: 1px; }
#belge .blok .bilgi .girisb2 .bilgiler {width: 373px; float: left; height: 92px; display: table; }
#belge .blok .bilgi .girisb2 .bilgiler span {width: 353px; padding-left: 10px; height: 92px;  display: table-cell; vertical-align: middle; color:#000000; font-size: 15px; font-family: 'HelveticaTrCondensedBlack'; text-align: center; }
#belge .blok .bilgi .not {float: left; margin-top:25px; width:700px;  display: table; padding-left: 25px; padding-bottom: 15px; }
#belge .blok .bilgi .not span {display: table-cell; vertical-align: middle; width: 100%;  font-family: 'HelveticaTrCondensedNormal'; font-size: 16px; color:#014067;line-height: 18px;}
#belge .blok .bilgi .not span b {font-family: 'HelveticaTrCondensedBlack'; font-size: 22px;}


.okullabel {display: block; width: 100%!important; margin-left:115px; text-align: left!important;}
.okullabelselect {float: left; width: 340px; margin-left: 5px; padding-bottom: 3px; height: 20px; margin-right: 10px; background: none; border:none; border-bottom: 1px solid #517b95; color:#014067; font-family: 'HelveticaTrCondensedNormal'; font-size: 15px; height: 23px;  margin-left:115px!important;  margin-top: 15px;}
/*.siniflabel {display: block; width: 100%!important; margin-left:115px!important; text-align: left!important;}
.siniflabelselect {height: 23px;  margin-left:115px!important; margin-top: 15px;}*/


.basvurubuton { background: rgb(120,179,78);
background: linear-gradient(90deg, rgba(120,179,78,1) 0%, rgba(105,166,69,1) 48%, rgba(121,179,79,1) 100%);   border-radius: 5px; display: table; float:left; width:225px; height: 62px;
}
.basvurubuton span  { display: table-cell; vertical-align: middle; height: 62px; color:#FFF; text-align: center; font-size: 20px; font-weight: 800; font-family: 'HelveticaTrCondensedBlack' }

.belgebuton { background: rgb(244,112,0);
background: linear-gradient(229deg, rgba(244,112,0,1) 0%, rgba(247,153,0,1) 100%);
   border-radius: 5px; display: table; float:left; width:300px; height: 62px; margin-left:5px; }

  .belgebuton span {display: table-cell; vertical-align: middle; height: 62px; color:#FFF; text-align: center; font-size: 20px; font-weight: 800; font-family: 'HelveticaTrCondensedBlack'}

.webbuton {background: rgb(45,145,208);
background: linear-gradient(229deg, rgba(45,145,208,1) 0%, rgba(62,175,221,1) 100%);
   border-radius: 5px; display: table; float:left; width:300px; height: 62px; float:none; margin:auto;}  

.webbuton span {display: table-cell; vertical-align: middle; height: 62px; color:#FFF; text-align: center; font-size: 20px; font-weight: 800; font-family: 'HelveticaTrCondensedBlack'}

.tamambuton {background: rgb(120,179,78);
background: linear-gradient(90deg, rgba(120,179,78,1) 0%, rgba(105,166,69,1) 48%, rgba(121,179,79,1) 100%);   border-radius: 5px; display: table; float:left; width:225px; margin-top:50px; height: 62px;}

.tamambuton span { display: table-cell; vertical-align: middle; height: 62px; color:#FFF; text-align: center; font-size: 20px; font-weight: 800; font-family: 'HelveticaTrCondensedBlack' }

.inputs {float:left; }
.inputs .input {float:left;margin-bottom: 10px; width: 100%; }
.inputs .input input[type=checkbox].css-checkbox { display:none; width: 100%; }
.inputs .input input[type=checkbox].css-checkbox + label.css-label {cursor: pointer;  text-align: left; float:left; padding-left: 30px; font-size:15px; color:#282826; padding-top: 0px; padding-bottom: 4px; font-family: 'HelveticaTrCondensedNormal'; font-size: 18px; color:#014067; }
.inputs .input input[type=checkbox].css-checkbox:checked + label.css-label {text-align: left; background:url("../img/radionbutonselect.png") no-repeat left top; }
.inputs .input label.css-label { background:url("../img/radiobutton.png") no-repeat left top; font-weight: 300; }
.inputs .input label.css-label a { color:#ee3523; font-weight: 600; } 


.secilidegil {
 animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
 transform: translate3d(0, 0, 0);
 backface-visibility: hidden;
 perspective: 1000px;
}

@keyframes shake {
 10%, 90% {
 transform: translate3d(-1px, 0, 0);
 }
 
 20%, 80% {
 transform: translate3d(2px, 0, 0);
 }

 30%, 50%, 70% {
 transform: translate3d(-4px, 0, 0);
 }

 40%, 60% {
 transform: translate3d(4px, 0, 0);
 }
}