:root {
  --gray-light: #e6f4f1;
  --primary: #00adb9 !important;
  --primary-hover: #139ba3;
  --text: #1f2a36;
  --text-hover: #006f88;
  --kirmizi: #da415b;
  --danger: #da415b !important;
  --border: #bec1c4;
  --button: #141b23;
  --gray: #6c757d;
}
.urun .bg-warning {
  background-color: var(--danger) !important;
}
.user .bg-danger {
  background-color: var(--danger) !important;
}
.btn-primary {
  background-color: var(--text) !important;
  border-color: var(--text) !important;
  border-radius: 0 !important;
}
.badge-danger {
  background-color: var(--danger) !important;
}
.btn-primary:hover {
  background-color: var(--button) !important;
  border-color: var(--button) !important;
}
.btn-danger {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  border-radius: 0 !important;
}
.btn-danger:hover {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
}
.alert-danger {
  color: var(--danger) !important;
  background-color: #f3c8d0 !important;
  border-color: #f3c8d0 !important;
}
#PM_urun_detayi .notSingleSale {
  display: none !important;
}
.alert-danger .alert-link {
  color: var(--danger) !important;
}
.alert {
  border-radius: 0 !important;
}
.remix.light {
  width: 1.5rem;
  height: 1.5rem;
  fill: white;
}

.remix.dark {
  width: 2rem;
  height: 2rem;
  fill: var(--dark) !important;
}

.form-loader-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: var(--vh-100);
  cursor: progress;
}

html.form_submit .form-loader-overlay {
  display: block;
  z-index: 16000001;
  cursor: progress;
}

html.form_submit,
html.form_submit body {
  -ms-touch-action: none !important;
  touch-action: none !important;
}

.form-loader {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.75);
  border-radius: var(--base-margin);
  position: fixed;
  color: var(--light);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  color: var(--light);
}
.form-loader .spinner-border {
  width: 50%;
  height: 50%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

textarea {
  resize: none;
}

html,
body {
  font-family: "TTNormsProNormal";
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  font-size: 14px;
}

body {
  opacity: 0;
}

body.render {
  opacity: 1;
}
.container-fluid.flash-sale-right,
#PM_orta #PM_urun_detayi {
  max-width: 1940px !important;
  margin: 0 auto;
}
.flash_sale_2 .urun .urun_resmi img {
  padding-top: 10px;
}
@media (min-width: 1700px) {
  .flash_sale_2 .urun .urun_resmi img {
    max-width: 285px !important;
  }
}
@media (min-width: 1650px) and (max-width: 1700px) {
  .flash_sale_2 .urun .urun_resmi img {
    max-width: 260px !important;
  }
}
@media (min-width: 1600px) and (max-width: 1650px) {
  .flash_sale_2 .urun .urun_resmi img {
    max-width: 250px !important;
  }
}
@media (min-width: 1500px) and (max-width: 1600px) {
  .flash_sale_2 .urun .urun_resmi img {
    max-width: 220px !important;
  }
}
@media (min-width: 1400px) and (max-width: 1500px) {
  .flash_sale_2 .urun .urun_resmi img {
    max-width: 180px !important;
  }
}
@media (min-width: 1300px) and (max-width: 1400px) {
  .flash_sale_2 .urun .urun_resmi img {
    max-width: 150px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .flash_sale_2 .urun .urun_resmi img {
    max-width: 130px !important;
  }
}
@media (max-width: 1200px) {
  .flash_sale_2 .urun .urun_resmi img {
    max-width: 100px !important;
  }
}
@media (min-width: 1500px) {
  #main-page-content .container-fluid,
  #topPromoBar,
  #banner-area {
    max-width: 100% !important;
  }
  #PM_anasayfa > .container-fluid,
  #PM_anasayfa_urunler,
  #PM_orta .urun_detay_kategori_agaci,
  #PM_orta #PM_urun_detayi > .icerik,
  #footer-menu .row,
  #PM_orta #PM_urun_detayi .urun_alt_bilgi,
  #PM_arama_urunleri,
  #PM_urun_detayi .urun_onerileri,
  .kategori_urunleri_kategori_agaci,
  #PM_kategori_urunleri,
  #pc_topla,
  #PM_musteri_hizmetleri,
  .alt-gorseller,
  .urun_taglari {
    max-width: 1440px;
    margin: 0 auto;
  }
  #PM_kategori_urunleri .urunler_main {
    max-width: 1190px;
    margin: 0 auto;
  }
}

