@media screen and (orientation: landscape) 
{
.ozel_gun_tur{
position:absolute; background-image: url(../ozel_gun/30_agustos_yatay2.jpg);  background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.ozel_gun_eng{
position:absolute; background-image: url(../ozel_gun/yeni_yil_yatay_eng.jpg);  background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
}


@media screen and (orientation: portrait) 
{
.ozel_gun_tur{
position:absolute; background-image: url(../ozel_gun/30_agustos_dikey2.jpg);  background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
.ozel_gun_eng{
position:absolute; background-image: url(../ozel_gun/yeni_yil_dikey_eng.jpg);  background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}
}


.baslik_logo{position:absolute; height:80; top:10; left:5; z-index:101;}
.baslik_img1{display: none;}
.baslik_img2{display: none;}
.baslik_img3{display: none;}
.baslik_menu1{display: none;}
.baslik_menu2{position:absolute; top:70; height:40; left:10%; z-index:101;}


.pc_contact{display:none;}
.tel_tablet_contact{position: absolute; left:0%;  top:0; height:100%; width:100%;  }



@media screen and (orientation: landscape) 
{
.index_grup1{position: absolute; left:10%;  height:200px; width:500; top:0px; background-image:url(../giris/makina3.jpg); background-size: cover;}
.index_grup2{position: absolute; left:10%;  height:200px; width:500; top:220px; background-image:url(../giris/otomasyon3.jpg); background-size: cover;}
.index_grup3{position: absolute; left:10%;  height:200px; width:500; top:420px; background-image:url(../giris/endustri3_1.jpg); background-size: cover;}
.index_grup4{position: absolute; left:10%;  height:200px; width:500; top:640px; background-image:url(../giris/otomotiv3.jpg); background-size: cover;}
.index_marka{position: absolute; left:0%;   width:100%;	top:330%;}
.index_buyuk{display:none;}
}

@media screen and (orientation: portrait) 
{
.index_grup1{position: absolute; left:2%;  height:140px; width:350; top:0px; background-image:url(../giris/makina3.jpg); background-size: cover;}
.index_grup2{position: absolute; left:2%;  height:140px; width:350; top:150px; background-image:url(../giris/otomasyon3.jpg); background-size: cover;}
.index_grup3{position: absolute; left:2%;  height:140px; width:350; top:300px; background-image:url(../giris/endustri3_1.jpg); background-size: cover;}
.index_grup4{position: absolute; left:2%;  height:140px; width:350; top:450px; background-image:url(../giris/otomotiv3.jpg); background-size: cover;}
.index_grup4:hover{background-color:acd8fa;}
.index_marka{position: absolute; left:2%;  width:100%;	top:400%;}
.index_buyuk{display:none;}
}





.yuvarlak_link
{
position:absolute; 
top:10; 
right:10; 
width:40; 
height:40; 
background-color:#064b72;
display:flex;
border-radius:40px;
justify-content:center;
padding:0px;
align-items:center;
}


.yuvarlak_link:hover
{
position:absolute; 
top:10; 
right:10; 
width:40; 
height:40; 
background-color:#ff0000;
display:flex;
border-radius:40px;
justify-content:center;
padding:0px;
align-items:center;
}
.tel_menu_buton
{
position:fixed;
right:10px;
top:70px; 
cursor:pointer;
z-index:106;
}

.tel_menu1
{
 height: 100%;
  width: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  right:0;
  background-color:rgba(255,255,255,.95);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top:0px;
  z-index:106;
}

.tel_urun_ozellik_menu1
{
 height: 300;
 width: 0;
 position: absolute;
 top: 0;
 left:0;
  background-color:rgba(255,255,255,.95);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top:0px;
  z-index:106;
}


.tel_brans_menu_buton
{
position:abolute;
width:50;
left:5px; 
cursor:pointer;
z-index:106;
}
.tel_brans_menu_kapat_buton
{
position:abolute;
width:50;
right:50px; 
cursor:pointer;
z-index:106;
}

.tel_brans_menu1
{
 height: 3000;
  width: 0;
  position: absolute;
  z-index: 1;
  top:110;
  left:0;
  background-color:rgba(255,255,255,.95);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 10px;
  z-index:106;
}


.tel_urun_menu_buton
{
position:abolute;
width:50;
left:5px; 
cursor:pointer;
z-index:106;
}
.tel_urun_menu_kapat_buton
{
position:abolute;
width:50;
right:50px; 
cursor:pointer;
z-index:106;
}

.tel_urun_menu1
{
 height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top:110;
  left:0;
  background-color:rgba(255,255,255,.95);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 10px;
  z-index:106;
}


.tel_urun_menu_detay_buton
{
position:abolute;
width:50;
left:5px; 
cursor:pointer;
z-index:106;
}


.baslik_menu2_link
{
background-color:transparent;
border-style:double;  
border-width:1px;
border-color:ffffff; 
cursor:hand;
text-decoration:none; 
font:12px  Century Gothic; 
font-weight: bold;  
color:#ffffff;
padding:5px;
}


.giris_pc{display: none;}
.giris_tablet{display: none;}
@media screen and (orientation: portrait) {
.giris_tel{ position: fixed; background-color:ffffff; top:80%;  height:15%; width:100%; opacity:1;}
}
@media screen and (orientation: landscape) {
.giris_tel{ position: fixed; background-color:ffffff; top:70%;  height:22%; width:100%; opacity:1;}
}




.urun_resim_kucuk {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.urun_resim_kucuk1{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.ust_grup1{z-index:0; position:absolute; left:2%;	 width:96%; min-height:250; overflow: hidden; border-style:solid;  border-width:1px; border-color:#064b72;}
.ust_grup2{z-index:0; position:absolute; width:0%; 	min-height:250; overflow: hidden;}
.ust_grup3{z-index:0; position:absolute; left:0%; width:100%; min-height:250; overflow: hidden; background-color:064b72;}
.logo1{position:absolute; left:1;   top:35%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo1:hover{position:absolute; left:1;   top:35%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo2{position:absolute; left:20%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo2:hover{position:absolute; left:20%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo3{position:absolute; left:40%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo3:hover{position:absolute; left:40%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo4{position:absolute; left:60%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo4:hover{position:absolute; left:60%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo5{position:absolute; left:80%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo5:hover{position:absolute; left:80%; top:35%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}

.logo6{position:absolute; left:1;   top:55%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo6:hover{position:absolute; left:1;   top:55%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo7{position:absolute; left:20%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo7:hover{position:absolute; left:20%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo8{position:absolute; left:40%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo8:hover{position:absolute; left:40%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo9{position:absolute; left:60%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo9:hover{position:absolute; left:60%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo10{position:absolute; left:80%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo10:hover{position:absolute; left:80%; top:55%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}

.logo11{position:absolute; left:1;   top:75%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo11:hover{position:absolute; left:1;   top:75%;  width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo12{position:absolute; left:20%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo12:hover{position:absolute; left:20%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo13{position:absolute; left:40%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo13:hover{position:absolute; left:40%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo14{position:absolute; left:60%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo14:hover{position:absolute; left:60%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}
.logo15{position:absolute; left:80%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:1px;border-color: #3d6889;padding:3px;display: block;text-align: center;}
.logo15:hover{position:absolute; left:80%; top:75%; width:17%; height:10%; display:flex;background-color: #ffffff;border-radius: 5px;border-style:solid;  border-width:3px;border-color: #ff0000;padding:3px;display: block;text-align: center;}


.brans_ana_zemin{position: absolute; left:2%;  width:96%;	height:100%;}
.brans_baslik{position: absolute; width:100%; top:0; height:45; background-color: #064b72;   display: flex; justify-content: left; align-items: center;}
.brans_menu{display: none;}
.yeni_urun{	position: absolute; left:0; top:0;}
.firsat_urun{position: absolute; bottom: 20%; display: flex; justify-content: right; align-items: right;}
.brans_urun_adi{position: absolute; bottom:0; height:20%; width:100%; background-color: #064b72; display: flex; justify-content: center; align-items: center; background-color:#064b72;}
.tel_brans_urun{position: absolute; left:2%;  top:55;  width:96%; height:100%;}

.pc_brans_urun{display:none;}
.tablet_brans_urun{display:none;}

.urun_ana_zemin{position: absolute; left:2%;  width:96%;	height:100%;}
.urun_baslik{position: absolute; width:100%; top:0; height:45; background-color: #064b72;   display: flex; justify-content: left; align-items: center;}
.urun_menu{display:none;}
.urun_detay{position: absolute; left:0%;  top:55;  width:100%; height:100%; }
.urun_zemin{position: absolute; left:0%;  top:100;  width:100%; height:100%; background-color: #ffffff; border-style:solid; border-width:1px; border-color:a0a0a0;}


.haber_ana_zemin{position: absolute; left:2%;  width:96%;	height:100%;}
.haber_baslik{position: absolute; width:100%; top:0; height:45; background-color: #064b72;   display: flex; justify-content: left; align-items: center;}
.haber_menu{display:none;}
.haber_detay{position: absolute; left:0%;  top:55;   width:100%; height:100%;}
.haber_zemin{position: absolute; left:0%;  top:100;  width:100%; height:100%; background-color: #ffffff; border-style:solid; border-width:1px; border-color:a0a0a0;}



.tel_urun_ust_menu{position: absolute; left:0%;  top:0;  width:100%; }
.tablet_urun_ust_menu{display:none;}
.pc_urun_ust_menu{display:none;}
.marka_kategori_isim{display:none;}
.pc_tablet_urun_foto_menu{display:none;}



@media screen and (orientation: landscape) 
{
	
.urun_foto1{position: absolute; left:3%;  background-size: cover; top:0%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto2{position: absolute; left:27%; background-size: cover; top:0%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto3{position: absolute; left:51%; background-size: cover; top:0%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto4{position: absolute; left:75%; background-size: cover; top:0%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto5{position: absolute; left:3%;  background-size: cover; top:27%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto6{position: absolute; left:27%; background-size: cover; top:27%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto7{position: absolute; left:51%; background-size: cover; top:27%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto8{position: absolute; left:75%; background-size: cover; top:27%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto9{position: absolute;  left:3%;  background-size: cover; top:54%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto10{position: absolute; left:27%; background-size: cover; top:54%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto11{position: absolute; left:51%; background-size: cover; top:54%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto12{position: absolute; left:75%; background-size: cover; top:54%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto13{position: absolute; left:3%;  background-size: cover; top:81%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto14{position: absolute; left:27%; background-size: cover; top:81%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto15{position: absolute; left:51%; background-size: cover; top:81%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto16{position: absolute; left:75%; background-size: cover; top:81%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto17{position: absolute; left:3%;  background-size: cover; top:108%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto18{position: absolute; left:27%; background-size: cover; top:108%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto19{position: absolute; left:51%; background-size: cover; top:108%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto20{position: absolute; left:75%; background-size: cover; top:108%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}


.yar_urun1{position: absolute; left:3%;  background-size: cover; top:2%;  width:30%; height:40%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun2{position: absolute; left:35%; background-size: cover; top:2%;  width:30%; height:40%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun3{position: absolute; left:67%; background-size: cover; top:2%;  width:30%; height:40%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun4{position: absolute; left:3%;  background-size: cover; top:44%; width:30%; height:40%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun5{position: absolute; left:35%; background-size: cover; top:44%; width:30%; height:40%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun6{position: absolute; left:67%; background-size: cover; top:44%; width:30%; height:40%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun7{position: absolute; left:3%;  background-size: cover; top:86%; width:30%; height:40%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun8{position: absolute; left:35%; background-size: cover; top:86%; width:30%; height:40%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun9{position: absolute; left:67%; background-size: cover; top:86%; width:30%; height:40%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun10{position: absolute; left:3%;  background-size: cover; top:128%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun11{position: absolute; left:35%; background-size: cover; top:128%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun12{position: absolute; left:67%; background-size: cover; top:128%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun13{position: absolute; left:3%;  background-size: cover; top:170%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun14{position: absolute; left:35%; background-size: cover; top:170%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun15{position: absolute; left:67%; background-size: cover; top:170%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun16{position: absolute; left:3%;  background-size: cover; top:212%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun17{position: absolute; left:35%; background-size: cover; top:212%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun18{position: absolute; left:67%; background-size: cover; top:212%; width:22%; height:22%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}



.marka_ana_zemin{position: absolute; left:0%;  width:100%;	height:100%;}
.marka_ici_logo{position: absolute; left:25%; top:2; width:50%;	max-height:25%;}
.marka_kategori_isim{display:none}
.img_logo4{width:80%; height: auto; max-width: 80px; max-height: 25px; object-fit:contain;}


.marka1{position: absolute; left:3%;  background-size: cover; top:0;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka2{position: absolute; left:51%; background-size: cover; top:0;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka3{position: absolute; left:3%;  background-size: cover; top:12%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka4{position: absolute; left:51%; background-size: cover; top:12%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka5{position: absolute; left:3%;  background-size: cover; top:24%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka6{position: absolute; left:51%; background-size: cover; top:24%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka7{position: absolute; left:3%;  background-size: cover; top:36%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka8{position: absolute; left:51%; background-size: cover; top:36%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka9{position: absolute; left:3%;   background-size: cover; top:48%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka10{position: absolute; left:51%; background-size: cover; top:48%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka11{position: absolute; left:3%;  background-size: cover; top:60%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka12{position: absolute; left:51%; background-size: cover; top:60%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka13{position: absolute; left:3%;  background-size: cover; top:72%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka14{position: absolute; left:51%; background-size: cover; top:72%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka15{position: absolute; left:3%;  background-size: cover; top:84%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka16{position: absolute; left:51%;  background-size: cover; top:84%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka17{position: absolute; left:3%;  background-size: cover; top:96%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka18{position: absolute; left:51%; background-size: cover; top:96%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka19{position: absolute; left:3%;  background-size: cover; top:108%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka20{position: absolute; left:51%; background-size: cover; top:108%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka21{position: absolute; left:3%;  background-size: cover; top:120%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka22{position: absolute; left:51%; background-size: cover; top:120%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka23{position: absolute; left:3%;  background-size: cover; top:132%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka24{position: absolute; left:51%; background-size: cover; top:132%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka25{position: absolute; left:3%;  background-size: cover; top:144%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka26{position: absolute; left:51%; background-size: cover; top:144%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka27{position: absolute; left:3%;  background-size: cover; top:156%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka28{position: absolute; left:51%; background-size: cover; top:156%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka29{position: absolute; left:3%;  background-size: cover; top:168%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka30{position: absolute; left:51%; background-size: cover; top:168%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka31{position: absolute; left:3%;  background-size: cover; top:180%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka32{position: absolute; left:51%; background-size: cover; top:180%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka33{position: absolute; left:3%;  background-size: cover; top:192%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka34{position: absolute; left:51%; background-size: cover; top:192%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka35{position: absolute; left:3%;  background-size: cover; top:204%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka36{position: absolute; left:51%; background-size: cover; top:204%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka37{position: absolute; left:3%;  background-size: cover; top:216%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka38{position: absolute; left:51%; background-size: cover; top:216%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka39{position: absolute; left:3%;  background-size: cover; top:228%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka40{position: absolute; left:51%; background-size: cover; top:228%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka41{position: absolute; left:3%;  background-size: cover; top:240%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka42{position: absolute; left:51%; background-size: cover; top:240%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}

.marka43{position: absolute; left:3%;  background-size: cover; top:252%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}
.marka44{position: absolute; left:51%; background-size: cover; top:252%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:5px;}


	
.haber_foto1{position: absolute; left:3%;  background-size: cover; top:0%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto2{position: absolute; left:27%; background-size: cover; top:0%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto3{position: absolute; left:51%; background-size: cover; top:0%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto4{position: absolute; left:75%; background-size: cover; top:0%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto5{position: absolute; left:3%;  background-size: cover; top:27%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto6{position: absolute; left:27%; background-size: cover; top:27%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto7{position: absolute; left:51%; background-size: cover; top:27%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto8{position: absolute; left:75%; background-size: cover; top:27%;  width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto9{position: absolute;  left:3%;  background-size: cover; top:54%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto10{position: absolute; left:27%; background-size: cover; top:54%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto11{position: absolute; left:51%; background-size: cover; top:54%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto12{position: absolute; left:75%; background-size: cover; top:54%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto13{position: absolute; left:3%;  background-size: cover; top:81%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto14{position: absolute; left:27%; background-size: cover; top:81%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto15{position: absolute; left:51%; background-size: cover; top:81%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto16{position: absolute; left:75%; background-size: cover; top:81%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto17{position: absolute; left:3%;  background-size: cover; top:108%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto18{position: absolute; left:27%; background-size: cover; top:108%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto19{position: absolute; left:51%; background-size: cover; top:108%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto20{position: absolute; left:75%; background-size: cover; top:108%; width:21%; height:25%;  border:#064b72;  border-style:solid;  border-width:1px;}




}


@media screen and (orientation: portrait) 
{

.urun_foto1{position: absolute; left:3%;  background-size: cover; top:0%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto2{position: absolute; left:35%; background-size: cover; top:0%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto3{position: absolute; left:67%; background-size: cover; top:0%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto4{position: absolute; left:3%;  background-size: cover; top:17%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto5{position: absolute; left:35%; background-size: cover; top:17%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto6{position: absolute; left:67%; background-size: cover; top:17%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto7{position: absolute; left:3%; background-size: cover; top:34%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto8{position: absolute; left:35%; background-size: cover; top:35%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto9{position:  absolute; left:67%; background-size: cover; top:34%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto10{position: absolute; left:3%; background-size: cover; top:51%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto11{position: absolute; left:35%; background-size: cover; top:51%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto12{position: absolute; left:67%; background-size: cover; top:51%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto13{position: absolute; left:3%;  background-size: cover; top:68%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto14{position: absolute; left:35%; background-size: cover; top:68%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto15{position: absolute; left:67%; background-size: cover; top:68%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto16{position: absolute; left:3%; background-size: cover; top:85%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto17{position: absolute; left:35%;  background-size: cover; top:85%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto18{position: absolute; left:67%; background-size: cover; top:85%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.urun_foto19{position: absolute; left:3%; background-size: cover; top:102%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.urun_foto20{position: absolute; left:35%; background-size: cover; top:102%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun1{position: absolute; left:3%;  background-size: cover; top:0;  width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun2{position: absolute; left:52%; background-size: cover; top:0;  width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun3{position: absolute; left:3%;  background-size: cover; top:27%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun4{position: absolute; left:52%; background-size: cover; top:27%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun5{position: absolute; left:3%;  background-size: cover; top:54%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun6{position: absolute; left:52%; background-size: cover; top:54%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun7{position: absolute; left:3%;   background-size: cover; top:81%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun8{position: absolute; left:52%;  background-size: cover; top:81%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun9{position: absolute; left:3%;   background-size: cover; top:108%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun10{position: absolute; left:52%; background-size: cover; top:108%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun11{position: absolute; left:2%;  background-size: cover; top:135%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun12{position: absolute; left:52%; background-size: cover; top:135%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun13{position: absolute; left:3%;  background-size: cover; top:161%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun14{position: absolute; left:52%; background-size: cover; top:161%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun15{position: absolute; left:2%;  background-size: cover; top:188%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun16{position: absolute; left:52%; background-size: cover; top:188%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}

.yar_urun17{position: absolute; left:2%;  background-size: cover; top:215%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}
.yar_urun18{position: absolute; left:52%; background-size: cover; top:215%; width:45%; height:25%; background-color:#064b72; border:#064b72;  border-style:solid;  border-width:1px;}


.marka_ana_zemin{position: absolute; left:0%;  width:100%;	height:100%;}
.marka_ici_logo{position: absolute; top:10; left:25%;  width:50%;	max-height:25%;}
.marka_kategori_isim{display:none}
.img_logo4{width:90%; height: auto;  max-width: 120px; max-height: 40px; object-fit:contain;}

.marka1{position: absolute; left:3%;  background-size: cover; top:0;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px; border-radius:10px;}
.marka2{position: absolute; left:51%; background-size: cover; top:0;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka3{position: absolute; left:3%;  background-size: cover; top:12%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka4{position: absolute; left:51%; background-size: cover; top:12%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka5{position: absolute; left:3%;  background-size: cover; top:24%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka6{position: absolute; left:51%; background-size: cover; top:24%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka7{position: absolute; left:3%;  background-size: cover; top:36%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka8{position: absolute; left:51%; background-size: cover; top:36%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka9{position: absolute; left:3%;   background-size: cover; top:48%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka10{position: absolute; left:51%; background-size: cover; top:48%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka11{position: absolute; left:3%;  background-size: cover; top:60%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka12{position: absolute; left:51%; background-size: cover; top:60%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka13{position: absolute; left:3%;  background-size: cover; top:72%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka14{position: absolute; left:51%; background-size: cover; top:72%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka15{position: absolute; left:3%;  background-size: cover; top:84%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka16{position: absolute; left:51%;  background-size: cover; top:84%; width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka17{position: absolute; left:3%;  background-size: cover; top:96%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka18{position: absolute; left:51%; background-size: cover; top:96%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka19{position: absolute; left:3%;  background-size: cover; top:108%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka20{position: absolute; left:51%; background-size: cover; top:108%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka21{position: absolute; left:3%;  background-size: cover; top:120%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka22{position: absolute; left:51%; background-size: cover; top:120%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka23{position: absolute; left:3%;  background-size: cover; top:132%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka24{position: absolute; left:51%; background-size: cover; top:132%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka25{position: absolute; left:3%;  background-size: cover; top:144%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka26{position: absolute; left:51%; background-size: cover; top:144%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka27{position: absolute; left:3%;  background-size: cover; top:156%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka28{position: absolute; left:51%; background-size: cover; top:156%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka29{position: absolute; left:3%;  background-size: cover; top:168%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka30{position: absolute; left:51%; background-size: cover; top:168%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka31{position: absolute; left:3%;  background-size: cover; top:180%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka32{position: absolute; left:51%; background-size: cover; top:180%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka33{position: absolute; left:3%;  background-size: cover; top:192%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka34{position: absolute; left:51%; background-size: cover; top:192%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka35{position: absolute; left:3%;  background-size: cover; top:204%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka36{position: absolute; left:51%; background-size: cover; top:204%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka37{position: absolute; left:3%;  background-size: cover; top:216%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka38{position: absolute; left:51%; background-size: cover; top:216%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka39{position: absolute; left:3%;  background-size: cover; top:228%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka40{position: absolute; left:51%; background-size: cover; top:228%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka41{position: absolute; left:3%;  background-size: cover; top:240%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka42{position: absolute; left:51%; background-size: cover; top:240%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}

.marka43{position: absolute; left:3%;  background-size: cover; top:252%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}
.marka44{position: absolute; left:51%; background-size: cover; top:252%;  width:45%; height:10%; background-color:#ffffff; border:#064b72;  border-style:solid;  border-width:1px;border-radius:10px;}


.haber_foto1{position: absolute; left:3%;  background-size: cover; top:0%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto2{position: absolute; left:35%; background-size: cover; top:0%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto3{position: absolute; left:67%; background-size: cover; top:0%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto4{position: absolute; left:3%;  background-size: cover; top:17%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto5{position: absolute; left:35%; background-size: cover; top:17%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto6{position: absolute; left:67%; background-size: cover; top:17%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto7{position: absolute; left:3%; background-size: cover; top:34%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto8{position: absolute; left:35%; background-size: cover; top:35%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto9{position:  absolute; left:67%; background-size: cover; top:34%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto10{position: absolute; left:3%; background-size: cover; top:51%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto11{position: absolute; left:35%; background-size: cover; top:51%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto12{position: absolute; left:67%; background-size: cover; top:51%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto13{position: absolute; left:3%;  background-size: cover; top:68%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto14{position: absolute; left:35%; background-size: cover; top:68%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto15{position: absolute; left:67%; background-size: cover; top:68%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto16{position: absolute; left:3%; background-size: cover; top:85%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto17{position: absolute; left:35%;  background-size: cover; top:85%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto18{position: absolute; left:67%; background-size: cover; top:85%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

.haber_foto19{position: absolute; left:3%; background-size: cover; top:102%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}
.haber_foto20{position: absolute; left:35%; background-size: cover; top:102%; width:30%; height:15%;  border:#064b72;  border-style:solid;  border-width:1px;}

}

















.h1_1 {font:12px verdana; color:#444444;}
.h1_11 {font:12px verdana; color:#dadada;}
.h1_2 {font:12px verdana; color:#ffffff;}
.h1_3{font:12px verdana; color:#ff0000;}

.h2_1 {font:14px verdana; color:#444444;}
.h2_2 {font:14px verdana; color:#ffffff;}
.h2_21{font:14px verdana; color:#ffffff; line-height:25px;}
.h2_3{font:14px verdana; color:#ff0000;}

.h3_1 {font:16px verdana; color:#000000;}
.h3_2 {font:16px verdana; color:#ffffff;}

.h4_1 {font:10px Century Gothic; color:#000000;}
.h4_2 {font:10px Century Gothic; color:#ffffff;}

.h5_1 {font:20px Century Gothic; color:#000000;}
.h5_2 {font:20px Century Gothic; color:#ffffff;}

.h6_1 {font:30px Century Gothic; color:#000000;}
.h6_2 {font:30px Century Gothic; color:#ffffff;}

.urun_adi{font:14px Century Gothic; color:#000000;}


.link1 {color:#444444; text-decoration:none; }
A:hover.link1 { color:#ff0000; text-decoration:none; font-weight: bold; }
.link2 {color:#ffffff; text-decoration:none; }
A:hover.link2 { color:#ff0000; text-decoration:none; font-weight: bold; }
.link3 {color:#ff0000; text-decoration:none; }
A:hover.link3 { color:#e8e8e8; text-decoration:none; }
.bordolink {color:#c40000; text-decoration:none; }
A:hover.bordolink { color:#000000; text-decoration:none; }

.logo_link {border: solid 1px transparent;  padding:10;}
.logo_link:hover{border: solid 1px #444444; padding:10;}




.red_buton {font-family: verdana; font-size:12px; color:#ffffff; vertical-align: middle; background-color:#ff0000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;   cursor:hand;}
.red_buton1 {font-family: Tahoma; font-size:16px; color:#ffffff; vertical-align: middle; background-color:#ff0000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;   cursor:hand;}
.gray_buton {font-family: verdana; font-size:12px; color:#ffffff; vertical-align: middle; background-color:#888888; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:100; height:25;  cursor:hand;}
.gray_buton1 {font-family: verdana; font-size:16px; color:#ffffff; vertical-align: middle; background-color:#888888; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:250; height:25;  cursor:hand;}
.up_buton {font-family: verdana; font-size:1px; color:#ffffff; vertical-align: middle; background-color: Transparent; background-image:url(up.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:30; height:12;  cursor:hand;}
.cop_buton {font-family: verdana; font-size:1px; color:#ffffff; vertical-align: middle; background-color: Transparent; background-image:url(cop.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:22; height:25;  cursor:hand;}
.on_buton {font-family: verdana; font-size:1px; color:#9bfaaf; vertical-align: middle; background-color: Transparent; background-image:url(on_buton.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:30; height:18;  cursor:hand;}
.off_buton {font-family: verdana; font-size:1px; color:#c6caca; vertical-align: middle; background-color: Transparent; background-image:url(off_buton.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:30; height:18;  cursor:hand;}
.close_buton {font-family: Verdana; font-size:1px; color:#808080; background-color: Transparent;  background-image: url(close_button.png);  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width:31; height:31;  cursor:hand;}
.bos {background-color: Transparent;  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; cursor:hand;}
.bos_index {background-color: Transparent;  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; cursor:hand;}


.ara_buton{  font-family: Tahoma; font-size: 1px; color:#ffffff; background-image: url(ara.png); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width: 28px; height: 28px; }
.ara_input{  font-family: verdana; font-size: 16; color:#000000;  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}




.img_logo {
height:60%;
max-height: 75px;
width: auto;
}


.img_logo2{
height:60%;
max-height: 60px;
width: auto;
}


.img_logo3{
width:90%;
height: auto;
max-width: 90px;
max-height: 25px;
object-fit:contain;
}
.buyuk_resim{
width:90%;
height: auto;
max-width: 90%;
max-height:90%;
object-fit:contain;
}

.input1 
{
font-family: Tahoma; 
font-size:14px; 
color:#444444; 
padding: 5px;
vertical-align: middle; 
border: solid 1px #444444;
}

.element {
    object-fit: contain;
}


.logo_kutu1{
position:relative; 
width:100; 
height:40; 
display:flex;
background-color: #ffffff;
border-radius: 8px;
border-style:solid;  
border-width:1px;
border-color: #3d6889;
padding:5px;
display: block;
text-align: center;
}

.logo_kutu2{
position:relative; 
width:150; 
height:60; 
display:flex;
background-color: #ffffff;
padding:5px;
display: block;
text-align: center;
}

.yuvarlak_buton1 
{
width:50; 
height:50; 
background-color:#fcdde4;
display:flex;
border-radius:50px;
border-style:solid;  
border-width:2px;
border-color: #fd8fa8; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
font:12px verdana; 
font-weight: bold;
color:#444444;
}
.yuvarlak_buton1:hover
{
background-color:fe3260;
font:12px verdana; 
font-weight: bold;
color:#ffffff;
border-style:solid;  
border-width:2px;
border-color: #fd8fa8; 
}


.yuvarlak_buton2 
{
width:30; 
height:30; 
background-color:#fe3260;
display:flex;
border-radius:30px;
border-style:solid;  
border-width:2px;
border-color: #fd8fa8; 
cursor:hand;
display:flex;
border-radius:30px;
justify-content:center;
padding:0px;
align-items:center; 
font:12px verdana; 
font-weight: bold;
color:#ffffff;
}


.urun_buton1 
{
width:100%; 
height:35; 
background-color:#e8e8e8;
border-radius:5px 5px 0px 0px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
border-left-width: 1px;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 0px; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; 
font-weight: bold;  
color:#444444;
}
.urun_buton1:hover
{
width:100%; 
height:35; 
background-color:ffffff;
border-radius:5px 5px 0px 0px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
border-left-width: 1px;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 0px; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; ;
font-weight: bold; 
color:#ff0000;
}

.urun_buton2
{
width:100%; 
height:35; 
background-color:ffffff;
border-radius:5px 5px 0px 0px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
border-left-width: 1px;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 0px; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; ;
font-weight: bold; 
color:#000000;
}

.urun_buton2_2
{
width:100%; 
height:35; 
background-color:064b72;
border-radius:5px 5px 0px 0px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
border-left-width: 1px;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 0px; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
}



.urun_buton3
{
width:200; 
height:35; 
background-color:#ffffff;
border-radius:5px 5px 5px 5px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; 
font-weight: bold;  
color:#444444;
}

.urun_buton3:hover
{
width:200; 
height:35; 
background-color:#ffffff;
border-radius:5px 5px 5px 5px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; 
font-weight: bold;  
color:#ff0000;
}



.urun_buton3_1
{
width:80%; 
height:35; 
background-color:#e8e8e8;
border-radius:5px 5px 5px 5px;
border-style:solid;  
border-width:1px;
border-color:a0a0a0; 
cursor:hand;
display:flex;
justify-content:center;
padding:0px;
align-items:center; 
text-decoration:none; 
font:12px  Century Gothic; 
font-weight: bold;  
color:#444444;
}







.bg1 {background-color: #828282;}
.bg2 {background-color: #f0f0f0;}
.red_bg1{background-color: #f6303f;}
.white_bg1{background-color: #ffffff;}
.yellow_bg1{background-color: #faa51a;}
.yellow_bg2{background-color: #e8ffb4;}
.blue_bg1{background-color: #064b72;}
.blue_bg2{background-color: #bddefd;}




.gray_border1 { border:#828282;  border-style:solid;  border-width:1px;}
.gray_border2 { border:#dddddd;  border-style:solid;  border-width:1px;}
.kalin_border1 { border:#949494;  border-style:solid;  border-width:20px;}
.blue_border1 { border:#064b72;  border-style:solid;  border-width:1px;}
.blue_border2 { border:#bddefd;  border-style:solid;  border-width:1px;}


.yon_baslik
{
position:relative; 
width;1000; 
height:100; 	
background-image:url(../images/yon_baslik.jpg);	
}

.yon_baslik1
{
position:relative; 
top:5; 
left:550; 
width:450; 
height:80; 
}


.beyaz_bant1{
  position:absolute; 
  margin: 0 auto; 
  top: 0px; 
  left: 0px; 
  background-color: #f0f0f0; 
  width: 100%; 
  height: 100%; 
  z-index:100;
   -khtml-opacity:.90; 
 -moz-opacity:.90; 
 -ms-filter:”alpha(opacity=90)”;
  filter:alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);
  opacity:.90; 
}


input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type='radio']:after {
        width: 20px;
        height: 20px;
        position: relative;
        background-color: #ffffff;
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 15px;		
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
    }

    input[type='radio']:hover:after {
        width: 20px;
        height: 20px;
        position: relative;
        background-image: url(radio_onay_hover.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 15px;		
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
		
    }    input[type='radio']:checked:after {
        width: 20px;
        height: 20px;
        position: relative;
        background-image: url(radio_onay.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 15px;		
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
    }
	
	
	
	
	
	input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type='checkbox']:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-color: #ffffff;
        content: ' ';
        display: inline-block;
        visibility: visible;
		border-radius: 1px;
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
    }

    input[type='checkbox']:hover:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-image: url(check_onay_hover.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 1px;		
        border-width: 1px;
        border-style: solid;
        border-color: #444444;
		
    }    input[type='checkbox']:checked:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-image: url(check_onay.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 1px;		
        border-style: solid;
        border-color: #444444;
    }
	




.red_check[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.red_check[type='checkbox']:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-color: #ffffff;
        content: ' ';
        display: inline-block;
        visibility: visible;
		border-radius: 1px;
        border-width: 1px;
        border-style: solid;
         border-color: #ff0000;
    }

.red_check[type='checkbox']:hover:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-image: url(check_onay_hover.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 1px;		
        border-width: 1px;
        border-style: solid;
         border-color: #ff0000;
		
    }   
.red_check[type='checkbox']:checked:after {
        width: 25px;
        height: 25px;
        position: relative;
        background-image: url(red_check_onay.png);
        content: ' ';
        display: inline-block;
        visibility: visible;
        border-radius: 1px;		
        border-style: solid;
        border-color: #ff0000;
    }
	

  	.hover_table{
		
		border-collapse:collapse; 
	}
	.hover_table td{ 
		padding:7px; border:#4e95f4 1px solid;
	}
	/* Define the default color for all the table rows */
	.hover_table tr.a{
		background: #f0f0f0;
	}
	.hover_table tr.b{
		background: #ffffff;
	}
	/* Define the hover highlight color for the table row */
    .hover_table tr:hover {
          background-color: #ffff99;
    }

.list1 tr:hover td {
    background-color:#fefefe;
}
