@charset "UTF-8";
.slider-mm {
	float: right;
	height: auto;
	max-height: 79vh;
	background: #fff;
	padding: 0;
	margin: 0;
	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 {
	overflow: hidden
}

.slider-mm .slick-slide img {
	width: 100%;
	transform: scale(1.2);
	transition: all 6s ease
}

.slider-mm .slick-slide.slick-active img {
	width: 100%;
	transform: scale(1)
}

.slider-mm .slick-list,
.slider-mm .slick-slide,
.slider-mm .slick-track {
	height: 100%
}

.slider-mm .slider-mm-more {
	position: relative;
	text-align: center;
	color: #fff;
	padding: 10px 25px;
	font-size: 14px;
	background-color: #e10a13
}

.slider-mm-link {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-flow: column wrap;
	color: #fff;
	font-size: 75px;
	padding: 0 30% 0 10%
}

.slider-mm-link:focus,
.slider-mm-link:hover {
	color: #fff
}

.slider-mm-link p {
	display: block
}

.slider-mm-link p.slider-baslik {
	font-size: 45px;
	font-weight: 700
}

.slider-mm-link p.slider-altbaslik {
	font-size: 17px;
	letter-spacing: -1px;
	font-weight: 400
}

.slick-prev {
	background: 0 0;
	box-shadow: none
}

.slick-prev:focus,
.slick-prev:hover {
	color: transparent;
	outline: 0
}

.slick-next {
	background: 0 0;
	box-shadow: none
}

.slick-next:focus,
.slick-next:hover {
	color: transparent;
	outline: 0
}

.slick-prev:before {
	content: '';
    left: 45%;
    bottom: 35%;
    position: absolute;
    border: solid #e10a13;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 8px;
    transform: rotate(135deg);   
    -webkit-transform: rotate(135deg);
}

.slick-next:before {
	content: '';
    left: 26%;
    bottom: 33%;
    margin: auto;
    position: absolute;
    border: solid #e10a13;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
	background: #e11c12;   
}

@media (min-width:1500px) {
	.slider-mm {
		height: 79vh
	}
}

@media (max-width:992px) {
	.slider-mm .slick-arrow::before {
		border: solid #fff;
		border-width: 0 2px 2px 0
	}
	.slider-mm .slider-mm-link {
		padding: 0 10% 0 10%;
		align-items: center;
		text-align: center
	}
	.slider-mm .slider-mm-link p.slider-baslik {
		font-size: 16px;
		margin-bottom: 0
	}
	.slider-mm .slider-mm-link p.slider-altbaslik {
		font-size: 12px;
		text-align: center;
		margin-bottom: 5px; 
		display:none;
	}
	.slider-mm .slider-mm-more {
		padding: 5px 10px;
		font-size: 12px
	}
	.slider-mm .slick-dots {
		bottom: 0
	}
	.slider-mm .slick-dots li {
		width: 10px;
		height: 10px;
		padding: 0 7px;
		overflow: hidden;
		transition: all .3s ease
	}
	.slider-mm .slick-dots li button {
		width: 7px;
		height: 7px;
		border: 1px solid #fff;
		border-radius: 50%;
		background: #fff;
		padding: 0;
		margin: 0
	}
	.slider-mm .slick-dots li button::before {
		display: none
	}
	.slider-mm .slick-dots li.slick-active button {
		background: #e10a13
	}
}

.top-banner-box {
	text-align: center
}

.top-banner-box img {
	max-width: 100%;
	width: auto!important;
	height: auto!important
}

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

.urun-kategori-baslik {
	font-family: Montserrat, sans-serif;
	height: 50px;
	padding: 10px 20px;
	line-height: 45px;
	vertical-align: bottom;
	position: relative;
	display: inline-block;
	float: none;
	width: auto;
	font-size: 20px;
	color: #333;
	letter-spacing: .5px;
	font-weight: 600
}

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

.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 .5s ease
}

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

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

.home-slide-prod {
	padding: 0 4px
}

.home-slide-prod .slick-track {
	float: left
}

.home-slide-prod .slick-arrow {
	bottom: -30px;
	background: 0 0;
	box-shadow: none;
	top: inherit;
	width: 30px;
	height: 30px
}

.home-slide-prod .slick-arrow:focus:before,
.home-slide-prod .slick-arrow:hover:before {
	border: solid #333;
	border-width: 0 1px 1px 0
}

.home-slide-prod .slick-next {
	left: 40px
}

.home-slide-prod .slick-prev {
	left: 0
}

.home-urun-tabs ul {
	height: auto;
	list-style: none;
	display: inline-block;
	width: 100%;
	text-align: center
}

.home-urun-tabs ul li {
	display: inline-block;
	cursor: pointer;
	padding: 0 2.5%;
	transition: all .5s ease;
	border-radius: 40px
}

.home-urun-tabs ul li h3 {
	margin: 10px 0
}

.home-urun-tabs ul li h3 span {
	letter-spacing: .5px;
	font-weight: 400;
	color: #282828;
	font-size: 17px
}

.home-urun-tabs ul li.activetab {
	background: #e10a13;
	-webkit-box-shadow: 0 1px 9px 0 rgba(0, 0, 0, .17);
	-moz-box-shadow: 0 1px 9px 0 rgba(0, 0, 0, .17);
	box-shadow: 0 1px 9px 0 rgba(0, 0, 0, .17)
}

.home-urun-tabs ul li.activetab span {
	color: #fff
}

@media (max-width:992px) {
	.home-urun-tabs ul li h3 {
		margin: 0
	}
	.home-urun-tabs ul li h3 span {
		font-size: 13px
	}
}

#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: #000
}

#back-top:active {
	background-color: #000
}

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

footer {
	margin-top: 25px;
	clear: both;
	background: #f9f9f9
}

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

.footer-mm1 {
	display: flex;
	margin: 0 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-social {
	padding-bottom: 30px;
	padding-left: 0
}

.footer-social ul {
	width: 100%;
	padding-bottom: 25px
}

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

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

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

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

.footer-e-bulten {
	padding: 0
}

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

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

.footer-e-bulten #ebulten {
	padding: 10px 10px;
	width: 100%;
	font-size: 13px;
	border: 1px solid #eee
}

.footer-e-bulten #ebulten-gonder {
	background: #e10a13;
	color: #fff;
	padding: 3px 15px;
	height: 100%;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 23px;
	border: 1px solid #eee
}

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

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

#footer .footer-mm1 ul li:first-child {
	font-weight: 600;
	font-family: Montserrat, sans-serif;
	margin: 0;
	color: #333;
	font-size: 17px;
	padding-bottom: 0;
	height: 40px
}

#footer .footer-mm1 ul li a {
	color: #282828;
	font-family: Montserrat, sans-serif;
	text-decoration: none;
	position: relative;
	display: block;
	font-weight: 400;
	font-size: 13px;
	padding: 6px 0 5px 0;
	transition: all .3s ease
}

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

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

.footer-bottom-mm {
	width: 100%;
	border-top: 1px solid #e4e4e4;
	height: auto;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center
}

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

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

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

.footer-bottom-mm p:last-child {
	text-align: right;
	float: right
}

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

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

