@font-face {

  font-family: '00379regular';

  font-display: block;

  src: url("/lib/fonts/00379-webfont.woff2") format("woff2"), url("/lib/fonts/00379-webfont.woff") format("woff");

  font-weight: normal;

  font-style: normal;

}

.instagram h2 a {

  color: #363636;

}

.instagram h2 a {

  color: #363636;

  text-decoration: none;

}

.havale-odeme {

  font-size: 18px;

  padding: 10px;

  font-weight: bold;

}

.havale-odeme span {

  color: #363636;

  font-weight: 900;

}

.kurdele {

  display: none;

}

#myCarousel .carousel-indicators {

  z-index: 1;

}





.affix-h {}

.affix-hight {

  height: 200px;

}

.mobil-none {

  display: none;

}

.desk-none {

  display: block;

}

.imageCoverBox {

  height: 843px;

}

.lazy {

  max-width: 100%;

}

.details h3 {

  position: relative;

  margin-bottom: 20px;

}

.beden-tablo {

  position: absolute;

  right: 0;

  top: -6px;

  padding: 9px 10px 7px 10px;

  border: solid 1px #ddd;

  font-size: 14px;

  border-radius: 14px;

  line-height: 28px;

}

button.add-to-cart {

  color: #000000;

  padding: 13px 15px 10px 15px;

  display: inline-block;

  border: 1px solid #fec300;

  background: #fec300;

  width: 49%;

  font-size: 14px;

  border-radius: 11px;

  text-align: center;

  margin-top: 11px;

}

#installments {

  padding: 15px 0 0;

  border-top: solid 1px #ddd;

}

#installments #installments {

  padding: 0;

  border: 0;

}

.siparis-bg #installments label {

  border-bottom: solid 1px #ddd;

  padding-bottom: 10px;

}



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

}

div#myCarousel2 .deskSlider {

  width: 100%;

  height: 219px;

  background-repeat: no-repeat;

  background-position: center;

}

.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: 999;

    text-align: center;

    bottom: 2px;

    right: -2px;

}



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

}



.what-wrapper p {

    background: #3aa035;

    color: #fff;

    width: 175px !important;

    text-align: right !important;

    border-radius: 90px;

    margin-top: -53px !important;

    font-size: 11px;

    padding-right: 19px !important;

    line-height: 19px;

    padding: 18px 3px;

    box-shadow: 0px 1px 19px -8px #000;

    font-family: 'Poppins';

    font-style: normal;

}



.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: 649px;

  background-repeat: no-repeat;

  background-position: center;

}

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

    display: block;

    font-size: 13px;

}

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

  border: solid 1px transparent;

  margin: 0 10px 10px 0;

  text-align: center;

  border-radius: 14px;

  padding: 10px 7px !important;

  font-size: 13px;

}

.varyant-renk .renk-sec img {

  width: 100%;

}

.varyant-renk .renk-sec:hover {

  box-shadow: 0 0 11px -5px #b7b7b7;

}

.varyant-renk .renk-sec:hover span {}

.varyant-renk .renk-sec span {

  display: flex;

  overflow: hidden;

  height: 62px;

  margin: 10px 0 0;

  border-bottom: solid;

  transition: all 0.35s ease 0s;

  -webkit-transition: all 0.35s ease 0s;

  line-height: 20px;

  align-items: center;

}

.aktifrenk {

  background: #fdfdfd;

  /*color: #fff;*/

  box-shadow: 0 0 11px -5px #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 {

  background: #373f50;

  color: #fff;

}

.header-top a {

  color: #fff;

}

.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: 91px;

  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: 15px 0 0px 0px;

  /* background: url(/content/images/christmas-top-bg.png) repeat-x; */

  margin-bottom: -5px;

}

.slider-video {

  padding: 0 35px 35px;

  height: 100%;

  margin: 0 0 30px;

  position: relative;

  overflow: hidden;

}

.slider-video .item {

  height: 88vh;

  position: relative;

  overflow: hidden;

  background: url(/content/images/slider-bg.jpg);

  background-size: cover;

}

.vimeo-wrapper {

  position: absolute;

  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 0 #696969;

  border-radius: 0;

  width: 100%;

  color: #585858;

  padding: 10px;

}

.ara:focus {

  border: none !important;

  width: 100%;

  color: #585858;

  outline-offset: 0px;

  outline: none;

  background: #eee;

}

.easy-autocomplete {

  width: 100% !important;

  float: right;

  opacity: 1;

  transition: all 0.35s ease 0s;

  -webkit-transition: all 0.35s ease 0s;

}

.aara {

  opacity: 1;

}

.button-ara {

    font-size: 16px;

    color: #ffffff;

    background: #383f50;

    border: none;

    padding: 6px 8px 4px 8px;

    border-radius: 90px;

    position: absolute;

    right: 22px;

    top: 3px;

    z-index: 9;

}

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

  display: none;

}

.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 {

  margin: 0 0;

  transition: .4s;

  padding: 9px 0px;

}

.iliked a {

  color: #383f50;

  text-decoration: none;

  position: relative;

  font-size: 13px;

  padding: 1px;

  margin-left: 24px;

  top: -20px;

}

.iliked a 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 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;

}

.lang ul {

  display: none;

}

.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: 0.2s;

}

.menu ul li {

  float: left;

  position: relative;

  padding: 0;

  transition: 0.2s;

  font-size: 13px;

}

.menu ul li a {

  display: block;

  color: #383f50;

  text-decoration: none;

  transition: 0.2s;

  padding: 16px 20px 11px 20px;

  font-weight: 500;

  border-bottom: 3px solid #fff;

}

.menu ul li a:hover {

  border-bottom: 3px solid #fec300;

  color: #fec300;

}

.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 {

  display: flex;

  align-items: center;

  height: 50px;

}

.logo img {

  max-width: 100%;

}

.top-right-s {

  width: 20%;

  float: right;

  text-align: right;

  margin-top: 20px;

}

.inline-block {

  display: inline-block;

  width: 100%;

}

.sepet {

    text-align: right;

    position: relative;

    cursor: pointer;

    padding-top: 5px;

    height: 42px;

    width: 54px;

    margin-left: -20px;

}

.badge-light {

  position: absolute;

  top: 3px;

  right: -3px;

  color: #fff;

  background-color: #383f50;

  padding: 5px 4px 0 5px;

  border-radius: 55px;

  width: 21px;

  height: 21px;

  text-align: center;

}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {

  background-color: #363636;

  border-color: #363636;

}

