/* Küçültme başarısız oldu. Küçültülmeyen içerik döndürülüyor.
(137,25): run-time error CSS1038: Expected hex color, found '#dddd'
(565,21): run-time error CSS1038: Expected hex color, found '#transparent'
(1984,10): run-time error CSS1038: Expected hex color, found '#e07363636'
(2898,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(5842,24): run-time error CSS1031: Expected selector, found '/'
(5842,24): run-time error CSS1025: Expected comma or open brace, found '/'
(6696,33): run-time error CSS1046: Expect comma, found '0'
(6696,37): run-time error CSS1046: Expect comma, found '/'
(6778,76): run-time error CSS1046: Expect comma, found '116'
(6778,83): run-time error CSS1046: Expect comma, found '/'
(6918,23): run-time error CSS1046: Expect comma, found '247'
(6918,30): run-time error CSS1046: Expect comma, found ')'
(7358,18): run-time error CSS1035: Expected colon, found '#363636-size'
(7487,10): run-time error CSS1038: Expected hex color, found '#363636363636'
(7495,1): run-time error CSS1019: Unexpected token, found '}'
(7504,10): run-time error CSS1038: Expected hex color, found '#DF3636365'
(8464,59): run-time error CSS1030: Expected identifier, found '#363636'
(8464,66): run-time error CSS1031: Expected selector, found ';'
(8464,66): run-time error CSS1025: Expected comma or open brace, found ';'
(8465,1): run-time error CSS1019: Unexpected token, found '}'
(8597,1): run-time error CSS1019: Unexpected token, found '@import'
(8597,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')'
 */
