@font-face {
	font-family: Gilroy-Regular;
	src: url(/fonts/Gilroy-Regular.woff2);
	font-display: swap;
}


@font-face {
	font-family: Gilroy-Bold;
	src: url(/fonts/Gilroy-Bold.woff2);
	font-display: swap;
}

@font-face {
	font-family: Gilroy-Medium;
	src: url(/fonts/Gilroy-Medium.woff2);
	font-display: swap;
}

@font-face {
	font-family: Gilroy-Black;
	src: url(/fonts/Gilroy-Black.woff2);
	font-display: swap;
}

:root {
	--main-color: #edc7dc;
	--main-color-hover: #5f002d;
	--font-regular: "Gilroy-Regular", sans-serif;
	--font-bold: "Gilroy-Bold", sans-serif;
	--font-medium: "Gilroy-Medium", sans-serif;
	--font-semibold: "Gilroy-Semibold", sans-serif;
	--font-black: "Gilroy-Black", sans-serif;
}


body {
	font-family: var(--font-regular);
	font-weight: 400;
	color: #121212;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
    background-color: #fff;
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #121212;
}

.fa {
	font-size: 14px;
}

h1 {
	font-size: 33px;
}

h2 {
	font-size: 27px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 15px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 10.2px;
}

a {
	color: #121212;
}

a:hover {
	text-decoration: none;
	color: var(--main-color-hover);
}

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

label {
	font-size: 15px;
	font-weight: normal;
}

select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
	font-size: 15px;
	border-radius: 5px;
	box-shadow: none;
	min-height: 45px;
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
	font-size: 15px;
}

.input-group .input-group-addon {
	font-size: 15px;
	height: 30px;
}

/* Fix some bootstrap issues */
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}

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

#logo {
	margin: 0 0 10px 0;
}
/* search */
#search {
	margin-bottom: 10px;
	
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	
}


.alert {
	padding: 45px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	margin: 0;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);
	border: 1px solid #f1f1f1;
	z-index: 500;
	color: #121212;
}

.alert i {
	display: none;
}

.alert-dismissable .close,
.alert-dismissible .close {
	position: absolute;
	margin: 0;
}

.breadcrumb {
	border: none;
	background: transparent;
	display: flex;
	white-space: nowrap;
	padding: 0;
	margin: 10px 0;
	overflow-x: auto;
	font-size: 13px;
}


.breadcrumb::-webkit-scrollbar {
	width: 0px !important;
	display: none !important;
	background: transparent !important;
}

.breadcrumb>li {
	padding: 0 15px;
	position: relative;
	color: #999;
	white-space: nowrap;
}

.breadcrumb>li+li:before {
	content: "";
	padding: 0;
}

.breadcrumb>li:after {
	content: '/';
	display: block;
	position: absolute;
	top: 0;
	right: -4px;
	width: 6px;
	height: 20px;

}

.breadcrumb>li:first-child {
	padding-left: 0;
}

.breadcrumb>li:last-child::after {
	display: none;
}

.breadcrumb>li:last-child {
	padding-right: 0;
}

.breadcrumb a {
	color: #121212;
}


.pagination>li>a,
.pagination>li>span {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	width: 50px;
	height: 50px;
	color: #777;
	font-size: 16px;
	margin-right: 0;
	gap: 10px;
	background: transparent;
	border: none;
	border: 1px solid transparent;
	
}

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

.pagination {
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	justify-content: center;
	margin: 30px 0;
	border-radius: 0;
	gap: 5px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	border-radius: 50%;
	border: 1px solid var(--main-color);
	color: var(--main-color-hover);
	background: var(--main-color);
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	background: transparent;
	color: #999;
	border-color: transparent;
}




.pagination-text-justify form {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 0;
}

.pagination>li.pagination-right>a {
	width: 100%;
}

.pagination>li svg {
	height: 15px;
}

.pagination>li.pagination-left>a {
	width: 100%;
}

.pagination>li.pagination-left {
	margin-right: 20px;
}

.pagination>li.pagination-right {
	margin-left: 10px;
}
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 14px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	background-color: #e7e7e7;
}

