kingfisher_pro/static/src/less (copy)/web.less

body {
	font-family: @font-family;
	color: @body-color;
}
* {
	outline: none;
}
hr {
	border-top: none;
}
img {
	max-width: 100%;
}
a:focus {
	outline: none
}
a:hover {
	cursor: pointer;
}

@images: "../img";
@box-body-bg1:url("@{images}/pattern.png");
@box-body-bg2:url("@{images}/pattern2.png");
@box-body-bg3:url("@{images}/pattern3.png");
@box-body-bg4:url("@{images}/pattern4.png");
@box-body-bg5:url("@{images}/pattern5.png");
@box-body-bg6:url("@{images}/pattern6.png");

#wrapwrap{
	background: @light-color;
}

.nav {
	>li {
		>a {
			&:focus, &:hover {
				background: transparent;
			}
		}
	}
}
.title-block {
	overflow: hidden;

	h4 {
		text-transform: capitalize;
		font-size: @title;
		font-weight: 700;
		margin: 0;
		font-size: @font-size-base + 4;
		text-align: center;
		color: @dark-color;
	}
	span {
		border-bottom: 3px solid @theme;
		display: inline-block;
		padding-bottom: 10px;
	}
}

/*Colors*/
.bg-blue {
	background-color: #3498DB !important;
}
.bg-turquoise {
	background-color: #1ABC9C !important;
}
.bg-green {
	background-color: #2ECC71 !important;
}
.bg-yellow {
	background-color: #F1C40F !important;
}
.bg-red {
	background-color: #E74C3C !important;
}
.bg-pink {
	background-color: #f74b94 !important;
}
.bg-purple {
	background-color: #9B59B6 !important;
}
.bg-brown {
	background-color: #7b5844 !important;
}

/**/
.sb-title {
	overflow: hidden;
	margin-bottom: 20px;

	span {
		text-transform: uppercase;
		font-size: @font-size-base + 2;
		font-weight: 600;
		margin: 0;

		&:after {
			border-bottom: 1px solid darken(@light-color, 3%);
			border-top: 1px solid rgba(0, 0, 0, 0.1);
			content: "";
			display: inline-block;
			position: relative;
			vertical-align: middle;
			width: 100%;
			right: -1.25rem;
			margin-right: -100%;
		}
	}
}
.products-slider-section {
	
}
.best-seller-products .owl-buttons {
	.owl-prev, .owl-next {
		font-size: 0;
		width: 40px;
		height: 40px;
		border: 1px solid @dark-color;
		text-align: center;
		line-height: 38px;
		display: block !important;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		background: @dark-color;
	}
	.owl-prev {
		left: -20px;

		@media (max-width:1300px) {
			left: 0px;
		}
		@media (max-width:1200px) {
			left: 0px;
		}
		@media (max-width:768px) {
			left: 0px;
		}
		&:before {
			content: "\f104";
			font-family: "FontAwesome";
			font-size: @font-size-base * 2;
			color: darken(@light-color, 20%);
		}
	}
	.owl-next {
		right: -20px;

		@media (max-width:1300px) {
			right: 0px;
		}
		@media (max-width:1200px) {
			right: 0px;
		}
		@media (max-width:768px) {
			right: 0px;
		}
		&:before {
			content: "\f105";
			font-family: "FontAwesome";
			font-size: @font-size-base * 2;
			color: darken(@light-color, 20%);
		}
	}
}
.pagination {
	display: inline-block;
	vertical-align: middle;
	margin: 0;

	li {
		a {
			border-radius: 0 !important;
			color: @theme;
		}
		&.active {
			a {
				background: @theme;
				border-color: @theme;

				&:hover {
					background-color: @dark-color;
					border-color: @dark-color;
				}
			}
		}
		&:hover a {
			background-color: @dark-color;
			color: @light-color;
			border-color: @dark-color;
		}
	}
}
.page-title {
	padding: 8px 0px;
	background-color: lighten(@dark-color, 70%);
	border-top: 1px solid lighten(@dark-color, 70%);
	margin-bottom: 40px;

	h1 {
		margin: 0;
		float: left;
		font-size: @title - 5;
	}
}
.breadcrumb {
	float: left;
	background: none;
	margin: 0;
	padding: 0;
	width: 100%;

	li {
		color: lighten(@dark-color, 30%);
		font-size: @font-size-base - 2;
		font-weight: 400;

		a {
			padding: 6px 4px;
			display: inline-block;
			vertical-align: middle;
			color: lighten(@dark-color, 30%);
			font-size: @font-size-base - 2;
			font-weight: 400;
		}
		&.active {
			color: @theme;
		}
	}
}
.dropdown-menu {
	border-radius: 0;
	padding: 0;

	> li {
		+ li {
			border-top: 1px solid darken(@light-color, 10%);
		}
		> a {
			padding: 8px 10px;

			&:hover {
				background: @theme;
				color: @light-color;
			}
		}
	}
}
.carousel-control {
	&.left {
		.previous-icon {
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			width: 25px;
			left: 30%;
			height: 46px;

			img {
				position: relative;
				top: auto;
				left: auto;
				right: auto;
			}
		}
		background: none;
	}
	&.right {
		.next-icon {
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			width: 25px;
			height: 46px;
			left: 30%;

			img {
				position: relative;
				top: auto;
				left: auto;
				right: auto;
			}
		}
		background: none;
	}
	@media (max-width:768px) {
		display: none;
	}
}

/* Home slider
-------------------------------*/
.theme-home-slider {
	div.carousel {
		.carousel-indicators li {
			margin-right: 4px;
			border: 1px solid @theme;

			&.active {
				background: @theme;
			}
		}
	}
	.item {
		padding: 58px 0;

		@media (max-width:1024px) {
			padding: 0px 0;
		}
		@media (max-width:767px) {
			padding: 0px 0;
		}
	}
	blockquote {
		margin: 0;
		padding: 100px 0;
		text-align: left;
		border: none;

		@media (max-width:767px) {
			padding: 50px 0;
		}
		h2 {
			margin: 0;
			padding: 0;
			font-weight: 800;
			font-size: @font-size-base * 3 + 7;
			color: @dark-color;
			text-transform: uppercase;

			@media (max-width:767px) {
				font-size: @font-size-base * 2;
			}
		}
		h5 {
			margin: 0;
			padding: 0;
			font-size: @font-size-base * 2 - 2;
			font-weight: 800;
			color: @dark-color;
			text-transform: uppercase;

			@media (max-width:767px) {
				font-size: @font-size-base * 2;
			}
			span {
				color: @theme;
				font-size: @font-size-base * 2 - 2;
				font-weight: 800;
			}
		}
		p {
			margin: 0;
			padding: 0 0 0px;
			font-size: @font-size-base * 2 + 4;
			text-transform: uppercase;
			color: @theme;
			font-weight: normal;

			@media (max-width:767px) {
				font-size: @font-size-base * 1;
			}
		}
		.btn-box {
			margin-top: 45px;

			a {
				border: 1px solid @light-color;
				padding: 7px 13px;
				display: inline-block;
				vertical-align: top;
				text-transform: uppercase;
				color: @dark-color;
				font-weight: 500;
				font-size: 14px;
				border: 1px solid lighten(@dark-color, 50%);
			}
			a:hover {
				text-decoration: none;
			}
		}
	}
	.item1 {
		.bg-img('../img/slider-img1.png');
		background-repeat: no-repeat;
		.bg-size(cover);
	}
	.item2 {
		.bg-img('../img/slider-img2.png');
		background-repeat: no-repeat;
		.bg-size(cover);
	}
}

