#products {
	background-color: #bbb198;
}

#products .section-title {
	font-weight: 700;
	color: #1b1e2d;
	font-size: 40px;
}

#products .section-title {
	font-weight: 700;
	text-transform: uppercase;
}

#products .sw-pills li a {
	background-color: transparent !important;
	border: 0px;
	color: #000;
	text-transform: uppercase;
}


#products .sw-pills>li.active>a, .sw-pills>li.active>a:focus, .sw-pills>li.active>a:hover {
	background-color: transparent !important;
	border: 0px;
	color: #000;
	font-weight: bold;
}

.products-slide .product-img {
	height: 200px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 10px 0px;
	box-shadow: 2px 2px 10px rgba(0,0,0, 0.3);
}

.products-slide .slick-prev:before, .slick-next:before {
	font-family: 'FontAwesome' !important;
	font-size: 26px;
	font-weight: 700;
	color: #000 !important;
}

.products-slide .slick-prev::before {
	content: "\f104";
}

.products-slide .slick-next::before {
	content: "\f105";
}

/* COLOR PICKER */

.colors-area {
	position: relative;
	height: 440px;
}

.colors {
	position: absolute;
	left: 50%;
	top: 50%;
	justify-content: center;
}

.colors .color {
	position: absolute;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	transition: all 1s linear;
	cursor: pointer;
    box-shadow: 2px 2px 10px rgba(0,0,0, 0.3);
}

.center-circle {
	position: absolute;
	width: 125px;
	height: 125px;
	left: calc(50% - 42px);
	top: calc(50% - 42px);
	border-radius: 50%;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	transition: all 500ms linear;
    box-shadow: 2px 2px 10px rgba(0,0,0, 0.3);
}

.outer-circle {
	position: absolute;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	border: 10px solid #242430;
}