.sepet a {

  position: relative;

}

.sepet img {

  margin-top: 3px;

}

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

  margin: 0px 10px;

}

.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: 999;

}



.bx-wrapper .bx-controls-direction a {

    z-index: 995 !important;

}

.affix .header-middle {

  display: block;

  background: white;

}

.affix .header-top {

  display: none;

}

.affix .menu-body {

  box-shadow: 1px 4px 32px -20px;

}

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

  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;

  background: #fff;

  border: 2px solid #383f50;

  padding: 7px;

  border-radius: 9px;

  box-shadow: 0px 0px 23px -17px;

}

.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: #383f50;

  width: 100%;

  color: #fff;

  border: none;

  display: block;

  text-align: center;

  padding: 13px 15px 10px 15px;

  font-size: 14px;

  border-radius: 11px;

}

.shoppingcart_git .siparis-tmm:hover {

  background-color: #fff;

  color: #363636;

  border: solid 1px #363636;

  text-decoration: none;

}

.go-sepet {

 color: #383f50;

    padding: 13px 15px 10px 15px;

    border: 1px solid #383f50;

    background: white;

    font-size: 14px;

    border-radius: 11px;

    text-align: center;

    margin-top: 12px;

    transition: all 0.3s ease;

}

.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: -230px;

}

.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: -220px;

  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: #e07363;

  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;

  font-size: 17px;

} /*

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: 'Overpass';

  font-size: 46px;

  font-weight: 400;

  margin: 0;

  color: #363636;

  padding-bottom: 55px;

  position: relative;

  letter-spacing: -1px;

}

.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: 5px;

  top: 75px;

  border-radius: 30px;

  background: #363636;

  color: #fff;

  padding: 5px 8px;

  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: 15px;

  right: 15px;

}

.urun-alt-slider .item {

  height: 390px;

}

.ilgili-urun .item {

  height: 300px;

  box-shadow: 0px 0px 0px -23px;

  transition: all 0.3s ease;

}

.urun-slider .item:hover {

  box-shadow: 0px 0px 30px -23px;

  transition: all 0.3s ease;

}

.urun-slider .item:hover .sepete-ekle {

  display: block;

}

.item:hover .sepete-ekle {}

.urun_liste .urunler:hover .sepete-ekle {

  display: block;

}

.urun-slider .coksatanlar .item .urun-resim {

  display: block;

  text-align: center;

  margin-top: 21px;

}

img {

  max-width: 100%;

}

section.banner-home img {

  border-radius: 11px;

  width: 98%;

}

section.banner-home {

  text-align: center;

  margin-top: 39px;

}

.m-0 {

  margin: 0px;

}

.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 {

    font-size: 23px;

    color: #383f50;

    font-weight: 800;

    display: inline-block;

    letter-spacing: -2px;

    margin-top: 8px;

}

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;

}

.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: 43px "Overpass";

  padding: 0 80px;

  margin-top: 59px;

  color: #383f50;

  letter-spacing: -2px;

}

.urun-slider .title strong:before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 47px;

  height: 1px;

  background: #dbdbdb;

}

.urun-slider .title strong:after {

  content: "";

  position: absolute;

  top: 50%;

  right: 0;

  width: 47px;

  height: 1px;

  background: #dbdbdb;

}

/***************

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: 43px;

  font-weight: 400;

  margin: 10px 0 -4px;

  border: none;

  color: #383f50;

}

.blog h2 {

  display: flex;

  width: 100%;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-family: 'Overpass', ;

  font-size: 43px;

  font-weight: 400;

  margin: 10px 0 -4px;

  border: none;

  color: #383f50;

}

.blog h2:before, .blog h2:after {

  content: '';

  border-top: 1px solid #f3f3f3;

  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;

  background: #fff;

  overflow: hidden;

}

.blog-resim img {

  border-radius: 11px;

}

.blog .blog-resim img {

  width: 100%;

}

.blog a:hover {

  text-decoration: none;

}

.blog-txt {

  background: #fff;

  text-align: left;

  margin-top: 10px;

}

.blog-txt-ic {

  height: 140px;

  overflow: hidden;

}

.blog-txt h3 {

  font-size: 17px;

  font-weight: 700;

  color: #363636;

  margin-top: 10px;

  height: 24px;

  display: flex;

  align-items: center;

  margin-bottom: 17px;

}

.blog-txt p {

  font-size: 15px;

  font-weight: 500;

  color: #363636;

  height: 38px;

  overflow: hidden;

  display: -webkit-box !important;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.tum-blog {

  width: auto;

  margin: 0 auto;

  display: inline-block;

  font-family: 'Overpass';

  background-color: #383f50;

  color: #fff;

  border: none;

  text-align: center;

  padding: 13px 15px 10px 15px;

  font-size: 14px;

  border-radius: 11px;

}

.tum-blog:hover {

    color: #ffffff;

}

.tum-blog:before {

  content: "";

  width: 44%;

  border-top: solid 1px #f3f3f3;

  position: absolute;

  top: 21px;

  left: 0;

}

.tum-blog:after {

  content: "";

  width: 44%;

  border-top: solid 1px #f3f3f3;

  position: absolute;

  top: 21px;

  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;

  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: #f3f3f3;

    padding: 70px 0;

    font-family: 'Overpass', 'Overpass';

    font-weight: 300;

    border-top: solid 1px #eef0ef;

    color: #383f50;

    margin-top: 50px;

    padding-bottom: 11px;

}

footer .h3 {

  font-family: 'Overpass', 'Montserrat', 'Overpass';

  font-size: 25px;

  margin-top: 20px;

  margin-bottom: 21px;

  font-weight: 400;

  color: #fdcc03;

}

footer h3 {

  font-family: 'Overpass', 'Montserrat', 'Overpass';

  font-size: 25px;

  margin-top: 20px;

  margin-bottom: 21px;

  font-weight: 400;

  color: #fdcc03;

}

footer p {

  color: #363636;

  color: #fff;

}

footer a {

    color: #383f50;

    font-size: 14px;

}

footer a:hover {

  text-decoration: none;

  color: #c4c4c4;

}

.social {

  text-align: left;

}

.social strong {

  display: inline-block;

  position: relative;

  font: 50px "Overpass";

  padding: 0 80px;

  letter-spacing: -3px;

}

.social strong:before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 47px;

  height: 1px;

  background: #696e7b;

}

.social strong:after {

  content: "";

  position: absolute;

  top: 50%;

  right: 0;

  width: 47px;

  height: 1px;

  background: #696e7b;

}

.social nav {

  margin: 17px 0 24px;

  border-top: 1px solid #696e7b;

  padding: 25px 0px 0px 0px;

}

.social nav a {

  display: inline-block;

  color: #ffffff;

  text-decoration: none;

  margin: 0 8px;

  font-size: 25px;

  transition: .4s;

}

.footer-top {

  border-bottom: solid 1px #ddd;

  margin-bottom: 15px;

  padding-bottom: 15px;

  text-align: left;

}

.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: 15px;

    color: #7e7e7e;

}

.whats p svg {

  font-size: 22px;

}

.footer-iletisim li {

  color: #ffffff;

  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 0px;

    background: #ffffff;

}

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

}



.benzer-urunler .metin-box {

    height: 184px;

}



.urun_detay_main .benzer-urunler span.indirimsiz-f {

    margin-top: -63px;

    position: absolute;

}



/*

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

}}*/

