@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: source_sans_pro_regular;
	src: url("font/SourceSansPro/SourceSansPro-Regular.otf") format("opentype");
}

@font-face {
	font-family: source_sans_pro_bold;
	src: url("font/SourceSansPro/SourceSansPro-Bold.otf") format("opentype");
}

@font-face {
	font-family: source_sans_pro_light;
	src: url("font/SourceSansPro/SourceSansPro-Light.otf") format("opentype");
}


@font-face {
	font-family: 'jostlight';
	src: url("font/jost/static/Jost-Light.ttf") format("opentype");
}

@font-face {
	font-family: 'jostregular';
	src: url("font/jost/static/Jost-Regular.ttf") format("opentype");
}

@font-face {
	font-family: 'jostbold';
	src: url("font/jost/static/Jost-Bold.ttf") format("opentype");
}

@font-face {
	font-family: 'robotobold';
	src: url("font/roboto/roboto-bold-webfont.ttf") format("opentype");
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Inter','Open Sans', sans-serif;
	font-size: 14px;
	color: #666666;
	text-rendering: optimizeLegibility;
	background:#f3f3f3;
}

#body {
	min-height: 100%;
	width: 100%;
	position: relative;
	background:#fff;
}

.header{
	border-bottom: 1px solid #e4e4e4;
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	z-index: 40;
	position: relative;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,.15);
}

.shippingFree{
    background-color: #000;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 5px 0px 5px 0px;
}
.header .header_body{
	padding: 5px 0px 5px 0px;
}

.header .logo{
	padding: 5px 0px 0px 0px;
}

.header .logo img{
	height: 50px;
}

.header .search_box{
	margin-top: 9px;
}

/*Phones (<768px)*/
@media (max-width: 767px) {
	.header{
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,.1);
	}
	.header .logo{
		text-align: left;
		height: 70px;
	}

	.header .logo img{
		margin-top: 5px;
	}

	.header .mobil_btn{
		margin-top: 10px;
	}

	.header .search_box{
		margin-top: 0px;
	}
	.header .header_body{
		padding-top: 0px;
		padding-bottom: 10px;
	}
}

.header .search_box input{
	float:right;
	padding:10px 6px 10px 40px;
	border:0px solid #999;
	border-bottom:0px solid #999;
	background: #f6f6f6 url("../image/search.png") no-repeat scroll 8px 10px;
	outline:none;
	font-family:"robotoregular", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
    border-radius: 10px;
}

.productsBox{

}




.menu_box{
	border-top: 0px solid #e4e4e4;
	margin: 11px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	bottom: 0px;
	letter-spacing: 0;
	display: table;
	position: relative;
	box-shadow: none;
	background: transparent;
	float:right;
}

.menu_box .menuSatis{
	display: table-cell;
	vertical-align: middle;
	width:120px;
	letter-spacing: 0;
	text-align:center;
	border-top: 0px solid #e4e4e4;
}

.menu_box .menuSatis a {
	background-color:#1cbd9d;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:9px 13px 8px 13px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}
.menu_box .menuSatis a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#19a98c;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.menu_box .menuMagaza{
	display: table-cell;
	vertical-align: middle;
	width:50px;
	letter-spacing: 0;
	text-align:center;
	border-top: 0px solid #e4e4e4;
}

.menu_box .menuMagaza a {
	background-color:#fff;
	display:inline-block;
	cursor:pointer;
	color:#a19570;
	font-family:Arial;
	font-size:28px;
	font-weight:bold;
	padding:0px 8px 0px 8px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}
.menu_box .menuMagaza a:hover {
	text-decoration:none;
	color:#938763;
	background-color:#fff;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.menu_box .menu_account{
	display: table-cell;
	vertical-align: middle;
	width:140px;
	letter-spacing: 0;
	position:relative;
	border:0px solid #25b1a7;
	text-align:center;
	border-top: 0px solid #e4e4e4;
}

.menu_box .menu_account > a {
	background-color:#e5e5e5;
	display:inline-block;
	cursor:pointer;
	color:#555;
	font-family:Arial;
	font-size:16px;
	font-weight:normal;
	padding:9px 7px 8px 7px;
	text-decoration:none;
	border:1px solid #e5e5e5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.menu_box .menu_account > a:hover {
	text-decoration:none;
	color:#333;
	background-color:#f0f0f0;
}

.menu_box .menu_account > a.active {
	text-decoration:none;
	color:#fff;
	background-color:#999;
	border:1px solid #999;
}

.menu_box .menu_account span{
}

.menu_box .menu_account span:after{
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	font-size:12px;
	font-weight:bold;
	float:right;
	font-size:16px;
	color:#333;
	margin:0px 0px 0px 7px;
}

.menu_box .menu_account > a.active span:after{
	content: "\f0d8";
	font-family: "Font Awesome 5 Free";
	font-size:12px;
	font-weight:bold;
	float:right;
	font-size:16px;
	color:#fff;
	margin:0px 0px 0px 7px;
}

.menu_box .menu_account .menu_account_list{
	display:none;
	position: absolute;
	left: 50% !important;
	top: 100% !important;
	margin-top: 8px;
	margin-left:-100px;
	background: #fff;
	border: 0;
	border-top:3px solid #1cbd9d;
	border-radius: 0;
	padding: 0px 0px 0px 0px;
	-webkit-box-shadow: 0px 1px 6px 0px #c9c9c9;
	-moz-box-shadow: 0px 1px 6px 0px #c9c9c9;
	box-shadow: 0px 3px 6px 0px #999;
	width: 200px;
	color: #767676;
	z-index: 200;
}
.menu_box .menu_account .menu_account_list:after{
	content: '';
	position:absolute;
	left: 50%;
	margin-left:-9px;
	top:-8px;
	border-style: solid;
	border-width: 0 8px 8px 8px;;
	border-color: transparent transparent #fff transparent;
}

.menu_box .menu_account .menu_account_list:before{
	content: '';
	position:absolute;
	left: 50%;
	margin-left:-12px;
	top:-12px;
	border-style: solid;
	border-width: 0 11px 10px 10px;;
	border-color: transparent transparent #1cbd9d transparent;
}

.menu_box .menu_account .menu_account_list p{
	padding: 5px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #e4e4e4;
	background-color: #f9f9f9;
	font-size: 14px;
}

.menu_box .menu_account .menu_account_list ul{
	margin:5px 10px 5px 10px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

.menu_box .menu_account .menu_account_list ul li{
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.menu_box .menu_account .menu_account_list ul li a{
	font-family:'robotoregular', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#444;
	display:block;
	padding:5px 0px 5px 0px;
	text-decoration:none;
	border-bottom:1px solid #fcfcfc;
}

.menu_box .menu_account .menu_account_list ul li a:hover{
	color:#cf497c;
}

.menu_box .menu_account .menu_account_list ul li:last-child a{
	font-family:'robotobold', Arial, Helvetica, sans-serif;
	border-bottom:0px solid #e4e4e4;
	color:#cf497c;
}

.menu_box .menu_account .menu_account_list ul li a i{
	font-size:14px;
	color:#999;
	display:inline-block;
	padding:0px 0px 0px 0px;
	width:20px;
}

.menu_box .menu_membership{
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	letter-spacing: 0;
	position:relative;
	border:0px solid #25b1a7;
	text-align:center;
}

.menu_box .menu_membership > a {
	display:inline-block;
	cursor:pointer;
	color:#333;
	font-family:Arial;
	font-size:15px;
	padding:0px 5px 0px 5px;
	text-decoration:none;
	width: 80px;
}

.menu_box .menu_membership > a i {
	font-size: 14px;
	color:#999;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.menu_box .menu_membership > a:hover i{
	text-decoration:none;
	color:#333;
	color: #666;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.menu_box .menu_membership > a > p{
	color: #666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.menu_box .menuBildirim{
	display: table-cell;
	vertical-align: middle;
	width: 70px;
	letter-spacing: 0;
	border-top: 0px solid #e4e4e4;
}

.menu_box .menu_cart{
	display: table-cell;
	vertical-align: middle;
	width:40px;
	letter-spacing: 0;
	border-top: 0px solid #e4e4e4;
}

.menu_box .menu_cart .cart a{
	font-size:30px;
	color:#aaa;
	position:absolute;
	top:1px;
	right:0px;
	display: inline-block;
	background: #e5e5e5;
	height: 40px;
	width: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.menu_box .menu_cart .cart a:hover{
	background:#999999;
}

.menu_box .menu_cart .cart a i{
	font-size:30px;
	color:#aaa;
	position:absolute;
	top:5px;
	right:7px;
}

.menu_box .menu_cart .cart a:hover i{
	color: #fff;
}

.menu_box .menu_cart .cart a .product_count{
	position:absolute;
	right:-9px;
	top:-9px;
	display:inline-block;
	width: 24px;
	font-family:'liberation_sansregular', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	line-height: 20px;
	text-align: center;
	padding:0px 2px 0px 2px;
	font-weight: bold;
	background:#1cbd9d;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	-ms-border-radius: 150px;
	-o-border-radius: 150px;
	border-radius: 150px;
	border: 2px solid #fff;
}

.header .header_footer{
	margin-top: 5px;
	border-top: 1px solid #e4e4e4;
	background-color: #fff;
	padding: 0px 0px 0px 0px;
}

.header .header_footer .footer_menu{
	position: relative;
	justify-content: left;
}

.header .header_footer .footer_menu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;

}

.header .header_footer .footer_menu > ul li{
    float: left;
    width: 16.6%;
	margin: 0px 0px 0px 0px;

}

.header .header_footer .footer_menu > ul li > a{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 12px 13px 12px 13px;
	font-size: 16px;
	color: #333;
	display: block;
	border-right: 0px solid #e4e4e4;
	transition: .25s all ease-in-out;
    -webkit-transition: .25s all ease-in-out;
    text-align: center;
}

.header .header_footer .footer_menu > ul li:first-child a{
	border-left: 0px solid #e4e4e4;
}

.header .header_footer .footer_menu > ul li > a:hover{
	background-color: #fff;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	transition: .25s all ease-in-out;
    -webkit-transition: .25s all ease-in-out;
}

.header .header_footer .footer_menu > ul li > a:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 0px;
	border-bottom: 2px solid #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header .header_footer .footer_menu > ul li > a:hover:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	border-bottom: 2px solid #a58369;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header .header_footer .footer_menu > ul li > a.active{
	background-color: #fff;
	text-decoration: none;
	color: #333;
}

.header .header_footer .footer_menu > ul li > a > img{
	float: left;
	display: inline-block;
	margin-right: 5px;
	height: 20px;
}


.altMenu{
	z-index: 100;
	position: absolute;
	top: 47px;
	left: 0px;
	display: none;
	border-bottom: 0px solid #ccc;
	border-left: 0px solid #e4e4e4;
	border-right: 0px solid #e4e4e4;
	border-top: 0px solid #e4e4e4;
	width: 100%;
	padding: 6px 20px 6px 20px;
	background-color: #fff;
	box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, .25);
}

