@charset 'UTF-8';

:root {
  --color-text-primary: #060606;
  --color-1: #1f1f25;
  --color-2: #ffda3e;
  --color-3: #474966;
  --color-4: #2f2f3a;
  --color-5: #454553;
  --color-6: #1f1f27;
  --bs-link-color-rgb: #ffda3e;
  --font-main: 'Montserrat', sans-serif;
  --transition: .2s ease-in-out;
}

* {
  font-family: var(--font-main);
  box-sizing: border-box;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.fancybox__container * {
  color: white;
}
a:hover {
	color: var(--color-2);
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#main {
  flex-grow: 1;
  max-width: 100vw;
  overflow-x: hidden;
}

[data-lazy-image] {
  opacity: 0;
}

.mobile {
  display: none;
}

.block-header, .block-header > * {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3em;
	margin: 0 0 30px;
	text-align: center;
	text-transform: uppercase;
}
.accent {
  color: var(--color-2);
}
.block {
	margin: 4rem 0;
}
.breadcrumb {
  margin: 1em 0;
  padding: 0;
  list-style: none;
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li.breadcrumb-divider {
  margin: 0 5px;
}
.breadcrumb li * {
	font-size: 15px;
	line-height: 1em;
	color: #aaa;
	font-weight: 500;
}
.breadcrumb li a {
  color: #474966;
  text-decoration: none;
}
.breadcrumb li a span {
  color: #474966;
}
.page-header, .page-header * {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3em;
	text-transform: uppercase;
	margin: 0;
	color: var(--color-1);
}
.page-header {
	margin: 1em 0;
}

.btn {
	--bs-btn-font-size: 14px;
	--bs-btn-font-weight: 700;
	--bs-btn-padding-x: 15px;
	--bs-btn-padding-y: 10px;
}
.btn-primary {
	--bs-btn-color: var(--color-text-primary);
	--bs-btn-bg: var(--color-2);
	--bs-btn-border-color: var(--color-2);
	--bs-btn-hover-color: var(--color-2);
	--bs-btn-hover-bg: var(--color-4);
	--bs-btn-hover-border-color: var(--color-4);
}
.btn-outline-primary {
	--bs-btn-color: var(--color-2);
	--bs-btn-hover-color: var(--color-text-primary);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--color-2);
	--bs-btn-hover-bg: var(--color-2);
	--bs-btn-hover-border-color: var(--color-2);
}

.category-wrapper {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: flex-start;
	margin: 0 -15px;
}
.category-wrapper > .category-filters {
	flex: 0 0 min(calc(33% - 30px), 300px);
	background: rgba(0,0,0,.05);
	margin: 0 15px;
	padding: 24px;
}
.category-wrapper > .item-page.category {
	flex: 1;
	margin: 0 15px;
}

.productitem .image {
	display: block;
	width: 100%;
	height: 205px;
	margin-bottom: 1rem;
	position: relative;
	background: #f9faff;
}
.productitem .image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	mix-blend-mode: multiply;
}
.productitem .productcard-name {
	display: block;
	font-size: 16px;
	line-height: 1em;
	font-weight: 700;
	color: #222427;
	text-decoration: none;
	transition: var(--transition);
}
.productitem .productcard-name:hover {
	color: var(--color-1);
}
.productitem .productcard-desc {
	display: block;
	margin-top: 5px;
  font-size: 12px;
  line-height: 1em;
  color: #222427;
  text-decoration: none;
}
.productitem .productcard-price {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 1rem 0;
}
.productitem .productcard-price .price {
	font-size: 18px;
	font-weight: 700;
	color: var(--color-2);
}
.productitem .buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-top: 1rem;
}
.productitem .buttons .btn {
	margin: 0 .25rem 0 0;
}
#productTabs {
  border: 0;
}
#productTabs > li {
  flex-grow: 1;
}
#productTabs > li > .nav-link {
  width: 100%;
  border-radius: 0;
  border: 0;
  border-top: 1px solid #e6e6e6;
  color: #000;
  text-transform: uppercase;
  padding: 11px 0 12px;
  transition: var(--transition)
}
#productTabs > li:first-child > .nav-link {
  border-radius: 5px 0 0 5px;
}
#productTabs > li:last-child > .nav-link {
  border-radius: 0 5px 5px 0;
}
#productTabs > li > .nav-link:hover {
  color: var(--color-2)
}
#productTabs > li > .nav-link.active {
  border-color: var(--color-2);
  background: var(--color-2);
  color: var(--color-6);
}
#productTabsContent .tab-pane {
  padding: 2rem 0;
}
.rounded-hint {
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: #ddd;
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.product-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.measuring {
  display: block;
  text-decoration: none;
  color: var(--bs-body-color);
  transition: var(--transition)
}
.measuring:hover {
  color: var(--color-2)
}
.btn.btn-primary:disabled, .btn.btn-primary.disabled, fieldset:disabled .btn.btn-primary {
	color: var(--var-color-6);
	background-color: var(--var-color-6);
	border-color: var(--var-color-6);
	opacity: 0.3;
}
.form-control:focus {
	border-color: var(--color-2);
	outline: 0;
	box-shadow: none;
}
.pagination {
	margin: 0 !important;
}
.pagination .page-link {
	background-color: transparent;
  color: #6c757d;
  outline: 0 !important;
  box-shadow: none !important;
}
.page-link:hover {
	color: var(--color-2);
	border-color: var(--color-2);
}
.pagination .active > .page-link, .page-link.active {
	color: #000;
	background-color: var(--color-2);
	border-color: var(--color-2);
}
.disabled > .page-link, .page-link.disabled {
	opacity: .5;
}
.product_list_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-select {
	outline: 0 !important;
	box-shadow: none !important;
}
.sidebar {
	background: rgba(0,0,0,.05);
	padding: 24px;
}

.sidebar .nav a {
  font-size: 14px;
  text-decoration: none;
  transition: var(--transition)
}
#orderList .nav-tabs {
	width: 100%;
  border: 0;
  border-bottom: 1px solid #ddd !important;
}
#orderList .nav-item:first-child .filter-status {
  padding-left: 0;
}
.filter-status {
  border: 0 !important;
  position: relative;
  font-size: 14px;
  color: #474966;
  margin: 0 !important;
  transition: var(--transition);
}
.filter-status.active,
.filter-status:hover {
  color: #000;
}
.filter-status:before {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: -1px;
  z-index: 2;
  background: var(--color-2);
}
.filter-status.active:before,
.filter-status:hover:before {
  height: 3px;
}
#orderList .nav-item:first-child .filter-status:before {
  left: 0;
}
#orderList table {
	font-size: 12px;
}
.form-control-feedback {
  display: block;
  font-size: 10px;
  color: #f00;
}
.privacy-agreement {
  display: flex;
  align-items: center;
}
.privacy-agreement input {
  margin-right: 7px;
}
.privacy-agreement span {
  font-size: 12px;
  line-height: 14px;
}
.modal .modal-title,
.modal label {
	color: #222427 !important;
}
.gallery-item .icon {
  color: var(--color-2);
}
.gallery-item .icon svg {
  transition: var(--transition)
}
.gallery-item:hover .icon svg {
  width: 42px;
  height: 42px;  
}
.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and ( max-width: 1399px ) {}
@media screen and ( max-width: 1199px ) {}
@media screen and ( max-width: 991px ) {}
@media screen and ( max-width: 767px ) {
	.breadcrumb {
		margin: 0 0 1em;
	}
	.block {
		margin: 1rem 0;
	}
	.block-header, .block-header > * {
		font-size: 18px;
		margin: 0 0 1rem;
	}
	.product_list_bottom {
		flex-direction: column;
	}
	.box_products_count_to_page {
		margin-top: 1rem;
		font-size: 14px;
	}
}
@media screen and ( max-width: 575px ) {}