.listeleme_link:hover .metin-box {

  bottom: 0;

}

/*

.metin {

    background: #ffffff;

    padding: 22px 30px;

    display: inline-block;

    text-align: left;

    min-width: 300px;

}*/

.urun-resim {

    background: #f3f3f3;

    padding: 1px;

    height: 236px;

}

.metin strong {

  font: 15px/19px "Overpass";

  position: relative;

  letter-spacing: 0px;

  display: -webkit-box !important;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  line-height: 23px;

  height: 49px;

  width: 100%;

  margin-bottom: 17px;

  cursor: pointer;

}

.listeleme_link:hover .sepete-ekle {

  background: #383f50;

  color: #fff;

}

/*

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

  font-size: 11px;

  text-transform: capitalize;

}

.breadcrumb > .active {

  color: #363636;

  font-weight: 400;

  font-size: 11px;

  text-transform: capitalize;

}

.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-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 13px 3px 13px;

  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: 55%;

  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;

    position: relative;

    top: 2px;

}

.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: 20px;

  font-weight: 500;

  margin: 20px 0 20px;

  color: #363636;

  border-bottom: solid 3px #383f50;

  padding: 10px 0;

  position: relative;

}

div#productForm h3 {

  font-size: 17px;

  font-weight: 300;

}

.radio input, .radio label {

  display: block;

}

.radio label {

  margin-top: -13px;

  margin-left: -5px;

}

.radio {

  margin-left: 1px;

}

.list-group li label {

  font-size: 13px !important;

}

ol.list-group textarea {

  width: 360px;

  height: 110px;

}



.taksit-table-bsl {

    background: #f5f5f5;

    text-align: center;

    padding: 2px 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;

}



.ozellik table {

    margin-bottom: 24px;

    background: #eee;

    width: 100%;

}



.ozellik table tr td {

    margin: 21px;

    padding: 7px;

    border-right: 1px solid #cfcfcf;

}



.ozellik table th {

    font-weight: 800;

    padding: 7px 7px;

    border-right: 1px solid #292d36;

    border-bottom: 1px solid #cfcfcf;

    background: #383f50;

    color: #fff;

}

.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: 80px;

}

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

    top: -18px !important;

    position: relative;

}

.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 {

  width: 10%;

  margin: 5px 0 0 0;

  text-align: right;

  height: 45px;

  margin-top: -2px;

  float: 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: 33px "Overpass";

  position: relative;

  padding: 0 7px 0 0;

  margin: 0;

  letter-spacing: -2px;

  font-weight: 600;

  line-height: 37px;

}

.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 0px;

  margin-top: 69px;

  margin-left: 21px;

}

.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: 0px 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: -5px 0 11px;

  border-bottom: 1px solid #eee;

  padding: 4px 0px;

}

.desc {

  font-size: 14px !important;

  line-height: 28px;

}

.desc h2 {

  font-size: 18px;

  padding-bottom: 4px;

  margin-top: 36px;

  color: #363636;

}

.bedeb-body ul {

  display: block;

}

.bedeb-body li {

  margin: 0 7px 10px 0;

  padding: 0;

  border: solid 1px #ddd;

  display: block;

  float: left;

  border-radius: 11px;

}

.bedeb-body li:hover {

  background: #fafafa;

}

.bedeb-body li label {

  padding: 11px 14px 2px 14px;

  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: 9px;

  text-align: right;

  top: 11px;

  z-index: 2;

}

.begenme a {

  display: inline-block;

  background-color: #383f50;

  color: #fff;

  border: none;

  text-align: center;

  padding: 9px 7px 5px 12px;

  font-size: 10px;

  border-radius: 11px;

  border: solid 1px #383f50;

}

.begenme a i {

  margin-right: 6px;

}

.begenme a:hover {

  text-decoration: none;

  background-color: #fff;

  color: #363636;

  border: solid 1px #363636;

  text-decoration: none;

}

.details h3 {

  font-weight: 300;

  font-size: 15px;

}

.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: 41px;

    padding-top: 10px;

    font-family: inherit;

    color: #383f50;

    letter-spacing: -3px;

    margin-top: 42px;

}

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

  display: block;

}

.qty .count {

  color: #363636;

  display: inline-block;

  vertical-align: top;

  font-size: 18px;

  font-weight: bold;

  line-height: 37px;

  padding: 5px 2px 0px 15px;

  min-width: 100%;

  text-align: center;

  margin-right: 15px;

  border: solid 1px #ddd;

  border-radius: 14px;

}

.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 {

  color: #ffffff;

  padding: 13px 15px 10px 15px;

  display: block;

  border: 1px solid #383f50;

  background: #383f50;

  width: 100%;

  font-size: 14px;

  border-radius: 11px;

  text-align: center;

  margin-top: 61px;

}

.detay-ekle {

  color: #ffffff !important;

  padding: 13px 15px 10px 15px;

  display: block;

  border: 1px solid #383f50 !important;

  background: #383f50 !important;

  width: 100%;

  font-size: 14px;

  border-radius: 11px;

  text-align: center;

  margin-top: 61px;

}

.detay-ekle img {

  width: 15px;

}

.detay-ekle:hover {

  background: #fff;

  color: #383f50;

}

.urun_detay_main .tab-content > .active {

  padding: 0;

}

.product-fiyat {

  position: relative;

  padding: 0 0 0;

  margin-bottom: 0;

  z-index: 2;

}

.product-fiyat span {

    position: absolute;

    right: 0;

    top: 0;

    border-radius: 50px;

    background: #fdcc03;

    color: #000;

    padding: 5px 8px;

    width: 90px;

    overflow: hidden;

    height: 90px;

    line-height: 22px;

    text-align: center;

    font-size: 18px;

    display: flex;

    align-items: center;

    font-weight: 700;

}

.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: 13px;

    top: 98px;

    border-radius: 50px;

    background: #383f50;

    color: #fff;

    width: 70px;

    overflow: hidden;

    height: 70px;

    line-height: 14px;

    text-align: center;

    font-size: 11px;

    display: flex;

    align-items: center;

    padding: 5px 9px 0px 10px;

}

/*

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

  width: initial;

  display: block;

  border: solid 1px #363636;

}

.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: 'Overpass';

    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;

    z-index: 9;

    position: relative;

}



input, textarea {

    padding: 10px 24px 9px 11px;

    font-size: 12px;

    border: 1px solid #d8d8d8;

    border-radius: 9px;

    width: 100%;

    margin-bottom: 19px;

}

.yorum-yap {

  margin-bottom: 15px;

  font-size: 14px;

}

.yorum-yap svg {

  margin-right: 5px;

}

.video-box {

  margin: 30px 0 0 60px;

  height: auto;

  position: relative;

  overflow: hidden;

  transition: 0.3s;

  display: block;

  align-items: center;

  width: 100%;

}

.video-box iframe {

  /*transform: scale(1.25);*/

  pointer-events: inherit;

  transition: 0.3s;

  opacity: 1;

  display: block;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  position: relative;

  min-height: 1050px;

}



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

}



