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

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

	h1 {
		margin: 0;
		font-size: 20px;
		font-weight: var(--font-semi-bold);
	}

	h2 {
		margin: 0;
	}

	h3 {
		font-weight: var(--font-semi-bold);
	}

	/* Animation */

	#content {		
		animation: fadein 1s;
	}

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


	@keyframes appear-in-view {
		0%   { opacity: 0; transform: translate(100px, 0); }
		25%  { opacity: 0; transform: translate(100px, 0); }
		100% { opacity: 1; transform: translate(0, 0); }
	}

	.in-view {
		animation: appear-in-view 1s ease;
		animation-iteration-count: 1;
	}

	/* Colors */

	.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 {
		box-sizing: border-box;
		position: relative;
		border: 1px solid #d9d9d9;
		padding: 10px;
		border-radius: var(--border-radius);
	}

	div.fieldset > label {
		background-color: #f2f2f2;
		border-radius: var(--border-radius);
		font-weight: var(--font-semi-bold);
		padding: 10px;
		color: #4d4d4d;
	}

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

	div.fieldset > div {
		margin-top: 10px;
	}

	/* 404 */

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

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

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

/* ====== */
/* TOPBAR */
/* ====== */

	#topbar {
		width: 100%;
		background-color: var(--topbar-bg-color);
		border-bottom: 1px solid var(--topbar-border-color);
	}

	#topbar > nav {
		box-sizing: border-box;
		margin: 0 auto;
		border-right: 1px solid var(--topbar-border-color);
	}

	#topbar > nav > ul > li > a {
		display: block;
		padding: 10px;
		color: var(--topbar-text-color-base);
		border-left: 1px solid var(--topbar-border-color);
	}

	#topbar > nav > ul > li:hover > a {
		display: block;
		color: var(--topbar-text-color-hover);
	}

	/* Menu */

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

	}

	#topbar > nav > ul > li:first-child > a {

	}

	/* Account */

	#topbar > nav > ul > li.account {

	}

	#topbar > nav > ul > li.account:last-child > a {

	}

