/* ==== */
/* BASE */
/* ==== */

	html {
		background-color: var(--main-bg-color);
	}

	h1 {
		display: block;
		box-sizing: border-box;
		margin: 0;
		font-size: 24px;
		font-weight: var(--font-semi-bold);
	}

	h2 {
		margin: 0;
	}

	/* Animation */

	#content {		
		animation: fadein 1s;
	}

	@keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

	.ws.star {
		color: #b3b3b3;
	}

	.ws.star-active {
		color: #ffcf40;
	}

	.ws.text-success {
		color: var(--text-success);
	}

	.ws.text-danger {
		color: var(--text-danger);
	}
	
	/* Fieldset */

	div.fieldset {
		position: relative;
		border: 1px solid #d9d9d9;
		border-radius: var(--border-radius);
		box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.03);
	}

	div.fieldset > label {
		background-color: #f2f2f2;
		border-bottom: 1px solid #d9d9d9;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
		padding: 10px;
		font-weight: var(--font-semi-bold);
	}

	div.fieldset > label > i {
		margin-right: 8px;
	}

	div.fieldset > div {
		padding: 10px;
	}

	/* 404 */

	div.error_404 {
		line-height: initial !important;
	}

	div.error_404 > label {
		font-size: 82px;
		font-weight: var(--font-thin);
		opacity: 0.25;
	}

	div.error_404 > div {
		font-weight: var(--font-semi-bold);
	}

/* ====== */
/* TOPBAR */
/* ====== */
	
	#topbar {
		width: 100%;
		background-color: #ffffff;
		border-bottom: 1px solid #e5e5e5;
	}

	#topbar > nav {
		width: 1400px;
		margin: 0 auto;
	}

	#topbar > nav > ul > li {

	}
	
	/* Menu */

	#topbar > nav > ul > li:not(.account) {
		
	}

	/* Account */

	#topbar > nav > ul > li.account {

	}
	
	#topbar > nav > ul > li > a {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		border-right: 1px solid #e5e5e5;
		color: var(--main-text-color);
	}

	#topbar > nav > ul > li:hover {
		background-color: #f7f7f7;	
	}

	#topbar > nav > ul > li:not(.account):first-child > a,
	#topbar > nav > ul > li.account:last-child > a {
		border-left: 1px solid #e5e5e5;
	}

/* ====== */
/* HEADER */
/* ====== */
	
	header {
		width: 100%;
		height: 70px;
		background-color: #ffffff;
	}

	header > div {
		width: 1400px;
		margin: 0 auto;
	}

	/* Logo */
	
	header > div > div.logo {
		display: table;
		height: 70px;
		width: 260px;
	}

	header > div > div.logo > div.ws.logo.text > a {
		height: 70px;
		line-height: 70px;
	}

	header > div > div.logo > a {
		display: table-cell !important;
		vertical-align: middle;
	}

	header > div > div.logo > a > img {
		max-height: 60px;
		max-width: 250px;
	}

	/* Search */
	
	header > div > div.search {
		width: 880px;
		height: 70px;
	}

	header > div > div.search  > form {
		margin: 0 30px;
		margin-top: 18px;
		background-color: #ffffff;
		border: 1px solid var(--button-main-bg-color-base);
		border-radius: 17px;
		box-shadow: 0px 0px 0px 3px var(--main-nav-sub-1-bg-color-hover);
	}

	header > div > div.search  > form > input,
	header > div > div.search  > form > input:hover,
	header > div > div.search  > form > select {
		background-color: rgba(0, 0, 0, 0);
		border: none;
		box-shadow: none;
		border-radius: 0;
	}
	
	header > div > div.search  > form > input {
		width: calc(100% - 196px);
	}

	header > div > div.search  > form > select {
		padding-left: 20px;
		width: 160px;
	}

	header > div > div.search  > form > button {
		border-radius: 100%;
	}

	/* Cart */
	
	header > div > div.cart {
		height: 70px;
		width: 120px;
	}

	header > div > div.cart > table {
		position: relative;
		display: block;
		float: right;
		height: 34px;
		margin-top: 18px;
	}

	header > div > div.cart > table > tbody > tr,
	header > div > div.cart > table > tbody > tr > td {
		display: block;
	}

	header > div > div.cart > table > tbody > tr:nth-child(2) {
		display: none;
	}

	header > div > div.cart > table > tbody > tr:nth-child(1) {
		overflow: hidden;
		height: 34px;
	}

	header > div > div.cart > table > tbody > tr > td.icon {
		float: left;
		width: 34px;
		height: 34px;
		line-height: 34px;
		text-align: center;
	}

	header > div > div.cart > table > tbody > tr > td.icon > i {
		font-size: 30px;
		line-height: 34px;
		color: var(--main-link-color-base);
	}

	header > div > div.cart > table > tbody > tr > td.icon > span {
		font-size: 36px;
		text-align: center;
		font-weight: 400;
		color: var(--main-link-color-base);
	}

	header > div > div.cart > table > tbody > tr > td.label {
		float: left;
	}

	header > div > div.cart > table > tbody > tr > td.label > span:nth-child(2),
	header > div > div.cart > table > tbody > tr > td.label > span:nth-child(4) {
		display: none;
	}

	header > div > div.cart > table > tbody > tr > td.label > span:nth-child(1),
	header > div > div.cart > table > tbody > tr > td.label > span:nth-child(5) {
		display: block;
		float: left;
		height: 34px;
		line-height: 34px;
		margin-left: 0;
	}

	header > div > div.cart > table > tbody > tr > td.label > span:nth-child(5) {
		margin-left: 10px;
	}

	header > div > div.cart > table > tbody > tr > td.label > span:nth-child(1) {
		margin-left: 10px;
	}

	header > div > div.cart > table > tbody > tr > td.label > span:nth-child(5) > i {
		line-height: 34px;
		opacity: 0.75;
	}

	header > div > div.cart > table > tbody > tr > td.label > span:nth-child(3) {
		position: absolute;
		top: -8px;
		left: 20px;
		background-color: #ff3333;
		border: 2px solid #ffffff;
		width: 18px;
		height: 18px;
		line-height: 18px;
		text-align: center;
		color: #ffffff;
		font-size: 10px;
		border-radius: var(--border-radius);
	}

	header > div > div.cart > table > tbody > tr > td.label > span.count.empty {
		display: none;
	}

	/* Cart Dropdown */

	header > div > div.cart > div.dropdown {
		width: 300px;
		top: 60px;
		right: -10px;
		overflow: hidden;
		background-color: #ffffff;
		border-radius: var(--border-radius);
		border: 1px solid rgba(0, 0, 0, 0.075);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
		font-size: 12px;
	}

	header > div > div.cart > div.dropdown .msg.info {
		margin: 10px;
		width: calc(100% - 20px);
	}

	header > div > div.cart > div.dropdown > div.content > div.table {
		margin: 10px;
		width: calc(100% - 20px);
	}

	header > div > div.cart > div.dropdown div.table > div.row > div.name > span.label,
	header > div > div.cart > div.dropdown div.table > div.row > div.name > span.count {
		margin-top: 5px;
	}

	header > div > div.cart > div.dropdown div.sum {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		padding: 10px;
	}

	header > div > div.cart > div.dropdown div.sum > div:first-child {
		margin-bottom: 5px;
	}

	header > div > div.cart > div.dropdown div.sum > div > span:nth-child(1) {
		opacity: 0.85;
	}

	header > div > div.cart > div.dropdown div.sum > div > span:nth-child(2) {
		font-weight: var(--font-semi-bold);
		color: var(--text-danger);
	}

	header > div > div.cart > div.dropdown > div.buttons {
		padding: 10px;
	}

