/* Küçültme başarısız oldu. Küçültülmeyen içerik döndürülüyor.
(119,25): run-time error CSS1038: Expected hex color, found '#dddd'
(2211,10): run-time error CSS1038: Expected hex color, found '#e07404041'
(7793,24): run-time error CSS1031: Expected selector, found '/'
(7793,24): run-time error CSS1025: Expected comma or open brace, found '/'
(7837,23): run-time error CSS1046: Expect comma, found '247'
(7837,30): run-time error CSS1046: Expect comma, found ')'
(9347,33): run-time error CSS1046: Expect comma, found '0'
(9347,37): run-time error CSS1046: Expect comma, found '/'
(9627,76): run-time error CSS1046: Expect comma, found '116'
(9627,83): run-time error CSS1046: Expect comma, found '/'
(9661,76): run-time error CSS1046: Expect comma, found '116'
(9661,83): run-time error CSS1046: Expect comma, found '/'
(9991,23): run-time error CSS1046: Expect comma, found '247'
(9991,30): run-time error CSS1046: Expect comma, found ')'
(10313,22): run-time error CSS1046: Expect comma, found '20'
(10313,28): run-time error CSS1046: Expect comma, found '/'
(10857,18): run-time error CSS1035: Expected colon, found '#404041-size'
(11099,10): run-time error CSS1038: Expected hex color, found '#404041404041'
(11115,1): run-time error CSS1019: Unexpected token, found '}'
(11133,10): run-time error CSS1038: Expected hex color, found '#DF4040415'
(12811,59): run-time error CSS1030: Expected identifier, found '#404041'
(12811,66): run-time error CSS1031: Expected selector, found ';'
(12811,66): run-time error CSS1025: Expected comma or open brace, found ';'
(12813,1): run-time error CSS1019: Unexpected token, found '}'
(13819,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(15665,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(15675,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15677,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(15837,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(15847,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
 */
@import url('https://fonts.googleapis.com/css2?family=Style+Script&display=swap');

@import url("https://fonts.googleapis.com/css?family=Jost:200,300,400,500,600,700,800");

body {

  font-size: 14px;

}

.easy-autocomplete {

  width: 100% !important;

}

.instagram h2 a {

  color: #404041;

}

.instagram h2 a {

  color: #404041;

  text-decoration: none;

}

.havale-odeme {

  font-size: 18px;

  padding: 10px;

  font-weight: bold;

}

.havale-odeme span {

  color: #404041;

  font-weight: 900;

}

div#acikla {

  background: #000;

}

.formmesaj {

  padding: 110px 0px;

}

.kurdele {

  display: none;

}

#myCarousel .carousel-indicators {

  z-index: 1;

}

.affix-h {}

.affix-hight {

  height: 200px;

}

.whatsapp-holder {

  position: fixed;

  bottom: 30px;

  left: 30px;

}

.scroll-top-wrapper {

  position: absolute;

  bottom: 30px;

  left: 30px;

  z-index: 999;

}

.desk-none {

  display: none;

}

.mobil-none {

  display: block;

}

#installments {

  padding: 15px 0 0;

  border-top: solid 1px #dddd;

}

#installments #installments {

  padding: 0;

  border: 0;

}

.siparis-bg #installments label {

  border-bottom: solid 1px #ddd;

  padding-bottom: 10px;

}

.soralan {

  padding: 30px 0 0;

  border-top: solid 1px #e2e2e2;

}

.ozel-aciklama img {

  max-width: 100%;

}

.ozel-aciklama iframe {

  max-width: 100% !important;

}

.fa-whatsapp {

  width: 1.5em;

  font-size: 18px;

  color: green;

}

.tamamlayici-body {

  height: 190px;

  position: relative;

  display: none;

}

.tamamlayici {

  position: absolute;

  top: -170px;

  width: 100%;

}

.tamamlayici-body h2 {

  display: flex;

  width: 100%;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-family: 'Jost';

  font-size: 16px;

  font-weight: 400;

  margin: 0;

  color: #404041;

  border: none;

  position: relative;

  top: 180px;

  z-index: 1;

}

.tamamlayici-body h2:before, .tamamlayici-body h2:after {

  content: '';

  border-top: 1px solid #b7b7b7;

  margin: 0 10px 0 0;

  flex: 1 0 10px;

}

.tamamla .cloned {

  /*display:none;*/

}

.tamamla .item {

  position: relative;

  min-height: 180px;

}

.tamamla-img {

  width: 40%;

  float: left;

}

.tamamla-txt {

  width: 60%;

  padding: 5px;

  background: #f8f8f8;

  float: left;

}

.tamamla-box {

  display: none;

  position: absolute;

  top: -165px;

  left: 0px;

  width: 100%;

  background: #404041;

  color: white;

  padding: 10px;

  font-size: 14px;

}

.tamamla-box p {

  height: 145px;

  overflow-y: scroll;

  margin: 0;

}

.tamamla-box p::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}

.tamamla-box p::-webkit-scrollbar {

  width: 7px;

  background-color: #F5F5F5;

}

.tamamla-box p::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background-color: #404041;

}

.tamamla .item:hover .tamamla-box {

  display: block;

}

.tamamla-box:after {

  content: '';

  position: absolute;

  top: 100%;

  left: 50%;

  margin-left: -10px;

  width: 0;

  height: 0;

  border-top: solid 10px #404041;

  border-left: solid 10px transparent;

  border-right: solid 10px transparent;

}

.tamamla-box .ta-close {

  display: none;

  position: absolute;

  top: 92%;

  left: 48.4%;

  color: #fff;

  font-weight: 700;

  font-size: 20px;

  z-index: 9;

}

.acikla a {

  font-size: 18px;

  display: inline-block;

  border: solid 1px;

  padding: 10px;

}

.taciklama {

  display: none;

}

.tamamla .owl-stage-outer {

  padding-top: 180px;

}

.tamamla .owl-nav {

  top: 143.5px !important;

}

.tamamla .owl-nav span {

  font-size: 78px;

}

.preview .tamamla .owl-prev {

  position: absolute;

  left: -9px;

}

.preview .tamamla .owl-next {

  position: absolute;

  right: 0px;

}

.tamamla .item .urun-ad {

  display: block;

  text-align: left;

  padding: 1px 5px 0;

  font-size: 12px;

  font-weight: 400;

  line-height: 16px;

  color: #404041;

  max-height: 85px;

}

.tamamla .item .fiyat-alan {

  display: block;

  text-align: center;

  padding: 0px;

  height: 55px;

}

.tamamla .item .indirim {

  width: 100px;

  background: #404041;

  font-size: 12px;

  color: #fff;

  padding: 1px 4px;

  text-align: center;

  display: block;

  margin: 0 auto 5px;

  position: relative;

}

.tamamla .item .indirim:after {

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 5px solid #404041;

  content: "";

  right: 10px;

  position: absolute;

  bottom: -5px;

}

.tamamla .item .indirimsiz-f {

  color: #727272;

  text-decoration: line-through;

  font-size: 12px;

  font-weight: 400;

  display: block;

  float: left;

  font-family: tahoma;

}

.tamamla .item .indirimli-f {

  color: #404041;

  font-size: 14px;

  font-weight: bold;

  display: block;

  float: right;

}

.tamamla .item .sepete-ekle {

  color: #404041;

  background: #fff;

  font-size: 15px;

  font-weight: 400;

  padding: 3px 6px;

  margin-top: 20px;

  width: auto;

  margin: 0 40px 0 0;

  display: inline-block !important;

  text-transform: inherit;

  border: solid 1px #404041;

  float: right;

}

.taciklama {

  color: #404041;

  background: #fff;

  font-size: 15px;

  font-weight: 400;

  padding: 3px 6px;

  margin-top: 20px;

  width: auto;

  margin: 0 0 0 40px;

  text-transform: inherit;

  border: solid 1px #404041;

  float: left;

  clear: both;

}

.tamamla .item .sepete-ekle svg {

  margin-left: 15px;

  font-weight: bold;

}

.tamamla .item .sepete-ekle:hover {

  background: #404041;

  color: #fff;

}

.what {

  margin: 0;

  padding: 0;

  border: 0;

  position: fixed;

  z-index: 16000160;

  text-align: center;

  overflow: hidden;

  bottom: 50px;

  right: unset;

  left: 20px;

}

.what a {

  width: 50px;

  height: 50px;

  display: block;

  float: left;

}

.whatl {

  position: relative;

  float: right;

  margin-left: 15px;

  margin-top: 6px;

}

.whatl a {

  width: 135px;

  height: 28px;

  display: block;

  float: left;

}

.whatl a:hover {

  color: #fff;

}

.whatsa {

  padding: 5px 10px 5px 10px;

  line-height: 18px;

  max-height: 34px;

  max-width: 135px;

  overflow: hidden;

  word-wrap: break-word;

  font-size: 12px;

  background: #2d9028;

  border-radius: 5px;

  float: left;

  color: #ffffff;

}

.whatsa:before, .whatsa:after {

  content: '';

  position: absolute;

  background: #2d9028;

  border-bottom: 1px solid #e2e2e2;

  border-right: 1px solid #e2e2e2;

  left: -5px;

  top: 40%;

  margin-top: -4px;

  width: 8px;

  height: 8px;

  z-index: 1;

  -ms-transform: rotate(135deg);

  -webkit-transform: rotate(135deg);

  -moz-transform: rotate(135deg);

  -o-transform: rotate(135deg);

  transform: rotate(135deg);

}

/*.deskSlider {







	width:100%;







	height:460px;







	background-repeat:no-repeat;







	background-position:center;







}







*/

.deskSlider {

  width: 100%;

  height: 630px;

  background-repeat: no-repeat;

  background-position: center, top;

  background-size: cover;

}

.deskSlider a {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 470px;

}

.hediye-sec {

  position: relative;

  display: inline-block;

}

.hediye-sec .hediye-sec-ban {

  display: none;

  position: absolute;

  top: -188px;

  left: -135px;

  /*background:url(/content/images/hediyeni-sec-detay.jpg) no-repeat;*/

  width: 377px;

  height: 178px;

}

.hediye-sec:hover .hediye-sec-ban {

  display: block;

}

.hediye-sec .hediye-sec-ban:after {

  content: '';

  position: absolute;

  top: 100%;

  left: 50%;

  margin-left: -10px;

  width: 0;

  height: 0;

  border-top: solid 10px #d341a6;

  border-left: solid 10px transparent;

  border-right: solid 10px transparent;

}

.ic-img {

  width: 100%;

  height: 500px;

  overflow: hidden;

} /*







.gift-carousel .owl-item {







	width:5% !important;







}*/

.ic-img img {

  width: 100%;

  /*margin-top:-100px;*/

}

.ic-sayfalar {

  font-size: 15px;

  font-weight: 500;

  color: #404041;

  line-height: 24px;

}

.text-danger {

  color: red;

}

.fontlar {

  font-family: 'Jost', cursive;

  font-family: 'Raleway', sans-serif;

  font-family: 'Jost', sans-serif;

}

.bana-ozel {

  font-family: 'Dancing Script', cursive;

  font-size: 22px;

  padding-right: 20px;

  /* padding-bottom: 20px; */

  float: left;

  color: #404041;

}

.varyant-renk {}

.varyant-renk:after {

  content: "";

  display: block;

  clear: both;

}

.varyant-renk h3 {

  font-weight: bold;

  color: #404041;

}

.varyant-renk .renk-sec {

  width: 15%;

  float: left;

  padding: 5px;

  border: solid 1px #ddd;

  margin: 0 10px 10px 0;

  text-align: center;

}

.varyant-renk .renk-sec img {

  width: 100%;

}

.varyant-renk .renk-sec:hover {

  background: #404041;

}

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

  color: #fff;

}

.varyant-renk .renk-sec span {

  display: block;

  overflow: hidden;

  height: 30px;

  line-height: 16px;

}

a:focus, a:hover {

  color: #404041;

  text-decoration: none;

}

.preview-pic .tab-pane img {

  width: 100%;

}

ol, ul {

  margin-top: 0;

  margin-bottom: 0px;

}

.right {

  float: right;

}

.left {

  float: left;

}

sub {

  bottom: 0;

}

.top-menu-giris .giris-link ul {

  display: none;

  position: absolute;

  top: 15px;

  z-index: 3;

  right: 0px;

  padding: 10px 0 0 0;

  width: 135px;

}

.top-menu-giris .giris-link:hover ul {

  display: block;

}

.top-menu-giris .giris-link ul li a {

  color: #404041;

  padding: 8px 12px;

  font-size: 14px;

  display: block;

}

.top-menu-giris .giris-link ul li a:hover {

  text-decoration: none;

  color: #404041;

}

.top-menu-giris .giris-link ul li {

  border-top: solid 1px #e2e2e2;

  border-left: solid 1px #e2e2e2;

  border-right: solid 1px #e2e2e2;

  background: #fff;

  min-width: 140px;

  background: #fff;

  text-align: left;

}

.top-menu-giris .giris-link ul li svg {

  margin-right: 5px;

}

.top-menu-giris .giris-link ul li:last-child {

  border-bottom: solid 1px #e2e2e2;

}

.header-middle {

  position: relative;

  padding: 5px 0 10px;

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

}

.arama {

  position: relative;

  width: 65%;

  float: right;

  /*margin-top: 12px;*/

  margin-right: 10px;

}

input.ara {

  border: solid 1px #dadada;

  border-radius: 0px;

  width: 100%;

  color: #585858;

  padding: 10px;

}

.ara:focus {

  border: solid 1px #404041;

  border-radius: 0px;

  width: 100%;

  color: #585858;

  padding: 10px;

  outline-offset: 0px;

  outline: none;

}

.button-ara svg {

  position: relative;

  z-index: 2;

}

.eac-category {

  font-weight: 700;

  color: #404041;

}

.easy-autocomplete-container ul {

  border: none;

  top: -13px;

}

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {

  border-color: #404041;

}

.top-icon {

  width: 60%;

  float: left;

  text-align: left;

  margin-top: 15px;

  padding-left: 15px;

}

.top-icon img {

  height: 32px;

}

.top-icon a:last-child {

  border: none;

}

.top-icon a {

  display: inline-block;

  text-align: center;

  margin: 5px 6px;

  padding-right: 18px;

  border-right: solid 1px #e2e2e2;

  font-size: 13px;

  color: #555;

}

.logo {

  float: left;

  display: block;

  width: 20%;

  text-align: left;

  padding-top: 10px;

  padding-left: 15px;

}

.logo img {

  width: 100px;

}

.top-right-s {

  width: 20%;

  float: right;

  text-align: right;

  margin-top: 20px;

}

.inline-block {

  display: inline-block;

  width: 100%;

}

.sepet {

  float: right;

  text-align: right;

  margin-top: 0px;

  position: relative;

  cursor: pointer;

  display: none;

}

.button-ara {

  position: absolute;

  right: 0;

  top: 0;

  font-size: 24px;

  color: #fff;

  background: #404041;

  border: none;

  padding: 4px 12px;

  border-radius: 0 15px 15px 0;

}

.badge-light {

  position: absolute;

  top: 10px;

  right: -12px;

  color: #fff;

  border: solid 2px #696969;

  background-color: #696969;

  padding: 3px 4px 0 2px;

  border-radius: 55px;

  width: 21px;

  height: 21px;

}

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

  background-color: #404041;

  border-color: #404041;

}

.sepet a {

  position: relative;

  padding-bottom: 22px;

}

.sepet-icon {

  position: relative;

  margin-right: 15px;

}

.sepet-icon img {}

.sepet svg {

  font-size: 26px;

  color: #dc295c;

}

#mainNav {

  text-align: center;

  padding: 0;

}

#mainNav li {

  display: block;

  float: left;

}

#mainNav li a {

  opacity: 1 !important;

  margin: 0 2px;

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

  text-align: left;

  background: transparent;

}

.menu-box-banner a {

  padding: 0 !important;

}

.navbar-toggle {

  float: left;

}

.navbar-brand {

  display: none;

}

.navbar-inverse .navbar-toggle {

  border-color: #404041 /*transparent*/ ;

}

.navbar-inverse .navbar-toggle .icon-bar {

  background-color: #c3827d;

}

.dropdown li:hover a {

  font-weight: bold;

}

.navbar-inverse {

  background-color: #fff;

  border: none;

}

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







MEGA MENU







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

.affix {

  position: fixed !important;

  top: 0;

  width: 100%;

  z-index: 3;

}

.affix .header-middle {

  display: block;

  background: white;

}

.affix .header-top {

  display: none;

}

.affix .navbar-inverse {

  box-shadow: 1px 4px 2px #0000003d;

}

.affix .navbar {

  min-height: inherit !important;

}

.sticky {

  position: relative !important;

  top: 0;

  width: 100%;

  z-index: 2;

}

.sticky .header-middle {

  display: inherit;

}

.sticky .navbar-inverse {

  box-shadow: none;

}

.sticky .navbar {

  min-height: inherit !important;

}

.sikayet strong {

  display: block;

  color: #404041;

  border-bottom: solid 1px #404041;

  padding-bottom: 3px;

  margin-bottom: 2px;

}

.sikayet li {

  float: left;

  width: 50%;

}

.marka-list li {

  float: left;

  margin-right: 2%;

  width: 48%;

}

.marka-list li:nth-child(2n+0) {

  margin-right: 0;

}

.menumarka-img li {

  width: 24%;

  float: left;

  margin-right: 1%;

  margin-bottom: 1%;

}

.menumarka-img li img {

  width: 100%;

}

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







MAĞAZA HOME







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

.magaza-home {

  background: #eef0ef;

  padding: 15px 0 30px 0;

  text-align: center;

}

.magaza-home img {

  box-shadow: 0 0 10px #ddd;

}

.magaza-home h2 {

  display: block;

  width: 100%;

  text-align: center;

  font-family: 'Raleway';

  font-size: 26px;

  font-weight: 400;

  margin: 25px 0;

  color: #404041;

  border-bottom: solid 1px #ddd;

  padding-bottom: 15px;

  position: relative;

}

.magaza-home h2:before {

  content: '';

  position: absolute;

  border-top: 3px solid #404041;

  width: 15%;

  bottom: 0;

}

.magaza-home h2:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-left: 12px solid transparent;

  border-top: 12px solid #404041;

  border-right: 12px solid transparent;

  position: absolute;

  bottom: -11px;

  left: 49%;

}

.magaza-home a p {

  font-size: 20px;

  font-family: 'Jostregular';

  border-bottom: solid 2px #ea8023;

  display: inline-block;

  margin: 15px auto;

}

.magaza-fot {

  padding: 10px 0 0;

}

.magaza-fot svg {

  font-size: 26px;

}

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







SEPET HOVER







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

.shoppingcart_box {

  display: none;

  background-color: #FFFFFF;

  border: 1px solid #D4D4D4;

  margin-top: 10px;

  width: 350px;

  padding: 15px;

  position: absolute;

  right: 0%;

  top: 24px;

  z-index: 10;

  transition: all 0.35s ease 0s;

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

}

.shoppingcart_img {

  overflow: hidden;

}

.sepet:hover .shoppingcart_box {

  display: block;

}

.shoppingcart_box ul {

  display: block;

  max-height: 300px;

  overflow-y: scroll;

}

.shoppingcart_box ul::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}

.shoppingcart_box ul::-webkit-scrollbar {

  width: 7px;

  background-color: #F5F5F5;

}

.shoppingcart_box ul::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background-color: #404041;

}

.shoppingcart_box ul li:after {

  content: "";

  clear: both;

  display: block;

}

.shoppingcart_box ul li {

  border-bottom: solid 1px #e2e2e2;

  padding: 5px 0;

  display: block;

}

.shoppingcart_img img {

  height: 70px;

}

.shoppingcart_txt p {

  font-size: 12px;

  color: #404041;

  text-align: left;

  margin: 0;

  padding: 0;

}

.headerCartQty {

  width: 38px;

  padding: 3px;

}

.headerCartRemove {

  float: right;

  border: 0;

  background: transparent;

  font-size: 11px;

}

.headerCartRemove svg {

  font-size: 18px;

  color: #404041;

}

.shoppingcart_txt a {

  color: #404041;

}

.shoppingcart_txt span {

  font-size: 12px;

  font-weight: bold;

  color: #404041;

  text-align: left;

  display: none;

}

.shoppingcart_fiyat {

  clear: both;

  padding-top: 15px;

  color: #404041;

}

.shoppingcart_toplam {

  color: #404041;

}

.shoppingcart_kargo p {

  font-size: 12px;

  font-weight: 700;

}

.shoppingcart_toplam p {

  font-size: 13px;

  font-weight: 700;

}

.shoppingcart_fiyat p {

  font-size: 12px;

  font-weight: 700;

}

.shoppingcart_git {

  clear: both;

  border-top: solid 1px #e2e2e2;

  margin-top: 5px 15px;

  padding-top: 15px;

  border-radius: 3px;

}

.shoppingcart_git .siparis-tmm {

  background-color: #404041;

  width: 100%;

  color: #fff;

  border: none;

  display: block;

  text-align: center;

  padding: 5px 15px;

  font-size: 14px;

  border-radius: 3px;

}

.shoppingcart_git .siparis-tmm:hover {

  background-color: #fff;

  color: #404041;

  border: solid 1px #404041;

  text-decoration: none;

}

.go-sepet {

  background-color: #404041;

  width: inherit;

  color: #fff;

  border: none;

  display: inline-block;

  text-align: center;

  padding: 5px 15px;

  font-size: 14px;

  border-radius: 3px;

}

.go-sepet:hover {

  background-color: #fff;

  color: #404041;

  border: solid 1px #404041;

  text-decoration: none;

}

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







	HOME BANNER







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

.home-banner li {

  overflow: hidden;

  letter-spacing: 0;

  position: relative;

}

.home-banner li a img {

  transition: 1s all;

  width: 100%;

}

.home-banner li:hover a > img {

  transform: scale(1.15);

}

.banner-content {

  bottom: 90px;

  text-align: center;

  left: 0;

  width: 100%;

  padding: 0 50px;

  position: absolute;

}

.banner-content a {

  color: #fff;

  font-size: 22px;

  opacity: 0;

}

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







  HOME ARA BANNER







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

.home-ara-banner .ara-banner {

  overflow: hidden;

  letter-spacing: 0;

  position: relative;

  float: left;

  margin-bottom: 2%;

}

.home-ara-banner .ara-banner a img {

  transition: 1s all;

  width: 100%;

}

.home-ara-banner .ara-banner:hover a > img {

  transform: scale(1.15);

}

.ara-banner:first-child {

  width: 100%;

}

.ara-banner:nth-child(2) {

  width: 49%;

  margin-right: 2%;

}

.ara-banner:nth-child(3) {

  width: 49%;

}

.ara-banner:first-child .banner-content {

  right: 143px;

  right: 3%;

  top: 67%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  padding-bottom: 14px;

  text-align: center;

  /* width: 350px; */

}

.ara-banner:first-child .banner-content .text-1 {

  font-size: 38px;

  color: #e07404041;

  letter-spacing: 1.4px;

  line-height: 1.2;

  margin-bottom: 18px;

}

.ara-banner:first-child .banner-content .text-2 {

  font-size: 38px;

  font-weight: 300;

  color: #ffffff;

  margin-bottom: 29px;

  letter-spacing: 0;

}

.ara-banner:first-child .banner-content .text-2 span {

  color: #ff8137;

  font-weight: 900;

}

.ara-banner:first-child .banner-content .btn-buyitnow {

  padding: 9.5px 24px;

  color: white;

  border: solid 1px;

  font-size: 20px;

}

.ara-banner:first-child .banner-content .btn-buyitnow::after {

  display: none;

}

.ara-banner:nth-child(2) .banner-content {

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  right: 20px;

  padding-bottom: 6px;

  text-align: right;

}

.ara-banner:nth-child(2) .banner-content .text-1 {

  font-size: 30px;

  color: #101010;

  letter-spacing: 0.4px;

  line-height: 1.33;

  margin-bottom: 41px;

}

.ara-banner:nth-child(2) .banner-content .btn-default {

  font-size: 17px;

  letter-spacing: 0.5px;

  padding: 11.5px 17px;

}

.ara-banner:nth-child(3) .banner-content {

  bottom: 15px;

  text-align: center;

  left: 0;

  width: 100%;

  padding: 0 50px;

}

.ara-banner:nth-child(3) .banner-content .text-1 {

  color: #404041;

  font-size: 19px;

  letter-spacing: 3.7px;

  margin-bottom: 0;

}

.ara-banner:nth-child(3) .banner-content .text-2 {

  font-size: 36px;

  color: #1773d2;

  /* margin-bottom: 31px; */

}

.ara-banner:nth-child(3) .banner-content a {

  color: #1773d2;

  font-size: 17px;

  border: solid 1px;

  padding: 7px 14px;

}

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







	HOME BANNER SONU







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

.slide-image {

  width: 100%;

}

@-webkit-keyframes zoom {

  from {

    -webkit-transform: scale(1, 1);

  }

  to {

    -webkit-transform: scale(1.5, 1.5);

  }

}

@keyframes zoom {

  from {

    transform: scale(1, 1);

  }

  to {

    transform: scale(1.5, 1.5);

  }

}

.carousel-inner .item > img {

  -webkit-animation: zoom 50s;

  animation: zoom 50s;

}

.listeleme-banner .carousel-inner .item > img {

  -webkit-animation: none;

  animation: none;

}

.carousel-holder {

  margin-bottom: 30px;

}

.carousel-control, .item {

  border-radius: 4px;

}

.caption {

  height: 130px;

  overflow: hidden;

}

.caption h4 {

  white-space: nowrap;

}

.thumbnail img {

  width: 100%;

}

.ratings {

  padding-right: 10px;

  padding-left: 10px;

  color: #d17581;

}

.thumbnail {

  padding: 0;

}

.thumbnail .caption-full {

  padding: 9px;

  color: #404041;

}

/* Global Styles */

html, body {

  height: 100%;

  font-family: 'Jost', 'Quicksand', sans-serif;

  color: #404041;

} /*







body {







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







}







header {







	background:#ffffffbd;







	background:url(/content/images/header-bg-flower.jpg) center;







}*/

#myHeader .container {

  background: transparent;

}

body::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}

body::-webkit-scrollbar {

  width: 8px;

  background-color: #F5F5F5;

}

body::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background-color: #404041;

}

.img-portfolio {

  margin-bottom: 30px;

}

.img-hover:hover {

  opacity: 0.8;

}

/* Home Page Carousel */

header.carousel {

  height: 50%;

}

header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {

  height: 100%;

}