ul.giris-yap-box {

    /* display: none; */

    /* margin-top: 10px; */

    width: 200px;

    position: absolute;

    right: 39px;

    top: 29px;

    z-index: 10;

    transition: all 0.35s ease 0s;



}



#itemsContainer {

    display: flex !important;

}



div#compareContainer {

    position: fixed;

    bottom: 85px;

    background: #eee;

    width: 100%;

    z-index: 999;

}

div#compareContainer p, div#compareContainer a {

    display: inline-block;

    font-size: 11px;

    padding-left: 16px;

}



.compare-box a {

    margin-top: -25px !important;

    text-indent: -15px;

    line-height: 21px;

}

.nav-justified>li {

    display: table-cell;

    width: 187px;

    background: #fff;

    border-right: 1px solid #eee;

}



.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 {

    border: 1px solid #eee;

    border-radius: 19px;

    padding-bottom: 29px;

    box-shadow: 0px 0px 57px -31px;

}

.uyegirisbox-txt h3 {

    color: #383f50;

}



.uyegirisbox-txt span {

    color: #383f50;

}



.uyegirisbox label, .uyegirisbox1 label {

    display: inline-block;

    max-width: 100%;

    font-size: 14px;

    font-weight: inherit;

    margin: 0;

}

.uyegirisbox1 {

    margin: 0 0 49px;

    border: 1px solid #eee;

    background: #ededed;

    border-radius: 19px;

    padding-bottom: 29px;

    box-shadow: 0px 0px 47px -31px;

}

.uyegirisbox:after {

  content: "";

  display: block;

  clear: both;

}

.uyegirisbox1:after {

  content: "";

  display: block;

  clear: both;

}



.col-xs-3.shoppingcart_img.no-padding img {

    width: initial;

}

.form-group:after {

  content: "";

  display: block;

  clear: both;

}

.uyegirisbox-txt {

    padding: 8px 19px 13px;

    border-bottom: solid 5px #ddd;

    margin: 0 0 20px;

    background: #ffffff;

    border-radius: 17px 17px 0px 0px;

}



.uyegirisbox1:nth-child(2) {

    background: #fff;

}

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

    background: #ffffff;

    border-bottom: 2px solid #cacaca;

}



div#cardForm label {

    display: inline-block;

    max-width: 100%;

    margin-top: 13px;

    font-weight: 700;

    font-size: 12px;

}



.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 {

  background-color: #383f50;

  color: #fff;

  border: none;

  text-align: center;

  padding: 13px 15px 10px 15px;

  font-size: 14px;

  border-radius: 11px;

}

.basla:hover {

  background-color: #fff;

  color: #363636;

  border: solid 1px #363636;

  text-decoration: none;

}

.card-ban {

  margin: 0 -15px 20px;

}

.card-ban img {

  width: 100%;

}



.sepet-header {

    background: #333434;

    color: #fff;

    font-size: 14px;

}



.sepet-header .sepet-img, .sepet-header .sepet-box-ic, .sepet-header .sepet-ad, .sepet-header .sepet-birim, .sepet-header .sepet-adet, .sepet-header .sepet-toplam {

    border-right: 1px solid #585858;

    padding: 6px 17px;

    display: flex;

    align-items: center;

    line-height: 23px;

    height: inherit;

}



.sepet-img, .sepet-box-ic, .sepet-ad, .sepet-birim, .sepet-adet, .sepet-toplam {

    border-right: 1px solid #eee;

    padding: 6px 17px;

    display: flex;

    align-items: center;

    line-height: 23px;

	height: inherit;



}

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

    margin-bottom: -17px;

    width: 100%;

    padding-bottom: 6px;

}

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

    margin-top: -1px;

}



div#alertContainer {

    margin-top: 19px;

}







.col-md-1.col-xs-2.sepet-img {

    line-height: 35px;

	

}



.col-md-5.col-xs-12.sepet-ad {

    display: flex;

    justify-content: flex-end;

    flex-direction: column;

    align-items: flex-start;

}

.sepet-row:hover {

  background: #f4f4f4;

  cursor: pointer;

}

.sepet-sil .cartRemove {

  background: transparent;

}

.sepet-img .thumbnail {

    border: none;

    padding: 0px;

    margin: 0px;

}



.sepet-img .thumbnail img {

    padding: 7px;

    border: 1px solid #eee;

    width: 100%;

}

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

  }

	

.listeleme_link .indirimli-f {

    width: 90% !important;

}

div#bx-pager {

    display: none;

}



div#compareContainer {

    display: none !important;

}