/* ========= */
/* BREADCRMB */
/* ========= */

	#breadcrumb {
		width: 1400px;
		margin: 0 auto;
		font-size: 12px;
	}

	#breadcrumb > ul {
		margin: 15px 0;
	}

	#breadcrumb > ul > li {

	}

	#breadcrumb > ul > li > span {
		margin: 0 10px;
		color: rgba(0, 0, 0, 0.6);
	}

	#breadcrumb > ul > li > a {
		color: rgba(0, 0, 0, 0.6);
	}

	/* Back Button */

	#breadcrumb > div.back-btn {
		padding-top: 10px;
	}

	#breadcrumb > div.back-btn > a {
		float: left;
		display: block;
		padding: 10px;
		background-color: #ffffff;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: var(--border-radius);
		text-decoration: none;
		margin-bottom: 10px;
	}

	#breadcrumb > div.back-btn > a > i {
		margin-right: 5px;
	}

/* === */
/* NAV */
/* === */
	
	#nav {
		width: 100%;
		background-color: var(--main-nav-bg-color-base);
	}

	#nav nav {
		width: 1400px;
		margin: 0 auto;
		min-height: 44px;
	}

	#wrapper[data-route="home"] > #nav nav {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	/* Main level */

	#nav nav > ul > li > a {
		height: 44px;
		line-height: 44px;
		padding: 0 10px;
		color: var(--main-nav-text-color-base);
	}

	#nav nav > ul > li:hover > a {
		background-color: var(--main-nav-bg-color-hover);
		color: var(--main-nav-text-color-hover);
		text-decoration: none;
	}	

	#nav nav ul li a > i {
		display: none !important;
	}

	/* Dropdown menu */

	#nav > nav li ul {
		padding: 10px;
		background-color: var(--main-nav-sub-1-bg-color-base);
		border-radius: var(--border-radius);
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
		border: 1px solid rgba(0, 0, 0, 0.1);
	}

	#nav > nav > ul > li > ul {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	#nav > nav li ul li {

	}

	#nav > nav li ul li a {
		display: block;
		padding: 0 10px;
		height: 30px;
		line-height: 30px;
		text-decoration: none;
		border-radius: var(--border-radius);
		color: var(--main-nav-sub-1-text-color-base);
	}

	#nav > nav li ul li a:hover {
		background-color: var(--main-nav-sub-1-bg-color-hover);
		color: var(--main-nav-sub-1-text-color-hover);
	}

/* ======= */
/* CONTENT */
/* ======= */

	#content {
		overflow: visible !important;
		width: 1400px;
		margin: 0 auto;
	}

	#content > .main {
		overflow: visible !important;
	}

	#content > .main.show_sidebar {
		margin-left: 290px;
		width: 1110px;
	}

	#content > .main.show_sidebar > .inside {
		float: left !important;
		overflow: visible !important;
		width: 100%;
	}

	#wrapper[data-route="info"] #content > div.main > div.inside > div.html,
	#wrapper[data-route="cikk"] #content > div.main > div.inside > div.html,
	#wrapper[data-route="cart"] #content > div.main > div.inside > div.html,
	#wrapper[data-route="payment"] #content > div.main > div.inside > div.html,
	#wrapper[data-route="confirmation"] #content > div.main > div.inside > div.html,
	#wrapper[data-route="my_account"] #content > div.main > div.inside > div.html,
	div.error_404 {
		background-color: #ffffff;
		border-radius: var(--border-radius);
		border: 1px solid rgba(0, 0, 0, 0.05);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.025);
		overflow: hidden !important;
	}

	#wrapper[data-route="info"] #content > div.main > div.inside > div.html > h1,
	#wrapper[data-route="cikk"] #content > div.main > div.inside > div.html > h1,
	#wrapper[data-route="cart"] #content > div.main > div.inside > div.html > h1,
	#wrapper[data-route="payment"] #content > div.main > div.inside > div.html > h1,
	#wrapper[data-route="confirmation"] #content > div.main > div.inside > div.html > h1,
	#wrapper[data-route="my_account"] #content > div.main > div.inside > div.html > h1,
	#wrapper[data-route="create_account"] > #content > div.main > div.inside > h1,
	#wrapper[data-route="create_account"] > #content > div.main > div.inside > h1,
	#wrapper[data-route="sign_in"] > #content > div.main > div.inside > h1,
	#wrapper[data-route="forgotten_password"] > #content > div.main > div.inside > h1,
	#wrapper[data-route="newsletter"] > #content > div.main > div.inside > h1 {
		padding: 0;
		border-bottom: 1px solid #e5e5e5;
		padding: 10px;
	}
	
	#wrapper[data-route="info"] #content > div.main > div.inside > div.html > div.content_html,
	#wrapper[data-route="cikk"] #content > div.main > div.inside > div.html > div.content_html,
	#wrapper[data-route="cart"] #content > div.main > div.inside > div.html > div.content_html,
	#wrapper[data-route="payment"] #content > div.main > div.inside > div.html > div.content_html, 
	#wrapper[data-route="confirmation"] #content > div.main > div.inside > div.html > div.content_html,
	#wrapper[data-route="my_account"] #content > div.main > div.inside > div.html > div.content_html {
		padding: 10px;
	}

	/* Article */

	#wrapper[data-route="cikk"] #content > div.main > div.inside > div.html > div.date {
		font-weight: var(--font-semi-bold);
		opacity: 0.5;
		padding: 10px;
		padding-bottom: 0;
	}

	/* Products */

	#wrapper[data-route="info"] #content > div.main > div.inside > div.module,
	#wrapper[data-route="cikk"] #content > div.main > div.inside > div.module {
		margin-top: 10px;
	}
	
	/* Payment & Transport */
	
	div.content_html > div.payment_transport {
		margin-top: 10px;
	}

	div.content_html > div.payment_transport > ul,
	div.content_html > div.payment_transport > ul > li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div.content_html > div.payment_transport > ul > li > label {
		display: block;
		margin: 0;
		padding: 0;
		font-weight: var(--font-bold);
	}
	
	div.content_html > div.payment_transport > ul > li > div {
		padding-left: 20px;
	}

	/* Order Confirmation */

	#wrapper[data-route="confirmation"] > #content > div.main > div.inside > div.html > h1 {
		color: var(--text-success);
	}

	#wrapper[data-route="confirmation"] > #content > div.main > div.inside > div.html > h1 > i {
		font-size: 22px;
		margin-right: 5px;
	}
	
	#wrapper[data-route="confirmation"] #content > div.main > div.inside > div.html > div.content_html > div > div.title {
		font-weight: var(--font-semi-bold);
	}
	
	#wrapper[data-route="confirmation"] #content > div.main > div.inside > div.html > div.content_html > div.transport {
		border-radius: 10px;
		padding: 10px;
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	}

	#wrapper[data-route="confirmation"] #content > div.main > div.inside > div.html > div.content_html > div.transport > div.table > div.row > div.cell:nth-child(1) {
		font-weight: var(--font-semi-bold);
	}

	/* Font weight */

	div.description_html strong,
	div.description_html b,
	div.content_html strong,
	div.content_html b,
	div.user_form strong,
	div.user_form b {
		font-weight: var(--font-semi-bold);
	}

	/* Paragraphs */
	
	div.content_html > div,
	div.description_html,
	#product_page > div.product_info div.description_short,
	#product_page > div.product_info > div.info div.cart-container div.price.sale > span.date,
	#product_page > div.product_info div.presents > div.description,
	#product_page .ratings_container > div.content > div.comment > div:nth-child(4),
	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.text,
	div.module.home.html,
	div.user_form > p {
		line-height: 150%;
	}


	div.content_html > div > p:first-child,
	div.description_html > p:first-child {
		margin-top: 0;
	}
	
	div.content_html > div > p:last-child,
	div.description_html > p:last-child {
		margin-bottom: 0;
	}