@media all and (max-width:992px) {
	.footer-social {
		order: 1
	}
	.footer-sayfalar {
		order: 2
	}
	.footer-bottom-mm {
		order: 3
	}
	.footer-social ul {
		width: 100%
	}
	.footer-e-bulten {
		width: 40%
	}
	.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 {
		text-align: left
	}
	.footer-bottom-mm p img {
		float: right
	}
}

@media all and (max-width:700px) {
	.footer-sayfalar ul {
		width: 50%;
		margin-bottom: 25px
	}
	.footer-e-bulten {
		width: 100%
	}
}

.top-slogan {
	text-align: center;
	background: #f3f3f3
}

.top-slogan img {
	max-width: 100%!important;
	width: auto!important;
	height: auto!important
}

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

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

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

.header-sol-social .spot-top {
	height: 100%;
	float: left;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-flow: row wrap;
	list-style: none
}

.header-sol-social .spot-top li {
	padding: 0 7px
}

.header-sol-social .spot-top li a {
	font-size: 13px;
	color: #282828
}

.header-sol-social .spot-top li a span {
	padding-right: 5px
}

.header-social-link {
	float: left;
	color: #5f5f5f;
	font-family: Montserrat, sans-serif;
	line-height: 40px;
	height: 100%;
	display: inline-block;
	font-size: 14px;
	margin-right: 20px;
	transition: all .5s ease
}

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

.header-social-link:hover {
	color: #333
}

.top-bar-pages {
	float: right;
	height: 100%;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, .10196);
	border-left: 1px solid rgba(255, 255, 255, .10196)
}

.top-bar-pages .header-statik-link {
	color: #282828;
	line-height: 40px;
	padding-left: 10px;
	font-size: 13px
}

.top-bar-pages .header-statik-link.header-statik-blog {
	color: #fff;
	display: inline-block;
	background: #e10a13;
	padding-right: 10px;
	margin-left: 10px;
	letter-spacing: .5px;
	font-weight: 600
}

.top-bar-hesap-button {
	font-family: Montserrat, sans-serif;
	float: right;
	color: #282828;
	width: 100%;
	height: 100%;
	font-size: 11px;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s ease-in-out
}

.top-bar-hesap-button i {
	width: 20%;
	font-size: 19px;
	position: relative;
	text-align: center
}

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

.top-bar-hesap-button .top-bar-hesap-yazi {
	color: #757575;
	margin: 0;
	padding: 0 5px;
	min-width: 45%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.top-bar-hesap-button .top-bar-hesap-yazi span {
	color: #282828;
	padding-bottom: 3px;
	font-size: 13px;
	display: block;
	font-weight: 600
}

.top-bayi-buton {
	font-family: Montserrat, 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 .3s ease-in-out
}

#callbayi:checked~.login-menu {
	visibility: visible;
	top: 100%;
	z-index: 11;
	opacity: 1;
	transition: all .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: 0;
	opacity: 0;
	position: absolute;
	margin-bottom: 20px;
	-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .18);
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .18);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .18);
	transition: all .5s ease
}

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

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

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

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

.login-menu li a {
	font-family: Montserrat, sans-serif;
	color: #282828;
	font-size: 12px;
	display: flex;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
	padding: 0 15px;
	font-weight: 600;
	transition: all .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: 100%
	}
}

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

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

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

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

.header-logo {
	width: auto;
	padding: 0 1%;
	width: 18%;
	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;
}

.header-arama {
	width: 57%;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	padding: 0;
	height: 100%;
	float: right;
	position: relative
}

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

.header-arama-content .header-menu-row {
	width: 40%;
	height: 100%;
	float: left;
	text-align: center
}

.header-arama-content .header-menu-row a {
	color: #282828;
	font-size: 12px;
	line-height: 55px;
	font-weight: 600;
	padding: 0 5px
}

.header-arama-content form {
	width: 60%;
	height: 100%;
	margin: 0;
	position: relative;
	background: #f5f5f5;
	border: 1px solid #ebedf1;
	margin: auto;
	float: right;
	display: flex;
	justify-content: space-around;
	align-items: center
}

.header-arama-content button {
	background: 0 0;
	outline: 0;
	border: none;
	display: block;
	width: 50px;
	height: 102%;
	position: relative;
	float: right;
	color: #000;
	font-size: 18px;
	transition: all .3s ease-in-out
}

.header-arama-content button:hover {
	background: #e10a13;
	color: #fff
}

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

.header-sag {
	width: 25%;
	height: 100%;
	position: relative;
	float: right;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.header-sag ul.login-ul {
	list-style: none;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 1%;
	margin-bottom: 0
}

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

.header-sag ul.login-ul li:hover {
	cursor: pointer
}

.header-sag ul.login-ul li i {
	font-size: 22px;
	width: 20%;
	text-align: center
}

.header-sag-hesap {
	width: 50%;
	height: 100%;
	font-size: 18px;
	position: relative;
	padding: 0 1%
}

@media all and (max-width:1300px) {
	.header-arama-content .header-menu-row {
		width: 50%
	}
	.header-arama-content form {
		width: 50%
	}
}

@media all and (max-width:1150px) {
	.header-arama-content .header-menu-row {
		text-align: left
	}
	.header-arama-content .header-menu-row a {
		padding: 0 3px
	}
}

@media all and (max-width:992px) {
	.header-content {
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 0;
		z-index: 5;
		background: #fff
	}
	.header-align {
		height: 50px
	}
	.header-logo {
		margin: 0 auto;
		border: 0;
		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;
		max-width: 100%;
		max-height: 100%;
	}
	.header-arama,
	.header-arama-content,
	.header-sag {
		display: none
	}
}

.kategori-mm {
	background: 0 0;
	height: 50px;
	position: relative;
	padding: 0;
	float: none;
	margin: 0 auto;
	display: flex;
	align-items: center;
	z-index: 7;
	background: #e10a13;
	border-top: 1px solid #f7f7f7
}

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

.affix {
	position: fixed!important;
	top: 0!important;
	left: 0;
	right: inherit;
	min-height: inherit!important;
	height: auto!important;
	z-index: 9999!important;
	padding: 0!important;
	transition: all .5s ease-in-out;
	border: 0!important;
	-webkit-box-shadow: 0 2px 16px -2px rgba(0, 0, 0, .17);
	-moz-box-shadow: 0 2px 16px -2px rgba(0, 0, 0, .17);
	box-shadow: 0 2px 16px -2px rgba(0, 0, 0, .17)
}

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

.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: 0
}

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

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

.sepet-li {
	position: absolute;
	content: "0";
	top: 23%;
	margin: auto;
	left: 15%;
	background: #e10a13;
	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: 0 0;
	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 #f5f5f5;
	-webkit-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .06);
	-moz-box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .06);
	box-shadow: 0 3px 5px 1px rgba(0, 0, 0, .06)
}

.header-mm-arama1 form {
	width: 100%;
	margin: 0;
	padding: 0;
	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: 0;
	background: #fff;
	border: 0;
	line-height: 1.42857143;
	color: #555;
	font-size: 12px;
	border: none;
	float: left;
	color: #666;
	position: relative
}

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

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

