@charset "UTF-8";

/* TEMA 4*/


/*A?AA?a?1NSTAGRAM*/

.instagram-layout {
	width: 100%;
	padding: 20px;
}

.instagram-link {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.instagram-link a {
	color: #3d4246;
	display: inline-block;
	margin: auto;
	padding: 10px 25px;
	box-shadow: 1px 1px 1px #eee;
	background: #fff;
	transition: all 0.3s ease;
}

.instagram-link a:hover {
	color: #fff;
	background: #241a61;
}

.instagram-connect {
	width: 100%;
	display: inline-block;
	background: #f2f2f2;
}

.instagram-item {
	background: #fff;
	box-sizing: border-box;
	border: 5px solid #f2f2f2;
	padding: 10px;
}

.instagram-item-wrapper {
	width: 100%;
	position: relative;
	display: inline-block;
	transition: all 0.2s ease-in-out;
	background: #fff;
}

.instagram-item-wrapper .ins-image {
	position: relative;
	width: 100%;
}

.instagram-item-wrapper .ins-image:before {
	content: '';
	padding-top: 120%;
	display: inline-block;
}

.instagram-item-wrapper .ins-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}

.instagram-item-wrapper .ins-date {
	opacity: 0.7;
	display: block;
	margin: 10px 0;
}

.instagram-item-wrapper .ins-caption {
	display: -webkit-box;
	height: 43px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-mox-box-orient: vertical;
	color: #3d4246;
	font-size: 15px;
}

.instagram-item-wrapper a {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	display: block;
}

.ins-elements {
	display: flex;
	justify-content: flex-start;
	z-index: 2;
	transition: all 0.2s ease-in-out;
	margin-top: 10px;
}

.ins-elements i {
	padding-right: 5px;
}

.ins-comments {
	padding-left: 10px;
}

@media only screen and (max-width: 1200px) {
	#category ul li a {
		padding: 15px;
		font-size: 14px;
	}
	.affix #category ul li a {
		padding: 10px 16px;
	}
	#ebulten,
	#ebulten-gonder {
		width: 100%;
	}
}

.anasayfa-spotlar {
	display: inline-block;
	float: left;
	background: #e4e4e4;
	padding: 40px 0;
	margin: 40px 0;
}

.anasayfa-spotlar .spot {
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	margin: 10px 0;
}

.anasayfa-spotlar .spot .icon {
	float: left;
	width: 80px;
	height: 80px;
	position: relative;
	border-radius: 100%;
	background: #fff;
}

.anasayfa-spotlar .spot .icon i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 35px;
	color: #888;
	display: inline-block;
}

.anasayfa-spotlar .spot .icon img {
	width: 35px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.anasayfa-spotlar .spot .text {
	max-width: calc(100% - 100px);
	color: #888;
	font-family: "Noto Sans", sans-serif;
	display: inline-block;
	float: left;
	font-size: 16px;
	padding-left: 10px;
}

.anasayfa-covers {
	display: inline-block;
	float: left;
	position: relative;
}

.anasayfa-covers .ana-cover {
	display: inline-block;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}

.anasayfa-covers .ana-cover img {
	width: 100%;
	transition: all 0.2s ease-in-out;
}

.anasayfa-covers .ana-cover .cover-text {
	font-family: "Noto Sans", sans-serif;
	position: absolute;
	width: 50%;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
}

.anasayfa-covers .ana-cover .cover-text span {
	font-family: "Noto Sans", sans-serif;
	display: inline-block;
	width: 100%;
	font-size: 50px;
	line-height: 1.1;
	margin-bottom: 15px;
}

.anasayfa-covers .ana-cover .cover-text a {
	font-family: "Noto Sans", sans-serif;
	display: inline-block;
	letter-spacing: 1.5px;
	font-weight: 300;
	font-size: 17px;
	padding: 15px 35px;
	border: 2px solid #000;
	color: #000;
	transition: all 0.3s ease;
}

.anasayfa-covers .ana-cover .cover-text a:hover {
	background: #000;
	color: #fff;
}

.anasayfa-covers .ana-cover:hover img {
	transform: scale(1.07);
}

.anasayfa-covers .cover {
	overflow: hidden;
	float: left;
	display: inline-block;
	box-sizing: border-box;
}

.anasayfa-covers .cover img {
	width: 100%;
	transition: all 0.2s ease-in-out;
}

.anasayfa-covers .cover:hover img {
	transform: scale(1.07);
}

.anasayfa-gecisler {
	margin-bottom: 50px;
}

.anasayfa-gecisler .anasayfa-gecis {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 5%;
	margin: 30px 0;
	float: left;
}

.anasayfa-gecisler .anasayfa-gecis .icerik {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.anasayfa-gecisler .anasayfa-gecis .icerik h2 {
	font-family: "Noto Sans", sans-serif;
	font-weight: bold;
	font-size: 55px;
	margin-bottom: 25px;
	color: #000;
}

.anasayfa-gecisler .anasayfa-gecis .icerik span {
	font-family: "Noto Sans", sans-serif;
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 25px;
	color: #000;
}

.anasayfa-gecisler .anasayfa-gecis .icerik .link-button {
	display: inline-block;
	padding: 10px 25px;
	border: 2px solid #000;
	margin-bottom: 25px;
	text-transform: uppercase;
	font-size: 20px;
	color: #000;
	transition: all 0.3s ease-in-out;
}

.anasayfa-gecisler .anasayfa-gecis .icerik .link-button:hover {
	color: #fff;
	background: #000;
}

.anasayfa-gecisler .anasayfa-gecis .image {
	display: flex;
	justify-content: center;
}

.anasayfa-gecisler .anasayfa-gecis .image img {
	margin: auto;
	height: 100%;
	width: 100%;
}

#anasayfa-marka-slide {
	float: left;
	display: inline-block;
}

#anasayfa-marka-slide .anasayfa-marka-slider {
	padding-bottom: 100px;
	position: relative;
}

#anasayfa-marka-slide .anasayfa-marka-slider:before {
	content: '';
	display: inline-block;
	width: 15%;
	height: 1px;
	position: absolute;
	background: #888;
	left: 0;
	right: 0;
	margin: auto;
	top: 70%;
}

#anasayfa-marka-slide .anasayfa-marka-slider .marka-slide {
	position: relative;
	display: inline-block;
}

#anasayfa-marka-slide .anasayfa-marka-slider .marka-slide:before {
	content: '';
	padding-top: 70%;
	display: inline-block;
}

#anasayfa-marka-slide .anasayfa-marka-slider .marka-slide img {
	position: absolute;
	max-height: 90%;
	max-width: 90%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.2s ease-in-out;
}

#anasayfa-marka-slide .anasayfa-marka-slider .marka-slide a {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

#anasayfa-marka-slide .anasayfa-marka-slider .marka-slide:hover img {
	opacity: 0.5;
}

#anasayfa-marka-slide .anasayfa-marka-slider .slick-arrow {
	box-shadow: initial;
	background: transparent !important;
	top: 70%;
}

#anasayfa-marka-slide .anasayfa-marka-slider .slick-arrow:hover {
	background: transparent !important;
}

#anasayfa-marka-slide .anasayfa-marka-slider .slick-arrow:hover:before {
	color: #888 !important;
}

#anasayfa-marka-slide .anasayfa-marka-slider .slick-arrow:before {
	content: "\f178" !important;
	font-family: FontAwesome !important;
	font-weight: 900 !important;
	color: #241a61;
	transform: translate(-50%, -50%);
	top: 50% !important;
	left: 50% !important;
	bottom: initial !important;
	border: none !important;
	opacity: 1 !important;
	font-size: 27px !important;
	transition: all 0.3s ease;
}

#anasayfa-marka-slide .anasayfa-marka-slider .slick-prev {
	left: 35%;
}

#anasayfa-marka-slide .anasayfa-marka-slider .slick-prev:before {
	transform: translate(-50%, -50%) rotate(180deg);
}

#anasayfa-marka-slide .anasayfa-marka-slider .slick-next {
	right: 35%;
}

.anasayfa-gecis-2 {
	float: left;
	display: inline-block;
}

.anasayfa-gecis-2 .gecis {
	display: inline-block;
	float: left;
	position: relative;
}

.anasayfa-gecis-2 .gecis img {
	width: 100%;
}

.anasayfa-gecis-2 .gecis span {
	font-family: "Noto Sans", sans-serif;
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	letter-spacing: 2;
	font-size: 60px;
	transition: all 0.3s ease;
}

.anasayfa-gecis-2 .gecis span:hover {
	color: #888;
}

.anasayfa-gecis-2 .gecis:nth-child(1) span {
	right: 5%;
}

.anasayfa-gecis-2 .gecis:nth-child(2) span {
	left: 5%;
}

@media (min-width: 992px) {
	.anasayfa-gecisler .slick-arrow {
		box-shadow: initial;
		background: transparent !important;
		top: 50%;
	}
	.anasayfa-gecisler .slick-arrow:hover {
		background: transparent !important;
	}
	.anasayfa-gecisler .slick-arrow:hover:before {
		color: #888 !important;
	}
	.anasayfa-gecisler .slick-arrow:before {
		content: "\f178" !important;
		font-family: FontAwesome !important;
		font-weight: 900 !important;
		color: #241a61;
		transform: translate(-50%, -50%);
		top: 50% !important;
		left: 50% !important;
		bottom: initial !important;
		border: none !important;
		opacity: 1 !important;
		font-size: 27px !important;
		transition: all 0.3s ease;
	}
	.anasayfa-gecisler .slick-prev {
		left: 50%;
	}
	.anasayfa-gecisler .slick-prev:before {
		transform: translate(-50%, -50%) rotate(180deg);
	}
	.anasayfa-gecisler .slick-next {
		right: 10%;
	}
	.anasayfa-covers .ot-cover {
		display: inline-block;
		float: left;
	}
	.anasayfa-covers .cover {
		padding: 0;
	}
	.anasayfa-covers .cover:nth-child(1) {
		margin-bottom: 19px;
		border-right: 15px solid #fff;
	}
	.anasayfa-covers .cover:nth-child(2) {
		border-left: 15px solid #fff;
	}
	.slider-mm .slick-dots {
		bottom: 5%;
		right: 0;
		width: 60%;
	}
	.slider-mm .slick-dots li {
		width: auto;
		height: auto;
		margin-right: 5px;
	}
	.slider-mm .slick-dots li button {
		width: 40px;
		height: 5px;
		padding: 0;
		background: #fff;
		transition: all 0.3s ease-in-out;
	}
	.slider-mm .slick-dots li button:before {
		display: none;
	}
	.slider-mm .slick-dots .slick-active button {
		background: #000;
	}
}


/*Slider*/

.slider-mm {
	float: right;
	background: #fff;
	padding: 0px;
	margin: 0px;
	position: relative;
	transition: all 0s ease;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}

.slider-mm.slick-initialized {
	visibility: visible;
	opacity: 1;
}

.slider-mm .slick-slide img {
	width: 100%;
}

.slider-mm .slick-list {
	height: 100%;
}

.slider-mm .slick-slider {
	position: relative;
}

.slider-mm .slick-slider .slider-title {
	position: absolute;
	width: 60%;
	height: 100%;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.slider-mm .slick-slider .slider-title span {
	font-family: "Noto Sans", sans-serif;
	text-align: center;
	line-height: 1;
}

.slider-mm .slick-slider .slider-title .text1 {
	color: #000;
	font-size: 3vw;
	transform: translateY(-50vh);
	opacity: 0.5;
	transition: transform 0.8s ease-in-out;
	transition-delay: 0.5s;
}

.slider-mm .slick-slider .slider-title .text2 {
	font-weight: bold;
	color: #fff;
	font-size: 14vw;
	transform: translateX(50vw);
	opacity: 0.5;
	transition: transform 0.8s ease-in-out;
	transition-delay: 0.7s;
}

.slider-mm .slick-slider .slider-title .text3 {
	color: #000;
	font-size: 3vw;
	transform: translateY(50vh);
	opacity: 0.5;
	transition: transform 0.8s ease-in-out;
	transition-delay: 0.9s;
}

.slider-mm .slick-active span {
	opacity: 1 !important;
	transform: translate(0, 0) !important;
}

.slider-mm-link {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
}

@media (max-width: 992px) {
	.anasayfa-spotlar {
		display: none;
	}
	.anasayfa-gecisler .anasayfa-gecis {
		flex-direction: column-reverse;
	}
	.anasayfa-gecisler .anasayfa-gecis .icerik {
		align-items: center;
	}
	.anasayfa-gecisler .anasayfa-gecis .icerik h2 {
		text-align: center;
		font-size: 30px;
	}
	.slider-mm .slick-arrow::before {
		border: solid #fff;
		border-width: 0 2px 2px 0;
	}
	.slider-mm .slick-dots {
		bottom: 5px;
	}
	.slider-mm .slick-dots li {
		width: 10px;
		height: 10px;
		padding: 0 7px;
		overflow: hidden;
		transition: all 0.3s ease;
	}
	.slider-mm .slick-dots li button {
		width: 7px;
		height: 7px;
		border: 1px solid #fff;
		border-radius: 50%;
		background: #fff;
		padding: 0px;
		margin: 0px;
	}
	.slider-mm .slick-dots li button::before {
		display: none;
	}
	.slider-mm .slick-dots li.slick-active button {
		background: #e93826;
	}
}


/*A?AA?grA?A?nler BaAA?cAA?ClA?AA?}k*/

.urun-kategori-baslik-bg {
	width: 100%;
	height: auto;
	text-align: center;
	padding-left: 4px;
	margin-bottom: 10px;
}

.urun-kategori-baslik {
	font-family: "Noto Sans", sans-serif;
	height: 50px;
	padding: 10px 20px;
	line-height: 45px;
	vertical-align: bottom;
	position: relative;
	display: inline-block;
	float: none;
	width: auto;
	font-size: 30px;
	color: #000;
	letter-spacing: 0px;
}

@media (max-width: 992px) {
	.urun-kategori-baslik {
		width: 100%;
		padding: 0px;
		height: 40px;
		font-size: 22px;
		display: block;
		padding-left: 10px;
		line-height: 40px;
	}
}


/*YukarA?AA?} A?a?!A?AA?}k*/

.home-sag-alt {
	width: 40px;
	height: auto;
	display: inline-block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	text-align: center;
	z-index: 1000;
}

.sag-alt-wp {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: #222020;
	color: #00e676;
	line-height: 39px;
	font-size: 19px;
	border-radius: 50%;
	transition: all 0.5s ease;
}

.sag-alt-wp.asagi {
	border-radius: 0px;
	transition: all 0.5s ease;
	line-height: 33px;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}

.sag-alt-wp:hover,
.sag-alt-wp:focus {
	color: #fff;
	background: #241a61;
}

#back-top {
	display: inline-block;
	background-color: #222020;
	width: 40px;
	height: 40px;
	text-align: center;
	position: relative;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	color: #fff;
	line-height: 38px;
	font-size: 20px;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
}

