.container {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-left:30px;
  padding-right:30px;
}
@media screen and (max-width: 1200px) {
  .container {
    padding-left:80px;
    padding-right:80px;
  }
}
@media screen and (max-width: 1025px) {
  .container {
    padding-left:20px;
    padding-right:20px;
  }
  .edit-zoom90 {
    zoom: 90%;
  }
  .pageTitle {
    top: 44px !important;
  }
  
}
@media screen and (max-width: 992px) {
  .container {
    padding-left:15px;
    padding-right:15px;
  }
}
@media screen and  (max-width:321px){
  .mobileUp{
    bottom: 93px!important;
    right: 12px!important;
  }
}
/* Scroll Bar Settings */
.big.carousel-wrapper .carousel-elem::-webkit-scrollbar {
    width: 2px;
}
.big.carousel-wrapper .carousel-elem::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.big.carousel-wrapper .carousel-elem::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    outline: 1px solid black;
    cursor: pointer;
}

.navItem{
  width: 60px;
  max-width: 60px;
  min-width: 60px;
}
@media screen and (max-width: 1600px) {
  .navItem{
    width: 50px;
    max-width: 50px;
    min-width: 50px;
  }
}
@media screen and (max-width: 992px) {
  .navItem{
    max-width: 50px;
    min-width: 50px;
  }
}
.drag-box {
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
}
.drag-x{
    cursor: grab;
    padding-left: 2px;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    -khtml-user-select:none;
    user-select:none;
    overflow: hidden;
    height: 100%;
    max-height: 82px;
}
.drag-box::-webkit-scrollbar {
    height: 3px;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.drag-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
.drag-box::-webkit-scrollbar-thumb {
    background-color: #f7c22a;
    cursor: pointer;
}

.newCardBox .other:hover .drag-box::-webkit-scrollbar {
    height: 8px;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
@media screen and (max-width: 1600px) {
  .drag-box {
    height: 66px;
  }
}

@media screen and (min-width: 992px){
  .urun-color {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 992px){
  .other .carousel-elem {
    overflow-x: auto;
  }
}

.filterbox::-webkit-scrollbar {
    width: 2px;
}
.filterbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.filterbox::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    outline: 1px solid black;
    cursor: pointer;
}


#altkategori::-webkit-scrollbar {
    width: 2px;
}
#altkategori::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
#altkategori::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    outline: 1px solid black;
    cursor: pointer;
}
/* Scroll Bar Settings End */
/* ========== Reset ========== */
a {
  text-decoration: none;
}
ul {
  padding:0;
  margin:0;
}
.col-sm-visible {
  display:none;
}
.pos-sticky {
  position:sticky;
}
.windowh {
  height:100vh;
}
ul {
  margin: 0;
  padding: 0;
}
@media screen and (max-width:992px) {
  .col-sm-visible {
    display:inline-block !important;
  }
  .col-sm-hidden {
    display:none !important;
  }
  .col-sm-mha {
    min-height: auto !important;
  }
  .col-sm-pos-sticky {
    position:sticky;
  }
  .col-sm-wrap {
    white-space: normal !important;
  }
}
/* ========== Reset End ========== */
/* ========== Çeviri ==========  */
.ceviri_def {
  opacity: 1 !important;
}
.ceviri_ru {
  display: none;
}
.ceviri_en {
  display: none;
}
.ceviri_ar {
  display: none;
}
.ceviri_fr {
  display: none;
}
/* ========== Classes ========== */
.center-w {
  display:table;
  width:initial;
  margin:auto;
}
.center-h {
  align-items: center;
  display:flex;
}
.center-content {
  width: 100%;
}
.nowrap {
  white-space: nowrap;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width:992px) {
  .col-sm-center-h {
    display:flex;
    align-items: center;
  }
  .col-sm-center-w {
    display:table;
    width:initial;
    margin:auto;
    float: none !important;
  }
  .col-sm-whitesmoke {
    background-color:whitesmoke;
  }
  .col-sm-ellipsis2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .col-sm-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .col-sm-back-none {
    background-color:transparent !important;
  }
}
/* ========== Classes End ========== */
/* General Use */
main          {}
body          {}
#main         {}
#soft {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.soft-slow2 {
  -webkit-transition: all 0.33s ease-in;
  -moz-transition: all 0.33s ease-out;
  -o-transition: all 0.33s ease-out;
  -ms-transition: all 0.33s ease-out;
  transition: all 0.33s ease-out;
}
.headercontent.pos-sticky {
  position:sticky !important;
}
.pos-sticky {
  position:sticky !important;
}
.op-hover:hover {
  opacity: 1 !important;
}
@media screen and (max-width:992px) {
  .col-sm-back-none {
    background:none !important;
  }
  .member-actions .active {
    background-color: transparent !important;
  }
  .member-actions .active i {
    color:#ef7720 !important;
    opacity: 1 !important;
  }
}
@media screen and (max-width:768px) {
  .col-xs-back-none {
    background:none !important;
  }
  .col-xs-colored {
    color:rgba(48,48,48,1) !important;
  }
  .col-xs-colored-bg {
    background-color:rgba(48,48,48,1) !important;
  }
}
/* General Use End */
/* Navbar Settings */
.navbar {
  background-color: transparent !important;
  border:0px !important;
}
.navbar-default {
  background-color: none !important;
  border:0px !important;
}
.navbar-default .navbar-form {
  display: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  background: none;
}
/* Navbar Settings End */
/*  Yeni Nesil Menü  */
.drop .sub {
  height:0px;
  overflow:hidden;
  position: absolute;
  width: 100%;
  left:0;
  -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
@media screen and (max-width: 992px) {
  .drop .sub {
    width: 100%;
    right: -100% !important;
    background-color: #242424;
    max-height: 100vh;
    overflow-y: auto;
    left: auto !important;
  }
  .drop2 .sub{
    width: 100%;
    right: 0% !important;
    background-color: #242424;
    max-height: 100vh;
    overflow-y: auto;
    left: auto !important;
  }
}
/*  Yeni Nesil Menü End  */
/* Reset Css Settings */
a {
  text-decoration: none !important;
}
ul {
  padding: none !important;
  list-style: none !important;
}
/* Reset Css Settings End */
/* Parallax Image Settings */
.parallax {
  /* Image, style olarak, parallax clasının verildiği nesneye verilir. */
    /* Height olmaz ise parallax özelliği çalışmaz. Parallax clasının verildiği nesneye style yada farklı bir şekilde, min-height değeri tanımlanması gerekir. */
    /* Parallax Scroll Efecti */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* Parallax Scroll Efecti End */
}
/* Parallax Image Settings End */

/* ========== Custom Select ========== */
.selectpicker {
    border-radius: 0px !important;
    outline: none !important;
    line-height: 46px !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.bootstrap-select .btn:focus {
    outline: none !important;
}

.input-block-level {
    border-radius: 0px !important;
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: none;
}

.btn-group.open .dropdown-toggle {
  box-shadow:none !important;
}
.dropdown-toggle:active {
  box-shadow:none !important;
  background:none !important;
}
.medle .dropdown-toggle:hover {
  box-shadow:none !important;
  background:none !important;
}
.selectpicker li a:focus {
  outline:none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  font-size:12px;
  opacity: .7;
}
.dropdown-menu>li>a {
  font-size:12px;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
  background-color:transparent;
}
/* ========== Custom Select End ========== */
/* ========== Google Fonts ========== */
.quicksand {
  font-family: 'Quicksand', sans-serif;
}
/* ========== Google Fonts End ========== */
/* ========== Font Weight ========== */
.fw1 {
  font-weight:100 !important;
}
.fw2 {
  font-weight:200 !important;
}
.fw3 {
  font-weight:300 !important;
}
.fw4 {
  font-weight:400 !important;
}
.fw5 {
  font-weight:500 !important;
}
.fw6 {
  font-weight:600 !important;
}
.fw7 {
  font-weight:700 !important;
}
.fw8 {
  font-weight:800 !important;
}
.fw9 {
  font-weight:900 !important;
}
@media screen and (max-width: 992px) {
  .col-sm-fw1 {
    font-weight: 100 !important;
  }
  .col-sm-fw2 {
    font-weight: 200 !important;
  }
  .col-sm-fw3 {
    font-weight: 300 !important;
  }
  .col-sm-fw4 {
    font-weight: 400 !important;
  }
  .col-sm-fw5 {
    font-weight: 500 !important;
  }
  .col-sm-fw6 {
    font-weight: 600 !important;
  }
  .col-sm-fw7 {
    font-weight: 700 !important;
  }
  .col-sm-fw8 {
    font-weight: 800 !important;
  }
  .col-sm-fw9 {
    font-weight: 900 !important;
  }
}
@media screen and (max-width: 768px) {
  .col-xs-fw1 {
    font-weight: 100 !important;
  }
  .col-xs-fw2 {
    font-weight: 200 !important;
  }
  .col-xs-fw3 {
    font-weight: 300 !important;
  }
  .col-xs-fw4 {
    font-weight: 400 !important;
  }
  .col-xs-fw5 {
    font-weight: 500 !important;
  }
  .col-xs-fw6 {
    font-weight: 600 !important;
  }
  .col-xs-fw7 {
    font-weight: 700 !important;
  }
  .col-xs-fw8 {
    font-weight: 800 !important;
  }
  .col-xs-fw9 {
    font-weight: 900 !important;
  }
}
/* ========== Font Weight End ========== */
/* ===== Account Line ===== */
#accountline {
  height:0px;
  overflow: hidden;
}
.accountactions li:last-child {
  border-right:0px !important;
}
header .top .active .icon-up5 {
  top:-7px !important;
}
@media screen and (max-width:992px) {
  .accountname {
    margin-bottom:15px;
    margin-left:-10px;
    margin-right:-10px;
    margin-top:-10px;
    width:-webkit-fill-available;
    background-color:rgba(0,0,0,0.1);
    padding-top:10px;
    padding-bottom:10px;
  }
  header .nav {
    margin-left:-100%;
  }
}
/* ===== Account Line End ===== */

.subOpen {
  padding-bottom:41px;
}
.subOpen li.menu-item {
  margin-left:-120% !important;
  opacity: 0;
}
.subOpen li.menu-item .sub {
  display:none;
  margin-right:0%;
}
.menu-item.active {
  opacity: 1 !important;
}


@media screen and (max-width:992px) {
  header .bottom {
   margin-left: -100%;
  }
}


/* Ürün Kartı  */
.other::-webkit-scrollbar {
    width: 1px;
}
.other::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.other::-webkit-scrollbar-thumb {
    background-color: rgba(33, 33, 33, .5);
    outline: 1px solid slategrey;
    cursor: pointer;
}
@media screen and (min-width:992px) {
  .productCart:hover {
    z-index: 20;
  }
  .productCart:before {
    content:"";
    width: calc(101% + 14%);
    height: 101%;
    background-color:white;
    -webkit-box-shadow: 0 0 15px 5px rgb(0 0 0 / 0%);
    -moz-box-shadow: 0 0 15px 5px rgba(0,0,0,0);
    box-shadow: 0 0 15px 5px rgb(0 0 0 /0%);
    position: absolute;
    left:2%;
    top:-1%;
    opacity: 0;
    border-radius:5px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .productCart:hover:before {
    -webkit-box-shadow: 0 0 15px 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 15px 5px rgba(0,0,0,.10);
    box-shadow: 0 0 15px 5px rgb(0 0 0 / 10%);
    opacity: 1;
  }
  .productCart:after {
    content: "";
    width: calc(100% + -22px);
    height: calc(100% + 2px);
    position: absolute;
    left: 11px;
    top: 1px;
    background-color: white;
    z-index: 15;
    border: solid 1px rgba(0,0,0,0.1);
    border-radius: 6px;
  }
  .productCart:hover .other {
    margin-right:-3.93vw !important;
  }
  .productCart:hover:after {
    border-right:1px solid rgba(0,0,0,0.1);
    border-left:0px solid rgba(0,0,0,0.1);
    border-top:0px solid rgba(0,0,0,0.1);
    border-bottom:0px solid rgba(0,0,0,0.1);
  }
}
.other .visual:hover img {
    box-shadow:0px 0px 0px 2px rgba(0,0,0,0.1);
  }
.selected {
    box-shadow:0px 0px 0px 2px #63c22e !important;
  }
.mainImage {
  padding-top:75%;
}
#sync2 .selected {
    box-shadow:0px 0px 0px 2px #63c22e;
  }
  #sync2 .item {
    box-shadow:0px 0px 0px 2px rgba(0,0,0,.1);
  }