.btn-primary {
	color: #ffffff;
	background-color: var(--main-color-hover);
	border-color: var(--main-color-hover);
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 50px;
	padding: 0 50px;
	font-size: 16px;
	cursor: pointer;
	width: max-content;

}
.btn-light {
	color: var(--main-color-hover);
	background-color: transparent;
	border-color: var(--main-color-hover);
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 50px;
	padding: 0 50px;
	font-size: 16px;
	cursor: pointer;
	width: max-content;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	background-color: var(--main-color-hover) !important;
	border-color: var(--main-color-hover) !important;
	outline: none !important;
}

.btn-warning {
	color: #ffffff;
	
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: var(--main-color);
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #444;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 14px;
	display: block;
}
.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}

.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}


#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

/* fix oclabs */
.alert-dismissable .close, .alert-dismissible .close {
	right: -1px;
}

@media (min-width: 870px) {
	.container {
		width: 850px;
	}
}

@media (min-width: 970px) {
	.container {
		width: 950px;
	}
}

@media (min-width: 1050px) {
	.container {
		width: 1030px;
	}
}

@media (min-width: 1120px) {
	.container {
		width: 1100px;
	}
}

@media (min-width: 1185px) {
	.container {
		width: 1170px;
	}
}

@media (min-width: 1215px) {
	.container {
		width: 1200px;
	}
}

@media (min-width: 1315px) {
	.container {
		width: 1300px;
	}
}

@media (min-width: 1415px) {
	.container {
		width: 1400px;
	}
}

@media (min-width: 1515px) {
	.container {
		width: 1470px;
	}
}


.main-menu {
	position: sticky;
	top: 0;
	z-index: 200;
	background-color: #fff;
	border-bottom: 1px solid #f0dff6;
	box-shadow: 0 0 30px 20px rgb(0 0 0 / 3%)
}

.main-menu .container {

	
	position: relative;
}

.main-menu__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 0;
}

.main-menu__list>li>a {
	color: #000;
	line-height: 1;
	padding: 20px 0;
	display: flex;
	position: relative;
	text-transform: uppercase;
    font-size: 13px;
}

.info-menu {
	color: #000;
	line-height: 1;
	padding: 20px 0;
	display: flex;
	position: relative;
	text-transform: uppercase;
    font-size: 13px;
}

.main-menu__list>li>a:hover {
	color: var(--main-color-hover);
}

.main-menu__dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 20px 30px rgb(0 0 0 / 10%);
	border: 1px solid #f2f2f2;
	padding: 20px;
	z-index: 3;
	min-width: 400px;
}
.main-menu__dropdown-menu--left {
	right: 0;
	left: auto;
}

.main-menu__dropdown:hover .main-menu__dropdown-menu {
	display: flex;
}

.main-menu__dropdown-menu ul a {
	font-size: 15px;
	text-transform: none;
}

.main-menu__dropdown-menu .main-menu__title a {
	font-size: 25px;
}

.main-menu__dropdown-menu ul {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	height: max-content;
	width: 100%;

}

.main-menu__dropdown {
	position: relative;
}

.mobile-menu__btn {
	height: 16px;
	width: 17px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	display: none;
	flex-direction: column;
	justify-content: space-between;
}

#mobile-oc-filter-button {
	display: none;
}

.mobile-menu__line {
	background-color: #121212;
	display: block;
	height: 1.5px;
	opacity: 1;
	width: 100%;
}

.mobile-menu {
	display: none;
	padding: 40px;
	border-right: 1px solid #ededed;
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
	background-color: #fff;
	position: fixed;
	width: 45vw;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 600;
	flex-direction: column;
	overflow-y: auto;
}

.mobile-menu__plus {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-menu.visible-menu {
	display: flex;
}

.mobile-menu__list {
	width: 100%;
	margin-bottom: 30px;
}

.mobile-menu__li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	border-bottom: 1px solid #ededed;
}

.mobile-menu__dropdown-menu {
	padding: 20px 0;
}

.mobile-menu__dropdown-menu ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.mobile-menu__dropdown-menu ul a {
	font-size: 16px;
}

.mobile-menu__li a {
	font-size: 16px;
}


.prmn-cmngr__title a {
	display: flex;
	align-items: center;
	color: #121212;
	gap: 10px;
}


#search .input-lg {
	height: 60px;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid var(--main-color-hover);
	
	border-radius: 0;
	outline: none;
	padding-left: 0;
}
#search .close {
	height: 80px;
	width: 80px;
}
#search .btn-lg {
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	background-color: transparent;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid var(--main-color-hover);
	border-radius: 0;
	outline: none;
	padding: 0;
}