.header-mm-arama1 button {
	background: 0 0;
	outline: 0;
	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: 0;
	background: 0 0;
	line-height: 1.42857143;
	color: #555;
	border: none;
	float: left;
	color: #666;
	position: relative
}

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

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

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

:focus {
	outline: 0!important
}

.header-input {
	width: 100%;
	color: #403c3c;
	font-size: 13px;
	border-radius: 0!important;
	border: 0!important;
	font-family: Montserrat, sans-serif .header-input
}

.header-input ::placeholder {
	letter-spacing: 0;
	color: #ccc
}

.header-input:-ms-input-placeholder {
	letter-spacing: 0;
	color: #ccc
}

.header-input::-ms-input-placeholder {
	letter-spacing: 0;
	color: #ccc
}

.mm-control:focus {
	outline: 0!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: 0 1px 4px 0 rgba(0, 0, 0, .18);
		-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .18);
		box-shadow: 0 1px 4px 0 rgba(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 .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .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) {
	.inner-align {
		width: 90%
	}
}

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

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

@media all and (max-width:992px) {
	.kategori-mm {
		padding: 0;
		background: #fff;
		width: 25px;
		height: 50px;
		position: absolute;
		left: 2%;
		border: 0;
		box-shadow: none
	}
	.kategori-mm-inner {
		background: 0 0;
		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: 0 0
	}
	.sepet-icon i {
		color: #737373
	}
	.search-icon {
		right: 12%;
		color: #e10a13
	}
	.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: 0;
		margin-top: 2px;
		margin-bottom: 0
	}
	.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, .5)
	}
}

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

.cat-inner {
	height: 100%
}

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

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

.kategori-mm-menu ul li {
	display: inline-block;
	float: left;
	width: 14.28571428571429%;
	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 {
	color: #fffbfb;
	width: 100%;
	font-style: normal;
	display: inline-block;
	white-space: nowrap;
	font-weight: 600;
	font-size: 13px;
	line-height: 1.643;
	letter-spacing: 0;
	text-align: center;
	padding-left: 0!important
}

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

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

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

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

.menu-kategori-icon2 {
	width: auto!important;
	display: block;
	margin: auto;
	max-height: 75px;
	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 label {
	display: none
}

.kategori-mm-menu ul li ul {
	pointer-events: none;
	width: 100%;
	padding: 10px 10px 10px 12.5%!important;
	height: auto;
	min-height: 200px;
	position: absolute;
	top: 70%;
	left: 0;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease, opacity .4s ease;
	z-index: -1
}

.menu-level-2 {
	padding: 10px 20px!important;
	-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .18);
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .18);
	box-shadow: 0 1px 4px 0 rgba(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: 600;
	color: #333
}

.kategori-mm-menu ul ul li a.buyuk-icon-link {
	line-height: 1;
	text-align: center
}

.kategori-mm-menu ul li:hover>ul {
	pointer-events: inherit;
	top: 98%;
	visibility: visible;
	opacity: 1;
	z-index: 9
}

.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
}

.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: 0;
	font-weight: 300;
	color: #777;
	transition: all .2s ease-in-out
}

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

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

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

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

.menu-hiza p {
	color: #757575;
	margin: 0;
	padding: 0 5px;
	min-width: 45%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px
}

.menu-hiza span {
	color: #282828;
	font-size: 13px;
	display: block;
	padding-bottom: 0;
	font-weight: 600;
	line-height: .9;
	margin-right: 0!important
}

.menu-hiza b {
	font-size: 11px;
	font-weight: 600
}

.menu-hiza .sepet-sayisi {
	left: 10%;
	top: 22%;
	font-size: 10px;
	color: #fff;
	line-height: 15px
}

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

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

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

.arama-urun-row {
	background: #fff;
	border-radius: 0!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: 0
}

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

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

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

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

@media all and (max-width:1450px) {
	.kategori-mm-menu ul li ul {
		padding: 10px 10px 10px 3.5%!important
	}
	.kategori-mm-menu ul ul li {
		display: none;
		float: left;
		width: 50%;
		max-width: inherit
	}
}

@media all and (max-width:1200px) {
	#urun-detay-sag-banner {
		border: 2px solid #efefef;
		border-radius: 3px;
		height: auto;
		padding: 20px 15px
	}
	.border-banner {
		padding: 5px 0!important;
		border: 0!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: 75%
}

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

@media all and (max-width:992px) {
	.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: 0;
		margin-top: 10px;
		order: 2
	}
	.inner-align {
		width: 95%;
		border-radius: 0;
		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: 0;
		padding: 0
	}
	.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 {
		min-width: 100%!important;
		padding: 0!important
	}
	.menu-level-2 li {
		min-width: 100%!important;
		padding: 0!important
	}
	.menu-level-3 {
		padding: 0!important
	}
	.menu-level-3 li {
		min-width: 100%!important;
		padding: 0!important
	}
	.kategori-mm-menu ul li a {
		width: 75%;
		float: left;
		font-size: 13px;
		color: #282828;
		height: 35px;
		text-align: left;
		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%;
		background: #ececec;
		height: 35px;
		font-weight: 600;
		text-align: left;
		cursor: pointer;
		position: relative;
		margin-bottom: 0
	}
	.menu-kategori-icon1 {
		max-width: 27px;
		filter: invert(100%)
	}
	.kategori-mm-menu {
		width: 0;
		margin: 0;
		padding: 0;
		height: 100%;
		position: fixed;
		left: -50%;
		top: 0;
		float: none;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		transition: all .5s ease;
		overflow-x: hidden;
		background: #fff;
		z-index: 999
	}
	.kategori-mm-menu ul li img {
		float: left
	}
	.kategori-mm-menu ul li img.menu-kategori-icon2 {
		max-width: 27px;
		float: left;
		margin: 0
	}
	.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 .2s ease
	}
	.kategori-mm-menu ul ul li label::before {
		font-size: 20px;
		color: #999;
		font-weight: 300;
		cursor: pointer;
		right: 0;
		bottom: 12%;
		left: 0;
		text-align: center;
		content: "\f3d0";
		font-family: Ionicons;
		position: absolute;
		transition: all .2s ease
	}
	.kategori-mm-menu ul.ana-menu input[type=checkbox]:checked~label {
		background: #e10a13
	}
	.kategori-mm-menu ul.ana-menu input[type=checkbox]:checked~label::before {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		color: #fff
	}
	.kategori-mm-menu ul ul li {
		display: inline;
		float: left;
		border-bottom: 0;
		border-right: 0;
		width: 100%;
		min-height: 35px;
		max-width: inherit
	}
	.kategori-mm-menu ul ul ul li a:hover {
		padding: 0
	}
	.kategori-mm-menu ul li ul {
		width: 98%;
		position: relative;
		min-height: 0;
		height: 0;
		right: -100%;
		opacity: 0;
		left: inherit;
		z-index: 0;
		padding: 0;
		overflow: hidden;
		transition: all .5s ease;
		margin: auto;
		visibility: hidden;
		float: right;
		background: 0 0;
		-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: 0;
		margin: 0;
		height: 100%;
		position: fixed;
		right: inherit;
		right: -50%;
		top: 0;
		float: none;
		overflow: hidden;
		transition: .5s ease;
		background: #fff;
		z-index: 999
	}
	.mobil-menu-top {
		width: 100%;
		height: 35px;
		background: #fff;
		border-bottom: 1px solid #f7f7f7
	}
	.mobil-menu-top p {
		text-align: center;
		font-size: 17px;
		line-height: 31px;
		margin-bottom: 0;
		font-family: Montserrat, sans-serif
	}
	.menu-login {
		padding: 0 3%;
		width: 100%;
		margin-bottom: 10px;
		height: auto;
		display: inline-block;
		border-bottom: 1px solid #f7f7f7
	}
	.menu-login a:first-child {
		border-right: 1px solid #f7f7f7;
		background: #e10a13;
		color: #fff
	}
	.menu-login-button {
		width: 50%;
		font-family: Montserrat, sans-serif;
		padding: 10px 0;
		float: left;
		color: #e10a13;
		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 #f7f7f7;
		transition: all .5s ease
	}
	.menu-social p {
		font-family: Montserrat, sans-serif;
		float: left;
		padding: 4px 0;
		font-weight: 900;
		margin-bottom: 0;
		padding-right: 10px
	}
	.menu-telephone {
		font-size: 15px!important;
		font-family: Montserrat, 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 .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 .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, .5)
	}
	#call2:checked~.user-menu-mobil {
		width: 60%;
		padding: 0;
		height: 100%;
		right: 0;
		z-index: 99999;
		transition: all .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 .5s ease;
		padding: 10px 0!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
}

