body{margin:0px;padding:0px;background-color:#fff;}
*{font-family:barlow,roboto,arial;}
a{-webkit-tap-highlight-color: transparent !important;outline:none;text-decoration:none;}
h1{margin:0px;margin:20px 0px;padding:15px;font-size:20pt;color:#000;border-radius:3px;text-align:center;letter-spacing:3px;}
h2{margin:0px;margin:20px 0px;padding:15px;font-size:15pt;color:#000;border-radius:3px;text-align:center;letter-spacing:3px;}
h3{margin:0px;margin:20px 0px;padding:15px;font-size:16pt;color:#000;border-radius:3px;text-align:center;letter-spacing:3px;}

button,submit{-webkit-appearance: none;-webkit-border-radius: 0;}

.adetalani li{padding:0px;display:block;}
.adetalani li i{font-size:20pt;color:#005FB1;margin:0px !important;margin-top:5px !important;}
.adetalani li i:hover{color:#024F91;}
.iskelet{position:relative;width:1300px;margin:0px auto;}

.cerceve{box-shadow:0px 0px 20px -10px #ccc;padding:10px;border-radius:1px;background-color:#fff;}

.kargo-bedava{width:100%;}
.kartlar{width:800px;}
.islemler{width:1200px;}


.ekstraurun{float:left;width:calc(16.66% - 10px);margin:5px;border:1px solid #ccc;border-radius:5px;padding:10px;box-sizing:border-box;}
.ekstraurun:hover{border:1px solid #808080;}
.ekstraurun a{color:#000;display:block;}
.ekstraurun .resim{width:100%;height:150px;background-position:center center;background-size:contain;background-repeat:no-repeat;}
.ekstraurun .urunadi{text-align:center;font-size:8pt;height:50px;}
.ekstraurun .fiyat{text-align:center;font-size:8pt;font-weight:bold;}
.ekstraurun .sepeteat button{width:100%;font-size:9pt;padding:3px;}


.tcb{position:absolute;top:5px;right:200px;}
.tcb img{height:50px;}

.aciklamakutusu{margin-top:20px;border:1px solid #ccc;border-radius:5px;}
.aciklamakutusu legend{font-size:10pt;font-weight:bold;}

.whatsapp-butonu {position: relative;width: 60px;height: 60px;border: none;box-shadow: 0 0 0 0 rgba(41, 167, 26, .7);border-radius: 50%;background-color: #29a71a;background-image:url('/images/whatsapp.png');background-size:50%;background-position:center center;background-repeat: no-repeat;cursor: pointer;-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);position: fixed;bottom:20px;left: 20px;z-index: 998;}
.whatsapp-butonu:hover {-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}


.tarihler{margin:20px 0px;padding:0px;}
.tarihler li{float:left;list-style:none;margin-right:10px;width:calc(25% - 10px);box-sizing:border-box;}
.tarihler li a{display:block;padding:20px 0px;background-color:#efefef;border-radius:5px;text-align:center;color:#000;font-size:10pt !important;font-weight:bold;}
.tarihler li a:hover{background-color:#2FAF50;color:#fff;}
.tarihler li a span{font-weight:300;}
.tarihler li:nth-child(4){margin:0px;}

.aktiftarihler{background-color:#2FAF50 !important;color:#fff !important;}




.kategori-yolu{margin:0px;padding:0px;margin-bottom:15px;}
.kategori-yolu li{float:left;list-style:none;}
.kategori-yolu li a{display:block;color:#000;text-decoration:none;font-size:9pt;margin-right:10px;}
.kategori-yolu li a i{margin-right:5px;}



.uygulamalar{display:none;text-align:center;}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   display:none;
}

.mobilarama{display:none;padding:10px;background-color:#e00000;}
.mobilarama table{width:100%;}
.mobilarama table tr td .input1{width:100%;padding:10px;margin:0px;border-radius:20px;}
.mobilarama table tr td input{background-color:#fff;}


.kampanya-serit{text-align:center;padding:10px;color:#fff;font-size:11pt;font-weight:bold;background: #ef6bbb;background-image: linear-gradient(to right,#00e2fb,#4fa8ff 33%,#8476ff 61%,#e900ff);}




.ust-sol-menuler{position:absolute;right:0px;top:25px;}
.ust-sol-menuler ul{margin:0px;padding:0px;}
.ust-sol-menuler ul li{list-style:none;float:left;margin-left:10px;}
.ust-sol-menuler ul li i{font-size:30px;margin-right:10px;}
.ust-sol-menuler ul li div{float:right;}
.ust-sol-menuler ul li a{display:block;padding:10px;border-radius:3px;text-decoration:none;color:#e00000;font-size:10pt;line-height:120%;}
.ust-sol-menuler ul li a:hover{color:#000;}
.ust-sol-menuler ul li i{position:relative;}
.ust-sol-menuler ul li i div{position:absolute;top:-3px;right:-5px;width:15px;height:15px;line-height:15px;text-align:center;background-color:#e00000;color:#fff;border-radius:50%;font-size:7pt;font-weight:700;}





.ust-sol-menuler-ust{position:absolute;right:85px;top:10px;}
.ust-sol-menuler-ust ul{margin:0px;padding:0px;}
.ust-sol-menuler-ust ul li{float:left;list-style:none;}
.ust-sol-menuler-ust ul li a{display:block;color:#e00000;text-decoration:none;font-size:9pt;margin-left:20px;font-weight:400;}
.ust-sol-menuler-ust ul li a i{margin-right:5px;font-size:15pt;}
.ust-sol-menuler-ust ul li a:hover{color:#005FB1}









.sol-kategoriler{width:100%;}
.sol-kategoriler ul{margin:0px;padding:0px;list-style:none;}
.sol-kategoriler ul li a{display:block;padding:8px 0px;border-top:1px solid #efefef;font-size:10pt;font-weight:bold;text-decoration:none;color:#000;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.sol-kategoriler ul li a:hover{padding-left:10px;}
.sol-kategoriler ul li a span{float:right;font-size:8pt;}
.sol-kategoriler ul li ul{margin:0px;padding:0px;}
.sol-kategoriler ul li ul li a{font-weight:300;padding:4px 0px;border:0px;font-size:9pt;}
.sol-kategoriler ul li li li a{font-size:8pt;padding-left:20px;}
.sol-kategoriler ul li i{margin-right:5px;}


.sol-kategoriler2{width:100%;max-height:300px;overflow:auto;}
.sol-kategoriler2 ul{margin:0px;padding:0px;list-style:none;}
.sol-kategoriler2 ul li{display:block;padding:3px 0px;font-size:11pt;font-weight:300;text-decoration:none;color:#000;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}





.mobilaltbar{display:none;position:absolute;position:fixed;left:0px;bottom:0px;width:100%;padding:10px 0px;background-color:#e00000;}
.mobilaltbar ul{margin:0px;padding:0px;}
.mobilaltbar ul li{float:left;width:25%;list-style:none;text-align:center;border-left:1px solid #1f2163;border-right:1px solid #3539a0;box-sizing:border-box;}
.mobilaltbar ul li:nth-child(1){border-left:0px;}
.mobilaltbar ul li a{color:#fff;text-decoration:none;font-size:8pt;}
.mobilaltbar ul li a:hover{color:#000;}
.mobilaltbar ul li i{font-size:20pt;margin-bottom:0px;}
.mobilaltbar ul li i{position:relative;}
.mobilaltbar ul li i div{position:absolute;top:-3px;right:-15px;width:15px;height:15px;line-height:15px;text-align:center;background-color:#e00000;color:#fff;border-radius:50%;font-size:7pt;font-weight:700;}





.simdiara{display:none;text-align:center;background-color:#efefef;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.simdiara img{width:150px;}

[class*="col-"]{float:left;box-sizing:border-box;position:relative;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}



.ortabaslik:after{content:'';width:100%;height:1px;position:absolute;margin-top:14px;left:0;background:#ccc;z-index:-1;}
.ortabaslik{margin:30px 0px;text-align:center;}
.ortabaslik a{padding:0px 30px;font-size:20pt;font-weight:300;color:#009FE3;text-decoration:none;background-color:#fff !important;z-index:999;}

.tumkategoriler div{float:left;width:calc(25% - 12px);height:400px;overflow:auto;border:1px solid #ddd;margin:5px;}
.tumkategoriler div ul{margin:5px;padding:0px;list-style:none;}
.tumkategoriler div ul li a{display:block;padding:10px;color:#000;font-weight:bold;text-decoration:none;border-bottom:1px solid #ddd;background-color:#efefef;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.tumkategoriler div ul li li a{font-weight:300;padding-left:30px;padding:10px 0px;font-size:9pt;background:none;}
.tumkategoriler div ul li li a:hover{background-color:#fbfcfd;padding-left:20px;}

.tavsiye{position:relative;width:100%;text-align:center;}
.tavsiye a{color:#000;text-decoration:none;}
.tavsiye .resim{margin-top:10px;height:180px;background-position:center center;background-size:cover;background-repeat:no-repeat;border-radius:5px;}
.tavsiye .urunadi{font-size:10pt;margin:5px 0px;}
.tavsiye .fiyat{font-size:12pt;font-weight:bold;text-align:center;}


.banner-listesi ul{margin:0px;padding:0px;}
.banner-listesi ul li{float:left;list-style:none;margin:0px;margin-right:20px;margin-bottom:20px;box-sizing:border-box;width:calc(25% - 20px);position: relative;overflow: hidden;}
.banner-listesi ul li img{width:100%;border-radius:20px;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.banner-listesi ul li img:hover{filter:brightness(1.2);}



.ust1{font-size:9pt;background-color:#efefef;padding:5px 0px;}
.ust1 .sol{float:left;color:#414141;font-weight:300;}
.ust1 .sol i{margin-right:5px;}
.ust1 .sag{float:right;}
.ust1 .sag ul{margin:0px;padding:0px;}
.ust1 .sag ul li{float:left;list-style:none;margin-left:10px;vertical-align:center;}
.ust1 .sag ul li a{color:#414141;text-decoration:none;}
.ust1 .sag ul li a i{margin-right.5px;}

.urunresim{width:100%;border:0px;}
.urunresim img{width:100%;}
.urunresim ul{margin:0px;padding:0px;}
.urunresim ul li{float:left;margin-right:5px;margin-bottom:5px;list-style:none;}
.urunresim ul li img{width:auto;height:50px;border:1px solid #ccc;}
.urunresim ul li img:hover{border:1px solid #000;}

.urundetay{padding:0px 20px;box-sizing:border-box;}
.urundetay ul li i{margin-right:5px;}

.yanurunler{float:left;padding:10px;border:1px solid #efefef;border-radius:3px;width:265px;}
.yanurunler .yanurun {border-top:1px solid #ccc;padding:10px 0px;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.yanurunler .yanurun img{float:left;margin-right:5px;width:50px;max-height:50px;}
.yanurunler .yanurun a{font-size:9pt;color:#000;text-decoration:none;}
.yanurunler .yanurun a span{color:#808080;}
.yanurunler .yanurun:hover{background-color:#f7f7f7;padding-left:10px;}

.ust2{height:100px;padding:0px;background-color:#fff;background-position:left center;}
.ust2{background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}


.logo img{height:70px;margin:10px 0px;}
.ust3{position:relative;background-color:#e00000;background-position:center center;z-index:999;background-size:100%;background-position:center center;}

.sec td{cursor:pointer;}
.odemeturudetay{display:none;margin-top:20px;}
.odemeturleri{margin:0px;padding:0px;}
.odemeturleri li{float:left;width:calc(33.3% - 10px);padding:15px 0px;box-sizing:border-box;background-image:none !important;border:1px solid #ccc;margin:5px;font-size:10pt;font-weight:300;text-align:center;}
.odemeturleri li img{cursor:pointer;width:50px;}
.odemeturleri li input{margin-left:20px;}
.odemeturleri li:hover{background-color:#efefef;}

.kategoriler{width:180px;background-color:#e865a1;padding:15px;background-image:url('/images/ok-alt.png');background-size:14px;background-position:95% center;background-repeat:no-repeat;}
.kategoriler a{color:#fff;text-decoration:none;font-size:10pt;font-weight:700;}
.kategoriler a img{vertical-align:middle;height:18px;margin-right:10px;display:inline-block;}
.kategoriler div{display:none;position:absolute;top:40px;left:0px;width:210px;background-color:#235aa6;z-index:9999;}
.kategoriler:hover div{display:block;}
.kategoriler div ul{margin:0px;padding:0px;list-style:none;}
.kategoriler div ul li a{display:block;color:#fff;font-size:8pt;font-weight:300;text-decoration:none;border-bottom:0.5px solid #0100A6;padding:10px;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.kategoriler div ul li a:hover{background-color:#0100A6;padding-left:30px;}
.kategoriler i{margin-right:5px;}



.menuler{position:relative;}
.menuler ul{margin:0px;padding:0px;}
.menuler ul li{float:left;list-style:none;padding:0px;text-align:center;width:12.5%;}
.menuler ul li a{display:block;color:#fff;border-left:0.5px solid #cc0000;border-right:0.5px solid #ff0000;text-decoration:none;padding:20px 0px;box-sizing:border-box;font-weight:700;font-size:10pt;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.menuler ul li:nth-child(1) a{border-left:0.5px solid #cc0000;}
.menuler ul li a:hover{background-color:#cc0000;color:#fff;}
.menuler ul li a:hover img{filter:invert(100%);}
.menuler ul li a img{height:30px;vertical-align:middle;margin-bottom:5px;filter:invert(100%);}
.menuler ul li a i{margin-right:5px;}
.menuler ul li .altmenu{position:absolute;display:none;box-shadow:0px 0px 30px -10px #000;width:300px;max-height:500px;overflow:auto;box-sizing:border-box;border-radius:0px 0px 10px 10px;padding:20px;background-color:#fff;z-index:99999;}
.menuler ul li .altmenu h2{text-align:left;margin:0px;}
.menuler ul li:hover .altmenu{display:block;}
.menuler ul li ul li{float:none;width:100%;}
.menuler ul li ul li a{display:block;font-weight:400;font-size:11pt;text-align:left;padding:5px 0px;color:#000;border:0px !important;}
.menuler ul li ul li a:hover{padding-left:20px;}
.menuler ul li ul li ul li{float:none;width:100%;}
.menuler ul li ul li ul li a{border:0px !important;font-weight:300;font-size:10pt;text-align:left;}
.menuler ul li ul li ul li a i{font-size:8pt;margin:0px;margin-right:5px;}
.menuler .aktifmenu {background-color:#cc0a4f;}

.menu-overlay{position:absolute;position:fixed;left:0px;width:100%;height:1000px;background:rgba(0,0,0,.6);z-index:99;display:none;}


.bildirim{display:none;position:absolute;position:fixed;font-size:10pt;font-weight:300;z-index:999999;top:0px;left:0px;background-color:#00af32;width:100%;padding:10px 0px;color:#ffffff;text-align:center;}
.bildirim a{color:#ffffff;font-weight:bold;}


.rota{background-color:#efefef;padding:5px;border-bottom:1px solid #e1e1e1;margin-bottom:10px;}
.rota ul{margin:0px;padding:0px;}
.rota ul li{float:left;list-style:none;}
.rota ul li a{color:#414141;text-decoration:none;font-size:9pt;text-shadow:1px 1px 1px #fff;margin-right:5px;}
.rota ul li a:hover{text-decoration:underline;}



.sayfalar{margin:15px 0px;margin-bottom:100px;min-height:500px;}

.alt0{background-color:#e00000;background-position:center center;text-align:center;padding:10px 0px;}

.alt1{position:relative;padding:00px 0px;background-color:#fff;color:#414141;text-align:center;font-weight:300;line-height:150%;font-size:10pt;background-image:url('/images/footer.jpg1?v=2');background-size:cover;background-position:top center;}
.alt1 .altlinkler{display:table;margin: 0 auto;}
.alt1 .altlinkler ul{margin:0px;padding:0px;}
.alt1 .altlinkler ul li{float:left;margin-right:20px;}
.alt1 .altlinkler ul li a{display:block;color:#414141;text-decoration:none;font-weight:bold;}
.alt1 .altlinkler ul li a:hover{text-decoration:underline;}




.arama{position:absolute;left:450px;top:40px;border:3px solid #009FE3;border-radius:20px;width:400px;overflow:hidden;background-color:#fff;}
.arama td:nth-child(2){width:30px;text-align:right;}
.arama input[type="text"]{padding:10px;margin:1px;font-size:12pt;color:#414141;width:100%;border:0px;}
.arama input[type="image"]{width:20px;margin-top:9px;margin-right:10px;cursor:pointer;}

.arama-ust{position:absolute;left:450px;top:10px;}
.arama-ust ul{margin:0px;padding:0px;}
.arama-ust ul li{float:left;list-style:none;text-align:center;width:400px;}
.arama-ust ul li a{display:block;color:#009FE3;text-decoration:none;font-size:12pt;font-weight:400;}
.arama-ust ul li a i{margin-right:5px;}
.arama-ust ul li a:hover{color:#005FB1}







.sepet{position:absolute;right:0px;top:30px;cursor:pointer;border-radius:5px;padding:5px;background-color:#fff;box-shadow:0px 0px 5px 5px #fbfcfd;}
.sepet:hover{background-color:#fbfcfd;}
.sepet img{height:30px;margin-right:10px;}

.uyelik{position:absolute;right:120px;top:20px;cursor:pointer;border-radius:5px;padding:5px;background-color:#fff;box-shadow:0px 0px 5px 5px #fbfcfd;}
.uyelik:hover{background-color:#fbfcfd;}
.uyelik img{height:30px;margin-right:10px;}

.buton-baslik{vertical-align:middle;font-size:12pt;font-weight:700;}
.buton-baslik div{font-size:8pt;font-weight:300;color:#414141;}



.takipet-menu{position:absolute;position:fixed;width:100%;top:0px;z-index:99999;}



.tablo-genel td{padding:5px 0px;font-size:10pt;border-bottom:1px solid #ccc;font-weight:400;}
.tablo-genel td:nth-child(1){width:150px;font-weight:bold;}


.tablo-form td{padding:10px;font-size:10pt;font-weight:400;}
.tablo-form td a{color:#000;text-decoration:none;}
.tablo-form td a:hover{text-decoration:underline;}


.tablo-iletisim{margin:0px;padding:0px;}
.tablo-iletisim li{list-style:none;font-size:11pt;font-weight:400;}
.tablo-iletisim li a{color:#000;text-decoration:none;}
.tablo-iletisim li i{margin-right:5px;}

.tablo-mesaj td{padding:10px 0px;padding-right:10px;font-size:10pt;font-weight:400;}
.tablo-mesaj td input[type="text"]{width:100%;padding:5px;border:1px solid #ccc;border-radius:3px;margin-top:5px;}
.tablo-mesaj td textarea{width:100%;height:100px;padding:5px;border:1px solid #ccc;border-radius:3px;margin-top:5px;}

.tablo-urun td{padding:10px 0px;font-size:10pt;font-weight:300;vertical-align:middle;}
.tablo-urun td:nth-child(1){width:150px;}
.tablo-urun td a{color:#000;text-decoration:none;}
.tablo-urun td a:hover{text-decoration:underline;}
.tablo-urun td ul{margin:0px;padding:0px;}
.tablo-urun td ul li{float:left;list-style:none;margin-right:10px;}
.tablo-urun td ul li a{display:block;color:#000;font-weight:400;text-decoration:none;font-size:8pt;}
.tablo-urun td ul li a img{margin-right:5px;vertical-align:middle;height:16px;}


.ozet{float:right;width:100%;}
.tablo-sepet-ozet td{padding:5px 0px;font-size:10pt;border-bottom:1px solid #efefef;font-weight:300;}
.tablo-sepet-ozet td:nth-child(2){text-align:right;}

.asamalar{margin-bottom:20px;border:1px solid #ccc;border-radius:5px;background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.asamalar ul{margin:0px;padding:0px;}
.asamalar ul li{float:left;width:calc(25% - 21px);border-left:1px solid #efefef;list-style:none;padding:10px;color:#ccc;text-align:center;background-image:url('/images/icon-asama.png?v=1');background-size:10px;background-position:93% center;background-repeat:no-repeat;}
.asamalar ul li:nth-child(1){border-left:0px;}
.asamalar ul li div{font-size:15pt;}
.aktif-asama{color:#000 !important;font-weight:300;background-color:#fff !important;}


.markalar {float:left;width:calc(20% - 20px);list-style:none;box-sizing:border-box;margin:10px;text-align:left;box-shadow:0px 0px 2px 1px #efefef;padding:10px;}
.markalar:hover{background-color:#fbfcfd;}
.markalar a{display:block;text-decoration:none;color:#000;}
.markalar img{float:left;width:50px;height:50px;border:0px;margin-right:10px;}

.vergi-kurumsal{display:none;}


.alt-iconlar{text-align:center;margin-top:20px;border-bottom:1px solid #ccc;}


.filtre{margin-bottom:10px;background-color:#efefef;border-radius:5px;}
.filtre td{padding:10px;}
.filtre td:nth-child(1){width:200px;}
.filtre td:nth-child(2){width:200px;}
.filtre td:nth-child(3){text-align:right;vertical-align:middle;font-size:9pt;}
.filtre .input1{padding:5px;font-size:9pt;}




.urunler{width:100%;position:relative;}
.urun{position:relative;overflow:hidden;float:left;background-color:#fff;width:calc(25% - 30px);height:500px;box-shadow:0px 0px 20px -10px #ccc;border:1px solid #e00000;box-sizing:border-box;margin:15px;border-radius:10px;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.urun:hover{box-shadow:0px 0px 30px -10px #808080;transform:scale(1.02);}
.urun .resim{position:relative;overflow:hidden;height:calc(200px - 10px);height:380px;background-size:contain;background-position:center center;background-repeat:no-repeat;}
.urun .urunadi{text-align:center;padding:10px;font-size:12pt;font-weight:500;color:#3F4A58;}
.urun .fiyat{text-align:center;color:#e00000;font-size:15pt;font-weight:700;}
.urun .fiyat span{color:#808080;text-decoration:line-through;font-weight:300;padding-left:20px;}
.urun .stoktayok{text-align:center;color:#e00000;font-size:10pt;}
.urun .indirim{position:absolute;top:0px;right:0px;background-color:#ec6d27;color:#fff;font-size:8pt;font-style:italic;padding:5px;border-radius:0px 0px 0px 5px;}
.urun a{color:#000;font-weight:400;text-decoration:none;font-size:10pt;}
.urun:hover .urunadi{color:#E30512 !important;}
.urun .resim:after{content:"";position: absolute;top:-110%;left:-210%;width:200%;height:200%;opacity:0;transform: rotate(30deg);background: rgba(255, 255, 255, 0.13);background: linear-gradient(to right,rgba(255, 255, 255, 0.13) 0%,rgba(255, 255, 255, 0.13) 77%,rgba(255, 255, 255, 0.5) 92%,rgba(255, 255, 255, 0.0) 100%);}
.urun:hover .resim:after{opacity:1;top:-30%;left:-30%;transition-property:left, top, opacity;transition-duration: 0.7s, 0.7s, 0.15s;transition-timing-function: ease;}
.urun .sepeteekle{position:absolute;bottom:5px;left:5px;width:calc(100% - 10px);border-radius:3px;font-size:9pt;font-weight:bold;text-align:center;background-color:#e00000;color:#fff;padding:6px 0px;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.urun .sepeteekle:hover{background-color:#21B567;cursor:pointer;}
.urun .puanlar{text-align:center;color:#e00000;font-size:9pt;}
.urun .sepetalani{position:absolute;bottom:0px;left:0px;width:100%;background-color:#efefef;padding:0px;border-radius:4px;}
.urun .sepetalani ul{margin:0px;padding:0px;justify-content:center;display:flex;}
.urun .sepetalani ul li{float:left;list-style:none;margin-right:5px;}
.urun .sepetalani ul li .fa{color:#00af32;}
.urun .sepetalani ul li .fa:hover{color:#000;}
.urun .sepetalani ul li .input1{padding:5px;width:50px;text-align:center;}
.urun .sepetalani .buton1{padding:5px;font-weight:bold;}
.urun .etiketler{position:absolute;top:5px;left:5px;}
.urun .etiketler ul{margin:0px;padding:0px;}
.urun .etiketler ul li{float:left;margin-right:5px;list-style:none;font-size:7pt;text-align:center;padding:5px;border-radius:5px;line-height:100%;}
.urun .etiketler .aynigun{background-color:#25B7D0;color:#fff;}
.urun .etiketler .ucretsizkargo{background-color:#98C223;color:#fff;}
.urun .etiketler .indirimli{background-color:#e00000;color:#fff;}



.facebookilebaglan{background-color:#4267B2 !important;}

.altserit{width:100%;}

.sepete-ekle{position:absolute;width:100%;bottom:20px;text-align:center;}
.sepete-ekle img{width:150px;}


.sayfalama{margin:0px;padding:0px;margin-left:10px;}
.sayfalama li{float:left;list-style:none;margin-right:5px;margin-bottom:5px;}
.sayfalama li a{display:block;padding:5px 15px;border:1px solid #ccc;font-size:11pt;border-radius:5px;color:#000;text-decoration:none;background-color:#fff;}
.sayfalama li a:hover{background-color:#24B669;color:#fff;}
.sayfalama .aktif a{background-color:#24B669;color:#fff;}







.mobilmenuler{position:absolute;position:fixed;transition: 1s;top:0px;left:-300px;width:300px;height:100%;padding:10px;box-sizing:border-box;background-color:#fff;overflow:auto;z-index:99999;}
.mobilmenuler .fa-times-circle{color:#e00000;}
.mobilmenuler ul{margin:0px;padding:0px;list-style:none;margin-bottom:100px;}
.mobilmenuler ul li{position:relative;}
.mobilmenuler > ul > li > a{display:block;border-radius:5px;padding:10px;background-color:#fbfcfd;color:#fff;text-decoration:none;margin-top:10px;font-size:12pt;font-weight:300;}
.mobilmenuler ul li a:hover{background-color:#000;color:#fff;}
.mobilmenuler .altmenu{display:none;padding:0px;background-size:cover;background-color:#fff;background-position:center center;}
.mobilmenuler ul li a{color:#000;text-decoration:none;}
.mobilmenuler ul li li a{display:block;font-size:11pt;padding:10px;border-top:1px solid #ccc}
.mobilmenuler ul li li li a{font-size:10pt;border-top:1px dashed #ccc;}
.mobilmenuler ul li .altok{position:absolute;right:5px;top:5px;padding:5px 10px;background-color:#efefef;border-radius:5px;}
.mobilmenuler ul li i{margin-right:5px;}
.mobilmenuler ul li .altok i{margin:0px;}
.mobilmenuler .firsatlar a{background-color:#e00000;color:#fff;}
.mobilmenuler .diller{margin:10px 0px;}
.mobilmenuler .diller ul{margin:0px;padding:0px;}
.mobilmenuler .diller ul li{float:left;margin-right:5px;}
.mobilmenuler .diller ul li img{width:30px;height:20px;border-radius:4px;}

.mobilmenulerac{left:0px;}
.menuoverlay{display:none;position:absolute;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgb(0,0,0,0.5);z-index:9999;}










.mobilmenu-sol{display:none;position:absolute;left:20px;top:15px;}
.mobilmenu-sol ul{margin:0px;padding:0px;}
.mobilmenu-sol ul li{float:left;margin-right:15px;list-style:none;}
.mobilmenu-sol ul li a{color:#e00000;font-size:25pt;}
.mobilmenu-sol ul li a:hover{color:#000;}
.mobilmenu-sol i{position:relative;}
.mobilmenu-sol i span{position:absolute;top:-8px;right:-8px;width:15px;height:15px;line-height:15px;text-align:center;background-color:#e00000;color:#fff;border-radius:5px;font-size:7pt;font-weight:700;}


.mobilmenu-sag{display:none;position:absolute;right:20px;top:15px;}
.mobilmenu-sag ul{margin:0px;padding:0px;}
.mobilmenu-sag ul li{float:left;margin-left:15px;list-style:none;}
.mobilmenu-sag ul li a{color:#e00000;font-size:25pt;}
.mobilmenu-sag ul li a:hover{color:#000;}
.mobilmenu-sag i{position:relative;}
.mobilmenu-sag i span{position:absolute;top:-8px;right:-8px;width:15px;height:15px;line-height:15px;text-align:center;background-color:#e00000;color:#fff;border-radius:5px;font-size:7pt;font-weight:700;}


.tabmenu{display:none;padding-top:10px;padding:20px 0px;line-height:180%;font-size:10pt;font-weight:400;}
.tabmenuler{border-bottom:1px solid #ccc;margin-top:30px;}
.tabmenuler ul{margin:0px;padding:0px;}
.tabmenuler li{float:left;width:25%;box-sizing:border-box;text-align:center;list-style:none;position:relative;}
.tabmenuler li a{display:block;text-decoration:none;font-weight:700;font-size:10pt;cursor:pointer;padding:10px 20px;}
.tabmenuler li a:hover{background-color:#000;color:#fff;}
.tabmenuler li .aktif-tab{background-color:#000;color:#fff;}
.tabmenuler li i {margin-right:5px;}
.aktif-tab:before{content:'';position:absolute;left:calc(50% - 10px);bottom:-20px;border-style:solid;border-width:10px 10px 10px 10px;border-color:#000 transparent transparent transparent;}



.solyazilar{width:calc(75% - 20px);float:left;margin-right:20px;}
.sagyazilar{width:25%;float:left;}


.canlidestek{position:absolute;position:fixed;box-shadow:0px 0px 20px -10px #000;right:10px;bottom:10px;text-align:center;width:120px;cursor:pointer;padding:10px 0px;border-radius:5px;background-color:#00af32;font-size:10pt;color:#fff;}
.canlidestek i{margin-right:5px;}
.canlidestek:hover{background-color:#009632;}



.ajax-detay{display:none;position:absolute;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgb(0,0,0,0.6);z-index:99999;}
.ajax-orta{position:relative;width:800px;margin:100px auto;border-radius:10px;padding:5px;background-color:#fff;box-sizing:border-box;display: flex;}
.ajax-kapat{position:absolute;top:-30px;right:0px;font-size:12pt;font-weight:bold;color:#fff;cursor:pointer;}
.ajax-kapat::after{content:"Kapat";margin-left:5px;}
.ajax-icerik{max-height:400px;overflow: auto;padding:10px;}




.ajax-urun .resim{float:left;width:300px;height:300px;background-size:contain;background-position:center center;background-repeat:no-repeat;}
.ajax-urun .urunadi{font-weight:bold;font-size:15pt;}
.ajax-urun .fiyat{font-weight:bold;font-size:15pt;color:#ea3a3c;}
.ajax-urun .bilgiler ul{margin:0px;padding:0px;}
.ajax-urun .bilgiler ul li{list-style:none;font-size:9pt;line-height:200%;}
.ajax-urun .bilgiler ul li a{color:#000;}
.ajax-urun .sepetalani{background-color:#efefef;padding:10px;border-radius:4px;}
.ajax-urun .sepetalani ul{margin:0px;padding:0px;}
.ajax-urun .sepetalani ul li{float:left;list-style:none;margin-right:5px;line-height:40px;}
.ajax-urun .sepetalani ul li .fa{color:#00af32;}
.ajax-urun .sepetalani ul li .fa:hover{color:#000;}
.ajax-urun .sepetalani .buton1{font-weight:bold;}
.ajax-urun .aciklama{font-size:8pt;margin-top:20px;}

.adetkutusu{text-align:center;}



@media only screen and (max-width: 1000px) {
	[class*="col-"]{float:none;width:100%;padding:0px !important;}
	.ust1{display:none;}
	.ust2{background-color:#fff;height:70px;}
	.alt2 div{text-align:center;}
	h3{border-radius:0px;}
	.iskelet{width:100%;}
	.banner-listesi ul li{width:calc(50% - 20px);height:auto;margin:10px;padding:0px;box-sizing:border-box;}
	.banner-listesi ul li img{border-radius:3px;}	
	.uygulamalar{display:block;}
	.kartlar{width:100%;}
	.islemler{display:none;}
	.anabanner{height:200px;}
	.arama{display:none;}
	.arama-ust{display:none;}
	.ust-sol-menuler{display:none;}
	.logo{width:100%;text-align:center;}
	.logo img{height:40px;margin:15px 0px;}
	.mobilmenu-sag{display:block;}
	.mobilmenu-sol{display:block;}
	.urundetay{padding:0px;margin:20px 0px;}
	.yanurunler{display:none;}
	.tabmenuler li{width:50%;border:0px;border-bottom:1px solid #ccc;}
	.solyazilar{width:calc(100% - 40px);float:none;margin:20px;margin-bottom:20px;}
	.sagyazilar{width:calc(100% - 40px);float:none;margin:20px;margin-bottom:20px;}
	.odemeturleri li{float:none;margin:0px;margin-bottom:20px;width:100%;}
	.simdiara{display:block;}
	.menuler ul li:hover div{display:none;}
	.alt1 .altlinkler li{float:none;list-style:none;width:100%;}
	.mobilarama{display:block;}
	.slider-listesi{float:none;width:100%;}
	.kargo-bedava{display:none;}
	.sayfalar{margin-top:0px !important;}
	.kategori-yolu{margin-left:10px;}
	.mobildegizle{display:none;}
	.mobildegoster{display:block;}
	.slider-listesi .fotorama__stage img{border-radius:0px !important;}
	.mobilaltbar{display:block;}
	.markalar{width:calc(50% - 20px);}
	.yukari{bottom:80px;}
	.kategori-yolu{display:none;}
	.ajax-orta{margin:40px auto;}
	.ajax-orta{width:95%;}
	.ajax-icerik{max-height:80vh;}
	.ajax-urun .resim{width:100%;float:none;margin-bottom:10px;}
	.ekstraurun{width:calc(33.3% - 10px);}

}







@media only screen and (max-width: 800px) {
	[class*="col-"]{float:none;width:100%;}
	.urunler .urun{width:calc(50% - 14px);height:360px;margin:7px;}
	.urunler .urun .resim{height:270px;}
	.urunler .urun .urunadi{font-size:12pt;font-weight:300;line-height:100%;}
	.urunler .urun .fiyat{font-size:10pt;padding:3px 0px;color:#000;}
	.urun .sepetalani ul li{margin-right:2px;}
	.urun .sepetalani ul li .input1{width:30px;}
	.urun .sepetalani ul li .buton1{padding:3px;}
	.alt0 img{width:98%;}


}