/* ads section 
-------------------------------*/
.ads-section {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 20px 0;

	.adsb-inner {
		@media (max-width:767px) {
			margin-bottom: 30px;

			img {
				max-width: 100%;
			}
		}
		a {
			width: 100%;
			height: 100%;
			z-index: 1;
			color: #fff;
			vertical-align: middle;
			text-align: center;

			&:hover {
				text-decoration: none;
			}
			;

			/*	&:after {
					background: @light-color;
					bottom: 0;
					height: 0px;
					left: 0;
					margin: auto;
					opacity: 0;
					position: absolute;
					right: 0;
					top: 0;
					.transition(all, 0.5s, ease);
					width: 0px;
					-moz-transform: scale(0);
					-webkit-transform: scale(0);
					-o-transform: scale(0);
					transform: scale(0);
					content: " ";
					float: left;
				}
			*/

			/*	&:hover {
					&:after {
						height: 100%;
						width: 100%;
						opacity: 0.2;
						-moz-transform: scale(1);
						-webkit-transform: scale(1);
						-o-transform: scale(1);
						transform: scale(1);
					}

				}*/
		}
	}
	.middle-banner {
		display: table;
		text-align: center;
		margin-bottom: 20px;
		text-align: center;
		position: relative;
		background-size: cover;

		a {
			display: table-cell;
		}
		.middle-content {
			color: @light-color;
			display: table;
			z-index: 1;
			vertical-align: middle;
			text-align: center;
			width: 100%;
			height: 100%;

			&:hover {
				text-decoration: none;
			}
			.line1 {
				font-size: @font-size-base * 2 + 6;
				font-weight: 100;
				margin: 0;
				padding: 0;
			}
			.line2 {
				margin: 0;
				padding: 0;
				font-size: @font-size-base * 4 + 6;
				font-weight: bold;
				color: @light-color;
				text-transform: uppercase;

				@media (max-width:767px) {
					font-size: @font-size-base * 2;
				}
			}
			.line3 {
				margin: 0;
				padding: 0;
				font-size: @font-size-base * 5 + 6;
				font-weight: 100;
				color: @light-color;
				text-transform: uppercase;

				@media (max-width:767px) {
					font-size: @font-size-base * 2;
				}
			}
		}
	}
	.small-banners {
		background-color: lighten(@dark-color, 70%);
		height: 280px !important;
		width: 100%;
		background-size: cover;
		display: table;
		text-align: center;
		margin-bottom: 20px;
		padding: 28px;
		position: relative;

		.dark-div {
			.transition(all, 0.5s, ease);
			width: 0px;
			-moz-transform: scale(0);
			-webkit-transform: scale(0);
			-o-transform: scale(0);
			transform: scale(0);
			content: " ";
			float: left;
			opacity: 0;
			transition: all 0.5s ease;
			margin: auto;
			background-color: @dark-color;
			position: absolute;
			height: 0px;
			right: 0;
			bottom: 0;
			left: 0;
			top: 0;
			padding: 13px;

			.inner-div {
				border: 1px solid lighten(@dark-color, 50%);
				width: 0px;
				height: 0px;
				display: inline-block;
				background-color: @dark-color;
			}
		}
		.inner-content {
			display: table-cell;
			z-index: 1;
			vertical-align: middle;
			text-align: center;

			&:hover {
				text-decoration: none;
			}
			h5 {
				position: absolute;
				top: 28px;
				left: 0;
				right: 0;
				margin: 0;
				padding: 0;
				font-size: @font-size-base;
				font-weight: bold;
				color: @dark-color;
				text-transform: uppercase;

				@media (max-width:767px) {
					font-size: @font-size-base;
				}
			}
			.image-section {
				max-height: 150px;
				margin: 10px 0px;

				img {
					max-width: 100%;
				}
				.img-responsive {
					display: inline-block !important;
				}
			}
			.btn-box {
				position: absolute;
				bottom: 28px;
				left: 0;
				right: 0;

				button {
					color: @light-color;
					padding: 7px 15px;
					text-align: center;
					background-color: @dark-color;
					border: none;
					text-transform: uppercase;
					font-size: @font-size-base - 2;
				}
			}
		}
		&:hover {
			.dark-div {
				height: 100%;
				width: 100%;
				opacity: 0.8;
				-moz-transform: scale(1);
				-webkit-transform: scale(1);
				-o-transform: scale(1);
				transform: scale(1);

				.inner-div {
					height: 100%;
					width: 100%;
					opacity: 1;
					-moz-transform: scale(1);
					-webkit-transform: scale(1);
					-o-transform: scale(1);
					transform: scale(1);
				}
			}
		}
		@media (max-width:900px) {
			padding: 0;
		}
	}
	.adsb-inner2 {
		margin-bottom: 30px;
		width: 100%;
		height: 579px;
	}
}

/* products slider 
-------------------------------*/
.products-slider-section {
	.title-block {
		margin: 10px 0px 0px 0px;
	}
	padding-top: 13px;

	.psb-inner {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		padding: 40px 0;
		position: relative;
	}
}
.cs-product {
	display: inline-block;

	.pwp-img {
		height: 264px;

		>a {
			img {
				max-width: 100%;
				height: auto;
				position: absolute;
				top: 0;
				right: 0;
				left: 0;
				bottom: 0;
				margin: auto;
				max-height: 100%;
				width: auto;
			}
		}
		.new , .red{
			position: absolute;
			top: 10px;
			float: left;
			padding: 7px 11px;
			z-index: 1;
			color: @light-color;
			background-color: @new-label-color;
			text-transform: uppercase;
			font-weight: bold;
			font-size: @font-size-base - 4;
		}
		.sale {
			position: absolute;
			top: 10px;
			float: left;
			padding: 7px 11px;
			color: @light-color;
			background-color: @sale-label-color;
			text-transform: uppercase;
			font-weight: bold;
			font-size: @font-size-base - 4;
		}
		.discount {
			position: absolute;
			padding: 7px 5px;
			float: left;
			background-color: darken(@sale-label-color, 5%);
			color: @light-color;
			font-size: @font-size-base - 4;
			top: 10px;
			left: 45px;
		}
	}
}

/* products section
-------------------------------*/
.products-section {
	.products-list-block {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		padding: 40px 0;
	}
}