.header #search button.btn-lg svg {
	height: 20px;
	fill: var(--main-color-hover);
}

#search-btn {
	cursor: pointer;
	display: flex;
}

.search-drop {
	transform: translateY(-100%);
	transition: all .4s ease-in-out;
	position: fixed;
	z-index: 600;
	top: 0;
	left: 0;
	background-color: #fff;
	border-bottom: 1px solid #ededed;
	padding: 50px 0;
	width: 100%;
}

.search-drop .container {
	display: flex;
	width: 50%;
}

.search-drop.visible-search {
	transform: translateY(0);
	box-shadow: 0 10px 15px 0 rgb(0 0 0 / 5%);
}

#cart>.btn {
	background: none;
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	border: none;
	display: flex;
}
.header {
	position: relative;
	z-index: 500;
	background-color: #fff;
}
.header svg {
    height: 20px;
	fill: var(--main-color-hover);
}
.header svg:hover {
	fill: #121212;
}

.header>.container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.header .container::before,
.header .container::after {
	display: none;
}

.header__left {
	display: flex;
	gap: 50px;
	align-items: center;
}

.header__logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header__logo img {
	max-width: 100px;
	width: 100%;
}

.header__right {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 50px;
}

.header__currency .btn-group>button.btn {
	padding: 0 15px 0 0;
	position: relative;
	color: #121212;
}

.header__currency .btn-group>button.btn:hover {
	color: var(--main-color-hover);
}

.header__lang .btn-group>button.btn:hover {
	color: var(--main-color-hover);
}

.header__lang .btn-group>button.btn {
	padding: 0 15px 0 0;
	position: relative;
	color: #121212;
}

.header__currency .btn-group>button.btn::after {
	height: 6px;
	width: 6px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	position: absolute;
	content: "";
	right: 0;
	top: 4px;
	z-index: 50;
	transform: rotate(45deg);
}

.header__lang .btn-group>button.btn::after {
	height: 6px;
	width: 6px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	position: absolute;
	content: "";
	right: 0;
	top: 4px;
	z-index: 50;
	transform: rotate(45deg);
}

.header-right-icons {
	display: flex;
	gap: 5px;
	align-items: center;
}

.header__account a, #search-btn, #wishlist-total, #cart a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
}

#cart-total {
    background-color: var(--main-color-hover);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 0;
    right: 0;
	font-size: 12px;
    border-radius: 5px;
    color: #fff;
}


.close {
	color: #fff;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 1 !important;
	font-size: 0;
	z-index: 100;
}

.close:hover {
	opacity: .7 !important;
}

.close::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(315deg);
	-ms-transform: translate(-50%, -50%) rotate(315deg);
	transform: translate(-50%, -50%) rotate(315deg);
	height: 1px;
	width: 55%;
	background: #121212;
}

.close::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	height: 1px;
	width: 55%;
	background: #121212;
}

#common-home {
	overflow-x: hidden;
	overflow-y: auto;
}

#common-home .slideshow img{
	width: 100%;
}

#content {
	padding-bottom: 50px;
}

.header__lang .dropdown-menu,.header__currency .dropdown-menu {
    min-width: min-content;
    width: 100%;
    max-width: min-content;
}
.dropdown-menu {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #f0dff6;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.header__currency .dropdown-menu button, .header__lang .dropdown-menu button {
    color: #121212;
    font-size: 14px;
}

.inner-sort {
	box-shadow: none;
	border: none;
	outline: none;
	margin: 0;
	color: #121212;
	background: transparent;
	font-size: 14px;
	text-transform: uppercase;
	
}
#input-sort-mobile-btn svg {
	height: 20px;
}
#input-sort-mobile-btn {
	color: #121212;
	background: transparent;
	font-size: 15px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
}

#input-sort-mobile-btn:hover {
	opacity: 0.8;
}
.sort-box {
	position: relative;
	padding-bottom: 15px;
}
#input-sort {
	display: none;
	flex-direction: column;
	gap: 5px;
	background-color: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 20px;
	z-index: 40;
	width: 220px;
	border-radius: 4px;
	border: 1px solid #f0dff6;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

#input-sort.visible-sort {
	display: flex;
}


.categories-list_wall {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 20px;
	margin-bottom: 50px;
}

