@charset "utf-8";

body
{
    min-width:100%; 
}

.logo
{
	margin-left: 5px;
	width: 240px;
	position: absolute;
	top: 0px;
	z-index: 990000;
	background-image: url(logo_mob.png);
	background-repeat: no-repeat;
}
 
 
.sosmedcer 
{
	position: absolute;
	z-index: 1;
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	top: 0px;
	margin-right: 0px;
	left: 0px;
	margin-top: 0px;
	background-color: #000;
}

#sosmedicon
{
	float: right;
	height: 33px;
}

.menudiscer
{
	width: 100%;
 
}

.menudisceraltmobrenk
{
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #03509C;
}


.menuiccer
{
	width:100%;
    z-index: 1000;
}

.ustbanteldis
 {
	height: 30px;
	width: auto;
	margin-left: 165px;
	display: block;
	font-weight: bold;
	font-size: 20px;
	padding-left: 5px;
	position: absolute;
	top: -15px;
	z-index: 60000;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 10px;
}

.ustbanteldis a
{
	text-decoration: none;
	color: #06C;
	font-size: 20px;
}

.ustbanteldis a:hover
{
	color: #F00; 
}

.telsimge
{
   display:none;
}
.telefonno
{
	width: auto;
	padding-left: 10px;
	float: left;
	padding-top: 1px;
	font-size: 14px;
}

 .topnav
 {
	width: auto;
	height: auto;
	margin-right:0px;
	float:none;
	 
	 
 }

.topnav a {
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	font-weight: normal; 
	margin-top:  0px;
	 
}

.topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
 
.topnav.responsive .icon {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
	border-bottom:none;
   
	color: #FFF!important;
	background-color: #3B3B3B!important;
}

.topnav.responsive a {
	float: none;
	display: block;
	text-align: left;
	z-index: 50000;
	position: relative;
	
    border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #727272;
 
 	background-color:#333;
	 
	padding: 15px 10px 15px 10px;
	
    top:20px;	
	
  
 }
  
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  
  .topnav a:hover, .topnav a.icon:hover, .dropdown:hover .dropbtn, .secilimenu {
 	 color: #FFF!important;
	 background-color: #3B3B3B!important;
	 border-radius: 0px;
   }

 .topnav a.icon {
	float: right;
	display: block;
	background: #333;
	color: #FF0000;
	font-size: 35px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 3px;
	margin-top: 20px;
	margin-right: 5px;
	
  }
  
 

.ortaiccer
{
	height: auto;
	padding-right: 7px;
	padding-left: 7px;
	width: 95%;
}

.slaytgecisdis
{
	background-image: none;
	height: 100%;
	width: 100%;
	margin-top: 36px;
	background-color: #999;
}

.slaytgecisic
{
	background-image: none;
	height: auto;
	width: 100%;
	background-color: #999;
} 

.slaytyazisi
{
	width: 100%;
	height: 22px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
	background-color: #CDCDCD;
	background-image: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #044BB7;
	padding-top: 9px;
	padding-left: 15px;
	padding-bottom: 5px;
}

.slaytresim
{
	width: 100%;
	float: left;
	margin-left: -0px;
	background-color: #03C;
	margin-top: 0px;
}
	
.swiper-wrapper {
	height: 240px;
	background-color: #CDCDCD;
} 

.swiper-slide
{  
	display: block;
}

.swiper-button-prev
{
	left: 20px;
	right: auto;
	top: 85px;
}

.swiper-button-next
{
	left: auto;
	right: 10px;
	top: 85px;
}

.swiper-pagination {
	top: 205px;
	left: 0px;
 
}

.anasayfaalbaslik 
{
	font-size: 15px;
	margin-top: 3px;
}

.anasayfafaalyazisi
{
	font-size: 14px;
}

.anasayfafaalmaddeler 
{
	margin-top: 5px;
}

.anasayfafaalmaddeler li  
{
	width: 95%;
	margin-left: 5px;
}

 




.urunlistebildiscer
{
	height: 100%;
	width: 100%;
}

.urunlistebilbaslik {
	height: 30px;
	width: 100%;
	font-size: 16px;
}

.urunlistebilyazi {
	height: 100%;
	width: 98%;
	padding: 0px;
}

.urunlistebilfiyat {
	height: 100%;
	width: 100%;
	padding: 0px;
}
 
.urunlistebilresimcer {
	height: 235px;
	width: 98%;
	margin-right: 0px;
	float: left;
	border: thin solid #999;
	padding: 0px;
}

.urunlistebilresimcer img {
	width: 100%;
	height: 100%;
	margin-bottom: 15px;
}

.urunlistebiltemizle {
	clear: both;
	height: 25px;
}


.urunisimbildiscer
{
	height: 100%;
	width: 100%;
}

.urunisimbilbaslik {
	height: auto;
	width: 100%;
	font-size: 16px;
	margin-bottom: 8px;
}

.urunisimbilyazi {
	height: 100%;
	width: 98%;
	padding: 0px;
}

.urunisimbilfiyat {
	height: 100%;
	width: 100%;
	padding: 0px;
}
 