header.carousel .fill {

  width: 100%;

  height: 100%;

  background-position: center;

  background-size: cover;

}

/* 404 Page Styles */

.error-404 {

  font-size: 100px;

}

.hero-spacer {

  margin-top: 50px;

}

.hero-feature {

  margin-bottom: 30px;

}

/* Responsive Styles */

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







  owl Carusel urun







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

.urun-slider .h2 {

  display: flex;

  width: 100%;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-family: 'Raleway', ;

  font-size: 16px;

  font-weight: 400;

  margin: 50px 0;

}

.urun-slider .h2:before, .urun-slider .h2:after {

  content: '';

  border-top: 1px solid #B7B7B7;

  margin: 0 10px 0 0;

  flex: 1 0 10px;

}

/*.urun-slider h2 {







	display: block;







    width: 100%;







    text-align: left;







    font-family:'Raleway' ;







    font-size: 26px;







    font-weight: 400;







	margin:25px 0;







	color: #404041;







	border-bottom:solid 1px #ddd;







	padding-bottom:15px;







	position:relative;







}







.urun-slider h2:before {







    content: '';







	position:absolute;







    border-top: 3px solid #404041;







	width:12%;







	bottom:0;







}







.urun-slider h2:after {







    content: "";







    display: block;







    width: 0;







    height: 0;







    border-left: 12px solid transparent;







    border-top: 12px solid #404041;







    border-right: 12px solid transparent;







    position: absolute;







    bottom: -11px;







    left:5%;







}*/

.urun-slider h1 {

  display: block;

  width: 100%;

  text-align: left;

  font-family: 'Raleway';

  font-size: 26px;

  font-weight: 400;

  margin: 25px 0;

  color: #404041;

  border-bottom: solid 1px #ddd;

  padding-bottom: 15px;

  position: relative;

}

.urun-slider h1:before {

  content: '';

  position: absolute;

  border-top: 3px solid #404041;

  width: 12%;

  bottom: 0;

}

.urun-slider h1:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-left: 12px solid transparent;

  border-top: 12px solid #404041;

  border-right: 12px solid transparent;

  position: absolute;

  bottom: -11px;

  left: 5%;

}

.urun-slider .carousel {

  margin-bottom: 0;

  padding: 0 10px 30px;

}

/* The controlsy */

.urun-slider .carousel-control {

  height: 30px;

  width: 30px;

  background: #fff;

  /*border: 2px solid #b9b9b9;*/

  border-radius: 5px;

  margin-top: 15%;

  color: #404041;

  font-size: 146px;

  font-weight: 300;

  line-height: 20px;

}

.urun-slider .carousel-control.right {

  right: -18px;

}

.urun-slider .carousel-control.left {

  left: -18px !important;

}

/* The indicators */

.urun-slider .carousel-indicators {

  right: 50%;

  top: auto;

  bottom: -10px;

  margin-right: -19px;

}

/* The colour of the indicators */

.urun-slider .carousel-indicators li {

  background: #cecece;

}

.urun-slider .carousel-indicators .active {

  background: #428bca;

}

.urun_detay_main .urun-slider .item {

  padding: 0;

}

.urun_detay_main .urun-slider .item .urun-ad {

  max-height: 84px;

  min-height: 60px;

}

.urun_detay_main .ilgili-urun .item {

  height: 405px;

}

.urun-alt-slider .item {

  height: 390px;

}

.ilgili-urun .item {

  height: 300px;

}

.urun-slider .item:hover {

  background: #fafafa;

  border: solid 1px #e6e6e6;

}

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

  display: block;

}

.item:hover .sepete-ekle {

  display: block;

}

.urun_liste .urunler:hover .sepete-ekle {

  display: block;

}

.urun-slider .item .urun-resim {

  display: block;

  text-align: center;

}

.urun-alt-slider .item .urun-resim {}

.urun-slider span, a {

  font-family: 'Jost', 'Quicksand';

}

.urun-alt-slider .item .urun-resim img {

  width: auto;

  text-align: center;

  margin: 0 auto;

  height: 220px;

}

.fiyat {

  color: #404041;

  font-size: 15px;

  font-weight: 700;

  display: block;

}

button:focus {

  outline: none;

}

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







BLOG







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

.blog {

  /*background: #f6f5f3 url(/content/images/blog-bg.jpg) no-repeat left bottom;*/

  text-align: center;

  padding: 10px 0;

  margin-top: 20px;

}

.blog h2 {

  display: flex;

  width: 100%;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-family: 'Jost', ;

  font-size: 16px;

  font-weight: 400;

  margin: 10px 0 20px;

  border: none;

}

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

  content: '';

  border-top: 1px solid #B7B7B7;

  margin: 0 10px 0 10px;

  flex: 1 0 10px;

}

.blog .col-md-3 {

  margin-bottom: 20px;

}

.blog .blog-resim:after {

  content: "";

  transition-property: all;

  transition-duration: 0.3s;

  transition-timing-function: ease-in-out;

}

.blog .col-md-3:hover .blog-resim:after {

  content: "";

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  background: #b3070757;

  z-index: 2;

  top: 0;

}

.blog .col-md-3:hover .blog-resim, .blog .col-md-3:hover .blog-txt {

  background: #f9f9f9;

}

.blog .blog-resim {

  position: relative;

  height: 150px;

  background: #fff;

  overflow: hidden;

}

.blog .blog-resim img {

  width: 100%;

}

.blog a:hover {

  text-decoration: none;

}

.blog-txt {

  background: #fff;

  padding: 12px;

  text-align: left;

}

.blog-txt-ic {

  height: 140px;

  overflow: hidden;

}

.blog-txt h3 {

  font-size: 16px;

  font-weight: 500;

  color: #404041;

  text-transform: uppercase;

  margin-top: 10px;

}

.blog-txt p {

  font-size: 12px;

  font-weight: 500;

  color: #404041;

  height: 68px;

  overflow: hidden;

}

.tum-blog {

  color: #404041;

  border: solid 1px #B7B7B7;

  font-size: 14px;

  font-weight: bold;

  padding: 3px 6px;

  margin-top: 20px;

  width: auto;

  margin: 0 auto;

  display: inline-block;

  font-family: 'Raleway';

}

.tum-blog:hover {

  color: #404041;

  border: solid 1px #404041;

}

.tum-blog:before {

  content: "";

  width: 44%;

  border-top: solid 1px #B7B7B7;

  position: absolute;

  top: 15px;

  left: 0;

}

.tum-blog:after {

  content: "";

  width: 44%;

  border-top: solid 1px #B7B7B7;

  position: absolute;

  top: 15px;

  right: 0;

}

.tum-blog svg {

  margin-left: 8px;

}

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







BLOG LİSTE







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

.blog-liste {

  /*background: #f6f5f3 url(/content/images/blog-bg.jpg) no-repeat left bottom;*/

  text-align: center;

  padding: 10px 0;

  margin-top: 20px;

}

.blog-liste h2 {

  display: flex;

  width: 100%;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-family: 'Jost', ;

  font-size: 16px;

  font-weight: 400;

  margin: 10px 0 20px;

}

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

  content: '';

  border-top: 1px solid #B7B7B7;

  margin: 0 10px 0 10px;

  flex: 1 0 10px;

}

.blog-liste .col-md-3 {

  margin-bottom: 20px;

}

.blog-liste .blog-resim:after {

  content: "";

  transition-property: all;

  transition-duration: 0.3s;

  transition-timing-function: ease-in-out;

}

.blog-liste .col-md-3:hover .blog-resim:after {

  content: "";

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  background: #b3070757;

  z-index: 2;

  top: 0;

}

.blog-liste .col-md-3:hover .blog-resim, .blog .col-md-4:hover .blog-txt {

  background: #f9f9f9;

}

.blog-liste .blog-resim {

  position: relative;

  height: 150px;

  background: #fff;

  overflow: hidden;

}

.blog-liste .blog-resim img {

  width: 100%;

}

.blog-liste a:hover {

  text-decoration: none;

}

.blog-list .blog-txt {

  background: #f4f4f4;

}

.blog-list:hover {

  cursor: pointer;

}

.blog-liste .blog-resim {

  perspective: 500px;

  -webkit-perspective: 500px;

  -ms-perspective: 500px;

  -o-perspective: 500px;

  position: relative;

  width: 100%;

}

.blog-liste .blog-resim:hover img {

  transform: scale(1.05);

  -webkit-transform: scale(1.05);

}

.blog-liste .blog-resim img {

  transition: all 0.7s ease 0s;

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

  max-width: 100%;

  width: 100%;

}

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

.instagram {

  padding: 40px 0;

  display: none;

}

.instagram h2 {

  font-family: 'Raleway', cursive;

  font-size: 42px;

  color: #404041;

  text-align: center;

  padding-bottom: 20px;

}

.instagram li a {

  position: absolute;

  width: 100%;

  height: 100%;

}

.instagram li {

  float: left;

  width: 16.66666667%;

  padding: 0 5px 5px 0;

  height: 195px;

  position: relative;

}

.instagram li img {

  width: 195px;

  position: relative;

}

.instagram li a:after {

  content: "";

  transition-property: all;

  transition-duration: 0.3s;

  transition-timing-function: ease-in-out;

}

.instagram li:hover a:after {

  content: "";

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  background: #b3072680 url(/content/images/instagram-hover.png) no-repeat center;

  z-index: 3;

  top: 0;

}

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







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

.bulten-box {

  width: 100%;

  background: #404041;

  padding: 8px;

  font-size: 13px;

  color: #1F1F1F;

  border-radius: 25px;

  height: 60px;

  display: none;

}

.bulten-box .h3 {

  color: white;

  font-size: 20px;

  padding: 12px 15px;

  width: 50%;

  float: left;

  margin: 0;

}

.bulten-input {

  float: right;

  text-align: right;

  width: 50%;

  padding: 5px 0 0 0;

}

.bulten {

  width: 70%;

  border-radius: 15px 0 0 15px;

  padding: 8px 15px 10px;

  float: left;

  border: none;

}

.bulten-btn {

  border: none;

  border-radius: 0 15px 15px 0;

  background: #f19c52;

  color: white;

  padding: 8px 15px;

  float: left;

  width: 30%;

  font-size: 14px;

  -webkit-transition: .4s all;

  -o-transition: .4s all;

  transition: .4s all;

}

.bulten-btn:hover {

  background: #404041;

}

.bulten-btn svg {

  text-align: right;

  right: 12px;

  position: absolute;

  top: 4px;

  font-size: 22px;

}

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







FOOTER







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

footer {

  background: #fff;

  padding: 30px 0;

  font-family: 'Jost', 'Quicksand';

  font-weight: 300;

  border-top: solid 1px #eef0ef;

}

footer .h3 {

  font-family: 'Raleway', 'Montserrat', 'Quicksand';

  font-weight: bold;

  font-size: 18px;

  margin-top: 20px;

  margin-bottom: 10px;

}

footer h3 {

  font-family: 'Raleway', 'Montserrat', 'Quicksand';

  font-weight: bold;

  font-size: 18px;

  margin-top: 20px;

  margin-bottom: 10px;

}

footer p {

  color: #404041;

}

footer a {

  color: #404041;

  display: block;

  padding-bottom: 8px;

  font-weight: 300;

}

footer a:hover {

  text-decoration: none;

}

.footer-top {

  /*border-top:solid 1px #ddd;*/

  border-bottom: solid 1px #ddd;

  margin-bottom: 15px;

  padding-bottom: 15px;

  text-align: center;

}

.footer-top h3 {

  font-size: 20px;

  font-weight: 600;

  padding: 20px 0 0;

}

.footer-top .fotakip h3 {

  padding: 5px 0 0;

}

.footer-top p {

  font-size: 18px;

  font-weight: 500;

}

.whats p svg {

  font-size: 22px;

}

.footer-iletisim li {

  color: #404041;

  margin-bottom: 10px;

}

.footer-iletisim a {

  display: inline-block;

  font-family: Quicksand;

}

.footer-company {

  display: none;

}

.footer-takip {

  color: #404041;

  font-size: 26px;

  padding: 60px 0 0;

  text-align: center;

}

.footer-takip a {

  display: inline-block;

  margin-left: 8px;

}

#ETBIS {

  position: absolute;

  bottom: 5px;

  right: 3%;

}

.enalt {

  padding: 0;

}

.enalt span {

  color: #404041;

  font-weight: bold;

}

.design img {

    width: 160px;

    margin: 15px 0 0;

}



.mobil-none img {

    width: 120px;

    margin-top: 2px;

    margin-left: -13px;

}



.design {

  padding-top: 15px;

}

.bank img {

  max-height: 40px;

  margin: 5px;

}

.banner-box-bg {

  background: #eef0ef;

  padding: 15px 0 0;

  margin-bottom: 25px;

}

.combine .listeleme_link .indirim {

  top: 0;

  z-index: 1;

}

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







  ÜRÜN LİSTELEME







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

.urun_liste {

  padding: 35px 0;

  background: #f8f8f8;

}

.urun_liste .urunler {

  border: solid 1px transparent;

  border-right: solid 1px #e6e6e6;

  padding: 10px;

  background: white;

  margin-bottom: 30px;

  border-bottom: solid 1px #e6e6e6;

  margin: 15px 15px 15px 0;

  width: 32.1%;

  float: left;

  position: relative;

}

.urun_liste .urunler:hover {

  background: #fafafa;

  border: solid 1px #e6e6e6;

}

.urunler .listeleme_link .indirim {

  top: 5px;

}

.ozelfiyat:before {

  content: "";

  display: block;

  position: absolute;

  top: -15px;

  right: -18px;

  width: 110px;

  height: 110px;

  background-size: 80px;

}

.urun_liste a:hover {

  text-decoration: none;

}

.urun-marka {

  display: block;

  text-align: center;

  font-size: 15px;

  font-weight: bold;

  line-height: 16px;

  color: #404041;

  font-family: 'Raleway', sans-serif !important;

}

.urun-hacim {

  display: block;

  text-align: center;

  font-size: 12px;

  font-weight: 500;

  line-height: 16px;

  color: #404041;

}

.urun_liste h2 {

  height: 200px;

  overflow-y: scroll;

  font-size: 13px;

  color: #404041;

  line-height: 20px;

}

.urun_liste h2::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}

.urun_liste h2::-webkit-scrollbar {

  width: 8px;

  background-color: #F5F5F5;

}

.urun_liste h2::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background-color: #404041;

}

.urun_liste_baslik {

  font-family: 'Jostregular', cursive;

  font-size: 42px;

  color: #404041;

  text-align: center;

  padding-bottom: 5px;

  width: 100%;

  margin-bottom: 40px;

}

.urun-list {

  padding: 15px 0;

}

.urun-ad {

  max-height: 45px;

}

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







BREAD







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

.bread {

  display: block;

}

.bread .col-lg-12 {

  padding: 0 !important;

}

.breadcrumb {

  padding: 15px;

  margin: 0 0 10px 0;

  list-style: none;

  background-color: transparent;

  border-radius: 0px;

  border-bottom: solid 1px rgba(0, 0, 0, .12);

}

.breadcrumb a {

  color: #5c5c5c;

  font-weight: 400;

  margin: 0;

  padding-bottom: 10px;

  font-size: 16px;

}

.breadcrumb > .active {

  font-weight: 400;

}

.mt-3 {

  margin-top: 110px;

}

.urun_detay_main .breadcrumb > .active {

  display: none;

}

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







NAVS







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

nav > .nav.nav-tabs {

  border: none;

  color: #fff;

  background: transparent;

  border-radius: 0;

}

nav > div a.nav-item.nav-link, nav > div a.nav-item.nav-link {

  border: solid 2px transparent;

  padding: 3px 18px;

  color: #404041;

  background: transparent;

  border-radius: 0;

  width: auto;

  text-align: center;

  float: left;

  margin: 0 10px;

}

nav > div a.nav-item.nav-link.active {

  border: solid 2px #404041;

  color: #404041;

  padding: 1px 18px 3px 18px;

  border-radius: 30px;

  font-size: 14px;

  background: white;

} /*







nav > div a.nav-item.nav-link.active:after {







	content: "";







	position: absolute;







	bottom: -33px;







	left: 42%;







	border: 15px solid transparent;







	border-top-color: #dadada;







}*/

.tab-content {

  background: transparent;

  padding: 0px 25px;

}

.urun_liste .tab-content {

  padding: 0;

}

.combine .tab-content {

  margin-top: 15px;

}

nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus {

  border: solid 2px #404041;

  color: #404041;

  padding: 1px 18px 3px 18px;

  border-radius: 30px;

  font-size: 14px;

}

.nav-fill {

  display: block;

}

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







 PANEL







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

.filtre-body {

  padding-top: 15px;

}

.filtre-body .panel-body {

  padding: 0 15px 15px;

  overflow-y: auto;

}

.filtre-body .panel-default:after {

  content: "";

  display: block;

  clear: both;

}

.filtre-body .panel-body::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}

.filtre-body .panel-body::-webkit-scrollbar {

  width: 8px;

  background-color: #F5F5F5;

}

.filtre-body .panel-body::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background-color: #404041;

}

.filtre-body .panel .checkbox, .radio {

  padding-bottom: 5px;

  border-bottom: solid 1px #dedede;

}

.filtre-body .checkbox label, .radio label {

  min-height: 15px;

  padding-left: 20px;

  margin-bottom: 0;

  font-weight: 400;

  cursor: pointer;

  font-size: 12px;

}

.filtre-link {

  display: block;

  padding-bottom: 5px;

  border-bottom: solid 1px #dedede;

  margin: 0 0 5px 5px;

  font-weight: 400;

  font-size: 12px;

}

.mobil-filtre {

  display: none;

}

.filtre-box {

  position: relative;

  cursor: pointer;

}

.filtre-box p {

  padding: 4px 8px;

  border: solid 1px #ccc;

  border-radius: 3px;

  background: white;

}

.filtre-box p svg {

  float: right;

  -webkit-transition: .4s all;

  -o-transition: .4s all;

  transition: .4s all;

  margin-top: 3px;

}

.carp svg {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.list-alan {

  display: none;

}

.filtre-box .list-alan {

  position: absolute;

  right: 0;

  top: 20px;

  padding: 15px;

  border: solid 1px #ccc;

  background: white;

  border-top: none;

  z-index: 1;

  width: 100%;

}

.filtre-box .list-alan a {

  display: block;

  padding: 8px 0;

  border-bottom: solid 1px #ddd;

}

.panel {

  box-shadow: none;

  margin-bottom: 1px;

}

.panel-default > .panel-heading {

  color: #404041;

  background-color: #fff;

  border: none;

  text-transform: uppercase;

  font-weight: bold;

}

.panel-default {

  border: none;

  border-radius: 15px !important;

}

.panel-body {

  padding: 0 15px 15px;

}

.giris-body {

  padding: 30px;

}

.giris-body h4 {

  font-size: 38px;

  font-weight: 300;

}

.kayit-body {

  padding: 30px;

}

.kayit-body h4 {

  font-size: 38px;

  font-weight: 300;

}

.uye-giris-body .panel-body {

  padding: 0 15px;

  background: white;

  border: none !important;

}

.panel .checkbox, .radio {

  padding-bottom: 10px;

  border-bottom: solid 1px #dedede;

}

.filtre-btn {

  margin-top: 12px;

  display: block;

  background: #404041;

  color: white;

  border: none;

  padding: 1px 12px;

  width: 100%;

  text-align: left;

  position: relative;

  font-size: 16px;

  border: solid 2px #404041;

  border-radius: 8px;

}

.filtre-btn:hover {

  background: #fff;

  color: #404041;

}

.filtre-btn svg {

  text-align: right;

  position: relative;

  top: 0px;

  font-size: 22px;

}

.irs--flat .irs-bar {

  top: 25px;

  height: 12px;

  background-color: #404041 !important;

}

.irs--flat .irs-handle > i:first-child {

  background-color: #404041 !important;

}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {

  font-size: 12px !important;

  background-color: #404041 !important;

}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {

  border-top-color: #404041 !important;

}

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







PAGINATION







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

.pagination-container {

  text-align: center;

  clear: both;

}

.pagination > li > a, .pagination > li > span {

  position: relative;

  float: left;

  padding: 6px 12px;

  margin-left: -1px;

  line-height: 1.42857143;

  color: #404041;

  text-decoration: none;

  background-color: #fff;

  border: 1px solid #ddd;

}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {

  z-index: 1;

  color: #404041;

  cursor: default;

  background-color: #dadada;

  border-color: #dadada;

}

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







URUN DETAY







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

hr {

  margin-top: 10px;

  margin-bottom: 10px;

} /*







.preview {







	display: -webkit-box;







	display: -webkit-flex;







	display: -ms-flexbox;







	display: flex;







	-webkit-box-orient: vertical;







	-webkit-box-direction: normal;







	-webkit-flex-direction: column;







	-ms-flex-direction: column;







	flex-direction: column;







	width:55%;







	float:left;







	padding-right:30px;







}







.preview .bx-wrapper {







	border:none;







	box-shadow:none;







}*/

.star5 {

  background: url('/content/images/50_star.png') no-repeat top left;

}

.star4 {

  background: url('/content/images/40_star.png') no-repeat top left;

}

.star3 {

  background: url('/content/images/30_star.png') no-repeat top left;

}

.star2 {

  background: url('/content/images/20_star.png') no-repeat top left;

}

.star1 {

  background: url('/content/images/10_star.png') no-repeat top left;

}

.starsBox {

  width: 60px;

  height: 12px;

  display: inline-block;

  overflow: hidden;

  text-indent: 99999px;

}

.reviewsBox {

  padding-bottom: 10px;

}

.reviewsBox a, .reviewsBox a:hover {

  color: #404041;

  font-size: 12px;

}

.kat-uyar {

  text-align: center;

  border-top: solid 1px #404041;

  border-bottom: solid 1px #404041;

  padding: 20px;

  background: #fafafa;

  font-size: 13px;

  font-weight: 500;

}

.kat-uyar-txt {

  color: #404041;

  font-weight: bold;

}

.mt-13 {

  margin-top: 13px;

}

.ozelk {

  display: block;

  width: 100%;

  text-align: left;

  font-family: 'Raleway';

  font-size: 26px;

  font-weight: 400;

  margin: 25px 0;

  color: #404041;

  border-bottom: solid 1px #ddd;

  padding-bottom: 15px;

  position: relative;

}

.ozelk:before {

  content: '';

  position: absolute;

  border-top: 3px solid #404041;

  width: 12%;

  bottom: 0;

}

.ozelk:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-left: 12px solid transparent;

  border-top: 12px solid #404041;

  border-right: 12px solid transparent;

  position: absolute;

  bottom: -11px;

  left: 5%;

}

.yeni-alan-bsk .ozelk {

  display: block;

  width: 100%;

  text-align: center;

  font-family: 'Raleway';

  font-size: 26px;

  font-weight: 400;

  margin: 25px 0 0;

  color: #404041;

  border-top: solid 1px #ddd;

  border-bottom: solid 1px #ddd;

  padding: 15px 0;

  position: relative;

  background: #f8f8f8;

}

.yeni-alan-bsk .ozelk:before {

  content: '';

  position: absolute;

  border-top: 5px solid #404041;

  width: 12%;

  bottom: 0;

}

.yeni-alan-bsk .ozelk:after {

  content: none;

  display: block;

  width: 0;

  height: 0;

  border-left: 12px solid transparent;

  border-top: 12px solid #404041;

  border-right: 12px solid transparent;

  position: absolute;

  bottom: -11px;

  left: 5%;

}

.taksit-table-bsl {

  background: #f5f5f5;

  text-align: center;

  padding: 8px 0;

  border-radius: 12px 12px 0 0;

  border: solid 1px #ddd;

}

.table-text {

  background: #f1f1f1;

  text-align: center;

  padding: 0 50px;

  font-size: 16px;

  width: 30%;

  vertical-align: middle;

}

.table-text h4 {

  font-weight: 600;

  font-size: 30px;

  padding: 0;

  margin: 0 0 20px;

  line-height: 26px;

}

.table-text p {}

.table-img {

  width: 70%;

}

.table-img img {

  width: 100%;

}

.table-ozel {

  background: #f9f9f9;

  border-top: solid 1px #ddd;

  border-bottom: solid 1px #ddd;

}

.table-ozel td {

  text-align: center;

  padding: 40px 15px;

  font-size: 15px;

}

.table-ozel h5 {

  font-weight: 600;

  font-size: 26px;

  padding: 0;

  margin: 0 0 20px;

  line-height: 24px;

}

.ozellik {

  padding: 20px 0;

  font-size: 15px;

}

.detay-rait {

  margin: 20px 0 5px;

  border-bottom: solid 1px #e2e2e2;

  padding: 20px 0 20px;

}

.detay-rait .yor a {

  width: 100%;

  text-align: left;

}

.detay-rait a {

  color: #404041;

  font-weight: bold;

  text-align: center;

  width: 85%;

  display: block;

  font-size: 22px;

}

.detay-rait a:hover svg {

  color: #404041;

}

.detay-rait a svg {

  color: #404041;

  width: 100% !important;

  text-align: center;

}

.detay-rait a span {

  display: block;

  padding-left: 5px;

  text-align: center;

  line-height: 14px;

}

.detay-rait a :link svg, .detay-rait a:visited svg {

  color: #404041;

}

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

  .preview {

    margin-bottom: 20px;

  }

} /*







.preview-pic {







	-webkit-box-flex: 1;







	-webkit-flex-grow: 1;







	-ms-flex-positive: 1;







	flex-grow: 1;







	max-height:600px;







	height:auto;







	overflow:hidden;







	display:block;







	position:relative;







}*/

.preview-thumbnail.nav-tabs {

  border: none;

  margin-top: 15px;

}

.preview .preview-thumbnail.nav-tabs li {

  width: 100px;

  margin-right: 2.5%;

}

.preview .owl-nav {

  position: absolute;

  top: 40%;

}

.preview-thumbnail.nav-tabs li {

  width: 12%;

  margin-right: 2.5%;

}

.preview-thumbnail.nav-tabs li img {

  max-width: 100%;

  display: block;

}

.preview-thumbnail.nav-tabs li a {

  padding: 0;

  margin: 0;

}

.preview-thumbnail.nav-tabs li:last-of-type {

  margin-right: 0;

}

.urun_detay_main .tab-content {

  overflow: hidden;

  background: #fff;

  border: none;

  padding: 0;

  width: 500px;

  margin: 0 auto;

}

.tab-content img {

  width: 100%;

  /*-webkit-animation-name: opacity;







	animation-name: opacity;







	-webkit-animation-duration: .3s;







	animation-duration: .3s;*/

}

