@font-face { font-family:'Tl'; src:url('tl.eot'); }
@font-face { font-family:'Tl'; src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAsAAAAAB3wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAkwAAAL4OSA6vkZGVE0AAANUAAAAGgAAABxnSVx8R0RFRgAAA3AAAAAdAAAAIAAwAARPUy8yAAADkAAAAEwAAABgUIbbqmNtYXAAAAPcAAAAPAAAAVIAu/PMaGVhZAAABBgAAAAuAAAANvwq+mloaGVhAAAESAAAAB4AAAAkBBD/5GhtdHgAAARoAAAADAAAAAwDagACbWF4cAAABHQAAAAGAAAABgADUABuYW1lAAAEfAAAANEAAAFHqGCVqnBvc3QAAAVQAAAADAAAACAAAwAAeJw9kV9Ik1EYxt/v2zc311q6XJl8U6mZVF7MQSWEQiMKvAnSUMJAKstwltCC8kKqrSYcBJN1VzSihP5BkYhE6EUG4Y1SRKiRwsgkTYpKP7V8es/26bl4+L2c5/1zzquQppGiKJbqECkqKVRh6KrhtRi5mnBahFPLd9CWKjeEWAOnTTQZcSNs1enMBp0oS6dQtk52Xf3hJousYScHOS+eO3vQ7/dXh7gyn4gSS19qaovaasRdoOOPD0AZ/tXrAZ9+oO9WUEi9BtxvmQImun0cj4rrVpBqXwBRo5+pxsF0ewfTgwKmkROS8k1SjjyXvlIh7CB/WRyU/aI3ld9j5mtvA2xLREG22E6+GK2VVGJSBg0ycXfSLn+SafN2nuHbvZHVmTKX0zOBqu72g7zTPVzdWlme8pozKdox7s++9ronUhc3safo/ASwPHcU5NvbweWfvgdtXVkCrW9myhs/BXKUVIJy98RAru4ikOdmMWhj4X7Q5tJZpvYLIPfhSRnOyLR3Mq1BWoJmqczOQm6076sAFV/6YAeGd6kZPMHclQjw73WOScs3fCb9aYryawb482fWacCkq4blURswVfcdSEY+AtMNSX52+W/g5zxbxowsWaCInye3sKanx7xSR8f5qUpZl1zHSaaQWKXEm9SKeC0dxPMGHr60mjujxsDq9hKDBZzgVoak3uGer8a38TCLtcAz/hIkZ2VfR300raCutj7Q7rwEx9vDrUDz1UPA0Jd6jiuCnVI/L1ldwghrf+NG3OZaWMkRHuF0/AcwPmNUeJxjYGBgZACCM7aLzoPos613rsFoAFSRCIQAAHicY2BkYGDgA2IJBhBgYmAEQhDJAuYxAAAEYAA1AAAAeJxjYGbMYpzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbAyM8AAkwADAgSkuaYwODCs+MDA+OD/AwY9xgcMCg0MDIxwBQpAyAgALyQMUnicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhExgmRUfGP7/R2b9jxRgguoCA0Y2BmTuoAe0cCsAmPMJdnicY2BkYGAAYtma2b7x/DZfGbiZGEDgbOudawj6/wMmBsYHQC4HA1gaAEA7DAQAAHicY2BkYGB88P8Bgx4TAwPDPwYgCRRBAcwAbecD9gAAAgAAAAFqAAIAAAAAAABQAAADAAB4nEWNPWrDQBBGn2RZwTikDKQIbA4gISnGhQ7gAwThLoWLRRiEBGu7chXIGVLlAK58xnxSBnuXmXnzzR/wyA8R44uISY1jHngxnvHKp3GiypfxnCW/xqn0qzqjZCElmaZGjnliYTyj5s040T8bz3nm2ziVfqGhg0b2gaflpHRHUOrbU7cTbBjoOU4xqMPjqMgpFGvZuOCf1mSsZJVqJe8aHfrjZgitd1VeuNo1ndw6W2VVUap8O73V0sCB/XTKaXhcz9aHw37oXZkX9+Y/sVAmLgAAAHicY2BmwAsAAH0ABA==) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWdJXHwAAAV8AAAAHEdERUYAMgAGAAAFXAAAACBPUy8yUGTbiQAAAVgAAABWY21hcAC99tMAAAHEAAABUmdhc3D//wADAAAFVAAAAAhnbHlm8VZCpgAAAyQAAAC0aGVhZPwq+mkAAADcAAAANmhoZWEEEP/mAAABFAAAACRobXR4BBQAAgAAAbAAAAAUbG9jYQBMAFoAAAMYAAAADG1heHAASAA5AAABOAAAACBuYW1lqGCVqgAAA9gAAAFHcG9zdE47n50AAAUgAAAANAABAAAAAQAAZcIwi18PPPUACwIAAAAAAM2F3NYAAAAAzYXc1gAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFADYAAQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQFqAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAACEAAAAAAAAAAAAAAAUGZFZABAAKjwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAWoAAgAAAAAAAAADAAAAAwAAABwAAQAAAAAATAADAAEAAAAcAAQAMAAAAAgACAACAAAAAACo8AD//wAAAAAAqPAA//8AAP9bEAQAAQAAAAAAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAATABaAAEAAv/wAWcB0AA1AAATMx0BNxUHHQE/AR0BFCMHBgcdAjY3Njc2NTMUBwYHBgcGJz0BMA8BNTc1DgEPATAGBzU3NV4wkpJPQwGNAgI3Ky8QBzEdFCMgKTQ4CFRcBxcDMAgDXAHQPz41JzUKChwZExICMwEBZ2cBBiQmOhoaOzUoHR0PFAZ3dwMeJyEVAwgBEgIBJyBIAAAAAQAA/+ACAAHgAAIAABEBIQIA/gAB4P4AAAAAAAAADACWAAEAAAAAAAEAAgAGAAEAAAAAAAIABwAZAAEAAAAAAAMAHQBdAAEAAAAAAAQAAgCBAAEAAAAAAAUACwCcAAEAAAAAAAYAAgCuAAMAAQQJAAEABAAAAAMAAQQJAAIADgAJAAMAAQQJAAMAOgAhAAMAAQQJAAQABAB7AAMAAQQJAAUAFgCEAAMAAQQJAAYABACoAFQAbAAAVGwAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAAVABsACAAOgAgADYALQA0AC0AMgAwADEAMwAARm9udEZvcmdlIDIuMCA6IFRsIDogNi00LTIwMTMAAFQAbAAAVGwAAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAFQAbAAAVGwAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAAAABAAIAjgECB3VuaUYwMDAAAAAB//8AAgABAAAADgAAABgAAAAAAAIAAQADAAQAAQAEAAAAAgAAAAAAAQAAAADMPaLPAAAAAM2F3NYAAAAAzYXc1g==) format('truetype'); font-weight: normal; font-style: normal; }
[data-icon]:before { font-family: 'Tl'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.icon-tl { font-family: 'Tl'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 12px;padding-right:3px;}
.icon-tl:before { content: "\a8"; -webkit-font-smoothing: antialiased }
.para { text-align:right }
.para>.icon-tl { display:none }
.para:before {
  speak: none;
  line-height: 1;
  content: "\a8 ";
  font-family: 'Tl';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.sepetana{
  padding: 6px 0px 10px 20px;
  border-bottom:1px solid #ddd;
}
.sepetana i{
  font-size: 20px;
}
.solbayrak{
  position:absolute;
  top:0;
  left:0;
}
.mesajgoster{
  position:fixed;
  bottom:0;
  width:100%;
  margin:0;
  z-index:25;
}
.mesajgoster1{
  position:fixed;
  top:0;
  right:0;
  width:15%;
  margin:5px;
  z-index:25;
}
video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/bg.png) no-repeat;
  background-size: cover;
  transition: 0.5s parlat;
}
.stopfade {
  opacity: 0;
}
.progress {margin:0}
.progress .active {width:100%}
#polina { position:absolute;right:0;padding:10px }
@media screen and (max-device-width:800px){
  #bgvid { display:none }
}
body {
  font:normal 13px Open Sans, Arial, Helvetica, sans-serif;
  background:url(../images/bg.png) center top no-repeat #eee;
  background-position: 50% -4px;
  
  background:url(../images/bg.png) center top no-repeat #eee;
  background-size: 1920px;
  
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  border-top: 3px solid #c00;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.container{
  padding:0
}
.product-info{
  margin-top:5px
}
.product-info h4 {
  padding:10px
}
.product-info .nav-tabs>li {
  background-color: #ddd;
  float: left
}
.product-info .nav-tabs>li>a {
  font-size: 15px;
  color: #575454;
}
div#urundetay{
  overflow:scroll
}
div#urundetay .hidden {
  display: initial !important;
}
div#urundetay .row{
  margin:0
}
#urundetay a.detaylinki {
  padding: 9px;
  display: block;
  color: #323232;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  font-family: sans-serif;
  background-color: #87d4cc;
}
#urundetay table.pcdetay td {
  vertical-align:middle;
  text-align: center
}
.carousel-inner .thumbnail{border:0}
.carousel-indicators { z-index:8 }
/*Araajax*/
.aramasonucu{
  z-index:25;
  position:absolute;
  background-color:#FFFFFF;
  width:100%;
  border:2px solid #0099FF;
  padding:5px;
  margin:0;
  overflow:scroll;
  height:520px;
  display:none;
}
.aramasonucu p{margin:5px}
.goster .aramasonucu { display:block }
.yukleniyor {
  margin: 40px auto;
  width: 400px;
  height: 300px;
  border-radius: 12px;
  padding: 12px;
  font: italic 32px "ubuntu",sans-serif;
  line-height: 130px;
  color: #506090;
  box-shadow: 1px 1px 1px #DDD;
  background-color: #FFFFFF;
  border: 1px solid #ddd;
}
.yukle {
  float: left;
  width: 100%;
}
/*Basa Dön*/
#basadon{
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
  color: #000;
  background-color:#FFFFFF;
  border:1px solid #999999;
  z-index:36
}
#basadon:hover{
  color:#FF0000;
  background-color:#FFFFFF;
  border:1px solid #999999
}
/*Basa dön SON*/
#anabannerlar {text-align:center;float:right;width:900px}
#anabannerlar a,
#anabannerlar a img {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
#anabannerlar a {display:block;padding:6px}
#anabannerlar a img {width:888px}
#anabannerlar a:hover {padding:6px 0 3px}
#anabannerlar a:hover img {width:900px}
#solbannerlar {text-align:center;width:270px;transition:all .3s ease 0s}
#solbannerlar img {padding:3px;height:230px}
@media (max-width: 1200px){
  #solbannerlar {display:none}
  #anabannerlar {width:100%}
  #anabannerlar a img {width:99%;width:calc(100% - 12px)}
  #anabannerlar a:hover img {width:100%}
}
.yukarigotur{
  position:absolute!important;
  top:0;
  right:0;
}
.cerceve {
  border:solid 1px #ddd;
  border-radius:4px;
}
.tab-content.cerceve {
  border-top:0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.golge {
  box-shadow:1px 1px 1px #DDD;
}
.beyaz {
  background-color:#FFFFFF;
}
.navbar-default {
  background: radial-gradient(circle farthest-side, #fff, #eee)
}
#urunsayfasi{
  background-color: #efefef;
  margin-top:5px
}
#urunsayfasi .fiyat .eski{
  text-decoration: line-through
}
#urunsayfasi .fiyat th.para{
  font: normal 1.5em sans-serif
}
#urunsayfasi .butonlar a{
  font-size:1.4em;
  width:100%
}
#urunsayfasi .butonlar .urunyildizi {
  float: right;
  margin: 4px;
}
#urunsayfasi .details {
  height:100%;
  padding:0;
}
#urunsayfasi .details>h4,
#urunsayfasi .details>div {
  padding: 10px;
  margin: 0;
}
#urunsayfasi .details .col-md-8,
#urunsayfasi .details .col-md-4 {
  padding: 5px;
  margin: 0;
}
#urunsayfasi .benzer_urunler {
  background-color: #FFFFFF;
}
#urunsayfasi .benzer_urunler .row {
  zoom: 0.90
}
#urunsayfasi .product-info .nav-tabs>li {
  margin-bottom: -2px
}
#urunsayfasi .enerjisinifi {position:relative;overflow:visible}
#urunsayfasi .enerjisinifi>a {display:block;width:90px;height:50px;scale:.7;background-image:url(../images/enerji-siniflari.png)}
#urunsayfasi .enerjisinifi.sag>a {background-position-x:90px}
#urunsayfasi .enerjisinifi .a {background-position:0 0}
#urunsayfasi .enerjisinifi .b {background-position:0 -50px}
#urunsayfasi .enerjisinifi .c {background-position:0 -100px}
#urunsayfasi .enerjisinifi .d {background-position:0 -150px}
#urunsayfasi .enerjisinifi .e {background-position:0 -200px}
#urunsayfasi .enerjisinifi .f {background-position:0 -250px}
#urunsayfasi .enerjisinifi .g {background-position:0 -300px}
.urun .img-responsive {
  max-width: 90%;
}
.urun_resmi {
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd;
  padding:5px
}