/* ======= */
/* SIDEBAR */
/* ======= */

	#content > div.sidebar {
		width: 280px;
		overflow: visible;
	}

	#content > div.sidebar > div.inside div.container {
		background-color: #ffffff;
		border-radius: var(--border-radius);
		border: 1px solid rgba(0, 0, 0, 0.05);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.025);
		padding: 10px;
		margin-bottom: 10px;
	}

	#content > div.sidebar > div.inside div.container > div.label,
	#content > div.sidebar > div.inside div.container > label {
		font-weight: var(--font-semi-bold);
	}

	#content > div.sidebar > div.inside div.container > div.label {

	}

	#content > div.sidebar > div.inside div.container > div.content {
		margin-top: 10px;
	}

	/* Sidebar nav */

	#content > .sidebar .container > .content > nav > ul > li {
		margin-bottom: 5px;
	}

	#content > .sidebar .container > .content > nav > ul > li:last-child {
		margin-bottom: 0;
	}
	
	#content > .sidebar .container > .content > nav > ul > li > a {
		color: var(--sidebar-nav-text-color-base);
	}
	
	#content > .sidebar .container > .content > nav > ul > li > a:hover {
		color: var(--sidebar-nav-text-color-hover);
	}

	#content > .sidebar .container > .content > nav > ul > li > a.active {
		font-weight: var(--font-semi-bold);
		text-decoration: none !important;
		color: var(--sidebar-nav-text-color-hover);
	}

	/* Categories */
	
	#content > .sidebar .container#categories {
		background-color: var(--sidebar-nav-bg-color-base);
	}

	/* Filter */

	form[name="filter"] .filter > label > i.fa-angle-down {
		margin-top: 3px;
	}

	form[name="filter"] .filter > div.checkbox > div.checkbox {
		margin-bottom: 5px;
	}

	form[name="filter"] .filter > div.checkbox > div.checkbox:last-child {
		margin-bottom: 0;
	}


	form[name="filter"] .filter > div.price > label {
		margin-bottom: 10px;
	}

	form[name="filter"] .filter > div.price > span {
		margin-top: 15px;
	}

	form[name='filter'] .price > div .ui-slider-handle {
		outline: 0;
		background: var(--main-link-color-base);
		border-radius: 100%;
		width: 15px;
		height: 15px;
		margin-top: -2px;
		border: 0 !important;
	}

	form[name='filter'] .price > div.ui-slider-horizontal {
		height: 3px;
		border: 0 !important;
		background-color: #f2f2f2;
	}

	form[name='filter'] .price > div .ui-slider-range {
		background-color: #d9d9d9;
		height: 4px;
		border: 0;
	}

	/* Banner */

	#content > .sidebar div.banners > div.banner {
		margin-bottom: 10px;
	}

	#content > .sidebar div.banners > div.banner > a > img {
		display: block;
		border-radius: var(--border-radius);
	}

/* ============= */
/* PRODUCTS LIST */
/* ============= */

	/* Top & Bottom bars */

	div.products_bar {
		clear: both;
		padding: 10px;
		border-radius: var(--border-radius);
		background-color: #ffffff;
	}

	div.products_bar.top {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-top: 1px solid #e5e5e5;
	}

	div.products_bar > div.info {
		line-height: 34px;
	}

	div.products_bar.top > div.form select {
		margin-left: 5px;
	}

	/* H1 */
	
	#wrapper[data-route="termekek"] > #content h1 {
		background-color: #ffffff;
		padding: 10px;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
	}

	/* Descrioption */
	
	#wrapper[data-route="termekek"] > #content .description_html,
	#wrapper[data-route="termekek"] > #content .description_text {
		background-color: #ffffff;
		padding: 10px;
		border-top: 1px solid #e5e5e5;
	}

	#wrapper[data-route="termekek"] > #content .filter_label {
		background-color: #ffffff;
		padding: 10px;
		padding-top: 0;
	}

	/* Main list */

	#products_list {
		clear: both;
		overflow: visible !important;
	}
	
	#wrapper[data-route="termekek"] > #content > div.main > div.inside > div.products_before,
	#wrapper[data-route="termekek"] > #content > div.main > div.inside > div.products_after {
		height: 10px;
		clear: both;
	}
	
	#products_list > .item {
		padding: 10px;
		background-color: #ffffff;
		border-radius: var(--border-radius);
		margin-right: 10px;
		margin-top: 10px;
		-webkit-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		transition: all 100ms linear;		
		border: 1px solid rgba(0, 0, 0, 0.05);
	}

	#products_list > .item:hover {
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
		border: 1px solid var(--main-link-color-base);
	}

	/* Image */

	#products_list > .item > .image {

	}

	/* Rating */

	#products_list > .item > .stars {
		margin-top: 10px;
		text-align: left !important;
	}

	#products_list > .item > .stars > i {
		font-size: 12px !important;
	}

	/* Name */

	#products_list > .item > h3 {
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-weight: var(--font-semi-bold);
		margin-top: 10px;
	}

	#products_list > .item > h3 > a {
		color: var(--main-text-color);
		text-decoration: none;
	}

	/* Description */

	#products_list > .item > div.description {
		margin-top: 10px;
	}

	/* Date */

	#products_list > .item > div.date {
		margin-top: 10px;
		font-size: 12px;
		opacity: 0.75;
	}

	/* Stock */

	#products_list > .item > .stock {
		margin-top: 10px;
		font-size: 12px;
	}

	/* Price */

	#products_list > .item > .price  {
		margin-top: 10px;
		font-weight: var(--font-bold);
		color: var(--text-danger);
		font-size: 16px;
	}

	#products_list > .item > .price > .normal {

	}

	#products_list > .item > .price > .original  {
		text-decoration: line-through;
		font-size: 12px;
		font-weight: var(--font-normal);
		color: #999999;
	}

	#products_list > .item > .price > .percent {
		top: 20px;
		left: 0;
		padding: 4px 15px;
		font-size: 12px;
		font-weight: var(--font-semi-bold);
		background-color: var(--text-danger);
		border-top-right-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
		color: #ffffff;
	}

	/* Buttons */

	#products_list > .item > .buttons {
		margin-top: 10px;
	}

	#products_list > .item > .buttons > a,
	#products_list > .item > .buttons > button {
		float: left;
		width: calc(50% - 2.5px);
	}

	#products_list > .item > .buttons > a {
		margin-right: 5px;
	}

	/* Pages (pagination) */

	div.page_list {
		overflow: hidden;
	}

	div.page_list > a {
		display: block;
		float: left;
		height: 34px;
		min-width: 34px;
		text-align: center;
		line-height: 34px;
		margin-right: 5px;
		padding: 0 10px;
		text-decoration: none;
		border: 1px solid var(--button-secondary-border-color-base);
		background-color: var(--button-secondary-bg-color-base);
		color: var(--button-secondary-text-color-base);
		border-radius: var(--border-radius);
	}	
	
	div.page_list > a.active {
		background-color: var(--button-main-bg-color-base);
		border: 1px solid var(--button-main-bg-color-base);
		color: var(--button-main-text-color-base);
	}

	div.page_list > a:not(.active):hover {
		border: 1px solid var(--button-secondary-border-color-hover);
		background-color: var(--button-secondary-bg-color-hover);
		color: var(--button-secondary-text-color-hover);
	}

	/* Inside Filter */

	div.inside > div.products_filters {
		background-color: #ffffff;
		padding: 10px;
		padding-top: 0;
	}

	div.inside > div.products_filters > a.toggle {
		text-align: left !important;
		padding: 10px;
		height: initial !important;
		line-height: initial !important;
	}

	div.inside > div.products_filters > a.toggle > i.fa-caret-down {
		margin-top: 3px;
		margin-right: 5px;
	}

	div.inside > div.products_filters > form {
		padding: 10px;
		margin-top: 10px;
		border-radius: var(--border-radius);
		background-color: #f7f7f7;
	}

	div.inside > div.products_filters > form > div.container {
		margin-bottom: 10px;
	}

	div.inside > div.products_filters > form > div.container:last-child {
		margin-bottom: 0;
	}

	div.inside > div.products_filters > form > div.container > label {
		font-weight: var(--font-semi-bold);
		margin-bottom: 10px;
	}

	div.inside > div.products_filters > form > div.container > div.content.price div.ui-slider {
		margin: 0 10px;
	}