.preview:after {

  content: "";

  display: block;

  clear: both;

}

.preview-thumbnail-box {

  width: 30%;

  float: left;

}

.preview-thumbnail li {

  width: 50%;

  float: left;

  padding: 10px;

  height: 130px;

  overflow: hidden;

}

.preview-thumbnail li img {

  width: 100%;

}

.card {

  background: #fff;

  padding: 3em 0;

  line-height: 1.5em;

}

.card-sav label {

  width: 100%;

  border-top: solid 2px #ddd;

  padding-top: 15px;

  font-weight: 600 !important;

}

.card-sav .input-group label {

  padding: 0 0 0 25px;

  border: none;

}

.savedCardContainer {

  padding: 15px 0;

  border-bottom: solid 1px #ddd;

  margin-bottom: 15px;

}

.savedCardContainer .col-md-12 label {

  margin-right: 15px;

}

.savedCardContainer .col-md-12 label svg {

  display: none;

}

.savedCardContainer .btn-sm:hover, .savedCardContainer .btn-sm:focus {

  background: #404041;

  border: solid 1px #404041;

  color: #fff;

}

#paymentMethod2 .panel-title {

  color: #404041;

}

#paymentMethod2 .panel-default > .panel-heading + .panel-collapse > .panel-body {

  padding: 15px 0;

}

#paymentMethod2 .panel-default > .panel-heading {

  text-transform: capitalize;

}

.save-card-list li {

  width: 33%;

  padding: 15px;

  display: inline-block;

  text-align: center;

}

.save-card-number {

  border: solid 1px #ddd;

  background: #f8f8f8;

  padding: 25px 15px 15px;

  border-radius: 12px;

  margin: 5px 0 10px;

}

.save-card-name {

  text-align: left;

}

.save-card-number p {

  font-size: 16px;

  font-weight: bold;

  text-align: center;

  padding: 5px 0;

  background: white;

  margin: 5px 0;

}

.save-card-number span {

  display: block;

  width: 100%;

  text-align: right

}

.save-card-sil .delete-card {

  padding: 5px 6px;

  background: #fff;

  border: solid 1px #404041;

  color: #404041;

  border-radius: 0;

}

.save-card-sil .delete-card:hover {

  background: #404041;

  border: solid 1px #404041;

  color: #fff;

}

@media screen and (min-width: 997px) {

  .wrapper {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

  }

}

.colors {

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}

.product-title, .price, .sizes, .colors {

  font-weight: bold;

}

.checked, .price span {

  color: #ff9f1a;

}

.product-title, .rating, .product-description, .price, .vote, .sizes {

  margin-bottom: 15px;

}

.size {

  margin-right: 10px;

}

.size:first-of-type {

  margin-left: 40px;

}

.color {

  display: inline-block;

  vertical-align: middle;

  margin-right: 10px;

  height: 2em;

  width: 2em;

  border-radius: 2px;

}

.color:first-of-type {

  margin-left: 20px;

} /*







.add-to-cart, .like {







	background: #404041;







	padding: 1.2em 1.5em;







	border: none;







	text-transform: UPPERCASE;







	font-weight: bold;







	color: #fff;







	-webkit-transition: background .3s ease;







	transition: background .3s ease;







}







.add-to-cart:hover, .like:hover {







	background: #404041;







	color: #fff;







}*/

.not-available {

  text-align: center;

  line-height: 2em;

}

.not-available:before {

  font-family: fontawesome;

  content: "\f00d";

  color: #fff;

}

.orange {

  background: #ff9f1a;

}

.green {

  background: #85ad00;

}

.blue {

  background: #0076ad;

}

.tooltip-inner {

  padding: 1.3em;

}

@-webkit-keyframes opacity {

  0% {

    opacity: 0;

    -webkit-transform: scale(3);

    transform: scale(3);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

@keyframes opacity {

  0% {

    opacity: 0;

    -webkit-transform: scale(3);

    transform: scale(3);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}

.product-title {

  font-family: 'Jost', 'Quicksand', sans-serif;

  margin-top: 0;

  font-size: 16px;

  font-weight: 500;

  color: #404041;

}

.details h1 {

  font-family: raleway;

  margin-top: 0;

  font-size: 34px;

  font-weight: 800;

  color: #313131;

}

.details { /*







    letter-spacing: .03px;







	width:45%;







	float:left;*/

}

.details .h1 {

  margin-top: 0;

  font-family: 'Jost', cursive;

  color: #404041;

  font-size: 18px;

  font-weight: 900;

  border: none;

  padding-bottom: 0;

}

.details .h1 a {

  margin-top: 0;

  font-family: 'Jost', cursive;

  color: #404041;

  font-size: 26px;

  font-weight: 900;

  border: none;

  padding-bottom: 0;

}

.product-code {

  font-size: 13px;

  color: #404041;

  padding-top: 20px;

}

.kisa-ozet {

  font-size: 16px;

  color: #585858;

  font-weight: normal;

  line-height: inherit;

  font-family: 'Jost';

}

.kisa-ozet a {

  display: block;

}

.sepet-alan {

  padding: 10px 0 0;

}

.sepet-alan:after {

  content: "";

  display: block;

  clear: both;

}

.detay-kampanya {

  clear: both;

  padding-top: 20px;

}

.detay-kampanya img {

  width: 100%;

}

.marka-img {

  position: relative;

}

.marka-img img {

  /*width:100%;*/

  position: absolute;

  top: -50px;

  right: 0px;

  width: 110px;

}

.sepet-alan-fi {

  float: none;

  padding: 0 0 20px;

  margin-bottom: 10px;

  position: relative;

  width: 100%;

  border-bottom: solid 1px #ddd

}

.details .sepet-alan-fi .fiyat {

  display: block;

  font-weight: 900;

  font-size: 32px;

  padding-top: 0px;

  font-family: 'Quicksand', Jost;

  color: #404041;

}

.havale-fi {

  font-weight: 700;

  font-size: 20px;

}

.havale-fi span {

  color: #404041;

}

.sepet-alan-fi .indirim {

  font-family: 'Jost', 'Quicksand', sans-serif;

  font-size: 16px;

  font-weight: 500;

  font-style: normal;

  color: #fff;

  text-align: center;

  background-color: #cf3a56;

  padding: 15px;

  margin-right: 15px;

  display: block;

  width: min-content;

  position: relative;

}

.sepet-alan-fi .indirim:after {

  border-bottom: 8px solid transparent;

  border-left: 8px solid #cf3a56;

  border-top: 8px solid transparent;

  content: "";

  right: -8px;

  position: absolute;

  bottom: 10px;

}

.sepet-alan-fi .indirimsiz-f {

  color: #727272;

  text-decoration: line-through;

  font-size: 16px;

  font-weight: 400;

  font-family: tahoma;

}

.sepet-alan-fi .indirimli-f {

  color: #404041;

  font-size: 28px;

  font-weight: bold;

  position: absolute;

  top: 40px;

  left: 18.5%;

}

.qty {

  width: 80px;

  background: #fff;

  position: relative;

  padding: 0;

  /* float: right; */

  margin-top: 0px !important;

  margin-right: 10px;

  display: inline-flex;

}

.qty .count {

  color: #404041;

  display: inline-block;

  vertical-align: top;

  font-size: 18px;

  font-weight: bold;

  line-height: 37px;

  padding: 0 0 0 15px;

  text-align: center;

  margin-left: 1px;

  border: solid 1px #ddd;

  border-radius: 0;

  width: 80px;

}

.qty .plus {

  font-size: 12px;

  cursor: pointer;

  display: inline-block;

  position: absolute;

  right: 0px;

  top: 8px;

  background: white;

  width: 22px;

  height: 21px;

  padding: 2px 0 0 4px;

  text-align: left;

}

.qty .minus {

  font-size: 12px;

  cursor: pointer;

  display: inline-block;

  position: absolute;

  left: 2px;

  top: 10px;

  background: white;

  width: 22px;

  height: 24px;

  padding-left: 4px;

  background-color: white !important;

}

.minus:hover {

  color: #717fe0 !important;

}

.plus:hover {

  color: #717fe0 !important;

}

/*Prevent text selection*/

.qty span {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

}

.qty input {

  border: 0;

  width: 2%;

}

.qty input::-webkit-outer-spin-button, .qtyinput::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

.qty input {

  background-color: #fff;

}

.barkod {

  display: none;

}

.detay-ekle {

  display: inline-block;

  margin: 25px auto;

  padding: 8px 16px;

  border: solid 1px;

  color: #5c5c5c;

  background: transparent;

  -webkit-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}

.detay-ekle img {

  width: 25px;

}

.detay-ekle:hover {

  border: solid 1px;

  color: #fff;

  background: #5c5c5c;

}

.urun_detay_main .tab-content > .active {

  padding: 0;

}

.product-fiyat {

  position: relative;

  padding: 20px 0 10px;

  margin-bottom: 10px;

  z-index: 2;

}

.product-fiyat span {

  position: absolute;

  left: 0;

  top: 0;

  border-radius: 50px;

  background: #404041;

  color: #fff;

  padding: 5px 8px;

  width: 90px;

  overflow: hidden;

  height: 90px;

  line-height: 22px;

  text-align: center;

  font-size: 18px;

  display: flex;

  align-items: center;

}

.product-fiyat a {

  border: solid 1px #404041;

  color: #404041;

  padding: 8px 8px;

  margin-right: 15px;

}

.product-fiyat span.ucretsiz-kargo {

  position: absolute;

  left: inherit;

  right: 0;

  top: 0;

  border-radius: 50px;

  background: #404041;

  color: #fff;

  padding: 5px 8px;

  width: 90px;

  overflow: hidden;

  height: 90px;

  line-height: 22px;

  text-align: center;

  font-size: 18px;

  display: flex;

  align-items: center;

}

/*







.details .product-fiyat .fiyat {







	display:inline-block;







	font-weight:700;







	font-size:18px;







	padding-top:0px;







}















.product-fiyat .indirim {







	font-family: 'Jost' ,'Quicksand', sans-serif;







	font-size: 16px;







	font-weight: 500;







	font-style: normal;







	color: #fff;







	text-align: center;







	background-color: #cf3a56;







	padding: 15px;







	margin-right: 15px;







	display: block;







	width: min-content;







	position: relative;







}







.product-fiyat .indirim:after {







	border-bottom: 8px solid transparent;







	border-left: 8px solid #cf3a56;







	border-top: 8px solid transparent;







	content: "";







	right: -8px;







	position: absolute;







	bottom: 10px;







}







.product-fiyat .indirimsiz-f {







	color: #727272;







	text-decoration: line-through;







	font-size: 24px;







	font-weight: bold;







	position: absolute;







	top: 3px;







	left: 18.5%;







}







.product-fiyat .indirimli-f {







	color: #404041;







	font-size: 28px;







	font-weight: bold;







	position: absolute;







	top: 40px;







	left: 18.5%;







}







*/

.urun_detay_main .sepete-ekle {

  color: #fff;

  background: #404041;

  font-size: 15px;

  font-weight: 500;

  padding: 8px 14px;

  margin-left: 20px;

  width: initial;

  display: block;

  float: right;

  border: solid 1px #404041;

  margin-right: 0px;

}

.urun_detay_main .sepete-ekle:hover {

  background: #fff;

  color: #404041;

}

.urun_detay_main .sepete-ekle svg {

  margin-left: 6px;

}

.sosyal-medya {

  clear: both;

  padding: 20px 0;

}

.sosyal-medya a {

  padding: 5px 8px;

  margin: 0 10px;

  color: #404041;

}

.sosyal-medya .fa-facebook {

  color: #4267b2;

}

.sosyal-medya .fa-twitter {

  color: #1da1f2;

}

.sosyal-medya .fa-instagram {

  color: #d82b7d;

}

.kargo_firsat {

  border: solid 1px #000 !important;

  color: #000 !important;

}

.kargo_firsat img {

  margin-right: 10px;

}

.kargo_firsat p {

  padding-bottom: 8px;

  margin-bottom: 8px;

  border-bottom: solid 1px #e2e2e2;

}

.kargo_firsat p:last-child {

  border: none;

}

.marka-aciklama {

  /*max-height: 200px;







    overflow-y: auto;*/

  font-size: 13px;

  color: #404041;

  line-height: 20px;

  margin-bottom: 20px;

}

.marka-aciklama::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}

.marka-aciklama::-webkit-scrollbar {

  width: 8px;

  background-color: #F5F5F5;

}

.marka-aciklama::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background-color: #404041;

}

.urun-aciklama {

  text-align: center;

}

.urun-aciklama li {

  left: 42%;

  text-align: center;

}

.urun-aciklama li.active {

  background: #f9f9f9;

}

.urun-aciklama .nav-tabs > li a {

  padding: 10px 15px 19px;

  color: #3d3e3e;

}

.urun-aciklama .nav-tabs > li.active > a {

  font-size: 20px;

  background: #f9f9f9;

  padding: 10px 15px;

  color: #d87390;

}

.aciklama-body .tab-content {

  border: none;

  padding: 0;

}

.aciklama-body .tab-content > .active {

  background: #f9f9f9;

  padding: 30px 0;

}

.Detay_gezinti {

  padding: 30px 0;

}

.callForm {

  padding: 25px;

  border-top: solid 1px #e2e2e2;

  border-bottom: solid 1px #e2e2e2;

  text-align: center;

  margin-bottom: 30px;

}

.showCallForm {

  font-family: 'Raleway', cursive;

  color: #5f5f5f;

  font-size: 24px;

  text-align: center;

  margin-bottom: 20px;

  display: block;

}

.callForm input {

  width: 100%;

  padding: 10px;

}

.sizi-ara {

  display: block;

  background: #c3827d;

  color: #fff;

  border: none;

  padding: 12px;

  width: 100%;

  text-align: left;

  position: relative;

  font-size: 16px;

}

.sizi-ara svg {

  float: right;

}

.sizi-ara:hover {

  background: #BBBBBB;

}

.yorum-body .h2 {

  display: block;

  width: 100%;

  text-align: left;

  font-family: 'Raleway';

  font-size: 26px;

  font-weight: 400;

  margin: 25px 0;

  color: #404041;

  border-bottom: solid 1px #ddd;

  padding-bottom: 15px;

  position: relative;

}

.yorum-body .h2:before {

  content: '';

  position: absolute;

  border-top: 3px solid #404041;

  width: 12%;

  bottom: 0;

}

.yorum-body .h2:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-left: 12px solid transparent;

  border-top: 12px solid #404041;

  border-right: 12px solid transparent;

  position: absolute;

  bottom: -11px;

  left: 5%;

}

.yorum-main {

  margin-left: 0;

  margin-right: 0;

  padding: 15px;

  background: #f7f7f7;

}

.yorum-main textarea.form-control {

  height: 200px;

}

.yorum-main li {

  background: #fff;

  margin-bottom: 15px;

  padding: 15px;

}

.yorum-main li h5 {

  margin: 10px 0;

  padding: 0;

  font-size: 14pt;

  font-weight: 900;

  font-family: Fahkwang;

  color: #404041;

}

.yorum-main li p {

  margin: 0 0 20px 0;

  font-size: 13px;

}

.yorum-main .form-control {

  margin: 0 0 10px 0;

}

.yorum-form {

  display: none;

  margin-top: -50px;

  z-index: 9;

  position: relative;

}

.yorum-yap {

  margin-bottom: 15px;

  font-size: 14px;

}

.yorum-yap svg {

  margin-right: 5px;

}

.btn-primary {

  color: #fff;

  background-color: #404041;

  border-color: #404041;

  border-radius: 0px;

  padding: 5px 12px;

}

.btn-primary:hover {

  color: #404041;

  background-color: #fff;

  border-color: #404041;

}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {

  color: #404041;

  background-color: #fff;

  border-color: #404041;

}

.uye-page .btn-primary, .uye-page .btn-warning {

  font-size: 13px;

  padding: 5px 10px;

}

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







ÜRÜN DETAY SON







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

.listeleme-banner {

  margin: 20px 0 20px 0;

  width: 100%;

}

.listeleme-banner img {

  width: 100%;

}

.listeleme-banner .carousel-control {

  text-shadow: none;

}

.listeleme-banner .carousel-inner > .item {

  height: 366px;

}

.listeleme-banner .carousel-inner > .next {

  height: 378px;

}

.urun_detay_main .show.collapse.in {

  display: block !important;

}

.urun_detay_main .show.collapse {

  display: none !important;

}

.urun_detay_main acik {

  display: block !important;

}

.hr {

  border-top: solid 1px #e2e2e2;

  padding-top: 10px;

}

.hr .panel-group .panel {

  border-radius: 0;

  box-shadow: none;

  border-color: #EEEEEE;

}

.hr .panel-default > .panel-heading {

  padding: 0;

  border-radius: 0;

  color: #404041;

  background-color: #FAFAFA;

  border-color: #EEEEEE;

}

.hr .panel-title {

  font-size: 16px;

  font-family: 'Raleway' !important;

  text-transform: none !important;

  font-weight: 400 !important;

}

.hr .panel-title > a {

  display: block;

  padding: 15px;

  text-decoration: none;

  font-family: 'Raleway' !important;

  font-weight: 400;

  color: #404041;

}

.hr .more-less {

  float: right;

  color: #404041;

  font-size: 12px;

}

.hr .panel-default > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #EEEEEE;

  padding: 30px 15px;

}

.hr .panel-default > .panel-heading + .panel-collapse > .panel-body strong {

  font-weight: bold;

}

#fayda ul {

  margin-left: 25px;

}

#fayda ul li {

  list-style-type: disc;

}

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







ÜYE GİRİŞ ALANI







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

.giris {

  float: right;

}

.uye-giris {

  position: relative;

  padding: 30px 0;

}

.uye-giris:before {

  content: "";

  display: block;

  position: absolute;

  width: 50%;

  height: 100%;

  background: rgb(247 247 247);

  top: 0;

  left: 0;

}

.uye-giris .container {

  background: transparent;

}

.uye-giris-body {

  width: 550px;

  margin: 0 auto;

  padding: 15px; /*







    background: white;







    box-shadow: 0 0 8px 0px #b9b8b9;*/

  border-radius: 22px;

}

.uye-giris .panel-group {

  background: transparent;

}

.bigger {

  font-size: 14px;

}

.block-item {

  display: block;

}

.kayitradio {

  float: left;

  margin-right: 8px !important;

}

.smaller {

  font-size: 12px;

  display: block;

  font-weight: 400;

}

.uye-giris .panel-default > .panel-heading {

  text-transform: none;

  background: #404041;

  padding: 15px;

  color: white;

  border-radius: 3px;

}

.uye-giris .panel-title {

  cursor: pointer;

}

.uye-giris .panel-title a:hover {

  color: white;

}

.uye-giris .panel-title label {

  display: block;

  cursor: pointer;

}

.uye-giris .form-horizontal .control-label {

  padding-top: 7px;

  margin-bottom: 0;

  text-align: left;

  font-size: 15px;

  font-weight: 400;

}

.uye-giris input {

  border-radius: 0;

}

.col48 {

  width: 48%;

  float: left;

  margin-right: 2%;

}

.col50 {

  width: 50%;

  float: left;

}

.col100 {

  width: 100%;

}

.uye-giris .btn-default {

  width: -webkit-fill-available;

}

.uye-giris .btn-default svg {}

.facebtn .face-icon {

  width: 25%;

  float: left;

  text-align: center;

  padding: 12px 0;

  background: #284490;

}

.facebtn a {

  width: 75%;

  float: left;

  padding: 8px 12px;

  text-align: left;

  color: #fff;

  line-height: 14px;

}

.facebtn a span {

  font-size: 11px;

}

.gobtn {

  border: solid 1px #e2e2e2;

  border-radius: 3px;

  overflow: hidden;

  display: none;

}

.gobtn:hover {

  background: #e0e0e0;

}

.gobtn .google-icon {

  width: 25%;

  float: left;

  text-align: center;

  padding: 12px 0;

  border-right: solid 1px #e2e2e2;

}

.gobtn a {

  width: 75%;

  float: left;

  padding: 8px 12px;

  text-align: left;

  color: #404041;

  line-height: 14px;

}

.gobtn a span {

  font-size: 11px;

}

.facebtn {

  background-color: #3a559f;

  border-radius: 3px;

  overflow: hidden;

  display: none;

}

.facebtn:hover {

  background: #284490;

}

.whats {

  display: none;

}

.sepet-bos {

  background: #f4f4f4;

  padding: 150px 20px;

  text-align: center;

  width: 100%;

  border: solid 1px #dcdcdc;

}

.sepet-bos h2 {

  font-size: 22px;

  color: #404041;

  padding-top: 10px;

}

.basla {

  border: solid 2px #404041;

  color: #404041;

  padding: 3px 18px;

  border-radius: 30px;

  font-size: 14px;

}

.basla:hover {

  background: #404041;

  color: white;

}

.card-ban {

  margin: 0 -15px 20px;

}

.card-ban img {

  width: 100%;

}

.sepet-body {

  padding: 40px 0;

}

.sepet-header {

  background: #f2f2f2;

  padding: 8px;

  margin-bottom: 20px;

}

.sepet-header .sepet-box-ic {

  height: inherit !important;

}

.sepet-box-ic {

  padding-left: 0 !important;

  align-items: center;

  height: 90px;

  display: flex;

}

.sepet-box-ic .qty {

  left: 0;

}

.sepet-box-ic .qty .minus {

  top: 8px;

}

.sepet-ad label {

  font-size: 12px;

  font-weight: 400;

  display: block;

}

.sepet-ad a {

  color: #404041;

  font-weight: bold;

}

.sepet-adet input {

  width: 60px;

}

.sepet-adet {

  float: left;

}

.sepet-toplam {

  float: left;

}

.sepet-row {

  padding: 15px 0;

  border-top: solid 1px #e2e2e2;

  border-bottom: solid 1px #e2e2e2;

}

.sepet-row:hover {

  background: #f4f4f4;

  cursor: pointer;

}

.sepet-sil .cartRemove {

  background: transparent;

  box-shadow: none;

}

.sepet-img .thumbnail {

  border: none;

}

.hediye-body {

  border: solid 1px #404041;

  padding: 10px;

}

.sepet-birim strike {

  display: block;

}

.hediye-body .btn-default {

  font-size: 12px;

  padding: 2px 8px;

  color: #404041;

  background-color: #fff;

  border: solid 1px #404041;

  border-radius: 0;

}

.hediye-body .carousel-indicators {

  display: none;

}

.hediye-body span {

  display: block;

  font-size: 12px;

  font-weight: bold;

  line-height: 14px;

  margin-bottom: 7px;

}

.hediye-body a {

  border: solid 1px #404041;

  padding: 3px 8px;

  color: #404041;

  font-size: 12px;

}

.hediye-body a:hover {

  background: #404041;

  color: #fff;

  text-decoration: none;

}

.tumgor {

  text-align: center;

  padding-top: 25px;

}

.tumgor a {

  padding: 3px 8px;

  font-size: 12px;

  background: #404041;

  color: #fff;

  text-decoration: none;

}

.tumgor a:hover {

  border: solid 1px #404041;

  color: #404041;

  background: #fff;

  text-decoration: none;

}

.hediye-body ul {

  margin-bottom: 10px;

}

.hediye-body ul:after {

  content: "";

  display: block;

  clear: both;

  border-bottom: dashed 1px #bfbfbf;

  padding-top: 10px;

}

.hediye-body li img {

  height: 80px;

}

.hediye-body h2 {

  font-size: 22px;

  text-align: center;

  padding: 0 0 10px 0;

  margin: 0;

  color: #ce897d;

  border-bottom: dashed 1px #bfbfbf;

}

.hediye-body h3 {

  font-size: 14px;

  text-align: center;

  font-weight: bold;

  margin-top: 5px;

  color: #404041;

}

.hediye-body .carousel-indicators .active {

  background: #404041;

}

.hediye-body .content {

  margin-top: 20px;

}

.hediye-body .adjust1 {

  text-align: center;

  width: 100%;

  margin-bottom: 0;

  padding: 0 25px;

}

.hediye-body .adjust1 img {

  height: 75px;

  /* border: solid 1px #404041;







    border-radius: 10px;*/

}

.hediye-body .adjust2 {

  margin: 0;

  text-align: center;

}

.hediye-body .carousel-indicators li {

  border: 1px solid #ccc;

}

.hediye-body .carousel-control {

  color: #404041;

  width: 5%;

  border: none;

}

.hediye-body .carousel-control img {

  position: absolute;

  top: 52%;

}

.hediye-body .carousel-control:hover, .hediye-body .carousel-control:focus {

  color: #404041;

  background: transparent;

}

.hediye-body .carousel-control.left, .hediye-body .carousel-control.right {

  background-image: none;

}

.hediye-body .media-object {

  margin: auto;

  margin-top: 15%;

}

.hediye-body .caption {

  height: initial;

  overflow: initial;

  padding: 10px 0 10px 0;

  clear: both;

}

.hediye-body .carousel-indicators {

  bottom: 25px !important;

}

.hediye150 {

  border-top: dashed 1px #bfbfbf;

  margin-top: 5px;

  padding-bottom: 10px;

}

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

  .hediye-body .media-object {

    margin-top: 0;

  }

}

.sepet-toplam-br {

  border-bottom: solid 1px #e2e2e2;

  padding: 15px 10px 10px;

}

.sepet-toplam-brs {

  padding: 15px 10px;

}

.sepet-toplam-brs h3 {

  font-size: 16px;

}

.btn-default {

  color: #404041;

  background-color: #fff;

  border-color: #404041;

  border-radius: 3px;

}

.btn-default:hover {

  color: #fff;

  background-color: #404041;

  border-color: #404041;

}

.toplam-btn {

  margin-top: 15px;

  width: 100%;

}

.toplam-btn .btn-default {

  float: left;

}

.toplam-btn .btn {

  border-radius: 3px;

}

.toplam-btn .btn-success {

  background-color: #404041;

  border-color: #404041;

  color: #fff;

}

.toplam-btn .btn-success:hover {

  background-color: #fff;

  color: #404041;

}

.col {

  flex-basis: 0;

  flex-grow: 1;

  max-width: 100%;

}

.col-auto {

  flex: 0 0 auto;

  width: auto;

}

.no-padding {

  padding: 0;

}

.kupon {

  margin-top: 20px;

}

.kupon .applyDiscount {

  background-color: #404041;

  color: #fff;

  border-radius: 3px;

}

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







SİPARİŞ SAYFALARI







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

.siparis-bg .well {

  background-color: none;

  padding: 0;

  border: none;

  box-shadow: none;

  background-color: #f2f2f2;

}

