body {
  font-family: 'Exo 2', sans-serif;
  font-size: 14px;
  color: #000;
  background-color: #fbfbfb;
   }

a {
  cursor: pointer;
  color: #000;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  a:active, a:focus {
    color: #000;
    text-decoration: none; }
  a:hover {
    text-decoration: none; }

ul, li, h1, h2, h3, h4 {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.cf {
  *zoom: 1; }
  .cf:after, .cf:before {
    content: " ";
    display: table; }
  .cf:after {
    clear: both; }

.fr {
  float: right; }

.fl {
  float: left; }

.mt {
  margin-top: 15px; }

.mb {
  margin-bottom: 15px; }

.mf {
  margin: 15px 0; }

.center {
  margin: auto;
  text-align: center; }

#header-ust {
  width: 100%;
  overflow: hidden;
  height: 35px;
  color: #fff;
  line-height: 35px; }
  #header-ust a {
    color: #fff; font-size:12px; }
    #header-ust a:hover {
      color: #b5b5b5; }

#header-kapsa {
  padding: 0px 0 15px 0;
  z-index: 10;
  position: relative; }

.sayfa {
  background:#f3f3f3;
  border-bottom: 4px solid #d3d3d3; }

.ust-menu {
  float: left; }
  .ust-menu li {
    float: left;
    margin-right: 15px;
    padding-right: 15px;
    height: 40px; }
    .ust-menu li:last-child {
      margin-right: 0;
      border-right: none;
      padding-right: 0; }

.ozel-baglanti {
  float: left;
  border-left: 1px solid #434343;
  margin-left: 15px;
  padding-left: 15px; }
  .ozel-baglanti li {
    float: left; }
  .ozel-baglanti .blog {
    background-color: #95904a;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 15px; }
    .ozel-baglanti .blog:hover {
      color: #fff !important;
      background-color: #736f39; }
  .ozel-baglanti .bayi {
    height: 26px;
    background-color: #6c6c6c;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    .ozel-baglanti .bayi:hover {
      color: #fff !important;
      background-color: #535353; }
  .ozel-baglanti a {
    font-size: 15px;
    font-weight: 600;
    min-width: 68px;
    padding: 4px 8px; }

.sosyal {
  float: right; }
  .sosyal li {
    float: left;
    margin-right: 6px; }
    .sosyal li:last-child {
      margin-right: 0; }
  .sosyal a {
    color: #fff;
    width: 22px;
    height: 22px;
    font-size: 14px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 22px;
    display: inline-block; }

.nav {
  padding: 0 30px;
  margin-top: 18px;
  height: 52px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 0 25.9px 1.1px rgba(42, 42, 42, 0.19);
  line-height: 52px;
  float: left;
  width: 100%; }
  .nav a {
    color: #fff;
    font-weight: 600; }
    .nav a:hover {
      color: #b5b5b5; }
    .nav a i {
      margin-left: 10px; }
  .nav li {
    float: left;
    margin-right: 1.9%; }
    .nav li:last-child {
      margin-right: 0; }

.tel {
  display: inline-block;
  float: left;
  margin-left: 20%;
  font-size: 18px;
  font-weight: 600; }
  .tel i {
    font-size: 17px;
    position: relative;
    top: -1px;
    margin-right: 9px;
    color: white;
    background: #95904a;
    width: 28px;
    height: 28px;
    border-radius: 40px;
    text-align: center;
    line-height: 28px; }

#header {
  margin-top: 25px; }

.sepet {
  width: 110px;
  height: 73px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  line-height: 73px;
  text-align: center;
  font-size: 13px;
  float: right;
  margin-left: 4px; }
.sepet2 {
  width: 110px;
  height: 41px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  line-height: 49px;
  text-align: center;
  font-size: 13px;
  float: right;
  margin-left: 4px; }
  .sepet span, .sepet2 span {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 27px;
    font-size: 13px;
    position: relative;
    top: -6px;
    left: 5px;
    font-weight: 600; }

  .sepet a, .sepet2 a {
    color: #fff; }
    .sepet a:hover, .sepet2 a:hover {
      opacity: 0.6; }
    .sepet a i, .sepet2 a i {
      font-size: 26px;
      margin-right: 10px; }

#facebook {
  width: 224px;
  height: 29px;
  display: block;
  line-height: 29px;
  margin-top: 4px; }
  #facebook i {
    float: left;
    padding-left: 20px;
    position: relative;
    top: 8px; }

.uye-alan {
  float: right; }
  .uye-alan a {
    text-align: center;
    line-height: 40px;
    height: 40px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    display: inline-block; }
    .uye-alan a:hover {
      color: #b5b5b5; }
    .uye-alan a:first-child {
      margin-right: 1px; }

.logo {
  margin-top: 10px; }

.buton-ara {
  float: right;
  font-size: 26px;
  padding-left: 42px;
  border-left: 1px solid #bbb;
  cursor: pointer; }

.mobil-button {
  border: none;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  outline: none;
  height: 34px;
  width: 34px;
  text-align: center;
  display: inline-block;
  margin-top: 14px;
  overflow: hidden;
  line-height: 34px;
  font-size: 18px; }

.mobil-nav, .ust-menu-mobil {
  background: #2b2b2b; }
  .mobil-nav li, .ust-menu-mobil li {
    float: none !important;
    margin-right: 0 !important; }
  .mobil-nav a, .ust-menu-mobil a {
    color: #fff !important;
    font-size: 13px; }

.mobil-button-ust {
  border: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #fff;
  outline: none;
  height: 28px;
  width: 28px;
  text-align: center;
  overflow: hidden;
  line-height: 18px;
  font-size: 18px; }

#giriskayit {
  width: 246px; }
  #giriskayit li {
    float: left;
    margin-right: 2px; }
    #giriskayit li a {
      width: 120px;
      height: 35px;
      line-height: 35px;
      margin-bottom: 3px; }

.dropdown-menu {
  background: #2b2b2b; }
  .dropdown-menu li {
    float: none;
    margin-right: 0; }
  .dropdown-menu a {
    color: #fff !important;
    font-size: 13px; }
    .dropdown-menu a:hover {
      background-color: transparent; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #c7c7c7 !important;
  text-decoration: none;
  background-color: rgba(245, 245, 245, 0); }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: rgba(238, 238, 238, 0);
  border-color: rgba(51, 122, 183, 0); }

.menu .dropdown-menu {
  margin: -7px 0 0; }

.mobil-butonlar {
  display: table;
  table-layout: fixed;
  position: relative;
  top: 0px; }
  .mobil-butonlar a {
    cursor: pointer;
    border: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 33px;
    color: #fff;
    outline: none;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 21px;
    padding: 0 !important; }
    .mobil-butonlar a:hover {
      color: #5c4241 !important; }
    .mobil-butonlar a span {
      position: absolute;
      background: #6b6b6b;
      height: 18px;
      width: 18px;
      text-align: center;
      line-height: 18px;
      border-radius: 40px;
      font-size: 11px;
      font-weight: 700; }
  .mobil-butonlar li {
    display:inline;
    width: auto; }
    .mobil-butonlar li:nth-child(5n) {
      text-align: right; }
    .mobil-butonlar li:nth-child(4n) {
      text-align: right; }

.mobil-button-ust {
  float: left;
  position: relative;
  top: 0px !important; }

.mobil-logo {
  text-align: center;
  width: 100% !important;
  top: 28px;
  float:none; }
  .mobil-logo a {
    width: 100% !important;
    height: 100% !important;
    background: #f3f3f3; }
  .mobil-logo img {
    border-radius: 0px; }

.mm-menu {
  background: #292929 !important;
  border-color: rgba(82, 82, 82, 0.69) !important;
  color: white !important;
  font-weight: 500; }

.mm-menu .mm-listview {
  border-color: #454545 !important; }

.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
  border-color: white !important; }

.mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.14) !important; }

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: white !important; }

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
  border-color: white !important; }