@font-face {
  font-family: '00379regular';
  font-display: block;
  src: url("/content/fonts/00379-webfont.woff2") format("woff2"), url("/content/fonts/00379-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.sepet, li.giris-link, a.sepete-ekle, .bedeb-body, .row.detay-rait, .ozellik, .details h3, .iliked, .begenme a, .list-like, .sepet-alan-fi p:nth-child(2) {
    display: none !important;
}
.item .sepete-ekle {
    display: none !important;
}

.indirim-kiralik {
    display: none;
}
.instagram h2 a {
  color: #363636;
}
.instagram h2 a {
  color: #363636;
  text-decoration: none;
}


.row.fiayatlama.fiyatlamaayri .col-xs-3 {
  display: block;
}
.row.fiayatlama.fiyatlamaayri .col-xs-7 {
  max-width: 100%;
  width: inherit;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.havale-odeme {
  font-size: 18px;
  padding: 10px;
  font-weight: bold;
}
.havale-odeme span {
  color: #363636;
  font-weight: 900;
} 

.row.fiayatlama.indirimsizfiyatlama strong {
    transform: inherit;
    display: block;
}
.row.fiayatlama.indirimsizfiyatlama .col-xs-7 {
    width: 100%;
}

.row.fiyatlamaayri strong {
    transform: inherit!important;
    display: block;
}

.row.fiayatlama.indirimsizfiyatlama .col-xs-3, .row.fiayatlama.indirimsizfiyatlama .col-xs-2 {
    display: block;
}


.kurdele {
  display: block;
}
#myCarousel .carousel-indicators {
  z-index: 1;
}
.col-auto.kampny img {
  width: 48px;
}
.slider-video img, #box3 img {
  width: 100%
}
.affix-h {}
.avantaj-box span.buyut {
  font-size: 26px;
  line-height: 28px;
  bottom: -4px;
  position: relative;
}
.avantaj-box {
  color: #f20000;
  padding: 3px 8px 2px 9px;
  line-height: 19px;
  position: absolute;
  font-weight: 800;
  z-index: 1;
  font-family: '00379regular';
  top: 5px;
  border: 2px solid #f20000;
  right: 109px;
  border-radius: 78px;
  font-size: 11px;
}
.affix-hight {
  height: 200px;
}
.mobil-none {
  display: none;
}
.desk-none {
  display: block;
}
.imageCoverBox {
  height: 843px;
}
.lazy {
  max-width: 100%;
}
.indirim-box {
  background: #d9f6e7;
  font-size: 16px;
  padding: 15px 15px 9px 15px;
  margin-bottom: 20px;
  border-bottom: 5px solid #363636;
}
.details h3 {
  position: relative;
  margin-bottom: 20px;
}
.beden-tablo {
  position: absolute;
  right: 0;
  top: -6px;
  padding: 9px 10px;
  border: solid 1px #ddd;
  font-size: 14px;
}
#installments {
  padding: 15px 0 0;
  border-top: solid 1px #dddd;
}
#installments #installments {
  padding: 0;
  border: 0;
}
.siparis-bg #installments label {
  border-bottom: solid 1px #ddd;
  padding-bottom: 10px;
}
.siparis-bg .adreslerim button {
  background: #111;
  box-shadow: none;
  border: solid 1px #111;
  padding: 7px 15px;
  color: white;
}
.soralan {
  padding: 30px 0 0;
  border-top: solid 1px #e2e2e2;
}
.ozel-aciklama img {
  max-width: 100%;
}
.ozel-aciklama iframe {
  max-width: 100% !important;
}
.fa-whatsapp {
  width: 1.5em;
  font-size: 18px;
  color: green;
}
.tamamlayici-body {
  height: 190px;
  position: relative;
  display: none;
}
.tamamlayici {
  position: absolute;
  top: -170px;
  width: 100%;
}
.tamamlayici-body h2 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: 'Overpass';
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  color: #363636;
  border: none;
  position: relative;
  top: 180px;
  z-index: 1;
}
.tamamlayici-body h2:before, .tamamlayici-body h2:after {
  content: '';
  border-top: 1px solid #b7b7b7;
  margin: 0 10px 0 0;
  flex: 1 0 10px;
}
.tamamla .cloned {
  /*display:none;*/
}
.tamamla .item {
  position: relative;
  min-height: 180px;
}
.tamamla-img {
  width: 40%;
  float: left;
}
.tamamla-txt {
  width: 60%;
  padding: 5px;
  background: #f8f8f8;
  float: left;
}
.tamamla-box {
  display: none;
  position: absolute;
  top: -165px;
  left: 0px;
  width: 100%;
  background: #363636;
  color: white;
  padding: 10px;
  font-size: 14px;
}
.tamamla-box p {
  height: 145px;
  overflow-y: scroll;
  margin: 0;
}
.tamamla-box p::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.tamamla-box p::-webkit-scrollbar {
  width: 7px;
  background-color: #F5F5F5;
}
.tamamla-box p::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #363636;
}
.tamamla .item:hover .tamamla-box {
  display: block;
}
.tamamla-box:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px #363636;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
.tamamla-box .ta-close {
  display: none;
  position: absolute;
  top: 92%;
  left: 48.4%;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  z-index: 9;
}
.taciklama {
  display: none;
}
.tamamla .owl-stage-outer {
  padding-top: 180px;
}
.tamamla .owl-nav {
  top: 143.5px !important;
}
.tamamla .owl-nav span {
  font-size: 78px;
}
.preview .tamamla .owl-prev {
  position: absolute;
  left: -9px;
}
.preview .tamamla .owl-next {
  position: absolute;
  right: 0px;
}
.tamamla .item .urun-ad {
  display: block;
  text-align: left;
  padding: 1px 5px 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #363636;
  max-height: 85px;
}
.tamamla .item .fiyat-alan {
  display: block;
  text-align: center;
  padding: 0px;
  height: 55px;
}
.tamamla .item .indirim {
  width: 100px;
  background: #363636;
  font-size: 12px;
  color: #fff;
  padding: 1px 4px;
  text-align: center;
  display: block;
  margin: 0 auto 5px;
  position: relative;
}
.tamamla .item .indirim:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #363636;
  content: "";
  right: 10px;
  position: absolute;
  bottom: -5px;
}
.tamamla .item .indirimsiz-f {
  color: #727272;
  text-decoration: line-through;
  font-size: 12px;
  font-weight: 400;
  display: block;
  float: left;
  font-family: tahoma;
}
.tamamla .item .indirimli-f {
  color: #363636;
  font-size: 14px;
  font-weight: bold;
  display: block;
  float: right;
}
.tamamla .item .sepete-ekle {
  color: #363636;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  padding: 3px 6px;
  margin-top: 20px;
  width: auto;
  margin: 0 40px 0 0;
  display: inline-block !important;
  text-transform: inherit;
  border: solid 1px #363636;
  float: right;
}
.taciklama {
  color: #363636;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  padding: 3px 6px;
  margin-top: 20px;
  width: auto;
  margin: 0 0 0 40px;
  text-transform: inherit;
  border: solid 1px #363636;
  float: left;
  clear: both;
}
.tamamla .item .sepete-ekle svg {
  margin-left: 15px;
  font-weight: bold;
}
.tamamla .item .sepete-ekle:hover {
  background: #363636;
  color: #fff;
}
.what {
  margin: 0;
  padding: 0;
  border: 0;
  position: fixed;
  z-index: 16000160;
  text-align: center;
  overflow: hidden;
  bottom: 20px;
  right: unset;
  left: 20px;
}
.what a {
  width: 40px;
  height: 50px;
  display: block;
  float: left;
}
.whatl {
  position: relative;
  float: right;
  margin-left: 15px;
  margin-top: 6px;
}
.whatl a {
  width: 135px;
  height: 28px;
  display: block;
  float: left;
}
.whatl a:hover {
  color: #fff;
}
.whatsa {
  padding: 5px 10px 5px 10px;
  line-height: 18px;
  max-height: 34px;
  max-width: 135px;
  overflow: hidden;
  word-wrap: break-word;
  font-size: 12px;
  background: #2d9028;
  border-radius: 5px;
  float: left;
  color: #ffffff;
}
.whatsa:before, .whatsa:after {
  content: '';
  position: absolute;
  background: #2d9028;
  border-bottom: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  left: -5px;
  top: 40%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  z-index: 1;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.deskSlider {
  width: 100%;
  height: 860px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
/*slıder*/
img {
  max-width: 100%;
}
.sliderpad {
  padding: 50px;
  padding-top: 0px;
}
/*slıder*/
.deskSlider a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 470px;
}
.hediye-sec {
  position: relative;
  display: inline-block;
}
.hediye-sec .hediye-sec-ban {
  display: none;
  position: absolute;
  top: -188px;
  left: -135px;
  /*background:url(/content/images/hediyeni-sec-detay.jpg) no-repeat;*/
  width: 377px;
  height: 178px;
}
.hediye-sec:hover .hediye-sec-ban {
  display: block;
}
.hediye-sec .hediye-sec-ban:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px #d341a6;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
.ic-img {
  width: 100%;
  height: 500px;
  overflow: hidden;
} /*







.gift-carousel .owl-item {







	width:5% !important;







}*/
.ic-img img {
  width: 100%;
  /*margin-top:-100px;*/
}
.ic-sayfalar {
  font-size: 15px;
  font-weight: 500;
  color: #363636;
  line-height: 24px;
}
.text-danger {
  color: red;
}
.fontlar {
  font-family: 'Overpass', cursive;
  font-family: 'Overpass', sans-serif;
  font-family: 'Overpass', sans-serif;
}
.bana-ozel {
  font-family: 'Dancing Script', cursive;
  font-size: 22px;
  padding-right: 20px;
  /* padding-bottom: 20px; */
  float: left;
  color: #363636;
}
.varyant-renk {}
.varyant-renk:after {
  content: "";
  display: block;
  clear: both;
}
.varyant-renk h3 {
  font-weight: bold;
  color: #363636;
}
.varyant-renk .renk-sec {
  width: 22.4%;
  float: left;
  padding: 5px;
  border: solid 1px #transparent;
  margin: 0 10px 10px 0;
  text-align: center;
}
.varyant-renk .renk-sec img {
  width: 100%;
}
.varyant-renk .renk-sec:hover {
  box-shadow: 0 0 10px #bbb;
}
.varyant-renk .renk-sec:hover span {}
.varyant-renk .renk-sec span {
  display: block;
  overflow: hidden;
  height: 30px;
  line-height: 16px;
  margin: 10px 0 0;
  border-bottom: solid;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
}
.aktifrenk {
  background: #fdfdfd;
  /*color: #fff;*/
  box-shadow: 0 0 10px #b7b7b7;
}
.aktifrenk span {}
a:focus, a:hover {
  color: #363636;
  text-decoration: underline;
}
.preview-pic .tab-pane img {
  width: 100%;
}
.navbar {
  margin-bottom: 0;
}
.navbar-nav {
  float: none;
  background: white;
  border: solid 1px #ddd;
  position: absolute;
  width: 250px;
  z-index: 3;
  display: none;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #c3827d;
}
ol, ul {
  margin-top: 0;
  margin-bottom: 0px;
}
.right {
  float: right;
}
.left {
  float: left;
}
.header-top {
  /*border-bottom: solid 1px #f4f4f4;*/
  background: #fff;
  border-bottom: solid 1px #ebebeb;
  color: #363636;
}
.header-top a {
  color: #363636;
}
.toplink li {
  float: left;
}
.toplink li {
  border-right: solid 1px #F4f4f4;
}
.toplink li:last-child {
  border-right: none;
}
.toplink li a {
  padding: 0 10px;
  font-size: 12px;
  color: #4e4e4e;
}
sub {
  bottom: 0;
}
.top-menu-giris .giris-link ul {
  display: none;
  position: absolute;
  top: 15px;
  z-index: 99;
  right: 0px;
  padding: 10px 0 0 0;
  width: 135px;
}
.top-menu-giris .giris-link:hover ul {
  display: block;
}
.top-menu-giris .giris-link ul li a {
  color: #363636;
  padding: 8px 12px;
  font-size: 14px;
  display: block;
}
.top-menu-giris .giris-link ul li a:hover {
  text-decoration: none;
  color: #363636;
}
.top-menu-giris .giris-link ul li {
  border-top: solid 1px #e2e2e2;
  border-left: solid 1px #e2e2e2;
  border-right: solid 1px #e2e2e2;
  background: #fff;
  min-width: 140px;
  background: #fff;
  text-align: left;
}
.top-menu-giris .giris-link ul li svg {
  margin-right: 5px;
}
.top-menu-giris .giris-link ul li:last-child {
  border-bottom: solid 1px #e2e2e2;
}
.header-middle {
  position: relative;
  padding: 12px 0 10px;
  /*background: url(/content/images/christmas-top-bg.png) repeat-x;*/
}
.slider-video {
  padding: 0 35px 35px;
  height: 100%;
  margin: 0 0 30px;
}
.vimeo-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.vimeo-wrapper iframe {
  width: 100vw;
  height: 54.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.arama {
  position: relative;
  width: 65%;
  float: right;
  /*margin-top: 12px;*/
  margin-right: 10px;
}
input.ara {
  border: solid 1px #696969;
  border-radius: 0;
  width: 100%;
  color: #585858;
  padding: 11px 9px 9px 9px;
}
.ara:focus {
  border: solid 1px #363636;
  border-radius: 0;
  width: 100%;
  color: #585858;
  padding: 11px 9px 9px 9px;
  outline-offset: 0px;
  outline: none;
}
.aara input.ara {
  border: solid 1px;
}
.easy-autocomplete {
  float: right;
  padding: 5px 10px 0;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  width: 185px !important;
  opacity: 1;
}
.aara {
  width: 185px !important;
  opacity: 1;
}
.button-ara {
  font-size: 14px;
  color: #000;
  background: transparent;
  border: none;
  padding: 4px 12px;
  border-radius: 0 5px;
  position: absolute;
  right: 10px;
  top: 13px;
}
.button-ara svg {
  position: relative;
  z-index: 33;
}
.eac-category {
  font-weight: 700;
  color: #363636;
}
.easy-autocomplete-container ul {
  border: none;
  top: -13px;
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
  border-color: #363636;
}
.aracontent {
  position: absolute;
  right: 21px;
  top: 17px;
}
.aracontent span {
  margin: 0 10px 0 0;
}
.top-icon {
  float: right;
  min-width: 120px;
  text-align: right;
  margin: 0;
  position: relative;
}
.top-icon img {
  height: 32px;
}
.top-icon a:last-child {
  border: none;
}
.top-icon a {
  display: inline-block;
  text-align: center;
  margin: 5px 6px;
  padding-right: 18px;
  border-right: solid 1px #e2e2e2;
  font-size: 13px;
  color: #555;
}
.lang {
  float: right;
}
.lang ul {
  list-style: none;
  padding: 0;
  letter-spacing: 1.2px;
  font-size: 13px;
}
.lang ul li {
  position: relative;
  padding: 14px 7px 7px;
  border: 1px solid transparent;
  border-bottom: none !important;
  transition: .6s;
}
.lang ul li span {
  display: block;
  cursor: pointer;
}
.lang ul li span i {
  display: inline-block;
  transition: .4s;
  background: url(https://aysira.com/images/sprite.png) no-repeat -73px 1px;
  width: 15px;
  height: 10px;
  margin: 4px 5px 0 0;
  vertical-align: text-top;
}
.lang ul li ul {
  border: 1px solid #363636;
  position: absolute;
  top: 100%;
  right: -1px;
  width: 58px;
  text-align: right;
  padding: 0 0 6px;
  display: none;
  background: #fff;
  border-top: none !important;
}
.lang ul li ul li {
  padding: 0 7px;
}
.lang ul li ul li a {
  color: #363636;
  text-decoration: none;
  display: block;
  padding: 4px 0;
  transition: .4s;
}
:lang(tr) .ac-en {
  display: block;
}
:lang(tr) .ac-tr {
  display: none;
}
:lang(en) .ac-en {
  display: none;
}
:lang(en) .ac-tr {
  display: block;
}
.fancybox-button--zoom {
  display: none !important;
}
.iliked {
  float: right;
  margin: 18px 0;
  padding-left: 15px;
  transition: .4s;
}
.iliked a {
  display: block;
  color: #363636;
  text-decoration: none;
  position: relative;
  letter-spacing: 1.2px;
  font-size: 13px;
}
.d-inline {
  display: inline-block;
}
.musterih {
  align-self: center;
  display: inline-flex;
  position: relative;
  top: -4px;
  margin-right: 9px;
  background: #6e6e6e;
  padding: 4px 4px 2px 1px;
  color: #fff;
}
.musterih.d-inline p {
  width: 56px !important;
  font-size: 9px;
  display: inline-block;
  margin-right: 5px;
  line-height: 10px;
  border-right: 1px solid #7c7c7c;
  margin-bottom: 0px;
  padding-right: 7px;
  margin-top: -3px;
  padding-top: 3px;
}
.musterih a {
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
  display: inline-flex;
  color: #fff;
}
.musterih .tel {
  margin-top: 2px;
}
.avanta {
  color: #fff;
  margin-top: -44px;
  text-align: center;
  font-family: sans-serif;
  width: 50px;
}
/*.yuzdeindirim {



    font-weight: 800;



    font-size: 20px;



    margin-bottom: -8px;



    font-style: italic;



}*/
.yuzdeindirim {
  font-weight: 800;
  font-size: 20px;
  margin-bottom: -8px;
  font-style: italic;
  margin-top: 1px;
}
.taksitsay {
  font-size: 11px;
  margin-left: 2px;
  margin-top: 3px;
}
.iliked a i {
  display: inline-block;
  transition: .4s;
  background: url(/images/sprite.png) no-repeat 0 0;
  width: 20px;
  height: 18px;
  margin: 0 4px 0 0;
  vertical-align: middle;
  background-size: cover;
}
.iliked a:hover i {
  background-position: -21px 0;
}
.ilikedactive a i {
  background-position: -21px 0;
}
.iliked button {
  display: block;
  color: #363636;
  text-decoration: none;
  position: relative;
  letter-spacing: 1.2px;
  font-size: 13px;
  background: transparent;
  border: none;
  box-shadow: none;
}
.iliked button i {
  display: inline-block;
  transition: .4s;
  background: url(https://aysira.com/images/sprite.png) no-repeat 0 0;
  width: 20px;
  height: 18px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.iliked button:hover i {
  background-position: -21px 0;
}
.iliked button.aheart i {
  background-position: -21px 0;
}
.lang {
  float: right;
  color: #363636;
  font-size: 14px;
  margin: 3px 5px;
  transition: .4s;
}
.button-ara span {
  margin-right: 15px;
  display: inline-block;
}
.menu-body {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background: white;
}
.menu {
  transition: .4s;
}
.menu ul li {
  float: left;
  position: relative;
  padding: 0;
  transition: .4s;
  font-size: 13px;
}
.menu ul li a {
  display: block;
  color: #363636;
  text-decoration: none;
  transition: .4s;
  padding: 21px 12.2px;
  font-weight: 500;
}
.menu ul li a:hover {
  background: #e0e0e0;
}
.menu ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: none;
  padding: 15px 0;
  min-width: 300px;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}
.logo {}
.logo img {}
.top-right-s {
  width: 20%;
  float: right;
  text-align: right;
  margin-top: 20px;
}
.inline-block {
  display: inline-block;
  width: 100%;
}


.sepet {
  float: right;
  text-align: right;
  margin-top: 11px;
  position: relative;
  cursor: pointer;
  padding-bottom: 18px;
}
.badge-light {
  position: absolute;
  top: 10px;
  right: -12px;
  color: #fff;
  border: solid 2px #696969;
  background-color: #696969;
  padding: 3px 4px 0 5px;
  border-radius: 55px;
  width: 21px;
  height: 21px;
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
  background-color: #363636;
  border-color: #363636;
}
.sepet a {
  position: relative;
}
.sepet-icon {
  position: relative;
  margin-right: 15px;
}
.sepet-icon img {
  width: 23px;
}
.sepet svg {
  font-size: 26px;
  color: #dc295c;
}
#mainNav {
  text-align: center;
  padding: 0;
}
#mainNav li {
  display: block;
  float: left;
}
#mainNav li a {
  padding: 5px 5px;
  color: #363636;
  font-size: 13px;
  display: block;
  text-transform: uppercase;
}
.menu-box-banner a {
  padding: 0 !important;
}
#mainNav li a.menu-baslik {
  color: #363636;
  padding: 10px 0 10px 15px;
}
.navbar-toggle {
  float: left;
}
.navbar-brand {
  display: none;
}
.navbar-inverse .navbar-toggle {
  border-color: #363636 /*transparent*/ ;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #c3827d;
}
#mainNav .navbar-nav > li {
  float: none;
  display: block;
  position: initial;
}
#mainNav .navbar-nav > li:hover {
  background: #fff;
}
.dropdown li:hover a {
  font-weight: bold;
}
.navbar-inverse {
  background-color: #fff;
  border: none;
  min-height: 40px;
}
.navbar-inverse #mainNav .navbar-nav > li > a {
  color: #363636;
  font-family: 'Overpass', sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 5.2px 5px 5.2px 3px;
  /* text-transform: uppercase; */
  /* letter-spacing: .3px; */
  text-align: left;
  border-bottom: solid 1px #ddd;
  margin: 0 10px;
}
.navbar-inverse #mainNav .navbar-nav > li > a:focus, .navbar-inverse #mainNav .navbar-nav > li > a:hover {
  color: #363636;
  font-weight: bold;
}
.navbar-inverse #mainNav .navbar-nav > li > a svg {
  position: relative;
  float: right;
  color: #9e9e9e;
}
.navbar-inverse ul {}
#mainNav .caret {
  display: none;
}
.tum-kategoriler {
  min-width: 250px;
}
.tum-kategoriler p {
  background: #363636;
  padding: 10px 15px;
  text-align: left;
  font-size: 14px;
  color: #fff;
  display: block;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
  margin: 0;
  cursor: pointer;
}
.tum-kategoriler:hover .navbar-nav {
  display: block;
}
.tum-kategoriler p svg {
  margin-left: 5px;
}
/*//////////////







MEGA MENU







////////////////*/
.affix {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 6;
}
.affix .header-middle {
  display: block;
  background: white;
}
.affix .header-top {
  display: none;
}
.affix .menu-body {
  box-shadow: 1px 4px 2px #0000003d;
}
.affix .navbar {
  min-height: inherit !important;
}
.sticky {
  position: relative !important;
  top: 0;
  width: 100%;
  z-index: 2;
}
.sticky .header-middle {
  display: inherit;
}
.sticky .navbar-inverse {
  box-shadow: none;
}
.sticky .navbar {
  min-height: inherit !important;
}
#mainNav .navbar-nav > li .dropdown-menu /*.container */ {
  background: #fff;
  position: absolute;
  left: 248px;
  width: 920px;
  top: -1px;
  border: solid 1px #ddd;
  min-height: 326px;
  border-radius: 0;
  z-index: 0;
  box-shadow: none;
  padding: 0;
  overflow: hidden;
}
#mainNav .navbar-nav > li .dropdown-menu .col-md-3 .mega-dropdown {
  position: static !important;
}
#mainNav .navbar-nav > li .dropdown-menu .menu-box li a {}
.mega-dropdown-menu {
  padding: 0px 0px 0;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu .row {
  padding: 20px 0px;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #363636;
  padding: 3px 5px;
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}
a {
  color: #363636;
  text-decoration: none;
} /*







.menuleft {







	    width: 200px;







    float: left;







}















.sikayet a {







	font-weight:400 !important;







}







.sikayet {







	float:left;







	width:40%;







}*/
.wellmenu {
  display: block;
}
#mainNav li ul.menu-box {
  position: relative;
  width: auto;
  float: left;
}
#mainNav li ul.menu-box li {
  margin-bottom: 5px;
  float: none;
}
#mainNav li ul.menu-box li a {
  font-size: 13px;
  font-weight: 500;
  color: #363636;
  display: block;
  padding: 5px 15px;
}
#mainNav li ul.menu-box li a.menu-baslik {
  font-size: 16px;
  font-weight: bold;
}
#mainNav li ul.menu-box li a strong {
  display: block;
  color: #363636;
  border-bottom: solid 1px #363636;
  padding-bottom: 3px;
  margin-bottom: 2px;
  font-size: 14px;
}
#mainNav li ul.menu-box li strong {
  display: block;
  color: #363636;
  border-bottom: solid 1px #363636;
  padding-bottom: 3px;
  margin-bottom: 2px;
  font-size: 12px;
}
#mainNav li ul.menu-box li a.anakategori2 strong {
  font-weight: 600 !important;
  border: none;
}
#mainNav li .menu-box-banner {
  padding: 0 10px;
  display: inline-block;
}
#mainNav li .menu-box-banner img {
  max-width: 100%;
}
.menu-banner a {
  display: block;
  float: left;
  max-height: 350px;
}
.menu-banner3 a img {
  width: 100%;
}
.menu-banner3 a {
  display: block;
}
.menu-banner3 a:nth-child(2) {
  padding-top: 10px;
}
.menu-banner a:first-child {
  width: 45%;
  overflow: hidden;
  margin-right: 5px;
  margin-bottom: 5px;
}
.menu-banner a:first-child img {}
.menu-banner a:nth-child(2) {
  width: 53%;
  overflow: hidden;
}
.menu-banner a:nth-child(3) {
  width: 100%;
  overflow: hidden;
  margin-right: 5px;
  margin-bottom: 5px;
}
.menu-banner a:nth-child(4) {
  width: 45%;
  overflow: hidden;
}
.menu-banner2 a {
  display: block;
  float: left;
  width: 50%;
  padding: 0 7px 14px;
}
.menu-banner2 a img {
  width: 100%;
}
.sikayet strong {
  display: block;
  color: #363636;
  border-bottom: solid 1px #363636;
  padding-bottom: 3px;
  margin-bottom: 2px;
}
.sikayet li {
  float: left;
  width: 50%;
}
.marka-list li {
  float: left;
  margin-right: 2%;
  width: 48%;
}
.marka-list li:nth-child(2n+0) {
  margin-right: 0;
}
.menumarka-img li {
  width: 24%;
  float: left;
  margin-right: 1%;
  margin-bottom: 1%;
}
.menumarka-img li img {
  width: 100%;
}
/**************







MAĞAZA HOME







***************/
.magaza-home {
  background: #eef0ef;
  padding: 15px 0 30px 0;
  text-align: center;
}
.magaza-home img {
  box-shadow: 0 0 10px #ddd;
}
.magaza-home h2 {
  display: block;
  width: 100%;
  text-align: center;
  font-family: 'Overpass';
  font-size: 26px;
  font-weight: 400;
  margin: 25px 0;
  color: #363636;
  border-bottom: solid 1px #ddd;
  padding-bottom: 15px;
  position: relative;
}
.magaza-home h2:before {
  content: '';
  position: absolute;
  border-top: 3px solid #363636;
  width: 15%;
  bottom: 0;
}
.magaza-home h2:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-top: 12px solid #363636;
  border-right: 12px solid transparent;
  position: absolute;
  bottom: -11px;
  left: 49%;
}
.magaza-home a p {
  font-size: 20px;
  font-family: 'njoyregular';
  border-bottom: solid 2px #ea8023;
  display: inline-block;
  margin: 15px auto;
}
.magaza-fot {
  padding: 10px 0 0;
}
.magaza-fot svg {
  font-size: 26px;
}
/**************







SEPET HOVER







*******************/
.shoppingcart_box {
  display: none;
  background-color: #FFFFFF;
  border: 1px solid #D4D4D4;
  margin-top: 10px;
  width: 350px;
  padding: 15px;
  position: absolute;
  right: 0%;
  top: 29px;
  z-index: 10;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
}
.shoppingcart_img {
  overflow: hidden;
}
.sepet:hover .shoppingcart_box {
  display: block;
}
.shoppingcart_box ul {
  display: block;
  max-height: 300px;
  overflow-y: scroll;
}
.shoppingcart_box ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.shoppingcart_box ul::-webkit-scrollbar {
  width: 7px;
  background-color: #F5F5F5;
}
.shoppingcart_box ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #363636;
}
.shoppingcart_box ul li:after {
  content: "";
  clear: both;
  display: block;
}
.shoppingcart_box ul li {
  border-bottom: solid 1px #e2e2e2;
  padding: 5px 0;
}
.shoppingcart_img img {
  height: 70px;
}
.shoppingcart_txt p {
  font-size: 12px;
  color: #363636;
  text-align: left;
  margin: 0;
  padding: 0;
}
.headerCartQty {
  width: 38px;
  padding: 3px;
}
.headerCartRemove {
  float: right;
  border: 0;
  background: transparent;
  font-size: 11px;
}
.headerCartRemove svg {
  font-size: 18px;
  color: #363636;
}
.shoppingcart_txt a {
  color: #363636;
}
.shoppingcart_txt span {
  font-size: 12px;
  font-weight: bold;
  color: #363636;
  text-align: left;
  display: block;
}
.shoppingcart_fiyat {
  clear: both;
  padding-top: 15px;
  color: #363636;
}
.shoppingcart_toplam {
  color: #363636;
}
.shoppingcart_kargo p {
  font-size: 12px;
  font-weight: 700;
}
.shoppingcart_toplam p {
  font-size: 13px;
  font-weight: 700;
}
.shoppingcart_fiyat p {
  font-size: 12px;
  font-weight: 700;
}
.shoppingcart_git {
  clear: both;
  border-top: solid 1px #e2e2e2;
  margin-top: 5px 15px;
  padding-top: 15px;
  border-radius: 0px;
}
.shoppingcart_git .siparis-tmm {
  background-color: #363636;
  width: 100%;
  color: #fff;
  border: none;
  display: block;
  text-align: center;
  padding: 5px 15px;
  font-size: 14px;
  border-radius: 0px;
}
.shoppingcart_git .siparis-tmm:hover {
  background-color: #fff;
  color: #363636;
  border: solid 1px #363636;
  text-decoration: none;
}
.go-sepet {
  background-color: #363636;
  width: inherit;
  color: #fff;
  border: solid 1px transparent;
  display: inline-block;
  text-align: center;
  padding: 5px 15px;
  font-size: 14px;
  border-radius: 0px;
}
.go-sepet:hover {
  background-color: #fff;
  color: #363636;
  border: solid 1px #363636;
  text-decoration: none;
}
/*************







	HOME BANNER







*****************/
.home-banner-left .item {
  position: relative;
}
.home-banner-left .item a {
  display: block;
  color: #363636;
  text-decoration: none;
}
.home-banner-left .item .images {
  overflow: hidden;
  position: relative;
}
.home-banner-left .item .images img {
  transition: .5s;
  position: absolute;
  top: 0;
  left: 0;
}
.home-banner-left .item .images img:nth-child(2) {
  opacity: 0;
}
.home-banner-left .item .images:hover img:nth-child(2) {
  opacity: 1;
}
@media (min-width: 992px) {
  .home-banner-left .item .images {
    height: 675px;
  }
}
.home-banner-left .item .text {
  background: #ffffff;
  padding: 30px;
  color: #363636;
  top: 30px;
  z-index: 1;
  transition: .8s;
  position: absolute;
  right: -270px;
}
.home-banner-left .item .text h2 {
  display: inline-block;
  font: 42px "00379regular";
  position: relative;
  padding: 0 80px 0 0;
  margin: 0;
}
.home-banner-left .item .text h2:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 57px;
  height: 1px;
  background: #363636;
}
.home-banner-right .item {
  position: relative;
  margin: 290px 0 0;
}
.home-banner-right .item a {
  display: block;
  color: #363636;
  text-decoration: none;
}
.home-banner-right .item .images {
  overflow: hidden;
  position: relative;
}
.home-banner-right .item .images img {
  transition: .5s;
  position: absolute;
  top: 0;
  left: 0;
}
.home-banner-right .item .images img:nth-child(2) {
  opacity: 0;
}
.home-banner-right .item .images:hover img:nth-child(2) {
  opacity: 1;
}
.home-banner-right .item .images:hover img:nth-child(1) {
  opacity: 0;
}
.hak-box {
  border: solid 10px black;
}
.hak-txt {
  padding: 71px 200px;
  display: block;
  width: 70%;
}
.hak-txt h1 {
  position: relative;
  font: 76px "00379regular";
  margin: 0;
  padding: 0;
  display: inline-block;
}
@media (min-width: 992px) {
  .home-banner-right .item .images {
    height: 699px;
  }
}
.home-banner-right .item .text {
  background: #ffffff;
  padding: 30px;
  color: #363636;
  z-index: 1;
  transition: .8s;
  position: absolute;
  left: -270px;
  opacity: 1;
  text-align: left;
  bottom: 80px;
  top: initial;
}
.home-banner-right .item .text h2 {
  display: inline-block;
  font: 42px "00379regular";
  position: relative;
  padding: 0 0 0 80px;
  margin: 0;
}
.home-banner-right .item .text h2:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: initial;
  width: 57px;
  height: 1px;
  background: #363636;
}
.home-banner li {
  overflow: hidden;
  letter-spacing: 0;
  position: relative;
}
.home-banner li a img {
  transition: 1s all;
  width: 100%;
}
.home-banner li:hover a > img {
  transform: scale(1.045);
}
.banner-content {
  bottom: 90px;
  text-align: center;
  left: 0;
  width: 100%;
  padding: 0 50px;
  position: absolute;
}
.banner-content a {
  color: #fff;
  font-size: 22px;
  opacity: 0;
}
/***************







  HOME ARA BANNER







*******************/
.home-ara-banner .ara-banner {
  overflow: hidden;
  letter-spacing: 0;
  position: relative;
  float: left;
  margin-bottom: 2%;
}
.home-ara-banner .ara-banner a img {
  transition: 1s all;
  width: 100%;
}
.home-ara-banner .ara-banner:hover a > img {
  transform: scale(1.045);
}
.ara-banner:first-child {
  width: 100%;
}
.ara-banner:nth-child(2) {
  width: 49%;
  margin-right: 2%;
}
.ara-banner:nth-child(3) {
  width: 49%;
}
.ara-banner:first-child .banner-content {
  right: 143px;
  right: 3%;
  top: 67%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: 14px;
  text-align: center;
  /* width: 350px; */
}
.ara-banner:first-child .banner-content .text-1 {
  font-size: 38px;
  color: #e07363636;
  letter-spacing: 1.4px;
  line-height: 1.2;
  margin-bottom: 18px;
}
.ara-banner:first-child .banner-content .text-2 {
  font-size: 38px;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 29px;
  letter-spacing: 0;
}
.ara-banner:first-child .banner-content .text-2 span {
  color: #ff8137;
  font-weight: 900;
}
.ara-banner:first-child .banner-content .btn-buyitnow {
  padding: 9.5px 24px;
  color: white;
  border: solid 1px;
  font-size: 20px;
}
.ara-banner:first-child .banner-content .btn-buyitnow::after {
  display: none;
}
.ara-banner:nth-child(2) .banner-content {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  padding-bottom: 6px;
  text-align: right;
}
.ara-banner:nth-child(2) .banner-content .text-1 {
  font-size: 30px;
  color: #101010;
  letter-spacing: 0.4px;
  line-height: 1.33;
  margin-bottom: 41px;
}
.ara-banner:nth-child(2) .banner-content .btn-default {
  font-size: 17px;
  letter-spacing: 0.5px;
  padding: 11.5px 17px;
}
.ara-banner:nth-child(3) .banner-content {
  bottom: 15px;
  text-align: center;
  left: 0;
  width: 100%;
  padding: 0 50px;
}
.ara-banner:nth-child(3) .banner-content .text-1 {
  color: #363636;
  font-size: 19px;
  letter-spacing: 3.7px;
  margin-bottom: 0;
}
.ara-banner:nth-child(3) .banner-content .text-2 {
  font-size: 36px;
  color: #1773d2;
  /* margin-bottom: 31px; */
}
.ara-banner:nth-child(3) .banner-content a {
  color: #1773d2;
  font-size: 17px;
  border: solid 1px;
  padding: 7px 14px;
}
/*************







	HOME BANNER SONU







*****************/
.slide-image {
  width: 100%;
}
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}
@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}
.carousel-inner .item > img {
  -webkit-animation: zoom 50s;
  animation: zoom 50s;
}
.listeleme-banner .carousel-inner .item > img {
  -webkit-animation: none;
  animation: none;
}
.carousel-holder {
  margin-bottom: 30px;
}
.carousel-control, .item {
  border-radius: 4px;
}
.caption {
  height: 130px;
  overflow: hidden;
}
.caption h4 {
  white-space: nowrap;
}
.thumbnail img {
  width: 100%;
}
.ratings {
  padding-right: 10px;
  padding-left: 10px;
  color: #d17581;
}
.thumbnail {
  padding: 0;
}
.thumbnail .caption-full {
  padding: 9px;
  color: #363636;
}
/* Global Styles */
html, body {
  height: 100%;
  font-family: 'Overpass', 'Overpass', sans-serif;
  color: #363636;
} /*







body {







	background:url(/content/images/flower-bg-2.jpg);







}







header {







	background:#ffffffbd;







	background:url(/content/images/header-bg-flower.jpg) center;







}*/
#myHeader .container {
  background: transparent;
}
body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
body::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #363636;
}
.img-portfolio {
  margin-bottom: 30px;
}
.img-hover:hover {
  opacity: 0.8;
}
/* Home Page Carousel */
header.carousel {
  height: 50%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
  height: 100%;
}
header.carousel .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
/* 404 Page Styles */
.error-404 {
  font-size: 100px;
}
.hero-spacer {
  margin-top: 50px;
}
.hero-feature {
  margin-bottom: 30px;
}
/* Responsive Styles */
/********************







  owl Carusel urun







***********************/
.urun-slider h2 {
  display: block;
  width: 100%;
  text-align: left;
  font-family: 'Overpass';
  font-size: 26px;
  font-weight: 400;
  margin: 25px 0;
  color: #363636;
  border-bottom: solid 1px #ddd;
  padding-bottom: 15px;
  position: relative;
}
.urun-slider h2:before {
  content: '';
  position: absolute;
  border-top: 3px solid #363636;
  width: 12%;
  bottom: 0;
}
.urun-slider h2:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-top: 12px solid #363636;
  border-right: 12px solid transparent;
  position: absolute;
  bottom: -11px;
  left: 5%;
}
.urun-slider h1 {
  display: block;
  text-align: center;
  font-family: '00379regular';
  font-size: 46px;
  font-weight: 400;
  margin: 0;
  color: #363636;
  padding-bottom: 15px;
  position: relative;
}
.urun-slider h1:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 57px;
  height: 1px;
  background: #363636;
}
.urun-slider h1:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 57px;
  height: 1px;
  background: #363636;
}
.urun-slider .carousel {
  margin-bottom: 0;
  padding: 0 10px 30px;
}
/* The controlsy */
.urun-slider .carousel-control {
  height: 30px;
  width: 30px;
  background: #fff;
  /*border: 2px solid #b9b9b9;*/
  border-radius: 5px;
  margin-top: 15%;
  color: #363636;
  font-size: 146px;
  font-weight: 300;
  line-height: 20px;
}
.urun-slider .carousel-control.right {
  right: -18px;
}
.urun-slider .carousel-control.left {
  left: -18px !important;
}
/* The indicators */
.urun-slider .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: -10px;
  margin-right: -19px;
}
/* The colour of the indicators */
.urun-slider .carousel-indicators li {
  background: #cecece;
}
.urun-slider .carousel-indicators .active {
  background: #428bca;
}
.urun_detay_main .urun-slider .item {
  padding: 0;
}
.urun_detay_main .urun-slider .item .urun-ad {
  max-height: 84px;
  min-height: 60px;
}
.urun_detay_main .ilgili-urun .item {
  height: 475px;
}
.ilgili-urun .indirimli-f {
  font-size: 20px;
  color: #363636;
  font-weight: 800;
  display: inline-block;
  margin-right: 15px;
  font-family: 'Overpass';
}
.ilgili-urun .indirim {
  position: absolute;
  left: 12px;
  top: 69px;
  border-radius: 30px;
  /* background: #363636; */
  color: #fff;
  padding: 0px 7px;
  width: 40px;
  overflow: hidden;
  height: 40px;
  line-height: 30px;
}
.ilgili-urun .indirimsiz-f {
  font-size: 14px;
  color: #808080;
  font-weight: 400;
  display: inline-block;
  text-decoration: line-through;
  font-family: tahoma;
}
.urun-slider.ilgili-urun .item .urun-resim {
  height: 370px;
  overflow: hidden;
}
.urun_detay_main .urun-slider.ilgili-urun .item .urun-ad {
  padding: 15px;
}
.ilgili-urun .tukendi {
  position: absolute;
  bottom: 32px;
  right: 49px;
}
.urun_detay_main .ilgili-urun .item {
  height: 497px;
}
.ilgili-urun .item {
  height: 300px;
}
.urun-slider .item:hover {
  border: solid 1px #e6e6e6;
}
.urun-slider .item:hover .sepete-ekle {
  display: block;
}
.item:hover .sepete-ekle {}
.urun_liste .urunler:hover .sepete-ekle {}
button.add-to-cart.detay-ekle {}
.sepet-alan.col-md-12 {}
.urun-slider .coksatanlar .item .urun-resim {
  display: block;
  text-align: center;
  height: 275px;
}
.urun-slider .coksatanlar .item:nth-child(4n+0) {
  border: solid 1px transparent;
}
.urun-alt-slider .item .urun-resim {}
.urun-slider span, a {
  font-family: 'Overpass', 'Overpass';
}
.urun-alt-slider .item .urun-resim img {
  width: auto;
  text-align: center;
  margin: 0 auto;
  height: 220px;
}
.fiyat {
  color: #363636;
  font-size: 15px;
  font-weight: 700;
  display: block;
}
button:focus {
  outline: none;
}
.mb-3 {
  margin-bottom: 30px;
}
#box3 {
  margin-top: 50px;
}
#box4 {
  margin: 50px 0 0;
}
#box4 .text {
  background: #ffffff;
  color: #363636;
  text-align: right;
  padding: 55px;
  margin: 160px -170px 0 0;
  position: relative;
  z-index: 2;
  transition: .7s;
}
#box4 .text .name2 {
  font: 62px "00379regular";
}
#box4 .text .name1 {
  position: relative;
  font: 131px "00379regular";
  margin: -20px 0;
  padding: 0 0 0 115px;
  display: inline-block;
  float: right;
}
#box4 .text .name1:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 85px;
  height: 1px;
  background: #363636;
}
#box4 .text .name3 {
  line-height: 25px;
  max-width: 357px;
  float: right;
  margin: 10px 0 0;
  letter-spacing: 1px;
  width: 100%;
  clear: both;
}
#box4 .text .more {
  float: left;
  width: 100%;
}
.more a {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  transition: .4s;
  font-size: 12px;
  border: 1px solid #ffffff;
  padding: 14px 30px 12px;
  margin: 30px 0 0;
  line-height: normal;
  min-width: 137px;
  text-align: center;
  font-weight: 400;
}
.news-title h1 {
  width: 190px;
}
.more a.black {
  color: #363636;
  border-color: #363636;
}
.more a.black:hover {
  color: #ffffff;
  background: #363636;
}
#box6 {
  width: 100%;
  color: #363636;
  margin: 110px 0 50px;
  text-align: center;
  line-height: 25px;
}
#box6 .text {
  max-width: 910px;
  margin: 0 auto;
}
#box6 .title {
  text-align: center;
  margin: 0 0 20px;
}
#box6 .title strong {
  display: inline-block;
  position: relative;
  font: 101px "00379regular";
  padding: 0 80px;
}
#box6 .title strong:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 47px;
  height: 1px;
  background: #363636;
}
#box6 .title strong:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 47px;
  height: 1px;
  background: #363636;
}
.urun-slider .title {
  text-align: center;
  margin: 0 0 20px;
}
.urun-slider .title strong {
  display: inline-block;
  position: relative;
  font: 101px "00379regular";
  padding: 0 80px;
}
.urun-slider .title strong:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 47px;
  height: 1px;
  background: #363636;
}
.urun-slider .title strong:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 47px;
  height: 1px;
  background: #363636;
}
/***************







BLOG







****************/
.blog {
  /*background: #f6f5f3 url(/content/images/blog-bg.jpg) no-repeat left bottom;*/
  text-align: center;
  padding: 10px 0;
  margin-top: 20px;
}
.blog h2 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: 'Overpass', ;
  font-size: 16px;
  font-weight: 400;
  margin: 10px 0 20px;
  border: none;
}
.blog h2:before, .blog h2:after {
  content: '';
  border-top: 1px solid #B7B7B7;
  margin: 0 10px 0 10px;
  flex: 1 0 10px;
}
.blog .col-md-3 {
  margin-bottom: 20px;
}
.blog .blog-resim:after {
  content: "";
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.blog .col-md-3:hover .blog-resim:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #b3070757;
  z-index: 2;
  top: 0;
}
.blog .col-md-3:hover .blog-resim, .blog .col-md-3:hover .blog-txt {
  background: #f9f9f9;
}
.blog .blog-resim {
  position: relative;
  height: 150px;
  background: #fff;
  overflow: hidden;
}
.blog .blog-resim img {
  width: 100%;
}
.blog a:hover {
  text-decoration: none;
}
.blog-txt {
  background: #fff;
  padding: 12px;
  text-align: left;
}
.blog-txt-ic {
  height: 140px;
  overflow: hidden;
}
.blog-txt h3 {
  font-size: 16px;
  font-weight: 500;
  color: #363636;
  text-transform: uppercase;
  margin-top: 10px;
}
.blog-txt p {
  font-size: 12px;
  font-weight: 500;
  color: #363636;
  height: 68px;
  overflow: hidden;
}
.tum-blog {
  color: #363636;
  border: solid 1px #B7B7B7;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 6px;
  margin-top: 20px;
  width: auto;
  margin: 0 auto;
  display: inline-block;
  font-family: 'Overpass';
}
.tum-blog:hover {
  color: #363636;
  border: solid 1px #363636;
}
.tum-blog:before {
  content: "";
  width: 44%;
  border-top: solid 1px #B7B7B7;
  position: absolute;
  top: 15px;
  left: 0;
}
.tum-blog:after {
  content: "";
  width: 44%;
  border-top: solid 1px #B7B7B7;
  position: absolute;
  top: 15px;
  right: 0;
}
.tum-blog svg {
  margin-left: 8px;
}
/*****************







BLOG LİSTE







***************/
.blog-liste {
  /*background: #f6f5f3 url(/content/images/blog-bg.jpg) no-repeat left bottom;*/
  text-align: center;
  padding: 10px 0;
  margin-top: 20px;
}
.blog-liste h2 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: 'Overpass', ;
  font-size: 16px;
  font-weight: 400;
  margin: 10px 0 20px;
}
.blog-liste h2:before, .blog-liste h2:after {
  content: '';
  border-top: 1px solid #B7B7B7;
  margin: 0 10px 0 10px;
  flex: 1 0 10px;
}
.blog-liste .col-md-3 {
  margin-bottom: 20px;
}
.blog-liste .blog-resim:after {
  content: "";
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.blog-liste .col-md-3:hover .blog-resim:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #b3070757;
  z-index: 2;
  top: 0;
}
.blog-liste .col-md-3:hover .blog-resim, .blog .col-md-4:hover .blog-txt {
  background: #f9f9f9;
}
.blog-liste .blog-resim {
  position: relative;
  height: 150px;
  background: #fff;
  overflow: hidden;
}
.blog-liste .blog-resim img {
  width: 100%;
}
.blog-liste a:hover {
  text-decoration: none;
}
.blog-list .blog-txt {
  background: #f4f4f4;
}
.blog-list:hover {
  cursor: pointer;
}
.blog-liste .blog-resim {
  perspective: 500px;
  -webkit-perspective: 500px;
  -ms-perspective: 500px;
  -o-perspective: 500px;
  position: relative;
  width: 100%;
}
.blog-liste .blog-resim:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.blog-liste .blog-resim img {
  transition: all 0.7s ease 0s;
  -webkit-transition: all 0.7s ease 0s;
  max-width: 100%;
  width: 100%;
}
/********************/
.instagram {
  padding: 40px 0;
  display: none;
}
.instagram h2 {
  font-family: 'Overpass', cursive;
  font-size: 42px;
  color: #363636;
  text-align: center;
  padding-bottom: 20px;
}
.instagram li a {
  position: absolute;
  width: 100%;
  height: 100%;
}
.instagram li {
  float: left;
  width: 16.66666667%;
  padding: 0 5px 5px 0;
  height: 195px;
  position: relative;
}
.instagram li img {
  width: 195px;
  position: relative;
}
.instagram li a:after {
  content: "";
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.instagram li:hover a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #b3072680 url(/content/images/instagram-hover.png) no-repeat center;
  z-index: 3;
  top: 0;
}
/****************







******************/
.bulten-box {
  width: 100%;
  background: #363636;
  padding: 8px;
  font-size: 13px;
  color: #1F1F1F;
  border-radius: 25px;
  height: 60px;
  display: none;
}
.bulten-box .h3 {
  color: white;
  font-size: 20px;
  padding: 12px 15px;
  width: 50%;
  float: left;
  margin: 0;
}
.bulten-input {
  float: right;
  text-align: right;
  width: 50%;
  padding: 5px 0 0 0;
}
.bulten {
  width: 70%;
  border-radius: 0 padding:8px 15px 10px;
  float: left;
  border: none;
}
.bulten-btn {
  border: none;
  border-radius: 0 15px 15px 0;
  background: #f19c52;
  color: white;
  padding: 8px 15px;
  float: left;
  width: 30%;
  font-size: 14px;
  -webkit-transition: .4s all;
  -o-transition: .4s all;
  transition: .4s all;
}
.bulten-btn:hover {
  background: #363636;
}
.bulten-btn svg {
  text-align: right;
  right: 12px;
  position: absolute;
  top: 4px;
  font-size: 22px;
}
/****************







FOOTER







****************/
footer {
  background: #fff;
  padding: 30px 0;
  font-family: 'Overpass', 'Overpass';
  font-weight: 300;
  border-top: solid 1px #eef0ef;
}
footer .h3 {
  font-family: 'Overpass', 'Montserrat', 'Overpass';
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  text-transform: uppercase;
}
footer h3 {
  font-family: 'Overpass', 'Montserrat', 'Overpass';
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  text-transform: uppercase;
}
footer p {
  color: #363636;
  text-transform: uppercase;
}
footer a {
  color: #363636;
  display: block;
  padding-bottom: 8px;
  font-weight: 300;
  text-transform: uppercase;
}
footer a:hover {
  text-decoration: none;
}
.social {
  text-align: center;
}
.social strong {
  display: inline-block;
  position: relative;
  font: 50px "00379regular";
  padding: 0 80px;
}
.social strong:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 47px;
  height: 1px;
  background: #363636;
}
.social strong:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 47px;
  height: 1px;
  background: #363636;
}
.social nav {
  margin: 25px 0 70px;
}
.social nav a {
  display: inline-block;
  color: #363636;
  text-decoration: none;
  margin: 0 25px;
  font-size: 25px;
  transition: .4s;
}
.footer-top {
  /*border-top:solid 1px #ddd;*/
  border-bottom: solid 1px #ddd;
  margin-bottom: 15px;
  padding-bottom: 15px;
  text-align: center;
  display: none;
}
.footer-top h3 {
  font-size: 20px;
  font-weight: 600;
  padding: 20px 0 0;
}
.footer-top .fotakip h3 {
  padding: 5px 0 0;
}
.footer-top p {
  font-size: 18px;
  font-weight: 500;
}
.whats p svg {
  font-size: 22px;
}
.footer-iletisim li {
  color: #363636;
  margin-bottom: 10px;
}
.footer-iletisim a {
  display: inline-block;
  font-family: Overpass;
  text-transform: lowercase;
}
.footer-company {
  display: none;
}
.footer-takip {
  color: #363636;
  font-size: 26px;
}
.footer-takip a {
  display: inline-block;
  margin-left: 8px;
}
#ETBIS {
  position: absolute;
  bottom: 5px;
  right: 3%;
}
.enalt {
  padding: 0 0 30px;
}
.enalt span {
  color: #363636;
  font-weight: bold;
}
.design img {
  width: 45%;
  padding: 10px 0 0;
}
.design {
  padding-top: 15px;
}
.bank img {
  max-height: 40px;
  margin: 5px;
}
.banner-box-bg {}
.combine .listeleme_link .indirim {
  top: 0;
  z-index: 1;
}
.counttotal {
  padding: 5px 0 0;
}
.easy-autocomplete-container {
  left: 10px;
  position: absolute;
  width: 165px;
  z-index: 2;
  text-align: left;
}
.easy-autocomplete-container ul li b {
  font-weight: 400;
}
/**********************







carouselFade







***********************/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  height: auto;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-fade .carousel-caption {
  text-shadow: 0 1px 4px rgba(0, 0, 0, .9);
  font-size: 17px
}
.carousel-fade .carousel-caption h3 {
  font-size: 30px;
  font-family: 'Lato', sans-serif;
}
/*******************************







  ÜRÜN LİSTELEME







*******************************/
.urun_liste {
  padding: 15px 0 35px 0;
}
.urun_liste .urunler {
  padding: 0;
  background: white;
  margin-bottom: 30px;
  border-bottom: solid 1px #e6e6e6;
  margin: 15px 15px 15px 0;
  width: 32.1%;
  float: left;
  position: relative;
}
.urun_liste .urunler:hover {}
.urun_liste .listeleme_link .urun-resim {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  height: 455px;
}
.urunler .listeleme_link .indirim {
  top: 5px;
}
.ozelfiyat:before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  right: -18px;
  width: 110px;
  height: 110px;
  background-size: 80px;
}
.urun_liste a:hover {
  text-decoration: none;
}
.urun-marka {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  line-height: 16px;
  color: #363636;
  font-family: 'Overpass', sans-serif !important;
}
.urun-hacim {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #363636;
}
.urun_liste h2 {
  height: 200px;
  overflow-y: scroll;
  font-size: 13px;
  color: #363636;
  line-height: 20px;
}
.urun_liste h2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.urun_liste h2::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.urun_liste h2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #363636;
}
.urun_liste_baslik {
  text-align: left;
  margin: 0;
}
.urun_liste_baslik strong {
  display: inline-block;
  position: relative;
  font: 24px "00379regular";
  padding: 0 80px 0 0;
} /*







.urun_liste_baslik strong:before {







    content: "";







    position: absolute;







    top: 50%;







    left: 0;







    width: 47px;







    height: 1px;







    background: #363636;







}*/
.urun_liste_baslik strong:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 47px;
  height: 1px;
  background: #363636;
}
.urunler .metin-box {
  bottom: 0px;
  height: 87px;
  overflow: hidden;
}
.urunler .listeleme_link:hover .metin-box {
  bottom: 0;
}
.urun-list {
  padding: 15px 0;
}
.urun-ad {
  font: 30px/30px "00379regular";
} /*







.metin-box {







	position: absolute;







    bottom: 15px;







    left: 0;







    color: #363636;







    z-index: 1;







    width: 100%;







    text-align: center;







    transition: .5s;























.listeleme_link:hover .metin-box {







	bottom:30px;







}}*/
.metin-box {
  position: relative;
  bottom: 0;
  left: 0;
  color: #363636;
  z-index: 1;
  width: 100%;
  text-align: center;
  transition: .5s;
}
.listeleme_link:hover .metin-box {
  bottom: 0;
}
/*







.metin {







    background: #ffffff;







    padding: 22px 30px;







    display: inline-block;







    text-align: left;







    min-width: 300px;







}*/
.metin {
  background: #ffffff;
  padding: 5px 15px;
  display: inline-block;
  text-align: left;
  min-width: 100%;
}
.metin strong {
  display: block;
  font: 14px/32px "Arial";
  position: relative;
  padding: 0 60px 0 0;
  float: left;
  width: 90%;
}
.col-md-9.well.text-left p {
  padding: 16px;
  font-family: Arial;
  line-height: 23px;
  margin-top: -1px;
}
/*







.metin strong:before {







    content: "";







    position: absolute;







    top: 50%;







    right: 0;







    width: 40px;







    height: 1px;







    background: #363636;







}







/****************







BREAD







******************/
.bread {
  background: white;
  /*border-bottom: 1px solid #e0e0e0;*/
  position: relative;
  text-transform: uppercase;
}
.bread .col-lg-12 {
  padding: 0 !important;
}
.breadcrumb {
  padding: 10px 15px;
  margin: 10px 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0px;
}
.breadcrumb a {
  color: #363636;
}
.breadcrumb > .active {
  color: #363636;
  font-weight: 400;
}
.liste-bread .breadcrumb {
  padding: 10px 15px 0;
  margin: 10px 0 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0px;
}
/*







.mt-3 {







	margin-top:110px;







}







/****************







NAVS







********************/
nav > .nav.nav-tabs {
  border: none;
  color: #fff;
  background: transparent;
  border-radius: 0;
  display: none;
}
nav > div a.nav-item.nav-link, nav > div a.nav-item.nav-link {
  border: solid 2px transparent;
  padding: 3px 18px;
  color: #363636;
  background: transparent;
  border-radius: 0;
  width: auto;
  text-align: center;
  float: left;
  margin: 0 5px;
}
nav > div a.nav-item.nav-link.active {
  border: solid 2px #363636;
  color: #363636;
  padding: 1px 18px 3px 18px;
  border-radius: 30px;
  font-size: 14px;
  background: white;
} /*







nav > div a.nav-item.nav-link.active:after {







	content: "";







	position: absolute;







	bottom: -33px;







	left: 42%;







	border: 15px solid transparent;







	border-top-color: #dadada;







}*/
.tab-content {
  background: transparent;
  padding: 0px 25px;
  border-top: solid 1px #ddd;
}
.urun_liste .tab-content {
  padding: 0;
}
.combine .tab-content {
  margin-top: 15px;
}
nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus {
  border: solid 2px #363636;
  color: #363636;
  padding: 1px 18px 3px 18px;
  border-radius: 30px;
  font-size: 14px;
}
.nav-fill {
  display: block;
}
/********************







 PANEL







**************************/
.filtre-body {
  padding-top: 15px;
}
.filtre-body .panel-body {
  padding: 0 15px 15px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.filtre-body .panel-default:after {
  content: "";
  display: block;
  clear: both;
}
.filtre-body .panel-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.filtre-body .panel-body::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.filtre-body .panel-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #363636;
}
.filtre-body .panel .checkbox, .radio {
  padding-bottom: 5px;
  border-bottom: solid 1px #dedede;
}
.filtre-body .checkbox label, .radio label {
  min-height: 15px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
  font-size: 12px;
}
.filtre-link {
  display: block;
  padding-bottom: 5px;
  border-bottom: solid 1px #dedede;
  margin: 0 0 5px 5px;
  font-weight: 400;
  font-size: 12px;
}
.mobil-filtre {
  display: none;
}
#BrandCatList {
  padding: 4px 8px;
  border: solid 1px #ccc;
  border-radius: 0px;
  background: white;
  height: 30px;
}
.filtre-box {
  position: relative;
  cursor: pointer;
}
.filtre-box p {
  padding: 4px 8px;
  border: solid 1px #ccc;
  background: white;
}
.filtre-box p svg {
  float: right;
  -webkit-transition: .4s all;
  -o-transition: .4s all;
  transition: .4s all;
  margin-top: 3px;
}
.carp svg {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.kat-title svg {
  float: right;
  -webkit-transition: .4s all;
  -o-transition: .4s all;
  transition: .4s all;
  margin-top: 3px;
}
.carpi svg {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.list-alan {
  display: none;
}
.filtre-box .list-alan {
  position: absolute;
  right: 0;
  top: 20px;
  padding: 15px;
  border: solid 1px #ccc;
  background: white;
  border-top: none;
  z-index: 1;
  width: 100%;
}
.filtre-box .list-alan a {
  display: block;
  padding: 8px 0;
  border-bottom: solid 1px #ddd;
}
.kat-content {
  position: relative;
  width: 150px;
  float: right;
}
.kat-title {
  padding: 4px 8px;
  border: solid 1px #ccc;
  background: white;
  cursor: pointer;
}
.kat-body {
  display: none;
  position: absolute;
  right: 0;
  top: 20px;
  padding: 15px;
  border: solid 1px #ccc;
  background: white;
  border-top: none;
  z-index: 1;
  width: 100%;
}
.kat-content.kat-body a {
  display: block;
  padding: 8px 0;
  border-bottom: solid 1px #ddd;
}
.panel {
  box-shadow: none;
  margin-bottom: 1px;
}
.panel-default > .panel-heading {
  color: #363636;
  background-color: #fff;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
}
.panel-default {
  border: none;
  border-radius: 15px !important;
}
.panel-body {
  padding: 0 15px 15px;
}
.uye-giris-body .panel-body {
  padding: 0 15px;
  background: white;
  border: none !important;
}
.panel .checkbox, .radio {
  padding-bottom: 10px;
  border-bottom: solid 1px #dedede;
}
.filtre-btn {
  margin-top: 12px;
  display: block;
  background: #363636;
  color: white;
  border: none;
  padding: 1px 12px;
  width: 100%;
  text-align: left;
  position: relative;
  font-size: 16px;
  border: solid 2px #363636;
  border-radius: 8px;
}
.filtre-btn:hover {
  background: #fff;
  color: #363636;
}
.filtre-btn svg {
  text-align: right;
  position: relative;
  top: 0px;
  font-size: 22px;
}
.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #363636 !important;
}
.irs--flat .irs-handle > i:first-child {
  background-color: #363636 !important;
}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
  font-size: 12px !important;
  background-color: #363636 !important;
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
  border-top-color: #363636 !important;
}
input[type=radio] {}
input[type=radio][disabled]:after {
  content: "";
  display: block;
  clear: both;
  background: url(/content/images/radio-disbley.png) center no-repeat;
  width: 86px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
}
/*****************







PAGINATION







*****************/
.pagination-container {
  text-align: center;
  clear: both;
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #363636;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 1;
  color: #363636;
  cursor: default;
  background-color: #dadada;
  border-color: #dadada;
}
/*************************







URUN DETAY







***************************/
hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 60%;
  float: left;
  padding-right: 0px;
}
.preview .bx-wrapper {
  border: none;
  box-shadow: none;
}
.star5 {
  background: url('/content/images/50_star.png') no-repeat top left;
}
.star4 {
  background: url('/content/images/40_star.png') no-repeat top left;
}
.star3 {
  background: url('/content/images/30_star.png') no-repeat top left;
}
.star2 {
  background: url('/content/images/20_star.png') no-repeat top left;
}
.star1 {
  background: url('/content/images/10_star.png') no-repeat top left;
}
.starsBox {
  width: 60px;
  height: 12px;
  display: inline-block;
  overflow: hidden;
  text-indent: 99999px;
}
.reviewsBox {
  padding-bottom: 10px;
}
.reviewsBox a, .reviewsBox a:hover {
  color: #363636;
  font-size: 12px;
}
.kat-uyar {
  text-align: center;
  border-top: solid 1px #363636;
  border-bottom: solid 1px #363636;
  padding: 20px;
  background: #fafafa;
  font-size: 13px;
  font-weight: 500;
}
.kat-uyar-txt {
  color: #363636;
  font-weight: bold;
}
.mt-13 {
  margin-top: 13px;
}
.ozelk {
  display: block;
  width: 100%;
  text-align: left;
  font-family: 'Overpass';
  font-size: 26px;
  font-weight: 400;
  margin: 25px 0;
  color: #363636;
  border-bottom: solid 1px #ddd;
  padding-bottom: 15px;
  position: relative;
}
.ozelk:before {
  content: '';
  position: absolute;
  border-top: 3px solid #363636;
  width: 12%;
  bottom: 0;
}
.ozelk:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-top: 12px solid #363636;
  border-right: 12px solid transparent;
  position: absolute;
  bottom: -11px;
  left: 5%;
}
.yeni-alan-bsk .ozelk {
  display: block;
  width: 100%;
  text-align: left;
  font-family: 'Overpass';
  font-size: 20px;
  font-weight: 300;
  margin: 25px 0 0;
  color: #363636;
  /*border-top: solid 1px #ddd;*/
  border-bottom: solid 1px #ddd;
  padding: 15px 0;
  position: relative;
}
.yeni-alan-bsk .ozelk:before {
  content: none;
  position: absolute;
  border-top: 5px solid #363636;
  width: 12%;
  bottom: 0;
}
.yeni-alan-bsk .ozelk:after {
  content: none;
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-top: 12px solid #363636;
  border-right: 12px solid transparent;
  position: absolute;
  bottom: -11px;
  left: 5%;
}
.taksit-table-bsl {
  background: #f5f5f5;
  text-align: center;
  padding: 8px 0;
  border-radius: 12px 12px 0 0;
  border: solid 1px #ddd;
}
.table-text {
  background: #f1f1f1;
  text-align: center;
  padding: 0 50px;
  font-size: 16px;
  width: 30%;
  vertical-align: middle;
}
.table-text h4 {
  font-weight: 600;
  font-size: 30px;
  padding: 0;
  margin: 0 0 20px;
  line-height: 26px;
}
.table-text p {}
.table-img {
  width: 70%;
}
.table-img img {
  width: 100%;
}
.table-ozel {
  background: #f9f9f9;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}
.table-ozel td {
  text-align: center;
  padding: 40px 15px;
  font-size: 15px;
}
.table-ozel h5 {
  font-weight: 600;
  font-size: 26px;
  padding: 0;
  margin: 0 0 20px;
  line-height: 24px;
}
.ozellik {
  padding: 20px 0;
  font-size: 15px;
}
.detay-rait {
  margin: 0;
  border-bottom: solid 1px #e2e2e2;
  padding: 20px 0 20px;
}
.detay-rait .yor a {
  width: 100%;
  text-align: left;
}
.detay-rait a {
  color: #363636;
  font-weight: bold;
  text-align: center;
  width: 85%;
  display: block;
  font-size: 22px;
}
.detay-rait a:hover svg {
  color: #363636;
}
.detay-rait a svg {
  color: #363636;
  width: 100% !important;
  text-align: center;
}
.detay-rait a span {
  display: block;
  padding-left: 5px;
  text-align: center;
  line-height: 14px;
}
.detay-rait a :link svg, .detay-rait a:visited svg {
  color: #363636;
}
@media screen and (max-width: 996px) {
  .preview {
    margin-bottom: 20px;
  }
}
.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: auto;
  overflow: hidden;
  display: block;
  position: relative;
  padding-left: 102px;
}
.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px;
}
.preview .preview-thumbnail.nav-tabs li {
  width: 100px;
  margin-right: 2.5%;
}
.preview .owl-nav {
  position: absolute;
  top: 40%;
}
.preview-thumbnail.nav-tabs li {
  width: 12%;
  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;
}
.urun_detay_main .tab-content {
  overflow: hidden;
  background: #fff;
  border: none;
  padding: 0;
  width: 500px;
  margin: 0 auto;
}
.tab-content img {
  width: 100%;
  /*-webkit-animation-name: opacity;







	animation-name: opacity;







	-webkit-animation-duration: .3s;







	animation-duration: .3s;*/
}
.preview-thumbnail-box {
  display: block;
  overflow-x: auto;
  position: absolute;
  top: 0;
  width: 100px;
  z-index: 2;
}
.preview-thumbnail-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #F5F5F5;
}
.preview-thumbnail-box::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
  height: 6px;
}
.preview-thumbnail-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #363636;
}
.preview-thumbnail {
  display: block;
  width: max-content;
}
.preview-thumbnail:after {
  content: "";
  display: block;
  clear: both;
}
.preview-thumbnail a {
  display: block;
}
.preview-thumbnail img {
  width: 80px;
}
.preview-thumbnail li {
  width: auto;
  margin: 0 0 15px;
}
.card {
  background: #fff;
  padding: 0 0;
  line-height: 1.5em;
}
.card-sav label {
  width: 100%;
  border-top: solid 2px #ddd;
  padding-top: 15px;
  font-weight: 600 !important;
}
.card-sav .input-group label {
  padding: 0 0 0 25px;
  border: none;
}
.savedCardContainer {
  padding: 15px 0;
  border-bottom: solid 1px #ddd;
  margin-bottom: 15px;
}
.savedCardContainer .col-md-12 label {
  margin-right: 15px;
}
.savedCardContainer .col-md-12 label svg {
  display: none;
}
.savedCardContainer .btn-sm:hover, .savedCardContainer .btn-sm:focus {
  background: #363636;
  border: solid 1px #363636;
  color: #fff;
}
#paymentMethod2 .panel-title {
  color: #363636;
}
#paymentMethod2 .panel-default > .panel-heading + .panel-collapse > .panel-body {
  padding: 15px 0;
}
#paymentMethod2 .panel-default > .panel-heading {
  text-transform: capitalize;
}
.save-card-list li {
  width: 33%;
  padding: 15px;
  display: inline-block;
  text-align: center;
}
.save-card-number {
  border: solid 1px #ddd;
  background: #f8f8f8;
  padding: 25px 15px 15px;
  border-radius: 12px;
  margin: 5px 0 10px;
}
.save-card-name {
  text-align: left;
}
.save-card-number p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
  background: white;
  margin: 5px 0;
}
.save-card-number span {
  display: block;
  width: 100%;
  text-align: right
}
.save-card-sil .delete-card {
  padding: 5px 6px;
  background: #fff;
  border: solid 1px #363636;
  color: #363636;
  border-radius: 0;
}
.save-card-sil .delete-card:hover {
  background: #363636;
  border: solid 1px #363636;
  color: #fff;
}
@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, .price, .sizes, .colors {
  font-weight: bold;
}
.checked, .price span {
  color: #ff9f1a;
}
.product-title, .rating, .product-description, .price, .vote, .sizes {
  margin-bottom: 15px;
}
.size {
  margin-right: 10px;
}
.size:first-of-type {
  margin-left: 40px;
}
.color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 2em;
  width: 2em;
  border-radius: 2px;
}
.color:first-of-type {
  margin-left: 20px;
} /*







.add-to-cart, .like {







	background: #363636;







	padding: 1.2em 1.5em;







	border: none;







	text-transform: UPPERCASE;







	font-weight: bold;







	color: #fff;







	-webkit-transition: background .3s ease;







	transition: background .3s ease;







}







.add-to-cart:hover, .like:hover {







	background: #363636;







	color: #fff;







}*/
.list-like {
  float: right;
  width: 35px;
  margin: 5px 0 0 0;
  text-align: right;
}
.not-available {
  text-align: center;
  line-height: 2em;
}
.not-available:before {
  font-family: fontawesome;
  content: "\f00d";
  color: #fff;
}
.orange {
  background: #ff9f1a;
}
.green {
  background: #85ad00;
}
.blue {
  background: #0076ad;
}
.tooltip-inner {
  padding: 1.3em;
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.product-title {
  font-family: 'Overpass', 'Overpass', sans-serif;
  margin-top: 0;
  font-size: 16px;
  font-weight: 500;
  color: #363636;
}
.details h1 {
  display: inline-block;
  font: 42px "00379regular";
  position: relative;
  padding: 0 80px 0 0;
  margin: 0;
}
.details h1:before {
  content: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 57px;
  height: 1px;
  background: #363636;
}
.details {
  letter-spacing: .03px;
  width: 40%;
  float: left;
  padding: 0 40px;
}
.details .h1 {
  margin-top: 0;
  font-family: 'Overpass', cursive;
  color: #363636;
  font-size: 18px;
  font-weight: 900;
  border: none;
  padding-bottom: 0;
}
.details .h1 a {
  margin-top: 0;
  font-family: 'Overpass', cursive;
  color: #363636;
  font-size: 26px;
  font-weight: 900;
  border: none;
  padding-bottom: 0;
}
.product-code {
  font-size: 13px;
  color: #363636;
  padding-top: 20px;
}
.kisa-ozet {
  font-size: 16px;
  color: #585858;
  font-weight: normal;
  line-height: inherit;
  font-family: 'Overpass';
}
.kisa-ozet a {
  display: block;
}
.sepet-alan {
  padding: 10px 0 0;
}
.sepet-alan:after {
  content: "";
  display: block;
  clear: both;
}
.detay-kampanya {
  clear: both;
  padding-top: 20px;
}
.detay-kampanya img {
  width: 100%;
}
.marka-img {
  position: relative;
}
.marka-img img {
  /*width:100%;*/
  position: absolute;
  top: -50px;
  right: 0px;
  width: 110px;
}
.barkod {
  margin: 10px 0 20px;
}
.bedeb-body ul {
  display: block;
}
.bedeb-body li {
  margin: 0 7px 10px 0;
  padding: 0;
  border: solid 1px #ddd;
  display: block;
  float: left;
}
.bedeb-body li:hover {
  background: #fafafa;
}
.bedeb-body li label {
  padding: 7px 14px 2px;
  cursor: pointer;
  min-width: 86px;
  position: relative;
}
.bedeb-body li span.red {
  color: red;
  font-weight: 400;
}
.sepet-alan span.red {
  color: red;
  font-weight: 400;
  margin-left: 15px;
  padding: 7px;
  display: inline-block;
  border: solid 1px red;
}
.begenme {
  position: absolute;
  right: 30px;
  top: 10px;
  text-align: right;
}
.begenme a {
  display: inline-block;
  padding: 0 0 0 15px;
  font-size: 18px;
}
.details h3 {
  font-weight: 300;
}
.sepet-alan-fi {
  float: none;
  padding: 10px 0 20px;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}
.details .sepet-alan-fi .fiyat {
    display: block;
    font-weight: 900;
    font-size: 28px;
    padding-top: 0px;
    font-family: Arial;
    color: #363636;
}
.havale-fi {
  font-weight: 700;
  font-size: 20px;
}
.havale-fi span {
  color: #363636;
}
.sepet-alan-fi .indirim {
  font-family: 'Overpass', 'Overpass', sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #fff;
  text-align: center;
  background-color: #cf3a56;
  padding: 15px;
  margin-right: 15px;
  display: block;
  width: min-content;
  position: relative;
}
.sepet-alan-fi .indirim:after {
  border-bottom: 8px solid transparent;
  border-left: 8px solid #cf3a56;
  border-top: 8px solid transparent;
  content: "";
  right: -8px;
  position: absolute;
  bottom: 10px;
}
.sepet-alan-fi .indirimsiz-f {
  color: #727272;
  text-decoration: line-through;
  font-size: 16px;
  font-weight: 400;
  font-family: tahoma;
}
.sepet-alan-fi .indirimli-f {
  color: #363636;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: 40px;
  left: 18.5%;
}
.qty {
  width: 100px;
  background: #fff;
  position: relative;
  padding: 0;
  margin-right: 15px;
  float: left;
}
.qty .count {
  color: #363636;
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-weight: bold;
  line-height: 37px;
  padding: 0 0 0 10px;
  min-width: 100%;
  text-align: center;
  margin-right: 15px;
  border: solid 1px #ddd;
  border-radius: 0;
}
.qty .plus {
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 9px;
  background: white;
  width: 22px;
  height: 21px;
  padding: 2px 0 0 4px;
}
.qty .minus {
  font-size: 12px;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 11px;
  background: white;
  width: 22px;
  height: 24px;
  padding-left: 4px;
}
.minus:hover {
  color: #717fe0 !important;
}
.plus:hover {
  color: #717fe0 !important;
}
/*Prevent text selection*/
.qty span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.qty input {
  border: 0;
  width: 2%;
}
.qty input::-webkit-outer-spin-button, .qtyinput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.qty input {
  background-color: #fff;
}
.detay-ekle {
  float: left;
  padding: 8px 25px;
  background: transparent;
  border: solid 1px #ddd;
  color: #363636;
  border-radius: 0;
  margin: 0;
  font-size: 14px;
  font-family: 'Overpass';
  font-weight: 400;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.detay-ekle img {
  width: 15px;
}
.detay-ekle:hover {
  background: #fff;
}
.urun_detay_main .tab-content > .active {
  padding: 0;
}
.product-fiyat {
  position: relative;
  padding: 0 0 0;
  margin-bottom: 0;
  z-index: 2;
  display: none;
}
.product-fiyat span {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50px;
  background: #363636;
  color: #fff;
  padding: 5px 8px;
  width: 90px;
  overflow: hidden;
  height: 90px;
  line-height: 22px;
  text-align: center;
  font-size: 18px;
  display: flex;
  align-items: center;
}
.product-fiyat a {
  border: solid 1px #363636;
  color: #363636;
  padding: 8px 8px;
  margin-right: 15px;
}
.product-fiyat span.ucretsiz-kargo {
  position: absolute;
  left: inherit;
  right: 0;
  top: 0;
  border-radius: 50px;
  background: #363636;
  color: #fff;
  padding: 5px 8px;
  width: 90px;
  overflow: hidden;
  height: 90px;
  line-height: 22px;
  text-align: center;
  font-size: 18px;
  display: flex;
  align-items: center;
}
/*







.details .product-fiyat .fiyat {







	display:inline-block;







	font-weight:700;







	font-size:18px;







	padding-top:0px;







}















.product-fiyat .indirim {







	font-family: 'Overpass' ,'Overpass', sans-serif;







	font-size: 16px;







	font-weight: 500;







	font-style: normal;







	color: #fff;







	text-align: center;







	background-color: #cf3a56;







	padding: 15px;







	margin-right: 15px;







	display: block;







	width: min-content;







	position: relative;







}







.product-fiyat .indirim:after {







	border-bottom: 8px solid transparent;







	border-left: 8px solid #cf3a56;







	border-top: 8px solid transparent;







	content: "";







	right: -8px;







	position: absolute;







	bottom: 10px;







}







.product-fiyat .indirimsiz-f {







	color: #727272;







	text-decoration: line-through;







	font-size: 24px;







	font-weight: bold;







	position: absolute;







	top: 3px;







	left: 18.5%;







}







.product-fiyat .indirimli-f {







	color: #363636;







	font-size: 28px;







	font-weight: bold;







	position: absolute;







	top: 40px;







	left: 18.5%;







}







*/
.urun_detay_main .sepete-ekle {
  color: #fff;
  background: #363636;
  font-size: 15px;
  font-weight: 500;
  padding: 8px 14px;
  margin-left: 20px;
  width: initial;
  display: block;
  float: right;
  border: solid 1px #363636;
  margin-right: 0px;
}
.urun_detay_main .sepete-ekle:hover {
  background: #fff;
  color: #363636;
}
.urun_detay_main .sepete-ekle svg {
  margin-left: 6px;
}
.sosyal-medya {
  clear: both;
  padding: 20px 0;
}
.sosyal-medya a {
  padding: 5px 0;
  margin: 0 10px;
  color: #363636;
}
.sosyal-medya .fa-facebook {
  color: #4267b2;
}
.sosyal-medya .fa-twitter {
  color: #1da1f2;
}
.sosyal-medya .fa-instagram {
  color: #d82b7d;
}
.kargo_firsat {
  border: solid 1px #000 !important;
  color: #000 !important;
}
.kargo_firsat img {
  margin-right: 10px;
}
.kargo_firsat p {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: solid 1px #e2e2e2;
}
.kargo_firsat p:last-child {
  border: none;
}
.marka-aciklama {
  /*max-height: 200px;







    overflow-y: auto;*/
  font-size: 13px;
  color: #363636;
  line-height: 20px;
  margin-bottom: 20px;
}
.marka-aciklama::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.marka-aciklama::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.marka-aciklama::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #363636;
}
.urun-aciklama {
  text-align: center;
}
.urun-aciklama li {
  left: 42%;
  text-align: center;
}
.urun-aciklama li.active {
  background: #f9f9f9;
}
.urun-aciklama .nav-tabs > li a {
  padding: 10px 15px 19px;
  color: #3d3e3e;
}
.urun-aciklama .nav-tabs > li.active > a {
  font-size: 20px;
  background: #f9f9f9;
  padding: 10px 15px;
  color: #d87390;
}
.aciklama-body .tab-content {
  border: none;
  padding: 0;
}
.aciklama-body .tab-content > .active {
  background: #f9f9f9;
  padding: 30px 0;
}
.Detay_gezinti {
  padding: 30px 0;
}
.callForm {
  padding: 25px;
  border-top: solid 1px #e2e2e2;
  border-bottom: solid 1px #e2e2e2;
  text-align: center;
  margin-bottom: 30px;
}
.showCallForm {
  font-family: 'Overpass', cursive;
  color: #5f5f5f;
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
  display: block;
}
.callForm input {
  width: 100%;
  padding: 10px;
}
.sizi-ara {
  display: block;
  background: #c3827d;
  color: #fff;
  border: none;
  padding: 12px;
  width: 100%;
  text-align: left;
  position: relative;
  font-size: 16px;
}
.sizi-ara svg {
  float: right;
}
.sizi-ara:hover {
  background: #BBBBBB;
}
.yorum-body .h2 {
  display: block;
  width: 100%;
  text-align: left;
  font-family: 'Overpass';
  font-size: 26px;
  font-weight: 400;
  margin: 25px 0;
  color: #363636;
  border-bottom: solid 1px #ddd;
  padding-bottom: 15px;
  position: relative;
}
.yorum-body .h2:before {
  content: '';
  position: absolute;
  border-top: 3px solid #363636;
  width: 12%;
  bottom: 0;
}
.yorum-body .h2:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-top: 12px solid #363636;
  border-right: 12px solid transparent;
  position: absolute;
  bottom: -11px;
  left: 5%;
}
.yorum-main {
  margin-left: 0;
  margin-right: 0;
  padding: 15px;
  background: #f7f7f7;
}
.yorum-main textarea.form-control {
  height: 200px;
}
.yorum-main li {
  background: #fff;
  margin-bottom: 15px;
  padding: 15px;
}
.yorum-main li h5 {
  margin: 10px 0;
  padding: 0;
  font-size: 14pt;
  font-weight: 900;
  font-family: Fahkwang;
  color: #363636;
}
.yorum-main li p {
  margin: 0 0 20px 0;
  font-size: 13px;
}
.yorum-main .form-control {
  margin: 0 0 10px 0;
}
.yorum-form {
  display: none;
  margin-top: -50px;
  z-index: 9;
  position: relative;
}
.yorum-yap {
  margin-bottom: 15px;
  font-size: 14px;
}
.yorum-yap svg {
  margin-right: 5px;
}
.video-box {
  margin: 0;
  height: auto;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;

}
.video-box iframe {
  display: block;
  width: 100%;
  height: 470px;
}