.siparis-bg .container-fluid {

  background-color: #fff;

  border: 1px solid #e3e3e3;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

  margin-left: 15px;

}

.siparis-bg {

  background: #f2f2f2;

  padding-top: 20px;

}

.page-header {

  margin: 0px;

}

.siparis-tab {

  padding: 20px 0;

  background: #f2f2f2;

}

.siparis-bg label {

  font-weight: 400;

  font-size: 13px;

}

.siparis-bg input {

  border-radius: 3px;

}

.siparis-bg select {

  border-radius: 3px;

}

.step-form .list-group-item {

  border: none;

}

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

  margin-bottom: 15px;

  border: solid 1px #ddd;

  background: #fafafa;

  border-radius: 0px;

}

.right-toplam h1 {

  font-size: 20px;

  text-align: center;

  border-bottom: dashed 1px #e2e2e2;

  padding-bottom: 10px;

  font-weight: bold;

}

.right-toplam span {

  font-size: 14px;

  font-weight: bold;

}

.right-toplam span.text-danger {

  color: black;

}

.right-toplam {

  display: inline-block;

  background: #404041;

  border: 1px solid #e3e3e3;

  padding: 0 0 20px 0;

  border-radius: 0px;

  color: white;

}

.right-toplam a {

  color: white;

}

.right-toplam .sepet-toplam-br {

  margin-bottom: 10px;

  height: 55px;

  display: flex;

  align-items: center;

}

.right-toplam .sepet-toplam-br2 {

  border-bottom: solid 1px #e2e2e2;

  padding-bottom: 10px;

  height: 55px;

  display: flex;

  align-items: center;

}

.right-toplam .sepet-toplam-brs {

  font-weight: bold;

  height: 55px;

  display: flex;

  align-items: center;

}

.right-toplam .sepet-toplam-brs p {

  padding-top: 10px;

}

.right-toplam .sepet-toplam-brs h4 {

  font-weight: bold;

}

.right-toplam .col-xs-5 {

  padding-left: 0;

  padding-right: 0;

}

.btn-group-sm > .btn, .btn-sm {

  border-radius: 3px;

}

.siparis-btn {

  background: white;

  color: black;

  padding: 8px 16px;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 600;

  box-shadow: 5px 5px 5px #222;

}

.siparis-btn:hover {

  background-color: #fff;

  color: #404041;

  border: solid 1px #404041;

  text-decoration: none;

}

.step-form .siparis-btn {

  background-color: #404041;

  width: 100%;

  color: #fff;

  border: none;

  display: block;

  text-align: center;

  padding: 10px;

  font-size: 14px;

  border-radius: 3px;

}

.step-form .siparis-btn:hover {

  background-color: #fff;

  color: #404041;

  border: solid 1px #404041;

  text-decoration: none;

}

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

  background-color: transparent;

  color: #404041;

}

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

  background-color: transparent;

  color: #404041;

}

.siparis-tab li a {

  background: transparent;

  position: relative;

  color: #eab281;

}

.siparis-tab li a svg {

  font-size: 40px;

}

.siparis-tab li:last-child a:after {

  content: none;

  display: none;

}

.siparis-tab li a:after {

  content: none;

  display: block;

  position: absolute;

  width: 240px;

  border-bottom: solid 3px #dcd8d8;

  top: 42px;

  right: -135px;

  z-index: -1;

}

.siparis-tab span {

  display: block;

  width: 65px;

  height: 65px;

  border-radius: 60px;

  padding: 8px 0 0 0;

  margin: 0 auto;

  color: #eab281;

}

.siparis-tab li:before {

  content: "";

  display: block;

  clear: both;

  border-bottom: solid 2px #eab281;

  top: 70px;

  position: absolute;

  width: 100%;

}

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

  display: block;

  width: 65px;

  height: 65px;

  border-radius: 60px;

  padding: 8px 0 0 0;

  margin: 0 auto;

  color: #d0d0d0;

}

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

  color: #d0d0d0;

}

.siparis-tab li.disabled:before {

  content: none;

  display: block;

  clear: both;

  border-bottom: solid 2px #404041;

  top: 70px;

  position: absolute;

  width: 100%;

}

.siparis-tab li {

  position: relative;

}

.siparis-tab li.active > a span {

  display: block;

  width: 65px;

  height: 65px;

  border-radius: 60px;

  padding: 8px 0 0 0;

  margin: 0 auto;

  color: #404041;

  position: relative;

}

.siparis-tab li.active:before {

  content: "";

  display: block;

  clear: both;

  border-bottom: solid 2px #404041;

  top: 70px;

  position: absolute;

  width: 100%;

}

.siparis-tab .nav > li > a:focus, .siparis-tab .nav > li > a:hover {

  background: transparent;

}

.siparis-tab .nav > li > a:focus span, .siparis-tab .nav > li > a:hover span {

  /*	border: solid 3px #404041;







	color:#fff;







	background: #404041;*/

}

.siparis-bg .checkbox, .radio {

  padding-bottom: 0px;

  border-bottom: none;

}

.siparis-bg .list-group .col-md-4 {

  margin-bottom: 15px;

}

.editAddress {

  padding: 5px 12px;

  background: #fff;

  border: solid 1px #404041;

  color: #404041;

}

.editAddress:hover {

  background: #404041;

  color: #fff;

}

.deleteAddress {

  padding: 5px 12px;

  background: #404041;

  border: solid 1px #404041;

  color: #fff;

}

.deleteAddress:hover {

  background: #fff;

  color: #404041;

}

.addNew {

  margin: 10px 0px;

  padding: 5px 12px;

  background: #404041;

  border: solid 1px #404041;

  color: #fff;

}

.addNew:hover {

  background: #fff;

  color: #404041;

}

.addNew2 {

  margin: 10px 0px 10px 15px;

  padding: 5px 12px;

  background: #404041;

  border: solid 1px #404041;

  color: #fff;

}

.addNew2:hover {

  background: #fff;

  color: #404041;

}

.newAddress {

  padding: 5px 12px;

  background: #404041;

  border: solid 1px #404041;

  color: #fff;

  display: block;

  margin-bottom: 10px;

}

.adresler {

  font-size: 20px;

  padding: 10px 0;

  text-align: left;

  border-bottom: solid 1px #e2e2e2;

  margin: 0 15px 15px 15px;

  /* background: #f2f2f2; */

}

.fadresler {

  font-size: 20px;

  padding: 10px 0;

  text-align: left;

  border-bottom: solid 1px #e2e2e2;

  margin-bottom: 15px;

  margin-top: 0;

  /* background: #f2f2f2; */

}

.right-border {

  box-shadow: 5px 1px 2px rgb(0 0 0 / 0.13);

}

.siparis-bg .list-group:after {

  content: "";

  display: block;

  clear: both;

}

.siparis-bg h3 {

  color: #404041;

  font-weight: 600;

}

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







 ÖDEME SAYFASI







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

.pre-scrollable {

  padding: 20px;

  border: solid 1px #e0e0e0;

  height: 200px;

}

.odeme-body h3 {

  font-size: 20px;

  color: #404041;

  font-weight: bold;

  border-bottom: solid 1px #d6d6d6;

  padding-bottom: 5px;

}

.odeme-secim .tab-content {

  background: white;

}

.odeme-secim .right-toplam {

  margin-top: 42%;

}

.odeme-body .nav-tabs {

  border: none;

}

.odeme-body .nav-tabs > li {

  text-align: center;

}

.odeme-body .nav-tabs > li > a {

  border: solid 2px transparent;

  padding: 3px 18px;

  color: #404041;

  background: transparent;

  border-radius: 0;

  width: auto;

  text-align: center;

  float: left;

  margin: 0 10px;

}

.odeme-body .nav-tabs > li.active > a, .odeme-body .nav-tabs > li.active > a:focus, .odeme-body .nav-tabs > li.active > a:hover {

  border: solid 2px #404041;

  color: #404041;

  padding: 1px 18px 3px 18px;

  border-radius: 30px;

  font-size: 14px;

  background: white;

}

.odeme-body .nav-tabs {

  margin-bottom: 15px;

}

.odeme-body .tab-content:after {

  content: "";

  display: block;

  clear: both;

}

.form-control {

  font-size: 14px;

  border: none;

  box-shadow: none;

  background: transparent;

  border-bottom: solid 2px #ddd;

  border-right: solid 2px #ddd;

}

.tooltip-inner {

  position: fixed;

}

.teklif-gonder .form-control {

  font-size: 16px;

  border: none;

  box-shadow: none;

  background: white;

  border-bottom: solid 2px #ddd;

  border-right: solid 2px #ddd;

  padding: 23px;

}

.whtapp {

  background: #4cc347;

  color: #fff;

  width: 258px;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 5px;

  transition: all 0.2s ease;

  padding-right: 11px;

}

h2.urunbaslik {

  margin-left: -15px;

  margin-top: -48px;

  margin-bottom: -21px;

  padding: 0px;

  padding-bottom: 12px;

}

.col-md-6.detay-txt #send, .col-md-6.detay-txt .sosyal-medya {

  margin-left: -15px;

}

.whtapp:hover {

  background: #399935;

  transition: all 0.2s ease;

}

.whtapp img {

  margin-right: 10px;

}

.form.teklif-gonder .teklif-baslik {

  background: #000;

  color: #fff !important;

  display: flex;

  margin: 0px;

}

ul.list-inline.position-relative.justify-content-center.justify-content-lg-start.mb-4 li {

  background: #000000;

  color: #fff;

  padding: 10px;

  margin: 3px 1px;

}

.form.teklif-gonder h2 {

  color: #fff;

  padding: 0px;

  margin-top: 12px;

}

.form-control:focus {

  border-color: #eab281cf;

  background: transparent;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(230 116 17 / 77%);

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

}

.form-conrol {

  font-size: 14px;

  border: none;

  box-shadow: none;

  background: transparent;

  border-bottom: solid 2px #ddd;

  border-right: solid 2px #ddd;

  width: 100%;

  padding: 8px 5px;

}

.form-conrol:focus {

  border-color: #eab281cf;

  background: transparent;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(230 116 17 / 77%);

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

}

.uye-giris-box .form-control {

  background: white;

  box-shadow: 5px 5px 5px #979797;

}

.uye-kayit-box .form-control {

  background: #fafafa;

  box-shadow: 5px 5px 5px #979797;

}

.uye-kayit-box select {

  background: white;

  box-shadow: 5px 5px 5px #979797;

}

.btn {

  font-size: 16px;

}

.form {

  margin: 0 -15px;

}

.form li {

  width: 50%;

  padding: 15px;

  float: left;

}

.form li input {

  border: none;

  border-bottom: solid 1px rgba(0, 0, 0, .12);

  padding: 5px 0 5px 15px;

  border-radius: 0;

}

.form li textarea {

  border: none;

  border-bottom: solid 1px rgba(0, 0, 0, .12);

  padding: 5px 0 5px 15px;

  border-radius: 0;

}

.form li:nth-child(5) {

  width: 100%;

}

.form li:nth-child(6) {

  width: 100%;

}

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {

  background-color: #f4f4f4 !important;

  background-image: none !important;

  color: rgb(0, 0, 0) !important;

}

.odeme-body .btn-sm {

  padding: 5px 6px;

  background: #fff;

  border: solid 1px #404041;

  color: #404041;

  border-radius: 0;

}

.odeme-body .list-group-item {

  margin-bottom: 5px;

  background: #fafafa;

}

.ozet-bg {

  background: #fff;

  margin-bottom: 15px;

  padding-bottom: 15px;

  border: solid 1px #dddddd;

  border-radius: 3px;

}

.ozet-bg dd {

  border-bottom: solid 1px #f4f4f4;

  padding-bottom: 8px;

  margin-bottom: 8px;

}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {

  border-radius: 15px 0 0 15px;

}

#newCardForm .input-group-addon:last-child {

  border-left: 0px;

  border-radius: 0px 15px 15px 0px;

}

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







HIZLI ÖDEME







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

.hizli-ode .panel-default {

  border: 1px solid #e3e3e3;

}

.hizli-ode .panel-default > .panel-heading {

  color: #fff;

  background-color: #404041;

  border: none;

  text-transform: uppercase;

  font-weight: bold;

  padding: 15px;

}

.hizli-ode .panel-default .panel-default .panel-heading {

  color: #404041;

  background-color: #f2f2f2;

  border: none;

  text-transform: uppercase;

  font-weight: bold;

  padding: 15px;

}

.hizli-ode .panel-default > .panel-heading .badge {

  color: #262626;

  background-color: #fff;

  font-size: 14px;

  font-weight: 800;

}

.hizli-ode .panel-title {

  font-size: 20px;

}

.hizli-ode .panel-body {

  padding: 15px;

}

.hizli-ode .siparis-btn:hover {

  background-color: #404041;

  color: #fff;

  text-decoration: none;

}

.hizli-ode .siparis-btn {

  background-color: #fff;

  color: #404041;

  border: solid 1px #404041;

  display: inline-block;

  text-align: center;

  padding: 10px;

  font-size: 14px;

  width: initial;

}

.hizli-ode .panel-group .panel + .panel {

  margin-top: 15px;

}

.siparis-tmm {

  background-color: #404041;

  width: inherit;

  color: #fff;

  border: none;

  display: inline-block;

  text-align: center;

  padding: 5px 15px;

  font-size: 14px;

  border-radius: 3px;

}

.siparis-tmm:hover {

  background-color: #fff;

  color: #404041;

  border: solid 1px #404041;

  text-decoration: none;

}

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







ÜYE PAGE







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

.uye-page {

  padding: 35px 0;

  background: rgb(247 247 247);

}

.uye-page h1 {

  font-size: 24px;

  border-bottom: solid 1px #e2e2e2;

  padding: 10px;

  margin-top: 0;

  color: #fff;

  font-family: 'Open Sans', sans-serif;

  text-align: center;

  text-transform: uppercase;

  font-weight: 600;

  background: #404041;

  border-radius: 0px 0 0;

  margin: 0;

}

.uye-page .container {

  border-radius: 3px;

  background: transparent;

}

.uye-page .container .form-horizontal {

  background: white;

  padding: 15px;

  border-radius: 0 0 0 0;

  border-left: solid 1px #ddd;

  border-right: solid 1px #ddd;

  border-bottom: solid 1px #ddd;

}

.uye-page .container .form-horizontal:after {

  content: "";

  display: block;

  clear: both;

}

.uye-page .container .form-horizontal .form-control {

  border-radius: 0;

  padding: 10px 12px;

  height: auto;

}

.left-menu {

  border-radius: 0px !important;

  overflow: hidden;

}

.uye-page .list-group {

  padding-left: 0;

  margin-bottom: 20px;

  border: solid 1px #ddd;

  border-radius: 0 0 15px 15px;

  background: white;

}

.list-group:After {

  content: "";

  display: block;

  clear: both;

}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {

  z-index: 2;

  color: #fff;

  background-color: #404041;

  border-color: #404041;

}

.uye-page a.list-group-item {

  padding: 8px 15px;

  width: auto;

  float: none;

  text-align: left;

  align-items: center;

  display: block;

  height: auto;

  border: 0;

  /* border-right: solid 1px #ddd; */

  border-top: solid 1px #ddd;

}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {

  text-decoration: none;

  border-top: solid 3px #404041;

  color: #404041;

  background: transparent;

}

.uye-page label {

  font-weight: 400;

}

.uye-page .checkbox {

  float: left;

  width: 40px;

  padding-top: 4px;

}

.uye-page .checkbox input[type=checkbox] {

  margin: 0 0 0 20px;

}

.uye-page .form-group {

  margin-bottom: 5px;

}

.favori .btn {

  font-size: 12px;

  padding: 5px 8px;

}

.favori .add-to-cart, .favori .like {

  font-weight: 400;

}

.favori .item {

  align-items: center;

  height: 70px;

  display: flex;

  border-bottom: solid 1px #f4f4f4;

  margin-top: 15px;

}

.favori .item:nth-child(2n+0) {

  background: #f2f2f2;

}

.favori .item div {}

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















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

.back-to-top {

  cursor: pointer;

  position: fixed;

  bottom: 20px;

  right: 20px;

  display: block !important;

  background-color: #404041;

  border-color: #404041;

  z-index: 20;

  border-radius: 20px;

  width: 40px;

  height: 40px;

  padding-top: 9px;

}

.back-to-top:hover {

  background-color: #404041 !important;

  border-color: #404041 !important;

  color: #fff !important;

}

.ic-sayfalar {

  padding: 35px 0 35px;

  white-space: normal !important;

}

.ic-sayfalar h2 {

  font-weight: 400;

  font-size: 32px;

}

.ic-sayfalar .liste-baslik {

  text-align: center;

  border-top: none;

  border-bottom: solid 1px rgba(0, 0, 0, .12);

  padding: 0 0 30px 0;

  margin-bottom: 30px;

}

.ic-sayfalar h5 {

  font-size: 22px;

  font-family: 'Jostregular';

}

.cerez-box {

  position: fixed;

  bottom: 0px;

  left: 5px;

  background: rgb(20 20 20 / 92%);

  font-size: 10.4px;

  line-height: 1.4;

  text-align: left;

  color: #fff;

  padding: 15px;

  margin-bottom: 8px;

  width: 315px;

  z-index: 10;

  font-family: 'Jost', sans-serif;

  font-weight: 200;

  border-radius: 8px;

}

.cerez-box a {

  color: #fff;

  font-weight: bold;

}

.cerez {

  font-weight: bold;

  text-decoration: underline;

  line-height: 1.25;

  color: rgb(255, 255, 255);

}

.cerez-main {

  position: relative;

}

.cerez-btn {

  position: absolute;

  right: -10px;

  top: -10px;

  background: transparent;

  border: none;

}

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

#top_main {

  display: block;

}

#top_main .carousel-control {

  display: none;

}

#top_main a, #top_main a #topBanner {

  color: #fff;

  text-decoration-color: black !important;

  font-size: 12px;

}

#top_main a #topBanner em {

  font-style: normal !important;

  text-decoration: underline !important;

}

#top_main a #topBanner small {

  font-size: 10px !important;

}

.top-menu-link {

  display: block;

  text-align: left;

}

.top-menu-link a {

  padding: 0 8px; /*







				  border-right:solid 1px #c3c3c3;*/

  font-size: 12px;

  font-weight: 400;

  font-family: 'Quicksand', 'Quicksand';

}

.top-menu-link a:last-child {

  border: none;

}

.top-menu-giris {

  display: block;

  text-align: right;

  position: relative;

}

.top-menu-giris li {

  display: inline-block;

}

.top-menu-giris a {

  padding: 0 8px;

  font-size: 12px;

  font-weight: 400;

}

.giris-link {

  display: inline-block;

  text-align: center;

  font-size: 13px;

}

.giris-link a {

  padding: 0 0 0 7px;

}

.top-right-box li {

  display: inline-block;

  padding-left: 8px;

}

.top-right-box li.giris-link {

  display: none;

}

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

.deskSlider {

  display: block;

}

.mobSlider {

  display: none;

}

.carousel-control:focus, .carousel-control:hover {

  opacity: 1;

}

.carousel-control {

  color: #404041;

}

.carousel-control:focus {

  color: #404041;

}

.carousel-control.left {

  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);

  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .0001)));

  background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

  background-repeat: repeat-x;

}

.carousel-control.right {

  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);

  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0)), to(rgba(0, 0, 0, .0001)));

  background-image: linear-gradient(to right, rgba(0, 0, 0, .0) 0, rgba(0, 0, 0, .0001) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

  background-repeat: repeat-x;

}

.carousel-indicators .active {

  width: 30px;

  height: 3px;

  margin: 0;

  background-color: #fff !important;

}

.carousel-indicators li {

  border-color: #404041;

}

.owl-nav span {

  font-size: 80px;

  font-weight: 700;

  font-family: inherit;

}

.owl-nav {

  position: absolute;

  top: 0;

  width: 100%;

  color: #404041;

}

.combine {

  margin: 35px 0;

}

.combine .owl-nav {

  top: 30%;

}

.urun-slider .owl-nav {

  top: 30%;

}

.urun-alt-slider .owl-nav {

  top: 25%;

}

.preview .owl-next {

  position: absolute;

  right: -9px;

}

.preview .owl-prev {

  position: absolute;

  left: -9px;

}

.owl-next {

  position: absolute;

  right: -43px;

}

.owl-prev {

  position: absolute;

  left: -43px;

}

.owl-nav .disabled {

  color: #d4d4d4 !important;

}

.siparis-son {

  width: 100%;

  padding: 10px 20px 50px;

  text-align: center;

}

.siparis-son svg {

  font-size: 45px;

  color: #404041;

}

.siparis-son h2 {

  font-size: 24px;

  color: #404041;

}

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







MARKALAR 







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

.markalar {

  padding: 5px 0 30px;

}

.markalar h1 {

  border-bottom: solid 1px #e2e2e2;

  padding-bottom: 15px;

  font-family: 'Jost', sans-serif;

  color: #404041;

  font-size: 24px;

}

.marka-links {

  width: 100%;

  margin: 20px 0 0;

  padding-bottom: 15px;

}

.marka-links a {

  font-size: 16px;

  color: #404041;

  font-weight: bold;

}

.heading {

  font-size: 18px;

  color: #404041 !important;

  padding: 5px 0;

  font-weight: 700;

}

.marka-listele {

  border-bottom: solid 1px #e2e2e2;

}

.marka-listele:after {

  content: "";

  display: block;

  clear: both;

}

.marka-listele a {

  color: #404041;

  line-height: 28px;

}

.marka-listele .marksa {

  width: 16.35%;

  padding: 15px;

  border-top: solid 1px #e2e2e2;

  -webkit-box-direction: normal;

  -moz-box-direction: normal;

  box-direction: normal;

  -webkit-flex-direction: column;

  -moz-flex-direction: column;

  flex-direction: column;

  -ms-flex-direction: column;

  -webkit-box-pack: start;

  -moz-box-pack: start;

  box-pack: start;

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  -ms-justify-content: flex-start;

  -o-justify-content: flex-start;

  justify-content: flex-start;

  -ms-flex-pack: start;

  -webkit-box-align: start;

  -moz-box-align: start;

  box-align: start;

  -webkit-align-items: flex-start;

  -moz-align-items: flex-start;

  -ms-align-items: flex-start;

  -o-align-items: flex-start;

  align-items: flex-start;

  -ms-flex-align: start;

  -webkit-flex-basis: 25%;

  -moz-flex-basis: 25%;

  flex-basis: 25%;

  -ms-flex-prefer#404041-size: 25%;

  flex-wrap: wrap;

  display: inline-flex;

}

.siparis-detay li:after {

  content: "";

  display: block;

  clear: both;

}

.siparis-detay li {

  border-bottom: solid 1px #e2e2e2;

  padding: 10px 0;

}

.siparis-detay li:hover {

  background: #fafafa;

}

.siparis-detay li .col-md-6, .siparis-detay li .col-sm-12 {

  padding: 0;

}

.siparis-detay li h3 {

  font-size: 20px;

  margin-bottom: 0;

}

.siparis-detay li span {

  width: 150px;

  display: inline-block;

  font-weight: bold;

}

.siparis-detay li td {

  vertical-align: middle !important;

}

.siparis-detay li th {

  font-weight: bold;

}

.kampanya-list li {

  position: relative;

  margin-bottom: 20px;

  height: 252px;

}

.kampanya-list li img {

  width: 100%;

  position: relative;

}

.kampanya-list li:hover .img-link:after {

  content: '';

  display: block;

  position: absolute;

  background: #0000009f;

  width: 95%;

  height: 100%;

  top: 0;

}

.kampanya-list li .kamp-link {

  position: absolute;

  bottom: 0;

  width: 95%;

  background: #4040419e;

  color: #fff;

  padding: 7px;

}

.kamp-link-b {

  display: none;

}

.kampanya-list li:hover .kamp-link-b {

  display: block;

  position: absolute;

  left: 42%;

  top: 42%;

  padding: 20px;

  border-radius: 100px;

  border: solid 1px #fff;

  color: #fff;

  background: #4040419e;

}

.vertical .carousel-inner {

  height: 18px;

}

.carousel.vertical .item {

  -webkit-transition: 0.6s ease-in-out top;

  -moz-transition: 0.6s ease-in-out top;

  -ms-transition: 0.6s ease-in-out top;

  -o-transition: 0.6s ease-in-out top;

  transition: 0.6s ease-in-out top;

}

.carousel.vertical .active {

  top: 0;

}

.carousel.vertical .next {

  top: 18px;

}

.carousel.vertical .prev {

  top: -18px;

}

.carousel.vertical .next.left, .carousel.vertical .prev.right {

  top: 0;

}

.carousel.vertical .active.left {

  top: -18px;

}

.carousel.vertical .active.right {

  top: 18px;

}

.carousel.vertical .item {

  left: 0;

}

.det-kam-ban img {

  width: 100%;

}

.kapi-ode-ac {

  padding: 40px 0;

  text-align: center;

}

.kapi-ode {

  padding: 0 0 40px 0;

  text-align: center;

}

.kapi-ode-ac label {

  display: block;

  font-size: 16px;

  font-weight: 600;

  border-bottom: solid 1px #eab281;

  color: #404041404041;

  width: auto;

  margin-bottom: 20px;

  padding: 20px 0;

  border-top: solid 1px #eab281;

  background: #eab281;

  border-radius: 2.14286rem;

}

}

.kapi-ode-ac label svg {

  font-size: 22px;

}

.kapi-ode span {

  font-size: 14px;

  font-weight: 700;

}

.kapi-ode span strong {

  color: #DF4040415;

}

.mobil-leftmenu {

  display: none;

}

.he-kupon {

  width: 32%;

  float: left;

  margin-right: 2%;

  margin-bottom: 15px;

  background: #f4f4f4;

  border: dashed 2px #404041;

  text-align: center;

  border-radius: 22px;

  padding: 20px 0;

  position: relative;

}

.he-kupon:before {

  content: "";

  display: block;

  position: absolute;

  right: 21px;

  top: -10px;

  background: url(/content/images/cut-icon.png) no-repeat;

  width: 22px;

  height: 22px;

  background-size: 22px;

}

.he-kupon:nth-child(3n+0) {

  margin-right: 0;

}

.he-kupon h3 {

  font-size: 16px;

  font-weight: bold;

  text-align: center;

  margin: 0;

}

.he-kupon p {

  font-size: 14px;

  font-weight: 400;

  text-align: center;

}

.he-kupon hr {

  width: 70%;

  border-top: 1px solid #ce9eb4;

}

