@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* =============================== MY Grids ============================================*/
.flex-container {
	max-width: 1520px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}

.flex-row {
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
}
.flex-col {
	flex: 1 1 0;
	min-width: 0;
	box-sizing: border-box;
}
/* Пропорциональные колонки */
.flex-col-10 { flex: .25; }
.flex-col-15 { flex: .6; }
.flex-col-20 { flex: .8; }
.flex-col-25 { flex: 1; }
.flex-col-30 { flex: 1.2; }
.flex-col-40 { flex: 1.6; }
.flex-col-45 { flex: 1.8; }
.flex-col-50 { flex: 2; }
.flex-col-60 { flex: 2.4; }
.flex-col-70 { flex: 2.8; }
.flex-col-75 { flex: 3; }
.flex-col-80 { flex: 3.2; }
.flex-col-90 { flex: 3.6; }
.flex-col-100 { flex: 4; }

/* Gaps */
.gap-10 { gap: 10px; }
.gap-16 { gap: 16px; }
/* ========================================================================== */

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	width: 100%;
	background: url('../../default/image/bg_lines.svg') center, #282828;
	background-size: 10px;
}
h1, h2, h3, h4, h5, h6 {
	color: #fff;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #23a1d1;
}
a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	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: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}
#content {
	min-width: 0;
}
.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:after {
	content: '* ';
	color: #fe8e26;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
/* top */
#top {
	background-color: #EEEEEE;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 40px;
}
#top .container {
	padding: 0 20px;
}
.lang-select {
	position: fixed;
	z-index: 9999999;
	bottom: 0;
	display: block;
	overflow: hidden;
	height: 58px;
	text-align: center;
	top: auto;
	right: 10%;
	background: #1E1E1E;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
	border-radius: 8px 8px 0 0;
	cursor: pointer;
}

.lang-select .lang-code {
	padding: 10px 24px 10px 24px;
	font-size: 90%;
	color: #BDBDBD;
	text-align: center;
	margin-top: 6px;
	display: block;
	cursor: pointer;
}

.lang-select .current-lang {
	display: block;
	width: 100%;
	height: 100%;
}

.lang-list {
	display: none;
	max-height: 300px;
	overflow-y: auto;
	text-align: center;
	/*margin-top: 6px;*/
	padding: 0px 9px 6px 9px !important

}

.lang-list .lang-code {
	text-decoration: none;
	padding: 10px 12px 10px 12px;
}

.lang-list .lang-code.choose:hover {
	color: #FFFFFF;
	background: #4F4F4F;
	border-radius: 2px;
}
.lang-select.is-active {
	height: auto;
}

.lang-select.is-active .lang-list {
	display: block;
}

.lang-select.is-active .current-lang {
	display: none;
}
.lang-select.is-active .current-lang {
	display: none;
}

#top .btn-link, #top-links li, #top-links a {
	color: #888;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
	line-height: 14px;
}
#top-links {
	padding-top: 6px;
}
#top-links a + a {
	margin-left: 15px;
}
/* logo */
#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;
	text-shadow: 0 1px 0 #FFF;
}
/* cart */
/*#cart {*/
/*	margin-bottom: 10px;*/
/*}*/

#cart {
	position: inherit;
}

.cart-total {
	position: absolute;
	width: auto;
	padding: 0px 7px;
	height: 20px;
	border-radius: 10px;
	top: -6px;
	right: 14px;
	background-color: #f4fe26;
	white-space: nowrap;
	color: #232323;
	font-size: 12px;
}

#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
	overflow-y: auto;
	max-height: 800px;
	scrollbar-width: thin;
	overflow-x: hidden;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu {
	/*background: linear-gradient( 336.84deg, rgba(0, 0, 0, 0.2) 15.92%, rgba(0, 0, 0, 0) 85.98% ), #e4e4e4;*/
	/*box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.25);*/
	/*border-color: #1f90bb #1f90bb #145e7a;*/
	min-height: 40px;
}
#menu .nav > li > a {
	color: #2f2f2f;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
	font-weight: 700;
}
#menu .nav > li > a:hover {
	text-decoration: underline;
}
.navbar-header .navbar-collapse {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}
/*background: linear-gradient( 336.84deg, rgba(0, 0, 0, 0.2) 15.92%, rgba(0, 0, 0, 0) 85.98% ), #e4e4e4; */
.navbar-collapse
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}

.slideshow.swiper-viewport {
	background: transparent;
	border: none;
	box-shadow: none;
	border-radius: 10px;
	min-height: 485px;
}

.slideshow.swiper-viewport .swiper-slide {
	padding: 0;
}

.slideshow.swiper-viewport .swiper-slide a,
.slideshow.swiper-viewport .swiper-slide img {
	display: block;
	width: 100%;
	max-width: 100%;
}

.swiper-button-prev,
.swiper-button-next {
	display: none;
}

/* category page */


#content.category-wrapper {
	background-color: #343434 !important;
	border-radius: 10px;
	padding-right: 0px;
	padding-left: 0px;
	box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.25);
	/* margin-left: 20px; */
}

.sub-categories-block {
	padding: 30px 30px 0;
	background-color: #292929;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.sub-categories-block .sub-categories-list {
	display: flex;
}

.sub-categories-block .loop_product_item {
	text-align: center;
	flex: 0 0 25%;
	margin-bottom: 30px;
}

.sub-categories-block .loop_product_item .loop_product_thumb {
	background: white;
	border-radius: 10px;
	min-width: 242px;
	height: 160px;
	display: block;
}

.sub-categories-block .loop_product_item .loop_product_thumb:hover {
	background: linear-gradient(0deg, #F4FE26, #F4FE26), radial-gradient(97.26% 97.26% at 50% 50%, #FFFFFF 0%, #696969 90.1%), #E4E4E4;
}

.sub-categories-block .loop_product_item .loop_product_thumb .sub-category-image {
	height: 100%;
	width: 100%;
	padding: 10px;
}

.sub-categories-block .loop_product_item .sub-category-name {
	color: #fff;
	min-height: 60px;
	overflow: hidden;
	font-size: 18px;
	font-weight: 700;
	padding-top: 20px;
	display: block;
}
.products-list-cat {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 30px;
}

.search-products-list {
	border-radius: 10px;
}

.result-top {
	margin-bottom: 30px;
}

.result-top h1 {
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 700;
}

.result-top .search-q {
	font-size: 20px;
	margin-bottom: 20px;
	color: #f4fe26;
	font-weight: 400;
}

.result-top .result-count-q {
	font-size: 18px;
	font-weight: 700;
}

.search-products-list,
.category-products-list {
	background-color: #292929;
	padding: 30px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
/* content */

#content {
	min-height: 600px;
}

.container .breadcrumb {
	padding-left: 366px;
	flex: 0 0 100%;
	max-width: 100%;
	background: transparent;
	border: unset;
}
.flex-container .breadcrumb{
	padding-left: 375px;
	max-width: 100%;
	background: transparent;
	border: unset;
}

.container .breadcrumb a {
	color: #fff;
}

.container .breadcrumb > li {
	text-shadow: unset;
}

.container .breadcrumb > li::after {
	transform: rotate(30deg);
	border-bottom: unset;
	top: -9px;
}

#product-category #content{
	display: flex;
	flex-direction: column;
}

#product-category #content, #product-product #tab-description, #information-information #content {
	font-size: 13px;
}

#product-category .category-title {
	background: #282828;
	padding: 15px 15px;
	margin-bottom: 10px;
	border-radius: 10px;
	display: flex;
	align-items: center;
}

#product-category .category-title h2 {
	color: #FFF;
	font-size: 30px;
	font-weight: 700;
	margin: 0;
}

.category-info-block {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	background-color: #292929;
	border-radius: 10px;
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 2rem;
}

.category-info-block .category-info {
	padding: 2rem 3rem 3rem;
}

.category-info-block .category-info .title-thumb {
	display: flex;
	flex-direction: row;
	margin-bottom: 25px;
	gap: 100px;
}

.short_description {
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: relative;
	display: flex;
	margin-bottom: 25px;
	padding: 30px 0;
	min-height: 150px;
	width: 100%;
}

.short_description::after {
	content: "";
	background: #212121;
	box-shadow: 0px 1px 0px 0px #4E4E4E;
	position: absolute;
	width: 100%;
	height: 1px;
	display: block;
	bottom: 0;
	flex-shrink: 0;
}

.category-info-block .category-info .short_description svg {
	margin-right: 6px;
	position: relative;
	top: 4px;
	flex-shrink: 0;
}

.category-info-block .category-info .title-thumb .thumb {
	width: 156px;
	height: 156px;
	background: radial-gradient(#FFFFFF, #696969);
	border-radius: 8px;
	position: relative;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 156px
}
.category-info-block .category-info .title-thumb .thumb svg{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block;
}

.category-info-block .category-info .title-thumb .thumb img {
	position: relative;
	width: 100px;
	height: auto;
	object-fit: contain;
	background: transparent;
	border: unset;
}

/* header */

header {
	max-height: 133px;
	background: #282828;
}

header .top-header {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

header .container {
	max-width: 1514px;
	width: 100%;
	height: 78px !important;
}

header .logo-header {
	width: 322px;
}

header .search-header {
	width: 290px;
	margin-left: 60px;
	margin-right: 25px;
	padding: 0 !important;
}

header .search-header #search {
	width: 100%;
	margin-bottom: 0;
}

header .search-header input {
	height: 36px;
	background-color: #282828;
	border-radius: 10px !important;
	padding: 0 0 0 20px;
	border: 1px solid #fff;
	color: #fff;
	transition: 0.55s ease;
	line-height: 1;
	outline: none;
	z-index: 2;
}

header .search-header input::placeholder {
	color: #bdbdbd;
	opacity: 1;
}

header .search-header input:focus {
	background-color: #282828;
	border-color: #d9d9d9;
	color: #fff;
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: none;
}

header .search-header .search-btn {
	width: 36px;
	height: 36px;
	background: #fff !important;
	box-shadow: unset !important;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 10px !important;
	z-index: 5 !important;
}

header .search-header .search-btn:hover {
	background: #f4fe26 !important;
}

.search-header,
header .left-header-menu {
	display: flex;
	flex-direction: row;
	align-items: center;
}

header .left-header-menu .cart-block,
header .left-header-menu .login-block {
	display: flex;
	flex-direction: column;
	color: #e2e2e2;
	margin-right: 20px;
	font-size: 10px;
	text-align: center;
}

header .left-header-menu .cart-block span {
	text-align: center;
}

header .left-header-menu .cart-block:hover span,
header .left-header-menu .login-block:hover span {
	color: #f4fe26 !important;
}

header  .contacts {
	display: flex;
	flex-direction: row;
	justify-content: end;
	width: 100%;
}

header  .contacts a {
	display: flex;
	align-items: center;
	color: #e2e2e2;
}

header  .contacts .material-icons-outlined,
header  .contacts .fa {
	font-size: 16px;
	margin-right: 10px;
}

header  .contacts .phone-number {
	font-size: 20px;
	font-weight: 700;
	margin-right: 10px;
}

header  .contacts .phone-number-info-hidden .phone-number:hover {
	color: #f4fe26;
}

header  .contacts .contacts-info-hidden {

	position: absolute;
	transition: all ease 0.3s;
	width: 290px;
	background: #282828;
	padding-top: 10px;
	padding-bottom: 50px;
	z-index: 10;
	border-radius: 10px;
	top: 10px;
	left: calc(50% + 150px);
}

/* header  .contacts .contacts-block:hover .contacts-info-hidden {
	display: block;
} */

header  .contacts .contacts-info-hidden .phone-number-info-hidden a:hover,
#close-arrow-header-phone:hover {
	color: #f4fe26 !important;
}
.phone-number-info-hidden{
	display: flex;
	flex-direction: column;
}
.phone_wrapper{
	display: flex;
}
header  .contacts .contacts-info-hidden .phone-number {
	margin-bottom: 20px;
	/*padding-left: 50px;*/
}
.phone-number-info-hidden i{
	margin-bottom: 20px;
	padding-left: 20px;
}

header  .contacts .contacts-info-hidden .social-links {
	border-top: 1px solid #4e4e4e;
	border-bottom: 1px solid #4e4e4e;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 50px;
	font-size: 18px;
	color: #f4f1ed;
}

header  .contacts .contacts-info-hidden .social-links .links-title {
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
}

header  .contacts .contacts-info-hidden .social-links .social-links-list{
	display: flex;
	flex-direction: row;
}

header  .contacts .contacts-info-hidden .social-links .social-links-list a {
	background: #fff;
	color: #292929;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	border-radius: 100%;
	align-items: center !important;
	justify-content: center;
	display: flex;
	text-decoration: none;
}
header  .contacts .contacts-info-hidden .social-links .social-links-list a:hover {
	background: #f4fe26;
}

header  .contacts .contacts-info-hidden .social-links .social-links-list a .material-icons-outlined {
	margin-right: 0;
}

header  .contacts .contacts-info-hidden .map-leading {
	margin-top: 20px;
	padding-left: 50px;
	font-weight: 700;
	display: flex;
	align-items: center !important;

}

header  .contacts .contacts-info-hidden .map-leading .material-icons-outlined {
	color: #e2e2e2;
	font-size: 30px;
}

header  .contacts .contacts-info-hidden .map-leading span {
	color: #6dd257;
	font-size: 16px;
	font-weight: 700;
}

/* header menu */

.menu-header-wrapper {
	height: 54px;
	background: linear-gradient( 336.84deg, rgba(0, 0, 0, 0.2) 15.92%, rgba(0, 0, 0, 0) 85.98% ), #e4e4e4;
	box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.25);
	margin-bottom: 10px;
}

.navbar .navbar-collapse {
	height: 51px !important;
	display: flex !important;
	justify-content: flex-end;
	padding-left: 339px;
}

.navbar .navbar-collapse .navbar-nav {
	height: 100%;
	min-width: 1015px;
	padding-left: 30px;
}

.menu-header-wrapper .navbar-nav > li {
	height: inherit;
}

.menu-header-wrapper #menu .navbar-nav > li > a {
	display: flex;
	align-items: center !important;
	padding: 15px;
}

.navbar li:nth-last-child(n+2)::after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	height: 31px;
	transform: translate(0, -50%);
	border-left: 2px solid #a7a7a7;
	box-shadow: -1px 0px 0px #ececec;
}

/* footer */
footer {
	margin-top: 30px;
	padding-top: 50px;
	padding-bottom: 30px;
	background-color: #232323;
	color: #e2e2e2;
}

footer .footer {
	max-width: 1514px;
	width: 100%;
}

.footer ul > li {
	margin-bottom: 20px;
	text-align: left;
	font-weight: 700;
	width: 50%;
}

.footer_container_map a.route_link {
	color: #6dd257;
	font-weight: 700;
	max-width: 220px;
}

.footer_container_map a.route_link:hover {
	color: #f4fe26;
}

.footer_container_map img {
	margin-right: 10px;
}
.footer .powered {
	color: #A0A0A0;
	font-size: 12px;
	text-align: center;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #f4fe26;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
.alert > .close {
	position: relative;
	top: -2px;
	right: 0px;
	color: inherit;
}
/* breadcrumb */
.breadcrumb {
	margin: 10px 0 15px 0;
	padding: 0;
	border: 1px solid #ddd;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	margin-right: 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:not(:last-child)::after {
	content: '';
	display: block;
	position: absolute;
	top: -8px;
	right: -10px;
	width: 18px;
	height: 26px;
	/*border-right: 1px solid #DDD;*/
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-65deg);
}
html[dir=rtl] .breadcrumb > li::after {
	top: -3px;
	left: -5px;
	width: 26px;
	height: 26px;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	right: unset;
	border-right: unset;
	border-bottom:unset;

}
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	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: 12px;
}
.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;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #1f90bb;
	background-position: 0 -15px;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	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;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	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;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	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;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	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: #23A1D1;
	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;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	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;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	margin-bottom: 20px;
	overflow: auto;
	text-align: center;
	padding-bottom: 20px;
}
.product-thumb .image {
	text-align: center;
}