.btn-primary {
  color: #fff;
  background-color: #363636;
  border-color: #363636;
  border-radius: 0;
  padding: 10px 12px;
}
.btn-primary:hover {
  color: #363636;
  background-color: #fff;
  border-color: #363636;
}
.ilgili-urun .h2 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: 'Overpass', ;
  font-size: 16px;
  font-weight: 400;
  margin: 50px 0;
}
.ilgili-urun .h2:before, .ilgili-urun .h2:after {
  content: '';
  border-top: 1px solid #B7B7B7;
  margin: 0 10px 0 0;
  flex: 1 0 10px;
}
/**********************







ÜRÜN DETAY SON







**********************/
.listeleme-banner {
  margin: 20px 0 20px 0;
  width: 100%;
}
.listeleme-banner img {
  width: 100%;
}
.listeleme-banner .carousel-control {
  text-shadow: none;
}
.listeleme-banner .carousel-inner > .item {
  height: 366px;
}
.listeleme-banner .carousel-inner > .next {
  height: 378px;
}
.urun_detay_main .show.collapse.in {
  display: block !important;
}
.urun_detay_main .show.collapse {
  display: none !important;
}
.urun_detay_main acik {
  display: block !important;
}
.hr {
  border-top: solid 1px #e2e2e2;
  padding-top: 10px;
}
.hr .panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #EEEEEE;
}
.hr .panel-default > .panel-heading {
  padding: 0;
  border-radius: 0;
  color: #363636;
  background-color: #FAFAFA;
  border-color: #EEEEEE;
}
.hr .panel-title {
  font-size: 16px;
  font-family: 'Overpass' !important;
  text-transform: none !important;
  font-weight: 400 !important;
}
.hr .panel-title > a {
  display: block;
  padding: 15px;
  text-decoration: none;
  font-family: 'Overpass' !important;
  font-weight: 400;
  color: #363636;
}
.hr .more-less {
  float: right;
  color: #363636;
  font-size: 12px;
}
.hr .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #EEEEEE;
  padding: 30px 15px;
}
.hr .panel-default > .panel-heading + .panel-collapse > .panel-body strong {
  font-weight: bold;
}
#fayda ul {
  margin-left: 25px;
}
#fayda ul li {
  list-style-type: disc;
}
***********************/ /********************







ÜYE GİRİŞ ALANI







***********************/
.giris {
  float: right;
}
.uye-giris {
  padding: 30px 0;
}
.uye-giris .container {
  background: transparent;
}
.uye-giris-body {
  width: 550px;
  margin: 0 auto;
  padding: 15px; /*







    background: white;







    box-shadow: 0 0 8px 0px #b9b8b9;*/
  border-radius: 22px;
}
.uye-giris .panel-group {
  background: transparent;
}
.uyegirisbox {
  margin: 0 0 30px;
  padding: 15px;
  border-right: solid 2px #ddd;
}
.uyegirisbox1 {
  margin: 0 0 30px;
  padding: 15px;
}
.uyegirisbox:after {
  content: "";
  display: block;
  clear: both;
}
.uyegirisbox1:after {
  content: "";
  display: block;
  clear: both;
}
.form-group:after {
  content: "";
  display: block;
  clear: both;
}
.uyegirisbox-txt {
  padding: 0 15px 30px;
  border-bottom: solid 2px #ddd;
  margin: 0 0 30px;
}
.bigger {
  font-size: 14px;
}
.block-item {
  display: block;
}
.kayitradio {
  float: left;
  margin-right: 8px !important;
}
.smaller {
  font-size: 12px;
  display: block;
  font-weight: 400;
}
.uye-giris .panel-default > .panel-heading {
  text-transform: none;
  background: #363636;
  padding: 15px;
  color: white;
  border-radius: 0px;
}
.uye-giris .panel-title {
  cursor: pointer;
}
.uye-giris .panel-title a:hover {
  color: white;
}
.uye-giris .panel-title label {
  display: block;
  cursor: pointer;
}
.uye-giris .form-horizontal .control-label {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: left;
  font-weight: 400;
}
.uye-giris input {
  border-radius: 0;
  border: none;
  border-color: #000;
  box-shadow: none;
  border-bottom: solid 1px #e0e0e0;
  background: #fafafa;
}
.col48 {
  width: 48%;
  float: left;
  margin-right: 2%;
}
.col50 {
  width: 50%;
  float: left;
}
.col100 {
  width: 100%;
}
.uye-giris .btn-default {
  width: -webkit-fill-available;
}
.uye-giris .btn-default svg {}
.facebtn .face-icon {
  width: 25%;
  float: left;
  text-align: center;
  padding: 12px 0;
  background: #284490;
}
.facebtn a {
  width: 75%;
  float: left;
  padding: 8px 12px;
  text-align: left;
  color: #fff;
  line-height: 14px;
}
.facebtn a span {
  font-size: 11px;
}
.gobtn {
  border: solid 1px #e2e2e2;
  border-radius: 0px;
  overflow: hidden;
  display: none;
}
.gobtn:hover {
  background: #e0e0e0;
}
.gobtn .google-icon {
  width: 25%;
  float: left;
  text-align: center;
  padding: 12px 0;
  border-right: solid 1px #e2e2e2;
}
.gobtn a {
  width: 75%;
  float: left;
  padding: 8px 12px;
  text-align: left;
  color: #363636;
  line-height: 14px;
}
.gobtn a span {
  font-size: 11px;
}
.facebtn {
  background-color: #3a559f;
  border-radius: 0px;
  overflow: hidden;
  display: none;
}
.facebtn:hover {
  background: #284490;
}
.whats {
  display: none;
}
.sepet-bos {
  background: #f4f4f4;
  padding: 150px 20px;
  text-align: center;
  width: 100%;
  border: solid 1px #dcdcdc;
}
.sepet-bos h2 {
  font-size: 22px;
  color: #363636;
  padding-top: 10px;
}
.basla {
  border: solid 1px #ddd;
  color: #363636;
  padding: 7px 18px;
  font-size: 14px;
  display: inline-block;
}
.basla:hover {
  background: #363636;
  color: white;
}
.card-ban {
  margin: 0 -15px 20px;
}
.card-ban img {
  width: 100%;
}
.sepet-body {
  padding: 40px 0;
}
.sepet-header {
  background: #f2f2f2;
  padding: 8px;
  margin-bottom: 20px;
}
.sepet-header .sepet-box-ic {
  height: inherit !important;
}
.sepet-box-ic {
  padding-left: 0 !important;
  align-items: center;
  height: 90px;
  display: flex;
}
.sepet-box-ic .qty {
  left: 0;
}
.sepet-box-ic .qty .minus {
  top: 8px;
}
.sepet-ad label {
  font-size: 12px;
  font-weight: 400;
  display: block;
}
.sepet-ad a {
  color: #363636;
  font-weight: bold;
}
.sepet-adet input {
  width: 60px;
}
.sepet-adet {
  float: left;
}
.sepet-toplam {
  float: left;
}
.sepet-row {
  padding: 15px 0;
  border-top: solid 1px #e2e2e2;
  border-bottom: solid 1px #e2e2e2;
}
.sepet-row:hover {
  background: #f4f4f4;
  cursor: pointer;
}
.sepet-sil .cartRemove {
  background: transparent;
}
.sepet-img .thumbnail {
  border: none;
}
.hediye-body {
  border: solid 1px #363636;
  padding: 10px;
}
.sepet-birim strike {
  display: block;
}
.hediye-body .btn-default {
  font-size: 12px;
  padding: 2px 8px;
  color: #363636;
  background-color: #fff;
  border: solid 1px #363636;
  border-radius: 0;
}
.hediye-body .carousel-indicators {
  display: none;
}
.hediye-body span {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 7px;
}
.hediye-body a {
  border: solid 1px #363636;
  padding: 3px 8px;
  color: #363636;
  font-size: 12px;
}
.hediye-body a:hover {
  background: #363636;
  color: #fff;
  text-decoration: none;
}
.tumgor {
  text-align: center;
  padding-top: 25px;
}
.tumgor a {
  padding: 3px 8px;
  font-size: 12px;
  background: #363636;
  color: #fff;
  text-decoration: none;
}
.tumgor a:hover {
  border: solid 1px #363636;
  color: #363636;
  background: #fff;
  text-decoration: none;
}
.hediye-body ul {
  margin-bottom: 10px;
}
.hediye-body ul:after {
  content: "";
  display: block;
  clear: both;
  border-bottom: dashed 1px #bfbfbf;
  padding-top: 10px;
}
.hediye-body li img {
  height: 80px;
}
.hediye-body h2 {
  font-size: 22px;
  text-align: center;
  padding: 0 0 10px 0;
  margin: 0;
  color: #ce897d;
  border-bottom: dashed 1px #bfbfbf;
}
.hediye-body h3 {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  color: #363636;
}
.hediye-body .carousel-indicators .active {
  background: #363636;
}
.hediye-body .content {
  margin-top: 20px;
}
.hediye-body .adjust1 {
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  padding: 0 25px;
}
.hediye-body .adjust1 img {
  height: 75px;
  /* border: solid 1px #363636;







    border-radius: 10px;*/
}
.hediye-body .adjust2 {
  margin: 0;
  text-align: center;
}
.hediye-body .carousel-indicators li {
  border: 1px solid #ccc;
}
.hediye-body .carousel-control {
  color: #363636;
  width: 5%;
  border: none;
}
.hediye-body .carousel-control img {
  position: absolute;
  top: 52%;
}
.hediye-body .carousel-control:hover, .hediye-body .carousel-control:focus {
  color: #363636;
  background: transparent;
}
.hediye-body .carousel-control.left, .hediye-body .carousel-control.right {
  background-image: none;
}
.hediye-body .media-object {
  margin: auto;
  margin-top: 15%;
}
.hediye-body .caption {
  height: initial;
  overflow: initial;
  padding: 10px 0 10px 0;
  clear: both;
}
.hediye-body .carousel-indicators {
  bottom: 25px !important;
}
.hediye150 {
  border-top: dashed 1px #bfbfbf;
  margin-top: 5px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .hediye-body .media-object {
    margin-top: 0;
  }
}
.sepet-toplam-br {
  border-bottom: solid 1px #e2e2e2;
  padding-bottom: 10px;
}
.sepet-toplam-brs {}
.sepet-toplam-brs h3 {
  font-size: 16px;
}
.btn {
  padding: 10px 12px;
}
.btn-default {
  color: #363636;
  background-color: #fff;
  border-color: #363636;
  border-radius: 0;
  padding: 10px 12px;
}
.btn-default:hover {
  color: #fff;
  background-color: #363636;
  border-color: #363636;
}
.toplam-btn {
  margin-top: 15px;
}
.toplam-btn .btn {
  border-radius: 0px;
}
.toplam-btn .btn-success {
  background-color: #363636;
  border-color: #363636;
}
.toplam-btn .btn-success:hover {
  background-color: #fff;
  color: #363636;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.no-padding {
  padding: 0;
}
.kupon {
  margin-top: 20px;
}
.kupon .applyDiscount {
  background-color: #363636;
  color: #fff;
  border-radius: 0px;
}
/*******************************







SİPARİŞ SAYFALARI







*****************************/
.siparis-bg .well {
  background-color: none;
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: #f2f2f2;
}
.siparis-bg .container-fluid {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  margin-left: 15px;
}
.siparis-bg {
  background: #f2f2f2;
  padding: 20px 0;
}
.page-header {
  margin: 0px;
}
.siparis-tab {
  padding: 20px 0;
  background: #f2f2f2;
}
.siparis-bg label {
  font-weight: 400;
  font-size: 13px;
}
.siparis-bg input {
  border-radius: 0px;
}
.siparis-bg select {
  border-radius: 0px;
}
.step-form .list-group-item {
  border: none;
}
.step-form .adreslerim .list-group-item {
  margin-bottom: 15px;
  border: solid 1px #ddd;
  background: #fafafa;
  border-radius: 15px;
}
.pt-3 {
  padding-top: 30px;
}
.p-3 {
  padding: 30px 30px 60px;
}
.malls-list {
  margin: 15px 0;
}
.malls-list .list {
  border: 1px solid #e0e0e0;
  padding: 20px;
  font-size: 14px;
  min-height: 245px;
  margin-top: 20px;
  line-height: 24px;
  transition: .4s;
  position: relative;
  font-weight: 300;
}
.right-toplam h1 {
  font-size: 20px;
  text-align: center;
  border-bottom: dashed 1px #e2e2e2;
  padding-bottom: 10px;
  font-weight: bold;
}
.right-toplam span {
  font-size: 14px;
  font-weight: bold;
}
.right-toplam span.text-danger {
  color: black;
}
.right-toplam {
  display: inline-block;
  background: white;
  border: 2px solid #111;
  padding: 0 0 20px 0;
  border-radius: 0;
  color: #111;
}
.right-toplam a {
  color: #111;
}
.right-toplam .sepet-toplam-br {
  margin-bottom: 10px;
  height: 55px;
  display: flex;
  align-items: center;
}
.right-toplam .sepet-toplam-br2 {
  border-bottom: solid 1px #e2e2e2;
  padding-bottom: 10px;
  height: 55px;
  display: flex;
  align-items: center;
}
.right-toplam .sepet-toplam-brs {
  font-weight: bold;
  height: 55px;
  display: flex;
  align-items: center;
}
.right-toplam .sepet-toplam-brs p {
  padding-top: 10px;
}
.right-toplam .sepet-toplam-brs h4 {
  font-weight: bold;
  font-size: 16px;
}
.right-toplam .col-xs-5 {
  padding-left: 0;
  padding-right: 0;
}
.btn-group-sm > .btn, .btn-sm {
  border-radius: 0px;
}
.siparis-btn {
  background-color: #363636;
  width: 100%;
  color: #fff;
  border: none;
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  border-radius: 0px;
}
.siparis-btn:hover {
  background-color: #fff;
  color: #363636;
  border: solid 1px #363636;
  text-decoration: none;
}
.step-form .siparis-btn {
  background-color: #363636;
  width: 100%;
  color: #fff;
  border: none;
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  border-radius: 0px;
}
.step-form .siparis-btn:hover {
  background-color: #fff;
  color: #363636;
  border: solid 1px #363636;
  text-decoration: none;
}
.siparis-tab .nav-pills > li.active > a, .siparis-tab .nav-pills > li.active > a:focus, .siparis-tab .nav-pills > li.active > a:hover {
  background-color: transparent;
  color: #363636;
}
.siparis-tab .nav-pills > li.active > a h4, .siparis-tab .nav-pills > li.active > a:focus h4, .siparis-tab .nav-pills > li.active > a:hover h4 {
  background-color: transparent;
  color: #363636;
}
.siparis-tab li a {
  background: transparent;
  position: relative;
  color: #eab281;
}
.siparis-tab li a svg {
  font-size: 40px;
}
.siparis-tab li:last-child a:after {
  content: none;
  display: none;
}
.siparis-tab li a:after {
  content: none;
  display: block;
  position: absolute;
  width: 240px;
  border-bottom: solid 3px #dcd8d8;
  top: 42px;
  right: -135px;
  z-index: -1;
}
.siparis-tab span {
  display: block;
  width: 65px;
  height: 65px;
  border-radius: 60px;
  padding: 8px 0 0 0;
  margin: 0 auto;
  color: #eab281;
}
.siparis-tab li:before {
  content: "";
  display: block;
  clear: both;
  border-bottom: solid 2px #eab281;
  top: 70px;
  position: absolute;
  width: 100%;
}
.siparis-tab .nav > li.disabled > a span {
  display: block;
  width: 65px;
  height: 65px;
  border-radius: 60px;
  padding: 8px 0 0 0;
  margin: 0 auto;
  color: #d0d0d0;
}
.siparis-tab .nav > li.disabled > a {
  color: #d0d0d0;
}
.siparis-tab li.disabled:before {
  content: none;
  display: block;
  clear: both;
  border-bottom: solid 2px #363636;
  top: 70px;
  position: absolute;
  width: 100%;
}
.siparis-tab li {
  position: relative;
}
.siparis-tab li.active > a span {
  display: block;
  width: 65px;
  height: 65px;
  border-radius: 60px;
  padding: 8px 0 0 0;
  margin: 0 auto;
  color: #363636;
  position: relative;
}
.siparis-tab li.active:before {
  content: "";
  display: block;
  clear: both;
  border-bottom: solid 2px #363636;
  top: 70px;
  position: absolute;
  width: 100%;
}
.siparis-tab .nav > li > a:focus, .siparis-tab .nav > li > a:hover {
  background: transparent;
}
.siparis-tab .nav > li > a:focus span, .siparis-tab .nav > li > a:hover span {
  /*	border: solid 3px #363636;







	color:#fff;







	background: #363636;*/
}
.siparis-bg .checkbox, .radio {
  padding-bottom: 0px;
  border-bottom: none;
}
.siparis-bg .list-group .col-md-4 {
  margin-bottom: 15px;
}
.editAddress {
  padding: 5px 12px;
  background: #fff;
  border: solid 1px #363636;
  color: #363636;
}
.editAddress:hover {
  background: #363636;
  color: #fff;
}
.deleteAddress {
  padding: 5px 12px;
  background: #363636;
  border: solid 1px #363636;
  color: #fff;
}
.deleteAddress:hover {
  background: #fff;
  color: #363636;
}
.addNew {
  margin: 10px 0px;
  padding: 5px 12px;
  background: #363636;
  border: solid 1px #363636;
  color: #fff;
}
.addNew:hover {
  background: #fff;
  color: #363636;
}
.addNew2 {
  margin: 10px 0px 10px 15px;
  padding: 5px 12px;
  background: #363636;
  border: solid 1px #363636;
  color: #fff;
}
.addNew2:hover {
  background: #fff;
  color: #363636;
}
.newAddress {
  padding: 5px 12px;
  background: #363636;
  border: solid 1px #363636;
  color: #fff;
  display: block;
  margin-bottom: 10px;
}
.adresler {
  font-size: 20px;
  padding: 10px 0;
  text-align: left;
  border-bottom: solid 1px #e2e2e2;
  margin: 0 15px 15px 15px;
  /* background: #f2f2f2; */
}
.fadresler {
  font-size: 20px;
  padding: 10px 0;
  text-align: left;
  border-bottom: solid 1px #e2e2e2;
  margin-bottom: 15px;
  margin-top: 0;
  /* background: #f2f2f2; */
}
.right-border {
  box-shadow: 5px 1px 2px rgb(0 0 0 / 0.13);
}
.siparis-bg .list-group:after {
  content: "";
  display: block;
  clear: both;
}
.siparis-bg h3 {
  color: #363636;
  font-weight: 600;
}
/**********************







 ÖDEME SAYFASI







************************/
.pre-scrollable {
  padding: 20px;
  border: solid 1px #e0e0e0;
  height: 200px;
}
.odeme-body h3 {
  font-size: 20px;
  color: #363636;
  font-weight: bold;
  border-bottom: solid 1px #d6d6d6;
  padding-bottom: 5px;
}
.odeme-secim .tab-content {
  background: white;
}
.odeme-secim .right-toplam {
  margin-top: 42%;
}
.odeme-body .nav-tabs {
  border: none;
  margin: 0;
}
.odeme-body .nav-tabs > li {
  text-align: center;
}
.odeme-body .nav-tabs > li > a {
  border: solid 2px transparent;
  padding: 15px 18px 7px 18px;
  color: #363636;
  background: transparent;
  border-radius: 0;
  width: auto;
  text-align: center;
  float: left;
  margin: 0 10px;
}
.odeme-body .nav-tabs > li.active > a, .odeme-body .nav-tabs > li.active > a:focus, .odeme-body .nav-tabs > li.active > a:hover {
  color: #363636;
  padding: 15px 18px 7px 18px;
  border-radius: 0;
  background: white;
  border: none;
  margin: 0;
  font-weight: 800;
  font-size: 18px;
}
.odeme-body .tab-content:after {
  content: "";
  display: block;
  clear: both;
}
.form-control:focus {
  border-color: #eab281cf;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(230 116 17 / 77%);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #3636369c;
}
input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
  background-color: #f4f4f4 !important;
  background-image: none !important;
  color: rgb(0, 0, 0) !important;
}
.odeme-body .btn-sm {
  padding: 5px 6px;
  background: #fff;
  border: solid 1px #363636;
  color: #363636;
  border-radius: 0;
}
.odeme-body .list-group-item {
  margin-bottom: 5px;
  background: #fafafa;
}
.ozet-bg {
  background: #fff;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border: solid 1px #dddddd;
  border-radius: 0px;
}
.ozet-bg dd {
  border-bottom: solid 1px #f4f4f4;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0
}
#newCardForm .input-group-addon:last-child {
  border-left: 0px;
  border-radius: 0px;
}
/**********************







HIZLI ÖDEME







***********/
.hizli-ode .panel-default {
  border: 1px solid #e3e3e3;
}
.hizli-ode .panel-default > .panel-heading {
  color: #fff;
  background-color: #363636;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px;
}
.hizli-ode .panel-default .panel-default .panel-heading {
  color: #363636;
  background-color: #f2f2f2;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px;
}
.hizli-ode .panel-default > .panel-heading .badge {
  color: #262626;
  background-color: #fff;
  font-size: 14px;
  font-weight: 800;
}
.hizli-ode .panel-title {
  font-size: 20px;
}
.hizli-ode .panel-body {
  padding: 15px;
}
.hizli-ode .siparis-btn:hover {
  background-color: #363636;
  color: #fff;
  text-decoration: none;
}
.hizli-ode .siparis-btn {
  background-color: #fff;
  color: #363636;
  border: solid 1px #363636;
  display: inline-block;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  width: initial;
}
.hizli-ode .panel-group .panel + .panel {
  margin-top: 15px;
}
.siparis-tmm {
  background-color: #363636;
  width: inherit;
  color: #fff;
  border: none;
  display: inline-block;
  text-align: center;
  padding: 5px 15px;
  font-size: 14px;
  border-radius: 0px;
}
.siparis-tmm:hover {
  background-color: #fff;
  color: #363636;
  border: solid 1px #363636;
  text-decoration: none;
}
/**********************







ÜYE PAGE







***********/
.uye-page {
  padding: 35px 0;
  background: rgb(247 247 247);
}
.uye-page h1 {
  font-size: 24px;
  border-bottom: solid 1px #e2e2e2;
  padding: 10px;
  margin-top: 0;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  background: #363636;
  border-radius: 0;
  margin: 0;
}
.uye-page .container {
  border-radius: 0px;
  background: transparent;
}
.uye-page .container .form-horizontal {
  background: white;
  padding: 15px;
  border-radius: 0 0 15px 15px;
}
.uye-page .container .form-horizontal:after {
  content: "";
  display: block;
  clear: both;
}
.uye-page .container .form-horizontal .form-control {
  border-radius: 0px;
  padding: 10px 12px;
  height: auto;
}
.left-menu {
  border-radius: 15px !important;
  overflow: hidden;
}
.uye-page .list-group {
  padding-left: 0;
  margin-bottom: 20px;
  border: solid 1px #ddd;
  border-radius: 0 !important;
  background: white;
}
.list-group:After {
  content: "";
  display: block;
  clear: both;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #363636;
  border-color: #363636;
}
.uye-page a.list-group-item {
  padding: 8px 15px;
  width: 12.5%;
  float: left;
  text-align: center;
  align-items: center;
  display: grid;
  height: 55px;
  border: 0;
  border-right: solid 1px #ddd;
  border-top: solid 3px #fff;
}
.list-group-item:first-child {
  border-radius: 0;
}
.list-group-item:last-child {
  border-radius: 0;
  border-right: none;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
  text-decoration: none;
  border-top: solid 3px #363636;
  color: #363636;
  font-weight: 600;
  background: transparent;
}
.uye-page label {
  font-weight: 400;
}
.uye-page .checkbox {
  float: left;
  width: 40px;
  padding-top: 4px;
}
.uye-page .checkbox input[type=checkbox] {
  margin: 0 0 0 20px;
}
.uye-page .form-group {
  margin-bottom: 5px;
}
.favori .btn {
  font-size: 12px;
  padding: 5px 8px;
}
.favori .add-to-cart, .favori .like {
  font-weight: 400;
}
.favori .item {
  align-items: center;
  height: 70px;
  display: flex;
  border-bottom: solid 1px #f4f4f4;
  margin-top: 15px;
}
.favori .item:nth-child(2n+0) {
  background: #f2f2f2;
}
.favori .item img {
  height: 50px;
}
.favori .item div {}
/***********















///////////*/
.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 30px;
  right: 100px;
  display: none;
  background-color: #363636;
  border-color: #363636;
  z-index: 20;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding-top: 9px;
}
.back-to-top:hover {
  background-color: #363636 !important;
  border-color: #363636 !important;
  color: #fff !important;
}
.ic-sayfalar {
  padding: 35px 0 35px;
}
.ic-sayfalar h5 {
  font-size: 22px;
  font-family: 'njoyregular';
}
.desc {
  padding: 20px 0;
}
.cookie-box {
  position: fixed;
  padding: 15px 0 0;
  background: white;
  width: 100%;
  bottom: 0;
  z-index: 99;
  border-top: solid 1px #ddd;
}
.cookie-box p {
  font-size: 12px;
}
.cookie-box p a {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}
.accept-btn {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
}
.cookie-btn {
  font-size: 13px;
  margin: 0;
  border-radius: 2px;
  background-clip: padding-box;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #000;
  font-weight: bold;
  padding: 7px 15px;
}
/****************/
#top_main {
  display: block;
}
#top_main .carousel-control {
  display: none;
}
#top_main a, #top_main a #topBanner {
  color: #fff;
  text-decoration-color: black !important;
  font-size: 12px;
}
#top_main a #topBanner em {
  font-style: normal !important;
  text-decoration: underline !important;
}
#top_main a #topBanner small {
  font-size: 10px !important;
}
.top-menu-link {
  display: block;
  text-align: left;
}
.top-menu-link a {
  padding: 0 8px; /*







				  border-right:solid 1px #c3c3c3;*/
  font-size: 12px;
  font-weight: 400;
  font-family: 'Overpass', 'Overpass';
}
.top-menu-link a:last-child {
  border: none;
}
.top-menu-giris {
  display: block;
  text-align: right;
  position: relative;
  padding: 5px 0 0;
}
.top-menu-giris li {
  display: inline-block;
}
.top-menu-giris a {
  padding: 0 8px;
  font-size: 12px;
  font-weight: 400;
}
.giris-link {
  display: inline-block;
  text-align: center;
  font-size: 13px;
}
.giris-link a {
  padding: 0;
}
/**************/
.deskSlider {
  display: block;
}
.mobSlider {
  display: none;
}
.carousel-control:focus, .carousel-control:hover {
  opacity: 1;
}
.carousel-control {
  color: #363636;
}
.carousel-control:focus {
  color: #363636;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-indicators .active {
  background-color: #363636;
}
.carousel-indicators li {
  border-color: #363636;
}
.owl-nav span {
  font-size: 80px;
  font-weight: 700;
  font-family: inherit;
}
.owl-nav {
  position: absolute;
  top: 0;
  width: 100%;
  color: #363636;
}
.combine {
  margin: 35px 0;
}
.combine .owl-nav {
  top: 30%;
}
.urun-slider .owl-nav {
  top: 30%;
}
.urun-alt-slider .owl-nav {
  top: 25%;
}
.preview .owl-next {
  position: absolute;
  right: -9px;
}
.preview .owl-prev {
  position: absolute;
  left: -9px;
}
.owl-next {
  position: absolute;
  right: -43px;
}
.owl-prev {
  position: absolute;
  left: -43px;
}
.owl-nav .disabled {
  color: #d4d4d4 !important;
}
.siparis-son {
  width: 100%;
  padding: 10px 20px 50px;
  text-align: center;
}
.siparis-son svg {
  font-size: 45px;
  color: #363636;
}
.siparis-son h2 {
  font-size: 24px;
  color: #363636;
}
/*******************







MARKALAR 







***********************/
.markalar {
  padding: 5px 0 30px;
}
.markalar h1 {
  border-bottom: solid 1px #e2e2e2;
  padding-bottom: 15px;
  font-family: 'Overpass', sans-serif;
  color: #363636;
  font-size: 24px;
}
.marka-links {
  width: 100%;
  margin: 20px 0 0;
  padding-bottom: 15px;
}
.marka-links a {
  font-size: 16px;
  color: #363636;
  font-weight: bold;
}
.heading {
  font-size: 18px;
  color: #363636 !important;
  padding: 5px 0;
  font-weight: 700;
}
.marka-listele {
  border-bottom: solid 1px #e2e2e2;
}
.marka-listele:after {
  content: "";
  display: block;
  clear: both;
}
.marka-listele a {
  color: #363636;
  line-height: 28px;
}
.marka-listele .marksa {
  width: 16.35%;
  padding: 15px;
  border-top: solid 1px #e2e2e2;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  flex-basis: 25%;
  -ms-flex-prefer#363636-size: 25%;
  flex-wrap: wrap;
  display: inline-flex;
}
.siparis-detay li:after {
  content: "";
  display: block;
  clear: both;
}
.siparis-detay li {
  border-bottom: solid 1px #e2e2e2;
  padding: 10px 0;
}
.siparis-detay li:hover {
  background: #fafafa;
}
.siparis-detay li .col-md-6, .siparis-detay li .col-sm-12 {
  padding: 0;
}
.siparis-detay li h3 {
  font-size: 20px;
  margin-bottom: 0;
}
.siparis-detay li span {
  width: 150px;
  display: inline-block;
  font-weight: bold;
}
.siparis-detay li td {
  vertical-align: middle !important;
}
.siparis-detay li th {
  font-weight: bold;
}
.kampanya-list li {
  position: relative;
  margin-bottom: 20px;
  height: 252px;
}
.kampanya-list li img {
  width: 100%;
  position: relative;
}
.kampanya-list li:hover .img-link:after {
  content: '';
  display: block;
  position: absolute;
  background: #0000009f;
  width: 95%;
  height: 100%;
  top: 0;
}
.kampanya-list li .kamp-link {
  position: absolute;
  bottom: 0;
  width: 95%;
  background: #3636369e;
  color: #fff;
  padding: 7px;
}
.kamp-link-b {
  display: none;
}
.kampanya-list li:hover .kamp-link-b {
  display: block;
  position: absolute;
  left: 42%;
  top: 42%;
  padding: 20px;
  border-radius: 100px;
  border: solid 1px #fff;
  color: #fff;
  background: #3636369e;
}
h2 {
  font-size: 24px;
  border-bottom: solid 1px #e2e2e2;
  padding-bottom: 10px;
  margin-top: 0;
  color: #363636;
  font-family: 'Overpass', sans-serif;
}
.vertical .carousel-inner {
  height: 18px;
}
.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
  -moz-transition: 0.6s ease-in-out top;
  -ms-transition: 0.6s ease-in-out top;
  -o-transition: 0.6s ease-in-out top;
  transition: 0.6s ease-in-out top;
}
.carousel.vertical .active {
  top: 0;
}
.carousel.vertical .next {
  top: 18px;
}
.carousel.vertical .prev {
  top: -18px;
}
.carousel.vertical .next.left, .carousel.vertical .prev.right {
  top: 0;
}
.carousel.vertical .active.left {
  top: -18px;
}
.carousel.vertical .active.right {
  top: 18px;
}
.carousel.vertical .item {
  left: 0;
}
.det-kam-ban img {
  width: 100%;
}
.kapi-ode-ac {
  padding: 40px 0;
  text-align: center;
}
.kapi-ode {
  padding: 0 0 40px 0;
  text-align: center;
}
.kapi-ode-ac label {
  display: block;
  font-size: 16px;
  font-weight: 600;
  border-bottom: solid 1px #eab281;
  color: #363636363636;
  width: auto;
  margin-bottom: 20px;
  padding: 20px 0;
  border-top: solid 1px #eab281;
  background: #eab281;
  border-radius: 2.14286rem;
}
}
.kapi-ode-ac label svg {
  font-size: 22px;
}
.kapi-ode span {
  font-size: 14px;
  font-weight: 700;
}
.kapi-ode span strong {
  color: #DF3636365;
}
.mobil-leftmenu {
  display: none;
}
.he-kupon {
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom: 15px;
  background: #f4f4f4;
  border: dashed 2px #363636;
  text-align: center;
  border-radius: 22px;
  padding: 20px 0;
  position: relative;
}
.he-kupon:before {
  content: "";
  display: block;
  position: absolute;
  right: 21px;
  top: -10px;
  background: url(/content/images/cut-icon.png) no-repeat;
  width: 22px;
  height: 22px;
  background-size: 22px;
}
.he-kupon:nth-child(3n+0) {
  margin-right: 0;
}
.he-kupon h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
.he-kupon p {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.he-kupon hr {
  width: 70%;
  border-top: 1px solid #ce9eb4;
}
#cartModalBody {
  display: block;
}
#cartModalBody img {
  float: left;
  margin-right: 30px;
}
.modal-header {
  background: #363636;
  color: white;
}
.modal-content {
  border-radius: 15px;
  overflow: hidden;
}
.modal-header .close {
  margin-top: -2px;
  color: white;
  opacity: 1;
}
.etiket {
  padding: 35px 0 0;
  text-align: center;
  border-top: solid 1px #b7b7b7;
  clear: both;
  margin-top: 45px;
  display: none;
}
.etiket a {
  display: inline-block;
  border: solid 1px #bdbdbd;
  border-radius: 4px;
  padding: 4px 8px 4px 12px;
  position: relative;
  font-size: 12px;
  margin: 4px;
  color: #363636;
}
.etiket a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #8F225F;
}
.ilgili-kategori {
  background: #f3f3f3;
  padding: 35px 0;
}
.ilgili-kategori .ilgili-urun .item {
  background: #fff;
}
.ilgili-marka {
  background: #fff;
  padding: 35px 0;
}
.hediye-cek-body {
  background: #f0f0f0;
  height: auto;
  margin-bottom: 20px;
  padding: 0 !important;
}
.hediye-cek-body:before {
  content: "";
  display: block;
  background: url(/content/images/hediye-icon.png) no-repeat;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 97px;
  height: 88px;
}
.hediye-cek-b {
  font-family: 'Overpass', sans-serif;
  height: 100%;
  background: #363636;
  color: #fff;
  font-size: 20px;
  min-height: 98px;
  max-height: 250px;
  padding: 10px 0 0 105px;
}
.hediye-cek-body .table {
  margin-bottom: 0;
}
.hediye-cek-body .table th {
  font-weight: 700;
}
/************************







      UZMAN YORUM







*************************/
.uzmanyorum-body {
  border: dotted 2px #363636;
  margin-bottom: 15px;
}
.uzmanyorum-body:after {
  content: "";
  display: block;
  clear: both;
}
.uzmanyorum-body .h2 {
  font-size: 28px;
  text-align: center;
  padding: 20px;
  background: #f5f5f5;
  color: #363636;
  margin-bottom: 20px;
  border-bottom: solid 1px #e2e2e2;
  margin: 0 0 20px;
}
.uzmanyorum-body .ukisi {
  font-size: 16px;
  border: none;
  padding: 10px 0 0 10px;
  font-weight: 500;
  line-height: 1.04;
  margin-top: 20px;
  margin-bottom: 10px;
}
.uzmanyorum-body li {
  padding: 15px;
  min-height: 265px;
}
.uzmanyorum-resim {
  float: left;
  width: 10%;
  text-align: center;
}
.uzmanyorum-resim img {
  width: 45px;
  height: 45px;
  border-radius: 45px;
  overflow: hidden;
}
.uzmanyorum-txt {
  float: left;
  width: 90%;
}
.uzmanyorum-acik {
  clear: both;
  padding: 10px 0 15px 0;
  border-bottom: solid 2px #f3f3f3;
  height: 190px;
  overflow-y: scroll;
}
.uzmanyorum-acik::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.uzmanyorum-acik::-webkit-scrollbar {
  width: 7px;
  background-color: #F5F5F5;
}
.uzmanyorum-acik::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #363636;
}
.pre-scrollable::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.pre-scrollable::-webkit-scrollbar {
  width: 7px;
  background-color: #F5F5F5;
}
.pre-scrollable::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #363636;
}
.yor-ac {
  height: auto;
  overflow: inherit;
}
.uzmanyorum-acik figure {
  text-align: center;
}
.uzmanyorum-acik a {
  color: #363636;
}
.uzmanyorum-tek {
  width: 100% !important;
}
.tukendi {
  border: solid 2px #ff0000;
  padding: 5px 8px 1px 8px;
  text-align: center;
  color: #ff0000;
  border-radius: 18px;
  margin: 0 auto;
  display: table;
}
.details .tukendi {
  border: solid 2px #363636;
  padding: 10px 22px;
  text-align: center;
  color: #363636;
  line-height: inherit;
  display: inline-block;
  font-size: 24px;
}
.sepet-adet .qtySpinner {
  display: none;
}
.marka-seri-mobil {
  display: none;
}
.marka-seri .owl-nav {
  position: absolute;
  top: 15%;
}
.marka-seri .owl-nav span {
  font-size: 108px;
}
.marka-seri .owl-prev {
  position: absolute;
  left: -26px;
}
.marka-seri .owl-next {
  position: absolute;
  right: -26px;
}
.marka-seri ul:after {
  content: "";
  display: block;
  clear: both;
}
.marka-seri li {
  /*float:left;







	width:32%;







	margin:0 2% 2% 0;*/
  border: solid 1px #e9e9e9;
  overflow: hidden;
}
.marka-seri li:nth-child(3n+0) {
  margin: 0 0 2% 0;
} /*







.marka-seri li aside {







	float:right;







	height:160px;







	width:40%;







	align-items:center;







	text-align:center;







	display: flex;







    background: #0b92dc;







    border-radius: 8px;







    padding:0 5px;







}*/
.marka-seri li aside a {
  text-decoration: none;
  width: 100%;
  display: grid;
}
.marka-seri li a h3 {
  font-size: 12px;
  color: #0b92dc;
  padding: 5px 0px;
  margin: 0;
  display: grid;
  align-items: center;
  font-weight: bold;
  height: 55px;
  text-align: center;
}
.marka-seri li a p {
  display: grid;
  font-size: 12px;
  color: #363636;
  padding: 5px;
  height: auto;
  overflow: hidden;
  min-height: 60px;
  align-items: center;
  text-align: center;
  margin: 0;
}
.marka-seri li figure {
  height: 200px;
  align-items: center;
  text-align: center;
}
.marka-seri li figure img {
  height: auto;
  width: auto !important;
}
.marka-seri li:hover {
  border: solid 1px #0b92dc;
}
.marka-seri li:hover h3 {
  background: #f1f1f1;
}
.marka-seri-diger {
  position: absolute;
  right: 0;
  top: 15px;
  background: white;
  z-index: 2;
}
.diger-seri-bsl {
  display: block;
  padding: 10px 40px;
  border: solid 1px #e9e9e9;
  cursor: pointer;
}
.diger-seri-list {
  display: none;
  border: solid 1px #e9e9e9;
}
.diger-seri-list li a {
  font-size: 12px;
  color: #363636;
  padding: 10px 0px;
  margin: 0;
  display: grid;
  align-items: center;
  font-weight: 400;
  text-align: center;
}
iframe #tawkchat-message-preview-container {
  display: none;
}
.3d {
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  margin: 15px auto;
}
#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #26262c;
  display: none;
}
#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 750px;
  height: 500px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
  width: 750px;
  height: auto;
  padding: 10px 10px 10px 10px;
  background-color: #ffffff;
  font-size: 15pt;
  top: 15% !important;
}
#boxes #dialog img {
  width: 100%;
}
#boxes #dialog .close img {
  width: 25px;
}
.agree:hover {
  background-color: #D1D1D1;
}
.popupoption:hover {
  background-color: #D1D1D1;
  color: green;
}
.popupoption2:hover {
  color: #363636;
}
#mainNav li ul.menu-box li.mobil-tum {
  display: none;
}
.menu ul li .menu-box li {
  display: block;
  float: none;
}
.menu ul li .menu-box .menu-baslik {
  display: none;
}
.menu ul li ul.menu-box li.mobil-tum {
  display: none;
}
.dropdown-menu {
  margin: 0;
  border-radius: 0;
  top: 99%;
  border: none;
}
.menu ul li .menu-box li a {
  padding: 12px 12px
}
/*******************************************************************/
/*******************************************************************/
.smartphone {
  background-image: url(/content/images/smartphone-b.svg);
  width: 50px;
  height: 40px;
  display: block;
  margin: 0 auto;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
}
.powerbank {
  width: 50px;
  height: 40px;
  display: block;
  margin: 0 auto;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/content/images/powerbank-b.svg);
}
.speaker {
  width: 50px;
  height: 40px;
  display: block;
  margin: 0 auto;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/content/images/speaker-b.svg);
}
.earphones {
  width: 50px;
  height: 40px;
  display: block;
  margin: 0 auto;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/content/images/selfie-b.svg);
}
.gopro {
  width: 50px;
  height: 40px;
  display: block;
  margin: 0 auto;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/content/images/scooter-b.svg);
}
.combine .nav-tabs > li.active > a .smartphone {
  background-image: url(/content/images/smartphone.svg);
}
.combine .nav-tabs {
  border: none;
}
.combine .nav-tabs > li.active > a .powerbank {
  background-image: url(/content/images/powerbank.svg);
}
.combine .nav-tabs > li.active > a .speaker {
  background-image: url(/content/images/speaker.svg);
}
.combine .nav-tabs > li.active > a .earphones {
  background-image: url(/content/images/selfie.svg);
}
.combine .nav-tabs > li.active > a .gopro {
  background-image: url(/content/images/scooter.svg);
}
.combine .nav-tabs > li {
  width: 20%;
}
.combine .nav-tabs > li.active:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-top: 12px solid #363636;
  border-right: 12px solid transparent;
  position: absolute;
  bottom: -11px;
  left: 45%;
}
.combine .tab-content {
  border: none;
}
.combine .nav-tabs > li > a {
  line-height: 1.42857143;
  border: solid 1px #ddd;
  border-radius: 0;
  background: white;
  color: #363636;
  text-align: center;
  width: 100%;
  padding: 20px;
}
.combine .nav-tabs > li.active > a, .combine .nav-tabs > li.active > a:focus, .combine .nav-tabs > li.active > a:hover {
  line-height: 1.42857143;
  border: none;
  border-radius: 0;
  background: #363636;
  color: white;
  text-align: center;
  width: 100%;
  padding: 20px;
}
.combine .item {
  border: solid 1px transparent;
  border-right: solid 1px #e6e6e6;
  padding: 10px;
  background: white;
}
.combine .item:hover {
  background: #fafafa;
  border: solid 1px #e6e6e6;
}
.combine .owl-stage-outer {
  border-left: solid 1px transparent;
}
.listeleme_link {
  display: block;
  width: 100%;
  text-align: left;
}
.listeleme_link:hover {
  text-decoration: none;
}
.listeleme_link .urun-marka {
  font-size: 12px;
  color: #878787;
  text-align: left;
}
.listeleme_link .urun-ad {
  display: inline-block;
  font: 30px/30px "00379regular";
  position: relative;
  padding: 0 60px 0 0;
  margin: -10px 0 0;
  height: 60px;
  overflow: hidden;
}
.listeleme_link .urun-ad:before {
  content: "";
  position: absolute;
  top: 25px;
  right: 0;
  width: 40px;
  height: 1px;
  background: #363636;
}
.listeleme_link .urun-resim {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
  height: 455px;
}
.listeleme_link .urun-resim img {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 0.98;
}
.listeleme_link:hover .urun-resim img {
  transform: scale(1.05);
  opacity: 1;
}
.listeleme_link .indirim {
  position: absolute;
  right: 35px;
  border-radius: 40px;
  width: 72px;
  font-family: '00379regular';
  color: #f20000;
  font-weight: 900;
  border: 2px solid #f20000;
  text-align: center;
  overflow: hidden;
  height: 28px;
  line-height: 26px;
  font-size: 11px;
}
.listeleme_link .fiyat-alan {
  display: flex;
  font-family: '00379regular';
  font-weight: bold;
  align-items: center;
}
.urun-slider .item .listeleme_link .indirim {
  top: 6px;
}
.listeleme_link .indirimli-f {
  font-size: 20px;
  color: #e83227;
  font-weight: 500;
}
.listeleme_link .indirimli-f:after {
    content: "Satılık";
    font-size: 16px;
    display: block;
    margin-top: -2px;
    color: #363636;
}
.row.fiayatlama {
  padding: 12px 16px;
}
.listeleme_link .fiyat {
  font-size: 20px;
  color: #363636;
  font-weight: 800;
  /* display: block !important; */
  font-family: '00379regular';
  /* float: left; */
  margin: 5px 0 0;
}


