/********stylesheet.css Process Start*******/

/*-----------------------------------------------------------------------------------

    Template Name: Marketshop eCommerce HTML Template
    Author: Harnish Design
    Author URI: http://harnishdesign.net

===================================================================================
 Table of Contents
===================================================================================
 
1. General Styles
2.  Layout
3.  Header
     3.1. Language & Currency
     3.2. Top Links
     3.3. Mini Cart
     3.4. Search Bar
4.  Menu
5.  Feature box
6.  Breadcrumb
7.  Category Page
     7.1. Refine Search Category
     7.2. Grid-List Icon
     7.3. Produc Thumb
     7.4. Grid Product
     7.5. List Product
     7.6. Rating Star
     7.7. Pagination 
8.  Product Page
9.  Product Item for Left and Right Panel
10. Category Accordion
11. buttons
12. Tabs
13. Static Banner
14. Faq Page
15. Sitemap Page
16. Footer
     16.1. Footer Links
     16.2. Contact Block
     16.3. Payments Types
     16.4. Social Icon
     16.5. Powered by Text
     16.6. Back To Top
17. Side Blocks
     17.1. Facebook
     17.2. Twitter
     17.3. Custom Side block
     17.4. Video Box
18. Five Grid Columns
19. Shortcodes
20. Extra
-------------------------------------------------------------------------------------*/

/*===================================================================================*/
/*  1. General Styles
/*===================================================================================*/
html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

body {
	background: #fff;
	color: #222;
	font-family: 'Open Sans', sans-serif;
	line-height: 18px;
}

body {
	font-size: 12px;
}

legend {
	font-size: 18px;
	padding: 7px 0px;
}

label {
	font-weight: normal;
}

form {
	padding: 0;
	margin: 0;
	display: inline;
}

img {
	vertical-align: inherit;
}

a, a b {
	color: #3e7cb4;
	text-decoration: none;
	cursor: pointer;
}

	a:hover, a b:hover {
		text-decoration: none;
		color: #000;
	}

	a:focus {
		outline: none;
	}
/**===== Title =====**/
.title {
	margin: 0px 0px 20px 0px;
}
/**===== Sub Title =====**/
.subtitle {
	position: relative;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	line-height: normal;
	font-size: 20px;
	color: #000000;
	border-bottom: 2px solid #e40046;
	padding-bottom: 3px;
}

	.subtitle .viewall {
		font-size: 12px;
	}
/**===== Title for 404 Page =====**/
.title-404 {
	font-size: 300px;
	font-weight: bold;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
/*===================================================================================*/
/*  2. Layout
/*===================================================================================*/
.wrapper-box {
	max-width: 1220px;
	margin: 0px auto;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.wrapper-wide {
	max-width: 100%;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}

.main-wrapper {
	max-width: 1170px;
	margin: 0px auto;
	padding: 0 25px;
	clear: both;
}

#container {
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
}

#content {
	min-height: auto;
}

	#content a:hover {
		color: #e40046;
	}

	#content .btn5 {
		color: #FFF;
		background-color: #e40046;
		padding: 2px;
		width: 80px;
		font-weight: bold;
	}

		#content .btn5:hover {
			color: #FFF;
			background-color: #000;
			padding: 2px;
			width: 80px;
		}

	#content .btn6 {
		color: #FFF;
		background-color: #e40046;
		padding: 10px;
		width: 140px;
		font-weight: bold;
		font-size: 14px;
	}

		#content .btn6:hover {
			color: #FFF;
			background-color: #000;
			padding: 10px;
			width: 140px;
			font-size: 14px;
		}

/*===================================================================================*/
/*  3. Header
/*===================================================================================*/
#header {
	position: relative;
	padding: 0px;
}

	#header .htop {
		background: #3e7cb4;
	}

	#header .header-row {
		position: relative;
		padding: 5px 0;
	}

		#header .header-row .inner {
			padding: 0;
		}

	#header #logo img {
		display: inline-block !important;
	}

	#header ul, #header ol {
		list-style: none;
		padding: 0;
		margin: 0;
	}

.table-container {
	display: table;
	width: 100%;
	table-layout: fixed;
}

	.table-container .col-table-cell {
		display: table-cell;
		vertical-align: middle;
		float: none;
	}
/**===== 3.1. Language & Currency =====**/
#language, #currency {
	float: left;
	border-right: 1px dotted #5b9ad4;
}

	#language span, #currency span {
		color: #fff;
		font-size: 12px;
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-o-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
	}

#top .dropdown-menu {
	margin: 0;
	border-radius: 0px;
	padding: 0;
	border: none;
	z-index: 1013;
}

	#top .dropdown-menu li a, #currency ul li .currency-select, #language ul li .language-select {
		color: #333;
		padding: 7px 10px;
		text-align: left;
		font-size: 12px;
	}

	#top .dropdown-menu li + li a, #currency ul li + li .currency-select, #language ul li + li .language-select {
		border-top: 1px solid #eee;
	}

#my_account:hover > a:after, #language:hover span:after, #currency:hover span:after, #header .links > ul > li.wrap_custom_block:hover > a:after {
	clear: both;
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	z-index: 1014;
	border-width: 0px 7px 6px 7px;
	bottom: 0px;
	left: 50%;
	margin: 0 0 0 -5px;
}

#header .links > ul > li.wrap_custom_block:hover > a:after {
	clear: both;
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	z-index: 1014;
	border-width: 0px 7px 6px 7px;
	bottom: 0px;
	left: 50%;
	margin: 0 0 0 -5px;
}

#language button .btn-link {
	border: none 0px;
}

#header .links > ul > li.wrap_custom_block > a b {
	clear: both;
	content: ' ';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	border-width: 4px 5px 0px 5px;
	margin: 0 0 1px 0;
}

#language img {
	cursor: pointer;
	margin-right: 5px;
}

#top .dropdown-menu li a:hover, #currency ul li .currency-select:hover, #language ul li .language-select:hover {
	color: #3e7cb4;
	background: none;
	text-decoration: none;
}
/**===== 3.2. Top Links =====**/
#header .links {
	position: relative;
	float: left;
	border-right: 1px dotted #5b9ad4;
}

	#header .links > ul > li {
		float: left;
		list-style-type: none;
		border-left: 1px dotted #5b9ad4;
	}

		#header .links > ul > li.mobile, #header .links > ul > li.email {
			color: #fff;
		}

		#header .links > ul > li.mobile {
			padding: 0 10px;
		}

		#header .links > ul > li > a, #header .links > ul > li .wrap_custom_block > a {
			padding: 0px 10px;
			color: #fff;
			text-decoration: none;
			font-size: 12px;
			position: relative;
			display: block;
		}

#language .btn-link, #currency .btn-link {
	padding: 0px 10px;
	border: none;
}

	#language .btn-link:hover, #currency .btn-link:hover {
		text-decoration: none;
	}

#header .links > ul > li .fa-phone, #header .links > ul > li .fa-envelope {
	font-size: 120%;
	margin-right: 5px;
}

#header .links > ul > li.wrap_custom_block {
	position: relative;
}

	#header .links > ul > li.wrap_custom_block > div {
		display: none;
		background: #fff;
		position: absolute;
		z-index: 1015;
		top: 35px;
		padding: 10px;
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
	}

	#header .links > ul > li.wrap_custom_block > a b {
		margin-left: 3px;
	}

	#header .links > ul > li.wrap_custom_block > a:hover {
		text-decoration: none;
	}

	#header .links > ul > li.wrap_custom_block > div ul li {
		list-style-type: none;
	}

#header .top-links {
	color: #fff;
	border-right: 1px dotted #5b9ad4;
}

	#header .top-links > ul > li {
		float: left;
		border-left: 1px dotted #5b9ad4;
	}

		#header .top-links > ul > li > a {
			color: #fff;
			text-transform: capitalize;
			display: inline-block;
			padding: 0px 10px;
		}

	#header #top .links > ul > li, #header .top-links > ul > li, #language .btn-link span, #currency .btn-link span {
		line-height: 35px;
	}

		#header .top-links > ul > li > a:hover, #header .links > ul > li > a:hover {
			text-decoration: underline;
		}

.wrapper-box #header .top-links {
	border-right: none;
}

.wrapper-box .htop .main-wrapper {
	max-width: 1220px;
	padding: 0;
}
/**===== 3.3. Mini Cart =====**/
#header #cart {
	position: relative;
	text-align: right;
}

	#header #cart .heading .cart-icon {
		width: 20px;
		height: 16px;
		background: #3e7cb4;
		position: relative;
		margin-right: 5px;
		margin-top: 8px;
	}

		#header #cart .heading .cart-icon:before {
			clear: both;
			content: ' ';
			display: block;
			width: 14px;
			height: 19px;
			top: -8px;
			left: 3px;
			border: 2px solid #3e7cb4;
			border-radius: 50%;
			border-bottom: none;
			position: absolute;
		}

		#header #cart .heading .cart-icon:after {
			clear: both;
			content: ' ';
			display: block;
			width: 20px;
			height: 2px;
			bottom: -2px;
			left: 0px;
			border: 1px solid #3e7cb4;
			border-top: none;
			position: absolute;
		}

	#header #cart .heading {
		text-decoration: none;
		font-size: 14px;
		height: 32px;
		color: #444;
		display: inline-block;
		position: relative;
		padding: 0;
		background: none;
		border: none;
	}

		#header #cart .heading span {
			display: inline-block;
			line-height: 32px;
		}

	#header #cart.open .heading {
		color: #000;
	}

		#header #cart.open .heading span:after {
			clear: both;
			content: ' ';
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-color: transparent transparent #3e7cb4 transparent;
			position: absolute;
			border-width: 0px 7px 6px 7px;
			bottom: 0px;
			left: 50%;
			margin: 0 0 0 -5px;
			z-index: 1012;
		}

	#header #cart .dropdown-menu {
		padding: 8px;
		margin: 0;
		z-index: 1011;
		background: #FFF;
		border: 3px solid #3e7cb4;
		border-width: 3px 0px 0px 0px;
		width: 420px;
		border-radius: 0px;
		right: 0;
		left: auto;
	}

#cart .dropdown-menu li > p {
	margin: 30px 0;
}

#header #cart .dropdown-menu .remove {
	border-radius: 100%;
	padding: 0px 4px;
	line-height: normal;
}

#cart .dropdown-menu > li > .table > tbody > tr > td {
	border-bottom: 1px solid #ddd;
	border-top: none 0px;
}

#txtTopSearchBox.input-lg {
	height: 36px;
	padding: 10px 16px;
	font-size: 16px;
	line-height: 1.3333333;
	border-radius: 6px;
	width: 99%;
}

.header_search_btn {
	float: left;
}

.header_search_text {
	width: 100%;
}
/**===== 3.4. Search Bar =====**/
/*20170103(Tamilmani - commented display:block; for mainpage.htm search alignment)*/
/**/
#header #search {
	position: relative;
	display: block;
}

/*20170228 -padding-right 38px added for mainpage.htm textbox bootstrap validation alignment*/
/*
#header .button-search {
	width: 36px;
	height: 36px;
	font-size: 14px;
	z-index: 2;
	position: absolute;
	right: 0;
	cursor: pointer;
	float: right;
	background: none;
	border: none;
	color: #bbb;
	padding: 0 38px;
}
*/

#header .button-search {
	/*width: 36px;*/
	/*height: 36px;*/
	font-size: 14px;
	z-index: 2;
	background: none;
	color: #bbb;
	border: 1px solid #ccc;
	/*padding: 0 38px;*/
}

#header #search input {
	background: #FFF;
	padding: 0 36px 0 10px;
	/*height: 36px;*/
	font-size: 13px;
	color: #333;
	/*outline: none;*/
	/*display: block;*/
	/*border-radius: 0px;*/
}

	#header #search input:focus {
		border-color: #bbb;
		box-shadow: none;
	}

#header.style2 #logo {
	text-align: center;
}

	#header.style2 #logo a img {
		display: inline-block;
	}

#header.style2 #cart {
	text-align: left;
}

	#header.style2 #cart .dropdown-menu {
		left: 0;
		right: auto;
	}

#header.style3 #cart {
	text-align: right;
}
/*===================================================================================*/
/*  4. Menu
/*===================================================================================*/
#menu .navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
}

#menu.navbar {
	border-radius: 0px;
	min-height: inherit;
}

#menu .navbar-nav {
	float: none;
	position: relative;
}

#menu .nav > li > a.home_link span {
	text-indent: -99999px;
	position: relative;
	background: #656565;
	width: 12px;
	height: 5px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	#menu .nav > li > a.home_link span:before {
		clear: both;
		content: ' ';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent transparent #656565 transparent;
		position: absolute;
		border-width: 0 10px 9px;
		top: -9px;
		left: -4px;
		position: absolute;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#menu .nav > li > a.home_link span:after {
		clear: both;
		content: ' ';
		display: block;
		width: 12px;
		height: 4px;
		border: 1px solid #656565;
		border-width: 0px 4px 0px 4px;
		position: absolute;
		bottom: -4px;
		left: 0px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

#menu .nav > li > a.home_link:hover span {
	background: #3e7cb4;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	#menu .nav > li > a.home_link:hover span:before {
		border-bottom-color: #3e7cb4;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#menu .nav > li > a.home_link:hover span:after {
		border-color: #3e7cb4;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

#menu {
	border-bottom: 3px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-right: 0;
	border-left: 0;
	margin-bottom: 0px;
}

	#menu .nav > li {
		height: 40px;
	}

		#menu .nav > li > a {
			font-size: 16px;
			color: #555;
			line-height: 40px;
			text-decoration: none;
			padding: 0px 10px 0px 10px;
			z-index: 1009;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}

		#menu .nav > li:hover > a {
			color: #3e7cb4;
			background: #f3f3f3;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}

		#menu .nav > li.sub:hover > a:after {
			clear: both;
			content: ' ';
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-color: transparent transparent #3e7cb4 transparent;
			position: absolute;
			border-width: 0px 7px 6px 7px;
			bottom: 0px;
			left: 50%;
			margin: 0 0 0 -5px;
			z-index: 1009;
		}

		#menu .nav > li .dropdown-menu {
			border-radius: 0px;
		}

		#menu .nav > li > .dropdown-menu {
			display: none;
			background: #fff;
			position: absolute;
			z-index: 1010;
			padding: 5px 0 0;
			border-top: 3px solid #3e7cb4;
			border-bottom: 0px none;
			border-left: 0px none;
			border-right: 0px none;
			font-size: 12px;
		}

		#menu .nav > li:hover > .dropdown-menu.custom_block ul {
			display: table-cell;
		}

		#menu .nav > li > .dropdown-menu > ul {
			display: table-cell;
		}

		#menu .nav > li > div > .column a span, #menu .nav > li > div > ul li a span {
			font-size: 18px;
			line-height: 13px;
			position: absolute;
			right: 8px;
		}

		#menu .nav > li > div > ul {
			position: relative;
			width: 160px;
		}

			#menu .nav > li > div > ul li a {
				font-size: 12px;
			}

		#menu .nav > li ul + ul {
			padding-left: 20px;
		}

		#menu .nav > li ul > li > a {
			text-decoration: none;
			padding: 4px;
			display: block;
			min-width: 160px;
		}

		#menu .nav > li div > ul > li > a {
			color: #222;
		}

		#menu .nav > li div > ul > li:hover > a {
			color: #3e7cb4;
		}

		#menu .nav > li > div > ul {
			position: relative;
		}

			#menu .nav > li > div > ul li + li {
				border-top: 1px solid #eee;
			}

		#menu .nav > li div > ul > li > a {
			font-size: 13px;
			padding: 7px 20px 7px 10px;
			display: block;
			color: #444;
			white-space: nowrap;
		}

		#menu .nav > li > div > ul li:hover > a {
			color: #3e7cb4;
		}

		#menu .nav > li > .dropdown-menu li {
			position: relative;
		}

			#menu .nav > li > .dropdown-menu li .dropdown-menu {
				background: #fff;
				position: absolute;
				z-index: 1008;
				padding: 0px;
				box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
				display: none;
				border-top: 3px solid #3e7cb4;
				left: 100%;
				margin-top: -32px;
			}

		#menu .nav > li.mega-menu.dropdown, #menu .nav > li.menu_brands.dropdown {
			position: static;
		}

		#menu .nav > li.mega-menu > div {
			display: none;
			background: #fff;
			margin-left: 0px !important;
			width: 100%;
			position: absolute;
			padding: 10px 0px 0px 0px;
		}

			#menu .nav > li.mega-menu > div > .column {
				position: relative;
				display: inline-block;
				margin: 0px 0px 15px 0px;
			}

				#menu .nav > li.mega-menu > div > .column > a {
					font-weight: bold;
					font-size: 13px;
					border-bottom: 1px solid #ddd;
					margin-bottom: 5px;
				}

				#menu .nav > li.mega-menu > div > .column > a, #menu .nav > li.mega-menu > div > .column > div > ul > li > a {
					padding: 4px 0;
					display: block;
				}

				#menu .nav > li.mega-menu > div > .column:hover > a {
					color: #3e7cb4;
				}

				#menu .nav > li.mega-menu > div > .column > div {
					display: block;
				}

					#menu .nav > li.mega-menu > div > .column > div ul li {
						position: relative;
					}

			#menu .nav > li.mega-menu > div .dropdown-menu ul li + li a {
				border-top: 1px solid #eee;
			}

		#menu .nav > li.menu_brands.name {
			position: relative;
		}

			#menu .nav > li.menu_brands.name > div {
				padding: 0px !important;
			}

		#menu .nav > li.menu_brands > div {
			padding: 15px 0px 0px !important;
			width: 100%;
			margin-left: 0px !important;
		}

			#menu .nav > li.menu_brands > div > div {
				text-align: left;
				margin-bottom: 10px;
			}

				#menu .nav > li.menu_brands > div > div a {
					display: block;
					line-height: 16px;
				}

					#menu .nav > li.menu_brands > div > div a img {
						display: inline-block;
					}

		#menu .nav > li.custom-link-right {
			float: right;
		}

		#menu .nav > li.wrap_custom_block > div.custom_block {
			padding: 5px;
		}

.custom_block p {
	line-height: 18px;
	margin: 0;
}

.custom_block a, #menu .nav > li.wrap_custom_block > div.custom_block a {
	display: inline-block;
}

.custom_block {
	line-height: normal;
}

	.custom_block td, .custom_block th {
		padding: 5px;
	}

	.custom_block h1, .custom_side_block h1 {
		font-size: 28px;
		margin-top: 0px;
	}

	.custom_block h2, .custom_side_block h2 {
		font-size: 24px;
		margin-top: 0px;
	}

	.custom_block h3, .custom_side_block h3 {
		font-size: 22px;
		margin-top: 0px;
	}

	.custom_block h4, .custom_side_block h4 {
		font-size: 20px;
		margin-top: 0px;
	}

	.custom_block h5, .custom_side_block h5 {
		font-size: 18px;
		margin-top: 0px;
	}

	.custom_block .btn-sm {
		padding: 5px 10px !important;
	}
/*===================================================================================*/
/*  5. Feature box
/*===================================================================================*/
.custom-feature-box .feature-box {
	background: #f2f2f2;
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
}

	.custom-feature-box .feature-box .title {
		color: #555;
		font-size: 13px;
		text-transform: uppercase;
		line-height: normal;
		margin: 0;
	}

	.custom-feature-box .feature-box p {
		color: #888;
		font-size: 12px;
		margin: 0;
		line-height: normal;
	}
/*===================================================================================*/
/*  6. Breadcrumb
/*===================================================================================*/
.breadcrumb {
	color: #c2c2c2;
	margin-bottom: 10px;
	background: none;
	padding: 0;
	border-radius: 0px;
}

	.breadcrumb a {
		color: #999;
		font-size: 11px;
	}

		.breadcrumb a:hover {
			color: #2f4a90;
			text-decoration: underline;
		}
/*===================================================================================*/
/*  7. Category Page
/*===================================================================================*/

/**======= 7.1. Refine Search Category =======**/
.category-list-thumb, .category-list {
	margin-bottom: 15px;
}

	.category-list-thumb > div {
		text-align: center;
		vertical-align: top;
		margin-bottom: 10px;
	}

		.category-list-thumb > div img {
			max-width: 100% !important;
			border: 1px solid #dddddd;
			padding: 3px;
		}

	.category-list .div a {
		text-decoration: underline;
		font-weight: bold;
	}
/**======= 7.2. Grid-List Icon =======**/
#list-view, #grid-view {
	font-size: 18px;
	padding: 0;
	background: none;
	margin-right: 10px;
	color: #555;
}

	#list-view:hover, #grid-view:hover {
		color: #000;
	}

	#list-view:active, #grid-view:active {
		color: #444;
		box-shadow: none;
	}

	#list-view.selected, #grid-view.selected {
		color: #999;
		cursor: default;
	}
/**======= 7.3. Produc Thumb =======**/
.product-filter {
	border: 1px solid #EAEAEA;
	background: #F6F6F6;
	padding: 6px 5px;
	line-height: 25px;
}

	.product-filter .form-control {
		padding: 2px 12px;
		height: auto;
	}

.product-list.row, .products-category.row {
	margin: 0;
}
/* Carousel */
.owl-carousel {
	margin-bottom: 20px;
}

	.owl-carousel .product-thumb .image {
		margin-bottom: 5px;
	}

	.owl-carousel .product-thumb {
		padding: 7px;
		margin: 0px 3px 0px 0px;
		position: relative;
		text-align: center;
		border: 3px solid transparent;
	}

.product-offer-plus {
	padding-top: 130px;
	padding-left: 30px;
	width: 50px;
	font-size: 36px;
	min-height: 150px;
}

.product-offer-plus1 {
	padding-top: 130px;
	padding-left: 30px;
	width: 150px;
	font-size: 16px;
	min-height: 150px;
}

@media only screen and (min-width:1025px) {
	.owl-carousel .product-thumb:hover {
		border-color: #eae9e9;
	}
}

.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}

.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}

.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* Product Thumb */
.product-thumb .image {
	text-align: center;
}

	.product-thumb .image a {
		display: block;
	}

		.product-thumb .image a img {
			display: inline-block;
		}

.product-thumb h4 {
	margin: 0;
	padding-bottom: 0px;
}

	.product-thumb h4 a {
		font-size: 13px;
		line-height: 18px;
		text-decoration: none;
		display: inline-block;
		margin: 0 auto;
		padding: 0px;
		color: #333;
	}

		.product-thumb h4 a:hover {
			text-decoration: underline;
		}

.product-thumb .button-group button {
	border: none;
}

.product-thumb .button-group .btn-primary {
	padding: 4px 8px;
	margin-bottom: 7px;
	font-size: 11px;
	height: auto;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}

.product-thumb .button-group .add-to-links button {
	background: none;
	color: #666;
	font-size: 15px;
}

	.product-thumb .button-group .add-to-links button:hover {
		color: #3e7cb4;
		cursor: pointer;
	}

.product-thumb .rating {
	padding-bottom: 7px;
}

	.product-thumb .rating span {
		vertical-align: top;
	}

.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
	font-weight: normal;
}

.product-thumb .price {
	margin: 10px 0;
	font-size: 13px;
	font-weight: bold;
}

.price-old {
	color: #F00;
	text-decoration: line-through;
	font-weight: normal;
	font-size: 12px;
}

.price-new {
	font-weight: bold;
}

.price, .price-new {
	color: #3e7cb4;
}

.saving {
	background: #FF0000;
	border-radius: 100% 100% 100% 100%;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 50px;
	line-height: 15px;
	padding-top: 10px;
	position: absolute;
	right: 56px;
	text-align: center;
	top: 100px;
	width: 50px;
}

.saving1 {
	background: #FF0000;
	border-radius: 100% 100% 100% 100%;
	color: #FFFFFF;
	display: block;
	font-size: 23px;
	font-weight: bold;
	height: 80px;
	line-height: 25px;
	padding-top: 15px;
	position: absolute;
  /*Modified on 20170506 - thamaraiselvan(right modified and top commented and bottom added)*/
	/*right: 70px;*/
  left: 0px;
	text-align: center;
	/*top: 175px;*/
	width: 80px;
  bottom:0px;
}
/**======= 7.4. Grid Product =======**/
.product-grid {
	position: relative;
	text-align: center;
	vertical-align: top;
	background: #fff;
	padding: 7px 7px 7px 7px;
	border: 3px solid transparent;
	margin-bottom: 15px;
}

	.product-grid:hover {
		border-color: #eae9e9;
	}

	.product-grid .product-thumb .image {
		margin-bottom: 5px;
	}

	.product-grid .product-thumb .image {
		float: none;
	}

	.product-grid .product-thumb .description, .product-grid .product-thumb .price-tax, .owl-carousel .product-thumb .price-tax {
		display: none;
	}

	.product-grid .product-thumb .button-group .add-to-links button, .owl-carousel .product-thumb .button-group .add-to-links button, {
		padding: 2px 6px;
	}

@media only screen and (min-width:1025px) {
	.product-grid .product-thumb .button-group .add-to-links, .owl-carousel .product-thumb .button-group .add-to-links {
		visibility: hidden;
	}
}

.product-grid:hover .product-thumb .button-group .add-to-links, .owl-carousel .product-thumb:hover .button-group .add-to-links {
	visibility: visible;
}

.product-grid .product-thumb .button-group .add-to-links button span {
	display: none;
}
/**======= 7.5. List Product =======**/
.product-list {
	position: relative;
	padding: 20px 0px;
	border-top: 2px solid #eae9e9;
}

	.product-list:first-child {
		border-top: none;
	}

	.product-list .image {
		float: left;
		margin-right: 15px;
	}

	.product-list .product-thumb h4 {
		margin-bottom: 8px;
	}

		.product-list .product-thumb h4 a {
			font-weight: bold;
			font-size: 15px;
		}

	.product-list .product-thumb .description {
		margin-bottom: 0px;
	}

	.product-list .product-thumb .button-group .btn-primary {
		float: left;
		margin-right: 5px;
	}

	.product-list .product-thumb .button-group .add-to-links {
		float: left;
		padding: 1px 0px;
		display: inline-block;
	}

		.product-list .product-thumb .button-group .add-to-links button span {
			font-size: 12px;
		}

	.product-list .saving {
		top: 25px;
		left: 16px;
	}
/**======= 7.6. Rating Star =======**/
.rating .fa-stack {
	font-size: 6px;
}

.rating .fa-star-o {
	color: #999;
	font-size: 13px;
}

.rating .fa-star, .rating .fa-star-half-o {
	color: #FC0;
	font-size: 13px;
}

.addToCart_Rating {
	color: #e40046;
}

.rating .fa-star + .fa-star-o {
	color: #E69500;
}
/**======= 7.7. Pagination =======**/
.pagination {
	margin: 0px;
}

	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
		background: #3e7cb4;
	}

	.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
		border-radius: 0px;
	}

	.pagination > li > a, .pagination > li > span {
		color: #3e7cb4;
	}
/*===================================================================================*/
/*  8. Product Page
/*===================================================================================*/
.product-info {
	margin-bottom: 20px;
}

	.product-info .image {
		position: relative;
		text-align: center;
	}

	.product-info .zoomWrapper {
		display: inline-block;
	}

	.product-info span.zoom-gallery {
		font-size: 11px;
		line-height: 11px;
		font-style: italic;
		color: #666;
		padding: 1px 0;
	}

		.product-info span.zoom-gallery .fa {
			font-size: 13px;
		}

	.product-info .image .zoomWrapper:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	.product-info .image-additional {
		overflow: hidden;
		margin-left: -7px;
		margin-top: 15px;
	}

		.product-info .image-additional img {
			max-width: 75px;
			height: auto;
			display: block;
		}

#column-left + #content .product-info .image-additional img, #column-right + #content .product-info .image-additional img {
	max-width: 66px;
}

.product-info .image-additional a {
	float: left;
	display: block;
	margin-left: 7px;
	border-radius: 0px;
	margin-bottom: 15px;
}

	.product-info .image-additional a:hover, .product-info .image-additional a:focus, .product-info .image-additional a:active {
		border-color: #bbb;
	}

	.product-info .image-additional a.active {
		opacity: 0.5;
		outline: 0;
		cursor: default;
	}

.product-info .description {
	line-height: 25px;
	font-size: 13px;
	margin-bottom: 15px;
}

.product-info .instock {
	background: #53af2e;
	color: #fff;
	padding: 2px 8px;
	border-radius: 2px;
	font-weight: bold;
}

.product-info .nostock {
	background: #da4f49;
	color: #fff;
	font-weight: bold;
	padding: 2px 8px;
	border-radius: 2px;
}

.product-info .price-box {
	background: #F4F3F3;
	border: 1px solid #eee;
	overflow: auto;
	padding: 10px 5px;
	margin-bottom: 20px;
}

.product-info .price {
	font-size: 28px;
	font-weight: bold;
	color: #3e7cb4;
	line-height: 24px;
}

.product-info .price-old {
	color: #F00;
	font-size: 80%;
	text-decoration: line-through;
	font-weight: normal;
}

.product-info .cart {
	border-bottom: 1px solid #eae9e9;
	padding: 5px 0px 20px;
	margin-bottom: 15px;
	color: #4D4D4D;
	overflow: auto;
}

	.product-info .cart div {
		vertical-align: middle;
		float: left;
	}

		.product-info .cart div.text-or {
			padding: 5px 6px 0;
		}

		.product-info .cart div > span {
			padding-top: 7px;
			display: block;
			color: #999;
		}

		.product-info .cart div .wishlist {
			font-size: 11px;
			display: inline-block;
			padding-top: 3px;
			border: none;
			background: none;
			margin-left: 15px;
		}

			.product-info .cart div .wishlist .fa {
				font-size: 14px;
			}

			.product-info .cart div .wishlist:hover {
				text-decoration: underline;
			}

	.product-info .cart #button-cart {
		padding: 11px 15px;
		text-transform: uppercase;
	}

	.product-info .cart .minimum {
		padding-top: 5px;
		font-size: 11px;
		color: #999;
		clear: both;
	}

	.product-info .cart div .qty {
		margin-right: 20px;
		float: left;
	}

.addthis_toolbox {
	display: table;
	width: 100%;
}
/* Quantity plus minus */
.qty .control-label {
	margin-right: 10px;
	margin-bottom: 0px;
	float: left;
	padding: 12px 0;
	display: inline-block;
}

.qty a {
	background: url("../image/plus.png") no-repeat 2px 2px #f5f5f5;
	display: inline-block;
	height: 20px;
	width: 20px;
	position: relative;
	text-indent: -9999px;
	border: 1px solid #ccc;
	border-width: 1px 1px 0px 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	outline: none;
}

	.qty a.mines {
		background-position: 2px -13px;
		border-width: 1px 1px 1px 0px;
	}

	.qty a:hover {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background-color: #fff;
	}

.qty #button-cart, .qty #input-quantity {
	float: left;
	font-size: 15px;
	width: 44px;
	padding-left: 2px;
	padding-right: 2px;
	height: 40px;
	text-align: center;
}
/*===================================================================================*/
/*  9. Product Item for Left and Right Panel
/*===================================================================================*/
#column-right .side-item .product-thumb, #column-left .side-item .product-thumb {
	padding: 0px 0px 7px 0px;
	text-align: left;
	border: 0px none;
	margin: 0;
	clear: both;
}

	#column-right .side-item .product-thumb + .product-thumb, #column-left .side-item .product-thumb + .product-thumb {
		border-top: 1px dotted #ccc;
		padding-top: 7px;
	}

	#column-right .side-item .product-thumb .image, #column-left .side-item .product-thumb .image {
		float: left;
		margin-right: 8px;
		margin-bottom: 0px;
		width: 50px;
	}

	#column-right .side-item .product-thumb .caption, #column-left .side-item .product-thumb .caption {
		float: left;
		max-width: 202px;
	}

	#column-right .side-item .product-thumb h4, #column-left .side-item .product-thumb h4 {
		margin-bottom: 2px;
	}

		#column-right .side-item .product-thumb h4 a, #column-left .side-item .product-thumb h4 a {
			font-size: 12px;
			display: block;
		}

	#column-right .side-item .product-thumb .price, #column-left .side-item .product-thumb .price {
		padding: 0;
		margin: 0px 0 2px 0;
		font-size: 12px;
	}

	#column-right .side-item .product-thumb .saving, #column-left .side-item .product-thumb .saving {
		position: relative;
		line-height: normal;
		padding: 0 3px;
		width: auto;
		height: auto;
		top: 0px;
		left: 0px;
		font-size: 11px;
		border-radius: 0px;
		display: inline-block;
	}
