/* Scroll Bar Settings */
::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(33, 33, 33, .5);
    outline: 1px solid slategrey;
    cursor: pointer;
}
/* Scroll Bar Settings End */
/* General Use */
body          {
  font-family: 'Poppins', sans-serif;
}
#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;
}
/* 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 */
/* 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 */

.bs3 {
    -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);
}

.urunlistesi .visual {
  height: 300px;
  overflow: hidden;
}



.urunlistesi .visual {

  height: 300px;

  overflow: hidden;

}
ul {
  margin: 0;
  padding: 0;
}

/* ========== Google Fonts ========== */
.poppins {
  font-family: 'Poppins', sans-serif !important;
}
/* ========== 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 ========== */
/* ========== Classes ========== */
.center-w {
  display:table;
  width:initial;
  margin:auto;
}
.center-h {
  align-items: center;
  display:flex;
}
.center-content {
  width: 100%;
}
.center-content {
  width: 100%;
}
.pos-sticky {
  position: sticky;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.op-hover {
  opacity: 1 !important;
}
.gray:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.col-sm-visible {
  display:none;
}
.windowh {
  height: 100vh;
}
.nowrap {
  white-space: nowrap;
}
.col-sm-ellipsis1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
@media screen and (max-width: 992px) {
  .col-sm-hidden {
    display:none !important;
  }
  .col-sm-visible {
    display:block !important;
  }
  .col-sm-nolink{
    pointer-events: none !important;
  }
  .col-sm-mha {
    height: auto;
    min-height: auto;
  }
  .col-sm-pos-sticky {
    position:sticky;
  }
  .col-sm-center-h {
    align-items: center;
    display:flex;
  }
  .col-pos-sticky {
    position: sticky;
  }
  .col-sm-ellipsis2 {
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
  }
  .drop .toggle {
    pointer-events: none;
  }
}
/* ========== Classes End ========== */
/* ===== Account Line ===== */
#accountline {
  height:0px;
  overflow: hidden;
}
.accountactions li:last-child {
  border-right:0px !important;
}
header .top .active {
  color:#e4097f  !important;
}
header .top .active .icon-up5 {
  color:#e4097f !important;
  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 ===== */
/*  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;
}
header .menu-item {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
header .menu-item:hover .center-w {
  background-color:#42939b;
}
header .menu-item:hover > * {
  color:white !important;
}
/*  Yeni Nesil Menü End  */
/* Owl Navs */
.owl-nav {
  position: absolute;
  left:0;
  top:45%;
  width: 100%;
}
.owl-prev {
  position: absolute;
  left:-35px;
}
.owl-next {
  position: absolute;
  right:-35px;
}
.owl-prev span, .owl-next span {
  width: 30px;
  height: 30px;
  line-height: 22px;
  display: inline-block;
  font-size: 39px;
  color: #444b4c !important;
  font-weight: 800;
  box-shadow:none !important;
  border-radius:100%;
}
.owl-prev span:hover, .owl-next span:hover {
  background:#42939b !important;
  color:white !important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background:none !important;
}

/* Header */
@media screen and (max-width:992px) {
  header .bottom {
    margin-left:-100%;
  }
}
/* Header End */
/* Banner */
  @media screen and (max-width: 992px) {
    #banner .owl-theme .owl-nav.disabled+.owl-dots {
      margin-top: -25px;
      z-index: 70;
      position: inherit;
    }
    #banner .owl-theme .owl-dots .owl-dot span {
      width: 5px;
      height: 5px;
      margin: 3px 1px;
    }
  }
/* Banner 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 */
/* ===== Ödeme Sayfası Ayarları ===== */
.pos-sticky {
  position: sticky !important;
}
#odeme1 {
  min-height:calc(100vh - 46px);
  align-items: center;
  display:flex;
}
#fatura-teslimat {
  min-height:calc(100vh - 0px);
  align-items: center;
  display: flex;
}
#part-one {
  min-height:calc(100vh - 46px);
}
#part-two.active {
  min-height:calc(100vh - 450px);
}
@media screen and (max-width:992px) {
  #part-one {
    top:-10px !important;
     min-height:auto !important;
  }
  #odeme1 {
    min-height:auto !important;
    display:block;
  }
  #part-two.active {
    min-height:auto !important;
  }
}