/* ============ */
/* PRODUCT PAGE */
/* ============ */

	#product_page > div.product_info {
		background-color: #ffffff;
		border-radius: var(--border-radius);
		padding: 10px;
	}
	
	#product_page > div.product_info > div.image {
		width: 50%;
		background-color: #ffffff;
	}

	#product_page > div.product_info > div.image > div.image_container > #item-thumbnails {
		margin-top: 20px;
	}

	#product_page > div.product_info > div.image > div.image_container > #item-thumbnails > div.thumbnails > div.scroll > div {
		box-sizing: border-box;
		border-radius: 5px;
	}

	#product_page > div.product_info > div.image > div.image_container > #item-thumbnails > div.thumbnails > div.scroll > div:hover {
		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
	}

	#product_page > div.product_info > div.info {
		width: 50%;
		padding-left: 20px;
	}

	#item-thumbnails > div.arrow {
		-webkit-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		transition: all 100ms linear;
	}

	#item-thumbnails > div.arrow:not(.disabled):hover {
		background-color: rgba(0, 0, 0, 0.05);
		border-radius: 5px;
	}

	/* Price */

	#product_page > div.product_info > div.info > div.price {
		margin-top: 10px;
	}

	#product_page > div.product_info > div.info > div.price > span.gross  {
		font-weight: var(--font-bold);
		color: var(--text-danger);
		margin-bottom: 2px;
		font-size: 22px;
	}

	#product_page > div.product_info > div.info .price.sale .original {
		font-weight: var(--font-normal);
		font-size: 16px;
	}

	#product_page > div.product_info > div.info .price.sale > span.date {
		margin-top: 10px;
		background-color: #f8e0d3;
		color: #e2895a;
		border-left: 3px solid #e2895a;
		padding: 10px;
		border-radius: 3px;
	}

	/* Sale Label */
	
	#product_page > div.product_info > div.info > div.price > div.percent {
		display: none;
	}

	#product_page > div.product_info > div.image > div.image_container > div.main > .sale_percent {
		top: 20px;
		left: 0;
		padding: 5px 20px;
		font-weight: var(--font-semi-bold);
		background-color: var(--text-danger);
		border-top-right-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
		color: #ffffff;
	}

	/* Rate */
	
	#product_page > div.product_info div.rate {
		margin-top: 10px;
	}

	/* Short descreption */
	
	#product_page > div.product_info div.description_short {
		margin-top: 15px;
		color: rgba(0, 0, 0, 0.6);
	}

	#product_page > div.product_info div.rate > div {
		
	}

	/* Info table */

	#product_page > div.product_info > div.info > div.table {
		margin-top: 15px;
		border-radius: 5px;
		padding: 10px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	}

	#product_page > div.product_info > div.info > div.table > div.row {

	}

	#product_page > div.product_info > div.info > div.table > div.row > div.cell {
		padding-bottom: 10px;
	}

	#product_page > div.product_info > div.info > div.table > div.row > div.cell:first-child {
		font-weight: var(--font-semi-bold);
	}

	#product_page > div.product_info > div.info > div.table > div.row:last-child > div.cell {
		padding-bottom: 0;
	}

	#product_page > div.product_info > div.info > div.table > div.row > div.cell > i {
		display: none;
	}

	/* Variations */

	#product_page > div.product_info div.variations {
		margin-top: 20px;
	}
	
	#product_page > div.product_info div.variations > label {
		font-weight: var(--font-semi-bold);
		margin-bottom: 10px;
	}

	#product_page > div.product_info > div.info div.variations > a {
		margin-right: 5px;
		border-radius: var(--border-radius);
	}

	#product_page > div.product_info > div.info div.variations > a.normal {
		padding: 10px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
		color: var(--main-text-color);
		text-decoration: none;
	}

	#product_page > div.product_info > div.info div.variations > a.normal:not(.active):hover {
		border: 1px solid var(--main-link-color-base);
	}

	#product_page > div.product_info > div.info div.variations > a.normal.active {
		border: 1px solid var(--main-link-color-base);
		color: var(--main-link-color-base);
	}

	#product_page > div.product_info > div.info div.variations > a.color {
		overflow: hidden;
		width: 32px;
		height: 32px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);
		transition: transform .2s;
		transform: scale(0.8);
		background-color: #ffffff;
		border-radius: 100%;
	}

	#product_page > div.product_info > div.info div.variations > a.color:hover {
		border: 1px solid #2e3033;
		transform: scale(1);
	}

	#product_page > div.product_info > div.info div.variations > a.color.active {
		border: 1px solid #2e3033;
		transform: scale(1);
	}

	#product_page > div.product_info > div.info div.variations > a.color > span {
		width: 100%
		height: 100%
		border-radius: 100%;
		border: 2px solid #ffffff;
		border-radius: 100%;
	}

	/* Presents */

	#product_page > div.product_info div.presents {
		margin-top: 20px;
		overflow: visible !important;
	}

	#product_page > div.product_info div.presents > div.description {
		margin-bottom: 10px;
		font-weight: var(--font-semi-bold);
	}

	#product_page > div.product_info div.presents > div.item {
		margin-bottom: 10px;
		padding: 10px;
		border-radius: var(--border-radius);
		border: 1px solid rgba(0, 0, 0, 0.05);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	}

	#product_page > div.product_info div.presents > div.item:last-child {
		margin-bottom: 0;
	}

	#product_page > div.product_info div.presents > div.item > div.image {
		width: 60px;
		height: 60px;
	}

	#product_page > div.product_info div.presents > div.item > div.info {
		margin-left: 70px;
	}

	#product_page > div.product_info div.presents > div.item > div.info > div:first-child {
		margin-bottom: 5px;
	}

	#product_page > div.product_info div.presents > div.item > div.info > div:nth-child(2) {
		font-weight: var(--font-semi-bold);
	}

	#product_page > div.product_info div.presents > div.item > div.info > div:nth-child(2) > span {
		color: var(--text-danger);
	}

	/* Cart Container */

	#product_page > div.product_info div.cart-container {
		background-color: rgba(0, 0, 0, 0.05);
		margin-top: 20px;
		padding: 10px;
		border-radius: var(--border-radius);
	}

	/* Select */

	#product_page > div.product_info div.select {
		margin-bottom: 10px;
	}

	#product_page > div.product_info div.select > label {
		font-weight: var(--font-semi-bold);
		margin-bottom: 10px;
	}
	
	#product_page > div.product_info div.select > label > span {
		color: var(--text-danger);
	}

	#product_page > div.product_info div.select > select {
		width: 100%;
	}

	/* Cart */

	#product_page > div.product_info div.cart {
		overflow: hidden !important;
	}

	#product_page > div.product_info div.cart div.button {
		margin-left: 10px;
	}

	#product_page > div.product_info div.cart button, #product_page > div.product_info div.cart select {
		height: 40px;
		line-height: 40px;
		padding: 0 30px;
	}

	#product_page > div.product_info div.cart div.count {
		overflow: visible !important;
	}

	#product_page > div.product_info div.cart select {
		text-align-last: center;
		background-color: #ffffff;
	}

	#product_page > div.product_info > div.info > div.ws.msg.alert {
		margin-top: 20px;
	}

	/* Share */

	#product_page > div.product_info div.share {
		clear: both;
		padding-top: 20px;
	}

	/* HTML Description */

	#product_page > div.product_description {
		margin-top: 10px;
	}

	#product_page > div.product_description > h2,
	#product_page > div.product_list > h2 {
		background-color: #ffffff;
		padding: 10px;
		font-size: 14px;
		font-weight: var(--font-semi-bold);
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
		border-bottom: 1px solid #e5e5e5;
	}

	#product_page > div.product_description > h2 > i {
		display: none;
	}

	#product_page > div.product_description > div.content,
	#product_page > div.product_description> div.ws.tabs > div.content {
		background-color: #ffffff;
		margin-bottom: 10px;
		padding: 10px;
		border-bottom-left-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
	}
	
	#product_page > div.product_description> div.ws.tabs > div.content {
		border-top-right-radius: var(--border-radius);	
	}

	#product_page > div.product_description > div.content:last-child {
		margin-bottom: 0;
	}

	#product_page > div.product_description > div.content > table.parameters > tbody > tr > td,
	#product_page > div.product_description > div.ws.tabs div.inside table.parameters > tbody > tr > td {
		padding: 8px;
	}

	#product_page > div.product_description > div.content > table.parameters > tbody > tr:nth-child(2n) > td,
	#product_page > div.product_description > div.ws.tabs div.inside table.parameters > tbody > tr:nth-child(2n) > td {
		background-color: rgba(0, 0, 0, 0.025);
	}

	#product_page > div.product_description > div.content > table.parameters > tbody > tr > td:first-child,
	#product_page > div.product_description > div.ws.tabs div.inside table.parameters > tbody > tr > td:first-child {
		color: rgba(0, 0, 0, 0.5);
	}

	#product_page > div.product_description > div.ws.tabs > div.header > div.title > label {
		padding: 10px 15px;
		margin-right: 5px;
		border-top-left-radius: var(--border-radius);
		border-top-right-radius: var(--border-radius);
		font-weight: var(--font-semi-bold);
	}

	#product_page > div.product_description > div.ws.tabs > div.header > div.title > label:not(.active):hover {
		background-color: rgba(255, 255, 255, 0.5);
	}

	#product_page > div.product_description > div.ws.tabs > div.header > div.title > label > i {
		width: 16px;
	}

	#product_page > div.product_description > div.ws.tabs > div.header > div.title > label.active {
		background-color: #ffffff;
	}

	/* Product List */

	#product_page > div.product_list {
		margin-top: 20px;
	}

	#product_page > div.product_list > h2 {
		padding: 10px;
		font-size: 14px;
		font-weight: var(--font-semi-bold);
		border-radius: var(--border-radius);
		border-bottom: none;
		margin-bottom: 15px;
	}

	/* Comments */

	#product_page .ratings_container > div.header {

	}

	#product_page .ratings_container > div.header > div.row > div.empty {
		color: var(--text-secondary);
		padding: 10px 0;
	}

	#product_page .ratings_container > div.header > div.row > div.empty > label > i {
		margin-right: 5px;
	}

	#product_page .ratings_container > div.header > div.row > div.avg > span:nth-child(1) {
		font-size: 32px;
		font-weight: var(--font-semi-bold);
	}

	#product_page .ratings_container > div.header > div.row > div.avg > span:nth-child(2) {
		margin: 5px 0;
	}

	#product_page .ratings_container > div.header > div.row > div.avg > span:nth-child(3) {
		color: var(--text-secondary);
		font-size: 12px;
		font-weight: var(--font-semi-bold);
	}

	#product_page .ratings_container > div.header > div.row > div.bars {
		padding-right: 20px;
	}

	#product_page .ratings_container > div.header > div.row > div.bars > div.table > div.row > div.cell > span {
		background-color: rgba(0, 0, 0, 0.05);
	}

	#product_page .ratings_container > div.header > div.row > div.bars > div.table > div.row > div.cell > span > i {
		background-color: var(--text-success);
	}

	#product_page .ratings_container > div.content > div.comment {
		margin-top: 20px;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 10px;
	}

	#product_page .ratings_container > div.content > div.comment > div:nth-child(1) {
		font-weight: var(--font-semi-bold);
		margin-bottom: 5px;
	}

	#product_page .ratings_container > div.content > div.comment > div:nth-child(2) {
		color: var(--text-secondary);
		font-size: 12px;
		margin-bottom: 5px;
	}

	#product_page .ratings_container > div.content > div.comment > div:nth-child(3) {
		margin-bottom: 10px;
	}

	#product_page .ratings_container > div.header > div.row > div.button {
		background-color: rgba(0, 0, 0, 0.04);
		border-radius: 5px;
		padding: 10px 0;
	}

	#product_page .ratings_container > div.header > div.row > div.button > label {
		margin-bottom: 5px;
	}

	#product_page .ratings_container > div.header > div.row > div.button > label:first-child {
		font-weight: var(--font-semi-bold);
	}

	#product_page .ratings_container > div.header > div.row > div.button > button {
		margin-top: 5px;
	}

	#item-rating > div {
		padding-top: 20px;
	}

	#item-rating > div > div {
		margin-bottom: 10px;
	}

	#item-rating > div > div:last-child {
		margin-bottom: 0;
	}