@media screen and (max-width:992px) {
  .mainImage {
    padding-top:74.99%
  }
}
/* Ürün Kartı End  */
/* Number İnput */
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 1px solid #ddd;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  cursor: pointer;
  margin: 0;
  position: relative;
  min-width:55px;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 8px;
  height: 2px;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  font-family: sans-serif;
  padding: .5rem;
  border: solid #ddd;
  border-width: 0 1px;
  font-size: 14px;
  height: 38px;
  font-weight: bold;
  text-align: center;
  max-width:100px;
}
/* Number İnput End */
@media screen and (max-width: 992px) {
  @media screen and (max-width: 992px) {
  .newCardBox .plus, .newCardBox .minus {
    height: 32px !important;
    width: 32px !important;
    max-width: 32px !important;
    min-width: 32px !important;
  }
}
}
@media screen and (max-width: 992px) {
  .other::-webkit-scrollbar {
      width: 5px;
      height: 3px;
  }
  .other::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
  .other::-webkit-scrollbar-thumb {
      background-color: rgba(33, 33, 33, .5);
      outline: 1px solid slategrey;
      cursor: pointer;
  }
  .selected .visual {
      box-shadow: 0px 0px 0px 2px #45bf55 !important;
  }
}

#sync2::-webkit-scrollbar {
    width: 5px;
    height: 3px;
}
#sync2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
#sync2::-webkit-scrollbar-thumb {
    background-color: rgba(33, 33, 33, .5);
    outline: 1px solid slategrey;
    cursor: pointer;
}