/* ====== */
/* HEADER */
/* ====== */
	
	header {
		width: 100%;
		height: 60px;
		background-color: var(--header-bg-color);
	}

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

	/* Logo */
	
	header > div > div.logo {
		height: 60px;
		font-size: 38px;
		font-weight: var(--font-thin);
	}

	header > div > div.logo > a {
		float: left;
		display: block;
		height: 50px;
		margin-top: 5px;
	}

	header > div > div.logo > div.ws.logo.text > a {
		line-height: 55px;
		color: var(--header-text-color-1);
	}

	header > div > div.logo > div.ws.logo.text > a > span {
		color: var(--header-text-color-2);
	}

	header > div > div.logo > a > img {
		display: block;
		float: left;
		max-width: 100%;
		max-height: 50px;
	}

	/* Search */
	
	header > div > div.search {
		height: 60px;
	}

	header > div > div.search  > form {
		margin: 0 30px;
		margin-top: 10px;
		background-color: #ffffff;
		border-radius: 20px;
	}

	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% - 245px);
	}

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

	header > div > div.search  > form > button {
		border-radius: 100%;
		width: 40px;
		height: 40px;
		padding: 0;
		background-color: rgba(0, 0, 0, 0) !important;
		color: var(--main-text-color) !important;
		margin-right: 5px;
	}

	/* Cart */
	
	header > div > div.cart {
		height: 60px;
	}

	header > div > div.cart > table {
		position: relative;
		display: block;
		float: right;
		height: 40px;
		margin-top: 10px;
		color: var(--header-text-color-1);
	}

	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: 40px;
	}

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

	header > div > div.cart > table > tbody > tr > td.icon > i {
		font-size: 22px;
		line-height: 40px;
	}

	header > div > div.cart > table > tbody > tr > td.icon > span {
		font-size: 30px;
		line-height: 40px !important;
		text-align: center;
		font-weight: 300;
		width: 40px;
		height: 40px;
	}

	header > div > div.cart > table > tbody > tr > td.icon > i,
	header > div > div.cart > table > tbody > tr > td.icon > span {
		border-radius: var(--border-radius);
		color: var(--header-cart-icon-color);
		background-color: var(--header-cart-bg-color);
	}

	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: 40px;
		line-height: 40px;
		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: 40px;
	}

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

	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 10px rgba(0, 0, 0, 0.2);
		font-size: 13px;
	}

	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 {
		background-color: #f2f2f2;
		padding: 10px;
		margin-bottom: 20px;
	}

	#breadcrumb > ul {
		margin: 0 auto;
	}

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

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

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

	/* Back Button */

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

	#breadcrumb > div.back-btn > a {
		float: left;
		display: block;
		padding: 10px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: var(--border-radius);
	}

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

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

	#nav nav {
		width: 1650px;
		margin: 0 auto;
		min-height: 50px;
		text-align: center;
	}

	#nav nav > ul {
		display: inline-block;
		text-align: left;
	}

	/* Main level */

	#nav nav > ul > li > a {
		position: relative;
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
		color: var(--main-nav-text-color-base);
	}

	#nav nav > ul > li > a::after {
		content: "";
		display: block;
		position: absolute;
		bottom: 12px;
		left: 0;
		width: 0%;
		margin-left: 50%;
		height: 1px;
		opacity: 0;
		background-color: var(--main-nav-text-color-base);
		-webkit-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear;		
	}

	#nav nav > ul > li:hover > a::after {
		opacity: 1;
		width: calc(100% - 30px);
		margin-left: 15px;
	}

	#nav nav > ul > li:hover > a {
		text-decoration: none;
	}	

	#nav nav ul li a > i {
		font-size: 10px;
		margin-left: 10px;
	}

	/* Dropdown menu */

	#nav > nav li ul {
		padding: 10px;
		background-color: #ffffff;
		border-radius: 0;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	}

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

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

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

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

	#content {
		overflow: hidden !important;
		margin: 0 auto;
		background-color: #ffffff;
	}

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

	#content > .main.show_sidebar {

	}

	#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,
	#wrapper[data-route="payment"] #content > div.main,
	#wrapper[data-route="confirmation"] #content > div.main {
		background-color: #ffffff;
		border-radius: var(--border-radius);
		border: 1px solid #e5e5e5;
		padding: 20px;
		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 h1,
	#wrapper[data-route="payment"] #content h1,
	#wrapper[data-route="confirmation"] #content 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 {
		margin-bottom: 20px;
	}

	#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 {

	}

	/* Article */
	
	#wrapper[data-route="cikk"] #content > div.main > div.inside > div.html > div.date {
		opacity: 0.5;
		margin-bottom: 20px;
		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 h1 {
		color: var(--text-success);
		margin-bottom: 20px;
	}

	#wrapper[data-route="confirmation"] > #content > div.main h1 > i {
		font-size: 18px;
		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);
		margin-bottom: 20px !important;
	}

	#wrapper[data-route="confirmation"] #content > div.main > div.inside > div.html > div.content_html > div.transport {
		margin-bottom: 20px;
	}

	#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);
		padding-right: 10px;
	}

	#wrapper[data-route="confirmation"] #content > div.main > div.inside > div.html > div.content_html > div.transport > div.table > div.row > div.cell:nth-child(2) {
		opacity: 0.75;
	}

	#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) > i {
		font-size: 12px;
	}

	/* 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 {
		overflow: hidden;
	}

	#content > div.sidebar > div.inside div.container {
		background-color: #ffffff;
		border-radius: var(--border-radius);
		border: 1px solid #e5e5e5;
		padding: 20px;
		margin-bottom: 20px;
	}

	#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.content {
		margin-top: 20px;
	}

	/* Home */

	#wrapper[data-route="home"] #content > div.sidebar {
		margin-top: 30px;
	}

	/* 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);
	}

	/* Filter */

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

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

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

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

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

	form[name='filter'] .price > div .ui-slider-handle {
		outline: 0;
		background: var(--button-main-bg-color-base);
		border-radius: 3px;
		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: 20px;
	}

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

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

	/* Top & Bottom bars */

	div.products_bar {
		padding: 10px;
		border-radius: var(--border-radius);
		background-color: #f5f5f7;
		clear: both;
	}
	
	div.products_bar.top,
	div.products_bar.bottom {
		margin-top: 20px;
	}
	
	div.products_bar > div.info {
		line-height: 40px;
		padding-left: 10px;
	}

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

	/* H1 */

	#wrapper[data-route="termekek"] #products_list > div.ws.msg {
		margin-top: 20px;
	}

	/* Descrioption */
	
	#wrapper[data-route="termekek"] > #content .description_html,
	#wrapper[data-route="termekek"] > #content .description_text {
		margin-top: 20px;
	}

	#wrapper[data-route="termekek"] > #content .description_html > p:first-child {
		margin-top: 0;
	}

	#wrapper[data-route="termekek"] > #content .description_html > p:last-child {
		margin-bottom: 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 {
		clear: both;
	}

	#products_list > .item {
		padding: 20px;
		background-color: #ffffff;
		border-radius: var(--border-radius);
		margin-right: 20px;
		margin-top: 20px;
		-webkit-transition: all 200ms linear !important;
		-ms-transition: all 200ms linear !important;
		transition: all 200ms linear !important;		
		border: 1px solid rgba(0, 0, 0, 0);
	}

	#products_list > .item:hover {
		border: 1px solid #e5e5e5;
		transform: translate(0, -5px);
	}

	/* 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 {
		
	}

	/* Description */

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

	/* Date */

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

	/* Stock */

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

	/* Price */

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

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

	}

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

	#products_list > .item > .price > .percent {
		top: 10px;
		left: 10px;
		height: 26px;
		line-height: 26px;
		padding: 0 20px;
		font-size: 12px;
		font-weight: var(--font-normal);
		background-color: var(--text-danger);
		border-radius: 13px;
		color: #ffffff;
		letter-spacing: 1px;
	}

	/* Buttons */

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

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

	#products_list > .item > .buttons > button {
		-webkit-transition: all 200ms linear !important;
		-ms-transition: all 200ms linear !important;
		transition: all 200ms linear !important;		
		width: 100%;
		float: left;
		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);
	}

	#products_list > .item:hover > .buttons > button {
		border: 1px solid var(--button-secondary-border-color-hover);
		background-color: var(--button-secondary-bg-color-hover);
		color: var(--button-secondary-text-color-hover);
	}

	/* Pages (pagination) */

	div.page_list {
		overflow: hidden;
	}

	div.page_list > a {
		display: block;
		float: left;
		height: 40px;
		min-width: 40px;
		text-align: center;
		line-height: 40px;
		margin-right: 5px;
		padding: 0 10px;
		text-decoration: none;
		border: 1px solid var(--button-secondary-border-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-top: 0;
		margin-top: 20px;
	}

	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: 2px;
		margin-right: 5px;
	}
	
	div.inside > div.products_filters > form {
		border-radius: var(--border-radius);
		background-color: #f5f5f7;
		padding: 10px;
		margin-top: 10px;		
	}
	
	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;
	}
	