.product-thumb .image img {
	border-radius: 10px;
	width: 100%;
}
.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-thumb .product-title {
	font-size: 16px;
	line-height: 1.35;
	color: #fff;
	font-weight: 700;
}

.product-thumb .product-title:focus {
	text-decoration: none;
}

.thumbnails .main-img {
	height: 364px;
	border-radius: 10px;
	padding: 0;
	border: 0;
}

.thumbnails .main-img a {
	color: unset;
}

.thumbnails .main-img img {
	width: auto;
	height: 100%;
	object-fit: cover;
}

.product-thumb .product-title:hover {
	color: #f4fe26;
}
.product-grid .product-thumb .image {
	float: none;
}
.thumbnails {
	min-height: 360px;
	/*height: 100%;*/
}
.thumbnails .thumbnail {
	width: 100%;
	height: auto;
}

.thumbnails .thumbnail img {
	height: 360px;
	width: 100% !important;
	max-width: unset !important;
	border-radius: 10px;
}

.thumbnails a.thumbnail,
.thumbnails a.thumbnail:hover {
	border: unset;
	border-radius: 11px;
}

.thumbnails-nav .slick-slide {
	margin: 0 6px;
}

.thumbnails-nav img {
	height: 64px;
	width: auto;
	display: block;
}

#thumb-image img {
	width: 100px;
	height: auto;
}

.slick-next {
	right: 0px;
}

.slick-next::before {
	content: '\f105';
}

.slick-prev {
	left: 0px;
}

.slick-prev:before {
	content: '<';
}

.slick-prev::before, .slick-next::before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.top-product-info .thumbnails-nav .image-additional,
.top-product-info .thumbnails-nav .image-additional img {
	width: auto !important;
	border-radius: 10px;
}

/*.thumbnails-nav .slick-list .slick-current {*/
/*	border: 1px solid #f4fe26;*/
/*}*/

.thumbnails-nav .slick-list {
	margin: 0 20px;
}

.thumbnails-nav .slick-track {
	display: flex;
	justify-content: center;
	gap: 8px;
	/*width: auto !important;*/
	transform: unset;
}

.thumbnails-nav .image-additional {
	flex: 0 0 auto;
}

.thumbnails-nav img {
	height: 64px;
	width: auto;
	display: block;
}

ul.thumbnails {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .thumbnails-nav {
	display: flex;
	max-height: 65px;
	justify-content: center;
}
#content .thumbnails-nav img {
	height: 60px;
}

.product .info-product-block {
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 15px;
}

.product .add-product-btn:before,
.product .info-product:after {
	content: '';
	display: block;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4e4e4e;
}

.product .add-product-btn:before {
	margin-bottom: 10px;
}

.product .product-title {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 0;
	line-height: 1.2;
}


.product .add-product-btn .single_add_to_cart_button {
	position: relative;
	min-width: 172px;
	min-height: 50px;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 23px;
	text-transform: uppercase;
	padding: 0 35px;
	cursor: pointer;
	overflow: hidden;
	background-color: #f4fe26;
	color: #000;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
	width: auto;
	height: 38px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: none;
	transition: all ease 0.3s;
}
.preorder-modal__body .single_add_to_cart_button {
	position: relative;
	min-width: 172px;
	min-height: 40px;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 23px;
	text-transform: uppercase;
	padding: 0 35px;
	cursor: pointer;
	overflow: hidden;
	background-color: #f4fe26;
	color: #000;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
	width: auto;
	height: 38px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: none;
	transition: all ease 0.3s;
}

.product .add-product-btn .button-cart__preorder {
	position: relative;
	min-width: 172px;
	min-height: 50px;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 23px;
	text-transform: uppercase;
	padding: 0 35px;
	cursor: pointer;
	overflow: hidden;
	background-color: rgba(48, 48, 48, 0.7);
	color: #fff;
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
	width: auto;
	height: 38px;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: none;
	transition: all ease 0.3s;
}

.product-thumb .button-cart__preorder.btn {
	background-color: rgba(48, 48, 48, 0.7);
	color: #fff;
	border: 1px solid #bbbbbb;
}

.product .product-summary {
	min-height: 364px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	border-radius: 10px;
	background: #282828;
	box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.25);
	padding: 0 25px;
}

.product .price-qty {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.price-qty .price {
	font-size: 36px;
	font-weight: 700;
}

button.b {
	cursor: pointer;
    padding: 0 15px;
    overflow: hidden;
    background-color: #f4fe26;
    color: #000;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
    width: auto;
    height: 38px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    text-shadow: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    transition: all ease 0.3s;
}
div.link {
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    height: 25px;
    border: none;
}
div.link p{
    margin-bottom: 12px;
}
@media (max-width: 1400px){
	.price-qty .price{
		font-size: 30px;
	}
	.thumbnails .thumbnail img{
		height: 300px;
	}
	.product .product-summary,
	.thumbnails{
		min-height: 300px;
	}
}

.availability-product {
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
}

.availability-product .availability-text {
	background: #353535;
	padding: 5px 10px;
	border-radius: 10px;
}

.product-info__about .bottom-product-quantity,
.product .price-qty .bottom-product-quantity{
	margin: 0 15px 0 0;
	width: 95px;
	height: 30px;
	position: relative;
	display: flex;
	flex-direction: row;
}

.quantity-minus,
.quantity-plus {
	display: block;
	position: absolute;
	z-index: 3;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-color: transparent;
	border-radius: 10px;
	color: #fff;
	border: 1px solid #fff;
	transition: all ease .3s;
}

.quantity-minus:hover, .quantity-plus:hover {
	background-color: #fff;
	color: #000;
}

.quantity-plus {
	top: 0;
	right: 0;
}

.quantity-minus:before {
	content: '-';
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 16px;
	justify-content: center;
	align-items: center;
	line-height: 1;
	padding-bottom: 4px
}

.quantity-plus:before {
	content: '+';
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 16px;
	justify-content: center;
	align-items: center;
	line-height: 1;
	padding-bottom: 4px;
}

.delete-product{
	content: url('../image/icon_trash.svg');
	position: absolute;
	width: 100%;
	height: 90%;
	left: 75px;
	bottom: 3px;
	cursor: pointer;
}

.product-quantity__block {
	margin-top: 5px;
}

.name-product .name-product__link {
	color: #f4fe26;
	text-decoration: none;
	outline: 0;
	transition: all ease 0.25s;
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
}

.button-checkout-submit {
	padding-right: 15px;
	padding-left: 15px;
}

.button-checkout-submit a {
	border-radius: 10px;
	border: 1px solid #E4E4E4;
	box-shadow: 0px 3.32467px 4.4329px 0.55411px rgba(244, 254, 38, 0.25);
	display: flex;
	padding: 10px 21px;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
	background: linear-gradient(0deg, #F4FE26 0%, #F4FE26 100%), radial-gradient(97.26% 97.26% at 50% 50%, #FFF 0%, #696969 90.1%), #E4E4E4;
	color: #000;
}

.button-checkout-submit a:hover {
	color: #000;
}

.product-info__about .cart-quantity,
.product .price-qty #input-quantity {
	outline: none;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width: 100%;
	height: 100%;
	padding: 0;
	text-align: center;
	display: block;
	background: transparent;
	color: #fff;
	font-size: 20px;
}

.product .price-qty #input-quantity input::placeholder {
	color: #9b9b9b !important;
	font-size: 12px;
	font-style: normal;
}

.product .add-product-btn .form-group {
	margin-top: 20px;
	margin-bottom: 0;
}

.product .add-product-btn .single_add_to_cart_button:hover {
	background-color: #565656;
	color: #fff;
}

.product .add-product-btn .button-cart__preorder:hover {
	background-color: #565656;
	color: #fff;
}
#preorderProductTitle {
	display: inline-block;
	padding-right: 40px;
}

/* related products */
.related-products-block {
	border-radius: 10px;
	background: #282828;
	box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.25);
	padding: 25px 25px;
	margin-top: 15px;
}

.related-products-block .product-item {
	padding-left: 0;
}

.related-products-block h3{
	margin: 0;
}

.related-products-block .related-product {
	display: flex;
	margin-bottom: 0;
	padding-bottom: 0;
}

.related-products-block .product-item:before {
	content: '';
	display: block;
	position: relative;
	bottom: 0;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4e4e4e;
	margin-top: 15px;
	margin-bottom: 15px;
}

.related-products-block .related-product .image {
	padding: 10px 0;
}

.related-products-block .related-product .image img {
	width: 185px;
	height: auto;
	object-fit: cover;
	object-position: center;
}

.related-products-block .related-product .caption {
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 100%;
}

.related-products-block .related-product .caption h4 {
	height: auto;
	min-height: 45px;
}

.related-products-block .related-product .caption h4 a {
	width: 183px;
	display: inline-block;
	font-size: 14px;
	text-align: left;
	color: #fff;
}

.related-products-block .related-product .caption h4 a:hover {
	color: #f4fe26;
}

.related-products-block .related-product .price-add-btn {
	display: flex;
	justify-content: space-between;
}

.related-products-block .related-product .price-add-btn .price {
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 26px;
}

.related-products-block .related-product .price-add-btn .add-btn {
	margin-top: 33px;
}



.related-products-block .related-product .price-add-btn .add-btn {
	cursor: pointer;
	padding: 0 15px;
	overflow: hidden;
	background-color: #f4fe26;
	color: #000;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight: 400;
	font-size: 14px;
	box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
	width: auto;
	height: 38px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: none;
	transition: all ease 0.3s;
}

.related-products-block .related-product .price-add-btn .button-cart__preorder.btn {
	cursor: pointer;
	padding: 0 15px;
	overflow: hidden;
	background-color: rgba(48, 48, 48, 0.7);
	color: #fff;
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight: 400;
	font-size: 14px;
	box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
	width: auto;
	height: 38px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: none;
	transition: all ease 0.3s;
	margin-top: 33px;
}

.related-products-block .related-product .price-add-btn .add-btn:hover {
	background-color: #565656;
	color: #fff;
}

.related-products-block .related-product .price-add-btn .button-cart__preorder.btn:hover {
	background-color: #565656;
	color: #fff;
}

.top-product-info .contents-block {
	margin-top: 10px;
	/* max-width: 50%; */
}

@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 10px;
	min-height: 150px;
}

.product-thumb .caption h4 {
	min-height: 60px;
	overflow: hidden;
	height: 85px;
	display: block;
}

.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
	.product-grid .product-thumb .caption {
		min-height: 180px;
		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 {
	font-size: 26px;
	color: #fff;
	font-weight: 400;
	line-height: 1;
	min-height: 16px;
}
.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: 26px;
	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;
	}
}
.availability {
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 15px;
}
.availability .availability-text {
	background: #353535;
	padding: 5px 10px;
	border-radius: 10px;

}

.product-thumb .button-group button {
	padding: 0 35px;
	border: none;
	display: inline-block;
	/*float: left;*/
	background-color: #f4fe26;
	color: #000;
	box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
	border-radius: 10px;
	font-weight: 400;
	font-size: 14px;
	width: auto;
	height: 38px;
	line-height: 38px;
	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 {
	background-color: #565656;
	color: #fff;
	box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
	transition: all ease 0.3s;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
.thumbnails {
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}

.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 0px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	/*max-width: 78px;*/
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
	#column-left  .product-layout .col-md-3 {
		width: 100%;
	}

	#column-left + #content .product-layout .col-md-3 {
		width: 50%;
	}

	#column-left + #content + #column-right .product-layout .col-md-3 {
		width: 100%;
	}

	#content + #column-right .product-layout .col-md-3 {
		width: 100%;
	}
}

/* fixed product layouts used in left and right columns */
#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;
}
html[dir=rtl] .checkbox input[type="checkbox"],
html[dir=rtl] .checkbox-inline input[type="checkbox"],
html[dir=rtl] .radio input[type="radio"],
html[dir=rtl] .radio-inline input[type="radio"] {
	position: absolute;
	margin-top: 4px\9;
	margin-right: -20px;
	margin-left: unset;
}
html[dir=rtl] .input-group-btn:last-child > .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
html[dir=rtl] .input-group .form-control:first-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: unset;
	border-bottom-left-radius: unset;
}
html[dir=rtl] .container .row:first-child  .col-sm-4, html[dir=rtl] .container .row:first-child  .col-sm-5 {
	float: right;

}
html[dir=rtl] #cart .dropdown-menu {
	left: 0;
	right: auto;

}
@media (min-width: 768px) {

	html[dir=rtl] .navbar-nav {
		float: right;
		margin: 0;
	}

	html[dir=rtl] .navbar-nav > li {
		float: right;
	}

}

.slideshow .swiper-pagination-bullet{
	font-size: 0 !important;
	background-color: transparent;
	border: 1px solid #fff !important;
	border-radius: 100% !important;
	padding: 0 !important;
	box-shadow: unset
}

.slideshow .swiper-pagination-bullet-active {
	background-color: #ffd84d;
}

.container{
	max-width: 1520px;
	width: 100%;
}

.top-header .left-header-menu{
	width: auto;
	flex: 1 1 auto;
}

/* ------ horizontal categories list ------- */

:root {
	--bg: #1f2428;
	--panel: #2a2f34;
	--panel-2: #252a2f;
	--text: #c4c4c4;
	--title-text: #232323;
	--muted: #98a2ad;
	--accent: #ffd84d;
	--ring: #3b82f6;
	--radius: 10px;
	--speed: .25s;
}

#column-left {
	width: 355px;
	max-height: unset;
	overflow: unset;
	left: unset;
	top: unset;
	bottom: unset;
	position: relative;
	z-index: 1;
}

.oc-accordion {
	background: var(--panel);
	border-radius: var(--radius);
	overflow: hidden;
}

.oc-accordion .sidebar__title {
	padding: 13px 16px 13px 20px;
	font-weight: 700;
	background: linear-gradient( 336.84deg, rgba(0, 0, 0, 0.2) 15.92%, rgba(0, 0, 0, 0) 85.98% ), #e4e4e4;
	border-radius: 10px 10px 0 0;
	border-bottom: 1px solid #00000040;
	color: var(--title-text);
}

.oc-accordion .menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.oc-accordion .menu .active {
	color: #f4fe26
}

.submenu .menu-item,
.oc-accordion .menu-item,
.oc-accordion .menu-item a{
	min-height: 41px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	width: 100%;
	/*border-bottom: 1px solid #00000033;*/
}

.oc-accordion .menu > li a {
	border-bottom: 2px solid #464646;
	background: #343434;
}

.submenu .menu-item a .menu-title {
	padding-left: 20px;
	position: absolute;
	left: var(--menu-title-left, 55px);
}

.oc-accordion .menu[data-level="1"] .menu-item:nth-child(odd) {
	/*background: var(--panel-2);*/
}

.oc-accordion .menu-link {
	all: unset;
	box-sizing: border-box;
	display: grid;
	grid-template-columns:24px 1fr 20px;
	align-items: center;
	gap: 10px;
	width: 100%;
	cursor: pointer;
	color: var(--text);
	padding: 0 15px;
}