.categories-list__img {
	border-radius: 50%;
	overflow: hidden;

}
.categories-list__img img {
	transition: all .8s ease-in-out;
	width: 100%;
	height: auto;
}
img {
	object-fit: cover;
	height: auto;
	max-width: 100%;
}
.categories-list__img:hover img {
	transform: scale(1.2);
}
.categories-list__li {
	display: flex;
	flex-direction: column;
	gap: 20px;
	text-align: center;
}

.description-category {
	margin: 50px 0;
}

.top-title {
	margin: 0 0 30px 0;
}

.product-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.product-wrapper.product-wrapper-big {
	grid-template-columns: repeat(4, 1fr);
}
#column-left .product-wrapper.product-wrapper-big, #column-right .product-wrapper.product-wrapper-big{
	display: flex;
	flex-direction: column;
}
.product-wrapper img {
	width: 100%;
	border-radius: 5px;
}
.product-item-btns {
	display: flex;
	justify-content: center;
	gap: 10px;
	width: 100%;
	position: absolute;
	top: 50%;
	opacity: 0;
	transform: translateY(-55%);
	transition: all .3s ease-in-out;
	z-index: 20;
}
.product-item:hover .product-item-btns {
	opacity: 1;
	transform: translateY(-35px);
}
.product-item-btns button {
	background-color: var(--main-color-hover);
	display: flex;
	height: 70px;
	width: 70px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: none;
	opacity: 0.9;
}
.product-item-btns button svg {
	height: 20px;
}
.product-item-btns button:hover {
	opacity: 1;
}
.product-item-image {
	position: relative;
}

.product-item-name {
	font-size: 18px;
	color: #000;
	display: block;
	margin-bottom: 10px;
}

.product-item-caption {
	padding: 15px 0;
}

.product-item-price {
	display: flex;
	gap: 15px;
	font-family: var(--font-semibold);
	font-size: 17px;
	color: #000;
}

.price-old {
    color: #444;
    text-decoration-line: line-through;
    text-decoration-style: solid;
    text-decoration-color: red;
    text-decoration: line-through solid red;
}


#main-slider img {
	width: 100%;
	border-radius: 5px;
}
#thumbnail-slider .splide__track--nav>.splide__list>.splide__slide {
    border: none;
    width: 20% !important;
    height: 150px !important;
    opacity: 0.6;
	aspect-ratio: 1/1;
	border-radius: 5px;
	margin-top: 15px;
}

.product-page {
	display: flex;
	flex-wrap: wrap;
	padding-top: 30px;
}

#product-product {
	padding: 0;
}

.product-right {
	padding: 0 50px;
}

.product-right .breadcrumb {
	margin-top: 0;
	margin-bottom: 15px;
}

.product-page-btns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin: 30px 0 45px 0;
}
.product-page-btns .form-group{
	margin-bottom: 0;
}
.product-page-btns .btn-primary {
	width: 100%;
}
#button-cart {
	background-color: var(--main-color-hover);
	border-color: var(--main-color-hover);
}

.product-right-price {
    display: flex;
    width: 100%;
    gap: 20px;
    font-size: 21px;
    margin: 30px 0;
	font-family: var(--font-medium);
}

.product-right-price__cross-price {
    color: #444;
    text-decoration-line: line-through;
    text-decoration-style: solid;
    text-decoration-color: red;
    text-decoration: line-through solid red;
}
.product-right-price-info {
	margin: 0 0 25px 0;
	position: relative;
	top: -15px;
}

.product-right-stock {
	margin: 30px 0;
	width: max-content;
    background: #f6f6f6;
    padding: 5px 10px;
}

.rating {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
}

.rating-stars {
	display: flex;
	align-items: center;
	gap: 3px;
}

.empty-star {
	fill: #ddd;
}

.full-star {
	fill: #ffb300
}

.btn-wishlist {
	height: 54px;
	width: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: 1px solid #fff;
}

.btn-wishlist svg {
	height: 20px;
}

.btn-wishlist:hover {
	opacity: 1;
	background-color: #fff;
}

.btn-compare {
	height: 54px;
	width: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border: 1px solid #fff;
}

.btn-compare svg {
	height: 20px;
}

.product-description-title, .product-attribute-title, .product-review-title  {
	margin-bottom: 25px;
	font-size: 16px;
}

.product-info-box {
	margin-top: 40px;
}