/* ========== Banner Aspect Ratio ==========  */
.carousel-wrapper {
  position: relative;
  height: 0px;
  overflow: hidden;
}
.carousel-elem {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
/* ========== Banner Aspect Ratio End ==========  */
/* ========== Pagination ========== */
#head .pagination {
  font-size: 16px;
  font-weight: 700;
}
#head .pagination li {}
#head .pagination li a {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  display: block;
  color: white;
  border-radius: 3px;
}
#head .pagination li.active a {
  background-color: white !important;
  color: #424143 !important;
}
#head .pagination li:last-child i, #head .pagination li:first-child i {
  font-size: 10px !important;
}

.pagination {
  font-size: 16px;
  font-weight: 700;
}
.pagination li {}
.pagination li a {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  display: block;
  color: #424143  ;
  border-radius: 3px;
}
.pagination li.active a {
  background-color: #424143   !important;
  color: white !important;
}
.pagination li:last-child i, .pagination li:first-child i {
  font-size: 10px !important;
}
/* ========== Pagination End ========== */
.nav {
  flex-wrap: nowrap !important;
}
.nav-link.active {
  opacity: 1 !important;
}

@media screen and (max-width: 992px) {
  .filter-prince i:before {
    display: none !important;
  }
  .col-sm-center-end {
    align-items: end !important;
  }
}

.iti--allow-dropdown {
  width: 100% !important;
}

/* Ui Dialog */
.ui-dialog {
  width: 90% !important;
  left:5% !important;
  background-color:#fafafa !important;
  border:dashed 2px rgba(0,0,0,0.1) !important;
}
.ui-dialog .container {
  width: 100% !important;
}
.ui-dialog table.sepet {}
.ui-dialog table.sepet tr {}
.ui-dialog-titlebar {
  background:none !important;
  border: none !important;
  color:#ef7720 !important;
}
.ui-dialog .ui-dialog-title {
  width: 100% !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background:none !important;
  border:none !important;
}
.ui-dialog-title {
  display:none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  padding:20px !important;
  z-index: 25;
}
.ui-widget-content {
  background: none !important;
  background-color:#fafafa !important;
}



@media screen and (max-width:768px) {
  .ui-dialog table.sepet tr td {
    float: left !important;
    width: 25%;
  }
  .ui-dialog table.sepet tr td:nth-child(1), .ui-dialog table.sepet tr td:nth-child(2) {
    width:50%;
    height:100px;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom: 1px dashed rgba(0,0,0,0.2);
  }
  .ui-dialog table.sepet tr td:nth-child(1) img {
    height: 100%;
    width:auto !important;
    margin-top:0px !important;
    margin-bottom:0px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .ui-dialog table.sepet tr td:nth-child(2) {
    align-items: center !important;
    display:flex;
  }
  .ui-dialog table.sepet tr td:nth-child(3), .ui-dialog table.sepet tr td:nth-child(4), .ui-dialog table.sepet tr td:nth-child(5), .ui-dialog table.sepet tr td:nth-child(6) {
    align-items: center;
    display: flex;
  }
  .ui-dialog tr.kategori td:nth-child(1) {
    width: 100% !important;
    height:initial !important;
  }
  .ui-dialog tr.kategori {
    margin-bottom:0px !important;
  }
  .ui-dialog table.sepet tr {
    width: 100%;
    float: left;
    background-color:#fff;
    margin-bottom:15px;
    -webkit-box-shadow: 42px 38px 42px -38px rgba(0,0,0,.58);
    -moz-box-shadow: 42px 38px 42px -38px rgba(0,0,0,.58);
    box-shadow: 42px 38px 42px -38px rgba(0,0,0,.58);
  }
  .ui-dialog tr.baslik {
    display:none !important;
  }
  .ui-dialog tr.altbilgi td {
    width: 100% !important;
    height: auto!important;
  }
  .ui-dialog h1 {
    text-align: center !important;
  }
  .ui-dialog-titlebar {
    text-align: center;
  }
}



#gridPay #pnlTaksit .selectpicker {
  border-radius: 30px;
  border: solid 1px rgba(0,0,0,0.1);
  background-color: white;
  width: 100%;
  height: 40px;
  line-height: 26px;
}
#pnlTaksit .bootstrap-select {
  width: 100% !important;
}
#pnlTaksit .dropup .dropdown-toggle::after {
  display: initial !important;
  vertical-align: 0em !important;
  border-bottom: none !important;
  border-left: none !important;
}


/* ========== Grid Pay ==========  */
#gridPay {
  /*min-height: calc(100vh - 204px );*/
}
#gridPay .payItem {
  border-right: 1px solid rgba(0,0,0,0.1);
  padding: 25px;
  background-color: rgba(255,255,255,.5);
  background-color: #f0eeee;
  padding-bottom: 60px !important;
  overflow: hidden;
  max-height: 534px;
}
#gridPay .payItem.min {
  /*max-height: 85px;*/
}
#gridPay .form-group input {
  line-height: 26px !important;
}
#gridPay .form-group select {
  line-height: 26px !important;
  height: 40px !important;
}
#gridPay .control-label {
  margin-bottom: 2px !important;
  font-size: 12px !important;
  line-height: 12px !important;
  font-weight: 700 !important;
}
#gridPay .form-group {
  margin-bottom: 5px !important;
}
#gridPay .payItem:hover, #gridPay .payItem.active {
  background-color: rgba(255,255,255,1);
}
#gridPay .payItem:nth-last-child(1) {
  border-bottom: 0px !important;
}
#gridPay .boxLabel {
  background-color: #8cc600;
}
#gridPay .mobilecontent {
  display: none !important;
}

#gridPay .gridPayNone {
  display: none !important;
}
#gridPay .colored6 {
  color: #323232 !important;
  padding-left: 15px !important;
}
#gridPay .sip-tutar {
  display: none !important;
}
#gridPay .help-block {
  font-size: 12px !important;
}
#gridPay .activeLabel {
  display: none;
}
#gridPay .payItem.active .activeLabel {
  display: block;
}
#gridPay .payItem.active .pasiveLabel {
  display: none;
}
#gridPay .alert {
  display: none;
}
#gridPay .payItem.start:hover .alert {
  display: block;
  animation: fade_in_show 0.5s
}
#gridPay .payItem.start.active .alert {
  display: none !important;
}
#gridPay .payItem .col-lg-3 {
  width: 100% !important;
}
#gridPay .gridPadding-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#gridPay #odemeKart .fs16 {
  font-size: 14px !important;
}
#gridPay .onlinePayLogo {
  display: none;
}
#gridPay .gridPay-lh11 {
  line-height: 11px !important;
}
#gridPay .gridPayButton {
  display: none;
}
#gridPay .gridPayButton.show {
  display: block;
  animation: fade_in_show 0.5s
}
#gridPay .havaleList {
  max-height:265px;
}
#gridPay .pttList {
  max-height:399px;
}
@media screen and (max-width: 992px) {
  #gridPay .havaleList {
    max-height:218px;
  }
}