.altMenu h2{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	color: #1cbd9d;
}

.altMenu .altMenuKutu{
	border: 0px solid #e4e4e4;
	padding: 5px 5px 5px 10px;
	margin: 0px 0px 10px 0px;
}

.altMenu h3{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 0px solid #e4e4e4;
	color: #666;
}

.altMenu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;

}

.altMenu ul li{
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.altMenu ul li a{
	display: block;
	margin: 0px 5px 0px 0px;
	padding: 5px 20px 5px 5px;
	font-size: 16px;
	color: #666;
	border-radius: 3px;
	background-color: #fff;
	position: relative;
}

.altMenu ul li a:hover{
	text-decoration: none;
	color: #333;
	background-color: #fff;
}


.altMenu ul li a:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 0px;
	border-bottom: 2px solid #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.altMenu ul li a:hover:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	border-bottom: 2px solid #a58369;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.altMenu .image{
    padding: 15px;
}

.altMenu .image img{
    width: 100%;
}
/*
Category List
*/

.parentList{
	background-color: #fcfcfc;
	border-bottom: 1px solid #e9e9e9;
	padding: 10px 0px 10px 0px;
}

.parentList ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

.parentList ul li{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}

.parentList ul li:after{
	content: "/";
	padding-left: 10px;
}

.parentList ul li:last-child:after{
	content: "";
	padding-left: 10px;
}

.parentList ul li a{
	display: inline-block;
	padding:2px 4px 2px 4px ;
	font-size: 13px;
	color: #666;
}

.parentList ul li.all a{
	display: inline-block;
	padding:0px 4px 0px 4px ;
	border: 0px solid #e4e4e4;
	font-size: 16px;
	color: #FFF;
	background-color: #999;
}


/*
Product
 */

.productListBox{
	padding: 0px 0px 0px 0px;
	border: 0px solid #ccc;
}

.filterBox{
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	border: 1px solid #e4e4e4;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.filterBoxx{
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	border: 1px solid #e4e4e4;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.filterBox h2 {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	cursor: pointer;
}

.filterBox > div{
	margin-top: 15px;
}

.filterBox h2 i{
	display: none;
}

/*Phones (<768px)*/
@media (max-width: 992px) {

	.filterBox h2 i{
		display: inline-block;
		position: absolute;
		right: 25px;
	}

	.filterBox > div{
		display: none;
	}

}

.filterBox.category ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

.filterBox.category ul li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

.filterBox.category ul li a{
	display: block;
	font-size: 14px;
	color: #333;
	padding: 4px 4px 4px 0px;
}

.filterBox.category ul li a:hover{
	text-decoration: none;
	color: #ff6541;
}

.filterBox.category ul li.parent a::before {
	content: "\f105";
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
	font-size: 16px;
}

.filterBox.category ul li.parent:last-child {
	border-bottom: 0px solid #e4e4e4;
	margin-bottom: 5px;
}

.filterBox.category ul li.parent:last-child a{
	color: #ee3148;
}

.filterBox.filter ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

.filterBox.filter ul li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

.filterBox.filter ul li a{
	display: block;
	font-size: 14px;
	color: #333;
	padding: 4px 4px 4px 10px;
}

.filterBox.filter ul li a:hover{
	text-decoration: none;
	color: #ff6541;
}

.filterBox.filter  ul li a::before {
	content: "\f0c8";
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	font-size: 16px;
}


.filterBox.filter  ul li a.active::before {
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	font-size: 16px;
	font-weight: 900;
	color: #e3565c;
}

.filterBox.filter .flex{
	display: flex;
	margin-bottom: 10px;
}

.filterBox.filter .flex div{
	padding-left: 5px;
}

.filterBox.filter .form-control{
	font-size: 14px;
	height: 40px;
	padding: 10px 10px 10px 10px;
}

.filterBox.filter .priceSearchButton{
	display: flex;
	font-size: 20px;
	align-items: center;
	height: 40px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	color: #666;
}

/*
Filtır Nav
*/

.filterBoxListNav .filterBox{
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	border: 1px solid #e4e4e4;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.filterBoxListNav .filterBox h2 {
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	color: #000;
}

.filterBoxListNav .filterBox.category ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

.filterBoxListNav .filterBox.category ul li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

.filterBoxListNav .filterBox.category ul li a{
	display: block;
	font-size: 14px;
	color: #333;
	padding: 4px 4px 4px 0px;
}

.filterBoxListNav .filterBox.category ul li a:hover{
	text-decoration: none;
	color: #ff6541;
}

.filterBoxListNav .filterBox.category ul li.parent a::before {
	content: "\f105";
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
	font-size: 16px;
}

.filterBoxListNav .filterBox.category ul li.parent:last-child {
	border-bottom: 0px solid #e4e4e4;
	margin-bottom: 5px;
}

.filterBoxListNav .filterBox.category ul li.parent:last-child a{
	color: #ee3148;
}

.filterBoxListNav .filterBox.filter ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

.filterBoxListNav .filterBox.filter ul li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

.filterBoxListNav .filterBox.filter ul li a{
	display: block;
	font-size: 14px;
	color: #333;
	padding: 4px 4px 4px 10px;
}

.filterBoxListNav .filterBox.filter ul li a:hover{
	text-decoration: none;
	color: #ff6541;
}

.filterBoxListNav .filterBox.filter  ul li a::before {
	content: "\f0c8";
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	font-size: 16px;
}


.filterBoxListNav .filterBox.filter  ul li a.active::before {
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
	margin-right: 10px;
	font-size: 16px;
	font-weight: 900;
	color: #e3565c;
}

.filterBoxListNav .filterBox.filter .flex{
	display: flex;
	margin-bottom: 10px;
}

.filterBoxListNav .filterBox.filter .flex div{
	padding-left: 5px;
}

.filterBoxListNav .filterBox.filter .form-control{
	font-size: 14px;
	height: 40px;
	padding: 10px 10px 10px 10px;
}

.filterBoxListNav .filterBox.filter .priceSearchButton{
	display: flex;
	font-size: 20px;
	align-items: center;
	height: 40px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	color: #666;
}