.urunisimbilresimcer {
	height: 215px;
	width: 98%;
	margin-right: 0px;
	float: left;
	border: thin solid #999;
	padding: 0px;
}

.urunisimbilresimcer img {
	width: 100%;
	height: 100%;
	margin-bottom: 15px;
}

.urunisimbiltemizle {
	clear: both;
	height: 25px;
}



  
.icsayfabaslik
{
	margin-top: 20px;
	height: 10px;
	margin-bottom: 5px;
}

.temizlesatir1
{
	clear: both;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin-top: 0px;
}

.kurumyazialani
{
   margin-top:0px;
}

.kurumresimcer {
	height: 190px;
	width:95%;
	margin-left:0px;
	margin-right:0px;
	float:none;
}

.duyurucerceve
{
	width: 94%;
}


#hizdetaysol
{
	width: 98%;
}


.hizdetaysagtaraf
{
	 margin-top: -3px;
	width: 98%;
	margin-left: 0px;
}

.referanscer {
	width: 98%;
	margin-top:5px;
	margin-bottom:-5px;
}

.referansbaslik {
	margin-top: 15px;
	font-size: 12px;
	color: #009;
	font-weight: bold;
}

.formlinkicer
{
   margin-top:25px;
}


.basincerceve
{
  width: 97%;
  margin-bottom:10px;
  margin-top:5px
}
.basinbaslik
{
	color: #009;
	font-size: 14px;
}
.basinresimcer {
	width: 100%;
	height: 300px;
	margin-top: 10px;
	margin-right: 0PX;
}

.sikcasorulancerceve
{
   width:96%;
   margin-top: 25px;
}

.iletdiscer 
{
	width: 99%;
	height: 700px;
	border: thin solid #E4E4E4;
	margin-top: 20px;
	padding-left:5px;
	padding-right:5px;
}

.cersagadres
{
   width:100%;
   float:left;
}

.cersolform
{
	width: 100%;
	float: right;
	background-color: #E0E2E4;
	margin-top: 30px;
}



.kaydet, .kaydethoveryok
{
   margin-left:5px;
}

.cizgi
{
	width:75%;
}


.guvkodcer {
	width: 180px;
	float:left;
}

	
.metinkutuetiketcer1
	{
	width: 90px;
	float: left;
	margin-left: 0px;
	font-size:11px;
	}
	
 
	
	.metinkutuinputcer1
	{
	float: left;
	width: 180px;
	}
	
.metinkututextareacer
{
   width:180px;
}
	
		.metinkutuarkaplan1
	{
	float: left;
	width: 100%;
	}
.ceraltkroki
{
   width:100%;
   height: 250px;
}

.radbutyazi
{
   font-size:10px;
}

#security
{
    width:80px;
}
.guvkodresim
{
  width:80px;
}

.guvkodyenile
{
   width:80px;
}

.guvkodgirmetni
{
  size: 6;
  width:78px;
}

.kaydetcer
{
	margin-left: 100px;
}

.DivYukleniyor
{
	margin-top: 7px;
}

.temizleayircizgi40
{  
  display:none;
}

.temizleayircizgi40mob
{  
  display:block;
}

.temizleayircizgi20
{  
  display:none;
}

.temizleayircizgi20mob
{  
  display:block;
}

.videocerceve
{ 
	width: 100%;
	margin-right:0px;
	margin-left:0px;
}

.markaendis
{
	width: 45%;
	float: left;
	padding-right: 15px;
}
.markadiscer
{
	height: 150px;
	width: 100%;
	margin-right: 0px;
 
}

.markaresim
{
	height: 100px;
}

 
.referanssag
{
   margin-top:25px;
   width:100%;
}


.referanssol  
{
	 width:100%;
   margin-top:10px;
}

.referanssag
{
   width:100%;
}

.referanscontainer
{
	width:100%; 
	margin-top:20px;

 
}

.urdetaysoltaraf
{
   margin-top:15px;
}

.hizboldiscer
{
   	width: 45%;
	float: left;
	padding-right: 15px;
	margin-right:0px;
}

.hizbollink, .hizbollink :hover{
	width: 100%;
	margin-right: 0px;
    width:100%;
}


.urunkucresimcerdis
{
   	width: 23%;
	padding-right: 6px;
	float:left;
}

.urunkucresimcer {
	width: 100%;
	margin-right: 0px;
}

.urungeridoncer 
{
	text-align: right;
	margin-top: 10px;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
}

.urungeridoncer a, .urungeridoncer a:visited
{
	color: #039;
	text-decoration: none;
}

.urundetaybaslik
{
   height:auto;
}

.urunaltkategoribasligi
{
	color: #900;
	height:auto;
}

.urunbuyresimcer
{
   height:245px;
}

.hizbolbaslik
{
	font-size: 18px;
	font-weight: bold;
	margin-top: 25px;
}

.hizbolyazi
{

    margin-top: 13px;
}

 .hizboldiscer
{
   	width: 45%;
	float: left;
	padding-right: 15px;
	margin-right:0px;
}

.hizbollink, .hizbollink :hover{
	width: 100%;
	margin-right: 0px;
    width:100%;
}