.mm-listview > li > a > b > i {
  margin-right: 12px;
  cursor: pointer;
  border: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 33px;
  color: #fff;
  outline: none;
  height: 28px;
  width: 28px;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  position: absolute;
  top: 5px; }

.mm-listview > li > a > b {
  margin-right: 42px; }

.sag-cek {
  text-align: right !important; }

.teli {
  display: block;
  font-size: 23px; }
  .teli:first-child {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(238, 238, 238, 0.04);
    padding-bottom: 10px; }

#slider {
  overflow: hidden;
  width: 100%;
  height: 720px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0; }
  #slider img {
    width: auto; }
  #slider .sag {
    margin-top: 32px;
    font-size: 46px;
    color: #fff;
    background: rgba(0, 0, 0, 0.07);
    padding: 38px 25px;
    font-weight: 300;
    text-shadow: 2px 2px 0px #1b1a03; }
    #slider .sag span {
      font-weight: 600;
      font-size: 56px; }

.slider-fix {
  height: 440px; }

.kutu {
  overflow: hidden;
  width: 100%;
  height: 222px;
  background-image: radial-gradient(circle 167px at center, #424242 0%, #232323 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  color: #fff;
  box-shadow: 0px 0px 0px 1px rgba(138, 138, 138, 0.15) inset;
  border: 14px solid transparent; }
  .kutu h3 {
    font-size: 30px;
    font-weight: 700; }
    .kutu h3 small {
      font-weight: 400;
      color: #fff;
      font-size: 87%; }
  .kutu img {
    margin-top: 30px; }
  .kutu a {
    color: #fff;
    display: inline-block; }
    .kutu a:hover {
      opacity: 0.6; }

.baslik {
  margin-bottom: 15px;
  width: 100%;
  height: 54px;
  line-height: 54px;
  padding: 0 20px;
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 6.7px 0.3px rgba(0, 0, 0, 0.04);
  color: #2c2c2c;
  font-size: 19px;
  font-weight: 400;
  float: left; }
  .baslik span {
    font-size: 20px;
    font-weight: 700; }
  .baslik i {
    color: #343434;
    font-size: 14px;
    font-weight: 400;
    margin-right: 15px; }

.content {
  margin: 50px 0 86px 0; }

.mainNav {
  margin-bottom: 25px;
  background: #ffffff;
  border: 1px solid #eaeaea;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 4.9px 1.1px rgba(42, 42, 42, 0.03);
  float: left;
  width: 100%; }

.mainNav ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.mainNav ul li {
  border-top: 2px solid #f0f0f0; }

.mainNav ul li:first-child {
  border-top: none; }

.mainNav ul li a {
  display: block;
  line-height: normal;
  padding: 12px 20px;
  text-decoration: none;
  color: #2c2c2c;
  font-size: 14px;
  font-weight: 500; }

.mainNav ul li a:hover {
  text-decoration: none;
  color: #ffffff;
  background: #251e2b;
   }

.mainNav ul li {
  border-top: 1px solid rgba(240, 240, 240, 0.32); }

.mainNav ul ul {
  border-bottom: none; }

.mainNav ul ul li {
  border: none; }

.mainNav ul ul li:last-child {
  margin-bottom: 10px; }

.mainNav ul ul li a {
  display: block;
  line-height: normal;
  padding: 0.7em 1em 0.5em 2.5em;
  color: #717171 !important;
  font-size: 13px;
  font-weight: 400; }

.mainNav ul ul li a:hover {
  text-decoration: none;
  color: #ffffff !important;
  background: #251e2b;
   }

/* Third Level */
.mainNav ul ul ul li {
  border: none; }

.mainNav ul ul ul li a {
  padding-left: 3.5em;
  padding-top: 0.25em;
  padding-bottom: 0.25em; }

ul li.has-subnav .accordion-btn {
  background: rgba(255, 255, 255, 0.15); }

.accordion-btn i {
  width: 20px;
  height: 20px;
  background-color: #e7edf0;
  border-radius: 12px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #909090;
  position: relative;
  top: -1px; }

.mainNav ul li a::before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-right: 22px;
  vertical-align: middle;
  font-size: 18px;
  position: relative;
  top: -1px; }
  .mainNav ul li a::before:hover {
    color: #fff; }

.mainNav ul ul li a::before {
  content: "\f111";
  vertical-align: middle;
  color: #eaeaea;
  font-size: 9px; }
  .mainNav ul ul li a::before:hover {
    color: #fff; }

.linkler {
  margin-bottom: 25px;
  padding: 5px 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
  width: 100%; }
  .linkler a {
    color: #fff;
    padding: 10px 0;
    font-weight: 500;
    display: block; }
    .linkler a:hover {
      color: #352d2d; }
  .linkler li {
    border-bottom: 1px solid #96a44f; }
    .linkler li:last-child {
      border: none; }

.linkler a::before {
  font-family: FontAwesome;
  content: "\f10c";
  display: inline-block;
  padding-right: 22px;
  vertical-align: middle;
  color: #6f6d2e;
  font-size: 12px; }

.banner {
  overflow: hidden;
  margin-bottom: 25px;
  padding: 0px 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
  width: 100%; }
  .banner img {
    margin-top: -5px;
    margin-left: -20px; }

.urun {
  box-shadow: 0 0 4.9px 1.1px rgba(42, 42, 42, 0.03);
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
  min-height: 314px;
  background-color: white;
  border: 1px solid #eaeaea;
  padding: 20px;
  position: relative; }
  .urun img {
    margin: 0 auto 20px auto;
    display: block;
    }

.yeniurun {
  text-shadow: 1px 1px 0px rgba(27, 26, 3, 0.12);
  background:#069D46;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  left: 15px;
  top: 12px;
  border-radius: 50px;
  height: 51px;
  width: 51px;
  text-align: center;
  padding: 14px 0; }
.indirim {
  text-shadow: 1px 1px 0px rgba(27, 26, 3, 0.12);
  
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  right: 15px;
  top: 12px;
  border-radius: 50px;
  height: 51px;
  width: 51px;
  text-align: center;
  padding: 9px 0; }
  .indirim span {
    color: #f9f9f9;
    font-size: 17px;
    font-weight: 400;
    display: block;
    margin-top: -5px; }

.urun-adi {
  color: #1e1e1e;
  font-size: 15px;
  font-weight: 600;
  float: left;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.urun-fiyat {
  color: #1e1e1e;
  font-size: 15px;
  font-weight: 600;
  float: right;
  display: inline-block; }
  .urun-fiyat i {
    color: #868686;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
    display: block;
    text-align: right;
    font-style: normal; }

.butonlar {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 20px; }

.sepete-ekle {
  border: none;
  font-size: 20px;
  width: 26%;
  height: 44px;
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  line-height: 44px;
  float: left; }
  .sepete-ekle:hover {
    color: #fff;
    }

.hemen-al {
  border: none;
  width: 71%;
  height: 44px;
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  line-height: 44px;
  float: right;
  color: white;
  font-size: 14px;
  font-weight: 600; }
  .hemen-al i {
    left: 16px;
    font-size: 18px;
    position: relative;
    top: 2px; }
  .hemen-al:hover {
    color: #fff;
     }

.abonelik {
  width: 100%;
  overflow: hidden;
  margin: 20px 0;
  background-color: #fff;
  box-shadow: 0 0 4.9px 1.1px rgba(42, 42, 42, 0.03);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .abonelik .mail {
    height: 170px;
    float: left;
    background-color: #f3f3f3;
	border-top:1px #f3f3f3 solid;
	border-bottom:1px #f3f3f3 solid;
    width: 50%;
    display: inline-block;
    padding: 20px 21px; }
    .abonelik .mail h4 {
      color: #565656;
      font-size: 24px;
      font-weight: 600;
      line-height: 43px;
      
      margin-bottom: 10px; }
    .abonelik .mail input {
      width: 80%;
      height: 38px;
      background-color: white;
      border: 1px solid #ececec;
      padding: 10px 15px; }
    .abonelik .mail button {
      width: 50px;
      height: 38px;
      border: none;
      color: #fff;
      font-size: 18px;
      position: relative;
      left: -4px;
      top: 1px; }
      .abonelik .mail button:hover {
        background-color: #a3b069; }
  .abonelik .iletisim {
    height: 135px;
    padding: 20px 20px 20px 100px;
    min-height: 135px;
    float: right;
    width: 60%;
    display: inline-block;
    -webkit-clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%); }
    .abonelik .iletisim .bilgi {
      float: right;
      width: 73%; }
    .abonelik .iletisim i {
      float: left;
      font-size: 31px;
      color: #fff;
      border: 3px solid dimgrey;
      border-radius: 100px;
      width: 65px;
      height: 65px;
      text-align: center;
      line-height: 65px;
      position: relative;
      left: 40px;
      top: 15px; }
    .abonelik .iletisim h4 {
      color: #fff;
      font-size: 24px;
      font-weight: 600;
      line-height: 43px;
       }
  .abonelik span {
    font-size: 14px;
    line-height: 24px;
    color: #acacac;
    text-align: right;
    display: inline-block; }
    .abonelik span a {
      color: #fff; }
      .abonelik span a:hover {
        color: #fff;
        opacity: .8; }

.baslik-txt {
  color: #7b7b7b;
  font-size: 25px;
  font-weight: 400;
  border-radius: 1px;
  padding-bottom: 20px;
  display: block;
  width: 220px;
  margin: 58px auto 58px; }
  .baslik-txt span {
    color: #535353;
    font-size: 30px;
    font-weight: 700; }

.box {
  background: #fff;
  text-align: center;
  padding: 17px;
  border: #eee solid 1px;
  box-shadow: 0 0 4.9px 1.1px rgba(42, 42, 42, 0.03);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  .box img {
    max-width: 100%;
    opacity: 0.5; }
  .box:hover img {
    opacity: 1; }

.modal-content {
  background-image: radial-gradient(circle 167px at center, #424242 0%, #232323 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  color: #fff;
  box-shadow: 0px 0px 0px 1px rgba(138, 138, 138, 0.15) inset;
  border: 14px solid transparent;
  overflow: hidden; }

#arama input {
  height: 46px;
  width: 100%;
  border: none;
  padding: 10px;
  color: #2d2d2d;
  font-size: 14px; }
#arama button {
  border: none;
  height: 43px;
  float: right;
  width: 89px;
  margin-top: 14px; }

.modal-header {
  border-bottom: 1px solid #3c3c3c; }

.modal-footer {
  border-top: 1px solid #3c3c3c; }

.kapa {
  border: none;
  height: 30px;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 76px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  float: right; }

.urun-tab {
  overflow: hidden;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 0 6.7px 0.3px rgba(0, 0, 0, 0.04);
  margin: 20px 0;
  float: left;
  width: 100%; }

.baslik-min {
  margin-bottom: 20px;
  color: #494d4e;
  font-size: 18px; }

#yorumformu {
  width: 100%;
  max-width: 635px;
  clear: both;
  overflow: hidden; }

.elma {
  width: 100%;
  line-height: 21px;
  padding: 20px 20px;
  background-color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 6.7px 0.3px rgba(0, 0, 0, 0.04);
  color: #2c2c2c;
  font-size: 13px;
  font-weight: 400;
  float: left;
   }

#Sayfalar {
  float: left;
  width: 100%;
  text-align: start;
  margin-bottom: 30px; }
  #Sayfalar li {
    float: left;
    margin-right: 10px; }
    #Sayfalar li a {
      display: inline-block;
      width: 42px;
      height: 41px;
      line-height: 41px;
      text-align: center;
      background-color: #fff;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      box-shadow: 0 0 6.7px 0.3px rgba(0, 0, 0, 0.04);
      color: #3e3e3e;
      font-size: 13px;
      font-weight: 400;
       }
    #Sayfalar li .aktif {
      color: #fff;
      border-bottom: 2px solid #797735; }

.baslik-cizgi {
  margin: 13px 0;
  color: #494d4e;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 10px; }

.bankalar {
	width:48%;
	float:left;
  margin-bottom: 13px;
  padding-bottom: 10px; }
  .bankalar:last-child {
    border-bottom: 0; }

.form-alan {
  clear: both;
  min-height: 60px; }
  .form-alan input[type=text], .form-alan input[type=email] {
    height: 38px;
    background-color: white;
    border: 1px solid #ececec;
    padding: 5px;
    width: 100%; }
  .form-alan select {
    height: 38px;
    background-color: white;
    border: 1px solid #ececec;
    padding: 7px 15px;
    width: 100%;
    margin-bottom: 20px; }
  .form-alan textarea {
    width: 100%;
    background-color: white;
    border: 1px solid #ececec;
    padding: 15px;
    min-height: 50px; }

label {
  font-weight: 600; }

button[disabled], html input[disabled] {
  cursor: not-allowed; }

.form-coklu input[type=text], .form-coklu input[type=email], .form-coklu input[type=password] {
  height: 38px;
  background-color: white;
  border: 1px solid #ececec;
  padding: 15px;
  width: 100%; }
.form-coklu textarea {
  width: 100%;
  background-color: white;
  border: 1px solid #ececec;
  padding: 15px;
  min-height: 100px; }
.form-coklu select {
  height: 38px;
  background-color: white;
  border: 1px solid #ececec;
  padding: 7px 15px;
  width: 100%; }
.form-coklu div {
  min-height: 60px; }

.cx .alert {
  float: left;
  width: 100%; }

.alert.container {
  font-size: 13px;
  float: left;
  padding: 9px 15px;
  width: 100%;
  background-image: radial-gradient(circle 167px at center, #424242 0%, #232323 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  box-shadow: 0px 0px 0px 1px rgba(138, 138, 138, 0.15) inset;
  border: 14px solid transparent;
  margin: 40px 0 0 0; }
  .alert.container a {
    color: #bfba60;
    font-weight: 600;
    margin-left: 10px; }

.table-responsive {
  width: 100%; }

.table-bordered {
  border: 1px solid #f3f3f3; }

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: 1px solid #f3f3f3; }

.table thead {
  font-weight: 600; }

.form-control {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #444;
  background-image: none;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px transparent;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  height: 38px;
  background-color: white;
  border: 1px solid #ececec; }

.dl-horizontal dt {
  width: auto; }

.gy > .alert.container {
  padding: 9px 15px;
  margin: 0px auto 0px auto;
  width: 100%;
  background-image: radial-gradient(circle 167px at center, rgba(66, 66, 66, 0) 0%, rgba(35, 35, 35, 0) 100%);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #101010;
  box-shadow: 0px 0px 0px 1px rgba(138, 138, 138, 0.15) inset;
  border: 14px solid transparent;
  background: #fff; }

.cos {
  font-size: 24px !important;
  color: #292929;
  margin: auto;
  display: block !important;
  width: 20px; }
  .cos:hover {
    color: #92a67c; }

.shopping-cart-table thead td {
  vertical-align: inherit !important;
  color: #fff;
  border: #444444 !important; }
.shopping-cart-table tbody tr td {
  vertical-align: inherit !important; }

.form-horizontal label {
  font-size: 16px;
  font-weight: 400; }

.unuttum {
  display: inline-block;
  color: #333333;
  font-size: 13px; }
  .unuttum a {
    font-weight: 500;
    color: #505050;
    background: #f3f3f3;
    display: inline-block;
    margin: 0 4px;
    border-radius: 4px;
    padding: 2px 4px; }
    .unuttum a:hover {
      color: #ffffff;
      background: #2e3750; }

.reklam-genis {
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.27);
  overflow: hidden;
  margin-bottom: 25px;
  float: left;
  width: 100%;
  text-align: center;
  line-height: 71px;
  color: #fff;
  font-weight: 800;
  font-size: 20px; }
  .reklam-genis p {
    margin: 0; }

/*!
 * Dropdownhover v1.0.0 (http://bs-dropdownhover.kybarg.com)
 */
.dropdown .dropdown-menu .caret {
  border: 4px solid transparent;
  border-left-color: #000;
  float: right;
  margin-top: 6px; }

.dropdown-menu {
  min-width: 250px; }

.dropdown-menu > li.open > a {
  background-color: #F5F5F5;
  color: #262626;
  text-decoration: none; }

.dropdown-menu .dropdown-menu {
  left: 100%;
  margin: 0;
  right: auto;
  top: -1px; }

.dropdown-menu-right .dropdown-menu, .navbar-right .dropdown-menu .dropdown-menu, .pull-right .dropdown-menu .dropdown-menu {
  left: auto;
  right: 100%; }

.dropdown-menu.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s; }

.dropdown-menu.animated:before {
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99; }

.dropdownhover-top {
  margin-bottom: 2px;
  margin-top: 0; }

.navbar-fixed-bottom .dropdown-menu .dropdown-menu, .dropdownhover-top .dropdown-menu {
  bottom: -1px;
  top: auto; }

.navbar-nav > li > .dropdown-menu {
  margin-bottom: 0; }

.dropdownhover-bottom {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0; }

.dropdownhover-left {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.dropdownhover-right {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%; }

.dropdownhover-top {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%; }

.dropdown-menu > li.open > a {
  background-color: rgba(245, 245, 245, 0) !important; }

#divfiyat {
  font-size: 22px;
  color: #b4af5d;
  font-weight: 700;
  text-decoration: underline; }

.cat .sepete-ekle {
  width: 55%;
  font-size: 14px;
  font-weight: 600; }
  .cat .sepete-ekle span {
    font-size: 17px;
    position: relative;
    left: 7px; }
.cat .hemen-al {
  width: 42%; }

.facebook {
  background-color: #3B5998 !important; }
  .facebook:hover {
    background-color: #2d4373 !important; }

.twitter {
  background-color: #00aced !important; }
  .twitter:hover {
    background-color: #0087ba !important; }

.instagram {
  background-color: #9b6954 !important; }
  .instagram:hover {
    background-color: #7a5342 !important; }

.google {
  background-color: #b4711c !important; }
  .google:hover {
    background-color: #885515 !important; }

.tumblr {
  background-color: #35465c !important; }
  .tumblr:hover {
    background-color: #2f3f52 !important; }

.taksittablo {
  width: 100%; }

.taksittablo tr td {
  text-align: center;
  padding: 5px;
  font-size: 12px; }

.yorum-txt {
  border: solid 1px #f7f7f7;
  padding: 20px;
  border-radius: 5px;
  color: #4e4e4e; }

.yorumyapan {
  font-weight: 600;
  margin-bottom: 11px;
  text-transform: capitalize; }
  .yorumyapan span {
    font-weight: 400; }

.yorumyapan span {
  font-weight: 400;
  font-size: 12px;
  color: #7d7d7d; }

.kalite {
  border: solid 1px #f7f7f7;
  padding: 10px; }
  .kalite ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    /* optional */ }
  .kalite li {
    display: table-cell;
    width: auto;
    text-align: center;
    font-weight: 700;
    font-size: 17px;
    color: #5d5757;
    border-right: 1px solid #eee; }
    .kalite li:last-child {
      border: none; }
    .kalite li span {
      color: #696969;
      display: block;
      font-weight: 300;
      font-size: 18px; }
  .kalite i {
    display: block;
    font-size: 32px;
    margin-bottom: 6px;
    color: #95904a; }

.yorum {
  border-top: 1px solid #f7f7f7;
  padding-top: 20px;
  margin-top: 20px; }

.numb {
  color: #fff; }
  .numb:hover {
    color: #fff;
    opacity: .8; }

.footer-sosyal {
  margin-top: 20px; }
  .footer-sosyal li {
    float: left;
    margin-right: 16px; }
    .footer-sosyal li:last-child {
      margin-right: 0; }
  .footer-sosyal a {
    color: #fff;
    width: 41px;
    height: 41px;
    font-size: 14px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 41px;
    display: inline-block; }
    .footer-sosyal a:hover {
      color: #fff !important; }

#footer {
  margin-top: 30px;
  border-bottom: 13px solid #0e0e0e;
  background-color: #151515;
  padding: 40px 0;
  color: #fff; }
  
  #footer a {
    color: #fff; }
  #footer h4 {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 400; }
    #footer h4 span {
      color: white;
      font-size: 26px;
      font-weight: 700; }

.adres span {
  display: block;
  margin-bottom: 15px; }

.footer-orta li {
  margin-bottom: 10px; }

.footer-sol li {
  margin-bottom: 10px; }

.footer-alt {
  margin-top: 62px;
  color: #e0e0e0;
  font-weight: 400; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?rq8gy");
  src: url("../fonts/icomoon.eot?rq8gy#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?rq8gy") format("truetype"), url("../fonts/icomoon.woff?rq8gy") format("woff"), url("../fonts/icomoon.svg?rq8gy#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-tel:before {
  content: "\e90c"; }

.icon-kredi:before {
  content: "\e908"; }

.icon-hediye-paket:before {
  content: "\e90b"; }

.icon-cuzdan:before {
  content: "\e909"; }

.icon-kargo:before {
  content: "\e90a"; }

.icon-destek:before {
  content: "\e907"; }

.icon-degisim:before {
  content: "\e900"; }

.icon-hediye:before {
  content: "\e901"; }

.icon-mezura:before {
  content: "\e902"; }

.icon-telefon:before {
  content: "\e903"; }

.icon-ara:before {
  content: "\e904"; }

.icon-sepet:before {
  content: "\e905"; }

.icon-sepetim:before {
  content: "\e906"; }

/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  top: 235px; }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0; }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left; }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0; }

.rslides_tabs {
  position: relative;
  bottom: -265px;
  float: right; }
  .rslides_tabs a {
    color: #fff;
    position: absolute;
    z-index: 1000;
    display: block;
    width: 100%;
    height: 100%; }
  .rslides_tabs li {
    float: left;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    border-radius: 3px;
    box-shadow: 0 0 15.4px 0.6px rgba(42, 42, 42, 0.11);
    margin-right: 5px;
    font-size: 0; }
    .rslides_tabs li:last-child {
      margin-right: 0; }

.dropdown, .dropup {
  display: inline-block; }

.dropdown-menu .divider {
  margin: 6px 0;
  background-color: #3c3c3c; }

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-15 {
  width: 20%;
  float: left; }



/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }





.mobil-butonlar a, .siparis-hatti-mobil, .mobil-buton {
  display: none; }

.content .orta {
  float: right; }

.content .sol, .content .tam {
  float: left; }

.mobiliti {
  display: none; }

.buton-tel, .mobil-button-ust, .buton-ara-mobil {
  display: none; }

.mm-listview > li > a, .mm-listview > li > span {
  color: #ededed;
  
  font-weight: 300; }

.urun-detay {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 0 6.7px 0.3px rgba(0, 0, 0, 0.04);
  margin-bottom: 25px; }

.baslik-bilgi {
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 40px; }
  .baslik-bilgi h1 {
    color: #2c2c2c;
    font-size: 24px;
    font-weight: 700;
    float: left;
    display: inline-block;
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.nerdeyim {
  float: right;
  color: #d2d2d2;
  max-width: 30%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  top: 5px; }
  .nerdeyim a {
    color: #d2d2d2;
    font-size: 14px;
    font-weight: 400; }
  .nerdeyim li {
    float: left; }

.urun-resim {
  text-align: center;
  background: #fff;
  padding: 10px;
  box-shadow: 0 0 4.9px 1.1px rgba(42, 42, 42, 0.03);
  border: 1px solid #eaeaea;
  border-radius: 3px; }
  .urun-resim img {
    max-width: 100%; }

.diger-resimler {
  margin-top: 10px;
  overflow: hidden; }
  .diger-resimler a {
    float: left;
    display: inline-block;
    width: 23.5%;
    margin-right: 1.999%;
    border: #eaeaea solid 1px;
    padding: 5px 5px;
    box-shadow: 0 0 4.9px 1.1px rgba(42, 42, 42, 0.03);
    background: #fff;
    border-radius: 3px; }
    .diger-resimler a:last-child {
      margin-right: 0; }
  .diger-resimler img {
    height: 75px;
    margin: auto;
    display: block;
    max-width: 75px;
    width: 100%; }

.tablar .active a {
  border-bottom: 2px solid #898450; }
.tablar li {
  float: left;
  width: 24.25%;
  margin-right: 1%; }
  .tablar li:last-child {
    margin-right: 0; }
.tablar a {
  box-shadow: 0 0 6.7px 0.3px rgba(0, 0, 0, 0.09);
  cursor: pointer;
  height: 48px;
  background-color: white;
  border: 1px solid #ffffff;
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 48px;
  color: #272727;
  font-size: 15px;
  border-bottom: 2px solid #c5c075; }

.fiyat {
  margin: -2px 0 20px 0;
  float: left;
  width: 100%; }

.silik {
  color: #acacac;
  font-size: 24px;
  text-decoration: line-through;
  margin-right: 4%; }

.indirimli {
  font-size: 37px;
  margin-right: 4%;
  font-weight: 700; }

.kargo {
  color: #c7da39;
  font-size: 15px;
  position: relative;
  top: -4px;
  font-weight: 600; }

.urun-kodu, .stok {
  height: 30px;
  display: inline-block;
  background-color: #f1f1f1;
  padding-right: 22px;
  margin-right: 5px; }
  .urun-kodu span, .stok span {
    color: #fff;
    height: 30px;
    padding: 5px 15px;
    display: inline-block;
    margin-right: 15px; }

#aciklama .sosyal {
  float: none;
  display: inline-block;
  position: relative;
  top: 5px; }
  #aciklama .sosyal a {
    color: #fff; }

.urun-sayfa.sosyal {
  float: right;
  margin-top: 2px; }
  .urun-sayfa.sosyal a {
    opacity: .4;
    border-radius: 0;
    width: 27px;
    height: 27px;
    line-height: 27px; }
    .urun-sayfa.sosyal a:hover {
      opacity: 1; }

.siparis-hatti {
  color: #ffffff;
  font-size: 24px;
  height: 60px;
  background-color: #95904a;
  padding-left: 20px;
  line-height: 55px;
  margin: 20px 0; }
  .siparis-hatti i {
    margin-right: 20px;
    font-size: 27px;
    position: relative;
    top: 2px; }
  .siparis-hatti span {
    color: white;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    float: right;
    padding: 0 20px 0 30px;
    -webkit-clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0 100%);
    clip-path: polygon(6% 0, 100% 0%, 100% 100%, 0 100%);
    height: 60px; }

.puan {
  clear: both;
  width: 100%;
  display: block;
  overflow: hidden;
  margin-bottom: 20px; }
  .puan li {
    float: left;
    margin-right: 4px;
    color: #918e47;
    font-size: 18px; }
    .puan li:hover {
      color: #8c8c8c; }

.aciklama {
  overflow: hidden;
  float: left;
  margin: 20px 0;
  font-size: 13px; }

.secenekler {
  overflow: hidden;
  float: left; }
  .secenekler label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    
    margin-bottom: 10px; }
  .secenekler select, .secenekler input {
    border: #e0e0e0 solid 1px;
    width: 96px;
    margin-right: 15px;
    height: 41px;
    padding: 10px; }
  .secenekler div {
    float: left;
    display: inline-block;
    margin-right: 10px; }
  .secenekler input[type='radio'] {
    border: #e0e0e0 solid 1px;
    width: 12px;
    margin-right: 15px;
    height: 14px;
    padding: 10px;
    float: left; }

.bilgi {
  float: right;
  color: #3d3d3d;
  font-size: 12px;
  line-height: 15px; }
  .bilgi div {
    float: left;
    display: inline-block;
    width: 54px;
    text-align: center; }
  .bilgi i {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
    background: #999;
    color: #fff;
    border-radius: 100px;
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 34px;
    position: relative;
    left: 8px; }
  .bilgi a {
    color: #3d3d3d; }
    .bilgi a:hover {
      color: #3d3d3d; }

.odeme {
  float: right;
  overflow: hidden;
  display: block;
  clear: both;
  width: 270px;
  margin: 26px 0; }
  .odeme span {
    width: 0%;
    display: inline-block;
    margin: 0 13px;
    position: relative;
    top: 10px;
    color: #acacac; }
  .odeme .hemen-al {
    width: 57%; }
  .odeme .sepete-ekle {
    width: 41%;
    font-size: 14px;
    font-weight: 600; }

.tablar {
  float: left;
  width: 100%; }

.yap {
  border: none;
  width: 100px;
  height: 44px;
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  line-height: 44px;
  float: right;
  color: white;
  font-size: 14px;
  font-weight: 600; }

.kutulu {
  border: solid 1px #eee;
  padding: 12px 10px;
  color: #3c3c3c;
  margin-bottom:5px; }

.yorumcu {
  width: 33px;
  height: 33px;
  border-radius: 33px;
  text-align: center;
  line-height: 33px !important;
  color: #fff;
  margin-right: 10px; }

.kapsa {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 0 6.7px 0.3px rgba(0, 0, 0, 0.04);
  margin-bottom: 25px;
  overflow: hidden; }

.form-odeme {
  width: 100%;
  font-size: 15px;
  text-align: center; }
  .form-odeme i {
    height: 30px;
    width: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center; }
  .form-odeme thead {
    color: #fff; }
  .form-odeme th {
    height: 60px;
    padding: 11px;
    text-align: center; }
  .form-odeme tbody tr {
    border-bottom: 1px solid #eee;
    height: 138px; }
  .form-odeme img {
    max-width: 110px;
    max-height: 110px;
    padding: 20px;
    background-color: white;
    border: 1px solid #eaeaea; }

.form-odeme th:first-child, .form-odeme td:first-child {
  text-align: left; }

.toplam-tutar {
  float: right;
  margin-top: 20px; }
  .toplam-tutar span {
    float: right;
    margin-top: 10px;
    font-size: 21px; }

.kapsa .odeme {
  width: 100%; }
  .kapsa .odeme .hemen-al {
    margin-left: 10px; }
  .kapsa .odeme .hemen-al, .kapsa .odeme .sepete-ekle {
    width: auto;
    padding: 0 20px;
    float: right; }

.list-group {
  box-shadow: 0 0 4.9px 1.1px rgba(42, 42, 42, 0.03); }

.list-group-item {
  border: 1px solid #eaeaea; }

.filtrele {
  color: #fff;
  display: inline-block;
  padding: 6px 12px;
  border: none; }

.filtre {
  width: 100%;
  float: left; }
  .filtre input {
    margin-right: 10px; }
  .filtre select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    color: #201d1e;
    border: #eaeaea solid 1px; }

.hdr {
  font-weight: 500; }

.form-genel button {
  width: 175px;
  height: 56px;
  color: #fff;
  font-size: 18px;
  border: none;
  float: right;
  margin-top: 20px; }
  .form-genel button i {
    margin-left: 20px; }
.form-genel input {
  height: 47px;
  border: 1px solid #e8e8e8;
  float: right;
  width: 80%;
  padding: 20px; }
.form-genel label {
  font-size: 16px;
  font-weight: 400; }
.form-genel div {
  height: 60px; }

.canli-destek {
  text-align: center;
  width: 237px;
  margin: auto;
  overflow: hidden; }
  .canli-destek i {
    font-size: 65px;
    margin-bottom: 22px;
    display: inline-block; }
  .canli-destek h3 {
    color: #2c2c2c;
    font-size: 20px;
    font-weight: 700; }
  .canli-destek a {
    margin-top: 14px;
    font-size: 20px;
    font-weight: 700;
    float: right; }
  .canli-destek::after {
    content: "";
    border-bottom: 1px solid rgba(238, 238, 238, 0.39);
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    bottom: 128px;
    overflow: hidden; }

.telefon-destek {
  text-align: center;
  width: 199px;
  margin: auto;
  overflow: hidden;
  position: relative;
  top: 40px; }
  .telefon-destek i {
    font-size: 65px;
    margin-bottom: 22px;
    display: inline-block; }
  .telefon-destek h3 {
    color: #2c2c2c;
    font-size: 20px;
    font-weight: 700; }
  .telefon-destek span {
    margin-top: 14px;
    font-size: 20px;
    font-weight: 700;
    float: right; }

.ayir {
  overflow: hidden;
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  margin: 20px 0; }
  .ayir .yada {
    color: #2c2c2c;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    display: block; }

.face-baglan {
  width: 100%;
  height: 45px;
  border-radius: 3px;
  color: white;
  font-size: 13px;
  font-weight: 600;
  display: block;
  line-height: 45px; }
  .face-baglan i {
    margin-right: 20px;
    font-size: 21px;
    position: relative;
    top: 3px; }
  .face-baglan:hover {
    color: #fff;
    background-color: #111111; }


.dropdown-menu .dropdown-menu{
  display: none!important;
}

.menu .dropdown-menu li {
    float: left !important;
    width: 100% !important;
    padding: 4px 0 !important;
}


.menu .dropdown-menu li i{
display: none !important;
}



.anavitrin_200x200 { width:200px !important; height:230px !important; margin:auto; }
.anavitrin_210x157 { width:210px !important; height:157px !important; margin:auto; }
.anavitrin_210x118 { width:210px !important; height:230px !important; margin:auto; }
.anavitrin_210x311 { width:210px !important; height:311px !important; margin:auto; }
.anavitrin_340x340 { width:340px !important; height:340px !important; margin:auto; }
.anavitrin_340x254 { width:340px !important; height:254px !important; margin:auto; }
.anavitrin_340x191 { width:340px !important; height:191px !important; margin:auto; }
.anavitrin_340x504 { width:340px !important; height:504px !important; margin:auto; }

.detayvitrin_200x200 { width:350px !important; height:350px !important; margin:auto; }
.detayvitrin_210x157 { width:350px !important; height:273px !important; margin:auto; }
.detayvitrin_210x118 { width:350px !important; height:235px !important; margin:auto; }
.detayvitrin_210x311 { width:350px !important; height:486px !important; margin:auto; }
.detayvitrin_340x340 { width:350px !important; height:350px !important; margin:auto; }
.detayvitrin_340x254 { width:350px !important; height:261px !important; margin:auto; }
.detayvitrin_340x191 { width:350px !important; height:197px !important; margin:auto; }
.detayvitrin_340x504 { width:350px !important; height:519px !important; margin:auto; }

.detaykvitrin_200x200 { width:80px !important; height:80px !important; margin:auto; }
.detaykvitrin_210x157 { width:80px !important; height:63px !important; margin:auto; }
.detaykvitrin_210x118 { width:80px !important; height:48px !important; margin:auto; }
.detaykvitrin_210x311 { width:80px !important; height:105px !important; margin:auto; }
.detaykvitrin_340x340 { width:80px !important; height:80px !important; margin:auto; }
.detaykvitrin_340x254 { width:80px !important; height:60px !important; margin:auto; }
.detaykvitrin_340x191 { width:80px !important; height:45px !important; margin:auto; }
.detaykvitrin_340x504 { width:80px !important; height:119px !important; margin:auto; }


.recommended_items {
  overflow: hidden;
}

#recommended-item-carousel .carousel-inner .item {
  padding-left: 0;
}

.recommended-item-control {
  position: absolute;
  top: 41%;
}

.recommended-item-control i {
  color: #FFFFFF;
  font-size: 20px;
  padding: 4px 10px;
}

.recommended-item-control i:hover {
  background: #ccccc6;
}

.recommended_items  h2 {
}