article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block}
body {line-height: 1; font-family: Open Sans, sans-serif; }
ol, ul {list-style: none }
blockquote, q {quotes: none }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none }
table {border-collapse: collapse; border-spacing: 0 ;}
a { text-decoration:none; color: #e8b00c;list-style: none }  /* linklerin alt yazilarini yok et */
img {border: 0 ; list-style: none }
 /* a:focus { outline: none; }
  img:focus { outline: none; }
  input:focus { outline: none; }
select:focus { outline: none; }    */


.temizle { clear:both; }
.temizle3 { clear:both; }
 
 
 



#black_overlay {
    position: fixed !important;
    height: 100vh !important;
}

 /*  Soldaki çubuk CSS ayarı   */
::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: #283744;
border-left: 1px solid #283744;
}
::-webkit-scrollbar-thumb {
background-color: #ffffff;
}
::-webkit-scrollbar-thumb:hover {
background-color: #ff0000;
}


html, body, #discerceve {height: 100%;
 /* background-color:#FF6600;   
background-color: #dcdc9d;*/
}
body { margin: 0px; padding: 0px; } 
body > #discerceve {height: auto; min-height: 100%;
margin-top: -21px; 
/*  background-color:#CC3366;  */
}
body{background:url(../img/arkaplan.jpg) no-repeat center center fixed;
  /* background-color:#ff0000;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

 }
 
 
#ortaalan   {
margin-top: -15px;
}
#uclukisim {
    padding-bottom: 215px;
    /* background-color: #cccccc; */
    margin-top: -5px;
  /*  margin-left: 12%;  */
  margin-left: auto;
    margin-right: auto;
    width: 1032px;
}
 

/*   VİDEO GÖSTERME     */
video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100; 
  background-size: cover;
}

 




  .logom{  height: auto; margin-top: 20px; }   /* degisiyor */
  
   .ortabolum{background:url(../img/ortabolum.png) repeat; 
	width: 318px;
    height: 190px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	float:left;
	padding:10px;
	 margin-top:8px;
	 margin-left:7px;
	margin-right:7px;
	margin-bottom:7px;
	 }
	 .ortabolum h2 {
    color: #fff;
    margin: 0px;
    text-align: center;
    font-family: 'square721_btroman',sans-serif;
    font-size: 23px;
}
.ortabolum p {
    font-family: 'square721_btroman',sans-serif;
    font-size: 12px;
    margin-top: 10px;
    color: #fff;
    line-height: 15px;
    text-align: justify;
}

#ortalar {
    float: left;
    padding: -1px;
    margin-left: 3px;
	margin-right:3px;
    margin-bottom: 0px;
    margin-top: 0px;

}
 
   .ozelbolum{
	background: url(../img/ozelbolum.png) repeat;
    color: #ffffff;
    width: 1012px;
    height: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
  margin-top: 8px;
   margin-left: auto;
    margin-right: auto;
    margin-bottom: 7px;
	font-size: 13px;
	 }
 

.sagbolum  {
	 margin-top: -51px;
	z-index:1
}
	 .sagbolum h2 {
	position:relative;
    font-family: 'Segoe UI',sans-serif;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    text-align: center;
	z-index:3
}
	 
	.eniyiler {
		
	 z-index:999;
 margin-top: -166px;
		 
	} 

 

.girisaciklama2 {
 
    color: #4C9843;
    font-family: Calibri;
    font-size: 12px;
    line-height: 18px;
    margin-top: 7px;
	margin-left: 29px;
	margin-bottom: 29px;
}	
 
 .reklamalani  {
	 
	width: 728px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
	 
	 
 }
/*  EN İYİLER  BAŞLANGIÇ   */

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 100%;
height: 152px;
padding-left:20px;
padding-top:0px;
 
     font-family: Arial;
    font-size: 12px;
    color: #F9D0AE;
    line-height: 24px;
 

}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;

 
}

#pscroller2 a{
 
text-decoration: none;
}

.someclass{ /*class to apply to your scroller(s) if desired*/
}