/* service-section
-------------------------------*/
.new-collection {
	padding: 85px 0;
	position: relative;
	background-size: cover;
	width: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	.bg-size(cover);

	img {
		@media (max-width:768px) {
			display: none;
		}
	}
	.inner-content {
		text-align: left;
		width: 100%;

		.icon {
			.fa {
				font-size: @font-size-base * 3;
				color: @light-color;
			}
		}
		h5 {
			margin: 10px 0 3px 0;
			font-size: @font-size-base * 2 + 4;
			color: @dark-color;
			font-weight: 800;
		}
		h3 {
			color: @theme;
			font-size: @font-size-base * 3 + 2;
			margin: 0;
			padding: 0;
			font-weight: 800;
			margin-bottom: 8px;
		}
		p {
			margin: 0;
			padding: 0;
			font-size: @font-size-base;
			color: @dark-color;
			font-weight: 400;
		}
	}
	.btn-box {
		margin-top: 48px;
		.transition(all, 0.3s, ease);
		border: 1px solid transparent;
		display: inline-block;
		background-color: @dark-color;
		color: @light-color;

		a {
			border: 1px solid transparent;
			padding: 6px 12px;
			display: inline-block;
			vertical-align: top;
			text-transform: uppercase;
			color: @light-color;
			font-size: 14px;

			&:hover {
				text-decoration: none;
			}
		}
		&:hover {
			background-color: @theme;
			border: 1px solid @theme;

			a {
				color: @light-color;
			}
		}
	}
}

/* service-section
-------------------------------*/

/*category section */
.shop-by-category {
	padding-top: 66px;

	.title-block {
		margin: 10px 0px 63px 0px;
	}
	.sunglasses {
		margin-bottom: 40px;

		hr {
			margin-bottom: 55px;
		}
		.psb-inner {
			border: 1px solid lighten(@theme, 20%);

			h5 {
				color: @dark-color;
				font-weight: bold;
				font-size: @font-size-base;
				background-color: lighten(@dark-color, 75%);
				text-align: center;
				margin: 0;
				padding: 16px 0px;
			}
			.owl-carousel {
				padding: 26px 16px;
			}
		}
	}
	.watch {
		margin-bottom: 40px;

		hr {
			margin-bottom: 55px;
		}
		.psb-inner {
			border: 1px solid lighten(@theme, 20%);

			h5 {
				color: @dark-color;
				font-weight: bold;
				font-size: @font-size-base;
				background-color: lighten(@dark-color, 75%);
				text-align: center;
				margin: 0;
				padding: 16px 0px;
			}
			.owl-carousel {
				padding: 31px 34px;

				.owl-buttons {
					padding-top: 33px;

					.owl-prev, .owl-next {
						font-size: 0;
						width: 40px;
						height: 40px;
						border: 1px solid transparent;
						text-align: center;
						line-height: 38px;
						display: block !important;
						position: absolute;
						bottom: 18px;
						margin: auto;
						background: transparent;
					}
					.owl-prev {
						right: 50%;

						@media (max-width:1200px) {
							right: 50%;
						}
						&:before {
							content: "\f104";
							font-family: "FontAwesome";
							font-size: @font-size-base * 2;
							color: darken(@light-color, 20%);
						}
					}
					.owl-next {
						left: 50%;

						@media (max-width:1200px) {
							left: 50%;
						}
						&:before {
							content: "\f105";
							font-family: "FontAwesome";
							font-size: @font-size-base * 2;
							color: darken(@light-color, 20%);
						}
					}
				}
			}
		}
	}
}

/*category section end */
.testimonials {
	padding: 70px 0;
	height: auto;
	width: 100%;
	background-repeat: no-repeat;

	.content {
		text-align: left;
		margin: 0;
	}
	.bg-size(cover);

	blockquote {
		padding: 0;
		border: none;
	}
	.slider {
		padding-left: 20%;

		@media (max-width:1200px) {
			padding-left: 20%;
		}
		@media (max-width:1000px) {
			padding-left: 0;
		}
		@media (max-width:768px) {
			padding-left: 0;
		}
	}
	.pf-page-title {
		height: 156px;
		display: table-cell;
		vertical-align: middle;

		@media (max-width:1200px) {
			height: 256px;
		}
		@media (max-width:1000px) {
			height: 10px;
		}
		@media (max-width:768px) {
			height: 10px;
		}
		h4 {
			text-align: right;
			color: @theme;
			font-size: @font-size-base * 2 + 3;
			font-weight: 800;
			display: table;
			width: 100%;
			height: 36px;
			margin: 0px auto;
		}
	}
	p {
		font-size: @font-size-base - 1;
		color: fade(@light-color, 70);
		font-weight: 100;
	}
	.author {
		color: @theme;
		font-weight: bold;
		margin-top: 24px;
		margin-bottom: 0px;
	}
	.designation {
		color: fade(@light-color, 30);
		font-weight: normal
	}
	.button-bar {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin: 25px 0 0 0;

		a {
			border: 1px solid @light-color;
			padding: 10px 25px;
			display: inline-block;
			vertical-align: top;
			text-transform: uppercase;
			color: @light-color;
		}
	}
	.psb-inner {
		padding: 26px 16px;

		.carousel-inner {
			.owl-buttons {
				padding-top: 33px;

				.owl-prev, .owl-next {
					font-size: 0;
					width: 40px;
					height: 40px;
					border: 1px solid transparent;
					text-align: center;
					line-height: 38px;
					display: block !important;
					position: absolute;
					bottom: 18px;
					margin: auto;
					background: transparent;
				}
				.owl-prev {
					left: 0;

					@media (max-width:1200px) {
						left: 0;
					}
					&:before {
						content: "\f104";
						font-family: "FontAwesome";
						font-size: @font-size-base * 2;
						color: fade(@light-color, 30);
					}
				}
				.owl-next {
					left: 21px;

					@media (max-width:1200px) {
						left: 21px;
					}
					&:before {
						content: "\f105";
						font-family: "FontAwesome";
						font-size: @font-size-base * 2;
						color: fade(@light-color, 30);
					}
				}
			}
		}
	}
	@media (max-width:1200px) {
		padding: 50px 0px;
	}
	@media (max-width:767px) {
		padding: 50px 0px;
	}
}