#back-top:hover {
	cursor: pointer;
	background-color: #241a61;
}

#back-top:active {
	background-color: #241a61;
}

#back-top.show {
	opacity: 1;
	visibility: visible;
}

footer {
	margin-top: 25px;
	clear: both;
	float: left;
	width: 100%;
	position: relative;
}

footer:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 2px;
	width: 70%;
	display: block;
	background: #eee;
}

#footer {
	text-align: left;
	padding: 40px 0 0px 0px;
}

.footer-mm1 {
	display: flex;
	margin: 0px auto !important;
	justify-content: space-between;
	align-items: flex-start;
	flex-flow: row wrap;
}

.footer-sayfalar {
	padding-bottom: 30px;
}

.footer-sayfalar ul {
	width: 25%;
}

.footer-sayfalar ul img {
	max-width: 90%;
	margin-bottom: 30px;
}

.footer-sayfalar ul span {
	font-family: "Noto Sans", sans-serif;
	padding: 5px 0;
	display: inline-block;
}

.footer-social ul {
	width: 100%;
}

.footer-social ul li {
	float: left;
	display: inline-block;
}

.footer-social ul li.footer-social-baslik {
	width: 100%;
}

.footer-social ul li:last-child a {
	padding-right: 0 !important;
}

.footer-social ul li a {
	font-size: 18px !important;
	padding: 0 24px !important;
	color: #fff !important;
}

.footer-social ul li a:first-child {
	padding-left: 0 !important;
}

.footer-e-bulten {
	padding: 60px 0px;
	background: #241a61;
}

.footer-e-bulten p {
	font-size: 13px;
}

.footer-e-bulten-content {
	position: relative;
	padding: 0px;
	display: flex;
}

.footer-e-bulten #ebulten {
	color: #fff;
	padding: 10px 10px;
	width: 85%;
	font-size: 13px;
	border: none;
	border-bottom: 1px solid #fff;
	background: #241a61;
	height: 55px;
	float: left;
}

.footer-e-bulten #ebulten:placeholder {
	color: #888 !important;
}

.footer-e-bulten #ebulten-gonder {
	font-family: "Noto Sans", sans-serif;
	border: none;
	background: #fff;
	color: #000;
	text-transform: uppercase;
	display: inline-block;
	font-size: 15px;
	width: 15%;
	min-width: 150px;
	height: 55px;
	transition: all 0.3s ease;
}

.footer-e-bulten #ebulten-gonder:hover {
	color: #fff;
	background: #888;
}

#footer ul {
	float: left;
	list-style: none;
	margin: 0;
}

#footer ul input {
	display: none;
}

#footer ul label {
	display: none;
}

#footer ul ul {
	width: 100%;
}

#footer ul ul li:first-child {
	font-family: "Noto Sans", sans-serif;
	margin: 0px;
	font-size: 14px !important;
	padding: 0px !important;
	height: auto !important;
}

#footer .footer-mm1 ul li {
	position: relative;
	padding: 0px;
}

#footer .footer-mm1 ul li:first-child {
	font-family: "Noto Sans", sans-serif;
	margin: 0px;
	font-size: 18px;
	padding-bottom: 0;
	height: 55px;
}

#footer .footer-mm1 ul li a {
	color: #282828;
	font-family: "Noto Sans", sans-serif;
	text-decoration: none;
	position: relative;
	display: block;
	font-weight: 400;
	font-size: 14px;
	padding: 10px 0px;
	transition: all 0.3s ease;
}

#footer .footer-mm1 ul li a span {
	padding-left: 2%;
	font-family: "Noto Sans", sans-serif;
}

#footer .footer-mm1 ul li a:hover {
	color: #091140;
}

.footer-bottom-mm {
	position: relative;
	width: 100%;
	background: #241a61;
	height: auto;
	padding: 10px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}

.footer-bottom-mm a {
	text-decoration: none;
	color: #111;
}

.footer-bottom-mm p {
	width: auto;
	margin: 0px;
	text-align: center;
	font-size: 11px;
}

.footer-bottom-mm p img {
	display: block;
	text-align: center;
	margin: auto;
}

.odeme-sprite-box {
	float: left;
	margin-bottom: 5px;
	width: 160px;
	height: 45px;
}

.footer-odeme {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}

.akilliticaret-logo {
	text-align: center;
}

@media all and (min-width: 992px) {
	.copyright {
		position: absolute;
		left: 2%;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media all and (max-width: 992px) {
	.adres-li {
		display: none;
	}
	.copyright {
		width: 100%;
		text-align: center;
	}
	.footer-social {
		order: 1;
	}
	.footer-bottom-mm {
		order: 3;
	}
	.footer-social ul {
		width: 100%;
	}
	.footer-bottom-mm p img #footer ul li:first-child {
		margin: 30px 0 10px;
	}
	#footer ul li a:before {
		display: none;
	}
	.footer-bottom-mm p img {
		float: right;
	}
}

.footer-ilk-baslik {
	display: none;
}

@media all and (max-width: 700px) {
	.footer-ilk-baslik {
		display: list-item !important;
	}
	.footer-sayfalar {
		padding-top: 30px;
	}
	#footer ul {
		position: relative;
	}
	#footer ul label {
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		text-align: right;
	}
	#footer ul input:checked~ul {
		max-height: 500px;
		visibility: visible;
	}
	#footer ul ul {
		overflow: hidden;
		transition: all 0.3s ease;
		max-height: 0;
		visibility: hidden;
	}
	.footer-sayfalar ul {
		width: 100%;
		margin-bottom: 25px;
	}
	.footer-e-bulten {
		width: 100%;
	}
}


/*--------------------------------HEADER-TOP-BAR----------------------------------*/


/* TEMA 3*/

@media all and (min-width: 992px) {
	.header-content {
		padding: 25px 0;
	}
	.ana-menu {
		display: flex;
		justify-content: center;
	}
	.affix .menu-level-2 {
		width: 100%;
		padding: 5% !important;
	}
	.menu-level-2 {
		left: 50%;
		transform: translateX(-50%);
	}
	.menu-kategori-icon1 {
		display: none;
	}
	.ana-menu a {
		transition: all 0.3s ease-in-out;
	}
	.ana-menu a:hover {
		color: #888 !important;
	}
	.ana-menu li {
		padding: 0 15px !important;
	}
	.ana-menu li a {
		font-size: 13px !important;
	}
	.ana-menu li ul li {
		width: 25% !important;
	}
	.ana-menu li ul li a {
		text-transform: initial !important;
		font-size: 17px !important;
	}
	.ana-menu .menu-level-3 li a {
		font-size: 14px !important;
	}
	.kategori-mm-menu ul ul ul li {
		width: 100% !important;
	}
	.menu-level-3 li {
		padding: 0 !important;
	}
	.menu-level-3 li a {
		text-transform: initial !important;
		font-size: 12px !important;
		color: #000 !important;
		text-transform: initial;
		font-weight: 400 !important;
	}
}

.top-bar-sag {
	display: inline-block;
	float: right;
	height: 100%;
}

.top-bar-content {
	background: #241a61;
	width: 100%;
	height: 40px;
	margin: auto;
	position: relative;
	display: flex;
	align-items: center;
	transition: all 0.5s ease;
	border-bottom: 1px solid #666;
}

.top-bar-menu {
	height: 100%;
	display: inline-block;
	float: left;
	padding: 0;
}

.top-bar-menu a {
	font-family: "Noto Sans", sans-serif;
	margin-right: 10px;
	color: #fff;
	line-height: 40px;
}

.top-inner {
	height: 40px !important;
}


/*topbar sol*/

.header-sol-social {
	display: flex;
	align-items: center;
	height: 100%;
	float: left;
	padding-left: 1%;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.header-social-link {
	float: left;
	color: #fff;
	line-height: 40px;
	display: inline-block;
	font-size: 15px;
	margin-right: 20px;
	transition: all 0.5s ease;
}

.header-social-link i {
	line-height: 40px;
}

.header-social-link:hover {
	color: #888;
}


/*topbar sag*/

.top-bar-hesap {
	float: left;
	height: 100%;
	position: relative;
}

.top-bar-hesap input[type=checkbox] {
	display: none;
}

.top-bar-hesap-buttons {
	font-family: "Noto Sans", sans-serif;
	float: left;
	color: #fff;
	margin-right: 10px;
	height: 100%;
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: capitalize !important;
	font-weight: 300;
	line-height: 1;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
}

.top-bar-hesap-buttons:focus,
.top-bar-hesap-buttons:hover {
	color: #fff;
}

.top-bar-hesap-button {
	min-width: 200px;
	font-family: "Noto Sans", sans-serif;
	float: right;
	color: #fff;
	height: 100%;
	padding: 0 15px;
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: capitalize !important;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
}

.top-bar-hesap-button span {
	font-family: "Noto Sans", sans-serif;
	padding: 0 5px;
	font-weight: 400;
}

.top-bar-hesap-button .top-bar-hesap-down {
	font-size: 18px;
}

.top-bayi-buton {
	font-family: "Noto Sans", sans-serif;
	display: inline-block;
	float: right;
	color: #292828;
	width: 50%;
	height: 100%;
	font-size: 12px;
	text-transform: capitalize !important;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out;
}

#callbayi:checked~.login-menu {
	visibility: visible;
	top: 100%;
	z-index: 11;
	opacity: 1;
	transition: all 0.5s ease;
}

#callbayi:checked~.login-menu ul li {
	display: block;
}

.login-menu {
	width: 100%;
	visibility: hidden;
	height: auto;
	background: #fff;
	margin: auto;
	top: 50%;
	right: 0px;
	opacity: 0;
	position: absolute;
	margin-bottom: 20px;
	-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
	transition: all 0.5s ease;
}

.login-menu ul {
	list-style: none;
	width: 100%;
	height: auto;
	display: inline-block;
}

.login-menu ul li {
	width: 100%;
	display: none;
	height: 50px;
	transition: all 0.3s ease;
}

.login-menu ul li:hover {
	background: #000;
	color: #fff;
}

.login-menu ul li:hover a,
.login-menu ul li:hover i {
	color: #fff;
}

.login-menu li a {
	font-family: "Noto Sans", sans-serif;
	color: #000;
	font-size: 14px;
	display: flex;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
	padding: 0 15px;
	font-weight: 300;
	transition: all 0.3s ease;
}

.login-menu li i {
	color: #000;
	font-size: 16px;
	line-height: 50px;
	float: left;
	margin-right: 8px;
}

@media all and (max-width: 1500px) {
	.login-menu {
		width: 150%;
	}
}

@media all and (max-width: 992px) {
	.top-bar-content {
		display: none;
		margin-bottom: 50px;
	}
}


/*Header Bar*/

.header-content {
	width: 100%;
	height: auto;
	min-height: 50px;
	display: inline-block;
	background: #fff;
	position: relative;
	transition: all 0.5s ease-in-out;
}

.header-align {
	width: 75%;
	margin: auto;
	height: 80px;
	z-index: 1;
	transition: all 0.5s ease;
}

.header-align input[type=checkbox] {
	display: none;
}

.header-logo {
	width: auto;
	padding: 0 1%;
	width: 16%;
	max-width: 350px;
	height: 100%;
	float: left;
	position: relative;
	display: flex;
	margin: 0 auto;
	justify-content: flex-start;
	align-items: center;
}

.header-logo a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}

.header-logo img {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
}

.top-bar-button {
	position: relative;
}

.header-arama {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	height: 100%;
	float: left;
	position: relative;
	margin-right: 10px;
}

.header-arama-content {
	width: 100%;
	height: 55px;
	position: relative;
	z-index: 9;
	padding: 0px;
	margin: 0px;
	border: none;
	transition: all 0.5s ease;
}