.ilgiliurun>i{ border-bottom:2px solid #FF0000 }
.ilgiliurun a{ overflow: hidden;font: normal 10px Tahoma }
.ilgiliurun p{ overflow: hidden;font: normal 12px Tahoma;float:right }
.ilgiliurun div img{ float:left; border:1px solid #CCCCCC; margin-right:3px }

.badge { background-color:#CCCCCC; font-size:10px }
.gruplar{ border:1px solid #F3F3F3; border-radius:0; margin:3px 3px 0 0; color:#000 }
.guvenlialisveris{ margin-top:5px; margin-bottom:-10px; padding:0!important }
.altkirmizi{ margin-bottom:0; height:3.2em; text-align: center }
.urunfiyat{ color:#000; font: 700 20px Geneva, Arial, Helvetica, sans-serif }
.logo {
  height: 78px
}
.resimhataal img {
  width:auto!important;
}
.kenaral{
  margin-left:-15px!important;
  margin-right:-15px!important;
}
.sagyasla{ float:right}
.solyasla{ float:left}
.anasayfahr{
  margin-top:5px;
  margin-bottom:5px;
  padding:0
}

.katlistele{
  height:100px;
  border:1px solid #fff;
  padding:10px;
}
.katlistele:hover{
  height:100px;
  border:1px solid #CC0000;
  padding:10px;
  background-color:#F7F7F7
}
.anayildiz{
  font-size:20px;
  color:#CC0000;
}
.anafiyat{
  font-size:15px;
  color:#000;
  padding:5px;
}
.yildizla label {
  padding: 5px;
  display: inline-block;
  height: 9px;
}
.yildizla>div {
  clear: both;
  padding-top: 5px;
}
.yildizla>div .urunyildizi + span{
  font-style:italic;
  padding:5px;
  float:right;
  color:#666;
  border-left:1px solid #000;
}
.yildizla .urunyildizi {
  background-color: transparent;
  display: inline-block;
  float: right;
  margin: 6px;
  opacity: 1;
}
.urunyildiziust {
  position: absolute;
  height: 18px;
  width: 100%;
  left: 0;
  top: 0;
}
.urunyildizi:hover {
  opacity:1;
}
.urunyildizi {
  background: url(../images/urunyildizi.gif) 80px 0 white;
  opacity:0.6;
  height: 16px;
  width: 80px;
  margin: auto;
  display: block;
}
.urunyildizi.y1 { background-position:-64px 0px }
.urunyildizi.y2 { background-position:-48px 0px }
.urunyildizi.y3 { background-position:-32px 0px }
.urunyildizi.y4 { background-position:-16px 0px }
.urunyildizi.y5 { background-position:  0px 0px }
.urunyildizi a {
  display:inline-block;
  height:16px;
  width:16px;
}
.modal .yildizla {
  margin: auto;
  width: 60%;
}
.yorumekle[yorumid] {
  float:right
}
.yorum_kriter {
  line-height: normal;
  font-size: 12px;
  display: none;
  padding: 5px;
  clear: both;
}
#yorumyap-form textarea {
  padding: 6px;
  height: 96px;
  width: 97%;
}
#yorumyap-form a {
  float: right;
}
.urune_yorum {
  width:100%
}
.urune_yorum .urun a {
  text-align: center;
  display: block;
}
.urune_yorum .col-md-8>label {
  border: solid 1px silver;
  background: #DFDFDF;
  border-radius: 6px;
  padding: 2px;
  width: 100%;
}
.urune_yorum textarea {
  height: 90px;
  width: 100%;
}
.yorumyaniti { clear: both;margin: 1em 0 0 0 }
.yorumyaniti .panel-heading { padding:5px }
.yorumyaniti .panel-title { font-size:1em }
.yorumyaniti .panel-body { padding:6px }
.kirmizi_yazi {
  color: red;
}
.panel-title a {
  display:block;
}
.ozel_urunler .list-group-item.active,
#filtrele .list-group-item.active,
#filtrele .list-group-item.active:focus,
#filtrele .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color:#9a9a9a;
  border-color:#b7b7b7;
}
#filtrele .list-group-item:not(.kirmizi) i {
  visibility: hidden;
}
#filtrele .list-group-item.active i {
  color:#FFFFFF;
  visibility: visible;
}
#filtrele .col-md-12 {
  padding:0;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #000;
  border-color: #ccc;
}
.navbar-default .navbar-brand {
  color: #000;
  font:13px Open Sans, Arial, Helvetica, sans-serif;
  z-index:10
}
.navbar-nav>li:hover {
  float: left;
  margin-top:-2px;
  border-top:2px solid #FF0000;
}
.navbar.affix{
  position:fixed;
  width:1170px;
  z-index:11;
  top:0;
}
.aradiv div input{
  box-shadow: 0 0 5px black inset, 0 0 0 0 black;
  border:4px solid #CC0000;
  border-radius:0;
  padding-left: 10px;
  height: 48px;
}
.navbar {
  border-radius:0;
  margin-bottom:0;
}
.arabuton{
  color:#FFFFFF;
  padding:10px;
  border:4px solid #CC0000;
  border-radius:0;
  background-color:#CC0000;
}
.arabuton:hover{
  border:4px solid #CC0000;
  background-color:#fff;
  color:#000;
}
.aradiv * {
  padding:0;
}
.aradiv {
  float:right;
  padding:0;
  padding-top: 16px;
}
.aradiv div.input-group,
.aradiv form {
  width:100%;
  margin:0;
}
.aradiv .navbar-form .input-group .input-group-btn{
  width:1%;
}
.aradiv button{
  border:4px solid #CC0000;
  background-color:#CC0000;
  color:white;
  padding:10px;
  border-radius:0;
}
.aradiv button:hover{
  border:4px solid #000;
  background-color:#000;
  color:white;
  padding:10px;
  border-radius:0;
}
/*Sağ slayt*/
.ozelslayt{
  margin:0; padding:0; height:360px;
}
.ozelslayt .carousel-indicators li {
  border: 1px solid #ddd; border-radius: 0px;
}
.ozelslayt .carousel-indicators .active {
  background:red;
}
.ozelslayt .carousel-inner .item{
  padding:10px;
}
.ozelslayt .carousel-indicators {
  bottom:0
}
.ozelslayt .profile,
.ozelslayt .profile .col-xs-12,
.ozelslayt .profile .col-md-6 {
  width: 100%;
}
.ozelslayt .carousel-inner .item .profile {
  margin-top: 0;
  height: 340px;
}
.ozelslayt .carousel-inner .item .profile .yukarigotur {
  right: 8px;
  top: 8px;
}
/**/
/*Alt slayt*/
.altslayt{
  margin:0;
  padding:0;
}
.altslayt .carousel-indicators li {
  border: 1px solid #ddd;
  border-radius: 0px
}
.altslayt .carousel-indicators .active {
  background:red
}
.altslayt .carousel-inner .item{
  padding:10px
}
/**/
/*Sağ slayt*/