.star-form {
	fill: #ddd;
	cursor: pointer;
	height: 23px;
}


.star-form.selected {
	fill: #ffb300;
}

.rating-form-stars label input {
	display: none;
}

.rating-form-stars {
	display: flex;
	gap: 5px;
	margin: 15px 0;
}

.review-form-box .buttons {
	display: flex;
	margin: 0;
}

.button-add-review-box {
	display: flex;
	justify-content: flex-start;
}

.button-add-review {
	margin-bottom: 30px;
}

.review-empty {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: rgb(244, 244, 244);
	padding: 15px;
	border-radius: 10px;
}

.form-control {
	border-color: #ddd;
}

#review {
	margin: 20px 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.review-table__header {
	font-size: 17px;
}

.review-table__date {
	font-size: 14px;
}

.review-form {
	border: 1px solid var(--main-color-hover);
    padding: 50px;
	margin-top: 30px;
    width: 100%;
	display: none;
	border-radius: 5px;
}

.review-form .form-control {
	background-color: transparent;
	border-color: var(--main-color-hover);
}
.review-form .form-control:focus, .review-form .form-control:active {
	background-color: transparent;
}
.review-form input.form-control {
	height: 50px;
	margin-bottom: 10px;
}

.title {
	font-size: 25px;
}

#button-review {
	margin-top: 15px;
	height: 54px;
	padding: 10px 25px;
    font-size: 15px;
}

.specification-table-title {
	font-size: 17px;
	margin-bottom: 15px;
	font-family: var(--font-medium);
}

.specification-table-line {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background-color: #f8f2f5;
	border-radius: 5px;
	gap: 20px;
}
.specification-table-line:nth-child(2) {
	background-color: #fff;
}
.specification-table-item {
	padding: 10px;
}
.width-25 {
	width: 25%;
}
.width-50 {
	width: 50%;
}

#thumbnail-slider-list {
	gap: 15px;
}

#thumbnail-slider .splide__track--nav>.splide__list>.splide__slide.is-active {
	opacity: 1;
}
input[type="checkbox"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid var(--main-color-hover);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	outline: none !important;
	margin-left: -30px !important;
	margin-top: 0 !important;
}

input[type="checkbox"]:checked::before {
    content: "";
    width: 9px;
    height: 9px;
    background-color: var(--main-color-hover);
}
.checkbox label {
    min-height: 20px;
    padding-left: 30px !important;
}

h1.product-page-title {
	margin-top: 0;
}

.inner-options .radio {
	margin: 0;
}

.inner-options input {
	display: none;
}

.inner-options label:hover {
	border-color: #000;
}

.inner-options label {
	padding: 0;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	height: 42px;
	width: 100%;
	max-width: max-content;
	align-items: center;
	justify-content: center;
	display: flex;
	min-width: 90px;
	border-radius: 5px;
	border: 1px solid var(--main-color);
	color: #000;
	
}
.inner-options .active-option label {
	color: #fff;
	background-color: var(--main-color-hover);
	border-color: var(--main-color-hover);
}

.inner-options .active-option label:hover {
	color: #fff;
}

.inner-options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

#product .form-group {
	margin-bottom: 25px;
}
.product-page-left {
	position: relative;
}
.btn-wishlist {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 20;
	background-color: rgba(255,255,255,.9);
    display: flex;
    height: 50px;
    width: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: none;
    opacity: 0.95;
}
.boc_order_btn {
	background-color: transparent;
	color: var(--main-color-hover);
	border-color: var(--main-color-hover);
	margin-top: 0 !important;
}

.btn-wtsup-product {
	background-color: #25d366;
	display: flex;
	align-items: center;
	gap: 10px;
	border-color: #25d366;
	color: #fff;
	grid-column: 1 / 3;
}
.btn-wtsup-product:hover {
	background-color: #2aca66 !important;
	border-color: #2aca66 !important;
}
.empty-products {
	font-size: 16px;
	margin-bottom: 20px;
}

.btn-center {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

#common-success #content {
	text-align: center;
	padding: 40px 0;
}

#common-success #content h1 {
	margin-bottom: 20px;
}

.img-center img{
	border-radius: 50%;
	width: 150px;
	height: 150px;
	margin: 0 0 20px 0;
}

.login-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 100px;
	align-items: center;
	
}

.login-grid img {
	width: 100%;
	border-radius: 50%;
	margin: -80px 0;
}

