@charset "utf-8";
 
.trans4 { -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;  }
.trans9 { -webkit-transition:All 0.9000s ease;-moz-transition:All 0.9000s ease; -o-transition:All 0.9000s ease;  }
.transslow { -webkit-transition:All 2s ease;-moz-transition:All 2s ease; -o-transition:All 2s ease;  } 


img { border:none }
h2, h1, h3, h4, p, ul, li, lo, ol { margin:0px; padding:0px;  }
strong { margin:0px; padding:0px;   }
/* font finish */

body { margin:0px; padding:0px; overflow-y:scroll;    font-family: 'Roboto', sans-serif;   overflow-x:hidden  }
.sitealani { position: relative; z-index: 10; overflow: hidden; }



		.zoom {
			display:inline-block;
			position: relative;
		}
		
		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			 
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }




.oylama { margin-bottom:20px ; opacity: 0.3;  filter: alpha(opacity=30);  }
.oylama:hover {  opacity: 1;  filter: alpha(opacity=100);}
.oylama i:hover { cursor:pointer;  }


.ALI_ZOOM { }
.ALI_ZOOM .al-1 .li { width:calc(100% - 12px); margin-bottom:10px; padding:5px; border:1px solid #f2f2f2; cursor:pointer;  }
.ALI_ZOOM .al-1 .li img { width:100%; }
.ALI_ZOOM .al-1 { width:100px; float:left; }
.ALI_ZOOM .al-2 { width:calc(100% - 112px); float:right;   border:1px solid #f2f2f2 }
.ALI_ZOOM .al-2 img { width:100%; }




.secimyap { margin: 10px 0px   }
.secimyap .h2 span { display: inline-block; padding: 0px 15px; color:#EC0003 }





.NPAGE { max-width: 1200px; margin: 0 auto; background: #f6f6f6; margin-top: 10px }
.NPAGE .li  { padding: 10px 0px; font-size: 18px; color: #000; float: left; width: calc(100% / 3  ); text-align: center;  }
.NPAGE .li i { color:#646464 }
.NPAGE .li strong { padding:8px 0px; display: inline-block; font-size: 36px }
.NPAGE .akti { background: #000000; color: #fff; }


.NPAGE .li:nth-of-type(2){     }


.SAGSEPET { background:rgba(0,0,0,0.5); width:100%; height:100%;    position: fixed; left:0%; top:-100%; z-index: 60;  }
.sepetac { position:fixed; right: 10px; top: 50px;  background: #000; font-size: 20px; color: #fff; padding: 10px; z-index: 800 }
.sepetac:hover  { cursor: pointer; background: #f2f2f2; color: #000}

@media screen and (max-width: 800px) {
	.sepetac { display: none }

}



.SEPETLISTE { max-width: 1200px; margin: 0 auto; padding: 60px 0px }
.SEPETLISTE .li { border-bottom: 1px solid #ccc; position: relative; padding:20px; font-size:16px; color: #000; }
.SEPETLISTE .li span { font-size:12px; color: #888; }

.SEPETLISTE .li .sepsil { color: #000; padding: 5px; position: absolute; right: 5px; top: 5px; font-size: 16px; }
.SEPETLISTE .li .sepsil:hover { color:#D9191C }
.SEPETLISTE .li .st-0 { width: 70px; float: left}
.SEPETLISTE .li .st-0 img { width: 100%  }
.SEPETLISTE .li .st-1 { width: calc(70% - 100px); float: left}
.SEPETLISTE .li .st-2 { width: calc(30% - 15px); float:right; padding-right: 15px; text-align: right  }	
.SEPETLISTE .li:hover { background:#f6f6f6 }
 
.SEPETLISTE .BUTONSET { text-align: center; padding: 10px 0px }
.SEPETLISTE .BUTONSET a { display: inline-block; padding: 9px 15px; margin: 3px; background: #000; color: #fff; }
.SEPETLISTE .BUTONSET a:hover { background: #666}



@media screen and (max-width: 800px) {
 
}



.BILGISEPETI { width:calc(40% - 42px);  border: 1px dashed #ccc; padding: 20px; float:left;  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.09);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.09);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.09); }
.BILGISEPETI h2 { padding:8px 10px; margin: 10px 0px; font-size: 22px   }
.BILGISEPETI .li { border-bottom: 1px solid #f2f2f2; position: relative; padding:20px; font-size:16px; color: #000; }
.BILGISEPETI .li span { font-size:12px; color: #888; }

.BILGISEPETI .li .sepsil { color: #000; padding: 5px; position: absolute; right: 5px; top: 5px; font-size: 16px; }
.BILGISEPETI .li .sepsil:hover { color:#D9191C }
.BILGISEPETI .li .st-0 { width: 70px; float: left}
.BILGISEPETI .li .st-0 img { width: 90%  }
.BILGISEPETI .li .st-1 { width: calc(70% - 100px); float: left }
.BILGISEPETI .li .st-2 { width: calc(30% - 15px); float:right; padding-right: 15px; text-align: right  }	
.BILGISEPETI .li:hover { background:#f6f6f6 }
.BILGISEPETI .total { padding:10px 0px; text-align: right; }

.BILGISEPETI .td { padding:0px 10px; }
.BILGISEPETI .td i { width: 40px; height: 30px; }

@media screen and (max-width: 800px) {
.BILGISEPETI { display: none }

}


.ODEMEBILGISI { width:calc(60% - 40px);   padding: 0px 0px 0px 0px; float: right;   }
.ODEMEBILGISI .ODEMESEC { padding:0; }
.ODEMEBILGISI .ODEMESEC .li { padding:20px 10px ;  color: #999;   margin: 2px; text-align: center; width: calc(50% - 24px); float: left; background: #f2f2f2; }
.ODEMEBILGISI .ODEMESEC .li i { font-size:36px; padding-bottom: 10px; }
.ODEMEBILGISI .ODEMESEC .li:hover {  color: #000; cursor: pointer}
.ODEMEBILGISI .ODEMESEC .secili {  color: #000; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,ffffff+100 */
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }


.ODEMEBILGISI .odemeaciklama  { width:calc(100% - 2px - 40px) ; height: 200px; border: 1px solid #ccc; padding: 20px; outline: none;  font-family: 'Roboto', sans-serif;   }
.ODEMEBILGISI .BANKACH { padding: 10px 0px}
.ODEMEBILGISI .BANKACH .li { width: calc(50% - 59px); position: relative; float: left; padding: 15px 15px 15px 40px; margin: 2px;   }
.ODEMEBILGISI .BANKACH .li:hover { cursor: pointer;   }

.ODEMEBILGISI .BANKACH .li i { color: rgba(0,0,0,0.1); position: absolute; left: 0; top: 25px; font-size: 25px; }
.ODEMEBILGISI .BANKACH .secilenbanka i { color: #0AA830  }
.ODEMEBILGISI .BANKACH .li:hover i {   color: #0AA830  }


@media screen and (max-width: 800px) {
 
.ODEMEBILGISI { width:calc(100% - 40px);   padding: 20px; float: none;   }
.ODEMEBILGISI .BANKACH .li { width: calc(100% - 59px); position: relative; float: none; padding: 15px 15px 15px 40px; margin: 2px;   }	
	
	
}
 


ul.ultablist   { padding:0; list-style: none; margin: 0; }
ul.ultablist li {   padding: 0px 0px; font-size: 16px; }

.BILGISEPETI2 { padding: 50px; border:3px dashed #000;  }
.BILGISEPETI2 h2 { padding:8px 10px; margin: 10px 0px; font-size: 22px   }
.BILGISEPETI2 .li { border-bottom: 1px solid #f2f2f2; position: relative; padding:30px 0px; font-size:16px; color: #000; }
.BILGISEPETI2 .li span { font-size:12px; color: #888; }

.BILGISEPETI2 .li .sepsil { color: #000; padding: 5px; position: absolute; right: 5px; top: 5px; font-size: 16px; }
.BILGISEPETI2 .li .sepsil:hover { color:#D9191C }
.BILGISEPETI2 .li .st-0 { width: 70px; float: left}
.BILGISEPETI2 .li .st-0 img { width: 90%  }
.BILGISEPETI2 .li .st-1 { width: calc(70% - 100px); float: left }
.BILGISEPETI2 .li .st-2 { width: calc(30% - 15px); float:right; padding-right: 15px; text-align: right  }	
.BILGISEPETI2 .total { padding:10px 0px; text-align: right; }

.BILGISEPETI2 .td { padding:0px 10px; }
.BILGISEPETI2 .td i { width: 40px; height: 30px;  }
.col-bol .c1 { width:calc(100% / 1); float: left; }
.col-bol .c2 { width:calc(100% / 2); float: left; }
.col-bol .c3 { width:calc(100% / 3); float: left; }

@media screen and (max-width: 800px) {
.BILGISEPETI2 { padding: 10px; border:1px dashed #000;  }	
.col-bol .c1 { width:calc(100% / 1); float: left; margin-bottom: 30px }
.col-bol .c2 { width:calc(100% / 1); float: left; margin-bottom: 30px  }
.col-bol .c3 { width:calc(100% / 1); float: left; margin-bottom: 30px  }
}



ul.ultablist2   { padding:0; list-style: none; margin: 0; }
ul.ultablist2 li { background: #f6f6f6;   padding: 15px 10px; font-size: 16px; margin-bottom: 2px; }

ul.ultablist2 li:nth-of-type(odd) {
    background-color: #f2f2f2;
}
ul.ultablist2 li:nth-of-type(even) {
    background-color: #ffffff;
}
ul.ultablist2 li.tr { background: #000; border:none; padding: 8px 10px; font-size: 16px; margin-bottom: 2px; }
ul.ultablist2 li.ak { background: #fff; -webkit-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);  }


.table        { color: #000  }
.table_tr     { color: #fff  }
.table .b-10  { width:10%;  float: left; }
.table .b-20  { width:20%;  float: left; }
.table .b-30  { width:30%;  float: left; }
.table .b-40  { width:40%;  float: left; }
.table .b-50  { width:50%;  float: left; }
.table .b-60  { width:60%;  float: left; }
.table .b-70  { width:70%;  float: left; }
.table .b-80  { width:80%;  float: left; }
.table .b-90  { width:90%;  float: left; }
.table .b-100 { width:100%; float: left; }

.table .w100-6 { width:calc(100% / 6); float: left;  }

 
@media screen and (max-width: 800px) {
.table .w100-6:nth-child(1) { width: 40%;  }	
.table .w100-6:nth-child(2) { width: 30%;   }
.table .w100-6:nth-child(3) { display: none; }	
.table .w100-6:nth-child(4) { width: 30%;    }	
.table .w100-6:nth-child(5) { display: none; }
.table .w100-6:nth-child(6) { display: none; }		
}
 


ul.ultablist2 li .alert1 { background: #d6f6d3; padding: 20px; border: 1px solid #bce7b9; text-align: right; margin-bottom: 8px;}
ul.ultablist2 li .alert2 { background: #d6f6d3; padding: 20px; border: 1px solid #bce7b9;  margin-bottom: 8px; }




.ekbutonlar { margin-top:20px; }
.ekbutonlar .vb1 { padding:9px 15px; border:1px solid #000; margin:0px 5px 0px 0px; float:left; font-size:13px; font-weight:800; }
.ekbutonlar .vb1:hover  {  }


.eskifiyat { text-decoration:line-through; color:#666 }

.adetler { line-height:37px; color:#666; font-weight:600;  }
.adetler input {   border:1px solid #000;  width:30px; height:40px; margin:0px 3px; text-align:center; float:left;  }
.adetler .eksilt { width:30px; background:#000; color:#fff; text-align:center; float:left; line-height:44px; }
.adetler .eksilt:hover { cursor:pointer; background:#666; }


.YUKLENME { background:#fff; position:fixed; left:0; top:0; width:100%; height:100%; z-index:50000;   }

.loaderLOGO {  position:absolute; left:50%; top:50%;  width: 300px;  margin-left:-150px; margin-top:-30px; 
  animation: bounce 0.2s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(.5,0.05,1,.5);
  animation-iteration-count: infinite;}

.loaderX { position:absolute; left:50%; top:50%;  width: 90px; height: 90px; margin-left:-45px; margin-top:-45px; border: 10px solid #ccc;  border-top:10px solid #000; border-radius: 50%; animation: spin 1s linear infinite;
}






.newheader {    max-width:1200px; margin:0 auto; position:relative;    }
.newheader .nlogo { height:100px; padding:20px 0px; float:left;}

.newheader .kargo { height:80px; padding:10px 0px; float:right;}
@media screen and (max-width: 800px) {
.newheader { text-align:center; height:auto; border-bottom:1px solid #ccc }
.newheader .nlogo { height:90px;  float: none; }
.newheader .kargo { height:100px; float: none;}
}



.nmenu { width: 100%; position: absolute; bottom:0;  z-index: 6000}
.nmenu .c { text-align: right; max-width: 1200px; margin: 0 auto;  position: relative; }
.nmenu .li {  display:inline-block;  font-weight:600; line-height:50px; padding: 0px 10px; font-size:16px;  color:#000; letter-spacing:1px;     }
.nmenu .li:hover { color:#888 }
.nmenu .li:hover  .alturunler{ display: block; text-align: left; }
.nmenu .li .alturunler { display: none; position: absolute; width: calc(100% - 40px); left: 0px; padding: 30px 20px; background: #fff; -webkit-box-shadow: 0px 0px 28px -16px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 28px -16px rgba(0,0,0,0.75);
box-shadow: 0px 0px 28px -16px rgba(0,0,0,0.75);}

.nmenu .li .alturunler .li2 { text-align: left; color: #000; font-weight: 400; width: calc(100% / 4 - 8px); margin: 4px; float: left; border-bottom: 1px solid #ccc;  }
.nmenu .li .alturunler .li2:hover { color: #e46713; }







.nbar {  padding:9px; background:#f1f1f1   }
.nbar .c { max-width:1200px; margin:0 auto; text-align:right;  }
.nbar .li { display:inline-block; padding:6px 10px; font-size:12px; font-weight:800;  color:#000;    }
.nbar .li:hover { color:#888 }

.nbar .vinsta { display:inline-block; line-height:30px; float:left; padding:0px 10px 0px 0px; margin-right:2px; font-size:12px; font-weight:800;  color:#000; position:relative; overflow:hidden;   }
.nbar .vinsta:hover { color:#666 }




@media screen and (max-width: 800px) {

.nbar { display: none}
}


.phone { display: none !important }
@media screen and (max-width: 800px) {
.computer { display: none !important }
.phone { display:block !important }	
}







.salani { position:absolute; top:10px; right:0;}
.salani .sepetG {  padding:10px 10px 10px 40px; font-size:12px; position:relative; float:right; margin-left:6px; color:#000;  border-radius: 4px;   }
.salani .sepetG .material-icons { position:absolute; top:6px; left:8px;   }


.salani .lam0 { background: #e46815; color: #fff; }
.salani .lam1 { background: #1580e4; color: #fff; } 
.salani .lam2 { background: #50b535; color: #fff; }



.salani .sepetG:hover { background:#000; color: #fff; }

@media screen and (max-width: 800px) {

.salani { display: none}
}






.instahome { padding:50px 0px; background:#e0e0e0; text-align:center; font-size:14px; color:#000 }
.instahome p { font-size:24px; }
.instahome img { width:90px; background:#fff; padding:10px; margin-bottom:20px; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; }
.instahome a { color:#000 }
.instahome .material-icons { font-size:40px; padding:20px 0px  }


.BAR { background:#e46713 }
.BAR .CENTER {  max-width:1200px; margin:0 auto }
.BAR .CENTER .li { float:right; margin:0; padding:10px 7px; font-size:12px; color:#fff;   }


 


.SMBOL { background:#47c2e7; }
.SMBOL .v2 { width:50%; float:left; }
.SMBOL .vi { width:calc(100% / 3 - 40px); float:left; padding:20px; color:#fff; text-align:center; background:url(bg1.png) center center; background-size:cover; }
.SMBOL .vi img { width:80px; float:left; padding:0; margin:0; }
.SMBOL .vi h2  { width:80px; float:left; padding:10px 0px 0px 0px }
.SMBOL .vi p  { font-size:14px; font-weight:400;  }
.SMBOL .vi:hover { background:#666; cursor:pointer }

.SMBOL .v3     {  width:50%; float:left; background:#ffa500 url(bg1.png) center center; background-size:cover; color:#fff; text-align:center; padding:38px 0px }
.SMBOL .v3 h2  {   padding:0px 0px 0px 0px }
.SMBOL .v3 p  { font-size:14px; font-weight:400;  }


.urunalani { position:relative; max-width:1200px; margin:0 auto}
.urunalani .urunimg { width:50%; }

.urunalani .urunsagaciklama { width:45%; position:absolute; top:50%; right:0; color:#fff; }
.urunalani .urunsagaciklama h1 { font-size:26px; }
.urunalani .urunsagaciklama span { line-height:25px; font-size:13px; letter-spacing:1px }

.urunalani .urunsagaciklama p { font-size:60px; font-weight:300 }
.urunalani .satinalbu { display:inline-block; margin-top:20px; padding:10px 15px; color:#fff; background:#2ca5cb; -webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px; }
.urunalani .satinalbu:hover { background:#6fad45; cursor:pointer }








.gbilgi {   }
 
.gbilgi .ice { background:#fff; padding:60px 0px; }
.gbilgi .center { max-width:1200px; margin:0 auto; }
.gbilgi h1 { color:#535c7c; padding-bottom:20px; font-weight:300; font-size:36px }
.gbilgi p  { font-size:14px; color:#666; line-height:35px;  }
.gbilgi .ti { width:calc(100% / 1 - 40px); float:left; padding:20px; text-align:center;  }



.up2 {   position:relative; }
.up2 .urunsagaciklama { width:45%; position:absolute; top:35px; left:0; }
.up2 .urunsagaciklama p { line-height:30px; color:#404056; }
.up2 .urunimg { width:50%; float:right }

.fbas { font-size:18px }
.fice { font-size:16px }




/***********************************************************************/
.PAYLAS         {  position:absolute; text-align:center;  top:50px; right:30px; z-index:100;  font-size:11px;  }
.PAYLAS .li {   font-size:14px; padding:10px 15px; font-size:12px;   color:#888; line-height:20px; }
.PAYLAS .li i { padding-right:8px; font-size:20px }
.PAYLAS .li:hover { color:#000; cursor:pointer;  }
/***********************************************************************/

@media screen and (max-width: 800px) {
.PAYLAS         {  display: none}

}




.paylas_grubu {  position:absolute;  top:50px; right:0px; z-index:100;  font-size:11px; }
.fb_paylas { float:left; padding:7px 15px; background:#3366CC; color:#FFFFFF; cursor:pointer; }
.tw_paylas { float:left; padding:7px 15px; background:#33CCFF; color:#FFFFFF; cursor:pointer; margin-left:5px; }
.shover {
		transition:All 0.3000s ease; 
-webkit-transition:All 0.3000s ease;
   -moz-transition:All 0.3000s ease; 
	 -o-transition:All 0.3000s ease;  }
.shover:hover { background:#000000; }



.sosyalpaylas { padding:7px 0px 7px 0px; position:absolute; right:0px; top:60px; width:100px; z-index:300;}
.fb-line { border-bottom:1px dotted #ccc; padding:5px 0px;}


.tukanmekuzere1 { position:absolute; padding:7px 15px;  z-index:200; font-size:12px; }
.tukanmekuzere2 { position:absolute; top:260px; right:0px; padding:7px 15px;  z-index:200; font-size:12px; border:1px dashed #000 ; background:url(tic.png)}

.var_renk_a { float:left; padding:7px 15px; border:1px solid #ccc; margin:5px 5px 0px 0px; font-size:11px; color:#000000; }
.var_renk_a:hover { background:#000000; color:#FFFFFF; cursor:pointer; }



.left  { float:left !important }
.right { float:right !important }
.p5r   { padding-left:5px !important; padding-right:5px !important }
 
table.xtablom       { border:1px solid #ccc; border-top:none; border-left:none; }
table.xtablom tr td { padding:8px !important; border:1px solid #ccc; border-bottom:none; border-right:none;}
table.xtablom tr.baslik_tr { background:#f5f5f5 }

.hoverkirmizi:hover { background:#d02020 !important; cursor:pointer; }
.arasat {  float:right; padding:5px 10px 5px 10px; margin:1px 1px 0px 0px; text-align:right; width:180px;  }
.arasay {  float:right; margin:1px 36px 0px 0px; width:150px; padding:5px 0px 5px 10px; }
.sepetbutonu { border:none; background:#000; color:#FFFFFF; outline:none; margin:1px; height:30px; float:right;}
.ileributonu { border:none; background:#000; color:#FFFFFF; outline:none; margin:1px; height:23px; padding:7px 15px 0px 15px ; float:right;}


.form_type  { width:calc(30% - 22px); padding:7px 0px 7px 10px; float:left; background:#f2f2f2; margin:1px 1px 0px 0px; font-size:14px; }
.form_value { width:70%;  padding:7px 0px 7px 10px; float:left; background:#f2f2f2; margin:1px 1px 0px 0px; font-size:14px; }


.urunyok { text-align:center; padding:10px; border:1px solid #f0b1d2; margin-top:30px; background:#ffecf6; font-size:12px; }
.urunvar { text-align:center; padding:10px; border:1px solid #a8e7ac; margin-top:30px; background:#d7ffda; font-size:12px; }



.hizlibakis { position:fixed; width:100%; height:100%; background:url(karar2.png); z-index:1000; display:none; }
.hizlidetay { width:1000px; height:500px; background:#FFFFFF; position:fixed; left:50%; top:50%; margin-left:-500px; margin-top:-250px; }
.hizlikapat { background:#000000; position:absolute; top:0px; right:0px; cursor:pointer; z-index:800  }



.bedenler { padding-top:20px; }
.bedenler .li { float:left; padding:15px 15px; border:1px solid #000; color:#000; margin-right:5px;   cursor:pointer; }
.bedenler .h2 { font-size:20px; font-weight:700; padding-bottom:9px; } 
.bedenler .var {  }
.bedenler .secildi { background:#000; color:#fff;   }





.B-Slider { width:1000px; height:500px; background:#CCCC00; float:left; margin-bottom:5px; }

.C-Slider { float:left; position:relative; overflow:hidden; cursor:pointer; }
.re-co { position:absolute; z-index:100;  background: url(karar2.png); bottom:0px; right:0px;  color:#fff;  transition:All 0.2000s ease; -webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease;}
.re-ka {  font-size:36px; padding:10px; }
.re-ic {  font-size:12px; font-style:italic; padding:0px 10px 30px 10px }
.sonu { margin:0px 0px 5px 0px !important;  }
.C-Slider:hover .re-co { bottom:0%; padding-bottom:50px;}


.urundetayslider img { width:100%; }

.SMK { position:relative; }
.SMK img { width:100%; }
.SMK .scon { position:absolute; top:20%; left: 10%; width: 80%; color: #fff;  }
.SMK h1 { padding-bottom:20px; font-size:40px; font-weight:100 }
.SMK h2 { padding-bottom:20px; font-size:16px; font-weight:800; letter-spacing:2px }
.SMK p  { padding-bottom:20px; font-size:16px; font-weight:300; letter-spacing:2px }


.SMK a { display:inline-block;  padding:10px 15px; margin-top:10px; background:#fff; color:#000; border:1px solid #fff;}
.SMK a:hover {  color:#fff; border:1px solid #fff; background:none; }






.insta { position:absolute;   top:50px; text-align:center; width:200px; left:50%; margin-left:-100px; font-size:13px;   }
.insta img { width:30px; }
.insta p { padding:10px 0px; color:#000}


.neredeyimben  { position:fixed; z-index:200; margin-left:1030px; margin-top:-100px; }
.bar-filitre-n { background:#fff; font-size:11px; color:#000000; padding:5px 30px 5px 10px; margin:0px 0px 0px 0px; border:1px solid #666  }
.bar-filitre-n:hover { cursor:pointer; background:#000000; color:#FFFFFF  }
.neredeyimben h2 { font-size:12px; margin:0px; padding:5px 0px 0px 0px; }


.intro { position:fixed; width:100%; height:100%; background:#000000 url(../images/si.jpg); z-index:9000; }

.inco   { width:1000px; height:400px; position:relative; margin:0 auto;  }
.logoin { position:absolute; left:330px; top:-500px; }
.logoya { position:absolute; left:260px; top:-500px; }
.bayrak { width:200px; height:56px; position:absolute; top:-500px; left:390px; text-align:center; }
.bayrak img { height:30px; }
/***********************************************************************************************************************/
	ul.tabs {
		margin: 0;
		padding: 0px 0px 0px 0px;
		float: left;
		list-style: none;
		height: 32px;
		border-bottom: 1px solid #000;
	 
		width: 100%;
	}
	ul.tabs li {
		float: left; font-size:12px;
		margin: 0;
		cursor: pointer;
		padding: 0px 15px ;
		height: 31px;
		line-height: 31px;
 
		border-left: none;
		font-weight: bold;
 
		overflow: hidden;
		position: relative;border: 1px solid #fff;
		border-bottom: 1px solid #000;
	}
 
	ul.tabs li.active{
		background: #FFFFFF; color:#666; border: 1px solid #000;
		border-bottom: 1px solid #FFFFFF;  
	}
	.tab_container {
		border: 1px solid #000;
		border-top: none;
		clear: both;
		float: left; 
		width: 100%;
		background: #FFFFFF;
	}
	.tab_content {  font-size:12px; max-height:300px; overflow-y:auto;
		padding: 10px; color:#000;
		display: none;
	}
	.tab_content p {   font-size:14px !important; color:#000 !important}	
	
	
	

.tabex1 { margin:0px !important; padding:10px 0px 0px 0px !important; border:none !important; }
/***********************************************************************************************************************/
.rad5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.rad8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.rad15 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
/***********************************************************************************************************************/
.menubanner {  height:140px; margin:0 auto; padding:0px; position:relative; }
.logonw { width:240px; padding-top:30px  }
.logonw img { width:100%; }

.sepetban       { position:absolute; bottom:0px; right:0px;  padding:7px 15px 7px 40px; font-size:12px; font-weight:400; background:#e3e3e3; color:#000; }
.sepetban .material-icons { position:absolute; left:8px; top:8px; font-size:20px; }
.sepetban:hover { cursor:pointer; }

.aramatut   { width:300px;  position:absolute; top:35px; left:350px; border:1px solid #ccc;  overflow:hidden      }
.aramayap        { width:70%; padding:2% 3%; float:left; background:none; outline:none;      border:none; margin:0px 0px 0px 0px; margin-left:4%; font-size:14px; color:#666; font-family: 'Roboto', sans-serif;  }
.aramayap2       { float:left; width:20%;  padding:3% 0%; outline:none; border:none;   margin:0px 0px 0px 0px; font-size:12px; color:#fff; background:#000; font-family: 'Roboto', sans-serif;   }
.aramayap2:hover { cursor:pointer; background:#000 }

.headerarama { position:fixed; right:0px; top:150px; z-index:5000 }
.menumD  { position:relative; padding:8px; color:#fff; background:#000; }
.menumD:hover { color:#fff; cursor:pointer;      }
.menumD .material-icons { font-size:30px;   }

/****************** ikisi aynı olmalıdır **************************/
 
/****************** ikisi aynı olmalıdır **************************/


.Menu1 {   position:relative; z-index:1000; padding:0px 0px 0px 0px; background:#5d4840; width:100%; }
.Menu1 .Menu1_li { font-size:12px; line-height:36px; color:#fff; float:left; padding:0px 15px;    font-size:14px;  }
.Menu1 .Menu1_li:hover { background:#fff; color:#000000; }

 
.Menu1 .Menu1_li .acmenu { display:none; -webkit-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.51);
box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.51); }
.Menu1 .Menu1_li:hover .acmenu { display:block; position:absolute; left:0; top:35px; width:100%; background:#FFF; padding:50px 0px     }

.Menu1 .Menu1_li a { color:#fff; }
.Menu1 .Menu1_li:hover a { color:#000 }

#anailan  {  }
.blk      { margin:0%; float:left; padding:0px 0px; width:25%;   }
.blk h2   { font-weight:600 !important; color:#000; font-size:14px; padding:0px 0px 0px 25px; margin:0px 25px; position:relative; border-bottom:1px solid #ccc; }
.blk h2:hover { color:#000 }
.blk h2 .material-icons { position:absolute; font-size:22px; left:-5px; top:7px }
.blk p    { font-weight:400; color:#666; font-size:12px; margin:0px 25px; padding:4px 0px; line-height:normal; border-bottom:1px solid #ccc;  } 
.blk p:hover { color:#000 }



 
.Menu1 .Menu2_li { font-size:12px; line-height:36px; color:#fff; float:right; padding:0px 15px;    font-size:14px;  background:#c09a69 }
.Menu1 .Menu2_li:hover { background:#000; color:#fff; }


#menualtibar                     {     background:#f5f5f5 }
.menualtibar                     {   max-width:1200px; margin:0 auto; padding:0px 40px;   }
.menualtibar .li                 { width:21%; float:left; color:#939393; padding:2%;  }
.menualtibar .li .material-icons { font-size:36px; float:left; padding-right:15px; }
.menualtibar .li h2              { font-size:16px; font-weight:700 !important;   }
.menualtibar .li p               { font-size:13px; }



#menualtibar2                     {     background:#f2f2f2 }
.menualtibar2                     {   max-width:1200px; margin:0 auto; padding:0px 40px;   }
.menualtibar2 .li                 { width:21%; float:left; color:#555; padding:2%; text-align:center  }
.menualtibar2 .li .material-icons { font-size:56px;     }
.menualtibar2 .li h2              { font-size:16px; font-weight:700 !important; padding-top:20px;   }
.menualtibar2 .li p               { font-size:13px; }




 
.butonlar { padding:45px 0px }

.butonlar .eklemeler { padding:10px 0px   }

.butonlar .eklemeler .BTA { width:calc(50% - 10px); float:left; padding:15px 0px; text-align:center; color:#fff; background:#000;   margin-right:5px; }
.butonlar .eklemeler .BTA:hover { background:#666; cursor:pointer }
.butonlar .eklemeler .F {   }
.butonlar .eklemeler .T {   }

@media screen and (max-width: 800px) {
 
 .butonlar .eklemeler .BTA { width:calc(100% - 0px); float:left; padding:15px 0px; text-align:center; color:#fff; background:#000;   margin-right:0px; }
}








.urunaciklama { }
.urunaciklama .a { font-size:18px; border-bottom:1px solid #000; padding-bottom:15px; margin-bottom:15px; cursor:pointer; letter-spacing:1px; font-weight:800 }
.urunaciklama .a:hover { color:#666 }
 

.urunaciklama .a .s { display:inline-block; float:right; font-size:14px; color:#999; margin-top:9px}
.urunaciklama .cm-btmz { display:none }
.urunaciklama .acti { display:block }


.karar_1 { position:fixed; z-index:200; background: url(karar.png); width:100%; height:100%; display:none; }


/***********************************************************************************************************************/
.menutablosu   { width:20%; float:left;  margin-top:6px; }
.menutablosu h2 { margin:5px 0px 0px 0px; padding:0px 0px 0px 0px;  font-size:18px;   color:#000; position:relative;  }
.ftemizle { position:absolute; top:0px; right:0px; cursor:pointer; }

.mfilitre   { font-size:12px;  padding:8px 8px 8px 25px; color:#000000;  background: url(noselect.png) left no-repeat; cursor:pointer;   }
.select     { color:#000; background:url(select.png) left no-repeat }
.mfilitre:hover { color:#000; background:url(select.png) left no-repeat }
.sscroll { max-height:250px; overflow:auto; }
.sscroll::-webkit-scrollbar { width:7px;    }
.sscroll::-webkit-scrollbar-track { }
.sscroll::-webkit-scrollbar-thumb { background: #000;   }
.sscroll::-webkit-scrollbar-thumb:window-inactive { background: #000;    }
.gorunum-ab {   margin-left:10px; cursor:pointer; height:20px; background:#F90}






.bar-a {   margin:0 auto; max-width:1200px; text-align:left; display:none }

.bar-filitre { float:left; padding:7px 30px 7px 15px; margin-right:4px; background: url(temizle.png) right no-repeat; font-size:16px; }
.bar-filitre:hover { cursor:pointer;  }

.bar-filitre-a { float:right; padding:7px 30px 7px 15px; margin-right:4px; background:#0F9; font-size:16px; color:#555 }
.bar-filitre-a:hover { color:#000;  }


.tint { width:100%; }

/***********************************************************************************************************************/
.haberler     { margin:-1px 0px 0px 0px; padding:20px; border:1px solid #f2f2f2; background:url(../images/haberler.png) top left no-repeat }
.haberler h2  { margin:0px; padding:0px 0px 0px 50px;  color:#666666; letter-spacing:-1px; font-size:16px; }
.haberler p   { margin:0px !important; padding:4px !important;  color:#666666; font-size:14px; }
.haberler p a { color:#006699 }
.haberler:hover { background:#f3f3f3 url(../images/haberler.png) top left no-repeat }
img { border:none }
.icerikmenusu a { text-decoration:none; }
.icerikmenusu { margin-top:5px; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; border:1px solid #ccc; padding:15px; }
.iceriklisol { float:left; padding-left:15px; width:600px; margin:0px  }
.iceriklisol h2 { margin:0px; padding:0px; color:#666; font-size:18px;  letter-spacing:-1px; border-bottom:1px dashed #ccc;  }
.iceriklisol p  { margin:0px !important; padding:0px !important; }
.icerikmenusu:hover { background:#FFFFFF; }


@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg) } 
    to { -ms-transform: rotate(360deg) } 
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

table.ope       { border:1px solid #e2e2e2; border-top:none; border-left:none; background:#FFFFFF }
table.ope tr td { padding:8px !important; border:1px solid #e2e2e2; border-bottom:none; border-right:none;}
table.ope tr.baslik_tr { background:#000; color:#FFFFFF; }
table.ope tr.baslik_tr2 { font-weight:bold;  }
 

.sepeturunsil2 { position:absolute; right:0px; cursor:pointer; }





.wem    { width:780px; height:30px; float:left; font-size:16px; text-align:center; margin-top:50px  }
 
.wem a  { text-decoration:none; }
.xgol   { padding:5px 10px 5px 10px; margin:1px 2px 0px 0px; border:1px solid #ccc; color:#333; display:inline-block;   }
.xgol2  { padding:5px 10px 5px 10px; margin:1px 2px 0px 0px; border:1px solid #000; background:#000; color:#fff;   display:inline-block; }
.xgol:hover { background:#000000; border:1px solid #000; cursor:pointer; color:#FFFFFF; }



.acilansepet { width:100%; display:none; background:#f9f9f9; border-bottom:1px solid #ccc;  }
.acilanorta  { width:1000px; margin:0 auto; }

.pointer:hover { cursor:pointer; }
.hoveris:hover { opacity:0.6; filter:alpha(opacity=60);  }
.trans { transition:All 0.1824s ease; -webkit-transition:All 0.1824s ease;-moz-transition:All 0.1824s ease; -o-transition:All 0.1824s ease; }
.slow  { transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.don { -webkit-animation:spin 8s linear infinite; -moz-animation:spin 8s linear infinite; animation:spin 8s linear infinite; }
.donslow { -webkit-animation:spin 19s linear infinite; -moz-animation:spin 19s linear infinite; animation:spin 19s linear infinite; }
.disli   { width:360px; height:360px; position:absolute; z-index:10; background:url(../images/cark.png); }
hr { border-bottom:none; border-left:none; border-right:none; border-top:1px solid #CCCCCC; }
#aliaygir { font-family:Tahoma; font-size:10px; width:990px; height:20px; color:#666; margin:0 auto; padding:4px; }
#aliaygir a { color:#000; text-decoration:none;  }
header, nav, article, section, footer, figure, aside { display: block; }
#clear { clear:both; }

#container    {  position:relative;     }
 
.left { float:left !important }
.right { float:right !important }
#yukari { position:absolute; display:none; right:0px; bottom:0px; cursor:pointer; width:50px; height:50px; background: url(../images/yukari.png) no-repeat }

#search { width:300px; height:50px; position:absolute; right:20px; top:10px; background:#CCCCCC; }


.somali { width:33px; height:152px; position:fixed ; top:90px; left:5px;}
.fb-soc       { width:33px; height:33px; background:url(../images/socialmedia.png) 0px -33px no-repeat; }
.fb-soc:hover { width:33px; height:33px; background:url(../images/socialmedia.png) 0px 0px no-repeat; }

.tw-soc       { width:33px; height:33px; background:url(../images/socialmedia.png) -40px -33px no-repeat; margin-top:5px; }
.tw-soc:hover { width:33px; height:33px; background:url(../images/socialmedia.png) -40px 0px no-repeat; }

.gp-soc       { width:33px; height:33px; background:url(../images/socialmedia.png) -80px -33px no-repeat; margin-top:5px; }
.gp-soc:hover { width:33px; height:33px; background:url(../images/socialmedia.png) -80px 0px no-repeat; }

.rs-soc       { width:33px; height:33px; background:url(../images/socialmedia.png) -720px -33px no-repeat; margin-top:5px; }
.rs-soc:hover { width:33px; height:33px; background:url(../images/socialmedia.png) -720px 0px no-repeat; }



.inurun { padding:2px; border:1px solid #ccc; margin-top:8px; }
.inurun h2 { margin:0px; padding:7px 0px 7px 35px; background:#1f86b1 url(../images/ind_ar.png) left no-repeat; }
.indi-liste { margin:0px 0px 0px 0px; color:#333333; border-bottom:1px dashed #ccc; padding:2px 0px 2px 0px;}
.indi-res  { float:left; width:80px; }
.indi-isim { float:left;  width:110px; font-family:Tahoma; font-size:12px; padding-left:5px; }
.indi-liste:hover { background:#f2f2f2 }

/************* ÜRÜN DETAY *******************/
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}
ul#thumblist{display:block; margin:0px; padding:0px;}
ul#thumblist li{float:left; margin:2px; list-style:none;}
ul#thumblist li a{display:block;border:1px solid #CCC;}
ul#thumblist li a.zoomThumbActive{ border:1px solid red; }
.jqzoom{ text-decoration:none; float:left; }
/************* SOSYAL MEDYA *******************/
#Gsoyad { width:180px; height:32px; position:absolute; right:0px; bottom:50px; z-index:90; }
#Gsoyad img { width:25px; height:25px; }
#Gsoyad img:hover {     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); }
/************* SOSYAL MEDYA *******************/
#Gsoyad2 { width:180px; height:32px; position:absolute; left:400px; top:80px; z-index:90; }
#Gsoyad2 img { }
#Gsoyad2 img:hover {     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); }
/************* FOOTER *******************/
footer#footer { width:100%;  margin:0px auto 0px;  padding:10px 0px 20px 0px;  position:relative;  }
ul#footerul { width:300px; float:left; margin:10px 0px 10px 10px; padding:10px; font-family:Tahoma; list-style:none; }
ul#footerul h2 { margin:0px; padding:7px 0px 7px 30px; position:relative; font-size:12px;  font-family:Calibri; background:#c21f1f; color:#fff; }
ul#footerul h2 img { position:absolute; width:20px; height:20px; left:2px; top:2px; }
ul#footerul li { margin:0px; padding:7px 0px 7px 10px; font-size:11px; border-bottom:1px dotted #ccc; background:url(../images/tick.png) 0px 10px no-repeat; } 
ul#footerul li a { text-decoration:none; color:#333;  }
ul#footerul li a:hover { color:#000; }


.MC1A { float:left; padding:10px 25px 10px 15px; background:url(../images/tith2.png) right no-repeat; margin-left:5px; font-size:11px; color:#333333;}
/************* ARTICLE *******************/
#post {     position:relative; background:#fff ; min-height:450px; padding:40px; max-width:calc(1200px - 0px);  margin:0px auto 0px;    }
#post h1 { color:#000; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;   font-size:15px; left:25px;    }
#post h1 span { float:right; color:#000; font-size:12px; }
#post p  { color:#666; margin:0px; padding:0px 0px 0px 0px; font-size:15px; line-height:30px;  }
#post ul li {  color:#666;font-size:15px; line-height:30px;}
#post hr { max-width:940px; }

@media screen and (max-width: 800px) {
#post { padding:10px;     }	

}




table.taborder       { border:1px solid #ccc; border-top:none; border-left:none; }
table.taborder tr td { padding:8px !important; border:1px solid #ccc; border-bottom:none; border-right:none; font-size:15px}
table.taborder tr.baslik_tr { background:#f5f5f5 }

.uruntut            { width:80%; float:left; padding-bottom:10px; }


@media screen and (max-width: 800px) {
.uruntut            { width:100%;   padding-bottom:10px; }

}
.altsayfa .X_urunler ul                  { margin:0px; padding:0px; list-style:none; }
.altsayfa .X_urunler ul li               { width:calc(100% / 3 - 30px); padding:5px; margin:10px; float:left; position:relative;   }
.altsayfa .X_urunler ul li img {width:calc(100% - 2px); border:1px solid #ccc; }
 

.altsayfa .X_urunler ul li .alisim { position:relative; padding:20px 10px; text-align:center; }
.altsayfa .X_urunler .imlec { border-bottom:1px solid #ccc; border-right:1px solid #ccc; width:30px; height:30px; left:50%; position:absolute; top:-15px; margin-left:-15px; background:#fff;  -webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}

 
.altsayfa .X_urunler .fiyat_X { text-decoration:line-through; color:#FF0000; font-size:16px;  }
.altsayfa .X_urunler .fiyat_Y { font-size:15px; color:#000; font-size:16px; font-weight:600; }
.altsayfa .X_urunler .name { color:#666; padding-top:15px }





.ana { background:#fff;  max-width:1200px; margin:0 auto; }
.ana .X_urunler { padding-top:50px; padding-bottom:90px }
.ana .X_urunler ul { list-style:none; margin:0; padding:0;  }
.ana .X_urunler ul li { width:calc(100% / 4 - 30px); padding:5px; margin:10px; float:left; position:relative;  }
.ana .X_urunler ul li img {width:calc(100% - 2px); border:1px solid #ccc; }
.ana .X_urunler ul li .alisim { position:relative; padding:20px 10px; text-align:center; }
.ana h2 { margin:0; padding:0; }
.ana .X_urunler ul li .imlec { border-bottom:1px solid #ccc; border-right:1px solid #ccc; width:30px; height:30px; left:50%; position:absolute; top:-15px; margin-left:-15px; background:#fff;  -webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}

 
.ana .X_urunler .fiyat_X { text-decoration:line-through; color:#FF0000; font-size:16px;  }
.ana .X_urunler .fiyat_Y { font-size:15px; color:#000; font-size:16px; font-weight:600; }
.ana .X_urunler .name { color:#666; padding-top:15px }







.Y_urunler ul                  { margin:0px; padding:0px; list-style:none; }
.Y_urunler ul li               { padding:0px 0px 0px 0px; float:left;  width:190px;  position:relative; margin:5px;  }
.Y_urunler ul li img           { border:0px; }
.Y_urunler ul li .alisim       { padding:5px 0px 10px 0px; color:#000; font-size:13px; }
.Y_urunler ul li .alifiy       { float:left; padding:0px 0px 0px 5px; color:#666; font-size:15px; }
.Y_urunler ul li:hover .alifiy { color:#000 }
.Y_urunler ul li .aliinc       { float:right; font-size:12px; padding:0px 5px 0px 14px; background:url(urunlisteleme/detay_sol.png) left no-repeat; color:#666 }
.Y_urunler ul li:hover .aliinc { background:#ccc }
.Y_urunler ul li .uimg1        { left:0px; top:0px; z-index:100; }
.Y_urunler ul li .uimg2        { left:-190px; top:0px; z-index:150; }
.Y_urunler ul li .urun_fotosu  {    position:relative;  }
.Y_urunler ul li .urun_fotosu img  { width:100%; transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
 

.Y_urunler ul li .tukanmekuzere2 { top:180px; }
.Y_urunler ul li .sekle          { float:left; padding:0px 11px;   line-height:30px; font-size:12px;  text-align:center;  background:#000; color:#fff; }
.Y_urunler ul li .sekle:hover    { cursor:pointer; background:#000; color:#fff;}
.Y_urunler ul li .shizli         { float:left; padding:0px 11px; margin-left:3px;   line-height:30px; font-size:12px;  background:#000; color:#FFFFFF; text-align:center;     }
.Y_urunler ul li .shizli:hover    {  cursor:pointer; background:#000; color:#fff;}











.kampanyada         { position:absolute; top:0px; left:0px; z-index:150; background:#000;  font-size:19px; color:#FFFFFF; padding:7px; }






.li-sepeteekle       { font-size:15px; padding:7px 0px 7px 0px; color:#000;    float:left; width:125px; text-align:center; }
.li-sepeteekle:hover { background:#000000; color:#FFFFFF; cursor:pointer; }
.li-hizli            { font-size:15px; padding:7px 0px 7px 0px; color:#000000;    float:right; width:124px; text-align:center; }
.li-hizli:hover      { background:#000000; color:#FFFFFF; cursor:pointer; }









.li-tukendi { font-size:13px; padding:7px 0px 7px 0px; text-align:center; background:#000 ; color:#FFFFFF; margin:0px 8px 5px 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

.uresim { margin:10px 0px 0px 10px; }
.analisteleme { width:232px; height:300px; float:left; margin:4px; border:1px solid #f2f2f2; position:relative; overflow:hidden; background:#fff }
.analisteleme h2 { font-size:15px; color:#333333; margin:0px; padding:5px 15px 5px 15px; background:url(../images/xti.png) left no-repeat }
.analisteleme p  { font-size:12px; color:#333333; margin:0px; padding:5px 15px 5px 15px; }
.analisteleme:hover { box-shadow: inset 0 0 15px rgba(0,0,0,0.10); }
.analisteleme:hover img { opacity:0.6; filter:alpha(opacity=60); }
.artidugmesi { width:50px; height:50px; background:#000000; color:#FFFFFF; font-size:36px;  text-align:center; position:absolute; right:90px; top:-30px; z-index:99; -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;  opacity:0.5; filter:alpha(opacity=50); }
.analisteleme:hover .artidugmesi { top:20px;  opacity:1; filter:alpha(opacity=100); }
/************* buton grupları *******************/
.buton1 { font-size:12px; margin-left:5px; margin-top:5px; background:#000; color:#FFFFFF; padding:7px 10px 7px 10px; }
.buton1:hover { background:#777; color:#FFFFFF; cursor:pointer;  }
.buton2 { font-size:12px; margin-left:5px; margin-top:5px; background:#000000; color:#FFFFFF; padding:4px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.buton2 img { width:20px; height:20px; }
.buton2:hover { background:#666666; cursor:pointer;  }
/************************************************
	     Listeleme
		 
************************************************/
.mms { width:998px; padding:0px 0px 10px 0px; margin-top:0px; }
#listele {  margin:0px 0px 0px 8px; padding:5px 0px 0px 8px;}
.listele { width:195px ; height:220px;  padding:0px 20px 40px 20px;  margin:0px; margin-left:5px; float:left;  position:relative; border:1px solid #CCCCCC; background:#fff;   }
.listele h1 { margin:0px; padding:9px 10px 5px 20px; font-size:14px; color:#333; font-family:Calibri; font-weight:100er;  }
.listele:hover {   }
.linkh { position:absolute; top:0px; padding:0px; right:0px; background:none; width:42px; height:42px; background:url(../images/url_.png) no-repeat;}
.linkh:hover { opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */ }
.listele:hover { background:#fafafa; }
/************************************************

/************************************************
	     footer ustu	
************************************************/
.inde { width:980px; height:180px;  margin:0px auto 0; z-index:250; position:relative; border:2px dashed #fff; background:#e9f9fc url(../images/foterarkasi.png) left top no-repeat; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; }

#duyuru { float:right; width:360px; padding:30px 0px 0px 0px; margin-right:50px; position:relative; }
#duyuru p { font-size:16px;  margin:0px; padding:0px; } 
#duyuru p span { font-size:13px;  } 


#anayazi { float:left; width:400px; padding:30px 20px 0px 60px; }
#anayazi p { font-size:16px;  margin:0px; padding:0px; } 
#anayazi p span { font-size:13px;  } 
/*****************************************************************/
#clr { clear:both; }
#yeniform-cevap { width:400px; height:250px; }
#yeniform-tablo { width:400px; float:left; height:270px; }
#yeniform-tablo > div {  padding-top:3px; }
#yeniform-isim  { width:100px; height:24px; text-align:right; float:left; margin:3px 0px 0px 0px; padding:8px 7px 0px 0px; font-family:Calibri; font-size:13px; color:#666666; }
#yeniform-text  { width:252px; height:32px; float:left; margin:3px 0px 0px 0px; border:1px solid #999; }
#yeniform-text:hover {  }
#yeniform-text input { width:240px; background:#fff; height:20px; margin-top:4px; margin-left:7px; font-family:Calibri; font-size:13px; color:#666; outline:none; border:none; }
#yeniform-textarea  { width:252px; height:119px; float:left; margin:3px 0px 0px 0px; border:1px solid #999;}
#yeniform-textarea:hover {  }
#yeniform-textarea textarea { width:230px; background:none; height:100px; margin-top:4px; margin-left:7px; font-family:Calibri; font-size:13px; color:#666; outline:none; border:none; }
#yeniform-textarea ::-webkit-scrollbar { width:10px; }
#yeniform-textarea ::-webkit-scrollbar-track { background: #fff; }
#yeniform-textarea ::-webkit-scrollbar-thumb { background: #666;  }
#yeniform-textarea ::-webkit-scrollbar-thumb:window-inactive { background:#fff; }
#yeniform-date  { width:52px; height:32px; float:left; margin:3px 0px 0px 0px; background:url(yeniform_sprite.png) no-repeat 0px -128px; }
#yeniform-date:hover { background:url(yeniform_sprite.png) no-repeat 0px -160px; }
#yeniform-date input { width:40px; background:#fff; height:20px; margin-top:4px; margin-left:7px; font-family:Calibri; font-size:13px; color:#666; outline:none; border:none; }
#yeniform-cvc  { width:107px; height:32px; float:left; margin:3px 0px 0px 0px; background:url(yeniform_sprite.png) no-repeat 0px -64px; }
#yeniform-cvc:hover { background:url(yeniform_sprite.png) no-repeat 0px -96px; }
#yeniform-cvc input { width:97px; background:#fff; height:20px; margin-top:4px; margin-left:7px; font-family:Calibri; font-size:13px; color:#666; outline:none; border:none; }
#yeniform-select  { width:252px; height:32px; float:left; margin:3px 0px 0px 0px; background:url(yeniform_sprite.png) no-repeat 0px -192px; position:relative; }
#yeniform-select:hover { background:url(yeniform_sprite.png) no-repeat 0px -224px; }
#yeniform-select select { width:240px; height:20px; margin-top:7px; margin-left:7px; font-family:Calibri; font-size:13px; color:#666; outline:none; border:none; }
select.select{ position:relative; z-index:10; width:240px !important; height:20px !important; }
span.select{ position:absolute; font-family:Calibri; font-size:13px; color:#666; top:0; float:left; left:0; margin-left:5px; margin-top:8px; width:240px; height:20px;cursor:default; z-index:1;}



.telefonlar { width:500px; float:left; margin:0px 0px 0px 10px; padding:10px 10px 50px 10px;  }
.telefonlar h2 { font-size:18px; color:#666666; margin:0px; padding:5px;  }

.telisim { width:25%;  padding:7px 0px 7px 0px; float:left; font-size:14px;  }
.teltel  { width:75%;  padding:7px 0px 7px 0px; float:left; font-size:14px; }
.telefonlar > div { padding:0px 5px 0px 10px; }
.googlemap {float:left; padding:10px; border:1px solid #CCCCCC; margin:10px; }

.hiza { border:1px solid #999999; }

#yeni-li { }
.smask { width:1000px; height:422px; position:absolute; background:url(../images/mask.png) no-repeat; z-index:1; top:0px; left:0px; }


.xurunlistele { width:170px; height:210px; float:left; margin:2px; padding:2px; position:relative;  border:1px solid #ccc; }
.xurunlistele .xim { width:150px; text-align:center; padding:5px 5px 5px 5px; font-size:12px; color:#fff;  font-family:Calibri; background:url(../images/er.png); position:absolute; bottom:6px; left:6px; z-index:40; border-top:2px solid #FFFFFF;    }
.xdetay { display:none; margin:4px }
.xurunlistele .xpic { position:absolute; top:4px; z-index:30; width:170px; height:210px; background:url(../images/resimyok.jpg) 4px 4px no-repeat;  } 
.xurunlistele:hover .xim { background:#333333; color:#FFFFFF; }
.xurunlistele:hover .xdetay { display:block; width:50px; height:50px; background:url(../images/buyut.png) no-repeat; position:absolute; z-index:1000; left:65px; top:60px; }
.xurunlistele:hover .xpic{ -moz-box-shadow: 1px 1px 21px #000000;
-webkit-box-shadow: 1px 1px 21px #000000;
box-shadow: 1px 1px 21px #000000; z-index:900; background:#FFFFFF;}

 



.detaysol { width:calc(40% - 0px); float:left;   }
.detaysag { width:calc(60% - 90px); float:left; padding:0px 0px 0px 40px }
.detaysag h2 { font-size:30px; padding-bottom:15px; font-weight:300;  }
.SSisim { width:30%; height:30px;  float:left; font-size:18px; font-weight:600; }
.SSdata { width:70%; height:30px;  float:left; font-size:18px; }






#solicew1-a  { width:45%; float:left;     }
 
 

#solicew2-2  { width:calc(50% - 15px);   float:left; margin-left:0px;  padding:25px 0px 0px 15px ; position:relative;    }
 


.yeni-buton { padding:7px 15px; float:left; margin:0px 3px 0px 0px;  font-size:12px; }



.bg-none    { border:1px solid #000; background:#FFFFFF; color:#000000;}
.bg-none:hover { background:#000000; color:#FFFFFF; cursor:pointer; }

.bg-pink    { border:1px solid #000; background:#FFFFFF; color:#000;}
.bg-pink:hover { background:#000; color:#FFFFFF; cursor:pointer; }

.bg-pink2       { border:1px solid #000; background:#000; color:#FFFFFF;}
.bg-pink2:hover {  background:#FFFFFF; color:#000; cursor:pointer; }

.bg-black    { border:1px solid #000; background:#000; color:#fff;}
.bg-black:hover { background:#fff; color:#000; cursor:pointer; }

.bg-green    { border:1px solid #000; background:#3bb216; color:#fff;}
.bg-green:hover { background:#fff; color:#000; cursor:pointer; }

.bg-yellow       { border:1px solid #000; background:#000; color:#fff;}
.bg-yellow:hover { border:1px solid #000; background:#000; color:#fff; cursor:pointer; }


.A-input { border:1px solid #000; width:250px; background:#fff; color:#000000; height:23px; padding:5px; margin:0px; float:left; outline:none; font-family: 'Roboto', sans-serif; }

.B-textarea { border:1px solid #000; width:250px; background:#fff; color:#000000; height:100px; padding:10px; margin:0px; outline:none;  color:#000000;}

.tumyorumlar { background:#f5f5f5; padding:15px; margin:0px 0px 5px 0px; border-bottom:1px solid #ccc; }
.tumyorumlar h2 { margin:0px !important; padding:0px !important; }
.tumyorumlar p  { margin:0px !important; padding:0px !important; font-size:12px !important }

.tumyorumlar2 { padding:15px; margin:0px 0px 5px 0px; border-bottom:1px solid #ccc; }
.tumyorumlar2 h2 { margin:0px !important; padding:0px !important; }
.tumyorumlar2 p  { margin:0px !important; padding:0px !important; font-size:12px !important }


.uyelogin { width:100%; height:100%; position:fixed; background:#000; z-index:80000; overflow:hidden; }
.to-mask  { width:100%; height:100%; position:absolute; z-index:50; background:url(tomask.png)   }
.login-to { position:fixed; top:35%; z-index:250; left:5%; background: url(karar2.png); padding:50px;  }
.gi-1     { border:1px solid #ccc; height:25px; background:#FFFFFF; font-size:14px; padding:8px; margin:0px;  width:250px; margin-top:5px; }
.gi-2     { border:none; height:29px; background:#000; font-size:12px !important; color:#FFFFFF; font-size:14px;  margin:0px; padding:0px 15px;  margin-top:5px; }
.gi-2:hover { cursor:pointer; background:#666666 }


.kutu-yesil { background:#e9ffd9; border:1px solid #cfe2c0;  }

.sevgilim-alsin { margin-top:20px; height:150px; display:none; } 
.sevgilim-alsin p { line-height:30px; }


.kullanici_temasi { position:fixed; left:5px; top:200px; z-index:250; display:none }
.tema-x           {  cursor:pointer; width:20px; height:20px;}
.tema-a           {  background:#FFFFFF; border:1px solid #000; margin-bottom:5px; }
.tema-b           {  background:#f2f2f2; border:1px solid #000; margin-bottom:5px; }
.tema-c           {  background:#000; border:1px solid #666; margin-bottom:5px;  }
.tema-d           {  background:#000; border:1px solid #000; margin-bottom:5px;  }
.tema-e           {  background:#f1d2b3; border:1px solid #000; margin-bottom:5px;  }
.tema-f           {  background:#f2d0d4; border:1px solid #000; margin-bottom:5px;  }

.rem1  { font-size:20px; font-family:Calibri; color:#333333;  padding:10px; background:#f2f2f2; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; border:1px solid #CCCCCC; }
.rem2  { font-size:36px; font-family:Myriad Pro; color:#666; padding:5px; }
.rem3  { font-size:14px; color:#666; padding:5px; }
.rem3 p { margin:0px; padding:0px; }
.anasayfabaslik { width:980px; margin:1px 1px 1px 10px; background:#cd1d1d url(../images/iti.png);  padding:9px 0px 9px 0px;  }
.anasayfabaslik p {  margin:0px; padding:0px 0px 0px 20px;   color:#f2f2f2;}
 
.box-2 {  -webkit-box-shadow: 0px 0px 20px #ccc;
-moz-box-shadow: 0px 0px 20px #ccc;
box-shadow: 0px 0px 20px #ccc;
 }


a  { text-decoration:none }
.solaver { width:30%;  float:left;   position:relative;   }
.solgbas { position:absolute; top:-43px; color:#FFFFFF;  }
.cbaslik       { padding:10px 15px;  color:#000; font-size:15px; font-weight:600; margin-bottom:5px; background:#f2f2f2;    }

.cbaslik:hover { color:#999999 }


@media screen and (max-width: 800px) {
	
.cbaslik { padding:10px 15px;  color:#000; font-size:22px; font-weight:600; margin-bottom:5px; background:#f2f2f2;    }	
}




.xbax    { padding:12px 10px 12px 30px; background:#333 url(../images/titbg.png) bottom right no-repeat; color:#FFFFFF; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; }

.fblogin { display:none }

.sagaver { width:calc(70% - 12px); float:right;   margin-top:10px;     }


.sagaver h2 { margin:0px; padding:7px 0px 7px 20px;  color:#333333;   }

.bultentab  { width:1000px; height:58px; position:relative; background:#5a5a5a url(../images/ebulten.png) left no-repeat; margin:7px auto 0px; color:#FFFFFF; }
.bultenin   { width:266px; height:40px; margin:8px 0px 0px 230px; padding:0px 0px 0px 20px; float:left; outline:none; border:none;  font-style:italic; font-size:11px; color:#000000; background:url(../images/bulteninput2.png) no-repeat  }
.bultenbu   { width:45px;  height:40px; margin:8px 0px 0px 0px; padding:0px; float:left; border:none; outline:none; background:url(../images/kaydol.png); cursor:pointer; }
.bultentab img { margin-right:8px; margin-top:13px; cursor:pointer; float:right; }
.bultentab p   { float:right; padding:20px 15px 0px 0px; font-size:13px; }


#bilgilendirme      { width:980px; height:120px; padding:20px 0px 30px 20px; position:relative; background:#f6f6f6; margin:7px auto 0px }
.bilgilendirme      { width:250px; padding:0px 20px 0px 50px; float:left }
.bilgilendirme h2   { font-size:20px;   }
.bilgilendirme p    { font-size:13px; line-height:18px; padding:8px 0px 0px 0px}

.bg1 { background:url(../images/bg1.png) top left no-repeat }
.bg2 { background:url(../images/bg2.png) top left no-repeat }

.left  { float:left; }
.right { float:right; }
.m0    { margin:0px; }
.p0    { padding:0px; }
 

.mt2    { margin-top:2x; }
.mt5    { margin-top:5x; }
.mt7    { margin-top:7x; }
.mt10   { margin-top:10x; }

/*******************************************************************/
.analinkler { width:1000px; height:280px;  margin: 0 auto; padding:0px 0px 0px 0px; position:relative; background:url(../images/footer_ek.png) no-repeat }
/*******************************************************************/
.gduyuru    { width:350px; position:absolute; left:50px; top:50px; }
.gduyuru h2 { margin:0px; padding:0px; font-size:14px; }
.gduyuru p  { margin:0px; padding:0px; font-size:12px; color:#666666 }
/*******************************************************************/
.hduyuru    { width:350px; position:absolute; left:50px; top:150px; }
.hduyuru h2 { margin:0px; padding:0px; font-size:14px; }
.hduyuru p  { margin:0px; padding:0px; font-size:12px; color:#666666  }
/*******************************************************************/
.zduyuru    { width:330px; position:absolute; top:50px; right:0px;}
.zduyuru h2 { margin:0px; padding:0px; font-size:14px; }
.zduyuru p  { margin:0px; padding:0px; font-size:12px; color:#666666 }
/*******************************************************************/
.xduyuru    { width:240px; position:absolute; top:50px; height:190px; left:420px; }
.xduyuru h2 { margin:0px; padding:5px 5px 5px 20px; font-size:14px; background: url(../images/tck1.png) left no-repeat; margin-top:1px; color:#333333;   border-bottom:1px dashed #ccc; }
.xduyuru h2:hover { color:#000000; background:#f2f2f2 url(../images/tck1.png) left no-repeat }
/*******************************************************************/
.sepeteekle { float:left; padding:8px 20px 8px 50px; background:#4e4e4e url(../images/sekle.png) left no-repeat; color:#FFFFFF; }
.sepeteekle:hover { background:#626262 url(../images/sekle.png) left no-repeat; cursor:pointer }
.satinal    { float:left; padding:8px 20px 8px 40px; background: #686868 url(../images/satal.png) left no-repeat; color:#FFFFFF; }
.satinal:hover { background:#8c8c8c url(../images/satal.png) left no-repeat; cursor:pointer; }



.SSkargo       { float:left; padding:8px 10px 8px 40px; background: #FF9900 url(../images/fav.png) left no-repeat; color:#FFFFFF; }
.SSkargo:hover {background: #ff6000 url(../images/fav.png) left no-repeat; cursor:pointer }


.sadet { background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
 padding:2px 10px 2px 10px; border:1px solid #ccc; float:left; margin-bottom:7px; }
.xadet { float:left; padding:7px 10px 7px 10px; }
.adet { float:left; outline:none; border:none !important; background:none !important; padding:7px; width:50px; }

.buton { float:left; padding:5px 10px 5px 10px; color:#FFFFFF; font-size:12px;  background:#333333; margin:2px;}

 
 
  
.usetX     {   width:350px; margin:0 auto;   }




 
.uset     {    }
.usetname { font-size:16px; color:#000; padding:7px 0px 3px 0px; position:relative; }
.usetname img { position:absolute; width:20px; height:20px; left:8px; top:42px; opacity:0.2; filter:alpha(opacity=20);  }
.NW-input { width:230px; height:25px; padding:7px 7px 7px 30px; border:1px solid #ccc; outline:none; color:#666; font-size:14px;    }
.NW-buton { padding:7px 15px 7px 15px; margin:5px 0px 0px 0px; border:none; outline:none; background:#000; color:#fff;  cursor:pointer; }
.NW-textarea { width:230px; height:100px; padding:7px 7px 7px 30px; border:1px solid #ccc; outline:none; color:#666; font-size:14px;    }
.NW-input2 { width:270px; height:40px; padding:7px 7px 7px 30px; border:1px solid #ccc; outline:none; color:#666; font-size:14px;   }







.NEW-PAGE { }
.NEW-PAGE .IN { max-width: 1200px; margin: 0 auto; padding: 50px 0px}
.NEW-PAGE .IN h1 { padding: 10px 0px}
.NEW-PAGE .IN p  { padding: 6px 0px; line-height: 36px;}

/***/
form.form_form            { text-align:left; }
form.form_form .simgesi { position:absolute; z-index:20; margin-top:22px; margin-left:20px; color:#999; font-size:17px }

form.form_form .form_tr   {   font-size:15px; padding-top:10px;      }
/***/
form.form_form .form_text {  width: calc(100% - 67px);  height:50px; outline:none;   border:1px solid #ccc; position:relative; font-size:15px; font-weight:300; color:#333; margin:5px 0px; padding:0px 15px 0px 50px;  font-size:16px; background:#fff;  }
form.form_form .form_text:focus { background:#f4f4f4 }
/***/
form.form_form .form_textarea {  width: calc(100% - 67px);  height:90px;    outline:none; border:1px solid #ccc; position:relative;    font-size:15px; font-weight:300;  color:#333; margin:5px 0px; padding:20px 15px 6px 50px;    font-size:16px; background:#fff;   }
form.form_form .form_textarea:focus { background:#f4f4f4 }
/***/
form.form_form .form_select {   width:100%;  height:50px; outline:none; border:1px solid #ccc; position:relative;    font-size:15px; font-weight:300; color:#333; margin:5px 0px; padding:6px 15px 6px 50px;  font-size:16px; background:#fff; }
form.form_form .form_select:focus { background:#f4f4f4 }
/***/
form.form_form .form_button  { border:none; outline: none;    font-size:15px; font-weight:300;    color: #fff; margin:5px 0px;  padding:0px; width:calc(100%); height:50px;   }
form.form_form .form_button:hover { cursor:pointer; }
/***/
/********************************** MESAJ UYARISI *********************************/ 
.UYARIBOX { position:fixed; width:100%; height:100%; z-index:5000; background:rgba(0,0,0,0.8); left:0; top:0; display:none   }
.UYARIBOX .uyari-a { font-size:18px; color:#fff; text-align:center;  }
.UYARIBOX .uyari-a .uyari-kapat { padding:8px; background:#FFF; color:#000; font-size:30px; display:inline-block; position:absolute; top:50px; right:50px; }
.UYARIBOX .uyari-a .uyari-kapat:hover { background:#000; color:#fff; cursor:pointer; }
.UYARIBOX .uyari-a .mesaj { position:fixed; top:45%; text-align:center; padding:0px 10%; width:80%; }
/********************************** MESAJ UYARISI *********************************/


.BTN1 { background: #000; color: #fff; }
.BTN1:hover { background: #555; color: #fff }

 

.KAYITFORM     { padding:0px 100px;   }
.yeniselect    { width:100%; height:50px; border:1px solid #ccc; padding:0px 30px; outline:none;  font-family: 'Roboto', sans-serif;   }
.yeniinput     { width:calc(100% - 66px); height:50px; border:1px solid #ccc; padding:0px 30px; outline:none;  font-family: 'Roboto', sans-serif;    }
.yeniinput3    { width:calc((100% / 3) - 4px); height:50px; border:1px solid #ccc; padding:0px 0px; outline:none;   font-family: 'Roboto', sans-serif;  }
.yenitextarea  { width:calc(100% - 62px); height:100px; border:1px solid #ccc; padding:15px 30px; outline:none;  font-family: 'Roboto', sans-serif;   }

 

.tuv-1 { float:right; width:340px; height:130px; padding-top:40px   }
.FRM-1 { font-size:12px; color:#000000; height:55px;  }
.FRM-2 { font-size:12px; color:#000000; padding-top:10px; height:55px; }

.alisbasla      { position:absolute; right:0px; font-size:13px; top:40px; padding:7px 25px 7px 25px; background:#e4097f; color:#FFFFFF; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.alisbasla:hover { background:#000000; cursor:pointer }

.gizle { display:none; }

.OP1 { display:none; width:100%; height:100%; position:fixed; background:#000; opacity:0.4; filter:alpha(opacity=40); z-index:1800; }
.OP2 { display:none; width:357px; height:126px; background:url(../images/sepet_ajax.png) no-repeat; position:fixed; left:50%; top:50%; z-index:2000; margin-left:-178px; margin-top:-63px;  }

.fblogin { float:left; background:#3b5998; color:#FFFFFF; font-size:12px; padding:7px 15px 7px 15px; margin:5px 5px 0px 0px; }

/***************************************/
.hata0    { padding:15px; background:#f65757; width:240px; font-size:13px; border:1px solid #d63b3b; color:#FFFFFF;  cursor:pointer; display:none; }
.hata1    { padding:15px; background:#f65757; width:240px; font-size:13px; border:1px solid #d63b3b; color:#FFFFFF;  cursor:pointer; display:none; }
.hata2    { padding:15px; background:#f9d617; width:240px; font-size:13px; border:1px solid #f9ac17; color:#FFFFFF;  cursor:pointer; display:none; }
.hata3    { padding:15px; background:#54d116; width:240px; font-size:13px; border:1px solid #48ae15; color:#ffffff;  cursor:pointer; display:none; }
.hata4    { padding:15px; background:#f65757; width:240px; font-size:13px; border:1px solid #d63b3b; color:#FFFFFF;  cursor:pointer; display:none; }
.hata5    { padding:15px; background:#f9d617; width:240px; font-size:13px; border:1px solid #f9ac17; color:#FFFFFF;  cursor:pointer; display:none; }
.hata205  { padding:15px; background:#f65757; width:240px; font-size:13px; border:1px solid #d63b3b; color:#FFFFFF;  cursor:pointer; display:none; }



.BULTEN { float:left;   width:50%;  }
.BULTEN .fcenter {   }
.BULTEN .LR1 { text-align:center; }
.BULTEN .LR2 { width:calc(50% - 4px); float:left; padding:50px 0px; margin-top:14px; border:2px dashed #dedede }
 


.BULTEN .LR1 .center { max-width:400px; margin:0 auto; padding:50px 0px }
.BULTEN .LR1 .FRM { width:calc(100% - 30px); border:none; background:#f2f2f2; outline:none; height:45px; padding:0px 15px;  text-align:center;    }
 
.BULTEN .LR1 .BUTONU { padding:12px 15px;   background:#000; color:#fff;      }
.BULTEN .LR1 .BUTONU:hover { background:#000; color:#fff; cursor:pointer }
.BULTEN .LR1 h1 { color:#b2b2b2; padding-bottom:20px; font-weight:800; font-size:26px }
.BULTEN .LR1 p  { font-size:14px; color:#666; line-height:35px;  }

@media screen and (max-width: 800px) {
.BULTEN {   width:90%; padding-left: 5%;  }

}





#footer { background:#000 }
.tc-footer      {    margin:0px auto; padding:50px 0px; max-width:1200px;    }
ul.imfooter     { margin:0px 0px 0px 0px; padding:0px; float:right; list-style:none; color:#000; width:30%;   }
ul.imfooter li  { color:#666; font-size:16px; line-height:30px;}
ul.imfooter h2  {margin:0px; padding:0px 0px 5px 0px; font-size:20px;  color:#b2b2b2; font-weight:800;  }
ul.imfooter p  {margin:0px; padding:0px 0px 5px 0px; font-size:16px;  color:#b2b2b2; line-height: 30px;     }
ul.imfooter li:hover { color:#fff }


@media screen and (max-width: 800px) {

ul.imfooter     { margin:0px 0px 0px 0px; padding:0px; float:right; list-style:none; color:#000; width:100%;   }
}




#footeruyari   { background:#1c1c1c }
.footeruyari   { max-width:1200px; margin:0 auto; padding:50px 0px; color:rgba(153,153,153,0.5) } 
.footeruyari p {   font-size:14px; line-height:30px;}


.copyright { color:#999; text-align:center; padding:15px 0px; font-size:13px; background:#000; }
.copyright a { color:#666; font-weight:800; }


.logolar { width:100%; float:left; text-align:center; padding:15px 0px ;  }
.logolar .mw { max-width:650px; margin:0 auto; text-align:center; }
.logolar img { width:90%; }

table.kartbi       { border:1px solid #ccc; border-top:none; border-left:none; }
table.kartbi tr td { padding:8px !important; border:1px solid #ccc; border-bottom:none; border-right:none;}
table.kartbi tr.baslik_tr { background:#f5f5f5 }






 
.AdresCSS { padding:30px 100px }
.AdresCSS h2 { font-size:26px;  color:#333; margin:0px; padding:7px 7px 7px 10px; border-bottom:1px solid #ccc;   }
.AdresCSS h2 span {  font-style:italic; color:#666; font-size:14px; padding-left:20px; }
.isi-s       { float:left; padding:9px 0px 9px 0px;  margin:0px 2px 2px 10px; width:calc(30% - 12px); font-size:14px; border-bottom:1px dotted #ccc }
.isi-d       { float:left; padding:9px 0px 9px 0px; margin:0px 2px 2px 0px; width:calc(70% - 12px); font-size:14px; border-bottom:1px dotted #ccc }


.N_adres1 { width:400px; padding:10px 0px 0px 85px; float:left; }
.N_adres2 { width:485px; float:left; }




.NW-input2 { width:230px; height:20px; padding:5px 7px 5px 7px; border:none; outline:none; color:#666; font-size:12px;  border:1px solid #ccc; margin:0px 0px }


.grupla { border:1px solid #ccc; padding:5px; margin:5px 0px 5px 0px; font-size:12px;  }
.grupla_bas { position:relative; padding:8px; color:#666666; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  }
.grupla_bas  img { position:absolute; top:7px; right:7px; }  
 .ghover  { color:#333333; }
.ghover:hover { cursor:pointer; background:#f5f5f5 }
.grupla_sec { padding:7px;  }
.grupla_sec2 { padding:7px; border:1px solid #ccc; float:left; margin:2px;  }
.grupla_sec3 { padding:7px 7px 7px 35px; border:1px solid #ccc; margin:1px 0px 1px 0px; position:relative;   }
.grupla_sec3 img { position:absolute; top:3px; left:3px; width:25px; height:25px; }

.grupla_secR { width:30px; height:30px; float:left; margin:1px; position:relative; }


.secilim { background:#000 !important; color:#fff !important }
.secilimR { position:absolute; left:0px; top:0px; z-index:500; display:block  }
.secilimK { display:none;}


.UP1 { width:72px; padding:8px; border:1px solid #ccc;  color:#666666; margin:8px 2px 2px 2px; }
.UP2 { width:187px; padding:8px; text-align:center; background:#e4097f; color:#FFFFFF; border:none; outline:none; margin:5px 0px 0px 2px; -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.UP2:hover { background:#000; cursor:pointer; }

.Blo-k {  color:#000000; padding-bottom:50px; text-align:center;border-bottom:1px dashed #ccc; }
.Blo-k h2 { margin:0px !important; padding:15px 0px 7px 0px !important;   font-size:28px;  }
.Blo-k p  { margin:0px !important; padding:15px 0px 7px 0px !important; }
.Blo-k .devama { padding:5px 15px; background:#000000; color:#FFFFFF; }
.Blo-k .devama:hover { background:#999999; }

/**######################################## HATA MESAJI #############################################**/
.Hatama { background:#000000; position:fixed; z-index:9999; left:0px; top:0px; width:100%; height:100%; opacity: 0.7; filter: alpha(opacity=70);  }
.Hatamb { background:#fff;    position:fixed; z-index:9999; left:50%; top:50%; width:400px; height:200px; margin:-100px 0px 0px -200px; text-align:center; font-size:19px; color:#000; }
.Hide { display:none; }
/**######################################## HATA MESAJI #############################################**/



.NLOGIN { position:fixed; width: 100%; height: 100%; left: 0; top:0;  background: rgba(0,0,0,0.5); z-index:9000; overflow: auto; display: none; }
#NLOGIN {  width: 400px; left: 50%; margin-left: -200px; background: #fff; top: 30%; position: absolute; margin-bottom: 100px;  }
#NLOGIN .loginkapat { position: absolute; right: 0px; top: -30px; font-size: 19px; background: #fff; color:#000; padding: 10px }
#NLOGIN .loginkapat:hover { background: #000; color: #fff; cursor: pointer; }


ul.LOGINTAB { list-style: none; margin: 0; padding: 10px; }
ul.LOGINTAB li { width: calc(100% / 3 - 20px);  padding:10px; color: #fff; background: #000; float: left; text-align: center;  }
ul.LOGINTAB li.active { background: #fff; color:#000}
ul.LOGINTAB li:hover { background: #fff; color: #000; cursor: pointer}
 
ul.LOGINCONTENT { list-style: none; margin: 0; padding: 10px; }
ul.LOGINCONTENT li { display: none }
ul.LOGINCONTENT li.active { display: block }


.RESFORM   { padding:10px; }
.RESFORM p   { padding:10px 0px; }
.RESFORM .text-i { width: calc(100% - 2px - 30px); height: 50px; border: 1px solid #ccc; padding: 0px 15px; outline: none; }
.RESFORM .BUTON  { background: #000; color: #fff; padding: 0px 15px; height: 50px; line-height: 50px; margin-top: 10px; text-align: center; }
.RESFORM .BUTON:hover { background: #464646; cursor: pointer; }


.OSONUC   { text-align: center; }

.OSONUC .tanim1  { font-size: 18px; }
.OSONUC .tanim1 i  { font-size: 36px; padding-bottom: 15px; }

.new-content  {   margin:0 auto; }

.buh2 {   font-size:19px; color:#555; padding:10px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  }
.buh2 p { font-size:12px; color:#000; padding-top:8px}


.box-3 { width:33.33%; float:left;   position:relative; }
.box-3 img { width:100%; position:relative; }

.buismi { position:absolute; padding:8px; bottom:8px; left:8px;  color:#fff;    }
.buismi p { background: rgba(0, 0, 0, 0.5); padding:10px; }
.buismi strong { font-size:30px; font-weight:700 }
.buismi p a { color:#fff}







.kategoriler         { padding:30px 0px 0px 0px }
.kategoriler .blokla { float:left; border:4px dotted #dddddd; background:#f5f5f5; padding:8px 15px; font-size:18px; margin:0px 6px 6px 0px;  color:#000}
.kategoriler .blokla:hover { border:4px dotted #8a8a8a;  }


@keyframes spinner {
  to {transform: rotate(360deg);}
}
 

.bloklaa { padding:100px 0px;   position:relative; max-width:1200px; margin:0 auto  }
.bloklaa .i1 { width:calc(100% / 3); float:left; padding-top:150px; text-align:right;  }
.bloklaa .i2 { width:calc(100% / 3); float:left; text-align:center  }
.bloklaa .i2 img { width:80% }
.bloklaa .i3 { width:calc(100% / 3); float:left; padding-top:150px;  }



.bloklaa .li {   padding:30px 20px; color:#404056; }
.bloklaa .li h2 { font-size:20px; padding-bottom:10px;  }
.bloklaa .li p  { font-size:13px;  }
.bloklaa .li .material-icons { font-size:36px; color:rgba(0,0,0,0.2) }
.bloklaa .dons  { position:absolute; z-index:-10; width:500px; left:50%; margin-left:-250px ; animation: spinner 8s linear infinite;}




.sol_menu           { margin:0;   list-style:none; position:relative; z-index:800;  }
.sol_menu a { color:#727272; }
 

.sol_menu .li        { font-size:12px; padding:7px 0px 7px 20px; color:#727272; margin:0px 15px 0px 0px; border-bottom:1px solid #CCC; position:relative; }
.sol_menu .li:hover  { color:#000 }
.sol_menu .li .material-icons { font-size:13px; position:absolute; left:0px; top:10px; }
.sol_menu .li:hover .material-icons { color:#000 }
.sol_menu .active { background:none; color:#000; font-weight:700 }


.filitre { }
.filitre .fbas { padding-top:15px; margin-bottom:10px; }
.filitre .fice { color:#666; display:inline-block;   padding:5px; margin:1px; font-size:12px; position:relative;  }
.filitre .fice:hover { background:#ccc; color:#fff; }
.filitre .fice img { width:30px; height:30px; position:relative; z-index:2 ; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.filitre .fice:hover img {-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2); z-index:10 }
.filitre .ozel_renk  span { display:none  }
.filitre .secili { background:#000; color:#fff; }
.filitre .secili a { font-weight:bold; color:#fff; background:#F03; position:absolute; z-index:20; right:0px; top:0px; font-size:15px; display:inline-block; padding:2px 2px }
.filitre .ozel_beden a { position:relative; background:none; color:#fff;  }



.aktiffilitre { position:fixed; padding:10px; left:0px; top:250px; z-index:800; width:120px; background:#fff;  }
.aktiffilitre .fbas { padding-top:15px; margin-bottom:10px; }
.aktiffilitre .fice { color:#666; display:inline-block;   padding:5px; margin:1px; font-size:12px; position:relative;  }
.aktiffilitre .fice:hover { background:#ccc; color:#fff; }
.aktiffilitre .fice img { width:40px;  }
.aktiffilitre .ozel_renk  span { display:none  }
.aktiffilitre .secili {     }
.aktiffilitre .secili a { font-weight:bold; color:#fff; background:#F03; position:absolute; right:0px; top:0px; font-size:15px; display:inline-block; padding:2px 2px }
.aktiffilitre .ozel_beden a { position:relative; background:none; color:#fff;  }

@media screen and (max-width: 800px) {

	.aktiffilitre { display: none }
}

.nelervar { }
.nelervar .li { float:left; padding:10px 10px 0px 0px }
.nelervar .li img { width:50px; height:50px; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.nelervar .li:hover img { -webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2); z-index:10 }



.varsafilitre {  }
.varsafilitre .h2 { padding-top:15px; margin-bottom:10px; }
.varsafilitre .fice { color:#666; display:inline-block;   padding:5px; margin:1px; font-size:12px; position:relative;  }
 
.varsafilitre .fice img { width:30px; height:30px; position:relative; z-index:2 ; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
 
.varsafilitre .ozel_renk  span { display:none  }
.varsafilitre .secili { border:1px solid #ccc; cursor:pointer;  }
 
.varsafilitre .ozel_beden { font-size:16px; color:#000 }
.varsafilitre .ozel_beden:hover { background:#000; color:#fff; }

.varsafilitre .secilendiv { background:#000; color:#fff; }



.ozellik { padding-bottom:20px; }
.ozellik .li { color:#666; display:inline-block; border:1px solid #ccc; padding:7px 8px; margin:1px; font-size:12px;}






.crs1                 { text-align:center;   padding-bottom:15px }
.crs1 .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; margin:1px; padding: 3px 10px; font-size: 18px; background: #000; }
.crs1 .owl-buttons div:hover{ background:#000; text-decoration: none; }
.crs1 .owl-pagination { display:none }
.crs1 .item {   padding: 0px 0px 15px 0px; margin: 8px; color: #000;   }
.crs1 .item img { width:100%; }
.crs1 .item .urun-baslik { font-size:12px; padding:10px 0px }
.crs1 .item .urun-fiyat  { }
.crs1 .item .urun-fiyat span { text-decoration:line-through; color:#F00 }
.crs1 .item .urun-isim { font-size:16px; padding:0px 0px; color:#000;}
.crs1 .item .urun-aciklama  { font-size:12px; padding:0px 0px; color:#666;  }
.crs1 .item .urun-aciklama span { font-size:36px; color:#000; padding:0px 15px }
.crs1 .item .material-icons { color:#000; font-size:48px }

.buh1 {   font-size:19px; color:#555; padding:10px 0px; text-align:center;  }
.buh2 p { font-size:12px; color:#000; padding-top:8px}

.oneri { border:1px solid #ddd; background:#f2f2f2; padding-bottom:25px; margin-bottom:20px }
 



.UFORMD { width:300px; margin:0 auto;  }


.UFORMDA { width:40%; float:left; padding:0px 0px 0px 5%; }
.UFORMDB { width:40%; float:left; padding:0px 0px 0px 5%; }









.siparislistem { padding:3px; margin:0px 0px 1px 0px; border:1px solid #ccc; font-size:12px;  }



.sipno         { float:left; padding:5px 0px 5px 0px; width:100px;  text-align:center; }
.sipfiyat      { float:left; border-left:1px solid #ccc; padding:5px 0px 5px 0px; width:90px; text-align:center; }
.sipadet       { float:left; border-left:1px solid #ccc; padding:5px 0px 5px 0px; width:50px;  text-align:center; }
.sipdurum      { float:left; border-left:1px solid #ccc; padding:5px 0px 5px 0px; width:120px;  text-align:center; }
.siptarih      { float:left; border-left:1px solid #ccc; padding:5px 0px 5px 0px; width:150px; text-align:center;  }
.sipname       { float:left; border-left:1px solid #ccc; padding:5px 0px 5px 15px; width:230px;  }
.ihover        {  }
.ihover:hover  { background:#f2f2f2 }
.sip_con       { background:#fff; display:none; }
.sip_container { border-top:1px dotted #ccc; padding:20px; position:relative; }
.sipgos        { float:right; border-left:1px solid #ccc; padding:5px 0px 5px 0px; width:80px;  text-align:center; cursor:pointer; }
 
.sip_solsol    { width:calc(50% - 42px); padding:20px; border:1px solid #ccc; float:left;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
 }
.sip_solsol h2 { margin:0px; padding:7px 0px 7px 25px;   color:#333; font-size:15px; position:relative; border-bottom:1px solid #ccc; }
.sip_solsol h2 img { position:absolute; left:0px; top:4px; width:20px; height:20px; }
.sip_solsol p  { margin:0px !important; padding:0px !important;   color:#666; font-size:12px; }
.siskapat      { padding:7px 15px 7px 15px; color:#FFFFFF; min-width:50px; position:absolute; right:0px; top:-30px; background:#000000; text-align:center; cursor:pointer; font-size:11px;}
.kargotak      {width:calc(50% - 5px); float:left; margin-left:5px; }
.kargone       { min-height:65px; padding:10px 10px 10px 90px;  margin-bottom:5px; border:1px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position:relative;}
.kargone h2    { margin:0px; padding:10px 0px 0px 0px;     font-size:15px; }
.kargone p     { margin:0px !important; padding:0px !important;   color:#666; font-size:12px !important; }
.kargone img   { position:absolute; left:10px; top:10px; opacity:0.5; filter:alpha(opacity=50); }

 
.KREDIKARTI_APP { padding:50px;   background:#f2f2f2; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
.KREDIKARTI_APP .ALL { background:#fff; padding:20px; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; -webkit-box-shadow: 0px 0px 41px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 41px -12px rgba(0,0,0,0.75);
box-shadow: 0px 0px 41px -12px rgba(0,0,0,0.75);}




.N_Asama   { background: #f3f3f3 }

.NEWADRES { width:calc(50% - 100px); float:left; margin:0px;  padding:50px;   }
.NEWADRES h2 { padding-bottom:25px; font-size:20px; }
@media screen and (max-width: 800px) {
.NEWADRES { width:calc(100% - 40px); float:none; margin:0px auto;  padding:20px;   }	
}

.GONDERKISMI  { width:100%; float:left; padding:15px 0px; text-align:center; }
.GONDERKISMI .GN1 { background:#000; color:#fff; outline:none; border:none; padding:15px; margin:5px;    }
.GONDERKISMI .GN1:hover { background:#666; cursor:pointer; }
.GONDERKISMI .DIVBUTON  { display: inline-block; padding: 9px 15px; background: #000; color: #fff;  }
.GONDERKISMI .DIVBUTON:hover  { cursor: pointer; background: #666 }



.dosis {  }


 
.IN:after { content: ''; display: inline-block; clear: both; }
.KategoriS {  }
.KategoriS .IN { max-width: 1200px; margin: 0 auto  }
.KategoriS .IN .li { display: inline-block; line-height: 45px; padding: 0px 10px; color: #666 }
.KategoriS .IN .li i { padding-left: 10px}


.YENIURUNLER  { }
.YENIURUNLER .col4 { width:calc(100% / 4 - 52px); } 
.YENIURUNLER .col3 { width:calc(100% / 3 - 52px); } 
.YENIURUNLER .col2 { width:calc(100% / 2 - 52px); } 

.YENIURUNLER .li { float:left; margin:10px; position:relative; text-align:center; border:1px solid #f2f2f2; padding:15px 15px 30px 15px;  }
.YENIURUNLER .li .img-content { position:relative; } 
.YENIURUNLER .li .img  { position:absolute; width:100%; left:0; top:0; }
.YENIURUNLER .li .img_1  { position:relative; z-index:10 }
.YENIURUNLER .li .img_2  { z-index:5}
.YENIURUNLER .li:hover { border:1px solid #000 }
.YENIURUNLER .li:hover  .img_1 { z-index:2; }
.YENIURUNLER .li .urun-info .cat { letter-spacing:2px; font-weight:800; font-size:12px; color:#888; margin-top:20px;}
.YENIURUNLER .li .urun-info .p { font-size:16px; color:#000; padding:10px 0px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.YENIURUNLER .li .fiyat .eski { font-size:16px; color:#999; text-decoration:line-through; margin:0px 15px 0px 0px }
.YENIURUNLER .li .fiyat .yeni { font-size:20px; color:#000; font-weight:300  }
.YENIURUNLER .li .fiyat .yeni span { font-size: 15px; color: #E10003; text-decoration:line-through;}



@media screen and (max-width: 800px) {
.YENIURUNLER .col4 { width:calc(100% / 1 - 52px); } 
.YENIURUNLER .col3 { width:calc(100% / 1 - 52px); } 
.YENIURUNLER .col2 { width:calc(100% / 1 - 52px); } 

}




.WHOME { max-width:1200px; margin:0 auto; padding:50px 0px }
.WHOME h1 { text-align:center; font-size:40px; font-weight:100; letter-spacing:2px; }
.WHOME h1 strong { margin:15px; display:inline-block; font-size:20px; font-weight:800; letter-spacing:0px;  }



#HOMETEXT {   position:relative; background:#f4f4f4; z-index:40  }
.HOMETEXT { max-width:1200px; margin:0 auto; padding:50px 0px; text-align:center;}
.HOMETEXT p { line-height:36px; font-size:18px; color:#000; font-weight:300 }
.HOMETEXT .profil { max-width:800px; margin-bottom:20px}
.HOMETEXT h2 { padding:10px 0px; color:#ffa500; }
.HOMETEXT h1 { color:#777; padding:20px 0px; }
.HOMETEXT .srt { max-width:450px }

#PAR      { background:#000 url(top.jpg) center center no-repeat; background-size:cover; position:relative; z-index:50 }
.PAR      { max-width:1200px; margin:0 auto; color:#fff }
.PAR  img { width:50%; float:left; margin-top:-40px; }
.PAR  .txt { width:45%; float:right; text-align:right; padding:5% 0px; }
.PAR  .txt h2 { font-size:40px; padding:20px 0px; font-weight:800; color:#fff;  }
.PAR  .txt p { line-height:30px; font-size:16px;  font-weight:300 }
.PAR  .txt a { display:inline-block; font-size:20px; margin-top:30px;  padding:10px 20px; color:#fff; font-weight:300; border:1px solid #fff; }
.PAR  .txt a:hover { background:#fff; color:#000}
 
.PAR2      { max-width:1200px; margin:0 auto; color:#fff }
.PAR2  img { width:50%; float:right; margin-top:-40px; }
.PAR2  .txt { width:45%; float:left; text-align:left; padding:5% 0px; }
.PAR2  .txt h2 { font-size:40px; padding:20px 0px; font-weight:800; color:#fff;  }
.PAR2  .txt p { line-height:30px; font-size:16px;  font-weight:300 }
.PAR2  .txt a { display:inline-block; font-size:20px; margin-top:30px;  padding:10px 20px; color:#fff; font-weight:300;  border:1px solid #fff;   }
.PAR2  .txt a:hover { background:#fff; color:#000 }



@media screen and (max-width: 800px) {
.PAR  img { width:100%; float:left; margin-top:-40px; }
.PAR  .txt { width:90%; float:none; text-align:center; margin: 0 auto;  }

.PAR2  img { width:100%; float:left; margin-top:-40px; }
.PAR2  .txt { width:90%; float:none; text-align:center; margin: 0 auto;  }	
	
}



.sepeturunsil:hover { cursor:pointer; background:#F00; color:#fff; }


.HSLIDER { margin:0px 20px;  position:relative}


@media screen and (max-width: 800px) {
.HSLIDER { margin:0px 0px;  }

}


.MOBILBAR { width: 100%;  background: #1f2025; position: fixed; bottom: 0; left: 0; z-index: 79999; display: none}
.MOBILBAR i { width: calc(100% / 3); float: left; color: #fff; text-align: center; font-size: 25px; padding: 12px 0px }
.MOBILBAR i:hover { background: #fff; cursor: pointer; color: #000}

.MOBILMENUSU { position: fixed; width: 100%; height: 100%; left: -100%; top: 0; z-index: 1000; background: rgba(0,0,0,1.00); transition:All 0.2000s ease; -webkit-transition:All 0.2000s ease;-moz-transition:All 0.2000s ease; -o-transition:All 0.2000s ease;}
.MOBILMENUSU .li { font-size: 28px; padding: 20px 50px; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2) }
.MOBILMENUSU .li:hover { background: #1f2025; }
@media screen and (max-width: 800px) {
.MOBILBAR { display: block; }
}



.DIL { text-align: center; padding: 20px }
.DIL a { display: inline-block; padding: 8px 10px; color: #000; font-size: 20px; background: #fff; }
.DIL a:Hover { background: #1f2025; color:#fff; }




.YENIUYELIK { background:url(img.jpg) left center no-repeat; background-size:cover; }
.YENIUYELIK .COL1 { width:50%; float:left;  }
.YENIUYELIK .COL2 { width:calc(50% - 100px); float:right; padding:50px; background:#333333; min-height:600px; }
.YENIUYELIK .COL2 .col-menu { text-align:center; margin-bottom:50px; }
.YENIUYELIK .COL2 .col-menu .li { display:inline-block; padding:8px 15px; color:#fff; font-weight:600; }
.YENIUYELIK .COL2 .col-menu .li .efek { height:2px; width:2px; display:inline-block;   margin-bottom:8px; transition:All 0.2000s ease; -webkit-transition:All 0.2000s ease;-moz-transition:All 0.2000s ease; -o-transition:All 0.2000s ease; }
.YENIUYELIK .COL2 .col-menu .li:hover .efek { background:#fff; width:80%; }
.YENIUYELIK .COL2 .col-menu .li.active .efek { background:#fff; width:80%; }


.YENIUYELIK .KAYITFORM     { padding:0px 50px;   }
.YENIUYELIK .yeniselect    { width:100%; height:50px; border:1px solid #fff; padding:0px 30px; outline:none;  font-family: 'Roboto', sans-serif; background:none; color:#fff;   }
.YENIUYELIK .yeniinput     { width:calc(100% - 66px); height:50px; border:1px solid #fff; padding:0px 30px; outline:none;  font-family: 'Roboto', sans-serif;  background:none; color:#fff;    }
.YENIUYELIK .yeniinput3    { width:calc((100% / 3) - 4px); height:50px; border:1px solid #fff; padding:0px 0px; outline:none;   font-family: 'Roboto', sans-serif;    background:none; color:#fff; }
.YENIUYELIK .yenitextarea  { width:calc(100% - 62px); height:100px; border:1px solid #fff; padding:15px 30px; outline:none;  font-family: 'Roboto', sans-serif;   background:none; color:#fff;  }
.YENIUYELIK .usetname   { font-size:12px; color:#fff; letter-spacing:1px; padding-top:20px; }
.YENIUYELIK .usetname img { display:none; }
.YENIUYELIK .NW-buton    { border:1px solid #fff; background:none; outline:none; cursor:pointer; height:50px; margin-top:30px; }
.YENIUYELIK a.sozlesme  { font-weight:800; color:#fff }
.YENIUYELIK .sozlesme_m {  color:#fff; padding:15px; }



@media screen and (max-width: 800px) {

.YENIUYELIK { background:#fff;  }
.YENIUYELIK .COL2 { width:calc(100% - 40px); float:right; padding:20px; background:#333333; min-height:600px; }
}


.ara { float:right;  margin-right:30px; font-size:20px }
.ara:hover { color:#CCC; cursor:pointer }

.ara-u { width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:9000; text-align:center; color:#fff; 

        transition:All 0.2000s ease; 
-webkit-transition:All 0.2000s ease;
   -moz-transition:All 0.2000s ease; 
     -o-transition:All 0.2000s ease; 

}
.ara-u h1 { font-size:40px; font-weight:100; padding:10% 0px 20px 0px; letter-spacing:1px }
.ara-u .ara-i { border:1px solid #fff; font-family: 'Roboto', sans-serif;   background:none; outline:none; padding:0px 20px; color:#fff;  width:calc(50% - 150px); height:80px; font-size:28px;}
.ara-u .ara-kapat { font-size:30px; position:fixed; top:30px; left:50%; margin-left:-20px; color:#fff; padding:10px;  }
.ara-u .ara-kapat:hover { background:#000; color:#fff; cursor:pointer;  }
.ara-u .ara-b { border:1px solid #fff; font-family: 'Roboto', sans-serif;   background:none; outline:none; padding:0px 20px; color:#fff;  width:calc(90px); height:82px; font-size:28px;}
.ara-u .ara-b:hover { background:#FFF; color:#000; cursor:pointer; }
.ara-u .gelendegerler { background:#fff;  width:calc(50% - 108px); margin:0 auto; }
.ara-u .gelendegerler .s-li { padding:20px 15px; color:#000; text-align:left;  }
.ara-u .gelendegerler .s-li:hover { background:#f4f4f4  }

.ara-K { -webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}






.c-icons { padding:30px 0px; text-align:center; border-top:1px solid #ccc;  }
.c-icons .li { display:inline-block; font-size:14px; line-height:20px; letter-spacing:1px; padding:0px 15px}
.c-icons .li i { font-size:20px; }

@media screen and (max-width: 800px) {
.c-icons {  text-align:left;  }	
.c-icons .li {  width: 100%;   padding:15px 40px}

}

 

.SBENZER    { border-top:1px solid #f2f2f2; padding:50px 0px; margin-top:50px;  }
.SBENZER h2 { font-size:36px; text-align:center; letter-spacing:2px; padding:20px 0px;}



@media screen and (max-width: 800px) {
.SBENZER    { display: none}

}


.darat { font-size: 18px; padding: 20px 30px; display: none;   position: relative; background: #1f2025; color: #fff; cursor: pointer}
.darat i { position: absolute; right: 20px; top: 20px; }


@media screen and (max-width: 800px) {
.darat { display: block; }	
.secimigizle .sol_menu { padding: 50px }
.secimigizle { display: none; background: #f2f2f2; }
 
}





.iconx { padding: 0px 10px; display: inline-block; }
.iconx i { padding: 0px 10px 0px 0px}

/**###############################################################**/
/**###############################################################**/
.SUBLIST {   position: relative; text-align: center; }
.SUBLIST h1 { font-size: 20px}
.SUBLIST .IN { padding: 40px 0px; max-width:90%; margin: 0 auto;    }
.SUBLIST .owl-nav { position: absolute; width: 100%; top: 45%; text-align: center; z-index: 9999;  }
.SUBLIST .owl-nav .owl-prev { position: absolute; left: -30px;}
.SUBLIST .owl-nav .owl-next { position: absolute; right:-30px;}
.SUBLIST .owl-nav i { color: #000; font-size: 30px}
.SUBLIST .owl-dots { display: none; }
/********/
.SUBLIST .item {  }
.SUBLIST .item li a { }
.SUBLIST .item li {   text-align: center; padding: 0px 10px;}
.SUBLIST .item li i { font-size: 30px; width: 60px; height: 60px; line-height: 60px;   border-radius: 60px; background: #fff; color:#2b76ce }
.SUBLIST .item .urun-info .p {   width:100%; text-overflow: ellipsis; white-space: nowrap; color: #000; padding: 8px 0px   }
.SUBLIST .item .urun-info .fiyat .eski { font-size:16px; color:#999; text-decoration:line-through; margin:0px 15px 0px 0px }
.SUBLIST .item .urun-info .fiyat .yeni       { font-size:20px; color:#000; font-weight:300  }


/**###############################################################**/
/**###############################################################**/
@media screen and (max-width: 1000px) {
	.SUBLIST .item li p { font-weight: 600; font-size: 15px; width:100%;} 
.SUBLIST .owl-nav .owl-prev { position: absolute; left: 8px;}
.SUBLIST .owl-nav .owl-next { position: absolute; right:8px;}
	.SUBLIST .isem { padding: 0px 35px}
}


/**###############################################################**/
/**###############################################################**/
.SUBLIST2 {   position: relative; text-align: center; display: none}
.SUBLIST2 .owl-nav { position: absolute; width: 100%; top: 45%; text-align: center; z-index: 9999;  }
.SUBLIST2 .owl-nav .owl-prev { position: absolute; left: 30px;}
.SUBLIST2 .owl-nav .owl-next { position: absolute; right:30px;}
.SUBLIST2 .owl-nav i { color: #000; font-size: 30px}
.SUBLIST2 .owl-dots { display: none; }
/********/
.SUBLIST2 .item {  }
.SUBLIST2 .item img { width: 100%; }
 
/**###############################################################**/
/**###############################################################**/
 @media screen and (max-width: 1000px) {
	.SUBLIST2 { display: block;    } 
}


.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
	



/**###############################################################**/


@mixin white-gradient {
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

$animationSpeed: 40s;

// Animation
@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-250px * 7))}
}


// Styling
.slider {
	background: white;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
	height: 100px;
	margin: auto;
	overflow:hidden;
	position: relative;
	width: 960px;
	
	&::before,
	&::after {
		@include white-gradient;
		content: "";
		height: 100px;
		position: absolute;
		width: 200px;
		z-index: 2;
	}
	
	&::after {
		right: 0;
		top: 0;
		transform: rotateZ(180deg);
	}

	&::before {
		left: 0;
		top: 0;
	}
	
	.slide-track {
		animation: scroll $animationSpeed linear infinite;
		display: flex;
		width: calc(250px * 14);
	}
	
	.slide {
		height: 100px;
		width: 250px;
	}
}