@media screen and (max-width: 992px) {
  #gridPay .payItem  {
    height: 0px;
    overflow: hidden;
  }
  #gridPay .secButton {
    display: none;
  }
}

@keyframes fade_in_show {
     0% {
          opacity: 0;
          transform: scale(0)
     }

     100% {
          opacity: 1;
          transform: scale(1)
     }
}




#gridPay .checkbox {
    appearance: none;
    height: 30px;
    width: 30px;
    min-height: 30px;
    min-width: 30px;
    max-height: 30px;
    max-width: 30px;
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgb(72 162 69) 0.1%, rgb(6 154 185) 99.8%);
    background-size: 360% 100%;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    float: left;
}

#gridPay .checkbox:after {
    content: attr(data-name);
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-family: "Inter", sans-serif;
    color: #3f3f3f;
    z-index: 99;
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

#gridPay .checkbox:before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0px;
    height: 200%;
    width: 200%;
    background: #e9e9e9;
    z-index: 0;
    transition: all 0.2s linear;
    transform: scale(0.6) translate(-50%, -50%);
}
.checkbox:hover:before,
.checkbox:focus-visible:before {
    background: #cacaca;
    top: -4%;
    left: 20%;
}
.checkbox:checked:before {
    opacity: 0;
    transform: scale(0.9);
}
.checkbox:checked:after {
    color: white;
}
.checkbox:checked {
    box-shadow: 0px 4px 10px -6px black;
}

.checkbox:focus-visible {
    outline: none;
    box-shadow: 0px 0px 0px 5px #480f5d;
}

@media screen and (max-width: 992px) {
  .col-sm-danger {
    background-color: #ff4e4e !important;
    color: white !important;
    border-radius: 15px;
  }
}
/* ========== Grid Pay End ==========  */

.gray:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}


/* ===== Sepet Line Layout ===== */
.layoutSelect.active {
  color:#333333 !important;
  opacity: 1 !important;
  transform: rotate(360deg) scale(1) skew(0deg) translate(0)!important;
  -webkit-transform: rotate(360deg) scale(1) skew(0deg) translate(0)!important;
  -moz-transform: rotate(360deg) scale(1) skew(0deg) translate(0)!important;
  -o-transform: rotate(360deg) scale(1) skew(0deg) translate(0)!important;
  -ms-transform: rotate(360deg) scale(1) skew(0deg) translate(0)!important;
}
.lineLayout .visual {
  width:13% !important;
  padding:5px !important;
}
.lineLayout .visual img {
  width:100% !important;
}
.lineLayout > li.basketItems {
  border-radius:5px !important;
}
.lineLayout .mintitle {
  /*display:none !important;*/
}
.lineLayout .nameContent {
  width: 45% !important;
  line-height: 16px !important;
  padding-left:0px !important;
  padding-top: 0px !important;
  border-bottom:0px !important;
  padding-right:5px !important;
  margin-bottom:0px !important;
  padding-bottom:0px !important;
  opacity: .8 !important;
}
.lineLayout * {
  text-align: left !important;
}
.lineLayout .colorContent {
  width: 16% !important;
  padding-left:0px !important;
  padding-right:0px !important;
}
.lineLayout .birimContent {
  width:23% !important;
  padding-left:5px !important;
  padding-right:5px !important;
  border-left:0px !important;
  padding-bottom:5px !important;
  border-right:0px !important;
  height: 56px;
}
.lineLayout .buttons {
  display:none !important;
}
.lineLayout .adetContent {
  width: 15% !important;
  border-top:1px solid rgba(0,0,0,.1) !important;
  margin-top:5px !important;
  height: 56px;
}
.lineLayout .numberContent {
  width: 40% !important;
  border-top:1px solid rgba(0,0,0,.1) !important;
  padding-top:5px !important;
  margin-top:5px !important;
  height: 56px;
}
.lineLayout .numberContent i {
  /*line-height: 9px !important;*/
  /*padding:6px !important;*/
}
.lineLayout .numberContent button {
  padding:0px !important;
}
.lineLayout .numberContent input {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  line-height: 15px;
  height: auto;
  min-height: auto;
  float: left;
  font-weight: 700;
  text-align: center !important;
}
.lineLayout .numberContent .spinner {
  margin-top:0px !important;
}
.lineLayout .totalContent {
  width:  45% !important;
  border-top:0px !important;
  text-align: right !important;
  margin-top:0px !important;
  border-top:1px solid rgba(0,0,0,.1) !important;
  margin-top:5px !important;
  height:56px;
}
.lineLayout .totalContent * {
  text-align: right !important;
  font-size:14px !important;
  line-height: 14px !important;
}
.lineLayout .totalContent .center-content {
  margin:0px !important;
}
.lineLayout .totalContent .customfs {
  font-size:12px !important;
}
.lineLayout .downCaret {
  padding: 0px;
  display: block !important;
  width: 7%;
  text-align: left !important;
  line-height: 45px;
  font-size: 12px;
  color: #e52529;
}
.lineLayout .downCaret:before {
  font-family: 'default' !important;
  content: "\e997";
  display: inline-block;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.lineLayout .downCaret.rt:before {
  transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
  -webkit-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
  -moz-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
  -o-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
  -ms-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
}

.lineLayout .deleteContent {
  display: block !important;
  width: 9%;
  padding: 0;
  text-align: left !important;
  line-height: 53px;
  font-size: 15px;
  color: #e52529;
  border-top: 1px solid rgba(0,0,0,.1);
  margin-top: 5px;
  height: 56px;
}
.lineLayout .deleteContent:before {
  font-family: 'default' !important;
  content: "\e915";
}


.lineLayout .adetContent.min, .lineLayout .numberContent.min, .lineLayout .totalContent.min, .lineLayout .deleteContent.min, .lineLayout .deleteContent.min {
  height: 0px !important;
  overflow: hidden;
  padding-top:0px !important;
  padding-bottom:0px !important;
  border-top:0px !important;
}
/* ===== Sepet Line Layout End ===== */
.drop .sub-content li a:hover .visual img {
  opacity: .2;
}
.drop .sub-content li a:hover .visual:before {
  content: "\eab7";
  color: white;
  font-size: 30px;
  font-family: 'default' !important;
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
  -webkit-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
  -moz-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
  -o-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
  -ms-transform: rotate(180deg) scale(1) skew(0deg) translate(0)!important;
}

.drop .sub-content li .visual .fakeButton {
  bottom: calc(45% - 15px);
}
.drop .sub-content li a:hover .visual .fakeButton {
  opacity: 1 !important;
}
.sepette {
  box-shadow:0px 0px 0px 1px #63c22e !important;
}
.sepette:before {
  content: "\eaba";
  font-family: 'default' !important;
  border-radius: 100%;
  background-color: #63c22e;
  color: white;
  padding: 12px;
  position: absolute;
  top: -18px;
  right: 40px;
  z-index: 45;
  font-size: 17px;
  line-height: 12px;
}
.kategoriSection-visible {
  display: none;
}
/* ========== Kategori Section ========== */
.kategoriSection .kategoriSection-none {
  display: none !important;
}
.kategoriSection .kategoriSection-visible {
  display: block !important;
}
.kategoriSection .isim, .kategoriSection .isim * {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  white-space: normal !important;
}
.kategoriSection .isim {
  margin-top: 20px !important;
  margin-bottom: 22px !important;
}
.kategoriSection .newCardBox {
  padding-bottom: 15px !important;
}
/* ========== Kategori Section End ========== */


.big.carousel-wrapper:hover {
  box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.2);
}




