﻿#gecici{
    height:600px;
    width:100%;
    text-align:center;
}

#gecici p{
    padding:290px;
    font-size:20px;
}
#AG3{
    padding:20px 20px 0px 20px;
    text-align:left;

}
.AG2{
    text-align:left;
    padding-top:15px;
}

#AG{
    margin:0;
    padding:20px;
    text-align:left;

}
#AG p, #A2 p{
    padding:5px 0;
}
#AG h1, #A2 h1{
    padding:10px 0;
}
#A1{
    float:left;
    width:38%;
    padding:1% 0 0 2%;
}
#A2_1{
    float:left;
    width:60%;
    padding-left:2%;
    text-align:left;
}
#A1 img, #A1_2 img{
    resize:both;
    width:80%;
}
#AG3 img{
    resize:both;
    width:100%;
    margin:20px 0;
}
#A2{

    float:right;
    width:60%;
    text-align:left;
}
 #A1_2{

    float:right;
    width:38%;
    padding:1% 0 0 0;
    text-align:right;
}
#A2 ul, #A2_1 ul{
    margin:10px 0;
}
#A2 ul li, #A2_1 ul li{
    padding:2px 0;
    text-align:left;
}

#A3{
    padding:20px 0;
    
}
#A3 ul{
    margin:10px 0;
}
#A3 ul li{
    padding:2px 0;
    text-align:left;
}
.U2Ar {
        width: 48%;
        float:left;
        padding: 0;
        text-align:left;
        padding-bottom: 20px;
    }
 .A8 img{
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
    }
 .A8 img{
        resize:both;
        width:92%;
    }

 .cen{
     text-align:center;
 }
 .A2PA{
     padding:20px 0;
 }
 .pad_alt2{
     padding-bottom:20px;
 }
 .kgs img{
     resize:both;
     width:40%;
 }
 .ags img{
     resize:both;
     width:10%;
 }
 #banka h1{
    padding:20px 10px 0 10px;
    font-weight:400;
    font-size:13pt;
}
.bs{
   padding:8px 5px 0 5px;
}
.bs_b{
   padding:8px 5px 0 5px;
   font-size:9pt;
   color:#ffffff;
}
.bs_a{
   padding:0 0 4px 0;
   font-weight:400;
   font-size:10pt;
}
.krl h1 {
    font-size: 14pt;
    font-weight: 400;
    margin-bottom: 10px;
    padding-top:30px;
}
  .ic_b2_1{
      float:left;
      margin:0;
      padding:0 1%;
      width:50%;
  }
  .ic_b2_2{
      float:left;
      margin:0;
      padding:0 1%;
      width:46%;
  }
  #ik_form
  {
            padding:15px 0;
      margin:0;
      text-align:left;

  }
  .ik-Sec{
border:1px solid #4e4c4c;
      margin:15px 0;
      padding:15px;
  }

  .ik-Sec br{
      clear:both;
  }
  

  .formbaslik {
    margin: 5px 0;
    color:#000;
}

#formcv h2 {
    font-weight: 100;
    padding: 0;
    margin-bottom: 20px;
    color:#000;
}



#formcv input {
    width: 100%;
    padding: 5px;
    margin-bottom: 15px;
    box-sizing: border-box;
}
#formcv input[type=radio] {
    width: 20px;
    padding: 5px;
    margin-bottom: 15px;
}

#formcv textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
}

#formcv input[type=submit] {
    background-color: #4e4c4c;
    color: white;
    margin-top: 20px;
    padding: 10px;
    border: none;
    box-sizing: border-box;
    border-radius: 5px;
}
#formcv input[type=submit]:hover {
    background-color: #fff;
    color: #000;
}
.yy{
      width:100%;
  }
  .ys{
      width:20%;
  }

  .iceg{
          margin:0 10px;
  }
  .ik-baslik{
      padding:15px;
      font-size:12pt;
      font-weight:300;
  }
  .form_b{
      color:#312e2e;
  }
   #bekle{
    width: 100%; 
    height: 100%;
    top: 0px; 
    left: 0px; 
    position: fixed; 
    display: block; 
    z-index: 1999;
    background-color:#575757;
    filter: alpha(opacity=70); 
    opacity: 0.7;
}

#bekle img {
    position: absolute;
    top: 38%;
    left: 45%;
    z-index: 2000;
resize:both;
    width:140px;
            
}
#bekle p {
    position: absolute;
    top:49%;
    left: 46%;
    z-index: 2001;
    color:#fff;
    font-size:16pt; 
            
}

 @media only screen and (min-width: 768px) {

  .B3{
      float:left;
      margin:0;
      padding:10px 1%;
      width:31.3333%;
  }
    .A8{
        float:left;
        margin:1%;
        width:10.3%;
    }
   
    .b4{
    float:left;
    width:23%;
    margin:20px 1%;
}    
}

@media all and (max-width: 767px) {


    .U2Ar {
        width: 96%;
        float:left;
        padding: 0;
        text-align:center;
        padding-bottom: 20px;
    }

     .A8{
        float:left;
        margin:1%;
        width:23%;
    }
     .b4{
    float:left;
    width:46%;
    margin:20px 2%;
}  

}


@media screen and (max-width : 420px) {

    .U2Ar {
        margin: 0;
        text-align: center;
        width: 100%;
        padding: 20px 0;
    }

      #A1,#A2_1,#A2, #A1_2{
    float:none;
    width:100%;
    padding:1% 0 0 0;
        text-align: center;
}
 .A8{
        float:left;
                margin:1%;
        width:48%;
    }
#A2 ul li, #A2_1 ul li{
    text-align:center;
}
.b4{
    float:left;
    width:96%;
    margin:20px 2%;
} 
}