/*===================================================================================*/
/*  10. Category Accordion
/*===================================================================================*/
.box-category ul, .list-item {
	list-style: none;
	margin-bottom: 20px;
	margin-top: -5px;
	padding: 0;
}

	.box-category > ul > li, .list-item > li {
		display: block;
		position: relative;
	}

.box-category .down {
	top: 2px;
	right: 0;
	position: absolute;
	cursor: pointer;
	width: 16px;
	height: 24px;
	background: transparent url(../image/plus.png) 0px 4px no-repeat;
	opacity: 0.6;
	-moz-opacity: 0.6;
}

	.box-category .down:hover {
		opacity: 1;
		-moz-opacity: 1;
	}

.box-category ul li a, .list-item li a {
	padding: 5px 0px 5px 12px;
	color: #222;
	display: block;
	background: transparent url(../image/bullet-dark.png) 0px 10px no-repeat;
}

.box-category ul li.double a {
	display: inline-block;
	margin: 0;
}

.box-category ul li {
	position: relative;
}

	.box-category ul li ul li + li {
		border-top: 1px dotted #ccc;
	}

.box-category > ul > li a.active + .down {
	background-position: 0px -12px;
}

.box-category > ul > li > a {
	color: #333;
	text-transform: uppercase;
}

.box-category > ul > li ul {
	display: none;
	padding-left: 10px;
	margin-bottom: 5px;
}

.box-category > ul > li a.active {
	font-weight: bold;
}

.box-category > ul > li > a.active {
	margin-bottom: 5px;
}

.box-category > ul > li a.active + ul {
	display: block;
}

.box-category a:hover, .list-item a:hover {
	text-decoration: underline;
	color: #3e7cb4;
}

.box-category > ul > li ul li a {
	margin-right: 16px;
}

	.box-category > ul > li ul li a:hover, .list-item a:hover {
		margin-right: 16px;
	}

.box-category > ul > li ul > li > a {
	text-decoration: none;
}
/*===================================================================================*/
/*  11. buttons
/*===================================================================================*/
.buttons {
	border-top: 1px solid #EEEEEE;
	overflow: auto;
	padding: 15px 6px 0px 6px;
	margin-bottom: 20px;
}

.btn {
	padding: 6.2px 12px;
	border: 0px none;
	border-radius: 0px;
	box-shadow: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	.btn:hover {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover, .dropdown-menu {
	font-size: 12px;
}

.btn-group > .btn-lg {
	font-size: 15px;
}

.btn-default {
	color: #444;
	background-color: #e7e7e7;
}

	.btn-default:hover {
		background: #444;
		color: #fff;
	}

.btn-primary {
	background-color: #3e7cb4;
	color: #ffffff;
}

	.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
		background: #444;
		color: #fff;
	}

.btn-warning {
	color: #ffffff;
	background-color: #faa732;
}

	.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
		box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
	}

.btn-danger {
	color: #ffffff;
	background-color: #F60;
	font-weight: bold;
}

	.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
		box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
		background-color: #FF5706;
		color: #F90;
		font-weight: bold;
	}

.btn-success {
	color: #ffffff;
	background-color: #5bb75b;
}

	.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
		box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
	}

.btn-info {
	color: #ffffff;
	background-color: #df5c39;
}

	.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
		background-image: none;
		background-color: #df5c39;
	}

.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #3e7cb4;
	border-radius: 0;
}

	.btn-link, .btn-link:active, .btn-link[disabled] {
		background-color: rgba(0, 0, 0, 0);
		background-image: none;
		box-shadow: none;
	}

.btn-inverse {
	color: #ffffff;
	background-color: #363636;
}

	.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
		background-color: #222222;
		color: #ffffff;
	}
/*===================================================================================*/
/*  12. Tabs
/*===================================================================================*/
.nav-tabs > li > a.selected {
	color: #111;
	padding-bottom: 5px;
	background: #FFFFFF;
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	font-weight: bold;
}

.nav-tabs {
	margin-bottom: 0px;
	border-width: 2px;
}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		border-width: 2px;
		font-weight: bold;
	}

	.nav-tabs > li {
		margin-bottom: -2px;
	}

		.nav-tabs > li > a:hover {
			border-color: transparent;
			color: #444;
		}

		.nav-tabs > li > a {
			border-radius: 0px;
			color: #666;
		}

.tab-content {
	padding: 15px 15px 10px;
	margin-bottom: 20px;
	z-index: 2;
	border: 2px solid #ddd;
	border-top: 0px;
}

#tab-description ul {
	margin-left: 20px;
	margin-bottom: 15px;
}

.tab-sub {
	position: absolute;
	right: 70px;
	top: -46px;
	border: none;
	padding: 0;
	height: 25px;
	line-height: 25px;
}

	.tab-sub a {
		padding: 0px 7px;
		font-size: 12px;
	}

		.tab-sub a.selected {
			padding: 0px 10px;
			position: relative;
			border-width: 2px;
			line-height: 24px;
		}

			.tab-sub a.selected:hover {
				text-decoration: none;
				cursor: default;
			}

		.tab-sub a:hover {
			text-decoration: underline;
		}

.category-module-content {
	position: relative;
}

.category-module .tabs {
	position: absolute;
	right: 70px;
	top: -46px;
	height: 25px;
	line-height: 25px;
}

	.category-module .tabs li {
		float: left;
		list-style-type: none;
	}

		.category-module .tabs li a {
			padding: 0px 7px;
			font-size: 12px;
			display: inline-block;
			color: #333;
		}

		.category-module .tabs li.active a {
			position: relative;
			line-height: 22px;
			color: #FFF;
			background: #e40046;
			border-top: 2px solid #ddd;
			border-left: 2px solid #ddd;
			border-right: 2px solid #ddd;
			font-weight: bold;
			text-decoration: none;
		}

			.category-module .tabs li.active a:hover {
				text-decoration: none;
				cursor: default;
			}

		.category-module .tabs li a:hover {
			text-decoration: none;
			color: #FFF;
			background-color: #000;
		}

.product-tab {
	margin-bottom: 20px;
}

	.product-tab .tabs {
		height: 32px;
		line-height: 15px;
		padding-left: 10px;
		border-bottom: 2px solid #e40046;
		margin-bottom: 20px;
	}

		.product-tab .tabs li {
			float: left;
			list-style-type: none;
		}

			.product-tab .tabs li a {
				padding: 7px 15px 6px 15px;
				float: left;
				font-size: 18px;
				font-weight: normal;
				text-align: center;
				text-decoration: none;
				color: #222;
				margin-right: 2px;
				opacity: 0.7;
				border-top: 2px solid #fff;
				border-left: 2px solid #fff;
				border-right: 2px solid #fff;
			}

			.product-tab .tabs li.active a {
				opacity: 1;
				padding-bottom: 8px;
				background: #FFFFFF;
				border-top: 2px solid #ddd;
				border-left: 2px solid #ddd;
				border-right: 2px solid #ddd;
			}

	.product-tab .deactive, .category-module .deactive {
		display: none;
	}

.addthis_default_style > a {
	padding: 0;
}
/*===================================================================================*/
/*  13. Static Banner
/*===================================================================================*/
.marketshop-banner > div.row div {
	margin-bottom: 10px;
}

.marketshop-banner div img {
	width: 100%;
	height: auto;
	display: block;
	opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.marketshop-banner div a img:hover {
	opacity: 0.8;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/*===================================================================================*/
/*  14. Faq Page
/*===================================================================================*/
.faq .panel-title {
	font-size: 14px;
	margin: 8px 0;
	display: inline-block;
}

	.faq .panel-title:hover {
		color: #3e7cb4;
		text-decoration: underline;
	}

.faq .panel-body {
	padding: 10px;
}
/*===================================================================================*/
/*  15. Sitemap Page
/*===================================================================================*/
.sitemap {
	margin: 0;
	padding: 0;
}

	.sitemap > li {
		display: block;
		position: relative;
		font-weight: bold;
		color: #222;
	}

	.sitemap li a {
		color: #222;
		padding: 5px 8px 5px 0px;
		display: block;
		font-weight: bold;
	}

	.sitemap li ul {
		border-left: 1px solid #ccc;
		list-style-type: none;
		margin: 0px 0 0px 4px;
	}

		.sitemap li ul li {
			position: relative;
			padding: 0px 0 0px 22px;
		}

			.sitemap li ul li:before {
				border-top: 1px solid #ccc;
				content: " ";
				display: block;
				height: 1px;
				left: 0px;
				position: absolute;
				top: 12px;
				width: 15px;
			}

			.sitemap li ul li a {
				font-weight: normal;
			}

	.sitemap li a:hover {
		color: #3e7cb4;
		text-decoration: underline;
	}

.sitemap-icon {
	font-size: 200px;
	color: rgb(238, 238, 238);
}
/*===================================================================================*/
/*  16. Footer
/*===================================================================================*/

/**===== 16.1. Footer Links =====**/
#footer .fpart-first {
	background-color: #f3f3f3;
	color: #444;
	padding-top: 50px;
	padding-bottom: 50px;
}

	#footer .fpart-first a {
		color: #888;
	}

		#footer .fpart-first a:hover {
			color: #3e7cb4;
			text-decoration: underline;
		}

	#footer .fpart-first ul {
		padding: 0;
	}

#footer .fpart-second {
	background-color: #fff;
	color: #666;
	padding: 25px 0px 0px;
}

	#footer .fpart-second a {
		color: #3e7cb4;
	}

		#footer .fpart-second a:hover {
			color: #3e7cb4;
			text-decoration: underline;
		}

#footer .custom-text {
	padding: 0px 0px 25px;
}

	#footer .custom-text p {
		margin: 0;
	}

#footer h5 {
	color: #000;
	font-size: 17px;
	margin: 0px 0 15px 0;
	padding: 0px 0px 7px 0px;
	font-weight: normal;
}

#footer .column ul li {
	list-style-type: none;
}

#footer .column a {
	text-decoration: none;
	display: block;
	padding: 3px 0px;
	line-height: 18px;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	#footer .column a:hover {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
/**===== 16.2. Contact Block =====**/
#footer .contact ul li {
	font-size: 12px;
	list-style-type: none;
	line-height: 20px;
}

#footer .contact > ul > li > .fa {
	margin-right: 10px;
}

#footer .contact > ul > li > .fa-map-marker {
	font-size: 18px;
}

#footer .contact > ul > li > .fa-phone {
	font-size: 18px;
}

#footer .contact > ul > li > .fa-envelope {
	font-size: 15px;
}

#footer .contact ul li + li {
	margin-top: 12px;
}

#footer .contact ul li.email a {
	text-decoration: underline;
}

#footer .contact ul li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	#footer .contact ul li a:hover {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		text-decoration: none;
	}
/**===== 16.3. Payments Types =====**/
#footer .payments_types {
	text-align: center;
	padding: 0px 0 25px 0;
}

	#footer .payments_types img {
		display: inline-block;
		margin: 0px 3px 3px 3px;
		vertical-align: middle;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

		#footer .payments_types img:hover {
			opacity: 0.7;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}
/**===== 16.4. Social Icon =====**/
#footer .social {
	margin: 0;
	text-align: right;
	padding: 0px;
}

	#footer .social a {
		float: left;
		margin: 0px 0 0px 10px;
	}

		#footer .social a img {
			display: block;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}

			#footer .social a img:hover {
				opacity: 0.7;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
			}
/**===== 16.5. Powered by Text =====**/
#footer #powered {
	line-height: 20px;
	padding: 0px 0 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #E8E8E8;
}

	#footer #powered a {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

		#footer #powered a:hover {
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}

#footer .powered_text {
	padding-top: 6px;
}

	#footer .powered_text p {
		line-height: 18px;
		margin: 0;
	}
/**===== 16.6. Back To Top =====**/
#back-top {
	display: none;
}

	#back-top a {
		position: fixed;
		bottom: 0px;
		right: 10px;
		background-color: rgba(0, 0, 0, 0.2);
		width: 45px;
		height: 30px;
		text-align: center;
		color: #fff;
		display: block;
		font-size: 20px;
		line-height: 28px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

		#back-top a:hover {
			background-color: #3e7cb4;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}
/*===================================================================================*/
/*  17. Slide Block
/*===================================================================================*/
.sort-order-1 {
	top: 210px;
	z-index: 10000;
}

.sort-order-2 {
	top: 270px;
	z-index: 9999;
}

.sort-order-3 {
	top: 330px;
	z-index: 9998;
}

.sort-order-4 {
	top: 390px;
	z-index: 9997;
}
/**===== 17.1. Facebook =====**/
#facebook {
	position: fixed;
	width: 241px;
	background: #fff;
	border: 3px solid #3b5998;
	padding: 0px;
}

	#facebook.fb-left {
		left: -241px;
	}

	#facebook.fb-right {
		right: -241px;
	}

.facebook_icon {
	width: 30px;
	height: 50px;
	text-align: center;
	line-height: 54px;
	cursor: pointer;
	display: block;
	position: absolute;
	top: -3px;
	background-color: #3b5998;
}

.fb-left .facebook_icon {
	right: -33px;
}

.fb-right .facebook_icon {
	left: -33px;
}
/**===== 17.2. Twitter =====**/
#twitter_footer {
	position: fixed;
	width: 215px;
	background: #fff;
	border: 3px solid #2daae1;
	padding: 5px 10px;
}

	#twitter_footer.twit-left {
		left: -215px;
	}

	#twitter_footer.twit-right {
		right: -215px;
	}

.twitter_icon {
	width: 30px;
	height: 50px;
	text-align: center;
	line-height: 54px;
	cursor: pointer;
	display: block;
	position: absolute;
	top: -3px;
	background-color: #2daae1;
}

	.twitter_icon .fa-twitter, .facebook_icon .fa-facebook {
		font-size: 19px;
		color: #FFF;
	}

.twit-left .twitter_icon {
	right: -33px;
}

.twit-right .twitter_icon {
	left: -33px;
}
/**===== 17.3. Custom Side block =====**/
#custom_side_block {
	position: fixed;
	width: 215px;
	background: #fff;
	border: 3px solid #ed5f01;
	padding: 5px 10px;
}

	#custom_side_block.custom_side_block_left {
		left: -215px;
	}

	#custom_side_block.custom_side_block_right {
		right: -215px;
	}

	#custom_side_block img {
		width: 100% !important;
		height: auto !important;
	}

.custom_side_block_icon {
	width: 30px;
	height: 50px;
	cursor: pointer;
	display: block;
	text-align: center;
	line-height: 54px;
	position: absolute;
	top: -3px;
	background-color: #ed5f01;
}

	.custom_side_block_icon .fa-chevron-right, .custom_side_block_icon .fa-chevron-left {
		font-size: 20px;
		color: #FFF;
	}

.custom_side_block_left .custom_side_block_icon {
	right: -33px;
}

.custom_side_block_right .custom_side_block_icon {
	left: -33px;
}
/**===== 17.4. Video Box =====**/
#video_box {
	position: fixed;
	width: 566px;
	background: #fff;
	border: 3px solid #ff679a;
	padding: 0px;
}

	#video_box iframe {
		border-width: 0px;
	}

	#video_box.vb-left {
		left: -566px;
	}

	#video_box.vb-right {
		right: -566px;
	}

	#video_box p {
		margin-bottom: 0px;
		line-height: 0px;
	}

#video_box_icon {
	width: 30px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	display: block;
	position: absolute;
	top: -3px;
	background-color: #ff679a;
}

#video_box .fa-play {
	font-size: 16px;
	color: #FFF;
}

.vb-left #video_box_icon {
	right: -33px;
}

.vb-right #video_box_icon {
	left: -33px;
}
/*===================================================================================*/
/*  18. Five Grid Columns
/*===================================================================================*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-5ths {
	width: 20%;
	float: left;
}
/*===================================================================================*/
/*  19. Shortcodes
/*===================================================================================*/
.alert {
	border-radius: 0px;
}

.divider {
	clear: both;
	height: 40px;
}

.dropcap {
	display: block;
	float: left;
	font-size: 40px;
	line-height: 1em;
	margin: 0px 5px 0 0;
}

blockquote {
	font-size: 12px;
}

h4.panel-title {
	padding: 0;
}

.alert {
	padding-left: 50px;
	position: relative;
}

	.alert .fa {
		font-size: 20px;
		left: 18px;
		position: absolute;
	}

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

	.simple-ul li {
		position: relative;
		padding-left: 15px;
		margin-bottom: 5px;
	}

		.simple-ul li:after {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			content: "";
			font-family: fontawesome;
		}

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

		.simple-ul ul li:after {
			content: "•";
			font-size: 1em;
		}

.decimal-list {
	margin: 0px 0 15px 20px;
	padding: 0;
	list-style: decimal outside;
}

	.decimal-list li {
		padding-left: 0;
		margin-bottom: 5px;
		text-indent: 0;
	}

	.decimal-list ul {
		margin: 5px 0 5px 17px;
		padding: 0;
		list-style: decimal outside;
	}
/*===================================================================================*/
/*  20. Extra
/*===================================================================================*/
/* Fix some bootstrap improvment */
.form-control {
	border-radius: 0px;
}

.img-thumbnail {
	border-radius: 0px;
}

.well {
	border-radius: 0px;
}

.panel, .panel-heading {
	border-radius: 0px;
}

.panel-group .panel {
	border-radius: 0px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}

.imghome1 {
	width: 180px;
	height: 220px;
}

.headhome1 {
	height: 100px;
}



.pinrightarea {
	width: 230px;
	height: auto;
	background: #fff;
	box-shadow: 0 0 15px #ccc;
	margin-top: 25px;
	float: left;
	margin-bottom: 20px;
}

.pincodearea {
	width: 180px;
	height: 30px;
	border: 1px solid #fff;
	box-shadow: 0 0 10px #e7e7e7;
	margin: 25px 0 15px 20px;
	background: #f7f7f7;
}

.pincodetxt {
	width: 100px;
	height: 30px;
	border-right: 1px solid #fff;
	border-top: 0;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 5px;
	background: #f7f7f7;
	font-family: roboto,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: 300;
	letter-spacing: .05em;
	float: left;
}

.pincodecheck {
	width: 78px;
	height: 30px;
	padding: 5px;
	border: 0;
	background: #dcdcdc;
	font-family: roboto,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: 400;
	letter-spacing: .05em;
	float: left;
	cursor: pointer;
}

/*Modified By Irfan On 20180417*/
.pincodepts {
  clear:both;
	/*padding: 20px;*/
	line-height: 25px;
}

	.pincodepts h3 {
		color: #090;
	}

	/*Modified By Irfan On 20180417*/
.pincodepts1 {
	/*margin-top: 120px;*/margin-top: 0px;
}



.avgrating_txt {
	width: 130px;
	margin: 15px 0 0 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
}

.avgrating_count {
	color: #fb0f0c;
}

.rating_star {
	margin: 5px 0;
	letter-spacing: .03em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: none;
	clear: both;
}

.rating_txt1 {
	font-size: 12px;
	margin: 0 0 5px;
	letter-spacing: .03em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 150px;
}

.prograss_bar {
	width: 100px;
	height: 10px;
	margin: 0 10px;
	background: #ccc;
	float: left;
}

.rating_txt2 {
	margin: 0 0 5px;
	font-size: 12px;
	color: #777;
	letter-spacing: .03em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
}

.reviews_disparea {
	width: 95%;
	height: auto;
	margin: 15px 0 5px 10px;
	border: 1px solid #ccc;
}

.reviews_disparea_left {
	width: 180px;
	background: #fff;
	margin: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	text-align: left;
}

.reviews_disparea_rgt {
	width: 75%;
	height: auto;
	font-size: 13px;
	font-weight: 400;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	text-align: left;
	margin-left: 40px;
}

.reviews_disparea_rgt_heading {
	width: 100%;
	height: auto;
	line-height: 30px;
	word-spacing: .02em;
	margin-top: 5px;
	overflow: hidden;
	font-weight: bold;
}

.reviews_disparea_left_txt {
	width: 100%;
	height: auto;
	line-height: 20px;
	word-spacing: .02em;
	margin-top: 5px;
	overflow: hidden;
	color: #000;
}

.rating_bar {
	width: 100px;
	height: 10px;
	margin: 0 10px;
	background: #ccc;
	float: left;
}


.srhcart1 {
	margin-top: 10px;
}


.clsright1 {
	float: right;
	color: #09C;
	text-align: justify;
}

.sb_acc_detailbox {
	border: 1px solid #ccc;
	border-radius: 5px 5px 5px 5px;
	height: auto;
	padding: 10px;
	margin-bottom: 10px;
}

.sb_acc_subheading {
	text-align: left;
	color: #c60;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
}

.sb_acc_smalltext {
	text-align: left;
	color: #999;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

.sb_acc_headingbox {
	float: left;
	border-right: 1px solid #ccc;
	width: 200px;
	height: auto;
}

.sb_acc_itembox {
	padding-left: 15px;
	float: left;
	width: 250px;
	height: auto;
}

.sb_acc_itemheading {
	text-align: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-weight: 700;
	padding: 2px;
}

.sb_acc_itemtext {
	text-align: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 2px;
}

.sb_inner_cont {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.sb_inner_subcont {
	width: 950px;
	height: auto;
}

.trackOrderNumber.sb_inner_contbox {
	border: 0px solid #ccc;
}

.sb_inner_contbox {
	border: 1px solid #ccc;
	border-radius: 5px 5px 5px 5px;
	padding: 10px;
	font-size: 12px;
}

.trackcode1 {
	padding: 8px;
}

.color-1 {
	color: #F00;
}

.trackhgt1 {
	height: 150px;
}

/********stylesheet.css Process End********/



/********owl.carousel.css Process Start*********/

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	z-index: 1;
}

	.owl-carousel .owl-wrapper {
		display: none;
		position: relative;
	}

	.owl-carousel .owl-wrapper-outer {
		overflow: hidden;
		position: relative;
		width: 100%;
	}

		.owl-carousel .owl-wrapper-outer.autoHeight {
			-webkit-transition: height 500ms ease-in-out;
			-moz-transition: height 500ms ease-in-out;
			-ms-transition: height 500ms ease-in-out;
			-o-transition: height 500ms ease-in-out;
			transition: height 500ms ease-in-out;
		}

	.owl-carousel .owl-item {
		float: left;
	}

.owl-controls .owl-buttons div, .owl-controls .owl-page {
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.grabbing {
	cursor: url(../image/grabbing.png) 8 8,move;
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}

.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}

	.owl-theme .owl-controls .owl-buttons div {
		width: 26px;
		height: 26px;
		margin: 0;
		display: block;
		position: absolute;
		top: -48px;
		z-index: 10;
		cursor: pointer;
		-webkit-transition: all .3s ease;
		color: #bbb;
	}

		.owl-theme .owl-controls .owl-buttons div .fa {
			font-size: 34px;
			line-height: 26px;
		}

	.owl-theme .owl-controls.clickable .owl-buttons div:hover {
		filter: Alpha(Opacity=100);
		opacity: 1;
		text-decoration: none;
	}

	.owl-theme .owl-controls .owl-buttons div.owl-next {
		right: 0;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.owl-theme .owl-controls .owl-buttons div.owl-prev {
		right: 32px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

		.owl-theme .owl-controls .owl-buttons div.owl-next:hover, .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
			color: #777;
		}

.owl-carousel.single-slider .owl-controls .owl-buttons .owl-next, .owl-carousel.single-slider .owl-controls .owl-buttons .owl-prev {
	width: 30px;
	height: 60px;
	line-height: 66px;
	text-align: center;
	margin: -30px 0 0;
	color: #fff;
	background-color: rgba(0,0,0,.3);
	top: 50%;
}

	.owl-carousel.single-slider .owl-controls .owl-buttons .owl-next .fa, .owl-carousel.single-slider .owl-controls .owl-buttons .owl-prev .fa {
		font-size: 22px;
	}

.owl-carousel.single-slider .owl-controls .owl-buttons .owl-prev {
	left: 0;
}

.owl-carousel.single-slider .owl-controls .owl-buttons .owl-next {
	right: 0;
}

	.owl-carousel.single-slider .owl-controls .owl-buttons .owl-next:hover, .owl-carousel.single-slider .owl-controls .owl-buttons .owl-prev:hover {
		color: #fff;
		background-color: #0289cc;
	}

.owl-carousel.single-slider .owl-controls .owl-pagination {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.owl-carousel.single-slider.owl-theme .owl-controls .owl-page span {
	background: rgba(0,0,0,.4);
}

.owl-carousel.single-slider.owl-theme .owl-controls .owl-page.active span, .owl-carousel.single-slider.owl-theme .owl-controls.clickable .owl-page:hover span {
	background: rgba(0,0,0,.6);
}

.owl-carousel.nxt .owl-controls .owl-buttons .owl-prev {
	left: 0;
	top: 50%;
	margin-top: -28px;
}

.owl-carousel.nxt .owl-controls .owl-buttons .owl-next {
	right: 0;
	top: 50%;
	margin-top: -28px;
}

.owl-carousel.nxt .owl-item img {
	display: inline-block;
}

.owl-carousel.nxt .owl-controls .owl-buttons {
	visibility: hidden;
}

.owl-carousel.nxt:hover .owl-controls .owl-buttons {
	visibility: visible;
}

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}

	.owl-theme .owl-controls .owl-page span {
		display: block;
		width: 11px;
		height: 11px;
		margin: 5px 7px;
		filter: Alpha(Opacity=40);
		opacity: .4;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background: #999;
	}

	.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
		filter: Alpha(Opacity=100);
		opacity: 1;
	}

	.owl-theme .owl-controls .owl-page span.owl-numbers {
		height: auto;
		width: auto;
		color: #FFF;
		padding: 2px 10px;
		font-size: 12px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}

.owl-item.loading .image {
	min-height: 150px;
	background: url(/image/progress.gif) center center no-repeat;
}

/********owl.carousel.css Process End**********/


/********owl.transitions.css Process Start*******/

/**  Owl Carousel CSS3 Transitions *  v1.3.2 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	perspective: 1200px;
}
/* fade */
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}

.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
	0% {
		opacity: 1;
	}
}

@-moz-keyframes empty {
	0% {
		opacity: 1;
	}
}

@keyframes empty {
	0% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes backSlideOut {
	25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px);
	}

	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(-200%);
	}

	100% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(-200%);
	}
}

@-moz-keyframes backSlideOut {
	25% {
		opacity: .5;
		-moz-transform: translateZ(-500px);
	}

	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(-200%);
	}

	100% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(-200%);
	}
}

@keyframes backSlideOut {
	25% {
		opacity: .5;
		transform: translateZ(-500px);
	}

	75% {
		opacity: .5;
		transform: translateZ(-500px) translateX(-200%);
	}

	100% {
		opacity: .5;
		transform: translateZ(-500px) translateX(-200%);
	}
}

@-webkit-keyframes backSlideIn {
	0%, 25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(200%);
	}

	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateZ(0) translateX(0);
	}
}

@-moz-keyframes backSlideIn {
	0%, 25% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(200%);
	}

	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateZ(0) translateX(0);
	}
}

@keyframes backSlideIn {
	0%, 25% {
		opacity: .5;
		transform: translateZ(-500px) translateX(200%);
	}

	75% {
		opacity: .5;
		transform: translateZ(-500px);
	}

	100% {
		opacity: 1;
		transform: translateZ(0) translateX(0);
	}
}

@-webkit-keyframes scaleToFade {
	to {
		opacity: 0;
		-webkit-transform: scale(.8);
	}
}

@-moz-keyframes scaleToFade {
	to {
		opacity: 0;
		-moz-transform: scale(.8);
	}
}

@keyframes scaleToFade {
	to {
		opacity: 0;
		transform: scale(.8);
	}
}

@-webkit-keyframes goDown {
	from {
		-webkit-transform: translateY(-100%);
	}
}

@-moz-keyframes goDown {
	from {
		-moz-transform: translateY(-100%);
	}
}

@keyframes goDown {
	from {
		transform: translateY(-100%);
	}
}

@-webkit-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-webkit-transform: scale(1.5);
	}
}

@-moz-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-moz-transform: scale(1.5);
	}
}

@keyframes scaleUpFrom {
	from {
		opacity: 0;
		transform: scale(1.5);
	}
}

@-webkit-keyframes scaleUpTo {
	to {
		opacity: 0;
		-webkit-transform: scale(1.5);
	}
}

@-moz-keyframes scaleUpTo {
	to {
		opacity: 0;
		-moz-transform: scale(1.5);
	}
}

@keyframes scaleUpTo {
	to {
		opacity: 0;
		transform: scale(1.5);
	}
}

/********owl.transitions.css Process End********/


/********responsive.css Process Start**********/

/*-----------------------------------------------------------------------------------

    Template Name: Marketshop eCommerce HTML Template
    Author: Harnish Design
    Author URI: http://harnishdesign.net

-----------------------------------------------------------------------------------*/

@media (max-width: 1199px) {
	/**===== Layout =====**/
	.main-wrapper {
		padding: 0 20px;
	}

	#column-right .side-item .product-thumb .caption, #column-left .side-item .product-thumb .caption {
		width: 152px;
	}
}

@media only screen and (min-width:992px) {
	/**===== footer =====**/
	#footer ul, .left-top {
		display: block !important;
	}
}