/* ===== Cart Carousel ===== */
.cartCarousel .head:before {
    content:"";
    width: 100%;
    height:1px;
    background-color:black;
    position: absolute;
    left:0;
    top:50%;
    z-index: 0;
    opacity: .3;
  }
.cartCarousel .owl-nav {
    width: 100%;
  }
.cartCarousel .owl-prev {
    position: absolute; 
    top:37%;
    float:left;
    margin-left:-15px;
    opacity:.8;
    -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
  }
.cartCarousel .owl-next {
    position: absolute; 
    top:37%;
    right: 0;
    margin-right:-15px;
    opacity:.8;
    -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
  }
.cartCarousel .owl-prev:hover, .cartCarousel .owl-next:hover {
    opacity: 1;
  }
.cartCarousel .owl-nav span {
    width:45px;
    height: 45px;
    text-align: center;
    line-height: 37px;
    font-size:36px;
    background-color:#bcd683;
    color:white;
    display: block;
    border-radius:3px;
  }
  /* ===== Cart Carousel ENd =====  */


/* ========== New Card ==========  */
.newCard:hover .price-box {
  opacity: 0;
}
.newCard:hover .incele {
  opacity: 1 !important;
}
.cartBox:hover {
  box-shadow: 0px 0px 0px 2px #fde18f;
}
/* ========== New Card End ==========  */

.sub-content {
  background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
 .col-sm-menuBg {
  background-color: #dfa500;
 } 
 .menu-item:last-child {
  border-bottom: 0px !important;
  margin-bottom: 0px !important;
 }
 .col-sm-noLink {
  pointer-events: none;
 }
}

/* ===== Custom Radio ===== */
/* Customize the label (the container) */
.customRadio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.customRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.customRadio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customRadio input:checked ~ .checkmark {
  background-color: #3c3c3b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.customRadio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.customRadio .checkmark:after {
  left: 10px;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.customRadio {
  border-color: white !important;
  border: solid 3px white;
}
.cntRenkSecili .customRadio {
  color: #333 !important;
  box-shadow: 0px 0px 0px 1px #90be6d;
}

#pnlUrunRenkYas .cntRenkSecili .customRadio {
  background-color: #f2fde9;
}

.adetminus, .adetplus {
  width: 45px;
  min-width: 45px;
  max-width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  color: #90be6d;
}

.adetminus:hover, .adetplus:hover {
  background-color: #edfde0;
}

@media screen and (max-width: 992px) {
  .adetminus, .adetplus {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
/* ===== Custom Radio End ===== */
.sssToggle {
letter-spacing: .5px;
}
.tuyo {
margin-top:-2px;
height:0px;
}
#sss .ceviri_ar {
text-align: right;
}
.rt0 {
  transform: rotate(0deg) scale(1) skew(0deg) translate(0px)!important;
  -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px)!important;
  -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px)!important;
  -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px)!important;
  -ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px)!important;
}
.sssToggle.open {
  opacity: 1 !important;
}

@media screen and (max-width: 1600px) {
  .sssToggle {
    padding-right: 40px !important;
    font-size: 11px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.siralama .button2:hover {
  color: #333 !important;
  box-shadow: 0px 0px 0px 1px #90be6d;
  background-color: #f2fde9;
}

.filtercontent .active .icon-checked:before {
  opacity: 1;
  color: #24cc40  !important;
}
@media screen and (max-width: 992px) {
  .number.flex input{
    width: 50px;
  }
}

.scrollLock {
  overflow: hidden;
}

.galeriThumbs .item.selected {
  box-shadow: 0px 0px 0px 2px #63c22e;
}


#gridPay #pnlTaksit .selectpicker {
  border-radius: 30px;
  border: solid 1px rgba(0,0,0,0.1);
  background-color: white;
  width: 100%;
  height: 40px;
  line-height: 26px;
}
#pnlTaksit .bootstrap-select {
  width: 100% !important;
}
#pnlTaksit .dropup .dropdown-toggle::after {
  display: initial !important;
  vertical-align: 0em !important;
  border-bottom: none !important;
  border-left: none !important;
}


/* ========== Grid Pay ==========  */
#gridPay {
  /*min-height: calc(100vh - 204px );*/
}
#gridPay .payItem {
  border-right: 1px solid rgba(0,0,0,0.1);
  padding: 25px;
  background-color: rgba(255,255,255,.5);
  background-color: #f0eeee;
  padding-bottom: 60px !important;
  overflow: hidden;
  max-height: 534px;
}
#gridPay .payItem.min {
  /*max-height: 85px;*/
}
#gridPay .form-group input {
  line-height: 26px !important;
}
#gridPay .form-group select {
  line-height: 26px !important;
  height: 40px !important;
}
#gridPay .control-label {
  margin-bottom: 2px !important;
  font-size: 12px !important;
  line-height: 12px !important;
  font-weight: 700 !important;
}
#gridPay .form-group {
  margin-bottom: 5px !important;
}
#gridPay .payItem:hover, #gridPay .payItem.active {
  background-color: rgba(255,255,255,1);
}
#gridPay .payItem:nth-last-child(1) {
  border-bottom: 0px !important;
}
#gridPay .boxLabel {
  background-color: #8cc600;
}
#gridPay .mobilecontent {
  display: none !important;
}

