@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');

html {
	position: relative;
	min-height: 100%;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
	color: #231f20;
	font-size: 14px;
	background-color: #EEE;
}
a {
	color: #231f20;
	text-decoration: none;
	font-wegiht: 600;
}
a:hover {
	color: #1B75BB;
	text-decoration: underline;
}
p {
	font-size: 14px;
}
strong {
	font-wegiht: 600;
}
.alert {
	width: 100%;
}
.table th {
	font-wegiht: 600;
}
.scroll-panel {
	width: 100%;
	float: left;
}
.red {
	color: red;
}
.form-control {
	font-size: 14px;
}
#get-mesaj {
	display: none;
	width: 100%;
}
.btn {
	font-wegiht: 600;
}
.mor-btn {
	font-size: 15px;
	background-color: #231f20!important;
	border-color: #231f20!important;
	color: #DDD!important;
	font-wegiht: 600;
}
.mor-btn:hover {
	border-color: #231f20!important;
	background-color: #FFF!important;
	color: #231f20!important;
}
.mor-cizgi-btn {
	font-size: 15px;
	color: #231f20!important;
	border-color: #231f20!important;
	font-wegiht: 600;
}
.mor-cizgi-btn:hover {
	color: #FFF!important;
	background-color: #231f20!important;
}
.wrapper {
	width: 100%;
	height: auto;
	margin-top: 116px;
}
.container {
	max-width: 1200px;
}
.ust-band {
	width: 100%;
	height: 35px;
	background-color: #1B75BB;
}
.ust-band ul {
	list-style-type: none;
	padding: 0px;
	font-size: 14px;
}
.ust-band ul li {
	float: left;
	padding-right: 15px;
}
.ust-band ul li a {
	position: relative;
	z-index: 999;
	color: #FFF;
	line-height: 35px;
	height: 35px;
}
.main-nav {
	width: 100%;
	height: auto;
	background-color: #FFF;
	position: fixed;
	top: 0;
	margin-top: 35px;
	-webkit-transition: margin 0.4s;
    transition: margin 0.4s;
	z-index: 1;
}
.main-nav .nav-item {
	padding-left: 30px;
}
.main-nav .nav-link {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 600;
	color: #262261!important;
}
.main-nav .active {
	font-weight: 700;
	color: #1B75BB!important;
}
.main-nav .login-cart {
	list-style: none;
	padding-top: 15px;
}
.main-nav .login-cart .badge {
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
	padding: 0px;
	position: relative;
	top: -12px;
	margin-left: -5px;
	margin-right: 15px;
}
.main-nav .login-cart li {
	float: left;
	font-size: 18px;
}
.main-nav .mobil-sosyal-medya {
	display: none;
}
.offcanvas h5 {
	font-size: 20px;
	font-weight: 700;
	color: #1B75BB;
	text-transform: uppercase;
}
.offcanvas-body {
	margin-top: 0px;
	padding-top: 0px;
}
.sosyal-medya {
	width: 100%;
	height: 35px;
}
.sosyal-medya ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	z-index: 0;
}
.sosyal-medya ul li {
	padding: 0px;
	margin: 0px;
	float: left;
	margin-left: 25px;
}
.sosyal-medya ul li a {
	color: #FFF;
	padding-left: 0px;
	padding-right: 5px;
	font-size: 18px;
	line-height: 35px;
}
.sosyal-medya ul li a:hover {
	color: #6AA7D0;
}
.logo {
	width: 100%;
	height: auto;
	float: left;
	margin-left: auto;
	margin-right: auto;
}
.logo img {
	width: 100%;
	height: auto;
	max-width: 140px;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.fixed {
	margin-top: 0px!important;
	border-bottom: solid 1px #DDD;
	z-index: 3;
}
.fixed .navbar-brand img {
	max-width: 110px;
}
.fixed .header-right {
	height: 50px;
}
.fixed .ana-menu {
	height: 40px;
	line-height: 40px;
}
.fixed .ana-menu a {
	font-size: 14px;
}
.fixed  .header-right ul li a {
	font-size: 16px;
	line-height: 16px;
}
.fixed .sosyal-medya ul li a {
	font-size: 17px;
	line-height: 32px;
}
#slider {
	width: 100%;
	height: auto;
	background-color: #EEE;
	padding-top: 30px;
}
#slider .carousel-control-prev {
	z-index: 0;
}
#slider .carousel-control-next {
	z-index: 0;
}
#odeme-kargo {
	width: 100%;
	height: auto;
	margin-top: 30px;
}
#odeme-kargo .media {
	border-right: solid 1px #DDD;
}
#odeme-kargo .media-son {
	border: none;
}
#odeme-kargo p {
	padding-right: 15px;
}
#odeme-kargo h5 {
	color: #231f20;
	text-transform: uppercase;
	font-wegiht: 600;
	font-size: 17px;
}
#odeme-kargo img {
	width: 100px;
	float: left;
}
#odeme-kargo .secure-icon {
	max-width: 60px;
	margin-right: 20px!important;
}
#urun-kategoriler {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.kategori-title {
	position: absolute;
	width: 100%;
	left: 0;
	top: 70px;
	text-align: center;
	text-transform: uppercase;
}
#urun-kategoriler span {
	background-color: #231f20;
	color: #FFF;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#urun-kategoriler img {
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.baslik {
	width: 100%;
	border-bottom: solid 1px #1B75BB;
	margin-top: 25px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.baslik-ust {
	border-bottom: solid 2px #1B75BB;
	width: auto!important;
	display: inline-table;
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
	padding-right: 25px;
	color: #1B75BB;
}
.p-baslik {
	font-size: 20px;
	font-weight: 600;
}
.orta-baslik {
	width: 100%;
	height: auto;
	min-height: 35px;
	border-top: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	float: left;
	text-align: center;
	color: #231f20;
}
.orta-baslik-header {
	font-size: 17px;
	font-wegiht: 600;
	line-height: 35px;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}
.sayfa-baslik {
	width: 100%;
	height: auto;
	float: left;
	background-color: #EEE;
	border-top: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
}
.sayfa-baslik .breadcrumb {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 0px;
	float: left;
	padding-left: 0px;
	background: none;
	font-size: 14px;
}
.sayfa-baslik .breadcrumb .active {
	color: #444;
}
.sayfa-baslik .breadcrumb a {
	color: #231f20;
}
.urunler {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 15px;
}
.urunler .urun {
	width: 100%;
	height: auto;
	float: left;
	border: solid 1px #DDD;
	background-color: #FFF;
	margin-top: 30px;
	margin-bottom: 0px;
}
.urunler .urun img {
	width: 100%;
	height: auto;
	float: left;
}
.urunler .urun figcaption {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.urunler .urun img{
	padding: 10px;
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .8s ease;
	backface-visibility: hidden;
}
.urunler .urun .marka {
	width: 100%;
	height: auto;
	float: left;
	font-size: 14px;
	color: #555;
	font-weight: 400;
}
.urunler .urun h2 {
	width: 100%;
	height: 35px;
	float: left;
	font-size: 15px;
	font-wegiht: 600;
	color: #231f20;
	padding: 0px;
	margin: 0px;
}
.urunler .urun .fiyat {
	font-size: 18px;
	font-wegiht: 600;
	color: #1B75BB;
}
.urunler .urun .indirim-fiyat {
	font-size: 14px;
	font-weight: 400;
	margin-right: 5px;
	text-decoration: line-through;
	color: #555;
}
.urunler .urun .butonlar {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 5px;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
}
.urunler .urun .butonlar a {
	display: block;
	color: #555;
}
.urunler .urun .butonlar a:hover {
	display: block;
	color: #1B75BB;
}
.urunler .urun .sepet-buton {
	width: 50%;
	height: auto;
	min-height: 35px;
	float: left;
	border-top: solid 1px #DDD;
	border-right: solid 1px #DDD;
}
.urunler .urun .incele-buton {
	width: 50%;
	height: auto;
	min-height: 35px;
	float: left;
	border-top: solid 1px #DDD;
}
.urunler .urun .middle {
	display: none;
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	top: 0;
	left: 0;
	transition: .8s ease;
	opacity: 0;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}
.urunler .urun .middle .fa-search {

}
.urunler .urun:hover img {
	opacity: 0.3;
}
.urunler .urun:hover .middle {
	opacity: 1;
}
.urunler .urun .text {
	color: white;
	font-size: 36px;
}
.urunler .urun .text a {
	color: #1B75BB;
	display: block;
}
.urunler .alert {
	margin-top: 30px;
}
.urunler .alert-secondary {
	background-color: #EEE;
	color: #231f20;
}
.urunler .alert strong {
	font-wegiht: 600;
}
#loadMore {
	float: left;
	width: 100%;
	padding-top: 5px;
	font-wegiht: 600;
	cursor:pointer;
	padding-left: 2px;
}
#loadMore:hover {
	color: #231f20;
}
#renkFiltre  { 
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
}
#renkFiltre li { 
	display: none;
	float: left;
	width: 100%;
}
.indirim {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	z-index: 9;
}
.indirim-oran {
	position: absolute;
	font-wegiht: 600;
	font-size: 14px;
	line-height: 14px;
	padding: 5px;
	background-color: #231f20;
	color: #FFF;
	top: 11px;
	right: 0;
	margin-right: 11px;
}
.filtreleme {
	width: 100%;
	height: auto;
	margin-top: 30px;
	font-size: 12px;
}
.filtreleme .btn {
	font-size: 12px;
}
.toplam-liste {
	width: 100%;
	height: 29px;
	float: left;
	border-right: solid 1px #6c757d;
	color: #6c757d;
	text-align: left;
	line-height: 27px;
	font-size: 14px;
}
.filtreleme .active {
	background-color: #231f20!important;
	border-color: #231f20!important;
}
.aside-bosluk {
	width: 100%;
	height: 15px;
}
.icerik img {
	width: 100%;
	height: auto;
	margin-top: 30px;
	float: left;
}
.icerik article {
	width: 100%;
	height: auto;
	float: left;
	text-align: justify;
	padding-top: 25px;
}
.icerik h2 {
	font-size: 16px;
	color: #231f20;
}
.mobil-kategori {
	display: none;
}
.iletisim {
	padding-bottom: 30px;
	width: 100%;
	height: auto;
	float: left;
}
.iletisim .baslik {
	margin-bottom: 30px;
}
.iletisim .table th {
	width: 100px;
}
.iletisim .table td, .iletisim .table th {
	border-top: 0px;
	padding-top: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.iletisim label {
	font-wegiht: 600;
}
.iletisim iframe {
	width: 100%;
	height: auto;
	min-height: 350px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.mobil-sepet {
	display: none;
}
.sepet {
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 30px;
}
.sepet .sepet-tablo {
	border: solid 1px #CCC;
	margin-top: 30px;
	margin-bottom: 0px;
}
.sepet .sepet-tablo:hover {
	background-color: #FFF;
	border: solid 1px #231f20;
}
.sepet .sepet-tablo td {
	vertical-align: middle;
	border-top: none;
}
.sepet .sepet-tablo .urun-bilgi {
	width: 350px;
}
.sepet .sepet-tablo .urun-resim {
	width: 100px;
}
.sepet .sepet-tablo img {
	max-width: 90px;
	border: solid 1px #CCC;
}
.sepet .sepet-tablo span {
	width: 100%;
	height: auto;
	float: left;
}
.sepet .sepet-tablo .sepet-marka {
	font-wegiht: 600;
	text-transform: uppercase;
	font-size: 12px;
}
.sepet .sepet-tablo .sepet-urun-adi a {
	color: #231f20;
	font-wegiht: 600;
}
.sepet .indirim-fiyat {
	text-align: center;
	text-decoration: line-through;
}
.sepet .fiyat {
	color: #231f20;
	font-wegiht: 600;
	font-size: 18px;
	text-align: center;
}
.sepet .alert {
	margin-top: 30px;
	width: 100%;
	display: none;
}
#sepet-bos-mesaj {
	display: table!important;
}
.sepet h3 {
	font-size: 18px;
	font-wegiht: 600;
	color: #231f20;
	margin-top: 30px;
	padding-left: 12px;
}
.sepet .btn-outline-success {
	margin-top: 30px;
	font-size: 15px;
	font-wegiht: 600;
}
.sepet .toplam-table {
	margin-top: 15px;
}
.sepet .toplam-table th, .sepet .toplam-table td {
	vertical-align: middle;
	font-wegiht: 600;
}
.sepet .genel-toplam {
	font-size: 18px;
	font-wegiht: 600;
	color: #231f20;
}
.sepet select {
	font-size: 14px;
}
.uyelik {
	width: 100%;
	height: auto;
	float: left;
	padding-bottom: 30px;
}
.uyelik .aside-icon {
	width: 25px!important;
	float: left;
}
.uyelik .uyelik-form {
	margin-top: 30px;
}
.uyelik .uyelik-form label {
	font-wegiht: 600;
}
.siparisler {
	margin-top: 30px;
	border-bottom: solid 1px #DDD;
}
.siparisler a {
	display: block;
}
.siparisler span {
	width: 100%;
	float: left;
}
.siparisler .siparis-detay {
	font-size: 26px;
	color: #888;
	text-align: right;
}
.siparisler a:hover, .siparisler a:focus, .siparisler .siparis-detay:hover {
	color: #231f20;
}
.siparisler .sip-fiyat {
	color: #231f20;
	font-wegiht: 600;
	font-size: 16px;
}
.siparis-urunler {
	margin-bottom: 0px;
}
.siparis-urunler img {
	width: 100px;
}
.siparis-urunler .fiyat {
	font-wegiht: 600;
	color: #231f20;
	font-size: 14px;
}
.uye-siparisler .alert {
	margin-top: 30px;
}
.mesajlar select {
	font-size: 14px;
}
.mesajlar #durum-filre {
	margin-top: 15px;
}
.mesajlar .yeni-mesaj-btn {
	width: 100%;
	padding-top: 15px;
}
.mesajlar .yeni-mesaj-btn .btn {
	font-size: 14px;
}
.mesajlar .alert {
	margin-top: 15px;
	margin-bottom: 0px;
	width: 100%;
}
.mesaj-tablo {
	margin-top: 15px;
}
.mesaj-tablo .btn {
	font-size: 12px;
}
.mesaj-tablo .badge {
	font-weight: 400;
	font-size: 11px;
}
.ticket-detay {
	width: 100%;
	height: auto;
	float: left;
	border-bottom: solid 1px #CCC;
	padding-bottom: 15px;
	padding-top: 30px;
}
.ticket-detay .ticket-baslik {
	width: 100%;
	height: auto;
	float: left;
	font-size: 16px;
	font-wegiht: 600;
}
.ticket-detay .ticket-no {
	width: 100%;
	height: auto;
	float: left;
	padding-left: 23px;
}
.ticket-detay .ticket-tarih {
	width: 100%;
	float: left;
	text-align: right;
}
.ticket-detay .ticket-tarih .badge {
	margin-left: 15px;
	font-size: 14px;
}
.ticket-mesajlar {
	width: 100%;
	height: auto;
	float: left;
}
.ticket-mesajlar .mesaj {
	width: 80%;
	height: auto;
	padding: 15px;
	background-color: #EEE;
	border: solid 1px #CCC;
	border-radius: 7px;
	margin-top: 30px;
}
.ticket-mesajlar .mesaj-yazar {
	width: 100%;
	float: left;
	font-wegiht: 600;
	padding-bottom: 10px;
}
.ticket-mesajlar .uye {
	float: left;
	background-color: #FFF;
}
.ticket-mesajlar .admin {
	float: right;
	background-color: #FFF;
}
.ticket-cevap-yaz {
	width: 80%;
	float: left;
}
.ticket-cevap-yaz label {
	font-wegiht: 600;
	padding-top: 15px;
}
.mesaj-yaz form {
	padding-top: 30px;
}
.mesaj-yaz label {
	font-wegiht: 600;
}
.uye-buton {
	border: solid 1px #DDD;
	border-radius: 6px;
	width: 100%;
	height: auto;
	text-align: center;
	float: left;
	font-size: 14px;
	font-wegiht: 600;
	background-color: #ece3f5;
	margin-top: 30px;
}
.uye-buton a {
	width: 100%;
	height: auto;
	float: left;
	display: block;
	color: #333;
	padding-top: 15px;
	padding-bottom: 15px;
}
.uye-buton a:hover {
	color: #231f20;
}
.uye-buton .icon {
	width: 100%;
	height: auto;
	float: left;
	font-size: 24px;
}
.uye-buton .baslik {
	width: 100%;
	height: auto;
	float: left;
	border: 0px;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}