.filterTagBox {
	background-color: #fff;
	border: 0px solid #e9e6dc;
	display: block;
	vertical-align: middle;
	width: 100%;
	letter-spacing: 0;
	text-align: left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.filterTagBox ul{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.filterTagBox ul li{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	display: block;
	border-bottom: 0px solid #ccc;
	background-color: #f5e7e6;
}

.filterTagBox ul li:last-child{
	margin: 0px 0px 0px 0px;
}

.filterTagBox ul li a{
	display:block;
	padding: 7px 0px 4px 8px;
	border:0px solid #333;
	text-decoration:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-border-radius:0px 0px 0px 0px;
	-webkit-border-radius:0px 0px 0px 0px;
	border-radius:0px 0px 0px 0px;
}

.filterTagBox ul li a span.name{
	color:#333;
	font-size:11px;
	font-family:Arial, sans-serif;
	display:inline-block;
	padding:0px 7px 0px 6px;
	margin-left:0px;
	white-space: nowrap; /* alt satira hiç inme */
	text-overflow: ellipsis; /* eger uzunsa üç nokta koy */
	max-width:200px;
	overflow:hidden;
	float:left;
}

.filterTagBox ul li a span.title{
	color:#333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline-block;
	width: 75px;
	padding:0px 0px 3px 0px;
	text-decoration:none;
	margin-left:0px;
	position: relative;
}

.filterTagBox ul li a span.just_the_title{
	color:#333;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline-block;
	padding:0px 0px 3px 0px;
	text-decoration:none;
	margin-left:0px;
	position: relative;
}

.filterTagBox ul li a span.title:after{
	content: " : ";
	position: absolute;
	right: 10px;
}

.filterTagBox ul li a span.delete{
	color:#e3565c;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline-block;
	float:left;
	margin-top:-4px;
	padding:3px 0px 0px 0px;
	text-align:center;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;

}

.filterTagBox ul li a span.delete::before{
	content: "\f2ed";
	font-family: "Font Awesome 5 Free";
	color:#e3565c;
	font-size:12px;

}

.filterTagBox ul li a span.delete::after{
	clear:left;
}

.filterBox > div.scroll{
	max-height: 200px;
	overflow: auto;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	box-shadow: inset 0px 0px 0px #f1f1f1;

}

.filterTagBox ul li a.clear{
	background:transparent;
	padding:6px 3px 4px 10px;
	display:inline-block;
	border:0px solid #d7d7d7;
	text-decoration:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	box-shadow:0px 0px #f6f6f6;
	color:#D80B0F;
	font-size:14px;
	font-weight:bold;
}


.variantBox{
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	border: 1px solid #e4e4e4;
	margin-right: 10px;
	margin-left: 9px;
	margin-bottom: 10px;
}

.variantBox h2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	color: #333;
}

.orderBox{
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	border: 1px solid #e4e4e4;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}

.productList{
	padding: 0px 0px 0px 0px;
}

.productList ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}


.productList ul li{
	position: relative;
	float: left;
	border-bottom: 1px solid #eae8e1;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	width: calc(25% - 20px);
	box-sizing: border-box;
	background-color: #fff;

}


.productList.list ul li{
	margin-left: 0px;
	margin-right: 15px;
	width: calc(33.3% - 10px);
}

.productList.list ul li:nth-child(3n) {
	margin-right: 0px;
}


/*Notebook (<1199)*/
@media (max-width: 1199px) {
	.productList ul li {
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
		border-bottom: 1px solid #eae8e1;
		width: calc(25% - 10px);
	}

	.productList.list ul li {
		float: left;
		margin-left: 0px;
		margin-right: 15px;
		margin-bottom: 10px;
		border-bottom: 1px solid #eae8e1;
		width: calc(33.3% - 10px);
	}

	.productList.list ul li:nth-child(3n) {
		margin-right: 0px;
	}
}


/*Tablet (<992)*/
@media (max-width: 992px) {
	.productList ul li {
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
		border-bottom: 1px solid #eae8e1;
		width: calc(33.33333% - 10px);
	}

	.productList.list ul li {
		float: left;
		margin-left: 0px;
		margin-right: 15px;
		margin-bottom: 10px;
		border-bottom: 1px solid #eae8e1;
		width: calc(33.3% - 10px);
	}

	.productList.list ul li:nth-child(3n) {
		margin-right: 0px;
	}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
	.productList ul li {
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 10px;
		border-bottom: 1px solid #eae8e1;
		width: calc(50% - 10px);
	}

	.productList.list ul li {
		float: left;
		margin-left: 0px;
		margin-right: 5px;
		margin-bottom: 10px;
		border-bottom: 1px solid #eae8e1;
		width: calc(50% - 5px);
	}

	.productList.list ul li:nth-child(odd) {
		margin-right: 10px;
	}

	.productList.list ul li:nth-child(even) {
		margin-right: 0px;
	}

}

.productList ul li a{
	position: relative;
	display: inline-block;
	box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 10%);
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	position: relative;
}

.productList ul li a:hover{
	text-decoration: none;
	box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 30%);
}


.productList ul li div.image{
	text-decoration: none;
	position: relative;
	display: inline-block;
}


.productList ul li div.image span.freeShipping{
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: inline-block;
	padding: 6px 5px 5px 6px;
	background-color: #f1671b;
	color: #fff;
	font-size: 10px;
	box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 20%);
	-moz-border-radius: 10px 0px 0px 40px;
	-webkit-border-radius: 10px 0px 0px 40px;
	border-radius: 10px 0px 0px 0px;
	opacity: 0.8;
}

.productList ul li div.image span.freeShipping i{
	display: inline-block;
	background-color: #f1671b;
	color: #fff;
	font-size: 10px;
}

.productList ul li img{
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	width: 100%;
}

.productList ul li a:hover img{

	opacity: 0.9;
}

.productList ul li div.title{
	width: 100%;
	height: 55px;
}

.productList ul li div.title p.productTitle{
	width: 100%;
	display: block;
	color: #444;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	overflow: hidden;

}

.productList ul li div.title span.productVariantTitle{
	width: 100%;
	display: block;
	color: #999;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	height: 30px;
}

.productList ul li div.title span.store{
	width: 100%;
	display: block;
	color: #999;
	font-size: 12px;
	padding: 1px 5px 1px 5px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

.productList ul li div.title span.store i.check{
	display: inline-block;
	color: #0e947a;
	font-size: 13px;
}


.productList ul li span.productPrice{
	width: 100%;
	display: block;
	padding: 0px 5px 5px 5px;
	text-align: left;
}

.productList ul li span.productPrice o{
	color: #dd2c1c;
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	padding-right: 5px;
	text-decoration: line-through;
}

.productList ul li span.productPrice > span{
	font-family: 'jostregular';
	color: #333;
	font-size: 20px;
	font-weight: bold;
}

.productList ul li span.productPrice > span > span{
	color: #555;
	font-size: 16px;
}

.productList ul li span.productPrice > span i{
	color: #555;
	font-size: 14px;
	font-style: normal;
}

.productList ul li div.addFavBtn{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 10;
}

.productList ul li div.addFavBtn i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33px;
	height: 33px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
	border: solid 1px #f0f0f0;
	background: #ffffff;
	box-sizing: border-box;
	border-radius: 100%;
	font-size: 18px;
	color: #0E2231;
}

.productList ul li div.addFavBtn:hover i{
	color: #ee3148;
}

.productList ul li div.addFavBtn.active i{
    color: #ee3148;
}

.productList ul li div.addFavBtn.active:hover i{
    color: #0E2231;
}

.productList ul li div.freeShipping{
	position: absolute;
	left: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 10;
	background-color: #333;
	border-radius: 4px;
	padding: 3px 0px 4px 6px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}

.productList ul li div.freeShipping .inner{
	display: flex;
	align-items: center;
}

.productList ul li div.freeShipping i{
	display: inline-block;
	position: relative;
	color: #fff;
	font-size:10px;
	margin: 5px 0px 0px 0px;
}

.productList ul li div.freeShipping span{
	width: 50px;
	display: inline-block;
	font-size: 9px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	line-height: 9px;
	-webkit-font-smoothing: antialiased;
	padding: 1px 0px 0px 5px;
}




/*
Slider Urun
*/

.productList div.item{
	float: left;
	border-bottom: 1px solid #eae8e1;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 5%);
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
	position: relative;
}

.productList div.item:hover{

	box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 10%);
}



.productList div.item a.addCart{
	text-align: center;
	width: 50%;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #435883;
	font-size: 18px;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	display: none;
	padding: 5px 8px 5px 8px;
	box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 10%);
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	opacity: 0.7;
}

.productList div.item a.addCart:hover {
	background-color: #435883;
	opacity: 1;
}

.productList div.item a.addFav{
	text-align: center;
	width: 50%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #cf7e47;
	font-size: 18px;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	display: none;
	padding: 5px 8px 5px 8px;
	box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 10%);
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	opacity: 0.7;
}

.productList div.item a.addFav:hover {
	background-color: #cf7e47;
	opacity: 1;
}

.productList div.item:hover a.addCart{
	display: inline-block;
}

.productList div.item:hover a.addFav{
	display: inline-block;
}

.productList div.item a.edit{
	text-align: center;
	width: calc(50% - 0px);
	box-sizing: border-box;
	display: inline-block;
	background-color: #fe9e22;
	font-size: 12px;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 5px 2px 5px 2px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	opacity: 0.8;
}

.productList div.item a.edit:hover {
	background-color: #fe9e22;
	opacity: 1;
}

.productList div.item a.delete{
	text-align: center;
	width: calc(50% - 0px);
	box-sizing: border-box;
	display: inline-block;
	background-color: #f4253e;
	font-size: 12px;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 5px 2px 5px 2px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	opacity: 0.8;
}

.productList div.item a.delete:hover {
	background-color: #f4253e;
	opacity: 1;
}

.productList div.item a{
	text-decoration: none;
	position: relative;
}

.productList div.item a.image{
	text-decoration: none;
	position: relative;
	display: inline-block;
}


.productList div.item a.image span.freeShipping{
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: inline-block;
	padding: 6px 5px 5px 6px;
	background-color: #ee1f7a;
	color: #fff;
	font-size: 9px;
	box-shadow: -3px -3px 3px 0px rgb(0 0 0 / 20%);
	-moz-border-radius: 0px 0px 0px 40px;
	-webkit-border-radius: 0px 0px 0px 40px;
	border-radius: 0px 0px 0px 0px;
	opacity: 0.8;
}

.productList div.item a.image span.freeShipping i{
	display: inline-block;
	background-color: #ee1f7a;
	color: #fff;
	font-size: 10px;
}

.productList div.item img{
	width: 100%;
}

.productList div.item h4.productTitle{
	width: 100%;
	display: block;
	color: #444;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.productList div.item span.productPrice{
	width: 100%;
	display: block;
	padding: 0px 5px 5px 5px;
	text-align: center;
}