#gridPay .gridPayNone {
  display: none !important;
}
#gridPay .colored6 {
  color: #323232 !important;
  padding-left: 15px !important;
}
#gridPay .sip-tutar {
  display: none !important;
}
#gridPay .help-block {
  font-size: 12px !important;
}
#gridPay .activeLabel {
  display: none;
}
#gridPay .payItem.active .activeLabel {
  display: block;
}
#gridPay .payItem.active .pasiveLabel {
  display: none;
}
#gridPay .alert {
  display: none;
}
#gridPay .payItem.start:hover .alert {
  display: block;
  animation: fade_in_show 0.5s
}
#gridPay .payItem.start.active .alert {
  display: none !important;
}
#gridPay .payItem .col-lg-3 {
  width: 100% !important;
}
#gridPay .gridPadding-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#gridPay #odemeKart .fs16 {
  font-size: 14px !important;
}
#gridPay .onlinePayLogo {
  display: none;
}
#gridPay .gridPay-lh11 {
  line-height: 11px !important;
}
#gridPay .gridPayButton {
  display: none;
}
#gridPay .gridPayButton.show {
  display: block;
  animation: fade_in_show 0.5s
}
#gridPay .havaleList {
  max-height:265px;
}
@media screen and (max-width: 992px) {
  #gridPay .havaleList {
    max-height:218px;
  }
}


@media screen and (max-width: 992px) {
  #gridPay .payItem  {
    height: 0px;
    overflow: hidden;
  }
  #gridPay .secButton {
    display: none;
  }
}

@keyframes fade_in_show {
     0% {
          opacity: 0;
          transform: scale(0)
     }

     100% {
          opacity: 1;
          transform: scale(1)
     }
}



/*
.checkbox {
    appearance: none;
    height: 30px;
    width: 30px;
    min-height: 30px;
    min-width: 30px;
    max-height: 30px;
    max-width: 30px;
    background-image: radial-gradient(circle farthest-corner at 10% 20%, rgb(72 162 69) 0.1%, rgb(6 154 185) 99.8%);
    background-size: 360% 100%;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    float: left;
}
*/
.checkbox:after {
    content: attr(data-name);
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-family: "Inter", sans-serif;
    color: #3f3f3f;
    z-index: 99;
    transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

c .checkbox:before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0px;
    height: 200%;
    width: 200%;
    background: #e9e9e9;
    z-index: 0;
    transition: all 0.2s linear;
    transform: scale(0.6) translate(-50%, -50%);
}
.checkbox:before .checkbox:hover:before,
.checkbox:before .checkbox:focus-visible:before {
    background: #cacaca;
    top: -4%;
    left: 20%;
}
.checkbox:checked:before {
    opacity: 0;
    transform: scale(0.9);
}
.checkbox:checked:after {
    color: white;
}
.checkbox:checked {
    box-shadow: 0px 4px 10px -6px black;
}

.checkbox:focus-visible {
    outline: none;
    box-shadow: 0px 0px 0px 5px #480f5d;
}

@media screen and (max-width: 992px) {
  .col-sm-danger {
    background-color: #ff4e4e !important;
    color: white !important;
    border-radius: 15px;
  }
}
/* ========== Grid Pay End ==========  */


.brands .box {
  height: 209px;
  background-color: #fbfbfb;
}
.brands .box:hover .singleLineButton {
  opacity: 1 !important;
}
@media screen and (max-width: 992px) {
  .brands .box {
    height: 150px;
  }
}
.bs5 {
  -webkit-box-shadow: 0px 9px 14px -4px rgba(0,0,0,0.2); 
  box-shadow: 0px 9px 14px -4px rgba(0,0,0,0.2);
}
.subList li:hover a {
  padding-left: 10px;
}
.subList li a .zoom-animation {
  font-size: 0px !important;
  padding: 0px;
}
.subList li:hover a .zoom-animation {
  animation: zoom-in-zoom-out 1s ease infinite;
  margin-left: 5px;
  font-size: 8px !important;
  padding: 5px;
}




@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.3, 1.3);
  }
  100% {
    transform: scale(1, 1) !important;
  }
}

@media screen and (max-width: 992px) {
  .bottom nav .drop:hover:before{
    content: "";
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    background: #242424;
  }
}

.kurumsalItem:hover{
  bottom: 0px !important;
}
.kurumsalItem .kurumsalToggle:hover i {
  transform: rotate(180deg) scale(1) skew(0deg) translate(0px) !important;
  -webkit-transform: rotate(180deg) scale(1) skew(0deg) translate(0px) !important;
  -moz-transform: rotate(180deg) scale(1) skew(0deg) translate(0px) !important;
  -o-transform: rotate(180deg) scale(1) skew(0deg) translate(0px) !important;
  -ms-transform: rotate(180deg) scale(1) skew(0deg) translate(0px) !important;
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color:#05263e !important;
}

.other .carousel-wrapper {
  padding-top: 0%;
}

.newCardBox:before {
  content: "";
  position: absolute;
  background-color: white;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 0%);
  -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 0%);
}
.newCardBox:hover:before {
  -webkit-box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 10%);
  height:100%;
}

.product:hover {
  z-index: 30;
  position: relative;
}
.newCardBox:hover .cartButton, .newCardBox:hover .number {
  box-shadow: 0px 0px 0px 1px #15b12f !important
}

.newCardBox:hover:before {
  height: calc(100% + 71px);
}


@media screen and (max-width: 1800px) {
  .newCardBox:hover .other .carousel-wrapper {
    padding-top: 19.68% ;
  }
 }

@media screen and (max-width: 1600px) {
  .newCardBox:hover .other .carousel-wrapper {
    padding-top: 21.68% ;
  }
  .newCardBox:hover:before {
    height: calc(100% + 62px);
  }
}

 @media screen and (max-width: 1500px) {
  .newCardBox:hover .other .carousel-wrapper {
    padding-top: 22.68% ;
  }
  .newCardBox:hover:before {
    height: calc(100% + 69px);
  }
}

 @media screen and (max-width: 1400px) {
  .newCardBox:hover .filterOpen .carousel-wrapper {
    padding-top: 20.68% !important;
  }
  .newCardBox:hover .other .carousel-wrapper {
    padding-top: 19.68% ;
  }
  .newCardBox:hover:before {
    height: calc(100% + 69px);
  }
}

@media screen and (max-width: 1300px) {
  .newCardBox:hover .other .carousel-wrapper {
    padding-top: 22% ;
  }
  .newCardBox:hover:before {
    height: calc(100% + 62px);
  }
}

@media screen and (max-width: 1200px) {
  .newCardBox:hover .other .carousel-wrapper {
    padding-top: 28.3% ;
  }
  .newCardBox:hover:before {
    height: calc(100% + 62px);
  }
}

@media screen and (max-width: 1025px) {
  .newCardBox:hover .filterOpen .carousel-wrapper {
    padding-top: 29.68% !important;
  }
  .newCardBox:hover .other .carousel-wrapper {
    padding-top: 32.6% ;
  }
  .newCardBox:hover:before {
    height: calc(100% + 71px);
  }
}

@media screen and (max-width: 992px) {
  .newCardBox:hover:before {
    height: calc(100% + 0px);
  }
  .newCardBox .other .carousel-wrapper {
    padding-top: 42.68% !important;
  }
}





 @media screen and (min-width: 1800px) {
  .newCardBox .other.filterOpen {

   }
  .newCardBox .other {

   }
   .newCardBox:hover .other .carousel-wrapper {
    padding-top: 18.68% ;
  }
 }
 @media screen and (min-width: 1024px) {
  .newCardBox .other {

  }
  .newCardBox:hover .other .carousel-wrapper {
  
  }
}


 @media screen and (max-width: 321px) {
  .newCardBox .other .carousel-wrapper {
    padding-top: 40.68% !important;
  }
}
@media screen and (max-width: 992px){
  .newCardBox .other .carousel-wrapper {
    padding-top: 37.68% ;
  }
}