/*our-brand-section
----------------------------*/
.king_pro_brand_slider {
	width: 100%;

	.our-brand-section {
		margin: 0 auto;
		vertical-align: top;
		padding: 40px 0 49px 0px;

		.title-block {
			margin: 9px 0px 0px 0px;
		}
		.psb-inner {
			width: 100%;
			display: inline-block;
			vertical-align: top;
			margin: 40px 0 0;

			.owl-carousel {
				padding: 26px 16px;

				/*.owl-buttons {
					.owl-prev, 
					.owl-next {
						font-size: 0;
						width: 40px;
						height: 40px;
						border: 1px solid transparent;
						text-align: center;
						line-height: 38px;
						display: block !important;
						position: absolute;
						bottom: 0px;
						top: 0;
						margin: auto;
						background: transparent;
					}
					.owl-prev {
						left: 0;

						@media (max-width:1200px) {
							left: 0;
						}
						&:before {
							content: "\f104";
							font-family: "FontAwesome";
							font-size: @font-size-base * 2;
							color: darken(@light-color, 20%);
						}
					}
					.owl-next {
						right: 0;

						@media (max-width:1200px) {
							right: 0;
						}
						&:before {
							content: "\f105";
							font-family: "FontAwesome";
							font-size: @font-size-base * 2;
							color: darken(@light-color, 20%);
						}
					}
				}*/
			}
		}
		.barnd-img {
			margin: 5px 0;
			height: 200px;

			img {
				position: absolute;
				max-width: 100%;
				max-height: 100%;
				width: auto;
				height: auto;
				position: absolute;
				top: 0;
				bottom: 0;
				right: 0;
				left: 0;
				margin: auto;
			}
		}
	}
}

/* latest-news-section
----------------------------*/
.king_pro_blog_slider {
	padding: 64px 0px;

	.title-block {
		margin: 10px 0px 0px 0px;
	}
	.post-img {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}
	.psb-inner {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin: 33px 0 0;

		a {
			display: block;
			text-align: center;
			color: @theme;
			text-transform: capitalize;
			overflow: hidden;
		}
		.owl-carousel {
			padding: 6px 0px;

			.owl-buttons {
				width: 150px;
				position: relative;
				left: 0;
				right: 0;
				margin: auto;

				.owl-prev, .owl-next {
					font-size: 0;
					width: 40px;
					height: 40px;
					border: 1px solid transparent;
					text-align: center;
					line-height: 38px;
					display: block !important;
					position: absolute;
					top: 100%;
					background: @dark-color;
					margin: auto;
				}
				.owl-prev {
					left: 0;
					background: transparent;

					@media (max-width:1200px) {
						left: 0;
					}
					@media (max-width:768px) {
						left: 0;
					}
					&:before {
						content: "\f104";
						font-family: "FontAwesome";
						font-size: @font-size-base * 2;
						color: darken(@light-color, 20%);
					}
				}
				.owl-next {
					right: 0;
					background: transparent;

					@media (max-width:1200px) {
						right: 0;
					}
					@media (max-width:768px) {
						right: 0;
					}
					&:before {
						content: "\f105";
						font-family: "FontAwesome";
						font-size: @font-size-base * 2;
						color: darken(@light-color, 20%);
					}
				}
			}
		}
		.blog-meta {
			width: 100%;
			float: left;
			text-align: left;
			padding: 15px 0px 16px;
			background: transparent;
			position: relative;
			background: transparent;

			h3 {
				margin: 0;
				padding: 0 0 10px;
				font-size: @font-size-base + 4;

				a {
					color: @dark-color;
					font-size: @font-size-base -2;
					font-weight: bold;
					text-transform: capitalize;

					&:hover {
						text-decoration: none;
					}
				}
			}
			span {
				color: lighten(@dark-color, 50%);
				text-transform: capitalize;
				margin: 0px 15px 0px 15px;

				@media (max-width:1200px) {
					text-align: center;
					width: 100%;
					margin: 0;

					span {
						width: auto;
					}
				}
			}
		}
	}
}
.oe_multi_category_slider {
	padding: 30px 0px;

	.latest-news-section {
		padding: 10px 0;

		.title-block {
			margin: 10px 0px 0px 0px;
		}
		.lns-inner {
			h5 {
				padding: 0px 20px;

				a {
					color: @theme;
				}
			}
		}
	}
	.lns-post {
		width: 100%;
		float: left;

		.psb-inner {
			width: 100%;
			display: inline-block;
			vertical-align: top;
			margin: 33px 0 0;

			.owl-carousel {
				padding: 6px 0px;
			}
		}
		.post-img {
			width: 100%;
			float: left;
		}
	}
}

/* services  start */
.services {
	padding: 48px 0px 28px 0px;
	background-color: lighten(@dark-color, 70%);

	.col-sm-4 {
		margin-bottom: 20px;
	}
	h4 {
		color: @theme;
		font-size: @font-size-base;
		margin: 19px 0px 4px 0px;
		padding: 0;
	}
	h5 {
		color: @dark-color;
		font-size: @font-size-base;
		font-weight: 400;
		margin: 0;
		padding: 0;
	}
}

/* aservices end */

/*Back to top
-------------------------*/
.cd-top {
	width: 50px;
	height: 50px;
	background: @theme;
	color: @light-color;
	float: left;
	text-align: center;
	line-height: 50px;
	position: fixed;
	z-index: 9999;
	bottom: -50px;
	right: -50px;
	border: 1px solid transparent;
	.transition(all, 0.5s, ease);

	&:hover, &:active, &:focus {
		color: @dark-color;
	}
	.fa {
		font-size: @font-size-base + 8;
	}
	&.cd-is-visible {
		bottom: 50px;
		right: 50px;

		@media (max-width:767px) {
			bottom: 50px;
			right: 5px;
		}
	}
}

/*newsletter-section
-------------------------------*/
.newsletter-section {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	background: lighten(@footer-bg, 5%);
	padding: 25px 0;

	h2 {
		margin: 0;
		padding: 7px 0;
		color: @light-color;
		font-size: @font-size-base * 2;
	}
	p {
		color: @light-color;
		font-size: @font-size-base * 1.2;
	}
	.newsletter-form {
		width: 600px;
		max-width: 100%;
		display: inline-block;
		vertical-align: top;
		position: relative;

		.form-control {
			border-radius: 0;
			height: 45px;
			line-height: 45px;
			background: fade(@light-color, 8);
			border: none;
			font-size: @font-size-base + 2;
			color: @light-color;
			.transition(all, 0.5s, ease);

			&:focus {
				box-shadow: none;
				background: fade(@light-color, 20);
			}
		}
		.btn {
			background: @theme;
			border: none;
			border-radius: 0;
			height: 45px;
			width: 45px;
			line-height: 45px;
			padding: 0;
			color: @light-color;
			font-size: @font-size-base + 2;
			position: absolute;
			top: 0;
			right: 0;
		}
	}
}
.pd-more-info {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 40px 0;
}
.nav-tabs {
	border: none;
	text-align: left;

	> li {
		margin: 0 5px;
		float: none;
		display: inline-block;
		vertical-align: top;
		border-bottom: 3px solid transparent;

		> a {
			border: none;
			background-color: transparent;
			color: @dark-color;
			text-transform: uppercase;

			&:hover {
				border: none;
				background-color: transparent;
				outline: none;
			}
		}
		&.active {
			border-bottom: 3px solid @theme;
		}
		&:hover, &:focus, &.active {
			a {
				background: transparent;
				border: none !important;
				color: @theme;
				border-radius: 0;

				&:hover {
					border: none;
				}
			}
		}
	}
}
.tab-content {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	border-top: 1px solid darken(@light-color, 15%);
	padding: 30px 0px 20px 0px;
	color: @dark-color;
	font-size: @font-size-base + 1;
	font-weight: 400;
	border-radius: 0px;
}
.latest-news-section {
	.tab-content {
		border: none;
		padding: 0;
	}
	.nav-tabs {
		li {
			border: none;
			margin: 0;
			text-align: left;

			a {
				font-size: @font-size-base;
				font-weight: 600;
				padding: 10px;
				text-transform: capitalize;
			}
		}
	}
}