.container {
	height: auto;
	margin: auto
}

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

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

#bayi_basvuru tr td {
	padding: 10px 0
}

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

#loader {
	background: rgba(255, 255, 255, .5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.spinner {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 100px auto
}

.double-bounce1,
.double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #e10a13;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2s infinite ease-in-out;
	animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes sk-bounce {
	0%,
	100% {
		-webkit-transform: scale(0)
	}
	50% {
		-webkit-transform: scale(1)
	}
}

@keyframes sk-bounce {
	0%,
	100% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

.modal-content {
	border-radius: 0
}

.modal {
	z-index: 999950!important
}

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

input:focus,
textarea:focus {
	outline: 0!important
}

.btn {
	border-radius: 0!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
}

.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
}

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

.bread-bg {
	padding: .8rem 0rem;
	background-color: #fbfbfb;
	margin-bottom: 15px!important;
	border-radius: 0!important;
	border-bottom: 1px solid #fbfbfb
}

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

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

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

#genel-bread>.container>div {
	float: left;
	font-weight: 600;
	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: 0!important
}

#genel-bread ol li a,
#genel-bread ol li span {
	color: #757575;
	font-family: Montserrat, sans-serif;
	font-weight: 600
}

#genel-bread ol li:last-child a,
#genel-bread ol li:last-child span {
	color: #282828
}

.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #757575;
	content: "\f3d3";
	font-family: Ionicons
}

#genel-bread ol li a span {
	font-family: Montserrat, sans-serif
}

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

#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
	}
}

#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 .5s ease
}

.ana-sayfa-urunleri-slide {
	float: right;
	padding-left: 0
}

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

.page-inner {
	padding: 0;
	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) {
	#anasayfa-urunleri,
	.inner-align {
		width: 90%
	}
}

@media all and (max-width:1500px) {
	#anasayfa-urunleri,
	.inner-align {
		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: 0;
		border-radius: 0;
		align-items: center;
		justify-content: center;
		flex-flow: column wrap;
		margin: auto
	}
	.ana-sayfa-urunleri-slide {
		padding: 0
	}
}

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

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

.statik-sayfa-baslik h1 {
	margin: 0;
	color: #333;
	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-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 0;
	padding: 0 15px
}

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

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

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

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

.blog-box-img {
	height: 300px;
	padding: 0;
	position: relative;
	overflow: hidden
}

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

.fixed-blog-tarih {
	display: inline-block;
	margin-top: 15px;
	z-index: 2;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	width: 100%
}

.blog-box-yazi {
	height: auto;
	padding: 0 5px;
	display: inline-block
}

.blog-box-yazi h3 {
	margin: 0;
	margin-bottom: 10px
}

.blog-box-yazi h3 a {
	color: #282828;
	font-weight: 400;
	font-size: 17px;
	text-transform: uppercase
}

.blog-box-yazi header {
	margin-bottom: 10px
}

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

.blog-box-yazi p.blog-yazi-text {
	color: #757575;
	font-size: 13px
}

.blog-box-yazi h2 {
	font-weight: 600;
	text-decoration: none;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	min-height: 70px
}

.blog-box-yazi h2 a {
	color: #282828
}

.blog-box-yazi {
	background: 0 0;
	margin-bottom: 15px;
	margin-top: 5px
}

.blog-box-yazi a {
	color: #282828;
	font-weight: 600;
	font-size: 15px;
	padding: 0;
	background: 0 0;
	display: inline-block;
	position: relative;
	transition: all .5s ease
}

.blog-box-yazi a span {
	display: block;
	float: left;
	position: relative;
	z-index: 1;
	font-size: 13px
}

.blog-box-yazi a:hover span {
	color: #000
}

.blog-box footer {
	background: 0 0!important
}

.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
	}
}

.filtre-gorunum {
	text-align: right
}

.stok-filtre-item-ara button {
	color: #fff;
	background: #e10a13!important;
	font-family: Montserrat, sans-serif
}

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

.stok-filtre-temizle a {
	color: #fff;
	background: #e10a13!important;
	font-family: Montserrat, sans-serif
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	width: 25px;
	height: 25px;
	font-size: 12px;
	text-align: center;
	line-height: 25px;
	padding: 0;
	border-radius: 50%!important
}

#secili-sayfa {
	background: #e10a13;
	color: #fff
}

#v3-loader {
	background: #ffffff4f
}

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

#filtre-baslik {
	color: #282828;
	font-size: 13px;
	text-transform: uppercase!important;
	letter-spacing: .5px
}

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

#secimidaralt_v3 .grup-filtre-item input[type=checkbox]:checked+label::before,
#secimidaralt_v3 .marka-filtre-item input[type=checkbox]:checked+label::before,
#secimidaralt_v3 .varyant-filtre-item input[type=checkbox]:checked+label::before {
	background: #e10a13!important;
	color: #fff;
	border: 2px solid #e10a13!important;
	font-size: 20px!important;
	line-height: 15px!important
}

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

.grup-filtre-item label,
.kategori-filtre-item label,
.marka-filtre-item label,
.varyant-filtre-item label {
	font-family: Montserrat, sans-serif;
	color: #282828;
	font-weight: 400!important;
	font-size: 13px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start
}

.grup-filtre-item label::before,
.marka-filtre-item label::before,
.varyant-filtre-item label::before {
	border-radius: 50%!important;
	border: 1px solid #bfbfbf!important
}

.grup-baslik,
.kategori-baslik,
.marka-baslik,
.stok-baslik,
.varyant-baslik {
	font-family: Montserrat, 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: 0 0 20px 0
}