.productList div.item span.productPrice o{
	color: #666;
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	padding-right: 5px;
	text-decoration: line-through;
}

.productList div.item span.productPrice > span{
	color: #333;
	font-size: 20px;
	font-weight: bold;
}

.productList div.item span.productPrice > span > span{
	color: #555;
	font-size: 16px;
}

.productList div.item span.productPrice > span i{
	color: #555;
	font-size: 14px;
	font-style: normal;
}


h3.title {
	text-align: center;
	border: medium none;
	width: auto;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0px;
	color: #222222;
	position: relative;
	font: 700 30px / 20px 'Open Sans', sans-serif;
	text-transform: capitalize;
	letter-spacing: 0;
}

h3.title:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: calc(50% - 40px);
	width: 80px;
	border-bottom: 3px solid #dd2c1c;
}

/*Phones (<768px)*/
@media (max-width: 767px) {
	h2.title {
		text-align: center;
		border: medium none;
		width: auto;
		margin: 0 0 20px 0;
		padding: 0 0 15px 0px;
		color: #222222;
		position: relative;
		font: 700 24px / 20px 'Open Sans', sans-serif;
		text-transform: capitalize;
		letter-spacing: 0;
	}
}


/*
Urun Box
*/


.urunBox{
	padding: 20px 0px 0px 0px;
}

.urunBox .box{
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 5%);
}

.urunBox .box .image .big img{
	width: 100%;
}

.urunBox .box .image .mini{
	border-top: 2px solid #e4e4e4;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	text-align: center;
}

.urunBox .box .image .mini ul{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.urunBox .box .image .mini ul li{
	width: calc(16.666666% - 0px);
	box-sizing: border-box;
	float: left;
	padding: 0px 5px 0px 5px;
	margin-bottom: 10px;
}

.urunBox .box .image .mini ul li img{
	width: 100%;
}

.urunBox .box .categoryPath ul{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.urunBox .box .categoryPath ul li{
	float: left;
	padding: 0px 5px 0px 5px;
	margin-bottom: 10px;
}

.urunBox .box .categoryPath ul li:after{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-weight: bold;
	color: #b0a37c;
	display: inline-block;
	margin-left: 12px;
	margin-right: 3px;
}

.urunBox .box .categoryPath ul li:last-child:after{
	content: "";
}

.urunBox .box .categoryPath ul li a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #a19570;
}

.urunBox .box .categoryPath ul li:last-child a{
	color: #a19570;
	font-weight: bold;
}

.urunBox .box h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px;
	color: #333;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 0px solid #e4e4e4;
	text-align: left;
}

.urunBox .box .userStoreBox{
	border-top: 0px solid #e7e2d1;
	border-bottom: 0px solid #e7e2d1;
	padding: 0px 0px 5px 0px;
	margin-top: 5px;
	background-color: #fff;
}

.urunBox .box .userStoreBox i{
	color: #968c6a;
	font-size: 14px;
}

.urunBox .box .userStoreBox a{
	color: #968c6a;
	font-size: 16px;
}

.urunBox .box span.freeShipping {
	display: inline-block;
	padding: 6px 5px 5px 3px;
	color: #777;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.urunBox .box .varyantBox{
	border-top: 1px solid #e7e2d1;
	border-bottom: 0px solid #e7e2d1;
	padding: 0px 0px 10px 0px;
	background-color: #fff;
}