.header-arama-content form {
	width: 100%;
	height: 100%;
	margin: 0px;
	margin: auto;
	float: right;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.header-arama-content input::placeholder {
	color: #000;
	font-weight: 300;
	font-family: "Noto Sans", sans-serif !important;
	font-size: 14px !important;
}

.header-arama-content .input-ac-button {
	cursor: pointer;
	background: transparent;
	outline: none;
	border: none;
	display: block;
	position: relative;
	float: right;
	color: #000;
	font-size: 35px;
	transition: all 0.3s ease-in-out;
}

.header-arama-content .input-ac-button:active .mm-control {
	display: block;
}

.header-sepet {
	height: 100%;
	position: relative;
	float: left;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.header-sepet ul {
	list-style: none;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0px 15px;
	margin-bottom: 0px;
}

.header-sepet ul li {
	display: block;
	position: relative;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	cursor: pointer;
}

.header-sepet ul li:hover {
	cursor: pointer;
}

.header-sepet-tel {
	width: 50%;
	height: 100%;
	display: flex;
	color: #000;
	font-size: 18px;
	padding: 0px 1%;
	border-right: 1px solid #efefef;
	justify-content: center;
	align-items: center;
}

.header-sepet-tel img {
	width: 40px;
	float: left;
}

.header-sepet-tel p {
	font-family: "Noto Sans", sans-serif;
	width: 75%;
	padding-left: 5%;
	font-weight: 600;
	float: left;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-flow: column wrap;
	color: #000;
	font-size: 18px;
}

.header-sepet-tel span {
	color: #000;
	font-size: 13px;
	font-weight: 300;
	line-height: 0.8;
	letter-spacing: 0px;
	font-family: 'Open Sans', sans-serif;
}

@media all and (max-width: 1350px) {
	.header-sepet-tel p {
		font-size: 15px;
	}
	.header-sepet-tel span {
		font-size: 12px;
	}
	.header-sepet-tel img {
		width: 32px;
	}
}

@media all and (max-width: 1200px) {
	.header-sepet ul ul li {
		width: 100%;
	}
}

@media all and (max-width: 1150px) {
	.header-sepet-tel p {
		font-size: 13px;
	}
	.header-sepet-tel span {
		font-size: 11px;
	}
}

@media all and (max-width: 992px) {
	.anasayfa-gecis-2 {
		display: none;
	}
	.header-content {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 0px;
		z-index: 5;
		background: #fff;
	}
	.header-align {
		height: 50px;
	}
	.header-logo {
		margin: 0 auto;
		border: 0px;
		float: none;
		width: 40%;
		max-width: inherit;
	}
	.header-logo a {
		width: 100%;
		text-align: center;
		display: block;
	}
	.header-logo img {
		margin: auto;
		float: none;
		right: 0;
		left: 0;
		width: 30%;
		min-width: 170px;
		max-width: 100px;
	}
	.header-arama,
	.header-arama-content,
	.header-sepet {
		display: none;
	}
}

@media all and (max-width: 530px) {
	.header-logo img {
		width: 100%;
		min-width: inherit;
	}
}


/*Header Kategori*/

.kategori-mm {
	background: transparent;
	height: 100%;
	max-width: 65%;
	position: relative;
	padding: 0px;
	float: left;
	margin: 0;
	display: flex;
	align-items: center;
	z-index: 7;
}

.kategori-mm input[type=checkbox] {
	display: none;
}

.affix {
	max-width: 100% !important;
	position: fixed !important;
	top: 0 !important;
	left: 0;
	right: inherit;
	min-height: inherit !important;
	height: auto !important;
	z-index: 9999 !important;
	padding: 0px !important;
	transition: all 0.5s ease-in-out;
	background: #fff !important;
	-webkit-box-shadow: 0px 2px 16px -2px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0px 2px 16px -2px rgba(0, 0, 0, 0.17);
	box-shadow: 0px 2px 16px -2px rgba(0, 0, 0, 0.17);
}

.affix .menu-level-2 {
	width: 100% !important;
}

.kategori-mm-inner {
	margin: auto;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.5s ease;
	background: transparent;
	padding: 0px;
}

.button {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	position: relative;
	display: none;
	height: 100%;
	width: 33.33%;
	float: left;
	cursor: pointer;
	margin-bottom: 0px;
}

.button i {
	font-size: 22px;
	color: #151440;
	padding: 0;
	position: relative;
	width: initial;
	height: initial;
	top: inherit;
	left: inherit;
	background: transparent;
}

.sepet-icon {
	background: #000;
	margin-right: .5%;
}

.sepet-li {
	position: absolute;
	content: "0";
	top: 23%;
	margin: auto;
	left: 15%;
	background: #000;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	font-size: 10px;
	text-align: center;
	z-index: 0;
	color: #fff;
	line-height: 15px;
	font-style: normal;
}

.search-icon {
	height: 40px;
	background: transparent;
	margin-right: 5px;
}

.search-icon i {
	font-size: 25px;
	color: #101010;
}

.header-mm-arama1 {
	width: 100%;
	display: none;
	height: auto;
	min-height: 50px;
	background: #fff;
	margin: auto;
	top: 100%;
	left: 0;
	position: absolute;
	border-top: 1px solid whitesmoke;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.06);
}

.header-mm-arama1 form {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #fff;
	position: relative;
	float: right;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-mm-arama1 form input {
	display: block;
	width: 100%;
	padding-left: 15px;
	font-size: 14px;
	box-shadow: none;
	outline: none;
	background: #fff;
	border: 0px;
	line-height: 1.42857143;
	color: #555;
	font-size: 12px;
	border: none;
	float: left;
	color: #666;
	position: relative;
}

*:focus {
	outline: none !important;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.header-mm-arama1 form input::focus {
	outline: none;
	box-shadow: none;
	border: none;
}

.header-mm-arama1 button {
	background: transparent;
	outline: none;
	float: right;
	border: none;
	display: block;
	padding-right: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 10px;
}

.mm-control {
	display: block;
	height: 100%;
	width: 60%;
	font-size: 13px;
	box-shadow: none;
	outline: none;
	background: transparent;
	line-height: 1.42857143;
	color: #555;
	border: none;
	float: left;
	color: #666;
	position: relative;
}

.mm-control::placeholder {
	color: #8a8a8a !important;
	opacity: 1 !important;
	/* Firefox */
	font-size: 12px !important;
	font-weight: 400 !important;
}

.mm-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #8a8a8a !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}

.mm-control::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #8a8a8a !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}

*:focus {
	outline: none !important;
}

.header-input-close {
	background: #fff;
	opacity: 0;
	visibility: hidden;
}

.input-close-button {
	cursor: pointer;
	position: absolute;
	right: 50px;
	display: inline-block;
	font-size: 25px;
	transition: all 0.3s ease-in-out;
}

.header-input {
	width: 200px;
	position: absolute;
	right: 50px;
	color: #403c3c;
	font-size: 13px;
	border-radius: 0px !important;
	border: 0px !important;
	border-bottom: 2px solid #000 !important;
	transition: all 0.3s ease-in-out;
	font-family: 'Open Sans', sans-serif;
}

.header-input::placeholder {
	color: #8a8a8a !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	letter-spacing: 0px;
}

.header-input:focus {
	border-bottom: 2px solid #000 !important;
}

.header-input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #8a8a8a !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	letter-spacing: 0px;
}

.header-input::-ms-input-placeholder {
	/* Microsoft Edge */
	letter-spacing: 0px;
	color: #8a8a8a !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}

.mm-control:focus {
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
}

@media all and (max-width: 992px) {
	.button i {
		font-size: 18px;
	}
	.search-icon i {
		font-size: 21px;
	}
	#divAjaxAramaSonuc1 {
		width: 100%;
		position: absolute;
		top: 100%;
		margin: auto;
		width: 100%;
		-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
		-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
		z-index: 999;
	}
	.header-mm-arama1 {
		flex-flow: column wrap;
	}
	#call3:checked~.header-mm-arama1 {
		display: block;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media all and (max-width: 580px) {
	.arama-urun-adi a {
		font-size: 12px;
	}
}

.cubuk {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	margin: auto;
	display: none;
	z-index: 9999;
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	width: 28px;
}

#bir {
	top: 35%;
}

#iki {
	top: 50%;
}

#uc {
	top: 63%;
}

#call1:checked~.button #bir {
	top: 50%;
	-webkit-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	-ms-transform: rotate(405deg);
	-o-transform: rotate(405deg);
	transform: rotate(405deg);
}

#call1:checked~.button #iki {
	opacity: 0;
}

#call1:checked~.cubuk {
	background: #000;
}

#call1:checked~.button #uc {
	top: 50%;
	-webkit-transform: rotate(-405deg);
	-moz-transform: rotate(-405deg);
	-ms-transform: rotate(-405deg);
	-o-transform: rotate(-405deg);
	transform: rotate(-405deg);
}

@media all and (max-width: 1600px) {
	.kategori-mm-inner,
	.inner-align {
		width: 90%;
	}
}

@media all and (max-width: 1500px) {
	.kategori-mm-inner,
	.inner-align {
		width: 95%;
	}
}

@media all and (max-width: 1300px) {
	.kategori-mm-inner,
	.inner-align {
		width: 95%;
	}
}

@media all and (max-width: 992px) {
	.kategori-mm {
		padding: 0px;
		background: #fff;
		width: 25px;
		height: 50px;
		position: absolute;
		left: 2%;
		top: 0;
		border: 0px;
		box-shadow: none;
		z-index: 99;
	}
	.kategori-mm-inner {
		background: transparent;
		width: 100%;
		height: 50px;
	}
	.inner-align {
		width: 100%;
	}
	.cubuk {
		background-color: #737373;
		display: block;
		width: 20px;
	}
	#bir {
		top: 40%;
	}
	#iki {
		top: 50%;
	}
	#uc {
		top: 60%;
	}
	.button {
		width: 40px;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		z-index: 99;
	}
	.sepet-icon {
		right: 2%;
		background: transparent;
	}
	.sepet-icon i {
		color: #737373;
	}
	.search-icon {
		right: 12%;
		color: #000;
	}
	.menu-button {
		width: 100%;
	}
	.button1 {
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
		position: relative;
		z-index: 999;
		height: 30px;
		width: 30px;
		float: right;
		cursor: pointer;
		margin-right: 0px;
		margin-top: 2px;
		margin-bottom: 0px;
	}
	.mobil-menu-sol-icon {
		float: left;
	}
	.button1 .cubuk {
		background: #737373;
	}
	#call1:checked~.kategori-mm-menu .button1 #bir {
		top: 50%;
		-webkit-transform: rotate(405deg);
		-moz-transform: rotate(405deg);
		-ms-transform: rotate(405deg);
		-o-transform: rotate(405deg);
		transform: rotate(405deg);
	}
	#call1:checked~.kategori-mm-menu .button1 #iki {
		opacity: 0;
	}
	#call1:checked~.kategori-mm-menu .button1 #uc {
		top: 50%;
		-webkit-transform: rotate(-405deg);
		-moz-transform: rotate(-405deg);
		-ms-transform: rotate(-405deg);
		-o-transform: rotate(-405deg);
		transform: rotate(-405deg);
	}
	.menu-kapat1 {
		width: 0vw;
		height: 100vh;
		position: fixed;
		z-index: 0;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
	}
	#call1:checked~.menu-kapat1 {
		width: 100vw;
		background: rgba(0, 0, 0, 0.5);
	}
}


/*--------------------------------KATEGORI MENUUU-MEMET----------------------------------*/

.kategori-mm-menu {
	width: 100%;
	margin: auto;
	height: 100%;
	position: relative;
	padding: 0px 0px;
}

.mm-menu-img {
	line-height: 0px !important;
}

.kategori-mm-menu ul {
	list-style: none;
	width: 100%;
	float: left;
	padding-left: 0%;
	height: 100%;
	position: relative;
}

.kategori-mm-menu ul li {
	display: inline-block;
	float: left;
	width: auto;
	padding: 0 7px;
	height: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}

#header-mm-img {
	max-height: 250px;
}

.kategori-mm-menu ul li img.menu-icon {
	width: 40px;
}

.kategori-mm-menu ul li a {
	text-transform: uppercase;
	font-family: "Noto Sans", sans-serif;
	color: #000;
	width: 100%;
	font-style: normal;
	display: inline-block;
	white-space: nowrap;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.643;
	letter-spacing: 0;
	text-align: left;
	padding-left: 0px !important;
	transition: all 0.3s ease-in-out;
}

.kategori-mm-menu ul li a:hover {
	color: #888;
}

.menu-tum-urun-link {
	display: none !important;
}

.menu-kategori-icon-link {
	width: auto !important;
	padding-left: 0px !important;
	padding-right: 7px;
}

.menu-kategori-icon-link img {
	width: auto !important;
	max-width: 25px;
}

.menu-kategori-icon1 {
	width: auto !important;
	max-width: 27px;
	max-height: 35px;
	padding-right: 5px;
}

.mm-menu-a-none img {
	width: 100%;
	display: block;
	margin: auto;
}

.kategori-mm-menu ul li a span {
	font-size: 16px;
	color: #999;
	font-weight: 300;
	display: block;
}

.kategori-mm-menu ul li ul li label {
	display: none;
}

.kategori-mm-menu ul li label {
	margin: 0;
}

.kategori-mm-menu ul li label:before {
	font-size: 15px;
	color: #000;
	font-weight: 300;
	cursor: pointer;
	padding-left: 5px;
	text-align: center;
	content: "\f3d0";
	font-family: Ionicons;
	transition: all 0.2s ease;
}

.kategori-mm-menu ul li ul {
/*	width: 180%; */
	max-width: 90vw;
	padding: 1%;
	height: auto;
	position: absolute;
	top: 70%;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease, opacity 0.4s ease;
	z-index: -1;
}

.menu-level-2 {
	-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
}

.kategori-mm-menu ul ul li {
	display: none;
	float: left;
	width: 15%;
	max-width: 250px;
	text-align: center;
	height: inherit !important;
}

.kategori-mm-menu ul ul li a {
	line-height: 35px;
	font-weight: 500;
	color: #333;
}

.kategori-mm-menu ul li:hover>ul {
	top: 98%;
	visibility: visible;
	opacity: 1;
}

.kategori-mm-menu ul li:hover>ul li {
	display: block;
}

.kategori-mm-menu ul ul ul {
	width: 100%;
	left: 0%;
	position: relative;
	float: left;
	height: auto;
	display: inline-block;
	display: block;
	top: 100%;
	visibility: visible;
	opacity: 1;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	z-index: 1;
}

.kategori-mm-menu ul ul ul li {
	display: block;
	float: inherit;
	width: 100%;
	text-align: left;
}

.kategori-mm-menu ul ul ul li a {
	line-height: 35px;
	margin-bottom: 0px;
	font-weight: 300;
	color: #777;
	transition: all 0.2s ease-in-out;
}

.kategori-mm-menu ul ul li a:hover {
	padding-left: 30px;
}

.menu-sag {
	display: inline-block;
	float: right;
	position: relative;
	height: 100%;
}

.menu-hiza {
	color: #000;
	width: 100%;
	height: 100%;
	margin-bottom: 0px;
	padding: 0px 4%;
	display: block;
	font-size: 35px;
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
}

.menu-hiza:hover {
	color: #000;
}

.menu-hiza:hover i {
	color: #232323;
}

.menu-hiza i {
	position: relative;
}

.menu-hiza .sepet-adet {
	height: 20px;
	width: 20px;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	right: -10px;
	top: -10px;
	border-radius: 20px;
	font-style: initial;
	color: #000;
	background: #f2f2f2;
}