@media (max-width: 991px) {
	body {
		-webkit-text-size-adjust: auto;
	}
	/**===== Layout =====**/
	.main-wrapper {
		margin: 0px;
		padding: 0 10px;
	}

	.wrapper-box {
		margin: 0;
	}
	/**===== Header =====**/
	#header .header-row {
		text-align: center;
		padding: 5px 0;
	}

	#header #logo a img {
		display: inline-block;
	}

	.table-container .col-table-cell {
		float: left;
		vertical-align: top;
	}

	.drop-icon {
		width: 45px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		font-size: 23px;
		cursor: pointer;
		float: left;
		display: inline-block;
		color: #fff;
	}

	.left-top {
		min-width: 160px;
		background: #3E7CB4;
		position: absolute;
		top: 35px;
		z-index: 99;
		padding: 5px 0;
		display: none;
	}

		.left-top #language, .left-top #currency {
			float: none;
			border: none !important;
			display: block;
		}

			.left-top #language > .btn-group, #currency > .btn-group {
				display: block;
			}

	#header .links {
		float: none;
		border: none;
	}

		#header .links > ul > li {
			float: none;
			display: block;
			border: none !important;
			line-height: 30px;
		}

	#header .links, #language, #currency, #header .top-links {
		border: none !important;
	}
	/**/
	#header #search {
		position: relative;
		margin-top: 2px;
		margin-bottom: 0px;
	}

	#header #cart {
		margin-top: 0px;margin-top: 0px;
		text-align: left;
		margin-right: 5px;
	}

		#header #cart .dropdown-menu {
			right: auto;
			left: 0;
		}

	#header.style2 #cart {
		margin-top: auto;
		margin-bottom: 15px;
		text-align: center;
	}

		#header.style2 #cart .dropdown-menu {
			left: 50%;
			margin-left: -210px;
		}

	#header.style3 #cart {
		text-align: left;
	}

	/**===== Menu =====**/
	#menu .navbar-header {
		float: none;
	}

	#menu .navbar-nav {
		margin: 0px;
	}

	#menu .navbar-header > span {
		text-transform: uppercase;
		font-size: 16px;
		padding: 0px 15px 0px 8px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		margin: 0;
		cursor: pointer;
		display: inline-block;
		position: relative;
	}

		#menu .navbar-header > span > b {
			display: inline-block;
		}

			#menu .navbar-header > span > b:after {
				clear: both;
				content: ' ';
				display: block;
				width: 0;
				height: 0;
				border-style: solid;
				border-color: #555 transparent transparent transparent;
				position: absolute;
				border-width: 5px 6px 0px 6px;
				bottom: 48%;
				margin: 0 0 -6px 0px;
				opacity: 0.7;
			}

			#menu .navbar-header > span > b:before {
				clear: both;
				content: ' ';
				display: block;
				width: 0;
				height: 0;
				border-style: solid;
				border-color: transparent transparent #555 transparent;
				position: absolute;
				border-width: 0px 6px 5px 6px;
				top: 49%;
				margin: -6px 0 0 0px;
				opacity: 0.7;
			}

	#menu {
		padding: 0;
		height: auto;
		text-align: center;
	}

		#menu .navbar-nav {
			text-align: left;
		}

		#menu .nav {
			padding: 0;
			text-align: left;
			box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
		}

			#menu .nav > li {
				float: none;
				padding: 0px;
				display: block;
				height: auto;
			}

				#menu .nav > li > a {
					line-height: 35px;
				}

				#menu .nav > li > div {
					position: relative;
				}

					#menu .nav > li > div > ul {
						display: block;
						width: auto;
					}

				#menu .nav > li ul + ul {
					padding-left: 0px;
				}

				#menu .nav > li > .dropdown-menu ul > li {
					position: relative;
				}

				#menu .nav > li.mega-menu > div {
					width: 100%;
				}

				#menu .nav > li.mega-menu.dropdown {
					position: relative;
				}

				#menu .nav > li div > ul > li > a > span {
					display: none;
				}

	span.submore:after {
		display: block;
		position: absolute;
		right: 0;
		top: 0px;
		width: 30px;
		height: 32px;
		line-height: 32px;
		font-size: 22px;
		text-align: center;
		cursor: pointer;
		z-index: 1010;
		content: '+';
		font-family: Arial, Helvetica, sans-serif;
		color: #555;
		opacity: 0.6;
	}

	span.submore.plus:after {
		content: '-';
	}

	#menu .nav > li.menu_brands.dropdown {
		position: relative;
	}

	#menu .nav > li.mega-menu > div {
		min-width: inherit;
		position: relative;
	}

		#menu .nav > li.mega-menu > div > .column {
			width: auto;
			display: block;
			margin: 0;
		}

			#menu .nav > li.mega-menu > div > .column > div {
				display: none;
				position: relative;
			}

				#menu .nav > li.mega-menu > div > .column > div ul {
					display: block;
				}

				#menu .nav > li.mega-menu > div > .column a, #menu .nav > li > div > ul li a, #menu .nav > li.mega-menu > div > .column > div > ul > li > a {
					width: auto;
					padding: 7px 0;
					margin: 0;
				}

	#menu .nav > li.sub:hover > a:after {
		display: none;
	}

	#menu .nav > li.custom-link-right {
		float: none;
	}

	#menu .nav > li > .dropdown-menu, #menu .nav > li > .dropdown-menu li .dropdown-menu {
		box-shadow: none;
		float: none;
		width: 100%;
		position: relative;
		min-width: inherit;
		margin-top: 0px;
		left: auto;
		border: 0px none;
	}

	#menu .nav > li .dropdown-menu ul {
		display: block;
		margin: 0 10px;
	}

	/**===== Product Item for Left and Right Panel =====**/
	#column-right .side-item .product-thumb .caption, #column-left .side-item .product-thumb .caption {
		max-width: 98px;
	}

	/**===== Fotter =====**/
	#footer .fpart-first {
		padding-top: 30px;
		padding-bottom: 10px;
	}

	#footer .column, #footer .contact, #footer .about_details {
		margin-bottom: 20px;
	}

		#footer .contact ul li {
			float: left;
			width: 30%;
		}

			#footer .contact ul li + li {
				margin: 0 0 0 4%;
			}

	#footer .powered_text, #footer .social {
		float: none !important;
	}

	#footer .social {
		text-align: center;
		padding: 12px 0 0;
		margin: 0px !important;
	}

		#footer .social a {
			float: none;
			display: inline-block;
		}

	#powered {
		text-align: center;
		width: 100%;
		line-height: normal;
		padding-top: 10px;
		height: auto;
	}

	#custom_side_block, #facebook, #twitter_footer, #video_box {
		display: none;
	}

	/**===== Product Page =====**/
	.product-list .left {
		width: auto;
		float: none;
	}

	.product-info > .left {
		float: none;
		margin-right: 0px;
	}

		.product-info > .left + .right {
			margin-left: auto;
		}

	.product-info .image {
		float: none;
	}

	.mousetrap {
		width: 99% !important;
	}

	#cloud-zoom-big {
		width: 99% !important;
	}

	#wrap #zoom1 img {
		display: inline-block !important;
	}

	.product-info .image-additional {
		width: auto;
		margin-bottom: 10px;
		max-width: none;
	}

		.product-info .image-additional a {
			display: inline-block;
			float: none;
		}

	/**===== Tabs =====**/
	#container .category-module h3 {
		padding: 0 0 30px 0;
		text-align: center;
	}

	.category-module .tabs {
		left: 5px;
		padding: 0;
		right: auto;
	}

		.category-module .tabs li a {
			font-size: 11px;
			padding: 0 5px;
		}

			.category-module .tabs li a.selected {
				padding: 0 5px;
			}

		.category-module .tabs li.active a {
			padding-bottom: 2px;
			line-height: 22px;
		}

	.table-container .col-table-cell {
		padding: 0px;
	}
}

@media (max-width: 767px) {
	/**===== Header =====**/
	#header #cart, #header.style2 #cart, #header.style3 #cart {
		text-align: center;
	}

	.product-offer-plus {
		padding-top: 10px;
		padding-left: 10px;
		width: 100%;
		font-size: 36px;
		min-height: 0px;
		text-align: center;
	}

	.product-offer-plus1 {
		padding-top: 10px;
		padding-left: 10px;
		width: 100%;
		font-size: 16px;
		min-height: 0px;
		text-align: center;
	}

	#header #cart .dropdown-menu {
		left: 50%;
		margin-left: -210px;
	}
	/**===== Tabs =====**/
	#container .category-module .owl-theme .owl-controls .owl-buttons div {
		top: -70px;
	}
	/**===== Footer =====**/
	#footer .contact ul li {
		float: none;
		width: auto;
	}

		#footer .contact ul li + li {
			margin: 12px 0 0 0;
		}

	#footer h5 {
		margin: 0px 0px 5px;
	}
	/**===== Forms =====**/
	.input-group.quantity .form-control {
		float: none;
	}

	.input-group.quantity .input-group-btn, .input-group.quantity .form-control {
		display: block;
	}

	.form-control input[type="text"] {
		width: 300px;
	}
}

@media screen and (max-width:480px) {
	/**===== header =====**/
	#header #cart .dropdown-menu, #header.style2 #cart .dropdown-menu {
		left: 50%;
		margin-left: -155px;
		width: 310px;
	}
	/**===== Product Page =====**/
	.product-info .cart {
		text-align: center;
	}

		.product-info .cart div {
			float: none;
		}

		.product-info .cart > div {
			margin-bottom: 10px;
		}

		.product-info .cart div .qty {
			float: none;
			display: inline-block;
		}
	/**===== Tabs =====**/
	.htabs {
		padding-left: 0;
	}

		.htabs a, .nav > li > a {
			font-size: 11px;
			padding: 7px 5px 6px 5px;
		}

	.category-module .tabs li {
		line-height: 26px;
	}
}

/**===== Five Grid Columns =====**/
@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

/********responsive.css Process End**********/


/********stylesheet-skin3.css Process Start*******/

/*-----------------------------------------------------------------------------------

    Template Name: Marketshop eCommerce HTML Template
    Author: Harnish Design
    Author URI: http://harnishdesign.net

-----------------------------------------------------------------------------------*/

/*===================================================================================*/
/*  General
/*===================================================================================*/
a, a b, .articleHeader span a, .pagination > li > a {
	color: #3f3f3f;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #3f3f3f;
	border-color: #3f3f3f;
}

.owl-carousel.slideshowhome .owl-controls .owl-buttons .owl-prev:hover, .owl-carousel.slideshowhome .owl-controls .owl-buttons .owl-next:hover {
	background-color: #3f3f3f;
}

a:hover, a b:hover, .category .tabs li a:hover, .sitemap li a:hover, .pagination > li > a:hover, .breadcrumb a:hover, .login-content .right a:hover, .box-category a:hover, .list-item a:hover, #blogArticle .articleHeader h1 a:hover, #blogCatArticles .articleHeader h3 a:hover, .tags-update .tags a:hover, .articleHeader span a:hover {
	color: #3f3f3f;
}
/*===================================================================================*/
/*  Header
/*===================================================================================*/
#header .htop {
	background-color: #e40046 !important;
}

#header .links > ul > li > a, #header .links > ul > li .wrap_custom_block > a, #header .links > ul > li.mobile, #header .links > ul > li.email, #language span, #currency span, #header .top-links > ul > li > a {
	color: #fff;
	font-weight: bold;
}

	#header .links > ul > li.wrap_custom_block > a b {
		border-color: #333 transparent transparent;
	}

#header .links, #header .links > ul > li, #language, #currency, #header .top-links > ul > li, #header .top-links {
	border-color: #ccc;
	font-size: 11px;
	padding-right: 2px;
	padding-left: 2px;
}

	#top .dropdown-menu li a:hover, #currency ul li .currency-select:hover, #language ul li .language-select:hover {
		color: #3f3f3f;
	}
/**===== Search Bar =====**/
/**/
#header #search input {
	background: #f6f6f6;
}

/**===== Mini Cart =====**/
#header #cart.open .heading span:after {
	border-color: transparent transparent #3f3f3f;
}

#header #cart .heading .cart-icon:before, #header #cart .heading .cart-icon:after, #header #cart .dropdown-menu {
	border-color: #3f3f3f;
}

#header #cart .heading .cart-icon {
	background: #3f3f3f;
}
/*===================================================================================*/
/*  Menu
/*===================================================================================*/
#menu {
	background-color: #e40046;
	border: none;
}

	#menu .nav > li > a, #menu .navbar-header > span {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
	}

		#menu .nav > li > a.home_link {
			background-color: #3f3f3f;
		}

			#menu .nav > li > a.home_link:hover {
				background-color: #eeeeee;
				color: #3f3f3f;
			}

			#menu .nav > li > a.home_link span:before {
				border-color: transparent transparent #fff;
			}

			#menu .nav > li > a.home_link span:after {
				border-color: #fff;
			}

			#menu .nav > li > a.home_link span {
				background: #fff;
			}

			#menu .nav > li > a.home_link:hover span:before {
				border-color: transparent transparent #3f3f3f;
			}

			#menu .nav > li > a.home_link:hover span:after {
				border-color: #3f3f3f;
			}

			#menu .nav > li > a.home_link:hover span {
				background: #3f3f3f;
			}

	#menu .nav > li.custom-link-right > a {
		background-color: #3f3f3f;
	}

	#menu .nav > li.custom-link-right:hover > a {
		background-color: #eeeeee;
		color: #3f3f3f;
	}

	#menu .nav > li.mega-menu > div, #menu .nav > li.categories > div, #menu .nav > li.mega-menu > div .submenu, #menu .nav > li.categories > div > .column > div, #menu .nav > li > .dropdown-menu, #menu .submenu {
		border-color: #3f3f3f;
	}

	#menu .nav > li.sub:hover > a:after {
		border-bottom-color: #3f3f3f;
	}

	#menu .nav > li:hover > a {
		color: #3f3f3f;
	}

	#menu .nav > li.categories > div > .column > a, #menu .nav > li div > ul > li > a, #menu .nav > li.menu_brands > div > div a, #menu .custom_block, #menu .custom_block a {
		color: #222;
	}

		#menu .nav > li.categories > div > .column:hover > a, #menu .nav > li div > ul > li:hover > a, #menu .nav > li.mega-menu > div > .column:hover > a, #menu .nav > li.menu_brands > div > div a:hover, #menu .custom_block a:hover {
			color: #3f3f3f;
		}

	#menu .nav > li.mega-menu > div > .column > a {
		color: #222;
	}
/*===================================================================================*/
/*  Feature box
/*===================================================================================*/
.custom-feature-box .feature-box {
	background: #e40046;
}

	.custom-feature-box .feature-box .title {
		font-size: 15px;
		color: #FFF;
		font-weight: bold;
	}

	.custom-feature-box .feature-box p {
		font-size: 13px;
		color: #FFF;
	}

	.custom-feature-box .feature-box:hover {
		background-color: #000;
	}


/*===================================================================================*/
/*  Product Thumb
/*===================================================================================*/
.saving {
	background: #62b959;
	color: #fff;
}

.product-thumb .price, .product-info .price {
	color: #3f3f3f;
}

.product-thumb .price-old {
	color: #999;
}

.product-thumb .button-group > button {
	background-color: #e40046;
	color: #fff;
}

	.product-thumb .button-group > button:hover {
		background-color: #3f3f3f;
		color: #fff;
	}

.product-thumb .button-group .add-to-links button {
	color: #777;
}

	.product-thumb .button-group .add-to-links button:hover {
		color: #000;
	}
/*===================================================================================*/
/*  Buttons
/*===================================================================================*/
.btn-primary {
	background-color: #3f3f3f;
}

	.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
		background-color: #555;
	}
/*===================================================================================*/
/*  Footer
/*===================================================================================*/
#footer .fpart-first {
	background-color: #191919;
}

	#footer .fpart-first, #footer .fpart-first a {
		color: #999;
	}

		#footer .fpart-first a:hover {
			color: #e40046;
			text-decoration: none;
		}

#footer h5 {
	color: #fff;
}

#footer #powered {
	border-bottom-color: #222;
}

#footer .fpart-second {
	color: #666;
	background-color: #111;
}

	#footer .fpart-second a {
		color: #999;
	}

		#footer .fpart-second a:hover {
			color: #3f3f3f;
		}
/*media responsive*/
.drop-icon {
	color: #333;
}

.left-top {
	background-color: #e40046 !important;
}

#menu .navbar-header > span > b:before {
	border-color: transparent transparent #fff;
}

#menu .navbar-header > span > b:after {
	border-color: #fff transparent transparent;
}

#menu .nav > li > span.submore:after {
	color: #fff;
}


/********stylesheet-skin3.css Process End********/


/********Color.css Process Start***********/

/*
============================================================
		   Font Color
============================================================
*/
.slider-caption a,
.top-bar .pull-left ul li a:hover,
.lang-wrap.open button,
.user-dec a:hover,
.caption-dec h4,
.cstmr-dec .text h5 a,
.price-tag,
.price-tag sub,
.cart-icon:hover,
.tags-2 li a:hover,
.featured-dec .text h5 a:hover,
.book-tab-dec .text h5 a:hover,
.blog-meta li a:hover,
.featured-blog1 .text h5 a:hover,
.play-icon,
.featured2-dec .text .shopnow:hover,
.featured2-dec .text h2 a:hover,
.featured-style2 .text .shopnow:hover,
.featured-style2 .text h2 a:hover,
.text-2 h3 a:hover,
.fetch-book2 h4,
.fetch-bookmtea h4,
.signature,
.cart-form .text p,
.ad-cart i,
.books-tab.nav-tabs li.active a,
.books-tab li.active a:hover,
.like-icon:hover,
.fechd-publisher .text p a,
.text-2 span,
.fechd-publisher:before,
.heading-3 h2,
.widget-text .text > a,
.new-dec .text a,
.new-dec a,
.news-latter a:hover,
.contact-ft .text a,
.ft-nav li a:hover,
.inner-banner-dec .breadcrumb li,
.inner-banner-dec .breadcrumb li a:hover,
.book-tab-dec:hover .text h5 a,
.kf-pagination .pagination li a:hover,
.kf-pagination .pagination li a.active,
.featured-dec3 .text a:hover,
.like-2:hover i,
.blog1-hd h5 a:hover,
.widget-pub-fillter ul li a:hover,
.error-wrap span,
.error-wrap h6,
.blog-classic-dec:hover .text h2 a,
.blog-classic-dec .text .blog-meta li a:hover,
.blockquote:after,
.blockquote:before,
.comingsoon-dec span,
.tabs-widget .text h6 a:hover,
.widget-accordian2 .side_accordian .accordion.accordion-open span,
.widget-accordian2 .side_accordian .accordion.accordion-open:before,
.widget-most-commented .blog-classic-dec:hover .text > a,
.widget-archives ul li a:before,
.widget-archives ul li a:hover,
.blog-classic-dec .shopnow:hover,
.video,
.order-submit .tick-mark p a,
.blog-detail-dec .text p span,
.blockquote2 p a,
.blockquote2 h3:before,
.blog-detail-thumb p em,
.blog-meta3 li i,
.commenting-hd h5:hover a,
.blog-nav:hover span,
.blog-nav:hover i,
.autor-blockquote .text h5:hover a,
p em,
.featured-author3:hover .text h5 a,
.wishlist2 ul li:hover a,
.wishlist2 ul li:hover i,
.book-tags li a:hover,
.book-heading h3:hover a,
.banner2-pager i,
.tags-1 li span:hover,
.tags-1 li a:hover,
.testimonial-dec .text a:hover,
.copy-right p a:hover,
.track:hover,
.new-account:hover,
.header-3 .nav-dec2 ul li a:hover,
.header-4 .nav-dec li:hover > a,
.contact-ft .text em:hover,
.contact-ft address:hover,
.comingsoon-dec .text > p a:hover,
.payment-method::after,
.input-dec button:hover,
.text-filed-1 input[type="text"]:focus,
.blog-form .input-dec3 textarea:focus,
.blog-form .input-dec3 input[type="text"]:focus,
.cutomer-reviews .input-dec3 input[type="text"]:focus,
.cutomer-reviews .input-dec3 textarea:focus,
.contact-wrap .input-dec3 input[type="text"]:focus,
.contact-wrap .input-dec3 textarea:focus,
.header-3 .nav-search .input-dec2 input[type="text"]:focus,
.header-4 .input-dec2 input[type="text"]:focus,
.brand-icons li a:hover i,
.cart-wrap .cart i:hover,
.cart-wrap > a:hover i,
.input-dec input[type="text"]:focus {
	color: #fea422;
}
	/*
	  ============================================================
		   Background Color
	  ============================================================
*/
	.main-banner .bx-wrapper .bx-pager.bx-default-pager a.active,
	.social-1 li a:hover,
	.categories-ul > li:hover > a,
	.fetch-bookmtea ul li:hover a,
	.text-filed-1 button,
	.select-menu .selectric-items li:hover,
	.select-menu .selectric-items li.selected:hover,
	.select-menu .selectric-items li.selected,
	.nav-dec li:hover > a,
	.slider-caption a:hover,
	.main-banner .bx-wrapper .bx-controls-direction a:hover:before,
	.featured-slider .owl-theme .owl-controls .owl-buttons div:hover:before,
	.add-cart:hover,
	.add-cart1:hover,
	.social-2 li a:hover,
	.authorbook-slider .bx-wrapper .bx-controls-direction a:hover,
	.date,
	.comment-icon:hover,
	.play-icon:hover,
	.author-book .readmore2:hover,
	.btn-1.active,
	.btn-1:hover,
	.slectric-dec .selectric-items li:hover,
	.slectric-dec .selectric-items li.selected:hover,
	.slectric-dec .selectric-items li.selected,
	.link a,
	.brand-slider .owl-theme .owl-controls .owl-buttons div:hover,
	.input-stepper button:hover,
	.cart-3,
	.cart-footer,
	.tabs-slider-wrap .owl-theme .owl-controls .owl-page.active span,
	.books-tab li a:before,
	.widget-hd h3:before,
	.new-1 ul li:hover .new-dec .date,
	.contact-ft .social-1 li a:hover,
	.pricelable,
	.cart small,
	.inner-banner-dec span,
	.widget-padding .ui-slider-horizontal .ui-slider-range,
	.book-tab-dec:hover .text .add-cart,
	.book-tab-bx .bx-wrapper .bx-controls-direction a:hover,
	.kf-pagination .pagination > li:first-child a:hover,
	.kf-pagination .pagination > li:last-child a:hover,
	.track,
	.wid-slider .bx-pager.bx-default-pager a.active,
	.publisher-slider .bx-pager.bx-default-pager a.active,
	.side_accordian .accordion.accordion-open:before,
	.side-meta li a:hover,
	.list-style-dec .blog-thumb-dec a,
	.discount-lable,
	.widget-pub-fillter ul li a:hover span,
	.widget-ad .text h2 span,
	.thumb-links a,
	.blog-classic-dec .text .btn-2:hover,
	.bxclassic-blog .bx-pager.bx-default-pager a.active,
	.bxclassic-blog .bx-wrapper .bx-controls-direction a:hover,
	.widget-slider2 .bx-pager.bx-default-pager a.active,
	.widget-slider2 .bx-wrapper .bx-controls-direction a:hover:before,
	.input-dec2 button:hover,
	.countdown-dec:before,
	.tabs-widget figure:before,
	.widget-tags ul li a:hover,
	.widget-testimonial .publisher-slider .bx-wrapper .bx-pager.bx-default-pager a.active,
	.grid2-blog:hover:before,
	.grid2-blog:hover .icon-3,
	.dialog-button,
	.rangsldr-dec .ui-slider-range.ui-widget-header.ui-corner-all,
	.loadnore a,
	.contact-wrap .btn-2,
	.text-dec2 p span,
	.commenting-wrap-1 .commenting-dec:hover .reply-btn,
	.commenting-wrap-1 .heading-1 .btn-2:hover,
	.commenting2 > ul > li:hover ul:before,
	.commenting2 > ul > li:hover ul li .commenting-dec:before,
	.kode_progress .progressbars.progress_single,
	.kode_progress .progressbars.progress_single > span,
	.featured-author3:hover .text:before,
	.featured-author3 .social-1 li a:hover,
	.thumb-slider .bx-wrapper .bx-controls-direction a:hover,
	.zoomer:hover,
	.cart-chekout,
	.testimonial-slider .bx-wrapper .bx-controls-direction a:hover,
	.blog1-slider .bx-wrapper .bx-controls-direction a:hover,
	.comment-icon.more:hover,
	.page-lable,
	.header-3 .nav-dec2 ul li a:before,
	.header-4 .nav-dec > li ul,
	.header-4 .nav-dec li a:before,
	.header-4 .top-bar .social-1 li a:hover,
	.cstmr-dec:hover span,
	.btn-3:hover,
	.go-up:hover,
	.banner-pager-wrap ul li .banner2-pager:hover,
	#responsive-menu-button2 i:hover,
	.categories-menu:hover,
	.banner2-caption .select-menu .selectric-wrapper:hover,
	.searh-wrap .select-menu .selectric-wrapper:hover {
		background-color: #fea422;
	}
	/*
	  ============================================================
		   Border Color
	  ============================================================
*/
	.searh-wrap form,
	.caption-dec:before,
	.caption-dec:after,
	.book-tab-dec .add-cart:hover,
	.add-cart:hover,
	.cart-form,
	.publisher-slider,
	.book-tab-dec:hover .text .add-cart,
	.kf-pagination .pagination li a:hover,
	.kf-pagination .pagination li a.active,
	.blog-classic-dec .text .btn-2:hover,
	.widget-tags ul li a:hover,
	.widget-accordian2 .side_accordian .accordion.accordion-open:before,
	.contact-wrap .btn-2,
	.payment-method.before,
	.zoomer:hover,
	.books-tab li.active a:hover:before,
	.books-tab li.active a:before,
	.input-dec2 input[type="text"]:focus,
	.input-text input[type="text"]:focus,
	.btn-3:hover,
	.blog-form .input-dec3 textarea:focus,
	.blog-form .input-dec3 input[type="text"]:focus,
	.cutomer-reviews .input-dec3 input[type="text"]:focus,
	.cutomer-reviews .input-dec3 textarea:focus,
	.contact-wrap .input-dec3 input[type="text"]:focus,
	.contact-wrap .input-dec3 textarea:focus {
		border-color: #fea422;
	}

.mega-menu1,
.wishlist-wrap .dropdown-menu,
.top-bar ul .dropdown-menu {
	border-top-color: #fea422;
}

.commenting-wrap-1 ul li:hover .commenting-dec {
	border-left-color: #fea422;
}