/*------product page css start */
.left-title {
	h3 {
		font-size: @font-size-base + 6;
		color: @dark-color;
		text-transform: capitalize;
		font-weight: bold;
		margin-top: 0;
	}
	hr {
		height: 3px;
		width: 69px;
		background-color: @theme;
		text-align: left;
		margin: 0;
		padding: 0;
		margin-bottom: 24px;
		border: none;
	}
}
.right-title {
	h3 {
		font-size: @font-size-base + 6;
		color: @dark-color;
		text-transform: capitalize;
		font-weight: bold;
		margin-top: 0;
	}
	hr {
		height: 3px;
		width: 100%;
		background-color: @theme;
		text-align: left;
		margin: 0;
		margin-bottom: 24px;
		padding: 0;
		border: none;
	}
}
.product-item {
	width: 100%;
	height: 320px;
	border: 2px solid @theme;
	background-repeat: no-repeat;
	background-size: cover;

	h3 {
		font-size: @font-size-base + 2;
		color: @theme;
		font-weight: bold;
	}
	.product-img-section {
		display: table;
		width: 100%;
		height: 190px;

		.product-img {
			width: 100%;
			display: table-cell;
			text-align: center;
			vertical-align: middle;

			img {
				max-height: 150px;
			}
		}
	}
	.btn-box {
		button {
			background-color: @dark-color;
			border: none;
			padding: 8px 15px;

			a {
				color: @light-color;
				text-transform: uppercase;
				font-size: @font-size-base - 1;
				font-weight: 400;
				text-decoration: none;

				&:hover {
					text-decoration: none;
				}
			}
		}
	}
}
.popular-tags {
	hr {
		margin-bottom: 15px;
	}
	.tags {
		list-style-type: none;
		display: inline-block;
		margin: 0;
		padding: 0;
		text-transform: capitalize;

		li {
			float: left;
			margin: 0px 8px 8px 0px;

			a {
				color: fade(@dark-color, 70);
				font-size: @font-size-base - 2;
				display: block;
				padding: 9px 14px;
				font-weight: 400;
				border: 1px solid lighten(@dark-color, 60%);

				&:hover {
					text-decoration: none;
					color: @theme;
				}
			}
		}
	}
}
.shop-by {
	h4 {
		font-size: @font-size-base + 2;
		color: @dark-color;
		margin-bottom: 30px;
	}
	.nav-stacked>li+li {
		margin-top: 7px;
	}
	strong {
		padding-bottom: 6px;
		display: inline-block;
	}
}

/* price slider */
.price-slider {
	padding-bottom: 15px;
}
.slider.slider-horizontal {
	width: 100%;
}

/*price slider end */

/* product detail page start */
.product-slider-div {
	margin-bottom: 66px;
}
.related-products {
	margin-top: 38px;
}
.product-detail-news {
	padding-top: 7px;
}

/* product detail page end */