.oc-accordion .menu .active,
.oc-accordion .menu-link:hover {
	background: #00000020;
}

.oc-accordion .menu .active,
.oc-accordion .menu-link:hover span,
.oc-accordion .menu-link:hover .material-icons-outlined {
	color:#f4fe26;
	font-weight: 700;
	transition: all ease 0.25s;
}

.oc-accordion .menu-button:focus-visible {
	outline: 2px solid var(--ring);
	outline-offset: -2px;
}

.oc-accordion .menu-item.is-open::before,
.oc-accordion .menu-button:hover::before,
.oc-accordion .menu-item .submenu .menu-item::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: var(--accent);
	z-index: 100;
}

.oc-accordion .menu-icon {
	width: 42px;
	height: 25px;
	display: flex;
	justify-content: center;
	filter: brightness(0) saturate(100%) invert(80%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(94%) contrast(87%);
}

.oc-accordion .menu-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.oc-accordion .menu-link i {
	position: absolute;
	right: 5px
}

.oc-accordion .chev {
	width: 14px;
	height: 14px;
	transition: transform var(--speed);
	opacity: .85;
}

.oc-accordion .menu-item.is-open > .menu-button .chev {
	transform: rotate(180deg);
}

.oc-accordion .submenu {
	overflow: hidden;
	max-height: 0;
	transition: max-height var(--speed) ease;
	background: #1f2428;
	width: 100%;
	/*border-top: 1px solid #00000040;*/
}

.oc-accordion .menu-item.is-open > .submenu {
	max-height: none;
}

.oc-accordion .submenu .menu {
	/*padding: 6px 0;*/
}

.oc-accordion .submenu .menu-button {
	padding: 9px 14px 9px 26px;
}

.oc-accordion .submenu .menu[data-level="3"] .menu-button {
	padding-left: 38px;
}

@media (max-width: 420px) {
	.oc-accordion .menu-button {
		padding: 11px 12px;
	}

	.oc-accordion .submenu .menu-button {
		padding-left: 24px;
	}
}

/* ----- categories list home ------- */
.categories-list-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 30px;
	position: relative;
}

.categories-list-row .categories-list {
	font-size: 22px;
	flex-wrap: wrap;
	justify-content: center;
}

.categories-list-row .categories-list .home_categories_wr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 13px;
}

.categories-list-row .categories-list .home_category_item{
	flex: 0 0 150px;
	display: flex;
	justify-content: center;
}

.categories-list-row .categories-list .home_category_item a {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-decoration: none;
	font-size: 22px;
	/*height: 174px;*/
	/*width: 174px;*/
	border-radius: 10px;
	background: radial-gradient( 97.26% 97.26% at 50% 50%, #ffffff 0%, #696969 90.1% ), #e4e4e4;
	box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.25), inset 0px 0px 13px rgba(255, 255, 255, 0.67);
}