.input-dec3 .selectric-wrapper.selectric-open,
.input-dec3 textarea:focus,
.input-dec3 input[type="text"]:focus,
.header-4 .input-dec2 input[type="text"]:focus,
.header-3 .nav-search .input-dec2 input[type="text"]:focus {
	box-shadow: 0 0 0 1px #fea422 inset;
}
/*
============================================================
		   Transaction Effect
============================================================
*/
.input-dec3 .selectric-wrapper.selectric-open,
.categories-menu,
.select-menu .selectric-wrapper,
.header-4 .input-dec2 input[type="text"],
.top-bar .pull-left ul li a,
.lang-wrap.open button,
.user-dec a,
.social-1 li a,
.categories-ul li a,
.categories-ul li a i,
.categories-menu span,
.categories-menu i,
.categories-ul li a:before,
.navigation-wrap ul li a,
.text-filed-1 input[type="text"]:focus,
.select-menu .selectric-wrapper,
.text-filed-1 button,
.select-menu .selectric-items li,
.slider-caption a,
.main-banner .bx-wrapper .bx-controls-direction a:before,
.cart-2 a,
.tags-2 li a,
.featured-dec,
.featured-dec .text h5 a,
.featured-slider .owl-theme .owl-controls .owl-buttons div:before,
.books-tab li a:before,
.books-tab li a,
.book-tab-dec .text h5 a,
.add-cart,
.social-2 li a,
.comment-icon:hover,
.blog-meta li a,
.featured-blog1 .text h5 a,
.tabs-slider-wrap .owl-theme .owl-controls .owl-page span,
.publisher-slider .bx-wrapper .bx-pager.bx-default-pager a,
.book-tab-dec,
.play-icon,
.news-latter a,
.new-dec .date,
.date b,
.new-dec a,
.new-dec p,
.ft-nav li a,
.text-2 h3 a,
.featured2-dec .text .shopnow,
.featured2-dec .text h2 a,
.featured-style2 .text h2 a,
.featured-style2 .text .shopnow,
.author-book .readmore2,
.brand-wrap li a img,
.mega-menu1,
.inner-banner-dec .breadcrumb li a,
.selectric-items li,
.book-tab-dec .text h5 a,
.book-tab-bx .bx-wrapper .bx-controls-direction a,
.kf-pagination .pagination li a,
.page-lable,
.brand-slider a img,
.brand-slider .owl-theme .owl-controls .owl-buttons div,
.wid-slider .bx-pager.bx-default-pager a,
.side_accordian .accordion:before,
.side-meta li a,
.side-meta li a:before,
.featured-dec3,
.featured-dec3 .text a,
.list-style-dec .blog-thumb-dec,
.list-style-dec .blog-thumb img,
.list-style-dec .blog-thumb-dec a,
.like-2,
.btn-2,
.blog1-hd h5 a,
.widget-pub-fillter ul li a span,
.widget-pub-fillter ul li a,
.blog-classic-dec .thumb img,
.thumb-links,
.thumb-links a,
.blog-classic-dec .text h2 a,
.bxclassic-blog .bx-pager.bx-default-pager a,
.bxclassic-blog .bx-wrapper .bx-controls-direction a:before,
.bxclassic-blog .bx-wrapper .bx-controls-direction a,
.widget-slider2 .bx-pager.bx-default-pager a,
.widget-slider2 .bx-wrapper .bx-controls-direction a,
.widget-slider2 .bx-wrapper .bx-controls-direction a:before,
.input-dec2 button,
.tabs-widget figure img,
.tabs-widget figure:before,
.tabs-widget .text h6 a,
.widget-tags ul li a,
.widget-accordian2 .side_accordian .accordion.accordion-open span,
.widget-archives ul li a,
.grid2-blog:before,
.blog-thumb-dec,
.shopnow,
.icon-3,
.video,
.dialog-button,
.loadnore a,
.payment-method,
.commenting-dec,
.reply-btn,
.commenting-hd h5 a,
.commenting-wrap-1 .heading-1 .btn-2,
.blog-nav span,
.blog-nav i,
.autor-blockquote .text h5 a,
.commenting2 ul:before,
.commenting-dec:before,
.widget-accordian .accordion,
.featured-author3 .thumb img,
.featured-author3 .social-1,
.featured-author3 .text h5 a,
.featured-author3 .text:before,
.thumb-slider .bx-wrapper .bx-controls-direction a,
.input-stepper button:hover,
.wishlist2 ul li a,
.wishlist2 ul li i,
.cart-3,
.book-tags li a,
.book-heading h3 a,
.zoomer,
.tags-1 li span,
.tags-1 li a,
.testimonial-slider .bx-wrapper .bx-controls-direction a,
.nav-dec > li ul,
.testimonial-dec .text a,
.copy-right p a,
.track,
.new-account,
.header-3 .nav-dec2 ul li a:before,
.header-3 .nav-dec2 ul li a,
.header-4 .nav-dec li a:before,
.contact-ft .text em,
.contact-ft address,
.comingsoon-dec .text > p a,
.input-dec2 input[type="text"],
.input-text input[type="text"],
.input-dec input[type=text],
.link a,
.cstmr-dec span,
.input-dec button,
.btn-3,
.input-dec3 textarea,
.input-dec3 input[type="text"],
.go-up,
.closed,
.banner2-pager i,
.banner2-pager,
#responsive-menu-button2 i,
.btn-1,
.header-3 .nav-search .input-dec2 input[type="text"],
.brand-icons li a i,
.cart-wrap .cart i, .cart-wrap > a, .cart-wrap > a i {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
/*
	  ============================================================
		  Content Selection
	  ============================================================
*/
::selection {
	background: #29adcd;
	color: #ffffff;
}

::-webkit-selection {
	background: #29adcd;
	color: #ffffff;
}

::-moz-selection {
	background: #29adcd;
	color: #ffffff;
}


/********Color.Css Process End*************/


/********shortcodes.css Process Start*******/

/*
    ==============================================================
       SOCIAL BUTTON CSS START
    ==============================================================
*/
.social-1 {
	float: left;
	width: auto;
}

	.social-1 li {
		float: left;
		width: auto;
		padding: 0;
		margin-right: 6px;
		margin-bottom: 10px;
	}

		.social-1 li:last-child {
			margin: 0;
		}

		.social-1 li span {
			font-size: 14px;
			line-height: 14px;
			font-weight: 700;
			color: #363636;
			margin-right: 13px;
			display: block;
			padding: 3px 0;
		}

		.social-1 li a {
			width: 30px;
			height: 30px;
			border-radius: 2px;
			background-color: #999;
			color: #fff;
			display: block;
			font-size: 14px;
			line-height: 30px;
			padding: 0;
			text-align: center;
		}
/*SOCIAL 2 START*/
.social-2 {
	display: inline-block;
	width: auto;
}

	.social-2 li {
		display: inline-block;
		margin-right: 3px;
	}

		.social-2 li:last-child {
			margin: 0;
		}

		.social-2 li a {
			width: 36px;
			height: 33px;
			line-height: 33px;
			text-align: center;
			font-size: 14px;
			color: #dadada;
			background-color: #efefef;
			display: block;
		}

			.social-2 li a:hover {
				color: #fff;
			}

				.social-2 li a:hover i {
					-webkit-animation-duration: 0.75s;
					animation-duration: 0.75s;
					-webkit-animation-name: bounceIn;
					animation-name: bounceIn;
				}

@-webkit-keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.bg-radius li a {
	border-radius: 100%;
	width: 33px;
	height: 33px;
	line-height: 33px;
}

.bg-trp li a {
	background: transparent;
	color: #363636;
}
/*social 2 End*/
.btn-1 {
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	background: #313131;
	padding: 6px 20px 7px;
	font-family: 'Open Sans', sans-serif;
}

.btn-2 {
	display: inline-block;
	padding: 14px 25px 14px;
	line-height: 11px;
	text-transform: uppercase;
	font-weight: bolder;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #363636;
	background: #363636;
}

	.btn-2:hover {
		background: #fafafa;
		border-color: #e1e1e1;
		color: #555555;
	}

.btn-3 {
	display: inline-block;
	padding: 14px 25px 14px;
	line-height: 11px;
	text-transform: uppercase;
	font-weight: 800;
	color: #363636;
	border: 1px solid #363636;
	background: transparent;
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
}

	.btn-3:hover {
		color: #fff;
	}

.lg-btn1 {
	padding: 8px 30px 9px;
}

.lg-btn2 {
	padding: 18px 30px;
}

.lg-btn3 {
	padding: 18px 30px;
}

.sm-btn2 {
	padding: 11px 20px;
}

.sm-btn3 {
	padding: 11px 20px;
}

.radius-btn {
	border-radius: 50px;
}

.order-submit .btn-2{
	float: right;
	border-color: #288ece;
	background-color: #288ece;
}
.order-submit .btn-2:hover{
	color: #fff;
	background: #000;
}
.order-submit .btn-3{
	float: left;
	border-color: #288ece;
	background-color: #288ece;
}
.order-submit .btn-3:hover{
	color: #fff;
	background: #000;
}
.order-submit a{
	color: #000;
	text-decoration:underline;	
}
/*
    ==============================================================
       INPUT AREA CSS START
    ==============================================================
*/
.input-text {
	float: left;
	width: 100%;
}

	.input-text input[type="text"] {
		float: left;
		width: 100%;
	}

.input-dec3.cancelOrderText {
	position: relative;
	z-index: 9;
}
/********shortcodes.css Process End*********/


/***
Customized Bootstrap Modal 
***/
.modal {
	z-index: 10050;
	outline: none;
	overflow-y: auto !important;
	/* Fix content shifting to the right on modal open due to scrollbar closed */
}

	.modal .modal-header {
		border-bottom: 1px solid #EFEFEF;
	}

		.modal .modal-header h3 {
			font-weight: 300;
		}

		.modal .modal-header .close {
			margin-top: 0px !important;
		}

	.modal .modal-dialog {
		z-index: 10051;
	}

	.modal > .loading {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -22px;
		margin-left: -22px;
	}

	.modal.in .page-loading {
		display: none;
	}

.modal-open {
	overflow-y: auto !important;
}

.modal-open-noscroll {
	overflow-y: hidden !important;
}

.modal-backdrop {
	border: 0;
	outline: none;
	z-index: 10049;
}

	.modal-backdrop, .modal-backdrop.fade.in {
		background-color: #333 !important;
	}

/* Full width modal */
.modal-full.modal-dialog {
	width: 99%;
}

@media (max-width: 768px) {
	.modal-full.modal-dialog {
		width: auto;
	}
}

.modal-dialog {
	margin: 0px;
}

.close {
	display: inline-block;
	margin-top: 0px;
	margin-right: 0px;
	width: 9px;
	height: 9px;
	background-repeat: no-repeat !important;
	text-indent: -10000px;
	outline: none;
	background-image: url("../image/remove-icon-small.png") !important;
}



.cart_nav_bar_txt {
	white-space: nowrap;
	margin: 2px 0 0;
}

.cart_nav_bar_txt {
	margin: 2px 0 0;
}

.cart_nav {
	width: 982px;
	height: 30px;
	margin: 10px auto;
	word-spacing: 3px;
	border: 1px solid #1f5daa;
}

.cart_nav_bars {
	width: 230px;
	height: 30px;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	letter-spacing: .02em;
	padding-top: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #999;
}

.cart_nav_bars {
	width: 230px;
	height: 30px;
	float: left;
	font-family: 'Oswald',sans-serif;
	font-size: 14px;
	letter-spacing: .02em;
	padding-top: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #999;
}

.cart_nav_endempty {
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -592px -59px;
	width: 20px;
	height: 30px;
	float: left;
}

.cart_nav_endempty {
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -592px -59px;
	width: 20px;
	height: 30px;
	float: left;
}

.ct_num_2 {
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -292px -259px;
	float: left;
}

.cart_nav_endfront {
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -593px -12px;
	width: 20px;
	height: 30px;
	float: left;
}

.cart_nav_endfront {
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -593px -14px;
	width: 20px;
	height: 30px;
	float: left;
}

.cart_nav_endfill {
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -595px -110px;
	width: 20px;
	height: 30px;
	float: left;
}

.ct_num_1 {
	width: 24px;
	height: 24px;
	margin: 0 5px 0 50px;
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -194px -257px;
	float: left;
}

.ct_num_1 {
	width: 24px;
	height: 24px;
	margin: 0 5px 0 50px;
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -194px -257px;
	float: left;
}

.ct_num3 {
	width: 24px;
	height: 24px;
	margin: 0 5px 0 50px;
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -345px -259px;
	float: left;
}

.ct_num_4 {
	width: 24px;
	height: 24px;
	margin: 0 5px 0 50px;
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -495px -259px;
	float: left;
}

.ct_num_4 {
	width: 24px;
	height: 24px;
	margin: 0 5px 0 50px;
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -495px -259px;
	float: left;
}

.ct_num_3 {
	width: 24px;
	height: 24px;
	margin: 0 5px 0 50px;
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -392px -258px;
	float: left;
}

.ct_num_3 {
	width: 24px;
	height: 24px;
	margin: 0 5px 0 50px;
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -392px -258px;
	float: left;
}

.ct_num2 {
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -248px -258px;
	float: left;
}

.ct_num2 {
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -248px -258px;
	float: left;
}

.ct_num2 {
	width: 24px;
	height: 24px;
	margin: 0 0 0 5px;
	background: url(/assets/image/sprites.png) no-repeat;
	background-position: -248px -258px;
	float: left;
}

.cart_nav_active {
	background: #1f5daa;
	color: #fff;
}

.dyn_block {
	display: none;
}

.dyn_show {
	display: block;
}

.od_pd_triangle {
	border-color: #ccc #ccc transparent transparent;
	border-style: solid;
	border-width: 1px;
	margin: 100px;
	height: 7px;
	width: 7px;
	transform: rotate(-46deg);
	-moz-transform: rotate(-46deg);
	-webkit-transform: rotate(-46deg);
	position: absolute;
	background: #fff;
	z-index: 0;
}

.dyn_show1 {
	width: 99%;
	padding: 15px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-top: 3px;
}

.odpd_top_rht {
	float: left;
	width: 55%;
	color: #fff;
}

.odpd_pd_rht_ind2 {
	float: left;
	width: 30%;
	color: #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 24px;
	padding-right: 20px;
	border-right: 1px dashed #000;
	border-left: 1px dashed #000;
}


.line_direction {
	position: absolute;
	margin-top: 18px;
	border-top: 1px dashed #777;
	width: 300px;
	height: 1px;
}


.dot {
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background: #06F;
	margin: 10px 5px 10px 10px;
	cursor: pointer;
	transition: all .2s ease-out;
	float: left;
}

.odpd_pd_rht_ind1 {
	float: left;
	width: 35%;
	color: #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px dashed #000;
}

.dot_inactive {
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background: #ccc;
	margin: 10px 5px 10px 10px;
	float: left;
}

/********mystyle.css Process End***************/

/*******style.css Process Start***************/

/**
 * Table of Contents :
 *
* 1.0 -  DEFAULT CSS START
* 2.0 -  DEFAULT HEADING STYLES CSS START
* 3.0 -  HEADER CSS START
* 4.0 -  NAVIGATION CSS START
* 5.0 -  MEGA MENU WRAP CSS START
* 6.0 -  HEADER 2 CSS START
* 7.0 -  MAIN BANNER CSS START
* 7.1 -  BANNER 2 CSS START
* 8.0 -  CUSTOMER CARE WRAP CSS START
* 9.0 -  FEATURED ITEM WRAP CSS START
* 10.0 - RIBBON CSS START
* 11.0 - Featured BOOKS WRAP CSS START
* 12.0 - FEATURED THUMBS 2 CSS START
* 13.0 - CANVAS SLIDER WRAP CSS START
* 14.0 - TABS WRAP CSS START
* 15.0 - ORDER BAR CSS START
* 16.0 - FEATURED AUTHOR CSS START
* 17.0 - FEATURED BLOG 1 CSS START
* 18.0 - FEACHERD BRAND CSS START
* 19.0 - FOOTER 1 CSS START
* 20.0 - COPY RIGHT CSS START
* 21.0 - GO TO TOP CSS START
* 22.0 - INNER BANNER CSS START
* 23.0 - GRID 4 COLUMS PAGE CSS START
* 24.0 - BRAND SLIDER CSS START
* 25.0 - TRACKING BAR CSS START
* 26.0 - BLOG 1 LIST STYLE CSS START
* 27.0 - BLOG 2 LIST STYLE CSS START
* 28.0 - BLOG  LIST STYLE WITH SIDE BAR CSS START
* 29.0 - BLOG  CLASSIC PAGE CSS START
* 30.0 - BLOG  GRID 2 PAGE CSS START
* 31.0 - BLOG  FULL WIDTH PAGE CSS START
* 32.0 - 404 PAGE CSS START
* 33.0 - CONTACT US PAGE CSS START
* 34.0 - CHECK OUT PAGE CSS START
* 35.0 - BLOG DETAIL PAGE PAGE CSS START
* 36.0 - COMING SOON PAGE CSS START
* 37.0 - LOGIN SIGNUP FORM PAGE CSS START
* 38.0 - CHECKBOX AND RADIO BUTTON CSS
* 39.0 - BLOG FORM  CSS START
* 40.0 - BLOG DETAIL FULL WIDTH PAGE PAGE CSS END
* 41.0 - ABOUT AUTHOR PAGE CSS START
* 42.0 - SIDE BAR CSS START
* 43.0 - WIDGET MOST COMMENTED ITEM  CSS START
* 44.0 - WIDGET TESTIMONIAL CSS START
* 45.0 - WIDGET ARCHIVES CSS START
* 46.0 - WIDGET SIDE META  CSS START
* 47.0 - WIDGET RANGE SLIDER   CSS START
* 48.0 - WIDGET FEATURED ITEM   CSS START
* 49.0 - WIDGET SLECTRIC FILLTER  CSS START
* 50.0 - WIDGET AD  CSS START
* 51.0 - WIDGET INPUTS  CSS START
* 52.0 - WIDGET SLIDER 2  CSS START
* 34.0 - TAGS WIDGET   CSS START
* 34.0 - TABS WIDGET   CSS START
* 34.0 - WIDGET AUTHOR SLIDER  CSS START
* 34.0 - COUNT DOWN CSS START
* 34.0 - RATING STAR CSS START
* 34.0 - PAGINATION CSS START
* 34.0 - BOOK VIEW CSS START
* 34.0 - SIDR STYLES CSS START
* 34.0 - HEADERS CSS START
[Color codes]

Background: #ffffff (white)
Content: #959595 (light black)
Header-1: white
Header-2: light white

a (standard): #ffffff (dark blue)
a (visited): #ffffff (light blue)
a (active): #ffffff (pink)

[Typography]
  
   font-family: 'Open Sans', sans-serif;
   font-family: 'Roboto', sans-serif;
   font-family: 'Raleway', sans-serif;
   font-family: 'Herr Von Muellerhoff', cursive;
   font-family: "Playfair Display",serif;

-------------------------------------------------------------------*/
/*
/*
	  ==============================================================
		   DEFAULT CSS START
	  ==============================================================
*/
.kode_wrapper,
header,
section,
.section,
.kf_content_wrap,
footer {
	float: left;
	width: 100%;
}

footer {
	padding: 0px 0 0px;
}

.section,
section {
	padding: 30px 0 20px;
}

.no_padding {
	padding: 0px;
}

.text {
	float: left;
	width: 100%;
}

.thumb {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}

	.thumb img {
		float: left;
		width: 100%;
	}

.dl-menuwrapper {
	display: none;
}

.dl-menu.dl-menu {
	left: auto;
	right: 0;
}

/*
	  ==============================================================
		   DEFAULT HEADING STYLES CSS START
	  ==============================================================
*/
.heading-page .widget-hd,
.heading-page .heading-2,
.heading-page .heading-3,
.heading-page .heading-4,
.heading-page .heading-5,
.heading-page .heading-1 {
	margin-bottom: 30px;
}

	.heading-page .widget-hd h3 {
		margin-bottom: 0;
	}

.heading-1 {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
}

	.heading-1 h2 {
		line-height: 23px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 2px;
	}

	.heading-1 span {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: normal;
		line-height: 11px;
		color: #959595;
		display: inline-block;
	}

.heading-2 {
	float: left;
	width: 100%;
	text-align: left;
}

	.heading-2 h2 {
		line-height: 23px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 8px;
		font-family: 'Raleway', sans-serif;
	}

	.heading-2 span {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: normal;
		line-height: 11px;
		color: #959595;
		display: inline-block;
		font-family: 'Raleway', sans-serif;
	}

.heading-3 {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 65px;
}

	.heading-3 h2 {
		font-size: 36px;
		line-height: 27px;
		text-transform: uppercase;
		font-weight: 600;
		margin-bottom: 20px;
	}

	.heading-3 span {
		font-size: 18px;
		line-height: 13px;
		text-transform: uppercase;
		font-weight: 600;
		color: #959595;
		display: inline-block;
	}

.heading-4 {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

	.heading-4 h2 {
		position: relative;
		text-transform: capitalize;
		font-family: 'Raleway', sans-serif;
		font-weight: bold;
		line-height: normal;
		padding-bottom: 29px;
		margin: -7px 0 0px;
	}

		.heading-4 h2:before {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			width: 170px;
			height: 2px;
			background: #363636;
			margin: 0 auto;
			content: "";
		}

	.heading-4 p {
		font-size: 24px;
		line-height: normal;
		text-transform: capitalize;
		font-family: 'Raleway', sans-serif;
		color: #363636;
		margin: 0;
	}

.heading-5 {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

	.heading-5 h2 {
		font-family: "Raleway",sans-serif;
		font-weight: bolder;
		line-height: 23px;
		padding-bottom: 26px;
		text-transform: capitalize;
		position: relative;
	}

		.heading-5 h2:before {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 70px;
			height: 2px;
			background: #363636;
			content: "";
		}

.heading-inner {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	padding-bottom: 28px;
	margin-bottom: 40px;
}

	.heading-inner:before {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 170px;
		height: 2px;
		background: #363636;
		content: "";
		margin: 0 auto;
	}

	.heading-inner h2 {
		font-family: 'Raleway', sans-serif;
		font-weight: bolder;
		text-transform: capitalize;
		line-height: 23px;
		display: inline-block;
		margin-bottom: 19px;
	}

	.heading-inner span {
		display: block;
		text-transform: capitalize;
	}

.button-wrap {
	margin-bottom: 30px;
}

.social-wrap ul {
	margin-bottom: 30px;
}
/*
	  ==============================================================
		   HEADER CSS START
	  ==============================================================
*/
/*top bar wrap start*/
.header-1 {
	background-color: #fff;
}

.top-bar {
	float: left;
	width: 100%;
	padding: 14px 0;
}

.header-1 .top-bar {
	background-color: #f6f6f6;
}

.top-bar ul {
	float: left;
	width: auto;
}

.top-bar .pull-left ul li {
	float: left;
	width: auto;
	padding: 0 20px;
}

.top-bar .pull-left > ul > li:first-child {
	padding-left: 0;
}

.top-bar .pull-left ul li i {
	font-size: 18px;
	color: #e1e1e1;
	float: left;
	margin-right: 10px;
}

.top-bar .pull-left ul li a {
	float: left;
	font-style: normal;
	font-size: 14px;
	line-height: normal;
	text-transform: capitalize;
	color: #959595;
}

.lang-wrap {
	float: left;
	width: auto;
	line-height: normal;
}

	.lang-wrap i {
		font-size: 18px;
		color: #e1e1e1;
		float: left;
		margin-right: 10px;
	}

.top-bar ul .dropdown-menu {
	min-width: 193px;
	right: auto;
	left: 0;
	padding: 12px 15px;
	border-top: 2px solid;
	border-right: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	border-radius: 0;
	margin-top: 15px;
}

	.top-bar ul .dropdown-menu > li {
		padding: 0;
		text-align: center;
		display: block;
		width: 100%;
	}

		.top-bar ul .dropdown-menu > li > a {
			color: #969595;
			line-height: 14px;
			font-size: 14px;
			text-transform: capitalize;
			font-weight: normal;
			padding: 12px 15px;
			display: block;
			width: 100%;
			text-align: left;
		}

			.top-bar ul .dropdown-menu > li > a img {
				float: left;
				width: 24px;
				margin-right: 15px;
			}

.dropdown.lang-wrap button {
	background: transparent none repeat scroll 0 0;
	font-size: 14px;
	line-height: normal;
	padding: 0;
}

	.dropdown.lang-wrap button .caret {
		margin-left: 7px;
	}
/*user wrap start*/
.user-wrap {
	float: left;
	width: auto;
	margin-top: 6px;
}

.header-1 .social-1 li {
	margin-bottom: 0px;
}

.header-1 .top-bar .pull-left ul {
	margin-top: 6px;
}

.wishlist-wrap {
	float: left;
	width: auto;
}

	.wishlist-wrap i {
		font-size: 18px;
		color: #e1e1e1;
		float: left;
		margin-right: 10px;
	}

	.wishlist-wrap .dropdown {
		float: left;
		width: auto;
		background-color: transparent;
		line-height: normal;
	}

		.wishlist-wrap .dropdown em {
			font-style: normal;
		}

		.wishlist-wrap .dropdown .caret {
			margin-left: 7px;
			color: #777;
		}

		.wishlist-wrap .dropdown button {
			background-color: transparent;
			padding: 0;
			color: #777;
		}

	.wishlist-wrap .dropdown-menu {
		min-width: 64px;
		right: 0;
		left: auto;
		padding: 12px 15px;
		border-top: 2px solid;
		border-right: 1px solid #f1f1f1;
		border-left: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
		border-radius: 0;
		margin-top: 15px;
	}

.user-dec {
	float: right;
	width: auto;
	margin-left: 40px;
	margin-right: 40px;
}

	.user-dec i {
		font-size: 18px;
		color: #e1e1e1;
		float: left;
		margin-right: 6px;
	}

	.user-dec a {
		float: left;
		font-style: normal;
		font-size: 14px;
		line-height: normal;
		text-transform: capitalize;
		color: #777;
		padding: 0 8px;
		position: relative;
	}

		.user-dec a:before {
			position: absolute;
			right: -3px;
			top: 50%;
			margin-top: -10px;
			font-size: 14px;
			content: "/";
			color: #e1e1e1;
		}

		.user-dec a:last-child:before {
			font-size: 0;
		}

.user-wrap .social-1 {
	float: right;
}
/*logo wrap start*/
.logo-wrap {
	float: left;
	width: 100%;
	padding: 40px 0 34px;
	background-color: #fff;
	text-align: center;
}

.logo-dec {
	float: left;
	width: auto;
}

	.logo-dec a {
		display: block;
	}

		.logo-dec a img {
			float: left;
			width: 100%;
		}

/*searh wrap start*/
.searh-wrap {
	display: inline-block;
	width: 58.4%;
}
/*tags1 wrap start*/
.tags-1 {
	float: left;
	width: 100%;
	padding: 10px 0px 13px;
}

	.tags-1 li {
		float: left;
		width: auto;
		border-left: 1px solid #d8d8d8;
		padding: 0 10px;
	}

		.tags-1 li:first-child {
			border: none;
			padding-left: 0;
		}

		.tags-1 li span,
		.tags-1 li a {
			font-size: 14px;
			line-height: 9px;
			display: block;
			text-transform: capitalize;
			color: #707070;
		}
/*tags1 wrap END*/
.searh-wrap form {
	float: left;
	width: 100%;
	border: 1px solid;
}

.searh-wrap .select-menu {
	float: left;
	width: 22%;
}

.selectric-wrapper.selectric-open {
	color: rgba(0, 0, 0, 0.5);
}

.select-menu .selectric-wrapper {
	background-color: #f6f6f6;
	border: none;
	border-radius: 0px;
	cursor: pointer;
	float: left;
	min-height: 44px;
	position: relative;
	width: 100%;
}

.select-menu .selectric .label {
	color: #707070;
	display: block;
	float: left;
	font-size: 14px;
	height: auto;
	line-height: normal;
	font-weight: normal;
	padding: 12px 20px;
	width: 100%;
	text-transform: uppercase;
}

.select-menu .selectric .button {
	color: #959595;
	font-size: 14px;
	height: auto;
	padding: 7px 20px;
}

.select-menu .selectric-items li,
.select-menu .selectric-items li.selected {
	text-transform: uppercase;
	color: #707070;
}

	.select-menu .selectric-items li:hover,
	.select-menu .selectric-items li.selected:hover,
	.select-menu .selectric-items li.selected {
		color: #fff;
	}
/**/
.text-filed-1 {
	float: left;
	width: 78%;
	position: relative;
}

	.text-filed-1 input[type="text"] {
		float: left;
		width: 100%;
		padding: 12px 70px 12px 20px;
		border: none;
		font-size: 14px;
		text-transform: capitalize;
		height: 44px;
	}

		.text-filed-1 input[type="text"]::-webkit-input-placeholder {
			color: #707070;
			opacity: 0.5;
		}

		.text-filed-1 input[type="text"]:-moz-placeholder {
			color: #707070;
			opacity: 0.5;
		}

		.text-filed-1 input[type="text"]::-moz-placeholder {
			color: #707070;
			opacity: 0.5;
		}

		.text-filed-1 input[type="text"]:-ms-input-placeholder {
			color: #707070;
			opacity: 0.5;
		}

	.text-filed-1 button {
		position: absolute;
		right: -1px;
		top: 0;
		bottom: 0;
		height: 100%;
		font-size: 16px;
		color: #fff;
		text-align: center;
		padding: 14px 16px;
		height: 100%;
		line-height: 16px;
	}

.searh-wrap .text-filed-1 button:hover {
	background-color: #000;
}
/*cart wrap start*/
.header-1 .cart-wrap {
	float: right;
	padding: 34px 0 0;
}

.cart-wrap i {
	display: inline-block;
}

.cart-wrap #mobile-header {
	float: left;
}

#responsive-menu-button i {
	font-size: 40px;
	color: #e1e1e1;
}

.cart-wrap .cart {
	margin-left: 20px;
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.cart small {
	position: absolute;
	height: 17px;
	width: 17px;
	border-radius: 100%;
	text-align: center;
	line-height: 17px;
	color: #fff;
	font-size: 11px;
	top: -8px;
	right: 0;
	display: inline-block;
}

.cart-wrap .cart i,
.cart-wrap > a i {
	font-size: 44px;
	display: inline-block;
	color: #e1e1e1;
}

.cart-form {
	position: absolute;
	top: 100%;
	border-top: 2px solid;
	width: 370px;
	right: 0;
	background: #fff;
	display: none;
	padding: 10px 0 0;
	z-index: 10;
	cursor: auto;
}

	.cart-form ul {
		float: left;
		width: 100%;
	}

		.cart-form ul li {
			float: left;
			width: 100%;
			padding: 20px 30px;
			border-bottom: 1px solid #f2f2f2;
		}

	.cart-form .thumb {
		width: 67px;
		background: #000;
	}

	.cart-form .text {
		float: none;
		width: auto;
		overflow: hidden;
		position: relative;
		text-align: left;
		padding: 16px 0 15px 20px;
	}

		.cart-form .text span {
			display: block;
			font-size: 14px;
			line-height: 14px;
			font-weight: normal;
			margin-bottom: 10px;
		}

		.cart-form .text p {
			margin-bottom: 0;
			font-size: 12px;
			line-height: 12px;
		}

.closed {
	position: absolute;
	right: 0;
	top: 50%;
	width: 25px;
	height: 25px;
	line-height: 20px;
	border: 1px solid #dbdbdb;
	border-radius: 100%;
	text-align: center;
	margin-top: -12px;
	display: inline-block;
	color: #959595;
}

	.closed:hover {
		box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.5)inset;
		color: #fff;
	}

.cart-footer {
	float: left;
	width: 100%;
	padding: 20px 30px;
}

	.cart-footer a {
		width: auto;
		float: left;
		padding: 15px 20px;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
		color: #363636;
		border: 1px solid #fff;
	}

.ad-cart {
	background: #fff;
}

.cart-footer a.cart-chekout {
	color: #fff;
	border: 1px solid #fff;
	float: right;
}

.cart-wrap .cart .cart-footer .cart-chekout i {
	color: #fff;
}

.cart-wrap .cart .cart-footer a i {
	margin: 0px 6px 0px 0px;
	font-size: 14px;
	float: left;
	color: #000;
}

/*cart wrap end*/
/*
	  ==============================================================
		   NAVIGATION CSS START
	  ==============================================================
*/
.navigation-wrap {
	float: left;
	width: 100%;
	background-color: #252525;
}

.nav-dec {
	float: right;
	width: auto;
}

	.nav-dec li {
		float: left;
		width: auto;
		position: relative;
	}

		.nav-dec li a {
			padding: 22px 32px 22px;
			float: left;
			width: 100%;
			text-transform: uppercase;
			color: #fff;
			position: relative;
			line-height: 11px;
			font-size: 14px;
		}
	/*second ul*/
	.nav-dec > li ul {
		background: #292929 none repeat scroll 0 0;
		top: 100%;
		opacity: 0;
		padding: 8px 0;
		position: absolute;
		transform: translate3d(0px, 10px, 0px);
		-webkit-transform: translate3d(0px, 10px, 0px);
		-moz-transform: translate3d(0px, 10px, 0px);
		-ms-transform: translate3d(0px, 10px, 0px);
		-o-transform: translate3d(0px, 10px, 0px);
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		visibility: hidden;
		width: 200px;
		z-index: 99;
	}

	.nav-dec > li:hover > ul {
		opacity: 1;
		-webkit-opacity: 1;
		transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		-moz-transform: translate3d(0px, 0px, 0px);
		-ms-transform: translate3d(0px, 0px, 0px);
		-o-transform: translate3d(0px, 0px, 0px);
		visibility: visible;
	}

	.nav-dec > li > ul > li {
		line-height: 24px;
		position: relative;
		vertical-align: top;
		width: 100%;
	}

	.nav-dec > li > ul li a {
		color: #fff;
		height: auto;
		padding: 16px 25px;
	}
/*
	  ==============================================================
		   MEGA MENU WRAP CSS START
	  ==============================================================
*/
.categories-menu {
	float: left;
	width: 21%;
	position: relative;
	padding: 20px 15px;
}

	.categories-menu:hover .show {
		cursor: pointer;
	}

	.categories-menu:hover > i,
	.categories-menu:hover > span {
	}

	.categories-menu > span {
		float: left;
		width: auto;
		font-size: 16px;
		line-height: 14px;
		color: #fff;
	}

	.categories-menu i {
		float: right;
		color: #fff;
	}

.categories-ul {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	display: none;
	background-color: #fff;
	padding: 10px 0;
	z-index: 1;
}

	.categories-ul > li {
		float: left;
		width: 100%;
		position: relative;
	}

		.categories-ul > li > a {
			padding: 11px 15px;
			float: left;
			width: 100%;
			text-transform: capitalize;
			color: #848484;
			position: relative;
			line-height: 13px;
			font-size: 14px;
		}

			.categories-ul > li > a:before {
				position: absolute;
				right: 15px;
				font-size: 14px;
				color: #848484;
				top: 50%;
				margin-top: -7px;
				font-family: FontAwesome;
				content: "\f0da";
			}

		.categories-ul > li:last-child a {
			color: #fff;
			background-color: #d7d7d7;
			padding-right: 50px;
		}

			.categories-ul > li:last-child a:before {
				content: "\f04e";
			}

		.categories-ul > li a i {
			float: left;
			margin-right: 10px;
			color: #848484;
			font-size: 14px;
		}

		.categories-ul > li:hover > a:before,
		.categories-ul > li:hover > a i,
		.categories-ul > li:hover > a {
			color: #fff;
		}

.mega-menu1 {
	position: absolute;
	width: 700px;
	border-top: 2px solid;
	top: 0;
	left: 100%;
	background: #fff;
	height: 0;
	visibility: hidden;
	opacity: 0;
}

	.mega-menu1 .widget-padding {
		padding: 15px 0;
	}

.categories-ul li:hover .mega-menu1 {
	height: auto;
	visibility: visible;
	opacity: 1;
}

.fetch-book2 {
	float: left;
	width: 100%;
}

.mega-menu1 .fetch-book2 {
	width: 45%;
	padding: 15px 30px 30px;
}

.fetch-book2 h4 {
	font-size: 14px;
	font-weight: 500;
	line-height: 10px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.fetch-book2 figure {
	width: 180px;
}

.fetch-book2 figcaption {
	bottom: 0;
	position: absolute;
	left: 0;
}

.pricelable {
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	color: #fff;
	padding: 10px 15px;
}

	.pricelable sub {
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		bottom: 0;
		line-height: 16px;
		margin-right: 4px;
	}

.fetch-book2 .text {
	float: none;
	overflow: hidden;
	width: auto;
	padding: 10px 0 8px 15px;
}

	.fetch-book2 .text h6 {
		line-height: 14px;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 500;
		margin-bottom: 7px;
	}

	.fetch-book2 .text p {
		line-height: 24px;
		margin-bottom: 21px;
	}

	.fetch-book2 .text .btn-1.active {
		margin-left: 3px;
		color: #fff;
	}

	.fetch-book2 .text .btn-1:hover {
		color: #fff;
	}
/*fetch-bookstyle2*/
.fetch-bookstyle2 figure {
	width: 100%;
}

.fetch-bookstyle2 .text {
	float: left;
	width: 100%;
	padding: 15px 0 0;
}

.fetch-bookstyle2 figcaption {
	top: 10%;
	bottom: auto;
}
/**/
.fetch-bookmtea {
	float: left;
	width: 55%;
}

	.fetch-bookmtea ul {
		float: left;
		width: 100%;
	}

		.fetch-bookmtea ul li {
			float: left;
			width: 100%;
			position: relative;
			border-width: 0 0 1px 1px;
			border-style: solid;
			border-color: #f3f3f3;
			padding: 0px;
		}

			.fetch-bookmtea ul li:last-child {
				border-bottom: none;
			}

	.fetch-bookmtea .fetch-book2 {
		padding: 0 30px;
	}

		.fetch-bookmtea .fetch-book2 h4 {
			padding: 15px 0px;
			margin: 0;
		}

	.fetch-bookmtea ul li a {
		padding: 9px 50px 12px;
		float: left;
		width: 100%;
		text-transform: capitalize;
		color: #848484;
		position: relative;
		line-height: 13px;
		font-size: 14px;
	}

		.fetch-bookmtea ul li a:before {
			position: absolute;
			left: 30px;
			font-size: 14px;
			color: #848484;
			top: 50%;
			margin-top: -7px;
			font-family: FontAwesome;
			content: "\f0da";
		}

	.fetch-bookmtea ul li:last-child a::before {
		font-size: 0;
	}

	.fetch-bookmtea li a:hover:before,
	.fetch-bookmtea li a:hover {
		color: #fff;
	}
/*
	  ==============================================================
		  HEADER 2 CSS START
	  ==============================================================
*/

.header-2 {
	position: absolute;
	z-index: 10;
}

	.header-2 .wishlist-wrap .dropdown-menu,
	.header-2 .top-bar ul .dropdown-menu,
	.header-2 .top-bar {
		background-color: rgba(246, 246, 246, 0.2);
	}

		.header-2 .top-bar .dropdown-menu li {
			background: rgba(255, 255, 255, 0.1);
		}

		.header-2 .wishlist-wrap .dropdown .caret,
		.header-2 .wishlist-wrap .dropdown button,
		.header-2 .wishlist-wrap i,
		.header-2 .user-dec i,
		.header-2 .user-dec a,
		.header-2 .top-bar .pull-left ul li a,
		.header-2 .dropdown.lang-wrap button,
		.header-2 .wishlist-wrap .dropdown em,
		.header-2 .top-bar .pull-left ul li i,
		.header-2 .dropdown.lang-wrap button i {
			color: rgba(246, 246, 246, 0.8);
		}

	.header-2 .social-1 li a {
		color: rgba(246, 246, 246, 0.8);
		background: rgba(255, 255, 255, 0.1);
	}

	.header-2 .logo-wrap {
		background: transparent;
	}

	.header-2 .cart-wrap {
		float: right;
		padding: 21px 0;
	}

		.header-2 .cart-wrap > i {
			font-size: 30px;
			color: rgba(246, 246, 246, 0.8);
		}
/*
	  ==============================================================
		  HEADER 2 CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   MAIN BANNER CSS START
	  ==============================================================
*/
/*SLIDER*/
.main-banner .bx-wrapper {
	float: left;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

	.main-banner .bx-wrapper .bx-viewport {
		background: #fff;
		border: none;
		box-shadow: none;
		left: 0px;
	}

.main-banner .bx-controls {
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 20px;
	width: 100%;
}

.main-banner .bx-controls-direction {
	position: absolute;
	top: -230px;
	width: 100%;
}
/*
.main-banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    background:rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    bottom: 20px;
    display: inline-block;
    margin: 0 auto;
    padding: 12px 15px 2px;
    position: absolute;
    width: auto;
}
*/
.main-banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 15px;
	bottom: 0px;
	display: inline-block;
	float: none;
	line-height: 10px;
	padding: 12px 15px 12px;
	position: relative;
	width: auto;
}

	.main-banner .bx-wrapper .bx-pager.bx-default-pager a {
		background: #fff;
		border-radius: 4px;
		display: block;
		height: 10px;
		margin: 0 3px;
		outline: 0 none;
		width: 10px;
	}

.main-banner .bx-wrapper .bx-controls-direction a {
	height: 42px;
	text-indent: 0px;
	width: 42px;
	z-index: 9999;
	background-color: #f5f5f5;
	text-align: center;
	background-image: none;
	font-size: 0;
}

	.main-banner .bx-wrapper .bx-controls-direction a:before {
		content: "";
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		position: absolute;
		font-size: 16px;
		color: rgb(0, 0, 0, 0.5);
		text-align: center;
		line-height: 42px;
		font-family: FontAwesome;
	}

	.main-banner .bx-wrapper .bx-controls-direction a.bx-prev:before {
		content: "\f104";
	}

	.main-banner .bx-wrapper .bx-controls-direction a.bx-next:before {
		content: "\f105";
	}

	.main-banner .bx-wrapper .bx-controls-direction a:hover:before {
		color: #fff;
	}

.main-banner .bx-wrapper .bx-prev {
	left: 0;
}

.main-banner .bx-wrapper .bx-next {
	right: 0;
}
/*BANNER CAPTION*/
.main-banner {
	float: left;
	width: 100%;
	position: relative;
	background-repeat: repeat;
}

.slider-outer {
	float: left;
	width: 100%;
	position: relative;
	background-image: url(images/slider-pattern.jpg);
	padding: 0px 0px;
}

	.slider-outer:before {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		content: "";
	}

	.slider-outer > img {
		float: left;
		width: 100%;
	}

.bx-slider-wrap {
	float: left;
	width: 100%;
	left: 15px;
	right: 15px;
	text-align: center;
}

	.bx-slider-wrap .container {
		position: relative;
		padding: 0px;
	}

.slider-caption {
	display: inline-block;
	padding: 42px 0 20px;
}

.caption-dec {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	padding: 0 8px;
	margin-bottom: 30px;
}

	.caption-dec:before {
		position: absolute;
		left: 0;
		top: 11px;
		bottom: 20px;
		content: "";
		border-width: 2px 0px 2px 2px;
		border-style: solid;
		width: 82px;
	}

	.caption-dec:after {
		position: absolute;
		right: 0;
		top: 11px;
		bottom: 20px;
		content: "";
		border-width: 2px 2px 2px 0px;
		border-style: solid;
		width: 82px;
	}

	.caption-dec h5 {
		font-size: 28px;
		font-weight: 600;
		color: #252525;
		text-transform: uppercase;
		margin-bottom: 18px;
		line-height: 22px;
	}

	.caption-dec h3 {
		color: #e64242;
		font-size: 65px;
		font-weight: bold;
		text-transform: uppercase;
	}

	.caption-dec h4 {
		font-size: 36px;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 28px;
		margin-bottom: 30px;
	}

	.caption-dec h6 {
		font-size: 18px;
		font-weight: 600;
		text-transform: capitalize;
		color: #fff;
		background-color: #d8d7d7;
		display: inline-block;
		padding: 7px 30px 12px;
	}

.slider-caption a {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 18px 30px;
	line-height: 15px;
	background-color: #fff;
}

	.slider-caption a:hover {
		color: #fff;
	}

.image-1 {
	float: left;
}

.image-2 {
	float: right;
}
/*
	  ==============================================================
		   MAIN BANNER CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		  BANNER 2 CSS START
	  ==============================================================
*/
.banner2-dec {
	float: left;
	width: 100%;
	position: relative;
}

.main-banner2 .thumb:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: #000;
	opacity: 0.5;
	content: "";
}

.main-banner2 .bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto,
.main-banner2 .bx-controls-direction {
	display: none;
}

.baner2-bxslider {
	float: left;
	width: 100%;
}

	.baner2-bxslider .thumb img {
		opacity: 0.5;
	}

.banner2-caption {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: -85px auto 0;
	text-align: center;
}

	.banner2-caption > p {
		color: #fff;
		font-family: "Playfair Display",serif;
		font-size: 30px;
		font-style: italic;
		font-weight: normal;
		line-height: normal;
		margin: 0 0 23px;
	}

	.banner2-caption .searh-wrap form {
		border-color: rgba(255, 255, 255, 0.5);
	}

	.banner2-caption .text-filed-1 input[type="text"] {
		background: transparent;
	}

		.banner2-caption .text-filed-1 input[type="text"]::-moz-placeholder {
			color: rgba(246, 246, 246, 0.8);
		}

	.banner2-caption .text-filed-1 button {
		background-color: rgba(246, 246, 246, 0.2);
	}

	.banner2-caption .selectric-items,
	.banner2-caption .selectric-items li,
	.banner2-caption .select-menu .selectric-wrapper {
		background-color: rgba(246, 246, 246, 0.2);
	}

	.banner2-caption .tags-1 li a,
	.banner2-caption .tags-1 li span {
		color: rgba(246, 246, 246, 0.5);
	}

	.banner2-caption .select-menu .selectric-items li,
	.banner2-caption .select-menu .selectric .button,
	.banner2-caption .select-menu .selectric .label {
		color: #fff;
	}

	.searh-wrap .selectric-wrapper:hover .selectric .button,
	.searh-wrap .selectric-wrapper:hover .selectric .label,
	.banner2-caption .selectric-wrapper:hover .selectric .button,
	.banner2-caption .selectric-wrapper:hover .selectric .label {
		color: #fff;
	}

	.banner2-caption .tags-1 li {
		float: none;
		display: inline-block;
	}

.banner-pager-wrap ul {
	float: left;
	width: 100%;
}

.banner-pager-wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.banner2-pager {
	float: left;
	width: 100%;
	text-align: center;
	position: relative;
	background: transparent;
	padding: 22px 0 24px;
}

	.banner2-pager:hover i {
		color: #fff;
	}

.banner-pager-wrap a .banner2-pager {
	border-bottom: none;
}

.banner-pager-wrap ul li:nth-child(even) .banner2-pager {
	background: rgba(255, 255, 255, 0.10);
}

.banner2-pager i {
	width: 42px;
	display: inline-block;
	font-size: 42px;
	line-height: 42px;
	text-align: center;
	margin-bottom: 24px;
}

.banner2-pager small {
	display: block;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
}
/*
	  ==============================================================
		  BANNER 2 CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   CUSTOMER CARE WRAP CSS START
	  ==============================================================
*/
.cstmr-cre-wrap {
	float: left;
	width: 100%;
	padding: 30px 0;
	background-color: #f6f6f6;
}

.cstmr-dec {
	float: left;
	width: 100%;
}

	.cstmr-dec span {
		float: left;
		width: 70px;
		height: 70px;
		background-color: #fff;
		border: 1px solid #f1f1f1;
		border-radius: 100px;
		font-size: 30px;
		line-height: 70px;
		color: #dadada;
		text-align: center;
	}

	.cstmr-dec:hover span {
		color: #fff;
	}

	.cstmr-dec .text {
		float: none;
		overflow: hidden;
		width: auto;
		padding: 12px 0 13px 10px;
	}

		.cstmr-dec .text h5 {
			display: block;
			text-transform: uppercase;
			line-height: 18px;
			font-weight: bold;
			margin-bottom: 7px;
		}

		.cstmr-dec .text p {
			margin: 0;
		}
/*
	  ==============================================================
		   FEATURED ITEM WRAP CSS START
	  ==============================================================
*/
/*featured slider*/
.featured-slider {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

	.featured-slider .item {
		padding: 0 15px;
	}

	.featured-slider .owl-pagination {
		display: none;
	}

	.featured-slider .owl-buttons {
		display: inline-block;
		position: absolute;
		right: 12px;
		top: -88px;
	}

	.featured-slider .owl-theme .owl-controls .owl-buttons div {
		background: #f9f9f9;
		border-radius: 2px;
		color: #d7d7d7;
		font-size: 0px;
		margin: 0px 3px;
		opacity: 1;
		padding: 0;
		text-align: center;
		width: 35px;
		height: 35px;
		position: relative;
	}

		.featured-slider .owl-theme .owl-controls .owl-buttons div:before {
			content: "";
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			position: absolute;
			font-size: 18px;
			color: #d7d7d7;
			line-height: 35px;
			text-align: center;
			background-color: transparent;
			font-family: FontAwesome;
			border-radius: 2px;
		}

		.featured-slider .owl-theme .owl-controls .owl-buttons div:hover:before {
			color: #fff;
		}

	.featured-slider .owl-theme .owl-controls .owl-buttons .owl-prev:before {
		content: "\f104";
	}

	.featured-slider .owl-theme .owl-controls .owl-buttons .owl-next:before {
		content: "\f105";
	}

.featured-dec {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

	.featured-dec:hover {
		box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
	}

.featured-slider-style .owl-buttons {
	display: inline-block;
	left: -6px;
	position: absolute;
	right: -6px;
	top: 50%;
}

.featured-slider-style .owl-theme .owl-controls .owl-buttons .owl-prev {
	float: left;
}

.featured-slider-style .owl-theme .owl-controls .owl-buttons .owl-next {
	float: right;
}

.featured-slider-style .owl-theme .owl-controls .owl-buttons div {
	width: 42px;
	line-height: 42px;
	height: 42px;
	background: #fff;
	border-radius: 100%;
	text-align: center;
	margin: 0 0 0 0;
}

	.featured-slider-style .owl-theme .owl-controls .owl-buttons div:before {
		text-align: center;
		line-height: 42px;
		border-radius: 100%;
		font-size: 24px;
	}
/*
	  ==============================================================
		   RIBBON CSS START
	  ==============================================================
*/
.ribbon-wrap {
	position: absolute;
	top: 30px;
	left: 0;
}

.ribbon {
	background: #f7941d;
	display: inline-block;
	font-size: 11px;
	font-style: italic;
	font-weight: bolder;
	line-height: normal;
	padding: 1px 0px 2px;
	position: relative;
	text-transform: uppercase;
	border-top-left-radius: 3px;
	color: #fff;
	margin-bottom: 5px;
	width: 55px;
	text-align: center;
}

	.ribbon:before {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 6px 0 0;
		border-color: #f7951d transparent transparent transparent;
		position: absolute;
		content: "";
		right: -6px;
		top: 0;
	}

	.ribbon:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 0 0 6px;
		border-color: transparent transparent transparent #f7951d;
		position: absolute;
		content: "";
		right: -6px;
		bottom: 0;
	}

.hot {
	background-color: #e5493a;
}

	.hot:before {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 6px 0 0;
		border-color: #e5493a transparent transparent transparent;
		position: absolute;
		content: "";
		right: -6px;
		top: 0;
	}

	.hot:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 0 0 6px;
		border-color: transparent transparent transparent #e5493a;
		position: absolute;
		content: "";
		right: -6px;
		bottom: 0;
	}

.new {
	background-color: #00bff3;
}

	.new:before {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 6px 0 0;
		border-color: #00bff3 transparent transparent transparent;
		position: absolute;
		content: "";
		right: -6px;
		top: 0;
	}

	.new:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 9px 0 0 6px;
		border-color: transparent transparent transparent #00bff3;
		position: absolute;
		content: "";
		right: -6px;
		bottom: 0;
	}