#cartModalBody {

  display: inline-flex;

}

.modal-header {

  background: #404041;

  color: white;

}

.modal-content {

  border-radius: 0px;

  overflow: hidden;

}

.modal-header .close {

  margin-top: -2px;

  color: white;

  opacity: 1;

  position: absolute;

  right: 15px;

  top: 0;

  font-size: 22px;

}

.fade.in {

  opacity: 1 !important;

  background: #00000045;

}

.modal.fade .modal-dialog {

  margin: 250px auto 0;

}

.etiket {

  padding: 35px 0 0;

  text-align: center;

  border-top: solid 1px #b7b7b7;

  clear: both;

  margin-top: 45px;

  display: none;

}

.etiket a {

  display: inline-block;

  border: solid 1px #bdbdbd;

  border-radius: 4px;

  padding: 4px 8px 4px 12px;

  position: relative;

  font-size: 12px;

  margin: 4px;

  color: #404041;

}

.etiket a:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 4px;

  height: 100%;

  background: #8F225F;

}

.ilgili-kategori {

  background: #f3f3f3;

  padding: 35px 0;

}

.ilgili-kategori .ilgili-urun .item {

  background: #fff;

}

.ilgili-marka {

  background: #fff;

  padding: 35px 0;

}

.hediye-cek-body {

  background: #f0f0f0;

  height: auto;

  margin-bottom: 20px;

  padding: 0 !important;

}

.hediye-cek-body:before {

  content: "";

  display: block;

  background: url(/content/images/hediye-icon.png) no-repeat;

  position: absolute;

  z-index: 1;

  left: 0;

  top: 0;

  width: 97px;

  height: 88px;

}

.hediye-cek-b {

  font-family: 'Jost', sans-serif;

  height: 100%;

  background: #404041;

  color: #fff;

  font-size: 20px;

  min-height: 98px;

  max-height: 250px;

  padding: 10px 0 0 105px;

}

.hediye-cek-body .table {

  margin-bottom: 0;

}

.hediye-cek-body .table th {

  font-weight: 700;

}

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







      UZMAN YORUM







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

.uzmanyorum-body {

  border: dotted 2px #404041;

  margin-bottom: 15px;

}

.uzmanyorum-body:after {

  content: "";

  display: block;

  clear: both;

}

.uzmanyorum-body .h2 {

  font-size: 28px;

  text-align: center;

  padding: 20px;

  background: #f5f5f5;

  color: #404041;

  margin-bottom: 20px;

  border-bottom: solid 1px #e2e2e2;

  margin: 0 0 20px;

}

.uzmanyorum-body .ukisi {

  font-size: 16px;

  border: none;

  padding: 10px 0 0 10px;

  font-weight: 500;

  line-height: 1.1;

  margin-top: 20px;

  margin-bottom: 10px;

}

.uzmanyorum-body li {

  padding: 15px;

  min-height: 265px;

}

.uzmanyorum-resim {

  float: left;

  width: 10%;

  text-align: center;

}

.uzmanyorum-resim img {

  width: 45px;

  height: 45px;

  border-radius: 45px;

  overflow: hidden;

}

.uzmanyorum-txt {

  float: left;

  width: 90%;

}

.uzmanyorum-acik {

  clear: both;

  padding: 10px 0 15px 0;

  border-bottom: solid 2px #f3f3f3;

  height: 190px;

  overflow-y: scroll;

}

.uzmanyorum-acik::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}

.uzmanyorum-acik::-webkit-scrollbar {

  width: 7px;

  background-color: #F5F5F5;

}

.uzmanyorum-acik::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background-color: #404041;

}

.pre-scrollable::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  border-radius: 10px;

  background-color: #F5F5F5;

}

.pre-scrollable::-webkit-scrollbar {

  width: 7px;

  background-color: #F5F5F5;

}

.pre-scrollable::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

  background-color: #404041;

}

.yor-ac {

  height: auto;

  overflow: inherit;

}

.uzmanyorum-acik figure {

  text-align: center;

}

.uzmanyorum-acik a {

  color: #404041;

}

.uzmanyorum-tek {

  width: 100% !important;

}

.tukendi {

  border: solid 2px #404041;

  padding: 5px 12px;

  text-align: center;

  color: #404041;

  margin: 0 auto;

  display: table;

  display: none;

}

.details .tukendi {

  border: solid 2px #404041;

  padding: 10px 22px;

  text-align: center;

  color: #404041;

  line-height: inherit;

  display: inline-block;

  font-size: 24px;

}

.sepet-adet .qtySpinner {

  display: none;

}

.marka-seri-mobil {

  display: none;

}

.marka-seri .owl-nav {

  position: absolute;

  top: 15%;

}

.marka-seri .owl-nav span {

  font-size: 108px;

}

.marka-seri .owl-prev {

  position: absolute;

  left: -26px;

}

.marka-seri .owl-next {

  position: absolute;

  right: -26px;

}

.marka-seri ul:after {

  content: "";

  display: block;

  clear: both;

}

.marka-seri li {

  /*float:left;







	width:32%;







	margin:0 2% 2% 0;*/

  border: solid 1px #e9e9e9;

  overflow: hidden;

}

.marka-seri li:nth-child(3n+0) {

  margin: 0 0 2% 0;

} /*







.marka-seri li aside {







	float:right;







	height:160px;







	width:40%;







	align-items:center;







	text-align:center;







	display: flex;







    background: #0b92dc;







    border-radius: 8px;







    padding:0 5px;







}*/

.marka-seri li aside a {

  text-decoration: none;

  width: 100%;

  display: grid;

}

.marka-seri li a h3 {

  font-size: 12px;

  color: #0b92dc;

  padding: 5px 0px;

  margin: 0;

  display: grid;

  align-items: center;

  font-weight: bold;

  height: 55px;

  text-align: center;

}

.marka-seri li a p {

  display: grid;

  font-size: 12px;

  color: #404041;

  padding: 5px;

  height: auto;

  overflow: hidden;

  min-height: 60px;

  align-items: center;

  text-align: center;

  margin: 0;

}

.marka-seri li figure {

  height: 200px;

  align-items: center;

  text-align: center;

}

.marka-seri li figure img {

  height: auto;

  width: auto !important;

}

.marka-seri li:hover {

  border: solid 1px #0b92dc;

}

.marka-seri li:hover h3 {

  background: #f1f1f1;

}

.marka-seri-diger {

  position: absolute;

  right: 0;

  top: 15px;

  background: white;

  z-index: 2;

}

.diger-seri-bsl {

  display: block;

  padding: 10px 40px;

  border: solid 1px #e9e9e9;

  cursor: pointer;

}

.diger-seri-list {

  display: none;

  border: solid 1px #e9e9e9;

}

.diger-seri-list li a {

  font-size: 12px;

  color: #404041;

  padding: 10px 0px;

  margin: 0;

  display: grid;

  align-items: center;

  font-weight: 400;

  text-align: center;

}

iframe #tawkchat-message-preview-container {

  display: none;

}

.3d {

  font-size: 38px;

  font-weight: 900;

  text-align: center;

  margin: 15px auto;

}

#mask {

  position: absolute;

  left: 0;

  top: 0;

  z-index: 9000;

  background-color: #26262c;

  display: none;

}

#boxes .window {

  position: absolute;

  left: 0;

  top: 0;

  width: 750px;

  height: 500px;

  display: none;

  z-index: 9999;

  padding: 20px;

  border-radius: 5px;

  text-align: center;

}

#boxes #dialog {

  width: 750px;

  height: auto;

  padding: 10px 10px 10px 10px;

  background-color: #ffffff;

  font-size: 15pt;

  top: 15% !important;

}

#boxes #dialog img {

  width: 100%;

}

#boxes #dialog .close img {

  width: 25px;

}

.agree:hover {

  background-color: #D1D1D1;

}

.popupoption:hover {

  background-color: #D1D1D1;

  color: green;

}

.popupoption2:hover {

  color: #404041;

}

#mainNav li ul.menu-box li.mobil-tum {

  display: none;

}

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

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

.smartphone {

  background-image: url(/content/images/smartphone-b.svg);

  width: 50px;

  height: 40px;

  display: block;

  margin: 0 auto;

  background-size: 30px;

  background-position: center;

  background-repeat: no-repeat;

}

.powerbank {

  width: 50px;

  height: 40px;

  display: block;

  margin: 0 auto;

  background-size: 30px;

  background-position: center;

  background-repeat: no-repeat;

  background-image: url(/content/images/powerbank-b.svg);

}

.speaker {

  width: 50px;

  height: 40px;

  display: block;

  margin: 0 auto;

  background-size: 30px;

  background-position: center;

  background-repeat: no-repeat;

  background-image: url(/content/images/speaker-b.svg);

}

.earphones {

  width: 50px;

  height: 40px;

  display: block;

  margin: 0 auto;

  background-size: 30px;

  background-position: center;

  background-repeat: no-repeat;

  background-image: url(/content/images/selfie-b.svg);

}

.gopro {

  width: 50px;

  height: 40px;

  display: block;

  margin: 0 auto;

  background-size: 30px;

  background-position: center;

  background-repeat: no-repeat;

  background-image: url(/content/images/scooter-b.svg);

}

.combine .nav-tabs > li.active > a .smartphone {

  background-image: url(/content/images/smartphone.svg);

}

.combine .nav-tabs {

  border: none;

}

.combine .nav-tabs > li.active > a .powerbank {

  background-image: url(/content/images/powerbank.svg);

}

.combine .nav-tabs > li.active > a .speaker {

  background-image: url(/content/images/speaker.svg);

}

.combine .nav-tabs > li.active > a .earphones {

  background-image: url(/content/images/selfie.svg);

}

.combine .nav-tabs > li.active > a .gopro {

  background-image: url(/content/images/scooter.svg);

}

.combine .nav-tabs > li {

  width: 20%;

}

.combine .nav-tabs > li.active:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  border-left: 12px solid transparent;

  border-top: 12px solid #404041;

  border-right: 12px solid transparent;

  position: absolute;

  bottom: -11px;

  left: 45%;

}

.combine .tab-content {

  border: none;

}

.combine .nav-tabs > li > a {

  line-height: 1.42857143;

  border: solid 1px #ddd;

  border-radius: 0;

  background: white;

  color: #404041;

  text-align: center;

  width: 100%;

  padding: 20px;

}

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

  line-height: 1.42857143;

  border: none;

  border-radius: 0;

  background: #404041;

  color: white;

  text-align: center;

  width: 100%;

  padding: 20px;

}

.combine .item {

  border: solid 1px transparent;

  border-right: solid 1px #e6e6e6;

  padding: 10px;

  background: white;

}

.combine .item:hover {

  background: #fafafa;

  border: solid 1px #e6e6e6;

}

.combine .owl-stage-outer {

  border-left: solid 1px transparent;

}

.listeleme_link {

  display: block;

  width: 100%;

  text-align: left;

}

.listeleme_link:hover {

  text-decoration: none;

}

.listeleme_link .urun-marka {

  font-size: 12px;

  color: #878787;

  text-align: left;

}

.listeleme_link .urun-ad {

  font-size: 14px;

  color: #404041;

  font-weight: bold;

  height: 50px;

  display: block;

  line-height: 16px;

}

.listeleme_link .urun-resim {

  position: relative;

  margin-bottom: 15px;

  overflow: hidden;

  height: 255px;

}

.listeleme_link .urun-resim img {

  -webkit-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

  opacity: 0.9;

}

.listeleme_link:hover .urun-resim img {

  transform: scale(1.05);

  opacity: 1;

}

.listeleme_link .indirim {

  position: absolute;

  left: 5px;

  top: 75px;

  border-radius: 30px;

  background: #404041;

  color: #fff;

  padding: 5px 8px;

  width: 40px;

  overflow: hidden;

  height: 40px;

  line-height: 30px;

}

.listeleme_link .fiyat-alan {

  display: flex;

  font-family: 'Jost';

  font-weight: bold;

  align-items: center;

}

.listeleme_link .indirimli-f {

  font-size: 20px;

  color: #404041;

  font-weight: 800;

  display: block;

  margin-right: 15px;

  font-family: 'Quicksand';

}

.listeleme_link .fiyat {

  font-size: 20px;

  color: #404041;

  font-weight: 800;

  display: inline-block;

  margin-right: 15px;

  font-family: 'Quicksand';

}

.listeleme_link .indirimsiz-f {

  font-size: 14px;

  color: #808080;

  font-weight: 400;

  display: block;

  text-decoration: line-through;

  font-family: tahoma;

}

.combine .item .sepete-ekle {

  position: absolute;

  right: 15px;

  bottom: 5px;

  border-radius: 40px;

  background: #808080;

  color: #fff;

  padding: 10px 6px;

  display: block;

  width: 35px;

  height: 35px;

  font-size: 12px;

  border: none;

}

.combine .item .sepete-ekle:hover {

  background: #404041;

}

.combine .item .sepete-ekle img {

  width: 100%;

}

.urun-liste-box {

  width: 25%;

  display: block;

  float: left;

}

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

.urun-slider .item .sepete-ekle {

  position: absolute;

  right: 15px;

  top: 85%;

  border-radius: 40px;

  background: #808080;

  color: #fff;

  padding: 10px 6px;

  display: block;

  width: 35px;

  height: 35px;

  font-size: 12px;

  border: none;

}

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

  background: #404041 !important;

}

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

  width: 100%;

}

.urun-slider .item {

  border: solid 1px transparent;

  border-right: solid 1px #e6e6e6;

  padding: 10px;

  background: white;

}

.urun-slider .owl-stage-outer {

  border-left: solid 1px transparent;

}

.urun-slider .item {

  min-height: 400px;

}

.cok-sat:after {

  content: "";

  display: block;

  clear: both;

}

.btn-tum {

  margin-bottom: 35px;

}

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







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

.urun-slider .cok-sat .item {

  min-height: inherit;

  height: 130px;

  margin-bottom: 30px;

}

.urun-slider .cok-sat .item:nth-child(4n+0) {

  border: none;

}

.cok-sat .listeleme_link .urun-resim {

  position: relative;

  padding-bottom: 15px;

  width: 40%;

  float: left;

}

.cok-sat .listeleme_link .urun-text-box {

  padding-bottom: 15px;

  width: 60%;

  float: left;

  padding-left: 10px;

}

.cok-sat .listeleme_link .urun-marka {

  font-size: 12px;

  color: #878787;

  text-align: left;

}

.cok-sat .listeleme_link .urun-ad {

  font-size: 13px;

  color: #404041;

  font-weight: bold;

  height: auto;

  display: flex;

  align-items: center;

  line-height: 15px;

}

.cok-sat .listeleme_link .indirim {

  position: absolute;

  left: 5px;

  top: 0;

  border-radius: 30px;

  background: #404041;

  color: #fff;

  padding: 5px 8px;

  width: 40px;

  overflow: hidden;

  height: 40px;

  line-height: 30px;

}

.cok-sat .listeleme_link .fiyat-alan {

  display: flex;

  align-items: center;

}

.cok-sat .listeleme_link .indirimli-f {

  font-size: 16px;

  color: #404041;

  font-weight: 400;

  display: block;

  margin-right: 15px;

}

.cok-sat .listeleme_link .fiyat {

  font-size: 16px;

  color: #404041;

  font-weight: 400;

  display: block;

  margin-right: 15px;

}

.cok-sat .listeleme_link .indirimsiz-f {

  font-size: 12px;

  color: #808080;

  font-weight: 400;

  display: block;

  text-decoration: line-through;

  font-family: tahoma;

}

.urun-slider .cok-sat .item .sepete-ekle {

  position: absolute;

  right: 15px;

  bottom: 8%;

  top: inherit;

  border-radius: 40px;

  background: #808080;

  color: #fff;

  padding: 10px 6px;

  display: block;

  width: 35px;

  height: 35px;

  font-size: 12px;

  border: none;

}

.urun-slider .cok-sat .item .sepete-ekle:hover background:#404041;

}

.cok-sat .sepete-ekle img {

  width: 100%;

}

.urun_liste .urunler .sepete-ekle {

  position: absolute;

  right: 15px;

  bottom: 3%;

  top: inherit;

  border-radius: 40px;

  background: #808080;

  color: #fff;

  padding: 10px 6px;

  display: block;

  width: 35px;

  height: 35px;

  font-size: 12px;

  border: none;

}

.urun_liste .urunler .sepete-ekle:hover {

  background: #404041;

}

.urun_liste .urunler:nth-child(3n+0) {

  border: none;

  border-bottom: solid 1px #e6e6e6;

  margin-right: 0;

}

.zoomContainer {

  display: none;

}

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







				YENİ CSS







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

* {

  margin: 0px;

  padding: 0px;

  font-family: "Jost", "sans-serif";

}

a, span, p {

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

}

html {

  overflow-x: hidden;

}

li {

  list-style: none;

}

.download-btn-first {

  background: #f7f7f7;

}

.download-btn-first:hover {

  background: #ff3535;

  color: #fff !important;

}

.features-btn-first {

  font-weight: 700;

}

.features-btn-first:hover {

  background: #f7f7f7 !important;

  color: #ff3535 !important;

}

#fh5co-hero-wrapper {

  height: 800px;

  width: 100%;

  background: url("/content/images/banner-bg.jpg") no-repeat center;

  border-radius: 0 0 50% 50% / 4%;

}

.bwp-header {

  margin-bottom: 0;

  position: relative;

  z-index: 9999;

  background: white;

}

.topbar-inner {

  background: white

}

.phone {

  border-right: 1px solid #c4cad0;

  margin-right: 20px;

  padding-right: 20px;

}

.email, .phone {

  display: inline-block;

  line-height: 24px;

}

a {

  color: black;

}

.main-navbar-nav .navbar-brand {

  font-size: 38px;

  letter-spacing: 4px;

  position: relative;

  top: -5px;

  font-weight: 500;

}

.header-top {

  font-size: 15px;

  padding: 5px 0 5px 0;

  border-bottom: solid 1px rgba(0, 0, 0, .12);

}

.main-navbar-nav {

  color: #000 !important;

  padding: 5px 0 0;

  min-height: inherit;

  margin: 0;

}

.navbar-nav {

  position: relative;

  z-index: 9;

}

.main-navbar-nav li {

  color: #000;

}

.main-navbar-nav .navbar-nav .nav-item a:hover {

  color: #ff3535 !important;

  -webkit-transition: all .33s ease;

  -moz-transition: all .33s ease;

  -o-transition: all .33s ease;

  -ms-transition: all .33s ease;

  transition: all .33s ease;

}

.main-navbar-nav .active {

  color: #000 !important;

  opacity: 1 !important;

}

.main-navbar-nav a {

  color: #000 !important;

}

.main-navbar-nav .nav-link {

  opacity: 1 !important;

  margin: 0 2px;

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

}

.dropdown-body {

  display: block;

  opacity: 0;

  position: absolute;

  top: 80px;

  left: 0;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

  background: white;

  box-shadow: 0px 6px 11px #ddd;

  padding: 30px;

  grid-template-columns: repeat(6, 1fr);

  width: 100%;

  height: 0;

  visibility: hidden !important;

}

.dropdown-bodys {

  display: grid;

  opacity: 0;

  position: absolute;

  top: 80px;

  left: 0;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

  background: white;

  box-shadow: 0px -6px 11px #ddd;

  padding: 30px;

  grid-template-columns: repeat(1, 1fr);

  width: 200px;

  height: 1px;

  overflow: hidden;

  visibility: hidden !important;

  border-top: solid 1px rgba(0, 0, 0, .12);

}

.nav-item:hover .dropdown-body {

  opacity: 1;

  top: 42px;

  height: auto;

  visibility: visible !important;

}

.nav-item:hover .dropdown-bodys {

  opacity: 1;

  top: 40px;

  height: auto;

  visibility: visible !important;

}

.dropdown-body ul {

  float: left;

  min-width: 200px;

}

.dropdown-body p {

  display: table-caption;

  margin: 0 0 5px;

  min-width: 200px;

  position: relative;

}

.dropdown-body p a {

  color: black !important;

}

.dropdown-body p:before {

  position: absolute;

  bottom: -1px;

  width: 44px;

  height: 1px;

  background: #ff3535;

  content: "";

  left: 0;

}

.dropdown-body li:first-child {

  height: 36px;

}

.dropdown-body h3 {

  font-size: 14px;

  padding: 0 15px 0 0;

  position: relative;

  text-align: left;

}

.dropdown-body h3:before {

  position: absolute;

  bottom: -1px;

  width: 44px;

  height: 1px;

  background: #ff3535;

  content: "";

  left: 0;

}

.dropdown-body a {

  color: #868686 !important;

  padding: 3px 0;

  display: block;

  font-weight: 400;

  font-size: 15px;

  text-transform: capitalize !important;

}

#mainNav li .dropdown-body li {

  float: none;

}

.social-icons-header svg {

  margin: 5px;

  font-size: 16px;

}

.social-icons-header a:hover svg {

  opacity: .6;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

}

.fh5co-hero-inner {

  margin-top: 110px;

  position: relative;

}

.fh5co-hero-inner > h1 {

  color: #fff;

  font-weight: 300;

  font-size: 55px;

  letter-spacing: 2px;

}

.fh5co-hero-inner > p {

  width: 400px;

  font-size: 14px;

  color: #fff;

  margin-top: 30px;

  margin-bottom: 30px;

  line-height: 2em;

}

.fh5co-hero-inner .download-btn-first {

  font-size: 15px;

  padding: 10px 15px;

  font-weight: 700;

  color: #ff3535;

}

.fh5co-hero-inner .features-btn-first {

  font-size: 15px;

  padding: 8px 13px;

  font-weight: 400;

  background: #ff3535;

  color: #fff;

  margin-left: 10px;

}

.fh5co-hero-inner .fh5co-hero-smartphone {

  position: absolute;

  right: 0px;

  top: 120px;

  height: 650px;

}

/* ==========================================================================================================







										ADVANTAGES







   ========================================================================================================== */

.fh5co-advantages-outer {

  padding: 70px;

  height: auto;

  width: 100%;

  overflow: hidden;

}

.fh5co-advantages-outer .span-perfect {

  color: #222222;

  text-transform: uppercase;

  font-size: 27px;

  letter-spacing: 1px;

}

.fh5co-advantages-outer .span-features {

  text-transform: uppercase;

  font-size: 42px;

}

.fh5co-advantages-outer .second-title {

  text-align: center;

  display: block;

}

.fh5co-advantages-outer small {

  display: block;

  text-align: center;

}

.fh5co-advantages-outer .fh5co-advantages-grid-columns {

  margin-top: 120px;

}

.fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-image {

  width: 30%;

  float: left;

  padding-right: 30px;

  position: relative;

  top: 1px;

  color: #222222;

}

.fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-title {

  float: left;

  font-size: 20px;

  font-weight: 600;

}

.fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-desc {

  float: right;

  font-size: 13px;

  padding-right: 7%;

  width: 70%;

  color: #c7c7c7;

  margin-top: 10px;

  line-height: 1.87em;

}

.fh5co-slider-inner {

  margin: 0 auto;

}

a:hover {

  color: #ff3535;

}

/* ==========================================================================================================







										SLIDER







   ========================================================================================================== */

.fh5co-slider-outer {

  width: 100%;

  height: auto;

  padding: 70px;

}

.fh5co-slider-outer h1 {

  color: #222222;

  text-transform: uppercase;

  font-size: 30px;

  font-weight: 600;

  margin-bottom: 0;

  text-align: center;

}

.fh5co-slider-outer > h1, .fh5co-slider-outer small {

  text-align: center;

  display: block;

  margin: 0;

}

.fh5co-slider-outer small {

  text-align: center;

  display: block;

  margin: 0 0 30px;

}

.fh5co-slider-outer .fh5co-slider-outer {

  margin-top: 50px;

}

.fh5co-slider-outer .carousel-left-arrow {

  position: absolute;

  left: -100px;

  bottom: 250px;

  font-size: 60px;

  color: #ececec;

}

.fh5co-slider-outer .carousel-right-arrow {

  position: absolute;

  right: -100px;

  bottom: 250px;

  font-size: 60px;

  color: #ececec;

}

.fh5co-slider-outer .item {

  position: relative;

}

.fh5co-slider-outer .item .urun-img-1 {

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

  height: 540px;

  overflow: hidden;

}

.fh5co-slider-outer .item .urun-img-1 img {

  margin: 0 0 0;

  opacity: 1;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

}

.fh5co-slider-outer .item .urun-img-2 {

  display: none;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

  height: 540px;

  overflow: hidden;

}

.fh5co-slider-outer .item .urun-img-2 img {

  margin: 50px 0 0;

  opacity: 0;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

}

.fh5co-slider-outer .item:hover .urun-img-1 {

  display: none;

}

.fh5co-slider-outer .item:hover .urun-img-1 img {

  margin: 50px 0 0;

  opacity: 0;

}

.fh5co-slider-outer .item:hover .urun-img-2 {

  display: block;

}

.fh5co-slider-outer .item:hover .urun-img-2 img {

  margin: 0px 0 0;

  opacity: 1;

}

.fh5co-slider-outer .item img {

  width: 100%;

  object-fit: contain;

}

.carousel-caption h5 {

  font-size: 54px;

  font-weight: 200;

  text-shadow: 2px 2px black;

}

.urun-txt {

  text-align: center;

  padding: 15px 0 0;

  border-top: solid 2px #222;

}

.urun-txt a:hover {

  text-decoration: none;

  color: initial;

}

.urun-txt a span {

  display: block;

}

.urun-txt a p {

  display: inline-block;

  border-bottom: solid 2px;

  padding: 8px 12px;

}

.urun-txt a p:hover {

  background: #222;

  color: white;

  border-color: #222;

}

.fh5co-slider-outer .owl-carousel2 .item .urun-img-1 {

  height: 315px;

}

.fh5co-slider-outer .owl-carousel2 .item .urun-img-2 {

  height: 315px;

}

.owl-carousel3 .item .urun-tam {

  display: block: width:100%;

}

.owl-carousel3 .item .urun-tam:After {

  content: "";

  display: block;

  clear: both;

}

.owl-carousel3 .item .urun-tam .urun-img-left {

  width: 60%;

  float: left;

}

.owl-carousel3 .item .urun-tam .urun-img-left img {

  max-height: 500px;

}

.owl-carousel3 .item .urun-tam .urun-txt-right {

  width: 40%;

  float: left;

  padding: 15px;

}

.urun-txt-right {

  text-align: center;

  padding: 30px 0;

  display: grid;

  align-items: center;

  vertical-align: middle;

  height: 400px;

}