.product:hover {
  position: relative;
  z-index: 30;
}
.number, .cartButton, #detay .favoriEkle {
  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.7) !important;
}


.cartButton {
  background-color: transparent;
  color: #05263e;
}
.newCardBox:hover .number,
.newCardBox:hover .number .plus,
.newCardBox:hover .number .minus {
  background-color: rgb(36 204 64 / 20%) !important;
}
.newCardBox:hover .cartButton {
  background-color: #24cc40 !important;
  color: white !important;
}
.newCardBox .cartButton:hover {
  box-shadow: 0px 0px 0px 1px #15b12f !important;
  background-color: #15b12f !important;
}
.newCardBox .number .plus:hover,
.newCardBox .number .minus:hover {
  background-color: #24cc40 !important;
  color: white !important;
}
.gelatine {
  animation: gelatine 0.5s;
}
@keyframes gelatine {
  from, to { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}


.shakeContent:hover .shakeHover {
  animation: shake 3s infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
.shakeHover:hover {
   animation: shake 3s infinite;
   transform: translate3d(0, 0, 0);
   backface-visibility: hidden;
   perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.other .owl-stage {
  padding-top: 2px !important;
  padding-left: 2px !important;
}

#newFilter {
  margin-left: -100%;
  background-color: white;
}

/* ===== Sepet TimeLine ===== */
.timeLine .barFull {
    width: 0%;
}
.timeLine .asamaText {
    color: #efefef;
}
.timeLine .lineActive {
    background-color: #05c148;
    color: #05c148;
}
.timeLine .lineActive .circle {
   background-color: #05c148 !important; 
}
.timeLine .lineActive .asamaText {
   color: #05c148; 
}
.timeLine .linePasive {
    background-color: #efefef;
    color: #efefef;
}
.timeLine .bar {
    background-color: #efefef;
}
.timeLine .timeBubble .bubble .circle {
    background-color: #efefef;
}
.timeLine .timeBubble .sepetBubble  {
    width: 12.5% !important;
}
.timeLine .timeBubble .bubble  {
    width: 25%    ;
}
@media screen and (max-width: 992px) {
    .timeLine .timeBubble .sepetBubble  {
        width: 9% !important;
    }  
}
/* ===== Sepet TimeLine End ===== */
 /* ===== Ödeme Sayfası Ayarları ===== */
#part-two.active {
  min-height:calc(100vh - 331px);
}
@media screen and (max-width: 1200px) {
  #part-one .toggles {
    display:block !important;
    text-align: center !important;
  }
  #part-one .toggles i {
    font-size:50px !important;
    line-height:50px !important;
    width: 100% !important;
    text-align: center !important;  
    margin-bottom:10px;
  }
  #part-one .toggles.ptt-toggle span  {
    font-size:12px !important ;
  }
  #part-one .toggles .center-h {
    width: 100% !important;
  }
}

@media screen and (max-width: 992px) {
  #part-one .toggles.ptt-toggle span  {
    font-size:14px !important;
    line-height: 21px !important;
  }
  #part-one .toggles i {
    font-size:30px !important;
    line-height:30px !important;
    margin-bottom: 5px !important;
  }
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
#cardcontent{
  background-color: transparent;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.cardInner {
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
#cardcontent:hover .cardInner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.cardInner .front, .cardInner .back {
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */


/* Style the back side */
.cardInner .back {
  transform: rotateY(180deg);
}


.mobilecontent {
  display:none;
}
#cardcontent.mobile {
  display:none !important;
}
@media screen and (max-width:992px) {
  .mobilecontent {
    display:flex;
    align-items: center;
  }
  #cardcontent.mobile {
    display:block !important;
  }
}


.front .card-visual {
  padding:10%;
}
.front .chip {
  width:22%;height:35%; background-color:rgba(0,0,0,0.2);
}
.front .chip .chipIn {
  width:75%;height:60%;background-color:rgba(255,255,255,.3);
}
.front .card-name {
  bottom:17%;font-size:106%;text-transform:uppercase;
}
.front .card-number {
  margin-top:9%;font-size:152%;letter-spacing:5px;
}
.front .card-date {
  bottom:17%;font-size:110%;padding-right:10%;
}
.front .card-date .title {
  font-size:68%;top:-75%;letter-spacing:1px;
}

.back .card-visual {
  padding:10%;
}
.back .line {
  top:12%;
}
.back .line .lineIn {
  width:75%;height:60%;background-color:rgba(255,255,255,.3);top:10%;
}
.back .signature {
  margin-top:16%;
}
.back .signature .signatureIn .card-cvv {
  letter-spacing:2px;
}
.back .chip {
  width:22%;height:35%; background-color:rgba(0,0,0,0.2);margin-top:7%;
}
.back .chipIn {
  width:75%;height:60%;background-color:rgba(255,255,255,.3);
}
.back .text {
  width:78%;height:35%;margin-top:7%;padding-left:5%;
}

@media screen and (max-width:768px) {
  .front .card-number {
    font-size:4vw;letter-spacing:.1vw;
  }
  .front .card-name {
    font-size:3vw;
  }
  .front .card-date {
    font-size:3vw;
  }
  .back .line {
    padding:4vw 0vw !important;
  }
  .signatureIn {
    padding:4vw 0vw !important;
  }
  .card-cvv {
    font-size: 4vw !important;
    letter-spacing: 0.2vw;
  }
  .back .text {
    font-size:2vw !important;
  }
}

@media screen and (max-width:420px) {
  .back .text {
    font-size:1.5vw !important;
  }
}

/* Customize the label (the container) */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #9e0408 ;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Customize the label (the container) */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #9e0408;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.checkbox-container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
/* Havale İle Ödeme */
#hvl-box p.title:first-child {
  width: 100%;
  float: left;
  font-family: 'fw7';
  font-size: 18px;
  border-bottom: 1px dashed rgba(0,0,0,0.2);
  padding-bottom: 30px;
  margin-top: 15px;
  text-transform: uppercase;
  color: #3c464f;
}
#hvl-box .bankbox {
  width: 50%;
  float: left;
  padding:25px;
}

@media screen and (max-width:768px) {
  #hvl-box .bankbox {
    width: 100% !important;  
    border-left:none !important;
    border-right:none !important;
    border-bottom:1px dashed rgba(0,0,0,0.2);
  }
}



#hvl-box .bankbox:nth-child(1) {
  
} 
#hvl-box .bankbox:nth-child(2) {
  border-bottom:1px dashed rgba(0,0,0,0.1);
  border-right:1px dashed rgba(0,0,0,0.1);
} 

