/*------------------------------ sıfırla başla ---------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*------------------------------ sıfırla son ---------------------*/
.tooltip {position: fixed; top: 0; left: 0; z-index: 3; background: #333; padding: 5px; color: #fff}

.GeriGit {color:#fff; background-color:#444; padding:8px 15px; font-size:18px; position:absolute; right:0px; top:0px; cursor:pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    .GeriGit:hover {background-color:#e43209;}
.facebook0 {border:1px solid #337ab7; text-decoration:none;  background-color:#337ab7; padding:7px 10px; display:block; text-align:center;  position:absolute; right:40px; top:0px; cursor:pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    .facebook0 i {color:#fff !important;font-size:16px !important;}
    .facebook0:hover {background-color:#fff; border:1px solid #337ab7;}
        .facebook0:hover i {color:#337ab7 !important;}
.twitter0 {border:1px solid #0cd5f1; text-decoration:none;  background-color:#0cd5f1; padding:7px 8px; display:block; text-align:center;  position:absolute; right:80px; top:0px; cursor:pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.twitter0  i {color:#fff !important;font-size:16px !important;}
.twitter0:hover {background-color:#fff; border:1px solid #0cd5f1;}
.twitter0:hover i {color:#0cd5f1 !important;}
.blog{background-color:#000;}
/*------------------Stok */
.Stok {
    width: 20px;
    height: 17px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-size: 14px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: block;
    cursor:pointer;
    font-weight: bold;
}
.StokA {background-color:#086c10; background:#28d16a}
.StokB {background-color:#e69310;}
.StokC {background-color:#0d9ffc;}
.StokD {background-color:#e43209;}

.StokBilgi {margin-bottom:10px; background-color:#efefef; border:1px solid #BFBCBC; padding:4px;}
.StokBilgi li {float:left; margin:5px;}
    .StokBilgi li span {float:left;}
.StokLabel {padding:3px; margin-left:4px;}
/*------------------Döviz kur */
.DovizKuru {background-color:#fff; float:right; margin-left:8px; color:#444; padding-right:8px;}
    .DovizKuru span {background-color:#ccc; display:inline-block; margin-right:8px; padding:8px 12px;}
/*----------------------------*/
.LineRenk0 {background-color:#efefef;}
.LineRenk1 {background-color:#fff;}

.LineRenk2 {background-color:#E83E0C; color:#fff; font-weight:bold;}
.LineRenk2 td {padding:5px !important;}
.LineRenk3 {background-color:#f7801a; color:#fff;}
.LineRenk3 td {padding:5px !important;}

.nott {font-size:14px; padding:5px; background-color:#ffdb00; width:calc(100% - 10px); text-align:center;}
.Fiyat {font-size:20px; text-align:right; width:100px;}
    .Fiyat span {font-size:14px;}
.FiyatD {font-size:20px; text-align:right; width:100px;}
    .FiyatD span {font-size:14px;}

.TaksitJson {display:none;}
.TaksitTablosu {display:none;}
#scrollUp{position:fixed; bottom:10px; right:5px; 
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
width:30px; height:30px;
background-color:#444;
color:#fff;
font-size:20px;
text-align:center;
cursor:pointer;
transition: 0.5s ease;
display:none;
z-index:3;
}
#scrollUp:hover{background-color:#F9820C}
#scrollUp span{margin-top:3px}

.uyeCikis {float:right; color:#fff; cursor:pointer;}
#map {height:388px; width:100%; margin-top:-10px; border:0px;}
.adres {width:100%; height:80px; background-color:#efefef; border-bottom:2px solid #ccc;}
.adresBlok {display:inline-block; margin-right:40px; float:left; margin-top:10px;}
.adresBlok span {font-weight:bold; color:#0d9ffc; font-size:18px;}
.iletisimForm {border:0px; margin-top:20px; margin-bottom:20px;}
.iletisimForm .baslik {font-weight:bold; color:#0d9ffc; font-size:18px;}
.iletisimForm input {width:calc(100% - 16px); padding:8px; border:1px solid #0d9ffc;}
.iletisimForm textarea {width:calc(100% - 16px); padding:8px; border:1px solid #0d9ffc; height:80px; }
#iletisimForm {width:100%;}
.FormButon {background-color:#0d9ffc; color:#fff; border:0px; text-align:center; float:right; width:120px !important; padding:12px; cursor:pointer;}

body {margin:0px; padding:0px; font-family: 'Ubuntu Condensed', sans-serif; background:#e5e5e5;}

.menuMobile {display: none; background-color:#55555f; height:50px; width:100%; position:fixed; top:0px; left:0px; z-index:2;}
.menuMobile img{float:left; padding:8px;}
.menuMobile i {float:right; font-size:30px; color:#fff; padding:8px; cursor:pointer;}
.menuMobile i:hover {color:#efefef}

.mobileMenu {position:fixed; top:0px; right:-200px; width:200px; height:100%; background-color:#333; margin:0px; padding:0px; z-index:3;}
.mobileMenu li {width:100%; float:left; border-bottom:1px solid #444;}
.mobileMenu li:hover {background-color:#808080;}
.mobileMenu li:active {background-color:#808080;}
.mobileMenu li a{padding:15px 10px; text-decoration:none; display:block; color:#fff;}

.merkez {width:1250px; margin:0 auto; position:relative;}

#logo{border:0px; position:absolute; top:5px; left:0px;}

.menuSosyal {position:absolute; top:0px; right:235px; color:#777;}
.menuSosyal i {float:left; padding:8px; margin:3px; margin-top:8px; cursor:pointer;transition: 0.5s ease;}
.menuSosyal i:hover {color:#e43209; }

.clear {clear:both}
.iptal {color:#444 !important; background-color:#efefef !important; border:1px solid #444 !important;width:160px; float:left;}
.SifreGonder {width:160px; margin-right:20px;}

#map {height:388px; width:100%; margin-top:-10px; border:0px;}

.Geri {transition: 0.5s ease; padding:3px 8px;float:right; margin-top:0px; display:inline-block; position:relative; padding-left:30px; margin-right:15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; cursor:pointer;}
.Geri:hover{background-color:#333; color:#fff;}
.Geri:hover i {color:#0d9ffc; margin-left:4px;}

.duyuru{margin:0; padding:0; height:45px; background-color: #E8E8E8; margin-bottom:20px}
.duyuru1{width:50px; height:45px; background-color:#0d9ffc; float:left}
.duyuru1 i{color:#fff; font-size:30px; margin:8px}
.duyuru2{margin:8px; text-align:center; width:calc(100% - 170px); float:left; color:#444; font-size:24px; font-weight:300; border-right:1px solid #ccc; overflow:hidden; display:none}
.duyuru2 a {text-decoration:none; color:#fff;}
.duyuru3{float:right; width:90px;}
.duyuru3 i{font-size:24px; padding:10px; cursor:pointer;}

.webMenu{background-color:#55555f/*#ff6500*/; border-bottom:5px solid #e43209 /*#3f3f47*/; height:41px; width:100%;}
#WebMenu {position:fixed; top:0px; left:0px; width:100%; z-index:2; background-color:#fff;}
.webMenu ul {margin-top:60px;}
.webMenu li{width:10.5%; text-align:center; float:left;transition: 0.5s ease; border-left:1px solid #3f3f47; border-right:1px solid #000;}
.webMenu li a{text-decoration:none; color:#fff; padding:12.5px 17px; display:block;}
.webMenu li:hover{background-color:#e43209;}


.MenuSub{position:absolute; left:0px; top:40px; width:100%; z-index:2; display:none;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
border-top:5px solid #e43209;
border-bottom:5px solid #e43209;
}
.webMenu li:hover .MenuSub{display:block}

.K1 {float:left; margin:20px !important; overflow:auto;}
.K1 li {width:295px !important; border:0px;border-bottom:1px dotted #444; width:calc(100% - 3px); transition: 0.5s ease;text-align:left;font-size:14px; margin-right:4px;}
.K1 li a:hover {color:#fff;}
.K1 li a {display:block; padding:8px 15px; color:#444;}

.MenuSub div{margin:20px;}
/*
.MenuSub ul{color:#444; margin:0px; padding:0px;}
.MenuSub ul li{text-align:left;  margin:0px; transition: 0.5s ease;}
.MenuSub ul li a{padding:8px !important; display:block; }
.MenuSub ul li:hover{}
.MenuSub ul li a i{font-size:10px; margin-right:5px;}
*/

.HediyeBulucu{background-color:#17840F}

.AramaBlok{position:absolute; top:10px; right:0px; display:inline-block;}
.AramaBlok input{padding:12px; border:1px solid #ccc; width:280px; float:left; border-right:0px;}
.AramaBlok select{padding:11px; border:1px solid #ccc; width:130px; float:left; border-right:0px;}
#araButton{ transition: 0.5s ease; float:left; width:42px; border:1px solid #444; text-align:center; font-size:22px; color:#fff; padding-top:8px; padding-bottom:9px; cursor:pointer; background-color:#444;}
#araButton:hover{background-color:#F9820C;}

.UstLinkBlok{position:absolute; top:65px; right:10px; display:inline-block; color:#fff; font-size:28px; letter-spacing:-1px; font-weight:bold; text-shadow: 0 1px 0 #000;}
.UstLinkBlok a{color:#787878; text-decoration:none;transition: 0.5s ease;}
.UstLinkBlok a:hover{color:#e43209;}
.ustTelIcon{float:right; display:inline-block; padding:3px;font-size:28px; padding-top:5px;}
.ustTel{float:right; display:inline-block; padding:3px;}
    .ustTel span {font-size:18px; letter-spacing:normal; margin-right:4px; padding-bottom:4px;}
.ustSeperator{float:right; display:inline-block; font-size:16px; border-right:1px solid #AFADAD; height:15px; width:10px; margin-right:10px; margin-top:5px;}
.ustIletisim{float:right; display:inline-block; padding:3px;}

.menuLogin0{padding:5px; width:120px; height:31px; color:#444; background-color:#fff; border:2px solid #e43209; position:absolute; right:150px; top:5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: 0.5s ease; cursor:pointer;}
.menuLogin0:hover{background-color:#e43209; color:#fff;}
    .menuLogin0:hover span div {color:#fff;}
.menuLogin0 span{float:left; padding-top:6px; font-weight:bold;padding: 0px;}
    .menuLogin0 span div {display:inline-block; color:#BFBCBC; font-size:12px; font-weight:normal;}
.menuLogin0 i{font-size:20px; padding-left:20px; padding-right:10px; padding-top:4px; float:left;}

.menuLogin{padding:5px; width:120px; height:31px; color:#444; background-color:#fff; border:2px solid #e43209; position:absolute; right:250px; top:5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: 0.5s ease; cursor:pointer;}
.menuLogin:hover{background-color:#e43209; color:#fff;}
    .menuLogin:hover span div {color:#fff;}
.menuLogin span{float:left; padding-top:6px; font-weight:bold;padding: 0px;}
    .menuLogin span div {display:inline-block; color:#BFBCBC; font-size:12px; font-weight:normal;}
.menuLogin i{font-size:20px; padding-left:20px; padding-right:10px; padding-top:4px; float:left;}

.menuCikis{padding:5px; width:80px; height:31px; color:#444; background-color:#fff; border:2px solid #e43209; position:absolute; right:150px; top:5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: 0.5s ease; cursor:pointer;}
.menuCikis:hover{background-color:#e43209; color:#fff;}
    .menuCikis:hover span div {color:#fff;}
.menuCikis span{float:left; padding-top:6px; font-weight:bold;padding: 0px;}
    .menuCikis span div {display:inline-block; color:#BFBCBC; font-size:12px; font-weight:normal;}
.menuCikis i{font-size:20px; padding-left:10px; padding-right:10px; padding-top:4px; float:left;}

.Sepetiniz{color:#fff;position:absolute; top:5px; right:0px; width:130px; height:31px; cursor:pointer; padding:5px; background-color:#BFBCBC; border:2px solid #BFBCBC;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: 0.5s ease;}
.Sepetiniz:hover{background-color:#e43209; color:#fff; border:2px solid #e43209;}
.Sepetiniz .SepetYazi{float:left; padding-top:6px; font-weight:bold;}
    .Sepetiniz span {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#e43209; position:absolute; top:9px; right:10px; padding:3px 7px;}
.Sepetiniz i{font-size:20px; padding-left:15px; padding-right:10px; padding-top:4px; float:left;}

.miniSepet {position:absolute; top:40px; right:0px; background-color:#fff; border:1px solid #ccc; width:250px; z-index:3; padding:15px; display:none;
-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.24);
box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.24);
}
#MiniSepetButon {
width:calc(100% - 10px); padding:5px; text-align:center; background-color:#1c9607; color:#fff; border:0px; cursor:pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
    #MiniSepetButon:hover {background-color:#444;}
.MiniSepetTablo {width:100%; border:0px; font-size:12px; color:#444; margin-bottom:20px;}
    .MiniSepetTablo tr td {padding:5px; border-bottom:1px dotted #ccc;}
.MiniSepetTabloBaslik td {background-color:#efefef; border-bottom:1px solid #444 !important; font-weight:bold;}

.banner{width:1020px; height:250px; overflow:hidden; margin-top:10px; margin-bottom:10px; float:left; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.banner li{display:none}
.BannerKontrol{position:absolute; top:210px; left:20px;}
.BannerKontrol li{cursor:pointer;margin:3px; float:left; width:12px; height:12px; border:3px solid #fff; background-color:#000; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.BannerKontrolAktif{background-color:#e43209 !important;}

.OneCikanlar {width:215px; height:250px; overflow:hidden; margin-top:10px; margin-bottom:10px; float:left; background-color:#fff; margin-left:15px; text-align:center; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.OC1 {background-color:#bd0027; padding:5px; text-align:center; overflow:hidden;}
.OC2 li {width:100%;}
.OC2 li div {width:calc(100% - 8px) !important;padding:4px;}
.OC2 li div img {float:left; margin-left:5px;}
.OC2 li div span {float:left; color:#fff; display:block; font-size:20px; font-weight:bold; letter-spacing:-1px; padding:13px; margin-left:10px;}

.duyuru{margin:0; padding:0; height:45px; background-color: #000; margin-bottom:20px; border-bottom:3px solid #e43209;}
.duyuru1{width:50px; height:45px; background-color:#e43209; float:left}
.duyuru1 i{color:#fff; font-size:30px; margin:8px}
.duyuru2{margin:8px; text-align:center; width:calc(100% - 170px); float:left; color:#fff; font-size:22px; font-weight:300; border-right:1px solid #ccc; overflow:hidden; display:none}
.duyuru3{float:right; width:90px;}
.duyuru3 i{font-size:24px; padding:10px; cursor:pointer; color:#fff;}

.miniGolge {
-webkit-box-shadow: 1px 1px 0px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    1px 1px 0px 0px rgba(50, 50, 50, 0.35);
box-shadow:         1px 1px 0px 0px rgba(50, 50, 50, 0.35);
}
/*---------------------------------------------------*/
.ModelListe thead tr {background-color:#ccc !important;}

.ModelListe {width:100%; position:relative;}
    .ModelListe tr {width:100%;border-bottom:1px solid #ccc; transition: 0.5s ease;}
    /*.ModelListe tr:hover {-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75);}*/
    .ModelListe tr td {padding:5px; vertical-align:middle;}
#ModelScroll {height:390px;}
.ModelScroll {height:380px;}

.ListePasif {height:auto !important}
/*---------------------------------------------------*/
.icerik{margin-top:120px;}
.icerikBaslik i{color:#ccc; margin-right:10px; font-size:14px; float:left; padding-top:12px;}
/*.icerik .icerikBaslik{text-align:left; margin-bottom:20px; margin-top:20px;}*/
.icerikBaslik{text-align:left; margin-bottom:40px; font-size:28px; color:#e43209}
.icerik .icerikBaslikSayfa{text-align:left; margin-bottom:10px; margin-top:20px; font-size:36px; font-weight:bold;}
.SayfaIcerik{margin-bottom:30px; text-align:justify; /*background-color:#fff;*/ padding:30px; height:auto !important;}
.SayfaIcerik img{float:left; margin-bottom:15px;}
.icerik .icerikBaslik span{padding-left:5px; padding-right:15px; display:inline-block; font-weight:bold;}
.icerik .icerikBaslikHosgeldiniz{background:url(/images/tire.gif) center left repeat-x; text-align:center; margin-bottom:10px;}
.icerik .icerikBaslikHosgeldiniz span{background-color:#fff; padding-left:15px; padding-right:15px; display:inline-block; font-weight:bold;}

.Maillist{background-color:#f7f7f7; width:426px; height:76px; position:absolute; left:270px; top:25px; color:#444; padding:20px;}
.Maillist span{display:inline-block; margin-top:8px; margin-bottom:8px}
    .Maillist input[type='text'] {padding:8px; margin-right:5px; width: 300px;}
.MaillistButon {padding:10px 8px; background-color:#da5860; color:#fff; border:0px;}

.Alt{background-color:#51515b;}
.Alt2{background-color:#46464e; padding:10px; position:relative;}
.logo2{float:left;}

.Sosyal2{margin:20px; float:left; color:#fff;}
.Sosyal2 i{float:left; margin-right:5px; font-size:35px; margin-top:4px; width:35px; height:35px; text-align:center; cursor:pointer;transition: 0.5s ease;}
.Sosyal2 i:hover{color:#e43209;}

.AltLink{float:right; margin:20px; color:#fff; width:400px;}
.AltLink ul{list-style:circle; margin-left:20px; margin-top:5px;width:400px;}
.AltLink ul li {float:left; width:190px;}
.AltLink ul li a{padding:5px; color:#fff; text-decoration:none; display:block;transition: 0.5s ease;}
.AltLink ul li a:hover{text-decoration:underline;}

.FiltreBlok{width:266px;background-color:#eee; float:left; margin-right:60px}
.Urunler{margin-left:-40px; float:left;}
.Urunler li{width:266px; height:354px; margin-left:40px; float:left; position:relative; margin-bottom:50px; transition: 0.5s ease; }
.Urunler li a{text-decoration:none; color:#444;}
.Urunler li:hover .UrunResim{
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
/*--------------------------------------*/
.Urunler0{float:left; /*width:calc(100% - 282px);*/ width:100% ;background-color:#fff;}
.Urunler0 li{width:262px; height:280px; margin:25px; float:left; position:relative; margin-bottom:50px; transition: 0.5s ease;}
.Urunler0 li a{text-decoration:none; color:#444;}
.Urunler0 li:hover .UrunResim{
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
.Urunler0 li img{margin:0 auto;}
/*--------------------------------------*/
.Urunler1{float:left; width:calc(100% - 300px); background-color:#fff;}
.Urunler1 li{width:262px; height:300px; margin:25px; float:left; position:relative; margin-bottom:50px; transition: 0.5s ease;}
.Urunler1 li a{text-decoration:none; color:#444;}
.Urunler1 li:hover .UrunResim{
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
.Urunler1 li img{margin:0 auto;}
/*--------------------------------------*/
.Urunler li img{margin:0 auto;}

.UrunResim{height:246px; border:1px solid #eee; overflow:hidden; padding:10px;transition: 0.5s ease;}
.UrunBaslik{padding:6px; font-weight:bold;overflow: hidden; height: 28px;}
    .UrunBaslik span {display:block; font-weight:bold; color:#0d9ffc;}
.MarkaAdi {font-weight:bold; color:#0d9ffc; margin:20px; font-size:24px}
.UrunAciklama{padding:6px; display:none;}
.UrunSeperator{width:246px; height:12px; background:url(/images/urunSeperator.jpg) center center no-repeat; margin-left:12px; margin-top:3px;}
.UrunFiyat{width:246px;margin-left:4px; margin-top:3px; font-weight:bold; text-align:left; font-size:20px; color:#e43209}
.UrunFiyat span{font-size:12px;}
.UrunFiyatIndirim{color:#ccc; text-decoration:line-through; display:inline;}
.UrunFiyatIndirimOran{margin-right:20px; margin-left:20px;display:inline; background-color:#C00B0E; color:#fff; padding:2px 8px; font-size:16px; font-weight:normal;}

/*
.markalar{width:100%; overflow:hidden; height:70px;}
.markalar li{float:left; margin-right:15px; margin-bottom:15px;background-color:#fbfbfb;border:1px solid #eeefec;}
.markalar li a{transition: 0.5s ease;width:150px; padding:20px;  text-align:center; font-weight:bold; text-decoration:none; color:#444; display:block;}
.markalar li:hover{background-color:#444; }
.markalar li:hover a{color:#fff;}

.markalar0{width:100%;}
.markalar0 li{float:left; margin-right:15px; margin-bottom:15px;background-color:#fbfbfb;border:1px solid #eeefec;}
.markalar0 li a{transition: 0.5s ease;width:150px; padding:20px;  text-align:center; font-weight:bold; display:block; text-decoration:none; color:#444;}
.markalar0 li:hover{background-color:#444; }
.markalar0 li:hover a{color:#fff;}
*/
.markalar{width:100%; overflow:hidden; height:110px; margin-bottom:10px;}
    .markalar ul {list-style:none; margin:0px; padding:0px; margin-left:114px;}
.markalar li{float:left; margin:5px;background-color:#fbfbfb;border:2px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.markalar li a{transition: 0.5s ease;width:61px; height:57px; padding:19px;  text-align:center; font-weight:bold; text-decoration:none; color:#444; display:table-cell; vertical-align:middle;}
.markalar li:hover{border:2px solid #fff;
 	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.55);
	box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.55);
    background-color:#0d9ffc;   
 }
.markalar li:hover a{color:#fff;}
.marka {display:none}
.markalar li:hover img {display:none}
.markalar li:hover .marka {display:block}

.markalar0{width:100%;}
.markalar0 li{float:left; margin-right:15px; margin-bottom:15px;background-color:#fbfbfb;border:2px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.markalar0 li a{transition: 0.5s ease;width:148px; height:60px; padding:20px;  text-align:center; font-weight:bold; text-decoration:none; color:#444;display:table-cell; vertical-align:middle;}
.markalar0 li:hover{border:2px solid #fff;
 	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.55);
	box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.55);
    background-color:#0d9ffc;
}
.markalar0 li:hover a{color:#fff;}
.markalar0 li:hover img {display:none}
.markalar0 li:hover .marka {display:block}
/*------------------------------------------------------------------------------*/
.Tumu {font-family:Arial; font-size:14px; color:#444; float:right; display:block;}
    .Tumu:hover {color:#0d9ffc}
.Siralama{ width:100%; margin-bottom:30px; overflow:hidden; margin-left:60px;display:none;}
.Siralama div{float:left; width:calc(25% - 29px); text-align:center; background-color:#efefef;}
.Siralama div a{display:block; padding:8px;color:#444; text-decoration:none;}
.SiralamaAktif{background-color:#e43209; color:#fff !important;}
.SiralaBaslik{width:50px !important;}
.SiralaBaslik span{display:block; padding:8px; background-color:#444; color:#fff}
.MarkaSecimi{float:right !important; width:140px !important; margin-right:20px; margin-top:-30px}
.MarkaSecimi select{padding:5px; width:150px;}

.FiltreBaslik{padding:15px; font-weight:bold;}
.FiltreSecenek{padding:15px; border-bottom:1px solid #ccc; padding-top:0px;}
    .FiltreSecenek:nth-of-type(1) {border-bottom:0px}
.FiltreSecenek li{padding:4px;}
.FiltreSecenek li input{margin-right:10px;}
.FiltreSecenek li a {display:block; padding:8px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:rgba(50, 50, 50, 0.25); color:#000; text-decoration:none;}
.FiltreSecenek li a:hover {transition: 0.5s ease; background-color:#e43209; color:#fff;}
.YolLink {color:#444; text-decoration:none; font-size:14px;}
.YolLink:hover {color:#e43209}

.Oz0 {padding:8px; font-weight:bold; width:30%}
.Oz1 {padding:8px;}
.Oz_0 {}
.Oz_1 {background-color:#efefef;}
.UrunTab0 table {width:100%; font-family:Arial; font-size:14px;}
#Aciklama {font-size:16px}

input[type=checkbox] {
	/*visibility: hidden;*/
}
/* SLIDE THREE */
.slideThree {
	width: 80px;
	height: 26px;
	background: #333;
	margin: 20px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideThree:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideThree:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slideThree label {
	display: block;
	width: 34px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideThree input[type=checkbox]:checked + label {
	left: 43px;
}
select{/*-webkit-appearance: none;*/ border-radius: 0;}
/*-----------------------------------------------------*/
.AciklamaScroll {padding-left:20px; padding-right:5px;height: 360px;}
.UrunDetay{float:left; position:relative; height:470px; border-bottom:1px solid #eee; width:850px; background-color:#eee; margin-bottom:20px;}
.UrunImg{float:left; position:relative; height:470px; border-bottom:1px solid #eee; width:calc(100% - 850px); margin-bottom:20px;}
.UrunTanim{margin:20px; font-weight:bold; margin-bottom:25px; overflow:hidden;}
.UrunFiyatBlok, .UrunBlok{margin:20px; position:relative; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #BFBCBC; overflow:hidden;}
.UrunIndirim{width:75px; height:55px; background-color:#D40D11; color:#fff; float:left; margin-right:15px; padding:5px; text-align:center; font-size:30px}
.UrunIndirim span{font-size:14px; width:100%; display:block;}
.UrunTutar{width:calc(100% - 190px); float:left}
.Tutar0{text-decoration:line-through; color:#9C9B9B; display:block; font-size:20px}
.Tutar1{font-size:40px; font-weight:bold;}
.Tutar0 span, .Tutar1 span{font-size:14px}
.UrunTaksitBlok{width:100px; float:left; text-align:center; padding:5px; background-color:#BFBCBC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.UrunTaksitBlok span{display:block; font-size:16px; font-weight:bold; margin-top:3px;}
.UrunSepetBlok{margin:20px; position:relative; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #BFBCBC; overflow:hidden;}

.indirim {color:#fff;}

.ButtonEksilt{background-color:#bfbfbf; float:left; color:#444; text-align:center; width:30px; height:28px;transition: 0.5s ease; cursor:pointer;font-weight:bold;font-size:22px; padding-top:5px;}
.ButtonArttir{background-color:#bfbfbf; float:left; color:#444; text-align:center; width:30px; height:28px;transition: 0.5s ease; cursor:pointer;font-weight:bold;font-size:22px; padding-top:5px;}
.ButtonEksilt:hover{background-color:#444; color:#fff;}
.ButtonArttir:hover{background-color:#444; color:#fff;}
.Adet{border:0px; height:31px; text-align:center; width:40px; float:left;  font-weight:bold;font-size:14px;}
#Adet{border:0px; height:46px; text-align:center; width:80px; float:left;  font-weight:bold;font-size:16px;}
.veri {margin:-5px;}
.ToplamTutarBaslik {float:right; height:25px; width:70px; padding:10px; font-size:24px;}
.ToplamTutarNot {float:right; height:25px; width:325px; padding:10px; font-size:16px; text-align:right}
.ToplamTutarBlok {float:right; height:25px; width:120px; border:1px solid #ccc; padding:10px; font-size:24px; font-weight:bold; text-align:center; background-color:#fff;}
    .ToplamTutarBlok span {font-size:16px}
.SepetEkleBlok {/*position:fixed; bottom:10px; right:20px; padding-top:5px; border-top:1px solid #444;background-color:#eee; width:calc(100% - 20px);*/ text-align:right; margin:8px;  margin-right:20px; z-index:2;}
.fixle {position: fixed; bottom: 0px; left: 0px; width: calc(100% - 60px); margin: 0px; margin-right: 20px; background-color: #eee; padding: 5px; padding-right: 60px; border-top: 1px solid #444;}
#SepeteEkleButton{margin-left:15px; float:right; height:46px; transition: 0.5s ease; cursor:pointer;font-size:16px; padding-top:5px; padding-left:10px; padding-right:10px; color:#fff; text-align:center; border:0px; background-color:#dd0b0e;}
#SepeteEkleButton i{margin-right:5px;}
#SepeteEkleButton:hover{background-color:#444; color:#fff;}

.UrunBlok a{float:left; margin-right:15px; display:inline-block; padding-bottom:10px; text-decoration:none; color:#444; transition: 0.5s ease;}
.UrunBlok a:hover{text-decoration:underline;}
.UrunBlok a:hover i{color:#444;}
.UrunBlok a i{color:#BFBCBC; margin-right:5px;}

.Dosyalar li {padding:5px; cursor:pointer;}
    .Dosyalar li:hover {text-decoration:underline;}
.Dosyalar li i{margin-right:8px;}
.Dosyalar li a{text-decoration:none; color:#444;}

.UrunTab{font-size:20px;}
.UrunTab li{float:left; padding:8px; margin-right:4px; background-color:#fff; border:1px solid #e8e8e8;z-index:2; cursor:pointer; }
.UrunTab0{border:1px solid #e8e8e8; margin-top:-1px; background-color:#fff; /*height:330px;*/ display:none; padding:10px; overflow:hidden*/; width:calc(100% - 20px); margin-bottom:15px;}
.UrunTabAktif{border-bottom:1px solid #fff !important; border-top:1px solid #1c9607 !important}
#AnaResim{width:350px;}
.UrunImg0{position:absolute; left:50%; width:548px; top:30px; margin-left:-175px; height:448px; }
.MiniResim{margin-top:15px; width:350px; margin-bottom:10px;}
.MiniResim li{float:left; width:58px; height:58px; border:2px solid #fff; margin-right:4px; cursor:pointer;transition: 0.5s ease; overflow:hidden; position:relative;}
.MiniResim li img{width:100%;}
.MiniResim li:hover{border:2px solid #ccc;}
.MiniResimAktif{border:2px solid #C90D10 !important;}

.UrunAltOzellik{}
.UrunAltOzellik li{float:left; padding:6px 12px; background-color:#BFBCBC; border:1px solid #BFBCBC; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-right:5px; transition: 0.5s ease; cursor:pointer;}
.UrunAltOzellik li:hover{background-color:#efefef; border:1px solid #444;}
.UrunAltOzellikAktif{background-color:#1c9607 !important; color:#fff !important; border:1px solid #1c9607 !important;}
#UrunAltOzellikBaslik{margin-bottom:4px; }

.OzellikAdi {color:#444; margin:5px; font-size:24px}
    .OzellikAdi span {font-weight:bold; width:70px; display:block; float:left;}
/*---------------------------------------------------*/
.UyeForm{float:left; position:relative; width:calc(50% - 40px); height:400px; padding:20px; margin-bottom:30px;}
.UyeBlok{float:left; position:relative; width:calc(50% - 5px); background-color:#efefef;height:416px; padding:3px;}
.UyeBlok i{width:40px; height:40px; font-size:40px; text-align:center; margin-right:15px; float:left; color:#ccc;text-shadow: 0 1px 0 #fff;}
.UyeBlok b{color:#1c9607; font-weight:bold;}

.UyeForm table{border:0px; width:100%; }
.UyeForm table tr{}
.UyeForm table tr td{padding:8px; margin:8px;}
.UyeForm table tr td input[type="text"]{width:calc(100% - 16px); padding:8px; border:1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.UyeForm table tr td input[type="password"]{width:calc(100% - 16px); padding:8px; border:1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.UyeForm table tr td label{margin-right:10px; padding:8px; margin-top:4px;}
.UyeForm table tr td input[type="checkbox"]{padding:8px; margin-top:4px;}
.UyeForm table tr td a{color:#B30D10}
#HesapOlusturButton{margin-right:15px;float:left; height:46px; transition: 0.5s ease; cursor:pointer;font-size:16px; padding-top:5px; padding-left:10px; padding-right:10px; color:#fff; text-align:center; border:0px; background-color:#dd0b0e;}
#HesapOlusturButton i{margin-right:5px;}
#HesapOlusturButton:hover{background-color:#444; color:#fff;}

#GirisButton{margin-right:15px;float:left; height:46px; transition: 0.5s ease; cursor:pointer;font-size:16px; padding-top:5px; padding-left:10px; padding-right:10px; color:#fff; text-align:center; border:0px; background-color:#dd0b0e; width:100%;}
#GirisButton i{margin-right:5px;}
#GirisButton:hover{background-color:#444; color:#fff;}

.ZatenUyeyim{float:right; color:#444 !important; text-decoration:underline; margin-top:10px;}
.ZatenUyeyim:hover{color:#B30D10 !important}

.UyeTab{float:left; }
.UyeTab li{float:left; padding:8px; margin-right:4px; background-color:#fff; border:1px solid #e8e8e8;z-index:2; cursor:pointer; margin-bottom:-3px;}
.UyeTab0{border:1px solid #e8e8e8; margin-top:0px; background-color:#fff; height:400px; display:none; padding:10px; }
.UyeTabAktif{border-bottom:1px solid #fff !important; border-top:2px solid #1c9607 !important}



.K2 {
    float: left;
    width: calc(100% - 340px) !important;
    height: 400px !important;
    text-align:left;
}
.K2Sub{width:100%;height: 400px}
.K2Sub li:hover {background-color:none;}
.K2Sub .K2Sub2{width:300px !important; float:left;}
.K2Sub2:hover {background-color:none  !important;}
.K2Sub2 a:hover {background-color:none  !important; text-decoration:underline}
.K2Sub .K2Sub2 a {color:#0d9ffc; font-weight:bold; padding:3px !important; margin:0px !important}
.K3 {width:100%;}
.K3 li {float:left; width:auto !important; padding:0px !important; margin:0px !important}
.K3Sub{color:#ccc !important; font-weight:normal !important; width:auto !important; font-size:14px !important; padding:3px !important; margin:0px !important}
.K3Sub:hover {text-decoration:underline}
.K0Aktif {background-color:#0d9ffc; color:#fff;}
.DetayAciklama {
    margin-bottom:20px; font-family:Arial; font:normal; font-size:14px;
}
.DetayAciklama p {margin-bottom:10px;}
.DetayAciklama strong {font-weight:bold}

.PopUpZemin {background:rgba(0,0,0,0.5); position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:20; display:none;}
.UyariBlok {position:absolute; left:50%; top:50%; width:400px; height:150px; margin-left:-200px; margin-top:-75px; background:#fff; border:2px solid #fff;display:none; overflow:hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}
#PDFembed {left:5px; top:5px; width:calc(100% - 15px); height:calc(100% - 15px); margin-left:0px; margin-top:0px;}
    #PDFembed .UyariIcerik {height:100% !important}
.UyariIcerik {margin:30px; position:relative;}
.UyariMesaj {color:#444; text-shadow: 0 1px 0 #fff; text-align:center; font-size:20px;}

.UyariButton {border:0px; cursor:pointer;padding:15px; text-align:center; color:#fff; background:#0d9ffc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float:left;
}
.UyariButton:hover {background:#444;}
.UyariTamam {width:150px;   margin-left:calc(50% - 75px);}
.SepeteGit {width:160px;}
.AlisveriseDevamEt {width:160px; margin-right:20px;}


/*------------------------Sepet---------------------------*/
.SepetNav{width:100%; height:55px; background:#f6f6f6; margin-top:-30px;}
.SepetNav li{height:55px; float:left; width:25%; cursor:pointer; border-bottom: 2px solid #ccc;}
.SepetNav li div{float:left;margin:15px; font-size:20px; font-weight:bold;}
.SepetNav li span{width:33px; height:29px; text-align:center; font-size:14px; font-weight:bold; background-color:#c4c4c5; font-size:22px; padding-top:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin:10px;
display:block; float:left;
}
.SepetNavAktif{background-color:#e7e7e7 !important;}
.SepetNavAktif span{background-color:#c20000 !important; color:#fff !important;}

.SepetBlok1 {float:left; width:calc(100% - 310px); height:300px; margin-top:15px; }
.SepetBlok2 {float:left; width:300px; height:300px; margin-left:10px; margin-top:15px;}
.KuponBlok {border:1px solid #ccc; padding:15px;}
    .KuponBlok label {font-size:13px; padding:2px; display:block;}
    .KuponBlok input {padding:5px; border:1px solid #ccc; width:calc(100% - 90px)}
    .KuponBlok button {padding:5px; border:1px solid #1c9607; background-color:#1c9607; color:#fff; width:70px; cursor:pointer;}
        .KuponBlok button:hover {background-color:#444; border:1px solid #444;}
.SepetOzetiBlok {border:1px solid #ccc; padding:15px; text-align:right; color:#444; background-color:#fff;}
    .SepetOzetiBlok .Baslik {font-size:24px; font-weight:bold; color:#e43209;}
    .SepetOzetiBlok .UrunAdet {color:#444; margin-bottom:10px;}
    .SepetOzetiBlok .SepetTutar {color:#444; font-size:36px; font-weight:bold; margin-top:5px;}
    .SepetOzetiBlok .SepetTutar span {color:#444; font-size:16px;}
    .SepetOzetiBlok .KDVTutar {font-size:13px; margin-bottom:10px;}
    .SepetOzetiBlok #AlisverisiTamamla {letter-spacing:-1px;margin-bottom:10px; background-color:#e43209; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:8px 20px; font-size:22px; border:0px; cursor:pointer;}
        .SepetOzetiBlok #AlisverisiTamamla i {color:#fff; margin-left:5px;}

    .SepetOzetiBlok #TeklifOlustur {letter-spacing:-1px;margin-bottom:10px; background-color:#1c9607; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:6px 20px; font-size:20px; border:0px; cursor:pointer;}
        .SepetOzetiBlok #TeklifOlustur i {color:#fff; margin-left:5px;}

    .SepetOzetiBlok #AlisveriseDevamEt {margin-bottom:10px; background-color:#ccc; color:#444; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:5px 12px; border:0px; cursor:pointer;}
    .SepetOzetiBlok #SepeteDon {margin-bottom:10px; background-color:#ccc; color:#444; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:5px 12px; border:0px; cursor:pointer;}
    .SepetOzetiBlok #AlisverisiTamamla:hover {background-color:#444; color:#fff;}
    .SepetOzetiBlok ##TeklifOlustur:hover {background-color:#444; color:#fff;} 
    .SepetOzetiBlok #AlisveriseDevamEt:hover {background-color:#444; color:#fff;}
    .SepetOzetiBlok #SepeteDon:hover {background-color:#444; color:#fff;}

    .SepetBlok1 table{width:100%; color:#444; border:1px solid #ccc;}
        .SepetBlok1 table tr td {padding:8px; border-bottom:1px solid #ccc; vertical-align:middle;}
    .SepetBlok1 .TabloBaslik {background-color:#efefef; font-weight:bold; }
    .SepetResim {width:50px; margin-bottom:0px !important;}
    .SepetBos {width:100%; border:1px solid #ccc; background-color:#fff; margin-top:15px; height:300px; text-align:center; font-size:36px; color:#ccc;}
        .SepetBos i {margin-top:30px; color:#444; margin-bottom:15px; font-size:80px !important; text-shadow: 0 1px 0 #fff;}
    #AlisveriseBasla {margin-bottom:10px; background-color:#e43209; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:8px 20px; border:0px; cursor:pointer; margin-top:20px;}
    .SepetBlok1 .SepetAdet {border:1px solid #ccc; width:40px; text-align:center; padding:4px;}
.azalt, .arttir {text-align:center; padding:4px; border:0px; width:15px; height:25px; cursor:pointer;}
.SepetKaldir {color:#e43209; font-size:20px; cursor:pointer;}
.SepetKaldir:hover {color:#444;}

.TeklifKaldir {color:#e43209; font-size:20px; cursor:pointer;}
.TeklifKaldir:hover {color:#444;}

.SepetLink {color:#444;}

.HesabimBolumler {width:100%; border-bottom:1px solid #0d9ffc;}
    .HesabimBolumler li {padding:8px 15px; text-align:center; margin-right:5px; float:left; background-color:#efefef; cursor:pointer;}
        .HesabimBolumler li:hover {background-color:#ccc;}
.HesabimBolumlerAktif {background-color:#0d9ffc !important; color:#fff !important;}
.Hesabim {padding:20px; display:none; overflow:hidden; background-color:#fff;}
/*---------------------------------------------------*/
.Adresler {margin-bottom:20px;}
.Adresler li {float:left; margin:10px; background-color:#efefef; border:1px solid #ccc; width:280px; height:250px; position:relative;cursor:pointer;text-shadow: 0 1px 0 #fff;}
    .Adresler li:hover {background-color:#0d9ffc; color:#fff;}
.Yeni {text-align:center; }
.Yeni i{font-size:28px; margin-top:100px;}

.AdresBilgi {margin:30px;}
    .AdresBilgi h2 {font-size:28px; padding-bottom:5px; border-bottom:1px solid #ccc; font-weight:bold; letter-spacing:-1px; text-shadow: 0 1px 0 #fff;}
    .AdresBilgi label {font-size:14px;}
    .AdresBilgi input {width:calc(100% - 16px); padding:8px; border:1px solid #0d9ffc;}
    .AdresBilgi select {padding:8px; border:1px solid #0d9ffc;}
    .AdresBilgi textarea {width:calc(100% - 16px); padding:8px; border:1px solid #0d9ffc;}
    #AdresKaydet {border:0px; padding:8px; margin-top:15px; background-color:#0d9ffc; color:#fff; cursor:pointer;}
        #AdresKaydet:hover {background-color:#444;}
.kapatIcon {position:absolute; top:10px; right:10px; font-size:20px; cursor:pointer;}
    .kapatIcon:hover {color:#e43209}
/*------------------------------------------------ teslimat fatur-*/
.UyariMavi {padding:8px 12px; background-color:#0d9ffc; color:#fff;}
.BlokAdres {float:left; border:1px solid #ccc; width:340px; height:237px; margin-top:40px; position:relative; background-color:#fff;}
    .BlokAdres h2 {font-size:24px; font-weight:bold; position:absolute; top:-25px; left:0px; }
.BlokAdres0 {float:left; width:180px; height:237px; margin-top:40px; position:relative;text-align:center; margin:8px;}
    .BlokAdres0 input {margin:8px; padding:5px; width: 22px; height: 22px; margin-top:100px;}
.Kargo {background-color:#efefef; margin-left:-15px; margin-right:-15px; padding-top:8px; padding-bottom:8px; padding-right:15px; margin-bottom:15px; position:relative;}
.kargoIcon {text-shadow: 0 1px 0 #fff; position:absolute; top:10px; left:10px; font-size:52px;}
.kargoFirma {padding:3px 4px; margin-top:2px; margin-bottom:2px; background-color:#444; color:#fff; display:inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#KargoFirmasi {padding:8px;}
.buronlar {position:absolute; bottom:0px; padding:8px; border-top:1px solid #ccc; width:calc(100% - 16px);text-align:right;}
.AdresButonKaldir {padding:8px 15px; text-decoration:underline; color:#444; margin-right:15px; background-color:transparent; border:0px; cursor:pointer;}
    .AdresButonKaldir:hover {color:#fff;}
.AdresButonEkle {padding:8px 15px; text-decoration:underline; color:#444; margin-right:15px; background-color:#fff; border:0px; cursor:pointer;}
    .AdresButonEkle:hover {color:#0d9ffc;}
.AdresButonDuzenle {padding:8px 15px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color:#0d9ffc; color:#fff; border:0px; cursor:pointer;}
    .AdresButonDuzenle:hover {background-color:#444;}
.SeciliAdres {padding:15px;}
.AdresSecimi {padding:10px; width:100%;}
#TeslimatAdresi0, #FaturaAdresi0 {margin-top:15px;}
/*-------------------------------------------------- Ödeme*/
.TeklifText {}
.Formlar {margin-top:15px; margin-bottom:15px;}
    .Formlar li {background-color:#444; color:#fff; padding:8px; width:calc(100% - 16px); margin-bottom:2px;}
.FormlarBaslik {cursor:pointer; width:80%; display:block; float:left;}    
    .Formlar li input {float:right; width:20px; height:20px; margin-top:-2px;}
        .Formlar li label {float:right; margin-top:-2px;}
.Formlar0 {border:1px solid #ccc; border-top:0px; height:200px; display:none; padding:15px; background-color:#fff;}

.SiparisiTamamla {letter-spacing:-1px;margin-bottom:10px; background-color:#e43209; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:8px 20px; font-size:22px; border:0px; cursor:pointer;}
.TeklifiTamamla {display:inline-block;text-decoration:none;letter-spacing:-1px;margin-bottom:10px; background-color:#1c9607; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:8px 20px; font-size:22px; border:0px; cursor:pointer;}
.OdemeTab {border-bottom:2px solid #0d9ffc; overflow:hidden;}
.OdemeTab li {float:left; background-color:#ccc; color:#444; padding:8px 15px; margin-right:3px; cursor:pointer;}
.OdemeTabAktif {background-color:#0d9ffc !important; color:#fff !important;}
.OdemeTab0 {border:1px solid #ccc; border-top:0px; padding:15px; position:relative; background-color:#fff;}
.Faturaadresi {height:80px; padding:8px 12px;  border-top:1px solid #ccc; margin-bottom:5px; text-align:left; position:relative;}
.Teslimatadresi {height:80px; padding:8px 12px; border-top:1px solid #ccc; margin-top:5px; text-align:left; position:relative;}
.AdresDuzelt {text-decoration:underline; color:#444; display:block; position:absolute; top:5px; right:0px; font-size:13px;}
.KartLabel {width:100px; text-align:right; display:block; float:left; padding:12px;}
.KartText {padding:8px; float:left; margin:3px;}
.TeklifText {padding:8px; float:left; margin:3px; width:calc(100% - 190px)}

.OdemePanel {display:none;}
.HavaleIndirimi {font-size:14px; margin-bottom:10px;}

.BankaHesaplari {}
    .BankaHesaplari li {width:calc(100% - 28px); padding:14px; border-bottom:1px dotted #ccc; cursor:pointer; transition: 0.5s ease;}
        .BankaHesaplari li:hover {background-color:#efefef;}
        .BankaHesaplari li span {font-weight:bold;}
.Hesap {float:left; margin-right:10px;}
/*--------------------------------------------------*/
.markaTab {border-bottom:2px solid #3f3f47; overflow:hidden; width:100%;}
.markaTab li{float:left; height:auto !important; width:auto !important; margin:0px !important; margin-right:2px !important; cursor:pointer;}
    .markaTab li a {transition: 0.5s ease;padding:8px 10px; background-color:#efefef; color:#444; display:block; text-decoration:none;}
    .markaTab li a:hover {background-color:#ccc;}
    .markaTab li a:hover span {background-color:#444; color:#fff;}
    .markaTab li span{transition: 0.5s ease; padding:2px 5px; text-align:center; background-color:#ccc; color:#444; font-size:12px; margin-left:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.markaTabAktif {background-color:#55555f !important; color:#fff !important;}
.markaTabAktif span{background-color:#e43209 !important; color:#fff !important;}
/*--------------------------------------------------*/
.urunTab {border:0px; border-bottom:2px solid #3f3f47; overflow:hidden; width:290px; font-size:18px; float:left; margin-right:10px}
.urunTab li{height:auto !important; width:auto !important; margin:0px !important; margin-right:2px !important; cursor:pointer; width:100%; border-bottom:1px dotted #444;}
    .urunTab li a {transition: 0.5s ease;padding:10px 10px; background-color:#efefef; color:#444; display:block; text-decoration:none; width:calc(100% - 20px);}
    .urunTab li a:hover {background-color:#ccc;  border-bottom:1px solid #444;}
    .urunTab li a:hover span {background-color:#444; color:#fff;}
    .urunTab li span{float:right; transition: 0.5s ease; padding:2px 5px; text-align:center; background-color:#ccc; color:#444; font-size:12px; margin-left:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.urunTabAktif {background-color:#55555f !important; color:#fff !important; border-bottom:1px dotted #444;}
.urunTabAktif span{background-color:#e43209 !important; color:#fff !important;}

.urunSecimi {padding:10px; width:100%; display:none; }
/*--------------------------------------------------*/
.HediyeBulucuKategori {float:left; width:134.7px; margin:1px; border:1px solid #ccc; position:relative; margin-top:15px; margin-bottom:15px;}
    .HediyeBulucuKategori .HediyeBulucuScroll {height:180px; overflow:auto; width:100%;margin-top:35px;}
    .HediyeBulucuKategori .HediyeBulucuBaslik {position:absolute; top:0px; padding:8px; background-color:#efefef; color:#444; left:0px; width:calc(100% - 16px); border-bottom:1px solid #ccc;}
    .HediyeBulucuKategori li {padding:3px; border-bottom:1px dotted #efefef; font-size:13px;}
.HediyeBulucuSorgula {padding:8px 25px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color:#0d9ffc; color:#fff; border:0px; cursor:pointer; margin:0 auto; margin-bottom:15px;}
    .HediyeBulucuSorgula:hover {background-color:#444;}
/*-------------------------------------------------- hediye bulucu */
.Uyari {padding:8px; border:1px dotted #e43209; background-color:#fba9a9; font-size:14px; margin-top:10px; margin-bottom:10px; }
.SecilenHesap {display:none}
/*-------------------------------------------------taksit seçenekleri */
.TaksitSecenekleri {margin-bottom:20px; margin-top:15px;}
    .TaksitSecenekleri table {background-color:#fff;}    
.TaksitSecenekleri table tr td {font-size:13px; text-align:center;padding:5px; border:1px solid #ccc;}

.TaksitBaslik td {font-size:10px; text-align:center;}
.TaksitBaslik {}

.axess {background-color:#e7a32f; text-align:center; height:44px; width:176.5px;}
.bonus {background-color:#9aca37; text-align:center; height:44px; width:176.5px;}
.maximum {background-color:#b90073; text-align:center; height:44px; width:176.5px;}
.cardfinans {background-color:#2b2e91; text-align:center; height:44px; width:176.5px;}
.world {background-color:#650c6f; text-align:center; height:44px; width:176.5px;}
.asyacard {background-color:#5dc2d7; text-align:center; height:44px; width:176.5px;}
.paraf {background-color:#4fdcfe; text-align:center; height:44px; width:176.5px;}
.advantage {background-color:#f77b00; text-align:center; height:44px; width:176.5px;}

.SiparisMesaji {font-size:30px; margin-top:20px;}
    .SiparisMesaji b {font-weight:bold;}
.islemNo0 {display:inline-block; padding:8px 15px; background-color:#efefef; float:left}
.islemNo1 {display:inline-block; padding:8px 15px; background-color:#e43209; float:left; color:#fff;}

.Siparislerim {width:100%; border:0px;}
    .Siparislerim tr td {padding:8px; border-bottom:1px dotted #ccc; font-size:14px;}
.SiparislerimBaslik {background-color:#efefef; border-bottom:1px solid #ccc; font-weight:bold;}

/*-----------------------------------Ana Sayfa ----------------------------------------------*/
.AnaSayfaBlok {margin-bottom:15px; background-color:#fff; padding:25px; position:relative; overflow:hidden;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:2px solid #ccc;}
.AnaSayfaBlok .AnaSayfaBaslik {position:absolute; top:0px; left:0px; width:100%; background-color:#eeeeee; border-bottom:1px solid #c2bebe;}
    .AnaSayfaBlok .AnaSayfaBaslik h2 {font-size:24px; padding:12px 18px;}
    .AnaSayfaBlok .AnaSayfaBaslik a {position:absolute; top:15px; right:15px;}
    .AnaSayfaBlok i {position:absolute; top:49px; padding:8px; cursor:pointer; transition: 0.5s ease; font-size:26px; z-index:1; height:143px; background-color:#efefef; display:table-cell; vertical-align:middle; padding-top:125px;}
    .AnaSayfaBlok i:hover {background-color:#e43209; color:#fff;}
    .AnaSayfaBlok .Left {left:0px;}
    .AnaSayfaBlok .Right {right:0px;}
.UrunlerBlok{float:left; margin-top:35px;height: 240px; overflow: hidden; margin-left:9px;}
.UrunlerBlok li{width:216px; margin:10px; float:left; position:relative; margin-bottom:10px; transition: 0.5s ease; }
.UrunlerBlok li a{text-decoration:none; color:#444;}
    .UrunlerBlok .UrunResim {height:inherit;}
.UrunlerBlok li:hover .UrunResim{
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
}
    .UrunlerBlok .UrunBaslik {position:absolute; bottom:0px; left:0px; background-color:#e43209; padding:8px; color:#fff; font-size:13px; font-weight:normal;}
    /*    
    .UrunlerBlok .UrunBaslik::after {
        content: '';
  			position:absolute;
            top:0;
  			right: -29px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 29px 0 0 29px;
            border-color: transparent transparent transparent #e43209;
        }
        */
/*-------------------------------------markalar-------------------------------*/
#owl-demo .item{
  background: #3fbf79;
  padding: 30px 0px;
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.customNavigation{
  text-align: center;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*-------------------------------------------------------------------------*/
.Sayfalar li {width:100%; border-bottom:1px dotted #ccc;}
    .Sayfalar li a {display:block; padding:8px; color:#444;}
.ModelListe0 {border:1px solid #ccc; /*margin-left:20px; margin-right:20px; width:calc(100% - 40px);*/ height:420px; position:relative;margin-top: 37px;}
.SiparisNotu {padding:4px; margin-top:4px; margin-bottom:4px; width:calc(100% - 8px); height:50px;}
.DetayTablo {border:1px solid #ccc; margin-left:20px; margin-right:20px; width:calc(100% - 40px);}
.SepetDoviz {font-size:13px; color:#757575;}

.UrunKategorileri {padding:8px; background-color:#e43209; color:#fff; margin-bottom:20px; position:relative; text-align:center; font-size:18px;}
.UrunKategorileri::after{
    content: '';
position:absolute;
bottom:-10px; left:calc(50% - 7.5px);
width: 0;
height: 0;
border-style: solid;
border-width: 15px 10px 0 10px;
border-color: #e43109 transparent transparent transparent;
}
.sekme{height:50px; border-bottom:1px solid #ededed; }
.sekme .Tab{float:left; color:#929393; font-size:18px;}
.sekme .Tab li{padding:20px; float:left; border-bottom:3px solid #fff; padding-bottom:8px; cursor:pointer; padding-left:20px; padding-right:20px;transition: 0.5s ease;}
.sekme .Tab li:hover{border-bottom:3px solid #ccc;}
.TabAktif{font-weight:bold; color:#233741; border-bottom:3px solid #00bac9 !important;}
.dosya{float:left; width:31%; padding:8px; font-size:18px; color:#444; margin:2px; transition: 0.5s ease; display:block; text-decoration:none;}
.dosya:hover{text-decoration:underline;}
.dosya span{float:left; margin-right:10px}
#DownloadAra{padding:15px; border:1px solid #ccc; margin-bottom:20px; width:calc(100% - 30px); font-size:24px;}

.Video img{margin-top:13px}
.videoIcon {position:absolute; top:18px; left:calc(50% - 10px); font-size:24px; color:#fff;}
.onay {font-size:300px; color:#1c9607; float:left; margin-right:40px; text-shadow: 0 1px 0 #fff; height:350px}

.ListeAc, .BlokList1, .BlokList2 {cursor:pointer;transition: 0.5s ease; font-size:22px;position:absolute; top:40px; right:18px; padding:8px; border:1px solid #ccc;-webkit-border-radius: 2px;-moz-border-radius: 3px;border-radius: 3px; text-align:center; width:25px; height:25px;text-shadow: 0 1px 0 #fff;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.ListeAc {top:-50px; right:0px;}
    .ListeAc:hover, .BlokList1:hover, .BlokList2:hover {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);}
.BlokList1{top:10px; right:0px;}
.BlokList2{top:10px; right:50px;}
.BlokListAktif {background:rgba(0, 0, 0, 0.00);}
    .BlokListAktif:hover {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);border:1px solid #444;}
.Fiyatlar {font-size:24px; position:absolute; top:-40px; left:0px; color:#444;}

.GorunumListe1 {
    width: calc(50% - 50px);
    margin: 25px;
    float: left;
    position: relative;
    margin-bottom: 0px !important;
    border-bottom:1px dotted #ccc;
    padding-bottom:5px;
    transition: 0.5s ease;
    height:auto !important;
}
.GorunumListe2 {
    height: 50px;
    width: 50px;
    float: left;
    border: 1px solid #eee;
    overflow: hidden;
    padding: 10px;
    transition: 0.5s ease;
}

.UrunFiyatlar {width:100%;}

@media only screen and (max-width: 1024px) {
    .merkez {width:100%; margin:0px;}
    #WebMenuList {font-size:14px}
    .UrunDetay{width:100%;height:auto}
    .UrunImg {
    width: calc(100% - 5px);
    margin-left: 2px;
    }
}
@media only screen and (max-width: 1020px) {
    .Fiyatlar {font-size: 18px;}
    .UrunTab li {font-size :16px;}
    .ToplamTutarBlok {width:100px; font-size:20px;}
    .facebook0, .twitter0, .AciklamaScroll {display:none !important;}
    .ListeAc, .BlokList1, .BlokList2, .ToplamTutarNot{display:none;}
    .SiparisMesaji {font-size: 20px; margin: 20px;}
    .onay {float:none; margin:20px; height:auto;}
    .sekme .Tab li{padding:20px; float:left; border-bottom:3px solid #fff; padding-bottom:8px; cursor:pointer; padding-left:20px; padding-right:20px;transition: 0.5s ease; width:calc(100% - 40px)}
    .dosya {width: calc(100% - 16px); font-size:16px;}
    #DownloadAra{font-size:20px;}
    .DetayTablo {margin-left:0px; margin-right:0px; width:100%}
    .UyariButton {padding:10px; width:100px;}
    .UyariTamam {margin-left:calc(50% - 50px)}
    .SayfaIcerik {padding:0px;}
    .urunSecimi {display:block;}
    .urunTab, .UyeBlok, .markaTab {display:none;}
    .icerik .icerikBaslikSayfa {font-size:22px; margin-top:80px; padding:10px;}
    .DovizKuru {display:none;}
    .UyariBlok {width:calc(100% - 4px); margin-left:0px !important; left:0px;}
    #PDFembed {left:5px; top:5px; width:calc(100% - 15px); height:calc(100% - 15px); margin-left:0px; margin-top:0px;}
    #PDFembed .UyariIcerik {margin-left:10px; margin-right:10px;}
    .UyariIcerik {margin:0px;}
    .Adresler li, .BlokAdres, .BlokAdres0 {width:100%;}
    .BlokAdres0 {height:130px;}
        .BlokAdres0 input {margin-top:50px;}
	#WebMenu, .BannerKontrol, #Alt, .duyuru, .SResim{display:none}
    .kartImg {display:none !important}
	.menuMobile{display:block}
    .merkez {width:100%; margin:0px;}
    .Geri, .SepetNav, .ButtonEksilt, .ButtonArttir, .ToplamTutarBaslik {display:none}

	.icerik{margin-top:50px;}
	.Urunler{margin-left:0px; width:100%}
	.Urunler0, .Urunler1{margin-left:0px; width:100%}
	.UrunSeperator{width:100%}
	.UrunFiyat{width:100%;}
    .HediyeBulucuKategori {height:150px;width:100%;}
    .markalar {display:none;}
	.markalar li{width:calc(100% - 5px);margin-right:0px; text-align:center}
    .markalar li a{width:calc(100% - 5px);margin-right:0px; text-align:center}
	.Siralama{width:100%;margin-left:0px; display:none;}
	.Siralama div{width:100%; border-bottom:1px solid #ccc;}
	.Siralama div a{padding:8px;}

	.MarkaSecimi{float:left !important; width:100% !important; margin-right:0px; margin-top:0px}
	.MarkaSecimi select{width:100%;}
	.FiltreBlok{display:none}
	.UrunDetay{width:100%;height:auto}
    .UrunImg {
    width: calc(100% - 5px);
    height: auto;
    margin-left: 2px;
    }
	.Tutar1{font-size:32px;}
	.UrunTaksitBlok{padding:3px;}
	.UrunIndirim{width:45px; height:45px;font-size:26px; margin-right:5px;}
	.UrunTanim, .UrunSepetBlok, .UrunFiyatBlok, .UrunBlok{margin:10px;}
	#Adet{width:50px;}
	#SepeteEkleButton{margin-left:5px;}
	.UrunTutar{width:calc(100% - 170px);}
	.UrunImg0{position:static; width:calc(100% - 5px);margin-left:0; height:300px; left:0px;}
	#AnaResim{width:100%; height:auto;}
    .MiniResim {width:calc(100% - 5px);}
	.UyeForm, .UyeBlok{width:calc(100% - 20px);}
    .UyeForm {height:auto}
	.markalar0 li{width:calc(50% - 35px); margin-bottom:0px; margin-right:0px; float:left;}
        .markalar0 li a {}
    .banner{width:100%; height:auto; overflow:hidden; margin-top:65px; margin-bottom:0px; }
        .banner img {width:100%; height:auto; }
    .SepetBlok1, .SepetBlok2 {width:100%; margin-left:auto}
    .OneCikanlar {width:100%;margin-top:0px;margin-left:0px;}
    .AnaSayfaBaslik h2 {font-size:18px !important;}
    .UrunlerBlok .UrunBaslik {bottom:20px;}
    .UrunBaslik {font-size: 12px;}
    .icerikBaslik {margin-top: 70px; padding:10px;}
        .icerikBaslik h1 {font-size:20px;}
    .UrunResim {height:auto; padding:1px;width:auto;}
    .Urunler1 li {width: calc(50% - 10px); margin:5px; height:auto;}
	.Urunler0 li{width:calc(50% - 10px); margin:5px;height:auto;}
    .icerik .icerikBaslik span {padding-left: 5px; padding-right: 5px; font-size: 12px;}
    .icerikBaslik i {margin-right: 0px;}
    .OzellikAdi {font-size:14px}
    .Adet {border:1px solid #444;}
    #ModelScroll {height:auto;}
    .ModelListe tr td {font-size: 14px;}
    .ModelListe0 {margin-left:5px; margin-right:5px; width:calc(100% - 10px); height:auto;}
    .TaksitTablosu {overflow-y: auto;}
    .SepetBlok1 .SepetAdet {width: 30px;}
    .SepetBlok1 {margin-top:0px; height:auto;}
    .SepetBlok1 table tr td {padding: 5px;}
    .AdresBilgi {margin:8px;margin-top: 30px;}
    .AdresBilgi h2 {font-size: 18px; padding-bottom: 5px;}
    .FormlarBaslik {width: 180px;}
    .KartLabel {width:110px; text-align:left;}
    }