.secim_icerik1 {
	padding: 0 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: 0 10px;
	width: 48%;
	min-height: 45px;
	line-height: 45px;
	background: #e10a13;
	float: left;
	margin-right: 2%;
	margin-bottom: 5px;
	border: 1px solid #e10a13;
	cursor: pointer;
	color: #fff;
	text-align: center
}

.secim_icerik2 {
	padding: 0 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: 0 10px;
	min-width: 75px;
	width: 100%;
	display: block;
	min-height: 45px;
	line-height: 45px;
	background: #e10a13;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #e10a13;
	cursor: pointer;
	color: #fff;
	text-align: center
}

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

.kategori-filter-button {
	height: 40px;
	width: 94%;
	border: none;
	outline: 0;
	letter-spacing: 2px;
	background: #e10a13;
	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: #fbfbfb!important;
	border: 1px solid #fbfbfb!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: 0;
	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: 0
}

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

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

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

#katalogGorunumu {
	margin-top: 25px
}

@media all and (max-width:992px) {
	#secimidaralt_v3 {
		background: #fff!important
	}
	#cat_rw_05 {
		padding: 0
	}
	.cat-filtre {
		font-family: Montserrat, sans-serif;
		background: #e10a13!important
	}
	.cat-menu-top p {
		font-family: Montserrat, sans-serif
	}
}

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

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

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

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

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

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

label {
	font-weight: 400
}

.oc_member_singup_sozlesme_text.parmak strong {
	cursor: pointer
}

.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 .3s ease;
	-webkit-box-shadow: 0 2px 16px -2px rgba(0, 0, 0, .17);
	-moz-box-shadow: 0 2px 16px -2px rgba(0, 0, 0, .17);
	box-shadow: 0 2px 16px -2px rgba(0, 0, 0, .17)
}

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

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

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

.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) {
	.slick-next:before,
	.slick-prev:before {
		bottom: 35%
	}
	.slick-next:before {
		left: 30%
	}
	.slick-next:focus:before,
	.slick-next:hover:before,
	.slick-prev:focus:before,
	.slick-prev:hover:before {
		border: solid #fff;
		border-width: 0 1px 1px 0;
		opacity: 1
	}
	.cat-banner.slick-dotted.slick-slider {
		margin-bottom: 10px
	}
	.cat-banner .slick-arrow:hover {
		background: #e10a13
	}
	.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:focus:before,
	.cat-banner .slick-prev:hover:before {
		border: solid #fff;
		border-width: 0 2px 2px 0;
		opacity: 1
	}
	.cat-banner .slick-next:focus:before,
	.cat-banner .slick-next:hover: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
	}
}

.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: 0;
	padding: 10px;
	width: 100%;
	display: block;
	font-weight: 600;
	color: #091f40
}

.urun-karsilastirma-box {
	position: relative;
	height: auto;
	display: inline-block;
	border-radius: 0;
	background: #fff;
	padding: 15px;
	padding-bottom: 0;
	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: 0;
	text-align: center;
	background: #e10a13;
	color: #fff;
	transition: all .5s ease;
	border-radius: 0!important
}