#hvl-box .bankbox:nth-child(3) {
  border-bottom:1px dashed rgba(0,0,0,0.1);
}

#hvl-box .bankbox:nth-child(4) {
  border-right:1px dashed rgba(0,0,0,0.1);
} 


#hvl-box .bankbox p:first-child {
  font-family:arial;
  font-weight:600;
  font-size:15px;
  color:#e6b62f;
}
#hvl-box .bankbox p:nth-child(2) {
  font-family: 'fw6';
  font-size: 13px;
  color: #ffffffd9;
  width: 100px;
  float: left;
  background-color: #3c464f;
  border-radius: 3px;
  padding: 15px;
  text-align: left;
  letter-spacing: .2px;
  margin-right: 15px;
}

#hvl-box .bankbox p:nth-child(3) {
  margin-top: 20px;
  font-family: 'fw6';
  opacity: .8;
}
#hvl-box .bankbox p:nth-child(4) {
  font-family: 'fw7';
  font-size: 16px;
  line-height: 16px;
  letter-spacing: .3px;
}
#hvl-box .bankbox p:nth-child(5) {
  font-family: 'fw4';
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .3px;
  opacity: .8;
}
/* Havale İle Ödeme End */


.kapida-odeme-text {
  width: 70%;
  padding: 25px;
  float: left;
  font-family: 'fw6';
  font-size: 16px;
  margin: 0px;
  align-items: center;
  display:flex;
}
@media screen and (max-width:768px) {
  .kapida-odeme-text {
    width: 100% !important ;  
  }
}
.kapida-odeme-text .center-content {
  width: 100%;
  float: left;
}

.mha {
  min-height: auto !important;
}
.maxha {
  max-height: auto !important;
}
.copyiban.active i {
  color:#05c148 !important;
  opacity: 1 !important;
}
.copied {
  background-color: #f5ffed !important;
}
/* ===== Ödeme Sayfası Ayarları End ===== */

/* Customize the label (the container) */
.customCheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.customCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: solid 1px #00000038;
}

/* On mouse-over, add a grey background color */
.customCheck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customCheck input:checked ~ .checkmark {
  background-color: #02c148;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.customCheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.customCheck .checkmark:after {
  left: 10px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.gridLayout {
    width: 100%;
    overflow: hidden;
    margin-bottom: -1.875em;
    -webkit-column-count: 5;
    -webkit-column-gap: 1em;
    -webkit-column-fill: auto;
    -moz-column-count: 5;
    -moz-column-gap: 1.875em;
    -moz-column-fill: auto;
    column-count: 5;
    column-gap: 1em;
    column-fill: auto;
}
@media screen and (max-width: 1366px) {
 .gridLayout {
    width: 100%;
    overflow: hidden;
    margin-bottom: -1.875em;
    -webkit-column-count: 4;
    -webkit-column-gap: 1em;
    -webkit-column-fill: auto;
    -moz-column-count: 4;
    -moz-column-gap: 1.875em;
    -moz-column-fill: auto;
    column-count: 4;
    column-gap: 1em;
    column-fill: auto;
}
}


.item {
    /*margin-bottom: 1em;*/
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
}

@media screen and (max-width: 992px) {
    .gridLayout {
      width: 100%;
      overflow: hidden;
      margin-bottom: -1.875em;
      -webkit-column-count: 1;
      -webkit-column-gap: 1em;
      -webkit-column-fill: auto;
      -moz-column-count: 1;
      -moz-column-gap: 1.875em;
      -moz-column-fill: auto;
      column-count: 1;
      column-gap: 1em;
      column-fill: auto;
  }

  .item {
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      column-break-inside: avoid;
  }
}

.zoomHover {
  transform: scale(1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.zoomHover:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.stickyShow {
  opacity: 0;
}

 @media screen and (max-width: 1400px) {
    .minZoom {
      zoom: 87%;
    }
  }
@media screen and (max-width: 992px) {
    .minZoom {
      zoom: 100%;
    }
}

header .drop .sub a .rightIcon {
  margin-right: 0px;
}
header .drop .sub a:hover .rightIcon {
  width: 16px !important;
  margin-right: 5px !important;
}

.noLink {
  pointer-events: none;
}
@media screen and (max-width: 992px) {
  .col-sm-noLink {
    pointer-events: none;
  }
}


.toggles.active .activeToggle {
  display: inline-block !important;

}
.toggles.active .fakeCheck {
  display: none !important;
}
#pnlTaksit select {
  border: solid 2px #707070 !important;
  height: 36px !important;
  background-color: transparent !important;
  background: none !important;
  border-radius: 0px !important;
  outline: none !important;
  font-size: 12px !important;
}



@media screen and (min-width: 992px) {
  header .drop:hover {
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
  }
  header .drop:hover:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 8px;
    background-color: white;
    width: calc(100% - 2px);
    height: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    z-index: 2;
  }
  header .drop:hover .toggle {
    position: relative;
    z-index: 2;
  }
}
@media screen and (max-width: 992px) {
  header .drop:hover .toggle, header .drop:hover .toggle * {
    color: white !important;
  }
}

.flags.activeLang {
  display: block !important;
}


.fakecheck.pasive .icon {
  width: 24px;
  height: 24px;
}
.fakecheck.pasive .icon:before {
  opacity: 0;
}
.fakecheck.active .icon:before {
  opacity: 1;
}
.fakecheck:hover .icon:before {
  opacity: .5;
  color: #808080;
}

.newCardBox .carousel-wrapper.mainImage {
  padding-top: 83%;
}

.newCardBox:hover .mainImage img {
  transform: scale(1.1);
}
@media screen and (min-width: 992px) {
  .badEdit {
    min-width: 85% !important;
    width:85% !important;
  }
  body {
    overflow-x: hidden;
  }
}



.hizliGonderi {
    background: linear-gradient(270deg, #ff0000, #ff8c48, #ff0000);
    background-size: 600% 600%;

    -webkit-animation: hizliGonderi 5s ease infinite;
    -moz-animation: hizliGonderi 5s ease infinite;
    animation: hizliGonderi 5s ease infinite;
}

@-webkit-keyframes hizliGonderi {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes hizliGonderi {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes hizliGonderi {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@media screen and (max-width: 992px) {
  .hizliGonderi,
  .standartGonderi {
    zoom: 80%;
  }
}

#visual .dikeyUrun {
  max-height:100% ;
  height:100% ;
  width: auto !important;
}
#visual .yatayUrun {
  max-width:100% ;
  height: auto;
}
#visual .img-fluid {
  object-fit: cover;
}

@media screen and (min-width: 992px) {
  .infoGrid .item:nth-child(1),
  .infoGrid .item:nth-child(2) {
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  .infoGrid .item:nth-child(1),
  .infoGrid .item:nth-child(3) {
    border-right: 1px solid rgba(0,0,0,0.1);
  }
}
@media screen and (max-width: 992px) {
  .infoGrid .item {
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
}