@media (max-width: 1500px) {
  #PM_anasayfa > .container-fluid,
  #PM_anasayfa_urunler,
  #PM_orta .urun_detay_kategori_agaci,
  #PM_orta #PM_urun_detayi > .icerik,
  #footer-menu .row,
  #ebultenbg .row,
  #PM_musteri_hizmetleri,
  #PM_orta #PM_urun_detayi .urun_alt_bilgi,
  #PM_urun_detayi .urun_onerileri,
  .kategori_urunleri_kategori_agaci,
  #PM_kategori_urunleri,
  #pc_topla,
  .container-fluid.flash-sale-right .row,
  .alt-gorseller,
  .urun_taglari {
    max-width: 1170px;
    margin: 0 auto;
  }
  #PM_kategori_urunleri .urunler_main {
    max-width: 880px;
    margin: 0 auto;
  }
}

.btn:focus,
.btn.focus {
  box-shadow: none !important;
}
#PM_anasayfa_urunler {
  margin-top: 30px;
}
#PM_anasayfa_urunler .st_tabs_container,
#PM_anasayfa_urunler .st_view_container {
  display: none;
}
#PM_anasayfa_urunler #vitrin_tabs {
  display: flex;
  align-items: center;
  padding: 0;
}
#PM_anasayfa_urunler #vitrin_tabs li {
  list-style: none;
}
#PM_anasayfa_urunler #vitrin_tabs li a {
  font-size: 2.5rem;
  font-weight: 600;
  color: var(--text);
  text-decoration: none;
  padding: 20px;
}
.PM_clear {
  clear: both;
}

.bg-gray-light {
  background-color: var(--gray-light) !important;
}

.fw-500 {
  font-weight: 500;
}

.form-control::placeholder {
  font-weight: 300;
}

#PM_orta {
  margin-bottom: 2rem;
}

.custom-control {
  padding-left: 2rem;
  cursor: pointer;
}
.uye_giris .custom-control {
  padding-left: 0rem;
  cursor: pointer;
}
.custom-control-label {
  cursor: pointer;
}
#uye_kayit .custom-control-label {
  cursor: pointer;
  padding-top: 3px;
}

.custom-control-input,
.custom-control-label::before,
.custom-control-label::after {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  border-radius: 0 !important;
  left: -2rem;
}
#uye_kayit_form1
  .custom-radio
  .custom-control-input:checked
  ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") !important;
}

.custom-control .img-thumbnail {
  border-radius: 0;
}

.modal {
  margin-top: -4rem;
  transition: all 150ms ease-in-out;
  opacity: 0.5;
}

.modal.show {
  margin-top: 0;
  opacity: 1;
}

@media (min-width: 1200px) {
  #platinpopup {
    top: 50% !important;
    left: 50% !important;
    max-width: 1024px;
    transform: translate(-50%, -50%);
    bottom: inherit !important;
    margin-left: 0 !important;
  }
}

.owl-theme .owl-nav {
  margin: 0;
}

.owl-theme .owl-nav [class*="owl-"] {
  display: block;
  position: absolute;
  width: 4rem;
  height: 4rem;
  background-position: center center !important;
  margin: 0 !important;
  transition: all 150ms ease-in-out;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  background-color: transparent !important;
}

.owl-theme .owl-nav [class*="owl-"].disabled {
  opacity: 0.5;
}

.owl-theme .owl-nav [class*="owl-"] span {
  display: none;
}