/*  EN İYİLER BİTİŞ   */ 
	 
	 
	 
	 
	 
	 
	 
 	 /* sol giriş bölümü */
	 
.giris {
    margin-left: 7%;
    margin-top: -50%;
    position: relative;
}	
  .hesapadi{ background: url(../img/hesapadi.png) no-repeat;  width: 155px; height: 32px;color:#000000;font-size:14px; margin-bottom: 5px; border: 0px; padding-left: 30px; }
.hesapadi a{color: #FF0000;	}
.parola{  background: url(../img/parola.png) no-repeat;  width: 155px; height: 32px;color:#000000;font-size:14px;margin-bottom: 5px;  border: 0px; padding-left: 30px; }
.harita{   background: url(../img/harita.png) no-repeat;  width: 185px; height: 34px;color:#000000;font-size:14px; border: 0px; margin-bottom: 5px; padding-left: 30px; }

.onaylama {
    float: left;
    margin-left: 10px;
    position: relative;
    margin-top: -117px;
    margin-left: 219px;
}

.onaylama a{color: #fff; font-family: Lao UI,sans-serif; font-size: 11px;  }
	 
 .kayitol{
	margin-bottom: 16px;
    margin-top: 2px;
 }

	 
	 
	 
	 
	  /* sol giriş bölümü  bitti */
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
 
/*  FOOTER  KODLARI  */
#footer {
 
    position: relative;
    margin-top: -35px; /* footer yuksekliginin eksi degeri */
    height: 35px;
 
}
 #footer{  
	background: #283744 none repeat scroll 0 0; 
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    padding-bottom: 0px;
    width: 100%;
    min-height: 30px;   /*min-height: 45px;*/
    margin-bottom: 0px;
    clear: both;
    position: absolute;
    z-index: 1905;
    
    } 


#footersol {   /*  LEFT */
 
 
  /* background-color:#a5a5a5;   /* GRI */
  float:left;
 
}
#footersol {
     color: #fff; 
   
    font-weight: bold;
	font-family:"Helvetica",sans-serif;
}
#footersol {
    font-size: 30px;
    line-height: 30px;
    margin-left: 0px;
    margin-top: 0px;
    padding-left: 10px;
    padding-top: 2px;
}



 

/* FOOTER  ORTA KISIM */
 