.menu-hiza img {
	font-size: 30px;
	text-align: center;
	line-height: 30px;
	position: relative;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu-hiza p {
	width: 75%;
	padding-left: 5%;
	font-weight: 600;
	float: left;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-flow: column wrap;
	color: #000;
	font-size: 17px;
}

.menu-hiza span {
	color: #000;
	font-size: 13px;
	font-weight: 300;
	margin-right: 0px !important;
	line-height: 1;
	letter-spacing: 0px;
	font-family: "Open Sans", sans-serif;
}

.mobil-menu-top,
.menu-login {
	display: none;
}

.menu-social {
	width: 0%;
	position: fixed;
	bottom: 0;
	margin-top: 10px;
	visibility: hidden;
	transition: all 0.5s ease;
}

#divAjaxAramaSonuc {
	position: absolute;
	top: 100%;
	margin: auto;
	width: 100%;
	-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
	z-index: 999;
}

.arama-urun-row {
	background: #fff;
	border-radius: 0px !important;
	padding: 5px 0 !important;
	min-height: 65px;
	display: flex;
	align-items: center;
}

.arama-urun-row:hover,
.arama-urun-row:nth-child(2n+2):hover {
	background: #dadada;
}

.arama-urun-adi {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.arama-urun-adi a {
	color: #444;
	font-size: 14px;
}

.arama-urun-resmi {
	width: 15%;
	padding: 0px;
}

.arama-urun-resmi img {
	width: 90%;
	margin: 0 auto;
	padding: 0px;
}

.arama-tum-sonuclar {
	text-align: center;
	display: block;
	width: 100%;
}

.arama-tum-sonuclar a {
	text-align: center;
	display: block;
	padding: 20px 0px;
	background: #000;
	color: #FFF;
}

@media all and (max-width: 1300px) {
	#divAjaxAramaSonuc {
		position: absolute;
		top: 100%;
		right: 50px;
		margin: auto;
		width: 200px;
		z-index: 999;
	}
}

@media all and (max-width: 1350px) {
	.menu-hiza p {
		font-size: 15px;
	}
	.menu-hiza img {
		width: 32px;
	}
}

@media all and (max-width: 1150px) {
	.menu-hiza p {
		font-size: 13px;
	}
}

@media all and (max-width: 1200px) {
	.menu-hiza i {
		font-size: 35px;
	}
	.menu-hiza i.fa-user {
		font-size: 20px;
		padding-bottom: 5px;
	}
	.menu-hiza span {
		font-size: 11px;
	}
	#urun-detay-sag-banner {
		border: 2px solid #efefef;
		border-radius: 3px;
		height: auto;
		padding: 20px 15px;
	}
	.border-banner {
		padding: 5px 0px !important;
		border: 0px !important;
	}
	#anasayfa-urunleri {
		width: 95%;
		min-width: inherit;
	}
	.kategori-mm-menu ul li a {
		font-size: 11px;
	}
	.kategori-mm-menu ul ul li a {
		font-size: 12px;
	}
}

.menu-kategori {
	float: left;
	width: 100%;
}

.menu-kategori-spot {
	float: right;
	width: 100%;
	height: 100%;
	display: flex !important;
	align-items: center;
}

.menu-kategori-spot a {
	width: 50% !important;
	display: inline-block;
}

.menu-kategori-spot a img {
	width: 100%;
}

.menu-kategori-spot a img:nth-child(1) {
	padding-right: 20px;
}

.menu-kategori-spot a img:nth-child(2) {
	padding-left: 20px;
}

@media all and (max-width: 992px) {
	.header-sol-social {
		display: none;
	}
	.menu-kategori {
		float: left;
		width: 100%;
	}
	.menu-kategori-spot {
		display: none !important;
	}
	.arama-urun-row {
		padding: 10px 0 !important;
	}
	.sepet-fixed-container {
		width: auto;
		max-width: 50px;
	}
	.slider-sol-img {
		margin-right: 0px;
		margin-top: 10px;
		order: 2;
	}
	.inner-align {
		width: 95%;
		border-radius: 0px;
		align-items: center;
		justify-content: center;
		flex-flow: column wrap;
		margin: auto;
	}
	.container {
		width: 100%;
	}
	.top-bar-wp-buton {
		font-size: 11px;
	}
	.top-bar-social ul li a i {
		font-size: 12px;
		margin: 0px;
		padding: 0px;
	}
	.menu-kapat {
		width: 0vw;
		height: 100vh;
		position: fixed;
		z-index: 0;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
	}
	.mobil-menu-top {
		display: block;
	}
	.mobil-menu-top img {
		width: 135px;
	}
	.menu-level-2 {
		padding: 0px !important;
	}
	.kategori-mm-menu ul li a {
		width: 75%;
		float: left;
		height: 35px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.mm-menu-full {
		width: 100% !important;
	}
	.mm-menu-a-none {
		display: none !important;
	}
	.kategori-mm-menu ul li label {
		display: block;
		font-size: 15px;
		color: #444;
		float: right;
		width: 25%;
		height: 35px;
		font-weight: 600;
		text-align: left;
		cursor: pointer;
		position: relative;
		margin-bottom: 0px;
	}
	.menu-kategori-icon1 {
		max-width: 27px;
	}
	.kategori-mm-menu {
		width: 0px;
		margin: 0;
		padding: 0px;
		height: 100%;
		position: fixed;
		left: -50%;
		top: 0;
		float: none;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		transition: all 0.5s ease;
		overflow-x: hidden;
		background: #fff;
		z-index: 999;
	}
	.kategori-mm-menu ul li img {
		float: left;
	}
	.kategori-mm-menu ul li label::before {
		font-size: 25px;
		color: #999;
		font-weight: 300;
		cursor: pointer;
		right: 0%;
		left: 0;
		text-align: center;
		content: "\f3d0";
		font-family: Ionicons;
		position: absolute;
		transition: all 0.2s ease;
	}
	.kategori-mm-menu ul ul li label::before {
		font-size: 20px;
		color: #999;
		font-weight: 300;
		cursor: pointer;
		right: 0%;
		content: "\f3d3";
		font-family: Ionicons;
		position: absolute;
	}
	.kategori-mm-menu ul.ana-menu input[type=checkbox]:checked~label::before {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		/* IE 9 */
		-webkit-transform: rotate(180deg);
		/* Safari 3-8 */
	}
	.kategori-mm-menu ul ul li {
		display: inline;
		float: left;
		border-bottom: 0px;
		border-right: 0px;
		width: 100%;
		min-height: 35px;
		max-width: inherit;
	}
	.kategori-mm-menu ul ul ul li a:hover {
		padding: 0px;
	}
	.kategori-mm-menu ul li ul {
		width: 98%;
		position: relative;
		min-height: 0px;
		height: 0px;
		right: -100%;
		opacity: 0;
		left: inherit;
		z-index: 0;
		padding: 0;
		overflow: hidden;
		transition: all 0.5s ease;
		margin: auto;
		visibility: hidden;
		float: right;
		background: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.kategori-mm-menu ul li:hover {
		cursor: pointer;
	}
	.kategori-mm-menu ul li:hover>ul {
		top: inherit;
		visibility: inherit;
		opacity: inherit;
		z-index: inherit;
	}
	.user-menu-mobil {
		width: 0px;
		margin: 0;
		height: 100%;
		position: fixed;
		right: inherit;
		right: -50%;
		top: 0;
		float: none;
		overflow: hidden;
		transition: 0.5s ease;
		background: #fff;
		z-index: 999;
	}
	.mobil-menu-top {
		width: 100%;
		height: 35px;
		background: #fff;
		border-bottom: 1px solid #eee;
	}
	.mobil-menu-top p {
		text-align: center;
		font-size: 17px;
		line-height: 31px;
		margin-bottom: 0px;
		font-family: "Noto Sans", sans-serif;
	}
	.menu-login {
		width: 100%;
		margin-bottom: 10px;
		height: auto;
		display: inline-block;
		border-bottom: 1px solid #eee;
	}
	.menu-login a:first-child {
		border-right: 1px solid #eee;
		background: #000;
		color: #fff;
	}
	.menu-login-button {
		width: 50%;
		font-family: "Noto Sans", sans-serif;
		padding: 10px 0px;
		float: left;
		color: #000;
		text-align: center;
	}
	#call1:checked~.kategori-mm-menu .menu-social {
		position: fixed;
		bottom: 0;
		margin-top: 10px;
		width: 60%;
		visibility: visible;
		background: #fff;
		padding-top: 5px;
		z-index: 1;
		border-top: 1px solid #eee;
		transition: all 0.5s ease;
	}
	.menu-social p {
		font-family: "Noto Sans", sans-serif;
		float: left;
		padding: 4px 0px;
		font-weight: 900;
		margin-bottom: 0px;
		padding-right: 10px;
	}
	.menu-telephone {
		font-size: 15px !important;
		font-family: "Noto Sans", sans-serif;
	}
	.menu-telephone i {
		font-size: 20px;
		margin-right: 10px;
	}
	.menu-social a {
		text-align: center;
		color: #585454;
		padding: 4px 8px;
		font-size: 16px;
		float: left;
		display: block;
	}
	.top-sol {
		justify-content: flex-end;
	}
	.ana-menu {
		overflow-y: auto;
		padding-bottom: 75px;
	}
	.kategori-mm-menu ul {
		list-style: none;
		width: 100%;
		margin: 0;
		height: auto;
		overflow: hidden;
		position: relative;
		transition: all 0.5s ease;
	}
	.kategori-mm-menu .ana-menu {
		margin: auto;
	}
	.kategori-mm-menu ul li {
		display: inline-block;
		float: none;
		max-width: inherit;
		min-height: 40px;
		width: 95% !important;
		float: right;
		padding-right: 2%;
		height: auto;
	}
	#call1:checked~.kategori-mm-menu {
		width: 60%;
		height: 100%;
		left: 0%;
		z-index: 99999;
		transition: all 0.5s ease;
	}
	#call1:checked~.ana-menu {
		list-style: none;
		width: 95%;
		height: 100%;
		background: #fff;
		display: block;
		margin: auto;
	}
	#call2:checked~.menu-kapat {
		width: 100vw;
		background: rgba(0, 0, 0, 0.5);
	}
	#call2:checked~.user-menu-mobil {
		width: 60%;
		padding: 0px;
		height: 100%;
		right: 0%;
		z-index: 99999;
		transition: all 0.5s ease;
	}
	input[type=checkbox]:checked~ul {
		list-style: none;
		height: auto;
		display: inline-block;
		margin: auto;
		top: 0;
		left: inherit;
		visibility: visible;
		opacity: 1;
		position: relative;
		z-index: 5;
		right: 0;
		transition: all 0.5s ease;
		padding: 10px 0px !important;
	}
	.uyeol-icon-mm::after {
		position: absolute;
		content: "+";
		top: -2px;
		right: -0%;
		font-weight: 900;
		margin: auto;
		font-size: 15px;
	}
}

@media all and (max-width: 500px) {
	#call1:checked~.kategori-mm-menu {
		width: 100%;
		z-index: 99999;
	}
	#call1:checked~.kategori-mm-menu .menu-social {
		width: 100%;
		z-index: 99999;
	}
}

a {
	text-decoration: none !important;
}


/* A?AA?a?1LETA?AA?a?1AA?cA?A?AA?a?1M  */

.iletisim-container {
	display: inline-block;
	padding: 60px 0;
}

.iletisim-container form {
	padding-right: 40px;
}

.iletisim-container .iletisim-row .form-control {
	background: #eee;
}

.iletisim-container .iletisim-row span {
	margin-bottom: 5px;
	display: block;
}

.iletisim-container .dogrulama-span {
	display: block;
	color: red;
}

.iletisim-container .basarili {
	color: #241a61 !important;
}

.iletisim-container .iletisim-button {
	margin-top: 15px;
	background: #241a61;
	color: #fff;
	padding: 10px 20px;
	border-radius: 4px;
	border: none;
	display: inline-block;
}

.iletisim-harita {
	display: inline-block;
}

.iletisim-harita iframe {
	width: 100%;
	height: 500px;
}

.iletisim-bilgi {
	display: inline-block;
}

.iletisim-bilgi ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	padding-top: 60px;
}

.iletisim-bilgi ul li {
	border-radius: 2px;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #666;
	text-align: center;
	align-items: center;
}

.iletisim-bilgi ul li span {
	text-align: center;
}

.iletisim-bilgi ul li a {
	color: #666;
}

.iletisim-bilgi ul li i {
	float: left;
	color: #241a61;
	font-size: 70px;
}


/*GiriAA?cAA?C ve A?AA?gye Ol*/

.login-form-giris {
	background: #091f40;
	color: #fff;
}

.login-form-giris:hover {
	background: #415c7f;
	color: #fff;
}


/*pagination */

.pagination-div {
	text-align: left;
}

.pagination-div .pagination .page-link {
	padding: 0;
	width: 50px;
	height: 50px;
	border-radius: 3px;
	text-align: center;
	line-height: 50px;
	border: 1px solid #f2f2f2;
	background: #f2f2f2;
	margin-right: 5px;
	transition: all 0.3s ease;
}

.pagination-div .pagination .page-link:hover {
	background: #fff;
}

.pagination-div .pagination #secili-sayfa {
	background: #fff !important;
}


/*Bayi Newmem*/

#bayi_basvuru tr td {
	padding: 10px 0px;
}

#bayi_basvuru .bayi-adres input {
	margin: 10px 0px;
}


/*Form Elementleri*/

.modal-content {
	border-radius: 0px;
}

.modal {
	z-index: 999950 !important;
}

select option:disabled {
	color: #eee;
	font-weight: bold;
}

textarea:focus,
input:focus {
	outline: none !important;
}

.btn {
	border-radius: 0px !important;
}

.btntm-default {
	background: #eee;
	color: #919191;
	border: 1px solid #eee;
}

.btntm-success {
	background: #6aac3b;
	border: 1px solid #6aac3b;
	line-height: 40px;
	padding: 0 20px;
	color: #fff;
}

.btntm-success:hover {
	background: #fff;
	color: #6aac3b;
}

.btntm-danger {
	background: #ca3e39;
	border: 1px solid #ca3e39;
	line-height: 40px;
	padding: 0 20px;
	color: #fff;
}