.bx-wrapper {

    margin-top: 18px !important;

    margin-bottom: -30px !important;

}

	

	

	.owl-item {

    width: 100% !important;

}

	

	section.banner-home {

    text-align: center;

    margin-top: 0px;

    margin-bottom: -29px;

}

	

	section.banner-home .col-md-3, 	section.banner-home .col-md-4 {

    margin-bottom: 29px;

}

}









.sepet-toplam-br {

    border-bottom: solid 1px #e2e2e2;

    padding: 10px 4px;

}

.sepet-toplam-brs h3 {

    font-size: 26px;

}







.form-group {

    margin-bottom: 0px;

}

.btn-default:hover {

  color: #fff;

  background-color: #363636;

  border-color: #363636;

}

.toplam-btn {

  margin-top: 15px;

}





.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 {

    margin: 0px;

}



input#couponCode {

    width: 83%;

    display: inline-block;

    margin-right: 2px;

}





/*******************************

SİPARİŞ SAYFALARI

*****************************/

.siparis-bg .well {

    border: none;

    box-shadow: none;

    background-color: #ffffff;

}

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

}

.page-header {

    margin: 0px;

}

.siparis-tab {

    background: #f2f2f2;

    padding-top: 45px;

}

.siparis-bg .well .list-group-item {

    display: inline-block;

}

.siparis-bg .well .list-group-item label img {

    height: 69px;

}

.siparis-bg .well h3 {

    margin-bottom: 6px;

    line-height: 20px;

}





.siparis-bg input {

  border-radius: 0px;

}

.siparis-bg select {

  border-radius: 0px;

}



.adres-asama1 .checkbox label, .adres-asama1 .radio label {

    padding-left: 29px;

    font-weight: 500;

    cursor: pointer;

    user-select: none;

    display: inline-block;

    width: 100%;

    height: 130px;

	position: relative;

	z-index: 9;

}



.adreslerim .checkbox label, .adreslerim .radio label {

    padding-left: 29px;

    font-weight: 500;

    cursor: pointer;

    font-size: 12px;

    user-select: none;

    display: inline-block;

    margin-right: 15px; 

}





.adreslerim .form-group {

    margin-bottom: 10px;

}

button#activate-payment span {

    margin-top: 3px;

    position: relative;

}



.col-md-12.well {

    background: #fff;

    padding: 0;

}



.step-form .list-group-item {

  border: none;

}

.step-form .adreslerim .list-group-item {

    margin-bottom: 9px;

    border: solid 1px #ddd;

    background: #fafafa;

}

.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: 215px;

  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 #62ba46;

    padding: 0 0 20px 0;

    border-radius: 0;

    color: #111;

    border-radius: 4px;

    width: 100%;

}

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

    height: 40px;

    display: flex;

    align-items: center;

}



.right-toplam label {

    font-size: 12px;

    margin-top: 16px;

    margin-left: 14px;

}

.right-toplam input {

    margin-top: 6px !important;

}

.right-toplam .sepet-toplam-brs {

    font-weight: bold;

    height: 55px;

    display: flex;

    align-items: center;

    padding-left: 5px;

}



.siparis-bg .right-border .list-group-item {

    font-weight: 400;

    font-size: inherit;

    height: inherit;

}



.list-group {

    margin-bottom: 0px;

}



.list-group-item-heading .col-md-12 {

    padding: 0px;

}





button.btn.btn-default, .btn-default {

    background: #383f50;

    color: #fff;

}



.btn {

    padding: 13px 15px 10px 15px !important;

    margin: 9px 0px !important;

    position: relative;

    z-index: 13;

}

.btn-sm {

    padding: 6px 13px 5px 13px !important;

}





button.btn.btn-primary.addressSave {

    float: left;

}



button.btn.btn-default.adres-kaydet {

    float: left;

}



div#invoiceAddressDiff {

    padding-left: 0px;

}



.btn-default.focus, .btn-default:focus {

    color: #fff;

    background-color: #e6e6e6;

    border-color: #8c8c8c;

}



.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,

.btn-default.active.focus, .btn-default.active:focus, .btn-default.focus, .btn-default:active.focus, .btn-default:active:focus, .btn-default:focus{

    outline: 5px auto #ffffff;

    outline-offset: 0px !important;

}



.btn:hover, .btn-default:hover {

    color: #000 !important;

    background-color: #eee !important;

    border-color: #eee !important;

}





.adreslerim {

    margin-top: 26px;

}



h4.modal-title {

    margin-top: 17px;

    margin-bottom: 11px;

}



.modal-body .form-group {

    margin-bottom: 10px;

}



.siparis-bg .list-group-item-heading dl.dl-small {

    margin-bottom: 0px;

    margin-top: -99px;

}





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

}



.siparis-btn {

    background-color: #62ba46;

    width: 100%;

    color: #fff;

    border: solid 2px #62a14e;

    padding: 10px;

    font-size: 14px;

    border-radius: 4px;

}



.siparis-btn:hover {

  background-color: #fff;

  color: #62ba46;

  border: solid 2px #62ba46;

  text-decoration: none;

}





div#paymentMethod1 img {

    width: 350px;

    height: inherit;

}



div#paymentMethod1 input[type="radio"] {

    margin-top: 20px;

}



div#paymentMethod1 img {

    width: 325px;

    height: 60px;

}



.urun-liste-ozet-siparis {

    margin-bottom: 17px;

    font-size: 14px;

}



dl {

    font-size: 14px;

}



div#addressModalContent .radio label {

    margin-top: -13px;

    margin-left: -5px;

    display: inline-block;

    margin-right: 9px;

}



.siparis-tab .nav-pills > li.active > a {

    border-left: 1px solid #e3e3e3;

}

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

    display: inline-block;

}



.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {

    color: #fff;

    background-color: #ebebeb;

    border-radius: 0px;

}



.siparis-tab .nav>li>a {

    position: relative;

    display: block;

    padding: 10px 15px 3px 15px;

}



.siparis-tab .step-form .list-group-item {

    border: none;

    display: inline-block;

}



.setup-panel h4 {

    display: inline-block;

    font-size: 15px;

}

.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: inline-block;

    color: #000000;

}



.siparis-tab .nav > li.disabled > a span {

    display: inline-block;

    color: #d0d0d0;

}



ul.nav.nav-pills.nav-justified.setup-panel .disabled h4 {

    display: inline-block;

    font-size: 14px;

}



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

}





.deleteAddress {

    padding-bottom: 4px;

}



.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 0px;

}