.listeleme_link .indirimsiz-f {
  font-size: 14px;
  color: #808080;
  font-weight: 400;
  text-decoration: line-through;
  font-family: tahoma;
}

.urun_liste .urunler {
  height: 570px !important;
}

@media screen and (max-width: 768px) {
  .urun_liste .urunler {
    height: auto !important;
  }
  .urun_liste .listeleme_link .urun-resim {
    height: 385px;
}
}


.indirimli-f, .indirimsiz-f, .fiyatlandirma span, .details .sepet-alan-fi .fiyat, .sepet-alan-fi .indirimsiz-f, .fiyatlandirma span, .col-xs-3.kiralik .yuzdeindirim
, .kiralik-detay {
  display: block;
}

.row.fiayatlama.fiyatlamaayri .col-xs-3 img, .row.fiayatlama.fiyatlamaayri .col-xs-3 .avanta {
  display: none;
}


.combine .item .sepete-ekle {
  position: absolute;
  right: 15px;
  bottom: 5px;
  border-radius: 40px;
  background: #808080;
  color: #fff;
  padding: 10px 6px;
  display: block;
  width: 35px;
  height: 35px;
  font-size: 12px;
  border: none;
}
.combine .item .sepete-ekle:hover {
  background: #363636;
}
.combine .item .sepete-ekle img {
  width: 100%;
}
.urun-liste-box {
  width: 25%;
  display: block;
  float: left;
}
/*************************/
.urun-slider .item .sepete-ekle {
  float: right;
  color: #363636;
  padding: 7px 0px;
  display: block;
  font-size: 14px;
  border: none;
  background: transparent;
}
.urun-slider .item .sepete-ekle:hover {}
.urun-slider .item .sepete-ekle img {
  width: 20px;
  display: inline-block;
}
.urun-slider .item {
  border: solid 1px transparent;
  border-right: solid 1px #e6e6e6;
  padding: 10px;
  background: white;
  margin-bottom: 15px;
  box-shadow: 0 7px 10px #ddd;
}
.urun-slider .owl-stage-outer {
  border-left: solid 1px transparent;
}
.urun-slider .item {
  min-height: 400px;
}
.cok-sat:after {
  content: "";
  display: block;
  clear: both;
}
.btn-tum {
  margin-bottom: 35px;
}
/*******************







*********************/
.urun-slider .cok-sat .item {
  min-height: inherit;
  height: 130px;
  margin-bottom: 30px;
}
.urun-slider .cok-sat .item:nth-child(4n+0) {
  border: none;
}
.cok-sat .listeleme_link .urun-resim {
  position: relative;
  padding-bottom: 15px;
  width: 40%;
  float: left;
}
.cok-sat .listeleme_link .urun-text-box {
  padding-bottom: 15px;
  width: 60%;
  float: left;
  padding-left: 10px;
}
.cok-sat .listeleme_link .urun-marka {
  font-size: 12px;
  color: #878787;
  text-align: left;
}
.cok-sat .listeleme_link .urun-ad {
  font-size: 13px;
  color: #363636;
  font-weight: bold;
  height: auto;
  display: flex;
  align-items: center;
  line-height: 15px;
}
.cok-sat .listeleme_link .indirim {
  position: absolute;
  left: 5px;
  top: 0;
  border-radius: 30px;
  background: #363636;
  color: #fff;
  padding: 5px 8px;
  width: 40px;
  overflow: hidden;
  height: 40px;
  line-height: 30px;
}
.cok-sat .listeleme_link .fiyat-alan {
  display: flex;
  align-items: center;
}
.cok-sat .listeleme_link .indirimli-f {
  font-size: 16px;
  color: #363636;
  font-weight: 400;
  display: block;
  margin-right: 15px;
}
.cok-sat .listeleme_link .fiyat {
  font-size: 16px;
  color: #363636;
  font-weight: 400;
  display: block;
  margin-right: 15px;
}
.cok-sat .listeleme_link .indirimsiz-f {
  font-size: 12px;
  color: #808080;
  font-weight: 400;
  display: block;
  text-decoration: line-through;
  font-family: tahoma;
}
.urun-slider .cok-sat .item .sepete-ekle {
  position: absolute;
  right: 15px;
  bottom: 8%;
  top: inherit;
  border-radius: 40px;
  background: #808080;
  color: #fff;
  padding: 10px 6px;
  display: block;
  width: 35px;
  height: 35px;
  font-size: 12px;
  border: none;
}
.urun-slider .cok-sat .item .sepete-ekle:hover background:#363636;
}
.cok-sat .sepete-ekle img {
  width: 100%;
}
.urun_liste .urunler:nth-child(3n+0) {
  margin-right: 0;
}
.urun_liste .urunler .sepete-ekle {
  float: right;
  color: #363636;
  padding: 7px 0px;
  display: block;
  font-size: 14px;
  border: none;
  background: transparent;
}
.urun_liste .urunler .sepete-ekle:hover {}
.urun_liste .urunler .sepete-ekle img {
  width: 20px;
  display: inline-block;
}
.ilgili-urun .listeleme_link .metin a {
  float: right;
  color: #363636;
  padding: 7px 0px;
  display: block;
  font-size: 14px;
  border: none;
  background: transparent;
}
.ilgili-urun .listeleme_link .metin a:hover {}
.ilgili-urun .listeleme_link .metin a img {
  width: 20px;
  display: inline-block;
}
.zoomContainer {
  display: none;
}
.home-top-banner {
  padding: 30px 0 0;
}
.ban-alan {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  margin: 10px 0;
}
.text-poz {
  position: absolute;
  left: 15px;
  top: 10%;
}
.ban-text {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 15px;
  color: #222222;
  width: 55%;
  font-family: 'njoy';
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.ban-text span {
  display: inline-block;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.ban-alan:hover .ban-text span {
  transform: rotateX(360deg);
}
.ban-text p {
  font-size: 14px;
  color: #363636;
  padding: 0;
  font-family: 'Overpass';
  margin: 0;
}
.ban-alan img {
  max-width: 100%;
  width: 100%;
  border-radius: 5px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.ban-alan:hover img {
  transform: scale(1.04);
  -moz-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -o-transform: scale(1.04);
  -ms-transform: scale(1.04);
}
.ban-top1 .text-poz {
  color: white;
  top: 64%;
  left: 15px;
  font-size: 38px;
}
.ban-top1 .text-poz span {
  line-height: normal;
  display: inline-block;
}
.ban-top1 .ban-text p {
  position: absolute;
  bottom: 15px;
  right: -80px;
  color: white;
}
.ban4lu a {
  display: block;
}
.ban4lu img {
  width: 100%;
  height: 263px;
}
.ban4lu p {
  font-size: 16px;
  padding: 15px 0;
  font-weight: 600;
  margin: 0;
}
.none {
  display: none !important;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.col-xs-3.kiralik img {
  width: 80px !important;
  height: 57px;
}
.col-xs-3.kiralik {
  padding: 0;
  padding-left: 15px;
}
.col-xs-6.baslik-kiralik.text-center {
  padding: 0px;
}
.col-xs-2.kira-like {
  margin-top: 4px;
  right: -7px;
  position: absolute;
}
.col-xs-3.kira-kmpn {
  padding: 0;
}
.row.fiayatlama.kiralikana.kiralikana {
  padding: 0;
}
.kiralikana .kira-kmpn .indirim-kiralik {
  position: absolute;
  right: 49px;
}
.kiralikana .col-xs-2.kira-like {
  margin-top: 4px;
  right: 12px;
  position: absolute;
}
.col-xs-3.kiralik .yuzdeindirim {
    font-size: 24px;
    width: 117px;
    text-align: center;
    line-height: 21px;
    font-style: unset;
    top: 27px;
    position: absolute;
    font-weight: 500;
    background: #e83227;
    border-radius: 12px;
    padding: 11px 11px 5px 11px;
}


.row.fiayatlama {
    text-align: center;
}

.row.fiayatlama strong {
    transform: translateX(-41px);
    display: block;
}

.yuzdeindirim span {
    font-size: 15px;
}

.col-xs-6.baslik-kiralik {
    text-align: center;
    float: right;
}

.col-md-4.kiralik-sol {
  padding-right: 0;
}
.kira-kmpn .indirim-kiralik {
  position: absolute;
  right: 39px;
}
.kiralik-yazi-detay {
    margin-top: 10px;
    width: 192px;
    text-align: center;
    line-height: 22px;
    font-size: 26px;
    color: #ffffff;
    font-family: sans-serif;
    font-weight: bolder;
    background: #e83227;
    border-radius: 13px;
    padding: 14px 0px 7px 0px;
}



.fiyatlandirma span {
    margin-top: 4px;
    display: block;
    font-size: 15px;
}

.kiralik-yazi-detay span {
    font-size: 16px;
}
.fiyatlandirma {
    width: 195px;
    text-align: center;
    font-family: sans-serif;
}

.kiralik-detay {
  margin: 19px 0px;
}
.kiralik-sag {
    background: #f6f6f6;
    box-shadow: 1px 1px 8px -4px #000;
    border-radius: 11px;
    font-size: 11px;
    line-height: 15px;
    padding: 6px 14px;
    margin-top: 1px;
    display: none;
}


.form-alani{
  display: flex;
  justify-content: center;
}

.formmesaj {
  padding: 130px 0px;
}

ol.list-group li {
  margin-bottom: 20px;
}
@media (max-width: 1400px) {
  .container {
    /*width: 1366px;*/
  }
  .urun-slider .item .fiyat-alan {
    display: block;
    text-align: left;
  }
}
@media (max-width: 1275px) {
  .owl-prev {
    position: absolute;
    left: -10px;
  }
  .owl-next {
    position: absolute;
    right: -10px;
  }
}
@media(min-width:992px) {
  .urun-slider .item .urun-ad {}
}
@media (min-width: 1200px) {
  .marka-listele .marksa {
    width: 16.25%;
  }
  .product-title {
    width: 100%;
  }
  .details .sepet-alan-fi .fiyat {}
  .sepet-alan-fi {}
  .urun_detay_main .sepete-ekle {}
  .marka-img img {
    right: 50px;
  }
  .arama {
    position: relative;
    width: 80%;
    float: none;
    margin: 0 auto;
    /*margin-top: 12px;*/
  }
  .sirala a {
    font-size: 14px !important;
    color: #333e48;
  }
  .urun-slider .item {
    /*height: 400px;*/
  }
  .urun-slider .item .fiyat-alan {
    display: block;
    text-align: left;
    padding: 0;
  }
  .urun-alt-slider .item .fiyat-alan {
    padding: 0 40px !important;
  }
  .urun_liste .fiyat-alan {}
  .urun-slider .carousel-control.left {}
  .urun_liste .urun-resim {}
  .urun_liste .urun-ad {}
  .urun-slider .item .urun-resim {
    display: block;
    text-align: center;
    vertical-align: middle;
    height: 410px;
  }
  .urun-alt-slider .item .urun-resim {
    height: 225px;
  }
  .ilgili-urun .item .fiyat-alan {
    padding: 0 20px
  }
  .navbar-inverse .mobil-none > li > a {
    font-size: 13px;
    color: #333e48 /*c3827d*/ ;
    font-weight: 400;
    padding: 10px 10px;
    letter-spacing: 0.5px;
  }
  .ilgili-urun .item {
    height: 350px;
  }
  .owl-carousel.snew-carousel .owl-item {
    padding: 0 10px;
  }
  .navbar-inverse .mobil-none > li:hover a {
    font-weight: bold;
  } /*



.navbar-inverse .mobil-none>li:hover a:after{



  content: '';



  position:absolute;



  right:50%;



  bottom:-9px;



  border-right:solid 1px #333e4873;



  height:22px;



  border-style: solid;



  border-width: 0 15px 10px 15px;



  border-color:transparent transparent #333e48 transparent;*/
}
.product-fiyat .indirimsiz-f {
  color: #727272;
  text-decoration: line-through;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  top: 3px;
  left: 14.5%;
}
.product-fiyat .indirimli-f {
  color: #d3647a;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  top: 40px;
  left: 14.5%;
}
@media(max-width:1999px) {
  .urun_liste .urun-resim {}
  .sirala a {
    font-size: 12px;
    color: #333e48;
  }
  .top-icon a {
    padding-right: 5px;
  }
  .top-right-s {
    width: 20%;
  }
  .arama {
    position: relative;
    width: 80%;
  }
  .sepet {}
  .urun_liste .urun-ad {
    max-height: 105px;
    overflow: hidden;
  }
  .urun-ad {
    max-height: 76px;
    overflow: hidden;
  }
  .urun_liste .urunler {
    height: auto;
    margin-bottom: 30px;
  } /*



.urun-slider .item .fiyat-alan {



    padding: 0 60px;



}*/
}
@media(max-width:991px) {
  .customer-img, .img-related {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  body {}
  .yeni-alan {
    padding: 15px;
  }
  header {
    position: relative;
    top: 0;
    z-index: 2;
  }
  #myCarousel {
    padding: 0 0 0;
  } /*



.container {



	background: #ffffff6b;



}







.affix .header-middle {



	display:block;



}



.navbar-inverse {



    box-shadow: 1px 4px 2px #0000003d;



}



.urun-slider .owl-nav {



	top:16%;



}



#myHeader {



	margin-bottom:10px;



	position: fixed !important;



    top: 0;



    background: white;



    z-index: 2;



}



*/
  #tawkchat-container {
    bottom: 50px !important;
    right: -20px !important;
  }
  /*****



HEADER



**********/
  .affix .header-middle {
    display: block;
    background: white;
  }
  .affix .top-icon {
    display: block;
  }
  .affix .logo {
    display: block;
  }
  .affix .giris {
    display: none;
  }
  .affix .top-right-s {
    margin: 0;
  }
  .affix #mainNav {
    text-align: left;
  }
  .affix .sepet {}
  /*****



HEADER



**********/
  .back-to-top {
    left: 10px;
  }
  .marka-seri li {
    width: 100%;
  }
  .marka-seri li figure {
    width: 50%;
  }
  .marka-seri li aside {
    width: 50%;
  }
  .cerez-box {
    width: 250px;
    padding: 15px;
  }
  .cerez-btn {
    position: absolute;
    right: -15px;
    top: -15px;
    border: none;
    font-size: 18px;
    font-family: tahoma;
    font-weight: 900;
    color: #fff;
    border-radius: 30px;
  }
  .sepet-adet .qtySpinner {
    display: block;
    position: absolute;
  }
  .sepet-adet .qtySpinner svg {
    font-size: 26px;
  }
  .sepet-adet .minus {
    top: 15px;
    left: 55px;
    height: 14px;
    z-index: 5;
    display: block;
    overflow: hidden;
  }
  .sepet-adet .minus svg {
    top: -12px;
    position: relative;
  }
  .sepet-adet .plus {
    top: -31px;
    position: relative;
    left: 40px;
    height: 12px;
    display: block;
    overflow: hidden;
  }
  .sepet-alan {
    padding: 10px 0 0;
    margin: 0 0 25px;
  }
  .sepet-adet {
    z-index: 1;
  }
  .sepet-ad {
    z-index: 1;
  }
  .sepet-box-ic .qty .plus {
    height: 18px;
  }
  .bulten-box {
    margin-top: 15px;
  }
  #top_main .item {
    font-size: 11px;
  }
  #fayda iframe {
    height: 325px;
  }
  .odeme-body .nav-tabs > li > a {
    display: inline-block;
  }
  .odeme-body .nav-tabs > li.active > a, .odeme-body .nav-tabs > li.active > a:focus, .odeme-body .nav-tabs > li.active > a:hover {
    font-size: 18px;
    display: inline-block;
  }
  .siparis-bg .well {
    padding: 15px;
  }
  .he-kupon {
    width: 99%;
  }
  .left-menu {
    display: none;
  }
  .left-menu span.list-group-item {
    display: none;
  }
  .mobil-leftmenu {
    display: block;
    color: #000;
    margin-bottom: 10px;
    padding: 15px;
    background: #e2e2e2 url(/content/images/down-icon.jpg) 95% center no-repeat;
  }
  .wellmenu .col-md-3 {
    width: 33.3%;
    float: left;
  }
  .wellmenu .col-md-4 {
    width: 33.3%;
    float: left;
  }
  .preview-pic {
    height: auto;
    margin: auto;
    max-width: 100%;
  }
  .ara-banner {
    height: auto;
    width: 50%;
    float: left;
  }
  .kampanya-list li {
    height: inherit;
  }
  .kampanya-list li .kamp-link {
    width: 92%;
  }
  .what a {
    width: 50px;
  }
  .whatl {
    display: none;
  }
  .dropdown:nth-child(2) .wellmenu div:nth-child(2) ul {
    max-height: inherit;
    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;
  }
  .dropdown:nth-child(3) .wellmenu div:nth-child(2) ul {
    max-height: inherit;
    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;
  }
  .dropdown:nth-child(4) .wellmenu ul {
    max-height: inherit;
    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;
  }
  .menumarka-img {
    display: none;
  }
  .carousel-indicators {
    z-index: 1;
  }
  .badge-light {
    left: -12px;
    right: inherit;
  }
  .deskSlider {
    display: block;
    background-size: 1170px;
    height: 230px;
  }
  .mobSlider {
    display: none;
  }
  .mobSlider img {
    width: 100%;
  }
  .home-banner {
    padding-top: 10px;
    clear: both;
  }
  .home-ara-banner {
    margin: 12px 0 0;
  }
  .marka-list li {
    width: 45%;
  }
  .combine .nav-tabs > li > a {
    height: 110px;
  }
  .siparis-tab {
    display: none;
  }
  .odeme-body .modal-dialog {
    margin: 0;
  }
  .odeme-body .modal-body {
    margin: 0;
    padding: 0;
  }
  .zoomContainer {
    display: none;
    visibility: hidden;
  }
  .zoomLens {
    display: none;
    visibility: hidden;
  }
  .zoomWindowContainer {
    display: none;
    visibility: hidden;
  }
  .preview-thumbnail.nav-tabs li img {
    width: 100px;
  }
  .sticky {
    position: relative !important;
  }
  .sticky .header-middle {
    display: block;
  }
  .top-icon {
    width: 60%;
    padding-left: 15px;
  }
  .top-icon a {
    padding: 7px 8px;
    margin: 0;
  }
  .top-icon a:last-child {
    border-right: solid 1px #e2e2e2;
  }
  .giris {
    position: absolute;
    margin-right: 0 !important;
    width: 20%;
    top: 20px;
    right: 12%;
    text-align: right;
  }
  .giris li ul {
    right: 20%;
  }
  .giris li {
    position: relative;
    text-align: right;
  }
  .giris-link {}
  .giris-link img {
    height: 33px;
  }
  .top-right-s {
    width: 20%;
    float: left;
    text-align: center;
  }
  .bana-ozel {
    float: none;
    display: inline-block;
    text-align: center;
    padding-right: 0;
  }
  .giris sub br {
    display: none;
  }
  .header-middle {
    position: relative;
    padding: 8px 0 1px;
  }
  .home-banner li {
    padding: 2px;
    margin: 0 0 15px 0;
    width: 100%;
    float: left;
  }
  .urun-alt-slider .col-md-3 {
    height: inherit;
  }
  .item .sepete-ekle {
    display: block;
  }
  .urun-slider .carousel-control.right {
    right: 20px;
  }
  .sepet-alan-fi {
    width: 100%;
  }
  .preview {
    width: 100%;
    padding-right: 0;
    min-height: 414px;
    margin-bottom: 5px;
  }
  .details {
    width: 100%;
    padding: 15px;
  }
  .urun_detay_main .tab-content {
    width: 100%;
  }
  .detay-rait {
    text-align: center;
  }
  .urun_liste .urun-resim img {}
  .urun_liste .urunler {
    height: 480px;
    margin-bottom: 30px;
  }
  /*******************



İkili Listeleme



*********************/
  .urun_liste .urun-resim {
    height: 331px;
  }
  .urun_liste .urun-resim img {
    height: auto;
  }
  .urun_liste .urunler {
    height: 446px;
    width: 48.9%;
    float: left;
  }
  .urun_liste .sepete-ekle {
    font-size: 13px;
  }
  .urun_liste .fiyat-alan {
    padding: 0;
  }
  .urun-slider .cok-sat .item {
    width: 50%;
    float: left;
  }
  /*******************



İkili Listeleme son



*********************/
  .sepet:hover .shoppingcart_box {
    display: block;
  }
  .sticky .navbar-inverse {
    box-shadow: none;
  } /*



.uye-page .list-group {



	height: 42px;



	overflow: hidden;



}



.uye-page .list-group:hover {



	height: auto;



	overflow: visible;



}*/
  .sepet-box-ic {
    display: block;
    height: inherit;
  }
  .kupon {
    margin: 20px 0 0 0;
  }
  .uye-giris-body {
    width: 100%;
    margin: 0 auto;
  }
  .filtre-body {
    /*background: url(/content/images/filtre-mobil.jpg) no-repeat center top;



	height: 37px;



	background-size: contain;*/
  }
  .filtre-body form {
    display: none;
  }
  .filtre-body:hover {
    height: inherit;
    /*border: solid 1px #2d3a4b;*/
  }
  .filtre-body:hover form {
    margin-top: 25px;
  }
  .mobil-filtre {
    display: block;
  }
  .mobil-filtre-ic {
    background: #e2e2e2 url(/content/images/down-icon.jpg) 95% center no-repeat;
    padding: 10px;
  } /*



.mobil-filtre-ic:hover {



	background: #e2e2e2 url(/content/images/up-icon.jpg) 95% center no-repeat;



	padding-right: 5px;



}*/
  .acform {
    display: block;
  }
  .bank img {
    width: 100%;
  }
  .img-portfolio {
    margin-bottom: 15px;
  }
  header.carousel .carousel {
    height: 70%;
  }
  .odeme-body .nav-tabs > li {
    width: 33%;
    text-align: center;
  }
  .odeme-body .tab-content {
    padding: 15px 10px;
  }
  .odeme-body .panel-heading {
    padding: 10px 0;
  }
  .odeme-body .panel-body {
    padding: 10px 0;
  }
  .ozet-bg .page-header {
    text-align: left;
  }
  .sepet {
    float: right;
    text-align: right;
    margin-top: 15px;
    position: relative;
    right: 15px;
    top: 0;
    border-left: solid 1px #e2e2e2;
    width: 80%;
  }
  .arama {
    width: 100%;
    float: left;
    margin-top: 12px;
    position: relative;
    bottom: inherit;
    right: 0;
    z-index: 2;
  }
  .product-fiyat span {
    left: 15px;
    top: 15px;
  }
  .product-fiyat span.ucretsiz-kargo {
    right: 15px;
    top: 15px;
  }
  .tum-kategoriler {
    min-width: 150px;
  }
  .ara {
    padding: 8px;
    width: 95%;
  }
  .inline-block {
    display: block;
  }
  .logo {
    width: 20%;
    text-align: left;
    margin-bottom: 10px;
  }
  .logo img {
    width: 80%;
  }
  .button-ara {
    right: 9px;
    top: 13px;
  }
  .navbar-header {
    padding: 0 10px;
  }
  .header-top {
    padding: 10px;
    height: 50px;
  }
  #top_main {
    padding: 0 !important;
    text-align: center;
    border-bottom: dashed 2px #c35790;
    width: 100%;
  }
  .top-menu-link {
    text-align: left;
    padding-top: 5px;
  }
  .owl-next {
    position: absolute;
    right: 0px;
  }
  .owl-prev {
    position: absolute;
    left: 0px;
  }
  .preview .owl-next {
    position: absolute;
    right: 0px;
  }
  .preview .owl-prev {
    position: absolute;
    left: 0px;
  }
  .preview .owl-item {
    /*width: 100px !important;*/
  }
  .preview .owl-carousel .owl-stage-outer {
    /*margin: 0 50px;*/
  }
  .owl-nav span {
    font-size: 100px;
  }
  .urun-slider .item {
    height: 450px;
  }
  .urun-alt-slider .owl-nav {
    top: 35%;
  }
  .urun-alt-slider .item .urun-resim img {
    height: 300px;
  }
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #333e48;
  }
  /**************



 ANASAYFA owl



*****************/
  .urun-slider h1 {
    font-size: 32px;
    margin-bottom: 3px;
  }
  .urun-slider .carousel {
    padding: 0 5px 30px 5px;
    margin-bottom: 30px;
  }
  .urun-slider .item .urun-resim {
    height: auto;
  }
  .urun-slider .item .fiyat-alan {
    padding: 0;
  }
  .urun-slider .carousel-control.left {
    left: 0% !important;
  }
  .bulten-box .h3 {
    width: 30%;
  }
  .bulten-input {
    width: 70%;
  }
  .footer-company {
    display: none;
  }
  .blog .blog-resim {
    height: 200px;
    background: #fff;
  }
  .instagram li {
    float: left;
    padding: 0 5px 5px 0;
    height: 123px;
    position: relative;
  }
  .instagram li img {
    width: 122px;
    position: relative;
  }
  #mainNav .mobil-none > li .dropdown-menu {
    width: 505px;
  }
  #mainNav li .menu-box-banner img {
    width: 100%;
  }
  .menu-banner {
    display: none;
  }
  .menu-banner3 {
    display: none;
  }
  .mobil-tum {
    display: -webkit-inline-box;
    color: #fff !important;
  }
  /*.navbar-nav {



    float: none;



    width: 250px;



    background: #d63670;



	    height: 2500px;



}



*************



ÜRÜN DETAY



****************/
  .urun_liste .urunler:nth-child(3n+0) {
    margin: 15px 15px 15px 0;
    border-right: solid 1px #e6e6e6;
  }
  .urun_liste .urunler:nth-child(2n+0) {
    margin: 15px 0 15px 0;
  }
  .urun_detay_main .ilgili-urun .owl-item {
    padding: 0 50px;
  }
  .urun_detay_main .ilgili-urun .item {
    height: auto;
    padding: 10px;
  }
  .product-fiyat a {
    margin: 15px 0 0 0;
    display: -webkit-inline-box;
  }
  .zoomContainer {
    display: none;
  }
  .urun_detay_main .tab-content > .active {
    padding: 0;
  }
  .kargo_firsat {
    position: relative;
    margin-top: 20px;
  }
  .product-fiyat .indirimsiz-f {
    left: 30.5%;
  }
  .product-fiyat .indirimli-f {
    left: 30.5%;
  }
  .sosyal-medya {
    display: block;
    text-align: center;
  }
  .card {
    padding-bottom: 0;
  }
  .urun-aciklama li {
    left: inherit;
  }
  .urun-aciklama .nav-tabs > li.active > a {
    font-size: 14px;
  }
  .urun-aciklama .nav-tabs > li a {
    font-size: 12px;
    padding-bottom: 13px;
  }
  .aciklama-body .tab-content > .active {
    background: #f9f9f9;
    padding: 30px 15px;
  }
  .urun_liste nav > .nav.nav-tabs {
    overflow: auto;
    background: none;
  }
  .sepet-header {
    display: none;
  }
  .sepet-birim {
    display: none;
  }
  .toplam-btn {
    padding-right: 15px;
    margin-bottom: 20px;
    text-align: center;
  }
  .right-toplam {
    width: 100%;
  }
  .siparis-btn {
    margin: 15px 0;
  }
  /*



.sepet-img {



	width:10%;



	float:left;



}



.sepet-box-ic {



	width:90%;



	float:left;



}*/
  .siparis-tab .setup-panel {
    display: none;
  }
  .page-header {
    text-align: center;
  }
  .sepet-body {
    padding: 0px 0 20px;
  }
  .ic-sayfalar {
    padding: 5px 15px 35px;
  }
  .uye-page {
    padding-top: 15px;
  }
  .ic-img {
    height: 193px;
  }
  .ic-sayfalar h2 {
    font-size: 20px;
  }
  nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus {
    height: 76px;
  }
  .markalar {
    padding: 5px 15px 30px;
  }
  .marka-listele .marksa {
    width: 32.2%;
  }
  .tum-blog:before {
    width: 31%;
  }
  .tum-blog:after {
    width: 30%;
  }
  .instagram h2 {
    font-size: 32px;
  }
  .listeleme-banner .carousel-inner > .item {
    height: inherit;
  }
  .shoppingcart_box ul {
    display: block;
    max-height: 200px;
    overflow-y: scroll;
  }
  .kisa-ozet {
    font-size: 14px;
  }
  .product-code {
    font-size: 14px;
  }
  .product-fiyat a {
    padding: 0;
  }
  .hediye-sec {
    position: initial;
  }
  .hediye-sec .hediye-sec-ban {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 300px;
    height: 178px;
    top: -142px;
  }
  .hediye-sec .hediye-sec-ban::after {
    content: none;
    top: 88%;
    left: 60%;
  }
  .hediye-sec .hediye-sec-ban img {
    width: 100%;
  }
  .urun_detay_main .card {
    padding: 0;
  }
  .detay-rait .yor a {
    text-align: center;
  }
  .yor .starsBox {
    width: inherit;
  }
  .star5 {
    background-position: center;
  }
  .star4 {
    background-position: center;
  }
  .star3 {
    background-position: center;
  }
  .star2 {
    background-position: center;
  }
  .star1 {
    background-position: center;
  }
}
@media(max-width:767px) {
  #boxes #dialog {
    width: 80%;
  }
  .col-md-4.kiralik-sol {
    width: 144px;
    display: inline-block;
  }
  .kiralik-detay .col-md-8 {
    width: 58%;
    display: inline-block;
  }
  .row.fiayatlama.kiralikana.kiralikana {
    padding: 0px 28px;
  }
  .kiralikana .col-xs-2.kira-like {
    margin-top: 4px;
    right: 27px;
    position: absolute;
  }
  .col-xs-2.kira-like {
    padding: 0px;
    margin-top: 4px;
    width: 48px;
    right: 14px;
    position: absolute;
  }
  .col-xs-3.kiralik {
    padding: 0;
    padding-left: 0px;
  }
  .kiralik-sag {
    background: #f6f6f6;
    box-shadow: 1px 1px 8px -4px #000;
    border-radius: 11px;
    font-size: 11px;
    line-height: 15px;
    padding: 6px 14px;
    margin-top: -35px;
    position: absolute;
  }
  .musterih {
    display: none;
  }
  .aracontent {
    position: absolute;
    right: 21px;
    top: 12px;
  }
  .mobil-none {
    display: block;
  }
  .desk-none {
    display: none;
  }
  .yeni-alan {
    padding: 15px;
  }
  .hover_bkgr_fricc > div {
    width: 85% !important;
  }
  .urun-slider .owl-carousel .owl-stage {
    width: 100% !important;
    transform: initial !important;
  }
  .urun-slider .owl-nav {
    display: none;
  }
  .table-text {
    float: left;
    width: 100%;
    padding: 30px;
    border-bottom: solid 2px #ddd;
  }
  .video-box {
    padding: 15px 0px 0;
    margin: 0;
  }
  .video-box iframe {
    padding: 15px;
    min-height: 500px;
    height: auto;
    width: 100%;
  }
  .table-img {
    display: none;
  }
  .table-ozel td {
    float: left;
    width: 100%;
  }
  .banner-box-bg {
    display: none;
  }
  .bank img {
    width: 65px;
  }
  #ETBIS {
    position: inherit;
  }
  .zoomWrapper {
    width: 100% !important;
    height: auto !important;
  }
  .preview-pic .owl-carousel .owl-item img {
    display: block;
    width: 100%;
  }
  .mt-3 {
    margin-top: 0px;
  }
  .card-wrapper {
    overflow: hidden;
    border-radius: 15px;
  }
  .uye-page h1 {
    font-size: 20px;
  }
  .sepet-icon {
    margin-right: 5px;
  }
  .save-card-list li {
    width: 100%;
    padding: 15px;
    display: inline-block;
    text-align: center;
  }
  .tamamla .item:hover .tamamla-box {
    display: none;
  }
  .tamamla-box .ta-close {
    display: block;
  }
  .tamamla .item {
    width: 98%;
  }
  .tamamla .item .indirim {
    font-size: 14px;
  }
  .tamamla .item .indirimsiz-f {
    font-size: 14px;
  }
  .tamamla .item .indirimli-f {
    font-size: 16px;
  }
  .taciklama {
    display: block;
  }
  .ucretsiz-kargo {
    margin: 15px 0 0;
  }
  .3d {
    font-size: 28px;
    font-weight: 900;
    text-align: center;
  }
  .kurdele {
    display: none;
    position: absolute;
    width: 50px;
    height: 60px;
    top: 18px;
    right: -5px;
    background-size: 30px !important;
  }
  body { /*



	padding-top:260px;*/
  }
  header {
    /*	position:absolute;



	top:0;



	z-index:2;*/
  }
  #myCarousel {
    padding: 0 0 0;
  } /*



.container {



	background: #ffffff6b;



}







.affix .header-middle {



	display:block;



}



.navbar-inverse {



    box-shadow: 1px 4px 2px #0000003d;



}



.urun-slider .owl-nav {



	top:16%;



}



#myHeader {



	margin-bottom:10px;



	position: fixed !important;



    top: 0;



    background: white;



    z-index: 2;



}



*/
  .affix-hight {
    display: block;
    height: 124px;
  }
  .varyant-renk .renk-sec {
    width: 47%;
  }
  #tawkchat-container {
    bottom: 50px !important;
    right: -20px !important;
  }
  /*****



HEADER



**********/
  .affix {
    background: white;
    height: 50px;
  }
  .affix .header-middle {
    display: block;
    background: white;
  }
  .affix .top-icon {}
  .affix .header-top {
    display: block;
  }
  .affix .top-menu-giris {
    display: none;
  }
  .affix .sepet {
    display: none;
  }
  .affix .lang {
    display: none;
  }
  .affix .header-middle {
    position: absolute;
    padding: 8px 0 1px;
    top: 0;
    width: 100%;
    padding-left: 0;
  }
  .affix .logo {
    display: block;
    left: 9%;
    top: 0;
    margin: 0 0 5px;
    text-align: left;
  }
  .affix .logo img {
    height: 32px;
    width: auto;
  }
  .affix .giris {
    display: none;
  }
  .affix .top-right-s {
    margin: 0;
  }
  .affix .menu-body {}
  /*****



HEADER



**********/
  #mainNav li a {
    color: white;
    font-family: 'dinpro', sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 5px 8px 3px;
    text-align: left;
    border-bottom: solid 1px #ddd;
    margin: 0 10px;
  }
  .tum-kategoriler p {
    display: none;
  }
  #mainNav li {
    float: none;
    min-width: inherit;
    border: none;
  }
  #mainNav .navbar-nav {
    display: block;
    width: 100%;
    border: none;
    position: relative;
    margin: 0;
  }
  #mainNav .mobil-none li .dropdown-menu {
    background: transparent;
    position: relative;
    left: 0;
    width: 100%;
    top: 0;
    border: none;
    min-height: auto;
    border-radius: 0;
    z-index: 0;
    box-shadow: none;
  }
  #mainNav li ul.menu-box {
    position: relative;
    width: 100%;
    float: none;
    margin-right: 0;
  }
  #mainNav li ul.menu-box li a {
    color: white;
  }
  #mainNav li .menu-box-banner {
    display: none;
  }
  #mainNav .mobil-none > li:hover {
    background: #2d343a;
  }
  #mainNav li a.menu-baslik {
    color: #fff;
    padding: 10px 0 10px 15px;
  }
  .bedeb-body li label {
    width: auto;
  }
  .uyegirisbox {
    margin: 0;
    padding: 0;
    border-right: navajowhite;
  }
  .menu ul li a:hover {
    background: #565656;
  }
  .back-to-top {
    right: 3px;
    left: inherit;
    bottom: 3px;
    background-color: white;
    color: black;
  }
  .marka-seri-mobil {
    display: block;
    text-align: center;
    border: solid 1px #e9e9e9;
    padding: 15px 0;
    width: 100%;
    margin-bottom: 15px;
  }
  .marka-seri {
    display: none;
    position: relative;
    top: -15px;
  }
  .marka-seri .owl-carousel .owl-stage {
    width: 100% !important;
    transition: none !important;
    transform: inherit !important;
  }
  .marka-seri .owl-carousel.owl-drag .owl-item {
    float: none;
    width: 100% !important;
  }
  .marka-seri .owl-carousel.owl-drag .cloned {
    display: none;
  }
  .marka-seri .owl-nav {
    display: none;
  }
  .marka-seri ul {
    border: solid 1px #e9e9e9;
  }
  .marka-seri li {
    width: 100%;
    margin: 0;
    border: none;
  }
  .marka-seri li figure {
    width: 50%;
    display: none;
  }
  .marka-seri li aside {
    width: 50%;
    display: none;
  }
  .marka-seri li a h3 {
    height: inherit;
    padding: 15px 0px;
  }
  .marka-seri-diger {
    position: relative;
    right: 0;
    top: 0;
    background: white;
    z-index: 1;
    margin-bottom: 15px;
    text-align: center;
  }
  .diger-seri-bsl {
    display: block;
    padding: 15px 40px;
  }
  .urun_liste_baslik {
    width: 100%;
    margin: 0 0 20px;
  }
  .cerez-box {
    width: 100%;
    border-radius: 0;
    padding: 15px;
    margin: 0;
  }
  .cerez-btn {
    position: absolute;
    right: -15px;
    top: -15px;
    border: none;
    font-size: 18px;
    font-family: tahoma;
    font-weight: 900;
  }
  .tab-content {
    padding: 30px 0px;
  }
  .ozelfiyat:before {
    right: 0;
    width: 70px;
    height: 80px;
  }
  nav > div a.nav-item.nav-link, nav > div a.nav-item.nav-link {
    padding: 7px 15px;
    width: 44%;
    margin: 0 10px 10px 0;
  }
  nav > div a.nav-item.nav-link.active {
    padding: 7px 15px;
  }
  nav > div a.nav-item.nav-link.active:after {
    content: none;
  }
  nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus {
    height: 76px;
  }
  .urun_liste nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus {
    height: auto;
    padding: 7px 15px;
  }
  .sepet-adet .qtySpinner {
    display: block;
    position: absolute;
  }
  .sepet-adet .qtySpinner svg {
    font-size: 26px;
  }
  .sepet-adet .minus {
    top: 15px;
    left: 55px;
    height: 14px;
    z-index: 5;
    display: block;
    overflow: hidden;
  }
  .sepet-adet .minus svg {
    top: -12px;
    position: relative;
  }
  .sepet-adet .plus {
    top: -31px;
    position: relative;
    left: 40px;
    height: 12px;
    display: block;
    overflow: hidden;
  }
  .sepet-adet {
    z-index: 1;
  }
  .sepet-ad {
    z-index: 1;
  }
  .sepet-box-ic .qty .plus {
    height: 18px;
  }
  #top_main .item {
    font-size: 11px;
  }
  #fayda iframe {
    height: 325px;
  }
  .odeme-body .nav-tabs > li > a {
    display: inline-block;
    margin: 0;
  }
  .odeme-body .nav-tabs > li.active > a, .odeme-body .nav-tabs > li.active > a:focus, .odeme-body .nav-tabs > li.active > a:hover {
    font-size: 14px;
    display: inline-block;
  }
  .he-kupon {
    width: 99%;
  }
  .left-menu {
    display: none;
  }
  .left-menu span.list-group-item {
    display: none;
  }
  .mobil-leftmenu {
    display: block;
    color: #000;
    margin-bottom: 10px;
    padding: 15px;
    background: #e2e2e2 url(/content/images/down-icon.jpg) 95% center no-repeat;
  }
  .uye-page a.list-group-item {
    padding: 2px 15px;
    width: 100%;
    float: left;
    text-align: center;
    align-items: center;
    display: block;
    height: auto;
    border: 0;
    border-bottom: solid 1px #ddd;
    border-top: solid 3px #fff;
    margin: 0;
  }
  .preview-pic {
    padding: 0;
  }
  .preview-thumbnail-box {
    position: relative;
    overflow-y: auto;
    position: relative;
    top: inherit;
    width: 95%;
    z-index: 2;
    padding: 15px;
  }
  .preview-thumbnail li {
    float: left;
    margin: 0 15px 0 0;
  }
  .ara-banner {
    height: auto;
    width: 100% !important;
  }
  .kampanya-list li {
    height: inherit;
  }
  .kampanya-list li .kamp-link {
    width: 92%;
  }
  .what a {
    width: 50px;
  }
  .whatl {
    display: none;
  }
  .dropdown:nth-child(2) .wellmenu div:nth-child(2) ul {
    max-height: inherit;
    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;
  }
  .dropdown:nth-child(3) .wellmenu div:nth-child(2) ul {
    max-height: inherit;
    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;
  }
  .dropdown:nth-child(4) .wellmenu ul {
    max-height: inherit;
    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;
  }
  .menumarka-img {
    display: none;
  }
  .carousel-indicators {
    z-index: 1;
  }
  .badge-light {
    left: -12px;
    right: inherit;
  }
  .deskSlider {
    display: none;
  }
  .mobSlider {
    display: block;
  }
  .mobSlider img {
    width: 100%;
  }
  .home-ara-banner {
    margin: 30px 0 0;
  }
  .marka-list li {
    width: 45%;
  }
  .siparis-tab {
    display: none;
  }
  .odeme-body .modal-dialog {
    margin: 0;
  }
  .odeme-body .modal-body {
    margin: 0;
    padding: 0;
  }
  .zoomContainer {
    display: none;
    visibility: hidden;
  }
  .zoomLens {
    display: none;
    visibility: hidden;
  }
  .zoomWindowContainer {
    display: none;
    visibility: hidden;
  }
  .preview-thumbnail.nav-tabs li img {
    width: 100px;
  }
  .sticky {
    position: relative !important;
  }
  .sticky .header-middle {
    display: block;
  }
  .top-icon {
    width: 44%;
    padding-left: 15px;
    margin: 0 0;
  }
  .top-icon a {
    padding: 7px 8px;
    margin: 0;
  }
  .top-icon a:last-child {
    border-right: solid 1px #e2e2e2;
  }
  .button-ara {
    right: 9px;
    top: 13px;
  }
  .slider-video {
    padding: 15px 0 0;
  }
  .imageCoverBox {
    height: 400px;
    background-size: cover;
  }
  .giris {
    position: absolute;
    margin-right: 0 !important;
    width: 20%;
    top: 20px;
    right: 35px;
    text-align: right;
  }
  .giris li ul {
    right: 20%;
  }
  .giris li {
    position: relative;
    text-align: right;
  }
  .giris-link {}
  .giris-link img {
    height: 33px;
  }
  .top-right-s {
    width: 28%;
    float: right;
    text-align: center;
    padding-right: 15px;
    margin: 18px 0 0;
  }
  .bana-ozel {
    float: none;
    display: inline-block;
    text-align: center;
    padding-right: 0;
  }
  .giris sub br {
    display: none;
  }
  .header-middle {
    position: relative;
    padding: 8px 0 1px;
  }
  .home-banner li {
    margin: 0 0 15px 0;
  }
  .urun-alt-slider .col-md-3 {
    height: inherit;
  }
  .item .sepete-ekle {
    display: block;
  }
  .urun-slider .carousel-control.right {
    right: 20px;
  }
  .sepet-alan {
    clear: both;
  }
  .sepet-alan-fi {
    width: 100%;
  }
  .preview {
    width: 100%;
    padding-right: 0;
    margin-bottom: 5px;
  }
  .product-fiyat span {
    left: 15px;
    top: 15px;
    width: 70px;
    overflow: hidden;
    height: 70px;
    font-size: 14px;
  }
  .product-fiyat span.ucretsiz-kargo {
    right: 15px;
    top: 0;
    width: 70px;
    overflow: hidden;
    height: 70px;
    font-size: 14px;
  }
  .details {
    width: 100%;
    padding: 0 15px;
    margin: 60px 0 0;
  }
  .urun_detay_main .tab-content {
    width: 100%;
  }
  .detay-rait {
    text-align: center;
  }
  .urun_liste .urun-resim img {}
  #reviews {
    margin: 0 0 15px 0;
  }
  /*******************



İkili Listeleme



*********************/
  .urun_liste .urun-resim img {
    height: auto;
  }
  .urun_liste .urunler {
    height: auto;
    width: 100%;
    float: none;
  }
  .filtre-box {
    position: relative;
    cursor: pointer;
    width: max-content;
  }
  .urun_liste .urunler:nth-child(3n+0) {
    margin: 15px 15px 15px 0;
    border-right: solid 1px #e6e6e6;
  }
  .urun_liste .urunler:nth-child(2n+0) {
    margin: 15px 0 15px 0;
  }
  .urun_liste .urun-resim {
    height: 163px;
  }
  .urun_liste .sepete-ekle {
    font-size: 13px;
  }
  .urun_liste .fiyat-alan {
    padding: 0;
  }
  /*******************



İkili Listeleme son



*********************/
  .sepet:hover .shoppingcart_box {
    display: block;
  }
  .sticky .navbar-inverse {
    box-shadow: none;
  } /*



.uye-page .list-group {



	height: 42px;



	overflow: hidden;



}



.uye-page .list-group:hover {



	height: auto;



	overflow: visible;



}*/
  .sepet-box-ic {
    display: block;
    height: inherit;
  }
  .kupon {
    margin: 20px 0 0 0;
  }
  .uye-giris-body {
    width: 100%;
    margin: 0 auto;
  }
  .filtre-body {
    margin-bottom: 30px;
    background: white;
    padding-bottom: 20px;
  }
  .filtre-body form {
    display: none;
  }
  .filtre-body:hover {
    height: inherit;
    /*border: solid 1px #2d3a4b;*/
  }
  .filtre-body:hover form {
    margin-top: 25px;
  }
  .mobil-filtre {
    display: block;
  }
  .mobil-filtre-ic {
    background: #e2e2e2 url(/content/images/down-icon.jpg) 95% center no-repeat;
    padding: 10px;
  } /*



.mobil-filtre-ic:hover {



	background: #e2e2e2 url(/content/images/up-icon.jpg) 95% center no-repeat;



	padding-right: 5px;



}*/
  .acform {
    display: block;
  }
  .bank img {
    width: auto;
  }
  .img-portfolio {
    margin-bottom: 15px;
  }
  header.carousel .carousel {
    height: 70%;
  }
  .odeme-body .nav-tabs > li {
    width: 50%;
    text-align: center;
  }
  .odeme-body .tab-content {
    padding: 15px 10px;
  }
  .odeme-body .panel-heading {
    padding: 10px 0;
  }
  .odeme-body .panel-body {
    padding: 10px 0;
  }
  .ozet-bg .page-header {
    text-align: left;
  }
  .sepet {
    width: 25%;
    border-left: none;
    position: absolute;
    top: -60px;
    right: 10px;
    z-index: 9;
  }
  .arama {
    width: 100%;
    float: left;
    margin-top: 12px;
    position: relative;
    top: 0;
    z-index: 2;
    margin: 0;
  }
  .ara {
    padding: 8px;
    width: 95%;
  }
  .lang {
    position: absolute;
    top: -60px;
    left: 99px;
  }
  .inline-block {
    display: block;
  }
  .logo {
    width: 41%;
    text-align: center;
    margin-bottom: 10px;
  }
  .logo img {
    width: 100%;
  }
  .navbar-header {
    padding: 0 10px;
  }
  .header-top {
    padding: 10px;
    height: 45px;
  }
  .hak-box img {
    float: none;
  }
  .hak-txt {
    padding: 15px;
    display: block;
    width: 100%;
  }
  .fancybox-button--zoom {
    display: none;
  }
  .top-menu-giris {
    float: left;
    text-align: left;
    width: 45%;
    left: 9%;
  } /*



.top-menu-giris li:first-child {



	display:none;



}*/
  #top_main {
    padding: 0 !important;
    text-align: center;
    border-bottom: dashed 2px #c35790;
  }
  .top-menu-link {
    text-align: center;
    display: none;
    padding-top: 5px;
  }
  .owl-next {
    position: absolute;
    right: 0px;
  }
  .owl-prev {
    position: absolute;
    left: 0px;
  }
  .preview .owl-next {
    position: absolute;
    right: 0px;
  }
  .preview .owl-prev {
    position: absolute;
    left: 0px;
  }
  .preview .tamamla .owl-prev {
    position: absolute;
    left: -4px;
  }
  .preview .owl-item {
    padding: 0 15px;
    /*width: 100px !important;*/
  }
  .preview .owl-carousel .owl-stage-outer {
    /*margin: 0 50px;*/
  }
  .owl-nav span {
    font-size: 100px;
  }
  .marka-img img {
    position: absolute;
    top: -30px;
    right: 15px;
    width: 80px;
  }
  .combine .nav-tabs > li > a span {
    display: none;
  }
  .combine .nav-tabs > li > a i {
    width: 20px !important;
    height: 20px !important;
    background-size: 20px !important;
  }
  .combine .nav-tabs > li.active:after {
    left: 35%;
  }
  .urun-slider .cok-sat .item .urun-resim {
    height: inherit;
  }
  .urun-slider .item {
    height: auto;
    border-bottom: solid 1px #ddd;
  }
  .urun-alt-slider .owl-nav {
    top: 35%;
  }