#account-login #content {
	padding: 0;
}
.login-form {
	position: relative;
	width: 70%;
	padding: 50px 0;
}
.login-form h1 {
	margin: 0 0 30px 0;
}
.login-form h1 a {
	color: var(--main-color-hover);
	text-decoration: underline;
}
.fogot {
	display: block;
	margin-top: 10px;
	color: var(--main-color-hover);
}
.account-forgotten #content .form-group input {
	width: 100%;
	max-width: 500px;
}

.account-simpleregister .form-horizontal, .account-simpleedit .form-horizontal, #account-password .form-horizontal, .account-address .form, .account-simpleaddress-insert .form-horizontal, .account-simpleaddress-update .form-horizontal{
	width: 100%;
	max-width: 500px;
	position: relative;
}
.account-address .form {
	border: 1px solid var(--main-color-hover);
	padding: 30px;
	border-radius: 10px;
	margin-top: 25px;
}

.account-simpleregister .form-horizontal::after, .account-simpleedit .form-horizontal::after,.account-simpleaddress-insert .form-horizontal::after,.account-simpleaddress-update .form-horizontal::after {
	content: '';
    position: absolute;
	top: -113px;
    right: -55px;
    width: 107px;
    height: 123px;
    z-index: 50;
    background-image: url(/image/flower.png);
    background-repeat: no-repeat;
    background-size: contain;
	opacity: 0.3;
}
#account-password .form-horizontal::after {
	content: '';
    position: absolute;
	bottom: -50px;
    right: -55px;
    width: 107px;
    height: 123px;
    z-index: 50;
    background-image: url(/image/flower.png);
    background-repeat: no-repeat;
    background-size: contain;
	opacity: 0.3;
}
.account-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 15px;
	padding: 30px 0;
}

.account-grid-item a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 15px;
	padding: 30px;
	border: 1px solid var(--main-color-hover);
	color: var(--main-color-hover);
	border-radius: 10px;
	height: 100%;
	aspect-ratio: 1 / 1;
}
.account-grid-item a:hover {
	background-color: var(--main-color-hover);
	color: #fff;
}
.account-grid-item-logout a {
	background-color: #333;
	color: #fff;
}
.account-grid-item a svg {
	height: 24px;
}
.table-address form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.table-address__item {
    position: relative;
}

#account-address .btn-light {
	min-width: 215px;
}

.order-table {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--main-color-hover);
	border-radius: 10px;
	overflow: hidden;
}

.order-table__line {
	display: grid;
	grid-template-columns: 100px 1fr 1fr 200px 200px;
}

.order-table__col {
	padding: 15px;
	text-align: center;
	font-size: 15px;

}

a.order-table__line:hover {
	background-color: var(--main-color-hover);
	color: #fff;
}

.relative-products {
	margin: 50px 0;
}

.relative-products .title {
	margin-bottom: 30px;
}


footer {
	padding: 70px 0;
	background-color: #2d0719;
	color: #bfabb4;
	margin-top: auto;
}

footer a:hover {
	color: var(--main-color);
}

.footer-grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	gap: 40px;
	position: relative;
}

.footer-logo {
	width: 100%;
	max-width: 150px;
}
.footer-col {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

footer a {
	font-size: 12px;
	color: #bfabb4;
	text-transform: uppercase;
}

.footer-powered {
	padding: 30px 0;
}

.footer-grid::after {
	content: '';
    position: absolute;
	bottom: 0;
    right: 55px;
    width: 107px;
    height: 123px;
    z-index: 50;
    background-image: url(/image/flower3.png);
    background-repeat: no-repeat;
    background-size: contain;
	opacity: 0.1;
}
.home-products {
	margin: 60px 0;
}

.home-products .title {
	margin-bottom: 40px;
	text-align: center;
	font-size: 33px;
}

.home-products-btn {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}


.home-text .container::after,
.home-text .container::before {
	display: none;
}

.home-text .container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 100px;
}

.home-text img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	box-shadow: 5px 5px 30px 0 rgb(0 0 0 / 3%);
}

.home-text__scroll {
	max-height: 300px;
	overflow-y: auto;
	padding-right: 40px;
}

.home-text h1 {
	margin-bottom: 30px;
}