.categories-list-row .categories-list .home_category_item a:hover {
	background: linear-gradient(0deg, #f4fe26, #f4fe26), radial-gradient(97.26% 97.26% at 50% 50%, #ffffff 0%, #696969 90.1%), #e4e4e4;
}

.categories-list-row .categories-list .home_category_item img {
	height: 100px;
}

.categories-list-row .categories-list .home_category_item .category_image {
	margin-top: 15px;
	/*height: 110px;*/
}

.categories-list-row .categories-list .home_category_item .category_text {
	text-align: center;
	font-size: 14px;
	color: black;
	margin-top: 10px
}


/* categories */
.categories-list-row .categories-list .home_categories_wr{
	--cat-gap: 13px;
	display: grid;
	gap: var(--cat-gap);
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: stretch;
}


.categories-list-row .categories-list .home_category_item{
	margin: 0;
	padding: 0;
}

.categories-list-row .categories-list .home_category_item a{
	width: 100%;
	aspect-ratio: 1 / 1;
	height: auto;

	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;

	text-decoration: none;
	font-size: 22px;
	border-radius: 10px;

	background: radial-gradient(97.26% 97.26% at 50% 50%, #ffffff 0%, #696969 90.1%), #e4e4e4;
	box-shadow: 0px 6px 8px 1px rgba(0,0,0,0.25), inset 0px 0px 13px rgba(255,255,255,0.67);
}

.categories-list-row .categories-list .home_category_item a:hover{
	background: linear-gradient(0deg, #f4fe26, #f4fe26),
	radial-gradient(97.26% 97.26% at 50% 50%, #ffffff 0%, #696969 90.1%),
	#e4e4e4;
}

@media (max-width: 992px){
	.categories-list-row .categories-list .home_categories_wr{
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 768px){
	.categories-list-row .categories-list .home_categories_wr{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.categories-list-row .categories-list .home_category_item .category_image {
		height:60px;
	}
	.categories-list-row .categories-list .home_category_item .category_image img{
		max-width: 100%;
		max-height: 100%;

		object-fit: contain;
		display: block;
	}
}

@media (max-width: 480px){
	.categories-list-row .categories-list .home_category_item .category_text {
		font-size: 10px;
		margin-top: 1px;
	}
	.categories-list-row .categories-list .home_category_item .category_image {
		height: 50px;
	}
}

/* pagination */

.pagination.pagination-dots {
	display: inline-flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 24px 0;
}

.pagination li {
	display: inline-flex;
	margin: 0 5px;
}

.pagination .page-link,
.pagination li > span {
	display: inline-flex;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	transition: transform .15s ease, background-color .2s ease, color .2s ease;
	color: #fff;
	background: transparent;
}
.pagination li.active > span:hover,
.pagination > li:last-child > a:hover,
.pagination a.page-link:hover {
	transform: translateY(-1px);
	background: #f4fe26;
	color: #232323;
	border-color: unset;
	border-radius: 50% !important;
}

.pagination > li > a:focus {
	background-color: transparent;
	color: #fff;
}

.pagination li.active > span {
	background: #f4fe26 !important;
	text-decoration: none;
	color: #000;
	border-color: unset;
}

.pagination li.dots > span {
	width: auto;
	height: auto;
	border-radius: 0;
	opacity: .7;
	padding: 0 4px;
}

.pagination > li:last-child > a,
.pagination li.disabled > .page-link {
	pointer-events: none;
	color: rgba(255, 255, 255, 0.5);
}

.pagination > li > a,
.pagination > li:first-child > a,
.pagination li.dots > span,
.pagination > li:last-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > span {
	background: transparent;
	border: unset;
	border-radius: 50% !important;
}

.pagination > .disabled > span:hover {
	background: transparent;
}


.pagination > li:last-child > a {
	color: #f4fe26;
	pointer-events: auto;
}

/* accordion */

.acc {
	/* max-width: 760px; */
	margin: 0;
	font-family: system-ui, -apple-system, "Segoe UI", 'Roboto', Arial, sans-serif;
	color: #f3f3f3;
}

.acc-item {
	background: #282828;
	box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	overflow: clip;
	margin-bottom: 15px;
}

.acc-summary {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 18px;
	cursor: pointer;
	user-select: none;
}
.acc-summary::-webkit-details-marker {
	display: none;
}

.acc-title {
	font-weight: 700;
	font-size: 18px;
}

.acc-chevron {
	width: 22px;
	height: 22px;
	fill: #cfcfcf;
	transition: transform .25s ease;
}
.acc-item[open] .acc-chevron {
	transform: rotate(180deg);
}

.acc-content {
	padding: 0 18px 18px;
	display: grid;
	grid-template-rows: 1fr;
	transition: grid-template-rows .3s ease, opacity .25s ease;
	opacity: 1;
}

.acc-content:before {
	content: '';
	display: block;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4e4e4e;
	margin-bottom: 25px;
}

.acc-content p{
	line-height: 1.5;
	font-size: 14px;
	margin-bottom: 15px;
}

.acc-content h2{
	font-weight: 700;
	font-size: 18px;
	margin: 0 0 18px 0;
	line-height: 1.6;
}

.acc-item:not([open]) .acc-content {
	grid-template-rows: 0fr;
	opacity: .0;
	padding-block: 0;
	border-top: none;
}
.acc-item .acc-content > * {
	min-height: 0;
}
.acc-h3 { margin: 0 0 8px; font-size: 16px; }
.acc-h4 { margin: 14px 0 6px; font-size: 15px; }
.acc-steps { margin: 6px 0 0 1.1rem; }
.acc-steps li { margin: 6px 0; }

.table-specification {
	width: 100%;
	border-spacing: 10px;
	border-collapse: separate;
}
.table-specification td:last-child{
	text-align: right;
}

.top-toast{
	position: fixed;
	left: 50%;
	top: calc(50% - 120px);
	transform: translate(-50%, -120%);
	opacity: 0;
	background-color: #282828;
	color: #fff;
	border-radius: 10px;
	z-index: 9999;
	transition: transform .35s ease, opacity .35s ease;
	font-weight: 700;
	min-height: 150px;
	width: 250px;
	justify-content: space-evenly;
	box-shadow: 0px 0px 12px 10px rgb(0 0 0 / 30%);
	display: flex;
	flex-direction: column;
	text-align: center;
	text-transform: uppercase;
}
.top-toast.visible{
	transform: translate(-50%, 14px);
	opacity: 1;
}
.top-toast .button-cart a {
	cursor: pointer;
	padding: 0 15px;
	overflow: hidden;
	background-color: #f4fe26;
	color: #000;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight: 400;
	font-size: 14px;
	box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
	width: auto;
	height: 38px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: none;
	transition: all ease 0.3s;
}

.top-toast .button-cart a:hover {
	background-color: #565656;
	color: #fff;
}

.top-toast[data-type="error"]{ background:#dc3545; }

/* Контейнер панелі */

:root{
	--bar:#2f2f2f;
	--inactive:#cfcfcf;
	--active-bg:#3a3a3a;
	--accent:#f4fe26;
}
.tabs{
	background:var(--bar);
	display:inline-block;
	padding:10px 30px 0;
	/*border-radius:10px 10px 0 0;*/
}

.tabs__list{
	display:flex;
	align-items:flex-end;
	flex-wrap: wrap;
	gap:0;
	list-style:none;
	margin:0;
	padding:0;
}

.tabs__item{
	position:relative;
	margin:0;
	padding:0 2px 0 0;
}
.tabs__item .tab:not(.is-active)::after{
	content:"";
	position:absolute;
	right:0; top:10px; bottom:10px;
	width:1px; background:rgba(255,255,255,.18);
}

.tab{
	appearance:none;
	border:0;
	background:transparent;
	color: #f4fe26;
	padding:16px 18px;
	border-radius:12px 12px 0 0;
	font-weight:400;
	cursor:pointer;
	transition:color .15s ease, background .15s ease;
	font-size: 16px;
}


.tab.is-active{
	background:#292929;
	color: #f4fe26;
}

/* .tab:hover{
	color: #f4fe26;
	font-size: 125%;
	font-weight: bold;
	padding-left: 14px;
	padding-right: 14px;
} */

.tab:focus-visible{
	outline:2px solid var(--accent);
	outline-offset:2px;
}

.output{
	margin-top:14px;
	font-size:18px;
}

@media (max-width: 980px) {
	.tabs{
		display: flex;
		padding: 10px 0 0;
	}

	.tabs__list {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}

/* blogs */
.list-of-news-container {
	display:flex;
	flex-direction: column;
}
.list-of-news-container .news-list {
	display:grid; grid-template-columns:1fr; gap:20px;
}
.news-blog-title {
	background: #282828;
	padding: 15px 15px;
	margin-bottom: 6px;
	border-radius: 10px;
	display: flex;
	align-items: center;
}

.news-blog-title span {
	font-size: 30px;
	font-style: normal;
	line-height: normal;
	font-weight: 700;
}

/* blog item */
.news-item {
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	background: #282828;
	box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.25);
	padding: 35px 40px 30px 40px;
}
.news-blog-categories {
	padding-left: 0px;
	padding-right: 0px;
}

.cat_date_blog {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.blog__article-category-link {
	display: flex;
	align-items: center;
}

.blog__article-category-link span {
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 6px;
}

.news-img {
	width: 100%;
	height: 475px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}

.news-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.blog__article-title::before {
	content: "";
	background: #212121;
	display: block;
	box-shadow: 0px 1px 0px 0px #4E4E4E;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
}

.blog__article-title {
	position: relative;
	color: #FFF;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: block;
	padding-top: 24px;
	margin-top: 24px;
	width: 100%;
	margin-bottom: 30px;
}

.news-description {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.news-description p {
	margin-bottom: 30px;
}

.news-description ul,
.news-description ol {
	margin: 0 0 30px 0;
	padding: 0 0 0 24px;
}

.blog__more-info-about {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
}

.blog__article-tags {
	display: flex;
	flex-direction: column;
	width: calc(50% - 13px);
	margin-left: 13px;
}

.blog__article-tags-list {
	display: flex;
	flex-wrap: wrap;
	column-gap: 11px;
}

.blog__article-tag {
	display: inline-block;
	color: #C4C4C4;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 10px 24px;
	border-radius: 20px;
	border: 1px solid #C4C4C4;
	margin-bottom: 11px;
}

.blog__article-tag:hover {
	color: #F4FE26;
	border: 1px solid #F4FE26;
}

.blog__article-tags-caption {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 18px;
}

.blog__article-socials {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 30px 0 0 0;
	gap:26px;
}

/* .blog__article-social:nth-child(2n+1) {
	margin-right: 13px;
}
.blog__article-social:nth-child(2n) {
	margin-left: 13px;
} */


.blog__article-social {
	width: calc(50% - 13px);
	border-radius: 10px;
	background: #1D1D1D;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	padding: 7px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.blog__article-social svg {
	font-size: 20px;
	margin-right: 6px;
	display: block;
}

.blog__article-social a {
	text-decoration-line: underline;
	color: white;
	margin-left: 6px;
}

.blog__article-social a:hover {
	color: #F4FE26;
}


.spinner {
	width: 32px; height: 32px; border-radius: 50%;
	border: 3px solid #ddd; border-top-color: #333;
	animation: spin .8s linear infinite; margin: 0 auto;
}
@keyframes spin { to { transform: rotate(360deg); } }


.widget_media_gallery {
	display: flex;
	flex-wrap: wrap;
}

#gallery-2 {
	margin: auto;
}

#gallery-2 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}

#gallery-2 .gallery-item {
	text-align: center;
}

.widget_media_gallery .gallery-icon {
	height: 35px;
	width: auto;
}

.widget_media_gallery .gallery-icon img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
	border: none !important;
}

@media (min-width: 992px) {
	.colophon .gallery .gallery-item {
		width: 33% !important;
	}
}

@media (min-width: 992px) {
	.col-lg-6 {

		max-width: 50%;
	}
}



/* трюк з "дзеркалом" */
.thumbnails-nav .slick-track { transform: scaleX(-1); }
.thumbnails-nav .slick-slide { transform: scaleX(-1); }
.thumbnails-nav { direction: ltr; }
/* решта узгоджень такі ж, як у Варіанті A */

.thumbnails-nav .slick-slide { margin: 0 20px; }
.thumbnails-nav .slick-list { padding:0 6px; overflow:hidden; }


.thumbnails-nav .image-additional img { width:100% !important; height:100%; object-fit:cover; display:block; }

@media(max-width: 1150px){
	.thumbnails-nav .slick-slide{
		margin: 0 15px;
	}
}



/*.thumbnails-nav .slick-track { display:block !important; transform: unset !important; }*/
/*!*.thumbnails-nav .slick-slide { float:left !important; }*!*/

/*!* у тебе стоїть margin на .slick-slide => компенсуємо його всередині .slick-list *!*/
/*.thumbnails-nav .slick-slide { margin: 0 16px; }           !* твій відступ між прев’юшками *!*/
/*.thumbnails-nav .slick-list { padding: 0 6px; }           !* ДОДАЙ: щоб 1-й і останній не різались *!*/
/*!* альтернативно замість padding можна так: *!*/
/*!* .thumbnails-nav .slick-list { margin: 0 -6px; } *!*/

/*!* якщо є внутрішній padding на .image-additional — він ок, не впливає на обрізання *!*/
/*.thumbnails-nav .image-additional { box-sizing: border-box; }*/

/*!* якщо стрілки перекривають край — дай ще трохи внутрішнього поля *!*/
/*.thumbnails-nav .slick-list { padding-left: 12px; padding-right: 12px; }*/
.thumbnails-nav .slick-current { border: 1px solid #F4FE26; }

.thumbnails-nav .slick-prev {
	left: -2px;
}

.thumbnails-nav .slick-next {
	right: -2px;
}

/*!* трюк з "дзеркалом" *!*/
/*.thumbnails-nav .slick-track { transform: scaleX(-1); }*/
/*.thumbnails-nav .slick-slide { transform: scaleX(-1); }*/

/*!* решта узгоджень такі ж, як у Варіанті A *!*/
/*.thumbnails-nav.slick-initialized > .slick-list > .slick-track { display:block !important; }*/
/*!*.thumbnails-nav .slick-slide { float:left !important; margin:0 6px; }*!*/
/*.thumbnails-nav .slick-list { padding:0 6px; overflow:hidden; }*/

/*!*.thumbnails-nav .image-additional { width:106px; height:66px; padding:4px; box-sizing:border-box; }*!*/
/*.thumbnails-nav .image-additional img { width:100% !important; height:100%; object-fit:cover; display:block; }*/
.thumbnails-nav .slick-track::after {
	content: "";
	display: block;
	width: calc(100% - 600px); /* ширина вікна мінус показані слайди */
}

/* blogs related */
.blog__popular {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	padding-left: 0px;
	padding-right: 0px;
	gap: 10px;
	justify-content: space-between;
}

.blog__popular-caption {
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	width: 100%;
}

.blog__popular-link {
	border-radius: 10px;
	background: #282828;
	padding: 26px 26px 40px 26px;
	display: flex;
	flex-direction: column;
	width: calc(33.33% - 14px);
	position: relative;
}

.blog__popular-item-title {
	color: #FFF;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 13px;
}

.blog__popular-item-title:hover {
	color: #F4FE26;
}

.blog__popular-item-date {
	color: #C4C4C4;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: absolute;
	bottom: 26px;
	left: 26px;
}

/* info blog block inside description */
.blog__article-ptags {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
}

.blog__article-read-bottom {
	border-radius: 10px;
	background: #3A3A3A;
	display: flex;
	flex-direction: column;
	padding: 22px 25px 30px 25px;
	width: calc(50% - 13px);
	margin-right: 13px;
}

.blog__article-read-bottom-caption {
	color: #FE8E26;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 14px;
}

.blog__article-read-bottom-link {
	display: flex;
	flex-wrap: wrap;
}

.blog__article-read-bottom-image {
	width: 128px;
}

.blog__article-read-bottom-image img {
	border-radius: 10px;
}

.blog__article-read-bottom-title {
	width: calc(100% - 128px);
	padding-left: 19px;
	color: #FFF;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/* load more button */
#news-loadmore-wrap {
	margin-top: 30px;
}
.btn-loadmore{
	display:inline-flex;
	align-items:center;
	gap:.5rem;
	padding: 10px 32px;
	border:0;
	border-radius:6px;
	background: #F4FE26;
	color:#1b1b1b;
	font-size:14px;
	font-weight:400;
	box-shadow:0 1px 0 rgba(0,0,0,.25), inset 0 -2px 0 rgba(0,0,0,.06);
	cursor:pointer;
	transition:transform .12s ease, opacity .2s;
}

.btn-loadmore svg {
	margin-left: 10px;
}

.btn-loadmore.is-loading{ opacity:.6; pointer-events:none; }
.btn-loadmore .chev{ font-size:12px; line-height:1; }

/* contact page */

.position-relative {
	position: relative !important;
}

.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.h-auto {
	height: auto !important;
}
.w-auto {
	width: 100% !important;
}

.bordered_title::after, .page-title::after {
	content: '';
	display: block;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4e4e4e;
}

.contact-page .f22 {
	font-size: 22px;
}

.contact-page .inform-block {
	font-size: 18px;
	line-height: 1.5
}

.support-email,
.contact-page .inform-block a {
	color: #fff;
	font-size: 18px;
}

.support-email:hover,
.contact-page .inform-block a:hover {
	color: #f4fe26;
}

.cooperation a {
	color: #f4fe26;
}

.cooperation a:hover {
	color: #191716;
}

.position-absolute {
	position: absolute !important;
}
.title-info-contact {
	color: #f4fe26;
}
.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
.flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

.contact-page .online-chat-messengers {
	margin-bottom: 40px;
}

[class^="icon-"]::before, [class*=" icon-"]::before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.w-100 {
	width: 100% !important;
}

.pr5 {
	padding-right: 5px;
}

.work-list {
	padding-right: 0px;
	padding-left: 0px;
}

.work-list-title {
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 700;
}

.hd_soc_item {
	background: #fff;
	color: #292929;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	margin-right: 10px;
}

.contact-page .online-chat-messengers .hd_soc_item:hover {
	background: #f4fe26;
	color: #292929;
}

.acf_map {
	display: block;
	height: 290px;
	overflow: hidden;
}

.acf_map iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	.contact-page .col-md-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.contact-page .col-md-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.acf_map {
		border-radius: 10px;
	}
}

/* inform pages */

#information-information #content {
	padding-right: 0;
	padding-left: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8,
.col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 1515px) {
	body:not(.single-product) .content_wr::before {
		content: '';
		display: block;
		position: absolute;
		z-index: -1;
		top: 0;
		left: 15px;
		right: 15px;
		bottom: 0;
		background: #292929;
		box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.25);
		border-radius: 10px;
	}

	.content_wr {
		/*width: 100%;*/
		max-width: 100%;
		padding: 30px 45px 15px;
		position: relative;
	}
}
.post_content h2, .post_content h3, .mb20, .mbres20, .mb30, .mb40, .mb50, .mb60, .mb70, .mb80 {
	margin-bottom: 20px;
}

.col-12, .u-column1.col-1, .u-column2.col-2 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.page-title-block {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.page-about h1::after {
	left: 0;
	right: 0;
}

.page-about .page-title {
	padding-bottom: 16px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	margin-top: 0px;
	margin-bottom: 0px;
}
.contact-page .bordered_title::after, .contact-page .page-title::after,
#information-information .bordered_title::after, #information-information .page-title::after {
	content: '';
	display: block;
	position: absolute;
	left: 15px;
	right: 15px;;
	bottom: -10px;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4e4e4e;
}

.respcenter h1.page-title,
.post-page h1.page-title {
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.respcenter h1,
.post-page h1 {
	margin-top: 0;
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.page-about__title {
	display: flex;
	margin-bottom: 30px;
}

.page-delivery__title svg,
.page-about__title svg {
	flex-shrink: 0;
	margin-right: 9px;
	position: relative;
	top: 3px;
}

.page-about__title span {
	color: #FFF;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;

}

.page-about__first {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.page-about__first-image {
	width: 350px;
	position: relative;
}

.page-about__first-text {
	width: calc(100% - 350px);
	padding-left: 32px;
	padding-top: 0px;
	color: #FFF;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.page-about__second {
	margin-top: 42px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.page-about__second-content {
	display: flex;
	flex-direction: column;
	width: 55%;
	padding-right: 32px;
}

.page-about__second-title {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 8px;
}
.page-about__second-text {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.page-about__second-image {
	width: 45%;
	position: relative;
}

.page-about__second-image img {
	display: block;
	max-width: 100%;
	height: auto;
}

.page-about__third {
	position: relative;
	margin-top: 50px;
	border-radius: 10px;
	background: #3A3A3A;
	padding: 24px;
}

.page-about__third-text {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.page-about__forth {
	position: relative;
	margin-top: 50px;
	display: flex;
	flex-wrap: wrap;
}

.page-about__forth-image {
	width: 350px;
	position: relative;
}

.page-about__forth-text {
	width: calc(100% - 350px);
	padding-left: 32px;
	padding-top: 10px;
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.page-about__fifth {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
	height: 360px;
}

.page-about__fifth-content {
	width: 440px;
	z-index: 2;
}

.page-about__fifth-content-wrap {
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	background: #FFF;
	padding: 24px 30px;
	height: 360px;
}

.page-about__fifth-title {
	color: #292929;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 18px;
}

.page-about__fifth-text {
	color: #292929;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 134.188%;
}

.page-about__fifth-image {
	width: calc(100% - 400px);
	right: 0;
	z-index: 1;
	/* padding-bottom: 360px; */
	position: absolute;
	overflow: hidden;
}

.page-about__fifth-image img {
	border-radius: 10px;
	box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.25);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	object-fit: cover;
	object-position: center;
	height: 100%;
	max-width: none;
}

/* page delivery */
.page-delivery__title {
	color: #FFF;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	align-items: center;
}

.page-delivery__title span {
	margin-left: 9px;
}



.page-delivery__content {
	display: flex;
	flex-direction: column;
	margin-top: 44px;
}

.page-delivery__text {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 15px 21px;
	margin-top: 26px;
	border-radius: 10px;
	background: #3A3A3A;
	display: inline-block;
}

.page-delivery__content-title {
	display: flex;
	align-items: center;
}

.page-delivery__content-icon svg, .page-delivery__content-icon img {
	width: 50px;
	height: auto;
}

.page-delivery__content-title span {
	margin-left: 15px;
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.page-delivery__list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -6px;
	justify-content: flex-start;
	gap:14px;
	margin-top: 25px;
}

.page-delivery__list-item {
	border-radius: 10px;
	background: #3A3A3A;
	padding: 28px 22px;
	flex:1 1 185px;
}

.page-delivery__list-item-title {
	color: #FFF;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
	gap:6px;
}

.page-delivery__list-item-text::before {
	content: "";
	/* background: #272727; */
	/* box-shadow: 0px 1px 0px 0px #4E4E4E; */
	width: 100%;
	height: 1px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}

.post-page .post_content {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: left !important;
}

.post-page h2::before {
	content: "";
	width: 26px;
	height: 26px;
	position: relative;
	display: inline-block;
	margin-right: 6px;
	top: 6px;
	left: 0;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNiAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAyLjVDNi45MjQ4NyAyLjUgMiA3LjQyNDg3IDIgMTMuNUMyIDE5LjU3NTEgNi45MjQ4NyAyNC41IDEzIDI0LjVDMTkuMDc1MSAyNC41IDI0IDE5LjU3NTEgMjQgMTMuNUMyNCA3LjQyNDg3IDE5LjA3NTEgMi41IDEzIDIuNVpNMCAxMy41QzAgNi4zMjAzIDUuODIwMyAwLjUgMTMgMC41QzIwLjE3OTcgMC41IDI2IDYuMzIwMyAyNiAxMy41QzI2IDIwLjY3OTcgMjAuMTc5NyAyNi41IDEzIDI2LjVDNS44MjAzIDI2LjUgMCAyMC42Nzk3IDAgMTMuNVoiIGZpbGw9IiNGNEZFMjYiLz4KPHBhdGggZD0iTTE0LjU3NjEgMTAuMzc1OEwxMy4wNzY3IDE5LjA1MTRIMTFMMTIuNTA3NCAxMC4zNzU4SDE0LjU3NjFaTTEyLjc2NCA4LjE0NjhDMTIuNzU4NiA3LjgxMDA0IDEyLjg2ODIgNy41Mzc0MiAxMy4wOTI3IDcuMzI4OTVDMTMuMzIyNiA3LjExNTE0IDEzLjYwMzIgNy4wMDU1NiAxMy45MzQ2IDcuMDAwMjFDMTQuMjUgNi45OTQ4NyAxNC41MjI2IDcuMDkxMDggMTQuNzUyNSA3LjI4ODg2QzE0Ljk4NzcgNy40ODEzIDE1LjEwNTMgNy43NDMyMiAxNS4xMDUzIDguMDc0NjRDMTUuMTEwNiA4LjQwNjA1IDE0Ljk5ODQgOC42NzU5OSAxNC43Njg1IDguODg0NDZDMTQuNTM4NyA5LjA5MjkzIDE0LjI2MDcgOS4xOTk4NCAxMy45MzQ2IDkuMjA1MTlDMTMuNjE5MiA5LjIxMDUzIDEzLjM0NjYgOS4xMTY5OSAxMy4xMTY4IDguOTI0NTVDMTIuODg2OSA4LjczMjEyIDEyLjc2OTMgOC40NzI4NyAxMi43NjQgOC4xNDY4WiIgZmlsbD0iI0Y0RkUyNiIvPgo8L3N2Zz4KCg==");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.post-page h2 {
	color: #FFF;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	position: relative;
	margin-bottom: 22px;
}

.post-page h3, .post-page h4, .post-page h5 {
	border-radius: 10px;
	background: #3A3A3A;
	padding: 4px 10px;
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 8px !important;
	margin-bottom: 25px !important;
	display: inline-block;
}

.post_content p {
	line-height: 1.5;
}

.col-12 ::after {
	border: unset;
}
.reviews-list__block {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.reviews-list__block .loop-review__block {
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	flex: 0 0 50%;
}

.reviews-list__block .loop-review {
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	background: #343434;
	padding: 20px;
	border-radius: 10px;
}

.reviews-list__block .review-text {
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.5;
	color: #fff;
	text-decoration: none;
}

.reviews-list__block .review-meta {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	color: #b7b7b7;
	position: relative !important;
	font-size: 12px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	align-items: center !important;
}

.reviews-list__block .review-meta:after {
	content: '';
	display: block;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	border: 1px solid #272727;
	box-shadow: 0px 1px 0px #464646;
}

.reviews-list__block .review-description {
	font-size: 14px;
	line-height: 1.5;
}

.review-meta .status,
.review-meta .review-date-block,
.review-meta .review-author-block {
	position: relative;
	padding-right: 10px;
	padding-left: 15px;
	align-items: center !important;
}
.review-meta .rating {
	padding-left: 10px;
}

.review-meta .star-rating-review {
	font-size: 10px;

}

.icon-review__block {
	position: relative;
	margin-top: 20px;
	display: flex !important;
	flex-wrap: wrap !important;
}

.icon-review__block .review_checkbox_item {
	background: #565656;
	font-size: 12px;
	height: 26px;
	position: relative;
	padding-left: 37px;
	padding-right: 10px;
	display: inline-flex;
	align-items: center;
	border-radius: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.icon-review__block .review_checkbox_item::before {
	content: '';
	display: block;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translate(0, -50%);
	width: 17px;
	height: 17px;
}

.icon-review__block .description::before {
	background: url('../../default/image/icon_pencil.svg') center/contain no-repeat;
}

.icon-review__block .price::before {
	background: url('../../default/image/icon_fire.svg') center/contain no-repeat;
}

.icon-review__block .contact::before {
	background: url('../../default/image/icon_flash.svg') center/contain no-repeat;
}

@media (min-width: 768px) {
	.icon-review__block .review_checkbox_item {
		font-size: 14px;
		height: 37px;
		padding-left: 43px;
	}

	.icon-review__block .review_checkbox_item::before {
		width: 23px;
		height: 23px;
	}
}

.review-link {
	color: #232323;
	/*margin-right: 15px;*/
	/*margin-left: auto !important;*/
	align-items: center !important;
	display: inline-flex !important;
	text-decoration: none;
	outline: 0;
	transition: all ease 0.25s;
	min-width: 130px;
}

.review-link .review-text {
	text-decoration: underline;
	font-weight: 600;
	padding-left: 5px;
}

.review-img {
	margin-top: 5px;
	display: inline-block !important;
	pointer-events: none;
	max-width: 100%;
	height: auto;
}

.review-text:hover {
	color: #f4fe26;
}
.loop-review .review-text:hover {
	color: #ffffff !important;
}

.content-block__body a {
	color: #FFFFFF;
	text-decoration: underline;
}

.content-block__body a:hover {
	color: #f4fe26;
	text-decoration: none;
}

/* error page */
#content.error {
	min-height: auto;
}

.error-wrapper {
	position: relative;
	margin-bottom: 30px;
}

.success .heading-title,
.error .heading-title {
	width: 100%;
	position: relative;
}

.error .heading-title h1 {
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 0px;
}

.error .content-block__body {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: left !important;
	margin: 20px 0 20px;
	width: auto;
	list-style: none outside;
}

.error .content-block__body p {
	padding: 20px 30px;
}

.content-block__body .error-page-button {
	cursor: pointer;
	padding: 0 15px;
	overflow: hidden;
	background-color: #f4fe26;
	color: #000;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight: 400;
	font-size: 14px;
	box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
	width: auto;
	height: 38px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: none;
	transition: all ease 0.3s;
}

.content-block__body .error-page-button:hover {
	background-color: #565656;
	background-image: none;
	color: #fff;
}

.success .heading-title h1::after,
.error .heading-title h1::after {
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	right: 15px;
	bottom: -10px;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4e4e4e;
}

.text-of-privacy {
	margin-top: 20px;
	font-size: 11px;
	text-align: center;
	padding: 0 15px;
	line-height: 1;
}

.text-of-privacy a {
	color: #fff;
	text-decoration: underline;
}

.text-of-privacy a:hover {
	color: #f4fe26;
	text-decoration: none;
}


/* reviews */
.error,
.success,
.checkout-cart,
.reviews-list {
	content: '';
	display: block;
	/*z-index: -1;*/
	top: 0;
	left: 15px;
	right: 15px;
	bottom: 0;
	background: #292929;
	box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	padding: 30px 35px 15px;
}
.heading-of-review {
	display: flex;
}

.heading-of-review h1 {
	font-weight: 700;
	line-height: 1;
	margin: 0;
	font-size: 22px;
}

.heading-of-review span {
	margin-left: 10px;
	font-weight: 700;
	font-size: 22px;
}

/* checkout cart */

.delivery-step h3::after {
	content: '*';
	color: #fe8e26;
}

.checkout-header__title {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 20px;
	position: relative !important;
	max-width: 100%;
}

.checkout-header__title::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4E4E4E;
}

.checkout-header__title h1 {
	width: 405px;
	padding-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
	margin-top: 0;
}

.checkout-header__tabs {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	top: -12px;
}

.checkout-header__tab {
	width: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.checkout-header__tab tb::after {
	content: "";
	position: absolute;
	left: 30px;
	top: 7px;
	width: 62px;
	border-top: 3px solid #4E4E4E;
	border-radius: 100px;
}

.checkout-header__tab:last-child tb::after {
	content: unset;
}

.checkout-header__tab.active tb {
	border-width: 2px;
	border-color: #F4FE26;
}

.checkout-header__tab tb {
	border-radius: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #8D8D8D;
	background: transparent;
	width: 20px;
	height: 20px;
	position: relative;
}

.checkout-header__tab-title {
	color: #FFF;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 8px;
	text-align: center;
	height: 30px;
	padding: 0 8px;
}

.checkout-cart-form__block-form-products {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.checkout-cart__form {
	width: 370px;
	font-size: 22px;
}

.orders-cart {
	width: calc(100% - 370px);
	padding-left: 50px;
	/*margin-top: 40px;*/
	font-size: 22px;
	margin-top: 20px
}

.product-list__checkout-cart {
	border-radius: 10px;
	background: #343434;
	box-shadow: 0px 6px 8px 1px rgb(0 0 0 / 25%);
	padding: 25px;
}

.order-title__checkout::after {
	content: '';
	display: block;
	/*position: absolute;*/
	/*left: 15px;*/
	/*right: 15px;*/
	bottom: 0;
	margin-bottom: 20px;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4e4e4e;

	position: relative !important;
}

.order-title__checkout span {
	font-weight: 700;
	font-size: 20px;
	display: block;
	padding-bottom: 20px;

}

.order-info__block {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 40px 0;
}

.order-info__block .order-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.order-info__block .order-info .text-heading {
	text-transform: uppercase;
	color: #bbbbbb;
	font-weight: 100;
}

.order-info__block .order-info .text-info {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.list-orders {
	display: flex;
	flex-wrap: wrap;
}

.table-orders {
	width: 100%;
	border-collapse: collapse;
}

.table-orders td {
	text-align: left;
}

.product-info__cart {
	display: flex;
	gap:20px;
}

.product-image__thumb {
	flex: 0 0 33%;
	min-width: 80px;
	padding: 0 15px 15px 15px;
}

@media (max-width: 768px) {
	.product-image__thumb {
		flex: 0 0 96px;
	}

	.product-image__thumb img {
		width: 96px;
		height: 64px;
	}
}


.product-image__thumb img{
	width: 100%;
	height: auto;
	aspect-ratio: 160 / 106; /* сохраняем пропорции */
	object-fit: cover;
	object-position: center;
	padding:0;
	border:0;
}

.product-info__about {
	display: flex;
	justify-content: space-between;
	flex: 1 1 auto;
	min-width: 0;
	gap:10px;
	position: relative;
}


.info__about-order {
	display: flex;
	justify-content: space-between;
	flex: 2 0 0;
	gap:10px;
	width: 100%;
}
.product-info__about .name-product{
	display: flex;
	flex-direction: column;
	flex: 2 0 50%;
}

.product-info__about .price-product {
	display: flex;
	flex: 1 0 45%;
	justify-content: end;
}

.form-group-cart {
	display: flex;
	flex-direction: column;
}

.checkout-cart__form input {
	height: 36px;
	line-height: 1;
	width: 100%;
	outline: none;
	border: 1px solid #808080;
	border-radius: 10px;
	background: #292929;
	padding: 0 15px;
	box-shadow: none !important;
	font-family: inherit;
	font-size: 12px;
	color: #fff;
}

.checkout-cart__form textarea {
	width: 100%;
	outline: none;
	border: 1px solid #808080;
	border-radius: 10px;
	background: #292929;
	padding: 6px 15px;
	box-shadow: none !important;
	font-family: inherit;
	font-size: 13px;
	color: #fff;
	resize: vertical;
	min-height: 36px;
	box-sizing: border-box;
}

.total-price {
	font-size: 22px;
}

.total-price td {
	text-align: left;
}

#delivery-summary-title,
#delivery-summary-cost {
	font-size: 18px;
}

.total-products__minimal {
	display: flex !important;
	position: relative !important;
	justify-content: space-between !important;
	margin-top: 20px;
	padding-top: 20px;
	box-sizing: border-box;
	color: #ff0000 !important;
}

.total-products__price {
	display: flex !important;
	position: relative !important;
	justify-content: space-between !important;
	margin-top: 20px;
	padding-top: 20px;
	box-sizing: border-box;
}

.delivery-type__block::before,
.total-products__minimal::before,
.total-products__price::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4E4E4E;
}

form .input-group,
form .iti {
	font-size: 12px;
	width: 100%;
}

.checkout-cart__block-form-products .input-group .form-control:last-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.checkout-cart__block-form-products .input-group .form-control:focus {
	z-index: 0;
}

.popup-code {
	display: flex;
	position: fixed;
	width: 100%;
	max-width: 700px;
	padding: 36px;
	margin: 20px;
	background: #4E4E4E;
	border-radius: 10px;
	border: 1px solid #FFF;
	flex-direction: column;
	z-index: 10000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.popup-code .modal-body__block {
	display: flex;
	flex-direction: column;
}

.modal-header__code .modal-title {
	color: #FFF;
	text-align: center;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 14px;
	padding-bottom: 14px;
	position: relative;
}

.modal-header__code::after {
	content: "";
	/*position: absolute;*/
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #404040;
	box-shadow: 0px 1px 0px 0px #5D5D5D;
}

.modal-body__caption {
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.modal-body__code {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #F4FE26;
	border-radius: 20px;
	padding: 20px;
	position: relative;
	margin: 35px auto 0px auto;
	column-gap: 2px;
}

.modal-body__input {
	width: 125px;
	position: relative;
}

input[type="text"].modal-body__input-tel {
	border: 0;
	background: transparent;
	color: #F4FE26;
	text-align: left;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 0;
	width: 100%;
	height: 30px;
	border-radius: 0;
	position: relative;
	letter-spacing: 4px;
}

input[type="text"].modal-body__input-tel::placeholder {
	color: #F4FE26;
	opacity: 1;
	font-size: 12px;
}

.popup-code #otpError {
	color: #d97a2b;
}

input[type="text"].modal-body__input-tel:focus {
	box-shadow: unset;
}

.modal-body__resend {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 20px;
}

.modal-body__resend a {
	margin-left: 4px;
	color: #F4FE26;
	text-decoration-line: underline;
	cursor: pointer;
}

.modal-footer__button {
	text-align: center;
}

#otpSubmit {
	width: 262px;
	margin: 30px auto 0 auto;
	margin-bottom: 0px;
	padding: 10px;
	border-radius: 10px;
	background: linear-gradient(0deg, #F4FE26 0%, #F4FE26 100%), radial-gradient(97.26% 97.26% at 50% 50%, #FFF 0%, #696969 90.1%), #E4E4E4;
	box-shadow: 0px 3.32467px 4.4329px 0.55411px rgba(244, 254, 38, 0.25);
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	margin-bottom: 25px;
}

/* CSS */
.shipping-methods__list {
	padding: 0;
	margin-top: 0;
	list-style: none;
}
.shipping-methods__list li:nth-last-child(n+2) { margin-bottom: 15px; }
.shipping-methods__list li { line-height: 1; text-align: left; margin: 0; }


#paymentOptions .payment-option{

}
.shipping-methods__list input[type="radio"].shipping_method {
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin: 0;
}

#btnBackToInfo,
#btnBackToDelivery{
	border-radius: 10px;
	border: 1px solid #E4E4E4;
	box-shadow: 0px 3.32467px 4.4329px 0.55411px rgba(244, 254, 38, 0.25);
	display: flex;
	padding: 10px 21px;
	justify-content: center;
	align-items: center;
	color: #f4fe26;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
	background: transparent;
	width: 100%;
}

#paymentOptions .payment-option {
	border-radius: 10px;
	border: 1px solid #E4E4E4;
	display: flex;
	padding: 10px 21px;
	justify-content: left;
	align-items: center;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
	background: transparent;
	width: 100%;
}

.shipping-methods__list li label {
	position: relative;            /* важливо для ::before/::after */
	display: block;                /* щоб займало всю ширину */
	color: #fff;
	border-radius: 10px;
	border: 1px solid #808080;
	padding: 10px 42px 10px 16px;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0;
	width: 100%;
	cursor: pointer;
}

#paymentOptions .payment-option.is-active {
	border: 1px solid #F4FE26 !important;
	color: #F4FE26;
}

.shipping-methods__list li input[type="radio"].shipping_method + label::after {
	content: '';
	position: absolute;
	width: 13px; height: 13px;
	left: 2px; top: 2px;
}

#paymentOptions .payment-option.is-active::after {
	content: "";
	position: absolute;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA4IDYiIGZpbGw9Im5vbmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNzQ3MzEgMC4yNTEwNTFDOC4wODQyMyAwLjU4NTc4NiA4LjA4NDIzIDEuMTI4NSA3Ljc0NzMxIDEuNDYzMjNMMy40MzM1OCA1Ljc0ODk1QzMuMDk2NjYgNi4wODM2OCAyLjU1MDQgNi4wODM2OCAyLjIxMzQ4IDUuNzQ4OTVMMC4yNTI2OTIgMy44MDA5Qy0wLjA4NDIzMDggMy40NjYxNiAtMC4wODQyMzA4IDIuOTIzNDUgMC4yNTI2OTIgMi41ODg3MUMwLjU4OTYxNSAyLjI1Mzk4IDEuMTM1ODggMi4yNTM5OCAxLjQ3MjggMi41ODg3MUwyLjgyMzUzIDMuOTMwNjdMNi41MjcyIDAuMjUxMDUxQzYuODY0MTIgLTAuMDgzNjgzOCA3LjQxMDM5IC0wLjA4MzY4MzggNy43NDczMSAwLjI1MTA1MVoiIGZpbGw9IiMyOTI5MjkiLz4KPC9zdmc+Cg==");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 8px; height: 6px;
	background-color: transparent;
	right: 12px; top: 13px;
	left: unset;
}

#paymentOptions .payment-option.is-active::before {
	content: "";
	position: absolute;
	width: 20px; height: 20px;
	border-radius: 100%;
	background: #F4FE26;
	right: 6px; top: 6px;
	left: unset;
	z-index: 0;
}

.shipping-methods__list li input[type="radio"].shipping_method:checked + label::after {
	content: "";
	position: absolute;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA4IDYiIGZpbGw9Im5vbmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNzQ3MzEgMC4yNTEwNTFDOC4wODQyMyAwLjU4NTc4NiA4LjA4NDIzIDEuMTI4NSA3Ljc0NzMxIDEuNDYzMjNMMy40MzM1OCA1Ljc0ODk1QzMuMDk2NjYgNi4wODM2OCAyLjU1MDQgNi4wODM2OCAyLjIxMzQ4IDUuNzQ4OTVMMC4yNTI2OTIgMy44MDA5Qy0wLjA4NDIzMDggMy40NjYxNiAtMC4wODQyMzA4IDIuOTIzNDUgMC4yNTI2OTIgMi41ODg3MUMwLjU4OTYxNSAyLjI1Mzk4IDEuMTM1ODggMi4yNTM5OCAxLjQ3MjggMi41ODg3MUwyLjgyMzUzIDMuOTMwNjdMNi41MjcyIDAuMjUxMDUxQzYuODY0MTIgLTAuMDgzNjgzOCA3LjQxMDM5IC0wLjA4MzY4MzggNy43NDczMSAwLjI1MTA1MVoiIGZpbGw9IiMyOTI5MjkiLz4KPC9zdmc+Cg==");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 8px; height: 6px;
	background-color: transparent;
	right: 12px; top: 13px;
	left: unset;
}

.shipping-methods__list li input[type="radio"].shipping_method:checked + label {
	color: #F4FE26;
	font-weight: 700;
	border-color: #F4FE26;
}


.shipping-methods__list li input[type="radio"].shipping_method:checked + label::before {
	content: "";
	position: absolute;
	width: 20px; height: 20px;
	border-radius: 100%;
	background: #F4FE26;
	right: 6px; top: 6px;
	left: unset;
	z-index: 0;
}

.delivery-pickup-info {
	display: flex;
	flex-direction: column;
	padding: 30px 0;
	text-align: left;
}
#paymentFormBox .heading-form__text,
.form-delivery .heading-form__text {
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: relative;
}

.payment-step .heading-form__text,
.form-delivery .pickup-info,
.delivery-pickup-info .pickup-info {
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position: relative;
	padding-left: 22px;
}
.form-delivery .pickup-info::before,
.payment-step .heading-form__text::before,
.delivery-pickup-info .pickup-info::before {
	content: "";
	width: 17px;
	height: 17px;
	position: absolute;
	display: inline-block;
	top: 0px;
	flex-shrink: 0;
	left: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNiAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAyLjVDNi45MjQ4NyAyLjUgMiA3LjQyNDg3IDIgMTMuNUMyIDE5LjU3NTEgNi45MjQ4NyAyNC41IDEzIDI0LjVDMTkuMDc1MSAyNC41IDI0IDE5LjU3NTEgMjQgMTMuNUMyNCA3LjQyNDg3IDE5LjA3NTEgMi41IDEzIDIuNVpNMCAxMy41QzAgNi4zMjAzIDUuODIwMyAwLjUgMTMgMC41QzIwLjE3OTcgMC41IDI2IDYuMzIwMyAyNiAxMy41QzI2IDIwLjY3OTcgMjAuMTc5NyAyNi41IDEzIDI2LjVDNS44MjAzIDI2LjUgMCAyMC42Nzk3IDAgMTMuNVoiIGZpbGw9IiNGNEZFMjYiLz4KPHBhdGggZD0iTTE0LjU3NjEgMTAuMzc1OEwxMy4wNzY3IDE5LjA1MTRIMTFMMTIuNTA3NCAxMC4zNzU4SDE0LjU3NjFaTTEyLjc2NCA4LjE0NjhDMTIuNzU4NiA3LjgxMDA0IDEyLjg2ODIgNy41Mzc0MiAxMy4wOTI3IDcuMzI4OTVDMTMuMzIyNiA3LjExNTE0IDEzLjYwMzIgNy4wMDU1NiAxMy45MzQ2IDcuMDAwMjFDMTQuMjUgNi45OTQ4NyAxNC41MjI2IDcuMDkxMDggMTQuNzUyNSA3LjI4ODg2QzE0Ljk4NzcgNy40ODEzIDE1LjEwNTMgNy43NDMyMiAxNS4xMDUzIDguMDc0NjRDMTUuMTEwNiA4LjQwNjA1IDE0Ljk5ODQgOC42NzU5OSAxNC43Njg1IDguODg0NDZDMTQuNTM4NyA5LjA5MjkzIDE0LjI2MDcgOS4xOTk4NCAxMy45MzQ2IDkuMjA1MTlDMTMuNjE5MiA5LjIxMDUzIDEzLjM0NjYgOS4xMTY5OSAxMy4xMTY4IDguOTI0NTVDMTIuODg2OSA4LjczMjEyIDEyLjc2OTMgOC40NzI4NyAxMi43NjQgOC4xNDY4WiIgZmlsbD0iI0Y0RkUyNiIvPgo8L3N2Zz4KCg==);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.payment-step .heading-form__text,
.form-delivery .pickup-info {
	padding-bottom: 20px;
}

#paymentFormBox {
	padding-top: 10px;
}

.delivery-pickup-info .pickup-info span {
	margin-bottom: 6px;
	display: block;
}

.delivery-pickup-info .map-pickup {
	margin-top: 30px;
}

.delivery-pickup-info .map-pickup iframe {
	border-radius: 10px;
}

#btnPlaceOrder,
#btn-to-payment {
	border-radius: 10px;
	border: 1px solid #E4E4E4;
	background: linear-gradient(0deg, #F4FE26 0%, #F4FE26 100%), radial-gradient(97.26% 97.26% at 50% 50%, #FFF 0%, #696969 90.1%), #E4E4E4;
	box-shadow: 0px 3.32467px 4.4329px 0.55411px rgba(244, 254, 38, 0.25);
	display: flex;
	padding: 10px 21px;
	justify-content: center;
	align-items: center;
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
	width: 100%;
}

#btn-to-payment:hover {
	background: linear-gradient(0deg, #F4FE26 0%, #F4FE26 100%), radial-gradient(97.26% 97.26% at 50% 50%, #FFF 0%, #696969 90.1%), #E4E4E4;
	color: #000;
}

.d-none {
	display: none;
}

#input-country,
	/*#input-payment-address-2,*/
#np_type {
	appearance: none;
	-webkit-appearance: none;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129'><path fill='white' d='M121.3 34.6c-1.6-1.6-4.2-1.6-5.8 0l-51 51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8 0-1.6 1.6-1.6 4.2 0 5.8l53.9 53.9c0.8 0.8 1.8 1.2 2.9 1.2 1 0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z'/></svg>") no-repeat right 10px center / 14px;
	padding-right: 30px;
	background-color: #292929;
	border: 1px solid #808080;
	font-size: 12px;
	border-radius: 10px;
	color: #fff;
}


.form-control:focus {
	border-color: unset;
	box-shadow: unset;
	-webkit-box-shadow: unset;
}

.delivery-step .dropdown-menu {
	background: #292929;
	border: 1px solid #808080;
	color: #fff;
	width: 370px;
	overflow: hidden;
}

.delivery-step .dropdown-menu li > a {
	color: #fff;
}


.delivery-step .dropdown-menu li > a:hover {
	color: #F4FE26;
	/*margin: 0 10px;*/
	/*border-radius: 4px;*/
	background: #515155;
	background-image: unset;
	/*overflow: hidden;*/
}

/* checkout steps */

.checkout-header__tab.done tb::after {
	border-top: 3px solid #F4FE26;
}

.checkout-header__tab.done tb::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 5px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA4IDYiIGZpbGw9Im5vbmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNzQ3MzEgMC4yNTEwNTFDOC4wODQyMyAwLjU4NTc4NiA4LjA4NDIzIDEuMTI4NSA3Ljc0NzMxIDEuNDYzMjNMMy40MzM1OCA1Ljc0ODk1QzMuMDk2NjYgNi4wODM2OCAyLjU1MDQgNi4wODM2OCAyLjIxMzQ4IDUuNzQ4OTVMMC4yNTI2OTIgMy44MDA5Qy0wLjA4NDIzMDggMy40NjYxNiAtMC4wODQyMzA4IDIuOTIzNDUgMC4yNTI2OTIgMi41ODg3MUMwLjU4OTYxNSAyLjI1Mzk4IDEuMTM1ODggMi4yNTM5OCAxLjQ3MjggMi41ODg3MUwyLjgyMzUzIDMuOTMwNjdMNi41MjcyIDAuMjUxMDUxQzYuODY0MTIgLTAuMDgzNjgzOCA3LjQxMDM5IC0wLjA4MzY4MzggNy43NDczMSAwLjI1MTA1MVoiIGZpbGw9IiMyOTI5MjkiLz4KPC9zdmc+Cg==");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 8px;
	height: 6px;
}

.checkout-header__tab.done tb {
	background: #F4FE26;
	border: 1px solid #F4FE26;
}

/* success invoice */

.success.invoice {

}

.success.invoice .heading-title,
.success.invoice .content-block__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	gap: 15px;
}

.success.invoice .heading-title {
	padding-bottom: 40px;
}

.success.invoice .heading-title h1 {
	font-size: 20px;
	font-weight: 600;
}

.success.invoice .heading-title p {
	width: 60%;
	text-align: center;
	margin: 0 auto;
}

.success.invoice .order-info__block {
	margin: 30px 0;
}

.success.invoice .order-info__block .order-info {
	flex-direction: row;
	justify-content: center;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
}

.success.invoice .order-info__block .order-info .text-heading {
	text-transform: none;
	font-weight: 400;
	font-size: 20px;
}

.success.invoice .order-payment .text-heading,
.success.invoice .order-customer-info .text-heading,
.success.invoice .order_total .text-heading,
.success.invoice .order-delivery .text-heading {
	color: #a8a8a8
}

.success.invoice .order-info__block .order-payment .text-info,
.success.invoice .order-info__block .order-customer-info .text-info,
.success.invoice .order-info__block .order_total .text-info,
.success.invoice .order-info__block .order-delivery .text-info {
	font-weight: 600;
	font-size: 18px;
}

.success.invoice .order-info__block .text-heading,
.success.invoice .order-info__block .text-info {
	font-weight: 100;
}

.success.invoice .order-info__block {
	flex-direction: column;
	justify-content: center;
	gap: 20px
}

.success.invoice .content-block__body .error-page-button {
	padding: 0 45px;
}

.success.invoice .order-id .text-heading {
	color: #FFFFFF;
}

.success.invoice .order-id .text-heading::after {
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	right: 15px;
	bottom: -10px;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4e4e4e;
}

.success.invoice .order-products::after,
.success.invoice .order-delivery::after,
.success.invoice .order-payment::after,
.success.invoice .order-customer-info::after {
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -10px;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4e4e4e;
}

.success.invoice .order-delivery.order-info,
.success.invoice .order-payment.order-info,
.success.invoice .order_total.order-info,
.success.invoice .order-customer-info.order-info,
.success.invoice .order-info__block .order-products.order-info {
	width: 60%;
	margin: 0 auto;
}

.order-products {
	display: flex;
	flex-direction: column !important;
}

.success.invoice .order-delivery.order-info,
.success.invoice .order-payment.order-info,
.success.invoice .order-customer-info.order-info,
.success.invoice .order_total.order-info {
	justify-content: space-between;
	padding: 15px 0;
}

.success.invoice .order-info__block .product-info__cart {
	justify-content: space-between;
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: -10px;
	border: 1px solid #212121;
	box-shadow: 0px 1px 0px #4e4e4e;
}

.success.invoice .order-info__block .product-info__cart:last-child	{
	border: none;
	box-shadow: none;
}

.success.invoice .order-info__block .name-product {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 15px 0;
}

.success.invoice .order-info__block .name-product .product-quantity__block {
	color: #FFFFFF;
	text-align: left;
}

.success.invoice .order-info__block .name-product .name-product__link {
	color: #FFFFFF;
	font-size: 20px;
}

.success.invoice .order-info__block .price-product {
	font-size: 22px;
	padding-top: 15px;
}

.success.invoice .order-info__block .customer-info {
	display: flex;
	flex-direction: column;
	text-align: right;
	gap: 15px;
}

.page404 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 76px;
}

.page404__heading {
	color: #FFF;
	font-size: 50px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
}

.page404__text-block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 45px;
	width: 100%
}