/* log in page style */
.oe_website_login_container {
	width: 100%;
	background-size: cover;
	margin: 0;
	padding: 40px 0px;

	.oe_login_form, .oe_signup_form, .oe_reset_password_form {
		padding: 50px;
		width: 400px;
		margin: 0 auto;
		border: 1px solid @theme;
		box-shadow: 1px 10px 26px rgba(57, 57, 57, 0.41);
	}
}
.btn-primary {
	background-color: @theme;
	border: 1px solid @theme;
	outline: none;
	border-radius: 0px;
}
.testimonials {
	.quotecarousel {
		height: auto;
		padding-bottom: 10px;
	}
	.carousel {
		.carousel-control {
			top: 167px;
			width: 30px;
			height: 30px;
			position: absolute;

			&.left {
				left: 16px;

				@media (max-width:1200px) {
					left: 24px;
				}
				@media (max-width:1000px) {
					left: 32px;
				}
			}
			&.right {
				left: 40px;

				@media (max-width:1200px) {
					left: 50px;
				}
				@media (max-width:1000px) {
					left: 43px;
				}
			}
		}
	}
}
.btn-primary {
	border-radius: 0px;
	background-color: @theme;
	border: 1px solid @theme;
	color: @light-color;
	outline: none;
	transition: all 0.3s ease;

	&:hover, &:focus {
		background-color: @light-color;
		color: @theme;
		outline: none;
		border: 1px solid @theme;
	}
}
.btn-default, .btn-link {
	border-radius: 0px;
	background-color: transparent;
	color: @theme;
	border: 1px solid @theme;
	transition: all 0.3s ease;
	margin-left: 14px;

	&:hover, &:focus {
		color: @light-color;
		background: @theme;
		outline: none;
		text-decoration: none;
	}
}
.oe_snippet_body {
	.btn-box {
		.btn-primary {
			&:hover, &:focus {
				color: @light-color;
				background-color: @dark-color;
			}
			.fa {
				color: @light-color;

				&:hover {
					color: @light-color;
				}
				;
			}
		}
	}
}
.table {
	.input-group {
		background: rgba(204, 204, 204, 0.21);

		.input-group-addon {
			background: rgba(204, 204, 204, 0.21);
		}
	}
	thead {
		background: @dark-color;
		padding: 10px 0px;
		border-bottom: 1px solid @dark-color;

		tr {
			th {
				padding: 10px;
			}
		}
	}
	a {
		color: @theme;

		&:hover {
			color: @dark-color;
			text-decoration: none;
		}
	}
	.btn-link {
		color: @theme;
		padding: 0 0 10px 0;
		position: relative;
		.transition(all, 0.3s, ease);
		text-decoration: none;
		border: none;

		&:hover, &:focus, &:active {
			color: @theme;
			background: none;

			&:before {
				visibility: visible;
				-moz-transform: scaleX(1);
				-webkit-transform: scaleX(1);
				-o-transform: scaleX(1);
				transform: scaleX(1);
			}
		}
		&:before {
			content: "";
			position: absolute;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: @theme;
			visibility: hidden;
			-moz-transform: scaleX(0);
			-webkit-transform: scaleX(0);
			-o-transform: scaleX(0);
			transform: scaleX(0);
			.transition(all, 0.3s, ease-in-out);
		}
	}
}
body ul.wizard {
	li.text-primary {
		color: @light-color;
		background: @theme;

		.chevron:before {
			border-left: 10px solid @theme;
		}
	}
	.text-success {
		color: @dark-color;

		&:hover {
			text-decoration: none;
			color: lighten(@dark-color, 30%);
		}
	}
}
.oe_sale_acquirer_button {
	p {
		margin: 10px 0 10px;
	}
}
.page-header {
	.btn-primary {
		background: none;
	}
	a {
		color: @theme;
		padding: 8px;
		position: relative;
		.transition(all, 0.3s, ease);
		text-decoration: none;

		&:hover {
			color: @theme;

			&:before {
				visibility: visible;
				-moz-transform: scaleX(1);
				-webkit-transform: scaleX(1);
				-o-transform: scaleX(1);
				transform: scaleX(1);
			}
		}
		&:before {
			content: "";
			position: absolute;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: @theme;
			visibility: hidden;
			-moz-transform: scaleX(0);
			-webkit-transform: scaleX(0);
			-o-transform: scaleX(0);
			transform: scaleX(0);
			.transition(all, 0.3s, ease-in-out);
		}
	}
}
#right_column {
	a {
		color: @theme;
		padding: 0 0 10px 0;
		position: relative;
		.transition(all, 0.3s, ease);
		text-decoration: none;

		&:hover {
			color: @theme;

			&:before {
				visibility: visible;
				-moz-transform: scaleX(1);
				-webkit-transform: scaleX(1);
				-o-transform: scaleX(1);
				transform: scaleX(1);
			}
		}
		&:before {
			content: "";
			position: absolute;
			width: 100%;
			height: 2px;
			bottom: 0;
			left: 0;
			background-color: @theme;
			visibility: hidden;
			-moz-transform: scaleX(0);
			-webkit-transform: scaleX(0);
			-o-transform: scaleX(0);
			transform: scaleX(0);
			.transition(all, 0.3s, ease-in-out);
		}
	}
}
.oe_product {
	border: none !important;
}
.toolbar {
	.toolbar-pager {
		.pager_left {
			float: right;
			width: 30%;
			text-align: right;

			@media (max-width:768px) {
				width: 100%;
			}
		}
		.pager_right {
			float: left;
			text-align: left;
			width: 70%;

			.sort-by {
				display: inline-block;
				vertical-align: middle;
			}
			.products_pager {
				display: inline-block;
			}
			@media (max-width:768px) {
				width: 100%;
				margin-top: 13px;
			}
		}
	}
}
.toolbar {
	padding: 0px 15px 25px 15px;

	.view-mode {
		float: right;

		button {
			&.active {
				background-color: @theme;
				color: @light-color;
			}
		}
	}
	.paging_sort {
		float: left;

		.btn {
			padding: 5px 12px;
		}
	}
}
.oe_pro_cat_slider {
	padding-top: 40px;
}
.breadcrumb li.active a {
	color: @theme;
}
.navbar-default {
	background-color: @light-color;
}
@media (max-width:1200px) {
	.quotecarousel {
		.content {
			text-align: left;
			margin-left: 2%;
			margin-top: 2%;
		}
	}
}
#o_shop_collapse_category {
	padding: 0px;

	>

	li+li {
		padding: 8px 0px;
		border-top: 1px solid lighten(@dark-color, 70%);
	}
	li {
		padding: 8px 0px;

		.fa-chevron-down {
			position: absolute;
			right: 15px;
			width: 25px;
			height: 25px;
			transform: rotate(135deg);
			transition: all 0.3s ease;

			@media (max-width:768px) {
				transform: rotate(135deg) !important;
			}
		}
		.fa-chevron-down:before {
			content: "";
			height: 11px;
			width: 1px;
			background: lighten(@dark-color, 40%);
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			right: 0;
		}
		.fa-chevron-down:after {
			content: "";
			height: 1px;
			width: 11px;
			background: lighten(@dark-color, 40%);
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			right: 0;
		}
		.fa-chevron-right {
			position: absolute;
			right: 15px;
			width: 25px;
			height: 25px;
			transform: rotate(360deg);
			transition: all 0.3s ease;
			z-index: 99;
		}
		.fa-chevron-right:before {
			content: "";
			height: 11px;
			width: 1px;
			background: lighten(@dark-color, 40%);
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			right: 0;
		}
		.fa-chevron-right:after {
			content: "";
			height: 1px;
			width: 11px;
			background: lighten(@dark-color, 40%);
			position: absolute;
			top: 0px;
			bottom: 0;    /* right: 0; */
			left: 0px;
			right: 0;
			margin: auto;
		}
		a {
			color: @dark-color;
			font-size: @font-size-base - 1;
			font-weight: 400;
			text-transform: capitalize;
			transition: all 0.3s linear;

			/*z-index:-1000;*/
			&:hover {
				color: @theme;
				background-color: transparent;
				padding-left: 13px;
			}
		}
		ul {
			border-bottom: 2px solid lighten(@dark-color, 50%);

			li {
				border: none;

				>a {
					color: @theme;
					font-weight: normal;
					font-size: @font-size-base - 1;
					background-color: transparent;
					transition: all 0.3s linear;
					padding-left: 20px;

					&:hover {
						padding-left: 40px;
					}
					&:before {
						content: " ";
						width: 0px;
						height: 0px;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						margin: auto;
						background-color: lighten(@dark-color, 50%);
					}
				}
				&.active {
					>a {
						color: @dark-color;
						font-weight: 600;
					}
				}
				&.active {
					>a {
						color: @dark-color;
						font-weight: 600;
					}
				}
			}
		}
		&.active {
			>a {
				color: @dark-color;
				font-weight: 600;
			}
		}
	}
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	color: @theme;
	background-color: transparent;
}
.btn-default {
	.fa {
		color: @theme;
	}
	&:hover {
		.fa {
			color: @light-color;
		}
	}
}
.btn-primary {
	&:hover {
		.fa {
			color: @theme;
		}
	}
}
table {
	.text-muted {
		color: @text-muted;
	}
}

/*list view */
.list-view-box, .oe_list {
	margin-bottom: 35px;

	.col-md-4 {
		width: 100%;
	}
	#list_add_to_cart {
		visibility: visible !important;
		display: block !important;

		.btn {
			margin-left: 15px;
		}
	}
	.cs-product {
		border: 1px solid lighten(@dark-color, 70%);
		.transition(all, 0.5s, ease);

		.pwp-img {
			width: 31%;
			float: left;
			border-right: 1px solid lighten(@dark-color, 70%);

			img {
				.transition(all, 0.5s, ease);
			}
		}
		.pwp-info {
			width: 69%;
			float: left;
			padding: 15px;
			border: none;
			text-align: left;
		}
		&:hover {
			border: 1px solid @theme;
			box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.2);

			.pwp-info {
				border: none;
			}
			.pink-box {
				visibility: hidden;
			}
		}
	}
	.list-items {
		&:hover {
			display: block;
		}
	}
	.pink-box {
		display: none;
	}
}