.urun-detay-butonlar .spt-ekle-mm {
	width: 50%!important;
	height: 100%;
	float: left;
	border: 1px solid #e10a13;
	text-align: center;
	background: #e10a13;
	color: #fff;
	transition: all .5s ease;
	border-radius: 0!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(even),
.urun-karsilastirma-ozellikler:nth-child(odd) {
	background: #eee
}

@media all and (max-width:992px) {
	.urun-karsilastirma-aciklama {
		font-size: 13px
	}
}

.urun-kutusu {
	overflow: hidden;
	outline: 0!important;
	padding: 0;
	margin: 0;
	transition: all .5s ease;
	border: 4px solid transparent;
	border-top: 0
}

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

.super-indirim-timer {
	width: 100%;
	float: left;
	margin-top: 5px;
	padding: 7px 5px;
	border: 2px solid #fc1414
}

.super-indirim-timer .timer-div {
	float: left;
	width: 25%;
	text-align: center
}

.super-indirim-timer .timer-div .timer-time {
	color: #fc1414;
	font-size: 20px;
	font-weight: 600
}

.super-indirim-timer .timer-div span {
	text-transform: uppercase;
	color: #fc1414;
	font-size: 12px
}

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

.urun-kutusu:hover .urun-hover-detay {
	visibility: visible;
	opacity: 1;
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.urun-hover-detay {
	padding: 0;
	position: relative;
	height: auto;
	background: #fff;
	transition: all .3s ease
}

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

.urun-sag-indirim {
	font-family: Montserrat, sans-serif;
	position: absolute;
	cursor: pointer;
	right: 5px;
	top: 5px;
	margin: auto;
	border: 2px solid #e10a13;
	background: #e10a13;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 5px 10px;
	text-align: center
}

.kutu-sag-yeni {
	position: absolute;
	cursor: pointer;
	left: 5px;
	top: 5px;
	margin: auto;
	border: 2px solid #333;
	background: #fff;
	color: #333;
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 9px;
	text-align: center;
	letter-spacing: 1px
}

.urun-kutusu .kutu-urun-resmi {
	padding: 20px;
	margin: auto;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #eee
}

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

.katalog-detay {
	width: 100%;
	//min-height: 135px;
	min-height: 50px;
	padding: 0
}
.kutu-urun-border .urun-fiyat, .kutu-fiyat-gosterim-list {
	display: none;
}

.kutu-urun-detay-mm h2 {
	margin: 0;
	font-family: Montserrat, sans-serif;
	min-height: 50px
}

.kutu-urun-detay-mm h2 a {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.1em;
	padding: 6px 0 6px;
	color: #282828;  
	z-index: 5;
	text-align: center;
	display: block
}

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

.urun-fiyat a {
	font-weight: 600;
	font-family: Montserrat, sans-serif;
	color: #000
}

#eski-fiyat {
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	line-height: 21px;
	color: #9e9e9e;
	padding: 0 0 0 10px;
	text-decoration: line-through
}

.kutu-puan-container {
	min-height: 25px
}

.kutu-puan {
	text-align: center;
	margin: 0
}

.kutu-puan i {
	font-size: 14px;
	color: #b2b2b2
}

.kutu-puan i.star-active {
	color: #e10a13
}

.liste-puan {
	text-align: left;
	margin-bottom: 5px
}

.liste-puan i {
	font-size: 16px
}

.kutu-fiyat-gosterim-list{
    font-size: 13px;
	padding-bottom: 10px!important;
	text-align:center;    
}
.kutu-fiyat-gosterim-list span b{
	font-weight:600; 
}

.hover-butons.hover-butons-sepet,
.hover-butons.hover-butons-stok {
	width: 70%;
	background: #e10a13;
	font-size: 13px
}

.hover-butons.hover-butons-sepet i,
.hover-butons.hover-butons-stok i {
	color: #fff;
	line-height: 45px
}

.hover-butons {
	width: 15%;
	float: left;
	background: #fff;
	margin: 0 auto;
	height: 50px;
	text-align: center;
	color: #fff!important;
	overflow: hidden;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 50px;
	cursor: pointer;
	font-weight: 400;
	position: relative;
	border: 0;
	z-index: 0;
	cursor: pointer;
	transition: all .4s ease-in-out
}

.hover-butons:hover {
	background: #e10a13;
	color: #fff!important
}

.hover-butons:hover i {
	color: #fff
}

.hover-butons i {
	color: #000;
	font-size: 17px;
	line-height: 50px;
	position: relative;
	transition: all .4s ease-in-out
}

.hover-butons-incele {
	width: 100%;
	display: block;
	margin: 0 auto;
	height: 40px;
	overflow: hidden;
	font-size: 13px;
	line-height: 40px;
	cursor: pointer;
	position: relative;
	text-align: center;
	letter-spacing: .5px;
	font-weight: 600;
	z-index: 0;
	cursor: pointer;
	text-transform: uppercase;
	color: #fff;
	border: 2px solid #e10a13;
	display: flex;
	justify-content: center;
	align-items: center
}

.hover-butons-incele i {
	color: #fff;
	font-size: 25px;
	padding-left: 6px;
	line-height: 1;
	position: relative;
	transition: all .4s ease-in-out
}

.hover-butons-incele:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #e10a13;
	z-index: -1;
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	-o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	transition: transform .4s, opacity .4s;
	transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.hover-butons-incele:hover {
	color: #e10a13;
	border: 2px solid #dc0a13
}

.hover-butons-incele:hover:before {
	opacity: 0;
	-moz-transform: scale3d(.7, 1, 1);
	-ms-transform: scale3d(.7, 1, 1);
	-o-transform: scale3d(.7, 1, 1);
	-webkit-transform: scale3d(.7, 1, 1);
	transform: scale3d(.7, 1, 1)
}

.hover-butons-incele:hover i {
	color: #e10a13
}

.hover-liste-incele i {
	font-size: 22px
}

.liste-incele {
	font-size: 13px!important;
	letter-spacing: 1px;
	line-height: 50px;
	width: 75%;
	margin: auto;
	height: 50px
}

.hover-butons-stok i {
	font-size: 19px
}

@media all and (max-width:1300px) {
	.katalog-detay {
		min-height: 150px
	}
}

@media (min-width:992px) {
	.urun-kutusu.active {
		clear: left
	}
	.urun-kutusu.active h2 {
		margin: 15px 0
	}
	.urun-kutusu.active a {
		font-size: 18px
	}
	.urun-kutusu.active .kutu-link {
		width: 100%
	}
	.urun-kutusu.active .kutu-link img {
		width: 100%;
		max-width: inherit
	}
}

@media all and (max-width:992px) {
	.urun-kutusu.active {
		margin: 0 auto;
		float: none!important
	}
	.urun-kutusu.active img {
		max-width: 100%;
		max-height: 216px
	}
	.urun-kutusu {
		margin-bottom: 10px
	}
	.katalog-detay {
		padding-top: 0;
		min-height: 200px
	}
	.urun-sag-indirim {
		font-size: 14px;
		padding: 5px 14px
	}
	.urun-kutusu .kutu-urun-resmi {
		min-height: inherit
	}
	.kutu-urun-detay-mm {
		padding-bottom: 0
	}
	.urun-hover-detay {
		position: relative;
		padding: 0;
		width: 100%;
		top: inherit;
		bottom: 0;
		visibility: visible;
		opacity: 1;
		-moz-transform: scaleY(1);
		-ms-transform: scaleY(1);
		-o-transform: scaleY(1);
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@media all and (max-width:600px) {
	.kutu-urun-detay-mm h2 a {
		font-weight: 400;
		font-size: 13px;
		line-height: 1.1em;
		padding: 6px 0 6px;
		color: #282828;
		z-index: 5;
		text-align: center;
		display: -webkit-box;
		overflow: hidden;
		height: 36px;    
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
	}
	.urun-fiyat {
		font-size: 16px
	}
	#eski-fiyat {
		font-size: 12px;
		font-weight: 600;
		min-height: 19px
	}
}

@media all and (max-width:500px) {
	.hover-butons.hover-butons-sepet,
	.hover-butons.hover-butons-stok {
		width: 33.333%
	}
	.hover-butons {
		width: 33.333%
	}
}

.kutu-link {
	display: inline-block
}

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

.liste-ozellik {
	text-align: left;
	margin-bottom: 5px
}

.liste-ozellik .liste-yeni {
	cursor: pointer;
	margin: auto;
	border: 2px solid #333;
	background: #fff;
	color: #333;
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 9px;
	text-align: center;
	letter-spacing: 1px;
	display: inline-block
}

.liste-ozellik .liste-indirim {
	font-family: Montserrat, sans-serif;
	cursor: pointer;
	margin: auto;
	border: 2px solid #e10a13;
	background: #e10a13;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 5px 10px;
	text-align: center;
	display: inline-block
}

.urun-liste-detay {
	margin: 0;
	padding: 10px 15px;
	font-family: Montserrat, sans-serif
}

.urun-liste-detay h2 {
	float: left;
	width: 100%;
	text-align: left;
	margin: 0
}

.urun-liste-detay h2 a {
	font-weight: 600;
	font-size: 17px;
	line-height: 1em;
	padding: 0;
	z-index: 5;
	text-align: left;
	display: inline-block;
	color: #282828
}

.urun-liste-fiyat {
	text-align: left;
	padding-left: 0;
	float: left
}

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

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

.urun-liste-puan {
	padding: 0
}

.liste-aciklama {
	text-align: left;
	padding: 0;
	font-size: 13px
}

.liste-aciklama p {
	color: #757575;
	margin: 0
}

.urun-liste-hover {
	padding: 0;
	margin-top: 10px
}

.urun-liste-hover .hover-butons {
	max-width: 50px;
	line-height: 40px;
	height: 40px
}

.urun-liste-hover .hover-butons-sepet {
	max-width: 250px;
	font-size: 13px;
	font-weight: 600;
	margin-right: 10px;
	line-height: 37px;
	position: relative;
	z-index: 1;
	color: #fff;
	border: 2px solid #e10a13
}

.urun-liste-hover .hover-butons-sepet:after {
	display: none
}

.urun-liste-hover .hover-butons-sepet:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #e10a13;
	z-index: -1;
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	-o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	transition: transform .4s, opacity .4s;
	transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.urun-liste-hover .hover-butons-sepet:hover {
	color: #e10a13!important;
	border: 2px solid #dc0a13
}

.urun-liste-hover .hover-butons-sepet:hover:before {
	opacity: 0;
	-moz-transform: scale3d(.7, 1, 1);
	-ms-transform: scale3d(.7, 1, 1);
	-o-transform: scale3d(.7, 1, 1);
	-webkit-transform: scale3d(.7, 1, 1);
	transform: scale3d(.7, 1, 1)
}

.urun-liste-hover .hover-butons-sepet:hover i {
	color: #e10a13
}

.urun-liste-hover .hover-butons-sepet i {
	font-size: 20px;
	padding-right: 10px;
	line-height: 30px;
	color: #fff
}

.urun-liste-hover .hover-butons-stok {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #fc1414
}

.urun-liste-hover .hover-butons-stok:before {
	background: #fc1414
}

.urun-liste-hover .hover-butons-stok:hover {
	color: #fc1414!important;
	border: 2px solid #fc0f0f
}

.urun-liste-hover .hover-butons-stok:hover i {
	color: #fc1414!important
}

.urun-liste-buton {
	display: inline-block;
	padding: 10px 10px;
	outline: 0;
	border: 0;
	color: #505050;
	text-align: center;
	margin: 0;
	width: 49%;
	font-size: 25px;
	cursor: pointer
}

.urun-liste-buton:hover {
	color: #e10a13
}

.urun-liste-buton-sepet {
	background: #e10a13;
	color: #fff;
	border-right: 1px solid #eee
}

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

.urun-liste-buton-fav {
	background: 0 0;
	color: #e10a13
}

.urun-liste-buton-stok {
	background: #e10a13;
	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
	}
}

@media all and (max-width:992px) {
	.urun-liste-hover .hover-butons-sepet i {
		display: block;
		line-height: 35px;
		height: 100%;
		padding-right: 0!important
	}
	.urun-liste-hover .hover-butons-stok {
		display: block
	}
}

.anasayfa-kutu .kutu-urun-border {
	float: left
}

.anasayfa-kutu .kutu-urun-resmi {
	padding: 7px
}

.anasayfa-kutu .urun-liste-detay {
	padding: 0 10px;
	min-height: 190px
}

.anasayfa-kutu .urun-liste-detay h2 a {
	font-size: 14px;
	font-weight: 400;
	display: block
}

.anasayfa-kutu .urun-liste-puan {
	min-height: 30px
}

@media all and (max-width:1400px) {
	.anasayfa-kutu .urun-liste-detay {
		min-height: 230px
	}
}

@media all and (max-width:600px) {
	.anasayfa-kutu .urun-liste-detay {
		min-height: 230px
	}
}

* {
	font-family: Montserrat, sans-serif;
	margin: 0;
	padding: 0
}

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

#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: 0
}