.page404__text-wrapper {
	width: 55%;
	padding-right: 12px;
	display: flex;
	justify-content: flex-end;
}

.page404__text {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	max-width: 363px;
	text-align: left;
}

.page404__image {
	width: 45%;
	padding-left: 12px;
}

.page404__bottom{
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.error-page-button {
	border-radius: 8px;
	background: linear-gradient(0deg, #F4FE26 0%, #F4FE26 100%), radial-gradient(97.26% 97.26% at 50% 50%, #FFF 0%, #696969 90.1%), #E4E4E4;
	box-shadow: 0px 4.47761px 5.97015px 0.74627px rgba(244, 254, 38, 0.25);
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 50px;
	text-transform: uppercase;
	text-align: center;
	padding: 0px 50px;
}

.total-price-minimum {
	flex-direction: column;
	text-align: left;
	align-items: flex-start;
	background: #d54046;
	color: #fff;
	padding: 20px 30px;
	padding-left: 70px !important;
	display: flex;
	flex-wrap: wrap;
	border-radius: 5px;
	margin: 0 0 20px;
	position: relative;
	list-style: none outside;
	width: auto;
	word-wrap: break-word;
}

.total-price-minimum  li {
	list-style: none outside !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
	font-size: 22px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-height: 38px;
}

.total-price-minimum::before {
	content: '';
	left: 15px;
	top: 25px;
	width: 32px;
	height: 30px;
	display: block;
	position: absolute;
	background: url('../image/ico_error.png') center no-repeat;
}

#AjaxUndoBar {
	display: flex;
	flex-direction: column;
	text-align: center;
	padding-bottom: 40px;
	color: #f4fe26;
}

#AjaxUndoBar a {
	color: #f4fe26;
	text-decoration: underline;
}