/*
	  ==============================================================
		   RIBBON CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   Featured BOOKS WRAP CSS START
	  ==============================================================
*/
.featured-dec .text {
	padding: 23px 30px 20px;
	background-color: #f9f9f9;
}

.tags-2 {
	float: left;
	width: 100%;
	margin-bottom: 13px;
}

	.tags-2 li {
		display: inline-block;
		text-transform: uppercase;
		color: #777;
	}

		.tags-2 li a {
			display: inline-block;
			text-transform: uppercase;
			color: #777;
		}

.text-dec {
	float: left;
	width: 100%;
	padding-bottom: 29px;
}

.featured-dec .text h5 {
	font-weight: 600;
	line-height: 18px;
	text-transform: uppercase;
	float: left;
	width: 100%;
	margin-bottom: 12px;
}

.featured-dec .text p {
	margin: 0;
}

.featured-footer {
	float: left;
	width: 100%;
	border-top: 1px solid #e4e4e4;
	padding: 20px 0 0 0;
}

.price-tag {
	/*float: left;*/
	width: auto;
	font-size: 14px;
	line-height: 18px;
	text-transform: capitalize;
	font-weight: bolder;
}

	.price-tag sub {
		bottom: 1px;
		font-size: 14px;
		line-height: 17px;
		text-transform: capitalize;
		display: inline-block;
		font-weight: bolder;
	}

	.price-tag del {
		color: #d7d7d7;
		margin-right: 10px;
		display: inline-block;
	}

.black sub,
.black {
	color: #363636 !important;
}

.blue,
.blue sub {
	color: #288ece !important;
}

.green sub,
.green {
	color: #8dc63f !important;
}

.red,
.red sub {
	color: #e5493a !important;
}

.cart-2 {
	float: right;
	width: auto;
}

	.cart-2 a {
		display: inline-block;
		font-size: 20px;
		line-height: 20px;
	}

.like-icon {
	color: #e1e1e1;
	margin-right: 10px;
}

.featured-footer .cart-icon {
	color: #e1e1e1;
}
/*
	  ==============================================================
		   Featured BOOKS WRAP CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   FEATURED THUMBS 2 CSS START
	  ==============================================================
*/
.featured2-wrap {
	float: left;
	width: 100%;
}

.featured2-dec {
	float: left;
	width: 100%;
	position: relative;
	padding: 9px 10px 0px 15px;
	background-color: #686868;
	margin-bottom: 30px;
}

	.featured2-dec:before {
		position: absolute;
		left: 50px;
		top: 10px;
		right: 10px;
		bottom: 0px;
		border-style: solid;
		border-width: 1px 1px 0;
		border-color: #fff;
		content: "";
	}

	.featured2-dec figure {
		width: 239px;
		top: -50px;
		margin-bottom: -20px;
	}

	.featured2-dec .text {
		padding: 13px 15px 0 20px;
		float: none;
		width: auto;
		overflow: hidden;
		position: relative;
	}

		.featured2-dec .text h2 {
			line-height: 36px;
			font-weight: bolder;
			color: #fff;
			margin-bottom: 4px;
		}

			.featured2-dec .text h2 a {
				font-weight: bolder;
				color: #fff;
			}

		.featured2-dec .text p {
			color: #fff;
			margin-bottom: 14px;
			text-transform: capitalize;
			font-weight: normal;
		}

.shopnow {
	color: #fff;
	float: right;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}

	.shopnow i {
		margin-left: 7px;
		font-size: 16px;
	}
/*STYLE 2*/
.featured-style2 {
	float: left;
	width: 100%;
	position: relative;
	padding: 9px 0px 0px 15px;
	background-color: #686868;
	margin-bottom: 30px;
}

	.featured-style2:before {
		position: absolute;
		left: 10px;
		top: 10px;
		right: 50px;
		bottom: 0px;
		border-style: solid;
		border-width: 1px 1px 0;
		border-color: #fff;
		content: "";
	}

	.featured-style2 figure {
		margin-bottom: -72px;
		top: -81px;
		width: 239px;
		float: right;
	}

	.featured-style2 .text {
		padding: 13px 10px 0 14px;
		float: none;
		width: auto;
		overflow: hidden;
		position: relative;
	}

		.featured-style2 .text h2 {
			line-height: 36px;
			font-weight: bolder;
			color: #fff;
			margin-bottom: 9px;
		}

		.featured-style2 .text h5 {
			display: inline-block;
			font-size: 16px;
			line-height: 16px;
			text-transform: capitalize;
			color: #fff;
			padding: 7px 10px;
			background-color: #e64242;
			margin-bottom: 44px;
		}

		.featured-style2 .text h2 a {
			font-weight: bolder;
			color: #fff;
		}

		.featured-style2 .text p {
			color: #fff;
			margin-bottom: 23px;
			text-transform: capitalize;
			font-weight: normal;
		}

		.featured-style2 .text .shopnow {
			color: #fff;
			float: right;
			font-size: 14px;
			line-height: 14px;
			text-transform: uppercase;
		}

			.featured-style2 .text .shopnow i {
				margin-left: 7px;
				font-size: 16px;
			}