.home-text__text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 50px 0;
}
.home-text__img {
	order: 2;
	position: relative;
}
.home-text__img::after {
	content: '';
    position: absolute;
    right: 0;
    opacity: 0.4;
    top: -10px;
    width: 130px;
    height: 126px;
    z-index: 50;
    background-image: url(/image/flower2.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.home-text__img::before {
	content: '';
    position: absolute;
	left: -22px;
    bottom: -28px;
	width: 136px;
    height: 149px;
    z-index: 50;
    background-image: url(/image/flower.png);
    background-repeat: no-repeat;
    background-size: contain;
}
::-webkit-scrollbar-button {
	background-image: url('');
	background-repeat: no-repeat;
	width: 5px;
	height: 0px
}

::-webkit-scrollbar-track {
	background-color: #fff;
	border: 1px solid #fff
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-color: #666;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #333;
}

::-webkit-resizer {
	background-image: url('');
	background-repeat: no-repeat;
	width: 5px;
	height: 0px
}

::-webkit-scrollbar {
	width: 10px;
}


::-webkit-scrollbar-button {
	background-image: url('');
	background-repeat: no-repeat;
	width: 5px;
	height: 0px
}

::-webkit-scrollbar-track {
	background-color: #fff;

}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #666;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #333;
}

::-webkit-resizer {
	background-image: url('');
	background-repeat: no-repeat;
	width: 5px;
	height: 0px
}

::-webkit-scrollbar {
	width: 5px;
}

#input-filter {
	display: none;
}

#input-filter.visible-filter {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	position: absolute;
	top: 100%;
	left: 0;
    background-color: #fff;
    position: absolute;
    padding: 20px;
    z-index: 40;
    min-width: max-content;
	width: 100%;
    border-radius: 4px;
    border: 1px solid #f0dff6;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.category-controlls {
	display: flex;
	gap: 60px;
}

#filter-btn {
	color: #121212;
    background: transparent;
	box-shadow: none;
	border: none;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
	padding: 0;
	margin: 0;
}

#filter-btn svg {
    height: 20px;
}
#ocfilter {
	margin: 0;
	border: none;
}

.filter-box {
	position: relative;
	padding-bottom: 10px;
}
.overflow-none {
	overflow: hidden;
}
#boc_order .modal-dialog {
	max-width: 450px;
	width: calc(100% - 15px);
	text-align: center;
	border-radius: 10px;
}
.has-warning .form-control {
	border-color: #ddd;
}
.has-error .form-control {
	border-color: red;
}
#boc_order .modal-content {
	padding: 30px;
}
#boc_form .form-control {
	margin-bottom: 10px;
}
#boc_order_title {
	margin-bottom: 20px;
}
.boc-btn button {
	width: 100%;
}

@media (max-width: 1285px) {
	.categories-list_wall {
		grid-template-columns: repeat(5, 1fr);
	}
	.header__right, .header__left {
		gap: 30px;
	}
	.product-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
	.main-menu__list>li>a {
		font-size: 12px;
	}
	.account-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	
}