/* ============= */
/* SUBCATEGORIES */
/* ============= */

	.inside div.category_list {
		background-color: #ffffff;
		overflow: hidden;
		border-top: 1px solid #e5e5e5;
		padding: 10px;
		padding-top: 5px;
	}

	.inside div.category_list > div {
		box-sizing: border-box;
		overflow: hidden;
		float: left;
		margin-right: 5px;
		margin-top: 5px;
		border-radius: var(--border-radius);
		cursor: pointer;
		-webkit-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		transition: all 100ms linear;
		padding: 5px;
		background-color: #f7f7f7;
		border: 1px solid #f2f2f2;
	}
	
	.inside div.category_list > div:hover {
		background-color: var(--main-nav-sub-1-bg-color-hover);
		border: 1px solid var(--main-nav-sub-1-bg-color-hover);
	}

	/* Image */

	.inside div.category_list > div > div.image {
		width: 50px;
		float: left;
	}

	.inside div.category_list > div > div.image > div {
		width: 100%;
		height: 100%;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: var(--border-radius);
	}
	
	/* Name */

	.inside div.category_list > div > div.name {
		height: 50px;
		padding: 0 10px;
		font-weight: var(--font-semi-bold);
		overflow: hidden;
	}

	.inside div.category_list > div > div.name a {
		display: table-cell;
		vertical-align: middle;
		height: 50px;
		color: var(--main-text-color);
		text-decoration: none;
	}

	.inside div.category_list > div:hover > div.name a {
		color: var(--main-nav-sub-1-text-color-hover);
	}

/* ==== */
/* HOME */
/* =====*/

	#content > div.main > div.inside > div.module.home {
		margin-bottom: 30px;
	}

	#content > div.main > div.inside > div.module.home:last-child {
		margin-bottom: 0;
	}

	#content > div.main > div.inside > div.module.home > h1,
	#content > div.main > div.inside > div.module.home > h2 {
		font-size: 20px;
		font-weight: var(--font-thin);
		margin-bottom: 20px;
	}

	/* HTML */

	#content > div.main > div.inside > div.module.home.html {
		padding: 20px;
		border-radius: var(--border-radius);
		background-color: #ffffff;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.025);
	}	

	/* Categories */

	#content > div.main > div.inside > div.module.home div.category_list {
		background-color: initial !important;
		border: none !important;
		padding: 0;
		margin-top: -10px;
	}

	#content > div.main > div.inside > div.module.home div.category_list > div {
		background-color: #ffffff;
		border-radius: var(--border-radius);
		border: 1px solid rgba(0, 0, 0, 0.05);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.025);
		margin-right: 10px;
		margin-top: 10px;
	}

	#content > div.main > div.inside > div.module.home div.category_list > div:hover {
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
		border: 1px solid var(--main-link-color-base);
	}

	#content > div.main > div.inside > div.module.home div.category_list > div > div.image {
		float: initial;
		width: 100%;
		border-radius: var(--border-radius);
	}

	#content > div.main > div.inside > div.module.home div.category_list > div > div.name {
		display: block;
		height: auto;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 5px;
	}

	#content > div.main > div.inside > div.module.home div.category_list > div > div.name > a {
		display: block;
		height: auto;
		text-align: center;
	}

	/* Products */

	#content > div.main > div.inside > div.module.home.products {
		
	}

	#content > div.main > div.inside > div.module.home.products::after {
		content: "";
		display: block;
		position: relative;
		clear: both;
		width: 100%;
	}

	#wrapper[data-route="home"] #content {
		margin-top: 20px;
	}