/*
	  ==============================================================
		   FEATURED THUMBS 2 CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   CANVAS SLIDER WRAP CSS START
	  ==============================================================
*/
.slider-1 {
	background-image: url(extra-images/slider-1-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-origin: center;
}

.soap-gallery {
	float: left;
	width: 100%;
	padding-bottom: 36px;
	position: relative;
}

	.soap-gallery::before {
		bottom: -20px;
		box-shadow: 0px -28px 11px 3px rgba(0, 0, 0, 0.2);
		content: "";
		height: 20px;
		border-radius: 100%;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 15px;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		width: 100%;
		z-index: 10;
	}

.shade {
	float: left;
	width: 100%;
	height: 20px;
	background: #fff;
	position: relative;
}

	.shade:before, .shade:after {
		content: "";
		background-color: #d9dbda;
		height: 45px;
		left: 22px;
		bottom: 100%;
		width: 60%;
		position: absolute;
		transform: skewX(-45deg);
		-moz-transform: skewX(-45deg);
		-webkit-transform: skewX(-45deg);
	}

	.shade:after {
		right: 22px;
		left: auto;
		transform: skewX(45deg);
		-moz-transform: skewX(45deg);
		-webkit-transform: skewX(45deg);
	}
/*
	  ==============================================================
		   CANVAS SLIDER WRAP CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		  TABS WRAP CSS START
	  ==============================================================
*/

.tabs-wrap1 {
	float: left;
	width: 100%;
	text-align: center;
}

.books-tab {
	display: inline-block;
	border-bottom: 1px solid #efefef;
	width: auto;
	margin-bottom: 36px;
}

	.books-tab li {
		display: inline-block;
		position: relative;
		margin-right: 20px;
		margin-bottom: 0;
	}

		.books-tab li:last-child {
			margin: 0;
		}

		.books-tab li a {
			font-size: 18px;
			font-weight: bold;
			color: #363636;
			text-transform: uppercase;
			padding: 13px 20px;
			border: none;
			background-color: transparent;
			margin: 0;
			position: relative;
		}

			.books-tab li a:before {
				content: "";
				left: 0;
				right: 0;
				bottom: -1px;
				position: absolute;
				height: 1px;
				width: 0;
				margin: 0 auto;
			}

		.books-tab li.active a:hover:before,
		.books-tab li.active a:before {
			width: 100%;
		}
		/*.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover,*/
		.books-tab .active > a:hover,
		.books-tab li > a:focus, .books-tab > li > a:hover {
			background-color: transparent;
			border: none;
		}

.tab-content {
	float: left;
	width: 100%;
}

.tabs-slider-wrap {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

	.tabs-slider-wrap .item {
		padding: 0 15px;
	}

	.tabs-slider-wrap .owl-carousel .owl-wrapper-outer {
		margin-bottom: 5px;
	}

	.tabs-slider-wrap .owl-theme .owl-controls .owl-page span {
		background: #ebebeb;
		border-radius: 100%;
		display: block;
		height: 10px;
		margin: 0 4px;
		width: 10px;
	}

.book-tab-dec {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

	.book-tab-dec:hover {
		box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
	}

	.book-tab-dec .text {
		text-align: center;
		padding: 23px 0px 30px;
		background-color: #f9f9f9;
	}

		.book-tab-dec .text small {
			font-size: 13px;
			font-style: normal;
			font-weight: normal;
			color: #888;
			text-transform: uppercase;
			line-height: 13px;
			display: inline-block;
			text-align: center;
			margin-bottom: 11px;
		}

		.book-tab-dec .text h5 {
			display: block;
			text-align: center;
			line-height: 18px;
			text-transform: uppercase;
			font-weight: 500;
			margin-bottom: 17px;
		}

.featured-slider-style .book-tab-dec .text {
	background: #fff;
}

	.featured-slider-style .book-tab-dec .text h5 {
		margin-bottom: 6px;
	}

.book-tab-dec .rating {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 8px;
}

	.book-tab-dec .rating > span:hover::before, .book-tab-dec .rating > span:hover ~ span::before,
	.book-tab-dec .rating span {
		color: gold;
	}

.book-tab-dec .price-tag {
	width: 100%;
	text-align: center;
	margin-bottom: 19px;
}

.add-cart {
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
	color: #363636;
	border: 1px solid #363636;
	padding: 6px 12px 7px;
	text-transform: uppercase;
}

.add-cart1 {
	display: inline-block;
	font-size: 8px;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
	color: #363636;
	border: 1px solid #CCC;
	padding: 0px 1px 0px;
	text-transform: capitalize;
	background-color: #CCC;
}

	.add-cart:hover, .add-cart1:hover,
	.book-tab-dec:hover .add-cart,
	.book-tab-dec .add-cart:hover {
		color: #fff;
	}
/*
	  ==============================================================
		  TABS WRAP CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   ORDER BAR CSS START
	  ==============================================================
*/
.order-bar {
	background-image: url(extra-images/order-bar.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

	.order-bar:before {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: #7e7e7e;
		opacity: 0.8;
		content: "";
	}

	.order-bar .text {
		border: 3px solid #fff;
		text-align: center;
		margin-bottom: 30px;
		padding: 22px 0 30px;
		position: relative;
	}

		.order-bar .text h5 {
			font-size: 48px;
			font-weight: bolder;
			text-transform: uppercase;
			line-height: 48px;
			color: #fff;
			margin-bottom: 12px;
		}

		.order-bar .text span {
			font-size: 24px;
			line-height: 24px;
			color: #fff;
			text-transform: capitalize;
			font-weight: normal;
			font-family: 'Raleway', sans-serif;
		}
/*
	  ==============================================================
		   ORDER BAR CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   FEATURED AUTHOR CSS START
	  ==============================================================
*/
/*FEATURED AUTHOR CSS START*/

.featured-author-bg {
	background-image: url(images/featured-author-bg.jpg);
	background-repeat: repeat;
	position: relative;
}

	.featured-author-bg:before {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0px;
		width: 75%;
		background-color: #fff;
		content: "";
	}

.featured-author {
	float: left;
	width: 78%;
	margin-bottom: 30px;
	position: relative;
}

	.featured-author .heading-2 {
		margin-bottom: 65px;
	}

	.featured-author figure {
		width: 300px;
		border: 8px solid #fff;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	}

	.featured-author .text {
		float: none;
		overflow: hidden;
		width: auto;
		padding: 0 70px 0 70px;
	}

.text-2 {
	float: left;
	width: 100%;
	text-align: left;
	padding-bottom: 25px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 22px;
}

	.text-2 h3 {
		line-height: 15px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 5px;
		font-family: 'Raleway', sans-serif;
	}

	.text-2 span {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 11px;
		display: inline-block;
		font-family: 'Raleway', sans-serif;
		margin-bottom: 23px;
	}

	.text-2 p {
		margin-bottom: 17px;
	}

	.text-2 em {
		font-size: 30px;
		line-height: 30px;
		color: #29adcd;
		text-transform: capitalize;
		font-family: 'Herr Von Muellerhoff', cursive;
		font-style: normal;
	}
/*FEATURED AUTHOR CSS END*/
/*AUTHOR SLIDER START*/
.author-1 {
	float: left;
	width: 100%;
}

	.author-1 .heading-2 h2 {
		font-weight: 800;
	}

.authorbook-slider {
	float: right;
	width: 22%;
	padding-left: 30px;
	border-left: 1px solid #efefef;
	position: relative;
}

	.authorbook-slider h5 {
		display: inline-block;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 18px;
		margin-bottom: 17px;
		font-family: 'Raleway', sans-serif;
	}

		.authorbook-slider h5 > span {
			display: block;
			font-family: 'Raleway', sans-serif;
			padding-top: 5px;
		}

	.authorbook-slider .bx-wrapper {
		margin: 0 auto 0px;
	}

		.authorbook-slider .bx-wrapper .bx-viewport {
			background: transparent;
			border: none;
			box-shadow: none;
			left: 0px;
		}

	.authorbook-slider .bx-controls-direction a {
		background-color: #f9f9f9;
		border-radius: 4px;
		height: 35px;
		right: 0;
		top: -45px;
		width: 35px;
		text-indent: 0;
		font-size: 0;
		background-image: none;
		transition: all 0.2s ease-in-out 0s;
	}

	.authorbook-slider .bx-wrapper .bx-controls-direction a:hover {
		color: #fff;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
	}

		.authorbook-slider .bx-wrapper .bx-controls-direction a:hover::before {
			color: #fff;
		}

	.authorbook-slider .bx-wrapper .bx-controls-direction a::before {
		color: #d7d7d7;
		content: "?";
		font-family: FontAwesome;
		font-size: 20px;
		left: 0;
		line-height: 35px;
		position: absolute;
		text-align: center;
		width: 100%;
		transition: all 0.2s ease-in-out 0s;
	}

	.authorbook-slider .bx-wrapper .bx-controls-direction a.bx-next::before {
		content: "?";
	}

	.authorbook-slider .bx-wrapper .bx-controls-direction a.bx-prev {
		left: auto;
		right: 35px;
	}

	.authorbook-slider .margin-bottom {
		margin-bottom: 18px;
	}

	.authorbook-slider .bx-pager.bx-default-pager {
		display: none;
	}
/*AUTHOR SLIDER END*/
.author-book {
	float: left;
	width: 100%;
}

	.author-book .readmore2 {
		font-size: 14px;
		font-weight: normal;
		text-transform: uppercase;
		color: #fff;
		line-height: 14px;
		padding: 13px 15px;
		background-color: #777571;
		position: relative;
	}

	.author-book .readmore2 {
		top: -12px;
		float: right;
	}

.readmore2 i {
	margin-left: 10px;
}
/*
	  ==============================================================
		   FEATURED AUTHOR CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   FEATURED BLOG 1 CSS START
	  ==============================================================
*/
.featured-blog1 {
	float: left;
	width: 100%;
}
/*date wrap start*/
.date-wrap {
	position: absolute;
	left: 0;
	top: 10px;
}

.date {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	line-height: 11px;
	color: #fff;
	padding: 15px 20px;
	text-align: center;
	text-transform: uppercase;
}

	.date b {
		display: block;
		font-size: 20px;
		line-height: 15px;
		margin-bottom: 4px;
	}

.featured-blog1 .text {
	border-style: solid;
	border-color: #f1f1f1;
	border-width: 1px 1px;
	padding: 27px 30px 30px;
	background-color: #fff;
}

	.featured-blog1 .text h5 {
		line-height: 18px;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.featured-blog1 .text p {
		margin: 0;
	}

.blog-meta {
	display: inline-block;
	width: auto;
	margin-bottom: 10px;
}

	.blog-meta li {
		display: inline-block;
		width: auto;
		text-transform: capitalize;
		font-weight: normal;
		color: #969595;
		padding: 0 15px;
		border-left: 2px solid #f5f5f5;
	}

		.blog-meta li:first-child {
			padding-left: 0;
			border: none;
		}

		.blog-meta li a {
			display: inline-block;
			font-weight: normal;
			color: #969595;
			margin-left: 5px;
			text-transform: capitalize;
		}

.blog-footer {
	float: left;
	width: 100%;
	background-color: #f9f9f9;
	padding: 10px;
}

.comment-icon {
	display: inline-block;
	line-height: 11px;
	color: #777;
	padding: 10px 15px;
	background-color: #fff;
	margin-right: 7px;
	text-transform: uppercase;
}

	.comment-icon i {
		margin-right: 5px;
	}

	.comment-icon.more {
		float: right;
		margin: 0;
	}

	.comment-icon:hover {
		color: #fff;
	}

.blog1-slider {
	float: left;
	width: 100%;
	position: relative;
}

	.blog1-slider .bx-wrapper {
		margin: 0 auto 0px;
	}

		.blog1-slider .bx-wrapper .bx-viewport {
			background: transparent;
			border: none;
			box-shadow: none;
			left: 0px;
		}

	.blog1-slider .bx-pager.bx-default-pager {
		display: none;
	}

	.blog1-slider .bx-controls-direction a {
		background-color: #fff;
		height: 23px;
		right: 10px;
		top: auto;
		bottom: 10px;
		width: 30px;
		text-indent: 0;
		font-size: 0;
		background-image: none;
		transition: all 0.2s ease-in-out 0s;
	}

	.blog1-slider .bx-wrapper .bx-controls-direction a:hover {
		color: #fff;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
	}

		.blog1-slider .bx-wrapper .bx-controls-direction a:hover::before {
			color: #fff;
		}

	.blog1-slider .bx-wrapper .bx-controls-direction a::before {
		color: #d7d7d7;
		content: "\f177";
		font-family: FontAwesome;
		font-size: 18px;
		left: 0;
		line-height: 23px;
		position: absolute;
		text-align: center;
		width: 100%;
		transition: all 0.2s ease-in-out 0s;
	}

	.blog1-slider .bx-wrapper .bx-controls-direction a.bx-next::before {
		content: "\f178";
	}

	.blog1-slider .bx-wrapper .bx-controls-direction a.bx-prev {
		left: auto;
		right: 45px;
	}

.blog1-video {
	float: left;
	width: 100%;
	position: relative;
}

	.blog1-video img {
		float: left;
		width: 100%;
	}

.play-icon {
	display: inline-block;
	width: 62px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	font-size: 20px;
	background-color: #fff;
}

	.play-icon:hover {
		color: #fff;
	}

.blog1-video .play-icon {
	position: absolute;
	top: 50%;
	margin: -31px auto 0;
	left: 0;
	right: 0;
}
/*
	  ==============================================================
		   FEATURED BLOG 1 CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   FEACHERD BRAND CSS START
	  ==============================================================
*/
.fechd-brand {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.brand-wrap {
	float: left;
	width: 100%;
	border-bottom: 1px solid #eeeeee;
}

.brand-wrap2 {
	border: none;
}

.brand-wrap li {
	padding: 35px 0;
	text-align: center;
	border-left: 1px solid #eeeeee;
}

	.brand-wrap li:first-child {
		border: none;
	}

	.brand-wrap li a {
		display: inline-block;
	}

		.brand-wrap li a img {
			float: left;
			width: 100%;
			-webkit-filter: opacity(20%);
			filter: opacity(20%);
		}

		.brand-wrap li a:hover img {
			-webkit-filter: opacity(100%);
			filter: opacity(100%);
		}

.publisher-slider {
	float: left;
	width: 100%;
	background-image: url(extra-images/fechd-publisher-bg.jpg);
	border-top: 6px solid;
}

.fechd-publisher {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	padding: 106px 0px 39px;
}

	.fechd-publisher:before {
		position: absolute;
		left: 0;
		right: 0;
		top: 40px;
		text-align: center;
		font-size: 28px;
		line-height: 28px;
		font-family: FontAwesome;
		content: "\f10d";
	}

	.fechd-publisher figure {
		width: 90px;
		float: none;
		display: inline-block;
	}

	.fechd-publisher .text {
		text-align: center;
		padding: 21px 30px 19px;
	}

		.fechd-publisher .text span {
			font-size: 16px;
			line-height: normal;
			font-weight: normal;
			text-transform: capitalize;
			color: #363636;
			margin-bottom: 14px;
			display: block;
		}

.publisher-slider .bx-wrapper {
	margin: 0 auto 0px;
}

	.publisher-slider .bx-wrapper .bx-viewport {
		background: transparent;
		border: none;
		box-shadow: none;
		left: 0px;
	}

.publisher-slider .bx-controls-direction {
	display: none;
}

.publisher-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: 20px;
	padding: 0;
}

	.publisher-slider .bx-wrapper .bx-pager.bx-default-pager a {
		background: #fff;
		border-radius: 4px;
		display: block;
		height: 10px;
		margin: 0 3px;
		outline: 0 none;
		width: 10px;
		border-radius: 100%;
	}

.publisher-slider .bx-pager.bx-default-pager a.active {
	border-radius: 100%;
}
/*
	  ==============================================================
		   FEACHERD BRAND CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   FOOTER 1 CSS START
	  ==============================================================
*/
.footer-1 {
	background-color: #262626;
	position: relative;
	padding: 61px 0 265px;
}

	.footer-1:before {
		background-image: url(images/footer-1.png);
		background-position: bottom;
		position: absolute;
		bottom: 0;
		left: 0px;
		right: 0px;
		margin: 0 auto;
		opacity: 0.2;
		content: "";
		top: 0;
		background-repeat: no-repeat;
	}

.brand-icons {
	display: inline-block;
	width: auto;
}

	.brand-icons li {
		display: inline-block;
		width: auto;
		margin-left: 20px;
	}

		.brand-icons li a {
			display: block;
			font-size: 16px;
		}

			.brand-icons li a i {
				font-size: 50px;
				line-height: 20px;
				color: #e1e1e1;
				float: left;
			}

.footer-1 .wid-slider {
	padding-right: 50px;
}

.footer-1 .widget-hd h3 {
	color: #fff;
}

.footer-1 .widget a,
.footer-1 .widget p {
	color: #fff;
}
/*
	  ==============================================================
		   FOOTER 1 CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   COPY RIGHT CSS START
	  ==============================================================
*/
.copy-right {
	float: left;
	width: 100%;
	background: #111111;
	padding: 18px 0 19px;
}

	.copy-right p {
		float: left;
		font-size: 14px;
		color: #fff;
		text-transform: uppercase;
		margin: 0;
	}

.ft-nav {
	float: right;
	width: auto;
}

	.ft-nav li {
		float: left;
		width: auto;
		margin-right: 15px;
	}

		.ft-nav li:last-child {
			margin: 0;
		}

		.ft-nav li a {
			display: block;
			font-size: 14px;
			color: #fff;
			line-height: 12px;
			font-weight: 500;
			text-transform: capitalize;
		}

.copy-right2 {
	text-align: center;
}

	.copy-right2 .ft-nav {
		display: inline-block;
		float: none;
	}

	.copy-right2 .brand-icons {
		float: right;
		margin-top: 4px;
	}

.brand-icons li a i {
	font-size: 32px;
}
/*
	  ==============================================================
		   COPY RIGHT CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   GO TO TOP CSS START
	  ==============================================================
*/
.go-up {
	background: #000 none repeat scroll 0 0;
	border-radius: 4px;
	bottom: 100px;
	color: #fff;
	font-size: 30px;
	height: 50px;
	line-height: 50px;
	position: fixed;
	right: 30px;
	text-align: center;
	width: 50px;
}

	.go-up:hover i {
		color: #fff;
		font-weight: bold;
	}
/*
	  ==============================================================
		   GO TO TOP CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   INNER BANNER CSS START
	  ==============================================================
*/
.inner-banner {
	float: left;
	width: 100%;
	background-image: url(images/inner-banner.jpg);
	background-repeat: repeat;
	background-position: center center;
	padding: 20px 0;
}

.inner-banner-dec {
	float: left;
	width: auto;
	padding: 36px 0 38px;
}

	.inner-banner-dec h5 {
		text-transform: uppercase;
		font-size: 44px;
		line-height: 44px;
		font-weight: bold;
		display: inline-block;
		margin-bottom: 10px;
	}

	.inner-banner-dec span {
		display: inline-block;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 30px;
		color: #fff;
		padding: 13px;
		margin-bottom: 54px;
	}

	.inner-banner-dec .breadcrumb {
		background-color: transparent;
		border-radius: 0;
		float: left;
		width: auto;
		list-style: outside none none;
		margin-bottom: 0;
		padding: 0;
	}

		.inner-banner-dec .breadcrumb li {
			display: inline-block;
			width: auto;
			text-transform: uppercase;
			font-size: 12px;
			line-height: 12px;
			font-weight: normal;
		}

			.inner-banner-dec .breadcrumb li a {
				color: #acacac;
			}

		.inner-banner-dec .breadcrumb > li + li::before {
			color: #acacac;
			content: "?";
			font-family: FontAwesome;
			font-size: 6px;
			padding: 0 5px;
			position: relative;
			top: -2px;
		}

.inner-banner .thumb {
	float: right;
	width: auto;
}

	.inner-banner .thumb img {
		float: left;
		width: 100%;
	}
/*
	  ==============================================================
		   INNER BANNER CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		  GRID 4 COLUMS PAGE CSS START
	  ==============================================================
*/
/*
	 ================
		   FILLTER OUTER WrAP CSS START
	 ================
*/
.fillter-outerwrap {
	border-bottom: 1px solid #f3f3f3;
	float: left;
	width: 100%;
	padding: 70px 0 40px;
}

.fillter-wrap {
	float: left;
	width: 100%;
	position: relative;
}

.slectric-dec {
	float: left;
	width: 100%;
	border: 1px solid #f2f2f2;
	border-radius: 2px;
	position: relative;
}

.fillter-wrap .slectric-dec {
	margin-bottom: 30px;
}

.slectric-dec span {
	float: left;
	width: 31%;
	font-size: 14px;
	color: #cccccc;
	text-transform: capitalize;
	line-height: 17px;
	font-weight: normal;
	padding: 12px 0 15px 20px;
}

.slectric-dec .selectric-wrapper {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	left: 0;
	min-height: auto;
	position: absolute;
	right: 0;
	width: 100%;
}

.slectric-dec .selectric .label {
	line-height: normal;
	height: auto;
	padding: 11px 50px 14px 32%;
	font-size: 14px;
	font-weight: normal;
	color: #555555;
}

.slectric-dec .selectric .button {
	height: 44px;
	font-size: 0;
	line-height: 44px;
	padding: 0;
	background: #f2f2f2;
	color: #b7b7b7;
	width: 44px;
}

	.slectric-dec .selectric .button:before {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		font-size: 22px;
		content: "\f107";
		color: #b7b7b7;
		font-family: FontAwesome;
		text-align: center;
	}

.slectric-dec .selectric-open .selectric-items {
	right: 0;
	width: 100% !important;
	z-index: 999;
}

.tab-dec {
	float: left;
	width: 100%;
	text-align: right;
	margin-bottom: 30px;
}

	.tab-dec .nav.nav-tabs {
		display: inline-block;
		width: auto;
		border: none;
		background: transparent;
	}

		.tab-dec .nav.nav-tabs li {
			display: inline-block;
			width: auto;
			margin: 0 0 0 5px;
		}

			.tab-dec .nav.nav-tabs li a {
				display: block;
				width: 42px;
				height: 42px;
				line-height: 42px;
				color: #b7b7b7;
				background: #f2f2f2;
				text-align: center;
				border-radius: 4px;
				font-size: 12px;
				padding: 0;
			}

			.tab-dec .nav.nav-tabs li:first-child {
				margin: 0;
			}

			.tab-dec .nav.nav-tabs li.active a {
				background: #363636;
				color: #fff;
			}

.rangsldr-dec {
	border: 1px solid #f2f2f2;
	border-radius: 2px;
	float: left;
	position: relative;
	width: 100%;
	padding: 12px 20px 10px;
	margin-bottom: 30px;
	line-height: 20px;
}

	.rangsldr-dec span {
		float: left;
		width: 16%;
		color: #cccccc;
		font-size: 14px;
		line-height: 14px;
	}

	.rangsldr-dec .amount {
		float: left;
		width: 16%;
		color: #555555;
		font-size: 14px;
		line-height: 14px;
		padding: 0;
	}

	.rangsldr-dec .slider-range.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
		display: inline-block;
		width: 68%;
		height: 10px;
		background: #f6f6f6;
		top: -1px;
		border-color: transparent;
	}

	.rangsldr-dec .ui-slider .ui-slider-handle {
		height: 16px;
		width: 6px;
		background: #363636;
		margin: 0 0 0 -2px;
		cursor: pointer;
		top: -4px;
	}

.link {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

	.link a:hover {
		background: #000;
		color: #fff;
	}

	.link a {
		display: inline-block;
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
		color: #fff;
		background: #313131;
		padding: 15px 0px;
		font-family: 'Raleway', sans-serif;
		font-weight: bolder;
		width: 100%;
		text-align: center;
	}

.tabs-slider-wrap6 .book-tab-dec .text h5,
.grid-4 .book-tab-dec .text h5 {
	text-transform: capitalize;
}

.book-tab-bx {
	float: left;
	width: 100%;
	position: relative;
}

	.book-tab-bx .bx-wrapper {
		margin: 0 auto -1px;
	}

		.book-tab-bx .bx-wrapper .bx-viewport {
			background: transparent;
			border: none;
			box-shadow: none;
			left: 0px;
		}

		.book-tab-bx .bx-wrapper img {
			float: left;
			width: 100%;
		}

		.book-tab-bx .bx-wrapper .bx-pager {
			display: none;
		}

		.book-tab-bx .bx-wrapper .bx-controls-direction a {
			height: 66px;
			text-indent: 0px;
			width: 26px;
			z-index: 200;
			background-color: rgba(54, 54, 54, 0.5);
			text-align: center;
			background-image: none;
			font-size: 0;
		}

			.book-tab-bx .bx-wrapper .bx-controls-direction a:before {
				content: "";
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				position: absolute;
				font-size: 16px;
				color: #fff;
				text-align: center;
				line-height: 66px;
				font-family: FontAwesome;
			}

		.book-tab-bx .bx-wrapper .bx-prev {
			left: 0;
		}

		.book-tab-bx .bx-wrapper .bx-next {
			right: 0;
		}

		.book-tab-bx .bx-wrapper .bx-controls-direction a.bx-prev:before {
			content: "\f104";
		}

		.book-tab-bx .bx-wrapper .bx-controls-direction a.bx-next:before {
			content: "\f105";
		}

		.book-tab-bx .bx-wrapper .bx-controls-direction a:hover:before {
			color: #fff;
		}
/*

	GRID 4 COLUM WRAP CSS START

*/
.grid-4 {
	padding: 70px 0 40px;
}

	.grid-4 .kf-pagination {
		padding: 30px 0;
		margin-bottom: 30px;
	}

.bran-slider-wrap .heading-1 {
	margin-bottom: 56px;
}

	.bran-slider-wrap .heading-1 span,
	.bran-slider-wrap .heading-1 h2 {
		text-align: center;
		width: 100%;
	}

.grid3-page {
	float: left;
	width: 100%;
}

.blog-grid3 {
	float: left;
	width: 100%;
}

.grid4-page {
	float: left;
	width: 100%;
}
/*
	  ==============================================================
		  GRID 4 COLUMS PAGE CSS START
	  ==============================================================
*/
/*
	  ==============================================================
		   BRAND SLIDER CSS START
	  ==============================================================
*/
.brand-slider {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

	.brand-slider .owl-theme .owl-controls .owl-buttons div {
		background: #f3f3f3;
		border-radius: 4px;
		color: #fff;
		display: inline-block;
		font-size: 0px;
		margin: 0px;
		opacity: 1;
		padding: 0;
		height: 30px;
		width: 30px;
		text-align: center;
		position: absolute;
		top: 50%;
		margin-top: -15px;
	}

	.brand-slider .owl-theme .owl-controls .owl-buttons .owl-prev {
		left: 0;
		right: auto;
	}

	.brand-slider .owl-theme .owl-controls .owl-buttons .owl-next {
		right: 0;
		left: auto;
	}

	.brand-slider .owl-theme .owl-controls .owl-buttons div:before {
		content: "";
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		position: absolute;
		font-size: 19px;
		color: #fff;
		text-align: center;
		line-height: 30px;
		font-family: FontAwesome;
	}

	.brand-slider .owl-theme .owl-controls .owl-buttons .owl-prev:before {
		content: "\f104";
	}

	.brand-slider .owl-theme .owl-controls .owl-buttons .owl-next:before {
		content: "\f105";
	}

	.brand-slider .owl-theme .owl-controls .owl-buttons a:hover:before {
		color: #fff;
	}

	.brand-slider .owl-pagination {
		display: none;
	}

	.brand-slider .item {
		text-align: center;
	}

	.brand-slider a {
		display: inline-block;
	}

		.brand-slider a img {
			float: left;
			width: 100%;
			-webkit-filter: opacity(20%);
			filter: opacity(20%);
		}

		.brand-slider a:hover img {
			-webkit-filter: opacity(100%);
			filter: opacity(100%);
		}
/*
	  ==============================================================
		   BRAND SLIDER CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   TRACKING BAR CSS START
	  ==============================================================
*/
.tracking-bar {
	float: left;
	width: 100%;
	background: #f9f9f9;
	padding: 30px 0px;
}

	.tracking-bar .text {
		width: auto;
	}

		.tracking-bar .text h3 {
			font-size: 25px;
			line-height: normal;
			font-weight: bold;
			text-transform: capitalize;
			display: inline-block;
			padding: 7px 0 0;
		}

		.tracking-bar .text i {
			float: left;
			font-size: 52px;
			line-height: 40px;
			margin-right: 12px;
			width: 54px;
			color: #363636;
		}

	.tracking-bar .text2 {
		width: auto;
		float: right;
		padding: 2px 0 0px;
	}

.input-text {
	width: 227px;
	margin-right: 15px;
}

	.input-text input[type="text"] {
		border: 1px solid #aaaaaa;
		background: transparent;
		text-transform: uppercase;
		font-size: 12px;
		padding: 9px 10px 9px;
		line-height: normal;
	}

		.input-text input[type="text"]::-webkit-input-placeholder {
			color: #363636;
			opacity: 0.6;
		}

		.input-text input[type="text"]:-moz-placeholder {
			color: #363636;
			opacity: 0.6;
		}

		.input-text input[type="text"]::-moz-placeholder {
			color: #363636;
			opacity: 0.6;
		}

		.input-text input[type="text"]:-ms-input-placeholder {
			color: #363636;
			opacity: 0.6;
		}

.track {
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	padding: 12px 10px 13px;
}

	.track:hover {
		background: #000;
	}
/*
	  ==============================================================
		   TRACKING BAR CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   BLOG 1 LIST STYLE CSS START
	  ==============================================================
*/
.blog-list-style {
	float: left;
	width: 100%;
}

.list-style-dec {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	overflow: hidden;
	background: #f9f9f9;
}

.blog-thumb {
	width: 270px;
	background: #464646;
	float: left;
	overflow: hidden;
	position: relative;
}

	.blog-thumb img {
		float: left;
		width: 100%;
	}

.blog-thumb-dec {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	margin-top: -21px;
	opacity: 0;
	-webkit-transform: translate(50px, 50px);
	-moz-transform: translate(50px, 50px);
	-ms-transform: translate(50px, 50px);
	-o-transform: translate(50px, 50px);
	transform: translate(50px, 50px);
}

.list-style-dec:hover .blog-thumb-dec {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.blog-thumb-dec a {
	display: inline-block;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	text-align: center;
	line-height: 42px;
	color: #fff;
	font-size: 16px;
}

	.blog-thumb-dec a:hover {
		background: #000;
	}

.list-style-dec:hover .blog-thumb img {
	opacity: 0.3;
}

.blog1-hd {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 15px;
}

	.blog1-hd h5 {
		display: block;
		text-transform: uppercase;
		font-weight: bolder;
		line-height: normal;
		margin-bottom: 10px;
	}

	.blog1-hd .price-tag {
		margin-bottom: 14px;
	}

		.blog1-hd .price-tag del {
			font-size: 12px;
		}
/*
	  ==============================================================
		   BLOG 2 LIST STYLE CSS START
	  ==============================================================
*/
.blog-list-style .list-style-dec .text {
	padding: 24px 30px 30px;
}

.blog-list-style .blog1-hd h5 {
	margin-bottom: 12px;
}

.blog-list-style .blog1-hd .price-tag {
	margin-bottom: 13px;
}

.blog-list-style .list-style-dec .text p {
	margin-bottom: 20px;
}

.blog-list-page1 .blog-list-style .list-style-dec .text p {
	margin-bottom: 28px;
}

.blog-list-style .text3 {
	margin-bottom: 18px;
}

.text3 {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 15px;
}

	.text3 .blog1-hd {
		width: auto;
		border: none;
		margin: 0;
	}

.rating-dec {
	float: right;
	width: auto;
}

	.rating-dec .rating {
		width: 100%;
		margin-bottom: 17px;
	}

	.rating-dec small {
		float: right;
		font-size: 12px;
		line-height: 12px;
		color: #cccccc;
		text-transform: uppercase;
		font-weight: normal;
	}

.list-style-dec .text {
	float: none;
	overflow: hidden;
	width: auto;
	padding: 25px 30px 30px;
	position: relative;
}

	.list-style-dec .text p {
		margin-bottom: 29px;
	}

.discount-lable {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 100px;
	color: #fff;
	display: inline-block;
	padding-top: 8px;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	font-weight: bolder;
	-webkit-transform: rotate(-45deg) translateY(70px);
	-moz-transform: rotate(-45deg) translateY(70px);
	-ms-transform: rotate(-45deg) translateY(70px);
	-o-transform: rotate(-45deg) translateY(70px);
	transform: rotate(-45deg) translateY(70px);
}

.like-2 {
	display: inline-block;
	font-size: 16px;
	background: transparent;
	color: #e1e1e1;
	margin-left: 30px;
}

.blog-list-wrap {
	float: left;
	width: 100%;
}

	.blog-list-wrap .kf-pagination {
		margin-bottom: 30px;
	}
/*
	  ==============================================================
		   BLOG  LIST STYLE WITH SIDE BAR CSS START
	  ==============================================================
*/
.list-style-dec .rating {
	display: inline-block;
	line-height: 16px;
	font-size: 18px;
	padding: 2px 0 0 0;
	margin-bottom: 13px;
}

	.list-style-dec .rating > span:hover:before,
	.list-style-dec .rating > span:hover ~ span:before,
	.list-style-dec .rating > span {
		color: #ffea00;
		font-size: 22px;
	}

.list-style-dec2 .blog1-hd {
	margin-bottom: 15px;
}

	.list-style-dec2 .blog1-hd h5 {
		margin-bottom: 5px;
	}

	.list-style-dec2 .blog1-hd > a {
		color: #cccccc;
		display: inline-block;
		font-size: 14px;
		font-weight: normal;
		line-height: 14px;
		text-transform: capitalize;
		margin-bottom: 19px;
	}

.list-style-dec2 .text p {
	margin-bottom: 19px;
}

.list-style-dec2 .text .price-tag {
	margin-bottom: 24px;
}

	.list-style-dec2 .text .price-tag del {
		font-size: 12px;
	}

.list-style-dec2 .book-tab-bx {
	width: 270px;
}

	.list-style-dec2 .book-tab-bx .bx-wrapper .bx-viewport {
		height: auto !important;
	}
/*
	  ==============================================================
		   BLOG  LIST STYLE WITH SIDE BAR CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   BLOG  CLASSIC PAGE CSS START
	  ==============================================================
*/
.blog-list-page1 {
	float: left;
	width: 100%;
}

.blog-list-page2 {
	float: left;
	width: 100%;
}

.blog-list-page {
	float: left;
	width: 100%;
}

.blog-classic {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.blog-classic-dec {
	float: left;
	width: 100%;
	margin-bottom: 50px;
	position: relative;
}

	.blog-classic-dec .thumb {
		background: #363636;
		position: relative;
		overflow: hidden;
	}

	.blog-classic-dec:hover .thumb img {
		opacity: 0.15;
	}

.thumb-links {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 0;
	margin-top: -21px;
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
}

.blog-classic-dec:hover .thumb-links {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.thumb-links a {
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 42px;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	display: inline-block;
	margin: 0 5px;
}

	.thumb-links a:hover {
		background-color: #000;
		color: #fff;
	}

.blog-classic-dec .text {
	background-color: #fafafa;
	padding: 23px 30px 30px;
}

	.blog-classic-dec .text h2 {
		font-weight: 600;
		line-height: normal;
		text-transform: uppercase;
		margin-bottom: 16px;
		float: left;
		width: 100%;
	}

	.blog-classic-dec .text p {
		margin-bottom: 29px;
	}

	.blog-classic-dec .text .blog-meta {
		margin-bottom: 8px;
	}

		.blog-classic-dec .text .blog-meta li {
			border: none;
			position: relative;
		}

			.blog-classic-dec .text .blog-meta li:before {
				position: absolute;
				top: 50%;
				margin-top: -7px;
				line-height: normal;
				font-size: 11px;
				color: #cccccc;
				right: 0;
				content: "/";
			}

			.blog-classic-dec .text .blog-meta li:last-child:before {
				font-size: 0;
			}

			.blog-classic-dec .text .blog-meta li,
			.blog-classic-dec .text .blog-meta li a {
				text-transform: capitalize;
				color: #cccccc;
			}

.blog-classic-dec .shopnow {
	color: #363636;
	float: left;
}

.blog-classic-dec .text .btn-2:hover {
	color: #fff;
}

.audio-dec {
	float: left;
	width: 100%;
}

.bxclassic-blog {
	float: left;
	width: 100%;
}

	.bxclassic-blog .bx-wrapper {
		margin: 0 auto 0px;
		float: left;
		width: 100%;
	}

.blog-classic-dec .bx-wrapper img {
	float: left;
	width: 100%;
}

.blog-classic ul {
	float: left;
	width: 100%;
}

.blog-classic > ul > li {
	width: 49.7%;
	padding: 0px 15px;
	display: inline-block;
	vertical-align: top;
}

.bxclassic-blog .bx-wrapper .bx-viewport {
	background: transparent;
	border: none;
	box-shadow: none;
	left: 0px;
}

.bxclassic-blog .bx-pager.bx-default-pager a.active {
	border-radius: 100%;
}

.bxclassic-blog .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	border-radius: 100%;
	display: block;
	height: 10px;
	margin: 0 3px;
	outline: 0 none;
	width: 10px;
}

.bxclassic-blog .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: 40px;
	float: left;
	line-height: 10px;
	padding: 0 0;
	position: absolute;
	width: 100%;
}

.bxclassic-blog .bx-wrapper .bx-controls-direction a {
	height: 42px;
	text-indent: 0px;
	width: 42px;
	z-index: 9999;
	background-color: rgba(54, 54, 54, 0.1);
	text-align: center;
	background-image: none;
	font-size: 0;
	overflow: hidden;
	border-radius: 4px;
}

	.bxclassic-blog .bx-wrapper .bx-controls-direction a:before {
		content: "";
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		position: absolute;
		font-size: 16px;
		color: #fff;
		text-align: center;
		line-height: 42px;
		font-family: FontAwesome;
	}

	.bxclassic-blog .bx-wrapper .bx-controls-direction a.bx-prev:before {
		content: "\f104";
	}

	.bxclassic-blog .bx-wrapper .bx-controls-direction a.bx-next:before {
		content: "\f105";
	}

	.bxclassic-blog .bx-wrapper .bx-controls-direction a:hover:before {
		color: #fff;
	}

.blockquote {
	float: left;
	width: 100%;
	text-align: center;
	padding: 110px 90px 112px;
	background-color: #363636;
	position: relative;
}

	.blockquote:before {
		position: absolute;
		left: 0;
		right: 0;
		top: 64px;
		font-family: FontAwesome;
		font-size: 30px;
		content: "\f10d";
		margin: 0 auto;
	}

	.blockquote:after {
		content: "\f10e";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 60px;
		font-family: FontAwesome;
		font-size: 30px;
		margin: 0 auto;
	}

	.blockquote span {
		color: #fff;
		font-size: 30px;
		line-height: 36px;
		text-transform: capitalize;
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
		margin-bottom: 20px;
		display: inline-block;
	}

	.blockquote p {
		margin: 0;
		font-size: 14px;
		color: #959595;
		font-weight: normal;
		text-transform: capitalize;
	}

.blog-list-page .blog-classic .blog-classic-dec .youtube-dec iframe,
.blog-list-page .blog-classic .blog-classic-dec .vimeo-dec iframe {
	height: 464px;
}
/*
	  ==============================================================
		   BLOG  CLASSIC PAGE CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   BLOG  GRID 2 PAGE CSS START
	  ==============================================================
*/
.grid2-page {
	float: left;
	width: 100%;
}

.grid2-blog {
	position: relative;
}

	.grid2-blog:before {
		position: absolute;
		left: 30px;
		right: 80%;
		height: 2px;
		background: #363636;
		content: "";
		bottom: 0;
		overflow: hidden;
	}

	.grid2-blog:hover:before {
		right: 30px;
	}

	.grid2-blog .text h2 {
		font-size: 18px;
		line-height: normal;
		margin-bottom: 11px;
	}

	.grid2-blog .text .blog-meta {
		margin-bottom: 12px;
	}

	.grid2-blog .text p {
		margin-bottom: 25px;
	}

.video {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: -25px auto 0;
	width: 50px;
	height: 50px;
	font-size: 50px;
}

	.video:hover {
		color: #fff;
	}

.icon-3 {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 41px;
	height: 41px;
	background: #363636;
	line-height: 41px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.grid2-blog .blockquote {
	padding: 124px 40px;
	background: rgba(54, 54, 54, 0.75);
}

	.grid2-blog .blockquote span {
		font-size: 24px;
		line-height: normal;
		font-weight: 500;
	}

.vimeo-dec {
	float: left;
	width: 100%;
}

.sound-dec {
	float: left;
	width: 100%;
}

.grid2-blog .vimeo-dec iframe {
	height: 230px;
}

.youtube-dec {
	float: left;
	width: 100%;
}

.grid2-blog .youtube-dec iframe {
	height: 230px;
}

.masonry-2 .youtube-dec iframe {
	height: 300px;
}
/*
	  ==============================================================
		   BLOG  GRID 2 PAGE CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   BLOG  FULL WIDTH PAGE CSS START
	  ==============================================================
*/
.blog-classic-dec.blog-full-width {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 50px;
}

	.blog-classic-dec.blog-full-width .text {
		padding: 0 0px;
		background: #fff;
		text-align: center;
	}

.blog-full-width .text h2 {
	margin: -10px 0 5px;
}

.blog-full-width .text .blog-meta {
	margin-bottom: 18px;
}

.blog-full-width .text .blockquote,
.blog-full-width .text .sound-dec,
.blog-full-width .text .bxclassic-blog,
.blog-full-width .text .vimeo-dec iframe,
.blog-full-width .text .youtube-dec iframe,
.blog-full-width .text .thumb {
	margin-bottom: 25px;
}

.blog-full-width .text .vimeo-dec iframe,
.blog-full-width .text .youtube-dec iframe {
	height: 568px;
}

.blog-full-width .text p {
	width: 100%;
	padding: 0 80px;
	clear: both;
}

.blog-full-width .blockquote {
	padding: 199px 130px 174px;
	background: #636363;
}

	.blog-full-width .blockquote::before {
		top: 154px;
	}

	.blog-full-width .blockquote::after {
		bottom: 154px;
	}
/*masonry2 blog*/
.masonry-page {
	float: left;
	width: 100%;
}

.masonry-2 .blog-classic-dec .text h2 {
	font-size: 24px;
	margin: -2px 0 20px;
}

.masonry-2 .blog-classic-dec .text .blog-meta {
	margin-bottom: 14px;
}

.masonry-2 .blog-classic-dec .blockquote {
	padding: 90px 30px 92px;
}

.link-post {
	float: left;
	width: 100%;
	text-align: center;
	background: #288ece;
	padding: 46px 0 48px;
	position: relative;
}

	.link-post:before {
		position: absolute;
		right: 40px;
		bottom: 40px;
		color: #53a5d8;
		font-size: 60px;
		font-family: FontAwesome;
		content: "\f0c1";
	}

	.link-post h3 {
		color: #fff;
		text-transform: capitalize;
		font-size: 38px;
		line-height: 38px;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
		margin-bottom: 14px;
	}

		.link-post h3 b {
			font-weight: bolder;
		}

	.link-post span {
		display: block;
	}

	.link-post a {
		display: inline-block;
		font-size: 14px;
		color: #c7efff;
		line-height: normal;
		text-transform: lowercase;
		position: relative;
	}

.loadnore {
	float: left;
	width: 100%;
}

	.loadnore a {
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
		display: block;
		text-align: center;
		padding: 11px 0 10px;
		border-radius: 4px;
		font-family: 'Raleway', sans-serif;
	}

		.loadnore a:hover {
			background: #000;
		}
/*
	  ==============================================================
		   404 PAGE CSS START
	  ==============================================================
*/
.error-wrap {
	float: left;
	width: 100%;
	text-align: center;
	padding: 130px 0 150px;
}

	.error-wrap span {
		display: inline-block;
		font-size: 280px;
		font-weight: bolder;
		line-height: 224px;
		text-transform: uppercase;
		margin-bottom: 53px;
	}

	.error-wrap h4 {
		font-size: 48px;
		line-height: 48px;
		text-transform: capitalize;
		font-weight: 300;
		color: #555555;
		margin-bottom: 20px;
	}

	.error-wrap h5 {
		font-size: 30px;
		line-height: 30px;
		text-transform: capitalize;
		font-weight: 300;
		color: #555555;
		margin-bottom: 25px;
	}

	.error-wrap h6 {
		font-size: 24px;
		line-height: 24px;
		text-transform: capitalize;
		font-weight: 300;
		margin-bottom: 102px;
	}

	.error-wrap form {
		width: 100%;
		float: left;
		margin: 0 auto;
		text-align: center;
		background: #fafafa;
		padding: 99px 0 94px;
	}

.input-dec2 {
	float: left;
	width: 100%;
	position: relative;
}

.error-wrap .input-dec2 {
	width: 33%;
	float: none;
	display: inline-block;
}

.input-dec2 input[type=text] {
	float: left;
	width: 100%;
	background: #e2e2e2;
	border-radius: 40px;
	padding: 15px 40px 19px 30px;
}

	.input-dec2 input[type=text]::-webkit-input-placeholder {
		color: #c2c2c2;
		opacity: 1;
	}

	.input-dec2 input[type=text]:-moz-placeholder {
		color: #c2c2c2;
		opacity: 1;
	}

	.input-dec2 input[type=text]::-moz-placeholder {
		color: #c2c2c2;
		opacity: 1;
	}

	.input-dec2 input[type=text]:-ms-input-placeholder {
		color: #c2c2c2;
		opacity: 1;
	}

.input-dec button,
.input-dec3 button,
.input-dec2 button {
	position: absolute;
	background-color: transparent;
	right: 0;
	top: 0;
	height: 100%;
	color: #363636;
	font-size: 18px;
	width: 60px;
	text-align: center;
	border-bottom-right-radius: 32px;
	border-top-right-radius: 32px;
}

	.input-dec2 button:hover {
		color: #fff;
	}
/*
	  ==============================================================
		   404 PAGE CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		  CONTACT US PAGE CSS START
	  ==============================================================
*/
.contact_outerwrap {
	padding: 61px 0 70px;
}

.kode-map {
	float: left;
	width: 100%;
}

	.kode-map #map-canvas {
		float: left;
		width: 100%;
		height: 600px;
	}

.contact_outerwrap .widget-hd h3 {
	color: #363636;
	margin: 0 0 30px;
}

	.contact_outerwrap .widget-hd h3::before {
		background: #363636;
	}

.contact_outerwrap .input-dec3 {
	margin-bottom: 30px;
}

.contact-wrap {
	float: left;
	width: 100%;
}

	.contact-wrap .btn-2:hover {
		background: #000;
		color: #fff;
		border-color: #000;
	}

	.contact-wrap .input-dec3 textarea,
	.contact-wrap .input-dec3 input[type="text"] {
		border: 1px solid transparent;
	}

.contact_outerwrap .contact-ft > ul > li {
	border-color: #f5f5f5;
	color: #959595;
}

	.contact_outerwrap .contact-ft > ul > li span {
		color: #363636;
	}

.contact_outerwrap .social-1 li a {
	background: #e1e1e1;
	color: #fff;
}
/*
	  ==============================================================
		  CONTACT US PAGE CSS end
	  ==============================================================
*/

/*
	  ==============================================================
		 BLOG DETAIL PAGE PAGE CSS START
	  ==============================================================
*/
.blog-detail-page {
	float: left;
	width: 100%;
}

.blog-detail-wrap {
	float: left;
	width: 100%;
	background: #fafafa;
	margin-bottom: 40px;
}

.blog-detail-dec {
	margin-bottom: 0;
}

	.blog-detail-dec .text p {
		margin-bottom: 19px;
	}

		.blog-detail-dec .text p:last-child {
			margin: 0;
		}

.blog-classic-dec .text .blog-meta li, .blog-classic-dec .text .blog-meta li a {
	font-size: 14px;
	line-height: 14px;
}

.blockquote2 {
	float: left;
	width: 100%;
	padding: 23px 110px 30px;
}

	.blockquote2 h3 {
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
		text-transform: capitalize;
		position: relative;
		margin-bottom: 10px;
	}

		.blockquote2 h3:before {
			position: absolute;
			left: -48px;
			top: -4px;
			font-size: 30px;
			content: "\f10d";
			font-family: FontAwesome;
		}

	.blockquote2 p {
		color: #cccccc;
		margin: 0;
	}

.text-dec2 {
	float: left;
	width: 100%;
	padding: 24px 30px 28px;
}

	.text-dec2 p {
		margin-bottom: 24px;
	}

		.text-dec2 p:last-child {
			margin-bottom: 0px;
		}

.detail-full-width .text-dec2 p:last-child {
	margin-bottom: 0px;
}

.text-dec2 p span {
	color: #fff;
}

.text-dec2 p a {
	color: #363636;
	text-decoration: dashed underline;
}

.blog-detail-thumb {
	float: left;
	width: 100%;
	padding: 0px 30px;
	margin-bottom: 30px;
}

	.blog-detail-thumb span {
		font-size: 24px;
		line-height: 24px;
		font-weight: 600;
		text-transform: capitalize;
		display: block;
		font-family: 'Raleway', sans-serif;
		margin: -3px 0 17px;
		float: left;
		color: #363636;
	}

	.blog-detail-thumb p {
		margin-bottom: 19px;
	}

		.blog-detail-thumb p img {
			float: left;
			width: 471px;
			margin-right: 30px;
			margin-bottom: 25px;
		}

	.blog-detail-thumb br {
		margin-bottom: 24px;
	}

	.blog-detail-thumb p em {
		font-style: normal;
	}

.blog-detail-thumb2 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0 30px;
	margin-bottom: 18px;
}

	.blog-detail-thumb2 figure {
		display: inline-block;
		float: none;
		width: 470px;
		margin-bottom: 21px;
	}

	.blog-detail-thumb2 figcaption {
		background: #f5f5f5;
		text-align: center;
		float: left;
		width: 100%;
		padding: 9px 0 14px;
	}

		.blog-detail-thumb2 figcaption span {
			font-size: 12px;
			color: #cccccc;
			text-transform: capitalize;
			line-height: 12px;
		}

	.blog-detail-thumb2 .text {
		text-align: left;
	}

	.blog-detail-thumb2 .blog-meta3 {
		padding: 47px 0 47px;
	}

.blog-meta3 {
	float: left;
	width: 100%;
}

	.blog-meta3 li {
		float: left;
		width: 100%;
		margin-bottom: 16px;
	}

		.blog-meta3 li:last-child {
			margin-bottom: 0;
		}

		.blog-meta3 li i {
			margin-right: 20px;
			font-size: 20px;
			line-height: 20px;
			float: left;
		}

		.blog-meta3 li span {
			font-size: 14px;
			line-height: 18px;
			text-transform: capitalize;
			float: left;
		}

	.blog-meta3.green-icon li i {
		color: #8dc63f;
	}

	.blog-meta3.black-icon li i {
		color: #959595;
	}

	.blog-meta3.green-icon li i {
		color: #8dc63f;
	}

	.blog-meta3.blue-icon li i {
		color: #288ece;
	}

.blog-detail-thumb2 .blog-meta3.green-icon li i {
	color: #8dc63f;
}

.blog-meta3.black-icon li i {
	color: #959595;
}

.detail-thumb2 {
	padding: 0 30px;
}

	.detail-thumb2 p img {
		float: right;
		margin: 0 0 25px 30px;
	}

	.detail-thumb2 .text {
		text-align: left;
	}

	.detail-thumb2 br {
		margin-bottom: 18px;
	}

.blog-detai-social {
	float: left;
	width: 100%;
	padding: 0 30px;
}

	.blog-detai-social .widget-tags {
		margin-bottom: 20px;
		float: left;
		width: 100%;
	}

	.blog-detai-social .social-1 {
		margin-bottom: 60px;
	}

.autor-blockquote {
	float: left;
	width: 100%;
	border: 1px solid #f5f5f5;
	margin-bottom: 59px;
}

	.autor-blockquote .thumb {
		width: 160px;
		padding: 30px;
		overflow: visible;
		background: #fafafa;
	}

		.autor-blockquote .thumb:before {
			position: absolute;
			left: 0;
			right: 0;
			top: -16px;
			margin: 0 auto;
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 16.5px 16px 16.5px;
			border-color: transparent transparent #fafafa transparent;
		}

		.autor-blockquote .thumb img {
			border-radius: 100%;
		}

	.autor-blockquote .text {
		float: none;
		overflow: hidden;
		width: auto;
		padding: 27px 30px 30px;
	}

		.autor-blockquote .text h5 {
			text-transform: capitalize;
			line-height: 18px;
			margin-bottom: 7px;
			font-weight: bold;
		}

		.autor-blockquote .text span {
			text-transform: capitalize;
			display: block;
			line-height: 12px;
			font-size: 12px;
			color: #ccc;
			margin-bottom: 9px;
		}

		.autor-blockquote .text p {
			margin-bottom: 0;
		}

.related-post2-wrap {
	float: left;
	width: 100%;
}

	.related-post2-wrap .blog-meta li {
		padding: 0 8px;
	}

		.related-post2-wrap .blog-meta li:first-child {
			padding-left: 0;
		}

	.related-post2-wrap .featured-slider {
		margin-bottom: 40px;
	}

.blog-detail-page .grid2-blog .youtube-dec iframe {
	height: 168px;
}
/*
	  ==============================================================
		 BLOG DETAIL PAGE PAGE CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   COMING SOON PAGE CSS START
	  ==============================================================
*/
.comingsoon-wrap {
	background: #fff;
	bottom: 0;
	float: left;
	left: 0;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
}

.comingsoon-dec {
	position: absolute;
	display: inline-block;
	width: 56%;
	margin: -321px auto 0;
	top: 50%;
	left: 0;
	right: 0;
}

.coming-logo {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 75px;
}

	.coming-logo a {
		display: inline-block;
	}

		.coming-logo a img {
			float: left;
			width: 100%;
		}

.comingsoon-dec span {
	font-size: 70px;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	display: inline-block;
	line-height: 51px;
	margin-bottom: 3px;
}

.comingsoon-dec h5 {
	font-weight: 300;
	font-size: 40px;
	line-height: normal;
	color: #959595;
	text-transform: capitalize;
	margin-bottom: 1px;
}

.comingsoon-dec h6 {
	font-weight: 300;
	font-size: 20px;
	line-height: normal;
	color: #959595;
	text-transform: capitalize;
	margin-bottom: 78px;
}

.comingsoon-dec .countdown-wrap {
	margin-bottom: 75px;
}

.comingsoon-dec .text > p {
	margin: 0;
	color: #c2c2c2;
	text-transform: capitalize;
	display: inline-block;
	margin-bottom: 49px;
}

	.comingsoon-dec .text > p a {
		color: #363636;
	}

.comingsoon-dec .social-1 {
	width: 100%;
}

	.comingsoon-dec .social-1 li {
		display: inline-block;
		padding: 0;
		width: auto;
		float: none;
	}
/*
	  ==============================================================
		   COMING SOON PAGE CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		   LOGIN SIGNUP FORM PAGE CSS START
	  ==============================================================
*/
.login-bg {
	background: #fafafa;
}

.login-wrap {
	padding: 30px 0;
	float: left;
	width: 100%;
}

.login1 .modal-content {
	float: left;
	width: 100%;
	padding: 30px;
	box-shadow: none;
	border: 3px solid #fafafa;
	background: #fff;
}

.login1 .user-box {
	float: left;
	width: 100%;
}

.login1 form {
	float: left;
	width: 100%;
}

.login1 .input-dec3 {
	margin-bottom: 10px;
}

.dialog-footer {
	float: left;
	width: 100%;
	padding-top: 10px;
}

	.dialog-footer a {
		float: right;
		font-size: 13px;
		color: #c2c2c2;
		line-height: normal;
		margin: 11px 0;
	}

		.dialog-footer a i {
			margin-left: 10px;
		}

.dialog-button {
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-weight: bolder;
	line-height: 11px;
	padding: 14px 65px;
	text-transform: uppercase;
}

	.dialog-button:hover {
		background: #000;
	}

.login2 .modal-content {
	background: #252525;
}

.login2 .input-dec3 input[type="text"] {
	background: #171717;
}

	.login2 .input-dec3 input[type="text"]::-webkit-input-placeholder {
		color: #464646;
		opacity: 1;
	}

	.login2 .input-dec3 input[type="text"]:-moz-placeholder {
		color: #464646;
		opacity: 1;
	}

	.login2 .input-dec3 input[type="text"]::-moz-placeholder {
		color: #464646;
		opacity: 1;
	}

	.login2 .input-dec3 input[type="text"]:-ms-input-placeholder {
		color: #464646;
		opacity: 1;
	}

.login2 .dialog-footer a {
	color: #464646;
}

.login3 .modal-content {
	background: #f5f5f5;
	border: none;
}

.login3 .input-dec3 input[type="text"] {
	background: #fff;
}

.login3 .dialog-button {
	background: #00aeef;
	color: #fff;
}

.login4 .modal-content {
	background: #e5493a;
	border: none;
}

.login4 .input-dec3 input[type="text"] {
	background: #fff;
}

.login4 .dialog-button {
	background: #000;
	color: #fff;
}

.login5 .modal-content {
	background: #f5f5f5;
	border: none;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.login5 .input-dec3 input[type="text"] {
	background: #fff;
}

.login5 .nav-tabs {
	float: left;
	width: 100%;
	margin: 0;
	border: none;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

	.login5 .nav-tabs li {
		width: 50%;
		text-align: center;
		float: left;
		margin: 0 0 -2px 0;
		border-radius: 0;
		background-color: #16b594;
	}

		.login5 .nav-tabs li a {
			color: #000;
			display: block;
			font-weight: bolder;
			line-height: 11px;
			padding: 14px 0px;
			text-transform: uppercase;
			background: #f5f5f5;
			margin: 0;
		}

.login5 .nav.nav-tabs > li:last-child a {
	border-top-right-radius: 4px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.login5 .nav.nav-tabs > li:first-child a {
	border-top-left-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.login5 .nav-tabs > li.active > a,
.login5 .nav-tabs > li.active > a:focus,
.login5 .nav-tabs > li.active > a:hover,
.login5 .books-tab .active > a:hover,
.login5 .books-tab li > a:focus,
.login5 .books-tab > li > a:hover {
	background: #16b594;
	color: #363636;
	border: none;
	margin: 0;
}

.input-container {
	float: left;
	width: 100%;
	margin-bottom: 18px;
}

	.input-container label {
		display: inline-block;
		width: auto;
		margin: 0;
		color: #959595;
	}

		.input-container label .checkbox, .input-container label .radio {
			float: left;
			margin: 0;
		}

	.input-container a {
		margin: 0;
		color: #959595;
	}

.login5-1 .dialog-button {
	width: 100%;
}

.login6 .modal-content {
	background: #fff;
	border: none !important;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.login6 .input-dec3 i {
	border-right: 1px solid #ebebeb;
	height: auto;
	left: 0;
	line-height: 20px;
	right: auto;
	top: 10px;
}

.login6 .input-dec3 input[type="text"] {
	padding-right: 20px;
	padding-left: 73px;
}

.login6 .dialog-button {
	width: 100%;
	background: #00aeef;
}

.new-account {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #8dc63f;
	float: left;
	width: 100%;
	font-weight: bolder;
	line-height: 11px;
	padding: 14px 0px;
	text-align: center;
	text-transform: capitalize;
	background: #f5f5f5;
}

	.new-account span {
		color: #c2c2c2;
	}

.login6-1 .modal-content {
	background: #252525;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border: none !important;
}

.login6-1 .dialog-button {
	background: #353535;
}

.login6-1 .new-account {
	background: #8dc63f;
	color: #fff;
}

	.login6-1 .new-account span {
		color: #fff;
	}






.modal-quickview {
	width: 1170px;
}

	.modal-quickview .modal-content {
		padding: 90px;
		float: left;
	}

	.modal-quickview .book-view {
		margin: 0;
	}

		.modal-quickview .book-view .thumb #bx-pager {
			width: 70px;
		}

	.modal-quickview .cart-3 {
		padding-left: 60px;
		padding-right: 60px;
	}

	.modal-quickview .book-padding {
		padding: 18px 0;
	}

	.modal-quickview .book-view .thumb #bx-pager a {
		margin-bottom: 18px;
	}

	.modal-quickview .close {
		background: #fff none repeat scroll 0 0;
		border-radius: 100%;
		color: #e1e1e1;
		display: inline-block;
		float: none;
		font-size: 18px;
		height: 43px;
		left: 0;
		line-height: 33px;
		margin: 0 auto;
		opacity: 1;
		padding: 0;
		position: absolute;
		right: 0;
		text-align: center;
		top: -21px;
		width: 43px;
		z-index: 10;
	}
/*
	  ==============================================================
		   LOGIN SIGNUP FORM PAGE CSS END
	  ==============================================================
*/
/*
=================================================
		CHECKBOX AND RADIO BUTTON CSS
=================================================
*/
label {
	cursor: pointer;
}

/* hide the "real" radios visually */

.radio input {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* style the "fake" radios */

.radio-value {
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	border-radius: 3px;
	display: inline-block;
	height: 16px;
	margin-right: 10px;
	position: relative;
	vertical-align: -3px;
	width: 16px;
}

input:checked + .radio-value {
	background-image: url(images/tick.png);
	border-color: #f0512e;
	background-color: #f0512e;
}
/*
=================================================
		CHECKBOX AND RADIO BUTTON CSS END

=================================================
*/
/*
=================================================
		BLOG FORM  CSS START
=================================================
*/
.blog-form {
	margin-bottom: 60px;
}

.commenting-wrap-1 {
	float: left;
	width: 100%;
	margin-bottom: 39px;
}

	.commenting-wrap-1 .heading-1 h2 {
		display: inline-block;
	}

	.commenting-wrap-1 .heading-1 .btn-2 {
		float: right;
		background: #fafafa;
		color: #c2c2c2;
		border: none;
	}

		.commenting-wrap-1 .heading-1 .btn-2:hover {
			color: #fff;
		}

	.commenting-wrap-1 ul li,
	.commenting-wrap-1 ul {
		float: left;
		width: 100%;
	}

		.commenting-wrap-1 ul ul li:last-child .commenting-dec,
		.commenting-wrap-1 ul li .commenting-dec {
			margin-bottom: 20px;
		}

		.commenting-wrap-1 ul ul li .commenting-dec {
			margin: 0;
		}

		.commenting-wrap-1 ul ul {
			margin: -20px 0 0;
		}

			.commenting-wrap-1 ul ul .commenting-dec {
				background: #fafafa;
			}

.commenting-dec {
	border: 1px solid #f5f5f5;
	float: left;
	width: 100%;
	padding: 30px;
	background: #fff;
}

	.commenting-dec figure {
		width: 70px;
	}

	.commenting-dec .text {
		float: none;
		overflow: hidden;
		width: auto;
		padding-left: 30px;
	}

.commenting-hd {
	float: left;
	width: 100%;
}

	.commenting-hd h5 {
		display: inline-block;
		float: left;
		font-weight: bold;
		line-height: 18px;
		margin: -3px 0 0;
		text-transform: capitalize;
	}

	.commenting-hd .reply-btn {
		float: right;
	}

		.commenting-hd .reply-btn:hover {
			color: #fff;
		}

.reply-btn {
	padding: 9px 15px 8px;
	background: #363636;
	border-radius: 4px;
	font-size: 12px;
	line-height: 12px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
}

.commenting-dec .text span {
	font-size: 12px;
	line-height: 12px;
	color: #cccccc;
	text-transform: capitalize;
	display: block;
	float: left;
	width: 100%;
	margin: -2px 0 6px;
}

.commenting-dec .text p {
	margin: 0;
}

.blog-form .input-dec3 {
	margin-bottom: 30px;
}

	.blog-form .input-dec3 textarea,
	.blog-form .input-dec3 input[type="text"] {
		background: #fafafa;
		border: 1px solid transparent;
	}

.before-adj i {
	padding-top: 8px !important;
}

.blog-navigation {
	float: left;
	width: 100%;
	border-top: 1px solid #f5f5f5;
	padding: 30px 0;
}

.blog-nav i {
	color: #e1e1e1;
	float: left;
	font-size: 66px;
	line-height: 41px;
	margin: -4px 0px 0 0;
	width: auto;
}

.blog-nav small {
	display: block;
	font-size: 14px;
	line-height: 14px;
	color: #cccccc;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	margin-top: 3px;
}

.blog-nav:hover small {
	color: #cccccc;
}

.blog-nav span {
	float: left;
	text-align: left;
	width: auto;
	font-size: 18px;
	line-height: 18px;
	text-transform: capitalize;
	color: #363636;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}

.next-blog,
.next-blog span {
	float: right;
}

.prv-blog i {
	float: left;
	margin-right: 18px;
}

.next-blog i {
	float: right;
	margin-left: 18px;
}

.next-blog span {
	width: auto;
	text-align: right;
}
/*
	  ==============================================================
		 BLOG DETAIL PAGE PAGE CSS END
	  ==============================================================
*/
/*
	  ==============================================================
		 BLOG DETAIL FULL WIDTH PAGE PAGE CSS END
	  ==============================================================
*/
.blog-detail-page2 {
	float: left;
	width: 100%;
}

.blog-fullwidth-page {
	float: left;
	width: 100%;
}

.detail-full-width {
	padding: 0;
	margin: 0;
	border: none;
}

	.detail-full-width .text {
		text-align: left;
		padding: 0;
		background: #fff;
	}

		.detail-full-width .text h2 {
			margin: -10px 0 5px;
		}

	.detail-full-width .blog-meta {
		float: left;
	}

	.detail-full-width .text p {
		padding: 0;
		text-align: left;
		clear: both;
		margin-bottom: 19px;
	}

		.detail-full-width .text p:last-child {
			margin: 0;
		}

	.detail-full-width .text .blog-meta {
		margin-bottom: 18px;
	}

	.detail-full-width .thumb {
		margin-bottom: 25px;
	}

p em {
	font-style: normal;
}

.detail-full-width .blockquote {
	background: #fff;
	padding-right: 130px;
	padding-left: 130px;
}

	.detail-full-width .blockquote span {
		color: #363636;
	}

.detail-full-width .text-dec2 {
	padding: 0;
	margin-bottom: 58px;
}

	.detail-full-width .text-dec2 p {
		margin-bottom: 19px;
	}

.detail-full-width figure {
	width: 768px;
}

.detail-full-width .blog-meta3 {
	width: 100%;
}

.blog-detail-thumb2.detail-full-width {
	margin-bottom: 30px;
}

.detail-full-width p img {
	width: 670px;
	float: right;
	margin: 0 0 25px 30px;
}

.commenting2 ul li ul {
	padding-left: 100px;
	position: relative;
	margin: 0 0 20px;
}

	.commenting2 ul li ul:before {
		position: absolute;
		left: 50px;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 1px;
		content: "";
		background: #f5f5f5;
	}

	.commenting2 ul li ul li {
		position: relative;
	}

.commenting2 ul ul ul {
	margin: 0;
}

.commenting2 ul li:last-child .commenting-dec {
	margin: 0;
}

.commenting-wrap-1.commenting2 li:hover .commenting-dec {
	border-left-color: #f5f5f5;
}

.commenting-dec {
	position: relative;
}

.commenting2 ul li ul li .commenting-dec:before {
	position: absolute;
	left: -50px;
	width: 20px;
	height: 1px;
	top: 0;
	background: #f5f5f5;
	content: "";
	bottom: 0;
	margin: auto;
}
/*
=================================================
		WIDGET INPUTS  CSS START
=================================================
*/

.input-dec3 {
	float: left;
	width: 100%;
	position: relative;
}

.cutomer-reviews .reviewSelectBook,
.cutomer-reviews .reviewTextInput input[type="text"] {
	border: 0px solid #ccc;
	background: #f5f5f5;
	height: 40px;
}

.input-dec3 input[type="text"],
.input-dec3 select {
	padding: 6px 0px 5px 15px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	width: 100%;
	float: left;
	/*text-transform: capitalize;*/
	border-radius: 4px;
}

.newAddressAreatext, textarea {
	margin-bottom: 5px;
}

.cutomer-reviews.trackingCodeView input[type="text"] {
	background: #f5f5f5;
	height: 40px;
}

.sb_inner_contbox .paymenthistorySearch {
	height: 30px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	padding: 5px;
	margin-right: 5px;
}

.sb_inner_contbox .labelName.label {
	color: #000;
}

.pull_left {
	text-align: left;
	margin-bottom: 6px;
}

td.label span, td.label label {
	color: #000;
	font-size: 14px;
}

.sendGiftVoucherTable tr td {
	padding: 5px;
}

	.sendGiftVoucherTable tr td input[type="text"],
	.sendGiftVoucherTable tr td textarea, {
		width: 50%;
		background: #f5f5f5;
		border: 0px solid transparent;
		height: 40px;
		padding: 5px;
	}

.addWishlistLablel {
	text-align: right;
	padding-top: 7px;
}

.addwishlistFull {
	margin-top: 10px;
}

.addwishlistText {
	background: #f5f5f5;
	border: 0px solid transparent;
	height: 40px;
	padding: 5px;
}

.cutomer-reviews .cancelOrderText input[type="text"],
.cutomer-reviews .findWishlistText input[type="text"] {
	background: #f5f5f5;
	height: 43px;
}

.input-dec3 input[type="text"]::-webkit-input-placeholder {
	color: #959595;
	opacity: 1;
}

.input-dec3 input[type="text"]:-moz-placeholder {
	color: #959595;
	opacity: 1;
}

.input-dec3 input[type="text"]::-moz-placeholder {
	color: #959595;
	opacity: 1;
}

.input-dec3 input[type="text"]:-ms-input-placeholder {
	color: #959595;
	opacity: 1;
}

.input-dec3 i {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 20px;
	color: #e1e1e1;
	font-size: 14px;
	line-height: 41px;
}

.input-dec3 textarea {
	float: left;
	width: 100%;
	padding: 15px;
	font-size: 14px;
	color: #959595;
	/*text-transform: capitalize;*/
	resize: none;
	height: 100px;
	background-color: #f5f5f5;
	border-radius: 4px;
}

	.input-dec3 textarea::-moz-placeholder {
		color: #959595;
	}

.input-dec3.before i {
	top: 20px;
}

.input-dec3 > span {
	font-size: 14px;
	color: #000;
	font-weight: normal;
	line-height: 14px;
	margin-bottom: 15px;
	display: inline-block;
}

.input-dec3 span small {
	color: #e5493a;
}

.multi input[type="text"]:last-child {
	margin-top: 10px;
}

/*
=================================================
		WIDGET INPUTS  CSS END
=================================================
*/
/*
	  ==============================================================
		 WIDGET CSS END
	  ==============================================================
*/
/*
=================================================
		RATING STAR CSS START
=================================================
*/
.rating {
	/*unicode-bidi: bidi-override;
  direction: rtl;*/
	line-height: 16px;
}

	.rating > span {
		display: inline-block;
		position: relative;
		font-size: 16px;
		color: #f7941d;
	}

/*	.rating > span:hover:before,
		.rating > span:hover ~ span:before {
			content: "\2605";
			position: absolute;
			color: #f7941d;
			left: 0px;
		}*/
/*
=================================================
		RATING STAR CSS END
=================================================
*/
/*
    ==============================================================
       BOOK VIEW CSS START
    ==============================================================
*/
.product-detail3,
.product-detail2,
.product-detail1 {
	float: left;
	width: 100%;
}

.book-view {
	float: left;
	width: 100%;
	margin-bottom: 38px;
}

.thumb-slider {
	float: right;
	width: 480px;
	position: relative;
}

	.thumb-slider .bx-wrapper {
		margin: 0 auto 0px;
	}

		.thumb-slider .bx-wrapper .bx-viewport {
			background: transparent;
			border: none;
			box-shadow: none;
			left: 0px;
		}

.book-view .thumb #bx-pager {
	float: left;
	width: 158px;
}

	.book-view .thumb #bx-pager a {
		border: 1px solid #dbdbdb;
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}

		.book-view .thumb #bx-pager a:last-child {
			margin: 0;
		}

		.book-view .thumb #bx-pager a img {
			float: left;
			width: 100%;
		}

.thumb-slider .bx-wrapper .bx-controls-direction a {
	background-color: rgba(54, 54, 54, 0.05);
	background-image: none;
	font-size: 0;
	height: 66px;
	text-align: center;
	text-indent: 0;
	width: 26px;
	z-index: 10;
}

	.thumb-slider .bx-wrapper .bx-controls-direction a::before {
		bottom: 0;
		color: #fff;
		content: "";
		font-family: FontAwesome;
		font-size: 16px;
		left: 0;
		line-height: 66px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
	}

.thumb-slider .bx-wrapper .bx-prev {
	left: 0;
}

.thumb-slider .bx-wrapper .bx-next {
	right: 0;
}

.thumb-slider .bx-wrapper .bx-controls-direction a.bx-next::before {
	content: "?";
}

.thumb-slider .bx-wrapper .bx-controls-direction a.bx-prev::before {
	content: "?";
}

.zoomer {
	position: absolute;
	right: 30px;
	bottom: 30px;
	border-radius: 100%;
	border: 1px solid #c1c1bf;
	color: #c1c1bf;
	font-size: 16px;
	text-align: center;
	width: 42px;
	height: 42px;
	display: inline-block;
	line-height: 41px;
	z-index: 9999;
}

	.zoomer:hover {
		color: #fff;
	}

.book-text {
	float: left;
	width: 100%;
}

.book-padding {
	padding: 20px 0;
	border-bottom: 1px solid #f2f2f2;
	float: left;
	width: 100%;
}

	.book-padding:first-child {
		padding-top: 0;
	}

.book-heading {
	float: left;
	width: 100%;
}

	.book-heading > span {
		font-size: 14px;
		line-height: 14px;
		float: left;
		color: #ccc;
		font-weight: normal;
		margin-bottom: 13px;
	}

	.book-heading h3 {
		font-weight: 500;
		font-family: 'Raleway', sans-serif;
		line-height: 28px;
		text-transform: capitalize;
		float: left;
		width: 100%;
		margin-bottom: 12px;
	}

.book-review {
	float: left;
	width: 100%;
}

	.book-review .rating {
		float: left;
		margin-right: 30px;
		padding-top: 4px;
	}

		.book-review .rating > span:hover::before, .book-review .rating > span:hover ~ span::before,
		.book-review .rating > span {
			color: #f7e01d;
		}

	.book-review .blog-meta {
		margin-bottom: 0;
	}

.book-description {
	float: left;
	width: 100%;
}

	.book-description span {
		float: left;
		width: 100%;
		font-size: 14px;
		line-height: 9px;
		font-weight: bolder;
		text-transform: uppercase;
		color: #363636;
		margin-bottom: 11px;
	}

	.book-description p {
		margin-bottom: 0;
	}

.book-price .price-tag sub,
.book-price .price-tag {
	font-size: 30px;
	line-height: 30px;
}

	.book-price .price-tag del {
		font-size: 18px;
		line-height: 18px;
	}

.book-fillter .select-menu {
	float: left;
	width: 100%;
}

	.book-fillter .select-menu .selectric-wrapper {
		border-radius: 4px;
	}

.select-menu .selectric .label {
	color: #555555;
}

.book-fillter .selectric .button {
	background: #f2f2f2;
	color: #b7b7b7;
	font-size: 0;
	height: 42px;
	line-height: 42px;
	padding: 0;
	width: 42px;
}

	.book-fillter .selectric .button::before {
		bottom: 0;
		color: #b7b7b7;
		content: "?";
		font-family: FontAwesome;
		font-size: 22px;
		left: 0;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
	}

.input-stepper {
	float: left;
	width: 140px;
	border-radius: 4px;
	overflow: hidden;
}

	.input-stepper button {
		float: left;
		width: 42px;
		height: 42px;
		line-height: 42px;
		background: #f2f2f2;
		color: #b7b7b7;
		padding: 0;
		font-size: 23px;
	}

		.input-stepper button:hover {
			color: #fff;
		}

	.input-stepper input[type="text"] {
		width: 56px;
		height: 42px;
		float: left;
		text-align: center;
		color: #555;
	}

.cart-3 {
	float: right;
	padding: 15px 90px;
	font-size: 12px;
	line-height: 12px;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-weight: 800;
	border-radius: 4px;
}

	.cart-3 i {
		margin-right: 10px;
	}

	.cart-3:hover {
		color: #fff;
		background: #000;
	}

.wishlist2 ul {
	float: left;
	width: 100%;
}

	.wishlist2 ul li {
		float: left;
		width: auto;
		margin-right: 35px;
	}

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

		.wishlist2 ul li a {
			font-size: 11px;
			line-height: normal;
			font-weight: normal;
			text-transform: uppercase;
			color: #ccc;
			float: left;
			padding: 1px 0 0;
		}

		.wishlist2 ul li i {
			margin-right: 15px;
			font-size: 18px;
			float: left;
			color: #ccc;
		}

.book-tags {
	float: left;
	width: 100%;
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: 1px solid #f2f2f2;
}

	.book-tags li {
		float: left;
		width: auto;
		margin-right: 20px;
	}

		.book-tags li span {
			font-size: 14px;
			color: #363636;
			line-height: 11px;
			text-transform: uppercase;
			font-weight: bolder;
			float: left;
		}

		.book-tags li a {
			float: left;
			width: auto;
			font-size: 11px;
			color: #cccccc;
			line-height: 11px;
			text-transform: uppercase;
			position: relative;
			margin-right: 8px;
		}

			.book-tags li a:last-child {
				margin: 0;
			}

			.book-tags li a:before {
				position: absolute;
				right: -3px;
				bottom: 5px;
				content: ",";
				font-size: 18px;
				color: #ccc;
			}

			.book-tags li a:last-child:before {
				font-size: 0;
			}

.book-tags-wrap .social-1 li span {
	text-transform: uppercase;
	font-weight: bolder;
}

.book-tags-wrap .social-1 li a {
	font-size: 12px;
}

.book-tabs2 {
	float: left;
	width: 100%;
}

.section-bg {
	border-bottom: 2px solid #fafafa;
	float: left;
	width: 100%;
	padding: 70px 0 40px;
}

.book-tabs2 .books-tab {
	float: left;
	width: 100%;
	border-color: #fafafa;
	border-width: 0 0 2px 0;
}

.book-return {
	float: left;
	width: 100%;
}

	.book-return h5 {
		line-height: 14px;
		text-transform: uppercase;
		font-weight: bolder;
		margin-bottom: 26px;
	}

	.book-return p {
		margin-bottom: 35px;
	}

	.book-return .blog-meta3 {
		margin-bottom: 30px;
	}

.tabs-slider-wrap6 {
	margin-bottom: 30px;
}

	.tabs-slider-wrap6 > img {
		float: left;
		width: 100%;
	}

.cutomer-reviews h3 {
	font-weight: bolder;
	line-height: 14px;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.cutomer-rating {
	float: right;
	width: auto;
}

	.cutomer-rating .rating > span:hover::before, .cutomer-rating .rating > span:hover ~ span::before {
		color: #f7e01d;
	}

	.cutomer-rating .rating > span {
		color: #f7e01d;
		display: inline-block;
		float: right;
		font-size: 30px;
		line-height: 16px;
		margin: -6px 0 0;
		position: relative;
		width: auto;
	}

	.cutomer-rating .rating {
		display: inline-block;
		font-size: 18px;
		line-height: 16px;
		margin-bottom: 0px;
		padding: 0 0;
		width: auto;
		margin-left: 20px;
	}

	.cutomer-rating p {
		float: left;
		width: auto;
		margin: 0 0px 0 0;
		font-size: 12px;
		line-height: 12px;
		color: #cccccc;
	}

.cutomer-reviews .commenting-hd {
	margin-bottom: 10px;
}
/*commented on 20170228*/
/*.cutomer-reviews .input-dec3{
	margin-bottom: 30px;
}*/

.cutomer-reviews .input-dec3.trackingCodeInput input[type="text"] {
	border: 1px solid #ccc;
	height: 43px;
}

.cutomer-reviews .input-dec3.verifyUserPhoneText input[type="text"] {
	border: 1px solid #ccc;
}

.input-dec3.verifyUserPhoneText {
	margin-bottom: 15px;
}

.orderListText {
	padding: 5px;
}

	.orderListText input[type="text"] {
		height: 33px;
		padding: 5px;
	}

.cutomer-reviews .input-dec3 textarea,
.cutomer-reviews .input-dec3 input[type="text"] {
	border: 1px solid transparent;
}

.input-dec3 .cutomer-rating {
	padding: 10px 0;
	float: left;
}

	.input-dec3 .cutomer-rating p {
		padding: 4px 0;
	}

.cutomer-reviews form {
	margin-bottom: 30px;
}

.book-view2 .thumb-slider {
	width: 100%;
	margin-bottom: 10px;
}

.book-view2 .thumb #bx-pager {
	width: 100%;
	text-align: center;
}

	.book-view2 .thumb #bx-pager a {
		display: inline-block;
		float: none;
		margin-right: 10px;
		width: 150px;
		margin-bottom: 0;
	}

.book-view2 .cart-3 {
	padding-left: 30px;
	padding-right: 30px;
}

.book-view2 .select-menu .selectric .label {
	padding-right: 9px;
	padding-left: 9px;
	text-transform: capitalize;
}

.book-view2 .selectric-items li {
	font-size: 13px;
}

.widget-brand .owl-buttons {
	display: none;
}

aside .kf-pagination {
	margin-bottom: 28px;
}

.heading-8 {
	float: left;
	width: 100%;
	text-align: left;
	margin-bottom: 40px;
}

	.heading-8 h2 {
		line-height: 24px;
		font-weight: bolder;
		text-transform: uppercase;
	}
/*
    ==============================================================
       BOOK VIEW CSS END
    ==============================================================
*/
/*
	  ==============================================================
		   SIDR STYLES CSS START
	  ==============================================================
*/
.kf-sidebar {
	float: left;
	width: 100%;
}

#sidr {
	display: none;
}

.sidr {
	background: #2c2c2c;
}

.kf-sidebar .dl-menuwrapper {
	float: left;
	display: block;
	width: 100%;
}

.kf-sidebar .dl-menu.dl-menu {
	float: left;
	position: static;
	width: 100%;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	margin-bottom: 30px;
	background: transparent;
	padding: 0;
}

.kf-sidebar .nav-dec li {
	width: 100%;
}

	.kf-sidebar .nav-dec li a {
		padding: 10px 20px;
	}

	.kf-sidebar .nav-dec li ul {
		background: rgba(175, 249, 241, 0.9);
	}

.sidr .aside-widget-hd h5 {
	margin: 0;
	line-height: 16px;
}

.kf-sidebar .input-dec input[type="text"] {
	margin: 0;
}

.sidr .aside-widget-hd {
	padding: 8px 20px 9px;
	background: #000;
}

.sidr .side-meta {
	margin: 0;
	padding: 10px 0;
}

.sidr .side_accordian .accordion span {
	color: #fff;
}

.sidr .widget-pub-fillter ul li span {
	color: #000;
	padding: 2px 5px;
}

.sidr .widget-pub-fillter ul li:hover span {
	background: #000;
}

.kf-sidebar .widget-tags ul li a,
.kf-sidebar .side_accordian .accordion,
.kf-sidebar .widget-pub-fillter ul li {
	border-color: rgba(255, 255, 255, 0.3);
}

.sidr .widget-tags ul li {
	display: block;
	margin: 0 10px 10px 0px;
}

.sidr .widget-tags,
.sidr .widget-categories,
.sidr .widget-pub-fillter,
.sidr .widget-search {
	margin-bottom: 30px;
	float: left;
	width: 100%;
}

	.sidr .widget-tags ul {
		padding-top: 30px;
	}

#responsive-menu-button2 i {
	background: #fff none repeat scroll 0 0;
	border-radius: 100%;
	display: inline-block;
	height: 20px;
	left: 10px;
	line-height: 20px;
	position: fixed;
	text-align: center;
	top: 10px;
	width: 20px;
	z-index: 9999;
}

	#responsive-menu-button2 i:hover {
		color: #fff;
	}

.kf-sidebar .side_accordian .accordion::before {
	background: #000;
}
/*
    ==============================================================
       HEADERS CSS START
    ==============================================================
*/
.header-wrap {
	background: #f9f9f9;
}

	.header-wrap header {
		margin-bottom: 30px;
	}

.header-3 .top-bar {
	background: #f6f6f6;
}

.header-3 .logo-wrap {
	padding: 20px 0 15px;
}

.header-3 .nav-dec2 {
	float: right;
	width: auto;
	padding: 16px 0 21px;
}

	.header-3 .nav-dec2 ul {
		float: left;
		width: auto;
	}

		.header-3 .nav-dec2 ul li {
			float: left;
			width: auto;
			margin-right: 30px;
			position: relative;
		}

		.header-3 .nav-dec2 ul > li > a {
			display: block;
			font-size: 14px;
			line-height: 14px;
			color: #707070;
			padding: 13px 0px;
			text-transform: capitalize;
			font-weight: normal;
			position: relative;
		}

		.header-3 .nav-dec2 ul li a:before {
			position: absolute;
			left: 0;
			height: 2px;
			width: 8px;
			top: 0;
			right: auto;
			content: "";
			height: 0;
		}

		.header-3 .nav-dec2 ul > li:hover > a:before {
			height: 2px;
		}

		.header-3 .nav-dec2 ul li:last-child {
			margin: 0;
		}

		.header-3 .nav-dec2 ul ul li:hover > a:before {
			height: 0px;
		}

		.header-3 .nav-dec2 ul li ul {
			background: #292929 none repeat scroll 0 0;
			opacity: 0;
			padding: 8px 0;
			position: absolute;
			top: 100%;
			transform: translate3d(0px, 10px, 0px);
			transition: all 0.3s ease 0s;
			visibility: hidden;
			width: 200px;
			z-index: 99;
		}

		.header-3 .nav-dec2 ul > li:hover > ul {
			opacity: 1;
			transform: translate3d(0px, 0px, 0px);
			visibility: visible;
		}

		.header-3 .nav-dec2 ul li:hover ul {
			opacity: 1;
		}

	.header-3 .nav-dec2 .cart-wrap {
		float: right;
		width: auto;
		margin-left: 30px;
	}

		.header-3 .nav-dec2 .cart-wrap ul li {
			width: 100%;
			margin: 0;
		}

		.header-3 .nav-dec2 .cart-wrap i {
			font-size: 39px;
			color: #363636;
		}

.header-3 .nav-dec {
	float: left;
}

.nav-search {
	float: left;
	width: 100%;
}

.header-3 .nav-dec > li > a {
	padding: 27px 22px 28px;
}

.header-3 .nav-search {
	padding: 13px 0;
}

	.header-3 .nav-search .input-dec2 input[type="text"] {
		padding: 10px 40px 10px 30px;
		border: none;
		background: #363636;
	}

		.header-3 .nav-search .input-dec2 input[type="text"]::-webkit-input-placeholder {
			color: #707070;
			opacity: 1;
		}

		.header-3 .nav-search .input-dec2 input[type="text"]:-moz-placeholder {
			color: #707070;
			opacity: 1;
		}

		.header-3 .nav-search .input-dec2 input[type="text"]::-moz-placeholder {
			color: #707070;
			opacity: 1;
		}

		.header-3 .nav-search .input-dec2 input[type="text"]:-ms-input-placeholder {
			color: #707070;
			opacity: 1;
		}

	.header-3 .nav-search .input-dec2 i {
		color: #707070;
	}

.header-4 .top-bar {
	background: #363636;
}

	.header-4 .top-bar .social-1 li a {
		background: #8c8c8c;
		color: #363636;
	}

		.header-4 .top-bar .social-1 li a:hover i {
			color: #fff;
		}

		.header-4 .top-bar .social-1 li a i {
			color: #363636;
		}

	.header-4 .top-bar .pull-left ul li i,
	.header-4 .top-bar i {
		color: #959595;
	}

.header-4 .logo-wrap {
	padding: 20px 0 15px;
}

.search-bar {
	float: right;
	width: auto;
}

.header-4 .search-bar {
	padding: 16px 0 20px;
}

.header-4 .input-dec2 {
	width: 370px;
}

.header-4 .cart-wrap {
	float: right;
	line-height: 10px;
	padding: 11px 0;
}

	.header-4 .cart-wrap .price-tag {
		margin-left: 15px;
	}

.header-4 .logo-wrap .user-dec {
	float: left;
	margin: 0 0 0 120px;
	width: auto;
}

	.header-4 .logo-wrap .user-dec li {
		float: left;
		margin-right: 15px;
	}

.header-4 .user-dec li:last-child {
	margin: 0;
}

.header-4 .logo-wrap .user-dec a::before {
	font-size: 0;
}

.header-4 .input-dec2 input[type="text"] {
	padding: 11px 40px 10px 30px;
	border: none;
	background: #f3f3f3;
}

	.header-4 .input-dec2 input[type="text"]::-webkit-input-placeholder {
		color: #cccccc;
		opacity: 1;
	}

	.header-4 .input-dec2 input[type="text"]:-moz-placeholder {
		color: #cccccc;
		opacity: 1;
	}

	.header-4 .input-dec2 input[type="text"]::-moz-placeholder {
		color: #cccccc;
		opacity: 1;
	}

	.header-4 .input-dec2 input[type="text"]:-ms-input-placeholder {
		color: #cccccc;
		opacity: 1;
	}

.header-4 .input-dec2 button {
	color: #cccccc;
}

.user-dec a {
	line-height: 18px;
	text-transform: uppercase;
}

.header-4 .cart-wrap .cart i {
	font-size: 18px;
	float: left;
	color: #363636;
}

.header-4 .cart-wrap .cart i {
	position: relative;
}

.cart small {
	top: -10px;
	right: -9px;
}

.header-4 .navigation-wrap {
	background: #fff;
	border-top: 1px solid #f3f3f3;
}

.header-4 .nav-dec {
	float: left;
}

	.header-4 .nav-dec li a {
		color: #555555;
		font-weight: bolder;
		font-family: 'Raleway', sans-serif;
		position: relative;
	}

	.header-4 .nav-dec > li > ul li a {
		color: #fff;
		text-align: left;
	}

	.header-4 .nav-dec li:hover > a {
		background: #fff;
	}

	.header-4 .nav-dec li a:before {
		position: absolute;
		left: 0;
		right: 0;
		top: -1px;
		height: 1px;
		width: 0;
		content: "";
	}

	.header-4 .nav-dec li:hover > a:before {
		width: 100%;
	}

.header-2 ul ul li a:before,
.header-3 ul ul li a:before,
.header-4 ul ul li a:before {
	height: 0;
}

.header-4-2 .search-bar {
	width: 270px;
	padding: 10px 0 0 0;
	float: left;
}

.header-4-2 .input-dec2 {
	width: 100%;
}

	.header-4-2 .input-dec2 input[type="text"] {
		background: #fff;
		border: 1px solid #f3f3f3;
	}

.header-4-2 .logo-dec {
	display: inline-block;
	float: none;
	width: auto;
}

.header-4-2 .cart-wrap {
	padding: 20px 0 0 0;
}

.header-4-2 .navigation-wrap {
	text-align: center;
}

.header-4-2 .nav-dec {
	display: inline-block;
	float: none;
}

	.header-4-2 .nav-dec li > a::before {
		height: 2px;
		top: auto;
		bottom: 0;
	}

	.header-4-2 .nav-dec li ul li > a::before {
		width: 0;
	}


.header-4-3 .logo-wrap {
	padding: 40px 0 14px;
}

.header-4-3 .navigation-wrap {
	text-align: center;
	border-bottom: 1px solid #f3f3f3;
	border-top: none;
}

.header-4-3 .nav-dec li a::before {
	height: 1px;
	top: auto;
	bottom: 0;
}

.header-4-3 #mobile-header3 {
	display: none;
}

.cart-social {
	float: left;
	text-align: center;
	width: 100%;
}

.social-5 {
	float: none;
	display: inline-block;
	width: auto;
	padding: 25px 0 20px;
}

	.social-5 li {
		float: left;
		width: auto;
	}

	.social-5 li {
		margin-right: 20px;
	}

		.social-5 li:last-child {
			margin: 0;
		}

		.social-5 li a {
			font-size: 18px;
			display: block;
			color: #363636;
		}

		.social-5 li .cart > i {
			position: relative;
			float: left;
			cursor: pointer;
			color: #363636;
		}

		.social-5 li .cart > i {
			display: inline-block;
			position: relative;
			font-size: 18px;
		}

	.social-5 .price-tag {
		float: right;
		margin-left: 10px;
	}

.header-3-2 .nav-dec2 .cart-wrap #mobile-header4 {
	float: right;
}

.header-3 .nav-dec2 ul > li > a {
	font-weight: bolder;
	text-transform: uppercase;
}

.header-3-2 .nav-dec2 ul li a::before {
	height: 2px;
	top: auto;
	width: 0px;
	bottom: 0;
}

.header-3-2 .nav-dec2 > ul > li:hover > a::before {
	width: 100%;
}

.header-3-2 .nav-dec2 ul {
	padding: 0;
	width: auto;
}

.header-3-2 .nav-dec2 .cart-wrap ul li {
	margin: 0 18px 0 0;
	width: auto;
}

	.header-3-2 .nav-dec2 .cart-wrap ul li a {
		padding: 0;
	}

		.header-3-2 #responsive-menu-button i,
		.header-3-2 .nav-dec2 .cart-wrap i,
		.header-3-2 .nav-dec2 .cart-wrap ul li a i {
			font-size: 18px;
			color: #363636;
		}

.header-3-2 .cart-wrap #mobile-header {
	float: right;
	margin: 0 0px 0 40px;
}

.header-3-2 .cart-wrap .cart {
	margin: 0;
}

.header-3-2 .nav-dec2 .cart-wrap {
	padding: 10px 0 0 0;
}

.header-3-2 .nav-dec2 .cart-wrap {
	float: right;
	margin-left: 60px;
	padding: 10px 0 0;
	width: auto;
}

.header-3-2 .nav-dec2 ul ul li a {
	padding: 15px 20px;
}

.header-2 .pull-left ul {
	margin-top: 5px;
}

.header-2 .social-1 li {
	margin-bottom: 0px;
}

.searh-wrap .select-menu select {
	height: 44px;
}

/*20170227 (Tamilmani - added)*/
.error, .help-block {
	color: red;
}
/*20170301 karthick- added)*/
.NavLink {
	color: #024383;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-decoration: none;
}

/*20170301 karthick- added)*/

.co_payment_top_tab {
	/*height: 30px;*/
	border: 0;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	word-spacing: 0.03em;
	color: #555;
	padding-left: 10px;
}

/*20170302 karthick- added)*/
.pd_find_wishlist_head {
	width: 780px;
	margin: 10px auto;
	padding: 10px 0 10px 0;
}

/*20170302 karthick- added)*/
.pd_find_wishlist_title_sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: rgb(61,119,184);
}


/*******style.css Process End***************/



/********toastr.min.css start *******/
.toast-title {
	font-weight: bold;
}

.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

	.toast-message a, .toast-message label {
		color: #fff;
	}

		.toast-message a:hover {
			color: #ccc;
			text-decoration: none;
		}

.toast-close-button {
	position: relative;
	right: -0.3em;
	top: -0.3em;
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	-webkit-text-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 #fff;
	opacity: .8;
	-ms-filter: alpha(opacity=80);
	filter: alpha(opacity=80);
}

	.toast-close-button:hover, .toast-close-button:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
		opacity: .4;
		-ms-filter: alpha(opacity=40);
		filter: alpha(opacity=40);
	}