.urun-txt-right h3 {

  font-size: 22px;

  font-weight: 300;

  border-bottom: solid 2px #ddd;

  padding: 15px 0;

}

.urun-txt-right h4 {

  font-size: 18px;

  font-weight: 500;

  border-bottom: solid 2px #ddd;

  padding: 15px 0;

}

.urun-txt-right p {

  font-size: 14px;

  font-weight: 400;

  padding: 15px 0;

}

/* ==========================================================================================================







										ARA BANNER







   ========================================================================================================== */

.araban-body:after {

  content: "";

  display: block;

  clear: both;

}

.araban-sol {

  float: left;

  width: 50%;

  background: #f1eee9 url(/content/images/araban-sol.jpg) no-repeat center;

  text-align: right;

  height: 350px;

}

.araban-text {

  width: 70%;

  float: right;

  padding: 50px;

  top: 80px;

  position: relative;

  font-size: 34px;

  font-weight: 300;

}

.araban-sag {

  float: left;

  width: 50%;

  background: url(/content/images/deri.jpg) no-repeat center;

  position: relative;

  height: 350px;

  background-size: cover !important;

}

.araban-sag h3 {

  color: #ecb98c;

  position: absolute;

  left: 30px;

  bottom: 28%;

  padding: 8px 16px;

  font-size: 60px;

  font-family: 'Style Script', cursive;

  font-weight: 400;

  text-shadow: 0 0 10px #ff6868;

}

.araban-body a {

  background: white;

  color: black;

  padding: 8px 16px;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 600;

  box-shadow: 5px 5px 5px #222;

  display: inline-block;

  height: fit-content;

  margin-bottom: 30px;

  margin: 0 auto 30px;

}

.araban-body .col-md-4:hover a {

  background: #222;

  color: white;

  text-decoration: none;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -o-transition: all .5s ease;

  -ms-transition: all .5s ease;

  transition: all .5s ease;

}

.araban1-sol {

  float: left;

  width: 50%;

  background: black url(/content/images/arrivals-bg.jpg) no-repeat center;

  text-align: right;

  height: 650px;

  background-size: cover;

}

.araban1-text {

  font-size: 34px;

  font-weight: 300;

  width: 70%;

  float: right;

  padding: 50px;

  top: 42%;

  position: relative;

  color: white;

}

.araban1-text strong {

  display: block;

  font-weight: 600;

  border-bottom: solid 2px;

}

.araban1-text span {

  position: relative;

  color: #ecb98c;

  display: block;

  font-size: 24px;

}

.araban1-sag {

  float: left;

  width: 50%;

  background: url(/content/images/deri.jpg) no-repeat center;

  position: relative;

  height: 650px;

  background-size: contain;

}

.araban1-sag h3 {

  color: #fff;

  background: black;

  position: absolute;

  left: 0;

  bottom: 5%;

  padding: 8px 16px;

  font-size: 22px;

  font-weight: 400;

  text-shadow: 0 0 10px #ff6868;

  margin: 0;

  width: 100%;

  text-align: center;

}

.btn, .btn-default {

  background: white;

  color: black;

  padding: 17px 55px;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 600;

  border-radius: 0;

}

.banner-2:after {

  content: "";

  display: block;

  clear: both;

}

.ban1 {

  float: left;

  background: url(/content/images/urun/52hf-2.jpg) no-repeat center;

  position: relative;

  height: 300px;

  background-size: cover !important;

  background-position: top !important;

  display: flex;

  vertical-align: bottom;

  align-items: flex-end;

  border-right: solid 1px #f1eee9;

}

.ban2 {

  float: left;

  background: url(/content/images/urun/61114.jpg) no-repeat center;

  position: relative;

  height: 300px;

  background-size: cover !important;

  background-position: top;

  display: flex;

  vertical-align: bottom;

  align-items: flex-end;

  border-right: solid 1px #f1eee9;

}

.ban3 {

  float: left;

  background: url(/content/images/urun/fox.png) no-repeat center;

  position: relative;

  height: 300px;

  background-size: cover !important;

  background-position: top;

  display: flex;

  vertical-align: bottom;

  align-items: flex-end;

  border-right: solid 1px #f1eee9;

}

.ban4 {

  float: left;

  background: url(/content/images/yunsuz2.jpg) no-repeat center;

  position: relative;

  height: 380px;

  background-size: cover !important;

  display: flex;

  vertical-align: bottom;

  align-items: flex-end;

}

.araban2-body {

  position: relative;

}

.banner-1 {

  position: relative;

}

.banner-2 {

  position: relative;

}

.araban2-body {

  position: relative;

}

.araban2-body:after {

  content: "";

  display: block;

  clear: both;

}

.araban2-body .col-md-3:nth-child(1) {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

  height: 500px;

}

.araban2-body .col-md-3:nth-child(2) {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

  height: 500px;

}

.araban2-body .col-md-3:last-child {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

}

.araban2-1 {

  background: #f1eee9 url(/content/images/crocodile-min.png) no-repeat right center;

  float: left;

  position: relative;

  height: 300px;

}

.araban2-2 {

  background: #f1eee9 url(/content/images/ban5.jpg) no-repeat center;

  float: left;

  position: relative;

  height: 300px;

  background-size: cover !important;

}

.araban2-3 {

  background: #f1eee9 url(/content/images/special.jpg) no-repeat center left;

  float: left;

  position: relative;

  height: 300px;

  background-size: cover !important;

}

.araban2-1txt {

  text-align: right;

  width: 100%;

}

.araban2-2txt {

  text-align: left;

  width: 100%;

  color: white;

}

.araban2-3txt {

  text-align: left;

  width: 100%;

  color: white;

}

.araban2-body a {

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  z-index: 2;

}

.araban2-body p {

  background: white;

  color: black;

  position: absolute;

  right: 30px;

  bottom: 30px;

  padding: 8px 16px;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 600;

  box-shadow: 5px 5px 5px #222;

}

.araban2-body .ban1:hover p {

  background: #222;

  color: white;

  text-decoration: none;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -o-transition: all .5s ease;

  -ms-transition: all .5s ease;

  transition: all .5s ease;

}

.araban-body a:hover {

  background: #222;

  color: white;

  text-decoration: none;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -o-transition: all .5s ease;

  -ms-transition: all .5s ease;

  transition: all .5s ease;

}

.araban2-body .araban2-3 a {

  background: white;

  color: black;

  position: absolute;

  left: 30px;

  bottom: 30px;

  padding: 8px 16px;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: 600;

  box-shadow: 5px 5px 5px #222;

  width: fit-content;

}

#tooltip150062 {

  display: none;

}

/* ==========================================================================================================







										ARA BANNER 3







   ========================================================================================================== */

.araban-body:after {

  content: "";

  display: block;

  clear: both;

}

.araban-sol2 {

  float: left;

  width: 100%;

  background: #f1eee9 url(/content/images/araban-sol.jpg) no-repeat center;

  text-align: right;

  height: 520px;

  overflow: hidden;

}

.araban-sol2 video {

  min-width: 100%;

  /*height:100%;*/

}

.araban-sag2 {

  float: left;

  width: 50%;

  background: black;

  position: relative;

  height: 450px;

  color: #fff;

  padding: 50px 110px 50px 80px;

  display: none;

}

.araban-sag2-text {

  width: 100%;

  position: relative;

}

.araban-sag2-text h3 {

  font-size: 32px;

}

.araban-sag2-text span {

  display: block;

  font-size: 22px;

  font-weight: 300;

  color: rgb(166, 134, 118);

}

.araban-sag2-text p {

  font-size: 16px;

  color: white;

}

/* ==========================================================================================================







										HOME CONTACT







   ========================================================================================================== */

.homecontact {

  background: #f1eee9;

}

.homecontact:after {

  content: "";

  display: block;

  clear: both;

}

.homecontact-left {

  width: 40%;

  float: left;

}

.homecontact-center {

  width: 30%;

  float: left;

}

.homecontact-right {

  width: 30%;

  float: left;

}

.icbox {

  padding: 110px 90px !important;

  font-size: 16px;

}

.icbox svg {

  font-size: 36px;

}

.icbox .row {

  padding: 15px 0;

  border-bottom: solid 1px #ddd;

  margin-bottom: 15px;

}

/* ==========================================================================================================







										FEATURES







   ========================================================================================================== */

.curved-bg-div {

  background: url("/content/images/curved-bgg.jpg") no-repeat;

  background-position: 0px -140px;

  background-size: cover;

  width: 100%;

  height: 300px;

}

.fh5co-features-outer {

  width: 100%;

  height: auto;

  margin-top: -180px;

}

.fh5co-features-outer .col-sm-6 {

  margin-top: 80px;

}

.fh5co-features-outer .col-sm-6 img {

  height: 550px;

}

.fh5co-features-outer .sm-6-content {

  margin-top: 250px;

  position: relative;

}

.fh5co-features-outer .sm-6-content h1 {

  color: #222222;

  text-transform: uppercase;

  font-size: 25px;

  font-weight: 600;

  margin-bottom: 20px;

}

.fh5co-features-outer .sm-6-content p {

  color: #111;

  font-weight: 500;

  font-size: 14.5px;

  line-height: 1.8em;

  width: 450px;

}

.fh5co-features-outer .col-sm-6 .col-sm-image-container {

  position: relative;

  width: 300px;

}

.fh5co-features-outer .col-sm-6 .span-new {

  color: #fff;

  background: #fcec64;

  padding: 18px;

  width: 35px;

  display: inline-block;

  line-height: 30px;

  height: 30px;

  text-align: center;

  border-radius: 50%;

  font-size: 14px;

  box-sizing: initial;

  position: absolute;

  font-weight: 700;

  right: 0;

  top: 140px;

}

.fh5co-features-outer .col-sm-6 .span-free {

  color: #fff;

  background: #6ca3ff;

  padding: 18px;

  width: 35px;

  display: inline-block;

  line-height: 30px;

  height: 30px;

  text-align: center;

  border-radius: 50%;

  font-size: 14px;

  box-sizing: initial;

  position: absolute;

  left: -35px;

  bottom: -430px;

  font-weight: 700;

}

.fh5co-features-outer .col-sm-6 .span-data {

  color: #7e8c91;

  background: #b8faee;

  padding: 20px;

  width: 40px;

  display: inline-block;

  line-height: 30px;

  height: 30px;

  text-align: center;

  border-radius: 50%;

  font-size: 14px;

  letter-spacing: 1px;

  box-sizing: initial;

  position: absolute;

  top: 140px;

  right: -2px;

  font-weight: 700;

}

.fh5co-features-outer .col-sm-6 .span-percent {

  color: #fff;

  background: #6ca3ff;

  padding: 18px;

  width: 35px;

  display: inline-block;

  line-height: 30px;

  height: 30px;

  text-align: center;

  border-radius: 50%;

  font-size: 14px;

  box-sizing: initial;

  position: absolute;

  left: -35px;

  bottom: -430px;

  font-weight: 700;

}

.fh5co-features-outer .col-sm-6 .circle {

  color: #c3cfe5;

  border: 1px solid #ededed;

  background: #fff;

  padding: 10px;

  width: 35px;

  display: inline-block;

  line-height: 30px;

  height: 30px;

  text-align: center;

  border-radius: 50%;

  font-size: 14px;

  box-sizing: initial;

  position: absolute;

  font-weight: 600;

  box-shadow: 0 0 0 5px #f9f9f9;

}

.fh5co-features-outer .col-sm-6 .circle-first {

  width: 35px;

  display: inline-block;

  line-height: 30px;

  height: 30px;

  text-align: center;

  border-radius: 50%;

  font-size: 14px;

  box-sizing: initial;

  position: absolute;

  margin-left: 0px;

  font-weight: 600;

}

.fh5co-features-outer .col-sm-6 .circle-middle {

  width: 35px;

  display: inline-block;

  line-height: 30px;

  height: 30px;

  text-align: center;

  border-radius: 50%;

  font-size: 14px;

  box-sizing: initial;

  position: absolute;

  margin-left: 50px;

  font-weight: 600;

}

.fh5co-features-outer .col-sm-6 .circle-last {

  width: 35px;

  display: inline-block;

  line-height: 30px;

  height: 30px;

  text-align: center;

  border-radius: 50%;

  font-size: 14px;

  box-sizing: initial;

  position: absolute;

  margin-left: 100px;

  font-weight: 600;

}

/* ==========================================================================================================







										REVIEWS







   ========================================================================================================== */

.fh5co-reviews-outer {

  width: 100%;

  height: 400px;

  padding: 70px;

  margin-top: 100px;

}

.fh5co-reviews-outer .fh5co-reviews-inner {

  margin-top: 100px;

}

.fh5co-reviews-outer > h1 {

  color: #222222;

  text-transform: uppercase;

  font-size: 30px;

  font-weight: 600;

  margin-bottom: 10px;

  text-align: center;

}

.fh5co-reviews-outer > small {

  text-align: center;

  display: block;

}

.fh5co-reviews-outer .testimonial-desc {

  clear: both;

  padding-top: 30px;

  font-weight: 500;

}

.fh5co-reviews-outer .testimonial-2 {

  margin-left: 50px;

}

/* ==========================================================================================================







										BOTTOM







   ========================================================================================================== */

.fh5co-bottom-outer {

  width: 100%;

  height: 572px;

  background: url("/content/images/download-section-bg.jpg") no-repeat center;

  margin-top: 120px;

  overflow-x: hidden;

}

.fh5co-bottom-outer .fh5co-bottom-inner {

  margin-top: 270px;

}

.fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 h1 {

  color: #fff;

  text-transform: uppercase;

  font-size: 30px;

  margin-bottom: 30px;

}

.fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 p {

  width: 350px;

  color: #fff;

  font-size: 14.5px;

  line-height: 1.85em;

}

.fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 img {

  margin-top: 25px;

}

/* ==========================================================================================================







										SUB FOOTER







   ========================================================================================================== */

.img-float-left {

  float: left;

}

.img-float-right {

  float: right;

}

.footer-outer {

  width: 100%;

  padding: 15px 0 0;

  background: #fff;

  overflow: hidden;

}

.footer-outer .footer-inner {

  width: 100%;

  height: inherit;

}

.footer-outer .footer-takip svg {

  margin: 15px;

  font-size: 20px;

}

.footer-outer .footer-takip a:hover svg {

  opacity: .6;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

}

.footer-outer .footer-three-grid {

  margin: 0 auto;

  text-align: center;

}

.footer-outer .column-1-3 {

  width: 30%;

  float: left;

  padding: 30px 0 0;

}

.footer-outer .column-1-3 h1 {

  font-size: 38px;

  letter-spacing: 3px;

  position: relative;

  top: -5px;

  font-weight: 600;

  color: #fff;

}

.footer-outer .column-2-3 {

  width: 40%;

  float: left;

  padding: 60px 0 0;

}

.footer-outer .column-3-3 {

  width: 30%;

  float: left;

}

.footer-outer .column-3-3 img {

  max-width: 100%;

}

.footer-outer .column-3-3 a {

  color: #b5b5c8;

}

.footer-outer .column-3-3 .social-icons-header a:hover {

  color: #fff;

  opacity: 1;

  -webkit-transition: color .2s ease;

  -o-transition: color .2s ease;

  transition: color .2s ease;

}

.footer-outer .footer-nav ul {

  list-style: none;

  text-align: center;

}

.footer-outer .footer-nav ul li:hover {

  color: #000;

  -webkit-transition: color .2s ease-in-out;

  -o-transition: color .2s ease-in-out;

  transition: color .2s ease-in-out;

}

.footer-outer .footer-nav ul .active {

  color: #000;

}

.footer-outer .footer-nav ul li a {

  color: #000;

  font-weight: 600;

  text-decoration: none;

}

.footer-outer .border-bottom-footer {

  height: 1px;

  width: 60%;

  margin: 0 auto;

  border: 1px solid #434769;

  display: block;

  margin-top: 50px;

}

.footer-outer .copyright {

  color: #000;

  text-align: center;

  font-size: 13px;

  padding: 15px 0;

  border-top: solid 1px #f2f2f2;

  margin: 15px auto;

}

.footer-nav {

  display: -ms-flexbox !important;

  display: flex !important;

  -ms-flex-preferred-size: auto;

  flex-basis: auto;

  -ms-flex-preferred-size: 100%;

  flex-basis: 100%;

  -ms-flex-positive: 1;

  flex-grow: 1;

  -ms-flex-align: center;

  align-items: center;

}

.footer-outer .footer-nav ul {

  -ms-flex-direction: row;

  flex-direction: row;

  display: flex;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

  margin: 0 auto;

}

.footer-outer .footer-nav ul li {

  display: flex;

  color: #000;

  margin: 0 15px;

  font-size: 14px;

  text-transform: uppercase;

  align-items: center;

  vertical-align: middle;

}

.google-play-btn {

  margin-left: 10px;

}

.footer-outer .footer-three-grid:after {

  content: "";

  display: block;

  clear: both;

}

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







	KATEGORi LİSTE







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

.liste-baslik {

  text-align: center;

  border-top: solid 1px rgba(0, 0, 0, .12);

  border-bottom: solid 1px rgba(0, 0, 0, .12);

  padding: 30px 0;

}

.liste-baslik h2 {

  font-weight: 400;

  font-size: 32px;

}

.liste-baslik p {

  color: #5c5c5c;

  font-size: 15px;

  max-width: 400px;

  margin: 0 auto;

  display: inline-block;

}

.liste-sol-kategori {

  padding: 45px 0 30px 15px;

}

.liste-sol-kategori li::before {

  content: "\2022";

  color: #5c5c5c;

  font-weight: bold;

  display: inline-block;

  width: 1em;

  margin-left: -1em;

  left: 10px;

  position: relative;

}

.liste-sol-kategori li:first-child:before {

  content: none;

}

.liste-sol-kategori li:first-child a {

  font-size: 15px;

  color: #5c5c5c;

  padding: 3px 0;

  text-transform: uppercase;

}

.liste-sol-kategori li a {

  font-size: 15px;

  color: #939393;

  padding: 3px 0 3px 10px;

  list-style: do

}

.liste-content {

  padding: 30px;

}

.liste-content li {

  width: 33.333%;

  float: left;

  padding: 15px;

  position: relative;

  overflow: hidden;

}

.liste-content .liste-urun-img img {

  width: 100%;

}

.liste-content li::before {

  position: absolute;

  top: 0;

  left: -75%;

  z-index: 2;

  display: block;

  content: '';

  width: 50%;

  height: 100%;

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.liste-content li:hover::before {

  -webkit-animation: shine .75s;

  animation: shine .75s;

}

@-webkit-keyframes shine {

  100% {

    left: 125%;

  }

}

@keyframes shine {

  100% {

    left: 125%;

  }

}

.liste-urun-txt {

  text-align: center;

  padding: 10px 0;

  font-weight: 600;

}

.liste-urun-txt a {

  position: relative;

  display: inline-block;

}

.liste-urun-txt a:hover {

  color: initial;

  text-decoration: none;

}

.liste-urun-txt a:after {

  content: "";

  display: block;

  width: 0;

  height: 2px;

  background: #222;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

}

.liste-content li:hover .liste-urun-txt a:after {

  width: 100%;

}

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







			ÜRÜN LİSTELEME







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

.urun-liste-content {

  padding: 30px;

}

.urun-liste-content li {

  width: 25%;

  float: left;

  padding: 15px;

  position: relative;

  overflow: hidden;

  text-align: center;

  height: 479px;

}

.urun-liste-content .liste-urun-img {

  height: 334px;

  overflow: hidden;

  vertical-align: bottom;

  display: contents;

}

.urun-liste-content .liste-urun-img img {

  width: 100%;

}

.urun-liste-content li::before {

  position: absolute;

  top: 0;

  left: -75%;

  z-index: 2;

  display: block;

  content: '';

  width: 50%;

  height: 100%;

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.urun-liste-content li:hover::before {

  -webkit-animation: shine .75s;

  animation: shine .75s;

}

@-webkit-keyframes shine {

  100% {

    left: 125%;

  }

}

@keyframes shine {

  100% {

    left: 125%;

  }

}

.urun-liste-content .liste-urun-txt {

  text-align: center;

  font-weight: 600;

  position: relative;

  padding: 0;

  font-size: 16px;

  height: 60px;

  align-items: center;

  display: grid;

}

.urun-liste-content .liste-urun-txt a {

  line-height: 18px;

  display: inline-block;

  padding: 10px 0;

}

.urun-liste-content .liste-urun-txt:before {

  content: "";

  display: block;

  width: 1px;

  height: 2px;

  margin: 0 auto;

  background: #222;

  -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

}

.urun-liste-content li:hover .liste-urun-txt:before {

  width: 100%;

}

/* ==========================================================================================================







                                       ÜRÜN DETAY







  ========================================================================================================== */

.urun-detay-body {

  border-top: solid 1px rgba(0, 0, 0, .12);

}

.urun-detay-body .col-md-8 {

  padding: 40px 30px;

}

.preview:after {

  content: "";

  display: block;

  clear: both;

}

.preview-thumbnail-box {

  width: 30%;

  float: left;

}

.preview-thumbnail li {

  width: 50%;

  float: left;

  padding: 10px;

}

.preview-thumbnail li img {

  width: 100%;

}

.preview-pic {

  width: 70%;

  float: left;

}

.preview .owl-nav {

  position: absolute;

  top: 40%;

  width: 100%;

}

.owl-nav span {

  font-size: 80px;

  font-weight: 200;

  font-family: inherit;

}

.preview .owl-next {

  position: absolute;

  right: -9px;

}

.detay-txt {

  background: #f9f9f9;

  padding: 40px 30px;

  font-size: 16px;

}

.detay-txt p {

  border-bottom: solid 1px rgba(0, 0, 0, .12);

  color: #5c5c5c;

  font-weight: 400;

  margin: 0;

  padding-bottom: 10px;

}

.detay-txt h2 {

  border-bottom: solid 1px rgba(0, 0, 0, .12);

  color: #5c5c5c;

  font-weight: 400;

  padding: 22px 0 30px 0;

  font-size: 32px;

}

.detay-txt .sepet {

  display: inline-block;

  margin: 25px auto;

  padding: 8px 16px;

  border: solid 1px;

  color: #5c5c5c;

}

.detay-txt .sepet:hover {

  display: inline-block;

  margin: 25px auto;

  padding: 8px 16px;

  border: solid 1px;

  color: #fff;

  background: #5c5c5c;

}

.form {

  margin: 0 -15px;

}

.form li {

  width: 50%;

  padding: 15px;

  float: left;

}

.form li input {

  border: none;

  border-bottom: solid 1px rgba(0, 0, 0, .12);

  padding: 5px 0 5px 15px;

  border-radius: 0;

}

.form li textarea {

  border: none;

  border-bottom: solid 1px rgba(0, 0, 0, .12);

  padding: 5px 0 5px 15px;

  border-radius: 0;

}

.form li:nth-child(5) {

  width: 100%;

}

.form li:nth-child(6) {

  width: 100%;

}

.btn-primary {

  background: black;

  color: white;

  border-radius: 0;

  border: 0;

  padding: 8px 16px;

}

.detay-resim {

  -ms-flex-direction: row;

  flex-direction: row;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: initial;

  flex-direction: initial;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}

.detay-resim li {

  overflow: hidden;

  padding: 15px;

}

.detay-resim li img {

  width: 100%;

}

.detay-head {

  padding: 30px 15px 25px;

  border-bottom: solid 1px rgba(0, 0, 0, .12);

}

.detay-head h2 {

  color: #5c5c5c;

  font-weight: 300;

  padding: 0;

  font-size: 32px;

}

.urun_detay_main .navbar-expand-lg {

  padding-top: 30px;

}

.urun_detay_main .detay-bread .container {

  margin: 0;

}

.urun_detay_main .breadcrumb {

  border: none;

  margin: 0;

  padding: 0;

}

/* ==========================================================================================================







                                       RESPONSIVE STYLING







  ========================================================================================================== */

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

  body {

    overflow-x: hidden;

  }

  .fh5co-hero-inner .fh5co-hero-smartphone {

    position: absolute;

    right: 50px;

    top: 200px;

    height: 550px;

  }

  .curved-bg-div {

    background-position: 100% -20px;

  }

  .footer-outer .footer-three-grid {

    width: 100%;

  }

}

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

  body {

    overflow-x: hidden;

  }

  .fh5co-hero-inner .fh5co-hero-smartphone {

    position: absolute;

    right: -15px;

    top: 200px;

    height: 550px;

  }

}

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

  body {

    overflow-x: hidden;

  }

  #fh5co-hero-wrapper {

    height: 95vh;

  }

  .fh5co-hero-inner {

    margin-top: 30px;

  }

  .fh5co-hero-inner .fh5co-hero-smartphone {

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    top: 270px;

    height: 460px;

    margin-top: 110px;

  }

  .fh5co-advantages-outer {

    margin-top: 50px;

    padding-bottom: 0;

  }

  .fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-image {

    width: 60px;

    float: none;

    display: block;

    margin: 0 auto;

    padding-right: 0px;

    margin-bottom: 20px;

    position: relative;

    top: 1px;

  }

  .fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-title {

    float: none;

    text-align: center;

  }

  .fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-desc {

    float: none;

    width: 100%;

    text-align: center;

  }

  .fh5co-slider-outer .fh5co-slider-outer {

    margin-top: 0px;

  }

  .fh5co-features-outer {

    margin-top: -100px;

  }

  .fh5co-features-outer .sm-6-content p {

    width: 100%;

  }

  .footer-outer .footer-nav ul li {

    margin: 0 10px;

  }

  .footer-outer .footer-takip svg {

    margin: 15px 10px;

    font-size: 20px;

  }

}

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

  .fh5co-features-grid-columns .col-sm-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 100%;

    width: 100%;

    max-width: 100%;

    margin: 30px auto;

    text-align: center;

  }

  .fh5co-features-outer .col-sm-6 .col-sm-image-container {

    position: relative;

    width: 295px !important;

    text-align: center;

    margin: 15px auto 0;

  }

  .no-float {

    float: none !important;

  }

  .fh5co-slider-outer .carousel-right-arrow {

    position: absolute;

    right: -70px;

    bottom: 250px;

    font-size: 60px;

    color: #ececec;

  }

  .fh5co-slider-outer .carousel-left-arrow {

    position: absolute;

    left: -70px;

    bottom: 250px;

    font-size: 60px;

    color: #ececec;

  }

  .img-float-right {

    float: none;

  }

  .img-float-left {

    float: none;

  }

  .fh5co-features-outer .col-sm-6 .span-percent, .fh5co-features-outer .col-sm-6 .span-free {

    left: -15px;

    bottom: 140px;

  }

  .fh5co-features-outer .col-sm-6 .span-new {

    right: -10px;

  }

  .fh5co-features-outer .col-sm-6 .span-data {

    right: -15px;

  }

  .fh5co-features-outer .col-sm-6 .circle {

    position: static;

    display: inline-block;

    margin: 25px 5px;

  }

  .fh5co-advantages-outer .second-title {

    margin-top: 60px;

  }

  .fh5co-features-grid-columns {

    display: flex;

    flex-direction: column;

  }

  .fh5co-features-grid-columns .in-order-4 {

    order: 1;

  }

  .fh5co-features-grid-columns .in-order-3 {

    order: 2;

  }

  .fh5co-reviews-outer {

    padding: 0;

  }

  .navbar-light .navbar-toggler {

    color: #fff !important;

    border-color: #c7c7c7 !important;

  }

  .navbar-light .navbar-nav .nav-link {

    margin: 0;

    width: 100%;

  }

  .social-icons-header i:first-of-type {

    margin-right: 10px !important;

    margin-left: 0 !important;

    font-size: 30px;

  }

}

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

  .fh5co-hero-inner > h1 {

    color: #fff;

    font-weight: 300;

    font-size: 45px;

    letter-spacing: 2px;

  }

  #fh5co-hero-wrapper {

    height: 800px;

  }

  .fh5co-advantages-outer .fh5co-advantages-grid-columns {

    margin-top: 40px;

  }

  .fh5co-advantages-grid-columns .col-sm-4 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    width: 100%;

    max-width: 100%;

    margin: 30px auto;

    text-align: center;

  }

  .fh5co-hero-inner .fh5co-hero-smartphone {

    height: 420px;

    top: 310px;

  }

  .fh5co-advantages-outer .second-title {

    margin-top: 60px;

  }

  .fh5co-bottom-outer {

    margin-top: 40px;

    overflow: hidden;

  }

  .fh5co-bottom-outer .fh5co-bottom-inner {

    margin-top: 50px;

  }

  .fh5co-slider-outer {

    padding: 0;

  }

  .fh5co-slider-outer .carousel-left-arrow {

    left: 50px;

    font-size: 50px;

    bottom: 190px;

  }

  .fh5co-slider-outer .carousel-right-arrow {

    right: 50px;

    font-size: 50px;

    bottom: 190px;

  }

  .fh5co-reviews-inner .col-sm-5 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    width: 75%;

    max-width: 75%;

    margin: 30px auto;

    text-align: center;

  }

  .fh5co-slider-outer .item img {

    height: 300px;

  }

  .fh5co-reviews-outer {

    height: auto;

  }

  .fh5co-reviews-outer .fh5co-reviews-inner {

    margin-top: 50px;

  }

  .fh5co-bottom-outer {

    background-position: center bottom;

    overflow: hidden;

    height: auto;

  }

  .fh5co-bottom-inner {

    overflow: hidden;

    padding-bottom: 50px;

    text-align: center;

  }

  .overlay {

    width: 100%;

    height: 100%;

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

    overflow-x: hidden;

  }

  .fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 p {

    width: 90%;

    margin: 0 auto;

  }

  .footer-outer {

    height: auto;

    padding: 20px;

  }

  .footer-outer .column-1-3 {

    width: 100%;

    float: none;

    height: auto;

    padding-top: 30px;

  }

  .footer-outer .column-2-3 {

    width: 100%;

    float: none;

    height: auto;

  }

  .footer-outer .column-3-3 {

    width: 100%;

    float: left;

    height: auto;

    margin: 15px 0;

  }

  .footer-outer .copyright {

    margin-top: 30px;

    padding: 10px 0;

  }

  .footer-outer .border-bottom-footer {

    height: 1px;

    width: 100%;

    margin: 0 auto;

    border: 1px solid #434769;

    display: block;

    margin-top: 100px;

  }

}

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

  #fh5co-hero-wrapper {

    height: 900px;

  }

  .fh5co-hero-inner > h1 {

    font-size: 40px;

  }

  .fh5co-hero-inner > p {

    width: 100%;

  }

  .fh5co-hero-inner {

    text-align: center;

  }

  .fh5co-hero-inner .fh5co-hero-smartphone {

    height: 450px;

    top: 420px;

    margin-top: 70px;

  }

  .social-icons-header i:first-of-type {

    font-size: 22px;

  }

  .fh5co-slider-outer .carousel-left-arrow {

    left: 0;

  }

  .fh5co-slider-outer .carousel-right-arrow {

    right: 0;

  }

  .fh5co-slider-inner {

    margin-top: 50px;

    margin-bottom: 30px;

  }

  .fh5co-reviews-inner .col-sm-5 {

    -ms-flex: 0 0 90%;

    flex: 0 0 90%;

    width: 90%;

    max-width: 90%;

    margin: 30px auto;

    text-align: center;

  }

  .fh5co-advantages-outer .span-perfect {

    margin-top: 80px;

    font-size: 18px;

    margin-bottom: 15px;

    display: block;

    width: 100%;

    text-align: center;

  }

  .fh5co-advantages-outer .span-features {

    font-size: 24px;

    display: block;

    width: 100%;

    text-align: center;

  }

}