.carousel .ol li {
  border: 1px solid #ddd; border-radius: 0px;
}
.carousel .ol .active {
  background:red;
}
/**/
/* slayt */
.article-slide .carousel-indicators {
  bottom: -70px;
  left: 0;
  margin-left: 0px;
  width: 100%;
  height:20%;
}
.slayt{
  margin-right:-15px;
}
/* Indicators list style */
.article-slide .carousel-indicators li {
  border: medium none;
  border-radius: 0;
  float: left;
  height: 54px;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 5px !important;
  margin-top: 0;
  width: 100px;
}
/* Indicators images style */
.article-slide .carousel-indicators img {
  border: 2px solid #FFFFFF;
  float: left;
  height: 54px;
  left: 0;
  width: 100px;
}
/* Indicators active image style */
.article-slide .carousel-indicators .active img {
  border: 2px solid #428BCA;
  opacity: 0.7;
}

/* Slayt SON */
/* Vitrin */
#orta>div.col-md-3,
#orta>div.col-md-9 {
  margin-top:5px;
}
.urunlistele {
  background-color: #FFFFFF;
  box-shadow: 1px 1px 1px #DDD;
  border: solid 1px #ddd;
  border-radius: 4px;
  padding:10px;
}
.ustmenu {
  padding:0
}
.hidden-xs .kapat,
.hidden-sm .kapat {
  display:none
}
.tamekran .kapat {
  display: block;
  padding: 6px;
  float:right;
}
.tamekran .kapat button {
  position:relative;
  z-index:1;
  right:2px;
  top:2px;
}
.tamekran .list-group {
  background: white;
  margin-bottom: 0;
  padding: 4px;
}
.tamekran .list-group:last-of-type {
  padding-bottom: 40px;
}
.urunsirala {
  float:right;
  padding:0;
  margin:0
}
.urunsirala>a>span {
  padding-left: 8px
}
h6.description{
  font-weight: bold;
  letter-spacing: 2px;
  color: #999;
  border-bottom: 1px solid rgba(0, 0, 0,0.1);
  padding-bottom: 5px;
}
.profile{
  border:1px solid #eee;
  border-radius:5px;
  margin-top: 10px;
}
.profile:hover{
  border:1px solid #cc0000;
  background: linear-gradient(#FFF, #FFF, #FFF, #FFF, #F7F7F7);
  margin-top: 10px;
  color:#000;
}
.profile h1{
  font-weight: normal;
  font-size: 20px;
  margin:10px 0 0 0;
  color:#000000;
}
.profile h2{
  font-size: 12px;
  font-weight: lighter;
  margin-top: 5px;
  color:#000000;
  overflow:hidden;
}
.profile .img-box{
  padding-top:7px;
  opacity: 1;
  display: block;
  position: relative;
  margin: auto;
}
.img-box ul{
  position: absolute;
  z-index: 2;
  bottom: 50px;
  text-align: center;
  width: 100%;
  padding-left: 0px;
  height: 0px;
  margin:0px;
  opacity: 0;
}
.img-box ul,
.img-box ul li{
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
.img-box ul i{
  font-size: 20px;
  letter-spacing: 5px;
}
.img-box ul li{
  width: 30px;
  height: 30px;
  text-align: center;
  border: 1px solid #88C425;
  margin: 5px;
  padding: 5px;
  display: inline-block;
}
.img-box a{
  color:#fff;
}
.img-box:hover ul{
  opacity: 1;
}
.img-box ul a{
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.img-box a:hover li{
  border-color: #fff;
  color: #88C425;
}
.profile .img-box img {
  margin: auto;
}
.profile .simge {
  position:absolute;
}
.profile .sol .simge {
  display:inline-block;
  white-space:nowrap
}
.profile .sag {
  float:right;
  height:55px;
  width:1%
}
.profile .urunfiyati{
  display: inline-block;
  position: absolute;
  margin-right: 15px;
  bottom: 0;
  right: 0;
}
.sagreklam .urunfiyati{
  text-align: center;
  bottom: 22px;
  width: 100%;
}
.sagreklam .simge{
  width: 100%
}
.sagreklam .profile .urunfiyati{
  margin-right:0
}
.uyar {
  padding: 2px;
  font-size:12px;
  font-weight:bold;
  background-color: #fafafa;
  border-left: 6px solid #7f7f84;
  margin-bottom: 5px;
  -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
  box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.uyar-success {
  color: #80D651;
  border-color: #80D651;
}
.uyar-info {
  color: #45ABCD;
  border-color: #45ABCD;
}
.uyar-warning {
  border-color: #FEAF20;
  color: #FEAF20;
}
/* Vitrin SON*/
.ozelinput{
  border-radius:3px;
}
.sagslayt{
  width:700px;
  margin-left:270px;
  display:inline-block;
}
.sagreklam{
  width:200px;
  vertical-align:top;
}
.menuresim{
  width:64px;
  float:left;
}
.copyright{
  width:100%;
  background-color:#fff;
  color:#999;
}
.copyright p{
  padding-top:5px;
}
.boslukust{
  padding:10px;
  padding-top:100px;
  padding-bottom:200px;
}
.mini-submenu{
  display:none;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  padding: 9px;
  width: 42px;
}
.mini-submenu:hover{
  cursor: pointer;
}
.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px;
}
.mini-submenu .icon-bar {
  background-color: #000;
}
#slide-submenu{
  background: rgba(0, 0, 0, 0.45);
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}
.iceriktemizle{
  margin:0;
  padding:0;
}
.sagkat2{
  margin-top:30px;
}
.kirmizi{
  background-color:#CC0000 !important;
  color:#fff!important
}
.listeicon{
  font-size:30px !important;
  padding-bottom:10px;
  padding-left:5px;
  color:#CCCCCC;
}
.listeicon:hover{
  color:#000;
}
.yazifiyat{
  float:left;
}
.yazikdv{
  font-size:10px;
}
.yazidahil{
  font-size:9px;
}
.tukenmekuzere{
  background-color:#CC0000;
  color:#FFFFFF;
  width:100%;
  padding:5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
  opacity:0.5;
  filter:alpha(opacity=50);
  top:0;
}
.firsaturun{
  background-color:#0099FF;
  color:#FFFFFF;
  width:100%;
  padding:5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:15px;
  opacity:0.5;
  filter:alpha(opacity=50);
  margin-top:-28px;
}
.markaharf{
  width:100;
  padding:10px;
  background-color:#F7F7F7;
  font-size:16px;
  margin-bottom:10px;
  margin-top:10px;
}
.markaharf:hover{
  background-color:#cc0000;
  color:#FFFFFF;
}
.markaa{
  margin-right:10px;
  margin-bottom:10px;
}
.btn-default:hover{
  background-color:#000;
  color:#FFFFFF;
  border:1px solid #000;
}
input[type="date"].form-control {
  padding-top:0px
}
/*Yükleniyor*/
#loader {
  margin: -34px -54px;
  width: 100%;
  text-align: right;
  position: absolute;
  z-index: 30;
}

#loader > i {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

#loader .a {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

#loader .b {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/*Menubas*/
.menubas{
  margin-top:5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.breadcrumb {
  margin-bottom:0
}
.breadcrumb-arrow {
  height: 36px;
  padding: 0;
  line-height: 36px;
  list-style: none;
  background-color: #FFF;
  white-space: nowrap;
  overflow:hidden;
  overflow-x:auto;
}
.breadcrumb-arrow::-webkit-scrollbar {
  display:none;
}
.breadcrumb-arrow li:first-child a {
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
  display: inline-block;
  vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
  margin-left:0
}
.breadcrumb-arrow li+li:before {
  padding: 0;
  content: ""
}
.breadcrumb-arrow li span {
  padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
  height: 36px;
  padding: 0 10px 0 25px;
  line-height: 36px
}
.breadcrumb-arrow li:first-child a {
  padding: 0 10px
}
.breadcrumb-arrow li a {
  position: relative;
  color:337ab7;
  text-decoration: none;
  background-color:#F3F3F3;
  border: 1px solid #F3F3F3
}
.breadcrumb-arrow li:first-child a {
  padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
  position: absolute;
  top: -1px;
  width: 0;
  height: 0;
  content: '';
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent
}
.breadcrumb-arrow li a:before {
  right: -10px;
  z-index: 3;
  border-left-color: #f3f3f3;
  border-left-style: solid;
  border-left-width: 11px
}
.breadcrumb-arrow li a:after {
  right: -11px;
  z-index: 2;
  border-left: 11px solid #fff
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
color:#FFFFFF;
  background-color:#ccc;
  border: 1px solid #ccc
}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
  border-left-color: #ccc
}

/*Menubas*/
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  margin-top: 20px;
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;
}