button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.toast-top-center {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-center {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-full-width {
	top: 0;
	right: 0;
	width: 100%;
}

.toast-bottom-full-width {
	bottom: 0;
	right: 0;
	width: 100%;
}

.toast-top-left {
	top: 12px;
	left: 12px;
}

.toast-top-right {
	top: 12px;
	right: 12px;
}

.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}

.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}

#toast-container {
	position: fixed;
	z-index: 999999;
}

	#toast-container * {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#toast-container > div {
		margin: 0 0 6px;
		padding: 15px 15px 15px 50px;
		width: 300px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		background-position: 15px center;
		background-repeat: no-repeat;
		-moz-box-shadow: 0 0 12px #999;
		-webkit-box-shadow: 0 0 12px #999;
		box-shadow: 0 0 12px #999;
		color: #fff;
		opacity: .8;
		-ms-filter: alpha(opacity=80);
		filter: alpha(opacity=80);
	}

	#toast-container > :hover {
		-moz-box-shadow: 0 0 12px #000;
		-webkit-box-shadow: 0 0 12px #000;
		box-shadow: 0 0 12px #000;
		opacity: 1;
		-ms-filter: alpha(opacity=100);
		filter: alpha(opacity=100);
		cursor: pointer;
	}

	#toast-container > .toast-info {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
	}

	#toast-container > .toast-error {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
	}

	#toast-container > .toast-success {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
	}

	#toast-container > .toast-warning {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
	}

	#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
		width: 300px;
		margin: auto;
	}

	#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
		width: 96%;
		margin: auto;
	}