.urunBox .box .varyantBox > span{
	display: inline-block;
	background-color: #fff;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 5px 5px 0px;
	margin: 5px 0px 0px 0px;
	border: 0px solid #e6dec7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.urunBox .box .varyantBox h3{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.urunBox .box .varyantBox h3 span{
	font-size: 14px;
	color: #999;
	font-weight: normal;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.urunBox .box .varyantBox ul{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.urunBox .box .varyantBox ul li{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 5px 0px;
}

.urunBox .box .varyantBox ul li a{
	width: 100%;
	text-align: center;
	display: table;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #666;
	background-color: #f9f9f9;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #999;
}

.urunBox .box .varyantBox ul li a span{
	display: table-cell;
	vertical-align: middle;
	height: 25px;
}

.urunBox .box .varyantBox ul li a span i{
	font-style: normal;
	display: block;
	font-size: 12px;
}

.urunBox .box .varyantBox ul li a:hover{
	background-color: #ecfffb;
	border: 2px solid #19a98c;
	padding: 4px 4px 4px 4px;
	color: #333;
}

.urunBox .box .varyantBox ul li a.active{
	background-color: #ecfffb;
	border: 2px solid #19a98c;
	padding: 4px 4px 4px 4px;
	color: #333;
}

.urunBox .box .varyantBox ul li a.disable{
	background-color: #f9f9f9;
	border: 1px solid #e4e4e4;
	padding: 5px 5px 5px 5px;
	color: #ccc;
	cursor: no-drop;
}

.urunBox .box .priceBox{
	border-top: 0px solid #e7e2d1;
	border-bottom: 0px solid #e7e2d1;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
}

.urunBox .box .priceBox div.price{
	box-sizing: border-box;
	float: left;
	padding: 0px 15px 0px 0px;
	margin-bottom: 0px;
	margin-right: 20px;
	height: 60px;
	display: table;
	text-align: left;
}

.urunBox .box  div.price > span{
	font-family: 'jostregular';
	color: #333;
	font-size: 32px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}

.urunBox .box  div.price > span > span{
	color: #555;
	font-size: 26px;
}

.urunBox .box  div.price > span i{
	color: #555;
	font-size: 24px;
	font-style: normal;
}

.urunBox .box .priceBox div.quantity{
	box-sizing: border-box;
	float: left;
	padding: 0px 5px 0px 0px;
	margin-bottom: 0px;
	display: table;
	height: 60px;
}

.urunBox .box .priceBox div.quantity div {
	display: table-cell;
	vertical-align: middle;
}

.urunBox .box .priceBox div.quantity div select{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	padding: 9px 5px 10px 5px;
	border: 1px solid #999;
	outline: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
}

.urunBox .box .priceBox div.no_stock_product{
	box-sizing: border-box;
	float: left;
	padding: 10px 5px 10px 0px;
	margin-bottom: 0px;
	display: table;
	height: 60px;
}

.urunBox .box .priceBox div.no_stock_product p {
	border: 0px solid #d98d7e;
	background-color: #ffebe7;
	color: #d75353;
	font-size: 16px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	border-radius: 3px;
}

.urunBox .box .priceBox div.cart{
	box-sizing: border-box;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	display: table;
	height: 60px;
}

.urunBox .box .priceBox div.cart div {
	display: table-cell;
	vertical-align: middle;
}

.urunBox .box .priceBox div.cart a {
	float: left;
	background-color:#000;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:9px 13px 8px 13px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}
.urunBox .box .priceBox div.cart a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#444;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.urunBox .box .priceBox div.favorite{
	box-sizing: border-box;
	float: left;
	padding: 0px 0px 0px 5px;
	margin-bottom: 0px;
	display: table;
	height: 60px;
	position: relative;
}

.urunBox .box .priceBox div.favorite div.addFavBtn{
	position: relative;
	right: -35px;
	top: 12px;
	cursor: pointer;
	z-index: 10;
}

.urunBox .box .priceBox div.favorite div.addFavBtn i{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33px;
	height: 33px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
	border: solid 1px #f0f0f0;
	background: #ffffff;
	box-sizing: border-box;
	border-radius: 100%;
	font-size: 18px;
	color: #0E2231;
}

.urunBox .box .priceBox div.favorite div.addFavBtn:hover i{
	color: #ee3148;
}

.urunBox .box .priceBox div.favorite div.addFavBtn.active i{
	color: #ee3148;
}

.urunBox .box .priceBox div.favorite div.addFavBtn.active:hover i{
	color: #0E2231;
}

.urunBox .box .shippingBox{
	border-top: 0px solid #e7e2d1;
	border-bottom: 0px solid #e7e2d1;
	padding: 15px 15px 15px 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #f6f8f8;
}

.urunBox .box .shippingBox span{
	display: inline-block;
	color: #444;
	font-size: 13px;
	padding-left: 10px;
}

.urunBox .box .shippingBox i{
	color: #444;
	font-size: 16px;
}

.urunBox .box  div.kargoLimitFiyat{
	background-color: #fbf4db;
	border: 1px solid #e3dbbd;
	color: #998b59;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
}

.urunBox .box  div.kargoLimitFiyat > span{
	color: #998b59;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}

.urunBox .box  div.kargoLimitFiyat > span > span{
	color: #877a4b;
	font-size: 12px;
}

.urunBox .box  div.kargoLimitFiyat > span i{
	color: #8a7e51;
	font-size: 12px;
	font-style: normal;
}

.urunBox .box .description{
	border-top:0px solid #e7e2d1;
	border-bottom:0px solid #e7e2d1;
	padding: 10px 0px 10px 0px;
}

.urunBox .box .options{
	margin: 10px 0px 0px 0px;
}

.urunBox .box .options p{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

.urunBox .box .options p span{
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 3px 0px 0px 0px;
}

.urunBox .variant_box{
	border-top: 1px solid #e7e2d1;
	padding: 0px 0px 10px 0px;
}

.urunBox .variant_box .item{
	margin-bottom: 15px;
}

.urunBox .variant_box .item:last-child{
	margin-bottom: 0px;
}

.urunBox .variant_box h3 {
	font-size: 13px;
	font-weight: 600;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 0px 0px;
}

.urunBox .variant_box h3 span {
	font-size: 13px;
	font-weight: 400;
}

.urunBox .variant_box ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.urunBox .variant_box ul li{
	list-style: none;
	float: left;
	margin: 5px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-radius: 5px !important;
	border: 3px solid #e9e9e9;
	padding: 0px;
	text-align: center;
	min-width: 50px;
}



.urunBox .variant_box ul li.active{
	border: 3px solid #333;
}

.urunBox .variant_box ul li.no_stock{
	position: relative;
	color: #e4e4e4;
	background: linear-gradient(to bottom left, transparent calc(50% - 2px), #e4e4e4 calc(50% - 2px), #e4e4e4 50%, transparent 50%);
}


.urunBox .variant_box ul li img{
	margin: 1px;
	height: 90px;
	width: 70px;
	border-radius: 5px !important;
}

.urunBox .variant_box ul li.no_stock img{
	opacity: 0.3;
	filter: alpha(opacity=0.3);
}

.urunBox .variant_box ul li.active.no_stock img{

}

.urunBox .variant_box ul li span{
	display: inline-block;
	padding: 6px 6px 6px 6px;
	border-radius: 5px !important;
	font-size: 14px;
	color: #333;
}

.urunBox .variant_box ul li.no_stock span{
	opacity: 0.8;
	color: #999;
	filter: alpha(opacity=0.8);
}

.urunBox .variant_box ul li.active.no_stock span{

}

/*Phones (<768px)*/
@media (max-width: 767px) {

	.urunBox .box .varyantBox{

	}

	.urunBox .box .varyantBox ul{
		list-style: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		text-align: center;
	}

	.urunBox .box .varyantBox ul li{
		float: left;
		width: calc(50% - 5px);
		box-sizing: border-box;
		padding: 0px 0px 0px 0px;
		margin: 0px 5px 5px 0px;
	}

	.urunBox .box .priceBox{
		background-color: #f6f5f2;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-top: 10px;
		border-top: 0px;
	}

	.urunBox .box .priceBox div.price{
		box-sizing: border-box;
		float: left;
		padding: 0px 5px 0px 0px;
		margin-bottom: 0px;
		margin-left: 10px;
		height: 60px;
		display: table;
		text-align: center;
	}

	.urunBox .box  div.price > span{
		color: #333;
		font-size: 24px;
		font-weight: bold;
		display: table-cell;
		vertical-align: middle;
	}

	.urunBox .box  div.price > span > span{
		color: #555;
		font-size: 18px;
	}

	.urunBox .box  div.price > span i{
		color: #555;
		font-size: 18px;
		font-style: normal;
	}

	.urunBox .box .priceBox div.cart a {
		padding:9px 8px 8px 8px;
	}

	.urunBox .box .description{
		border-top:0px solid #e7e2d1;
	}



}

.urunBox h2.title {
	text-align: left;
	border: medium none;
	width: auto;
	margin: 0 0 20px 0;
	padding: 5px 0px 5px 0px;
	color: #333;
	position: relative;
	font: 700 20px / 20px 'Open Sans', sans-serif;
	text-transform: capitalize;
	letter-spacing: 0;
}

.urunBox h2.title:before {
	content: "";
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 120px;
	border-bottom: 3px solid #dd2c1c;
}

.urunBox .special_box{
	border: 0px solid #d9d9d9;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #f6f8f8;
	padding: 15px 15px 15px 15px;
	box-shadow: 0px 0px 0px #ccc;
}

.urunBox .special{
	margin-bottom: 15px;

}

.urunBox .special:last-child{
	margin-bottom: 0px;
}

.urunBox .special .form-control {
	display: block;
	width: 100%;
	height: 40px;
	padding: 10px 10px 10px 10px;
	font-size: 16px;
	color: #4C5E84;
	background-color: #fff;
	background-image: none;
	border-bottom: 2px solid #d0cfcf;
	border-top: 2px solid #d0cfcf;
	border-left: 2px solid #d0cfcf;
	border-right: 2px solid #d0cfcf;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
}

.urunBox .special .form-control:focus {
	border-color: #bebdbd;
	outline: 0;

}

.urunBox .special h3{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	color: #333;
}


.urunBox .special h3.required:after{
	content: "( Zorunlu )";
	color: #ee3148;
	font-weight: normal;
	font-size: 10px;
	display: inline-block;
	padding-left: 5px;
}

.urunBox .special span{
	font-size: 11px;
	color: #999;
	display: inline-block;
	padding-left: 0px;
	font-style: italic;
}

.urunBox .special .imageUpload{
	display: flex;
	align-items: center;
}

.urunBox .special .imageUpload .item{

	margin:0px 5px 0px 0px;
}

.urunBox .special .imageUpload a{
	border: 2px dashed #d0cfcf;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 5px;
	width: 113px;
	height: 113px;
	text-align: center;

}

.urunBox .special .imageUpload a:hover{
	text-decoration: none;
}

.urunBox .special .imageUpload a i{
	font-size: 60px;
	color: #666;
	margin-left: 0px;
}


.urunBox .special .imageUpload a span{
	font-size: 11px;
	color: #666;
	display: inline-block;
	padding-left: 0px;
	font-style: italic;
}

/* Mobil menü */
.mobilMenu{
	border-top:1px solid #ccc;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;

	letter-spacing: 0;
	display:table;
	width:100%;

	background:#fff;
	box-shadow: 0 -3px 3px 1px rgba(0,0,0,.2);

	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	z-index: 9999;
}

.mobilMenu ul{
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

.mobilMenu ul li{

	position:relative;
	width: 19.0%;
	margin: 0 !important;
	text-align: center;
	position: relative;
	display:inline-block;

}

.mobilMenu ul li:last-child{
	border-right:0px solid #e4e4e4;
}

.mobilMenu ul li a{
	position:relative;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	padding:5px 0px 5px 0px;
}

.mobilMenu ul li a:hover{
	text-decoration:none;
}

.mobilMenu ul li a span{
	position: absolute;
	left: 50%;
	top: -10px;
	display: inline-block;
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 19px;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	padding: 0px 0px 0px 0px;
	background: #1cbd9d;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index:10;
	box-shadow: 0 1px 2px 2px rgba(0,0,0,.3);
}


.mobilMenu ul li.satisYap a i{
	position:absolute;
	font-size:28px;
	color:#FFFFFF;
	padding:6px 0px 0px 0px;
	width: 40px;
	height: 40px;
	top:-40px;
	left:50%;
	margin-left:-20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background:#996699;
}


.mobilMenu ul li a i{
	display:block;
	margin:auto;
	font-size:22px;
	margin-bottom:5px;
	color:#666;
}

.mobilMenu ul li a i.active{
	display:block;
	margin:auto;
	font-size:22px;
	margin-bottom:5px;
	color:#df4d60;
}

@media (min-width: 992px) {
	.mobilMenu{
		display:none;
	}
}





/*
Form
 */

.form-box{
	border: 0px solid #e4e4e4;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}

.form-box h1{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	font-size: 30px;
	color: #666;
	text-align: center;
}

.form-box p{
	padding: 0px 10px 0px 10px;
	margin: 5px 0px 5px 0px;
	font-size: 14px;
	color: #666;
}

.form-container{
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 25px 25px 25px 25px;
	margin: 0px 0px 50px 0px;
	background-color: #fff;
	box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%);
}

.form-container.userPage{
	border: 0px solid #ddd;
	border-radius: 3px;
	padding: 0px 25px 0px 25px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 5%);
}

.form-container button.yesil {
	width: 100%;
	background-color:#fff;
	display:inline-block;
	cursor:pointer;
	color:#0c356c;
	font-size:16px;
	font-weight:bold;
	padding:9px 13px 8px 13px;
	text-decoration:none;
	border:1px solid #0c356c;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
}
.form-container button.yesil:hover {
	text-decoration:none;
	color:#fff;
	background-color:#0c356c;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.form-container button.kizil {
	width: 100%;
	background-color:#cd4246;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:9px 13px 8px 13px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
}
.form-container button.kizil:hover {
	text-decoration:none;
	color:#fff;
	background-color:#d7494e;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.form-container a.kizil {
	width: 100%;
	background-color:#cd4246;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:9px 13px 8px 13px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
}
.form-container a.kizil:hover {
	text-decoration:none;
	color:#fff;
	background-color:#d7494e;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.form-container button.gri {
	width: 100%;
	background-color:#686868;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:9px 13px 8px 13px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
}
.form-container button.gri:hover {
	text-decoration:none;
	color:#fff;
	background-color:#777777;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}


.form-container a.gri {
	width: 100%;
	background-color:#686868;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:9px 13px 8px 13px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
}
.form-container a.gri:hover {
	text-decoration:none;
	color:#fff;
	background-color:#777777;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.form-container a.gri2 {
	width: 100%;
	background-color:#ebebeb;
	display:inline-block;
	cursor:pointer;
	color:#333;
	font-size:14px;
	font-family: source_sans_pro_regular;
	padding:6px 10px 5px 10px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:0px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
	text-align: center;
}
.form-container a.gri2:hover {
	text-decoration:none;
	color:#666;
	background-color:#e4e4e4;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.form-container a.yesil {
	width: 100%;
	background-color:#1cbd9d;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:9px 13px 8px 13px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
	text-align: center;
}
.form-container a.yesil:hover {
	text-decoration:none;
	color:#fff;
	background-color:#19a98c;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}


a.yesilBtn {
	background-color:#1cbd9d;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:9px 10px 8px 10px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:0px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
	text-align: center;
}
a.yesilBtn:hover {
	text-decoration:none;
	color:#fff;
	background-color:#19a98c;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

a.kahveBtn{
	background-color:#b2a887;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:9px 10px 8px 10px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
	text-align: center;
}
a.kahveBtn:hover {
	text-decoration:none;
	color:#fff;
	background-color:#a19570;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.form-container p.aydinlatmaMetni{
	color:#666;
	font-size:12px;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.yardimMetin {
	font-size: 13px;
	color: #999;
	font-style: italic;
	padding: 10px 0px 0px 0px;
}

.yardimMetin .fa {
	font-size: 14px;
	color: #999;
}

a.griBtn {
	width: 100%;
	background-color:#5c6a87;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:9px 13px 8px 13px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
	text-align: center;
}

a.griBtn:hover {
	text-decoration:none;
	color:#fff;
	background-color:#46526c;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}


/*
Cart
*/

.cartAlert{
	border: 1px solid #e4e4e4;
	background-color: #fff;
	padding: 20px 20px 20px 20px;
	border-radius: 5px;
}

.cartAlert p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	color: #333;
}

.cartBox{

}

.cartBox h2{
	font-size: 24px;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #e4e4e4;
}

.cartBox h3{
	font-size: 16px;
	font-family: 'jostregular';
	color: #333;
	padding: 10px 0px 10px 5px;
	margin: 0px 0px 0px 0px;
}


.cartBoxBody{
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	border: 0px solid #e4e4e4;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	border-radius: 10px; 
}


.cartBoxBody .cartList{
	
}

.cartBoxBody .cartList .item{
	width: 100%;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	border-bottom: 1px solid #e4e4e4;
}

.cartBoxBody .cartList .item:last-child{
	border-bottom: 0px solid #f6f5f2;
}

.cartBoxBody .item .data{
	flex-basis: 80%;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}

/*Phones (<768px)*/
@media (max-width: 1200px) {
	.cartBoxBody .item .data{
		flex-basis: 80%;
	}
}

/*Phones (<768px)*/
@media (max-width: 992px) {
	.cartBoxBody .item .data{
		flex-basis: 75%;
	}
}

.cartBoxBody .item .data .image{
	flex-basis: 100px;
	padding: 10px 10px 10px 0px;
}

.cartBoxBody .item .data .image img{
	border-radius: 8px;
}

.cartBoxBody .item .data .info{
	flex-basis: calc(100% - 110px);
	padding: 10px 10px 10px 0px;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
	.cartBoxBody .item .data .info{
		flex-basis: calc(100% - 110px);
	}
}

/*Phones (<768px)*/
@media (max-width: 992px) {
	.cartBoxBody .item .data .info{
		flex-basis: calc(100% - 110px);
	}
}

.cartBoxBody .title > span{
	font-family: 'jostregular';
	color: #666;
	font-size: 14px;
	font-weight: normal;
}

.cartBoxBody .title > span > span{
	color: #666;
	font-size: 12px;
}

.cartBoxBody .title > span i{
	color: #666;
	font-size: 12px;
	font-style: normal;
}

.cartBoxBody .variant{
	padding: 5px 5px 5px 5px;
	display: inline-block;
	background-color: #f9f9f9;
	border-radius: 5px;
	border: 1px solid #e4e4e4;
}

.cartBoxBody .variant span{
	padding: 0px 0px 0px 0px;
	display: block;
	color: #666;
	font-size: 12px;
	font-style: normal;
}


.cartBoxBody .item .data .info .meta{
	flex-basis: 70%;
}

.cartBoxBody .item .data .info .quantity{
	flex-basis: 30%;
	display: flex;
  	justify-content: center;  /* Yatayda ortala */
  	align-items: center;
}

@media (max-width: 1200px) {
	.cartBoxBody .item .data .info .meta{
		flex-basis: 65%;
	}

	.cartBoxBody .item .data .info .quantity{
		margin-top: 10px;
		flex-basis: 35%;
	}
}

/*Phones (<768px)*/
@media (max-width: 992px) {
	.cartBoxBody .item .data .info .meta{
		flex-basis: 100%;
	}

	.cartBoxBody .item .data .info .quantity{
		margin-top: 10px;
		flex-basis: 35%;
	}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
	.cartBoxBody .item .data .info .meta{
		flex-basis: 100%;
	}
	
	.cartBoxBody .item .data .info .quantity{
		margin-top: 10px;
		flex-basis: 20%;
		display: flex;
		justify-content: center;  /* Yatayda ortala */
		align-items: center;
	}
}

.cartBoxBody .item .data .info .quantity div{
	width: 120px;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	
}

.cartBoxBody .item .data .info .quantity div .left{
	background-color: #f9f9f9;
	display: inline-block;
	width: 20px;
	border-left: 2px solid #ccc;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-right: 0px solid #ccc;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	padding: 8px 5px 5px 5px;
	font-size: 10px;
}

.cartBoxBody .item .data .info .quantity div .center{
	background-color: #f9f9f9;
	display: inline-block;
	width: 40px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 5px 0px 5px 0px;
}

.cartBoxBody .item .data .info .quantity div .center input{
	background-color: #f9f9f9;
	width: 40px;
	border: 2px solid #f9f9f9;
	text-align: center;
}

.cartBoxBody .item .data .info .quantity div .center input:focus{
	background-color: #f6f5f2;
	width: 40px;
	border: 2px solid #ccc;
  	outline: none;
}

.cartBoxBody .item .data .info .quantity div .right{
	background-color: #f9f9f9;
	display: inline-block;
	width: 20px;
	border-right: 2px solid #ccc;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 0px solid #ccc;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	padding: 8px 5px 5px 5px;
	font-size: 10px;
}

.cartBoxBody .item .data .info .quantity a{
	display: inline-block;
	color:#cd4246;
	padding: 10px 0px 0px 10px;
}

.cartBoxBody .item .productPrice{
	flex-basis: 20%;
	text-align: right;
	justify-content: flex-end;
	align-items: flex-end;
	align-self: center;
}

/*Phones (<768px)*/
@media (max-width: 1200px) {
	.cartBoxBody .item .productPrice{
		flex-basis: 20%;
	}
}

/*Phones (<768px)*/
@media (max-width: 992px) {
	.cartBoxBody .item .productPrice{
		flex-basis: 25%;
	}
}


.cartBoxBody .item .productPrice > span{
	font-family: 'jostregular';
	color: #333;
	font-size: 14px;
}

.cartBoxBody .item .productPrice > span > span{
	color: #333;
	font-size: 12px;
}

.cartBoxBody .item .productPrice > span i{
	color: #333;
	font-size: 12px;
	font-style: normal;
}

.cartTotalPriceBox{
	padding: 0px 10px 0px 10px;
}

.cartTotalPriceBox .totalPrice{
	text-align: right;
	font-size: 16px;
	padding: 10px 0px 0px 0px;
}

.cartTotalPriceBox td{
	font-family: 'jostregular';
	font-size: 18px;
	padding: 7px 0px 7px 0px;
	border-bottom: 1px solid #e4e4e4;
}


.cartTotalPriceBox td > span{
	font-family: 'jostregular';
	font-weight: 300;
	color: #333;
	font-size: 16px;
	display: inline-block;
	margin-left: 20px;
}

.cartTotalPriceBox td > span > span{
	color: #333;
	font-size: 14px;
}

.cartTotalPriceBox td > span i{
	color: #333;
	font-size: 14px;
	font-style: normal;
}

.cartTotalPriceBox .paymentInfo{
	text-align: right;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
}

.cartTotalPriceBox .paymentInfo span{
	color: #999;
}

.cartTotalPriceBox .paymentButton{
	text-align: right;
	padding: 10px 0px 10px 0px;
}

button.payment {
	background-color:#000;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	padding:9px 33px 8px 33px;
	text-decoration:none;
	border:0px solid #25b1a7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right:0px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
}
button.payment:hover {
	text-decoration:none;
	color:#fff;
	background-color:#444;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}




.addressBoxBody{
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	border: 0px solid #e4e4e4;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	border-radius: 10px; 
}


.addressBoxBody .addressList{
	
}

.addressBoxBody .addressList .item{
	width: 100%;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	align-items: center;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 0px;
	background-color: #fcfcfc;
	padding: 10px;
}

.addressBoxBody .addressList .item:first-child{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: 1px solid #ccc;
}

.addressBoxBody .addressList .item:last-child{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.addressBoxBody .addressList .item .select{
	width: 10%;
	padding: 0px 10px 0px 0px;
}

.addressBoxBody .addressList .item .address{
	width: 60%;
	padding: 0px 10px 0px 0px;
}

.addressBoxBody .addressList .item .action{
	text-align: right;
	width: 30%;
	padding: 0px 10px 0px 0px;
	padding-left: 10px;
}

.addressBoxBody .addressList .item .action a.edit{
	font-family: 'jostregular';
	font-size: 12px;
	color: #9762ad;
	display: inline-block;
	padding: 4px 10px 4px 10px;
	border: 1px solid #af7bc5;
	border-radius: 15px;
	background-color: #e9d0f3;
}

.addressBoxBody .addressList .item .action a.edit i{
	font-size: 10px;
}

.addressBoxBody .addressList .item .action a.delete{
	display: inline-block;
	padding-left: 10px;
}

.addressBoxBody .addressList .item .action a.delete i{
	font-size: 14px;
	color: #9762ad;
}

.addressBoxBody p.iban{
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 0px 0px;
    font-size: 14px;
    color: #777;

    border-radius: 5px;
    background-color: #f6f6f6;
}

.addressBoxBody p.info{
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 0px 0px;
    font-size: 14px;
    color: #777;

    border-radius: 5px;
    background-color: #fef6e0;
}

.sslBox{
	background-color: #cdebdf;
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	line-height: 90%;
	display: flex;
	flex-direction: row !important;
}

.sslBox div.icon{
	display: flex;
	justify-content: center;   /* Yatayda ortala */
  	align-items: center;       /* Dikeyde ortala */
}

.sslBox div.text{
	padding-left: 10px;
}

.sslBox div.text h4{
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	color: #0e947a;
}

.sslBox div.text p{
	font-size: 12px;
	color: #666;
}

.sslBox svg {
    width: 45px;
    min-width: 45px;
    margin-left: .25rem;
}


/*
Ödeme Box
*/

.paymentBoxBody{
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	border: 0px solid #e4e4e4;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	border-radius: 10px; 
}


.paymentBoxBody .paymentList{
	
}

.paymentBoxBody .paymentList .item{
	width: 100%;
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 0px;
	background-color: #fcfcfc;
	padding: 10px;
}

.paymentBoxBody .paymentList .item:first-child{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: 1px solid #ccc;
}

.paymentBoxBody .paymentList .item:last-child{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.paymentBoxBody .paymentList .item .select{
	width: 10%;
	padding: 0px 10px 0px 0px;
}

.paymentBoxBody .paymentList .item .paymentMethod{
	width: 90%;
	padding: 0px 10px 0px 0px;
}

.paymentBoxBody .paymentList .item .paymentMethod h4{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.paymentBoxBody .paymentList .item .paymentMethod p{
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	color: #777;
	display: none;
	border-radius: 5px;
	background-color: #fef6e0;
}

.billing_address{
	text-align: right;
	font-family: 'jostregular';
	font-size: 16px;
	padding: 10px 0px 10px 0px;
}

.billing_address label{
	float: right;
	display: inline-block;
	font-family: 'jostregular';
	font-size: 14px;
	padding: 3px 0px 10px 6px;
}


.addressBox{
	background-color: #f3f3f3;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.addressBox h3{
	padding: 5px 0px 8px 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #ccc;
	font-size: 22px;
	color: #666;

}

.addressBox label {
    color: #333;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
	font-family: 'jostregular';
}


.form-control.circle {
    font-size: 14px;
	font-family: 'jostregular';
}

a.addNewAddress{
	background-color:#fff;
	display:inline-block;
	cursor:pointer;
	width: 100%;
	color:#0c356c;
	font-size:16px;
	font-weight:normal;
	padding:9px 33px 8px 33px;
	text-decoration:none;
	border:1px solid #0c356c;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-right:0px;
	margin-bottom: 10px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
	outline: none;
	text-align: center;
}

a.addNewAddress i{
	display: inline-block;
	padding-right: 10px;
}

a.addNewAddress:hover {
	text-decoration:none;
	color:#fff;
	background-color:#0c356c;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}


/*Phones (<768px)*/
@media (max-width: 992px) {
	.modal-content{
		margin-bottom: 80px;
	}
}



/*
Step
*/
.step_container{
	width: 100%;
	margin: auto;
	margin-bottom: 30px;
}
.step-indicator {
  margin-top: 20px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  
}

.step {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.step-indicator .step-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #c2c2c2;
  text-align: center;
  color: #ffffff;
  position: relative;
  line-height: 30px;
  font-size: 14px;
}

.step.active .step-icon {
  background: #333;
}

.step p {
  text-align: center;
  position: absolute;
  bottom: -35px;
  color: #c2c2c2;
  font-size: 12px;
  width: 160px;
}


/*Phones (<768px)*/
@media (max-width: 767px) {
	.step p {
		text-align: center;
		position: absolute;
		bottom: -45px;
		color: #c2c2c2;
		font-size: 12px;
		width: 120px;
	}

	.step_container{
		width: 100%;
		margin: auto;
		margin-bottom: 40px;
	}
}



.step.active p {
  color: #333;
}

.step.step2 p,
.step.step3 p {
  left: 50%;
  transform: translateX(-50%);
}

.indicator-line {
  width: 100%;
  height: 2px;
  background: #c2c2c2;
  flex: 1;
}

.indicator-line.active {
  background: #333;
}

@media screen and (max-width: 300px) {
  .step p {
    font-size: 11px;
    bottom: -30px;
  }
}



/*
Kullanıcı Menü
 */

.userMenu{
	background-color: #fff;
    padding: 10px 10px 10px 10px;
    border: 0px solid #e4e4e4;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    border-radius: 10px;

}

.userMenu h2{
	font-size: 24px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	color: #555;
}

.userMenu h2 i{
	display: none;
}

.userMenu ul{
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.userMenu ul li{

}

.userMenu ul li:first-child a{
	border-top: 1px solid #e4e4e4;
}

.userMenu ul li a{
	display: block;
	color: #666;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #e4e4e4;
}


.userMenu ul li a:hover{
	color: #333;
	text-decoration: none;
}


.userMenu ul li a.active{
	color: #e21a22;
	text-decoration: none;
}

.userMenu ul li a i{
	display: inline-block;
	margin-right: 10px;
	width: 14px;
	text-align: center;
}



/*
.kullaniciMenu ul li a:hover i:last-child{
	float: right;
	display: inline-block;
	margin-top: 3px;
	margin-right: 0px;
	font-size: 16px;
}
*/

.userMenu ul li a.active i:last-child{
	float: right;
	display: inline-block;
	margin-top: 3px;
	margin-right: 0px;
	font-size: 16px;
}

.userMenu ul li a i:last-child{
	display: none;
}

/*Phones (<768px)*/
@media (max-width: 992px) {

	.userMenu{
		
	}

	.userMenu ul{
		display: none;

	}

	.userMenu ul li:first-child a{
		border-top: 0px solid #e4e4e4;
	}

	.userMenu ul li a{
		padding-left: 10px;
	}

	.userMenu h2{
		font-size: 16px;
		position: relative;
		border: 1px solid #0c356c;
		background-color: #0c356c;
		padding: 10px 10px 10px 10px;
		margin-bottom: 0px;
		color: #fff;
		cursor: pointer;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;

	}

	.userMenu h2 i{
		display: inline-block;
		color: #fff;
		position: absolute;
		right: 5px;
		border: 0px solid #e4e4e4;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
}


.userMenu ul li:last-child a{
	border-bottom: 0px solid #e4e4e4;
}

/*
Kullanıcı Sayfa
 */

 .userPage{
	background-color: #fff;
    padding: 10px 10px 10px 10px;
    border: 0px solid #e4e4e4;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    border-radius: 10px;

}


.boxHeader h2{
	float: left;
	font-size: 24px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	color: #555;
}

/*Phones (<768px)*/
@media (max-width: 992px) {

	.boxHeader h1{
		float: none;
		text-align: center;
		border-top: 1px solid #e4e4e4;
		padding-top: 10px;
	}
}

.boxHeader a{
	float: right;
}

.boxBody{
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #ddd;
	padding: 10px 10px 10px 10px;
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 3%);
}

.boxBody .form-container{
	border: 0px solid #988d6a;
	padding: 15px 15px 15px 15px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 0%);
}




/*
    Sipariş
     */

.siparisBox{
	border: 1px solid #e4e4e4;
	box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 10%);
	margin-bottom: 10px;
}
.siparisHeader{
	display: flex;
	padding: 10px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #e4e4e4;
}

.siparisHeader .sipariBilgi {
	width: 25%;
	color: #666;
	font-size: 13px;
	display: flex;
	flex-direction: column;
	font-weight: bold;
}

.siparisHeader .sipariBilgi span {
	padding-top: 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #333;
	font-weight: normal;
	font-size: 12px;
}

.siparisHeader .sipariBilgi span.completed {
	color: #8ccf0b;
	font-weight: bold;
	font-size: 13px;
}

.siparisHeader .sipariBilgi span.cargo {
	color: #ff6600;
	font-weight: normal;
	font-size: 13px;
}

.siparisHeader .sipariBilgi span.cancel {
	color: #D80B0F;
	font-weight: normal;
	font-size: 13px;
}

.siparisHeader .sipariBilgi span.approve {
	color: #666;
	font-weight: normal;
	font-size: 13px;
}

.siparisHeader .sipariBilgi span.check {
	color: rgb(45, 169, 201);
	font-weight: normal;
	font-size: 13px;
}

.siparisHeader .sipariBilgi span.completed:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
}

.siparisHeader a{
	width: 25%;
	margin-top: 0px;
	float: right;
	background-color: #fff;
	cursor: pointer;
	color: #0c356c;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
	padding: 12px 5px 4px 5px;
	text-decoration: none;
	text-align: center;
	border: 2px solid #0c356c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	-o-transition: all 0.20s linear;
	transition: all 0.20s linear;
}

.siparisHeader a:hover{
	background-color: #0c356c;
	border: 2px solid #0c356c;
	color: #fff;
}

.siparisHeader .sipariBilgi span > span{
	color: #333;
	font-size: 14px;
	font-weight: normal;
	font-family: 'jostbold';
}

.siparisHeader .sipariBilgi span > span > span{
	color: #333;
	font-size: 14px;
}

.siparisHeader .sipariBilgi span > span i{
	color: #333;
	font-size: 12px;
	font-style: normal;
}

.siparisBody{
	background-color: #fff;
	padding: 10px;
	display: flex;
}

.siparisBody.siparis{
	background-color: #fff;
	padding: 10px;
	display: block;
}

.siparisBody .urunBilgi {
	color: #666;
	display: flex;
	flex-direction: column;
	margin-right: 10px;
}

.siparisBody .urunBilgi .img{
	display: table;
	width: 80px;
	height: 80px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	padding: 2px;

}

.siparisBody .urunBilgi .img > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 80px;
}

.siparisBody .urunBilgi .img img{
	height: 80px;
}

.siparisBody .kargoBilgi{
	display: flex;
	background-color: #fffaf1;
	border: 1px solid #eadac2;
	padding: 10px;
	font-size: 20px;
	color: #ff6600;
	margin-bottom: 20px;
}

.siparisBody .kargoBilgi .kargoFirma{
	display: flex;
	width: 50%;
	text-align: center;
	justify-content:right;
	padding-right: 10px;
}

.siparisBody .kargoBilgi .gonderiKodu{
	display: flex;
	width: 50%;
	text-align: center;
	justify-content:left;
	padding-left: 10px;
}

.siparisBody ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: block;
}

.siparisBody ul li{
	width: 100%;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.siparisBody ul li .img{
	float: left;
	display: table;
	width: 80px;
	height: 80px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	padding: 2px;

}

.siparisBody ul li .img > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.siparisBody ul li .img img{
	height: 80px;
}

.siparisBody ul li .bilgi{
	padding: 0px 0px 0px 10px;
	width: calc(70% - 80px);
	box-sizing: border-box;
	float: left;
	border: 0px solid #e4e4e4;

}

.siparisBody ul li .bilgi a{
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #333;
	font-size: 14px;
}

.siparisBody ul li .bilgi > span{
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.siparisBody ul li .bilgi span.varyant{
	color: #666;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
}

.siparisBody ul li .bilgi span.fiyat{
	color: #666;
	font-size: 14px;
	font-weight: bold;
	font-family: 'jostregular';
}

.siparisBody ul li .bilgi span.fiyat > span{
	color: #666;
	font-size: 14px;
	font-weight: bold;
}

.siparisBody ul li .bilgi span.fiyat > span > span{
	color: #666;
	font-size: 14px;
}

.siparisBody ul li .bilgi span.fiyat > span i{
	color: #666;
	font-size: 12px;
	font-style: normal;
}

.siparisBody ul li .bilgi span.iade{
	color: #ff3300;
	font-size: 12px;
	font-weight: normal;
}

.siparisBody .tutar table{
	width: 100%;
}

.siparisBody .tutar table th{
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
	height: 40px;
}

.siparisBody .tutar table td{
	text-align: right;
	font-size: 14px;
	vertical-align: middle;
	height: 40px;
	font-family: 'jostbold';
}

.siparisBody .tutar table td div span {
	color: #666;
	font-size: 16px;
}

.siparisBody .tutar table td div span > span{
	color: #777;
	font-size: 14px;
}

.siparisBody .tutar table td div span > i{
	color: #777;
	font-size: 14px;
	font-style: normal;
}

.siparisBody .tutar table td div span.kargo {
	color: #666;
	font-size: 14px;
}

.siparisBody .tutar .ucretsizKargo {
	color: #333;
	background-color: #fff;
	font-weight: normal;
	display: inline-block;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	opacity: 0.8;
}


.contactBox{
    padding: 20px 0px 0px 0px;
}

.contactBox ul{
    list-style: none;
    display: flex;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.contactBox ul li{
    background-color: #fff;
    width:33.3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border: 2px solid #f3f3f3;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .contactBox ul{
        display: block;
        list-style: none;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .contactBox ul li{
        background-color: #fff;
        width:100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px;
        border: 2px solid #f3f3f3;
    }

}

.contactBox ul li div{
    background-color: #f3f3f3;
    padding: 12px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contactBox ul li div i{
    font-size: 22px;
    color: #666;
}

.contactBox ul li span{
    font-size: 12px;
    display: inline-block;
    padding: 5px 0px 5px 0px;
    color: #999;
}

.contactBox ul li p{
    font-size: 16px;
    display: block;
    padding: 0px 0px 0px 0px;
    color: #666;
    text-align: center;
}

.mapBox{
    padding: 0px 0px 0px 0px;
    margin-top: 10px;
    border: 0px solid #ccc;
    border-radius: 10px;
}

.mapBox iframe{
    border-radius: 10px;
}



.sssBox{
    margin-top: 20px;
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    border-radius: 20px;
}

.sssBox p{
    font-size: 16px;
}

.promotionBox h2{
	color: #000;
	font-size: 36px;
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
}

.promotionBox p{
	color: #333;
	font-size: 18px;
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
}

.sozlesmeMetni{
	background-color: #fff;
	padding: 20px 20px 20px 20px;
	border-radius: 10px;
}

.sozlesmeMetni h1{
	color: #333;
	font-size: 24px;
	font-weight: bold;
}

.sozlesmeMetni h2{
	color: #333;
	font-size: 18px;
	font-weight: bold;
}

.sozlesmeMetni h3{
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

.sozlesmeMetni p{
	color: #333;
}

/*
Footer
 */

.footer{
	background:#f6f6f6;
	border-top:0px solid #d7d7d7;
	padding:0px 0px 0px 0px;
	margin-top:0px;
}

/*Phones (<768px)*/
@media (max-width: 992px) {
	.footer{
		padding:30px 15px 80px 15px;
	}
}


.footer .guvenliAlisveris{
	background:#fff;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	padding:15px 15px 5px 15px;
}

.footer .guvenliAlisveris span.title{
	color: #333;
	display: table;
	font-size: 14px;
	font-weight:bold;
	line-height: 14px;
	margin: 0 auto;
	margin-bottom:10px;
}

.footer .guvenliAlisveris span.text{
	color: #333;
	display: table;
	font-size: 12px;
	line-height: 14px;
	margin: 0 auto;
	margin-bottom:10px;
	height:50px;
}

.footer .guvenliAlisveris i{
	font-size:48px;
	color:#333;
	margin:0px 0px 10px 0px;
}


.footer .linkler{
	margin:10px 0px 0px 0px;
	padding:15px 15px 5px 15px;
}

.footer .linkler h4{
	font-size:14px;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	margin:20px 0px 5px 0px;
}

.footer .linkler span.title{
	color: #666;
	display:block;
	font-size: 12px;
	font-weight:bold;
	line-height: 12px;
	margin:10px 0px 0px 0px;
}

.footer .linkler span.text{
	color: #333;
	display:block;
	font-size: 12px;
	line-height: 20px;
	margin:0px 0px 0px 0px;
}

.footer .linkler ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 5px;
	list-style:none;
}

.footer .linkler ul li{
}

.footer .linkler ul li a{
	font-size:12px;
	color:#666;
	text-decoration:none;
	line-height:20px;
}

.footer .linkler ul li a:hover{
	text-decoration:underline;
}

.footer .linkler i{
	display:inline-block;
	margin:9px 5px 0px 0px;
	float:left;
	font-size:4px;
	color:#333;
}

.footer .sosyalMedya{
	margin:10px 0px 0px 0px;
	border-left:1px solid #e4e4e4;
	border-bottom:0px solid #e4e4e4;
	padding:15px 15px 5px 15px;
}

.footer .sosyalMedya h4{
	font-size:14px;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}

.footer .sosyalMedya a{

	background-repeat: no-repeat;
	height: 40px;
	line-height: 40px;
	padding-left: 8px;
	margin-left: 5px;
	margin-bottom:10px;
	display:block;
	font-weight: 400;
	font-size:14px;
}

.footer .sosyalMedya a.facebook{
	background-position: 0 0;
	color: #3b5998;
}

.footer .sosyalMedya a.facebook i{
	color: #3b5998;
}

.footer .sosyalMedya a.instagram{
	background-position: 0 -80px;
	color: #e24261;
}

.footer .sosyalMedya a.instagram i{
	color: #3b5998;
}

.footer .sosyalMedya a.blog{
	background-position: 0 -160px;
	color: #333;
}


/*Phones (<768px)*/
@media (max-width: 767px) {
	.footer .sosyalMedya{
		margin:10px 0px 0px 0px;
		border-left:0px solid #e4e4e4;
		border-bottom:0px solid #e4e4e4;
		padding:15px 5px 5px 5px;
	}
}

.footer .telif{
	background:#fff;
	border-top:0px solid #e4e4e4;
	border-bottom:0px solid #e4e4e4;
	padding:20px 15px 20px 15px;
	margin:0px 0px 0px 0px;
}

.footer .telif a{
	font-size:12px;
	color:#D5383B;
	font-weight:bold;
	text-decoration:none;
}

.footer .telif a:hover{
	text-decoration:underline;
}