.fadresler {

  font-size: 20px;

  padding: 10px 0;

  text-align: left;

  border-bottom: solid 1px #e2e2e2;

  margin-bottom: 15px;

  margin-top: 0;

  /* background: #f2f2f2; */

}

.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: #383f50;

    outline: 0;

    box-shadow: inset 0 47px 1px rgba(0, 0, 0, .075), 0 0 8px #3636369c;

}



.uyegirisbox span, .uyegirisbox1 span {

    font-size: 14px;

    margin-top: 8px;

    display: block;

    color: #3a68d7;

}



span.smaller {

    color: #383f50;

}



h4#cartModalTitle {

    margin-top: 6px;

    padding: 10px;

}



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: #383f50;

    color: #fff;

    border: none;

    text-align: center;

    padding: 13px 15px 10px 15px;

    font-size: 14px;

    border-radius: 11px;

}











/**********************

ÜYE PAGE

***********/

.uye-page {

  padding: 35px 0;

  background: #F7F7F7;

}

.uye-page h1 {

    font-size: 24px;

    border-bottom: solid 1px #e2e2e2;

    padding: 20px;

    margin-top: 0;

    color: #fff;

    text-align: center;

    font-weight: 600;

    background: #383f50;

    border-radius: 0;

    margin: 0;

    border-bottom: 8px solid #eee;

}

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

    font-size: 13px;

}

.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 #383f50;

    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: 70px;

    right: 13px;

    display: none;

    z-index: 20;

    padding: 11px 13px;

    line-height: 15px;

}

 

button.btn.btn-primary.btn-sm.yorum-yap:focus {

    outline: 0;

	box-shadow: none !important;

}



.yorum-main {

    margin-left: 0;

    margin-right: 0;

    padding: 15px;

    background: #f7f7f7;

    border-radius: 19px;

}

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

  padding-top: 5px;

}

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

.top-menu-giris a {

  padding: 0 8px;

  font-size: 12px;

  font-weight: 400;

}

.giris-link {

  display: inline-block;

  text-align: center;

  font-size: 13px;

  padding: 9px 0px;

}

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

  font-weight: 100;

}

.owl-nav {

  position: absolute;

  top: 0;

  width: 100%;

  color: #fdcc03;

}

.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: -25px;

}

.owl-prev {

    position: absolute;

    left: -20px;

}

.owl-nav .disabled {

  color: #d4d4d4 !important;

}

.siparis-son {

    width: 100%;

    padding: 79px;

    text-align: center;

}

.siparis-son svg {

  font-size: 45px;

  color: #363636;

}

.siparis-son h2 {

    font-size: 24px;

    color: #ffffff;

    background: #eee;

    padding: 21px;

    line-height: 16px;

    padding-bottom: 16px;

    background: #4cae4c;

}

/*******************

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

  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: #363636;

  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: #DF3636;

}

.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: #383f50;

    color: white;

    padding: 2px 18px;

}

.modal-content {

  border-radius: 15px;

  overflow: hidden;

}

.modal-header .close {

    margin-top: 7px;

    color: white;

    opacity: 1;

    background: #f00;

    border-radius: 90px;

    padding: 10px 12px 8px 12px;

}

.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 12px;

  text-align: center;

  color: #ff0000;

  margin: 0 auto;

  display: table;

}

.details .tukendi {

  color: #383f50;

  padding: 13px 15px 10px 15px;

  display: block;

  font-size: 14px;

  border: 1px solid #383f50;

  background: white;

  width: 100%;

  font-size: 14px;

  border-radius: 11px;

  text-align: center;

}

.desc h2:nth-child(1) {

  margin-top: 5px;

}

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

}

#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;

  min-width: 240px;

}

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

    border: 1px solid #f3f3f3;

    padding: 11px;

    border-radius: 18px;

}

.listeleme_link:hover {

  text-decoration: none;

}

.listeleme_link .urun-marka {

  font-size: 12px;

  color: #878787;

  text-align: left;

}

.listeleme_link .urun-ad {

  font: 22px/39px "Overpass";

  position: relative;

  padding: 0 40px 0 0;

  margin: 2px 0 0;

  height: 83px;

  letter-spacing: -2px;

  display: -webkit-box !important;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  line-height: 28px;

}

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

}

.listeleme_link .urun-resim img {

  -webkit-transition: all 0.1s linear;

  -moz-transition: all 0.1s linear;

  -o-transition: all 0.1s linear;

  transition: all 0.1s linear;

  opacity: 0.98;

}

.listeleme_link:hover .urun-resim img {

  transform: scale(1.01);

  opacity: 1;

}

.listeleme_link .indirim {

    position: absolute;

    left: 15px;

    top: 108px;

    border-radius: 30px;

    background: #fdcc03;

    color: #383f50;

    padding: 7px 2px;

    width: 40px;

    overflow: hidden;

    height: 40px;

    line-height: 30px;

    font-weight: bolder;

}

.listeleme_link .fiyat-alan {

  display: flex;

  font-family: '00379regular';

  font-weight: bold;

  align-items: center;

}

.listeleme_link .indirimli-f {

    font-size: 23px;

    color: #383f50;

    font-weight: 800;

    display: inline-block;

    font-family: 'Overpass';

    letter-spacing: -2px;

    margin-top: 8px;

    width: 200px;

}

.listeleme_link .fiyat {

    font-size: 23px;

    color: #383f50;

    font-weight: 800;

    display: inline-block;

    font-family: 'Overpass';

    letter-spacing: -2px;

    margin-top: 12px;

    width: 204px;

}

.listeleme_link .indirimsiz-f {

    font-size: 15px;

    color: #808080;

    font-weight: 400;

    text-decoration: line-through;

    font-family: tahoma;

    display: block;

    height: 27px;

    margin-top: -64px;

    margin-bottom: 5px;

    position: absolute;

}

.onerilen-urunler .listeleme_link {

  margin-bottom: 19px;

}

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

  text-decoration: none;

}

.combine .item .sepete-ekle img {

  width: 100%;

}

.urun-liste-box {

  width: 25%;

  display: block;

  float: left;

}

/*************************/

.urun-slider .item .sepete-ekle {

  color: #383f50;

  padding: 13px 15px 10px 15px;

  display: block;

  font-size: 14px;

  border: 1px solid #383f50;

  background: white;

  width: 100%;

  font-size: 14px;

  border-radius: 11px;

  text-align: center;

  margin-top: 12px;

}