.giris-form {
	width: 100%;
	border: solid 1px #DDD;
	margin-top: 30px;
	padding: 30px;
	border-radius: 7px;
}
.giris-form label {
	font-wegiht: 600;
}
.giris-form .btn-link {
	color: #231f20;
	font-weight: 400;
	font-size: 14px;
}
.giris-form .form-check {
	padding-bottom: 15px;
}
.giris-form .form-check label {
	font-weight: 400;
	padding-top: 3px;
}
.giris-form .form-check label a {
	font-wegiht: 600;
	color: #231f20;
}
.yeni-uyelik {
	width: 100%;
	height: auto;
	border: solid 1px #DDD;
	margin-top: 30px;
	padding: 30px;
	border-radius: 7px;
}
.siparis .yeni-uyelik {
	min-height: 252px;
}
.uyelik .yeni-uyelik {
	min-height: 258px;
}
.yeni-uyelik h3 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	color: #231f20;
}
.yeni-uyelik p{
	margin-top: 10px;
	text-align: justify;
}
.siparis .nav {
	margin-top: 30px;
}
.siparis .nav .active {
	color: #231f20;
}
.siparis .nav a {
	font-size: 15px;
	font-wegiht: 600;
	color: #231f20;
}
.siparis .adres-form {
	padding-top: 30px;
}
.siparis .adres-form label {
	font-wegiht: 600;
}
.siparis .toplam-table {
	margin-bottom: 0px;
}
.siparis .toplam-table a {
	color: #231f20;
}
.modal h2 {
	font-size: 15px;
	font-wegiht: 600;
}
.modal .tablo-baslik {
	font-size: 15px;
	font-wegiht: 600;
	text-align: center;
}
.modal table td, .modal table th {
	vertical-align: middle;
}
.havale-aciklama {
	padding-top: 30px;
}
.siparis_kodu {
	font-size: 16px;
	font-wegiht: 600;
}
.siparis_kodu .kod {
	color: #231f20;
}
.hata-mesajlari {
	display: table!important;
	width: 100%;
	margin-top: 0px!important;
}
#yeni-uyelik-mesaj {
	display: none;
}
#sifre-mesaj {
	display: none;
}
.odeme-table-wrapper {
	background-color: #eeefee;
	border-radius: 7px!important;
	border: solid 1px #DDD;
	margin-top: 30px;
}
.odeme-form {
	margin-bottom: 0px;
}
.odeme-form td, .odeme-form th {
	vertical-align: middle;
}
.odeme-form .ilk-satir {
	border-top: none;
}
.odeme-form label {
	padding: 0px;
	margin: 0px;
}
.kart-th {
	width: 140px;
}
.kart-th-nokta {
	width: 30px;
}
.guvenlik-logolar {
	text-align: center;
	padding-top: 30px;
}
.guvenlik-logolar .comodo {
	margin-top: 20px;
}
#tl_popupSECDV {
	z-index: 3!important;
}
.odeme-alert {
	display: table!important;
	width: 100%;
	font-wegiht: 600;
}
.siparis .bankalar {
	margin-top: 15px!important;
	padding: 0px!important;
	width: 100%;
}
.siparis .bankalar a {
	width: 100%;
	text-align: center;
}
.siparis .bankalar a img {
	margin-top: 10px;
	margin-bottom: 10px;
}
.siparis .bankalar-tab {
	width: 100%;
	height: auto;
	float: left;
	list-style: none;
}
.siparis .banka-link {
	width: 100%;
	height: auto;
	float: left;
	border: solid 1px #DDD;
	background-color: #FFF;
	border-radius: 7px;
	text-align: center;
}
.sepet h3 {
	font-wegiht: 600;
	font-size: 22px;
}
.siparis h3 {
	font-wegiht: 600;
	font-size: 22px;
}
.taksit-secim-tablo {
	text-align: center;
	margin-top: 15px;
	background-color: #FFF;
}
.taksit-secim-tablo th {
	text-align: center;
	vertical-align: middle;
}
.taksit-secim-tablo th img {
	max-width: 80px;
}
.taksit-secim-tablo  tr {
    cursor: pointer;
}

