body{margin:0px;padding:0px;font-family:arial;background-color:#fff;background-repeat:no-repeat;}
*{font-family:roboto,arial;}

h1{margin:0px;padding:0px;margin-bottom:20px;font-size:18pt;font-weight:300;}
h2{margin:0px;padding:0px;margin-bottom:20px;font-size:15pt;font-weight:300;font-family:roboto;}
h3{margin:0px;margin-bottom:10px;color:#EE0676;text-align:center;margin-top:10px;}

.iskelet{position:relative;width:1200px;margin:0px auto;}

.cerceve{box-shadow:0px 0px 1px #ccc;padding:10px;border-radius:1px;background-color:#fff;}

.uygulamalar{display:none;text-align:center;}

.sepeteekle{position:absolute;bottom:10px;left:10px;}

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

.adetalani li{padding:0px;display:block;}
.adetalani li i{font-size:20pt;color:#FD0CCA;margin:0px !important;margin-top:5px !important;}



.blog{width:calc(33% - 20px);margin:10px;float:left;border:1px solid #ccc;}
.blog a{color:#000;text-decoration:none;}
.blog-resim{width:100%;height:200px;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.blog-baslik{padding:10px;}






.mobilarama{display:none;padding:10px;background-color:#efefef;margin-top:25px;}
.mobilarama table{width:100%;}
.mobilarama table tr td .input1{width:100%;padding:10px;margin:0px;}
.mobilarama table tr td input{background-color:efefef;}


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


.mobilfiltrekutu{display:none;text-align:center;background-color:#efefef;padding:10px;margin-bottom:10px;border-radius:3px;background-image:url('https://www.vienskozmetik.com/images/bg-gokkusagi.jpg');background-size:cover;background-position:center center;}
.mobilfiltrekutu a{color:#fff;text-decoration:none;}
.mobilfiltrekutu i{margin-right:5px;}

.ust-sol-menuler{position:absolute;right:0px;top:3px;}
.ust-sol-menuler ul{margin:0px;padding:0px;}
.ust-sol-menuler ul li{list-style:none;float:left;}
.ust-sol-menuler ul li a{display:block;text-decoration:none;color:#1b1b1b;font-size:11pt;font-weight:400;padding:15px 20px;}
.ust-sol-menuler ul li a i{margin-right:5px;}
.ust-sol-menuler ul li a:hover{color:#ee0676;}
.ust-sol-menuler ul li:nth-child(1) a{color:#ee0676;font-weight:bold;}
.ust-sol-menuler ul li:nth-child(4) a{background-color:#ee0676;color:#fff;border-radius:5px;}


.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;padding-left:10px;padding-right:10px;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;font-family:roboto,calibri;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;}


.slider-listesi{float:left;width:50%;}


.banner-listesi{float:right;width:50%;}
.banner-listesi ul{margin:0px;padding:0px;}
.banner-listesi ul li{float:left;list-style:none;margin:0px;margin-left:20px;margin-bottom:20px;box-sizing:border-box;width:calc(50% - 20px);position: relative;overflow: hidden;}
.banner-listesi ul li img{width:100%;}


.banner-listesi2{margin:0px;padding:0px;}
.banner-listesi2 li{float:left;list-style:none;margin:30px;margin-left:0px;width:calc(50% - 17px);position: relative;overflow: hidden;}
.banner-listesi2 li:nth-child(2n+0){margin-right:0px;}
.banner-listesi2 li img{width:100%;}
.banner-listesi2 li: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%);}
.banner-listesi2 li:hover:after{opacity:1;top:-30%;left:-30%;transition-property:left, top, opacity;transition-duration: 0.7s, 0.7s, 0.15s;transition-timing-function: ease;}

.banner-listesi3{margin:0px;padding:0px;}
.banner-listesi3 li{float:left;box-shadow:0px 0px 10px 5px #efefef;list-style:none;margin:15px 30px;margin-left:0px;width:calc(20% - 30px);height:150px;position: relative;overflow:hidden;border-radius:10px;}
.banner-listesi3 li:nth-child(5n+0){margin-right:0px;}
.banner-listesi3 li img{width:100%;}
.banner-listesi3 li div{position:absolute;bottom:0px;left:0px;width:100%;background-color:#009FE3;padding:10px;color:#fff;-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-listesi3 li:hover img{filter:brightness(1.2);}
.banner-listesi3 li:hover div{background-color:#414141;}


.ust1{height:40px;line-height:40px;font-size:9pt;background-color:#A9CB61;}
.ust1 .sol{position:absolute;left:0px;color:#fff;font-weight:300;font-style:italic;}
.ust1 .sag{position:absolute;top:4px;right:0px;}
.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 img{height:16px;filter:invert(100%);}
.ust1 .sag ul li a{color:#fff;text-decoration:none;}


.urunresim{width:400px;float:left;border:0px;margin-right:20px;}
.urunresim img{width:100%;}
.urunresim ul{margin:0px;padding:0px;}
.urunresim ul li{float:left;margin: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{float:left;width:450px;margin-right:20px;}


.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:70px;max-height:70px;}
.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{padding:5px 0px;background-color:#fff;background-position:top center;}
.ust22{padding:10px 0px;background-color:#fff;background-image:url('https://www.vienskozmetik.com/images/header-2.jpg?v=1');background-position:center center;}

.logo img{height:50px;}
.ust3{background-color:#fff;box-shadow:0px 2px 5px #ccc;z-index:999;}
.ust3{background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #fbfcfd 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#fbfcfd 100%);background: linear-gradient(to bottom, #ffffff 0%,#fbfcfd 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfcfd',GradientType=0 );}

.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('https://www.vienskozmetik.com/images/ok-alt.png');background-size:14px;background-position:95% center;background-repeat:no-repeat;}
.kategoriler a{color:#fff;font-family:roboto;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-family:roboto,calibri;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;width:8.33%;}
.menuler ul li a{display:block;color:#000;text-align:center;font-family:roboto,arial;text-decoration:none;padding:10px 0px;font-weight:400;font-size:11pt;border-right:0.5px solid #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;}
.menuler ul li:nth-child(1) a{border-left:0.5px solid #efefef;}
.menuler ul li a:hover{background-color:#F2F7F9;}
.menuler ul li a img{height:30px;vertical-align:middle;margin-bottom:4px;}
.menuler ul li a i{margin-right:5px;}
.menuler ul li .altmenu{display:none;position:absolute;left:0px;width:100%;box-sizing:border-box;max-height:400px;overflow:auto;border-radius:0px 0px 10px 10px;padding:20px;border-top:3px solid #EE0676;background-color:#fbfcfd;overflow:auto;z-index:99999;}
.menuler ul li:hover .altmenu{display:block;}
.menuler ul li ul li{width:200px;}
.menuler ul li ul li a{font-weight:700;text-align:left;border:0px;padding:10px;}
.menuler ul li ul li ul li{float:none;}
.menuler ul li ul li ul li a{border:0px !important;font-weight:300;padding:5px 10px;font-size:9pt;border-bottom:0.5px solid #efefef !important;text-align:left;}



.bildirim{display:none;position:absolute;position:fixed;font-size:11pt;font-family:roboto;font-weight:300;z-index:999999;box-sizing:border-box;bottom:10px;right:10px;background-color:#00af32;border-radius:3px;max-width:500px;padding:20px;color:#ffffff;border-radius:5px;box-shadow:0px 2px 2px #cccccc;background-image: linear-gradient(to right,#00e2fb,#4fa8ff 33%,#8476ff 61%,#e900ff);}
.bildirim a{color:#ffffff;font-weight:bold;}
.bildirim img{height:50px;float:left;margin-right:10px;}


.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-family:arial;font-size:9pt;text-shadow:1px 1px 1px #fff;margin-right:5px;}
.rota ul li a:hover{text-decoration:underline;}



.sayfalar{margin:15px 0px;min-height:500px;}

.alt1{padding:100px 0px;background-color:#efefef;color:#fff;text-align:center;font-family:roboto;font-weight:300;line-height:150%;font-size:11pt;background-image:url('https://www.vienskozmetik.com/images/footer.jpg?v=3');background-position:bottom center;background-attachment:fixed;background: #ef6bbb;background-image: linear-gradient(to right,#00e2fb,#4fa8ff 33%,#8476ff 61%,#e900ff);}
.alt2{padding:20px 0px;background-color:#553812;color:#fff;font-size:9pt;background: #ef6bbb;background-image: linear-gradient(to right,#00e2fb,#4fa8ff 33%,#8476ff 61%,#e900ff);}
.alt2 .altlinkler{margin:0px;padding:0px;}
.alt2 .altlinkler li{float:left;margin-right:20px;}
.alt2 .altlinkler li a{display:block;color:#fff;text-decoration:none;}
.alt2 .altlinkler li a:hover{text-decoration:underline;}





.markalar{margin:0px;padding:0px;}
.markalar li{float:left;list-style:none;margin:10px;text-align:left;box-shadow:0px 0px 2px 1px #efefef;width:calc(10% - 20px);}
.markalar li:hover{box-shadow:0px 0px 2px 1px #ccc;}
.markalar li div{width:100%;height:100px;background-size:contain;background-position:center center;background-repeat:no-repeat;}






.arama{position:absolute;left:180px;top:8px;border:1px solid #ddd;border-radius:3px;width:450px;}
.arama:hover{border:1px solid #ccc;}
.arama td:nth-child(2){width:30px;text-align:right;}
.arama input[type="text"]{padding:8px;margin:1px;font-size:10pt;color:#414141;width:100%;border:0px;border-radius:10px;font-family:arial;}
.arama input[type="image"]{width:20px;margin-top:5px;margin-right:10px;cursor:pointer;}

.sepet{position:absolute;right:0px;top:20px;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-family:roboto;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:999;}



.tablo-genel td{padding:5px 0px;font-size:10pt;font-family:roboto;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-family:roboto;font-weight:400;}
.tablo-form td a{color:#000;text-decoration:none;}
.tablo-form td a:hover{text-decoration:underline;}


.tablo-iletisim td{padding:10px 0px;font-size:11pt;font-family:roboto;border-bottom:1px solid #ccc;font-weight:400;}
.tablo-iletisim td:nth-child(2){font-weight:bold;}
.tablo-iletisim td img{height:16px;}
.tablo-iletisim td a{color:#000;text-decoration:none;}


.tablo-mesaj td{padding:10px 0px;padding-right:10px;font-size:10pt;font-family:roboto;font-weight:400;}
.tablo-mesaj td input[type="text"]{width:100%;padding:5px;border:1px solid #ccc;font-family:roboto;border-radius:3px;margin-top:5px;}
.tablo-mesaj td textarea{width:100%;height:100px;padding:5px;border:1px solid #ccc;font-family:roboto;border-radius:3px;margin-top:5px;}

.tablo-urun td{padding:10px 0px;font-size:10pt;font-family:roboto;border-top:1px solid #efefef;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;font-family:roboto;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('https://www.vienskozmetik.com/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;}



.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;float:left;background-color:#fbfcfd;width:calc(25% - 20px);box-sizing:border-box;height:400px;margin-right:20px;margin-bottom:30px;border:1px solid #efefef;border-radius:1px;-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{background: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #ffffff 100%);background: -webkit-linear-gradient(top, #ededed 0%,#f6f6f6 53%,#ffffff 100%);background: linear-gradient(to bottom, #ededed 0%,#f6f6f6 53%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );}
.urun:hover{box-shadow:0px 2px 5px 3px #efefef;}
.urun:nth-child(4n+0){margin-right:0px;}
.urun .resim{position:relative;overflow:hidden;top:0px;height:calc(200px - 10px);height:250px;background-size:contain;background-position:center center;background-repeat:no-repeat;background-color:#fff;}
.urun .urunadi{text-align:left;padding:10px;padding-top:0px;}
.urun .fiyat{text-align:left;color:#000;font-size:13pt;font-weight:bold;padding:10px;}
.urun .fiyat div{float:right;color:#808080;text-decoration:line-through;font-weight:300;padding-left:10px;}
.urun .stoktayok{text-align:center;color:#e00000;font-size:10pt;}
.urun .indirim{position:absolute;top:10px;right:10px;background-color:#EE0676;color:#fff;font-size:8pt;font-style:italic;padding:5px;}
.urun a{color:#000;font-weight:400;text-decoration:none;font-size:10pt;}
.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{width:calc(100% - 10px);left:5px;bottom:5px;background-color:#3fcb30;color:#fff;cursor:pointer;text-align:center;padding:5px 0px;    box-shadow: inset 0 -3px 0 rgba(0,0,0,.15);}
.urun .sepeteekle{    background-image: linear-gradient(to right,#00e2fb,#4fa8ff 33%,#8476ff 61%,#e900ff);}
.urun .sepeteekle:hover{background-color:#2db91e;}
.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:blue;color:#fff;}
.urun .etiketler .ucretsizkargo{background-color:#98C223;color:#fff;;}
.urun .etiketler .indirimli{background-color:#e00000;color:#fff;font-size:12pt !important}


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

.altserit{width:100%;}
.kartlar{width:800px;}

.sepete-ekle{position:absolute;width:100%;bottom:20px;text-align:center;}
.sepete-ekle img{width:150px;}

.sayfalama{margin:0px;padding:0px;}
.sayfalama li{float:left;list-style:none;margin-right:5px;margin-bottom:5px;}
.sayfalama li a{display:block;padding:10px;border:1px solid #ccc;font-size:11pt;border-radius:5px;color:#000;text-decoration:none;}
.sayfalama li a:hover{background-color:#EE0676;color:#fff;}
.sayfalama .aktif a{background-color:#EE0676;color:#fff;}

.mobilmenu1{display:none;position:absolute;left:20px;top:20px;}
.mobilmenu1 ul{margin:0px;padding:0px;}
.mobilmenu1 ul li{float:left;list-style:none;margin-right:10px;}
.mobilmenu1 ul li a{color:#000;}
.mobilmenu1 ul li a i{font-size:20pt;}



.mobilmenu2{display:none;position:absolute;right:20px;top:20px;}
.mobilmenu2 ul{margin:0px;padding:0px;}
.mobilmenu2 ul li{float:left;list-style:none;margin-left:10px;}
.mobilmenu2 ul li a{color:#000;}
.mobilmenu2 ul li a i{font-size:20pt;}


.tabmenu{display:none;padding-top:10px;padding:20px;font-family:roboto,arial;line-height:180%;font-size:10pt;font-weight:400;}
.tabmenuler{border-bottom:1px solid #ccc;}
.tabmenuler ul{margin:0px;padding:0px;}
.tabmenuler li{float:left;list-style:none;border-right:1px solid #efefef;position:relative;}
.tabmenuler li a{display:block;text-decoration:none;font-family:roboto,arial;font-weight:300;font-size:10pt;cursor:pointer;padding:10px 30px;}
.tabmenuler li a:hover{background-color:#EE0676;color:#fff;}
.tabmenuler li .aktif-tab{background-color:#EE0676;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:#EE0676 transparent transparent transparent;}


.mobilfiltre{display:none;position:absolute;position:fixed;transition: 1s;top:0px;width:300px;height:100%;padding:10px;box-sizing:border-box;background-color:#fff;overflow:auto;z-index:99999;}

.mobilfiltrerac{left:0px;}



.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-bottom:1px solid #efefef;font-size:11pt;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:10pt;}
.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;}



.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:#FD0CCA;}
.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;}

.fa-shopping-basket div{position:absolute;top:-5px;right:-5px;border-radius:50%;width:15px;height:15px;line-height:15px;font-size:8pt;font-weight:400;text-align:center;background-color:#e00000;color:#fff;}





.whatsapp-buton{display:none;position:absolute;position:fixed;left:10px;bottom:10px;background-color:#01E675;width:50px;height:50px;line-height:50px;border-radius:50%;text-align:center;z-index:999;}
.whatsapp-buton a{color:#fff;font-size:20pt;}
.whatsapp-buton:hover{background-color:green;}




.solyazilar{width:calc(75% - 20px);float:left;margin-right:20px;}
.sagyazilar{width:25%;float:left;}

.iletisim-harita{margin-bottom:20px;}
.iletisim-bilgi{float:left;width:calc(50% - 10px);margin-right:10px;}
.iletisim-mesaj{float:left;width:calc(50% - 10px);margin-left:10px;}

.urunozellikleri{margin:0px;padding:0px;}
.urunozellikleri li{float:left;list-style:none;text-align:center;width:25%;font-size:8pt;font-family:roboto;color:#808080;}
.galeriresim div{width:400px;height:400px;background-position:center center;background-size:contain;background-repeat:no-repeat;border:1px solid #efefef;}

.kategori-sol-bolum h3{text-align:left;}

.mobildegoster{display:none;}

@media only screen and (max-width: 1150px) {
	[class*="col-"]{float:none;width:100%;}
	.ust1{display:none;}
	.ust2{position:absolute;position:fixed;top:0px;left:0px;width:100%;z-index:999;border-bottom:2px solid #efefef;}
	.alt2 div{text-align:center;}
	.iskelet{width:100%;}
	.banner-listesi li{width:50%;height:auto;padding:0px;box-sizing:border-box;margin:0px;}
	.banner-listesi li img{border-radius:10px;}
	.banner-listesi ul li{margin:10px;}
	.markalar li{width:calc(33% - 20px);}
	.galeriresim div{width:100%;height:400px;}
	h1{text-align:center;}
	.banner-listesi2 li{float:none;width:100%;height:auto;padding:10px;box-sizing:border-box;margin:0px;}
	.banner-listesi2 li img{border-radius:10px;}
	
	.banner-listesi3 li{width:calc(50% - 20px);height:auto;box-sizing:border-box;margin:10px;}
	.uygulamalar{display:block;}
	.urunler .urun{width:33%;margin:0px;}
	.kartlar{width:100%;}
	.anabanner{height:200px;}
	.arama{display:none;}
	.ust-sol-menuler{display:none;}
	.logo{width:100%;text-align:center;}
	.logo img{height:50px;}
	.mobilmenu1{display:block;}
	.mobilmenu2{display:block;}
	.mobilsepet{display:block;}
	.mobiluye{display:block;}
	.menuler{display:none;width:100%;background-color:#fff;z-index:99999;top:0px;}
	.menuler ul li{float:left;width:50%;}
	.menuler ul li a{border-bottom:0.5px solid #ccc;padding:15px;}
	.urunresim{float:none;width:100%;}
	.urundetay{float:none;width:100%;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;}
	.iletisim-bilgi{float:none;margin:0px;margin-bottom:20px;width:100%;}
	.iletisim-mesaj{float:none;margin:0px;margin-bottom:20px;width:100%;}
	.odemeturleri li{float:none;margin:0px;margin-bottom:20px;width:100%;}
	.simdiara{display:block;}
	.alt1{display:none;}
	.sayfalar{margin:10px 0px;}
	.menuler ul li:hover div{display:none;}
	.alt2 .altlinkler li{float:none;margin:20px;list-style:none;}
	.mobilarama{display:block;}
	.slider-listesi{float:none;width:100%;}
	.banner-listesi{float:none;width:100%;}
	.kategori-sol-bolum{display:none;}
	.mobilfiltrekutu{display:block;}
	.blog{width:100%;}
	.whatsapp-buton{display:block;}
	.bildirim{left:10px;width:calc(100% - 20px);text-align:center;}
	.mobildegizle{display:none;}
	.mobildegoster{display:block;}
}






@media only screen and (max-width: 800px) {
	[class*="col-"]{float:none;width:100%;}
	.urunler .urun{width:calc(50% - 10px);margin:5px;height:350px;border:1px solid #ccc;}
	.urunler .urun .resim{height:200px;}
}