@charset "utf-8";

   .zzd{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 15px;
   
    }
    .zzd span{ 
     padding: 10px 20px;
     cursor: pointer;
     transition: .6s;
    }
    .evc{
	  border-right: 1px solid #511567;
      background-color: #008000; #7FCD3E
      color: #fff;      
      border-radius: 3px;
	  style=float:left;width: 50%;
	  text-align: center;
    }
    .evc:hover{
       background-color: #7FCD3E;
       color: #fff;
      
    }
    .hyrzz{
      border-left: 1px solid #511567;
      background-color: red;
      color: #fff;
      border-radius: 3px;
	  style=float:left;width: 50%;
	  text-align: center;
    }
    .hyrzz:hover{
       background-color: #92000a;
       color: #fff;
    }
    .zzz{
      font-size: 22px;
      font-weight: bold;
      display: block;
	  color: #fff;      
    }
    .nmbrr{
      display: block;
padding: 8px;
border-radius: 1px;
border: none;
outline: none;
width: 100%;
font-size: 18px;
background-color: #f6f6f6;
border: 1px solid #e2e2e2;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #efefef;
    }
    
.ppp{
      position: fixed;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
       
      justify-content: center;
      align-items: center;
      padding: 18px;
      background-color: rgba(0, 0, 0, .9);
      text-align: left;
		margin-left: auto;
		margin-right: auto;  
	left: 0;
	right: 0;
    }

   .zzzd{
     max-width: 500px;
     font-size: 18px;
     padding: 20px;
     color:#fff;
	 background: url("../basvuru-formu-arka-plani.jpg") no-repeat center center;
     border: 2px solid #9d9d9d;
     border-radius: 3px;
	   margin-left: auto;
	   margin-right: auto;
   }
   @media screen and (max-width:500px) {
    span.zzd{
        display: flex !important;
        flex-direction: column !important;
    }
    span.zzd span{
        margin-bottom: 10px !important;
        width: 100%;
    }
}