.btntm-danger1 {
	background: #d0504c;
	border: 1px solid #d0504c;
	line-height: 40px;
	padding: 0 20px;
	color: #fff;
}

.btntm-danger1:hover {
	background: #fff;
	color: #e26e6a;
}

.btntm-danger:hover {
	background: #fff;
	color: #ca3e39;
}

.btn1 {
	height: 34px;
	line-height: 34px;
	background: #353535;
	border: 1px solid #353535;
}

.btn1:hover {
	color: #353535;
}


/*Sepet Popup*/

.sepete-eklendi-popup {
	background: #091f40;
	padding: 7px 20px;
	color: #FFF;
}

.popup-urun-kazancin {
	background: #e5e5e5;
	text-align: center;
	padding: 4px 22px;
	font-weight: 700;
	color: #FE3B3B;
}

.sepete-eklendi-row {
	padding: 10px 0;
	border: 1px solid #DDD;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}

.sepete-eklendi-urunresmi img {
	width: 80px;
	border: 1px solid #eee;
	margin: 0 auto;
}

.sepete-eklendi-urunadi {
	font-size: 14px;
	text-align: left;
}


/*Loader*/

.loading-gif {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	z-index: 999;
	background: rgba(255, 255, 255, 0.55);
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}


/*Breadcrumb*/

.bread-bg {
	background-color: #f2f2f2;
	margin-bottom: 15px !important;
	border-radius: 0px !important;
}

#genel-bread {
	font-size: 13px;
	padding: 0px;
}

#genel-bread .container {
	min-height: 40px;
	width: 100%;
	height: auto;
	padding: 0px;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-flow: row wrap;
}

#genel-bread .container::before,
#genel-bread .container::after {
	display: none;
}

#genel-bread>.container>div {
	float: left;
	white-space: nowrap;
	padding-right: 15px;
}

#genel-bread ol {
	background: 0 0;
	margin: 0;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	white-space: normal;
	padding: 5px 10px;
	border-radius: 0px !important;
}

#genel-bread ol li a,
#genel-bread ol li span {
	color: #a3a3a3;
	font-family: "Noto Sans", sans-serif;
}

.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #a3a3a3;
	content: "|";
}

#genel-bread ol li a span {
	font-family: "Noto Sans", sans-serif;
}

@media all and (max-width: 1100px) {
	.breadcrumb>li {
		white-space: nowrap;
		max-width: 50%;
		overflow: hidden;
		text-overflow: ellipsis;
		float: left;
		position: relative;
	}
	.breadcrumb>li>span {
		max-width: 100%;
	}
}

@media all and (max-width: 992px) {
	.bread-bg .inner-align {
		height: auto !important;
		display: inline-block;
	}
}

@media all and (max-width: 480px) {
	#genel-bread ol {
		white-space: normal;
	}
}


/*Markalar */

#marka-sayfasi {
	text-align: center;
	height: auto;
	min-height: 200px;
	display: flex;
	padding: 10px;
	align-items: center;
	justify-content: center;
	border: 5px solid transparent;
}

#marka-sayfasi a {
	border: 1px solid #DDD;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #444;
	font-weight: 600;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

#marka-sayfasi a:hover {
	color: #000;
}

@media all and (max-width: 480px) {
	#marka-sayfasi {
		min-height: 100px;
	}
}


/* Hiza */

#anasayfa-slider-container {
	width: 100%;
	margin-top: 10px;
	height: auto;
	height: auto;
	display: inline-block;
	position: relative;
}

.inner-align {
	width: 75%;
	margin: auto;
	float: none;
	transition: all 0.5s ease;
}

.ana-sayfa-urunleri-slide {
	float: right;
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
	padding-left: 0px;
}

#anasayfa-urunleri {
	width: 75%;
	min-width: 1185px;
	padding: 0px;
	margin: auto;
	margin-top: 5vh;
	margin-bottom: 5vh;
}

.page-inner {
	padding: 0px;
	float: none;
	margin: auto;
	height: auto;
}

.pd0 {
	padding: 0 !important;
}

.margin-bottom-10 {
	margin-bottom: 10px;
}

.container-fluid {
	width: 100%;
}

.left_col,
.mid_col,
.right_col {
	background-color: transparent !important;
}

@media all and (max-width: 992px) {
	body {
		margin-top: 51px !important;
	}
}

@media all and (max-width: 1600px) {
	.inner-align,
	#anasayfa-urunleri {
		width: 90%;
	}
}

@media all and (max-width: 1500px) {
	.inner-align,
	#anasayfa-urunleri {
		width: 95%;
	}
}

@media all and (max-width: 1300px) {
	.inner-align {
		width: 95%;
	}
	#anasayfa-urunleri {
		width: 95%;
		min-width: inherit;
	}
}

@media all and (max-width: 992px) {
	.inner-align {
		width: 95%;
		padding: 0px;
		border-radius: 0px;
		align-items: center;
		justify-content: center;
		flex-flow: column wrap;
		margin: auto;
	}
	.ana-sayfa-urunleri-slide {
		padding: 0px;
	}
}

@media all and (max-width: 530px) {
	.container,
	.container-fluid {
		padding: 0px;
	}
	.inner-align {
		width: 98%;
		padding: 0;
	}
	.inner-align p span {
		font-size: 11px;
	}
}


/*Statik Sayfalar*/

.statik-sayfa-baslik {
	padding: 10px 0;
	margin: 10px 0 5px;
}

.statik-sayfa-baslik h1 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
}

.statik-sayfa-detay {
	padding: 0;
	margin-bottom: 50px;
	line-height: 25px;
}

.iletisim-row {
	padding: 10px 0;
	display: inline-block;
	width: 100%;
}


/*Blog Modulu*/

.blog-baslik-bg {
	position: relative;
	text-align: center;
	display: block;
}

.blog-baslik-bg::before {
	position: absolute;
	content: '';
	background: #b6b6b6;
	height: 2px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 0;
}

.blog-baslik-bg h3 {
	position: relative;
	text-align: center;
	display: inline-block;
	font-weight: 700;
	background: #fff;
	color: #e23e01;
	margin: 10px 0px;
	padding: 0px 15px;
}

.blog-button-content {
	text-align: center;
	height: auto;
	margin-top: 25px;
	display: inline-block;
}

.blog-button {
	margin: 0 auto;
	background: #241a61;
	color: #fff;
	padding: 10px 15px;
}

.blog-box {
	background: #fff;
	padding: 0px;
	border: 5px solid #fff;
}

.blog-box-inner {
	width: 100%;
	height: auto;
	display: inline-block;
	padding: 15px 5px;
}

.blog-box-img {
	position: relative;
	overflow: hidden;
}

.blog-box-img img {
	max-width: 100%;
	position: relative;
}

.fixed-blog-tarih {
	font-family: "Noto Sans", sans-serif;
	margin-top: 20px;
	display: inline-block;
}

.blog-box-yazi {
	height: auto;
	display: inline-block;
	text-align: center;
}

.blog-box-yazi a {
	font-family: "Noto Sans", sans-serif;
	color: #333;
	font-size: 18px;
}

.blog-box-yazi .link-button {
	letter-spacing: 2px;
	text-decoration: underline !important;
	text-transform: uppercase;
}

.blog-box-yazi .blog-box-konu-baslik {
	color: #636161;
	letter-spacing: 2px;
	display: block;
	margin: 15px 0px 5px 0px;
	text-transform: uppercase;
}

.blog-box-yazi h3 a {
	font-size: 23px;
	color: #000;
	font-family: "Noto Sans", sans-serif;
	transition: all 0.3s ease;
}

.blog-box-yazi h3 a:hover {
	color: #888;
}

.blog-yazi-text {
	min-height: 100px;
	font-family: "Noto Sans", sans-serif;
}

.blog-box-yazi footer {
	background: transparent;
	margin-bottom: 15px;
}

.blog-box-yazi footer a {
	color: #241a61;
	font-weight: 600;
	background: transparent;
	display: inline-block;
	padding: 8px 10px;
	transition: all 0.5s ease;
}

.blog-box-yazi footer a:hover {
	color: #fff;
	background: #241a61;
}

.blog-detay:first-line {
	display: block;
}

.blog-detay-img {
	max-width: 100%;
}

@media all and (max-width: 700px) {
	.blog-box {
		width: 100%;
	}
	.blog-box-img {
		height: inherit;
		max-height: 200px;
	}
	.blog-box-yazi {
		min-height: inherit;
	}
}


/*--------------------------------KATEGORI-SOL-FA?AA?a?1LTRE-TASARIM----------------------------------*/

.filtre-gorunum {
	text-align: right;
}

.stok-filtre-item-ara button {
	color: #fff;
	background: #241a61 !important;
	font-family: "Noto Sans", sans-serif;
}

.stok-filtre-item-ara button:hover {
	color: #fff;
}

.stok-filtre-temizle a {
	color: #FFF;
	background: #241a61 !important;
	font-family: "Noto Sans", sans-serif;
}

#secili-sayfa {
	background: #f2f2f2;
	border-radius: 0px !important;
	color: #888;
}

#v3-loader {
	background: #ffffff4f;
}

#v3-loader-filter {
	background: #ffffff91;
}

#filtre-baslik {
	font-weight: 600;
	color: #241a61;
}

.marka-filtre-item label::before,
.grup-filtre-item label::before,
.varyant-filtre-item label::before {
	border: 2px solid #bfbfbf;
}

#secimidaralt_v3 .marka-filtre-item input[type="checkbox"]:checked+label::before,
#secimidaralt_v3 .grup-filtre-item input[type="checkbox"]:checked+label::before,
#secimidaralt_v3 .varyant-filtre-item input[type="checkbox"]:checked+label::before {
	background: #241a61 !important;
	color: #fff;
	border: 2px solid #241a61 !important;
}

#secimidaralt_v3 .marka-filtre-item input[type="checkbox"]:checked+label,
#secimidaralt_v3 .grup-filtre-item input[type="checkbox"]:checked+label,
#secimidaralt_v3 .varyant-filtre-item input[type="checkbox"]:checked+label {
	color: #241a61;
}

.marka-filtre-item label,
.grup-filtre-item label,
.varyant-filtre-item label,
.kategori-filtre-item label {
	font-family: "Noto Sans", sans-serif;
	color: #333;
}

.grup-baslik,
.varyant-baslik,
.kategori-baslik,
.marka-baslik,
.stok-baslik {
	font-family: "Noto Sans", sans-serif;
}

#cat_rw_03 {
	border: 1px solid #eee;
}

#formfilterV23 {
	border: 1px solid #eee;
	padding: 20px 20px;
	height: auto;
	display: inline-block;
	width: 90%;
}

.secim_baslik {
	font-weight: 600;
	font-size: 15px;
	display: block;
	width: 100%;
	padding-bottom: 15px;
}

.secim_icerik {
	height: auto;
	display: block;
	width: 100%;
	padding: 0px 0px 20px 0px;
}

.secim_icerik1 {
	padding: 0px 10px;
	width: 48%;
	min-height: 45px;
	line-height: 45px;
	background: #F0F0F0;
	float: left;
	margin-right: 2%;
	margin-bottom: 5px;
	cursor: pointer;
	text-align: center;
}

.secim_icerik1on {
	padding: 0px 10px;
	width: 48%;
	min-height: 45px;
	line-height: 45px;
	background: #091140;
	float: left;
	margin-right: 2%;
	margin-bottom: 5px;
	border: 1px solid #091140;
	cursor: pointer;
	color: #fff;
	text-align: center;
}

.secim_icerik2 {
	padding: 0px 10px;
	min-width: 75px;
	width: 100%;
	display: block;
	min-height: 45px;
	line-height: 45px;
	background: #F0F0F0;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #DDD;
	cursor: pointer;
	text-align: center;
}

.secim_icerik2on {
	padding: 0px 10px;
	min-width: 75px;
	width: 100%;
	display: block;
	min-height: 45px;
	line-height: 45px;
	background: #091140;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #091140;
	cursor: pointer;
	color: #fff;
	text-align: center;
}

.kategori-filter-input {
	border: 1px solid #ccc;
	width: 45%;
	font-weight: 400;
	margin: 5px 0px 15px 0px;
	height: 39px;
	text-align: center;
	outline: none;
	float: left;
	font-size: 13px;
	margin-right: 5px;
}

.kategori-filter-button {
	height: 40px;
	width: 94%;
	border: none;
	outline: none;
	letter-spacing: 2px;
	background: #091140;
	color: #FFF;
	font-size: 14px;
}

.stok-filtre-item {
	width: 50%;
	float: left;
}

.stok-filtre-item-ara {
	clear: both;
	padding-top: 10px;
}

#v3-loader {
	position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	background: #ffffff4f;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
}

#v3-loader-filter {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background: #ffffff91;
	display: flex;
	align-items: center;
	justify-content: center;
}

#secimidaralt_v3 {
	background: transparent !important;
	position: relative;
	height: auto;
	display: inline-block;
	margin-bottom: 150px;
}

.sirala-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row wrap;
}

.sirala-div select {
	height: 42px;
}

.sirala-div-margin {
	padding: 0px;
	padding-right: 15px;
}

.cat-gorunum-box {
	background: #fbfbfb;
	padding: 5px;
	border: 1px solid #eee;
	display: inline-block;
	cursor: pointer;
}

.cat-gorunum-box:hover {
	background: #efefef;
}

.pagination>li>a,
.pagination>li>span {
	border: 0px;
}

.varyant-baslik {
	padding-left: 0px !important;
}

.form-control {
	border: 1px solid #eee;
	box-shadow: none;
	outline: none;
	border-radius: 0px !important;
}

.form-control:focus {
	box-shadow: none;
	border: 1px solid #091140;
}

#katalogGorunumu {
	margin-top: 25px;
}


/*Filtre Responsive*/

@media all and (max-width: 992px) {
	#cat_rw_05 {
		padding: 0px;
	}
	.cat-filtre {
		font-family: "Noto Sans", sans-serif;
		background: #241a61 !important;
	}
	.cat-menu-top p {
		font-family: "Noto Sans", sans-serif;
	}
}


/*UYE OL TASARIM*/

.newmem-content {
	padding: 0px;
	border: 1px solid #eee;
	margin: 30px auto 40px;
	float: none;
}

