body{margin:0px;padding:0px;font-family:arial;background-color:#efefef;background-position:top center;background-repeat:no-repeat;background-attachment:fixed;}
*{font-family:poppins,roboto,arial;}
a{-webkit-tap-highlight-color: transparent !important;outline:none;text-decoration:none;}
h1{margin:0px;padding:0px;font-size:15pt;font-weight:700;}
h2{margin:0px;padding:0px;margin-bottom:10px;font-size:12pt;font-weight:700;color:#000;}
h3{margin:0px;font-size:16pt;color:#004f9e;letter-spacing:3px;text-align:center;}
h4{margin:0px;font-size:10pt;color:#000;text-align:left;}
button,submit{-webkit-appearance: none;-webkit-border-radius: 0;}

.adetsecimi{width:100%;display:flex;background-color:#004f9e;border-radius:5px;text-align:center;margin-right:10px;}
.adetsecimi div{padding:10px;margin:0px !important;}
.adetsecimi div:nth-child(1){width:20%;}
.adetsecimi div:nth-child(2){width:60%;}
.adetsecimi div:nth-child(3){width:20%;}
.adetsecimi div i{line-height:30px;font-size:15pt;color:#fff;}
.adetsecimi input{width:100%;height:30px;text-align:center;border:1px solid #ccc;color:#808080;border-radius:10px;font-weight:bold;font-size:14pt;}
.buton-hemenal{height:50px;width:100%;}

.iskelet{position:relative;width:1300px;margin:0px auto;box-sizing:border-box;}
.iskelet:after{content:"";display:table;clear:both;}


.yorumlar{border:1px solid #ccc;padding:20px;margin-bottom:30px;}


fieldset{border:1px solid #ccc;margin-bottom:20px;}
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);}}

.popup{display:none;position:absolute;position:fixed;left:calc(50% - 400px);top:50px;width:800px;z-index:99999;overflow:auto;}
.popup-detay .kutu{margin:0px;box-sizing:border-box;padding:10px;margin:15px;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0px 0px 5px -3px #000;}
.popup-detay h1{margin:0px;padding:0px;width:calc(100% + 20px);margin:-10px;margin-bottom:10px;color:#808080;background-color:#efefef;padding:10px;font-size:14pt;text-align:center;font-weight:700;}

.perde{display:none;position:absolute;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgb(0,0,0,0.8);z-index:9999;}
.perde i{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;font-size:15pt;}


.formalani [class*="col-"]{padding:5px;}
.formalani ul li a{color:#000;padding:5px 0px;font-size:9pt;}
.formalani ul li a:hover{color:#209DD7;}
.formalani ul li a i{width:20px;}
.formalani div label{margin-bottom:5px;display:block;font-size:9pt;color:#808080;}
.formalani div{margin-bottom:10px;}
.formalani:after{content:"";display:table;clear:both;}

.adres{padding:5px;}
.adres-kutu{border:1px solid #ccc;padding:10px 20px;color:#000;height:130px;}
.adres-kutu:hover{border:1px solid #00af32;}
.aktif-adres .adres-kutu{border:1px solid #00af32;}
.adres p{line-height:100%;margin:8px 0px;font-size:9pt;}
.adres i{width:15px;}



.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;}


.yanmenuler{background-color:#fff;padding:20px;margin-right:20px;border-radius:5px;border:1px solid #efefef;}
.yanmenuler ul{margin:0px;padding:0px;list-style:none;}
.yanmenuler ul li a{display:block;color:#000;font-size:10pt;padding:10px 0px;}
.yanmenuler ul li a i{margin-right:5px;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   display:none;
}

.mobilarama{display:none;margin-top:60px;padding:10px;background-color:#004f9e;background-image:url('/images/headerbg.png');background-position:center center;}
.mobilarama .input1{width:100%;padding:10px;}
.mobilarama div{margin:0px;}


.mobilaltbar{display:none;position:absolute;position:fixed;left:0px;bottom:0px;width:100%;padding:10px 0px;background-color:#144999;}
.mobilaltbar ul{margin:0px;padding:0px;}
.mobilaltbar ul li{float:left;width:25%;list-style:none;text-align:center;border-left:1px dashed #B5131C;box-sizing:border-box;}
.mobilaltbar ul li:nth-child(1){border-left:0px;}
.mobilaltbar ul li a{color:#fff;text-decoration:none;font-family:arial;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;font-family:arial;}



[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%;}



.baslik{padding:30px 0px;margin-top:-20px;margin-bottom:20px;text-align:center;background-color:#fff;}


.banner-listesi ul{margin:0px;padding:0px;}
.banner-listesi ul li{float:left;list-style:none;margin:0px;margin:10px;box-sizing:border-box;width:calc(25% - 20px);position: relative;overflow: hidden;}
.banner-listesi ul li img{width:100%;border-radius:5px;-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:#282D39;padding:10px 0px;}
.ust1 :after{content:"";display:table;clear:both;}
.ust1 .sol{float:left;font-weight:400;}
.ust1 .sol ul{margin:0px;padding:0px;}
.ust1 .sol ul li{float:left;list-style:none;margin-right:20px;vertical-align:center;}
.ust1 .sol ul li a{color:#fff;text-decoration:none;font-size:8pt;}
.ust1 .sol ul li a 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:#fff;text-decoration:none;}
.ust1 .sag ul li a i{margin-right:5px;}
.ust1 .sag ul li img{height:12pt;}


.ust2{height:90px;padding:0px;background-color:#fff;}
.ust2 .logo img{height:70px;margin-top:10px;}

.ust3{position:relative;background-color:#004f9e;border-top:1px solid #fff;box-shadow: 0 8px 17px -8px #cecece;background-position:center center;z-index:999;background-size:100%;background-position:center center;}
.ust33{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 );}

.orta{margin-top:20px;margin-bottom:100px;min-height:500px;}

.alt1{background-color:#004f9e;background-position:center center;text-align:center;padding:0px;}

.alt2{position:relative;padding:30px;background-image:url('/images/altbg.jpg');background-position:bottom center;background-repeat:no-repeat;color:#808080;font-weight:300;line-height:150%;font-size:10pt;}
.alt2 h3{text-align:left;color:#000;margin:0px;margin-bottom:10px;letter-spacing:-1px;;}
.alt2 ul{margin:0px;padding:0px;}
.alt2 ul li{list-style:none;text-align:left;}
.alt2 ul li a{display:block;color:#808080;text-decoration:none;font-weight:300;transition:0.5s;font-size:9pt;}
.alt2 ul li a:hover{padding-left:10px;}
.alt2 ul li a i{margin-right:5px;}

.urunresim{border:1px solid#efefef;border-radius:5px;padding:30px;box-sizing:border-box;background-color:#fff;}
.urunresim img{width:100%;}
.urunresim ul{margin:0px;padding:0px;}
.urunresim ul:after{content:"";display:table;clear:both;}
.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{box-sizing:border-box;padding-left:30px;}
.urundetay ul li i{margin-right:5px;}
.urundetay h1{font-size:20pt;color:#414141;text-align:left;margin:0px;padding:0px;background:none;}
.urundetay h2{font-size:15pt;color:#004f9e;}



.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;display:flex;border-left:1px solid #33b2e9;}
.menuler ul li{list-style:none;padding:0px;flex:1;text-align:center;}
.menuler ul li a{display:block;color:#fff;border-right:1px solid #33b2e9;text-decoration:none;padding:10px 0px;font-weight:700;font-size:9pt;-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 a:hover{background-color:#fff;color:#004f9e;}
.menuler ul li a img{height:30px;filter:invert(100%);}
.menuler ul li a:hover img{filter:invert(0%);}
.menuler ul li a i{margin-right:5px;}
.menuler ul li .altmenu{display:none;box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);background-position:right center;background-size:800px;background-repeat:no-repeat;transition: all 0.20s ease-in-out;position:absolute;left:0px;width:100%;box-sizing:border-box;border-radius:0px 0px 10px 10px;padding:20px;padding-top:0px;background-color:#fff;overflow:auto;z-index:99999;}
.menuler ul li .altmenu h2{text-align:left;}
.menuler ul li:hover .altmenu{display:block;padding-top:20px;}
.menuler ul li ul{display:block;}
.menuler ul li ul li:after{content:"";display:table;clear:both;}
.menuler ul li ul li{float:left;width:20%;}
.menuler ul li ul li a{font-weight:700;text-align:left;padding:5px 0px;color:#000;border:0px !important;}
.menuler ul li ul li ul{border:0px !important;}
.menuler ul li ul li ul li{width:auto;border:0px !important;}
.menuler ul li ul li ul li a{font-weight:300;padding:3px 5px;font-size:8pt;text-align:left;}
.menuler ul li ul li ul li a i{margin:0px;margin-right:5px;}


.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;}








.arama{position:absolute;left:280px;top:25px;border-radius:30px;width:500px;background-color:#f1f1f1;border:1px solid #ccc;}
.arama td:nth-child(2){width:30px;text-align:right;}
.arama input[type="text"]{padding:10px 20px;margin:1px;font-size:10pt;color:#414141;background-color:transparent;width:100%;border:0px;border-radius:10px;}
.arama input[type="image"]{width:20px;margin-top:9px;margin-right:15px;cursor:pointer;background-color:transparent;}

.arama-ust{position:absolute;left:350px;top:10px;}
.arama-ust ul{margin:0px;padding:0px;}
.arama-ust ul li{float:left;list-style:none;}
.arama-ust ul li a{display:block;color:#808080;text-decoration:none;font-size:9pt;margin-right:20px;font-weight:400;}
.arama-ust ul li a i{margin-right:5px;}
.arama-ust ul li a:hover{color:#8bc63e}



.tablo{overflow:auto;}


.tablo-urun{background-color:#fff;border:1px solid #efefef;border-radius:5px;}
.tablo-urun td{padding:12px;font-size:10pt;border-bottom:1px solid #efefef;font-weight:300;vertical-align:middle;}
.tablo-urun td:nth-child(1){font-weight:bold;}
.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;}
.asamalar:after{content:"";display:table;clear:both;}
.asamalar .aktif{color:#00af32 !important;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;}




.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;overflow:hidden;}
.urun{position:relative;overflow:hidden;float:left;background-color:#fff;width:calc(20% - 20px);box-sizing:border-box;border:0px solid #ccc;box-sizing:border-box;margin:10px;border-radius:5px;-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 #ccc;}
.urun .resim{position:relative;overflow:hidden;height:calc(200px - 10px);height:300px;background-size:contain;background-position:center center;background-repeat:no-repeat;}
.urun .resim .favori{position:absolute;right:10px;top:10px;background-color:rgb(255,255,255,0.5);width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;}
.urun .resim:hover .favori{background-color:#fff;}
.urun .resim .favori i{font-size:10pt;}
.urun .resim img{width:100%;}
.urun .urunkodu{text-align:center;padding:5px;font-size:8pt;font-weight:700;color:#808080;}
.urun .urunadi{margin-top:10px;height:60px;text-align:center;font-size:9pt;font-weight:700;color:#3F4A58;padding-left:10px;padding-right:10px;overflow:hidden;}
.urun .markamodel{text-align:center;padding:5px;font-size:8pt;font-weight:700;color:#808080;}
.urun .fiyat{margin-bottom:20px;text-align:center;color:#004f9e;font-size:14pt;font-weight:700;}
.urun .fiyat .kdvdurumu{font-size:8pt;}
.urun .fiyat .eskifiyat{color:#808080;text-decoration:line-through;font-weight:300;padding-right: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:#FAD23F !important;}
.urun222 .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%);}
.urun222: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 .puanlar{text-align:center;color:#817d76;font-size:9pt;}
.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:6pt;text-align:center;padding:3px;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:#98C223;color:#fff;}
.urun .sepetalani{margin:10px;padding:0px;}
.urun .sepetalani .adetalani{background-color:#efefef;border-radius:5px;}
.urun .sepetalani .adetalani div{float:left;width:33.33%;text-align:center;height:40px;line-height:40px;}
.urun .sepetalani .adetalani i{font-size:15pt;color:#004f9e;margin:0px;padding:0px;margin-top:10px;}
.urun .sepetalani .adetalani i:hover{color:#004f9e;}
.urun .sepetalani .adetalani:after{content:"";display:table;clear:both;}
.urun .sepetalani .adetalani input[type="number"]{margin:0px;padding:3px;border:1px solid #ccc;font-size:10pt;border-radius:10px;}
.urun .sepetalani .sepeteekle a{display:block;background-color:#004f9e;color:#fff;padding:5px 0px;border-radius:5px;text-align:center;margin-top:5px;font-size:10pt;font-weight:400;}
.urun .sepetalani .sepeteekle a:hover{background-color:#000;}




.facebookilebaglan{background-color:#4267B2 !important;}


.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:#efefef;overflow:auto;z-index:99999;}
.mobilmenuler .fa-times-circle{color:#004f9e;}
.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 a img{height:20px;margin-right:5px;filter:invert(0%);vertical-align:middle;}
.mobilmenuler ul li a:hover img{filter:invert(100%);}
.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;}
.menuoverlay i{position:absolute;right:10px;top:10px;z-index:999;color:#fff;}



.ust-sol-menuler{position:absolute;right:0px;top:20px;}
.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:25px;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:#004f9e;font-size:9pt;line-height:120%;}
.ust-sol-menuler ul li a:hover{background-color:#fff;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;}





.mobilmenu-sol{display:none;position:absolute;left:20px;top:10px;}
.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:#000;font-size:20pt;}
.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;font-family:arial;}


.mobilmenu-sag{display:none;position:absolute;right:20px;top:10px;}
.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:#000;font-size:20pt;}
.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;font-family:arial;}
.mobilmenu-sag ul li i div{position:absolute;top:-3px;right:-10px;width:15px;height:15px;line-height:15px;text-align:center;background-color:#e00000;color:#fff;border-radius:50%;font-size:7pt;font-weight:700;font-family:arial;}


.tabmenu{display:none;padding:20px;line-height:180%;font-size:10pt;font-weight:400;}
.tabmenuler ul{margin:0px;padding:0px;}
.tabmenuler li{float:left;box-sizing:border-box;text-align:center;list-style:none;position:relative;}
.tabmenuler li a{display:block;text-decoration:none;font-weight:400;font-size:10pt;cursor:pointer;padding:10px 20px;}
.tabmenuler li a:hover{background-color:#004f9e;color:#fff;}
.tabmenuler li .aktif{background-color:#004f9e;color:#fff;}
.tabmenuler li i {margin-right:5px;}
.tabmenuler:after{content:"";display:table;clear:both;}
.tabmenuler .aktif:before{content:'';position:absolute;left:calc(50% - 10px);bottom:-20px;border-style:solid;border-width:10px 10px 10px 10px;border-color:#004f9e transparent transparent transparent;}

.gizli{display:none;}

.tablo-genel td{padding:8px 0px;font-size:9pt;border-bottom:1px solid #efefef;}
.tablo-genel td:nth-child(1){width:150px;font-weight:bold;}

.mobildegoster{display:none;}


@media only screen and (max-width: 1200px) {
	[class*="col-"]{float:none;width:100%;padding:0px !important;}
	.ust2{position:absolute;position:fixed;top:0px;left:0px;width:100%;background-color:#fff;height:60px;z-index:999;}
	.ust2 .logo{margin-left:50px;}
	.ust2 .logo img{height:40px;margin-top:0px;}
	.alt2 div{text-align:center;}
	h3{border-radius:0px;}
	.iskelet{width:100%;padding:10px;}
	.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;}	
	.urunler .urun{width:33%;margin:0px;}
	.urunler .urun .urunadi{height:65px;}
	.kartlar{width:100%;}
	.urundetay{padding:0px;margin-top:20px;}
	.urundetay h1{text-align:center;}
	.urundetay h2{text-align:center;}
	.tabmenuler li{width:50%;border:0px;border-bottom:1px solid #ccc;}
	.odemeturleri li{float:none;margin:0px;margin-bottom:20px;width:100%;}
	.menuler ul li:hover div{display:none;}
	.alt1 .altlinkler li{float:none;list-style:none;width:100%;}
	.sayfalar{margin-top:0px !important;}
	.kategori-yolu{margin-left:10px;}
	.mobildegizle{display:none;}
	.mobildegoster{display:block;}
	.markalar{width:calc(50% - 20px);}
	.yukari{bottom:50px;}
	.adres-kutu{height:auto;}
	.slider-alani{margin:0px;width:100%;height:auto;border-radius:0px;}
	.alt1 img{width:90%;}
	.asamalar{border-radius:0px;}
	.kutu-baslik{border-radius:0px;}
	.kutu2-baslik{border-radius:0px;}
	.popup{width:calc(100% - 20px);left:10px;}
	.orta{margin:0px;}
	.baslik{margin-top:0px;}
	.yanmenuler{margin:0px;}
	.adetsecimi{margin:0px;}
}







@media only screen and (max-width: 800px) {
	[class*="col-"]{float:none;width:100%;}
	.urunler .urun{width:calc(50% - 14px);margin:7px;}
	.urunler .urun .resim{height:200px;}


}