.owl-theme .owl-nav .owl-prev {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 443.52 443.52' style='enable-background:new 0 0 443.52 443.52;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M143.492,221.863L336.226,29.129c6.663-6.664,6.663-17.468,0-24.132c-6.665-6.662-17.468-6.662-24.132,0l-204.8,204.8 c-6.662,6.664-6.662,17.468,0,24.132l204.8,204.8c6.78,6.548,17.584,6.36,24.132-0.42c6.387-6.614,6.387-17.099,0-23.712 L143.492,221.863z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

.owl-theme .owl-nav .owl-next {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 443.52 443.52' style='enable-background:new 0 0 443.52 443.52;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M336.226,209.591l-204.8-204.8c-6.78-6.548-17.584-6.36-24.132,0.42c-6.388,6.614-6.388,17.099,0,23.712l192.734,192.734 L107.294,414.391c-6.663,6.664-6.663,17.468,0,24.132c6.665,6.663,17.468,6.663,24.132,0l204.8-204.8 C342.889,227.058,342.889,216.255,336.226,209.591z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") !important;
}
.flash_sale_2 .owl-theme .owl-nav [class*="owl-"] {
  width: 3rem;
  height: 3rem;
}
#PM_anasayfa_urunler .owl-theme .owl-nav button {
  width: 2rem;
  height: 4rem;
  background-color: #d9d9d9 !important;
  filter: invert(0.2) !important;
  background-size: 20px;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border-radius: 0;
}
#PM_anasayfa_urunler .owl-theme .owl-nav button:hover {
  background-color: #b1b1b1 !important;
}

.flash_sale_2 .owl-nav .owl-prev,
.flash_sale_2 .owl-nav .owl-next {
  filter: invert(0.1);
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
  filter: invert(0.5);
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
  filter: invert(0.1);
}

.flash_sale .flash_sale_baslik {
  background-color: var(--primary);
  width: 100%;
}
.flash_sale .flash_sale_baslik h3 {
  background-color: var(--text);
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 20px 60px;
  font-size: 35px;
  font-weight: 600;
  margin: 0;
}
.flash_sale_kampanya {
  padding-left: 60px;
}
.flash_sale .card-title {
  color: var(--primary);
}
.flash_sale .owl-theme .owl-nav .owl-prev {
  left: -0.75rem;
}

.flash_sale .owl-theme .owl-nav .owl-next {
  right: -0.75rem;
}
.flash_sale .bg-white.h-100 {
  background-color: var(--text) !important;
}
.flash_sale .bg-white.h-100 .card-body {
  padding: 0 !important;
  margin-bottom: 1.25rem;
}
.flash_sale .urun {
  background-color: var(--text) !important;
  color: #fff;
}
.flash_sale .urun .yeni_urun_ikon {
  display: none;
}

.flash_sale .owl-item:hover .urun {
  border: none !important;
}
.flash_sale .owl-item:hover {
  box-shadow: none !important;
}
.flash_sale .urun p,
.flash_sale .urun span,
.flash_sale .urun a,
.flash_sale .urun .extra-info {
  color: #fff !important;
}
.flash_sale .flash_sale_kampanya .urun_fiyati span,
.flash_sale .flash_sale_kampanya .urun_kdvdahil_fiyati span {
  color: #fff !important;
  font-size: 40px;
}
.flash_sale .urun .discount,
.flash_sale .prodIcons {
  display: none !important;
}
.flash_sale .urun .d-flex.flex-column.row {
  flex-direction: row-reverse !important;
}
.flash_sale .flash_sale_kampanya .urun_ismi {
  font-size: 35px;
  text-decoration: none;
}
.flash_sale .flash_sale_kampanya .extra-info {
  font-size: 16px;
}
.flash_sale .flash_sale_kampanya .urun_fiyati,
.flash_sale .flash_sale_kampanya .urun_kdvdahil_fiyati {
  font-size: 35px;
  color: #fff !important;
}
.flash_sale .flash_sale_kampanya .indirimsiz_urun_kdvdahil_fiyati,
.flash_sale .flash_sale_kampanya .indirimsiz_urun_fiyati {
  font-size: 20px;
  color: #fff !important;
}
.flash_sale .flash_sale_kampanya .price-button {
  display: block !important;
  margin-top: 20px !important;
}
.flash_sale .flash_sale_kampanya .addToCart,
#flash_sale .btn-danger,
.flash_sale .flash_sale_kampanya .urun_fiyati_yok,
.flash_sale .showProd {
  width: 218px !important;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: large;
  border-radius: 0 !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
  font-weight: 500;
}
.flash_sale .flash_sale_kampanya .addToCart:hover,
#flash_sale .btn-danger:hover,
.flash_sale .flash_sale_kampanya .urun_fiyati_yok:hover,
.flash_sale .showProd:hover {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
  cursor: pointer;
}
.addToCart {
  border-radius: 0 !important;
}