.toast {
	background-color: #030303;
}

.toast-success {
	background-color: #51a351;
}

.toast-error {
	background-color: #bd362f;
}

.toast-info {
	background-color: #2f96b4;
}

.toast-warning {
	background-color: #f89406;
}

@media all and (max-width:240px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 11em;
	}

	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}
}

@media all and (min-width:241px) and (max-width:480px) {
	#toast-container > div {
		padding: 8px 8px 8px 50px;
		width: 18em;
	}

	#toast-container .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}

	.right {
		right: 50px !important;
		width: 250px !important;
	}

	.left-50 {
		left: 50px !important;
	}

	.sellerreviewrating {
		margin-left: 0px !important;
	}

	.sellerreviewtext {
		margin-right: 250px !important;
	}

	.pd_title {
		width: 300px !important;
		padding-right: 500px !important;
		-moz-box-sizing: initial;
	}

	.h1, h1 {font-size: 18px;}
}

@media all and (min-width:481px) and (max-width:768px) {
	#toast-container > div {
		padding: 15px 15px 15px 50px;
		width: 25em;
	}

	.left-50 {
		left: 50px !important;
	}
}

/********toastr.min.css end *******/

/*****************formValidation.min.css start****************/
.fv-has-feedback {
	position: relative;
}

.fv-control-feedback {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
}

.fv-help-block {
	display: block;
}

.fv-form-bootstrap .help-block {
	margin-bottom: 0;
}

.fv-form-bootstrap .tooltip-inner {
	text-align: left;
}

.fv-form-bootstrap .fv-icon-no-label {
	top: 0;
}

.fv-form-bootstrap .fv-bootstrap-icon-input-group {
	z-index: 100;
}

.form-inline.fv-form-bootstrap .form-group {
	vertical-align: top;
}

.fv-form-foundation .fv-control-feedback {
	top: 21px;
	right: 15px;
	width: 37px;
	height: 37px;
	line-height: 37px;
}

.fv-form-foundation .collapse .fv-control-feedback {
	top: 0;
	right: 0;
}

.fv-form-foundation .fv-icon-no-label, .fv-form-horizontal.fv-form-foundation .fv-control-feedback {
	top: 0;
}

.fv-form-foundation .error .fv-control-feedback {
	color: #f04124;
}

.error.fv-has-tooltip select, .error.fv-has-tooltip textarea, .fv-form-foundation .error.fv-has-tooltip input {
	margin-bottom: 1rem;
}

.fv-form-pure .fv-control-feedback {
	top: 22px;
	width: 36px;
	height: 36px;
	line-height: 36px;
}

.pure-form-stacked.fv-form-pure .fv-control-feedback {
	top: 4px;
}

.pure-form-aligned .pure-control-group .fv-help-block {
	margin-top: 5px;
	margin-left: 180px;
}

.fv-form-pure .fv-icon-no-label, .pure-form-aligned.fv-form-pure .fv-control-feedback {
	top: 0;
}

.fv-form-pure .fv-has-error .fv-control-feedback, .fv-form-pure .fv-has-error .fv-help-block, .fv-form-pure .fv-has-error label {
	color: #CA3C3C;
}

.fv-form-semantic .fv-control-feedback.icon {
	right: 7px;
}

.fv-form-semantic .error .icon {
	color: #d95c5c;
}

.fv-form-horizontal.fv-form-semantic .row {
	padding-bottom: 0;
}

.fv-form-uikit .fv-control-feedback {
	top: 25px;
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.fv-form-uikit .uk-text-danger {
	display: block;
}

.uk-form-horizontal.fv-form-uikit .fv-control-feedback {
	top: 0;
}

.fv-form-uikit .fv-has-error .fv-control-feedback, .fv-form-uikit .fv-has-error .uk-form-label, .fv-form-uikit .fv-has-error label {
	color: #D85030;
}

.fv-form-uikit .fv-icon-no-label {
	top: 0;
}
/*****************formValidation.min.css end****************/


/* Added On 20170203 - Sridhar */
.buyMoreBooks {
	width: 230px;
	margin-right: 30px;
	float: right;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
	font-family: roboto,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid #ccc;
	background: #eee;
}

.buyUnusedBooks {
	width: 202px;
	margin-right: 10px;
	float: right;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
	font-family: roboto,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #777;
	border: 1px solid #ddd;
	background: #f5f5f5;
}

.buyMoreBooks_titleArea {
	width: 100%;
	background: #e40046;
	padding: 3px 0;
	font-family: roboto,Arial,Helvetica,sans-serif;
	font-size: 11px;
	border-radius: 3px 3px 0 0;
	color: #fff;
	text-align: center;
}

.buyMoreBooks_txtArea {
	width: 100%;
	font-family: roboto,Arial,Helvetica,sans-serif;
	font-size: 11px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 18px;
	padding: 10px;
	color: #333;
}

.buyMoreBooks_buy_button {
	width: 45px;
	padding: 2px 10px;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f4f5f9),color-stop(1,#d2deed));
	background: -moz-linear-gradient(top,#f4f5f9 5%,#d2deed 100%);
	background: -webkit-linear-gradient(top,#f4f5f9 5%,#d2deed 100%);
	background: -o-linear-gradient(top,#f4f5f9 5%,#d2deed 100%);
	background: -ms-linear-gradient(top,#f4f5f9 5%,#d2deed 100%);
	background: linear-gradient(to bottom,#f4f5f9 5%,#d2deed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f9',endColorstr='#d2deed',GradientType=0);
	background-color: #f4f5f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	color: #333;
	font-family: roboto,Sans-Serif;
	font-weight: 400;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #b6c0db;
}

	.buyMoreBooks_buy_button:hover {
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#d2deed),color-stop(1,#f4f5f9));
		background: -moz-linear-gradient(top,#d2deed 5%,#f4f5f9 100%);
		background: -webkit-linear-gradient(top,#d2deed 5%,#f4f5f9 100%);
		background: -o-linear-gradient(top,#d2deed 5%,#f4f5f9 100%);
		background: -ms-linear-gradient(top,#d2deed 5%,#f4f5f9 100%);
		background: linear-gradient(to bottom,#d2deed 5%,#f4f5f9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2deed',endColorstr='#f4f5f9',GradientType=0);
		background-color: #d2deed;
	}

.SellUsedBooks_button {
	width: 60px;
	padding: 2px 10px;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f4f5f9),color-stop(1,#d2deed));
	background: -moz-linear-gradient(top,#f4f5f9 5%,#d2deed 100%);
	background: -webkit-linear-gradient(top,#f4f5f9 5%,#d2deed 100%);
	background: -o-linear-gradient(top,#f4f5f9 5%,#d2deed 100%);
	background: -ms-linear-gradient(top,#f4f5f9 5%,#d2deed 100%);
	background: linear-gradient(to bottom,#f4f5f9 5%,#d2deed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f9',endColorstr='#d2deed',GradientType=0);
	background-color: #f4f5f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	color: #333;
	font-family: roboto,Sans-Serif;
	font-weight: 400;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #b6c0db;
}

	.SellUsedBooks_button:hover {
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#d2deed),color-stop(1,#f4f5f9));
		background: -moz-linear-gradient(top,#d2deed 5%,#f4f5f9 100%);
		background: -webkit-linear-gradient(top,#d2deed 5%,#f4f5f9 100%);
		background: -o-linear-gradient(top,#d2deed 5%,#f4f5f9 100%);
		background: -ms-linear-gradient(top,#d2deed 5%,#f4f5f9 100%);
		background: linear-gradient(to bottom,#d2deed 5%,#f4f5f9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2deed',endColorstr='#f4f5f9',GradientType=0);
		background-color: #d2deed;
	}

.SellUsedBooks {
	padding: 5px;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#09f),color-stop(1,#09f));
	background: -moz-linear-gradient(top,#09f 5%,#09f 100%);
	background: -webkit-linear-gradient(top,#09f 5%,#09f 100%);
	background: -o-linear-gradient(top,#09f 5%,#09f 100%);
	background: -ms-linear-gradient(top,#09f 5%,#09f 100%);
	background: linear-gradient(to bottom,#09f 5%,#09f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09f',endColorstr='#09f',GradientType=0);
	background-color: #09f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	text-shadow: 0 1px 0 #09f;
}

	.SellUsedBooks:hover {
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#09f),color-stop(1,#09f));
		background: -moz-linear-gradient(top,#09f 5%,#09f 100%);
		background: -webkit-linear-gradient(top,#09f 5%,#09f 100%);
		background: -o-linear-gradient(top,#09f 5%,#09f 100%);
		background: -ms-linear-gradient(top,#09f 5%,#09f 100%);
		background: linear-gradient(to bottom,#09f 5%,#09f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09f',endColorstr='#09f',GradientType=0);
		background-color: #09f;
	}

.bd_price {
	color: Red;
}

.ub_detailsrow {
	float: left;
	margin-left: 10px;
}
/*End*/

/*Added on 20170303 - Santhosh filter choice css*/
.filter-choice {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);
	-moz-box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);
	box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);
	background-color: #f6f6f6;
	background-repeat: no-repeat;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-background-clip: padding;
	color: #555;
	border: 1px solid #999;
	line-height: 13px;
	padding: 3px 20px 3px 5px;
	margin: 0 0 3px 5px;
	position: relative;
	cursor: default;
	background-image: linear-gradient(#fff,#f6f6f6 50%,#f4f4f4);
}

.list_filter {
	background-image: none!important;
	filter: none!important;
	box-shadow: none!important;
	border-color: #e5e5e5!important;
	padding: 0 1px 1px!important;
	height: 15px;
}

	.list_filter li {
		float: left;
		list-style: none;
	}

		.list_filter li.filter-choice {
			background-image: none!important;
			filter: none!important;
			box-shadow: none!important;
			font-size: 12px!important;
			font-weight: 300!important;
			text-shadow: none!important;
			background-color: #eee!important;
			border: 0!important;
		}

	.list_filter .filter-choice .filter-choice-close {
		display: block;
		position: absolute;
		right: 3px;
		top: 4px;
		width: 12px;
		height: 13px;
		font-size: 1px;
		background: url(/img/chosen-sprite.png) right top no-repeat;
	}

		.list_filter .filter-choice .filter-choice-close:hover {
			background-position: right -11px;
		}


/*.btn:not(.btn-sm):not(.btn-lg) {
    line-height: 1.44;
}*/
#frmSearchBox .inputGroupContainer .form-control-feedback {
	top: 0;
	right: -15px;
}

#frmSearchBox .inputGroupContainer .help-block {
	margin-top: -5px;
	padding-left: 10px;
}


.search-keyword-filter, .search-keyword-filter .form-group {
	padding: 0px;
	margin: 0px;
}

.spinner-class .block-spinner-bar > div, .spinner-class .page-spinner-bar > div {
	background: #da594a;
}

/*20170315 - added for loading spinner in checkout page*/
/*components.min.css -start*/

.loading-message {
	display: inline-block;
	padding: 10px;
	margin: 0 auto;
	color: #000!important;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
}

	.loading-message.loading-message-boxed {
		border: 1px solid #ddd;
		background-color: #eee;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
		-moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
		box-shadow: 0 1px 8px rgba(0,0,0,.1);
	}

	.loading-message > img {
		vertical-align: middle;
	}

	.loading-message > span {
		line-height: 20px;
		vertical-align: middle;
	}

.page-loading {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -60px;
	margin-top: -30px;
	padding: 7px;
	text-align: center;
	color: #333;
	border: 1px solid #ddd;
	background-color: #eee;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
}

.block-spinner-bar > div, .page-spinner-bar > div {
	background: #eee;
	border-radius: 100%!important;
}

.page-loading > span {
	line-height: 20px;
	vertical-align: middle;
}

.page-spinner-bar {
	position: fixed;
	z-index: 10051;
	width: 100px;
	top: 40%;
	left: 50%;
	margin-left: -55px;
	text-align: center;
}

	.page-spinner-bar > div {
		margin: 0 5px;
		width: 18px;
		height: 18px;
		display: inline-block;
		-webkit-animation: bounceDelay 1.4s infinite ease-in-out;
		animation: bounceDelay 1.4s infinite ease-in-out;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.page-spinner-bar .bounce1 {
		-webkit-animation-delay: -.32s;
		animation-delay: -.32s;
	}

	.page-spinner-bar .bounce2 {
		-webkit-animation-delay: -.16s;
		animation-delay: -.16s;
	}

.block-spinner-bar {
	display: inline-block;
	width: 80px;
	text-align: center;
}

	.block-spinner-bar > div {
		margin: 0 2px;
		width: 15px;
		height: 15px;
		display: inline-block;
		-webkit-animation: bounceDelay 1.4s infinite ease-in-out;
		animation: bounceDelay 1.4s infinite ease-in-out;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

[class^=m-icon-], [class^=m-icon-big-] {
	display: inline-block;
	background-image: url(../img/syncfusion-icons.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.block-spinner-bar .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s;
}

.block-spinner-bar .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s;
}

[class^=m-icon-] {
	width: 14px;
	height: 14px;
	margin-top: 3px;
	line-height: 14px;
	vertical-align: top;
}

[class^=m-icon-big-] {
	width: 30px;
	height: 30px;
	margin: 6px;
	vertical-align: middle;
}


@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(15px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fade-in-up {
	-webkit-animation: fadeInUp .5s;
	animation: fadeInUp .5s;
}

@-webkit-keyframes bounceDelay {
	0%,100%,80% {
		-webkit-transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
	}
}

@keyframes bounceDelay {
	0%,100%,80% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}

	40% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

/*components.min.css - end*/

/*Added on 20170323 - thamaraiselvan*/
/* cart Page start */

 .pricecolor1 { color:#0CC; }
 .pricecolor2 { color:#F30; }
 .pricecolor3 { background-color:#EFEFEF;}
 
/* cart Page end */

/*added on 20170505 - thamaraiselvan(menu changes done)*/
#menu .nav > li:hover > a { color:#3f3f3f; }
#menu .nav > li > .dropdown-menu a.menu:hover { border-color: #3f3f3f;background-color:#e40046;color:#FFF; }

/*modified on 20170712 - thamaraiselvan*/
.track_popup {
  position: absolute; 
  width:25%;
}

@media screen and (max-width:480px) {
  .track_popup {
    position: absolute; 
    width:100%;
  }
}

/*Modified By Irfan On 20180417*/
@media only screen and (max-width:768px) {
	#header #cart .heading .cart-icon:before {
		border: 2px solid #fff !important;
	}

	.drop-icon {
		line-height: 42px;
		width: 40px;
	}

	#header #cart .heading .cart-icon:before, #header #cart .heading .cart-icon:after, #header #cart .dropdown-menu {
		border-color: #fff;
	}

	#header #search input {
		padding: 0 8px 0 8px;
	}

	.input-lg {
		padding: 5px 0px;
		height: auto;
	}
	.inputGroupContainer{
	padding:0px  0px 0px 5px;
	}
}