/*price slider */
.price-slider {
	.irs-bar {
		height: 5px;
		top: 33px;
		border: none;
		background: @theme;
	}
	.irs-line {
		height: 5px;
		top: 33px;
		background: lighten(@dark-color, 70%);
		border: none;
		border-radius: 0px;
		-moz-border-radius: 0px;
	}
	.irs-slider {
		top: 23px;
		width: 10px;
		height: 25px;
		border: 1px solid @theme;
		background: @theme;
		border-radius: 0px;
		-moz-border-radius: 0px;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
		cursor: pointer;
	}
	.irs-from, .irs-to, .irs-single {
		color: @dark-color;
		font-size: 14px;
		line-height: 1.333;
		padding: 1px 5px;
		background: none;
		bottom: -19px;
		position: absolute;
		top: auto;
	}
	.irs-to {
		color: @theme;
		font-size: 14px;
		line-height: 1.333;
		padding: 1px 5px;
		background: 0 0;
	}
	.irs-min, .irs-max {
		color: @dark-color;
		font-size: 12px;
		line-height: 1.333;
		text-shadow: none;
		top: 0;
		padding: 1px 5px;
		background: none;
		bottom: -19px;
		position: absolute;
		top: auto;
	}
	.irs-with-grid .irs-grid {
		display: none;
	}
}

/* for version-8 */
.product-view .product-shop-info .product-title .review {
	float: none;
	width: 100%;
}
.input-group-addon {
	a {
		color: @light-color;
	}
	&:hover {
		a {
			color: @dark-color
		}
	}
	;
}
.review_label {
	color: @theme;
}
#products_grid {
	padding: 0;

	.right-title {
		padding: 0px 15px;
	}
}
.category_nav {
	border: 1px solid @theme;
	padding: 10px 0px;
}
.nav-stacked {
	>li {
		>a {
			color: @theme;
			font-weight: 500;
			text-transform: uppercase;
			font-size: 15px;

			&:hover {
				color: @dark-color;
				background-color: transparent;
			}
		}
		.nav-hierarchy {
			>li {
				>a {
					color: @dark-color;
					font-weight: normal;
					font-size: @font-size-base - 1;
					background-color: transparent;
				}
				>ul {
					>li {
						padding-left: 15px;

						>a {
							color: @theme;
							font-weight: normal;
							font-size: @font-size-base - 1;
							background-color: transparent;
							transition: all 0.3s linear;
							padding-left: 20px;

							&:hover {
								padding-left: 40px;
							}
							&:before {
								content: " ";
								width: 6px;
								height: 2px;
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								margin: auto;
								background-color: lighten(@dark-color, 50%);
							}
						}
						&.active {
							>a {
								color: @dark-color;
								font-weight: 600;
							}
						}
					}
				}
				&.active {
					>a {
						color: @dark-color;
						font-weight: 600;
					}
				}
			}
		}
		&.active {
			>a {
				color: @dark-color;
				font-weight: 600;
			}
		}
	}
}
.search-query {
	border: 1px solid @theme;

	&:focus {
		border-color: @theme;
		outline: 0;
		-webkit-box-shadow: inset 0 0px 0px rgba(252, 252, 252, 0), 0 0 4px @theme;
		box-shadow: inset 0 0px 0px rgba(252, 252, 252, 0), 0 0 4px @theme;
	}
}
header a.navbar-brand img {
	max-height: 55px;

	@media (max-width:767px) {
		max-height: 50px;
	}
}

/*mega menu style start */
.dropdown-menu {
	border: 1px solid @theme;
}
.mega-dropdown-menu {
	display: none;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	background: #fff;
	padding: 0;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
	.transition(all, 0.5s, ease);

	@media (max-width:767px) {
		position: relative;
		top: auto;
		left: auto;
		visibility: visible;
		opacity: 1;
	}
	ul {
		.dropdown-header {
			margin: 0;
			padding: 0 0 8px;
			font-size: 12px;
			text-transform: uppercase;
			border: none;
			font-weight: 600;
			width: 100%;
			display: inline-block;
			vertical-align: top;
			white-space: normal;
			color: @theme;
			font-size: @font-size-base;

			a {
				text-decoration: none;
				color: @dark-color;
			}
		}
		.slider_header {
			color: @theme;
			font-size: @font-size-base;
			text-transform: uppercase;
		}
		.categories {
			a {
				color: @dark-color;
				text-decoration: none;
				line-height: 20px;
				font-size: @font-size-base - 2;
			}
			&:hover {
				a {
					color: @theme;
				}
			}
			;
		}
		.item {
			h4 {
				small {
					color: @theme;
				}
			}
		}
	}
}
.navbar-nav {
	.li-mega-menu {
		position: static;

		.carousel-inner {
			.item {
				margin-top: 15px;

				>a {
					height: 150px;
					position: relative;
					display: block;

					img {
						position: absolute;
						left: 0;
						top: 0;
						bottom: 0;
						right: 0;
						top: 0;
						margin: auto;
						width: auto;
						max-width: 100%;
						height: auto;
						max-height: 100%;
					}
				}
			}
		}
		.dropdown-menu {
		}
		.mega-dropdown-menu {
			@media (max-width:767px) {
				width: 100%;
			}
			.letter-spacing {
				ul {
					list-style-type: none;
					margin: 0;
					padding: 0;
				}
			}
		}
		&:hover {
			.mega-dropdown-menu {
				display: block;
				top: 101%;

				@media (max-width:767px) {
					display: none;
					width: 100%;
				}
			}
		}
		&.open {
			> a {
				@media (max-width:767px) {
					color: @light-color !important;
					background: none !important;
				}
			}
			.mega-dropdown-menu {
				@media (max-width:767px) {
					display: block;
					visibility: visible;
					display: block;
					opacity: 1;
				}
			}
		}
		&.open {
			>a {
				border-bottom: 2px solid @theme;
				background: transparent;
			}
		}
	}
}
.search-toggle {
	position: relative;
	border-bottom: 2px solid transparent;
	display: inline-block;
	padding-bottom: 2px;

	.st-toggle {
		background: @light-color;
		padding: 0;
		float: left;
		margin: 3px 0 0px;
		width: 35px;
		text-align: center;
		line-height: 35px;
	}
	.hsearch-block {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: 3px;
		bottom: auto;
		right: 34px;
		z-index: 999;
		.transition(all, 0.3s, linear);

		.form-control {
			border-radius: 0px;
			border: 1px solid @theme;
			width: 174px;
			height: 35px;

			&:focus {
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(195, 134, 71);
			}
			@media (max-width:500px) {
				width: 124px;
			}
		}
		@media (max-width:500px) {
			top: auto;
			bottom: -33px;
			left: 0;
			right: auto;
		}
	}
	&.search-toggle-open {
		.st-toggle {
			background: @theme;

			.fa-search {
				color: @light-color;
			}
		}
		.hsearch-block {
			visibility: visible;
			opacity: 1;
			top: 3px;
			width: 174px;

			@media (max-width:500px) {
				bottom: -33px;
				top: auto;
				left: 0;
				right: auto;
			}
		}
	}
	&:hover {
		border-bottom: 2px solid @theme;
	}
	;
}
.form-control:focus {
	border-color: @theme;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(195, 134, 71);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(195, 134, 71);
}
#multi_dynamic_slider_tabs {
	text-align: center;
}
.product-options-bottom {
	.control-label {
		margin: 0 !important;
	}
}
.js_add_cart_variants {
	margin-bottom: 30px;

	.list-unstyled {
		margin-top: 10px;

		li {
			margin: 4px 0px;
		}
	}
}
.multi_hide {
	display: none;
}
.active.multi_hide {
	display: block;
}
.o_editable {
	.dark-div {
		display: none;
	}
}