.newmem-content .container-fluid {
	padding: 15px 0px 25px;
	margin: 0 auto;
	background-color: #FFF;
}

.newmem-content input[type=checkbox] {
	display: inline-block !important;
}

.newmem-baslik {
	font-size: 25px;
	margin: 0px;
	letter-spacing: -0.5px;
	text-align: center;
	background: #241a61;
	color: #fff;
	padding: 15px 0px;
}

.newmem-content .newmem-row {
	margin: 7px 0px;
	padding: 0px 15px;
}

.newmem-content .newmem-row input {
	margin-top: 5px;
}

label {
	font-weight: normal;
}

.oc_member_singup_sozlesme_text.parmak strong {
	cursor: pointer;
}


/*Kategori Banner*/

.cat-banner img {
	width: 100%;
}

.cat-banner .slick-next {
	right: 0;
}

.cat-banner .slick-prev {
	left: 0;
}

.cat-banner .slick-dots {
	bottom: 0%;
}

.cat-banner .slick-dots li {
	overflow: hidden;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0px 2px 16px -2px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0px 2px 16px -2px rgba(0, 0, 0, 0.17);
	box-shadow: 0px 2px 16px -2px rgba(0, 0, 0, 0.17);
}

.cat-banner .slick-dots li:hover {
	border-bottom: 20px solid #091140;
}

.cat-banner .slick-dots li button {
	background: #fff;
	padding: 0px;
	margin: 0px;
}

.cat-banner .slick-dots li.slick-active {
	border-bottom: 4px solid #091140;
}

.cat-banner .slick-dots li.slick-active button {
	background: #fff;
}

.cat-banner .slick-dots li button::before {
	display: none;
}

@media all and (max-width: 992px) {
	.cat-banner.slick-dotted.slick-slider {
		margin-bottom: 10px;
	}
	.cat-banner .slick-arrow:hover {
		background: #091140;
	}
	.cat-banner .slick-arrow:before {
		border: solid #fff;
		border-width: 0 2px 2px 0;
		opacity: 1;
		padding: 3px;
		bottom: 33%;
	}
	.cat-banner .slick-next:before {
		left: 29%;
	}
	.cat-banner .slick-prev:before {
		right: 26%;
	}
	.cat-banner .slick-prev:hover:before,
	.cat-banner .slick-prev:focus:before {
		border: solid #fff;
		border-width: 0 2px 2px 0;
		opacity: 1;
	}
	.cat-banner .slick-next:hover:before,
	.cat-banner .slick-next:focus:before {
		border: solid #fff;
		border-width: 0 2px 2px 0;
		opacity: 1;
	}
	.cat-banner .slick-dots li {
		width: 5px;
		height: 5px;
	}
	.cat-banner .slick-dots li button {
		width: 5px;
		height: 5px;
		border-radius: 50%;
	}
	.cat-banner .slick-dots li.slick-active {
		border: none;
		width: 7px;
		height: 7px;
	}
	.cat-banner .slick-dots li.slick-active button {
		width: 7px;
		height: 7px;
	}
}


/*KarsA?AA?}lastirma*/

.karsilastirma-inner {
	display: flex;
	overflow-x: scroll;
	padding-bottom: 50px;
	justify-content: flex-start;
	align-items: flex-start;
}

.urun-karsilastirma-baslik {
	font-size: 18px;
	letter-spacing: 0px;
	padding: 10px;
	width: 100%;
	display: block;
	font-weight: 600;
	color: #091f40;
}

.urun-karsilastirma-box {
	position: relative;
	height: auto;
	display: inline-block;
	border-radius: 0px;
	background: #fff;
	padding: 15px;
	padding-bottom: 0px;
	float: left;
	min-width: 300px;
}

.urun-karsilastirma-img {
	text-align: center;
	background: #eee;
	padding: 10px;
	border-radius: 3px;
	width: 100%;
}

.urun-karsilastirma-img a {
	border-radius: 5px;
	border: 2px solid #e3e3e3;
	padding: 5px 25px;
	background: #fff;
	display: inline-block;
	width: 100%;
}

.urun-karsilastirma-img img {
	max-width: 100%;
}

.urun-detay-butonlar {
	width: 100%;
	height: 40px;
	position: relative;
}

.urun-detay-butonlar form {
	width: 50%;
	height: 100%;
	float: left;
}

.urun-detay-butonlar .list-cikar-mm {
	width: 100% !important;
	height: 100%;
	float: left;
	border: 1px solid #091f40;
	text-align: center;
	background: #091140;
	color: #fff;
	transition: all 0.5s ease;
	border-radius: 0px !important;
}

.urun-detay-butonlar .spt-ekle-mm {
	width: 50% !important;
	height: 100%;
	float: left;
	border: 1px solid #241a61;
	text-align: center;
	background: #241a61;
	color: #fff;
	transition: all 0.5s ease;
	border-radius: 0px !important;
}

.urun-karsilastirma-aciklama {
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 10px;
	min-height: 100px;
}

.urun-karsilastirma-ozellikler {
	padding: 15px;
	display: inline-block;
	width: 100%;
}

.urun-karsilastirma-ozellikler:nth-child(odd),
.urun-karsilastirma-ozellikler:nth-child(even) {
	background: #eee;
}

.urun-detay-benzer-urunler-baslik {
	font-size: 22px;
	font-weight: 600;
	font-family: "Noto Sans", sans-serif;
}

@media all and (max-width: 992px) {
	.urun-detay-benzer-urunler-baslik {
		text-align: center;
	}
	.urun-karsilastirma-aciklama {
		font-size: 13px;
	}
}


/* --------------------------------- KATALOG GORUNUM ---------------------*/


/*CAT TOP URUNLER*/

.cat-top-baslik {
	padding: 0 15px !important;
	float: left;
}


/* LA?AA?a?1STE GORUNUM*/

@media all and (max-width: 768px) {
	.urun-liste-detay h2 {
		text-align: center !important;
	}
	.urun-liste-fiyat {
		text-align: center !important;
	}
	.detay-buton-div {
		display: flex;
		justify-content: center;
	}
	.urun-liste-hover {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.detay-renk {
		justify-content: center !important;
	}
	.liste-gorunum .kutu-liste-border .urun-liste-detay .urun-derece {
		justify-content: center !important;
	}
}

.kutu-liste-border {
	align-items: flex-start !important;
}

.kutu-liste-border .detay-renk {
	justify-content: flex-start;
}

.kutu-liste-border .detay-renk .renk-kutu {
	margin-right: 2px !important;
}

.kutu-liste-border .urun-liste-detay {
	padding: 10px;
}

.kutu-liste-border .urun-derece {
	justify-content: flex-start !important;
}

.kutu-liste-border .detay-buton-div {
	padding: 0;
	margin-top: 15px;
}

.kutu-liste-border .detay-buton-div .urun-liste-buton-link {
	cursor: pointer;
	height: 100%;
	border-left: 5px solid #fff;
	width: 60px;
	height: 60px;
	display: inline-block;
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	text-align: center;
	line-height: 60px;
	border-radius: 50%;
	margin-right: 5px;
	transition: all 0.3s ease;
}

.kutu-liste-border .detay-buton-div .urun-liste-buton-link i {
	color: #000;
	font-size: 16px;
}


/*

	katalog _ 5
*/

@media all and (min-width: 992px) {
	.urun-kutusu .cat-urun-hover-detay {
		transition: all 0.3s ease-in-out;
		max-height: 0;
	}
	.urun-kutusu:hover .cat-urun-hover-detay {
		max-height: 500px;
	}
}

.cat-kutu-link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.cat-katalog-detay {
	padding: 10px;
	background: rgba(250, 250, 250, 0.95);
}

.cat-katalog-detay h2 {
	margin: 0;
	width: 100%;
	float: left;
}

.cat-katalog-detay h2 a {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	height: 31px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000;
	font-size: 14px;
	display: inline-block;
	width: 100%;
	text-align: left;
}

.cat-katalog-detay .urun-fiyat {
	width: 100%;
	float: left;
}

.cat-katalog-detay .urun-fiyat span {
	width: 100%;
	float: left;
}

.cat-katalog-detay .urun-fiyat span .kutu-link {
	font-weight: 900;
	font-size: 14px;
	text-align: left;
	width: 100%;
}

.cat-katalog-detay .cat-urun-hover-detay {
	display: inline-block;
	float: left;
	padding: 0;
}

.cat-katalog-detay .cat-urun-hover-detay .urun-derece {
	justify-content: flex-start;
}

.cat-katalog-detay .cat-urun-hover-detay .urun-derece .kutu-puan i {
	font-size: 15px;
	float: left;
	padding: 0 2px;
}

.cat-katalog-detay .cat-urun-hover-detay .detay-renk {
	justify-content: flex-start;
	margin-bottom: 25px;
	min-height: 30px;
}

.cat-katalog-detay .cat-urun-hover-detay .detay-renk .renk-kutu {
	width: 30px;
	height: 30px;
}

.cat-katalog-detay .cat-urun-hover-detay .hover-butons-div {
	justify-content: flex-end;
}

.cat-katalog-detay .cat-urun-hover-detay .hover-butons-div .hover-butons {
	background: transparent;
	border: none;
	font-size: 18px;
	color: #000;
	padding-left: 5px;
	cursor: pointer;
	transition: all 0.3s ease-in;
}

.cat-katalog-detay .cat-urun-hover-detay .hover-butons-div .hover-butons:hover {
	color: #888;
}

.urun-kutusu {
	overflow: hidden;
	outline: 0 !important;
	padding: 0px;
	margin-bottom: 10px;
	transition: all 0.5s ease;
	border: 15px solid transparent;
}

.urun-box-genel-href {
	border: 1px solid #f1f1f1;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	z-index: 1;
	left: 0;
}

.urun-kutusu .urun-derece {
	display: flex;
	justify-content: center;
	min-height: 34px;
}

.urun-kutusu .kutu-puan i {
	color: #ccc;
	font-size: 22px;
}

.urun-kutusu .star-active {
	color: #ffb503 !important;
}

.urun-kutusu .kutu-urun-resmi {
	position: relative;
}

.urun-kutusu .kutu-urun-resmi:before {
	content: '';
	display: inline-block;
	padding-top: 130%;
}

.urun-kutusu .kutu-urun-resmi .kutu-link {
	width: 100%;
}

.urun-kutusu .kutu-urun-resmi img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	max-width: initial !important;
}

.urun-kutusu .kutu-urun-border {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 100%;
}

.urun-kutusu:hover .urun-hover-detay {
	visibility: visible;
	opacity: 1;
	background: rgba(250, 250, 250, 0.9);
}

.urun-kutusu:hover .urun-hover-detay .detay-wrapper {
	transform: translateY(0);
	opacity: 1;
}

.kutu-oran-sol {
	left: 0;
	z-index: 1;
	top: 0px;
	position: absolute;
	margin: auto;
	text-align: center;
	border: none;
	width: auto;
	height: auto;
	padding-left: 10px;
	background: none;
	font-size: 18px;
	color: #000;
}

.urun-sag-indirim {
	font-family: "Noto Sans", sans-serif;
	position: absolute;
	left: 0px;
	top: 5px;
	margin: auto;
	background: #ffb503;
	color: #fff;
	font-size: 13px;
	padding: 10px;
	text-align: center;
}

.urun-kutusu .kutu-urun-resmi {
	padding: 0px;
	margin: auto;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.kutu-urun-detay-mm {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	background: transparent;
	height: auto;
	display: inline-block;
	z-index: 2;
	transition: all 0.5s ease;
}

.katalog-detay {
	width: 100%;
}

.kutu-urun-detay-mm h2 {
	margin: 0px;
}

.kutu-urun-detay-mm h2 a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-height: 30px;
	font-size: 15px;
	line-height: 1em;
	padding: 6px 0 6px;
	color: #000;
	z-index: 5;
	text-align: center;
	display: block;
}

.urun-fiyat {
	margin-top: 5px;
	text-align: center;
	font-weight: 600;
	font-size: 20px;
}

.urun-fiyat a {
	font-family: "Noto Sans", sans-serif;
	color: #000;
}

#eski-fiyat {
	font-size: 15px;
	font-weight: 400;
	min-height: 30px;
	display: block;
	line-height: 21px;
	color: #808080;
	padding: 0px;
	text-decoration: line-through;
}

.urun-hover-detay {
	position: absolute;
	margin: auto;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	padding-top: 130%;
	z-index: 2;
	height: auto;
	transition: all 0.6s ease;
}

.urun-hover-detay .detay-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.hover-butons-div {
	display: flex;
	justify-content: center;
}

.detay-wrapper .hover-butons {
	text-transform: uppercase;
	float: left;
	margin: 0 5px;
	text-align: center;
	color: #000 !important;
	font-size: 12px;
	letter-spacing: 1px;
	cursor: pointer;
	font-weight: 400;
	position: relative;
	overflow: hidden;
	border: none;
	cursor: pointer;
	background: transparent;
}

.detay-wrapper .hover-butons:before {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	transition: all 0.4s ease-in-out;
}

.detay-wrapper .hover-butons:hover {
	color: #888 !important;
}

.detay-wrapper .hover-butons:hover:before {
	width: 0;
}

.hover-butons-sepet,
.hover-butons-stok {
	text-transform: uppercase;
	width: 60%;
	float: left;
	letter-spacing: 1.5px;
	color: #000;
	border: 2px solid #000;
	text-align: center;
	padding: 15px 0;
	cursor: pointer;
	font-size: 17px;
	margin: 20px 0;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}

.hover-butons-sepet:hover,
.hover-butons-stok:hover {
	color: #fff;
	background: #000;
}

@media all and (min-width: 992px) {
	.urun-hover-detay .detay-wrapper {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transform: translateY(-100%);
		opacity: 0;
		transition: all 0.3s ease-in;
	}
}