/* ==== */
/* NEWS */
/* ==== */

	#content > div.main > div.inside > div.module.home.news {
		
	}

	#content > div.main > div.inside > div.module.home.news > div.news {
		margin-top: -10px;
	}

	#content > div.main > div.inside > div.module.home.news > div.news::after {
		content: "";
		display: block;
		position: relative;
		clear: both;
		width: 100%;
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article {
		box-sizing: border-box;
		border: 1px solid rgba(0, 0, 0, 0);
		overflow: hidden;
		float: left;
		background-color: #ffffff;
		border-radius: var(--border-radius);
		-webkit-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		transition: all 100ms linear;
		cursor: pointer;
		margin-top: 10px;
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article:hover {
		transform: translate(0, -5px);
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
		border: 1px solid var(--main-link-color-base);
	}	

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.image {
		width: 160px;
		height: 160px;
		float: left;
		background-color: rgba(0, 0, 0, 0.1);
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.title,
	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.date,
	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.text,
	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.button {
		margin-left: 160px;
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.title {
		padding: 10px;
		padding-bottom: 5px;
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.title > h3 {
		font-size: 14px;
		font-weight: var(--font-semi-bold);
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.date {
		padding: 0 10px;
		font-size: 12px;
		font-weight: var(--font-semi-bold);
		opacity: 0.5;
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.text {
		padding: 10px;
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.button {
		display: none;
	}

/* ====== */
/* BRANDS */
/* ====== */

	#content > div.main > div.inside > div.module.home.brands > div.brands {
		width: calc(100% - 10px);
		margin: 0 auto;
	}

	#content > div.main > div.inside > div.module.home.brands > div.brands,
	#content > div.main > div.inside > div.module.home.brands > div.brands > div.button,
	#content > div.main > div.inside > div.module.home.brands > div.brands > div.container > div.table > div.row > div.cell,
	#content > div.main > div.inside > div.module.home.brands > div.brands > div.container > div.table > div.row > div.cell > div,
	#content > div.main > div.inside > div.module.home.brands > div.brands::after,
	#content > div.main > div.inside > div.module.home.brands > div.brands::before {
		height: 100px;
	}

	#content > div.main > div.inside > div.module.home.brands > div.brands > div.container > div.table > div.row > div.cell > div > a {
		position: relative;
		width: 80%;
		height: 100%;
		text-decoration: none;
	}

	#content > div.main > div.inside > div.module.home.brands > div.brands > div.container > div.table > div.row > div.cell > div > a:hover {
		opacity: 0.5;
	}

	#content > div.main > div.inside > div.module.home.brands > div.brands > div.button > div {
		position: relative;
		box-sizing: border-box;
		border: 1px solid rgba(0, 0, 0, 0);
		width: 30px;
		height: 60px;
		line-height: 60px;
		margin-top: 20px;
		background-color: #ffffff;
		border-radius: 5px;
		opacity: 0.5;
		-webkit-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		transition: all 100ms linear;				
	}

	#content > div.main > div.inside > div.module.home.brands > div.brands > div.button > div:hover {
		color: var(--main-link-color-hover);
		opacity: 1;
	}

	#content > div.main > div.inside > div.module.home.brands > div.brands > div.button > div::after {
		content: "";
		display: block;
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		transition: all 100ms linear;				
	}

	#content > div.main > div.inside > div.module.home.brands > div.brands > div.button > div:hover::after {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	}

/* ============= */
/* BANNER SLIDER */
/* ============= */

	#bannerslider {
		width: 1400px;
	}
	
	#bannerslider > div.banners {
		background-color: rgba(0, 0, 0, 0.2);
		border-bottom-right-radius: var(--border-radius);
		border-bottom-left-radius: var(--border-radius);
	}

	/* Label */

	#bannerslider > div.banners > div.banner > div.label {
		width: 100%;
		margin: 0 auto;
	}

	#bannerslider > div.banners > div.banner > div.label > div > label {
		font-weight: var(--font-thin);
		letter-spacing: 1px;
		text-transform: uppercase;		
	}

	#bannerslider > div.banners > div.banner > div.label > div > p {
		margin-top: 0;
		letter-spacing: 1px;
	}

	#bannerslider > div.banners > div.banner > div.label > div > div.button {

	}

	#bannerslider > div.banners > div.banner > div.label > div > div.button > button {
		letter-spacing: 1px;
		height: auto;
	}

	/* Index */

	#bannerslider {
		text-align: center;
	}

	#bannerslider > div.index {
		display: inline-block;
		margin-top: 10px;
		height: 24px;
		line-header: 24px;
		padding: 0 2.5px;
		border-radius: 15px;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.025);
	}

	#bannerslider > div.index > div  {
		width: 14px;
		height: 14px;
		margin: 5px 4px;
		border-radius: 100%;
		background-color: rgba(0, 0, 0, 0.1);
	}

	#bannerslider > div.index > div.active {
		background-color: var(--main-nav-bg-color-base);
	}

/* ======= */
/* ACCOUNT */
/* ======= */

	/* Create & Login & Password */
	
	#wrapper[data-route="create_account"] > #breadcrumb,
	#wrapper[data-route="sign_in"] > #breadcrumb,
	#wrapper[data-route="forgotten_password"] > #breadcrumb,
	#wrapper[data-route="newsletter"] > #breadcrumb {
		height: 20px;
	}

	#wrapper[data-route="create_account"] > #breadcrumb > ul,
	#wrapper[data-route="sign_in"] > #breadcrumb > ul,
	#wrapper[data-route="forgotten_password"] > #breadcrumb > ul,
	#wrapper[data-route="newsletter"] > #breadcrumb > ul {
		display: none;
	}

	#wrapper[data-route="create_account"] > #content > div.main,
	#wrapper[data-route="sign_in"] > #content > div.main,
	#wrapper[data-route="forgotten_password"] > #content > div.main,
	#wrapper[data-route="newsletter"] > #content > div.main  {
		margin: 0 auto;
		width: 600px;
		background-color: #ffffff;
		border-radius: var(--border-radius);
		border: 1px solid rgba(0, 0, 0, 0.05);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.025);
	}

	#wrapper[data-route="create_account"] > #content > div.main > div.inside > div.user_form,
	#wrapper[data-route="sign_in"] > #content > div.main > div.inside > div.user_form,
	#wrapper[data-route="forgotten_password"] > #content > div.main > div.inside > div.user_form,
	#wrapper[data-route="newsletter"] > #content > div.main > div.inside > div.user_form {
		padding: 15px;
	}
	
	div.user_form > form > p.hr {
		display: block;
		padding: 0;
		margin: 0;
		margin-top: 20px;
		font-weight: var(--font-semi-bold);
	}

	/* Dashboard */

	#wrapper[data-route="my_account"] > #content > div.main > div.inside > div.html > div.content_html > ul.ws.nav {
		margin-bottom: 10px;
	}

	#wrapper[data-route="my_account"] > #content > div.main > div.inside > div.html > div.content_html > a.button.secondary {
		margin-bottom: 20px;
	}
	
	#wrapper[data-route="my_account"] > #content > div.main > div.inside > div.html > div.content_html div.ws.msg.ok,
	#wrapper[data-route="my_account"] > #content > div.main > div.inside > div.html > div.content_html div.ws.msg.error {
		margin-bottom: 10px;
	}

	#wrapper[data-route="my_account"] > #content > div.main > div.inside > div.html > div.content_html div.ws.msg.info,
	#wrapper[data-route="my_account"] > #content > div.main > div.inside > div.html > div.content_html button[type="submit"] {
		margin-top: 10px;
	}