.urun-slider .item .sepete-ekle {
    top: 89%;
    display: none !important;
}
  .urun-alt-slider .item .urun-resim img {
    height: 300px;
  }
  .bulten-box {
    height: auto;
    padding: 15px;
    margin: 15px 0 0;
  }
  .bulten-box:after {
    content: "";
    display: block;
    clear: both;
  }
  .bulten-box .h3 {
    width: 100%;
    float: none;
    text-align: center;
    padding: 0;
  }
  .bulten-input {
    width: 100%;
    float: none;
  }
  .bulten {
    height: 55px;
  }
  .siparis-btn {
    margin: 15px 0;
  }
  .siparis-bg .container-fluid {
    margin: 0;
  }
  .design {
    display: none;
  }
  .navbar-inverse {
    background-color: transparent;
    border: none;
    min-height: 40px;
    position: absolute;
    top: 0;
    width: 30px;
  }
  .affix .navbar {
    min-height: 50px !important;
  }
  .affix .navbar-inverse .navbar-toggle {
    border: none;
    top: 50px;
  }
  .affix .navbar-inverse {
    top: -50px;
  }
  .affix #mainNav {
    top: 40px;
  }
  .navbar-inverse .navbar-toggle {
    border: none;
    padding: 9px 0px;
  }
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: white;
    border: none;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: rgb(64, 64, 65);
  }
  /**************



 ANASAYFA owl



*****************/
  .urun-slider h1 {
    font-size: 32px;
    margin-bottom: 3px;
  }
  .urun-slider .carousel {
    padding: 0 5px 30px 5px;
    margin-bottom: 30px;
  }
  .urun-slider .item .urun-resim {
    height: auto;
  }
  .urun-slider .coksatanlar .item .urun-resim {
    height: auto;
  }
  .urun-slider .item .fiyat-alan {}
  .urun-slider .carousel-control.left {
    left: 0% !important;
  }
  .blog .blog-resim {
    height: 200px;
    background: #fff;
  }
  .instagram li {
    float: left;
    width: 33%;
    padding: 0 5px 5px 0;
    height: 123px;
    position: relative;
  }
  .instagram li img {
    width: 122px;
    position: relative;
  }
  .mobil-none > li {
    float: none;
    display: block;
    border-bottom: solid 1px #e6d0ce;
  }
  .navbar-inverse .mobil-none > li > a {
    text-align: left;
    color: #fff !important;
  }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #c3827d;
  }
  .navbar-inverse .mobil-none > li > a:focus, .navbar-inverse .mobil-none > li > a:hover {
    color: #c3827d;
  }
  .mobil-none > li:hover {
    background: #460244;
  }
  /*



.mobil-none>li:hover .mega-dropdown-menu {



	height:auto;



	background: #70063c;



	box-shadow:none;



	border-top: solid 1px #ca4389;



	visibility:visible;



	max-height:800px;



	-webkit-transition: max-height 0.8s;



	-moz-transition: max-height 0.8s;



	transition: max-height 0.8s; 



}*/
  .mobil-none > li .dropdown-menu {
    border-top: solid 1px #e6d0ce;
    box-shadow: 0px 4px 5px 3px #00000069;
  }
  .mega-dropdown-menu {
    position: relative;
  }
  .mega-dropdown-menu .row {
    padding: 5px 0;
  }
  .dropdown:after {
    content: "";
    display: block;
    clear: both;
  }
  .dropdown {
    background: #1d1d1d /* url(/content/images/menu-right.png) no-repeat 94% center*/ ;
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
  }
  .dropdown:hover {
    background: #1d1d1d /*url(/content/images/menu-down.png) no-repeat 94% 15px !important*/ ;
  }
  .actives {
    height: auto;
    overflow: visible;
    display: block !important;
  }
  /* ESKİ MENU 



.dropdown {



	background:url(/content/images/menu-right.png) no-repeat 94% center;



	max-height: 41px;



	overflow: hidden;



	-webkit-transition: max-height 0.8s;



	-moz-transition: max-height 0.8s;



	transition: max-height 0.8s;  



}







.dropdown:hover{



	background:url(/content/images/menu-down.png) no-repeat 94% 15px !important;



	max-height: 700px;



	height: auto;



	overflow: visible;



}







.dropdown  .dropdown-menu {



	background-color: transparent;



	max-height:1px;



	overflow: hidden;



	-webkit-transition: max-height 0.8s;



	-moz-transition: max-height 0.8s;



	transition: max-height 0.8s; 



}



.dropdown  .dropdown-menu div {



	background-color:#7f164c;



}



.actives  {



	max-height: 700px !important;



	height: auto;



	overflow: visible;



	background: transparent !important;



	box-shadow:none !important;



	border-top: solid 1px #ca4389;



	visibility:visible;



	max-height:800px;



	-webkit-transition: max-height 0.8s;



	-moz-transition: max-height 0.8s;



	transition: max-height 0.8s; 



}*/
  .wellmenu {
    padding: 0;
  }
  .wellmenu ul {
    margin: 0 !important;
    padding-left: 10px;
    background: url(/content/images/menu-right-2.png) no-repeat 94% 0px;
  }
  .wellmenu ul:hover {
    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;
  }
  .wellmenu ul li strong {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    border-bottom: solid 1px #fff;
  }
  .wellmenu ul li a strong {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    border-bottom: solid 1px #fff;
  }
  .wellmenu ul li:first-child a {
    padding-left: 0 !important;
  }
  .mobil-none > li:hover a {
    font-size: 13px;
    font-weight: 400 !important;
  }
  .mobil-none > li a {
    color: #fff;
  }
  .wellmenu ul li a {
    color: #fff !important;
  }
  .wellmenu ul {
    position: relative;
    width: 100%;
    float: none;
    margin: 0px;
    max-height: 30px;
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
  }
  .dropdown:nth-child(1) .wellmenu ul {
    max-height: 800px;
    background: none;
  }
  .wellmenu ul:hover {
    max-height: 700px;
    height: auto;
    overflow: visible;
  }
  #mainNav {
    text-align: center;
    position: absolute;
    z-index: 3;
    background: #1d1d1d;
    width: 100%;
    box-shadow: 2px 2px 2px #0000009c;
    height: 100vh;
    overflow-y: auto;
    left: 0;
    top: 35px;
  }
  #mainNav .navbar-nav {
    overflow-y: auto;
  }
  .menu-banner {
    display: none;
  }
  .menu-banner3 {
    display: none;
  }
  .mobil-tum {
    display: -webkit-inline-box;
    color: #fff !important;
  }
  .urunler .metin-box {
    height: auto;
  }
  .metin-box .iliked {
    display: block;
  }
  #box4 .text .name1 {
    font-size: 34px;
    padding: 0;
    float: none;
    margin: 0;
  }
  #box4 .text .name1:before, #box4 .text .name1:after {
    content: none;
  }
  #box4 .text .name2 {
    font-size: 38px;
    padding: 0;
  }
  .urun-slider .title strong {
    font-size: 38px;
    padding: 0;
  }
  .urun-slider .title strong:before, .urun-slider .title strong:after {
    content: none;
  }
  #box6 {
    margin: 30px 0;
  }
  #box6 .title strong {
    font-size: 38px;
    padding: 0;
  }
  #box6 .title strong:before, #box6 .title strong:after {
    content: none;
  }
  #box4 .text {
    margin: 0 0 50px 0 !important;
    padding: 0;
    text-align: left;
  }
  .social strong {
    display: inline-block;
    position: relative;
    font: 40px "00379regular";
    padding: 0;
  }
  .social strong:before, .social strong:after {
    content: none;
  }
  .social nav {
    margin: 25px 0 10px;
  }
  /*************



ÜRÜN DETAY



****************/
  .urun-slider.ilgili-urun .item .urun-resim {
    height: auto;
  }
  .urun_detay_main .ilgili-urun .owl-item {
    padding: 0 15px;
  }
  .urun_detay_main .ilgili-urun .item {
    height: auto;
  }
  .urun-slider.ilgili-urun .item .fiyat-alan {
    padding: 15px;
  }
  .product-fiyat a {
    margin: 15px 0 0 0;
    display: -webkit-inline-box;
  }
  .zoomContainer {
    display: none;
  }
  .urun_detay_main .tab-content > .active {
    padding: 0;
  }
  .kargo_firsat {
    position: relative;
    margin-top: 20px;
  }
  .product-fiyat .indirimsiz-f {
    left: 30.5%;
  }
  .product-fiyat .indirimli-f {
    left: 30.5%;
  }
  .sosyal-medya {
    display: block;
    text-align: center;
  }
  .card {
    padding-bottom: 0;
  }
  .urun-aciklama li {
    left: inherit;
  }
  .urun-aciklama .nav-tabs > li.active > a {
    font-size: 14px;
  }
  .urun-aciklama .nav-tabs > li a {
    font-size: 12px;
    padding-bottom: 13px;
  }
  .aciklama-body .tab-content > .active {
    background: #f9f9f9;
    padding: 30px 15px;
  }
  .urun_liste nav > .nav.nav-tabs {
    overflow: auto;
    background: none;
  }
  .sepet-header {
    display: none;
  }
  .sepet-birim {
    display: none;
  }
  .toplam-btn {
    padding-right: 15px;
    margin-bottom: 20px;
    text-align: center;
  }
  /*



.sepet-img {



	width:10%;



	float:left;



}



.sepet-box-ic {



	width:90%;



	float:left;



}*/
  .siparis-tab .setup-panel {
    display: none;
  }
  .page-header {
    text-align: center;
  }
  .sepet-body {
    padding: 10px 0 20px;
  }
  .ic-sayfalar {
    padding: 5px 15px 35px;
  }
  .uye-page {
    padding-top: 15px;
  }
  .ic-img {
    height: 193px;
  }
  .ic-sayfalar h2 {
    font-size: 20px;
  }
  .markalar {
    padding: 5px 15px 30px;
  }
  .marka-listele .marksa {
    width: 32.2%;
  }
  .tum-blog:before {
    width: 31%;
  }
  .tum-blog:after {
    width: 30%;
  }
  .instagram h2 {
    font-size: 32px;
  }
  .listeleme-banner .carousel-inner > .item {
    height: inherit;
  }
  .shoppingcart_box ul {
    display: block;
    max-height: 200px;
    overflow-y: scroll;
  }
  .kisa-ozet {
    font-size: 14px;
  }
  .product-code {
    font-size: 14px;
  }
  .product-fiyat a {
    padding: 0;
  }
  .hediye-sec {
    position: initial;
  }
  .hediye-sec .hediye-sec-ban {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 300px;
    height: 178px;
    top: -142px;
  }
  .hediye-sec .hediye-sec-ban::after {
    content: none;
    top: 88%;
    left: 60%;
  }
  .hediye-sec .hediye-sec-ban img {
    width: 100%;
  }
  .urun_detay_main .card {
    padding: 0;
  }
  .detay-rait .yor a {
    text-align: center;
  }
  .yor .starsBox {
    width: inherit;
  }
  .star5 {
    background-position: center;
  }
  .star4 {
    background-position: center;
  }
  .star3 {
    background-position: center;
  }
  .star2 {
    background-position: center;
  }
  .star1 {
    background-position: center;
  }
}
@media(max-width:380px) {
  .top-icon a {
    padding: 7px 3px;
  }
  #mainNav {
    height: 520px;
  }
  .giris-link {
    padding-top: 3px;
  }
  .giris {
    width: 10%;
  }
  .urun_liste .fiyat-alan {
    height: inherit;
    display: block;
  }
  .urun_liste .indirimsiz-f {
    float: none;
  }
  .urun_liste .indirimli-f {
    float: none;
  }
}
@media(max-width:365px) {
  .top-right-s {
    width: 25%;
    margin: 10px 0 0;
  }
  .badge-light {
    top: 0;
    left: -16px;
  }
  .sepet {
    border-left: none;
    text-align: center;
  }
}
@media(max-width:340px) {
  .bank img {
    width: 60px;
  }
  .top-right-s {
    width: 25%;
    margin: 10px 0 0;
  }
  .badge-light {
    top: 0;
    left: -16px;
  }
  .sepet {
    border-left: none;
    text-align: center;
  }
  .affix .logo {
    width: 20%;
  }
  .kampanya-list li .kamp-link {
    width: 90%;
  }
  .mobSlider {
    display: block;
  }
  .shoppingcart_box {
    right: -10px;
    width: 310px;
  }
  .top-icon {
    width: 44%;
    padding-left: 15px;
    margin: 0 0;
  }
  .top-icon a {
    padding: 2px 5px 0 0 !important;
    margin: 0;
    height: 35px;
    overflow: hidden;
    width: 74px;
  }
  .top-icon a:last-child {
    border-right: solid 1px #e2e2e2;
  }
  .giris {
    position: absolute;
    margin-right: 0 !important;
    width: 20%;
    top: 14px !important;
    right: 17px !important;
    text-align: right;
  }
  .giris li ul {
    right: 20%;
  }
  .giris li {
    position: relative;
    text-align: right;
  }
  .giris-link {
    height: 35px;
    overflow: hidden;
  }
  .urun_liste .urunler {
    height: auto;
    width: 100%;
    float: none;
  }
  .urun_liste .listeleme_link .urun-resim {
    height: auto;
  }
  .urun_liste .sepete-ekle svg {
    margin-left: 5px;
    font-weight: bold;
  }
  .instagram li {
    float: left;
    width: 30%;
  }
  .urun_liste .urun-resim {
    height: 116px;
  }
}