#AjaxUndoBar a:hover {
	text-decoration: none;
}

.out-of-stock .thumbnails img,
.out-of-stock .thumbnails-nav img {
	filter: grayscale(100%);
}

.product .out-of-stock .price-qty .bottom-product-quantity {
	display: none;
}

.product .out-of-stock .price-qty .price {
	color: #bbbbbb;
}

#common-home .b{
	cursor: pointer;
	padding: 0 15px;
	overflow: hidden;
	background-color: #f4fe26;
	color: #000;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight: 400;
	font-size: 14px;
	box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
	width: auto;
	height: 38px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: none;
	transition: all ease 0.3s;
}

.mr10 {
	margin-right: 10px;
}

.f700 {
	font-weight: 700;
}

#deliveryDetails label {
	padding-left: 0;
}

.flex-container .breadcrumb a,
.flex-container .breadcrumb a:hover,
.flex-container .breadcrumb a:active{
	color: #fff;
}

@media (max-width: 1515px) {
	#menu .navbar-toggle{
		display: block !important;
		float: left;
		margin-right: 10px;
	}
	#menu.navbar,
	#menu .navbar-header,
	#menu .navbar-collapse{
		display: block;
	}

	#menu .navbar-ex1-collapse{
		display: block !important;
		height: auto !important;
		overflow: visible !important;
		visibility: visible !important;
	}
	#menu .navbar-header .navbar-toggle{
		display: inline-flex !important;
		width: 44px;
		height: 44px;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;

		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		border-radius: 0 !important;

		align-items: center;
		justify-content: center;
		position: relative;
	}
	#column-left{
		display: none;
	}
	footer{
		margin-top: 0;
	}
	.flex-container{
		background-color: #292929;
	}
	.success .content-block__body{
		padding-top: 8px;
	}
	.error-wrapper{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.error .heading-title{
		text-align: center;
	}
	#content {
		flex: 1 1 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#logo img {
		width: 207px;
		height: auto;
	}
	.checkout-cart-form__block-form-products,
	.checkout-header__title{
		flex-direction: column;
		align-items: center;
	}
	.shipping-methods__list input[type="radio"].shipping_method{
		width: auto;
	}
	.checkout-cart__form{
		width: 550px;
	}
	.orders-cart{
		width: 100%;
	}
	#content.category-wrapper{
		background-color: #292929!important;
		margin-left: 0;
	}
	.product-thumb .button-group button, .product-thumb .button-group button + button{
		width: 60%;
	}
	.sub-categories-block .sub-categories-list{
		justify-content: center;
	}
	.top-product-info .contents-block{
		max-width: 100%;
		width: 100%;
	}
	.sub-categories-block {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 1150px) {
	ul.navbar-nav {
		display: none;
	}
	.page-about__second{
		flex-direction: column;
	}
	.page-about__second-content{
		width:100%;
	}
	.page-about__second-image{
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.page-about__second-image img{
		width: 100%;
		height: auto;
	}
}

/* hide slideshow */
@media (max-width: 992px) {
	.slideshow.swiper-viewport {
		display: none !important;
	}
}
@media (max-width: 992px) {
	.footer ul > li {
		width: 100%;
	}
}

/* footer links */
@media (max-width: 767px) {
	footer .container.footer .col-sm-3,
	footer .container.footer .col-sm-3 ul,
	footer .container.footer .col-sm-3 li,
	footer .container.footer .col-sm-3 a {
		text-align: center !important;
	}

	footer .container.footer .col-sm-3 a {
		display: inline-block !important;
	}

	footer .container.footer .col-sm-3 {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
	.page-about__first,
	.page-about__fifth,
	.page-about__forth{
		flex-direction: column;
	}
	.page-about__fifth{
		height: auto;
		flex-direction: column-reverse;
	}
	.page-about__fifth-image,
	.page-about__fifth-image img,
	.page-about__fifth-content,
	.page-about__forth-image,
	.page-about__forth-text{
		width: 100%;
		position: relative;
	}
	.page-about__forth-image{
		text-align: center;
	}

	.page-about__first-image,
	.page-about__first-text{
		width: auto;
	}
	.page-about__first-text{
		padding-left: 0;
		padding-top: 10px;
	}
	.page-about__first-image{
		display: flex;
		justify-content: center;
	}
	.page-about__fifth-image{
		padding-bottom: 0;
	}
	.page-about__first-image img,
	.page-about__forth-image img{
		width: 100%;
		height: auto;
	}
	.page-delivery__title span{
		font-size: 17px;
	}
	.page-delivery__content-title{
		justify-content: center;
	}
	.page-delivery__title svg, .page-about__title svg{
		width: 21px;
	}
	.respcenter h1.page-title,
	.post-page h1.page-title{
		display: flex;
		justify-content: center;
	}
	.title-info-contact p{
		text-align: center;
	}
	.contact-page .narrow_item {
		max-width: 290px;
		flex: 0 0 290px;
	}
	.availability-product{
		font-size: 14px;
	}
}

/* header */
@media (max-width: 1515px) {
	body{
		background: #292929;
	}
	.flex-container{
		background-color: #292929;
	}
	.flex-container .breadcrumb{
		padding-left: 0;
	}
	.menu-header-wrapper:has(+ .flex-container){
		margin-bottom: 0;
	}
	#common-home{
		padding-top: 10px;
	}
	.top-header{
		display: flex;
		align-items: center;
		flex-wrap: nowrap; /* не переносимо */
	}

	.search-header { display: none !important; }

	.logo-header{
		float: none !important;
		width: auto !important;
		flex: 0 0 auto !important;
	}
	#logo a{
		display: inline-flex !important;
		width: auto !important;
	}
	#logo img{
		width: 207px;
		height: auto;
		display: block;
	}

	.left-header-menu{
		float: none !important;
		width: auto !important;
		flex: 1 1 auto !important;
		margin-left: auto;
	}
}