/* ========= */
/* CART PAGE */
/* ========= */

	div#cart-table > div.row:first-child > div.cell {
		padding-bottom: 10px;
		font-weight: var(--font-semi-bold);
	}

	div#cart-table > div.row > div.cell:nth-child(2) {
		padding: 0 10px;
	}

	div#cart-table > div.row.product > div.cell {
		padding-bottom: 10px;
	}

	div#cart-table > div.row.product > div.cell:nth-child(2) > label {
		margin-top: 3px;
	}

	div#cart-table > div.row.product > div.cell.count > div {

	}
	
	div#cart-table > div.row.product > div.cell.count > div > a {
		text-decoration: none;
	}

	div#cart-table > div.row.product > div.cell.count > div > a:nth-child(1) {
		border-top-left-radius: var(--border-radius);
		border-bottom-left-radius: var(--border-radius);
	}

	div#cart-table > div.row.product > div.cell.count > div > a:nth-child(3) {
		border-top-right-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
	}

	div#cart-table > div.row.sum {
		background-color: #f7f7f7;
	}

	div#cart-table > div.row.sum > div.cell {
		padding: 10px;
		font-weight: var(--font-semi-bold);
	}

	div#cart-table > div.row.sum > div.cell:first-child {
		border-top-left-radius: var(--border-radius);
		border-bottom-left-radius: var(--border-radius);
	}

	div#cart-table > div.row.sum > div.cell:last-child {
		border-top-right-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
	}

	#wrapper[data-route="cart"] #cart-table {
		margin-bottom: 10px;
	}

	#wrapper[data-route="cart"] div.cart-bottom {

	}

	#wrapper[data-route="cart"] div.cart-bottom > div:nth-child(1) {
		margin-bottom: 20px;
	}

/* ====== */
/* FOOTER */
/* ====== */
	
	#privacy_message > div {
		width: 1400px;
	}

	#wrapper div.footer-p {
		height: 30px;
		clear: both;
	}

	#footer {
		clear: both;
		background-color: var(--footer-bg-color);
		color: var(--footer-label-text-color);
	}

	#footer > footer {
		width: 1400px;
		margin: 0 auto;
		padding: 20px 0;
	}

	#footer > footer > div > label {
		font-weight: var(--font-semi-bold);
		margin-bottom: 20px;
	}
	
	#footer > footer > div > ul {
		padding-left: 10px;
	}

	#footer > footer > div > ul > li {
		margin-bottom: 10px;
		color: var(--footer-nav-text-color-base);
	}

	#footer > footer > div > ul > li > i {
		border: 1px solid var(--footer-nav-text-color-base);
		width: 26px;
		height: 26px;
		line-height: 26px;
		text-align: center;
		font-size: 12px;
		border-radius: var(--border-radius);
	}

	#footer > footer > div > ul > li:last-child {
		margin-bottom: 0;
	}

	#footer > footer > div > ul > li > a {
		color: var(--footer-nav-text-color-base);
		text-decoration: none;
	}

	#footer > footer > div > ul > li > a:hover {
		color: var(--footer-nav-text-color-hover);
	}

	#footer > footer > label {
		padding-top: 20px;
	}

	#footer > footer > div.contact > div.socials {
		margin-top: 20px;
		overflow: hidden;
	}

	#footer > footer > div.contact > div.socials > a {
		display: block;
		float: left;
		color: var(--footer-nav-text-color-base);
		margin-right: 10px;
	}

	#footer > footer > div.contact > div.socials > a:last-child {
		margin-right: 0;
	}

	#footer > footer > div.contact > div.socials > a > i {
		font-size: 22px;
		transform: scale(0.7);
		-webkit-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		transition: all 100ms linear;				
	}

	#footer > footer > div.contact > div.socials > a:hover {
		color: var(--footer-nav-text-color-hover);
	}

	#footer > footer > div.contact > div.socials > a:hover > i {
		color: var(--footer-nav-text-color-hover);
		transform: scale(1);
	}

/* =============== */
/* RESPONSIVE MENU */
/* =============== */

	/* Nav */

	#responsive-menu {
		background-color: var(--main-nav-bg-color-base);
	}

	#responsive-menu > a {
		color: var(--main-nav-text-color-base);
	}

	#responsive-menu > a.active {
		color: var(--main-nav-text-color-hover);			
	}

	#responsive-menu > a.menu-icon > div {
		background-color: var(--main-nav-text-color-base);
	}

	#responsive-menu nav.categories > ul li a > i {
		display: none !important;			
	}

	#responsive-menu > .menu > label {		
		background-color: var(--main-nav-sub-1-bg-color-hover);
		color: var(--main-nav-sub-1-text-color-hover);
		font-weight: var(--font-semi-bold);
	}

	#responsive-menu > div.menu {
		background-color: var(--main-nav-sub-1-bg-color-base);
	}

	#responsive-menu > .menu > .categories ul li > a,
	#responsive-menu > .menu > nav.info ul li > a {
		border-bottom: 1px solid #e5e5e5;
		color: var(--main-text-color);
		font-weight: var(--font-semi-bold);
	}

	#responsive-menu > .menu > .categories ul li > span {
		border-left: 1px solid #e5e5e5;
	}

	#responsive-menu > .menu > .categories ul li ul {
		background-color: #f2f2f2;
	}

	#responsive-menu > a.cart-icon > span {
		width: 16px;
		height: 16px;
		line-height: 16px;		
		border-radius: var(--border-radius);
		background-color: #ff3333;
		color: #ffffff;
		font-weight: var(--font-semi-bold);

	}