.hizboldiscer
{
   	width: 45%;
	float: left;
	padding-right: 15px;
	margin-right:0px;
}

.hizbollink, .hizbollink :hover{
	margin-right: 5px;
    width:45%;
	font-size:12px;
}

#solmenudiscerdiv {
	position: absolute;
	left: 10px;
	top: 100px;
	width: 190px;
}

.uruntasresimdiscer,  .uruntasresimdiscer a
{
	height: 370px;
	z-index: -50000;	
 
}

#apDiv2 {
 	top: 0px;
	height: 83px;
	position:relative;
}

 

 

.temizle20mob
{
	clear: both;
	height: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display:block;
}

#urunkatresimyukmob
{
    height:280px;
}

.urunkucresimcerdisa {
	 
	 
	display: block;
	 
}
.urunkucresimcerboyuta {
	width: 18%;
	height: 60px;
	float: left;
	border: medium solid #DCAFB0;
	margin-top: 0px;
	margin-right: 10px;
	cursor: pointer;
	padding: 2px;
}

.ortakonubaslikdiscer
{
	padding-top: 40px;
	padding-bottom: 40px;
	width: 100%;
}


.ortakonubaslikiccer
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: table-cell;
}

.ortakonubaslikcizcer
{
	width: 55px;
	float: left;
	margin-top: 5px;
}

.ortakonubascizbicim
{
	border: 1px solid #666;
	border-radius: 5px;
}

.ortakonubaslikbas
{
	width: auto;
	float: left;
	text-align: center;
	font-size: 20px;
	color: #B30650;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}

#resimgaleridiscerceve
{
    z-index:1;
}  

.belcerceve {
 
	margin-right: 0px;
}

.belresimboyut
{
	width: 100%;
	height: 650px;
}
 .sloganbaslik1
 {
	font-size: 30px;
 }
 
 .sloganbaslik2
 {
	font-size: 18px;
	width:85%;
	margin-left:auto;
	margin-right:auto;
 }
 
 
 

.altbantabancer
{
	height: 250px;
}

.altbantabanic
{
	width: 100%;
}

.altbantabansol, .altbantabanorta, .altbantabansag
{
 width:100%;
 text-align:center;
}


#iletisim
{
  margin-bottom:35px;
}





.anaurunbildiscer 
{
	height: auto;
	width: 100%;
	float: left;
	clear: right;
	margin-right: 0px;
	margin-bottom: 1px;
}

.anaurunbildiscer :hover
{
	color: #000000;
}


.anaurunbiliccer {
	height: 410px;
	width: 99%;
	float: left;
	border: thin solid #999;
	background-color: #FFF;
	margin-bottom: 40px;
}

.anaurunbilbaslik {
	height: 10px;
	width: auto;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 0px;
}

.anaurunbilyazi {
	height: auto;
	width: auto;
	color: #000;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.4;
	padding-top: 0px;
	padding-right: 35px;
	margin-top: 10px;
	clear: left;
	text-align: center;
	display: block;
}

.anaurunbilfiyat {
	height: auto;
	width: auto;
	color: #000;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.5;
	padding-top: 10px;
	padding-right: 2px;
	text-align: left;
	margin-top: 15px;
	clear: both;
}

.anaurunbilresimcer {
	height: 270px;
	width: 100%;
	float: left;
	padding: 0px;
	margin-bottom: 5px;
	background-color: #CCCCCC;
}

.anaurunbilresimcer img {
	width: 100%;
	height: 100%;
	margin-bottom: 15px;
}

.anaurunbildevambut
{
	color: #FFFFFF;
	border: thin solid #063;
	margin-left: auto;
	margin-right: auto;
	width: 135px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	background-color: #333333;
	margin-top: 5px;
}


.anaurunbildevambut1
{
	color: #FFFFFF;
	border: thin solid #09F;
	margin-left: auto;
	margin-right: auto;
	width: 135px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	background-color: #005680;
	margin-top: 5px;
}

.anaurunbiltemizle {
	clear: both;
	height: 25px;
}




.genbildiscer 
{
	height: auto;
	width: 100%;
	float: left;
	clear: right;
	margin-right: 0px;
	margin-bottom: 1px;
}

 


.genbiliccer {
	height: 500px;
	width: 100%;
	float: left;
	border: thin solid #999;
	background-color: #FFF;
	margin-bottom: 40px;
}

   
.genbilresimcer {
	height: 270px;
	width: 100%;
	float: left;
	padding: 0px;
	margin-bottom: 5px;
	background-color: #CCCCCC;
}

.anaurunbilresimcer img {
	width: 100%;
	height: 100%;
	margin-bottom: 15px;
}

.anaurunbildevambut
{
	color: #FFFFFF;
	border: thin solid #063;
	margin-left: auto;
	margin-right: auto;
	width: 135px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	background-color: #333333;
	margin-top: 5px;
}


.anaurunbildevambut1
{
	color: #FFFFFF;
	border: thin solid #09F;
	margin-left: auto;
	margin-right: auto;
	width: 135px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	background-color: #005680;
	margin-top: 5px;
}

.anaurunbiltemizle {
	clear: both;
	height: 25px;
}