#e-bulten-modal .modal-content {
	padding: 25px 0;
	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 #f5f5f5;
}

.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;
	cursor: pointer;
}

.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 #e10a13;
	border-width: 0 1px 1px 0;
}

@media all and (max-width: 992px) {
	.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 #e10a13;
		border-radius: 50%;
		background: #e10a13;
		padding: 0px;
		margin: 0px;
	}
	.urun-detay-resim .slick-dots li.slick-active button {
		background: #fff;
	}
}


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

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

.urun-detay-top-bilgi {
	padding: 0px;
	border-bottom: 1px solid #f5f5f5;
	height: auto;
	display: inline-block;
}

.detay-none {
	min-height: 0px;
}

.fiyat-row {
	color: #333;
	white-space: nowrap;
	font-size: 14px;
	width: 100%;
	padding: 15px 5px 15px 0px;
	font-weight: 600;
	display: flex;
	display: -webkit-flex;
	align-items: flex-end;
	-webkit-align-items: flex-end;
}

.detay-fiyat-row {
	padding: 5px 5px 5px 0;
}

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

.urun-detay-baslik {
	display: block;
	width: 100%;
	text-align: left;
	color: #333333;
	font-size: 25px;
	font-weight: 400;
	margin: 0 0 0px;
}

.urun-detay-aciklama {
	padding: 24px 0;
	margin-bottom: 5px;
}

.urun-detay-aciklama p {
	letter-spacing: -0.4px;
	font-size: 13px;
	margin: 0px;
	color: #5a5959;
}

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

.urun-detay-stok strong {
	color: #282828;
}

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

.urun-detay-marka a {
	font-weight: 300;
	color: #757575;
}

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

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

.detay-puan .detay-puan-val {
	text-align: left;
}

#prod_pricing_v3 .varyant-baslik {
	float: left;
	display: block;
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 0.5px;
	font-size: 15px;
	width: 100%;
	padding: 12px 10px 5px 10px;
	margin: 0px !important;
}

.detay-kargo-row {
	padding: 5px 5px 5px 0px;
	font-weight: 300;
}

.detay-kargo-row .detay-kargo {
	font-weight: 600;
}

.varyant-deger.varyant-renk {
	padding: 0px !important;
	border-radius: 50%;
	overflow: hidden;
	min-width: 30px;
	min-height: 30px;
	width: 30px;
	height: 30px;
	position: relative;
}

button.off {
	font-family: "Montserrat", sans-serif;
	padding: 2px 10px;
	min-width: 65px;
	min-height: 50px;
	float: left;
	display: block;
	margin: 0 5px;
	border: 2px solid #d6d6d6;
	background: transparent;
	text-align: center;
	line-height: 34px;
	margin-bottom: 5px;
	cursor: pointer;
	margin-left: 0px;
	transition: all 0.2s ease;
}

button.off:hover {
	background: #d6d6d6;
	color: #fff;
}

button.on {
	font-family: "Montserrat", sans-serif;
	padding: 2px 10px;
	min-width: 65px;
	min-height: 50px;
	border: 0px !important;
	float: left;
	display: block;
	background: #d6d6d6;
	margin: 0 5px;
	cursor: pointer;
	text-align: center;
	line-height: 34px;
	margin-bottom: 5px;
	cursor: pointer;
	color: #fff;
	margin-left: 0px;
}

.select-div {
	width: auto;
	min-width: 310px;
	line-height: 40px;
	height: 40px;
	padding: 0 0 0 15px;
	border: none;
	background: #f4f4f4;
	color: #888;
	font-size: 13px;
}

.select-div:focus {
	border: 0px;
}

@media all and (max-width: 400px) {
	.select-div {
		min-width: 100%;
	}
}

.varyant-deger img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 200%;
	max-width: 200% !important;
}


/*Fiyat Bilgileri*/

.satis-fiyati {
	color: #5d635d;
	font-size: 20px;
	font-weight: 600;
	padding: 0px;
}

.urun-detay-fiyat {
	font-family: "Montserrat", sans-serif;
	float: left;
}

.urun-detay-fiyat #SatisFiyati {
	float: left;
	padding-right: 10px;
	color: #282828;
}

.urun-detay-fiyat #eski-fiyat {
	font-size: 17px;
	font-weight: 600;
	color: #757575;
	padding: 0px;
	min-height: inherit;
	font-family: "Montserrat", sans-serif;
	text-decoration: line-through;
}

.detay-ozellik {
	padding: 0px;
	float: left;
	margin-bottom: 10px;
}

.detay-ozellik .indirim-detay {
	float: left;
}

.detay-ozellik .indirim-detay .urun-detay-indirim {
	font-family: "Montserrat", sans-serif;
	width: auto;
	font-weight: 600;
	padding: 4px 10px;
	display: block;
	border: 2px solid #fc1414;
	background: #fc1414;
	color: #fff;
	font-size: 13px;
	text-align: center;
	height: 30px;
	float: left;
}

.detay-ozellik .indirim-detay .indirim-detay-yazi {
	font-family: "Montserrat", sans-serif;
	width: auto;
	font-weight: 600;
	padding: 4px 10px;
	display: block;
	border: 2px solid #fc1414;
	background: #fff;
	color: #fc1414;
	letter-spacing: 1px;
	font-size: 12px;
	text-align: center;
	height: 30px;
	float: left;
}