aside {
	width: 100%;
	height: auto;
	min-height: 400px;
	margin-top: 30px;
	border-right: solid 1px #DDD;
	padding-left: 0px;
	padding-right: 15px;
}
aside h3 {
	color: #1B75BB;
	font-size: 16px;
	font-weight: 600;
	padding-top: 0px;
	width: 100%;
	float: left;
}
aside ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 10px;
	float: left;
}
aside ul li .active {
	color: #1B75BB;
	font-wegiht: 600;
}
aside ul li a {
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	display: block;
	width: 100%;
}
aside form {
	width: 100%;
	float: left;
}
aside .custom-checkbox {
	font-size: 14px;
	line-height: 24px;
	margin-top: 2px;
}
aside .custom-checkbox label:hover {
	cursor: pointer;
	color: #231f20;
	text-decoration: underline;
}
aside  .custom-checkbox .custom-control-input:checked~.custom-control-label::before{
	background-color: #231f20;
	border: none;
}
aside .renkler-baslik {
	padding-top: 8px;
}
aside div {
	margin-left: 15px;
}
aside button {
	position: fixed;
	bottom: 0;
	margin-bottom: 15px;
	width: 250px!important;
	font-weight: 400;
	background-color: #231f20!important;
	border-color: #231f20!important;
	font-size: 14px!important;
}
aside button:hover {
	background-color: #8b64ac!important;
	border-color: #8b64ac!important;
}
.button-none {
	display: none;
}
.urun-detay {
	width: 100%;
	height: auto;
	float: left;
	padding-top: 30px;
}
.urun-detay .urun-foto {
	width: 100%;
	height: auto;
	float: left;
	border: solid 1px #CCC;
}
.urun-detay table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 25px;
}
.urun-detay table th {
	width: 170px;
	border-right: solid 1px #DDD;
	font-wegiht: 600;
	vertical-align: top;
	padding-left: 15px;
}
.urun-detay table td {
	padding-left: 15px;
	vertical-align: top;
}
.urun-detay table td ul {
	padding: 0px;
	margin: 0px;
	padding-left: 2px;
	list-style: none;
	padding-bottom: 5px;
}
.urun-detay table td ul li::before {
	content: "•"; 
	color: #231f20;
	font-size: 18px;
	padding-right: 10px;
}
.urun-detay table td ul li {
	padding: 0px;
}
.urun-detay table .urun-aciklama {
	width: 100%;
	height: auto;
	max-height: 170px;
	overflow: scroll;
	overflow-x: hidden;
	text-align: justify;
	padding-right: 15px;
}
.urun-detay table .urun-aciklama h3 {
	font-size: 14px;
	font-wegiht: 600;
}
.urun-detay h1 {
	font-size: 16px;
	margin-top: 0px;
	padding-top: 0px;
}
.urun-detay select {
	font-size: 12px;
}
.urun-detay .btn {
	font-size: 16px;
	font-weight: 500!important;
	width: 300px;
}
.urun-detay .mobil-sepet-ekleme {
	display: none;
}
.sepet-ekleme .btn {
	z-index: 0;
}
.urun-detay select {
	height: 40px;
}
.urun-detay .adet-select {
	max-width: 80px;
}
.urun-detay-tab {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}
.tab-pane {
	width: 100%;
	height: auto;
	float: left;
	background-color: #FFF;
	padding: 15px;
	overflow-x: hidden;
}
.urun-detay-tab a {
	font-wegiht: 600;
}
.urun-detay-tab img {
	width: 100%;
	margin-top: 15px;
}
.urun-detay-tab .nav-tabs .active {
	color: #231f20;
}
.urun-detay .alert {
	margin-top: 25px;
	width: 100%;
}
.urun-detay .alert a {
	color: unset;
}
.urun-detay .fiyat {
	font-size: 22px;
	font-wegiht: 600;
	color: #e10000;
}
.detay-indirim-oran {
	font-size: 16px;
	font-wegiht: 600;
	color: #FFF;
	background-color: #231f20;
	float: right;
	padding-left: 7px;
	padding-right: 7px;
	margin-top: 5px;
}
.urun-detay .indirim-fiyat {
	font-size: 16px;
	font-weight: 400;
	margin-right: 5px;
	text-decoration: line-through;
	color: #555;
}
.urun-detay .tab-bilgilendirme {
	text-align: justify;
	max-height: 300px;
	overflow: scroll;
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-right: 15px;
}
.urun-detay .tab-bilgilendirme h2 {
	font-size: 16px;
	font-wegiht: 600;
	color: #231f20;
}
.spot-bilgiler .spot {
	border: solid 2px #CCC;
	border-radius: 7px;
	margin-top: 15px;
	width: 100%;
	float: left;
}
.spot-bilgiler .spot-middle {
	font-size: 24px;
	width: 40%;
	color: #EB4136;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	height: 60px;
}
.spot-bilgiler .spot-body{
	width: 60%;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	height: 60px;
}
.spot-bilgiler .hizli-teslimat {
	width: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #EB4136;
}
.spot-bilgiler h4 {
	font-size: 11px;
	font-weight: 600;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	color: #555;
	text-transform: uppercase
}
.pad-15 {
	padding-left: 7.5px;
	padding-right: 7.5px;
}
.spot-td {
	padding-top: 0px!important;
}
.taksit-tablo {
	text-align: center;
	width: 100%;
}
.taksit-aciklama p {
	padding-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.taksit-tablo img {
	max-height: 20px;
	margin-bottom: 10px;
	max-width: 70px;
}
.taksit-tablo span {
	width: 100%;
	float: left;
}
.taksit-tablo .taksit-toplam {
	border-bottom: solid 1px #DDD;
	padding-bottom: 5px;
	font-size: 12px;
}
.taksit-tablo .taksit-fiyat {
	padding-top: 5px;
}
.invalid-feedback {
	font-size: 14px;
}
.content-slider {
	width: 100%;
	height: auto;
	float: left;
	list-style-type: none;
}
.urun-list {
	width: 100%;
	height: auto;
	float: left;
}
.benzer-urunler .benzer-indirim-oran {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	font-wegiht: 600;
	background-color: #231f20;
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
	float: right;
}
.benzer-urunler .urun:hover img {
	opacity: 0.6;
}
.blog {
	width: 100%;
	height: auto;
	min-height: 500px;
	float: left;
	margin-bottom: 30px;
}
.blog aside {
	border: 0px;
}
.blog img {
	width: 100%;
	height: auto;
}
.blog .makale img {
	width: 350px;
}
.blog .post {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 30px;
	padding-bottom: 30px;
	background-color: #FFF;
	border-bottom: solid 3px #DDD;
}
.blog .makale {
	padding: 0px;
	padding-bottom: 15px;
}
.blog .makale p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
}
.blog h1, .blog h2 {
	font-size: 18px;
	float: left;
	width: 100%
}
.blog h3 {
	font-size: 14px;
	float: left;
	width: 100%
}
.blog .makale h2 {
	padding-left: 30px;
}
.blog .baslik {
	float: left;
}
.blog .baslik-ust {
	float: left;
}
.blog .blog-baslik {
	width: 100%;
	float: left;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
}
.blog p {
	width: 100%;
	float: left;
}
.blog .blog-btn {
	width: 100%;
	float: left;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: right;
}
.blog .alert {
	text-shadow: none;
	font-weight: 600;
	margin-top: 30px;
}
.blog .urunler {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.kategori-ul ul {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.kategori-ul ul li {
	width: 100%;
	float: left;
}
.kategori-ul .baslik {
	margin-top: 0px;
	padding-top: 0px;
	float: left;
}
footer {
	width: 100%;
	height: auto;
	float: left;
	background-color: #FFF;
	border-top: solid 1px #DDD;
}
.e-bulten {
	width: 100%;
	height: auto;
	min-height: 75px;
	float: left;
	background-color: #EEE;
	border-top: solid 1px #DDD;
	text-align: center;
	padding-top: 15px;
}
.e-bulten .e-bulten-baslik {
	color: #231f20;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	font-wegiht: 600;
}
.e-bulten p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 15px;
	padding-top: 5px;
}
.footer-logo {
	width: 100%;
	height: auto;
	text-align: center;
}
.footer-logo img {
	width: 100%;
	max-width: 180px;
	margin-top: 80px;
	padding-left: 30px;
	padding-right: 30px;
}
.footer-ust  {
	width: 100%;
	height: auto;
	float: left;
}
.footer-ust h4 {
	font-size: 16px;
	font-weight: 600;
}
.footer-ust ul {
	padding: 0px;
	margin-top: 15px;
	list-style-type: none;
}
.footer-ust ul li a {
	display: block;
	font-size: 14px;
	padding-top: 6px;
}
.footer-ust p {
	margin-top: 18px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.footer-menu {
	line-height: 35px;
}
.footer-alt {
	width: 100%;
	height: auto;
	float: left;
	border-top: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	margin-top: 15px;
}
.footer-alt .bankalar {
	list-style-type: none;
	padding: 0px;
	padding-top: 15px;
	margin: 0 auto;
	display: table;
	padding-bottom: 15px;
}
.footer-alt .bankalar li {
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
}
.footer-alt .bankalar .banka-logo {
	max-height: 18px;
}
.footer-sosyal-medya  {
	list-style-type: none;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 15px;
	text-align: center;
}
.footer-sosyal-medya li  {
	display: inline-table;
	padding-left: 10px;
	padding-right: 10px;
}
.footer-sosyal-medya li a {
	font-size: 15px!important;
	color: #444;
}
.footer-sosyal-medya li a:hover {
	color: #939598;
}
.copyright {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: solid 1px #DDD;
}
.copyright p {
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}
.mobil-bar {
	display: none;
}
.sozlesme-wrapper {
	background-color: #FFF;
	padding: 15px;
	border: solid 1px #DDD;
}
.sozlesme-wrapper h1 {
	font-size: 15px;
	text-transform: uppercase;
}
.sozlesme-wrapper h2 {
	font-size: 15px;
}
.logo-sozlesme {
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #DDD;
}
#ETBIS {
	width: 100%;
	height: auto;
	text-align: center;
}
#ETBIS img {
	width: unset;
	height: auto;
	padding: 0px;
	margin-top: 0px;
}