.navbar-content{
  width:320px;
  padding: 15px;
  padding-bottom:0px;
}
.navbar-content:before, .navbar-content:after{
  display: table;
  content: "";
  line-height: 0;
}
.navbar-footer{
  background-color:#DDD;
}
.navbar-footer-content {
  padding:15px 15px 15px 15px;
}
.dropdown-menu {
  padding: 0px;
  overflow: hidden;
}
/*Anasayfa Sol banner*/
.carousel {
  margin-bottom: 0;
  padding: 0 30px 30px 30px;
}
.sagreklam .carousel {
  margin-bottom: 0;
  padding: 0 5px 10px 5px;
}
/*slider.php */
#anaslider {margin:0 auto;top:0px;left:0px;width:700px;height:350px;overflow:hidden;visibility:hidden}
#anaslider div[data-u=slides] {cursor:default;position:relative;top:0px;left:0px;width:700px;height:300px;overflow:hidden}
.anaslytbaslik { font-size:12px; height:50px; overflow:hidden}
.solok i, .sagok i {
  display: block;
  position: absolute;
  border:solid 1px lightgray;
  border-left:0;
  border-top:0;
  -webkit-transform:rotate(135deg);
  -moz-transform:rotate(135deg);
  -o-transform:rotate(135deg);
  transform:rotate(135deg);
  height:36px;
  width:36px;
  left:8px;
  top:13px;
}
.solok, .sagok {
  display: block;
  position: absolute;
  cursor: pointer;
  height:64px;
  width:36px;
  top:102px
}
.solok { left: 10px }
.sagok { right:10px }
.sagok i { -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);left:-9px }
.solok:hover i, .sagok:hover i { border-color: red }
#slaytkutu>div[data-u="slides"]{cursor:default}
.slaytkucuk {left:0px;bottom:0px;width:700px;height:50px}
.slaytkucuk .p {top:0;left:0;width:74px;height:46px}
.slaytkucuk .t {top:0;left:0;width:100%;height:100%;border:none}
.slaytkucuk .w {width:74px;height:46px}
.slaytkucuk .p:hover .w,
.slaytkucuk .pav .w {border-bottom:solid 2px red}
/*slider.php SON */
#adres_form .fatura_tipi {
  display:none;
}
#adres_form .fatura_tipi_form {
  height: 0px;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#adres_form .fatura_tipi_form.goster {
  height: auto;
  opacity: 1.0;
}
#adres_formu .panel-footer {
  padding: 0 15px 1px;
  height: 80px;
}
#adres_formu .panel-footer b {
  position: relative;
  top: -10px;
}
#adres_formu .panel-footer span {
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.urunyeni{
  position:absolute;
  height:40px;
  width:40px;
  z-index:3;
  left:0px;
  top:5px;
}

.listelealt{ clear:both }
.listelealt ul { float:right }
.listelealt .pagination { margin:0 }

/*3D Buton*/

.btn3d {
  position:relative;
  top: -6px;
  border:0;
  transition: all 40ms linear;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:2px;
  margin-right:2px;
}
.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
  -moz-outline-style:none;
  outline:medium none;
}
.btn3d:active, .btn3d.active {
  top:2px;
}
.btn3d.btn-white {
  color: #666666;
  box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2);
  background-color:#fff;
}
.btn3d.btn-white:active, .btn3d.btn-white.active {
  color: #666666;
  box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
  background-color:#fff;
}
.btn3d.btn-default {
  color: #666666;
  box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2);
  background-color:#f9f9f9;
}
.btn3d.btn-default:active, .btn3d.btn-default.active {
  color: #666666;
  box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
  background-color:#f9f9f9;
}
.btn3d.btn-primary {
  box-shadow:0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0,0,0,0.5);
  background-color:#4274D7;
}
.btn3d.btn-primary:active, .btn3d.btn-primary.active {
  box-shadow:0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
  background-color:#4274D7;
}
.btn3d.btn-success {
  box-shadow:0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0,0,0,0.5);
  background-color:#78d739;
}
.btn3d.btn-success:active, .btn3d.btn-success.active {
  box-shadow:0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
  background-color: #78d739;
}
.btn3d.btn-info {
  box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0,0,0,0.5);
  background-color:#39B3D7;
}
.btn3d.btn-info:active, .btn3d.btn-info.active {
  box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
  background-color: #39B3D7;
}
.btn3d.btn-warning {
  box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0,0,0,0.5);
  background-color:#FEAF20;
}
.btn3d.btn-warning:active, .btn3d.btn-warning.active {
  box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
  background-color: #FEAF20;
}
.btn3d.btn-danger {
  box-shadow:0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0,0,0,0.5);
  background-color:#D73814;
}
.btn3d.btn-danger:active, .btn3d.btn-danger.active {
  box-shadow:0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
  background-color: #D73814;
}
.btn3d.btn-magick {
  color: #fff;
  box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0,0,0,0.5);
  background-color:#bb39d7;
}
.btn3d.btn-magick:active, .btn3d.btn-magick.active {
  box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
  background-color: #bb39d7;
}

/*3D Buton SON*/


/*alt.php */

.gap {
  height: 30px;
  width: 100%;
  clear: both;
  display: block;
}
.footer {
  height: auto;
  position: relative;
  width: 100%;
  background-color:#333;
}
.footer p {
  margin: 0;
}
.footer img {
  max-width: 100%;
}
.footer h3 {
  border-bottom: 1px solid #BAC1C8;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  padding: 20px 0 10px;
}
.footer ul {
  font-size: 13px;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  margin-top: 15px;
  color: #fff;
}
.footer ul li a {
  padding: 0 0 5px 0;
  display: block;
}
.footer a {
  color: #fff
}
.footer{
  border-top:10px solid red;
}
.guvyazi{
  color: #ddd;
  font-family: arial;
  font-size: 13px;
  text-align:justify
}
.guvyazi i{
  color:red;
}
.payments>li>a {
  position: relative;
  display: block;
  padding: 0px 10px;
}
.dropdown-toggle>.label-default {
  background-color: #cc0000;
}
.supportLi h4 {
  font-size: 20px;
  font-weight: lighter;
  line-height: normal;
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
.newsletter-box input#appendedInputButton {
  background: #FFFFFF;
  display: inline-block;
  float: left;
  height: 30px;
  clear: both;
  width: 100%;
}
.newsletter-box .btn {
  border: medium none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  height: 40px;
  padding: 0;
  width: 100%;
  color: #fff;
}
.newsletter-box {
  overflow: hidden;
}
.bg-gray {
  background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
  box-shadow: 0 1px 0 #B4B3B3;
}
.social li {
  background: none repeat scroll 0 0 #B5B5B5;
  border: 2px solid #B5B5B5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  float: left;
  height: 36px;
  line-height: 36px;
  margin: 0 8px 0 0;
  padding: 0;
  text-align: center;
  width: 36px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.social li:hover {
  transform: scale(1.15) rotate(360deg);
  -webkit-transform: scale(1.1) rotate(360deg);
  -moz-transform: scale(1.1) rotate(360deg);
  -ms-transform: scale(1.1) rotate(360deg);
  -o-transform: scale(1.1) rotate(360deg);
}
.social li a {
  color: #EDEFF1;
}
.social li:hover {
  border: 2px solid #2c3e50;
  background: #2c3e50;
}
.social li a i {
  font-size: 16px;
  margin: 0 0 0 5px;
  color: #EDEFF1 !important;
}
.footer-bottom {
  padding-top: 10px;
  padding-bottom: 10px;
}
.footer-bottom p.pull-left {
  padding-top: 6px;
}
.payments {
  font-size: 1.5em;
}
/*alt.php SON */

/*markalar.php */
.timeline{list-style:none;padding:0 0 20px;position:relative;margin-top:-15px}

.timeline:before{top:30px;bottom:25px;position:absolute;content:" ";width:3px;background-color:#ccc;left:25px;margin-right:-1.5px}

.timeline>li,.timeline>li>.timeline-panel{margin-bottom:5px;position:relative}
.timeline>li:after,.timeline>li:before{content:" ";display:table}
.timeline>li:after{clear:both}
.timeline>li>.timeline-panel{margin-left:55px;float:right;top:19px;padding:4px 10px 8px 15px;border:1px solid #ccc;border-radius:5px;width:95%}
.timeline>li>.timeline-badge{color:#000;width:36px;height:36px;line-height:36px;font-size:1.2em;text-align:center;position:absolute;top:26px;left:9px;margin-right:-25px;background-color:#fff;z-index:9;border-radius:50%;border:1px solid #d4d4d4}
.timeline>li.timeline-inverted>.timeline-panel{float:left}
.timeline>li.timeline-inverted>.timeline-panel:before{border-right-width:0;border-left-width:15px;right:-15px;left:auto}
.timeline>li.timeline-inverted>.timeline-panel:after{border-right-width:0;border-left-width:14px;right:-14px;left:auto}
.timeline-badge.primary{background-color:#2e6da4!important}.timeline-badge.success{background-color:#3f903f!important}
.timeline-badge.warning{background-color:#f0ad4e!important}.timeline-badge.danger{background-color:#d9534f!important}
.timeline-badge.info{background-color:#5bc0de!important}.timeline-title{margin-top:0;color:inherit}
.timeline-body>p,.timeline-body>ul{margin-bottom:0;margin-top:0}.timeline-body>p+p{margin-top:5px}
.timeline-badge>.glyphicon{margin-right:0px;color:#fff}.timeline-body>h4{margin-bottom:0!important}
/*markalar.php SON */

/*sepet.php */
.adet {
  width:48px;
  padding:2px;
  text-align:right;
}
#sepet_urunler div.resimdiv {
  padding:0
}
div.urunresim {
  display:inline-block;
  vertical-align:middle;
  border-radius:4px;
  border:solid 1px #CCCCCC;
  height:100%;
}
div.urunresim img {
  border-radius: 4px;
  height:100%;
}
#odeme .col-md-8>ul.nav.nav-tabs {
  padding-top: 9px;
}
#odeme_plani .para,
#sepet_urunler .para {
  margin: 10px 0;
  display: block;
  font-size: 1.077em;
  white-space: nowrap;
  float: right;
}
.sepet_urun>div{
  height:6em;
  padding:22px 0;
}
#sepet_urunler a.input-group-addon {
  padding:7px;
}
#sepet_urunler>div.row:nth-of-type(odd) {
  background-color: #f9f9f9;
}
#sepet_formu {
  padding:15px
}
.sepet_ajax th,
.sepet_toplami td {
  text-align:right
}
#hediye_kuponu .alert label {
  width: 100%;
}
#hediye_kuponu .alert { margin-bottom:0 }
#hediye_kuponu .alert label b,
#hediye_kuponu .alert label button {
  float: right;
}
@media(max-width:767px){
  #sepet_urunler div.resimdiv {
    height: 6em;
  }
  .sepet_urun>div{
    height:3em;
    padding:0
  }
  .modal .yildizla {
    width: 100%;
  }
  #sepet_formu,
  #sepet_urunler {
    padding:0;
    margin:0;
  }
}
.sepet_urunler{

}
/*sepet.php SON */
/*siparis.php */
#ilerleme {
  position: relative;
  background:white;
}
#ilerleme .cizgi {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}
#ilerleme ul {
  list-style-type:none;
  padding:0;
}
#ilerleme li {
  display:inline-block;
  width: 20%
}
#ilerleme li>a {
  border: 2px solid #e0e0e0;
  text-align: center;
  border-radius: 50%;
  position:relative;
  line-height: 70px;
  margin: 20px auto;
  background: #fff;
  font-size: 25px;
  display:block;
  height: 70px;
  width: 70px;
  padding: 0;
  z-index: 2;
}
#ilerleme li.aktif a {
  border-color:#b94848;
}
#ilerleme li a i {
  color:#c0c0c0
}
#ilerleme li.aktif a i {
  text-shadow:1px 1px 1px #a5a5a5;
  color:#e9053b
}
#adres_formu .panel-body {
  max-height: 196px;
  height: 196px;
  overflow: auto;
  clear: both
}
#adres_formu:not(.ayri) .panel {
  cursor: pointer;
}
#adres_formu .duzenle {
  position: absolute;
  display: none;
  bottom: 24px;
  right: 30px;
}
#adres_formu .panel:hover .duzenle {
  display: block;
}
#adres_formu address {
  margin-bottom: 0px
}
address label.tel {
  width: 106px;
  text-align: right;
  padding-right: 6px;
}
#adres_formu .checkbox {
  padding: 0 15px;
}
#adres_formu .adressec .panel-title b,
#adres_formu .adressec .panel-title i {
  display: none;
  float: right;
}
/*#adres_formu:not(.ayri)*/
#adres_formu:not(.ayri) .adressec .panel:not(.panel-success) .panel-title b,
#adres_formu:not(.ayri) .adressec .panel.panel-success .panel-title i {
  display: inline;
}
#adres_formu:not(.ayri) .adressec .btn-group {
  display: none;
}
#adres_formu.ayri .adressec .btn-group {
  display: inline;
  position: absolute;
  right: 17px;
  top: 2px;
}
#adres_formu .panelarti {
  font-size: 100px;
  color: #CE9;
  padding-left: 100px;
}