.detay-ozellik .yeni-detay {
	margin-right: 4px;
	float: left;
	border: 2px solid #333333;
	background: #ffffff;
	color: #333333;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	font-weight: 600;
	padding: 5px 9px;
	text-align: center;
	letter-spacing: 1px;
	height: 30px;
}
.detay-fiyat-gosterim-list{
	padding-top: 1rem!important;
}   
.detay-fiyat-gosterim-list span b{
	font-weight: 600;  
}

/*Aksiyon ButonlarA?AA?fAA?a??a?A?A?A?A?a??A?AA?}*/

.urun-adet-dis {
	margin-right: 3%;
	width: 32%;
	height: 60px;
	float: left;
	background: #f4f4f4;
}

.urun-adet-input {
	width: 65%;
	text-align: center;
	height: 100%;
	float: left;
	border-right: none;
}

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

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

.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;
}

.satin-al {
	font-family: "Montserrat", sans-serif;
	color: #FFF;
	border-radius: 0;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
	width: 65%;
	min-width: 185px;
	float: left;
	text-align: center;
	letter-spacing: 0.5px;
	font-weight: 600;
	height: 60px;
	line-height: 60px;
	margin-bottom: 0px;
	padding: 0px !important;
	position: relative;
	border: 2px solid #e10a13;
}

.satin-al:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	background: #e10a13;
	z-index: -1;
	opacity: 1;
	-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	-o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	transition: transform 0.4s, opacity 0.4s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.satin-al:hover {
	color: #e10a13;
	border: 2px solid #dc0a13;
}

.satin-al:hover:before {
	opacity: 0;
	-moz-transform: scale3d(0.7, 1, 1);
	-ms-transform: scale3d(0.7, 1, 1);
	-o-transform: scale3d(0.7, 1, 1);
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
}

.satin-al i {
	font-size: 22px;
	margin-right: 7px;
	line-height: 1;
}

.stokta-yok {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #fc1414;
}

.stokta-yok:before {
	background: #fc1414;
}

.stokta-yok:hover {
	color: #fc1414;
	border: 2px solid #fc0f0f;
}

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

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

.stokta-haber-ver {
	margin-right: 3%;
	width: 32%;
	height: 60px;
	float: left;
	background: #f4f4f4;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

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

.urun-butons {
	width: 50px;
	height: 100%;
	float: left;
	border-left: 5px solid #fff;
}

.urun-butons a:hover {
	color: #fff;
}

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

.detay-fav-button {
	font-family: "Montserrat", sans-serif;
	width: 100%;
	display: block;
	height: 100%;
	line-height: 60px;
	outline: none;
	border: 0px;
	color: #282828;
	background: #fff;
	margin: 0px;
	padding: 0px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 2px;
	font-size: 22px;
	position: relative;
	cursor: pointer;
	z-index: 1;
}

.detay-fav-button:before {
	content: "";
	position: absolute;
	border-radius: 50%;
	left: 0;
	z-index: -1;
	background: #3c3b3b;
	transition: all 0.3s ease;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0px;
	height: 0px;
}

.detay-fav-button:hover {
	color: #fff;
}

.detay-fav-button:hover:before {
	padding: 20px;
}

.detay-fav-button i {
	line-height: 60px;
}

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

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

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

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


/*--------------------------------URUN-DETAY-PAYLAA?AA?fAA?a??a?A?A?A|A?a??A?A?----------------------------------*/

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

#icon-social a {
	text-decoration: none;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	display: inline-block;
	border-radius: 50%;
	margin: 0px 0.5%;
}

.social-facebook {
	background: #365396;
}

.social-twitter {
	background: #00a8f0;
}

.social-google {
	background: #e0462e;
}

.social-pinterest {
	background: #cc1919;
}


/*--------------------------------URUN-DETAY-PAYLAA?AA?fAA?a??a?A?A?A|A?a??A?A?----------------------------------*/


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

.urun-tablari {
	margin-top: 50px;
}

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

.urun-tablari .nav li a {
	border-radius: 0 !important;
	padding: 10px 15px;
	font-size: 14px;
	letter-spacing: 0.5px;
	color: #757575;
	background: 0 0 !important;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
}

.uruntablari-alias.active {
	font-family: "Montserrat", sans-serif;
	border-radius: 0px;
	background-color: #e10a13;
	padding: 0 15px;
}

.uruntablari-alias.active a {
	font-weight: 600;
	color: #fff !important;
}

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

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


/*--------------------------------URUN-DETAY-TA?AA?fAA?a??a?A?A?A?A?a??A?AA?a?1MER----------------------------------*/

.timer-detay {
	max-width: 300px;
	margin-bottom: 10px;
}


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

@media all and (max-width: 992px) {
	#urun-fiyat-bilgileri {
		margin-top: 20px;
	}
	.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;
	}
	.satin-al i {
		font-size: 18px;
	}
	.detay-butons-div {
		padding: 0px;
	}
	.stokta-haber-ver {
		border-left: 0px;
		min-width: inherit;
		width: 25%;
		margin-right: 0px;
	}
	.urun-detay-fiyathaber {
		height: 40px;
	}
	.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-statik-bolum {
		margin-bottom: 25px;
	}
	.urun-detay-fiyathaber,
	.urun-detay-puan,
	.urun-tablari .nav li {
		width: 100%;
	}
	.detay-butons {
		flex-flow: row wrap;
	}
}

@media all and (max-width: 330px) {
	.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;
	color: #333333;
	font-family: "Montserrat", 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: #e10a13;
	opacity: 1;
	width: 25px;
	height: 25px;
	border: transparent;
	margin-right: 15px;
	z-index: 1;
}

#haftanin-urunleri .slick-arrow:before {
	opacity: 1;
	border-width: 0 1px 1px 0 !important;
}

#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: 100%;
	margin: 0 auto;
}

@media all and (max-width: 992px) {
	#divUrunTabs {
		padding: 30px 0px;
	}
}


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


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

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

#divUrunAciklama .PropRow,
#divUrunTabs .PropRow {
	margin-bottom: 15px;
	height: auto;
	display: inline-block;
	width: 100%;
}

#divUrunAciklama .PropName,
#divUrunTabs .PropName {
	font-size: 25px;
	color: #e10a13;
	font-weight: 600;
}

#divUrunAciklama .PropProperty,
#divUrunTabs .PropProperty {
	font-size: 25px;
	font-weight: 900;
}

.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: #e10a13;
}

.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: #e10a13;
}


/*yorum saA?AA?fAA?a??a?A?A?A?A?a?|A?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: #e10a13;
}

.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: #e10a13 !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;
	}
	#divUrunAciklama .PropName,
	#divUrunTabs .PropName {
		font-size: 15px;
	}
	#divUrunAciklama .PropProperty,
	#divUrunTabs .PropProperty {
		font-size: 18px;
	}
}

@media all and (max-width: 600px) {
	#divUrunAciklama {
		padding: 5px 0px;
	}
	.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;
 }		
.urun-hover-detay, .fiyat-row {
	display: none!important;
}
#anasayfa-slider-container {
	display: flex;
	flex-direction: row;
	gap: 16px;
}
.top-banner-box img {
	border: 5px solid #e10a13;
}