/* ============= */
/* SUBCATEGORIES */
/* ============= */

	.inside div.category_list {
		overflow: hidden;
	}

	.inside div.category_list > div {
		float: left;
		box-sizing: border-box;
		overflow: hidden;
		float: left;
		cursor: pointer;
		margin-right: 20px;
		margin-top: 20px;
	}

	/* Image */

	.inside div.category_list > div > div.image {
		width: 100%;
		background-color: #f7f7f7;
		border-radius: var(--border-radius);
	}

	.inside div.category_list > div > div.image > div {
		transform: scale(0.7);
		width: 100%;
		height: 100%;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: var(--border-radius);
		-webkit-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear;				
	}

	.inside div.category_list > div:hover > div.image > div {
		transform: scale(0.8);
	}

	/* Name */

	.inside div.category_list > div > div.name {
		padding: 10px;
		overflow: hidden;
		text-align: center;
		font-weight: var(--font-semi-bold);
	}

	.inside div.category_list > div > div.name a {
		color: var(--main-text-color);
		text-decoration: none;
	}

	.inside div.category_list > div:hover > div.name a {
		color: var(--main-link-color-base);
	}

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

	#product_page > div.product_info {
		overflow: hidden;
	}
	
	/* Image */

	#product_page > div.product_info > div.image {
		border: 1px solid #e5e5e5;
		padding: 10px;
		border-radius: calc(var(--border-radius) * 2);
	}

	#product_page > div.product_info > div.image > div.image_container > div.main {
		border-radius: calc(var(--border-radius) * 2);
		overflow: hidden;
	}

	#product_page > div.product_info > div.image > div.image_container > #item-thumbnails {
		margin-top: 10px;
		background-color: #f5f5f7;
		border-radius: calc(var(--border-radius) * 2);
	}	

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

	#product_page > div.product_info > div.image > div.image_container > #item-thumbnails > div.thumbnails > div.scroll > div > span {
		background-color: #ffffff;
		transform: scale(0.9);		
		border-radius: var(--border-radius);
	}

	#product_page > div.product_info > div.image > div.image_container > div.main > .sale_percent {
		display: none;
	}

	/* Info */

	#product_page > div.product_info > div.info {
		overflow: hidden !important;
		position: relative;
		padding-left: 30px;
	}

	#product_page > div.product_info > div.info h1,
	#product_page > div.product_list > h2 {
		font-weight: var(--font-bold);
		font-size: 20px;		
	}

	#product_page > div.product_info > div.info h1 {
		font-size: 28px;
	}

	/* Price */

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

	#product_page > div.product_info > div.info div.cart-container > div.price {
		margin-bottom: 15px;
	}

	#product_page > div.product_info > div.info > div.price > span.gross,
	#product_page > div.product_info > div.info div.cart-container > div.price > span.gross {
		display: block;
		font-weight: var(--font-bold);
		margin-bottom: 5px;
		font-size: 22px;
	}

	#product_page > div.product_info > div.info > div.price > span.net,
	#product_page > div.product_info > div.info div.cart-container > div.price > span.net {
		display: block;
		font-size: 13px;
	}

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

	#product_page > div.product_info > div.info > div.price.sale > span.date > span {
		font-weight: var(--font-semi-bold);
	}

	#product_page > div.product_info > div.info div.cart-container div.price.sale > span.date {
		margin-top: 10px;
		font-size: 14px;
	}

	/* Sale Label */
	
	#product_page > div.product_info > div.info div.cart-container > div.price {
		position: relative;
		overflow: hidden;
	}

	#product_page > div.product_info > div.info div.cart-container > div.price > div.percent {
		background-color: var(--text-danger);
		color: #ffffff;
		position: absolute;
		top: 0;
		right: 0;
		padding: 0 20px;
		height: 30px;
		line-height: 30px;
		border-radius: 10px;
		border-radius: 15px;
		text-align: center;
		letter-spacing: 1px;
	}

	/* Rate */
	
	#product_page > div.product_info div.rate {
		margin-top: 20px;
		padding: 15px 0;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
	}

	/* Short descreption */
	
	#product_page > div.product_info div.description_short {
		margin-top: 20px;
		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: 20px;
	}

	#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;
		overflow: hidden;
		padding: 10px 0;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
	}
	
	#product_page > div.product_info div.variations > label {
		font-weight: var(--font-semi-bold);
		margin-bottom: 15px;
	}

	#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: 15px;
		border: 1px solid 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: 36px;
		height: 36px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		background-color: #ffffff;
		border-radius: var(--border-radius);
	}

	#product_page > div.product_info > div.info div.variations > a.color:hover {
		border: 1px solid #333333;
	}

	#product_page > div.product_info > div.info div.variations > a.color.active {
		border: 1px solid #333333;
	}

	#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: var(--border-radius);
	}

	/* Presents */

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

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

	}
	
	#product_page > div.product_info div.presents > div.item {
		margin-bottom: 10px;
		border-radius: var(--border-radius);
		background-color: #f5f5f7;
		padding: 10px;
	}

	#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;
		background-color: #ffffff;
		border-radius: var(--border-radius);
	}

	#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) {

	}

	#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 {
		box-sizing: border-box;
		background-color: #f5f5f7;
		padding: 20px;
		border-radius: 10px;
	}

	/* 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 {
		width: calc(100% - 100px);
		margin-left: 10px;
	}

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

	#product_page > div.product_info div.cart button, #product_page > div.product_info div.cart select {
		text-align: center;
		width: 90px;
		padding: 0 !important;
	}

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

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

	#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;
	}

	/* Description */

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

	#product_page > div.product_description > div.content,
	#product_page > div.product_description> div.ws.tabs > div.content {
		padding: 20px 0;
	}

	/* Label */
	
	#product_page > div.product_description > h2 {
		font-size: 14px;
		font-weight: var(--font-semi-bold);
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 20px;
	}

	/* Parameters */

	#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: 10px;
	}

	#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);
	}
	
	/* Tabs */

	#product_page > div.product_description {
		overflow: hidden;
	}

	#product_page > div.product_description > div.ws.tabs > div.header {
		border-bottom: 1px solid #e5e5e5;
	}

	#product_page > div.product_description > div.ws.tabs > div.header > div.title > label {
		position: relative;
		padding: 15px 20px;
		margin-right: 5px;
		font-weight: var(--font-semi-bold);
	}

	#product_page > div.product_description > div.ws.tabs > div.header > div.title > label::after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0;
		height: 3px;
		background-color: var(--main-link-color-base);
		-webkit-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		transition: all 200ms ease;		
	}

	#product_page > div.product_description > div.ws.tabs > div.header > div.title > label.active::after {
		left: 0;
		width: 100%;
	}

	#product_page > div.product_description > div.ws.tabs > div.header > div.title > label:not(.active):hover {
		color: var(--main-link-color-base);
	}

	#product_page > div.product_description > div.ws.tabs > div.header > div.title > label.active {
		color: var(--main-link-color-base);
	}

	#product_page > div.product_description > div.ws.tabs > div.header > div.title > label > i,
	#product_page > div.product_description > h2 > i {
		width: 20px;
		font-size: 14px !important;
	}

	/* Products list */

	#product_page #products_list {
		margin-top: 10px;
	}

	#product_page > div.product_description > h2,
	#product_page > div.product_list > h2 {
		margin-top: 20px;
		font-weight: var(--font-semi-bold) !important;
	}

	/* Comments */

	#product_page .ratings_container > div.header {

	}

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

	#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: 10px 0;
	}

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

	#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 {

	}
	
	#product_page .ratings_container > div.header > div.row > div.bars > div.table > div.row > div.cell {
		padding-top: 5px;
	}

	#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: 1px solid #e5e5e5;
		padding: 20px;
		border-radius: var(--border-radius);
	}

	#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: 13px;
		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: #f5f5f7;
		border-radius: 5px;
		padding: 20px 0;
	}

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

	#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;
	}

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

	#bannerslider {
		
	}
	
	#bannerslider > div.banners {
		background-color: rgba(0, 0, 0, 0.15);
	}

	/* Label */

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

	#bannerslider > div.banners > div.banner > div.label > div > label {
		font-weight: var(--font-semi-bold);
	}

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

	}

	#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 > div.index {
		padding-top: 15px;
		height: 14px;
		line-header: 14px;
		text-align: center;
	}

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

	#bannerslider > div.index > div.active {
		background-color: var(--main-link-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;
		opacity: 0;
	}

	#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  {
		box-sizing: border-box;
		margin: 0 auto;
		width: 650px;
		padding: 20px;
		background-color: #ffffff;
		border-radius: var(--border-radius);
		border: 1px solid #e5e5e5;
	}
	
	div.user_form > form > p.hr {
		display: block;
		padding: 0;
		margin: 0;
		margin-top: 20px;
		font-weight: var(--font-semi-bold);
	}

	div.user_form > form > p.btn {
		display: block;
		padding: 0;
		margin: 0;
		margin-top: 20px;
	}

	/* Dashboard */

	#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 > ul.ws.nav {
		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;
	}

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

	#content > div.main > div.inside > div.module.home {
		box-sizing: border-box;
		overflow: hidden;
		margin-top: 50px;
	}

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

	#content > div.main > div.inside > div.module.home > h1,
	#content > div.main > div.inside > div.module.home > h2 {
		font-weight: var(--font-semi-bold);
		font-size: 20px;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 30px;
		padding-bottom: 20px;
	}

	/* Categories */

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

	/* Products */

	#content > div.main > div.inside > div.module.home.products {
		background-color: #f7f7f7;
		border-radius: var(--border-radius);
		padding: 20px;
	}

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

	}

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

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

	#content > div.main > div.inside > div.module.home.brands > div.brands {
		width: 100%;
		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 {
		width: calc(100% - 80px) !important;
	}

	#content > div.main > div.inside > div.module.home.brands > div.brands > div.button {
		width: 40px !important;
	}

	#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: 40px;
		height: 40px;
		line-height: 40px;
		margin-top: 30px;
		background-color: #ffffff;
		border-radius: 100%;
		-webkit-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		transition: all 100ms linear;
		background-color: #f5f5f5;				
	}

	#content > div.main > div.inside > div.module.home.brands > div.brands > div.button > div:hover {
		background-color: var(--button-main-bg-color-base);
		color: var(--button-main-text-color-base);
	}

	#content > div.main > div.inside > div.module.home.brands > div.brands > div.button > div > i {
		font-size: 12px;
	}

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

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

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

	#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 {
		position: relative;
		box-sizing: border-box;
		border: 1px solid rgba(0, 0, 0, 0);
		overflow: hidden;
		float: left;
		background-color: #ffffff;
		-webkit-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		transition: all 100ms linear;
		cursor: pointer;
		margin-top: 20px;
		margin-right: 20px;
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.image {
		width: 100%;
		height: 200px;
		background-color: rgba(0, 0, 0, 0.1);
		border-radius: calc(var(--border-radius) * 2);
	}
	
	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.image > div {
		-webkit-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear;
		transform: scale(1);
	}				

	#content > div.main > div.inside > div.module.home.news > div.news > div.article:hover > div.image > div {
		transform: scale(1.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 {
		
	}

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

	#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 {
		margin-bottom: 10px;
		opacity: 0.5;
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.text {
		margin-bottom: 20px;
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.button {
		margin-top: 20px;
		height: 40px;
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.button > button {
		position: absolute;
		left: 0;
		bottom: 0;
		background-color: var(--button-main-bg-color-base);
		color: var(--button-main-text-color-base);
		border: none !important;
	}

	#content > div.main > div.inside > div.module.home.news > div.news > div.article > div.button > button:hover {
		background-color: var(--button-main-bg-color-hover);
		color: var(--button-main-text-color-hover);
	}

/* ========= */
/* 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: 20px;
	}

	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 */
/* ====== */
	
	#wrapper div.footer-p {
		height: 20px;
		clear: both;
	}

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

	#footer > footer {
		margin: 0 auto;
		padding: 20px 0;
		padding-top: 40px;
	}
	
	#footer > footer > div {
		margin-bottom: 20px;
		padding-right: 20px;
	}


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

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

	#footer > footer > div > ul > li > i {
		display: none;
	}

	#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 > 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);
	}

	#footer > footer > label {
		padding-top: 20px;
		border-top: 1px solid var(--footer-border-color);
		color: var(--footer-nav-text-color-base);
	}

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

	/* Nav */

	#responsive-menu {
		background-color: var(--header-bg-color);
	}

	#responsive-menu > a {
		color: var(--header-text-color-1);
	}

	#responsive-menu > a.active {
		color: var(--header-text-color-2);
	}

	#responsive-menu > a.menu-icon > div {
		background-color: var(--header-text-color-1);
	}

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

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

	#responsive-menu > div.menu {
		background-color: #ffffff;
	}

	#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-normal);
	}

	#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: 100%;
		background-color: #ff3333;
		color: #ffffff;
		font-weight: var(--font-semi-bold);

	}

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

	@media (min-width: 1661px) {
		
		/* Layout */

		#topbar > nav, header > div, #breadcrumb > ul, #nav nav, #content, #footer > footer,
		#bannerslider > div.banners > div.banner > div.label {
			width: 1650px;
		}

		/* Header */

		header > div > div.logo {
			width: 350px;
		}
	
		header > div > div.search {
			width: 950px;
		}
		
		header > div > div.cart {
			width: 350px;
		}		

		/* Content */

		#content > .main.show_sidebar {
			margin-left: 320px;
			width: 1330px;
		}

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

		/* Products */

		#content > .main.show_sidebar #products_list > .item { width: calc(20% - 16px); }
		#content > .main.show_sidebar #products_list > .item:nth-child(5n) { margin-right: 0; }
		#content > .main:not(.show_sidebar) #products_list > .item { width: calc(16.6% - 15.6px); }
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(6n) { margin-right: 0; }
		
		/* Item */

		#product_page > div.product_info > div.image {
			width: 40%;
		}

		#product_page > div.product_info > div.info {
			width: 60%;
		}

		#product_page > div.product_info > div.info h1,
		#product_page > div.product_info > div.info > div.price,
		#product_page > div.product_info div.rate,
		#product_page > div.product_info div.description_short,
		#product_page > div.product_info > div.info > div.table,
		#product_page > div.product_info div.variations,
		#product_page > div.product_info div.presents {
			width: calc(100% - 400px) !important;
		}

		#product_page > div.product_info div.cart-container {
			position: absolute;
			top: 0;
			right: 0;
			width: 380px !important;
		}

		/* Subcategories */

		#content > .main.show_sidebar .inside div.category_list > div { width: calc(16.6% - 16px); }
		#content > .main.show_sidebar .inside div.category_list > div:nth-child(6n) { margin-right: 0; }
		#content > .main:not(.show_sidebar) .inside div.category_list > div { width: calc(12.5% - 17.5px); }
		#content > .main:not(.show_sidebar) .inside div.category_list > div:nth-child(8n) { margin-right: 0; }
		
		/* Banner Slider */

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

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

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

		/* News */

		#content > div.main > div.inside > div.module.home.news > div.news > div.article { width: calc(25% - 15px); }
		#content > div.main > div.inside > div.module.home.news > div.news > div.article:nth-child(4n) { margin-right: 0; }

	}

	@media (min-width: 1360px) AND (max-width: 1660px) {
		
		/* Layout */

		#topbar > nav, header > div, #breadcrumb > ul, #nav nav, #content, #footer > footer,
		#bannerslider > div.banners > div.banner > div.label  {
			width: 1300px;
		}

		/* Header */

		header > div > div.logo {
			width: 280px;
		}
	
		header > div > div.search {
			width: 740px;
		}
		
		header > div > div.cart {
			width: 280px;
		}		

		/* Content */

		#content > .main.show_sidebar {
			margin-left: 300px;
			width: 1000px;
		}

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

		/* Products */

		#content > .main.show_sidebar #products_list > .item { width: calc(25% - 15px); }
		#content > .main.show_sidebar #products_list > .item:nth-child(4n) { margin-right: 0; }
		#content > .main:not(.show_sidebar) #products_list > .item { width: calc(20% - 16px); }
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(5n) { margin-right: 0; }
		
		/* Item */

		#product_page > div.product_info > div.image {
			width: 35%;
		}

		#product_page > div.product_info > div.info {
			width: 65%;
		}

		#product_page > div.product_info > div.info h1,
		#product_page > div.product_info > div.info > div.price,
		#product_page > div.product_info div.rate,
		#product_page > div.product_info div.description_short,
		#product_page > div.product_info > div.info > div.table,
		#product_page > div.product_info div.variations,
		#product_page > div.product_info div.presents  {
			width: calc(100% - 320px) !important;
		}

		#product_page > div.product_info div.cart-container {
			position: absolute;
			top: 0;
			right: 0;
			width: 300px !important;
			padding: 10px;
		}

		/* Subcategories */
		
		#content > .main.show_sidebar .inside div.category_list > div { width: calc(20% - 16px); }
		#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.6% - 16px); }
		#content > .main:not(.show_sidebar) .inside div.category_list > div:nth-child(6n) { margin-right: 0; }
		
		/* Banner Slider */

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

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

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

		/* News */

		#content > div.main > div.inside > div.module.home.news > div.news > div.article { width: calc(33% - 9px); }
		#content > div.main > div.inside > div.module.home.news > div.news > div.article:nth-child(3n) { margin-right: 0; }

	}

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

		#topbar > nav, header > div, #breadcrumb > ul, #nav nav, #content, #footer > footer,
		#bannerslider > div.banners > div.banner > div.label  {
			width: 1000px;
		}

		/* Header */

		header > div > div.logo {
			width: 210px;
		}
	
		header > div > div.search {
			width: 580px;
		}
		
		header > div > div.cart {
			width: 210px;
		}		

		/* Content */

		#content > .main.show_sidebar {
			margin-left: 260px;
			width: 740px;
		}

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

		#content > .main.show_sidebar #products_list > .item { width: calc(33% - 11px); }
		#content > .main.show_sidebar #products_list > .item:nth-child(3n) { margin-right: 0; }
		#content > .main:not(.show_sidebar) #products_list > .item { width: calc(25% - 15px); }
		#content > .main:not(.show_sidebar) #products_list > .item:nth-child(4n) { margin-right: 0; }
		
		/* Item */

		#product_page > div.product_info > div.image {
			width: 45%;
		}

		#product_page > div.product_info > div.info {
			width: 55%;
		}

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

		#product_page > div.product_info > div.info > div.price > div.percent {
			display: none;
		}

		/* Subcategories */

		#content > .main.show_sidebar .inside div.category_list > div { width: calc(25% - 15px); }
		#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% - 16px); }
		#content > .main:not(.show_sidebar) .inside div.category_list > div:nth-child(5n) { margin-right: 0; }
		
		/* Banne Slider */

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

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

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

		/* News */

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

	}

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

		/* Content */

		#content {
			box-shadow: none;
		}

		#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,
		#wrapper[data-route="payment"] #content > div.main,
		#wrapper[data-route="confirmation"] #content > div.main {
			border-radius: 0;
			border: none;
			padding: 10px;
		}

		#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 h1,
		#wrapper[data-route="payment"] #content h1,
		#wrapper[data-route="confirmation"] #content h1 {
			margin-bottom: 10px;
		}

		#wrapper[data-route="cikk"] #content > div.main > div.inside > div.html > div.date {
			margin-top: -5px;
		}
		
		/* Account */

		#wrapper[data-route="create_account"] > #breadcrumb,
		#wrapper[data-route="sign_in"] > #breadcrumb,
		#wrapper[data-route="forgotten_password"] > #breadcrumb,
		#wrapper[data-route="newsletter"] > #breadcrumb {
			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  {
			border-radius: 0;
			border: none;
			padding: 20px;
		}

		#wrapper[data-route="my_account"] > #content > div.main,
		#wrapper[data-route="termekek"] > #content > div.main {
			padding: 10px;
		}
		

		#wrapper[data-route="home"] #content {
			padding: 0 10px;
		}

		/* Products */

		#products_list > .item {
			padding: 10px;
			margin-right: 10px;
		}

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

		/* Item */

		#product_page > div.product_info > div.image {
			border: none;
			border-radius: 0;
		}

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

		#product_page h2 {
			margin-left: 10px !important;
			margin-right: 10px !important;
		}

		#product_page #products_list {
			padding: 0 10px;
		}

		#product_page > div.product_info div.rate {
			padding: 15px 0;
		}
		
		#product_page > div.product_info > div.info h1 {
			font-weight: var(--font-thin);
		}

		#product_page > div.product_info > div.info > div.price > div.percent {
			display: none;
		}

		#product_page > div.product_description > div.ws.tabs > div.header > div.title {
			padding: 0 20px;
		}

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

		#product_page > div.product_description > div.content,
		#product_page > div.product_description> div.ws.tabs > div.content {
			padding: 20px;
		}

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

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

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

		#product_page .ratings_container > div.header > div.row > div.empty > label > i {
			font-size: 22px !important;
		}

		#product_page .ratings_container > div.header > div.row > div.empty > label > span {
			display: block;
			margin-top: 10px;
		}

		/* Subcategories */

		#content > .main .inside div.category_list > div { width: calc(50% - 10px); }
		#content > .main .inside div.category_list > div:nth-child(2n) { margin-right: 0; }
		
		/* Home */
		
		#content > div.main > div.inside > div.module.home.products {
			padding: 10px;
		}

		/* Banne Slider */

		#bannerslider > div.banners > div.banner > div.label {
			box-sizing: border-box;
			width: 100% !important;
			padding: 0 20px;
		}

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

		/* News */
		
		#content > div.main > div.inside > div.module.home.news > div.news > div.article { margin-right: 0; }
		
		/* 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: 20px;
			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-table > div.row.sum > div.cell {
			
		}

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

		}

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

		/* Footer */

		#footer > footer > div {
			padding-left: 20px;
		}

	}