#kargo_secimi a {
  padding:10px 15px;
  display:block;
  height:5em;
}
#kargo_secimi .list-group-item.active {
  background-color: #99D6E8;
  border-color: #5DCBEC;
}
#kargo_secimi .list-group-item a div {
  font: normal 1.2em sans-serif;
  display:block;
  color:black;
  padding: 0;
}
#kargo_secimi .list-group-item a div {
  display:inline-block;
  text-align:center;
}
#kargo_secimi .list-group-item a div.para {
  font: normal 1.4em Ubuntu,sans-serif;
  text-align: right;
  color: #B32136;
}
#kredikart .list-group-item {
  padding-left: 30px;
  cursor: pointer;
}
#kargo_secimi .list-group-item {
  padding: 0;
}
#kredikart .list-group-item::before,
#kargo_secimi .list-group-item::before {
  position: absolute;
  top: 12px;
  left: 10px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e157";
}
#kargo_secimi .list-group-item::before {
  top: 22px;
}
#kredikart .list-group-item.active::before,
#kargo_secimi .list-group-item.active::before {
  content: "\e067";
}
#kredikart .list-group,
#kargo_secimi .list-group {
  margin: 0 15px 20px 15px;
}
#kredikart>div>div.col-xs-12 {
  padding-top: 15px;
}
#havale>div {
  display:inline-block;
  padding:3px;
}
#havale .panel-title b,
#havale .panel-title i {
  float:right;
}
#havale .panel-heading {
  cursor: pointer;
}
#havale .panel.panel-success .panel-title b,
#havale .panel:not(.panel-success) .panel-title i {
  display:none;
}
#havale .havalesecenegi {
  padding:6px
}
#havale .havalesecenegi .panel {
  margin-bottom:0
}
#havale .havalesecenegi>a {
  color:black;
}
#havale .havalesecenegi .panel-body b {
  display: inline-block;
  white-space: nowrap;
  text-align: right;
  margin: 0 2px 0 0;
  width: 66px;
}
#havale .btn {
  clear:both
}
#odeme #threed iframe {
  min-height: 640px;
  width: 100%;
  border: 0;
}
#odeme_form {
  position:relative
}
#odeme_form>.col-md-8 {
  padding-left: 0;
}
#odeme_plani .buyuk {
  white-space: nowrap;
  font-size:1.5em;
  display: block;
  float: right;
  margin:0;
}
#odeme_plani .odenecek {
  clear:both;
}
iframe#iframe3d {
  height: 40em;
  width: 100%;
  border: 0;
}
.ucdislemibekle {
  vertical-align:middle;
  position:absolute;
  background:black;
  display:none;
  color:white;
  width:100%;
  z-index:22;
  opacity:.5;
}

@media( max-width : 585px ) {
  #ilerleme li>a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  #adres_formu .duzenle {
    display: block;
  }
  #adres_formu .panel {
    margin-bottom: 10px;
  }
}
/*siparis.php SON */

#taksit .panel-body {
  padding:0
}
#taksit .gizli .panel-body {
  display:none
}

/*taksit_secenekleri.php */
.banka { background: url(../images/bankalar.png?) no-repeat;width:170px;height:35px;margin:auto }
.banka1  { background-position: 0 -315px }
.banka4  { background-position: 0 -140px }
.banka6  { background-position: 0 0 }
.banka13 { background-position: 0 -70px }
.banka14 { background-position: 0 -245px }
.banka16 { background-position: 0 -175px }
.banka17 { background-position: 0 -35px }
.banka18 { background-position: 0 -385px }
.banka19 { background-position: 0 -70px }
.banka21 { background-position: 0 -350px }
.banka22 { background-position: 0 -280px }
.banka23 { background-position: 0 -420px }
.banka24 { background-position: 0 -210px }
.banka25 { background-position: 0 -455px }
.banka29 { background-position: 0 -490px }
.banka30 { background-position: 0 -525px }
.banka31 { background-position: 0 -70px }
.banka32 { background-position: 0 -105px }
.banka35 { background-position: 0 0 }
.banka36 { background-position: 0 -35px }
.banka37 { background-position: 0 -140px }
.banka38 { background-position: 0 -175px }
.banka39 { background-position: 0 -245px }
.banka40 { background-position: 0 -280px }
.banka41 { background-position: 0 -490px }
.banka42 { background-position: 0 -525px }
.banka43 { background-position: 0 0 }
.banka44 { background-position: 0 -35px }

#taksit tr.aciklama .para {
  padding-bottom: 16px;
  padding-top: 0px;
}
#taksit tr.aciklama .yuzen {
  border-top-left-radius: 8px;
  background-color: #e3e9fd;
  white-space: nowrap;
  position: absolute;
  font-style: italic;
  line-height: 11px;
  overflow: hidden;
  font-size: 12px;
  padding: 3px;
  right: 16px;
}
#taksit .panel-body .table {
  margin-bottom:0
}
/*taksit_secenekleri.php SON */
/*urun.php */

.preview {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FFFFFF;
  border-top-left-radius: 6px;
}
@media screen and (max-width:996px) {
  .preview {
    margin-bottom: 20px;
  }
}