/* @media (max-width: 1514px) {
	.container {
		width: 100% !important;
	}

	#column-left {
		display: none !important;
	}

	.navbar .navbar-collapse {
		padding-left: 0 !important;
	}

	#content {
		width: 100% !important;
	}

	#logo img {
		width: 207px;
		height: auto;
	}
} */

@media (max-width: 1150px) {
	ul.navbar-nav {
		display: none;
	}
}

/* hide slideshow */
@media (max-width: 992px) {
	.slideshow.swiper-viewport {
		display: none !important;
	}
}
@media (max-width: 992px) {
	.footer ul > li {
		width: 100%;
	}
}

/* footer links */
@media (max-width: 767px) {
	footer .container.footer .col-sm-3,
	footer .container.footer .col-sm-3 ul,
	footer .container.footer .col-sm-3 li,
	footer .container.footer .col-sm-3 a {
		text-align: center !important;
	}

	footer .container.footer .col-sm-3 a {
		display: inline-block !important;
	}

	footer .container.footer .col-sm-3 {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
}

/* header */
@media (max-width: 1515px) {
	.top-header{
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	.logo-header{
		float: none !important;
		width: auto !important;
		flex: 0 0 auto !important;
	}
	#logo a{
		display: inline-flex !important;
		width: auto !important;
	}
	#logo img{
		width: 207px;
		height: auto;
		display: block;
	}

	.left-header-menu{
		float: none !important;
		width: auto !important;
		flex: 1 1 auto !important;
		margin-left: auto;
	}
}

@media (max-width: 767px){
	.top-header{
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center;
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	.search-header{ display:none !important; }

	.logo-header{
		order: 1;
		flex: 0 0 auto !important;
		width: auto !important;
	}

	.left-header-menu{
		order: 2;
		flex: 1 1 auto !important;
		width: auto !important;
		margin-left: auto !important;

		display: flex !important;
		justify-content: flex-end !important;
		align-items: center;
		gap: 12px;
	}

	.contacts-header{
		order: 3;
		flex: 0 0 100% !important;
		width: 100% !important;
		margin-top: 8px;
	}

	.contacts-header .contacts{
		display: flex !important;
		justify-content: center !important;
	}

	.contacts-header .contacts-block a{
		display: inline-flex;
		align-items: center;
		gap: 8px;
		white-space: nowrap;
	}

	/*header{*/
	/*	!*padding-bottom: 24px;*!*/
	/*}*/
	.contacts-header{
		border-top: 1px solid rgba(255,255,255,0.15);
		padding-top: 8px;
		margin-top: 8px;
	}
}







@media (min-width: 768px) and (max-width: 1515px){

	.search-header{ display:none !important; }

	.top-header{
		display:flex !important;
		align-items:center !important;
		flex-wrap:nowrap !important;
	}

	.top-header > .logo-header,
	.top-header > .left-header-menu,
	.top-header > .contacts-header{
		float:none !important;
		width:auto !important;
		max-width:none !important;
	}

	.top-header > .logo-header{ flex: 0 0 auto !important; }
	.top-header > .left-header-menu{ flex: 0 0 auto !important; }
	.top-header > .contacts-header{ flex: 1 1 auto !important; min-width: 0; }

	.logo-header{ order:1; }
	.contacts-header{
		order:2;
		margin-left:24px;
		display: flex;
		justify-content: flex-end;
		text-align: right;
	}
	.left-header-menu{
		order:3;
		margin-left:auto !important;
		display:flex;
		align-items:center;
		gap:12px;
	}

	.left-header-menu #cart{ float:none !important; }

	/* .contacts-header .contacts{
		display: flex;
		justify-content: flex-end;
	} */
	.contacts-header .contacts-info-hidden .links-title{
		margin-left: 0 !important;
		padding-left: 0 !important;
		text-align: left !important;
	}
}
.contacts-header .contacts-block{
	position: relative !important;
}
.contacts-header .contacts-block {
	position: relative;
	cursor: pointer;
}

.contacts-header .contacts-info-hidden {
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: 0.25s ease;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1000;
}

.contacts-header .contacts-block.is-open .contacts-info-hidden {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.contacts-header .contacts-info-hidden{
	position: absolute !important;
	top: 0 !important;
	left: 50% !important;
	right: auto !important;
	transform: translateX(-50%) !important;
	max-width: calc(100vw - 30px) !important;
	width: max-content;
	z-index: 9999 !important;
}
.contacts-header .contacts-info-hidden{
	white-space: normal;
}

.header-search-toggle{
	display: none;
	background: transparent;
	border: 0;
	padding: 0;
	line-height: 1;
	cursor: pointer;
}
@media (max-width: 1515px){
	.header-search-toggle{
		width: 20px !important;
		height: 20px !important;
		padding: 0 !important;
		line-height: 0 !important;
		font-size: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.header-search-toggle svg{
		width: 18px !important;
		height: 18px !important;
		min-width: 18px !important;
		min-height: 18px !important;
		display: block !important;
	}
}

@media (min-width: 768px) and (max-width: 1515px){
	:root{ --hdr-icons-w: 100px; }

	.top-header{
		position: relative !important;
		overflow: visible !important;
	}
	.search-header{
		display: block !important;
		position: absolute !important;
		top: 8px !important;

		/* головне: не ліземо під іконки */
		right: var(--hdr-icons-w) !important;
		left: auto !important;
		transform: none !important;

		width: min(560px, calc(100vw - var(--hdr-icons-w) - 80px)) !important;
		z-index: 10001 !important; /* нижче ніж іконки */

		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
	.search-header.is-open{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.left-header-menu{
		position: relative;
		z-index: 10002;
	}
	.search-header #search{
		width: 60% !important;
		margin-left: auto;
	}
}
@media (max-width: 767px){
	header{
		position: relative !important;
		padding-bottom: 30px !important;
	}
	.top-header{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.top-header > [class*="col-"]{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.top-header > .search-header{
		display: block !important;

		position: absolute !important;
		left: 15px !important;
		right: 15px !important;
		bottom: 3px !important;
		top: auto !important;

		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;

		z-index: 10005 !important;

		/* toggle */
		opacity: 0;
		visibility: hidden;
		pointer-events: none;

		transform: none !important;
		float: none !important;
		clear: none !important;
	}

	.top-header > .search-header.is-open{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.top-header > .search-header #search,
	.top-header > .search-header #search .form-control{
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	.contacts-header{
		margin-top: 5px !important;
	}
}

@media (max-width: 767px) {
	#menu .navbar-header {
		display: flex;
		align-items: center;
	}

	#menu .navbar-header .navbar-toggle {
		order: 0;
		float: none !important;

		margin: 0 !important;
		padding: 0 !important;

		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		border-radius: 0 !important;

		width: 44px;
		height: 44px;

		display: inline-flex !important;
		align-items: center;
		justify-content: center;

		position: relative;
	}

	#menu .navbar-header .navbar-toggle i,
	#menu .navbar-header .navbar-toggle span {
		display: none !important;
	}

	#menu .navbar-header .navbar-toggle::before {
		content: "";
		display: block;

		width: 28px;
		height: 1px;
		background: #222;

		box-shadow: 0 -9px 0 #222, 0 9px 0 #222;
	}

	#menu .navbar-header .navbar-toggle::before {
		position: relative;
		left: -8px;
		top: 4px;
	}

	#menu .navbar-header #category {
		order: 1;
		margin-left: 10px;
		flex: 1 1 auto;
		display: none;
	}
}
@media (max-width: 767px){

	#menu{ position: relative; }

	#menu .navbar-header{
		position: relative;
		display: flex;
		align-items: center;
		min-height: 44px;
		z-index: 3;
	}

	#menu .navbar-header .navbar-toggle{
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;

		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		border-radius: 0 !important;

		width: 44px;
		height: 44px;

		display: inline-flex !important;
		align-items: center;
		justify-content: center;

		position: relative;
	}

	#menu .navbar-header .navbar-toggle i,
	#menu .navbar-header .navbar-toggle span{
		display: none !important;
	}

	#menu .navbar-header .navbar-toggle::before{
		content: "";
		display: block;
		width: 28px;
		height: 1px;
		background: #222;
		box-shadow: 0 -9px 0 #222, 0 9px 0 #222;

		position: relative;
		left: -8px;
		top: 4px;
	}

	#menu .navbar-header #category{ display:none; }

	#menu .review-link{
		position: absolute;
		right: 0;
		top: 4px;
		height: 44px;

		display: inline-flex;
		align-items: center;
		gap: 6px;

		z-index: 5;
	}

	#menu .review-text{
		display: inline-flex;
		align-items: center;
		gap: 4px;
		white-space: nowrap;
	}
}
@media (max-width: 1515px){
	#menu{ position: relative; }

	#menu .navbar-header{
		position: relative;
		display: flex;
		align-items: center;
		min-height: 44px;
		z-index: 3;
	}

	#menu .navbar-header .navbar-toggle i,
	#menu .navbar-header .navbar-toggle span{
		display: none !important;
	}

	#menu .navbar-header .navbar-toggle::before{
		content: "";
		display: block;
		width: 28px;
		height: 1px;
		background: #222;
		box-shadow: 0 -9px 0 #222, 0 9px 0 #222;

		position: relative;
		left: -8px;
		top: 4px;
	}

	#menu .review-link{
		position: absolute;
		right: 0;
		top: 4px;
		height: 44px;

		display: inline-flex;
		align-items: center;
		gap: 6px;
		z-index: 5;
	}

	#menu .review-text{
		display: inline-flex;
		align-items: center;
		gap: 4px;
		white-space: nowrap;
	}

	#menu .navbar-collapse.collapse{
		display: block !important;
		height: auto !important;
		overflow: visible !important;
	}

	#menu .review-link{
		position: absolute;
		right: 0;
		top: 4px;
		height: 44px;
		display: inline-flex;
		align-items: center;
		gap: 6px;
		z-index: 5;
	}
}



/* MEDIA 992px */
@media (max-width: 992px) {
	/* CART */
	.checkout-cart-form__block-form-products{
		justify-content: center;
	}
	.checkout-cart__form{
		width:100%;
		max-width: 550px;
	}
	.orders-cart{
		padding-left:0;
		width: 100%;
	}
	.checkout-header__title{
		flex-direction: column;
		align-items: center;
	}
	.checkout-header__title h1{
		width: 100%;
	}
	.container .breadcrumb{
		padding:0;
	}
	/* category */
	.products-list-cat {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.product-thumb .caption h4 {
		min-height: 80px;
		height: auto;
		padding-bottom: 5px;
	}
	.product-grid .product-thumb .caption{
		min-height: 150px;
	}
	ol, ul{
		padding-left: 15px;
	}
}

/* MEDIA 768px */
@media (max-width: 768px){
	.success.invoice .order-delivery.order-info,
	.success.invoice .order-payment.order-info,
	.success.invoice .order_total.order-info,
	.success.invoice .order-customer-info.order-info,
	.success.invoice .order-info__block .order-products.order-info{
		width: 100%;
	}
	.table-orders {
		border:none;
	}
	.list-orders,
	#delivery-summary-title, #delivery-summary-cost{
		font-size: 16px;
	}
	.total-price,
	.checkout-header__title h1,
	.order-title__checkout span{
		font-size:18px;
		text-align: center;
	}
	.list-orders a,
	.name-product .name-product__link,
	.checkout-header__tab-title{
		font-size: 12px;
	}
	.success.invoice .order-info__block .name-product .name-product__link,
	.success .product-quantity__block{
		font-size: 14px;
		margin-top: 5px;
	}
	.success.invoice .order-info__block .order-payment .text-info,
	.success.invoice .order-info__block
	.order-customer-info .text-info,
	.success.invoice .order-info__block
	.order_total .text-info,
	.success.invoice .order-info__block .order-delivery .text-info,
	.success.invoice .order-info__block .order-info .text-heading,
	.success.invoice .order-info__block .price-product{
		font-size: 16px;
	}
	.success.invoice .order-info__block .name-product{
		padding: 0;
	}
	#delivery-summary-title{
		width:120px;
	}
	#checkout-cart .row{
		margin-left:-25px;
	}
	.checkout-header__tab{
		width:75px;
	}
	.checkout-header__tab tb::after{
		width:35px;
	}
	.popup-code{
		margin:0;
	}
	.success.invoice .heading-title p{
		width: 100%;
	}
	.sub-categories-block .loop_product_item .loop_product_thumb{
		min-width: 200px;
	}
	.sub-categories-block{
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 30px 5px 0;
	}
	.search-products-list, .category-products-list{
		padding: 0;
	}
	.product-thumb .button-group button{
		width: 100%;
	}
	.product .product-summary{
		padding: 0;
	}
}

/* MEDIA 400px */
@media (max-width: 450px){
	.product-info__cart{
		flex-direction: column;
	}
	.sub-categories-block .loop_product_item .loop_product_thumb {
		min-width: 150px;
		height: 100px;
	}
	#common-success #content,
	#checkout-cart #content{
		padding: 0 10px;
	}
	.order-info .text-heading{
		float: left;
	}
	.order-info .text-info{
		float: right;
	}
}
/* MEDIA 350px */
@media (max-width: 350px){
	.product-list__checkout-cart{
		padding: 10px;
	}
	.sub-categories-block .loop_product_item .loop_product_thumb {
		min-width: 120px;
		height: 80px;
	}
	.product-thumb .price{
		font-size: 22px;
	}
}

