.sidbar-area{
	.widget-title{
		border-bottom: 2px solid #e2e2e2;
		margin: 0 0 26px;
		h3{
			text-transform: uppercase;
			font-family: $title-font;
			font-weight: 500;
			margin: 0 0 15px;
		}
	}
	.categori{
		.categori-content{
			ul{
				li{
					padding: 5px 0;
					a{
						color: #444444;
						font-family: $title-font;
						font-weight: 400;
						span{
							padding-left: 10px;
						}
						i{
							color: $primary-color;
							padding-right: 5px;
						}
					}
				}
			}
		}
	}
	.price{
		.price-con{
			text-align: center;
			.range-box{
				margin: 0 0 26px;
				.ui-state-default, .ui-widget-content .ui-state-default{
					width: 25px;
					top: -8px;
					border: 1px solid #ddd;
					box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
					height: 25px;
					background: #fff;
					border-radius: 100%;
					cursor: pointer;
					&:focus{
						outline:none;
					}
				}
				.ui-widget-header{
					background: $primary-color;
				}
				&.ui-widget-content{
					background: #f3f3f3;
					border: none;
				}
			}
			input{
				display: inline-block !important;
				padding: 10px 30px;
				width: 100px;
				border-radius: 50px;
				box-shadow: none;
				border: 1px solid #ddd;
				margin: 0 2px;
				color: #444;
			}
		}
	}
	.brands{
		.brands-con{
			ul{
				li{
					padding: 5px 0;
					.checkbox {
						margin: 0;
					}
					.checkbox .cr{
					    position: relative;
					    display: inline-block;
					    background: #f3f3f3;
					    border-radius: 100%;
					    width: 1.5em;
					    height: 1.5em;
					    float: left;
					    margin-top: 0px;
					    margin-right: .5em;
					}
					.checkbox label{
						margin: 0 !important;
						padding: 0 !important;
						text-transform: capitalize;
						font-size: 16px;
					}
					.checkbox label input[type="checkbox"]{
					    display: none;
					}
					.checkbox label input[type="checkbox"] + .cr > .cr-icon{
					    transform: scale(3) rotateZ(-20deg);
					    opacity: 0;
					    transition: all .3s ease-in;
					    display: block;
					    padding: 5px;
					    color: $primary-color;
					}
					.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{
					    transform: scale(1) rotateZ(0deg);
					    opacity: 1;
					}
				}
			}
		}
	}
	.color{
		.color-con{
			ul{
				li{
					padding: 5px;
					span{
						width: 30px;
						height: 30px;
						border-radius: 100%;
						display: block;
						text-align: center;
						color: #fff;
						padding: 3px 0;
						cursor: pointer;
						i{
							opacity: 0;
						}
						&.c-1{
							background: #f3f3f3;
							i{
							}
						}
						&.c-2{
							background: #9575cd;
							i{
								opacity: 1 !important;
							}
						}
						&.c-3{
							background: #fbc02d;
							i{
							}
						}
						&.c-4{
							background: #e91e63;
							i{
							}
						}
						&.c-5{
							background: #ff6d00;
							i{
							}
						}
						&.c-6{
							background: #4db6ac;
							i{
							}
						}
						&.c-7{
							background: #f06292;
							i{
							}
						}
						&.c-8{
							background: #acd373;
							i{
							}
						}
						&.c-9{
							background: #00e5ff;
							i{
							}
						}
						&.c-10{
							background: #0277bd;
							i{
							}
						}
						&.c-11{
							background: #7cb342;
							i{
							}
						}
						&.c-12{
							background: #662d91;
							i{
							}
						}
						&.c-13{
							background: #ff6877;
							i{
							}
						}
						&.c-14{
							background: #bbdefb;
							i{
							}
						}
					}
				}
			}
		}
	}
	.size{
		.size-con{
			table{
				tr{
					td{
						border: 1px solid #ddd;
						width: 50px;
						height: 50px;
						text-align: center;
						font-size: 16px;
						font-weight: 500;
					}
				}
			}
		}
	}
	.latest-post{
		.latest-post-list{
			display: block;
			width: 100%;
			float: left;
			margin: 0 0 26px;
			&:last-child{
				margin:0;
			}
 			.post-img{
				display: inline-block;
				margin-right: 20px;
				float: left;
				img{
					width: 100%;
				}
			}
			.post-con{
				display: table;
				a{
					font-size: 18px;
					color: #646464;
					font-family: $title-font;
					display: block;
					margin: 0 0 15px;
				}
				span{
					color: $primary-color;
				}
			}
		}
	}
	.archives{
		.archives-list{
			ul{
				li{
					a{
						color: #222;
						font-weight: 400;
						font-size: 16px;
						display: block;
						padding: 5px 0;
						font-family: $title-font;
						span{
							i{
								color: $primary-color;
								padding-right: 5px;
							}
						}
					}
				}
			}
		}
	}
	.seal{
		.seal-con{
			.list-seal{
				display: block;
				margin: 0 0 26px;
				&:last-child{
					margin:0;
				}
				.seal-img{
					display: inline-block;
					float: left;
					padding-right: 15px;
					img{
						width: 100%;
					}
				}
				.seal-con{
					display: table;
					a{
						color: #222;
						h4{
							margin: 0 0 5px;
							font-weight: 400;
							font-family: $title-font;
						}
					}
					ul{
						padding-left: 5px;
						margin: 0 0 10px;
						li{
							padding: 0;
							color: #ffa726;
							i{
								
							}
						}
					}
					strong{
						font-size: 18px;
					}
				}
			}
		}
	}
	.tags{
		.tags-list{
			ul{
				li{
					padding: 1px 0px;
					a{
						display: block;
						color: #333;
						border:1px solid #dcdcdc;
						padding: 10px 25px;
					}
				}
			}
		}
	}
}