.preview-pic {
  padding:10px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px;
}
.preview-thumbnail.nav-tabs li {
  width: 18%;
  margin-right: 2.5%;
}
.preview-thumbnail.nav-tabs li img {
  max-width: 100%;
  display: block;
}
.preview-thumbnail.nav-tabs li a {
  padding: 0;
  margin: 0;
}
.preview-thumbnail.nav-tabs li:last-of-type {
  margin-right: 0;
}
.tab-content {
  overflow: hidden;
}
#urunform .tab-content img {
  width:100%
}
#bize-sorun-form .input-group-addon img {
  max-width:inherit;
}
#magazapuani a{
  font-style:italic;
  font-weight:bold;
  font-size:12px;
  color:#5CB85C;
  padding:10px
}
#magazapuani .progress{ height:10px }
.navbar-header>.navbar-btn {
  /*#mobilmagazapuani*/
  margin: 9px 15px 9px 0
}
.hakkimizdalogo {
  padding: 10px;
  width: 160px;
  float: left
}
.tab-content img {
  max-width: 100%;
  -webkit-animation-name: parlat;
          animation-name: parlat;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
}
@-webkit-keyframes parlat {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes parlat {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.card {
  margin-top: 50px;
  background: #eee;
  padding: 3em;
  line-height: 1.5em; 
}

@media screen and (min-width:997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.colors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.product-title {font-weight:bold}
.price,
.sizes,
.colors {
  text-transform: uppercase;
  font-weight: bold;
}

.product-title,
.rating,
.product-description,
.price,
.vote,
.sizes {
  margin-bottom: 15px;
}

.product-title {
  margin-top: 0;
}
.orange {
  background: #ff9f1a;
}
.green {
  background: #85ad00;
}
.blue {
  background: #0076ad;
}
.tooltip-inner {
  padding: 1.3em;
}
.form-group .yazi {
  font-size: smaller;
  color: indianred;
  text-align: center;
}
.update-nag{
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
  margin-bottom: 10px;
}
.update-nag:hover{
    cursor: pointer;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
}
.update-nag > .update-split{
  background: #337ab7;
  width: 33px;
  float: left;
  color: #fff!important;
  height: 100%;
  text-align: center;
  padding: 10px;
}
.padding10{padding:10px;}
.update-nag > .update-split > .glyphicon{
  position:relative;
  top: calc(50% - 9px)!important; /* 50% - 3/4 of icon height */
}
.update-nag > .update-split.update-success{
  background: #5cb85c!important;
}

.update-nag > .update-split.update-danger{
  background: #d9534f!important;
}

.update-nag > .update-split.update-info{
  background: #5bc0de!important;
}
/*urun.php SON */
/*ust.php */
.dropdown-menu form input{ padding:5px; margin-bottom:3px }
.anasepettoplam{ padding:1px; font-size:12px; color:#000;margin-right:10px }
ul.dropdown-cart{
  width:320px;
  max-height:500px;
  overflow-y:scroll;
}
ul.sepettel{
  overflow-y:initial;
  max-height:none;
  width:100%;
}
ul.dropdown-cart table{
  width:100%
}
ul.dropdown-cart table tr{
  border-bottom:dashed 1px lightgray;
  padding:6px 0;
  overflow:hidden;
}
ul.dropdown-cart table td a{
  vertical-align: middle;
  display:inline-block;
  overflow:hidden;
  font-weight:normal;
  color:initial;
  width:100%;
}
ul.dropdown-cart table td a img{
  margin:5px;
  width:72px;
  float:left;
}
ul.dropdown-cart table td a div{
  overflow:hidden;
  height: 2.7em;
  margin: 6px;
}
ul.dropdown-cart table td a span.fiyat{
  margin-right: 6px;
  float: right;
}
#orta .slider{
  border-bottom:1px solid #eee;
  background-color: #fff
}
/*ust.php SON */
/*anasayfa sepet*/
.sepettel{
list-style-type:none!important;
-webkit-padding-start:0px!important;
}
.sepettelekle{ border:1px solid #000; padding:5px; border-radius:3px; float:left;}


@media (min-width:992px) and (max-width:1199px){
  .navbar.affix{
    width:970px
  }
  .navbar-default .navbar-collapse{
    height:50px;
  }
  .navbar-right {
    float:none;
  }
  .aradiv{
    padding-top:0;
  }
  .sagslayt{
    width:700px;
  }
  #urunsayfasi div.details {
    width: 464px
  }
}

@media (min-width:768px) and (max-width:991px) {
  .navbar-form {
    padding:0;
  }
  .navbar.affix{
    width: 750px;
  }
  .navbar-default .navbar-collapse{
    height:50px;
  }
  .aradiv{
    padding-top:0;
    float: none
  }
  .carousel-indicators {
    display:none !important;
  }
  .sagslayt{
    margin-left:0;
    width:100%;
  }
  .boslukust{ padding:10px;}
}

@media (min-width:1px) and (max-width:767px) {
  .navbar {
    border:0;
  }
  .container {
    width:100% !important;
    margin-right:-5px;
    padding:0;
    margin:0;
  }
  .article-slide .carousel-indicators {
    display:inline;
  }
  .navbar-form .form-control{
    float:left;
  }
  .aradiv{
    padding-top:0;
    float: none
  }
  .arabuton{
    color:#FFFFFF;
    border:4px solid #CC0000;
    border-radius:0;
    background-color:#CC0000;
  }
  .navbar.affix{
    position:static;
    width:100%;
  }
  .navbar-right {
    float:inherit !important;
  }
  .navbar-form {
    width:100% !important;
  }
  .carousel-indicators {
    display:none !important;
  }
  .navbar-form {
    margin:0;
    padding:0;
  }
  .slayt{
    margin-right:-15px;
    margin-left:-15px;
  }
  .sagslayt{
    margin-left:0;
    width:100%;
  }
  .boslukust{ padding:10px }
  #orta .col-md-9 {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width:768px){
  ::-webkit-scrollbar{
    background:#FFF;
    height:12px;
    width:8px;
  }
  ::-webkit-scrollbar-thumb{
    background:#999;
    -webkit-border-radius:0.5em;
  }
  ::-webkit-scrollbar-corner{
    background:#FFF;
  }

  #popmenu ul>a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #popmenu ul.a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: left;
    min-height: 24em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: left;
  }
}
::selection, -moz-selection {
  background:rgba(0,160,250,0.5);
  text-shadow:0 0 2px rgba(0,0,0,0.6);
  color:white;
}

/*MENU*/
@media (min-width:992px){
  .anamenuacik nav.affix-top #popmenu {
    display:block;
    width:268px
  }
  .anamenuacik nav.affix-top #popmenu.acik {
    width:1170px
  }
  .slider>.row.content{
    height:360px
  }
  #orta>.col-md-3,
  #orta>.col-sm-3 {
    padding-left: 0;
  }
  .product-info .nav-tabs>li {
    width: 20%;
  }
}
nav.acik #popmenu {
  display:block;
  box-shadow: 0 5px 15px;
}
#popmenu {
  position:absolute;
  z-index:20;
  border:1px solid #eee;
  background-color:#FFFFFF;
  width:100%;
  display:none;
}
#popmenu a {
  color:#000000;
  transition-property: all;
  transition-duration:0.5s;
}
#popmenu .altmenubaslik {
  display:none
}
#popmenu ul {
  padding:0;margin:0
}
#popmenu ul.a {
  float:left;
  margin:0;
  overflow-y:auto;
  height:360px
}
#popmenu ul.a>a {
  border-bottom:1px solid #eeefea;
  padding:5px 20px;
  display:block;
  width:268px;
}
#popmenu ul>a.aktif {
  background:#000;
  color:#FFF
}
#popmenu ul.b {
  display:none
}
#popmenu ul.b>li {
  float:left;
  width:440px;
  min-height:70px;
  list-style:none;
  overflow:hidden;
  padding-left:10px;
  border-bottom:1px solid #CCCCCC;
  border-left:3px solid #000;
  margin:1px;
}
#popmenu ul.b>li:hover {
  border-bottom:1px solid #FF0000;
  border-left:3px solid #FF0000;
  transition-property: all;
  transition-duration:0.3s;
  background:#F7F7F7;
  padding-right:5px;
  padding-left:5px;
  color:#000;
  margin:1px;
}
#popmenu ul.b.goster {
  background:#FFF;
  overflow:auto;
  display:block;
  height:360px;
  margin:1px;
}
#popmenu ul.b>li>span {
  display: inline-block;
  min-height: 34px;
  width: 360px;
  border-left: 3px solid red;
  background: #f5f5f5;
  padding-left: 5px;
}
#popmenu ul.b>li>span>a {
  font-size:0.8em;
  color:#000;
  margin-right:5px;
}
#popmenu ul.b>li>span>a:hover {
  color:#999999
}
#popmenu div.sag .altmenubaslik {
  display:none
}
#popmenu .b li>a {
  display: block;
  padding: 7px 20px;
}
#popmenu .b li>a:hover {
  color: #c0c0c0;
}
.menuok{
  float: right;
  margin-top: 2px;
  margin-right: -7px;
  color: #dcddd9;
}
.tumaktif{
  background:#000;
}
.tumaktif a{
  color:#FFF !important;
}

#odeme_plani .affix.odenecek {
  width: 374px;
  top: 52px
}
label.checkbox {
  cursor:pointer
}
label.checkbox input[type=checkbox] {
  display:none  
}
label.checkbox:before {
  content: "\e157";
  position: relative;
  top: 5px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.7em;
  padding-right:.3em;
}
label.checkbox.checked:before {
  content: "\e067";
}