@media screen and (max-width: 50em) {
	.main-nav {
		margin-top: 0px;
	}
	.main-nav .navbar-brand img {
		max-width: 100px;
	}
	.main-nav .login-cart {
		display: none;
	}
	.main-nav .mobil-sosyal-medya {
		width: 100%;
		float: left;
		display: unset;
		list-style: none;
		text-align: center;
		padding: 0px;
		padding-top: 5px;
		margin: 0px;
		border-top: solid 1px #DDD;
	}
	.main-nav .mobil-sosyal-medya li {
		list-style: none;
		display: inline-table;
	}
	.main-nav .mobil-sosyal-medya li a {
		color: #231f20;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 16px;
	}
	.main-nav .mobil-sosyal-medya li a:focus {
		color: #939598;
	}
	.main-nav .navbar-nav {
		margin-top: 15px;
	}
	.wrapper {
		margin-top: 85px;
	}
	#slider {
		padding-top: 15px;
	}
	.alert {
		margin-top: 15px!important;
	}
	.kategori-title {
		top: 30px;
	}
	.kategori-ul {
		display: none;
	}
	#urun-kategoriler span {
		background-color: #231f20;
		color: #FFF;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 11px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.mobile-none {
		display: none;
	}
	.odeme-table-wrapper {
		margin-top: 15px;
	}
	.kart-th {
		width: 50px;
	}
	.guvenlik-logolar {
		padding-top: 15px;
	}
	.guvenlik-logolar .comodo {
		margin-top: 0px;
	}
	.guvenlik-logolar .comodo img {
		width: 100%;
	}
	.mor-btn {
		font-size: 14px;
	}
	.mor-cizgi-btn {
		font-size: 14px;
	}
	.navbar-toggler {
		border: solid 2px;
	}
	.mobil-bar {
		width: 100%;
		height: 45px;
		position: fixed;
		padding-top: 5px;
		bottom: 0;
		background-color: #FFF;
		border-top: solid 2px #231f20;
		z-index: 3;
		display: unset;
	}
	.mobil-bar .badge {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
		padding: 0px;
		position: relative;
		top: -12px;
		margin-right: -20px;
	}
	.mobil-bar .header-right {
		height: 45px;
	}
	.mobil-bar .header-right ul {
		margin-bottom: 7px;
		width: 100%;
		text-align: center;
		padding: 0px;
	}
	.mobil-bar .header-right ul li {
		float: none;
		display: inline-table;
	}
	.mobil-bar .header-right ul li a {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 22px;
	}
	.mobil-bar .sepet-toplami {
		font-wegiht: 600;
		font-size: 14px!important;
		text-align: right;
	}
	.mobil-bar .fa-user {
		margin-left: 10px;
	}
	.whasapp-link img {
		max-width: 26px;
		margin-top: -7px;
	}
	.ust-band {
		display: none;
	}
	#urun-kategoriler img {
		margin-top: 15px;
	}
	.carousel-indicators {
		display: none;
	}
	.urun-detay table th {
		width: 100px;
	}
	.orta-baslik {
		margin-top: 15px;
	}
	.orta-baslik h2 {
		font-size: 14px;
	}
	.sayfa-baslik .breadcrumb {
		font-size: 12px;
	}
	.baslik {
		margin-top: 15px;
	}
	.p-baslik {
		font-size: 14px;
	}
	.sepet-ekleme {
		display: none;
	}
	.detay-indirim-oran {
		float: unset;
	}
	.urunler .urun h2 {
		height: 55px;
		font-size: 14px;
	}
	.urunler .urun .marka {
		font-size: 11px;
	}
	.urunler .urun .fiyat {
		font-size: 14px;
	}
	.urunler .urun .indirim-fiyat {
		font-size: 11px;
	}
	.urunler .urun .indirim-oran {
		font-size: 12px;
		margin-top: 26px;
		margin-right: 19px;
		line-height: 12px;
	}
	.urunler .urun {
		margin-top: 15px;
	}
	.urunler .middle {
		display: none;
	}
	.toplam-liste {
		border: solid 1px #6c757d;
		color: #6c757d;
		margin-top: 7px;
		text-align: center;
	}
	.mobile-none {
		display: none;
	}
	.filtreleme  {
		margin-top: 15px;
	}
	.filtreleme .btn {
		margin-top: 7px;
	}
	.urun-detay {
		padding-top: 15px;
	}
	.urun-detay .urun-resimler {
		margin-bottom: 15px;
	}
	.urun-detay .table {
		margin-top: 15px;
	}
	.urun-detay .table th {
		min-width: 110px;
	}
	.urun-detay .urun-detay-tab {
		margin-top: 0px
	}
	.urun-detay .nav-item {
		width: 100%;
		display: block;
		text-align: center;
	}
	.urun-detay .nav .active {
		border-bottom: solid 1px #DDD;
		border-radius: 7px
	}
	.urun-detay .baslik {
		font-size: 14px;
	}
	.urun-detay .fiyat {
		font-size: 16px;
	}
	.urun-detay .indirim-fiyat {
		font-size: 14px;
	}
	.urun-detay .detay-indirim-oran {
		float: right;
		font-size: 14px;
		line-height: 18px;
		margin-top: 3px;
	}
	.urun-detay .btn {
		width: 100%;
		font-size: 14px;
	}
	.urun-detay .mobil-sepet-ekleme {
		display: table-row;
	}
	.row {
		padding-left: 7.5px;
		padding-right: 7.5px;
	}
	[class*="col-"] {
      padding-left: 7.5px;
      padding-right: 7.5px;
    }
	aside {
		min-height: unset;
		margin-top: 15px;
		border-right: 0px;
		padding-right: 0px;
	}
	aside ul {
		display: none;
	}
	aside h3 {
		display: none;
	}
	.urunler aside ul {
		display: unset;
	}
	.urunler aside h3 {
		display: unset;
	}
	.icerik img {
		margin-top: 15px;
	}
	.icerik article {
		padding-top: 15px;
	}
	.mobil-kategori {
		display: unset;
		font-size: 12px;
		margin-top: 15px;
	}
	.blog {
		margin-bottom: 15px;
	}
	.blog .post {
		margin-top: 15px;
		padding-bottom: 0px;
		border-bottom: 0;
		background-color: #EEE;
	}
	.blog h1, .blog h2 {
		font-size: 14px;
	}
	.blog .makale h2 {
		padding-left: 0px;
	}
	.blog .makale img {
		width: 100%;
		margin-top: 5px;
		margin-bottom: 15px;
	}
	.blog .makale {
		padding: 0px;
		padding-bottom: 0px;
	}
	.blog .makale p {
		padding-left: 0px;
		padding-right: 0px;
	}
	.blog .makale .btn {
		margin-top: -15px;
	}
	.blog .blog-baslik {
		padding-left: 0px;
		padding-right: 0px;
	}
	.iletisim {
		padding-bottom: 15px;
	}
	.iletisim .table {
		margin-bottom: -15px;
	}
	.uyelik {
		padding-bottom: 15px;
	}
	.giris-form {
		margin-top: 15px;
		padding: 15px;
	}
	.yeni-uyelik {
		margin-top: 15px;
		padding: 15px;
		min-height: unset;
	}
	.uye-buton {
		margin-top: 15px;
	}
	.uyelik-form {
		margin-top: 15px;
	}
	.uyelik .mesajlar {
		padding-top: 0px;
	}
	.uyelik .siparisler {
		margin-top: 15px;
	}
	.uyelik .siparisler .sip-fiyat {
		font-size: 14px;
	}
	.sepet {
		padding-bottom: 15px;
	}
	.sepet h3 {
		margin-top: 15px;
	}
	.sepet .sepet-tablo {
		margin-top: 15px;
	}
	.sepet .btn-outline-success {
		margin-top: 15px;
	}
	.sepet .alert {
		margin-top: 15px;
	}
	.mobil-sepet-bilgi {
		display: none;
	}
	.mobil-sepet {
		display: table-row;
	}
	.mobil-sepet td {
		padding-top: 0px;
	}
	.mobil-sepet .adet-select {
		max-width: 60px;
		float: left;
	}
	.mobil-sepet .mobil-sil {
		float: right;
	}
	.mobil-sepet .indirim-fiyat {
		font-size: 11px;
	}
	.mobil-sepet .fiyat {
		font-size: 15px;
	}
	.siparis .nav {
		margin-top: 15px;
	}
	.siparis .adres-form {
		padding-top: 15px;
	}
	.havale-aciklama {
		padding-top: 15px;
	}
	.e-bulten .e-bulten-baslik {
		font-size: 14px;
	}
	footer {
		margin-bottom: 42px;
	}
	.footer-logo img {
		margin-top: 30px;
	}
	.footer-ust ul {
		margin-bottom: 0px;
	}
	.bankalar {
		display: inline;
		text-align: center;
	}
	.footer-alt .bankalar .banka-logo {
		max-height: 14px;
		margin-bottom: 10px;
	}
	.fa-whatsapp-square {
		color: #25d366;
	}
}