@media (max-width: 1199px){
	#menu .navbar-collapse .navbar-nav{
		display: none !important;
	}

	#menu .navbar-collapse.in .navbar-nav{
		display: block !important;
	}
}


#column-left .leftmenu-top{
	display: none;
}
@media (max-width: 1515px){
	:root{ --hdr-h: 68px; }

	#column-left{
		top: var(--hdr-h) !important;
		height: calc(100vh - var(--hdr-h)) !important;
	}

	#leftmenuOverlay{
		top: var(--hdr-h) !important;
		height: calc(100vh - var(--hdr-h)) !important;
		inset: auto 0 0 0; /* щоб не конфліктував з top */

		display: none;
		position: fixed;
		inset: 0;
		background: rgba(0,0,0,.55);
		z-index: 10040;
	}
	body.is-leftmenu-open #leftmenuOverlay{
		display: block;
	}

	#column-left{
		display: block !important;

		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 320px;
		max-width: 85vw;
		overflow: auto;

		z-index: 10050;
		background: #2f2f2f;

		transform: translateX(-110%);
		transition: transform .25s ease;

		/* care layout bootstrap-col */
		float: none !important;
	}

	/* when open */
	body.is-leftmenu-open #column-left{
		transform: translateX(0);
	}

	/* no scroll under menu*/
	body.is-leftmenu-open{
		overflow: hidden;
	}

	#column-left .sidebar__title{
		display: none !important;
	}

	#column-left{
		padding: 0 !important;
	}
	#column-left .sidebar{
		padding: 0 !important;
		margin: 0 !important;
		border-radius: 0 !important;
	}

	#column-left ul.menu{
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	#column-left ul.menu > li.menu-item{
		margin: 0 !important;
		padding: 0 !important;
	}

	#column-left .menu-link{
		display: flex;
		width: 100%;
		box-sizing: border-box;
	}

	#column-left .submenu{
		margin: 0 !important;
		padding: 0 !important;
	}

	#column-left .leftmenu-top{
		height: 64px;
		display: flex;
		align-items: center;
		padding: 0 16px;
		border-bottom: 1px solid rgba(255,255,255,.12);
		box-sizing: border-box;
	}

	#column-left .leftmenu-close{
		width: 32px;
		height: 32px;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		position: relative;
	}

	/* тонкий хрестик */
	#column-left .leftmenu-close::before,
	#column-left .leftmenu-close::after{
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24px;        /* довжина лінії */
		height: 0.8px;      /* товщина */
		background: #fff;
		transform-origin: center;
	}

	#column-left .leftmenu-close::before{
		transform: translate(-50%, -50%) rotate(45deg);
	}

	#column-left .leftmenu-close::after{
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	/* do not overlay header */
	#column-left .sidebar{
		margin-top: 0;
	}
}
@media (min-width: 1200px) and (max-width: 1515px){

	#menu .navbar-nav{
		float: left !important;
		margin: 0 !important;
	}

	#menu .navbar-collapse{
		padding-left: 0 !important;
	}


}

@media (max-width: 1515px){
	#information-contact.container{
		max-width: none !important;
		width: 100% !important;

		background: #2b2b2b;
		padding-top: 20px;
		padding-bottom: 30px;
	}

	#information-contact > .row{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#information-contact .breadcrumb{
		background: transparent !important;
		border-color: rgba(255,255,255,.12) !important;
		padding-left: 0 !important;
	}
	#information-contact .breadcrumb li {
		padding: 0 14px !important;
	}
}
@media (max-width: 1515px){
	body:has(#information-contact){
		background-image: none !important;
		background-color: #2b2b2b !important;
	}
}
@media (min-width: 768px) and (max-width: 1515px){

	.contact-page .work-list table{
		width: 100%;
		table-layout: auto;
	}

	.contact-page .work-list td:first-child{
		white-space: nowrap;
		width: 1%;
		padding-right: 24px;
	}

	.contact-page .work-list td:last-child{
		white-space: nowrap;
	}
}
@media (min-width: 576px) and (max-width: 767px){
	.contact-page .row.justify-content-center:has(.work-list){
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
	}
	.contact-page .row.justify-content-center:has(.work-list) > .col-12.col-sm-6{
		width: 50% !important;
		max-width: 50% !important;
		flex: 0 0 50%;
	}

	.contact-page .row.justify-content-center:has(.work-list) > .col-12.col-sm-6:first-child{
		padding-right: 12px;
	}

	.contact-page .row.justify-content-center:has(.work-list) > .col-12.col-sm-6:last-child{
		padding-left: 12px;
	}
}
@media (min-width: 576px) and (max-width: 767px){
	.contact-page .row.justify-content-center{
		display: flex;
		flex-wrap: wrap;
	}

	.contact-page .row.justify-content-center > .col-12:not(.inform-block){
		width: 100%;
		flex: 0 0 100%;
	}

	.contact-page .row.justify-content-center > .inform-block{
		width: 50% !important;
		max-width: 50% !important;
		flex: 0 0 50%;
	}

	.contact-page .row.justify-content-center > .inform-block:first-of-type{
		padding-right: 12px;
	}

	.contact-page .row.justify-content-center > .inform-block:last-of-type{
		padding-left: 12px;
	}

}

/* new slider */
.swiper {
	width: 100%;
	min-width: 0;
}

.swiper-wrapper {
	box-sizing: border-box;
}

.swiper-slide {
	box-sizing: border-box;
	border-radius: 10px;
}

.thumbs-wrapper {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-width: 0;
	padding-top: 15px;
}

/* Slider container */
.gallery-thumbs {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
}

/* ===============================
   THUMB SLIDES
   ==============================*/
.gallery-thumbs .swiper-slide {
	cursor: pointer;
	opacity: 0.5;
	transition: opacity .2s ease;
}

.gallery-thumbs .swiper-slide-thumb-active,
.gallery-thumbs .swiper-slide:hover {
	opacity: 1;
}

/* Images */
.gallery-thumbs img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 4px;
}

/* ===============================*/
/* ARROWS (OUTSIDE SLIDER) */
/* ===============================*/
.thumbs-arrow {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	border: none;
	padding: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0);
	cursor: pointer;
	position: relative;
	transition: background .2s ease, opacity .2s ease;
}

/* Arrow icon */
.thumbs-arrow::after {
	content: '';
	position: absolute;
	inset: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}

/* Directions */
.thumbs-prev::after {
	transform: rotate(-135deg);
}

.thumbs-next::after {
	transform: rotate(45deg);
}

/* Disabled state (Swiper adds this class) */
.thumbs-arrow.swiper-button-disabled {
	opacity: 0.3;
	cursor: default;
}

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

/* Tablets */
@media (max-width: 992px) {
	.thumbs-arrow {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
	}
	.reviews-list__block{
		flex-direction: column;
		padding-top: 10px;
	}
	.reviews-list__block .loop-review__block{
		margin:0;
		padding: 0;
	}
	.swiper{
		padding-top: 15px;
	}
	.acc-content {
		max-width: 100%;
		overflow-wrap: break-word;
		word-wrap: break-word;
		word-break: break-word;
	}
	.navbar .navbar-collapse{
		padding-left: 10px;
	}
}

/* Mobile — hide arrows */
@media (max-width: 768px) {
	.thumbs-arrow {
		display: none;
	}
	.fix-100{
		max-width: 100%!important;
	}
	.product .product-title{
		padding-top: 15px;
		font-size: 20px;
	}
	.price-qty .price {
		font-size: 24px;
	}
	.breadcrumb {
		display: flex;
		flex-wrap: wrap;
	}

	.breadcrumb li {
		white-space: normal;
		min-width: 0;
	}

	.breadcrumb li a {
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
	}
	#product .flex-row{gap:0;}
	.reviews-list{
		padding: 30px 15px 15px;
	}
	.product .price-qty #input-quantity{
		font-size: 14px;
	}
}

/* Small phones */
@media (max-width: 480px) {
	.gallery-thumbs img {
		border-radius: 3px;
	}
	.product .price-qty{
		padding: 10px 0;
	}
	.availability-product{
		margin-bottom: 15px;
	}
}

/* FLEX FIX (CRITICAL) */
/* .product,
.flex-row,
.flex-container,.row,
[class*="flex-col"] {
  min-width: 0;
} */

/* SWIPER ROOT */
.product-gallery,
.gallery-main,
.gallery-thumbs {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

/* SWIPER CORE */
.swiper,
.swiper-wrapper,
.swiper-slide {
	box-sizing: border-box;
}

/* IMAGES */
.gallery-main img,
.gallery-thumbs img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

/* PAGE DELIVERY */
.page-delivery div.link {
	overflow: hidden;
	white-space: nowrap;
	width: auto;
	height: 0px;
	border: none;
	text-align: start !important;
}
.page-delivery div.special {
	overflow: visible;
	width: auto;
	height: auto;
	white-space: pre-wrap;
}
.page-delivery div.txt-t {
	text-align: start !important;
	font-size: 16px;
	color: white;
	margin-top: 20px;
	line-height: 25px;
}
.page-delivery .files {
	display: flex;
	gap: 10px;
	/* space between buttons */
	flex-wrap: wrap;
	/* allows wrapping on smaller screens */
	ent:center;
}
.page-delivery .files .btn {
	white-space: nowrap;
	/* prevents text from wrapping inside buttons */
}
.page-delivery button.b {
	cursor: pointer;
	padding: 0 15px;
	overflow: hidden;
	background-color: #f4fe26;
	color: #000;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight: 400;
	font-size: 14px;
	box-shadow: 0px 4.47761px 5.97015px 0.746269px rgba(244, 254, 38, 0.25);
	width: auto;
	height: 38px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none;
	-webkit-appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: none;
	transition: all ease 0.3s;
}
.page-delivery button.b:hover {
	background-color: #565656;
	color: #fff;
}
.page-delivery a.btn {
	display: inline-block;
	padding: 10px 15px;
	margin-top: 10px;
	background: lightgrey;
	color: #222;
	text-decoration: none;
	border-radius: 5px;
	font-weight: bold;
}
.page-delivery a.btn:hover {
	background: grey;
}
@media (max-width: 1515px){
	body:has(#content.error){
		background-image: none !important;
		background-color: #2b2b2b !important;
	}
	body:has(#content.error) #content,
	body:has(#content.error) .page404,
	body:has(#content.error) .error-wrapper,
	body:has(#content.error) .page404__text-block,
	body:has(#content.error) .page404__text-wrapper{
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
	}

	body:has(#content.error) .row,
	body:has(#content.error) [class*="col-"]{
		box-shadow: none !important;
		border-radius: 0 !important;
	}

	.page404__image img{
		max-width: 100%;
		height: auto;
		display: block;
	}
}

@media (max-width: 480px){
	body:has(#content.error){
		overflow-x: hidden !important;
	}

	body:has(#content.error) #content.error{
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;

		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box !important;
	}

	body:has(#content.error) .page404,
	body:has(#content.error) .error-wrapper,
	body:has(#content.error) .page404__text-block,
	body:has(#content.error) .page404__text-wrapper{
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box !important;
	}

	body:has(#content.error) .page404__text-block{
		display: flex !important;
		flex-direction: column !important;

		align-items: stretch !important;
	}

	body:has(#content.error) .page404__image{
		order: 2 !important;
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
		margin: 20px 0 24px !important;
		padding-left: 0 !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}

	body:has(#content.error) .page404__image img{
		width: min(360px, 100%) !important;
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
		padding: 0 !important;
	}

	body:has(#content.error) .page404__text-wrapper{
		order: 3 !important;
		text-align: center !important;
	}

	body:has(#content.error) .page404__bottom{
		margin-top: 28px !important;
		text-align: center !important;
	}

	body:has(#content.error) div.page404{
		padding: 0 !important;
	}
	body:has(#content.error) .page404.error-wrapper{
		padding-left: 0 !important;
		padding-right: 30px !important;
	}
	body:has(#content.error) .page404__bottom .error-page-button{
		display: block;
		width: 100%;
		max-width: 100%;
	}
	body:has(#content.error) .page404__bottom{
		width: 100%;
	}

	body:has(#content.error) .page404__bottom .error-page-button{
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
}
@media (min-width: 481px) and (max-width: 1515px){
	body:has(#content.error) #content.error{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body:has(#content.error) .page404.error-wrapper{
		padding-left: 0 !important;
		padding-right: 30px !important;
	}
	body:has(#content.error){
		overflow-x: hidden;
	}

	body:has(#content.error) #error-not-found,
	body:has(#content.error) #error-not-found > .row{
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
	}

	body:has(#content.error) #content.error{
		max-width: 100% !important;
		overflow-x: hidden;
	}
}


/*shop homepage start*/
.home_cats_wr {
	margin-left: -7px;
	margin-right: -7px;
	justify-content: center;
}
.home_cat_item_wr {
	padding-left: 7px;
	padding-right: 7px;
	margin-top: 7px;
	margin-bottom: 7px;
}
.home_cat_item_wr a {
	height: calc(33.3333vw - 26px);
	width: calc(33.3333vw - 26px);
	background: radial-gradient(
			97.26% 97.26% at 50% 50%,
			#ffffff 0%,
			#696969 90.1%
	),
	#e4e4e4;
	box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.25),
	inset 0px 0px 13px rgba(255, 255, 255, 0.67);
	border-radius: 10px;
	flex-direction: column;
}
.home_cat_item_wr a:hover {
	background: linear-gradient(0deg, #f4fe26, #f4fe26),
	radial-gradient(97.26% 97.26% at 50% 50%, #ffffff 0%, #696969 90.1%),
	#e4e4e4;
}
.cat_image_large {
	height: 40px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0 10px;
}
.cat_image_large > svg {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: contain;
}
.home_cat_item_wr .cat_text {
	text-align: center;
	font-size: 14px;
	color: black;
	margin-top: 10px;
}
@media (min-width: 480px) {
	.cat_image_large {
		height: 57px;
	}
}
@media (min-width: 768px) {
	.home_cat_item_wr a {
		height: calc(25vw - 23px);
		width: calc(25vw - 23px);
	}
	.cat_image_large {
		height: 90px;
	}
}
@media (min-width: 992px) {
	.home_cat_item_wr a {
		height: calc(20vw - 21px);
		width: calc(20vw - 21px);
	}
}
@media (min-width: 1515px) {
	.home_cat_item_wr a {
		height: 164px;
		width: 164px;
	}
	#common-home .home_cat_item_wr a {
		height: 174px;
		width: 174px;
	}

	#common-home .home_cat_item_wr a:focus {
		text-decoration: none;
	}
}
.cls-1, .cls-2, .cls-3 {
	stroke-width: 0px;
}
.cls-1, .cls-3 {
	fill: #000;
}
.cls-2 {
	fill: none;
}
.cls-3 {
	fill-rule: evenodd;
}
/*shop homepage end*/
/* Loading spinner */
.loading-spinner {
	grid-column: 1 / -1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 0;
}

.loading-spinner::after {
	content: '';
	width: 40px;
	height: 40px;
	border: 4px solid #f0f0f0;
	border-top-color: #333;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

.loading-spinner-sm::after {
	width: 24px;
	height: 24px;
	border-width: 3px;
}
/* scroll btn */
#scroll_bt {
	background-color: #f4fe26 !important;
	padding: 0 !important;
	height: 40px !important;
	line-height: 40px !important;
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	color: #232323;
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
	width: 40px;
	font-size: 20px;
}
#scroll_bt.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
#scroll_bt:hover {
	opacity: 0.5;
}
.icon-angle-up:before {
	content: '\f106';
}