@media (min-width:992px) and (max-width:1199px){
  .anamenuacik nav.affix-top #popmenu.acik {
    width:970px
  }
  #popmenu ul.b>li {
    width:346px
  }
  #popmenu ul.b>li>span {
    width:266px
  }
  .mesajgoster1{
    position:fixed;
    top:0;
    width:100%;
    margin:0;
    z-index:25;
  }
  #odeme_plani .affix.odenecek {
    top: 52px;
    width: 297px;
  }
}
@media (min-width:768px) and (max-width:991px){
  .anamenuacik nav.affix-top #popmenu.acik {
    width:750px
  }
  #popmenu ul.b>li {
    width:470px
  }
  .kucukyanyana ul li{
    float:left!important;
  }
  .kaybol{ visibility:hidden; display:none; }
  .kayboltopla{ width:100%;}
  .mesajgoster1{
    position:fixed;
    top:0;
    width:100%;
    margin:0;
    z-index:25;
  }
  .tamekran {
    display: block !important;
    background: rgba(0,0,0,.5);
    overflow: scroll;
    padding: 0 200px;
    position: fixed;
    z-index: 4;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
  }
  #urunsayfasi .benzer_urunler .urun .row {
    zoom: 0.85
  }
}
@media (min-width:1px) and (max-width:767px){
  .navbar-nav>li>a { float:left }
  .nav navbar-nav{
    float:right !important;
  }
  #popmenu {
    position:fixed;
    width:200%;
    top:0;
    left:0;
    height:100%;
    overflow:hidden;
    transition-property:all;
    transition-duration:0.3s
  }
  #popmenu ul.a {
    width:50%;
    height:100%;
    padding-top:40px
  }
  #popmenu ul.a>a {
    width:100%
  }
  #popmenu div.sag {
    display:none;
    height:100%
  }
  #popmenu ul.b {
    width:50%;
    padding-top:40px;
    box-shadow:none
  }
  #popmenu ul.b>li {
    height:42px;
    width:100%
  }
  #popmenu ul.b>li>span {
    display:none
  }
  #popmenu ul.b.goster {
    height:100%;
    width:auto
  }
  #popmenu.altmenu {
    left:-100%;
  }
  #popmenu .altmenubaslik {
    display:block;
    left:0;
    position:absolute;
    width:50%;
    height:40px;
    background-color:#CC0000;
    border-right:solid 1px white;
    color:#FFFFFF;
    transition-property:all;
    transition-duration:0.3s;
    z-index: 1
  }
  #popmenu .altmenubaslik .h4 {
    width:80%;
    display:inline-block;
    height:20px;
    text-align:center;
    vertical-align:middle
  }
  #popmenu .altmenubaslik button {
    width:10%;
    color:#FFFFFF
  }
  #popmenu.altmenu div.sag {
    display:block
  }
  #popmenu.altmenu .altmenubaslik {
    border-left:solid 1px white;
    border-right:none;
    left:50%
  }
  #popmenu         .altmenubaslik button:first-child { visibility:hidden }
  #popmenu.altmenu .altmenubaslik button:first-child { visibility:visible }
  .menuresim{ width:40px; float:left}
  .uyeol{ padding:10px }
  .kucukyanyana ul li{ float:left!important}
  .kaybol{ visibility:hidden; display:none }
  .kayboltopla{ width:100% }
  .mesajgoster1{
    position:fixed;
    top:0;
    width:100%;
    margin:0;
    z-index:25;
  }
  #orta .slider {
    padding:0;
  }
  .row {
    margin: 0;
  }
  .yukleniyor {
    width:100%
  }
  #kredikart .list-group,
  #kargo_secimi .list-group {
    margin: 0;
  }
  #kargo_secimi a {
    padding:10px 5px 10px 25px
  }
  #kargo_secimi .list-group-item a div {
    font-size: 1em;
  }
  .scrollyok {
    position:relative;
    overflow:hidden
  }
  .tamekran {
    display: block !important;
    background: white;
    overflow: scroll;
    position: fixed;
    z-index: 4;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
  }
  .altsabit {
    background: white;
    position: fixed;
    width: 100%;
    z-index: 3;
    bottom: 0;
  }
  .urunyildizi.tek { float:inherit!important;width:16px;padding:8px }
}
@media(min-width:992px) and (max-width:1199px){
  .logo {height: 48px;}
  .kart_resmi {
    zoom:0.8;
  }
  #urunsayfasi .butonlar a {
    zoom:0.9;
  }
  .banka {
    width:170px;
    margin:0
  }
}
/*\MENU*/
@media(min-width:992px){
  #urunsayfasi .details {
    width:564px;
    width:calc(50% - 20px);
    margin:0 10px;
  }
  
  #odeme_plani{
    margin-top: 50px
  }
  .uyeol {
    background:no-repeat url(../images/uyeol.jpg) -20px 32px;
  }
  .giris {
    background:no-repeat url(../images/girisyap.jpg) -90px white;
    min-height:400px;
    padding-top:50px
  }
}
@media(max-width:991px){
  .logo {height: 48px}
  #anasekme.nav.nav-tabs,
  #urunsayfasi .nav.nav-tabs {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
  }
  .gspeed{
	height:450px;
  }
  #anasekme.nav.nav-tabs>li,
  #urunsayfasi .nav.nav-tabs>li {
    display:inline-block;
    float:none;
  }
  #odeme_form>.col-xs-12 {
    padding: 0;
  }
  #odeme_plani .affix.odenecek {
    z-index: 10;
    width: 718px;
    top: 0;
  }
  .urunsirala>a>span {
    display: none;
  }
  .urunsirala>a.active>span {
    display: inline;
  }
  .ilgiliurun {
    padding: 0
  }
}
@media(max-width:539px){
  .profile {
    padding:0
  }
  .profile .urunfiyati {
    border-radius: 6px;
    background: white;
    margin-right:0
  }
  .uyar {
    font-size: 0.8em
  }
  .urunfiyat{
    font-size: 1.2em
  }
  .carousel {
    padding: 0 0px 10px 0px
  }
  #urunsayfasi .benzer_urunler .urun .row {
    margin:0
  }
  #hakkimizda .media-body{
    width:initial;
    float:left
  }
  .navbar-header>.navbar-toggle,
  .navbar-header>.navbar-btn {
    margin: 8px 5px 8px 0
  }
}
@media(min-width:540px){
  .profile .img-box {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media(max-width:359px){
  #kredikart .row>div,
  #kredikart div.col-xs-12 {
    padding:0
  }
  div#siparisler .panel-title a {
    font-size: 1.2rem;
  }
  #hakkimizda .col-xs-6,
  .col-xs-12 {
    padding: 0
  }
  #hakkimizda .col-lg-12,
  #hakkimizda .col-md-12,
  #hakkimizda .col-md-8 {
    padding: 2px
  }
  #hakkimizda .panel-body {
    padding: 5px
  }
  #magaza-yorumlari .pagination>li>a{
    padding: 6px 9px
  }
  .panel-title {
    font-size: 1.1em
  }
}
@media (max-width: 342px){
  .navbar-header>.navbar-toggle,
  .navbar-header>.navbar-btn {
    margin: 8px 1px 8px 0;
  }
}
@media(min-width:1px) and (max-width:767px){
  #urunsayfasi .product-info {
    clear:both;
    padding:0
  }
  #odeme_plani .affix.odenecek {
    width: 102%;
    left: -4px;
  }
  .carousel-inner>.item>a:nth-last-of-type(2) {
    display:none
  }
}
@media(max-width:1199px){
  body{
    background-position: 50% 0;
  }
  .carousel-inner>.item>a:last-of-type {display:none}
  #urunsayfasi .benzer_urunler .row {
    margin: 0 -15px;
  }
  #urunsayfasi .benzer_urunler .row .urunfiyati {
    margin-right: 0
  }
  #urunsayfasi .benzer_urunler a.urun:nth-child(5),
  #urunsayfasi .benzer_urunler a.urun:nth-child(6) {
    display: none
  }
}
@media(min-width:1200px){
  .uyeol {
    background-position: 110px center;
  }
  .giris {
    background-position: 110px center;
  }
}




/*icon için animasyon başlangıç*/
.dropdown-menu>li>a,
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav >.active>a,
.navbar-default .navbar-header>a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a
{
  color:#2C3E50;
  transition:all 1s;
  -o-transition:all 1s;
  -moz-transition:all 1s;
  -webkit-transition:all 1s
}
.dropdown-menu>li>a:hover,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav >.active>a,
.navbar-default .navbar-header>a:hover,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover
{
  color:#FFFFFF;
  background:#2C3E50
}
a
{
  cursor:pointer;
}
a:hover .fa
{
  -webkit-animation:fa-spin 1s;animation:fa-spin 1s
}
.hl-left
{
  border:1px dotted #5C4383;
  border-left:5px solid #5C4383;
  padding:30px;
  border-radius:10px;
  margin-bottom:60px;
  background-color:#FBFBFB;
}
.progress-divider
{
  width: 11.11111111111111%;
}


/*
 * Font Awesome Animation
 */
/* WRENCHING */
@keyframes wrench {
  0%{transform:rotate(-12deg)}
  8%{transform:rotate(12deg)}
  10%{transform:rotate(24deg)}
  18%{transform:rotate(-24deg)}
  20%{transform:rotate(-24deg)}
  28%{transform:rotate(24deg)}
  30%{transform:rotate(24deg)}
  38%{transform:rotate(-24deg)}
  40%{transform:rotate(-24deg)}
  48%{transform:rotate(24deg)}
  50%{transform:rotate(24deg)}
  58%{transform:rotate(-24deg)}
  60%{transform:rotate(-24deg)}
  68%{transform:rotate(24deg)}
  75%,100%{transform:rotate(0deg)}
}
.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench {
  animation: wrench 2.5s ease infinite;
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
}
.faa-wrench.animated.faa-fast,
.faa-wrench.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-wrench.faa-fast {
  animation: wrench 1.2s ease infinite;
}
.faa-wrench.animated.faa-slow,
.faa-wrench.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-wrench.faa-slow {
  animation: wrench 3.7s ease infinite;
}

/* BELL */
@keyframes ring {
  0%{transform:rotate(-15deg)}
  2%{transform:rotate(15deg)}
  4%{transform:rotate(-18deg)}
  6%{transform:rotate(18deg)}
  8%{transform:rotate(-22deg)}
  10%{transform:rotate(22deg)}
  12%{transform:rotate(-18deg)}
  14%{transform:rotate(18deg)}
  16%{transform:rotate(-12deg)}
  18%{transform:rotate(12deg)}
  20%,100%{transform:rotate(0deg)}
}
.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}
.faa-ring.animated.faa-fast,
.faa-ring.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-ring.faa-fast {
  animation: ring 1s ease infinite;
}
.faa-ring.animated.faa-slow,
.faa-ring.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-ring.faa-slow {
  animation: ring 3s ease infinite;
}