@media all and (max-width: 992px) {
	.anasayfa-covers .ana-cover {
		margin: 10px 0;
	}
	.anasayfa-covers .cover {
		margin: 10px 0;
		padding: 0;
	}
	.urun-kutusu {
		margin-bottom: 10px;
		max-width: 90%;
		margin: auto;
	}
	.katalog-detay {
		padding-top: 0px;
	}
	.urun-sag-indirim {
		font-size: 14px;
		padding: 5px 14px;
	}
	.urun-kutusu .kutu-urun-resmi {
		min-height: inherit;
	}
	.kutu-urun-detay-mm {
		padding-bottom: 0px;
	}
	.urun-hover-detay {
		position: relative;
		bottom: 0px;
		visibility: visible;
		padding: 0px;
		width: 100%;
		opacity: 1;
		background: transparent;
	}
}

@media all and (max-width: 600px) {
	.kutu-urun-detay-mm h2 a {
		font-size: 13px;
	}
	.urun-fiyat {
		font-size: 16px;
	}
	#eski-fiyat {
		font-size: 12px;
		font-weight: 600;
		min-height: 19px;
	}
}

.detay-renk {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
	width: 100%;
	min-height: 40px;
}

.detay-renk .renk-kutu {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	border: 2px solid #fff;
	float: left;
	margin-right: 5px;
	transition: all 0.3s ease-in-out;
}

.detay-renk .renk-kutu:hover {
	border-color: #ddd;
}


/* --------------------------------- LA?AA?a?1STE GORUNUM ---------------------*/

.kutu-link {
	display: inline-block;
}

.urun-hover-detay .kutu-link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.urun-kutusu .kutu-liste-border {
	display: flex;
	align-items: flex-end;
	flex-flow: row wrap;
	justify-content: center;
}

.urun-liste-resmi {
	border-bottom: 0px !important;
	border-right: 1px solid #eee;
}

.urun-liste-resmi img {
	max-width: 280px;
}

.urun-liste-detay {
	text-align: left;
	padding: 0px;
}

.urun-liste-detay h2 {
	font-size: 15px;
	line-height: 1em;
	padding: 0px;
	margin: 0px;
	z-index: 5;
	text-align: left;
	display: block;
}

.urun-liste-detay h2 a {
	font-family: "Noto Sans", sans-serif;
	color: #656a71;
}

.urun-liste-fiyat {
	text-align: left;
	font-size: 17px !important;
}

.urun-liste-fiyat a {
	font-family: "Noto Sans", sans-serif;
	color: #000;
}

.urun-liste-fiyat #eski-fiyat {
	min-height: inherit;
}

.urun-liste-hover {
	border-top: 1px solid #eee;
	padding: 0px;
}

.urun-liste-buton {
	display: inline-block;
	padding: 15px 30px;
	outline: none;
	border: 2px solid #000;
	color: #000;
	text-align: center;
	margin: 0;
	margin-top: 15px;
	font-size: 17px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.urun-liste-buton:hover {
	color: #fff;
	background: #000;
}

.urun-liste-buton-fav {
	background: none;
	color: #e53c2e;
}

.urun-liste-buton-stok {
	background: #e53c2e;
	color: #fff;
	line-height: 42px;
	font-size: 15px;
	border-right: 1px solid #eee;
}

.urun-liste-buton-stok:hover {
	color: #fff;
}

@media all and (max-width: 1200px) {
	.urun-liste-detay h2 {
		font-size: 13px;
	}
	.urun-liste-buton {
		padding: 5px 10px;
		font-size: 20px;
	}
	.urun-liste-buton-stok span {
		font-size: 12px;
	}
	.urun-liste-buton-stok span i {
		font-size: 15px;
	}
}

* {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
}

body {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* E BULTEN MODAL*/

#e-bulten-modal {
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%;
	margin: 0 auto;
}

#e-bulten-modal .modal-header,
#e-bulten-modal button.close {
	padding: 0 15px;
	border: 0px;
}

#e-bulten-modal .modal-content {
	padding: 25px 0px;
	overflow: hidden;
}

#e-bulten-modal .modal-content::before {
	content: "\f422";
	font-family: "Ionicons";
	font-size: 115px;
	color: #d0d0d0;
	position: absolute;
	left: -15px;
	top: -45px;
	transform: rotate(-45deg);
}

.modal-ebulten-baslik {
	display: block !important;
	text-align: center;
	margin-bottom: 20px;
}

.modal-ebulten-p {
	color: #7d7878;
	font-size: 13px;
	margin-bottom: 13px;
}

.nothanks {
	cursor: pointer;
	margin-top: 10px;
}

@charset "UTF-8";

/*--------------------------------URUN-DETAY-OZEL-BANNER----------------------------------*/

.banner {
	margin: 0 !important;
	overflow: hidden;
}

.banner .slick-slide img {
	display: none;
}

.banner .slick-dots {
	bottom: 30px;
}

.banner .slick-dots li {
	margin: 0 10px 0 0;
	background: #FFF;
	overflow: hidden;
	height: 5px;
	width: 70px;
}

.banner .slick-dots li.slick-active {
	background: #FE3B3B;
}

.banner .slick-dots li button {
	text-indent: -9999px;
	height: inherit;
	margin: 0;
	padding: 0;
	width: 100%;
}


/*--------------------------------URUN-DETAY-RESIM----------------------------------*/

.urun-detay-resim {
	padding-right: 15px !important;
}

.urun-resmi {
	border: 1px solid #eee;
}

.urun-detay-resim .slider-nav {
	margin-top: 10px;
}

.urun-detay-resim .slider-nav .slick-track {
	float: left;
}

.slider-nav__item {
	padding: 5px;
	border: 1px solid #eee;
}

.jqzoom {
	text-decoration: none;
	float: left;
}

.zoomWrapperImage img {
	width: auto;
}

.zoomWrapper {
	border: 0px;
}

.urun-detay-resim .slider-nav .slick-arrow {
	width: 35px;
	height: 35px;
	background: rgba(255, 255, 255, 0.95);
}

.urun-detay-resim .slider-nav .slick-prev {
	left: 0;
}

.urun-detay-resim .slider-nav .slick-next {
	right: 0;
}

.urun-detay-resim .slider-nav .slick-arrow::before {
	padding: 3px;
	border: solid #091140;
	border-width: 0 1px 1px 0;
}

@media all and (max-width: 992px) {
	.yildiz-box {
		display: none;
	}
	.urun-detay-resim {
		padding: 0px !important;
	}
	.urun-detay-resim .slick-dots {
		bottom: 0px;
	}
	.urun-detay-resim .slider-nav {
		display: none !important;
	}
	.urun-detay-resim .slick-dots li {
		width: 10px;
		height: 10px;
		padding: 0 7px;
		overflow: hidden;
		transition: all 0.3s ease;
	}
	.urun-detay-resim .slick-dots li button {
		width: 7px;
		height: 7px;
		border: 1px solid #091140;
		border-radius: 50%;
		background: #091140;
		padding: 0px;
		margin: 0px;
	}
	.urun-detay-resim .slick-dots li.slick-active button {
		background: #fff;
	}
}


/*--------------------------------URUN-DETAY-RESIM----------------------------------*/

#urun-fiyat-bilgileri {
	padding-right: 0;
	padding-left: 30px;
	padding: 15px;
}

.fiyat-row {
	font-family: "Noto Sans", sans-serif;
	color: #000;
	white-space: nowrap;
	font-size: 14px;
	width: 100%;
	padding: 15px 15px !important;
	font-weight: 600;
	display: flex;
	display: -webkit-flex;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	padding-left: 0px !important;
}

.detay-butons {
	padding-top: 0px !important;
}

.urun-detay-baslik {
	font-family: "Noto Sans", sans-serif;
	color: #000;
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
	font-size: 23px;
	margin: 0 0 20px;
}

.urun-derece {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-height: 24px;
}

.urun-derece p {
	margin: 0;
}

.kutu-puan i {
	color: #eee;
	font-size: 17px;
}

.star-active {
	color: #ffb503 !important;
}

.urun-detay-aciklama {
	font-family: "Noto Sans", sans-serif;
	padding: 0px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.urun-detay-aciklama p {
	font-family: "Noto Sans", sans-serif;
	letter-spacing: -0.4px;
	font-size: 14px;
	margin: 0px;
	color: #000;
}

.urun-detay-stok {
	padding: 0;
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	display: block;
}

.urun-detay-marka {
	width: 100%;
	border-bottom: 1px solid #eee;
	padding: 20px 0;
}

.urun-detay-marka a {
	color: #333;
	font-weight: 600;
}

.urun-detay-marka img {
	max-width: 100px;
}

#prod_pricing_v3 .varyant-baslik {
	float: left;
	display: block;
	font-weight: 700;
	font-family: "Noto Sans", sans-serif;
	letter-spacing: normal;
	font-size: 15px;
	width: 100%;
	padding: 15px 10px 10px 10px;
	margin: 0px !important;
}

.varyant-deger.varyant-renk {
	padding: 0px !important;
}

button.off {
	font-family: "Noto Sans", sans-serif;
	padding: 2px 10px;
	min-width: 40px;
	height: 40px;
	float: left;
	display: block;
	margin: 0 5px;
	border: 1px solid #ddd;
	background: transparent;
	text-align: center;
	line-height: 34px;
	margin-bottom: 5px;
	cursor: pointer;
	margin-left: 0px;
	transition: all 0.3s ease;
	border-radius: 4px;
}

button.off:hover {
	background: #091f40;
	color: #fff;
	border: 4px solid #ddd;
	border-radius: 7px;
	line-height: 30px;
}

button.on {
	font-family: "Noto Sans", sans-serif;
	padding: 2px 10px;
	min-width: 40px;
	height: 40px;
	border: 4px solid #ddd;
	float: left;
	display: block;
	background: #091f40;
	margin: 0 5px;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	margin-bottom: 5px;
	cursor: pointer;
	color: #fff;
	margin-left: 0px;
	border-radius: 7px;
}

select.on {
	width: auto;
	min-width: 250px;
}

.varyant-deger img {
	width: 59px;
	height: 44px;
}


/*Fiyat Bilgileri*/

.satis-fiyati {
	font-family: "Noto Sans", sans-serif !important;
	color: #000;
	font-size: 25px;
	font-weight: 600;
	padding: 0px;
	display: flex;
	align-items: flex-end;
}

.satis-fiyati #eski-fiyat {
	font-size: 17px;
	font-weight: 400;
	color: #666;
	padding: 10px 0px;
	font-family: "Noto Sans", sans-serif;
	text-decoration: line-through;
}

.urun-detay-fiyat {
	font-family: "Noto Sans", sans-serif;
}

.indirim-detay {
	font-family: "Noto Sans", sans-serif;
	margin-left: 2%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background: #41bd41;
	padding: 0 5px;
	border-top-right-radius: 5px;
}

.indirim-detay span {
	padding: 5px;
	font-size: 14px;
	font-family: "Noto Sans", sans-serif;
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
}

.urun-detay-indirim {
	color: #fff;
	font-family: "Noto Sans", sans-serif;
	width: auto;
	display: block;
	color: #000;
}


/*Aksiyon ButonlarA?AA?}*/

.urun-adet-dis {
	margin-right: 2%;
	width: 125px;
	height: 50px;
	float: left;
}

.urun-adet-input {
	width: 65%;
	text-align: center;
	height: 50px;
	float: left;
	border: 1px solid #f1f1f1;
	border-right: none;
}

.urun-adet-input::focus {
	border: 0px;
	box-shadow: 0px;
	outline: none;
}

.urun-adet-input input {
	width: 100%;
	color: #585757;
	display: block;
	font-size: 14px;
	height: 100%;
}

.urun-adet-input input:focus {
	outline: none;
	box-shadow: 0px;
	border: 0px;
}

.urun-adet-input span {
	font-size: 13px;
	display: block;
	text-align: center;
	position: absolute;
	margin: -6px 0 0 17px;
}

.urun-adet {
	border: none !important;
	background: 0 0 !important;
	outline: 0;
	font-size: 20px;
	color: #292929;
	padding: 0;
	text-align: center;
	box-shadow: none;
	outline: none;
}

.urun-adet:focus {
	outline: none;
	box-shadow: 0px;
	border: 0px;
}

.urun-adet-butons {
	width: 35%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column wrap;
}

.urun-adet-butons span {
	border-color: #e1e1e1;
	border: 1px solid #eee;
	color: #585757;
	font-size: 20px;
	float: left;
	margin-bottom: 0px;
	cursor: pointer;
	position: relative;
	background: #fff;
	text-indent: 0;
	width: 100%;
	text-align: center;
	height: 25px;
	line-height: 25px;
	position: relative;
	z-index: 1;
	border-radius: 0px !important;
}

.satin-al {
	font-family: "Noto Sans", sans-serif;
	color: #000;
	border-radius: 0;
	font-size: 13px;
	cursor: pointer;
	width: 30%;
	min-width: 200px;
	float: left;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 500;
	border: 2px solid #241a61;
	text-transform: uppercase;
	height: 50px;
	line-height: 50px;
	margin-bottom: 0px;
	padding: 0px !important;
	transition: all 0.3s ease;
}

.satin-al:hover {
	background: #241a61;
	color: #fff;
}

.stokta-haber-ver {
	color: #FFF;
	border-radius: 0;
	font-size: 13px;
	cursor: pointer;
	width: 30%;
	min-width: 200px;
	float: left;
	text-align: center;
	letter-spacing: 0px;
	font-weight: 500;
	background: #e93826;
	border-color: #e93826;
	height: 50px;
	line-height: 50px;
	margin-bottom: 0px;
	padding: 0px !important;
	border-left: 5px solid #fff;
}

.stokta-haber-ver i {
	font-size: 20px;
	margin-right: 7px;
}

.urun-butons {
	cursor: pointer;
	height: 100%;
	border-left: 5px solid #fff;
	width: 60px;
	height: 60px;
	display: inline-block;
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	text-align: center;
	line-height: 60px;
	border-radius: 50%;
	margin-right: 5px;
	transition: all 0.3s ease;
}

.urun-butons i {
	font-size: 20px;
	color: #241a61;
}

.urun-butons:hover {
	background: #fff;
}

.urun-buttons-ilk {
	border-left: 0px;
}

.detay-fav-button {
	font-family: "Noto Sans", sans-serif;
	width: 100%;
	display: block;
	height: 100%;
	line-height: 50px;
	outline: none;
	border: 0px;
	color: #fff;
	background: #091140;
	margin: 0px;
	padding: 0px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 2px;
}