.toggles:hover {
  background: #333;
  color:#fff !important; 
}
.toggles:hover span {
  color:#fff !important;
}

#pnlTaksit select {
  height:47px;
}
.toggles.active span, .toggles.active i {
  color:#fff !important;
}
.toggles.active {
  background-color:#42939b;
}
@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 .center-h {
    width: 100% !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:24%;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: #42939b ;
}

/* 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: #42939b;
}

/* 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:#42939b !important;
  opacity: 1 !important;
}
.copyiban.active span {
  color:#42939b !important;
  opacity: 1 !important;
}
.taksitSelect select {
  width: 100%;
  height:50px;
  border:solid 1px rgba(0,0,0,0.1);
  border-radius:30px;
}
@media screen and (max-width: 992px) {
  #kk-box iframe {
    width: 100% !important;
    height: auto !important;
    min-height: 176vh !important;
  }
}

#kk-box .container {
  width: 100% !important;
}

/* ===== Ödeme Sayfası Ayarları End ===== */
/* ===== Mini Sepet ===== */
#minisepet {
  overflow-x: hidden;
}
#minisepet .sepetlist li:last-child {
  border-bottom:0px !important;
}
/* ===== Mini Sepet End ===== */
/* ===== 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:20px !important;
}
.lineLayout .mintitle {
  display:none !important;
}
.lineLayout .nameContent {
  width: 40% !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:0px !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:  36% !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 ===== */

.toggleBox.active > div {
  background-color:#b9143b  !important;
}
.ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}


/* ===== Çeviri Sistemi ===== */
.ceviri_ru { display:none; }
.ceviri_en { display:none; }
.ceviri_ar { display:none; }
.ceviri_fr { display:none; }
/* ===== Çeviri Sistemi End ===== */
/* === Ürün Kartı === */
.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display:block !important;
}
.new-visual .owl-prev {
  bottom: 30px;
  top:initial !important;
  position: absolute;
  left: -35px;
  -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;
}
.new-visual .owl-next {
  bottom: 30px;
  top:initial !important;
  position: absolute;
  right: -35px;
  -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;
}
.owl-prev, .owl-next {
  border: none !important;
  outline:none !important;
  box-shadow:none !important;
  background-color:transparent !important;
}
.owl-prev span, .owl-next span {
  display:none;
}
.owl-prev:before, .owl-next:before {
  font-family:'default' !important;
  font-size:14px !important;
  line-height: 14px !important;
  background-color:#42939b  !important;
  color:white !important;
  padding:7px !important;
  border-radius:50px !important;
}
.owl-prev:before {
  content:"\e944" !important;
}
.owl-next:before {
  content:"\e967" !important;
}
.owl-dots {
  position: absolute; 
  width: 100%;
  bottom:-35px; 
  -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;
}
.owl-dots .owl-dot {
  outline:none;
  border:none;
  box-shadow:none;
}
.owl-nav {
  margin-top:0px !important ;
}
.item:hover .new-visual .owl-dots {
  bottom:20px;
}
.item:hover .new-visual .owl-prev {
  left:15px;
}
.item:hover .new-visual .owl-next {
  right:15px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background:#42939b   !important;
}
.item:hover .new-visual .actions {
  margin-top:15px !important;
}
.begen.active i:before {
  content: "\e96a" !important;
}
/* === ÃœrÃ¼n KartÄ± DiÄŸer Renk GÃ¶rseller End === */
/* === HoverContent === */
.item:hover .hovercontent .isim {
  /*margin-left:-100% !important;*/
}
.item:hover .hovercontent .formcontent {
 /*margin-right:0% !important;*/
}
@media screen and (max-width:992px) {
  .item:hover .hovercontent .isim {
    /*margin-left:-0% !important;*/
  }
}
/* === HoverContent End === */


.owl-theme .owl-dots .owl-dot span {
  height:4px !important;
  margin: 5px 3px !important;
  width: 22px !important;
  -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;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  height: 7px !important;
  border-radius: 4px;
  -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;
}


.othercolors .item:hover .hover-sidetop {
  margin-top:0px !important;
  opacity: 1 !important;
}
/* ========== Ürün Kartı End ========== */

#pnlTaksit .dropdown {
  width: 100% !important;
  line-height: 47px;
}
#pnlTaksit .selectpicker {
  border:none !important;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

#sayfalama li a.paginationLink {
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  line-height: 30px !important;
}