@media (max-width: 1100px) {
	.main-menu, .header__currency, .header__lang, .header__telephone {
		display: none;
	}
	.mobile-menu .header__currency, .mobile-menu .header__lang {
		display: block;
	}
	.categories-list_wall {
        grid-template-columns: repeat(4, 1fr);
    }
	.mobile-menu__btn {
		display: flex;
	}
	.search-drop .container {
		width: 100%;
	}
	#search .close {
		height: 40px;
		width: 40px;
	}
	.category-controlls {
		justify-content: space-between;
	}
	#input-sort {
		left: inherit;
		right: 0;
	}
	.home-text .container {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.home-text__text {
		padding-top: 0;
	}
	.header__logo img {
		max-width: 70px;
	}
	.header>.container {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.header {
		border-bottom: 1px solid #f0dff6;
		box-shadow: 0 0 30px 20px rgb(0 0 0 / 3%);
	}
	.login-grid img {
		display: none;
	}
	.login-grid {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.product-page {
		padding-top: 15px;
	}
	h1.product-page-title {
		font-size: 25px;
	}
	.product-right-price {
		gap: 15px;
		font-size: 19px;
		margin: 25px 0;
	}
	.product-right {
		padding: 40px 0 0 0;
	}
	.width-50 {
		width: 100%;
	}
	#product-product {
		padding: 0 15px;
	}
}

@media (max-width: 800px) {

	.categories-list_wall {
        grid-template-columns: repeat(3, 1fr);
    }

	.mobile-menu {
		width: 100%;
		padding: 30px;
	}
	.mobile-info {
		font-size: 16px;
	}
	.mobile-controllers {
		display: flex;
		justify-content: space-between;
		gap: 15px;
		margin: 30px 0;
	}
	.header__wishlist {
		display: none;
	}
	.home-products .title {
		margin-bottom: 25px;
		font-size: 25px;
	}
	.product-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
	.home-products {
		margin: 30px 0;
	}
	.home-text__text {
		padding-bottom: 0;
	}
	.home-text h1 {
		margin-bottom: 20px;
		font-size: 25px;
	}
	.footer-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.footer-logo {
		max-width: 100px;
	}
	#input-filter.visible-filter {
		grid-template-columns: 1fr;
		width: calc(100vw - 30px);
		gap: 20px;
	}
	.ocfilter-option .ocf-option-name {
		margin-bottom: 10px;
	}
	.container {
		width: 100%;
	}
	h1 {
		font-size: 25px;
	}
	.account-simpleregister .form-horizontal::after, .account-simpleedit .form-horizontal::after, .account-simpleaddress-insert .form-horizontal::after, .account-simpleaddress-update .form-horizontal::after {
		display: none;
	}
	.account-grid-item a {
		padding: 10px;
	}
	.account-grid {
        grid-template-columns: repeat(2, 1fr);
		gap: 10px;
    }
	.account-grid {
		padding: 0;
	}
	.order-table__col {
		font-size: 14px;
	}
	.order-table__col {
		padding: 8px;
	}
	.order-table__line {
		display: grid;
		grid-template-columns: 37px 1fr 1fr 110px 110px;
	}
	#content {
		padding-bottom: 20px;
	}
	#common-success #content {
		padding: 20px 15px;
	}
	.search-drop {
		padding: 30px 0 20px 0;
	}
	.title {
		font-size: 22px;
	}
	.product-description-title, .product-attribute-title, .product-review-title {
		margin-bottom: 15px;
	}
	.product-info-box {
		margin-top: 35px;
	}
	.relative-products {
		margin: 30px 0;
	}
	.relative-products .title {
		margin-bottom: 20px;
	}
	.review-form {
		padding: 15px 15px 5px 15px;
	}
	#thumbnail-slider .splide__track--nav>.splide__list>.splide__slide {
		height: 80px !important;
	}
	.btn-primary {
		font-size: 14px;
	}
	.review-form .title {
		text-align: center;
	}
	h2 {
		font-size: 20px;
	}

	.mobile-bottom .header__telephone {
		display: flex;
		margin: 30px 0;
		font-size: 20px;
	}
	.mobile-logo {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.mobile-logo img {
		width: 80px;
		height: auto;
	}
}
@media (max-width: 500px) {
	.header__logo img {
		max-width: 52px;
	}
	
	.header-right-icons {
		gap: 0;
	}
	.header__left {
		gap: 15px;
	}
	.prmn-cmngr__title a {
		gap: 5px;
		font-size: 13px; 
	}
	.home-products .title {
        margin-bottom: 20px;
        font-size: 20px;
    }
	.product-wrapper {
		gap: 10px;
	}
	.home-text__img::after, .home-text__img::before {
        width: 80px;
        bottom: -48px;
    }
	.footer-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.footer-col {
		align-items: center;
	}
	.footer-powered {
		padding: 15px 0 0 0;
	}
	footer {
		padding: 40px 0;
	}
	.product-item-name, .product-item-price {
		font-size: 15px;
	}
	.product-item-btns {
		display: none;
	}
	.categories-list_wall {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
	h1 {
		font-size: 20px;
	}
	.login-form {
		width: 100%;
	}
	#account-password .form-horizontal::after {
		display: none;
	}
	.account-address .form {
		padding: 15px;
	}
	.close {
		width: 40px;
		height: 40px;
	}

	.order-table__col {
        padding: 5px;
		font-size: 13px;
    }

	.product-page-btns {
		grid-template-columns: 1fr;
	}
	.btn-wtsup-product {
		grid-column: inherit;
	}
	.btn-wishlist {
		width: 40px;
		height: 40px;
	}
	.alert {
		left: 15px;
		bottom: 15px;
		width: calc(100% - 30px);
	}
	h2 {
		font-size: 18px;
	}
	
}