.urun-slider .item .sepete-ekle:hover {

  text-decoration: none;

}

button.add-to-cart.sepete-ekle img {

  margin-top: -5px;

  width: 15px !important;

}

.item:hover .sepete-ekle {

    background: #eee;

    transition: all 0.3s ease;

}.urun-slider .item .sepete-ekle img {

  width: 14px;

  display: inline-block;

  margin-top: -5px;

  margin-left: 2px;

}

.urunliste .listeleme_link .indirim {

    left: 20px;

    top: 27px;

    padding: 7px 2px;

}

.urunliste .iliked a {

  margin-left: 0px; 

  top: 0px;

}









.formmesaj{

	text-align: center;

	padding: 120px 0px;

}



.urunliste .metin-box {

    height: 160px;

}



.urunliste .listeleme_link .fiyat {

    margin-top: 6px;

    width: 163px;

}

.urunliste .metin strong {

  height: 45px;

  margin-bottom: 18px;

  width: 100%;

}

.urunliste .listeleme_link .urun-resim {

  height: 190px;

}

.form-control {

    display: block;

    width: 100%;

    margin-bottom: 0px;

    height: 42px;

    padding: 14px 7px 10px 9px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #383f50;

    border: 1px solid #e6e6e6;

}



.uye-giris input::placeholder {

    color: #363636;

}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {

  position: absolute;

  margin-left: -24px;

  margin-top: -2px;

  width: 19px;

  height: 17px;

}

.checkbox label, .radio label {

  min-height: 20px;

  padding-left: 24px;

  margin-bottom: 0;

  font-weight: 500;

  cursor: pointer;

  font-size: 12px;

  user-select: none;

}

h4.kategori-baslik {

  margin-top: 25px;

  margin-bottom: 17px;

  border-bottom: 2px solid #383f50;

  color: #383f50;

  padding-bottom: 14px;

}

.total-count {

    text-align: right;

    margin-top: -6px;

    color: #383f50;

    margin-bottom: -11px;

}

.urunliste .urun-slider .item .urun-resim {

  height: 176px;

}

h1.kategori-ana-baslik {

  color: #383f50;

  border-bottom: 2px solid #383f50;

  font-size: 29px;

  padding-bottom: 7px;

  margin-bottom: 20px;

  font-weight: 500;

  /* text-align: center; */

}

button.filter-btn {

  color: #fff;

  padding: 13px 15px 10px 15px;

  display: block;

  border: 1px solid #383f50;

  background: #383f50;

  width: 100%;

  font-size: 14px;

  border-radius: 11px;

  text-align: center;

  margin-top: 19px;

}

button.filter-btn:hover {

  color: #383f50;

  border: 1px solid #383f50;

  background: white;

}

.urun-slider .item {

    background: #fff;

    margin-bottom: 25px;

    border-radius: 23px;

    box-shadow: 0px 0px 28px -26px;

}



.onerilen .urun-slider .item {

    background: #f3f6ff;

    margin-bottom: 25px;

    border-radius: 23px;

    box-shadow: 0px 0px 28px -26px;

}





.urun-slider .owl-stage-outer {

  border-left: solid 1px transparent;

}

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

}

/*Haeder CSS*/

.easy-autocomplete input {

  border-radius: 34px;

  color: #555;

  padding: 13px 21px 10px 21px;

  background: #f3f3f3;

}

.easy-autocomplete input::placeholder {

  color: #9f9f9f;

  font-size: 13px;

}

.sag-btns img {

  float: left;

  width: 20px;

  margin-right: 6px;

}

.sag-btns {

  padding-top: 4px;

  margin-bottom: -12px;

}

.giris-yap-box {

  display: none;

}

ul li.giris-link:hover .giris-yap-box {

  display: block;

}

ul.giris-yap-box {

  position: absolute;

  z-index: 9;

}

ul.giris-yap-box .butonlar {

  background: #fff;

  border: 2px solid #383f50;

  padding: 7px;

  position: absolute;

  z-index: 9;

  min-width: 175px;

  margin-top: 10px;

  border-radius: 9px;

  box-shadow: 0px 0px 23px -17px;

}

li.giris-link ul a {

  display: block;

  text-align: left;

  margin: 5px 0px;

  background-color: #383f50;

  width: 100%;

  color: #fff;

  border: none;

  padding: 12px 15px 9px 15px;

  font-size: 14px;

  border-radius: 11px;

  border: solid 1px #383f50;

}

li.giris-link ul a:hover {

  background-color: #fff;

  color: #363636;

  border: solid 1px #383f50;

  text-decoration: none;

}

li.giris-link ul a:nth-child(2) {

  background: #fff;

  border: 1px solid #eee;

  color: #383f50;

  padding: 10px 13px 7px 13px;

}

li.giris-link ul a:nth-child(2):hover {

  background-color: #fff;

  color: #363636;

  border: solid 1px #383f50;

  text-decoration: none;

}

.shoppingcart_git .siparis-tmm {

  background-color: #383f50;

  width: 100%;

  color: #fff;

  border: none;

  display: block;

  text-align: center;

  padding: 13px 15px 10px 15px;

  font-size: 14px;

  border-radius: 11px;

}

ul.menu-box {

  border-bottom: 3px solid #fec300;

}

.dropdown-menu ul li a:hover {

  color: #383f50;

  font-weight: 500;

  border-bottom: 3px solid #fff;

  background: #f3f3f3;

}

a.kaydir-asagi {

  position: relative;

  top: 1px;

}

.col-md-12.col-sm-12.item.duyurular {

  text-align: center;

  padding: 11px 87px 8px 87px;

  color: #fff;

  background: #f9bf03;

  line-height: 25px;

  border-radius: 0px;

}

.col-md-12.col-sm-12.item.duyurular a {

  color: #383f50;

}

/*  carousel      */

.carousel-item {

  height: 100vh;

  min-height: 300px;

}

.bg-1 {

  background-image: url(img/1.jpg);

}

.bg-2 {

  background-image: url(img/2.jpg);

}

.bg-3 {

  background-image: url(img/3.jpg);

}

.bg-1, .bg-2, .bg-3 {

  -webkit-background-size: cover;

  background-size: cover;

}

.carousel-caption {

  bottom: 220px;

  z-index: 2;

}