/* ========== */
/* RESPONSIVE */
/* ========== */

	@media (min-width: 1421px) {

		/* Home */

		#content > div.main:not(.show_sidebar) > div.inside > div.module.home div.category_list > div { width: calc(16.21% - 2px); }
		#content > div.main:not(.show_sidebar) > div.inside > div.module.home div.category_list > div:nth-child(6n) { margin-right: 0; }
		#content > div.show_sidebar > div.inside > div.module.home div.category_list > div { width: calc(20% - 8px); }
		#content > div.show_sidebar > div.inside > div.module.home div.category_list > div:nth-child(5n) { margin-right: 0; }	

		/* Banner Slider */
		
		#bannerslider > div.banners > div.banner > div.label > div {
			padding: 0 60px;
		}

		#bannerslider > div.banners > div.banner > div.label > div > label {
			font-size: 42px;
		}

		#bannerslider > div.banners > div.banner > div.label > div > p {
			font-size: 16px;
			margin-top: 10px;
		}

		#bannerslider > div.banners > div.banner > div.label > div > div.button {
			margin-top: 20px;
		}

		/* News */

		#content > div.main:not(.show_sidebar) > div.inside > div.module.home.news > div.news > div.article {
			height: 160px;
			width: calc(33% - 2px);
			margin-right: 10px;			
		}

		#content > div.main:not(.show_sidebar) > div.inside > div.module.home.news > div.news > div.article:nth-child(3n) {
			margin-right: 0;
		}

		#content > div.show_sidebar > div.inside > div.module.home.news > div.news > div.article {
			height: 160px;
			width: calc(50% - 5px);
			margin-right: 10px;			
		}
		
		#content > div.show_sidebar > div.inside > div.module.home.news > div.news > div.article:nth-child(2n) {
			margin-right: 0;
		}

		/* Products */

		#content > .main.show_sidebar #products_list > .item { width: calc(25% - 7.5px); }
		#content > .main.show_sidebar #products_list > .item:nth-child(4n) { margin-right: 0; }
		#content > .main.show_sidebar #products_list > .item:nth-child(1),
		#content > .main.show_sidebar #products_list > .item:nth-child(2),
		#content > .main.show_sidebar #products_list > .item:nth-child(3),
		#content > .main.show_sidebar #products_list > .item:nth-child(4) { margin-top: 0; }
		
		#content > .main:not(.show_sidebar) #products_list > .item { width: calc(20% - 8px); }
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(5n) { margin-right: 0; }
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(1),
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(2),
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(3),
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(4),
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(5) { margin-top: 0; }

		/* Subcategories */

		#content > .main.show_sidebar .inside div.category_list > div { width: calc(20% - 4px); }
		#content > .main.show_sidebar .inside div.category_list > div:nth-child(5n) { margin-right: 0; }

		#content > .main:not(.show_sidebar) .inside div.category_list > div { width: calc(16.51% - 2px); }
		#content > .main:not(.show_sidebar) .inside div.category_list > div:nth-child(6n) { margin-right: 0; }

	}

	@media (min-width: 1025px) AND (max-width: 1420px) {
		
		/* Layout */

		#topbar > nav, header > div, #breadcrumb, #nav > nav, #content, #privacy_message > div, #footer > footer {
			width: 1020px;
		}

		#content > div.sidebar {
			width: 250px;
		}

		#content > .main.show_sidebar {
			margin-left: 260px;
			width: 760px;
		}
		
		header > div > div.logo,
		header > div > div.car {
			width: 240px;
		}

		header > div > div.search {
			width: 520px;
		}

		/* Bannerslider */
		
		#bannerslider {
			width: 1020px;
		}

		/* Home */

		#content > div.main:not(.show_sidebar) > div.inside > div.module.home div.category_list > div { width: calc(20% - 8px); }
		#content > div.main:not(.show_sidebar) > div.inside > div.module.home div.category_list > div:nth-child(5n) { margin-right: 0; }
		#content > div.show_sidebar > div.inside > div.module.home div.category_list > div { width: calc(24.27% - 2px); }
		#content > div.show_sidebar > div.inside > div.module.home div.category_list > div:nth-child(4n) { margin-right: 0; }	

		/* Banner Slider */
		
		#bannerslider > div.banners > div.banner > div.label > div {
			padding: 0 40px;
		}

		#bannerslider > div.banners > div.banner > div.label > div > label {
			font-size: 38px;
		}

		#bannerslider > div.banners > div.banner > div.label > div > p {
			font-size: 16px;
			margin-top: 10px;			
		}

		#bannerslider > div.banners > div.banner > div.label > div > div.button {
			margin-top: 20px;
		}

		/* News */

		#content > div.main:not(.show_sidebar) > div.inside > div.module.home.news > div.news > div.article {
			height: 160px;
			width: calc(50% - 5px);
			margin-right: 10px;			
		}

		#content > div.main:not(.show_sidebar) > div.inside > div.module.home.news > div.news > div.article:nth-child(2n) {
			margin-right: 0;
		}
		
		#content > div.show_sidebar > div.inside > div.module.home.news > div.news > div.article {
			height: 160px;
			width: 100%;
		}
		
		/* Products */

		#content > .main.show_sidebar #products_list > .item { width: 32.45%; }
		#content > .main.show_sidebar #products_list > .item:nth-child(3n) { margin-right: 0; }
		#content > .main.show_sidebar #products_list > .item:nth-child(1),
		#content > .main.show_sidebar #products_list > .item:nth-child(2),
		#content > .main.show_sidebar #products_list > .item:nth-child(3) { margin-top: 0; }
		
		#content > .main:not(.show_sidebar) #products_list > .item { width: calc(25% - 7.5px); }
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(4n) { margin-right: 0; }
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(1),
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(2),
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(3),
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(4) { margin-top: 0; }
		
		/* Subcategories */

		#content > .main.show_sidebar .inside div.category_list > div { width: calc(25% - 3.75px); }
		#content > .main.show_sidebar .inside div.category_list > div:nth-child(4n) { margin-right: 0; }
		
		#content > .main:not(.show_sidebar) .inside div.category_list > div { width: calc(20% - 4px); }
		#content > .main:not(.show_sidebar) .inside div.category_list > div:nth-child(5n) { margin-right: 0; }
		
		/* Product Page */

		#content > .main #product_page > div.product_info > div.info {
			padding-left: 10px;
		}

		/* Footer */

		#footer > footer > div.contact,
		#footer > footer > div.info,
		#footer > footer > div.account {

		}

		#footer > footer > div.partners {

		}

	}

	@media (max-width: 1024px) {
		
		#breadcrumb {
			padding: 0 10px;
		}

		#content {
			padding: 0 10px;
		}
		
		#content > div.main {
			margin-top: 10px !important;
		}

		/* Banner slider */

		#bannerslider {
			width: 100%;
			margin-top: 0 !important;
			border-radius: 0;
		}

		#bannerslider > div.banners > div.banner > div.label > div {
			padding: 0 20px;
		}

		#bannerslider > div.banners > div.banner > div.label > div > label {
			font-size: 16px;
			font-weight: var(--font-normal);
			letter-spacing: initial;
		}

		#bannerslider > div.banners > div.banner > div.label > div > p {
			font-size: 14px;
			margin-top: 5px;
			letter-spacing: initial;
		}

		#bannerslider > div.banners > div.banner > div.label > div > div.button {
			display: none;
		}

		/* Home (Modules) */

		#content > div.main > div.inside > div.module.home:first-child {
			margin-top: 5px;
		}

		#content > div.main > div.inside > div.module.home.products > div.product_list div#products_list {
			margin-top: -10px;
		}

		#content > div.main > div.inside > div.module.home div.category_list > div {
			width: calc(50% - 5px) !important;
			margin-right: 10px;
		}	

		#content > div.main > div.inside > div.module.home div.category_list > div:nth-child(2n) {
			margin-right: 0 !important;
		}

		#content > div.main > div.inside > div.module.home > h1,
		#content > div.main > div.inside > div.module.home > h2 {
			text-align: center;
		}

		/* Home (News) */

		#content > div.main > div.inside > div.module.home.news > div.news > div.article {
			height: 100px;
			width: 100%;
		}

		#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.image {
			width: 100px;
			height: 100px;
		}

		#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.title,
		#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.date {
			margin-left: 100px;
		}

		#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.text,
		#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.button {
			display: none;			
		}

		/* Products */

		div.page_list > a:not(.text) {
			display: none;
		}

		#content > .main #products_list > .item { width: calc(50% - 5px); }
		#content > .main #products_list > .item:nth-child(2n) { margin-right: 0; }
		
		#content > .main.show_sidebar #products_list > .item:nth-child(1),
		#content > .main.show_sidebar #products_list > .item:nth-child(2) {
			margin-top: 0;
		}

		#products_list > .item > .buttons > a {
			width: 100%;
		}

		#products_list > .item > .buttons > button {
			display: none;
		}			

		/* Product Page */

		#content > .main #product_page > div.product_info > div.info {
			margin-top: 10px;
			padding-left: 0;
		}
		
		#product_page > div.product_info > div.info > h1 {
			font-weight: var(--font-normal);
		}

		#product_page > div.product_list > h2 {
			margin-bottom: 10px;
		}

		#product_page .ratings_container > div.header > div.row > div.avg {
			padding-bottom: 10px;
		}

		#product_page .ratings_container > div.header > div.row > div.empty {
			padding-bottom: 20px;
		}

		/* Subcategories */

		#content > .main .inside div.category_list > div { width: 100%; }
		
		/* Cart Page */
		
		div#cart-table > div.row > div.cell:nth-child(2) {
			box-sizing: border-box;
		}
		
		div#cart-table > div.row.product {
			overflow: hidden;
			border-radius: var(--border-radius);
			margin-bottom: 10px;
			border: 1px solid #e5e5e5;
			padding: 10px;
		}

		div#cart-table > div.row.product > div.cell {
			padding-bottom: 0;
		}

		div#cart-table > div.row.product > div.cell:nth-child(5) {
			font-weight: var(--font-semi-bold);
			margin-top: 10px;
		}

		div#cart-table > div.row.product > div.cell:nth-child(4) {
			margin-top: 10px;
		}

		div#cart-table > div.row.sum > div.cell:nth-child(1),
		div#cart-table > div.row.sum > div.cell:nth-child(2),
		div#cart-table > div.row.sum > div.cell:nth-child(3) {
			display: none;
		}

		div.cart-bottom {
			text-align: left;
		}
		
		/* Account */

		#wrapper[data-route="create_account"] > #breadcrumb,
		#wrapper[data-route="sign_in"] > #breadcrumb,
		#wrapper[data-route="forgotten_password"] > #breadcrumb,
		#wrapper[data-route="newsletter"] > #breadcrumb {
			height: initial;
		}

		/* Footer */
		
		#footer > footer {
			padding: 10px;
		}

		#footer > footer > div {
			margin-bottom: 20px;
		}

	}