/* 404 style */
.section-404 {
	background: transparent;
	border: none;

	.content-404 {
		height: auto;
		width: 100%;
		margin-bottom: 20px;

		label {
			display: inline-block;
			top: 0px;
			max-width: 100%;
			margin-bottom: 5px;
			font-weight: 700;
			color: #fff;
			font-size: 200px;
			position: absolute;
			left: 80px;

			@media (max-width:1200px) {
				font-size: 150px;
			}
			@media (max-width:767px) {
				font-size: 100px;
			}
			@media (max-width:550px) {
				font-size: 50px;
				left: 50px;
			}
		}
	}
	.not-found-message {
		font-size: 20px;
		font-weight: 500;
	}
	.try-pages {
		font-size: 14px;
		margin: 15px 0px;

		span {
			display: block;
			margin: 20px;

			a {
				margin-left: 20px;
				background-color: @dark-color;
				color: @light-color;
				padding: 10px 15px;
				font-weight: 500;

				&:hover {
					text-decoration: none;
				}
				;

				@media (max-width:480px) {
					margin: 20px;
					width: 100%;
					margin-left: 0;
				}
			}
		}
	}
}
#top_menu {
	.dropdown {
		&:hover {
			.dropdown-menu {
				display: block;
			}
		}
	}
}
.clearfix {
	.btn-default {
		margin-left: 0;
	}
}
.table {
	th {
		color: @theme;
	}
}

/* flip less */
.cs-product {
	position: relative;
	.ratings{
		.popover{
			display: none !important;
		}
	}
}
.pwp-img {
	margin: auto;
	position: relative;
}
img.front {
	width: 100%;
	height: 100%;
	-o-transition: all .5s !important;
	-ms-transition: all .5s !important;
	-moz-transition: all .5s !important;
	-webkit-transition: all .5s !important;
	transition: all .5s !important;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}
img.back {
	width: 100%;
	height: 100%;
	-o-transition: all .5s !important;
	-ms-transition: all .5s !important;
	-moz-transition: all .5s !important;
	-webkit-transition: all .5s !important;
	transition: all .5s !important;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	-webkit-transform: rotateY(-180deg) !important;
	-ms-transform: rotateY(-180deg) !important;
	-moz-transform: rotateY(-180deg) !important;
	transform: rotateY(-180deg) !important;
}
.pwp-img:hover img.front {
	z-index: 1;
	-webkit-transform: rotateY(180deg) !important;
	-ms-transform: rotateY(180deg) !important;
	-moz-transform: rotateY(180deg) !important;
	transform: rotateY(180deg) !important;
}
.pwp-img:hover img.back {
	z-index: 2;
	-webkit-transform: rotateY(0deg) !important;
	-ms-transform: rotateY(0deg) !important;
	-moz-transform: rotateY(0deg) !important;
	transform: rotateY(0deg) !important;
}
.li-mega-menu {
	.caret {
		border-left: 6px solid rgba(0, 0, 0, 0);
		border-right: 6px solid rgba(0, 0, 0, 0);
		border-top: 6px solid;
		display: inline-block;
		height: 0px;
		margin-left: 2px;
		vertical-align: middle;
		width: 0px;
	}
}
.li-mega-menu {
	&.open {
		.caret {
			transform: rotate(180deg);
			transition: all 0.3s ease;

			@media (max-width:768px) {
				transform: rotate(180deg) !important;
			}
		}
	}
}
.language-bar {
	margin-bottom: 5px;
}
header {
	.configuration {
		.toggle-config {
			.options {
				ul {
					.dropdown-toggle {
						border: 1px solid @theme;
						padding: 2px 9px;

						&:hover {
							background-color: @theme;
						}
					}
				}
			}
		}
	}
}
.currency_bar {
	label {
		margin-right: 22px;
	}
	.btn {
		padding: 1px 5px;
	}
	.btn-group{
		display: inline-block;
		vertical-align: middle;
	}
	.dropdown-menu {
		position: absolute;
		right: 0;
		left: auto;
		min-width: 70px;
	}
}
#product_details, #discussion {
	.o_rating_star_card {
		
		.stars {
			color: @theme;

			i {
				margin-right: 0px;
			}
		}
	}
}
.total_cart_price {
	width: 230px;
}
.oe_website_sale ul ul {
	padding-left: 0;
	margin-left: 0;
}
#myQuoteCarousel {
	.carousel {
		.carousel-control {
			&.left {
				position: absolute;
				top: 20%;
				z-index: 5;
				right: 25%;
			}
		}
	}
}
#wrap {
	.oe_cart {
		background: #fff;
		padding: 20px;
		margin-bottom: 20px;

		#cart_total {
			padding: 13px;
		}
	}
	.table {
		thead {
			background: none;
			border: none;
		}
		tr {
			vertical-align: middle;
			border-bottom: 1px solid lighten(@dark-color, 70%);

			td {
				padding: 20px;
				vertical-align: middle;
			}
		}
		.text-muted {
			color: @dark-color;
			font-weight: 400;
		}
	}
}
.table-striped {
	>tbody {
		>tr:nth-of-type(odd) {
			background-color: rgba(249, 249, 249, 0.75);
		}
	}
}

/*owl silder*/
.owl-carousel {
	overflow: hidden;
	.owl-item {
		padding: 0 15px;
	}
}

/**/

.owl-buttons {
		.owl-prev, .owl-next {
			font-size: 0;
			width: 40px;
			height: 40px;
			border: 1px solid @dark-color;
			text-align: center;
			line-height: 38px;
			display: block !important;
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto;
			background: @dark-color;
		}
		.owl-prev {
			left: -20px;

			@media (max-width:1200px) {
				left: -20px;
			}
			&:before {
				content: "\f104";
				font-family: "FontAwesome";
				font-size: @font-size-base * 2;
				color: darken(@light-color, 20%);
			}
		}
		.owl-next {
			right: -20px;

			@media (max-width:1200px) {
				right: -20px;
			}
			&:before {
				content: "\f105";
				font-family: "FontAwesome";
				font-size: @font-size-base * 2;
				color: darken(@light-color, 20%);
			}
		}
	}