.carousel-caption h5 {

  font-size: 85px;

  text-transform: capitalize;

  letter-spacing: 2px;

  margin-top: 25px;

  font-family: 'Moon Dance', cursive;

}

.carousel-caption p {

  width: 60%;

  margin: auto;

  font-size: 18px;

  line-height: 1.9;

}

.carousel-caption a {

  text-transform: uppercase;

  text-decoration: none;

  padding: 5px 20px;

  display: inline-block;

  color: #fff;

  margin-top: 15px;

  border-radius: 5px;

}

.carousel-inner:before {

  content: '';

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.6);

  z-index: 1;

}

.carousel-indicators {

  bottom: 65px;

}

.carousel-indicators button {

  width: 100px !important;

}







@media only screen and (min-width: 768px) and (max-width: 1158px) {

	

	.container {

    width: 768px;

}

	

}







@media only screen and (min-width: 768px) and (max-width: 991px) {

  .navbar-nav {

    text-align: center;

  }

  .navbar-collapse {

    background: #fff;

  }

  .navbar-collapse .nav-item .nav-link {

    color: #000;

  }

  .carousel-caption {

    bottom: 350px;

  }

  .carousel-caption h5 {

    font-size: 65px;

  }

  .carousel-caption p {

    font-size: 18px;

    width: 100%;

  }

}

@media only screen and (max-width: 767px) {

  .navbar-nav {

    text-align: center;

  }

  .navbar-collapse .nav-item .nav-link {

    color: #000;

  }

  .carousel-caption {

    bottom: 165px;

  }

  .carousel-caption h5 {

    font-size: 25px;

  }

  .carousel-caption p {

    font-size: 12px;

    width: 100%;

  }

  .carousel-caption a {

    padding: 10px 15px;

    font-size: 15px;

  }

  .navbar-collapse {

    background: #fff;

  }

}

.bx-wrapper {

  margin-top: 60px;

  margin-bottom: 40px;

  border-radius: 23px;

}

.bx-wrapper img {

  max-width: 100%;

  display: block;

  border-radius: 23px;

}

#bx-pager {

  text-align: center;

  margin-top: -30px;

}

#bx-pager a {

  margin: 0 3px;

}

#bx-pager a img {

  padding: 3px;

  border: solid #ccc 1px

}

#bx-pager a.active img {

  border: solid #5280DD 1px;

}

div#bx-pager img {

  width: 96px;

}

#bx-pager a img {

  padding: 6px;

  box-shadow: 0 0 7px #ebebeb;

  background: #fff;

  border-radius: 21px;

  border: none;

}

#bx-pager a.active img {

  background: #fdcc03;

  border: none;

}

.footer-copyright {

  margin-top: 13px

}

.description {

  font-size: 12px

}

.fa-facebook-f {

  color: #3b5999

}

.fa-instagram {

  color: #e4405f

}

.fa-youtube {

  color: #cd201f

}

.fa-twitter {

  color: #55acee

}

.logo-footer, .logo-footer img {

    height: 47px;

    margin-bottom: 25px;

}

.footer-copyright p {

    margin-top: 10px;

    font-size: 15px;

}



.footer-top .title {

    font-size: 19px;

}



.footer-top ul li {

    border-bottom: 1px solid #e5e5e5;

    padding: 7px 0px;

}





a.btn.btn-icon.btn-light {

    background: #fff;

    border: none;

    padding: 13px 15px;

    line-height: 4px;

}



a.btn.btn-icon.btn-light:hover {

    background: #d9d9d9;

}







img.footer-bottom-logo {

    width: 63px;

    margin-top: 15px;

}



.footer-top .img-responsive {

    width: 140px;

    margin-bottom: 9px;

}





.what-wrapper img {

    margin-left: -126px;

}





.metin-box {

    height: 130px;

}





.onerilen-urunler .iliked a {

    z-index: 9;

    left: -30px;

}





.urun-slider .item .fiyat-alan {

    height: 51px;

}



span.indirimli-f {

    font-size: 23px;

    color: #383f50;

    font-weight: 800;

    display: block;

    letter-spacing: -2px;

    line-height: 55px;

}



span.indirimsiz-f {

    font-size: 15px;

    color: #808080;

    font-weight: 400;

    text-decoration: line-through;

    font-family: tahoma;

    display: block;

    height: 27px;

    margin-top: -62px;

    margin-bottom: 5px;

    position: absolute;

}



span.indirim {

    position: absolute;

    top: 101px;

    text-align: center;

    border-radius: 30px;

    background: #fdcc03;

    color: #383f50;

    padding: 7px 2px;

    width: 40px;

    overflow: hidden;

    height: 40px;

    line-height: 30px;

    font-weight: bolder;

    left: 19px;

}





.onerilen {

    background: #f1f5ff;

    margin: 70px 0px;

}



.urun-slider .item .urun-resim {

    display: block;

    text-align: center;

    vertical-align: middle;

    border-radius: 15px;

}



.what-wrapper {

    transform: scale(0.9);

}



span.ucretsiz-kargo {

    background: #fdcc03;

    padding: 7px 9px 5px 9px;

    font-size: 9px;

    border-radius: 8px;

}





.filtre-bot.mt-3.\33 b-3.asagial {

    padding: 18px 0px;

    float: right;

}

.col-md-12.urunfiltrele {

    padding: 0;

}



select {

    padding: 10px 24px 9px 11px;

    font-size: 12px;

    border: 1px solid #d8d8d8;

    border-radius: 9px;

}



.urun-liste-slider .bx-wrapper {

    margin-bottom: 0px !important;

    margin-top: 32px;

}





.bx-pager.bx-default-pager {

    display: none;

}



select#sortTypes:focus-visible {

    border: 1;

    box-shadow: none;

    outline: 0;

}



.urun_detay_main span.indirimsiz-f {

    margin-top: -5px;

    position: absolute;

}



.row.taksit table {

    font-size: 11px;

    text-align: center;

}



.row.taksit table th {

    text-align: center;

}



button.btn.btn-primary.btn-sm.yorum-yap {

    width: 100%;

}



.right-toplam input[type=checkbox], .right-toplam input[type=radio] {

    width: inherit;

    position: absolute;

    margin-left: -24px;

    margin-top: 25px;

    width: 19px;

    height: 17px;

}



input[type=checkbox], input[type=radio] {

    width: inherit;

    /* position: absolute; */

    /* margin-left: -24px; */

    /* margin-top: 25px; */

    width: 19px;

    height: 17px;

}