.card {
  border: none;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--primary) !important;
}
.owl-theme .owl-dots .owl-dot span {
  background: #869791 !important;
}

@media (max-width: 577px) {
  .flash_sale .owl-theme .owl-nav [class*="owl-"],
  .flash_sale_2 .owl-theme .owl-nav [class*="owl-"],
  .banner .owl-theme .owl-nav [class*="owl-"] {
    display: none !important;
  }

  .banner .owl-theme .owl-dots {
    display: flex;
    margin-top: -26px !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 0.5rem;
  }

  .flash_sale .owl-theme .owl-dots,
  .flash_sale_2 .owl-theme .owl-dots {
    margin-top: 0.5rem;
    margin-bottom: 0;
  }

  .flash_sale_2 .item .banner-text:not(:empty) {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #fff;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
    background-color: rgba(0, 0, 0, 0.65);
  }
}

@media (min-width: 578px) {
  .flash_sale .owl-theme .owl-dots {
    display: none;
  }
  .banner .owl-theme .owl-dots,
  #PM_anasayfa_urunler .card-body .owl-theme .owl-dots {
    display: block !important;
    position: absolute;
    bottom: 30px;
    left: 50%;
  }
  /* .flash_sale_2 .owl-theme .owl-dots{
        display: block !important;
        position: absolute;
        bottom: 20px;
        left: 40%;
    } */

  .flash_sale_2 .item .banner-text {
    transition: all 200ms ease-in-out;
    opacity: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    margin-bottom: -2rem;
    color: #fff;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
  }

  .flash_sale_2 .item a:hover .banner-text:not(:empty) {
    opacity: 1;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
  }
  .flash_sale_2 .owl-theme-dark.owl-carousel .owl-stage-outer {
    padding: 0;
  }
  .owl-carousel {
    display: block !important;
  }
  .owl-theme-dark.owl-carousel .owl-stage {
    display: flex;
  }
  .owl-theme-dark.owl-carousel .owl-stage-outer {
    padding: 30px 0;
  }
  #flash_sale .owl-theme-dark.owl-carousel .owl-stage-outer {
    padding: 0 !important;
  }

  .owl-theme-dark.owl-carousel .owl-stage .urun-dis {
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
  }

  .owl-theme-dark.owl-carousel .owl-stage .urun-dis .urun > div {
    height: 100%;
  }
}

#shopFooter h5 {
  font-weight: 500;
}

#shopFooter ul {
  list-style: none;
  padding: 0;
}

#shopFooter ul a {
  color: var(--dark);
  padding: 0.25rem 0;
  display: inline-block;
}

/* renkler

.bg-tekno{
    background-color: #cc0a00;
}

.btn-tekno{
    border-color: #b10a01;
    background-color: #cc0a00;
    color: #fff;
}

.btn-tekno:hover{
    background-color: #b10a01;
    color: #fff;
}

.btn-tekno:focus{
    box-shadow: 0 0 0 0.2rem rgb(204 12 1 / 20%);
}

*/