/* VERTICAL */
@keyframes vertical {
  0%{transform:translate(0,-3px)}
  4%{transform:translate(0,3px)}
  8%{transform:translate(0,-3px)}
  12%{transform:translate(0,3px)}
  16%{transform:translate(0,-3px)}
  20%{transform:translate(0,3px)}
  22%,100%{transform:translate(0,0)}
}
.faa-vertical.animated,
.faa-vertical.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-vertical {
  animation: vertical 2s ease infinite;
}
.faa-vertical.animated.faa-fast,
.faa-vertical.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-vertical.faa-fast {
  animation: vertical 1s ease infinite;
}
.faa-vertical.animated.faa-slow,
.faa-vertical.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-vertical.faa-slow {
  animation: vertical 4s ease infinite;
}

/* HORIZONTAL */
@keyframes horizontal {
  0%{transform:translate(0,0)}
  6%{transform:translate(5px,0)}
  12%{transform:translate(0,0)}
  18%{transform:translate(5px,0)}
  24%{transform:translate(0,0)}
  30%{transform:translate(5px,0)}
  36%,100%{transform:translate(0,0)}
}
.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-horizontal {
  animation: horizontal 2s ease infinite;
}
.faa-horizontal.animated.faa-fast,
.faa-horizontal.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-horizontal.faa-fast {
  animation: horizontal 1s ease infinite;
}
.faa-horizontal.animated.faa-slow,
.faa-horizontal.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-horizontal.faa-slow {
  animation: horizontal 3s ease infinite;
}

/* FLASHING */
@keyframes flash {
  0%,100%,50%{opacity:1}
  25%,75%{opacity:0}
}
.faa-flash.animated,
.faa-flash.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-flash {
  animation: flash 2s ease infinite;
}
.faa-flash.animated.faa-fast,
.faa-flash.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-flash.faa-fast {
  animation: flash 1s ease infinite;
}
.faa-flash.animated.faa-slow,
.faa-flash.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-flash.faa-slow {
  animation: flash 3s ease infinite;
}

/* BOUNCE */
@keyframes bounce {
  0%,10%,20%,50%,80%,100%{transform:translateY(0)}
  40%{transform:translateY(-15px)}
  60%{transform:translateY(-15px)}
}
.faa-bounce.animated,
.faa-bounce.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-bounce {
  animation: bounce 2s ease infinite;
}
.faa-bounce.animated.faa-fast,
.faa-bounce.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-bounce.faa-fast {
  animation: bounce 1s ease infinite;
}
.faa-bounce.animated.faa-slow,
.faa-bounce.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-bounce.faa-slow {
  animation: bounce 3s ease infinite;
}

/* SPIN */
@keyframes spin{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(359deg)}
}
.faa-spin.animated,
.faa-spin.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-spin {
  animation: spin 1.5s linear infinite;
}
.faa-spin.animated.faa-fast,
.faa-spin.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-spin.faa-fast {
  animation: spin 0.7s linear infinite;
}
.faa-spin.animated.faa-slow,
.faa-spin.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-spin.faa-slow {
  animation: spin 2.2s linear infinite;
}

/* FLOAT */
@keyframes float{
  0%{transform: translateY(0)}
  50%{transform: translateY(-6px)}
  100%{transform: translateY(0)}
}
.faa-float.animated,
.faa-float.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-float {
  animation: float 2s linear infinite;
}
.faa-float.animated.faa-fast,
.faa-float.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-float.faa-fast {
  animation: float 1s linear infinite;
}
.faa-float.animated.faa-slow,
.faa-float.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-float.faa-slow {
  animation: float 3s linear infinite;
}

/* PULSE */
@keyframes pulse {
  0% {transform: scale(1.1)}
   50% {transform: scale(0.8)}
   100% {transform: scale(1.1)}
}
.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
  animation: pulse 2s linear infinite;
}
.faa-pulse.animated.faa-fast,
.faa-pulse.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-pulse.faa-fast {
  animation: pulse 1s linear infinite;
}
.faa-pulse.animated.faa-slow,
.faa-pulse.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-pulse.faa-slow {
  animation: pulse 3s linear infinite;
}

/* SHAKE */
.faa-shake.animated,
.faa-shake.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-shake {
  animation: wrench 2.5s ease infinite;
}
.faa-shake.animated.faa-fast,
.faa-shake.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-shake.faa-fast {
  animation: wrench 1.2s ease infinite;
}
.faa-shake.animated.faa-slow,
.faa-shake.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-shake.faa-slow {
  animation: wrench 3.7s ease infinite;
}

/* TADA */
@keyframes tada {
  0% {transform: scale(1)}
  10%,20% {transform:scale(.9) rotate(-8deg);}
  30%,50%,70% {transform:scale(1.3) rotate(8deg)}
  40%,60% {transform:scale(1.3) rotate(-8deg)}
  80%,100% {transform:scale(1) rotate(0)}
}

.faa-tada.animated,
.faa-tada.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-tada {
  animation: tada 2s linear infinite;
}
.faa-tada.animated.faa-fast,
.faa-tada.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-fast {
  animation: tada 1s linear infinite;
}
.faa-tada.animated.faa-slow,
.faa-tada.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-tada.faa-slow {
  animation: tada 3s linear infinite;
}

/* PASSING */
@keyframes passing {
  0% {transform:translateX(-50%); opacity:0}
  50% {transform:translateX(0%); opacity:1}
  100% {transform:translateX(50%); opacity:0}
}

.faa-passing.animated,
.faa-passing.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-passing {
  animation: passing 2s linear infinite;
}
.faa-passing.animated.faa-fast,
.faa-passing.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-passing.faa-fast {
  animation: passing 1s linear infinite;
}
.faa-passing.animated.faa-slow,
.faa-passing.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-passing.faa-slow {
  animation: passing 3s linear infinite;
}

/* PASSING REVERSE */

@keyframes passing-reverse {
  0% {transform:translateX(50%); opacity:0}
  50% {transform:translateX(0%); opacity:1}
  100% {transform:translateX(-50%); opacity:0}
}

.faa-passing-reverse.animated,
.faa-passing-reverse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-passing-reverse {
  animation: passing-reverse 2s linear infinite;
}
.faa-passing-reverse.animated.faa-fast,
.faa-passing-reverse.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-passing-reverse.faa-fast {
  animation: passing-reverse 1s linear infinite;
}
.faa-passing-reverse.animated.faa-slow,
.faa-passing-reverse.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-passing-reverse.faa-slow {
  animation: passing-reverse 3s linear infinite;
}

/* WAVE */
@keyframes burst {
  0% {opacity:.6}
  50% {transform:scale(1.8);opacity:0}
  100%{opacity:0}
}
.faa-burst.animated,
.faa-burst.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-burst {
  animation: burst 2s infinite linear
}
.faa-burst.animated.faa-fast,
.faa-burst.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-burst.faa-fast {
  animation: burst 1s infinite linear
}
.faa-burst.animated.faa-slow,
.faa-burst.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-burst.faa-slow {
  animation: burst 3s infinite linear
}
/*icon için animasyon SON*/
/* The gallery overlay */

#galleryOverlay{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  opacity:0;
  z-index:100000;
  background-color:#222;
  background-color:rgba(0,0,0,0.8);
  overflow:hidden;
  display:none;
  
  -moz-transition:opacity 1s ease;
  -webkit-transition:opacity 1s ease;
  transition:opacity 1s ease;
}

/* This class will trigger the animation */
#galleryOverlay.visible{
  opacity:1;
}

#gallerySlider{
  height:100%;
  left:0;
  top:0;
  width:100%;
  white-space: nowrap;
  position:absolute;
  
  -moz-transition:left 0.4s ease;
  -webkit-transition:left 0.4s ease;
  transition:left 0.4s ease;
}

#gallerySlider .placeholder{
  /*background: url(../images/yukleres.gif) no-repeat center center;*/
  height: 100%;
  line-height: 1px;
  text-align: center;
  width:100%;
  display:inline-block;
}

/* The before element moves the
 * image halfway from the top */
#gallerySlider .placeholder:before{
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right:-1px;
}

#gallerySlider .placeholder img{
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}

#gallerySlider.rightSpring{
  -moz-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
  -moz-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */
@-moz-keyframes rightSpring{
  0%{		margin-left:0px;}
  50%{	margin-left:-30px;}
  100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
  0%{		margin-left:0px;}
  50%{	margin-left:30px;}
  100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */
@-webkit-keyframes rightSpring{
  0%{		margin-left:0px;}
  50%{	margin-left:-30px;}
  100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
  0%{		margin-left:0px;}
  50%{	margin-left:30px;}
  100%{	margin-left:0px;}
}

/* Arrows */
#prevArrow,#nextArrow{
  border:none;
  text-decoration:none;
  background:url('../images/arrows.png') no-repeat;
  opacity:0.5;
  cursor:pointer;
  position:absolute;
  width:43px;
  height:58px;
  
  top:50%;
  margin-top:-29px;
  
  -moz-transition:opacity 0.2s ease;
  -webkit-transition:opacity 0.2s ease;
  transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
  opacity:1;
}

#prevArrow{
  background-position:left top;
  left:40px;
}

#nextArrow{
  background-position:right top;
  right:40px;
}
#androidappindir {margin:0}
#androidappindir a {margin-top:-35px}
#androidappindir img {width:40px;padding-right:10px;float:left}