.none {

  display: none;

}


@media (max-width: 1400px) {

.container {

/*width: 1366px;*/

}

.urun-slider .item .fiyat-alan {

	display: block;

	text-align: left;

}



}



@media (max-width: 1275px) {

.owl-prev {

	position: absolute;

	left: -10px;

}

.owl-next {

	position: absolute;

	right: -10px;

}



}

@media(min-width:992px) {

.urun-slider .item .urun-ad {

	 

}

}

@media (min-width: 1200px) {

 

.marka-listele .marksa {

	width: 16.25%;

}

.product-title {

	width: 100%;

}

.details .sepet-alan-fi .fiyat { 

}

.sepet-alan-fi { 

}

.urun_detay_main .sepete-ekle {

	margin-right: 47px;

}

.marka-img img {

	right: 50px;

}

.arama {

	position: relative;

	width: 80%;

	float: none;

	margin:0 auto;

	/*margin-top: 12px;*/

}

.sirala a {

	font-size: 14px !important;

	color: #333e48;

}

.urun-slider .item {

	/*height: 400px;*/

}

.urun-slider .item .fiyat-alan {

	display: block;

	text-align:left;

	padding: 0;

}

.urun-alt-slider .item .fiyat-alan {

	padding: 0 40px !important;

}

.urun_liste .fiyat-alan {

}

.urun-slider .carousel-control.left {

}

.urun_liste .urun-resim { 

}

.urun_liste .urun-ad { 

}

.urun-slider .item .urun-resim {

	display: block;

	text-align: center;

	vertical-align: middle;

	height: auto;

}

.urun-alt-slider .item .urun-resim {

	height: 225px;

}

.ilgili-urun .item .fiyat-alan {

	padding: 0 20px

}

.navbar-inverse .navbar-nav>li>a {

	font-size: 13px;

	color: #333e48/*c3827d*/;

	font-weight: 400;

	padding: 10px 10px;

	letter-spacing: 0.5px;

}

.ilgili-urun .item {

	height: 350px;

}

.navbar-inverse .navbar-nav>li:hover a {

	font-weight: bold;

}/*

.navbar-inverse .navbar-nav>li:hover a:after{

  content: '';

  position:absolute;

  right:50%;

  bottom:-9px;

  border-right:solid 1px #333e4873;

  height:22px;

  border-style: solid;

  border-width: 0 15px 10px 15px;

  border-color:transparent transparent #333e48 transparent;*/

}

.product-fiyat .indirimsiz-f {

	color: #727272;

	text-decoration: line-through;

	font-size: 24px;

	font-weight: bold;

	position: absolute;

	top: 3px;

	left: 14.5%;

}

.product-fiyat .indirimli-f {

	color: #d3647a;

	font-size: 28px;

	font-weight: bold;

	position: absolute;

	top: 40px;

	left: 14.5%;

}





@media(max-width:1999px) {

.urun_liste .urun-resim { 

}

.sirala a {

	font-size: 12px;

	color: #333e48;

}

.top-icon a {

	padding-right:5px;

}

.top-right-s {

    width: 20%;

}

.arama {

    position: relative;

    width: 80%;

}

.sepet { 

}

.urun_liste .urun-ad {

    max-height: 105px;

	overflow:hidden;

}

.urun-ad {

    max-height: 76px;

	overflow:hidden;

}



.urun_liste .urunler {

	/*height:426px;*/

}/*

.urun-slider .item .fiyat-alan {

    padding: 0 60px;

}*/

}



@media(max-width:991px) {

.customer-img, .img-related {

	margin-bottom: 30px;

}

}



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



body { 

}

.yeni-alan {

	padding:15px;

}

header {

	position:relative;

	top:0;

	z-index:2;

}

#myCarousel {

	padding: 0 0 0;

}/*

.container {

	background: #ffffff6b;

}



.affix .header-middle {

	display:block;

}

.navbar-inverse {

    box-shadow: 1px 4px 2px #0000003d;

}

.urun-slider .owl-nav {

	top:16%;

}

#myHeader {

	margin-bottom:10px;

	position: fixed !important;

    top: 0;

    background: white;

    z-index: 2;

}

*/

#tawkchat-container {

	bottom:50px !important;

	right:-20px !important;

}

/*****

HEADER

**********/

.affix .header-middle {

	display:block;

	background:white;

}

.affix .top-icon {

	display:block;

}

.affix  .logo {

	display:block;

}

.affix .giris {

	display:none;

}

.affix .top-right-s {

	margin:0;

}

.affix #mainNav {

    text-align: left;

}

.affix .sepet { 

}

/*****

HEADER

**********/



.back-to-top {

	    left: 10px;

}

.marka-seri li {

	width:100%;

}

.marka-seri li figure {

	width:50%;

}

.marka-seri li aside {

	width:50%;

}

.cerez-box {

	width:250px;

	padding:15px;

}

.cerez-btn {

   position: absolute;

    right: -15px;

    top: -15px;

    border: none;

    font-size: 18px;

    font-family: tahoma;

    font-weight: 900;

    color: #fff;

    border-radius: 30px;

    

}

.sepet-adet .qtySpinner {

	display:block;

	position:absolute;

}

.sepet-adet .qtySpinner svg {

	font-size:26px;

}

.sepet-adet .minus {

	top: 15px;

    left: 55px;

	height:14px;

	z-index:5;

	display:block;

	overflow:hidden;

}

.sepet-adet .minus svg {

	top: -12px;

   position: relative;

}

.sepet-adet .plus {

	top: -31px;

    position: relative;

    left: 40px;

	height:12px;

	display:block;

	overflow:hidden;

}

.sepet-alan {

    padding: 10px 0 0;

    margin: 0 0 25px;

}

.sepet-adet {

	z-index:1;

}

.sepet-ad {

	z-index:1;

}

.sepet-box-ic .qty .plus {

	height:18px;

}

.bulten-box {

	margin-top:15px;

}

#top_main .item {

	font-size:11px;

}

#fayda iframe {

	height:325px;

}

.odeme-body .nav-tabs>li>a {

	display:inline-block;

}

.odeme-body .nav-tabs>li.active>a, .odeme-body .nav-tabs>li.active>a:focus, .odeme-body .nav-tabs>li.active>a:hover {

    font-size: 14px;

    display: inline-block;

}

.he-kupon {

	width:99%;

}

.left-menu {

    display: none;

}

.left-menu span.list-group-item  {

	display:none;

}

.mobil-leftmenu {

    display: block;

    color: #000;

    margin-bottom: 10px;

    padding: 15px;

    background: #e2e2e2 url(/content/images/down-icon.jpg) 95% center no-repeat;

}

.wellmenu .col-md-3 {

	width:33.3%;

	float:left;

}

.wellmenu .col-md-4 {

	width:33.3%;

	float:left;

}

.preview-pic {

    height: auto;

	margin:auto;

	max-width:100%;

}

.ara-banner {

	height: auto;

    width: 50%;

    float: left;

}

.kampanya-list li {

	height:inherit;

}

.kampanya-list li .kamp-link {

	width:92%;

}

.what a {

	width:50px;

}

.whatl {

	display:none;

}

.dropdown:nth-child(2) .wellmenu div:nth-child(2) ul{

	max-height:inherit;

	    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;

}

.dropdown:nth-child(3) .wellmenu div:nth-child(2) ul{

	max-height:inherit;

	    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;

}

.dropdown:nth-child(4) .wellmenu ul {

	max-height:inherit;

	    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;

}

.menumarka-img {

	display:none;

}

.carousel-indicators {

	z-index:1;

}

.badge-light {

	left:-12px;

	right:inherit;

}



.deskSlider {

	display:block;

	    background-size: 1170px;

    height: 230px;

	

}



.mobSlider {

	display:none;

}

.mobSlider img {

	width:100%;

}



.home-banner {

    padding-top: 10px;

    clear: both;

}

.home-ara-banner {

	margin:12px 0 0;

}

.marka-list li {

	width:45%;

}

.combine .nav-tabs>li>a {

	height:110px;

}

.siparis-tab {

	display: none;

}

.odeme-body .modal-dialog {

	margin: 0;

}

.odeme-body .modal-body {

	margin: 0;

	padding: 0;

}

.zoomContainer {

	display: none;

	visibility: hidden;

}

.zoomLens {

	display: none;

	visibility: hidden;

}

.zoomWindowContainer {

	display: none;

	visibility: hidden;

}

.preview-thumbnail.nav-tabs li img {

	width: 100px;

}

.sticky {

	position: relative !important;

}

.sticky .header-middle {

	display: block;

}

.top-icon {

	width:60%;

	padding-left:15px;

	

}

.top-icon a {

	padding: 7px 8px;

	margin:0;

}

.top-icon a:last-child {

    border-right: solid 1px #e2e2e2;

}

.giris {

	position: absolute;

    margin-right: 0 !important;

    width: 20%;

    top: 20px;

    right: 12%;

    text-align: right;

}

.giris li ul {

	right: 20%;

}

.giris li {

	position: relative;

	text-align: right;

}

.giris-link {

 

}

.giris-link img {

	height:33px;

}

.top-right-s {

	width: 20%;

	float: left;

	text-align: center;

}

.bana-ozel {

	float: none;

	display: inline-block;

	text-align: center;

	padding-right: 0;

}

.giris sub br {

	display: none;

}

.header-middle {

	position: relative;

	padding: 8px 0 1px;

}

.home-banner li {

	padding: 2px;

    margin: 0 0 15px 0;

    width: 100%;

    float: left;

}

.urun-alt-slider .col-md-3 {

	height: inherit;

}

.item .sepete-ekle {

	display: block !important;

}

.urun-slider .carousel-control.right {

	right: 20px;

}

.sepet-alan-fi {

	width: 100%;

}

.preview {

	width: 100%;

	padding-right: 0;

	min-height:414px;

	margin-bottom: 5px;

}

.details {

	width: 100%;

	padding: 15px;

}

.urun_detay_main .tab-content {

	width: 100%;

}

.detay-rait {

	text-align: center;

}

.urun_liste .urun-resim img { 

}

.urun_liste .urunler {

	height: 486px;

}

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

İkili Listeleme

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

.urun_liste .urun-resim {

	height:331px;

}

.urun_liste .urun-resim img {

	height: auto;

}

.urun_liste .urunler {

	height: 446px;

	width: 48.9%;

	float: left;

}

.urun_liste .sepete-ekle {

	font-size: 13px;

}

.urun_liste .fiyat-alan {

	padding: 0;

}

.urun-slider .cok-sat .item {

	width:50%;

	float:left;

}

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

İkili Listeleme son

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

.sepet:hover .shoppingcart_box {

	display: block;

}

.sticky .navbar-inverse {

	box-shadow: none;

}/*

.uye-page .list-group {

	height: 62px;

	overflow: hidden;

}

.uye-page .list-group:hover {

	height: auto;

	overflow: visible;

}*/

.sepet-box-ic {

	display: block;

	height:inherit;

}

.kupon {

	margin: 20px 0 0 0;

}



.uye-giris-body {

	width: 100%;

	margin: 0 auto;

}

.filtre-body {

/*background: url(/content/images/filtre-mobil.jpg) no-repeat center top;

	height: 37px;

	background-size: contain;*/

}

.filtre-body form {

	display: none;

}

.filtre-body:hover {

	height: inherit;

	/*border: solid 1px #2d3a4b;*/

}

.filtre-body:hover form {

	margin-top: 25px;

}

.mobil-filtre {

	display: block;

}

.mobil-filtre-ic {

	background: #e2e2e2 url(/content/images/down-icon.jpg) 95% center no-repeat;

	padding: 10px;

}/*

.mobil-filtre-ic:hover {

	background: #e2e2e2 url(/content/images/up-icon.jpg) 95% center no-repeat;

	padding-right: 5px;

}*/

.acform {

	display:block;

}

.bank img {

	width: 100%;

}

.img-portfolio {

	margin-bottom: 15px;

}

header.carousel .carousel {

	height: 70%;

}

.odeme-body .nav-tabs>li {

	width: 33%;

	text-align: center;

}

.odeme-body .tab-content {

	padding: 15px 10px;

}

.odeme-body .panel-heading {

	padding: 10px 0;

}

.odeme-body .panel-body {

	padding: 10px 0;

}

.ozet-bg .page-header {

	text-align: left;

}

.sepet {

	float: right;

    text-align: right;

    margin-top: 15px;

    position: relative;

    right: 15px;

    top: 0;

    border-left: solid 1px #e2e2e2;

    width: 80%;

}

.arama {

	    width: 100%;

    float: left;

    margin-top: 12px;

    position: relative;

    bottom: inherit;

    right: 0;

    z-index: 2;

}

.product-fiyat span {

	left:15px;

	top:15px;

}

.product-fiyat span.ucretsiz-kargo {

	right:15px;

	top:15px;

}

.tum-kategoriler {

	min-width:150px;

}

.ara {

	padding: 8px;

	width:95%;

}

.inline-block {

	display:block;

}

.logo {

    width: 20%;

    text-align: left;

    margin-bottom: 10px;

}

.logo img {

    width: 80%;

}

.button-ara {

    right: 0;

    top: 0;

}

.navbar-header {

	padding: 0 10px;

}

.header-top {

	padding: 10px;

	height:50px;

}

#top_main {

	padding: 0 !important;

	text-align:center;

	border-bottom: dashed 2px #c35790;

	width:100%;

}

.top-menu-link {

	text-align: left;

	padding-top:5px;

}

.owl-next {

	position: absolute;

	right: 0px;

}

.owl-prev {

	position: absolute;

	left: 0px;

}

.preview .owl-next {

	position: absolute;

	right: 0px;

}

.preview .owl-prev {

	position: absolute;

	left: 0px;

}

.preview .owl-item {

	/*width: 100px !important;*/

}

.preview .owl-carousel .owl-stage-outer {

	/*margin: 0 50px;*/

}

.owl-nav span {

	font-size:100px;

}





.urun-slider .item {

	height: 450px;

}

.urun-alt-slider .owl-nav {

	top: 35%;

}

.urun-alt-slider .item .urun-resim img {

	height: 300px;

}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {

	background-color: #333e48;

}

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

 ANASAYFA owl

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

.urun-slider h1 {

	font-size: 32px;

	margin-bottom:3px;

}

.urun-slider .carousel {

	padding: 0 5px 30px 5px;

	margin-bottom: 30px;

}

.urun-slider .item .urun-resim {

	height: auto;

}

.urun-slider .item .fiyat-alan {

	padding: 0;

}

.urun-slider .carousel-control.left {

	left: 0% !important;

}

.bulten-box .h3 {

	width:30%;

}

.bulten-input {

	width:70%;

}

.footer-company {

	display:none;

}

.blog .blog-resim {

	height: 200px;

	background: #fff;

}

.instagram li {

	float: left;

	padding: 0 5px 5px 0;

	height: 123px;

	position: relative;

}

.instagram li img {

	width: 122px;

	position: relative;

}

#mainNav .navbar-nav>li .dropdown-menu {

	width:505px;

}

#mainNav li .menu-box-banner img {

	width:100%;

}

.menu-banner {

	display:none;

}

.menu-banner3 {

	display:none;

}

.mobil-tum {

	display:-webkit-inline-box;

	color:#fff !important;

}

/*.navbar-nav {

    float: none;

    width: 250px;

    background: #d63670;

	    height: 2500px;

}

*************

ÜRÜN DETAY

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

.urun_liste .urunler:nth-child(3n+0) {

	margin:15px 15px 15px 0;

	border-right:solid 1px #e6e6e6;

}

.urun_liste .urunler:nth-child(2n+0) {

	margin:15px 0 15px 0;

}

.urun_detay_main .ilgili-urun .owl-item {

	padding:0 50px;

}

.urun_detay_main .ilgili-urun .item {

	height:485px;

}

.product-fiyat a {

	    margin: 15px 0 0 0;

    display: -webkit-inline-box;

}

.zoomContainer {

	display: none;

}

.urun_detay_main .tab-content>.active {

	padding: 0;

}

.kargo_firsat {

	position: relative;

	margin-top: 20px;

}

.product-fiyat .indirimsiz-f {

	left: 30.5%;

}

.product-fiyat .indirimli-f {

	left: 30.5%;

}

.sosyal-medya {

	display: block;

	text-align: center;

}

.card {

	padding-bottom: 0;

}

.urun-aciklama li {

	left: inherit;

}

.urun-aciklama .nav-tabs>li.active>a {

	font-size: 14px;

}

.urun-aciklama .nav-tabs>li a {

	font-size: 12px;

	padding-bottom: 13px;

}

.aciklama-body .tab-content>.active {

	background: #f9f9f9;

	padding: 30px 15px;

}

.urun_liste nav > .nav.nav-tabs {

	overflow:auto;

	background: none;

}

.sepet-header {

	display: none;

}

.sepet-birim {

	display: none;

}

.toplam-btn {

	padding-right: 15px;

	margin-bottom: 20px;

	text-align: center;

}

.right-toplam {

	width:100%;

}

.siparis-btn {

	margin:15px 0;

}

/*

.sepet-img {

	width:10%;

	float:left;

}

.sepet-box-ic {

	width:90%;

	float:left;

}*/

.siparis-tab .setup-panel {

	display: none;

}

.page-header {

	text-align: center;

}

.sepet-body {

	padding: 0px 0 20px;

}

.ic-sayfalar {

	padding: 5px 15px 35px;

}

.uye-page {

	padding-top: 15px;

}

.ic-img {

	height: 193px;

}

.ic-sayfalar h2 {

	font-size: 20px;

}

nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus {

	height: 76px;

}

.markalar {

    padding: 5px 15px 30px;

}

.marka-listele .marksa {

    width: 32.2%;

}

.tum-blog:before {

    width: 31%;

}

.tum-blog:after {

    width: 30%;

}

.instagram h2 {

	font-size:32px;

}





.listeleme-banner .carousel-inner>.item {

	height:inherit;

}

.shoppingcart_box ul {

    display: block;

    max-height: 200px;

    overflow-y: scroll;

}

.kisa-ozet {

	font-size:14px;

}

.product-code {

	font-size:14px;

}

.product-fiyat a {

	padding:0;

}

.hediye-sec {

    position: initial;

}

.hediye-sec .hediye-sec-ban {

    position: absolute;

    bottom: 0;

    left: 0px;

    width: 300px;

    height: 178px;

	    top: -142px;

}

.hediye-sec .hediye-sec-ban::after {

	content:none;

	top: 88%;



left: 60%;

}

.hediye-sec .hediye-sec-ban img {

	width:100%;

}

.urun_detay_main .card {

	padding:0;

}

.detay-rait .yor a {

	text-align:center;

}

.yor .starsBox {

	width:inherit;

}

.star5 {

	background-position:center;

}

.star4 {

	background-position:center;

}

.star3 {

	background-position:center;

}

.star2 {

	background-position:center;

}

.star1 {

	background-position:center;

}

}

@media(max-width:767px) {

	#boxes #dialog {

	width:80%;

}

.top-right-box ul {

	position:absolute;

	z-index:9999;

	right:0;

	width:120px;

	top:20px;

}

.desk-none {

	display:block;

}

.mobil-none {

	display:none;

}

.yeni-alan {

	padding:15px;

}

.hover_bkgr_fricc > div {

	width:85% !important;

}

.urun-slider .owl-carousel .owl-stage {

	    width: 100% !important;

    transform: initial !important;

}

.urun-slider .owl-nav {

	display:none;

}

.top-right-box li {

	margin-right:15px;

}

.table-text {

	float:left;

	width:100%;

	

    padding: 30px;

    border-bottom: solid 2px #ddd;

}

.table-img {

	display:none;

}

.table-ozel td {

	float:left;

	width:100%;

}

.banner-box-bg {

	display:none;

}

.bank img {

	width:65px;

}

#ETBIS {

	position:inherit;

}

.zoomWrapper {

	width:100% !important;

	height:auto !important;

}

.preview-pic .owl-carousel .owl-item img {

    display: block;

	width:100%;

}

.mt-3 {

	margin-top:0px;

}

.card-wrapper {

	overflow:hidden;

	border-radius:15px;

}

.uye-page h1 {

	font-size:20px;

}

.sepet-icon {

	margin-right:5px;

}

.save-card-list li {

	width: 100%;

    padding: 15px;

    display: inline-block;

    text-align: center;

}

.tamamla .item:hover .tamamla-box  {

	display:none;

}

.tamamla-box .ta-close {

	display:block;

}

.tamamla .item {

	width:98%;

}

.tamamla .item .indirim {

	font-size:14px;

}

.tamamla .item .indirimsiz-f {

	font-size:14px;

}

.tamamla .item .indirimli-f {

	font-size:16px;

}

.taciklama {

	display:none;

}

.ucretsiz-kargo {

	margin: 15px 0 0;

}

.3d {

	font-size:28px;

	font-weight:900;

	text-align:center;

}

.kurdele {

    display: none;

    position: absolute;

    width: 50px;

    height: 60px;

    top: 18px;

    right: -5px;

    background-size: 30px !important;

}

.dropdown-body {

	display:none !important;

}

body {/*

	padding-top:260px;*/

}

header {

/*	position:absolute;

	top:0;

	z-index:2;*/

}

#myCarousel {

	padding: 0 0 0;

}/*

.container {

	background: #ffffff6b;

}



.affix .header-middle {

	display:block;

}

.navbar-inverse {

    box-shadow: 1px 4px 2px #0000003d;

}

.urun-slider .owl-nav {

	top:16%;

}

#myHeader {

	margin-bottom:10px;

	position: fixed !important;

    top: 0;

    background: white;

    z-index: 2;

}

*/