.urun-detay-statik-bolum {
	display: flex;
	flex-flow: row wrap;
}

.urun-detay-kargo img,
.urun-detay-statik1 img,
.urun-detay-statik2 img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
}

.detay-fiyat-haber {
	color: #333;
	font-weight: 400;
	border-radius: 0px;
	font-size: 13px;
	cursor: pointer;
	padding: 0px 15px;
	float: left;
	text-align: center;
	letter-spacing: 0px;
	height: 40px;
	line-height: 32px;
	margin-bottom: 0px;
}

.detay-fiyat-haber i {
	font-size: 20px;
	margin-right: 7px;
}

.detay-puan {
	color: #333;
	font-weight: 400;
	border-radius: 0px;
	font-size: 13px;
	cursor: pointer;
	padding: 0px 15px;
	float: left;
	white-space: normal;
	width: 100% !important;
	letter-spacing: 0px;
	height: 40px;
	line-height: 32px;
	margin-bottom: 0px;
}

.detay-puan span {
	font-weight: 600;
	color: #e93826;
}


/*--------------------------------URUN-DETAY-PAYLAAA?cA?----------------------------------*/

.urun-paylas {
	margin-top: 20px;
}

#icon-social a {
	text-decoration: none;
	color: #2f312f;
	font-size: 15px;
	margin: 0px 10px;
}


/*--------------------------------URUN-DETAY-PAYLAAA?cA?----------------------------------*/


/*--------------------------------URUN-DETAY-TABLARI----------------------------------*/

.urun-tablari {
	margin-top: 50px;
	border-bottom: 2px solid #eee;
}

.urun-tablari .nav li {
	margin: 0 !important;
}

.urun-tablari .nav li a {
	border-radius: 0 !important;
	padding: 15px 25px;
	font-size: 14px;
	color: #000;
	background: 0 0 !important;
	font-family: "Noto Sans", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

.urun-tablari .nav li a:hover {
	color: #888;
}

.uruntablari-alias.active {
	font-family: "Noto Sans", sans-serif;
}

.uruntablari-alias.active a {
	color: #888 !important;
}

#tdContainerBorder {
	line-height: 25px;
	border-radius: 0px !important;
	margin-top: 20px;
	margin-bottom: 50px;
}

#divUrunAciklama,
#divUrunTabs {
	padding: 15px 20px;
	border-radius: 0px !important;
}


/*--------------------------------URUN-DETAY-TABLARI----------------------------------*/

@media all and (max-width: 992px) {
	.urun-detay-fixed {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 4;
		padding: 0px !important;
		background: #fff !important;
		margin: 0 auto;
	}
	.urun-adet-dis {
		margin: 0px;
		width: 25%;
	}
	.satin-al {
		width: 75%;
		float: right;
		background: #241a61 !important;
		color: #fff !important;
	}
	.satin-al i {
		font-size: 18px;
	}
	.stokta-haber-ver {
		border-left: 0px;
		border-right: 2px solid #fff;
		min-width: inherit;
		width: 25%;
	}
	.urun-detay-fiyathaber {
		height: 40px;
	}
	.detay-fiyat-haber {
		width: 100%;
		text-align: left;
		line-height: 1;
	}
	.urun-detay-statik-bolum {
		justify-content: flex-start;
		align-items: flex-start;
	}
	.urun-detay-puan {
		height: 40px;
	}
	.detay-puan {
		height: auto;
		display: inline-block;
		line-height: 24px;
	}
	.urun-paylas {
		margin-top: 0px;
	}
	.urun-tablari {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 600px) {
	.urun-detay-fiyathaber,
	.urun-detay-puan,
	.urun-tablari .nav li {
		width: 100%;
	}
	.detay-butons {
		flex-flow: row wrap;
	}
}

@media all and (max-width: 480px) {
	.satin-al i {
		font-size: 16px;
		margin-right: 5px;
	}
	.stokta-haber-ver i {
		width: 100%;
		display: block;
		content: "";
	}
}

@media all and (max-width: 330px) {
	.satis-fiyati {
		flex-flow: column wrap;
		align-items: flex-start;
	}
	.indirim-detay {
		display: block;
		float: none !important;
	}
	.satis-fiyati #eski-fiyat {
		padding-left: 0px;
	}
}


/*--------------------------------URUN-DETAY-KAMPANYA-URUNLER----------------------------------*/

#kampanya-bilgileri>div {
	background: #FE3B3B;
	padding: 7px 20px;
	color: #FFF;
}

#urun-detay-kampanyali-urunler .urun-kutusu .kutu-urun-border {
	border-bottom: none;
	border-left: none;
}

#urun-detay-kampanyali-urunler .urun-kutusu:last-child .kutu-urun-border {
	border-bottom: 3px solid #DDD;
}


/*--------------------------------URUN-DETAY-BENZER-URUNLER----------------------------------*/

.urun-detay-benzer-urunler-baslik {
	font-size: 22px;
	font-weight: 600;
	font-family: "Noto Sans", sans-serif;
}

.benzer-urunler-slide .slick-track {
	float: left;
}

.benzer-urun-kutusu.slick-slide.slick-active {
	border-color: transparent;
}

#haftanin-urunleri .slick-arrow {
	top: -40px !important;
	background: #ffb503;
	opacity: 1;
	width: 25px;
	height: 25px;
	border: transparent;
	margin-right: 15px;
	z-index: 1;
}

#haftanin-urunleri .slick-next {
	right: 0;
}

#haftanin-urunleri .slick-next::before {
	padding: 4px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	left: 28%;
	bottom: 31%;
}

#haftanin-urunleri .slick-prev {
	right: 30px;
	left: inherit;
}

#haftanin-urunleri .slick-prev::before {
	padding: 4px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	left: 37%;
	bottom: 31%;
}

#haftanin-urunleri .slick-slider .kutu-urun-detay-mm h2 {
	width: 80%;
	margin: 0 auto;
}


/*--------------------------------URUN-DETAY-BENZER-URUNLER----------------------------------*/


/*--------------------------------URUN-DETAY-YORUM----------------------------------*/

#divUrunAciklama,
#divUrunTabs {
	height: auto;
	display: inline-block;
}

.yorum-box-baslik {
	color: #333333;
	font-size: 26px;
	font-weight: 600;
	margin: 5px 0px 35px 0px;
}

.yorum-ortalama-box {
	text-align: center;
	margin-bottom: 25px;
}

.yorum-ortalama {
	font-size: 45px;
	font-weight: 600;
}

.yorum-ortalama i {
	font-size: 16px;
	margin: -5px;
	color: #b8b8b8;
}

.yorum-ortalama i.yorum-active {
	color: #ffa000;
}

.yildiz-box {
	margin-bottom: 15px;
}

.yorum-yildiz-ad {
	font-size: 14px;
	margin-bottom: 7px;
}

.yorum-yildiz-sayi {
	color: #a5a5a5;
}

.yorum-istatik {
	border: 1px solid #f5f5f5;
	border-radius: 5px;
	padding: 45px 15px;
	background: #fafafa;
}

.yorum-progress {
	height: auto;
	border-radius: 9px;
	background-color: #f0f0f0;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	border-radius: 5px;
}

.yorum-progress-bar {
	border-radius: 5px;
	height: 3px;
	background: #ffa000;
}


/*yorum saA?AA?C*/

.yorum-user {
	width: 50px;
	position: absolute;
	left: 0;
	padding: 0px;
}

.yorum-uye-avatar {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #eee;
	border-radius: 50%;
	text-transform: uppercase;
	margin: 0px;
	text-align: center;
	font-size: 20px;
	color: #3e3e3e;
	background: #fafafa;
}

.yorum-content {
	padding: 0px;
}

.yorumlar-box {
	padding-left: 65px;
	border-radius: 3px;
	margin-bottom: 15px;
}

.yorumlar-inner {
	padding: 10px 15px;
	border: 1px solid #eee;
	position: relative;
}

.yorumlar-inner::before,
.yorumlar-inner::after {
	position: absolute;
	top: 12px;
	right: 100%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: '';
	pointer-events: none;
}

.yorumlar-inner::before {
	margin-top: -1px;
	border-width: 10px;
	border-color: transparent;
	border-right-color: #e5e5e5;
}

.yorumlar-inner::after {
	border-width: 9px;
	border-color: transparent;
	border-right-color: #fff;
}

.yorum-box-ust {
	position: relative;
	height: auto;
	display: inline-block;
	width: 100%;
}

.yorum-box-uyead {
	float: left;
	color: #4f4e4e;
	font-size: 13px;
	letter-spacing: 0px;
}

.yorum-box-puan {
	float: right;
}

.yorum-box-puan i.yorum-active {
	color: #ffa000;
}

.yorum-box-yorum {
	font-size: 14px;
	color: #454444;
}

.yorum-box-tarih {
	color: #8f8f8f;
	font-size: 13px;
}

.yorumlar-yorum-yap {
	margin-top: 25px;
}

.yorum-yap-txt {
	width: 100%;
	height: 110px;
	padding: 10px;
	resize: none;
	outline: none;
	margin: 10px 0px;
	font-weight: 400;
	font-size: 13px;
	border: 1px solid #f1f1f1;
}

.yorum-yap-p {
	float: left;
}

.yorum-yap-p:last-child {
	padding-left: 15px;
}

.yorum-yap-puan {
	padding-right: 25px;
	height: 40px;
}

#yorum-yap {
	background: #091f40 !important;
	color: #fff !important;
	border: 0px;
	font-weight: 900;
	padding: 7px 10px;
	font-size: 12px !important;
}

@media all and (max-width: 992px) {
	.yorum-istatik {
		margin-bottom: 25px;
	}
	footer {
		padding-bottom: 50px;
	}
}

@media all and (max-width: 600px) {
	#divUrunAciklama {
		padding: 5px 0px;
	}
	#divUrunTabs {
		padding: 5px 0px;
	}
	#divUrunTabs div {
		padding: 0px 5px;
	}
	.yorum-user {
		display: none;
	}
	.yorumlar-box {
		padding: 0px;
	}
}

@media all and (max-width: 480px) {
	.yorum-box-uyead {
		float: none;
		display: block;
	}
	.yorum-box-puan {
		float: left;
		display: block;
	}
}

.PropRow{
    display: flex;
    flex-direction: row;
    border: 1px solid #ccc;
}
.PropName{
    width: 50%;
    border-right: 1px solid #ccc;
    padding: 10px;
}
.PropProperty{
    width: 50%;
    padding: 10px;
}

/*--------------------------------URUN-DETAY-YORUM----------------------------------*/


 [data-tooltip]:before, [data-tooltip]:after{
     display: none;
 }
			
			

.varyant-input {
    width: 60%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 12px;
    color: #000;
}

.bundle-products {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 32px 0 0 0;
	background: rgba(239, 127, 26, .1);
	border-radius: 8px;
	padding: 16px;
}
.bundle-products > h5 {
	margin: 0;
	padding: 0;
	color: #ae5c12;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.bundle-products > ul {
	width: 100%;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
}
.bundle-products > ul > li > input[type=checkbox] {
	display: none;
}
.bundle-products > ul > li > label {
	float: left;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	margin: 0;
	cursor: pointer;
	user-select: none;
}
.bundle-products > ul > li > label > img {
	width: 70px;
	height: 70px;
	border: 1px solid rgba(239, 127, 26, .4);
	border-radius: 8px;
	padding: 4px;
	background: #FFF;
}

.bundle-products > ul > li > input[type=checkbox]:checked + label > img {
	border-color: #ae5c12;
	box-shadow: 0px 0px 0px 4px rgba(239, 127, 26,.2);
}

.bundle-products > ul > li > label > span {
	font-size: 14px;
	font-weight: 400;
	color: #ae5c12;
}
.bundle-products > ul > li > label > ins {
	font-size: 14px;
	color: #000;
	text-decoration: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 4px;
}
.bundle-products > ul > li > label > ins::before {
	content: '+';
	font-size: 12px;
	color: rgba(0,0,0,.6);
}

.urun-adet-div {
  margin: 16px 0; }

.urun-adet-dis {
  width: 128px;
  height: 40px;
  float: left;
  border-radius: 8px;
}

.urun-adet-input {
  width: 50%;
  text-align: center;
  height: 40px;
  float: left; }
  .urun-adet-input::focus {
    border: 0px;
    box-shadow: 0px;
    outline: none; }
  .urun-adet-input input {
    width: 100%;
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: 600;
    height: 100%; }
    .urun-adet-input input:focus {
      outline: none;
      box-shadow: 0px;
      border: 0px; }
  .urun-adet-input span {
    font-size: 13px;
    display: block;
    text-align: center;
    position: absolute;
    margin: -6px 0 0 17px; }

.urun-adet {
  border: none !important;
  background: 0 0 !important;
  outline: 0;
  font-size: 20px;
  color: #292929;
  padding: 0;
  text-align: center;
  box-shadow: none;
  outline: none; }
  .urun-adet:focus {
    outline: none;
    box-shadow: 0px;
    border: 0px; }

.urun-adet-butons {
  width: 25%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-flow: column wrap; }
  .urun-adet-butons span {
    font-size: 16px;
    float: left;
    cursor: pointer;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    z-index: 1; }

				
.favori-ekle {
  float: left; }
  @media screen and (min-width: 992px) {
    .favori-ekle {
      margin-left: 15px; } }
  .favori-ekle button {
       background: #FFF;
    padding: 0 30px;
    transition: opacity 0.2s ease;
    height: 50px;}
    .favori-ekle button:hover {
      opacity: 0.8; }

.stok-yok-div {
  margin-top: 45px; }

.stokta-yok {
  background: #f2f2f2;
  color: #333;
  border-color: #f2f2f2; }

.stokta-haber-ver {
  color: #fff;
  font-size: 13px;
  cursor: pointer;
  float: left;
  font-size: 13px;
  text-align: center;
  letter-spacing: 1px;
  background: #000;
  height: 40px;
  line-height: 40px;
  padding: 0px 30px !important;
  margin-right: 10px; }
  .stokta-haber-ver i {
    font-size: 15px;
    padding-right: 5px; }