#footerorta {
    width: 520px;
    height: 16px;
  /*  background-color: #000000;    /*  #283744;  AÇIK GRI */
    margin-left: auto;
    margin-right: auto;
    margin-top: -36px;
}
.tasarimci { float: left; color: rgba(37, 189, 37, 0.81);  }
.tasarimci {
    margin-left: 3px;
    font-size: 14px;
    margin-top: -33px;
}
.tasarimci ul:last-child{border-right: 0;}
.tasarimci ul{float: left; border-right: 1px solid #fff;}
.tasarimci ul a{color: #ff0; font-family: Calibri,sans-serif;  font-weight: normal; line-height: 21px;}

.virgul {float: left; color: rgba(37, 189, 37, 0.81); }	 
.virgul {
    margin-left: 109px;
    font-size: 14px;
    margin-top: -33px;
}
.virgul li{float: left;border-right: 1px solid #fff; }
.virgul li a{color: #ff0;  font-family: Calibri,sans-serif; font-weight: normal; line-height: 21px;}

.copyright { float: left; color: rgba(37, 189, 37, 0.81);   }
.copyright {
    margin-left: 113px;
    font-size: 14px;
    margin-top: -33px;
}


.copyright2 { float: left; color: rgba(37, 189, 37, 0.81);  }
.copyright2 {
    margin-left: 272px;
    font-size: 14px;
    margin-top: -33px;
}

.copyright2 ul:last-child{border-right: 0;}
.copyright2 ul{float: left;  border-right: 1px solid #fff;  }
.copyright2 ul a{color: #ff0; font-family: Calibri,sans-serif; font-size: 14px; font-weight: normal; line-height: 21px;}

.tumhaklari { float: left; color: rgba(37, 189, 37, 0.81);   }
.tumhaklari {
    margin-left: 378px;
    font-size: 14px;
    margin-top: -33px;
}

/*









*/

/* FOOTER  ORTA KISIM BITIR   */



/* FOOTER  SAG KISIM     */
#footersag {     /*  RIGHT */
 
   margin-top: 10px;
 

 /* background-color:#888888;  /* mavi */
   
}
.social li i{ color:#fff; float:right; margin-right:10px; font-size:20px;  }
.social {
    float: right;
    margin-right: 140px;
    margin-top: -35px;
    width: 105px !important;
}
ul.language {
    margin-right: 1%;
	margin-top: -45px;
    float: right;
}
.langimg {
    margin-left: -40px;
    margin-bottom: -7px;
	width: 24px;
    height: auto;
}

 

select.language {
    background: none;
    border: 0;
    color: #FFF;
	

}


select.language option {
    color: #000;
}



select.language option[value="TR"] { background: url("../img/languages/Turkey1.png") no-repeat; }

#black_overlay {
    position: fixed !important;
    height: 100vh !important;
}


/* FOOTER  SAG KISIM BITIR   */

/*  FOOTER  KODLARI BITIR */

 



/*//////////////////////////   TASARIMA GEÇELİM   //////////////////////////////*/



/*==> 1.TASARIM  BAŞLA   */  @media only screen and (max-width: 53400px) { 
.logom {width: 638px;}


}
/*    1.TASARIM  BİTİR   */



/*==> 2.TASARIM  BAŞLA   */  @media only screen and (max-width: 2559px) { 
.logom {width: 638px;}


}
/*    2.TASARIM  BİTİR   */ 


/*==> 3.TASARIM  BAŞLA   */  @media only screen and (max-width: 2047px) { 
.logom {width: 638px;}


}
/*    3.TASARIM  BİTİR   */

/*==> 4.TASARIM  BAŞLA   */  @media only screen and (max-width: 1919px) { 
.logom {width: 638px;}


}
/*    4.TASARIM  BİTİR   */

/*==> 5.TASARIM  BAŞLA   */  @media only screen and (max-width: 1799px) { 
.logom {width: 638px;}


}
/*    5.TASARIM  BİTİR   */

/*==> 6.TASARIM  BAŞLA   */  @media only screen and (max-width: 1599px) { 
.logom {width: 638px;}


}
/*    6.TASARIM  BİTİR   */

/*==> 7.TASARIM  BAŞLA   */  @media only screen and (max-width: 1535px) { 
.logom {width: 638px;}


}
/*    7.TASARIM  BİTİR   */

/*==> 8.TASARIM  BAŞLA   */  @media only screen and (max-width: 1439px) { 
.logom {width: 638px;}
 
 


}
/*    8.TASARIM  BİTİR   */

/*==> 9.TASARIM  BAŞLA   */  @media only screen and (max-width: 1360px) { 
.logom {width: 638px;}
 


}
/*    9.TASARIM  BİTİR   */

/*==> 10.TASARIM  BAŞLA   */  @media only screen and (max-width: 1279px) { 
.logom {width: 600px;}








}
/*    10.TASARIM  BİTİR   */

/*==> 11.TASARIM  BAŞLA   */  @media only screen and (max-width: 1199px) { 
.logom {width: 575px;}


}
/*    11.TASARIM  BİTİR   */

/*==> 12.TASARIM  BAŞLA   */  @media only screen and (max-width: 1135px) { 
.logom {width: 550px;}


}
/*    12.TASARIM  BİTİR   */

/*==> 13.TASARIM  BAŞLA   */  @media only screen and (max-width: 1079px) { 
.logom {width: 550px;}
 




}
/*    13.TASARIM  BİTİR   */

/*==> 13,5.TASARIM  BAŞLA   */  @media only screen and (max-width: 1040px) { 
.logom {width: 550px;}
 
.ortabolum {
width: 205px;}
#uclukisim {
    width: 920px;
}
.ozelbolum {width: 900px;}


}
/*    13,5.TASARIM  BİTİR   */


/*==> 14.TASARIM  BAŞLA   */  @media only screen and (max-width: 1023px) { 
.logom {width: 475px;}

 

}
/*    14.TASARIM  BİTİR   */

/*==> 14.5.TASARIM  BAŞLA   */  @media only screen and (max-width: 1010px) { 
.logom {width: 475px;}
.tasarimci  {display:none;}
.virgul  {display:none;}
#footerorta {
width: 409px; }
.copyright {
    margin-left: 3px;
    font-size: 14px;
    margin-top: -33px;
}
.copyright2 {
    margin-left: 162px;
    font-size: 14px;
    margin-top: -33px;
}
.tumhaklari {
    margin-left: 267px;
    font-size: 14px;
    margin-top: -33px;









}
/*    14.5.TASARIM  BİTİR   */

/*==> 15.TASARIM  BAŞLA   */  @media only screen and (max-width: 959px) { 
.logom {width: 450px;}
 
 


}
/*    15.TASARIM  BİTİR   */


/*==> 15.TASARIM  BAŞLA   */  @media only screen and (max-width: 925px) { 
.logom {width: 450px;}
 

.ortabolum {width: 176px;}
#uclukisim {width: 890px;}
.ozelbolum { width: 865px;}

}
/*    15.TASARIM  BİTİR   */


/*==> 16.TASARIM  BAŞLA   */  @media only screen and (max-width: 910px) { 
.logom {width: 425px;}

.tasarimci {display:none;}
.virgul {display:none;}
.tumhaklari{display:none;}
#footerorta {
    width: 268px;
}

}
/*    16.TASARIM  BİTİR   */

/*==> 17.TASARIM  BAŞLA   */  @media only screen and (max-width: 900px) { 
.logom {width: 400px;}
 
.ortabolum {display:none;}
#uclukisim {width: 688px;}
.ozelbolum {    width: 665px;}



}
/*    17.TASARIM  BİTİR   */


/*==> 17.TASARIM  BAŞLA   */  @media only screen and (max-width: 799px) { 
.logom {width: 400px;}
 

 
}
/*    17.TASARIM  BİTİR   */

/*==> 18.TASARIM  BAŞLA   */  @media only screen and (max-width: 767px) { 
.logom {width: 375px;}

 

}
/*    18.TASARIM  BİTİR   */



/*==> 18.5.TASARIM  BAŞLA   */  @media only screen and (max-width: 755px) { 
.logom {width: 350px;}
.copyright2 {display:none;}
#footerorta {
    width: 160px;
}
}
/*    18.5 .TASARIM  BİTİR   */

/*==> 18,7.TASARIM  BAŞLA   */  @media only screen and (max-width: 745px) { 
.logom {width: 350px;}
.reklamalani img {
    width: 684px;
    height: auto;
}
.reklamalani {
    width: 685px;
 
}



}
/*    18,7.TASARIM  BİTİR   */


/*==> 19.TASARIM  BAŞLA   */  @media only screen and (max-width: 719px) { 
.logom {width: 350px;}


}
/*    19.TASARIM  BİTİR   */

/*==> 19,5.TASARIM  BAŞLA   */  @media only screen and (max-width: 695px) { 
.logom {width: 325px;}
#uclukisim {width: 342px;} 
 .ortabolum {display:block;}
 .ortabolum{ margin-top: 31px;
	width: 318px;
 height: 190px;}

.onaylama {
    margin-bottom: 17px;   /* 71px*/
}

 
.ozelbolum {
    width: 320px;
    margin-top: -9px;
}

.sagbolum h2 {
    margin-top: -7px;
}

.reklamalani {
    width: 340px;
    margin-bottom: 43px;
}

 
 .reklamalani img {
    width: 340px;
    height: auto;
	    margin-bottom: 10px;
}

#ortalar { margin-bottom: 31px;}


}

/*    19,5.TASARIM  BİTİR   */


/*==> 20.TASARIM  BAŞLA   */  @media only screen and (max-width: 684px) { 
.logom {width: 325px;}
 
 
 
}
/*    20.TASARIM  BİTİR   */



/*==> 20,5.TASARIM  BAŞLA   */  @media only screen and (max-width: 684px) { 
.logom {width: 325px;}
 .copyright {display:none;}
 
 
}
/*    20,5.TASARIM  BİTİR   */



/*==> 21.TASARIM  BAŞLA   */  @media only screen and (max-width: 599px) { 
 #footersol { font-size: 25px; }

 
 
}
/*    21.TASARIM  BİTİR   */

/*==> 22.TASARIM  BAŞLA   */  @media only screen and (max-width: 530px) { 
  #footersol { font-size: 23px; }

}
/*    22.TASARIM  BİTİR   */

/*==> 23.TASARIM  BAŞLA   */  @media only screen and (max-width: 479px) { 
 
 

}
/*    23.TASARIM  BİTİR   */

/*==> 23.TASARIM  BAŞLA   */  @media only screen and (max-width: 450px) { 
 .social {display:none;} 
 

}
/*    23.TASARIM  BİTİR   */

/*==> 24.TASARIM  BAŞLA   */  @media only screen and (max-width: 413px) { 
 
 

}
/*    24.TASARIM  BİTİR   */


 
/*==> 25.TASARIM  BAŞLA   */  @media only screen and (max-width: 386px) { 
.logom { width: 300px; }
 
 
 
 
}
/*    25.TASARIM  BİTİR   */


/*==> 26.TASARIM  BAŞLA   */  @media only screen and (max-width: 355px) { 
.logom { width: 275px; }
 #footersol { font-size: 18px; }
 
 /*bura*/
 

 
 
 .girisaciklama2 {
    color: #4C9843;
    font-family: Calibri;
    font-size: 12px;
    line-height: 0px;
    margin-top: 7px;
    margin-left: 12px;
    margin-bottom: 35px;
}
 
 .eniyiler {
    margin-top: -123px;
}
#pscroller1 {
    height: 120px;
    font-size: 12px;
    line-height: 19px;
} 
 
 #ortalar { margin: 0px;  }
 
 #uclukisim {
    width: 260px;
}
 .reklamalani img {
    width: 257px;
	margin-top: 10px;
}
 .reklamalani {
    width: 261px;
    margin-bottom: 43px;
}
 
 .solbolum {width: 258px; margin-top: 3px;}
 
 .logom {
 margin-bottom: 4px;
}
.giris {
    margin-left: 3%;
    margin-top: -56%;
    position: relative;
}
.hesapadi {
    background: url(../img/hesapadi.png) no-repeat;
    width: 115px;
    height: 32px;
    color: #000000;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0px;
    padding-left: 30px;
    border-radius: 6px 6px 6px 6px;
}
.parola {
    background: url(../img/parola.png) no-repeat;
    width: 115px;
    height: 32px;
    color: #000000;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0px;
    padding-left: 30px;
    border-radius: 6px 6px 6px 6px;
}
.harita {
    background: url(../img/harita.png) no-repeat;
    width: 145px;
    height: 34px;
    color: #000000;
    font-size: 14px;
    border: 0px;
    margin-bottom: 5px;
    padding-left: 30px;
    border-radius: 6px 6px 6px 6px;
}
 .onaylama {
    margin-bottom: 17px;
    float: left;
    /* margin-left: 10px; */
    position: relative;
    margin-top: -117px;
    margin-left: 160px;
}
 

 .ortabolum {
    width: 237px;
}
 .sagbolum {
    width: 258px;
    margin-top: -40px;
}
.ozelbolum span {
	line-height: 20px;
}
.ozelbolum {
    width: 235px;
    margin-top: 11px;
}
.sagbolum h2 {
    margin-top: 13px;
}


 .menu-button {font-size: 1.1em;  }
 
}
 
/*    26.TASARIM  BİTİR   */

/*==> 27.TASARIM  BAŞLA   */  @media only screen and (max-width: 295px) { 
.logom { width: 275px; }
 #footersol { font-size: 17px; }
 
 
 
}
/*    27.TASARIM  BİTİR   */

/*==> 28.TASARIM  BAŞLA   */  @media only screen and (max-width: 275px) { 
.logom { width: 250px; }
 #footersol { font-size: 15px; }
 
 
 
}
/*    28.TASARIM  BİTİR   */