.affix-hight {

	display:block;

	height:124px;

}

.varyant-renk .renk-sec {

	width:47%;

}

#tawkchat-container {

	bottom:50px !important;

	right:-20px !important;

}

/*****

HEADER

**********/

.affix {

	background: white;

    height: 50px;

}

.affix .header-middle {

	display:block;

	background:white;

}

.affix .top-icon {

	display:none;

}

.affix  .logo {

	    display: block;

    position: absolute;

    left: 12%;

    top: 0;

    width: 16%;

}

.affix .giris {

	display:none;

}

.affix .top-right-s {

	margin:0;

}

/*****

HEADER

**********/

#mainNav li a {

	color:white;

	font-family: 'dinpro',sans-serif;

    font-size: 13px;

    font-weight: 500;

    padding: 8px 5px 8px 3px;

    text-align: left;

    border-bottom: solid 1px #ddd;

    margin: 0 10px;

	background:transparent;

}

.tum-kategoriler p {

	display:none;

}

#mainNav li {

	float:none;

	min-width:inherit;

	border:none;

}

#mainNav .navbar-nav {

	display: block;

    width: 100%;

    border: none;

    position: relative;

	margin:0;

}

#mainNav .navbar-nav>li .dropdown-menu {

    background: transparent;

    position: relative;

    left: 0;

    width: 100%;

    top: 0;

    border: none;

    min-height: auto;

    border-radius: 0;

    z-index: 0;

    box-shadow: none;

}

#mainNav li ul.menu-box {

    position: relative;

    width: 100%;

    float: none;

    margin-right: 0;

}

#mainNav li ul.menu-box li a {

	color:white;

}

#mainNav li .menu-box-banner {

	display:none;

}

#mainNav .navbar-nav>li:hover {

    background: #2d343a;

}

.back-to-top {

	    right: 3px;

    left: inherit;

    bottom: 3px;

    background-color: white;

    color: black;

}

.marka-seri-mobil {

	display:block;

	text-align:center;

	border: solid 1px #e9e9e9;

	padding:15px 0;

	width:100%;

	margin-bottom:15px;

}

.marka-seri {

	display:none;

	position: relative;

    top: -15px;

}

.marka-seri .owl-carousel .owl-stage {

	width: 100% !important;

    transition: none !important;

    transform: inherit !important;

}

.marka-seri .owl-carousel.owl-drag .owl-item {

	    float: none;

    width: 100% !important;

}

.marka-seri .owl-carousel.owl-drag .cloned {

	display:none;

}

.marka-seri .owl-nav {

	display:none;

}

.marka-seri ul {

	border: solid 1px #e9e9e9;

}

.marka-seri li {

	width:100%;

	margin:0;

	border:none;

}

.marka-seri li figure {

	width:50%;

	display:none;

}

.marka-seri li aside {

	width:50%;

	display:none;

}

.marka-seri li a h3 {

	height: inherit;

	padding: 15px 0px;

}

.marka-seri-diger {

    position: relative;

    right: 0;

    top: 0;

    background: white;

    z-index: 1;

    margin-bottom: 15px;

	text-align: center;

}

.diger-seri-bsl {

    display: block;

    padding: 15px 40px;

}

.urun_liste_baslik {

	width:100%;

	    margin: 0 0 20px;

}

.cerez-box {

	width: 100%;

    border-radius: 0;

    padding: 15px;

    margin: 0;

}

.cerez-btn {

position: absolute;

    right: -15px;

    top: -15px;

    border: none;

    font-size: 18px;

    font-family: tahoma;

    font-weight: 900;

}

.tab-content {

	padding:30px 0px;

}

.ozelfiyat:before {

	right:0;

	width: 70px;

    height: 80px;

}

nav>div a.nav-item.nav-link, nav>div a.nav-item.nav-link {

	padding: 7px 15px;

	width:44%;

	margin:0 10px 10px 0;

}

nav>div a.nav-item.nav-link.active {

	padding: 7px 15px;

}

nav>div a.nav-item.nav-link.active:after {

	content:none;

}

nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus {

	height: 76px;

}

.urun_liste nav > div a.nav-item.nav-link:hover, nav > div a.nav-item.nav-link:focus {

	height: auto;

    padding: 7px 15px;

}

.sepet-adet .qtySpinner {

	display:block;

	position:absolute;

}

.sepet-adet .qtySpinner svg {

	font-size:26px;

}

.sepet-adet .minus {

	top: 15px;

    left: 55px;

	height:14px;

	z-index:5;

	display:block;

	overflow:hidden;

}

.sepet-adet .minus svg {

	top: -12px;

   position: relative;

}

.sepet-adet .plus {

	top: -31px;

    position: relative;

    left: 40px;

	height:12px;

	display:block;

	overflow:hidden;

}

.sepet-adet {

	z-index:1;

}

.sepet-ad {

	z-index:1;

}

.sepet-box-ic .qty .plus {

	height:18px;

}

#top_main .item {

	font-size:11px;

}

#fayda iframe {

	height:325px;

}

.odeme-body .nav-tabs>li>a {

	display:inline-block;

	margin:0;

}

.odeme-body .nav-tabs>li.active>a, .odeme-body .nav-tabs>li.active>a:focus, .odeme-body .nav-tabs>li.active>a:hover {

    font-size: 14px;

    display: inline-block;

}

.he-kupon {

	width:99%;

}

.left-menu {

    display: none;

}

.left-menu span.list-group-item  {

	display:none;

}

.mobil-leftmenu {

    display: block;

    color: #000;

    margin-bottom: 10px;

    padding: 15px;

    background: #e2e2e2 url(/content/images/down-icon.jpg) 95% center no-repeat;

}

.uye-page a.list-group-item {

    padding: 2px 15px;

    width: 100%;

    float: left;

    text-align: center;

    align-items: center;

    display: block;

    height: auto;

    border: 0;

    border-bottom: solid 1px #ddd;

    border-top: solid 3px #fff;

    margin: 0;

}

.preview-pic {

	 

}

.ara-banner {

	height:auto;

	width:100% !important;

}

.kampanya-list li {

	height:inherit;

}

.kampanya-list li .kamp-link {

	width:92%;

}

.what a {

	width:50px;

}

.whatl {

	display:none;

}

.dropdown:nth-child(2) .wellmenu div:nth-child(2) ul{

	max-height:inherit;

	    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;

}

.dropdown:nth-child(3) .wellmenu div:nth-child(2) ul{

	max-height:inherit;

	    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;

}

.dropdown:nth-child(4) .wellmenu ul {

	max-height:inherit;

	    background: url(/content/images/menu-down-2.png) no-repeat 94% 0px !important;

}

.menumarka-img {

	display:none;

}

.carousel-indicators {

	z-index:1;

}

.badge-light {

	left:-12px;

	right:inherit;

}



.deskSlider {

	display:none;

}

.mobSlider {

	display:block;

}

.mobSlider img {

	width:100%;

}

.home-ara-banner {

	margin:30px 0 0;

}

.marka-list li {

	width:45%;

}

.siparis-tab {

	display: none;

}

.odeme-body .modal-dialog {

	margin: 0;

}

.odeme-body .modal-body {

	margin: 0;

	padding: 0;

}

.zoomContainer {

	display: none;

	visibility: hidden;

}

.zoomLens {

	display: none;

	visibility: hidden;

}

.zoomWindowContainer {

	display: none;

	visibility: hidden;

}

.preview-thumbnail.nav-tabs li img {

	width: 100px;

}

.sticky {

	position: relative !important;

}

.sticky .header-middle {

	display: block;

}

.top-icon {

	width:44%;

	padding-left:15px;

	margin: 10px 0 0;	

}

.top-icon a {

	padding: 7px 8px;

	margin:0;

}

.top-icon a:last-child {

    border-right: solid 1px #e2e2e2;

}

.button-ara {

    right: 0;

    top: 0;

}

.giris {

	position:absolute;

	margin-right: 0 !important;

	width: 20%;

	top: 20px;

    right: 35px;

    text-align: right;

}

.giris li ul {

	right: 20%;

}

.giris li {

	position: relative;

	text-align: right;

}

.giris-link {

 

}

.giris-link img {

	height:33px;

}

.top-right-s {

	    width: 28%;

    float: right;

    text-align: center;

    padding-right: 15px;

	margin:18px 0 0;

}

.bana-ozel {

	float: none;

	display: inline-block;

	text-align: center;

	padding-right: 0;

}

.giris sub br {

	display: none;

}

.header-middle {

	position: relative;

	padding: 8px 0 1px;

}

.home-banner li {

	margin: 0 0 15px 0;

}

.urun-alt-slider .col-md-3 {

	height: inherit;

}

.item .sepete-ekle {

	display: block !important;

}

.urun-slider .carousel-control.right {

	right: 20px;

}

.sepet-alan-fi {

	width: 100%;

}

.preview {

	width: 100%;

	padding-right: 0;

	margin-bottom: 5px;

}

.product-fiyat span {

	    left: 15px;

    top: 15px;

	    width: 70px;

    overflow: hidden;

    height: 70px;

	font-size:14px;

}

.product-fiyat span.ucretsiz-kargo {

	right: 15px;

    top: 0;

	width: 70px;

    overflow: hidden;

    height: 70px;

	font-size:14px;

}

.details {

	width: 100%;

	padding:0 15px;

	margin: 60px 0 0;

}

.urun_detay_main .tab-content {

	width: 100%;

}

.detay-rait {

	text-align: center;

}

.urun_liste .urun-resim img { 

}

#reviews {

	margin:0 0 15px 0;

}

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

İkili Listeleme

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

.urun_liste .urun-resim img {

	height: auto;

}

.urun_liste .urunler {

	height: 346px;

	width: 47.9%;

	float: left;



}

.urun_liste .urunler:nth-child(3n+0) {

	margin:15px 15px 15px 0;

	border-right:solid 1px #e6e6e6;

}

.urun_liste .urunler:nth-child(2n+0) {

	margin:15px 0 15px 0;

}



.urun_liste .urun-resim {

	height: 163px;

}

.urun_liste .sepete-ekle {

	font-size: 13px;

}

.urun_liste .fiyat-alan {

	padding: 0;

}

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

İkili Listeleme son

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

.sepet:hover .shoppingcart_box {

	display: block;

}

.sticky .navbar-inverse {

	box-shadow: none;

}/*

.uye-page .list-group {

	height: 62px;

	overflow: hidden;

}

.uye-page .list-group:hover {

	height: auto;

	overflow: visible;

}*/

.sepet-box-ic {

	display: block;

	height:inherit;

}

.kupon {

	margin: 20px 0 0 0;

}



.uye-giris-body {

	width: 100%;

	margin: 0 auto;

}

.filtre-body {

	    margin-bottom: 30px;

    background: white;

    padding-bottom: 20px;

}

.filtre-body form {

	display: none;

}

.filtre-body:hover {

	height: inherit;

	/*border: solid 1px #2d3a4b;*/

}

.filtre-body:hover form {

	margin-top: 25px;

}

.mobil-filtre {

	display: block;

}

.mobil-filtre-ic {

	background: #e2e2e2 url(/content/images/down-icon.jpg) 95% center no-repeat;

	padding: 10px;

}/*

.mobil-filtre-ic:hover {

	background: #e2e2e2 url(/content/images/up-icon.jpg) 95% center no-repeat;

	padding-right: 5px;

}*/

.acform {

	display:block;

}

.bank img {

	width: auto;

}

.img-portfolio {

	margin-bottom: 15px;

}

header.carousel .carousel {

	height: 70%;

}

.odeme-body .nav-tabs>li {

	width: 33%;

	text-align: center;

}

.odeme-body .tab-content {

	padding: 15px 10px;

}

.odeme-body .panel-heading {

	padding: 10px 0;

}

.odeme-body .panel-body {

	padding: 10px 0;

}

.ozet-bg .page-header {

	text-align: left;

}

.sepet {

	width:100%;

	border-left:none; 

	top:inherit;

}

.arama {

	    width: 100%;

    float: left;

    margin-top: 12px;

    position: relative;

    top: 0;

    z-index: 2;

    margin: 0;

}

.ara {

	padding: 8px;

	width:95%;

}

.inline-block {

	display:block;

}

.logo {

	width: 24%;

	text-align: center;

	margin-bottom:10px;

}

.logo img {

    width:100%;

}

.navbar-header {

	padding: 0 10px;

}

.header-top {

	padding: 10px 0 4px;

    border: transparent;

}

.top-menu-giris {

	z-index:2;

	float:right;

}/*

.top-menu-giris li:first-child {

	display:none;

}*/

#top_main {

	padding: 0 !important;

	text-align:center;

	border-bottom: dashed 2px #c35790;

}

.top-menu-link {

	text-align: center;

	display:none;

	padding-top:5px;

}

.owl-next {

	position: absolute;

	right: 0px;

}

.owl-prev {

	position: absolute;

	left: 0px;

}

.preview .owl-next {

	position: absolute;

	right: 0px;

}

.preview .owl-prev {

	position: absolute;

	left: 0px;

}

.preview .tamamla .owl-prev {

    position: absolute;

    left: -4px;

}

.preview .owl-item {

	padding:0 15px;

	/*width: 100px !important;*/

}

.preview .owl-carousel .owl-stage-outer {

	/*margin: 0 50px;*/

}

.owl-nav span {

	font-size:100px;

}

.marka-img img {

	position: absolute;

	top: -30px;

	right: 15px;

	width: 80px;

}

.combine .nav-tabs>li>a span {

	display:none;

}

.combine .nav-tabs>li>a i {

	width:20px !important;

	height:20px !important;

	background-size:20px !important;

}

.combine .nav-tabs>li.active:after {

	left:35%;

}

.urun-slider .cok-sat .item .urun-resim {

    height: inherit;

}

.urun-slider .item {

	height: auto;

	border-bottom:solid 1px #ddd;

}

.urun-alt-slider .owl-nav {

	top: 35%;

}

.urun-slider .item .sepete-ekle {

	top:89%;

}

.urun-alt-slider .item .urun-resim img {

	height: 300px;

}

.bulten-box {

	height:auto;

	padding:15px;

	margin:15px 0 0; 

}

.bulten-box:after {

	content:"";

	display:block;

	clear:both;

}

.bulten-box .h3 {

	width:100%;

	float:none;

	text-align:center;

	padding:0;

}

.bulten-input {

	width:100%;

	float:none;

}

.bulten {

	height:55px;

}

.siparis-btn {

	margin:15px 0;

}

.siparis-bg .container-fluid {

	margin:0;

}

.design {

	display:none;

}

.navbar-inverse {

    background-color: transparent;

    border: none;

    min-height: 40px;

    position: relative;

    top: 0;

    width: 100%;

	display:block;

}

.affix .navbar {

    min-height: 50px !important; 

}

.affix .navbar-inverse .navbar-toggle {

	border:none;

	top: 50px;

}

.affix .navbar-inverse {

	top:-50px;

}

.affix #mainNav {

	top:100px;

}

.navbar-inverse .navbar-toggle {

	border:none;

	    padding: 0px 0px 5px;

		margin:0;

}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {

	    background-color: white;

    border: none;

	

    margin-right: 15px;

    margin-top: 0;

}

.navbar-inverse .navbar-toggle .icon-bar {

    background-color: rgb(64, 64, 65);

}

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

	ANASAYFA 

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

.araban1-sol {

    float: none;

    width: 100%;

    background: black url(/content/images/arrivals-bg.jpg) no-repeat center;

    text-align: center;

    height: auto;

    background-size: cover;

}

.araban1-sag {

    float: none;

    width: 100%;

    background: url(/content/images/deri.jpg) no-repeat center;

    position: relative;

    height: 350px;

    background-size: contain;

}

.araban1-text {

    font-size: 24px;

    font-weight: 300;

    width: 100%;

    float: none;

    padding: 30px;

    top: 0;

    position: relative;

    color: white;

}

.araban-sol {

	float:none;

	width:100%;

	height:auto;

}

.araban-sag {

	float:none;

	width:100%;

	height:auto;

}

.araban-text {

    width: 100%;

    float: none;

    padding: 30px;

    top: 0;

    position: relative;

    font-size: 24px;

    font-weight: 300;

    text-align: center;

}

.araban-text span {

	font-size:26px !important;

}

.araban-sag h3 {

	position:relative;

	top:initial;

	left:initial;

	width:100%;

	text-align:center;

	padding:50px 30px;

}

.araban2-body .col-md-3 {

	height:300px !important;

}

.araban2-body .col-md-3:last-child {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

}

.araban-sol2 {

	float:none;

	width:100%;

	height:250px;

}

.araban-sag2 {

	float:none;

	width:100%;

	height:auto;

	padding:30px;

}

.homecontact-left {

	width:100%;

	float:none;

}

.homecontact-center {

	width:100%;

	float:none;

}

.icbox {

	padding:30px !important;

	text-align:center;

}

.homecontact-right {

	width:100%;

	float:none;

}

.footer-outer .footer-nav ul {

	display:block;

	text-align:center;

}

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

 ANASAYFA owl

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

.urun-slider h1 {

	font-size: 32px;

	margin-bottom:3px;

}

.urun-slider .carousel {

	padding: 0 5px 30px 5px;

	margin-bottom: 30px;

}

.urun-slider .item .urun-resim {

	height: auto;

}

.urun-slider .item .fiyat-alan {

	 

}

.urun-slider .carousel-control.left {

	left: 0% !important;

}

.blog .blog-resim {

	height: 200px;

	background: #fff;

}

.instagram li {

	float: left;

	width: 33%;

	padding: 0 5px 5px 0;

	height: 123px;

	position: relative;

}

.instagram li img {

	width: 122px;

	position: relative;

}

.navbar-nav>li {

	float: none;

	display: block;

	border-bottom: solid 1px #e6d0ce;

}

.navbar-inverse .navbar-nav>li>a {

	text-align: left;

	color:#fff !important;

}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {

	color: #fff;

	background-color: #c3827d;

}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {

	color: #c3827d;

}

.navbar-nav>li:hover {

    background: #460244;

}

/*

.navbar-nav>li:hover .mega-dropdown-menu {

	height:auto;

	background: #70063c;

	box-shadow:none;

	border-top: solid 1px #ca4389;

	visibility:visible;

	max-height:800px;

	-webkit-transition: max-height 0.8s;

	-moz-transition: max-height 0.8s;

	transition: max-height 0.8s; 

}*/

.navbar-nav>li .dropdown-menu {

	    border-top: solid 1px #e6d0ce;

		box-shadow: 0px 4px 5px 3px #00000069;

}

.mega-dropdown-menu {

	position: relative;

}

.mega-dropdown-menu .row {

	padding: 5px 0;

}

.dropdown:after {

	content:"";

	display:block;

	clear:both;

}

.dropdown {

	background:#333e48/* url(/content/images/menu-right.png) no-repeat 94% center*/;



	overflow: hidden;

	-webkit-transition: max-height 0.8s;

	-moz-transition: max-height 0.8s;

	transition: max-height 0.8s;  

}

.dropdown:hover {

		background:#333e48 /*url(/content/images/menu-down.png) no-repeat 94% 15px !important*/;

}

.actives{

	height: auto;

	overflow: visible;

	display:block !important;

}



#mainNav {

    text-align: center;

    position: relative;

    z-index: 3;

    background: #000;

    width: 100%;

	 height: 100vh;

	 overflow-y: auto;

    /*top: -175px;

    height: 2500px;*/

}

#mainNav .navbar-nav {

	overflow-y: auto;

}

.menu-banner {

	display:none;

}

.menu-banner3 {

	display:none;

}

.mobil-tum {

	display:-webkit-inline-box;

	color:#fff !important;

}

/********************** lİSTELEME **********************/

.liste-baslik {

    text-align: center;

    border-top: none;

    border-bottom: solid 1px rgba(0,0,0,.12);

    padding: 15px 0;

}

.liste-baslik h2 {

	font-size:22px;

}

.liste-baslik p {

	display:none;

}

.catbox {

	background:black;

	padding:8px 15px;

	text-align:left;

	color:white;

}

.catbox svg {

	float:right;

	transition: all 0.5s ease;

}

.catbox:hover svg, .catbox:focus svg {

	transform: rotate(90deg);

}

.liste-sol-kategori {

	display:none;

	padding:15px;

}

.liste-sol-kategori ul {

	margin:0 0 15px;

	padding:0 0 15px;

	border-bottom:solid 2px #eee;

}

.liste-sol-kategori li::before {

	margin-left: 0em;

}

.liste-content {

    padding: 15px;

}

.liste-content li {

    width: 50%;

    float: left;

    padding: 5px;

    position: relative;

    overflow: hidden;

}

.urun-liste-content {

    padding: 15px;

}

.urun-liste-content li {

    width: 50%;

    float: left;

    padding: 5px;

    position: relative;

    overflow: hidden;

    height: 341px;

}

.detay-resim {

	display:block;

}

.uye-giris:before {

	width:100%;

}

.detay-head .text-right {

	text-align:left !important;

}

.toplam-btn .btn-default {

    float: none;

	margin-bottom:10px;

}

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

ÜRÜN DETAY

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

.urun_detay_main .ilgili-urun .owl-item {

	padding:0 50px;

}

.urun_detay_main .ilgili-urun .item {

	height:485px;

}

.product-fiyat a {

	    margin: 15px 0 0 0;

    display: -webkit-inline-box;

}

.zoomContainer {

	display: none;

}

.urun_detay_main .tab-content>.active {

	padding: 0;

}

.kargo_firsat {

	position: relative;

	margin-top: 20px;

}

.product-fiyat .indirimsiz-f {

	left: 30.5%;

}

.product-fiyat .indirimli-f {

	left: 30.5%;

}

.sosyal-medya {

	display: block;

	text-align: center;

}

.card {

	padding-bottom: 0;

}

.urun-aciklama li {

	left: inherit;

}

.urun-aciklama .nav-tabs>li.active>a {

	font-size: 14px;

}

.urun-aciklama .nav-tabs>li a {

	font-size: 12px;

	padding-bottom: 13px;

}

.aciklama-body .tab-content>.active {

	background: #f9f9f9;

	padding: 30px 15px;

}

.urun_liste nav > .nav.nav-tabs {

	overflow:auto;

	background: none;

}

.sepet-header {

	display: none;

}

.sepet-birim {

	display: none;

}

.toplam-btn {

	padding-right: 15px;

	margin-bottom: 20px;

	text-align: center !important;

}

/*

.sepet-img {

	width:10%;

	float:left;

}

.sepet-box-ic {

	width:90%;

	float:left;

}*/

.siparis-tab .setup-panel {

	display: none;

}

.page-header {

	text-align: center;

}

.sepet-body {

	padding: 10px 0 20px;

}

.ic-sayfalar {

	padding: 5px 15px 35px;

}

.uye-page {

	padding-top: 15px;

}

.ic-img {

	height: 193px;

}

.ic-sayfalar h2 {

	font-size: 20px;

}

.markalar {

    padding: 5px 15px 30px;

}

.marka-listele .marksa {

    width: 32.2%;

}

.tum-blog:before {

    width: 31%;

}

.tum-blog:after {

    width: 30%;

}

.instagram h2 {

	font-size:32px;

}





.listeleme-banner .carousel-inner>.item {

	height:inherit;

}

.shoppingcart_box ul {

    display: block;

    max-height: 200px;

    overflow-y: scroll;

}

.kisa-ozet {

	font-size:14px;

}

.product-code {

	font-size:14px;

}

.product-fiyat a {

	padding:0;

}

.hediye-sec {

    position: initial;

}

.hediye-sec .hediye-sec-ban {

    position: absolute;

    bottom: 0;

    left: 0px;

    width: 300px;

    height: 178px;

	    top: -142px;

}

.hediye-sec .hediye-sec-ban::after {

	content:none;

	top: 88%;



left: 60%;

}

.hediye-sec .hediye-sec-ban img {

	width:100%;

}

.urun_detay_main .card {

	padding:0;

}

.detay-rait .yor a {

	text-align:center;

}

.yor .starsBox {

	width:inherit;

}

.star5 {

	background-position:center;

}

.star4 {

	background-position:center;

}

.star3 {

	background-position:center;

}

.star2 {

	background-position:center;

}

.star1 {

	background-position:center;

}

}

@media(max-width:380px) {

	.top-icon a {

		    padding: 7px 3px;

	}

	

	.giris-link {

		padding-top:3px;

	}

	.giris {

		width: 10%;

	}

	.urun_liste .fiyat-alan {

		height:inherit;

		display:block;

	}

	.urun_liste .indirimsiz-f {

		float:none;

	}

	.urun_liste .indirimli-f {

		float:none;

	}

	.urun_liste .urunler {

    height: 326px;

	    width: 47.7%;

	}

	.urun_liste .urun-resim {

	height:144px;

}

}

@media(max-width:365px) {

.top-right-s {

    width: 25%;

	    margin: 10px 0 0;

}

 .badge-light {

	 top:0;

	 left:-16px;

 }

.sepet {

	border-left:none;

	text-align:center;

}

.urun_liste .urun-resim {

	height:136px;

}

}

@media(max-width:340px) {

.bank img {

	width:60px;

}

.top-right-s {

    width: 25%;

	    margin: 10px 0 0;

}

 .badge-light {

	 top:0;

	 left:-16px;

 }

.sepet {

	border-left:none;

	text-align:center;

}

.affix .logo {

	width:20%;

}

.kampanya-list li .kamp-link {

	width:90%;

}

	.mobSlider {

    display: block;

}

.shoppingcart_box {

	right:-10px;

	width:310px;

}

.top-icon {

	width:44%;

	padding-left:15px;

	margin:10px 0 0;	

}

.top-icon a {

	padding:2px 5px 0 0 !important;

	margin:0;

	height: 35px;

    overflow: hidden;

    width: 74px;

}

.top-icon a:last-child {

    border-right: solid 1px #e2e2e2;

}

.giris {

	position:absolute;

	margin-right: 0 !important;

	width: 20%;

	top: 14px !important;

    right: 17px !important;

    text-align: right;

}

.giris li ul {

	right: 20%;

}

.giris li {

	position: relative;

	text-align: right;

}

.giris-link {

	height: 35px;

    overflow: hidden; 

}

.urun_liste .urunler {

        height: 303px;

    width: 47.4%;

    float: left;

}

.urun_liste .sepete-ekle svg {

    margin-left: 5px;

    font-weight: bold;

}

.instagram li {

	float: left;

	width: 30%;

	

}

.urun_liste .urun-resim {

	height:116px;

}



}