/* Start:/local/templates/hookahtrade/assets/css/style.css?1767793085131138*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: 600;
}

*, *:after, *:before {
		box-sizing: border-box;
		padding: 0;
		margin: 0;
}

:root {
	--brand: #964cf2;
	--brand3: #3730A5;
	--brand2: #9078b7;
	--brand4: #a278d6;
	--brand5: #4b3e5a;
	--gradient: linear-gradient(90deg, #964cf2 0%, #964cf2 100%);
	--border-radius: 5px;
}

::selection {
	background: var(--brand);
	color: #fff;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

::-moz-selection {
	background: var(--brand);
	color: #fff;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: var(--brand);
	border-radius: var(--border-radius);
}

::-webkit-scrollbar-track-piece {
	background: #393939;
	border-radius: var(--border-radius);
}

.csItems .bx-active .bx-filter-block {
	-webkit-overflow-scrolling: touch
}


html, body {
	width: 100%;
	min-height: 100%;
	/*background: #151515;*/
background: rgb(21,21,21);
background: linear-gradient(180deg, rgba(21,21,21,1) 0%, rgba(21,21,21,1) 30%, rgba(0,0,0,1) 100%);
	-webkit-text-size-adjust: none;
}

html, body, textarea, input, button, select {
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	outline: 0px;
}

textarea, input, select {
	color: #333;
}

input[type=text], input[type=email], input[type=search], input[type=submit], textarea{
	-webkit-appearance: none;
}

body {
	-webkit-overflow-scrolling: touch;
	min-height: 100vh;
	overflow: overlay;
}

ul {
	padding-left: 40px;
	list-style: disc outside;
	margin-top: 1em;
	margin-bottom: 1em;
}

ol {
	padding-left: 40px;
	list-style: decimal outside;
	margin-top: 1em;
	margin-bottom: 1em;
}

img {
	max-width: 100%;
	height: auto;
	border: 0px;
	vertical-align: bottom;
	max-height: 100%;
}

a {
	color: #131C2E;
	text-decoration: none;
}

@media (hover) {
	a:hover, .link:hover {
		color: var(--brand);
	}
}



.noli, .noli ul, .noli li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.max {
	display: block;
	position: relative;
	margin: 0px auto;
	max-width: 1360px;
	width: calc(100% - 30px);
}

h1, h2, h3 {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	margin: 0px 0px 30px 0px;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

.rw {
	font-family: 'Montserrat', sans-serif;
}

.tt {
	font-family: 'TT_Travels', sans-serif;
}


/************************************************** Btns ************************************************/
.с-btn, a.с-btn {	display: inline-flex;
	height: 49px;
	align-items: center;
	justify-content: center;
	color: #fff;
	border: 0;
	padding: 0 30px 0px;
	cursor: pointer;
	transition: all 0.1s;
	border-radius: var(--border-radius);
	background: #151515;
    border: solid 1px #b792e4;
	box-shadow: 0 10px 22px -5px rgb(78 38 152 / 1%), inset 0px -2px 0px rgb(0 0 0 / 5%);
	position: relative;
	font-size: 14px;
	text-shadow: 0px 1px 3px rgb(0 0 0 / 29%);
	font-family: Montserrat;
	font-weight: 600;
	}
.с-btn:hover {
	background: #151515;
	color: #eee;
	box-shadow: 0 10px 22px -5px rgb(78 38 152 / 50%), inset 0px -2px 0px rgb(0 0 0 / 5%);
}
.с-btn> span, a.с-btn> span {
	display: flex;
	position: relative;
}

.с-btn> span + img, a.с-btn> span + img {
	margin: 0 0 0 5px;
}

.с-btn> img + span , a.с-btn> img + span {
	margin: 0 0 0 5px;
}
#panel .panel> .panel__nav> .с-btn {
    font-weight: 700;
    padding: 0 20px;
    min-width: 200px;
    padding-right: 30px;
}
.btn, a.btn {
	display: inline-flex;
	height: 49px;
	align-items: center;
	justify-content: center;
	color: #fff;
	border: 0;
	padding: 0 30px 0px;
	cursor: pointer;
	transition: all 0.1s;
	border-radius: var(--border-radius);
	background: var(--brand);
	box-shadow: 0 10px 22px -5px rgb(78 38 152 / 1%), inset 0px -2px 0px rgb(0 0 0 / 5%);
	position: relative;
	font-size: 14px;
	text-shadow: 0px 1px 3px rgb(0 0 0 / 29%);
	font-family: Montserrat;
	font-weight: 600;
}

.btn:hover {
	background: var(--brand4);
	box-shadow: 0 10px 22px -5px rgb(78 38 152 / 50%), inset 0px -2px 0px rgb(0 0 0 / 5%);
}

.btn> span, a.btn> span {
	display: flex;
	position: relative;
}

.btn> span + img, a.btn> span + img {
	margin: 0 0 0 5px;
}

.btn> img + span , a.btn> img + span {
	margin: 0 0 0 5px;
}

.btn> span.bmob {
	display: none;
}
/************************************************** END Btns ************************************************/



















/************************************************** Header ************************************************/
#header {
	display: block;
	position: relative;
	background: #964cf2;
	z-index: 100;
}

#header .header {
	display: FLEX;
	position: relative;
	height: 80px;
	align-items: center;
	color: #FFF;
	font-size: 14px;
}

#header .header a.header__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 66px;
	margin: 6px 50px 0 0;
	flex-direction: column;
	align-items: flex-start;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	/*letter-spacing: 2.1px;*/
}

#header .header a.header__logo> span {
	display: BLOCK;
	padding: 9px 0 0;
}

#header .header .header__nav {
	display: flex;
	position: relative;
	flex-grow: 1;
}

#header .header .header__nav ul, #header .header .header__nav ul li {
	display: BLOCK;
	margin: 0;
	padding: 0;
	list-style: none;
}

#header .header .header__nav ul {
	display: flex;
	align-items: center;
	margin: 0 -5px;
}

#header .header .header__nav ul> li {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 22px 0 0;
}

#header .header .header__nav ul> li:last-child {
	margin: 0;
}

#header .header .header__nav ul> li> a {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	font-family: Montserrat, sans-serif;
	transition: all 0.1s;
	padding: 10px 5px;
	border-radius: var(--border-radius);
	overflow: hidden;
}

#header .header .header__nav ul> li> a:hover {
	opacity: 0.7;
}

#header .header .header__panel {
	display: flex;
	align-items: center;
	position: relative;
}

#header .header .header__panel> a {
	display: flex;
	align-items: center;
	color: #fff;
	margin: 0 20px 0 0;
	font-size: 15px;
	transition: all 0.1s;
}

#header .header .header__panel> a.top_tepephone_mobile {
	display: none;
}

#header .header .header__panel> a.top_tepephone {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	margin: 0;
}

#header .header .header__panel> a.header__personal {
	font-size: 14px;
	font-family: Montserrat;
	font-weight: 700;
}

#header .header .header__panel> a.header__logout {
	margin: 0;
}

#header .header .header__panel> a:hover {
	filter: opacity(0.7);
}
/************************************************** END Header ************************************************/















/************************************************** Panel ************************************************/
#panel {
	display: block;
	position: relative;
	z-index: 101;
	margin: 0 0 30px;
}

#panel .panel {
	display: flex;
	position: relative;
	height: 80px;
	align-items: center;
}

#panel .panel> .panel__nav {
	display: block;
	position: relative;
	margin: 0 66px 0 0;
	z-index: 10;
}

#panel .panel> .panel__nav> .btn {
	font-weight: 700;
	padding: 0 20px;
	min-width: 200px;
	padding-right: 30px;
}

 .panel__nav__button--icon {
	display: flex;
	margin: 0 10px 0 0;
	width: 22px;
	height: 18px;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}

 .panel__nav__button--icon> i {
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	margin: 0 0 4px;
	border-radius: 10px;
	transition: all 0.3s;
}

 .panel__nav__button--icon> i:last-child {
	margin: 0;
	width: 7px;
}

 .panel__nav__button--icon> i:nth-child(2) {
	width: 14px;
}

#panel .panel> .panel__nav> .btn:hover> .panel__nav__button--icon> i {
	width: 100%;
}

.btn.active> .panel__nav__button--icon> i:nth-child(1) {transform: rotate(45deg);margin: 2px 0 0;}

.btn.active> .panel__nav__button--icon> i:nth-child(2) {
	filter: opacity(0);
}

.btn.active> .panel__nav__button--icon> i:nth-child(3) {
	width: 100%;
	transform: rotate(-45deg);
	margin: -8px 0 0;
}

#panel .panel> .panel__search {
	display: flex;
	align-items: CENTER;
	flex-grow: 1;
	height: 100%;
	/*background: #964cf2;*/
	margin: 0 64px 0 0;
	border-radius: 0 0 20px 20px;
	position: relative;
	padding: 0 15px;
	z-index: 5;
}

#panel .panel> .panel__search::before {
	content: '';
	display: BLOCK;
	position: absolute;
	top: -1px;
	left: -20px;
	/*background: #964cf2;*/
	height: calc(100% + 1px);
	width: 50px;
	border-radius: 0 0 0 7px;
	transform: skewX(15deg);
}

#panel .panel> .panel__search::after {
	content: '';
	display: BLOCK;
	position: absolute;
	top: -1px;
	right: -20px;
	/*background: #964cf2;*/
	height: calc(100% + 1px);
	width: 50px;
	border-radius: 0 0 7px 0;
	transform: skewX(-15deg);
}

#panel .panel> .panel__search> .table__search {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 49px;
}

#panel .panel> .panel__search> .table__search> .table__search-input {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

a.focusInput {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

#panel .panel> .panel__search> .table__search> .table__search-input> input {
	display: block;
	width: 100%;
	height: 100%;
	border: solid 1px #b792e4;
	background: #292631;
	border-radius: var(--border-radius);
	color: #ffffff;
	font-size: 15px;
	padding: 2px 60px 0 16px;
	font-weight: 500;
}

#panel .panel> .panel__search> .table__search> .table__search-btn {
	display: flex;
	width: 60px;
	height: 100%;
	position: absolute;
	align-items: center;
	justify-content: center;
	top: 0;
	right: 0;
	cursor: pointer;
	transition: all 0.1s;
	border: 0;
	background: transparent;
}

#panel .panel> .panel__search> .table__search> .table__search-btn> svg {
	width: 20px;
	height: auto;
}

#panel .panel> .panel__search> .table__search> .table__search-btn:hover {
	filter: opacity(0.5);
}

#panel .panel> .panel__search> .table__search> .table__search-btn> svg path {
	fill: var(--brand4);
}

#search_result {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
}

.hidden {
	display: none;
}

#search_result.hidden {
	display: none;
}

#search_result> .live-search {
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 5px 0 0;
	background: #fff;
	border-radius: var(--border-radius);
	box-shadow: 0px 5px 25px rgb(0 0 0 / 21%);
	max-height: calc(100vh - 210px);
	overflow-y: overlay;
	overflow-x: hidden;
}

#search_result> .live-search> .item_search {
	display: block;
	position: relative;
	padding: 15px;
	border-bottom: 1px dotted #e1e1e1;
	font-size: 15px;
	color: #333;
	cursor: pointer;
}

#search_result> .live-search> .item_search:hover {
	background: #f5f5f5;
	color: var(--brand4);
}

#search_result> .live-search> .item_search:last-child {
	border: 0;
}

.panel__nav--pane {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: max-content;
	padding: 3px 0 0;
}

.panel__nav--pane ul, .panel__nav--pane ul li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.panel__nav--pane> ul> li> .subcats {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	background: #1e1e20;
	/*box-shadow: 0px 5px 25px rgb(0 0 0 / 21%);*/
    border-left: solid 1px #323238;
	padding: 15px 30px;
	width: calc(1360px - 270px);
}

.panel__nav--pane> ul {
	display: flex;
	flex-direction: column;
	position: relative;
	background: #1e1e20;
	box-shadow: 0px 5px 25px rgb(0 0 0 / 21%);
	padding: 15px 0;
	max-width: 270px;
}

.panel__nav--pane> ul> li {
	display: BLOCK;
}

.panel__nav--pane> ul> li> a {
	display: block;
	position: relative;
	padding: 12px 50px 11px 19px;
	font-size: 16px;
	color: #fff;
	font-style: normal;
	font-weight: 500;
}

.panel__nav--pane> ul> li> a> img {
	position: absolute;
	top: calc(50% - 9px);
	right: 20px;
display: none;
}

.panel__nav--pane> ul> li:hover> a {
	color: var(--brand);
}

.panel__nav--pane> ul> li:hover> .subcats {
	display: block;
	height: 100%;
	overflow-y: overlay;
	overflow-x: hidden;
}

.panel__nav--pane> ul> li> .subcats> ul {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.panel__nav--pane> ul> li> .subcats> ul> li {
	/* width: 200px; */
	/* margin: 0 40px 0 0; */
	flex-basis: 25%;
	margin: 0 15px;
}

.panel__nav--pane> ul> li> .subcats> ul> li> a {
	display: block;
	color: #fff;
	font-size: 16px;
	
	font-style: normal;
	font-weight: 400;
	padding: 12px 0 11px;
}

.panel__nav--pane> ul> li> .subcats> ul> li:hover> a {
	color: var(--brand);
}

.panel__buttons {
	display: flex;
	align-items: center;
	height: 100%;
}

.panel__buttons> a {
	margin: 0 27px 0 0;
	color: #fff;
	transition: all 0.15s;
}

.panel__buttons> a:last-child {
	margin: 0;
}

.panel__buttons .panel__buttons--item {
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: center;
	justify-content: flex-start;
}

.panel__buttons .panel__buttons--item .panel__buttons--icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
}

.panel__buttons .panel__buttons--item> span {
	display: block;
	text-align: center;
	font-size: 12px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 600;
}

.panel__buttons .panel__buttons--item> .col {
	display: flex;
	position: absolute;
	top: 9px;
	right: 1px;
}

.panel__buttons .panel__buttons--item> .col> i:not(:empty) {
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	background: var(--brand);
	height: 18px;
	min-width: 18px;
	align-items: CENTER;
	justify-content: center;
	display: flex;
	padding: 0 6px;
	border-radius: 100%;
}

.panel__buttons--cart-flex {
	display: flex;
	align-items: center;
}

.panel__buttons--cart-flex .panel__buttons--cart-total {
	font-size: 18px;
	
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: block;
	margin: 0 0 0 10px;
}

.panel__buttons> a:hover {
	color: var(--brand4);
}

#topcontrol {
	background: #fff;
	border-radius: 100%;
	padding: 1px 2px 2px 1px;
	margin: 0 5px 5px 0;
}

.position__buttons {
	display: FLEX;
	flex-direction: COLUMN;
	position: fixed;
	right: 0;
	top: 40%;
	background: #964cf2;
	box-shadow: -4px 0px 10px 4px rgba(115, 30, 154, 0.10);
	z-index: 1000;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
}

.position__buttons .max {
	width: initial;
	display: FLEX;
	flex-direction: COLUMN;
}

.position__buttons a.position__buttons--item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 50px;
	height: 70px;
	border-bottom: 1px solid #9078b7;
	justify-content: center;
	transition: all 0.15s;
}

.position__buttons a.position__buttons--item .position__buttons--icon {
	margin: 0 0 6px;
}

.position__buttons a.position__buttons--item .col {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #000;
	font-size: 11px;
	
	font-style: normal;
	font-weight: 600;
	height: 19px;
	min-width: 19px;
	padding: 0 5px;
	border-radius: 100%;
}

.position__buttons a.position__buttons--item .col i {
	font-style: normal;
}

.position__buttons a.position__buttons--item.position__buttons--wishlist {
	border: 0;
}

.position__buttons a.position__buttons--item.position__buttons--wishlist .position__buttons--icon {
	margin: -4px 0 2px;
}

.position__buttons a.position__buttons--item:hover {
	background: rgb(231 179 255 / 22%);
}

button.btn.openMobileCat {
	display: none;
}

.position__buttons a.position__buttons--item.position__buttons--orders {
	display: none;
}

.position__buttons a.position__buttons--item.position__buttons--sale {
	display: none;
}

#mobilePanel {
	display: none;
}
/************************************************** END Panel ************************************************/

















/************************************************** Main Slider ************************************************/
section.hero {
	display: block;
	position: relative;
}

.hero__container {
	display: flex;
	position: absolute;
	flex-direction: column;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero__slider {
	position: RELATIVE;
	display: none;
}

.hero__slider .slick-slide {
	position: relative;
}

.hero__slider.slick-initialized {
	display: block;
}

.hero__body {display: flex;flex-direction: COLUMN;align-items: flex-start;position: RELATIVE;height: 100%;justify-content: center;}

.hero__title {
	color: #FFF;
	text-shadow: 6px 6px 1px rgba(153, 26, 237, 0.34);
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin: 0 0 140px;
	position: relative;
	padding: 0;
	max-width: 900px;
}

.hero__sub-title {
	display: block;
	position: relative;
	color: #FFF;
	text-shadow: 6px 6px 1px rgba(153, 26, 237, 0.34);
	font-size: 21px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	max-width: 900px;
	margin: -70px 0 70px;
}

a.hero__button {
	font-size: 18px;
	font-weight: 500;
	height: 54px;
}

section.hero ul.slick-dots {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 66px;
}
/************************************************** END Main Slider ************************************************/

















/************************************************** Main Products ************************************************/
.mainProducts {
	display: block;
	position: relative;
	margin: 0 0 60px;
}

.mainTitle {
	display: block;
	position: relative;
	margin: 0 0 40px;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	color: #fff;
}

.mainTitle> span.sb {
	display: inline-block;
	position: relative;
}

.mainTitle> span.sb::before {
	content: '';
	display: block;
	position: absolute;
	top: calc(100% - 16px);
	left: calc(100% - 86px);
	width: 117px;
	height: 39px;
	background: url(/local/templates/hookahtrade/assets/css/../img/star.svg) center no-repeat;
}

.mainButton {
	display: block;
	text-align: center;
	padding: 60px 0 0;
}

.mainButton> .btn {
	min-width: 230px;
	font-size: 18px;
	
	font-style: normal;
	font-weight: 600;
}

.mainProductsSlider {
	display: none;
	position: relative;
	margin: 0 -10px;
	/* height: 100%; */
}

.mainProductsSlider.slick-initialized  {
	display: block;
}

.mainProductsSlider .slick-track {
	display: flex;
	align-items: initial;
	height: 100%;
}

.mainProductsSlider .slick-list {
	display: flex;
	/* height: 100%; */
}

.mainProductsSlider .productBlockItem {
	height: 100%;
}

.mainProductsSlider .productBlockItemSlider {
	margin: 0 10px;
	float: initial;
	height: initial;
}

.productBlockItem {
	display: flex;
	flex-direction: column;
	position: relative;
	border: 1px solid #DBDBDB;
	background: #FFF;
	border-radius: var(--border-radius);
	overflow: hidden;
	padding: 15px;
}

/* .productBlockItem { */
	/* height: 100%; */
/* } */

.productBlockItem .productBlockItem__img {
	display: flex;
	align-items: CENTER;
	justify-content: center;
	position: relative;
	margin: -15px -15px 25px;
	overflow: hidden;
	height: 230px;
}

.productBlockItem .productBlockItem__img> img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	/* width: 0; */
	/* min-width: 100%; */
	/* min-height: 100%; */
	transition: all 1s linear;
	z-index: 1;
	width: auto;
}

.productBlockItem .productBlockItem__img> img.noimage {
	object-fit: initial;
	width: 100%;
	min-width: initial;
	max-width: calc(100% - 30px);
}

.productBlockItem .productBlockItem__img> span.openProductModal {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 3;
}

.productBlockItem .productBlockItem__img> .fitchs {
	display: flex;
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 2;
	flex-wrap: wrap;
}

.productBlockItem .productBlockItem__img> .fitchs> .fitchs__item {
		display: flex;
	margin: 0 6px 6px 0;
	background: #2ec25f;
	width: 35px;
    height: 35px;
    border-radius: 35px;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	font-size: 11px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 700;
}
.pfBlockImages .fitchs {display: flex;
    justify-content: space-between;
    margin: 10px;
    width: 80px;
    position: absolute;}
.pfBlockImages .fitchs> .fitchs__item {
    display: flex;
 
    background: #2ec25f;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    font-size: 11px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
}
.fitchs__item-sale {
    background: #ff9dd7 !important;
    color: #000 !important;
}

a.favor {
	display: flex;
	z-index: 3;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	justify-content: flex-end;
}

a.favor.active svg path {
	fill: #ffc60b;
}

a.favor:not(.active):hover svg path {
	fill: #000;
}

 a.favor svg path {
	transition: all 0.1s;
}

a.favor.chois svg path {
	fill: #ffb500;
}

.productBlockItem .productBlockItem__name {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	color: #131C2E;
	text-align: center;
	font-size: 14px;
	
	font-style: normal;
	font-weight: 500;
	line-height: 150.2%;
	margin: 0 0 20px;
	min-height: 45px;
	flex-grow: 1;
}

.productBlockItem .productBlockItem__name:hover {
	color: var(--brand);
}

.productBlockItem .productBlockItem__prices {
	display: flex;
	align-items: center;
	flex-wrap: WRAP;
	justify-content: space-between;
	position: relative;
}

.productBlockItem .productBlockItem__prices.notbutton {
	display: flex;
	width: 100%;
	align-items: CENTER;
	justify-content: center !important;
}

.productBlockItem .productBlockItem__prices .productBlockItem__prices--price {
	color: #000;
	font-size: 16px;
	
	font-style: normal;
	font-weight: 600;
	white-space: nowrap;
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0 0 15px;
}

body.sblured .productBlockItem__prices--price, body.sblured .pageProdInfo> .pfPrice, body.sblured .pfBlockInfo .pfPrice {
	filter: blur(5px);
}

.productBlockItem .productBlockItem__prices .productBlockItem__prices--count {
	display: flex;
	margin: 0 10px 0 0;
}

.amount_block {
	display: flex;
	position: relative;
}

.amount_block> input {
	border-radius: var(--border-radius);
	border: 1px solid #E7E0ED;
	background: #F4F2F6;
	width: 37px;
	height: 37px;
	text-align: CENTER;
	color: #000;
	text-align: center;
	font-size: 13px;
	
	font-style: normal;
	font-weight: 400;
}

.amount_block> span.amount_block--button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
	width: 18px;
}

span.amount_block--button.amount_block--minus img {
	height: auto;
	width: 13px;
}

.amount_block> span.amount_block--button.amount_block--plus {
	justify-content: flex-end;
	width: 26px;
}

.amount_block> span.amount_block--button.amount_block--plus img {
	height: auto;
	width: 24px;
}

.productBlockItem .productBlockItem__prices button.btn {
	padding: 0;
	width: 39px;
	height: 37px;
}

.openProductModal {
	cursor: pointer;
}

.mainProductsSlider button.slick-arrow {
	background: #c2a2e9;
	/* filter: opacity(0.5); */
	transition: all 0.1s;
}

.mainProductsSlider button.slick-arrow svg path {
	fill: #fff;
}

.mainProductsSlider button.slick-arrow:hover {
	background: var(--brand);
}

.mainProductsSlider button.slick-next.slick-arrow {
	right: -12px;
}

.mainProductsSlider button.slick-prev.slick-arrow {
	left: -12px;
}

.productBlockItem .productBlockItem__img> .fitchs> span.fitchs__item.fitchs__item-sale {
    background: #ff9dd7;
    color: #000;
}

#hits {
	display: block;
	position: relative;
}

.lazybg {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.lazybg.clazybg {
	background-size: 100%;
}

#hits .hits {
	display: block;
	position: relative;
	padding: 80px 0 100px;
}

ul.hitsTabs {
	display: flex;
	flex-wrap: WRAP;
	position: relative;
	margin: 0 0 30px 0;
}

ul.hitsTabs> li {
	display: flex;
	position: relative;
	margin: 0 22px 22px 0;
}

ul.hitsTabs> li> span {
	display: BLOCK;
	cursor: pointer;
	color: #cdbce3;
	text-align: center;
	font-family: Montserrat;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	background: #4c326e;
	transition: all 0.1s;
	padding: 10px 15px;
	border-radius: 5px;
}

ul.hitsTabs> li.active> span {
	background: var(--brand);
	color: #fff;
}

ul.hitsTabs> li:not(.active)> span:hover {
	background: var(--brand2);
}

#newed {
	display: BLOCK;
	position: relative;
}

#newed .newed {
	display: block;
	position: relative;
	padding: 90px 0 140px;
}
/************************************************** END Main Products ************************************************/














/************************************************** Main pmy ************************************************/
#pmy {
	display: block;
	position: relative;
}

#pmy .pmy {
	/*display: flex;*/
	display: none;
	flex-wrap: WRAP;
	position: RELATIVE;
	padding: 35px 0 90px;
}

h2.mainTitle.pmyTitle {
	display: flex;
	align-items: CENTER;
	width: 100%;
}

h2.mainTitle.pmyTitle> span {
	position: relative;
	padding: 20px 0 0 20px;
	width: 100%;
}

.pmyInfo {
	display: flex;
	flex-direction: COLUMN;
	position: RELATIVE;
	width: 420px;
	margin: 0 40px 0 0;
	font-size: 18px;
	font-style: normal;
	line-height: 150.4%;
}

.pmyInfo p {
	display: block;
	margin: 0 0 20px;
}

.pmyInfo p:last-child {
	margin: 0;
}

.pmyItems {
	display: block;
	position: relative;
	width: calc(100% - 460px);
	margin: 0 0 20px;
}

.pmyItems ul {
	display: flex;
	flex-wrap: wrap;
	position: RELATIVE;
}

.pmyItems ul> li {
	display: FLEX;
	align-items: center;
	position: relative;
	width: 50%;
	padding: 0 50px 0 0;
	margin: 0 0 44px;
}

.pmyItems ul> li> i {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 90px;
	height: 90px;
	width: 90px;
	margin: 0 30px 0 0;
	font-style: normal;
	font-family: 'TT_Travels', sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	background: url(/local/templates/hookahtrade/assets/css/../img/polygon.svg) center no-repeat;
	background-size: 78px;
}

.pmyItems ul> li> p {
	display: block;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	line-height: 150.4%;
}

.pmyButton {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.pmyButton> a {
	display: FLEX;
	align-items: CENTER;
	justify-content: center;
	color: #9078b7;
	font-family: 'TT_Travels', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150.4%; /* 24.064px */
	text-transform: uppercase;
	transition: all 0.15s;
}

.pmyButton> a> img {
	margin: -2px 0px 0 15px;
}

.pmyButton> a:hover {
	color: #fff;
}
/************************************************** END Main pmy ************************************************/



















/************************************************** Footer ************************************************/
#footer {
	display: block;
	position: relative;
	background: #0e0e0e;
	padding: 50px 0;
}

#footer.notmainpage {
	/*margin-top: 100px;*/
}

#footer .footer {
	display: flex;
	justify-content: space-between;
	position: relative;
	color: #FFF;
	font-size: 13px;
	font-style: normal;
}

.footer_info {
	display: flex;
	flex-direction: column;
	position: relative;
	max-width: 400px;
	width: 100%;
}

.footer_info .footer_text1 {
	display: flex;
	align-items: center;
	margin: 0 0 30px;
	border-bottom: 1px solid var(--brand5);
	padding: 0 0 30px;
}

.footer_info .footer_text1> img {
	height: auto;
	min-width: 116px;
	margin: 0 25px 0 0;
}

.footer_info .footer_text1> .footer_text1--info {
	line-height: 150%;
}

.footer_info .footer_text2 {
	display: flex;
	position: relative;
	align-items: center;
	color: #FFF;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 130.4%;
}

.footer_info .footer_text2> span.ico18 {
	display: flex;
	width: 46px;
	min-width: 46px;
	height: 46px;
	margin: 0 15px 0 0;
	border: 1px solid #fff;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	padding: 3px 0 0 4px;
}

.footer_info .footer_socials {
	display: flex;
	align-items: center;
	position: relative;
}

.footer_info .footer_socials a {
	margin: 0 16px 0 0;
	transition: all 0.1s;
}

.footer_info .footer_socials a:hover {
	filter: opacity(0.7);
}

.footer_info .footer_socials a:last-child {
	margin: 0;
}

.footer_links {
	flex-grow: 1;
	display: FLEX;
	justify-content: CENTER;
}

.footer_links--item {
	display: FLEX;
	flex-direction: column;
	position: relative;
	margin: 0 50px;
}

.footer_title {
	display: block;
	color: var(--brand);
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 171.4%;
	text-transform: uppercase;
	margin: 0 0 20px;
}

.footer_links--item ul, .footer_links--item ul li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer_links--item ul li a {
	display: inline-block;
	color: #ECEEF2;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	border-bottom: 1px dotted transparent;
}

.footer_links--item ul li {
	margin: 0 0 10px;
}

.footer_links--item ul li a:hover {
	border-bottom-color: rgb(255 255 255 / 60%);
}

.footer_links--item ul li:last-child {
	margin: 0;
}

.footer_contacts {
	display: flex;
	flex-direction: column;
	width: fit-content;
}

.footer_contacts .btn {
	width: max-content;
	height: 40px;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 35px;
}

.footer_socials {
	display: flex;
	align-items: center;
	position: relative;
}

.footer_socials a {
	display: FLEX;
	align-items: center;
	justify-content: center;
	margin: 0 19px 0 0;
}

.footer_socials a:last-child {
	margin: 0;
}

.footer_contacts--items {display: block;position: relative;margin: 0 0 24px;}

.footer_contacts--items ul, .footer_contacts--items ul li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer_contacts--items ul> li {
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	margin: 0 0 16px;
}

.footer_contacts--items ul> li.tt {
	font-size: 14px;
	font-weight: bold;
}

.footer_contacts--items ul> li a {
	color: #fff;
	border-bottom: 1px dotted transparent;
}

.footer_contacts--items ul> li a:hover {
	border-bottom-color: rgb(255 255 255 / 60%);
}
/************************************************** END Footer ************************************************/

















/************************************************** Modals ************************************************/
#modal {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(3px);
	background: rgb(0 0 0 / 32%);
	z-index: 99999;
}

.modal {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 50px 0;
	max-height: 100vh;
	overflow-y: overlay;
	align-items: baseline;
	justify-content: center;
	-webkit-overflow-scrolling: touch;
}

.modalContent {
	display: flex;
	width: calc(100% - 40px);
	max-width: 460px;
	background: #fff;
	margin: auto;
	flex-direction: column;
	position: relative;
	box-shadow: 0px 30px 100px rgb(0 0 0 / 28%);
	border-radius: var(--border-radius);
	padding: 50px 25px 25px;
}

.maxModal {
	display: block;
	position: relative;
	width: 100%;
	padding: 50px;
}

.modal.Contact .maxModal {
    max-width: 360px;
    width: 100%;
}

a.modalClose {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	transition: all 0.15s;
	position: absolute;
	top: 15px;
	right: 15px;
	background: #fff;
	box-shadow: 0px 30px 100px rgb(0 0 0 / 47%);
	width: 24px;
	height: 24px;
	border-radius: 100px;
}

a.modalClose img {
	transition: all 0.15s;
}

@media (hover) {
	a.modalClose:hover img {
		opacity: 0.5;
	}
}

.modalTitle {
	display: block;
	color: #131C2E;
	font-size: 24px;
	
	font-style: normal;
	font-weight: 600;
	margin: 0 0 25px;
}

form.centroForm {
	display: flex;
	flex-direction: column;
	position: relative;
}

input.c_input[type="text"], input.c_input[type="tel"], input.c_input[type="email"], input.c_input[type="date"], input.c_input[type="password"], textarea.c_textarea {
	width: 100%;
	height: 44px;
	margin: 0 0 15px;
	border-radius: var(--border-radius);
	padding: 2px 12px 0;
	border: 1px solid #E7E0ED;
	background: #FFF;
	color: #333;
	font-size: 14px;
	
	font-style: normal;
	font-weight: 400;
	transition: all 0.15s;
}

input.c_input[type="text"]:hover, input.c_input[type="tel"]:hover, input.c_input[type="email"]:hover, input.c_input[type="date"]:hover, input.c_input[type="password"]:hover, textarea.c_textarea:hover {
	border-color: #d2bee3;
}

input.c_input[type="text"]:focus, input.c_input[type="tel"]:focus, input.c_input[type="email"]:focus, input.c_input[type="date"]:focus, input.c_input[type="password"]:focus, textarea.c_textarea:focus {
	border-color: #ab7dd3;
	box-shadow: 0px 7px 15px -5px rgb(171 125 211 / 28%);
}

input.c_input[type="text"]::placeholder, input.c_input[type="tel"]::placeholder, input.c_input[type="email"]::placeholder, input.c_input[type="date"]::placeholder, input.c_input[type="password"]::placeholder, textarea.c_textarea {
	color: #6F6F6F;
}

textarea.c_textarea {
	padding: 12px;
	min-height: 100px;
}

.modalSuccess {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 15px;
	border-radius: var(--border-radius);
	/*background: #e0ffd1;*/
	background: #313131;
	padding-left: 23px;
	font-size: 15px;
	line-height: 130%;
}

.modalSuccess::before {
	content: '';
	display: block;
	width: 4px;
	position: absolute;
	top: 4px;
	left: 4px;
	bottom: 4px;
	background: #74c74b;
	border-radius: 100px;
}

.modalSuccess b {
	display: block;
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 500;
}

ul.selectSklad {
	display: flex;
	flex-direction: column;
	position: relative;
}

ul.selectSklad> li {
	margin: 0 0 15px;
}

ul.selectSklad> li:last-child {
	margin: 0;
}

ul.selectSklad> li> a {
	display: block;
	border: 1px solid #f5ddff;
	padding: 13px 15px 12px;
	border-radius: var(--border-radius);
	font-size: 15px;
	font-weight: 500;
	color: var(--brand);
	transition: all 0.1s;
}

ul.selectSklad> li> a:hover {
	background: #f8f3fa;
	color: #000;
}

.modal-open {
  overflow: hidden;
}

.popup {
	animation: abv 0.1s;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.781);
	opacity: 0;
	pointer-events: none;
	transition: all 1s ease;
	z-index: 99999;
	overflow: hidden;
	overflow: overlay;
}

.popup.active {
  opacity: 1;
  pointer-events: all;
  transition: 0.3s all;
  display: flex !important;
}

.popup__body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.3s all;
}

.popup__body.active {
  transform: translate(-50%, -50%) scale(1);
  transition: 0.5s all;
}

.open-popup {
  margin-top: 150px;
  text-align: center;
  font-weight: 700;
  text-decoration: none;
  font-size: 30px;
  background-color: transparent;
  border: none;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close-popup {
  z-index: 2;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  border: transparent;
  color: #000;
  font-size: 25px;
}

.popup {
	align-items: center;
	justify-content: center;
	padding: 50px 0 !important;
	max-height: 100vh  !important;
	overflow-y: overlay !important;
	align-items: baseline !important;
	justify-content: center !important;
	-webkit-overflow-scrolling: touch!important;
}

.popup__body {
	top: initial !important;
	left: initial !important;
	transform: initial !important;
	width: calc(100% - 40px) !important;
	margin: auto !important;
	position: relative !important;
}


.rev {
    margin: 0 auto;
    margin-top: 60px;
}
.rev:after,
.rev:before {
    border-color: #000;
}
.modal-rev {
    color: #000;
}
.modal-rev__body {
    width: 100%;
    max-width: 470px;
    background: #fff;
    border-radius: 20px;
    padding: 26px 36px;
    font-size: 30px;
}

.modal-rev__body .checkbox {
line-height: 16px;
	margin: 0 0 20px;
}

.modal-rev__body .rating__body::before {
    color: #e3e3e3;
}
.modal-rev__body .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}
.modal-rev__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3571428571;
    letter-spacing: 0.25px;
}
.modal-rev__title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3636363636;
    letter-spacing: 0.25px;
}
.modal-rev__sub-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0.25px;
    margin-bottom: 10px;
}
.modal-rev__input {
    width: 100%;
    height: 50px;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    padding: 13px 17px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3571428571;
    letter-spacing: 0.25px;
    margin-bottom: 13px;
}
.modal-rev__btn {
    margin-top: 51px;
    background: #000;
    border-radius: 5px;
    width: 100%;
    padding: 20px;
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border: 1px solid #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.25px;
}
.modal-rev__btn:hover {
    color: #242424;
    background: 0 0;
}
.modal-rev__btn:active {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
/************************************************** END Modals ************************************************/


















/************************************************** Modal Product ************************************************/
.productModal .modalContent {
	max-width: 896px;
}

.modalProductPage {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.modalProductPage> .mpp_gallery {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 290px;
	margin: 0 30px 0 0;
}

.modalProductPage> .mpp_info {
	display: flex;
	flex-direction: column;
	position: relative;
	width: calc(100% - 320px);
}

.mpp_gallery_big {
	width: 100%;
	margin: 0 0 20px;
	border: 1px solid #E1E1E1;
}

.mpp_gallery_big a.mpp_gallery_big_item {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	height: 270px;
}

.mpp_gallery_big a.mpp_gallery_big_item> img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	width: 0;
	min-width: 100%;
	min-height: 100%;
	transition: all 1s linear;
	z-index: 1;
}

.mpp_gallery_big button.slick-arrow {
	width: 30px;
	height: 30px;
	top: calc(50% - 15px);
}

.mpp_gallery_big button.slick-arrow svg {
	height: auto;
	width: 6px;
}

.mpp_gallery_mini {
	margin: 0 -5px;
}

.mpp_gallery_mini_item {
	margin: 0 5px;
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #e1e1e1;
	cursor: pointer;
}

.mpp_gallery_mini_item::before {
	content: '';
	display: block;
	padding-top: 80%;
}

.mpp_gallery_mini_item> img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	width: 0;
	min-width: 100%;
	min-height: 100%;
	transition: all 1s linear;
	z-index: 1;
}

.slick-current .mpp_gallery_mini_item {
	border-color: var(--brand4);
}

.modalProductPage> .mpp_info> h1 {
	display: block;
	color: #131C2E;
	font-size: 24px;
	
	font-style: normal;
	font-weight: 600;
	line-height: 130.2%;
	border-bottom: 1px solid #DDDDDD;
	margin: -7px 0 20px;
	padding: 0 0 15px;
}

.modalProductPage> .mpp_info> .productBlockItem__prices {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #DDDDDD;
	align-items: center;
}

.modalProductPage> .mpp_info> .productBlockItem__prices> .productBlockItem__prices--price {
	margin: 0 10px 0 0;
	color: #000;
	font-size: 20px;
	
	font-style: normal;
	font-weight: 500;
}

.modalProductPage> .mpp_info> .productBlockItem__prices> button.btn.productBlockItem__prices--addcart {
	height: 37px;
	width: 37px;
	padding: 0;
	margin: 0 0 0 10px;
}

.prodFeatures {
	display: flex;
	flex-direction: column;
	position: relative;
}

.prodFeatures> .item {
	display: flex;
	width: 100%;
	padding: 0 0 15px;
	margin: 0 0 15px;
	border-bottom: 1px solid #DDDDDD;
	color: #000;
	font-size: 14px;
	
	font-style: normal;
	font-weight: 400;
}

.prodFulltext {
	color: #000;
	font-size: 14px;
	
	font-style: normal;
	font-weight: 400;
	line-height: 150.688%;
}

.mpp_gallery a.favor {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10;
}

.mpp_gallery_big a.mpp_gallery_big_item.noimage img {
	max-width: 80%;
	object-fit: initial;
	min-width: initial;
	width: 100%;
}

.fancybox__container {
	z-index: 99999 !important;
}

.checkbox__text {
color:#000;
line-height: 16px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3846153846;
	letter-spacing: 0.25px;
	margin-bottom: 32px;
}
/************************************************** END Modal Product ************************************************/















/************************************************** Products ************************************************/
.productsList {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 0 -8px;
}

.productsList .productBlockItem {
	margin: 0 8px 35px;
	width: calc(25% - 16px);
}

.prep {
font-size: 27.4px;
    margin-bottom: 20px;
    opacity: 0.8;
}

.prep_home {
font-size: 25px;
    margin-bottom: 40px;
    opacity: 0.8;
}

h1.pageTitle {
	display: block;
	margin: 0 0 30px;
	color: #fff;
	font-size: 32px;
    text-transform: uppercase;
	font-style: normal;
	font-weight: 700;
	font-family: 'TT_Travels', sans-serif;
}

.catalogCounstruction {
	display: flex;
	flex-wrap: WRAP;
	position: RELATIVE;
}

.catalogCounstruction .ccLeft {
	width: 250px;
	position: relative;
	display: BLOCK;
	margin: 0 30px 0 0;
}

.catalogCounstruction .ccRight {
	display: block;
	position: relative;
	width: calc(100% - 280px);
}

form.productsConfig {
	display: flex;
	position: relative;
	margin: 0 0 30px;
}

form.productsConfig .productsConfig__item {
	display: flex;
	align-items: CENTER;
	position: relative;
	margin: 0 25px 0 0;
}

form.productsConfig .productsConfig__viewer {
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
	align-items: center;
}

form.productsConfig .productsConfig__item> label {
	display: block;
	margin: 0 10px 0 0;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
}

.centroSelect {
	display: BLOCK;
	position: relative;
	border: 2px solid rgba(233, 233, 240, 0.90);
	background: #F4F2F6;
	height: 31px;
	transition: all 0.1s;
	border-radius: 5px;
	border: 1px solid #303030;
	background: #262626;
	color: #fff;
}

.centroSelect> select {
	-webkit-appearance: none;
	display: block;
	cursor: pointer;
	height: 100%;
	border: 0;
	background: transparent;
	padding: 0 30px 0 10px;
	color: #fff;
	font-size: 13px;
	
	font-style: normal;
	font-weight: 400;
	transition: all 0.1s;
	position: relative;
	z-index: 2;
}

.centroSelect> select option {
	color: #222;
}

.centroSelect:hover {
	border-color: var(--brand2);
}

.centroSelect:hover select {
	color: #fff;
}
/*
.centroSelect::before {
	content: '';
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: calc(50% - 12px);
	right: 0;
	background: url(/local/templates/hookahtrade/assets/img/select_down.svg) center no-repeat;
	width: 24px;
	height: 24px;
}
*/

.centroSelect> select option {
}

form.productsConfig .productsConfig__viewer> label {
	display: block;
	position: relative;
	margin: 0 0 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f4f4;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #303030;
	background: #262626;
}

form.productsConfig .productsConfig__viewer> label input {
	display: none;
}

form.productsConfig .productsConfig__viewer> label img {
	filter: opacity(0.3);
	transition: all 0.1s;
}

form.productsConfig .productsConfig__viewer> label input:checked + img {
	filter: opacity(1);
}

form.productsConfig .productsConfig__viewer> label:hover input:not(:checked) + img {
	filter: opacity(0.5);
}

.centroPager {
	display: flex;
	align-items: CENTER;
	justify-content: center;
	position: relative;
}

.btn.btn-black-outline {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	font-size: 14px;
	
	font-style: normal;
	font-weight: 600;
	text-shadow: none;
	box-shadow: none;
}

.centroPager .btn.btn-black-outline {
	height: 46px;
	width: 228px;
}

.btn.btn-black-outline:hover {
	background: var(--brand);
	color: #fff;
	border-color: transparent;
}

.btn.btn-black-outline.active {
	background: var(--brand);
	color: #fff;
	border-color: transparent;
}

.cloading {
	position: relative;
	overflow: hidden;
}

.cloading::after {
	content: '';
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 70%) url(/local/templates/hookahtrade/assets/img/oval.svg) center no-repeat;
	z-index: 999;
	align-items: center;
	justify-content: center;
	background-size: 30px;
}

.productsList.pl-list {
	flex-direction: column;
	margin: 0;
}

.productsList.pl-list .productBlockItem {
	border: 0;
	border-bottom: 1px solid #DBDBDB;
	margin: 0 0 20px;
	padding: 20px;
	width: 100%;
	flex-direction: row;
	align-items: CENTER;
}

.productsList.pl-list .productBlockItem .productBlockItem__img {
	border: 1px solid #DBDBDB;
	width: 200px;
	margin: 0 30px 0 0;
	height: 212px;
	border-radius: var(--border-radius);
	min-width: 200px;
}

.productsList.pl-list .productBlockItem .productBlockItem__name {
	flex-grow: 1;
	justify-content: flex-start;
	margin: 0;
	min-height: initial;
	padding: 0 30px 0 0;
	color: #131C2E;
	font-size: 16px;
	
	font-style: normal;
	font-weight: 500;
	line-height: 130.2%;
}

.productsList.pl-list .productBlockItem__prices {
	white-space: nowrap;
	justify-content: flex-end;
}

.productsList.pl-list .productBlockItem__prices .productBlockItem__prices--price {
	margin: 0 30px 0 0;
	width: initial;
}

.productsList.pl-list .productBlockItem .productBlockItem__prices .productBlockItem__prices--count {
	margin: 0 20px 0 0;
}

.search-page {
	display: none;
}

a.openFilterMobile {
	display: none;
}

.catalogCounstruction .ccRight.noleft {
	width: 100%;
}

.catalogCounstruction .ccRight.noleft .productsList .productBlockItem {
	width: calc(20% - 30px);
}













.table__tr.table__tr-category {
	display: block;
	position: relative;
	margin: 0 0 15px;
}

.table__tr.table__tr-category> .table__category {
	display: block;
	color: #fff;
	font-size: 26px;
background: #262626;
padding: 10px 15px;
    border-radius: 5px;
	
	font-style: normal;
	font-weight: 700;
}

.table__tr.table__tr-category> .table__category.sub {
	font-size: 24px;
}

.table__tr.table__tr-category> .table__category.sub.sub2 {
	font-size: 22px;
}

.table__tr.table__tr-category> .table__category.sub.sub3 {
	font-size: 20px;
}


.productInline {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 15px 10px;
	/* transition: all 0.1s; */
	box-shadow: 0px 0px 0px 5px transparent, 0px 0px 50px transparent;
	margin: 0 -10px;
}

.productInline + .table__tr {
	margin-top: 30px;
}

.piImageName {
	display: flex;
	align-items: center;
	width: 50%;
}

.piSummButton {
	display: flex;
	align-items: center;
	width: 50%;
}

.piImageName> .piImage {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	min-width: 80px;
	margin: 0 20px 0 0;
	position: relative;
}

.piImageName> .piImage> span.openProductModal {
	display: BLOCK;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media(hover) {
	.productInline:hover {
		box-shadow: 0px 0px 0px 5px #fff, 0px 0px 30px rgb(0 0 0 / 27%);
		border-color: transparent;
		z-index: 5;
		border-radius: 5px;
	}
}

.productInline::after {
	content: '';
	display: block;
	position: absolute;
	border-bottom: 1px solid #e0dfe1;
	left: 10px;
	bottom: 0;
	right: 10px;
}

@media(hover) {
	.productInline:hover::after {
		display: none;
	}
}

.piImageName> .piName {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin: 0 20px 0 0;
}

.piSummButton> .piSumm {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 1;
	text-align: center;
	margin: 0 20px 0 0;
}

.piSummButton> .piSumm> span.piSummTec {
	display: block;
	font-weight: bold;
}

.piSummButton> .piSumm> span.piSummTotal {
	padding: 5px 0 0;
	color: #888;
}

.piSummButton> .piButton {
	display: flex;
	min-width: max-content;
	position: relative;
}

.addingButton {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	height: 38px;
}

.addingButton> .amount_block_new {
	display: flex;
	position: relative;
	height: 100%;
	width: 100%;
}

.addingButton> .amount_block_new> span.amount_block_new--button {display: flex;align-items: center;justify-content: flex-start;cursor: pointer;width: 20px;}

.addingButton> .amount_block_new> input.amount_block_new--input {
	border-radius: var(--border-radius);
	border: 1px solid #E7E0ED;
	background: #F4F2F6;
	width: 38px;
	height: 38px;
	text-align: CENTER;
	color: #000;
	text-align: center;
	font-size: 13px;
	
	font-style: normal;
	font-weight: 400;
}

.addingButton> .amount_block_new> span.amount_block_new--button.amount_block_new--plus {
	justify-content: flex-end;
	width: 22px;
}

.addingButton> .amount_block_new> span.amount_block_new--button.amount_block_new--minus> img {
	height: auto;
	width: 13px;
}

.addingButton> button.btn.amount_block_new--addcart {
	width: max-content;
	height: 38px;
	padding: 0;
	padding: 0 10px;
	font-size: 13px;
	font-weight: 600;
}
/************************************************** END Products ************************************************/

























/************************************************** News and actions ************************************************/
#mainnews {
	display: BLOCK;
	position: relative;
}

#mainnews .mainnews {
	display: block;
	position: relative;
	padding: 45px 0 70px;
}

.newsList {
	display: flex;
	flex-wrap: wrap;
	position: RELATIVE;
	
}

.newsListItem {
	display: FLEX;
	flex-direction: column;
	position: relative;
	width: calc(25% - 37px);
	background: #fff;
	border-radius: 10px 10px 5px 5px;
	margin: 0 10px 50px;
	padding: 0px 20px 10px;
}

.mainnews .newslist {
	margin: 0 -15px;
}

#mainnews .mainnews {
	width: 100%;
}

#mainnews .mainnews .newsList {
	margin: 0 -15px 50px;
}

#mainnews .mainnews .newsList .newsListItem {
	margin: 0 15px;
}

.newsListItem a.image {
	display: FLEX;
	align-items: center;
	justify-content: center;
	position: RELATIVE;
	width: calc(100% + 40px);
	height: 300px;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	border: 1px solid #fff;
	border-width: 1px 1px 0;
	margin: 0px -20px 15px;
}

.newsListItem a.image img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	width: 0;
	min-width: 100%;
	min-height: 100%;
	transition: all 1s linear;
	z-index: 1;
}

.newsListItem .datetime {
	display: inline-flex;
	border-radius: 3px;
	background: #717372;
	width: max-content;
	padding: 2px 10px;
	color: #FFF;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	margin: 0 0 10px;
}

.newsListItem h3 {
	display: block;
	margin: 0 0 15px;
	font-family: Montserrat;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
}

.newsListItem .description {
	color: #262626;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150.9%;
}

.newsListItem a.newsFullLink {
	display: flex;
	align-items: CENTER;
	width: max-content;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	color: var(--brand);
}

.newsListItem a.newsFullLink> svg {
	margin: 0 0 0 3px;
	position: relative;
	bottom: -2px;
}

.newsPage {
	border-radius: 5px;
	border: 1px solid #303030;
	background: #262626;
	box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);
	padding: 50px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	align-items: flex-start;
}

.newsPage> a.newsImage {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 50px 0 0;
	border-radius: 5px;
	overflow: hidden;
	width: 320px;
}

.newsPage> .newsBody {
	display: flex;
	flex-direction: column;
	position: relative;
	width: calc(100% - 370px);
	font-size: 15px;
	line-height: 150%;
}

.newsPage> .newsBody .datetime {
	display: block;
	width: max-content;
	margin: 0 0 20px;
	display: inline-flex;
	border-radius: 3px;
	background: #717372;
	width: max-content;
	padding: 2px 10px;
	color: #FFF;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.newsPage> .newsBody p {
	display: BLOCK;
	margin: 0 0 20px;
}

.newsDescription {
	display: block;
	position: relative;
	margin: 0 0 50px;
}
/************************************************** END News and actions ************************************************/























/************************************************** Main Brands ************************************************/
#mainbrands {
	display: block;
	position: relative;padding-bottom: 30px;
background: #151515;
}

#mainbrands .mainbrands {
	display: BLOCK;
	position: relative;
	padding: 95px 0 90px;
}

#mainbrands .mainbrands img.exclusive {
	position: absolute;
	max-height: initial;
	top: -17px;
	right: 0;
}

#mainbrands .mainbrands .mainTitle {
	margin-bottom: 75px;
}

.brandsCarousel {
	display: none;
	border: 5px solid #fff;
	border-radius: 10px;
	margin: 0 0 43px;
}

.brandsCarousel.slick-initialized {
	display: block;
}

.brandsCarousel ul.slick-dots {
	margin: 0;
	position: absolute;
	bottom: -48px;
	overflow: hidden;
	width: 100%;
}

.mainbrands .slick-track {
	display: FLEX;
	position: relative;
	align-items: center;
}

.mainbrands .item {
	margin: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 150px;
}

.mainbrands .item img {
	height: auto;
	width: 120px;
}
/************************************************** END Main Brands ************************************************/





















/************************************************** All old styles ************************************************/
.m-body {
  padding: 50px 46px;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  max-width: 665px;
  width: 100%;
}
@media (max-width: 48em) {
  .m-body {
    padding: 20px;
    max-width: 320px;
  }
}

.m-text {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3571428571;
  letter-spacing: 0.25px;
  margin-bottom: 34px;
}
@media (max-width: 48em) {
  .m-text {
    font-size: 10px;
    margin-bottom: 19px;
  }
}

.m-bold {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3571428571;
  letter-spacing: 0.25px;
  margin-bottom: 34px;
}
@media (max-width: 48em) {
  .m-bold {
    font-size: 10px;
    margin-bottom: 15px;
  }
}

.m-box {
  gap: 17px;
  display: flex;
  width: 100%;
}

.m-login {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3571428571;
  letter-spacing: 0.25px;
}
.m-login:before, .m-login:after {
  border-color: #000;
}
@media (max-width: 48em) {
  .m-login {
    font-size: 10px;
    padding: 14px 17px;
  }
}

.m-clos {
  background: #000000;
  border-radius: 5px;
  color: #fff;
  border: 1px solid #000;
  padding: 13px 37px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.25px;
  line-height: 1.3571428571;
}
.m-clos:hover {
  background: transparent;
  color: #000;
}

@media (max-width: 48em) {
  .m-clos{
    font-size: 10px;
    padding: 20px 15px;
  }
  .m-login { font-size: 10px !important;
    padding: 27px 15px !important;
	}
	.logo-box {display:none}
}

.nuy {
  background: #f7f7f7 !important;
  color: #000 !important;
}

@media (max-width: 31.25em) {
  .catalog-products .product {
    max-width: 48%;
  }
}

@media (max-width: 31.25em) {
  .catalog-products .product__title {
    font-size: 10px;
  }
}

@media (max-width: 31.25em) {
  .catalog-products .product__image-ibg {
    padding-bottom: 98%;
  }
}

@media (max-width: 31.25em) {
  .catalog-products .product__button {
    font-size: 8px;
    padding: 5px 7px;
  }
}

@media (max-width: 31.25em) {
  .catalog-products .product__price {
    font-size: 10px;
  }
}

@media (max-width: 31.25em) {
  .catalog-products .product__favorit img {
    max-width: 20px;
  }
}

.f__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  row-gap: 50px;
}
@media (max-width: 31.25em) {
  .f__container {
    align-items: center;
    flex-direction: column;
    padding-top: 10px;
  }
}

.selectt {
  font-size: 15px;
  color: #757575;
  outline: none;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}

@media (max-width: 48em) {
  .rt2 {
    margin-bottom: 20px !important;
  }
}

.prod .rating__value {
  display: none;
}

@media (min-width: 78.75em) {
  .prod {
    margin-bottom: 3.9375rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .prod {
    margin-bottom: calc(1.875rem + 2.0625 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .prod {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 66.25em) {
  .prod .rating {
    font-size: 25px;
  }
}
.prod__box {
  display: flex;
  width: 100%;
  gap: 55px;
}
@media (max-width: 56.25em) {
  .prod__box {
    flex-direction: column;
    gap: 0;
  }
}
.prod__sliders {
  max-width: 490px;
}
@media (max-width: 66.25em) {
  .prod__sliders {
    max-width: 390px;
  }
}
@media (max-width: 56.25em) {
  .prod__sliders {
    margin-bottom: 30px;
    max-width: 100%;
  }
}
.prod__body {
  max-width: 600px;
}
@media (max-width: 56.25em) {
  .prod__body {
    max-width: 100%;
  }
}
.prod__top {
  display: flex;
  margin-bottom: 6px;
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 31.25em) {
  .prod__top {
    flex-direction: column;
    gap: 0;
  }
}
.prod__title {
  max-width: 300px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.25px;
}
@media (max-width: 66.25em) {
  .prod__title {
    font-size: 18px;
  }
}
@media (max-width: 31.25em) {
  .prod__title {
    margin-bottom: 10px;
  }
}
@media (max-width: 23.75em) {
  .prod__title {
    font-size: 16px;
  }
}
.prod__nalicie {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  margin-bottom: 21px;
  letter-spacing: 0.25px;
  color: #5ff480;
}
@media (max-width: 66.25em) {
  .prod__nalicie {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.prod__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  letter-spacing: 0.25px;
  margin-bottom: 10px;
}
@media (max-width: 66.25em) {
  .prod__description {
    font-size: 13px;
  }
}
.prod__price {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3461538462;
  letter-spacing: 0.25px;
  text-align: left;
  margin-bottom: 23px;
}
@media (max-width: 66.25em) {
  .prod__price {
    font-size: 22px;
    margin-bottom: 15px;
  }
}
.prod__ps {
  display: flex;
  gap: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3571428571;
  letter-spacing: 0.25px;
  color: #c6c6c6;
  margin-bottom: 37px;
}
@media (max-width: 66.25em) {
  .prod__ps {
    font-size: 12px;
  }
}
.prod__action {
  display: flex;
  gap: 24px;
}
.prod__favorite {
  padding: 15px 28px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3846153846;
  letter-spacing: 0.25px;
}
.prod__favorite::before, .prod__favorite::after {
  border-color: #000;
}
@media (max-width: 66.25em) {
  .prod__favorite {
    font-size: 9px;
  }
}
.prod__zakaz {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  letter-spacing: 0.25px;
  padding: 16px 26px;
  color: #fff;
  background: #000;
  border: 1px solid #000000;
  border-radius: 5px;
  transition: all 0.3s ease 0s;
}
.prod__zakaz:hover {
  background: transparent;
  color: #000;
}
.prod__zakaz:active {
  transform: scale(0.9);
}
@media (max-width: 66.25em) {
  .prod__zakaz {
    font-size: 9px;
  }
}

.product__slider {
  margin-bottom: 12px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  position: relative;
}
.product__slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 345px;
  max-height: 345px;
}
.product__slide {
  padding: 15px 70px;
  cursor: pointer;
}
.product__slide img {
  margin: 0 auto;
  display: block;
}

.product-svg-1,
.product-svg-2 {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.product-svg-1:active,
.product-svg-2:active {
  transform: scale(0.9);
}

.product-svg-2 {
  display: none;
}

.heart-active .product-svg-1 {
  display: none;
}

.heart-active .product-svg-2 {
  display: block;
}

.thumbs__slide {
  cursor: pointer;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  width: auto;
  padding: 4px;
}
.thumbs__slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-width: 72px;
  max-height: 72px;
}

@media (min-width: 78.75em) {
  .descrip-product {
    margin-bottom: 6.0625rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .descrip-product {
    margin-bottom: calc(1.8125rem + 4.25 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .descrip-product {
    margin-bottom: 1.8125rem;
  }
}
.descrip-product__navi {
  display: flex;
  gap: 36px;
  width: fit-content;
  border-bottom: 2px solid #efefef;
  padding-right: 30px;
}
@media (min-width: 78.75em) {
  .descrip-product__navi {
    margin-bottom: 2.6875rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .descrip-product__navi {
    margin-bottom: calc(1.25rem + 1.4375 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .descrip-product__navi {
    margin-bottom: 1.25rem;
  }
}
.descrip-product__title {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.3333333333;
  letter-spacing: 0.25px;
  text-align: left;
  padding-bottom: 13px;
}
.descrip-product__title::before {
  bottom: -2px !important;
  height: 3px;
}
.descrip-product__body {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 45px;
}
@media (max-width: 37.5em) {
  .descrip-product__body {
    flex-direction: column;
  }
}
.descrip-product__box {
  width: 100%;
}
.descrip-product__line {
  width: 100%;
  display: flex;
  gap: 18px;
  padding: 19px 24px;
  background: #f5f5f5;
  border-radius: 5px 5px 0px 0px;
}
.descrip-product__line:nth-child(2n+2) {
  background-color: transparent;
}
@media (max-width: 48em) {
  .descrip-product__line {
    padding: 15px 22px;
  }
}
.descrip-product__magaz {
  max-width: 220px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.25px;
  text-align: left;
}
.descrip-product__reviews-title {
  display: flex;
  margin-right: auto;
  font-size: 16px;
  gap: 28px;
  font-weight: 600;
  line-height: 1.0909090909;
  letter-spacing: 0.25px;
  text-align: left;
}
@media (max-width: 33.75em) {
  .descrip-product__reviews-title {
    align-items: center;
    gap: 10px;
    font-size: 15px;
    margin-right: auto;
    justify-content: flex-start;
  }
}
.descrip-product__count {
  color: #c6c6c6;
  font-size: 13px;
}

.reviews__slider .swiper-navi {
  align-items: center;
}
@media (max-width: 40em) {
  .reviews__slider .swiper-navi {
    margin-bottom: 20px;
    justify-content: flex-end !important;
  }
}
.reviews__slide {
  width: 300px;
}
@media (max-width: 25em) {
  .reviews__slide {
    width: 100%;
  }
}
.reviews__card {
	padding: 26px;
	background: #fafafa;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	width: 100%;
	max-width: 300px;
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid #303030;
	background: #262626;
	box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);
}
.reviews__card .rating__value {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0.25px;
	text-align: left;
	position: relative;
	bottom: -1px;
}
@media (max-width: 25em) {
  .reviews__card {
    padding: 17px;
  }
}
.reviews__top {
  display: flex;
  gap: 30px;
  align-items: center;
  color: #727272;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3333333333;
  letter-spacing: 0.25px;
  text-align: left;
  margin-bottom: 16px;
  flex: 1;
  width: 100%;
  height: 100%;
}
@media (max-width: 40em) {
  .reviews__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
.reviews__name {
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.25px;
	text-align: left;
	color: #fff;
	font-weight: 500;
}
.reviews__date {
	font-size: 9px;
	font-weight: 400;
	line-height: 12px;
	letter-spacing: 0.25px;
	text-align: left;
	color: #c6c6c6;
}
.reviews__slider .rating__body {
  font-size: 22px;
}

.reviews__slider .rating__body::before {
  color: #e3e3e3;
  font-size: 22px;
}


.teen {
  display: flex;
  gap: 15px;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.125;
  letter-spacing: 0em;
  padding: 25px 0;
  max-width: 380px;
}
@media (max-width: 48em) {
  .teen {
    font-size: 10px;
    padding: 15px 0;
  }
}
@media (max-width: 48em) {
  .teen img {
    max-width: 20px;
  }
}

.similar .hits__slider {
  margin-top: 0;
  flex-direction: column;
}

.similar .swiper-navi {
  align-items: center;
}
@media (max-width: 40em) {
  .similar .swiper-navi {
    margin-bottom: 20px;
    justify-content: flex-end;
  }
}

@media (min-width: 78.75em) {
  .similar {
    margin-bottom: 4.9375rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .similar {
    margin-bottom: calc(1.875rem + 3.0625 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .similar {
    margin-bottom: 1.875rem;
  }
}

.rev {
  margin: 0 auto;
  margin-top: 60px;
}
.rev:before, .rev:after {
  border-color: #000000;
}

.modal-rev {
  color: #000;
}
.modal-rev__body {
  width: 100%;
  max-width: 470px;
  background: #ffffff;
  border-radius: 20px;
  padding: 26px 36px;
  font-size: 30px;
}
.modal-rev__body .rating__body::before {
  color: #e3e3e3;
}
.modal-rev__body .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 31.25em) {
  .modal-rev__body {
    border-radius: 10px;
    padding: 20px 25px;
  }
}
.modal-rev__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3571428571;
  letter-spacing: 0.25px;
}
@media (min-width: 78.75em) {
  .modal-rev__text {
    margin-bottom: 1.6875rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .modal-rev__text {
    margin-bottom: calc(0.9375rem + 0.75 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .modal-rev__text {
    margin-bottom: 0.9375rem;
  }
}
.modal-rev__title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3636363636;
  letter-spacing: 0.25px;
}
@media (max-width: 21.875em) {
  .modal-rev__title {
    font-size: 18px;
    padding-right: 10px;
  }
}
.modal-rev__sub-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0.25px;
  margin-bottom: 10px;
}
.modal-rev__input {
  width: 100%;
  height: 50px;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  padding: 13px 17px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3571428571;
  letter-spacing: 0.25px;
  margin-bottom: 13px;
}
.modal-rev__btn {
  margin-top: 51px;
  background: #000000;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  color: #fff;
  transition: all 0.3s ease 0s;
  border: 1px solid #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.25px;
}
.modal-rev__btn:hover {
  color: #242424;
  background: transparent;
}
.modal-rev__btn:active {
  transform: scale(0.9);
}

.checkbox__text {
color:#000;
line-height: 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3846153846;
  letter-spacing: 0.25px;
  margin-bottom: 32px;
}

.basket-top__btn {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3571428571;
  letter-spacing: 0.25px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.basket-top__btn:first-child {
  color: #b1b1b1;
}
.basket-top__btn:last-child {
  color: #ff7979;
}
.basket-top__btn:hover {
  font-weight: 500;
}
@media (max-width: 55.625em) {
  .basket-top__btn {
    font-size: 10px;
    gap: 7px;
  }
}

@media (max-width: 36.25em) {
  .irina .catalog-header__container {
    flex-direction: column;
  }
}

.basket-top {
  display: flex;
  gap: 36px;
  align-items: center;
}
@media (max-width: 55.625em) {
  .basket-top {
    gap: 20px;
  }
}
@media (max-width: 36.25em) {
  .basket-top {
    margin-bottom: 24px;
  }
}

.basket-count {
  position: absolute;
  right: -90%;
  font-size: 16px;
  color: #cbcbcb;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.25px;
  text-align: left;
}
@media (max-width: 55.625em) {
  .basket-count {
    position: static;
    right: auto;
    display: block;
    padding-top: 4px;
  }
}

.catalog-header__title {
  position: relative;
}

.basket {
  padding-top: 10px;
}
.basket__body {
  margin-bottom: 23px;
}
.basket__line {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-top: 13px;
  align-items: center;
  padding-bottom: 18px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid transparent;
}
.basket__line:last-child {
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 36.25em) {
  .basket__line {
    justify-content: center;
  }
}
.basket__line:hover {
  border-color: rgba(0, 0, 0, 0.2705882353);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2705882353);
}
@media (max-width: 36.25em) {
  .basket__line {
    padding-left: 120px;
    justify-content: space-between;
  }
}
@media (max-width: 25em) {
  /* .basket__line { */
    /* padding-left: 89px !important; */
  /* } */
}
.basket__line-content {
  display: flex;
}
@media (max-width: 51.875em) {
  .basket__line-content {
    flex-direction: column;
  }
}
@media (max-width: 36.25em) {
  .basket__line-content {
    width: 100%;
  }
}
.basket__line-description {
  display: flex;
  gap: 31px;
  align-items: center;
  margin: 0px 182px 0px 0;
}
@media (max-width: 68.75em) {
  .basket__line-description {
    margin-right: 60px;
  }
}
@media (max-width: 51.875em) {
  .basket__line-description {
    margin-bottom: 22px;
  }
}
@media (max-width: 36.25em) {
  /* .basket__line-description { */
    /* flex-direction: column; */
    /* margin-right: 0; */
    /* width: fit-content; */
    /* gap: 0; */
    /* margin-bottom: 2px; */
  /* } */
}
.basket__line-img {
  padding: 16px 30px;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}
.basket__line-img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
@media (max-width: 25em) {
  .basket__line-img img {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 36.25em) {
  /* .basket__line-img { */
    /* padding: 10px; */
    /* margin-bottom: 12px; */
    /* position: absolute; */
    /* left: 0px; */
    /* top: 17px; */
  /* } */
}
@media (max-width: 25em) {
  .basket__line-img {
    left: 0;
    top: 15px;
  }
}
.basket__line-box {
  max-width: 235px;
}
.basket__line-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5714285714;
  letter-spacing: 0.25px;
  margin-bottom: 6px;
  color: #4a4a4a;
}
@media (max-width: 36.25em) {
  .basket__line-title {
    font-size: 14px;
    max-width: 180px;
  }
}
@media (max-width: 25.625em) {
  .basket__line-title {
    font-size: 10px;
  }
}
.basket__line-category {
  line-height: 1.2;
  font-size: 14px;
  color: #cbcbcb;
  margin-bottom: 6px;
  letter-spacing: 0.25px;
}
@media (max-width: 25.625em) {
  .basket__line-category {
    font-size: 8px;
  }
}
.basket__line-price {
  line-height: 1.2;
  font-size: 14px;
  color: #4a4a4a;
  margin-bottom: 6px;
  letter-spacing: 0.25px;
}
.basket__line-parametrs {
  display: flex;
  align-items: center;
}
@media (max-width: 36.25em) {
  .basket__line-parametrs {
    justify-content: space-between;
    width: 100%;
  }
}
.basket__line-itog {
  margin-left: 143px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.375;
  letter-spacing: 0.25px;
  padding: 0 10px;
}
@media (max-width: 68.75em) {
  .basket__line-itog {
    margin-left: 44px;
  }
}
@media (max-width: 36.25em) {
  .basket__line-itog {
    margin-left: 10px;
  }
}
.basket__p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3571428571;
  letter-spacing: 0.25px;
  margin-bottom: 38px;
  color: #6a6a6a;
}
@media (max-width: 51.875em) {
  .basket .quantity {
    margin-left: 18px;
  }
}
@media (max-width: 36.25em) {
  .basket .quantity {
    margin-left: 0;
  }
}
@media (max-width: 90em) {
  .basket__line-delete {
    margin-right: 20px;
  }
}
@media (max-width: 36.25em) {
  .basket__line-delete {
    position: absolute;
    right: 1px;
    margin-right: 0;
    top: 15px;
    z-index: 20;
  }
}

.quantity {
  background: #f3f3f3;
  border: 1px solid #dddddd;
  border-radius: 5px;
  overflow: hidden;
  width: 102px;
  padding: 0 5px;
}
.quantity__button:before, .quantity__button:after {
  background: #4a4a4a;
}
@media (max-width: 31.25em) {
  .quantity {
    width: 80px;
    padding: 0 2px;
  }
}
.quantity input {
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  outline: none;
  padding-top: 3px;
  line-height: 19px;
  color: #4a4a4a;
  letter-spacing: 0.25px;
}

@media (min-width: 78.75em) {
  .oplata {
    margin-bottom: 5.0625rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .oplata {
    margin-bottom: calc(1.875rem + 3.1875 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .oplata {
    margin-bottom: 1.875rem;
  }
}
.oplata__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 37.5em) {
  .oplata__container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.oplata__body {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.25px;
}
.oplata__btn {
  background: #000000;
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 17px;
  display: flex;
  font-size: 16px;
  align-items: center;
  flex-direction: row-reverse;
  gap: 15px;
  color: #fff;
  transition: all 0.3s ease 0s;
}
.oplata__btn:hover {
  transform: scale(1.05);
}
.oplata__btn:active {
  transform: scale(0.9);
}
@media (max-width: 68.75em) {
  .oplata__btn {
    font-size: 10px;
  }
}
@media (max-width: 37.5em) {
  .oplata__btn {
    margin-top: 20px;
  }
}

.radio {
  vertical-align: top;
  width: 14px;
  height: 14px;
}

.label1 {
  cursor: pointer;
  border-radius: 10px;
  transition: all 0.3s ease;
  background: #ffffff;
  border: 1px solid #acacac;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 20px;
  width: 31%;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3333333333;
  letter-spacing: 0.25px;
  color: #121212;
}
@media (max-width: 31.25em) {
  .label1 {
    width: 30%;
    padding: 10px;
    font-size: 10px;
  }
}

.label1:active {
  -webkit-transform: scale(0.97);
  -ms-transform: scale(0.97);
  transform: scale(0.97);
}

.radio:not(checked) {
  position: absolute;
  opacity: 0;
}

.radio:not(checked) + label {
  position: relative;
}

.radio:checked + .label1 {
  background: #000;
  color: #fff;
}

.radio:focus + .label1:before {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}

@media (min-width: 78.75em) {
  .dostavka {
    margin-bottom: 9.5625rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .dostavka {
    margin-bottom: calc(3.125rem + 6.4375 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .dostavka {
    margin-bottom: 3.125rem;
  }
}
.dostavka__ttl {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.25px;
  margin-bottom: 29px;
}
.dostavka__box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
  gap: 70px;
}
@media (max-width: 81.25em) {
  .dostavka__box {
    gap: 40px;
  }
}
@media (max-width: 55.625em) {
  .dostavka__box {
    flex-direction: column;
  }
}
.dostavka__tabs {
  max-width: 50%;
}
@media (max-width: 55.625em) {
  .dostavka__tabs {
    width: 100%;
    max-width: 100%;
  }
}
.dostavka__navigation {
  gap: 36px;
  display: flex;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 44px;
  width: fit-content;
  letter-spacing: 0.25px;
  line-height: 1.3333333333;
  border-bottom: 2px solid #efefef;
}
.dostavka__navigation ._tab-active::before {
  bottom: -2px;
  height: 3px;
}
.dostavka__title {
  padding-bottom: 14px;
  position: relative;
}
.dostavka__box-ttl {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.25px;
  margin-bottom: 25px;
}
.dostavka__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.dostavka__contact {
  max-width: 50%;
}
@media (max-width: 55.625em) {
  .dostavka__contact {
    width: 100%;
    max-width: 100%;
  }
}
.dostavka__input-box {
  display: flex;
  gap: 15px;
  margin-bottom: 21px;
  flex-wrap: wrap;
}
.dostavka__input-box input {
  width: 48%;
  color: #acacac;
  border: 1px solid #e1e1e1;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
  border-radius: 5px;
  padding: 11px 15px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3333333333;
  letter-spacing: 0.25px;
}
@media (max-width: 37.5em) {
  .dostavka__input-box input {
    width: 46%;
  }
}
.dostavka__textarea {
  width: 100%;
  color: #acacac;
  border: 1px solid #e1e1e1;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
  border-radius: 5px;
  padding: 11px 15px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3333333333;
  letter-spacing: 0.25px;
  color: #acacac;
  margin-bottom: 25px;
}
.dostavka__podtv {
  display: flex;
  gap: 12px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3571428571;
  letter-spacing: 0px;
  margin-bottom: 28px;
}
.dostavka__button {
  background: #000000;
  border: 1px solid #000000;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  padding: 17px;
  font-family: Comfortaa;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.25px;
  color: #fff;
}
.dostavka__button:hover {
  background: transparent;
  color: #000;
}

.zg {
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3333333333;
  letter-spacing: 0.25px;
}

.sitk {
  position: absolute;
  right: -60px;
  top: -70px;
}
@media (max-width: 500em) {
  .sitk {
    right: -10px;
    top: -50px;
  }
}

.basket-body {
  max-width: 850px;
  padding: 90px;
  display: block;
}
.basket-body h5 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3636363636;
  letter-spacing: 0.25px;
  text-align: left;
  margin-bottom: 22px;
}
@media (max-width: 50em) {
  .basket-body h5 {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.basket-body p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.375;
  letter-spacing: 0.25px;
  text-align: left;
}
@media (max-width: 50em) {
  .basket-body p {
    font-size: 12px;
  }
}
@media (max-width: 50em) {
  .basket-body {
    width: 100%;
    padding: 70px 30px;
  }
}

.bbbox {
  display: flex;
  gap: 60px;
}
@media (max-width: 50em) {
  .bbbox img {
    max-width: 100px;
  }
}
@media (max-width: 31.25em) {
  .bbbox img {
    max-width: 50px;
  }
}
@media (max-width: 50em) {
  .bbbox {
    gap: 30px;
    align-items: center;
  }
}

@media (min-width: 78.75em) {
  .login {
    padding-top: 3.875rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .login {
    padding-top: calc(1.875rem + 2 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .login {
    padding-top: 1.875rem;
  }
}
.login__title {
  margin-bottom: 27px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3333333333;
  letter-spacing: 0.25px;
  text-align: center;
}
@media (max-width: 31.25em) {
  .login__title {
    font-size: 20px;
  }
}
.login__body {
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  padding: 47px 150px;
  max-width: 587px;
  color: #171717;
  margin: 0 auto;
}
@media (min-width: 78.75em) {
  .login__body {
    margin-bottom: 2.6875rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .login__body {
    margin-bottom: calc(1.5625rem + 1.125 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .login__body {
    margin-bottom: 1.5625rem;
  }
}
@media (max-width: 50em) {
  .login__body {
    padding: 40px 50px;
  }
}
@media (max-width: 31.25em) {
  .login__body {
    padding: 30px 30px;
  }
}
@media (max-width: 23.75em) {
  .login__body {
    padding: 29px 15px;
  }
}
.login__navi {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 45px;
  margin-bottom: 25px;
  border-bottom: 2px solid #efefef;
}
@media (max-width: 24.375em) {
  .login__navi {
    gap: 20px;
  }
}
.login__btn {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.3333333333;
  letter-spacing: 0.25px;
  text-align: left;
  padding-bottom: 14px;
}
.login__btn::before {
  bottom: -2px;
  height: 2px;
}
@media (max-width: 23.75em) {
  .login__btn {
    font-size: 14px;
  }
}
.login label {
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	font-weight: 300;
	line-height: 1.3333333333;
	letter-spacing: 0.25px;
	text-align: left;
	color: #fff;
}
.login input {
  width: 100%;
  border: 1px solid #e1e1e1;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
  border-radius: 5px;
  margin-bottom: 17px;
  height: 38px;
  padding: 11px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #acacac;
}
.login__reserv {
  text-decoration: underline;
  border-bottom: 1px solid #acacac;
}
.login__in {
  background: #000000;
  border: 1px solid #000000;
  border-radius: 5px;
  width: 100%;
  padding: 12px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  letter-spacing: 0.25px;
  color: #fff;
  border: 1px solid #000;
  transition: all 0.3s ease 0s;
}
.login__in:hover {
  color: #000;
  background: transparent;
}
.login__in:active {
  transform: scale(0.9);
}

.login .checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.login .checkbox:not(:last-child) {
  margin-bottom: 17px;
}

.login .checkbox input {
  width: 16px !important;
  margin: 0;
  height: 16px;
  display: inline-flex;
}

.login .checkbox__text {
  margin: 0;
  display: inline-flex;
  font-size: 11px;
  font-weight: 300;
  line-height: 15px;
  letter-spacing: 0.25px;
  text-align: left;
  color: #fff;
}

label {
  margin: 0;
}

.boox .basket-top__btn {
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  letter-spacing: 0.25px;
  text-align: left;
  color: #b1b1b1;
  gap: 18px;
}

.boox {
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 78.75em) {
  .boox {
    margin-bottom: 5.8125rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .boox {
    margin-bottom: calc(1.875rem + 3.9375 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .boox {
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 78.75em) {
  .account {
    padding-top: 3.125rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .account {
    padding-top: calc(1.5625rem + 1.5625 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .account {
    padding-top: 1.5625rem;
  }
}
@media (min-width: 78.75em) {
  .account {
    margin-bottom: 11.5625rem;
  }
}
@media (min-width: 20em) and (max-width: 78.75em) {
  .account {
    margin-bottom: calc(5.625rem + 5.9375 * (((100vw - 20rem)) / ((58.75))));
  }
}
@media (max-width: 20em) {
  .account {
    margin-bottom: 5.625rem;
  }
}
.account__container {
  display: flex;
  justify-content: space-between;
  gap: 42px;
}
@media (max-width: 80em) {
  .account__container {
    gap: 25px;
  }
}
@media (max-width: 75em) {
  .account__container {
    flex-direction: column;
    gap: 0;
  }
}
.account__btn-navi {
  width: 100%;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 18px;
  background: #f5f5f5;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4285714286;
  letter-spacing: 0.25px;
}
.account__btn-navi svg {
  stroke: #404040;
  fill: none;
}
.account__btn-navi:hover {
  background: #000;
  color: #fff;
}
.account__btn-navi:hover svg {
  stroke: #fff;
}
@media (max-width: 75em) {
  .account__btn-navi {
    justify-content: center;
    width: 24%;
    padding: 12px 15px;
    gap: 10px;
  }
}
@media (max-width: 65.625em) {
  .account__btn-navi {
    width: 48%;
  }
}
@media (max-width: 31.25em) {
  .account__btn-navi {
    font-size: 12px;
    width: 48.5%;
    padding: 10px;
  }
  .account__btn-navi svg {
    max-width: 15px;
  }
}
.account__navi {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media (max-width: 75em) {
  .account__navi {
    flex-direction: row;
    margin-bottom: 30px;
  }
}
@media (max-width: 65.625em) {
  .account__navi {
    flex-wrap: wrap;
  }
}
.account__body {
  width: 100%;
  max-width: 901px;
}
.account__box {
  width: 100%;
}
.account__line {
  width: 100%;
  background: #f8f8f8;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}
.account__line:not(:last-child) {
  margin-bottom: 15px;
}

.active-tab {
  background: #000;
  color: #fff;
}
.active-tab svg {
  stroke: #fff;
}

.tabss {
  width: 100%;
}
.tabss__title {
  margin-bottom: 17px;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  letter-spacing: 0.25px;
  text-align: left;
}
.tabss__btn {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #4a4a4a;
  padding: 20px 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
}
@media (max-width: 51.875em) {
  .tabss__btn {
    flex-direction: column;
    gap: 20px;
    padding-left: 15px;
    padding-right: 28px;
    padding-top: 25px;
  }
}
.tabss__btn-box {
  display: flex;
  gap: 112px;
}
@media (max-width: 51.875em) {
  .tabss__btn-box {
    gap: 20px;
    justify-content: space-between;
    width: 100%;
  }
}
.tabss__img {
  display: flex;
  transform: rotate(180deg);
}
@media (max-width: 51.875em) {
  .tabss__img {
    position: absolute;
    right: 8px;
    top: 10px;
  }
}
.tabss__body {
  color: #4a4a4a;
  padding: 20px 25px;
  padding-top: 0;
}

._spoller-active .tabss__img {
  transform: rotate(0);
}

.line-count {
  width: 38px;
}

.tabss .basket__line-img {
  padding: 8px 15px;
}

.tabss .basket__line-img img {
  width: 40px;
  height: 40px;
}
@media (max-width: 51.875em) {
  .tabss .basket__line-img img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 36.25em) {
  .tabss .basket__line-img img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 25em) {
  .tabss .basket__line-img img {
    width: 45px !important;
    height: 45px !important;
  }
}

.tabss .basket__line-description {
  margin-right: 152px;
}
@media (max-width: 58.125em) {
  .tabss .basket__line-description {
    margin-right: 150px;
  }
}
@media (max-width: 56.875em) {
  .tabss .basket__line-description {
    margin-right: 135px;
  }
}
@media (max-width: 55.625em) {
  .tabss .basket__line-description {
    margin-right: 120px;
  }
}
@media (max-width: 54.0625em) {
  .tabss .basket__line-description {
    margin-right: 110px;
  }
}
@media (max-width: 51.875em) {
  .tabss .basket__line-description {
    margin-right: 0 !important;
  }
}

.tabss .basket__line-title {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3846153846;
  letter-spacing: 0.25px;
  max-width: 190px;
}
@media (max-width: 25em) {
  .tabss .basket__line-title {
    font-size: 10px;
    max-width: 180px;
  }
}

.istory .basket__line-delete {
  display: none;
}

@media (max-width: 25em) {
  .tabss .basket__container {
    padding: 0;
  }
}

.tabss .basket__line-itog {
  max-width: 100px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0.25px;
  margin-left: 143px;
}
@media (max-width: 51.875em) {
  .tabss .basket__line-itog {
    margin-left: 10px;
  }
}
@media (max-width: 25em) {
  .tabss .basket__line-itog {
    margin-left: 0 !important;
  }
}

.favvorit .basket__line-price {
  margin-bottom: 0;
}

.favvorit .basket__line-itog {
  max-width: 160px;
}
@media (max-width: 56.25em) {
  .favvorit .basket__line-itog {
    margin-left: 100px;
  }
}
@media (max-width: 51.875em) {
  .favvorit .basket__line-itog {
    margin-left: 10px;
  }
}

.tabss__zakaz {
  max-width: 140px;
}

.tabss__zakaz2 {
  padding: 10px 22px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.25px;
  text-align: left;
}
.tabss__zakaz2:before {
  border-color: #000;
  top: -1px;
  left: -1px;
}
.tabss__zakaz2:after {
  border-color: #000;
}

.f-body {
  display: flex;
  width: 100%;
  gap: 20px;
  max-width: 500px;
}
@media (max-width: 30em) {
  .f-body {
    flex-direction: column-reverse;
  }
}

.f-box {
  width: 50%;
}
@media (max-width: 30em) {
  .f-box {
    width: 100%;
  }
}

.vuv {
  display: flex;
  align-items: center;
  max-width: 630px;
  gap: 20px;
  padding: 17px;
  background: #f6f6f6;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3571428571;
  letter-spacing: 0.25px;
  color: #707070;
  margin-bottom: 23px;
}
.swiper {
  overflow: hidden;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}

.order-request-modal {
  margin: 15px;
  max-width: 470px;
  min-height: auto;

  background-color: #fff;
  border-radius: 20px;
  overflow: auto;

  font-size: 16px;
  color: #000;
}
.order-request-modal__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 31px 38px;
}
.order-request-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 45px;
}
.order-request-modal__header-title {
  font-size: 22px;
  font-weight: 600;
}
.order-request-modal__main-title {
  margin-bottom: 20px;

  line-height: 1.4;
}
.order-request-modal__main-suptitle {
  margin-bottom: 20px;

  color: #C80000;
}
.order-request-modal__main-forms {
  margin-bottom: 20px;

  font-size: 14px;
}
.order-request-modal__main-input {
  padding: 17px 17px 13px 17px;
  width: 100%;

  border: 1px solid #C1C1C1;
  border-radius: 5px;
}
.order-request-modal__main-input::placeholder {
  color: #000;
}
.order-request-modal__main-input:not(:last-child) {
  margin-bottom: 13px;
}
.order-request-modal__main-forms__checkboxes {
  display: flex;
  align-items: end;
  gap: 13px;

  margin-bottom: 31px;

  font-size: 13px;
}
.order-request-modal__main-forms__checkbox {
  margin-top: 21px;
  width: 20px;
  height: 20px;

  border-radius: 5px;
}
.order-request-modal__main-button {
  width: 100%;
  min-height: 62px;

  background-color: #000;
  border-radius: 5px;

  color: #fff;
}
.modal-wrapper {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;

  background: rgba(11, 11, 11, 0.7);

  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
.modal-wrapper--active {
  display: flex;
}
.order-request-modal__header-close {
  padding-left: 10px;
}

.content__text{line-height: 30px;}
/* End */

.rating {
  display: flex;
  align-items: flex-end;
  font-size: 40px;
  line-height: 0.75;
  transition: opacity 0.3s ease 0s;
}

.rating.rating_sending {
  opacity: 0.2;
}

.rating.rating_set .rating__active,
.rating.rating_set .rating__item {
  cursor: pointer;
}

.rating__body {
  position: relative;
}

.rating__body::before {
  content: "★★★★★";
  display: block;
  color: ghostwhite;
}

.rating__active {
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.rating__active::before {
  content: "★★★★★";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #ffd300;
}

.rating__items {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.rating__item {
  flex: 0 0 20%;
  height: 100%;
  opacity: 0;
}

.rating__value {
  font-size: 50%;
  line-height: 1;
  padding: 0px 0px 0px 10px;
}

.quantity {
  width: 88px;
  height: 40px;
  display: flex;
  border: 1px solid rgba(166, 166, 166, 0.45);
}
.quantity__button {
  flex: 0 0 30px;
  position: relative;
  cursor: pointer;
}
.quantity__button::before, .quantity__button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.3s ease 0s;
  margin: 0px 0px 0px -4.5px;
  background-color: #a6a6a6;
  width: 11px;
  height: 1px;
}
@media (any-hover: hover) {
  .quantity__button:hover::before, .quantity__button:hover::after {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.quantity__button_plus::before {
  transform: rotate(-90deg);
}
.quantity__input {
  flex: 1 1 auto;
}
.quantity__input input {
  height: 100%;
  color: #a6a6a6;
  font-size: 12px;
  width: 100%;
  text-align: center;
}
/************************************************** END All old styles ************************************************/























/************************************************** Product Page ************************************************/
.upper {
	text-transform: uppercase;
}

.pfBlock {
	display: FLEX;
	flex-wrap: wrap;
	position: relative;
	margin: 0 0 30px;
}

.pfBlockImages {
	display: flex;
	width: 550px;
	margin: 0 30px 0 0;
	min-height: 430px;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

.pfBlockInfo {
	display: flex !important;
	flex-direction: column;
	position: relative;
	width: calc(100% - 580px);
	border-radius: 5px;
	border: 1px solid #303030;
	background-color: #262626;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	padding: 40px;
}


.pfSlider ul.slick-dots {
	position: absolute;
	z-index: 5;
	margin: 0;
	bottom: 15px;
	left: 50%;
	transform: translate(-50%, 0);
	background: rgb(0 0 0 / 32%);
	padding: 8px;
	border-radius: 5px;
}

.pfSlider.slick-slider {
	display: none;
}

.pfSlider.slick-slider.slick-initialized {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.pfSlider.slick-slider .slick-list {
	height: 100%;
	width: 100%;
}

.pfSlider.slick-slider .slick-list .slick-track {
	display: flex;
	height: 100%;
}

.pfSlider.slick-slider .slick-list .slick-track a.pfSlideItem {
	height: initial;
	display: FLEX;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.pfSlider.slick-slider .slick-list .slick-track a.pfSlideItem img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	/* width: 0; */
	/* min-width: 100%; */
	/* min-height: 100%; */
	transition: all 1s linear;
	z-index: 1;
	width: auto;
	border-radius: 5px;
}

.pfOneImage {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.pfOneImage> img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	/* width: 0; */
	/* min-width: 100%; */
	/* min-height: 100%; */
	transition: all 1s linear;
	z-index: 1;
	width: auto;
	border-radius: 5px;
}

a.positionLink {
	display: BLOCK;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.blured img {
	filter: blur(10px);
}

.pfBlockInfo .rating {
	font-size: 24px;
	position: absolute;
	top: 40px;
	right: 40px;
}

.pfBlockInfo .rating .rating__value {
	display: none;
}

.pfBlockInfo .rating__body::before {
	color: #525252;
}

.pfBlockInfo .isnal {
	display: flex;
	align-items: center;
	margin: 0 0 30px;
	color: #1B9F77;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
}

.pfBlockInfo .isnal img {
	margin: 0 10px 0 0;
}

.pfBlockInfo .pfPrice {
	display: block;
	position: relative;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	margin: 0px 0 40px;
}

.pfInfoPrice {
	display: flex;
	margin: 0 0 40px;
	font-size: 14px;
	font-style: normal;
	line-height: 150.523%;
	max-width: 500px;
	align-items: center;
}

.pfInfoPrice> svg {
	width: 36px;
	min-width: 36px;
	height: 36px;
	margin: -2px 15px 0 0;
}

.pfBlockInfo .addCartBtns {
	display: FLEX;
	align-items: center;
	margin: 0 0 40px;
	flex-wrap: wrap;
	position: RELATIVE;
}

.pfBlockInfo .addCartBtns .btn {
	height: 48px;
}

.pfBlockInfo .addingButton {
	height: 48px;
	margin: 0 27px 0 0;
}

.pfBlockInfo .addingButton> button.btn.amount_block_new--addcart {
	height: 100%;
	padding: 0 30px;
	font-size: 14px;
}

.pfBlockInfo .addingButton> .amount_block_new {
	background: #fff;
	border-radius: 5px;
	display: flex;
	align-items: center;
}

.pfBlockInfo .addingButton> .amount_block_new> span.amount_block_new--button {
	width: 30px;
	justify-content: center;
	height: 100%;
}

.pfBlockInfo .sendToCart {
	display: block;
	position: relative;
}

.pfBlockInfo .sendToCart> a {
	display: flex;
	align-items: center;
	color: #9078b7;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	transition: all 0.1s;
}

.pfBlockInfo .sendToCart> a> img {
	position: RELATIVE;
	margin: 0 0 0 5px;
	bottom: -2px;
}

.pfBlockInfo .sendToCart> a:hover {
	filter: opacity(0.7);
}

ul.prodTabs {
	display: flex;
	flex-wrap: wrap;
	position: RELATIVE;
	margin: 0 0 30px;
	border-bottom: 1px solid #73587F;
}

ul.prodTabs> li {
	display: block;
	cursor: pointer;
	position: RELATIVE;
}

ul.prodTabs> li> span {
	display: block;
	color: #FFF;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	padding: 20px 60px;
	border-bottom: 3px solid transparent;
	box-shadow: 0px 1px 0px transparent;
	transition: all 0.15s;
}

ul.prodTabs> li:not(.active):hover> span {
	box-shadow: 0px 1px 0px #fff;
	border-bottom-color: #fff;
}

ul.prodTabs> li.active> span {
	border-bottom: 3px solid var(--brand);
	box-shadow: 0px 1px 0px var(--brand);
}

.prodTabsContents {
	display: block;
	position: relative;
}

.prodTabsContents> div {
	display: none;
}

.pfBlockImages a.favor {
	position: absolute;
	z-index: 100;
	top: 10px;
	right: 10px;
	justify-content: center;
}

.nalList {
	display: flex;
	justify-content: flex-start;
	position: relative;
	flex-wrap: WRAP;
}

.nalList .nalItem {
	width: 33.333%;
	display: flex;
	align-items: CENTER;
	margin: 0 0 30px;
	padding: 0 50px 0 0;
}

.nalList .nalItem> img {
	display: block;
	margin: 0 30px 0 0;
}

.reviews__slider {
	display: block;
	position: relative;
}

.reviews__slider .swiper-navi {
	display: FLEX;
	justify-content: space-between;
	position: RELATIVE;
	margin: 0 0 20px;
}

.reviews__slider .swiper-navi .descrip-product__reviews-title {
	font-size: 20px;
	font-weight: 400;
	align-items: center;
	letter-spacing: 0;
	line-height: initial;
	gap: initial;
}

.reviews__slider .swiper-navi .descrip-product__count {
	background: var(--brand);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	display: flex;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	margin: 0 0 0 10px;
}

button.swiper-prev, button.swiper-next {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--brand);
	border-radius: 100%;
	color: #fff;
	border: 0;
	cursor: pointer;
	width: 40px;
	height: 40px;
}

.reviews__slider button.swiper-prev {
	margin: 0 10px 0 0;
}

button.swiper-button-disabled {
	filter: opacity(0.5);
	cursor: default;
}
/************************************************** END Product Page ************************************************/






















/************************************************** Login & Register Page ************************************************/
section.login {
	padding: 0;
}

section.login h1.pageTitle {
	text-align: center;
	margin: 0 0 50px;
}

section.login .login__body {
	margin: 0 auto;
	max-width: 538px;
	padding: 50px;
	border-radius: 5px;
	border: 1px solid #303030;
	background: #262626;
	box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);
	color: #fff;
}

section.login .login__navi {
	border-bottom: 1px solid #454545;
	gap: initial;
	margin: 0 0 50px;
}

section.login .login__btn {
	width: 50%;
	background: transparent;
	cursor: pointer;
	border: 0;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	border-bottom: 2px solid transparent;
	transition: all 0.15s;
	box-shadow: 0px 1px 0px transparent;
}

section.login .login__btn:not(._tab-active):hover {
	border-bottom-color: #fff;
	box-shadow: 0px 1px 0px #fff;
}

section.login .login__btn._tab-active {
	border-bottom-color: var(--brand);
	box-shadow: 0px 1px 0px var(--brand);
}

input.cui[type="text"], input.cui[type="email"], input.cui[type="password"], input.cui[type="search"], input.cui[type="tel"], input.cui[type="number"], select.cui, textarea.cui {
	width: 100%;
	border-radius: 3px;
	border: 2px solid #DFDFDF;
	background: #ECE8F0;
	padding: 0 25px;
	height: 50px;
	filter: none;
	margin: 0 0 20px;
	letter-spacing: initial;
	color: #383838;
	font-size: 14px;
	font-weight: 500;
}

textarea.cui {
	padding: 25px;
	min-height: 100px;
}

.loginButtons {
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
}

.loginButtons button.btn {
	width: 50%;
}

.loginButtons a {
	color: #fff;
	text-decoration: underline;
	font-weight: 500;
}
/************************************************** END Login & Register Page ************************************************/

















/************************************************** Account Page ************************************************/
section.account {
	padding: 0;
	margin-bottom: 0;
}

section.account .account__container {
	gap: initial;
	border-radius: 5px;
	border: 1px solid #303030;
	background: #262626;
	box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);
	padding: 50px;
}

section.account .account__navi {
	width: 240px;
	margin: 0 50px 0 0;
}

section.account .account__btn-navi {
	font-size: 15px;
	font-weight: 500;
	transition: All 0.1s;
	gap: 15px;
}

section.account .account__btn-navi.active-tab {
	background: var(--brand);
	box-shadow: 0px 5px 25px -5px #964cf2;
	position: relative;
	z-index: 5;
}

section.account .account__btn-navi> svg {
	height: auto;
	width: 24px;
	min-width: 24px;
}

section.account .account__body {
	max-width: calc(100% - 290px);
}

section.account .tabss__title {
	display: block;
	margin: 0 0 25px;
	color: #fff;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
}

section.account .account__line .tabss__btn {
	border: 0;
	border-radius: 5px;
	background: var(--brand);
	/* box-shadow: 0px 5px 25px -5px #964cf2; */
	position: relative;
	z-index: 5;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	align-items: center;
	cursor: pointer;
	text-shadow: 0px 1px 5px rgb(0 0 0 / 20%);
}

section.account .account__line {
	border: 0;
	background: #3d3d3d;
	box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);
}

section.account .account__line .tabss__btn._spoller-active {
	border-radius: 5px 5px 0 0;
	box-shadow: 0px 5px 25px -5px rgb(141 5 201 / 56%);
}

section.account .account__line .tabss__body {
	color: #fff;
	border: 1px solid #484848;
	border-width: 0px 1px 1px;
	border-radius: 0 0 5px 5px;
	padding: 20px;
}

.basket__line {
	border-top: 1px solid rgb(255 255 255 / 11%);
	border-bottom: 0;
}

.basket__line-img {
	background: #fff;
	border: 0;
	padding: 5px !important;
	overflow: hidden;
}


.basket__line-img img {
	border-radius: 5px;
}

.basket__line:last-child {
	border-bottom: 1px solid rgb(255 255 255 / 11%);
}

.basket__line:hover {
	border-color: rgb(255 255 255 / 11%);
	border-bottom: 0;
}

.basket__line:last-child:hover {
	border-bottom: 1px solid rgb(255 255 255 / 11%);
}

.tabss .basket__line-title {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	margin: 0;
}

.tabss .basket__line-title a {
	color: #fff;
}

section.account .account__container .account__container {
	border: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.basket__p {
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0;
	margin: 0;
}

.tabss .basket__line-category {
	margin: 0;
}

.tabss .basket__line-title> a {
}

.tabss .basket__line-category> a:not(:empty) {
	padding: 10px 0 0;
	color: var(--brand5);
	font-size: 13px;
	display: block;
}

.tabss .basket__line-category> a:not(:empty):hover {
	color: #fff;
}

.basket__line-parametrs {
}

.basket__line-price {
	color: #fff;
}

.basket__line .basket__line-delete button {
	background: transparent;
	border: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
/************************************************** END Account Page ************************************************/


















/************************************************** Cart Page ************************************************/
section.cartPageSection {
	display: block;
	position: relative;
}

.cartPage {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 40px;
	border-radius: 5px;
	border: 1px solid #303030;
	background: #262626;
	box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);
}

.cartPage> .cpTop {
	display: FLEX;
	justify-content: flex-end;
	margin: 0 0 30px;
}

.cartPage> .cpTop .btn {
	width: 220px;
	height: 42px;
}

.cartPage .basket__line {
	padding: 10px 0;
}

.cartPage .basket__line .basket__line-delete {
	width: 19px;
}

.cartPage .basket__line .basket__line-content {
	width: calc(100% - 19px);
	padding: 0 30px 0 0;
}

.cartPage .basket__line .basket__line-content .basket__line-description {
	gap: initial;
	padding: 0 30px 0 0;
	flex-grow: 1;
	margin: 0;
}

.cartPage .basket__line .basket__line-img {
	width: 60px;
	height: 60px;
	min-width: 60px;
}

.cartPage .basket__line .basket__line-box {
	max-width: initial;
	padding: 0 0 0 25px;
}

.cartPage .basket__line .basket__line-title, .cartPage .basket__line .basket__line-title a {
	color: #fff;
	font-size: 15px;
}

.cartPage .basket__line .basket__line-category, .cartPage .basket__line .basket__line-category a {
	color: var(--brand5);
	margin: 0;
	font-size: 13px;
}

.cartPage .basket__line .basket__line-price, .cartPage .basket__line .basket__line-itog {
	margin: 0;
	width: 100px;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	padding: 0;
}

.cartPage .basket__line .basket__line-itog {
	font-weight: 600;
	text-align: right;
	width: 100px;
}

.cartPage  .quantity {
	width: 82px;
	height: 38px;
	border: 0;
	background: transparent;
	padding: 0;
}

.cartPage .quantity .quantity__button {
	background: transparent;
	cursor: pointer;
	border: 0;
	width: 22px;
	display: FLEX;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	flex: initial;
}

.cartPage .quantity  .quantity__input {
	flex: initial;
	width: 38px;
	height: 38px;
}

.cartPage .quantity .quantity__input input {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	border-radius: 5px;
	border: 1px solid #5E5E5E;
	padding: 0;
	line-height: initial;
}

.cartPage .quantity .quantity__button::before, .cartPage .quantity .quantity__button::after {
	background-color: #fff;
}

.pfInfoPrice.pfInfoPriceBorder {
	width: 100%;
	max-width: initial;
	border-radius: 5px;
	border: 1px solid rgba(209, 155, 233, 0.50);
	padding: 15px;
	font-size: 13px;
	color: #ddd;
	margin: 15px 0 30px;
}

.cartPage .oplata {
	margin: 0;
}

.cartPage .oplata__container {
	flex-direction: COLUMN;
	align-items: FLEX-END;
}

.cartPage .oplata__body {
	display: BLOCK;
	margin: 0 0 25px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
}

.cartPage .oplata__body> .oplata__count:first-child {
	display: none;
}

.cartPage .oplata__body span {
	font-size: 20px;
	margin: 0 0 0 5px;
}




.dostavka__box--new {
	display: FLEX;
	flex-wrap: WRAP;
	position: relative;
	justify-content: space-between;
}


.dostavka__box--new .dostavka__navigation {
	border-bottom: 1px solid #454545;
	gap: initial;
	margin: 0 0 50px;
	width: 100%;
}

.dostavka__box--new .dostavka__navigation .dostavka__title {
	width: min-content;
	background: transparent;
	cursor: pointer;
	border: 0;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	border-bottom: 2px solid transparent;
	transition: all 0.15s;
	box-shadow: 0px 1px 0px transparent;
	padding: 0 100px 15px 0;
}

.dostavka__box--new .dostavka__navigation .dostavka__title:not(._tab-active):hover {
	border-bottom-color: #fff;
	box-shadow: 0px 1px 0px #fff;
}

.dostavka__box--new .dostavka__navigation .dostavka__title._tab-active {
	border-bottom-color: var(--brand);
	box-shadow: 0px 1px 0px var(--brand);
}

.dostavka__box--new .dostavka__tabs, .dostavka__box--new .dostavka__contact {
	width: calc(50% - 15px);
	padding: 25px;
	border-radius: 5px;
	border: 1px solid #303030;
	background: #262626;
	box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);
}

.dostavka__box-ttl {
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 150.7%;
	letter-spacing: 0;
	margin: 0 0 25px;
}

.dostavka__box--new .dostavka__wrapper {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	gap: initial;
	justify-content: space-between;
	margin: 0 -8px -16px;
	justify-content: flex-start;
}

.dostavka__box--new .label1 {
	width: calc(33.333% - 16px);
	margin: 0 8px 16px;
	background: transparent;
	border: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	line-height: 150%;
	transition: all 0.15s;
	letter-spacing: 0;
	font-size: 13px;
	font-weight: 400;
	padding: 9px 10px;
	min-height: 62px;
}

.dostavka__box--new .radio:not(:checked) + .label1:hover {
	filter: opacity(0.5);
}

.dostavka__box--new .radio:checked + .label1 {
	background: transparent;
	border-color: var(--brand);
}

.dostavkaInfo {
	display: flex;
	margin: 30px 0 0;
	padding: 25px;
	border-radius: 5px;
	border: 1px solid #303030;
	background: #262626;
	box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);
	align-items: center;
}

.dostavkaInfo> svg {
	min-width: 36px;
	margin: 0 20px 0 0;
}

.dostavkaInfo> p {
	display: flex;
	flex-grow: 1;
	padding: 0 200px 0 0;
	line-height: 25px;
}

.dostavkaInfo>  button.btn {
	min-width: max-content;
}
/************************************************** END Cart Page ************************************************/




















/************************************************** About Page ************************************************/
section.pageInnerSection {
	display: block;
	position: RELATIVE;
}

.pageInner {
	display: BLOCK;
	position: relative;
}

section.pageInnerSection.omagazine {
	margin: 0 0 0px;
	background-size: 100%;
	padding: 0 0 300px 0;
	background-repeat: no-repeat;
	    background-size: cover;
}

.omagazine .pageInner {
	display: flex;
	flex-wrap: WRAP;
	position: relative;
	align-items: center;
}

.aboutTopText {
	display: block;
	position: relative;
	/*width: calc(100% - 210px);*/
	padding: 0 140px 0 0;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150.4%;
}

.aboutTopText p {
	margin: 0 0 30px;
}

.aboutTopText p:last-child {
	margin: 0;
}

.aboutTopLogo {
	width: 210px;
	position: RELATIVE;
}

.aboutItems {
	display: flex;
	position: relative;
	flex-wrap: WRAP;
	width: 100%;
	padding: 50px 0 0;
}

.aboutItems> .item {
	display: flex;
	flex-direction: COLUMN;
	position: relative;
	width: 25%;
	margin: 0 0 50px;
}

.aboutItems> .item> b {
	font-size: 56px;
	font-style: normal;
	font-weight: 700;
	background: linear-gradient(180deg, #01C4B1 7.29%, #E4CBD6 45.31%, #B79EC5 60.94%, #7C95C3 89.58%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: FLEX;
	align-items: flex-end;
}

.aboutItems> .item> b> i {
	font-style: normal;
	display: block;
	font-size: 32px;
	padding: 0 0 10px;
}

.aboutItems> .item> span {
	display: BLOCK;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}
/************************************************** END About Page ************************************************/



































































/************************************************** Slick Slider ************************************************/
.slick-slider {
		position: relative;
		display: block;
		box-sizing: border-box;
		-webkit-user-select: none;
			 -moz-user-select: none;
				-ms-user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-ms-touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
}

.slick-list {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
}

.slick-list:focus {
		outline: none;
}

.slick-list.dragging {
		cursor: pointer;
}

.slick-slider .slick-track, .slick-slider .slick-list {
		-webkit-transform: translate3d(0, 0, 0);
			 -moz-transform: translate3d(0, 0, 0);
				-ms-transform: translate3d(0, 0, 0);
				 -o-transform: translate3d(0, 0, 0);
						transform: translate3d(0, 0, 0);
}

.slick-track {
		position: relative;
		top: 0;
		left: 0;
		display: block;
}

.slick-track:before, .slick-track:after {
		display: table;
		content: '';
}
.slick-track:after {
		clear: both;
}
.slick-loading .slick-track {
		visibility: hidden;
}

.slick-slide {
		display: none;
		float: left;
		height: 100%;
		min-height: 1px;
}

[dir='rtl'] .slick-slide {
		float: right;
}

.slick-slide img {
		display: block;
}

.slick-slide.slick-loading img {
		display: none;
}

.slick-initialized .slick-slide {
		display: block;
}

.slick-loading .slick-slide {
		visibility: hidden;
}

.slick-vertical .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
		display: none;
}

button.slick-arrow {
		width: 46px;
		height: 46px;
		position: absolute;
		top: calc(50% - 23px);
		z-index: 10;
		border: 0px;
		cursor: pointer;
		border-radius: 100px;
		background: #fff;
		box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.14);
		display: flex;
		align-items: center;
		justify-content: center;
}

button.slick-prev.slick-arrow {
		left: 16px;
		padding: 0px 3px 0px 0px;
}

button.slick-next.slick-arrow {
		right: 16px;
		padding: 0px 0px 0px 3px;
}

ul.slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0px 0px 0px;
	z-index: 1;
	padding: 0;
	position: relative;
}

ul.slick-dots> li {
		display: inline-flex;
		position: relative;
		list-style: none;
		margin: 0px;
		padding: 0px;
		align-items: center;
		justify-content: center;
}

ul.slick-dots> li> button {
	display: inline-block;
	text-indent: -9999px;
	width: 13px;
	height: 13px;
	margin: 0px 5px;
	border-radius: 100px;
	cursor: pointer;
	background: transparent;
	border: 0px;
	border: 1px solid #fff;
}

ul.slick-dots> li.slick-active> button {
	background: #fff;
	border-color: transparent;
}







/************************************************** Fonts ************************************************/
@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Light.eot');
	src: local('Montserrat Light'), local('Montserrat-Light'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Light.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-MediumItalic.eot');
	src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-MediumItalic.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Thin.eot');
	src: local('Montserrat Thin'), local('Montserrat-Thin'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Thin.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.eot');
	src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-BoldItalic.eot');
	src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-BoldItalic.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-SemiBold.eot');
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraLight.eot');
	src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraLight.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot');
	src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Italic.eot');
	src: local('Montserrat Italic'), local('Montserrat-Italic'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Italic.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Bold.eot');
	src: local('Montserrat Bold'), local('Montserrat-Bold'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Bold.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-LightItalic.eot');
	src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-LightItalic.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-BlackItalic.eot');
	src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-BlackItalic.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.eot');
	src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Regular.eot');
	src: local('Montserrat Regular'), local('Montserrat-Regular'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Medium.eot');
	src: local('Montserrat Medium'), local('Montserrat-Medium'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Medium.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraBold.eot');
	src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraBold.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Black.eot');
	src: local('Montserrat Black'), local('Montserrat-Black'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Black.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ThinItalic.eot');
	src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ThinItalic.woff') format('woff'),
		url('/local/templates/hookahtrade/assets/css/../fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}




@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_ExtraLight.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_ExtraLight_Italic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Light_Italic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Medium_Italic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_DemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_DemiBold_Italic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Bold_Italic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_ExtraBold_Italic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Black_Italic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels_Outline';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Black_Outline.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-display: swap;
	font-family: 'TT_Travels_Outline';
	src: url('/local/templates/hookahtrade/assets/css/../fonts/TT_Travels/TT_Travels_Next_Trial_Black_Outline_Italic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}
.panel__nav--pane> ul> li:last-child {display:none;}
.footer_links--item ul li:last-child  {/*display:none;*/}


#section-description{ margin: 50px 0px 0px 0px; }
#section-description h3{ margin: 25px 0px 20px 0px; }


#section-bottom-pager{ justify-content: right; }
#section-pages{ display: flex; }
#section-pages a{ display: flex; width: 46px; height: 46px; color: #FFFFFF !important; border: 1px solid #FFFFFF;
				  border-radius: var(--border-radius); font-size: 16px; font-weight: 600;
				  text-align: center; align-items: center; justify-content: center; margin: 0px 4px; }
#section-pages a.current{ background: #964CF2; }
#section-pages a.next-page,
#section-pages a.prev-page{ width: auto; border: none; }
#section-pages a.next-page{ margin-left: 10px; }
#section-pages a.prev-page{ margin-right: 10px; }

@media screen and (max-width: 767px) {
	#section-bottom-pager{ display: block; }
	#section-bottom-pager .load-more-items{ display: flex; margin: 0px auto; }
	#section-pages{ padding: 0px; }
}


#section-description h2{ margin: 25px 0px 20px 0px; }
#nca-cookiesaccept-line-accept-btn {    background: #964cf2;
    border: none;
    padding: 5px 10px;}

.nca-cookiesaccept-line.style-4 {    background: #292631 !important;
    font-size: 14px;
    line-height: 18px;}

.awz_cookies_sett__message {left: 20px !important;      width: 100% !important;
    max-width: 750px !important;  }
#popup-window-content-awz_cmp_cookies {    background-color: #222222 !important;}
.awz_cookies_sett__save, .awz_cookies_sett__save:hover {background: #964cf2 !important;}
.awz_cookies_sett__detail-alert {color: #fff !important;}
.awz_cookies_sett__detail-checkbox-wrapper-42 input[type="checkbox"]:checked ~ .cbx {border-color: #fff !important;}
.awz_cookies_sett__detail-checkbox-wrapper-42 .cbx {border-color: #fff !important;}
.awz_cookies_sett__detail-checkbox-wrapper-42 .cbx:after {border-right: 2px solid #ffffff !important;
border-bottom: 2px solid #ffffff  !important;}
.awz_cookies_sett__detail-title {    color: #ae89db;}
.awz_cookies_sett__container {
    padding: 0.8em 0.8em !important;
}
.awz_cookies_sett__col__right {    width: 100% !important;}
.newsFullText a {    color: #944cef;}
/* End */


/* Start:/local/templates/hookahtrade/assets/css/adaptive.css?176771868441837*/
@media screen and (max-width: 1439px) {
	.max {
		max-width: 1100px;
	}
	
	#header .header .header__nav ul> li {
		margin: 0 15px 0 0;
	}

	.panel__nav--pane> ul> li> .subcats {
		width: calc(1100px - 270px);
	}

	.panel__nav--pane> ul> li> .subcats> ul {}

	.mainSlickSlider .mssItem, .mainSlickSliderMini .mssItem, .mainBannersSlider .mssItem {
		height: 500px;
	}

	.mainSlickSliderMini .mssItem {
		height: 235px;
	}

	.mainTitle {
		font-size: 36px;
		margin: 0 0 30px;
	}

	.mainBannersSlider .mssItem {
		height: 380px;
	}

	.footer_links--item {
		margin: 0 30px;
	}
	
.statisticsTop> .stStats> .stStatsItem {
	margin: 0 30px;
}

.catalogCounstruction .ccRight.noleft .productsList .productBlockItem {
	width: calc(25% - 30px);
}

.cart__content-item {font-size: 14px;}

.cart__content-product {
	height: initial;
	padding: 10px 0;
}

.cart__content-name {
	font-size: 14px;
}

.cart__content-checkbox {
	margin: 0 15px 0 0;
}

.cart__content-img {
	margin: 0 20px 0 0;
}

.cart__content-item {
	margin: 0 20px 0 0;
	min-width: 100px;
	width: 100px;
}

#header .header .header__panel> a.header__personal> span {
	display: none;
}

#header .header .header__nav ul> li> a {
	font-size: 11px;
	padding: 10px 3px;
}

#header .header .header__nav ul {
	margin: 0 -3px;
}

#header .header a.header__logo {
	margin: 0 34px 0 0;
}

#header .header .header__panel> a {
	font-size: 11px;
}

.productsList:not(.pl-list) .productBlockItem .productBlockItem__prices {flex-wrap: WRAP;justify-content: space-between;}

.productsList:not(.pl-list) .productBlockItem .productBlockItem__prices .productBlockItem__prices--price {
	/* width: 100%; */
	display: flex;
	justify-content: center;
	padding: 0 10px 0 0;
	margin: 0 0 15px;
}

.productsList .productBlockItem {
	width: calc(33% - 15px);
}

.newsListItem a.image {
	height: 230px;
}

.pfBlockInfo .addingButton> button.btn.amount_block_new--addcart {
	padding: 0 20px;
}

.pfBlockInfo .addingButton {
	margin: 0 15px 0 0;
}


section.pageInnerSection.omagazine {
	padding: 0;
	background-size: cover;
}

}
/**************************************************************** END 1439 PX ********************************************************************/
































@media (max-width: 75em) {
section.account .account__container {
	padding: 20px;
}

section.account .account__navi {
	width: 100%;
	margin: 0 0 30px;
}

section.account .account__btn-navi {
	font-size: 14px;
	line-height: initial;
	font-weight: 500;
}

section.account .account__body {
	max-width: 100%;
}
}
/**************************************************************** END 75em ********************************************************************/















@media screen and (max-width: 1149px) {
.awz_cookies_sett__message {
        width: 100%;
bottom: 50px !important;
        left: 0 !important;

        border-radius: 0px;
        text-align: center;
    }

#nca-cookiesaccept-line-accept-btn {margin-top: 15px}
.nca-cookiesaccept-line > div
{    flex-flow: wrap;}
.nca-cookiesaccept-line.style-4 { 
    font-size: 12px;
    line-height: 16px;}

	.max {
		max-width: 768px;
	}

button.slick-arrow {
	width: 30px;
	height: 30px;
}

.mainProductsSlider button.slick-prev.slick-arrow {
	left: -2px;
}

.mainProductsSlider button.slick-next.slick-arrow {
	right: -2px;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

#panel {
	padding-top: 45px;
}

#header .header {
	height: 45px;
}

#header .header a.header__logo {
	height: 100%;
	margin: 0;
	width: 160px;
	justify-content: flex-start;
}

#header .header .header__nav {
	display: none;
}

#header .header .header__panel {
	flex-grow: 1;
	justify-content: flex-end;
}

#header .header .header__panel> a img {
	width: 20px;
	height: auto;
}

#header .header .header__panel> a.header__contact-whatsapp {
	margin: 0 15px 0 0;
}

#header .header .header__panel> a> span {
	display: none;
}

#header .header .header__panel> a.header__location img {
	width: 17px;
}

#header .header .header__panel> a.header__contact-whatsapp img {
	width: 23px;
}

#header .header .header__panel> a.header__contact-phone img {
	width: 22px;
}

#header .header .header__panel> a.header__logout {
	display: none;
}

button.btn.openMobileCat {
	display: flex;
	padding: 0;
	border-radius: 0;
	width: 45px;
	height: 45px;
	margin: 0 -15px 0 0;
}

button.btn.openMobileCat .panel__nav__button--icon {
	margin: 0;
}

#panel .panel {
	height: 36px;
	margin: 15px 0 0;
}

#panel .panel> .panel__nav {
	display: none;
}

.panel__buttons {
	display: none;
}

#panel .panel> .panel__search {
	background: #fff;
	margin: 0;
	padding: 0;
}

#panel .panel> .panel__search::before, #panel .panel> .panel__search::after {
	display: none;
}

#panel .panel> .panel__search> .table__search {
	height: 100%;
}

#panel .panel> .panel__search> .table__search> .table__search-btn {
	width: 36px;
	padding: 0 5px 0 0;
}

#panel .panel> .panel__search> .table__search> .table__search-input> input {
	color: #fff;
	font-size: 14px;
	
	font-style: normal;
	font-weight: 500;
	padding: 0px 40px 0 12px;
}

#bx-panel ~ #header {
	top: 39px;
}

.position__buttons {
	z-index: 9999;
	left: 0;
	bottom: 0;
	top: initial;
	right: initial;
	width: 100%;
	flex-direction: row-reverse;
	justify-content: space-between;
	border-radius: 0;
}

.position__buttons .max {
	flex-direction: row-reverse;
	justify-content: space-between;
	width: calc(100% - 30px);
}

.position__buttons a.position__buttons--item {
	height: 50px;
	position: relative;
	border: 0;
}

.position__buttons a.position__buttons--item .col {
	position: ABSOLUTE;
	top: 8px;
	right: 4px;
	height: 15px;
	min-width: 15px;
	padding: 0 3px;
	font-size: 10px;
}

.position__buttons a.position__buttons--item .position__buttons--icon {
	margin: 0;
}

.position__buttons a.position__buttons--item.position__buttons--orders {
	display: flex;
}

.position__buttons a.position__buttons--item.position__buttons--sale {
	display: flex;
}

.mainSliderCounstruction> .mainMiniSliders {
	width: 154px;
}

.mainSlickSliderMini .mssItem {
	height: 142px;
}

.mainSliderCounstruction> .mainSlider {
	width: calc(100% - 154px - 20px);
}

.mainSlickSlider .mssItem {
	height: 304px;
}

.mainSliderCounstruction {
	margin: 0 0 35px;
}

button.slick-next.slick-arrow {
	right: 6px;
}

button.slick-prev.slick-arrow {
	left: 6px;
}

.mainTitle {
	color: #131C2E;
	font-size: 24px;
	
	font-style: normal;
	font-weight: 600;
	margin: 0 0 25px;
}

.mainButton {
	padding: 10px 0 0;
}

.mainProducts {
	margin: 0 0 35px;
}

.mainBanners {
	margin: 0 0 40px;
}

.mainBannersSlider {
	margin: 0 -10px;
}

.mainBannersSlider .mssItem {
	margin: 0 10px;
	height: 200px;
}

.mainPartnersSlider {
	padding: 30px 15px;
}

#mobilePanel {
	z-index: 99999;
	display: none;
	position: fixed;
	top: 45px;
	left: 0;
	width: 100%;
	height: calc(100vh - 45px);
	background: #151515;
	color: #fff;
}

#bx-panel ~ #mobilePanel {
	top: calc(45px + 39px);
	height: calc(100vh - 45px - 39px);
}

#mobilePanel .max {
	height: 100%;
	padding: 20px 0 80px;
}

.mobilePanel {
	display: block;
	position: relative;
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: overlay;
}


.appendLocation a.header__location.openModal {
	display: flex;
	align-items: center;
	margin: 25px 0 10px;
	border: 1px solid #c5c5c5;
	padding: 10px 15px;
	border-radius: var(--border-radius);
	font-size: 15px;
}

.appendLocation a.header__location.openModal img {
	margin: 0 8px 0 0;
}

.appendLocation a.header__location.openModal span {
	margin: 2px 0 0;
}

.appendCatalog ul, .appendCatalog ul li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.appendCatalog ul> li> .subcats {
	display: none;
}

.appendCatalog> ul> li {
	display: flex;
	flex-direction: COLUMN;
	position: relative;
	border-bottom: 1px solid var(--brand5);
}

.appendCatalog> ul> li> a {
	display: block;
	padding: 12px 30px 11px 15px;
	color: #fff;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
}

.appendCatalog> ul> li> a> img {
	transition: All 0.3s;
	/* transform: rotate(90deg); */
	position: absolute;
	top: 17px;
	right: 7px;
	height: auto;
	width: 15px;
        display: none;
}

.appendCatalog ul> li> .subcats> ul {
	display: flex;
	flex-direction: COLUMN;
	position: relative;
	margin: 0px 0 25px;
}

.appendCatalog ul> li> .subcats> ul> li {
	display: BLOCK;
}

.appendCatalog ul> li> .subcats> ul> li> a {
	display: block;
	padding: 15px 0 0 15px;
	font-size: 14px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

.appendCatalog {
	display: none;
	margin: 0 0 15px;
	border-radius: 5px;
	/*border: 1px solid #303030;*/
	/*background: #262626;*/
	/*box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);*/
	margin: 15px 0;
}

.appendNavigation {
	display: block;
	margin: 0 0 25px;
}

.appendNavigation ul, .appendNavigation li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.appendNavigation ul> li {
	display: block;
}

.appendNavigation ul> li> a, .mpLk a {
	color: #fff;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	display: block;
	padding: 11px 0;
	border-bottom: 1px solid var(--brand5);
}

.mobilePanelCatalog {
	display: block;
	position: relative;
}

.mobilePanelCatalog> a {
	display: flex;
	color: #fff;
	border-bottom: 1px solid var(--brand5);
	color: #fff;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	padding: 11px 0;
	border-bottom: 1px solid var(--brand5);
	justify-content: space-between;
	padding-right: 5px;
}

.mobilePanelCatalog> a> img {
	transition: all 0.3s;
        display: none;
}

.mobilePanelCatalog> a.active> img {
	transform: scale(1, -1);
        display: none;
}

.mpLk {
	display: BLOCK;
	position: relative;
}

.mpLk a {
	text-transform: uppercase;
	color: #000;
	font-size: 13px;
	
	font-style: normal;
	font-weight: 700;
}

.appendCatalog> ul> li.active> a> img {
	transform: scale(1, -1);
}


.mobilePanelContacts {
	display: flex;
	flex-direction: column;
	position: relative;
	/*background: #262626;*/
	border-radius: 5px;
	/*border: 1px solid #303030;*/
	/*background: #262626;*/
	/*box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);*/
	padding: 20px;
	align-items: flex-start;
}

.mobilePanelContacts> a.top_tepephone.tt {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 20px;
}

.mobilePanelContacts> .mbcSocs {
	display: flex;
	align-items: center;
}

.mobilePanelContacts> .mbcSocs> a {
	margin: 0 19px 0 0;
}

.mobilePanelContacts> .mbcSocs> a:last-child {
	margin: 0;
}

.mobilePanelContacts> a.mpcEml {
	display: block;
	color: #fff;
	margin: 20px 0;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

.mobilePanelContacts> a.btn.mpcCall {
	height: 34px;
	font-size: 14px;
	font-weight: 400;
	padding: 0 18px;
}

.mpc18 {
	display: flex;
	position: relative;
	align-items: center;
	color: #FFF;
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 130.4%;
	margin: 20px 0;
}

.mpc18> span.ico18 {
	display: flex;
	width: 46px;
	min-width: 46px;
	height: 46px;
	margin: 0 15px 0 0;
	border: 1px solid #fff;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	padding: 3px 0 0 4px;
}

.catalogCounstruction .ccLeft {
	z-index: 9999;
	display: none;
	position: fixed;
	top: 45px;
	left: 0;
	width: 100%;
	height: calc(100vh - 45px);
	background: rgb(0 0 0 / 63%);
	backdrop-filter: blur(2px);
}

#bx-panel ~ #catalogCounstruction .catalogCounstruction .ccLeft {
	top: calc(45px + 39px);
	height: calc(100vh - 45px - 39px);
}

.bx-filter {
	display: block;
	position: relative;
	height: 100%;
	overflow-x: hidden;
	overflow-y: overlay;
	width: 100%;
	max-width: 300px;
	margin: 0;
	background: #262626;
	-webkit-overflow-scrolling: touch;
	padding: 0 0 50px;
}


.csItems {
	border: 0;
	height: 100%;
	border-radius: 0;
}

.bx-filter-section {
	min-height: 100%;
	padding: 15px 0;
}

form.smartfilter {
	height: 100%;
}

.catalogCounstruction .ccLeft::after {
	content: '';
	display: BLOCK;
	width: 30px;
	height: 30px;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xNzQyXzY3NSkiPg0KPHBhdGggZD0iTTIzLjE0MzEgMC44NTcxNDNMMC44NTc0MjIgMjMuMTQyOSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTAuODU3NDIyIDAuODU3MTQzTDIzLjE0MzEgMjMuMTQyOSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE3NDJfNjc1Ij4NCjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==) center no-repeat;
	position: absolute;
	top: 10px;
	left: 310px;
}

.catalogCounstruction .ccRight {
	width: 100%;
}

a.openFilterMobile {
	display: flex;
	background: #333;
	width: 31px;
	height: 31px;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 10px;
}

a.openFilterMobile img {
	width: 17px;
	height: auto;
}

.productsList {
	margin: 0 -10px;
	width: calc(100% + 20px);
}

.productsList .productBlockItem {
	margin: 0 10px 30px;
	width: calc(33.333% - 20px);
}

.userNavigation {
	margin: 0 -10px 30px;
}

.userNavigation a.userNavigation--item {
	width: calc(25% - 20px);
	margin: 0 10px;
	min-width: initial;
	height: 48px;
}

.userNavigation a.userNavigation--item svg {
	min-width: 18px;
}

.cabinet__content-item {
	width: calc(33.333% - 20px);
}

.statisticsTop> .stName {
	margin: 0 0 20px;
}

.statisticsTop> .stStats> .stStatsItem {
	margin: 0 15px;
	width: calc(33.333% - 30px);
}

.statisticsTop> .stStats {
	width: calc(100% + 30px);
	margin: 0 -15px;
}

.catalogCounstruction .ccRight.noleft .productsList .productBlockItem {
	width: calc(33.333% - 20px);
}

.cart__flex {
	flex-direction: column;
}

.cart__content {
	width: 100%;
}

.cart__sidebar {
	width: 100%;
}

.cart__sidebar-bgg {
	width: 100%;
}

#header .header .header__panel> a:not(.top_tg):not(.top_tepephone_mobile) {
	display: none;
}

#header .header .header__panel> a.top_tg, #header .header .header__panel> a.top_tepephone_mobile {display: flex;margin: 0;width: 45px;height: 45px;align-items: CENTER;justify-content: center;}

#header .header .header__panel> a> img {
	width: 26px;
	height: auto;
}

#header .header .header__panel> a.top_tepephone_mobile> img {
	width: 23px;
}

#header .header .header__panel> a.top_tepephone_mobile {
	margin: 0 10px 0 0;
}

#header .header a.header__logo> span {
	display: none;
}

#header .header a.header__logo {
	justify-content: center;
}

#panel .panel> .panel__search> .table__search> .table__search-input> input {
	border-radius: 5px !important;
}

#panel .panel> .panel__search {
	border-radius: 5px;
}

.hero__title {
	font-size: 24px;
	margin: 0 0 35px;
	text-shadow: 2px 2px 1px rgba(153, 26, 237, 0.34);
}

.hero__sub-title {
	font-size: 20px;
	margin: -20px 0 30px;
	max-width: 480px;
	font-size: 16px;
}

a.hero__button {
	height: 50px;
	font-size: 14px;
	font-weight: 600;
}

#hits .hits {
	padding: 50px 0;
}

.mainTitle {
	color: #fff;
}

ul.hitsTabs> li {
	margin: 0 10px 10px 0;
}

ul.hitsTabs> li> span {
	padding: 10px 10px;
	font-size: 11px;
}

.productBlockItem {
	padding: 10px;
}

.productBlockItem .productBlockItem__img {
	margin: -10px -10px 20px;
}

.btn> span.bnomob {
	display: none;
}

.btn> span.bmob {
	display: flex;
	margin: 0 0 0 10px;
}

#pmy .pmy {
	padding: 20px 0 50px;
}

h2.mainTitle.pmyTitle img {
	height: auto;
	width: 40px;
	margin: 0 0 -10px 0;
}

h2.mainTitle.pmyTitle> span {
	padding: 15px 0 0 20px;
}

.pmyInfo {
	width: 100%;
	font-size: 16px;
	margin: 0 0 30px;
}

.pmyItems {
	width: 100%;
}

.pmyItems ul> li {
	padding: 0 20px 0 0;
	margin: 0 0 20px;
}

.pmyItems ul> li> i {
	width: 60px;
	height: 60px;
	background-size: 52px;
	font-size: 20px;
	min-width: 60px;
	margin: 0 15px 0 0;
}

.pmyItems ul> li> p {
	font-size: 14px;
}

#newed .newed {
	padding: 50px 0 50px;
}

#mainnews .mainnews {
	padding: 50px 0;
}

.newsListItem {
	width: calc(33.333% - 15px);
	margin: 0 0 25px;
}

#mainbrands .mainbrands {
	padding: 50px 0;
}

#mainnews .mainnews .newsList .newsListItem {
	width: 260px;
}

#mainnews .mainnews .newsList {
	margin: 0 -15px 30px 0;
}

#mainbrands .mainbrands img.exclusive {
	height: auto;
	width: 100px;
}

#mainbrands .mainbrands .mainTitle {
	margin-bottom: 45px;
}

.mainbrands .item {
	height: 100px;
}

.brandsCarousel {
	margin: 0;
}

@media screen and (min-width: 767px) {
	.footer_info {width: 100%;margin: 0 0 30px;max-width: initial;}

	#footer .footer {
		flex-wrap: wrap;
		padding-bottom: 40px;
	}

	.footer_info .footer_text1> img {
		min-width: 50px;
		width: 50px;
		margin: 0 15px 0 0;
	}

	.footer_info .footer_text1 {
		padding: 0 0 15px;
		margin: 0 0 15px;
	}

	.productsList.pl-list a.favor {
		position: absolute;
		top: 5px;
		right: 5px;
		align-items: center;
		justify-content: center;
	}

	.productsList.pl-list .productBlockItem__prices {
		position: initial;
	}
}



.pfBlockInfo {
	background-color: transparent;
	border: 0;
	padding: 0 20px 0 0;
	width: calc(100% - 340px);
	margin: 0 -20px 0 0;
}

.pfBlockImages {
	width: 330px;
	height: 330px;
	min-height: 330px;
	padding: 10px;
}

.pfBlockInfo .addCartBtns {
	width: 100%;
	max-width: 240px;
	flex-direction: column;
	position: relative;
	align-items: flex-start;
}

.pfBlockInfo .addingButton {
	margin: 0 0 15px;
	width: 100%;
}

.pfBlockInfo .addCartBtns .btn {
	width: 100%;
}

.pfBlockInfo .addingButton> button.btn.amount_block_new--addcart {
	width: 100%;
}

.pfBlockInfo .addingButton> .amount_block_new {
	width: max-content;
}

.pfBlockInfo .pfPrice {
	margin: 0 0 25px;
}

.pfInfoPrice {
	font-size: 13px;
	line-height: 130%;
	margin: 0 0 25px;
}

.nalList .nalItem {
	width: 50%;
}

.pfBlock {
	border-radius: 5px;
	border: 1px solid #303030;
	background: #262626;
	box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);
	padding: 20px;
}


.dostavka__box--new .dostavka__navigation {
	margin: 0 0 25px;
}

.dostavka__box--new .dostavka__tabs, .dostavka__box--new .dostavka__contact {
	width: 100%;
	max-width: 100%;
}

.dostavka__box--new {
	flex-direction: column;
}

.dostavka__box--new .dostavka__tabs {
	margin: 0 0 30px;
}

.dostavkaInfo> p {
	padding: 0 30px 0 0;
	font-size: 13px;
	line-height: 150%;
}


.newsPage {
	padding: 20px;
}

.newsPage> a.newsImage {
	width: 280px;
	margin: 0 30px 0 0;
}

.newsPage> .newsBody {
	width: calc(100% - 310px);
}

.aboutTopLogo {
	width: 100px;
	display: none;
}

.omagazine .pageInner {
	align-items: flex-start;
}

.aboutTopText {
	width: 100%;
	padding: 0;
	font-size: 15px;
	line-height: 150%;
	font-weight: 500;
}

.aboutItems {
	padding: 30px 0;
}

.aboutItems> .item> b {
	font-size: 40px;
}

.aboutItems> .item> b> i {
	font-size: 20px;
	padding: 0 0 5px;
}

.aboutItems> .item> span {
	font-size: 15px;
}

.adressList {
	position: relative;
	top: initial;
	left: initial;
	bottom: initial;
	width: 100%;
	margin: 30px 0 0;
}

}
/**************************************************************** END 1149px PX ********************************************************************/








































@media screen and (max-width: 767px) {
	.max {
		max-width: 420px;
	}
	
	#footer, a.presentation_banner {
		display: none;
	}
.prep {
font-size: 16px;
}

.prep_home {
font-size: 16px;
}

.mainSliderCounstruction {
	flex-direction: column;
}

.mainSliderCounstruction> .mainSlider {
	width: 100%;
	margin: 0 0 20px;
}

.mainSlickSlider .mssItem {
	height: 180px;
}

.mainSliderCounstruction> .mainMiniSliders {
	width: 100%;
	flex-direction: row;
	margin: 0 -10px;
	width: calc(100% + 20px);
}

.mainMiniSlider {
	width: calc(50% - 20px);
	margin: 0 10px;
}

.productBlockItem .productBlockItem__img> .fitchs> .fitchs__item {
	width: 25px;
        height: 25px;
        border-radius: 25px;
        min-width: initial;
        padding: 0 10px;
        font-size: 9px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;
}
.pfBlockImages .fitchs
{display: flex;
    justify-content: space-between;
    margin: 10px;
    width: 55px;
    position: absolute;}
.pfBlockImages .fitchs> .fitchs__item {width: 25px;
        height: 25px;
        border-radius: 25px;
        min-width: initial;
        padding: 0 10px;
        font-size: 9px;
        font-family: Montserrat;
        font-style: normal;
        font-weight: 600;}
a.favor {
	height: 26px;
	width: 26px;
	top: 5px;
	right: 5px;
}

a.favor svg {
	height: auto;
	width: 100%;
}

.productBlockItem .productBlockItem__img {
	height: 160px;
	margin: 0 0 15px;
}

.productBlockItem .productBlockItem__name {
	margin: 0 0 15px;
	color: #131C2E;
	text-align: center;
	font-size: 13px;
	
	font-style: normal;
	font-weight: 400;
	line-height: 130.7%;
}

.productBlockItem {
	padding: 10px;
}

.productBlockItem .productBlockItem__prices {
	flex-wrap: wrap;
	align-items: CENTER;
	justify-content: space-between;
}

.productBlockItem .productBlockItem__prices .productBlockItem__prices--price {
	/* width: 100%; */
	align-items: center;
	justify-content: center;
	display: flex;
	margin: 0 10px 0 0;
	color: #000;
	text-align: center;
	font-size: 16px;
	
	font-style: normal;
	font-weight: 500;
}

.btn, a.btn {
	height: 38px;
	padding: 0 20px;
}

.mainButton> .btn {
	min-width: 194px;
	font-size: 16px;
	
	font-style: normal;
	font-weight: 600;
}

.modalContent {
	padding: 20px;
	padding-top: 40px;
}

a.modalClose {
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
}

.modalProductPage {
	flex-direction: column;
}

.modalProductPage> .mpp_gallery {
	width: 100%;
	margin: 0 0 20px;
}

.modalProductPage> .mpp_info {
	width: 100%;
}

.modalProductPage> .mpp_info> h1 {
	font-size: 20px;
}

.mainBannersSlider {
	margin: 0;
}

.mainBannersSlider .slick-slide> div:not(:empty) {
	display: block;
	position: relative;
	width: 100%;
	margin: 0 0 15px;
	border-radius: var(--border-radius);
	overflow: hidden;
	position: relative;
	height: 170px;
}

.mainBannersSlider .slick-slide> div> img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	object-fit: cover;
	width: 0;
	min-width: 100%;
	min-height: 100%;
	transition: all 1s linear;
	z-index: 1;
}

.mainBanners ul.slick-dots {
	margin: 10px 0 0;
}

a.presentation_banner {
	display: FLEX;
	flex-direction: COLUMN;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 150px;
}

a.presentation_banner> img:last-child {
	display: none;
}

a.presentation_banner> span {
	font-size: 16px;
	
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0 0 15px;
}

.mainPartners .mainTitle {
	margin-bottom: 20px;
}

#topcontrol {
	display: none;
}

#footer {
	display: block;
	margin: 80px 0 40px;
}

#footer .footer {flex-direction: column;}

.footer_info {
	max-width: initial;
	margin: 0 0 25px;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: SPACE-BETWEEN;
}

.footer_info .footer_text1 {
	width: 100%;
	margin: 0 0 15px;
}

.footer_info .footer_text1> img {
	width: 88px;
	margin: 0 25px 0 0;
	min-width: 88px;
}

.footer_info .footer_text1> .footer_text1--info {
	width: calc(100% - 88px - 25px);
	display: block;
	position: relative;
	color: #FFF;
	font-size: 13px;
	
	font-style: normal;
	font-weight: 500;
	line-height: 150.4%;
}

.footer_info .footer_text2 {
	color: #C2C2C2;
	font-size: 12px;
	
	font-style: normal;
	font-weight: 400;
	line-height: 130.4%;
	width: calc(100% - 100px);
	margin: 0;
}

.footer_links, .footer_contacts {
	flex-direction: column;
	width: 100%;
}

.footer_links--item {
	margin: 0 0 30px;
	border-bottom: 2px solid #4C3C58;
	padding: 0 0 5px;
}

.footer_contacts--items {
	margin: 0 0 10px;
	display: none;
}

.footer_title {
	display: BLOCK;
	position: relative;
	padding: 0 30px 0 0;
	margin: 0;
	font-size: 14px;
	
	font-style: normal;
	font-weight: 700;
}

.footer_links--item ul {
	display: none;
	padding: 20px 0;
}

.footer_contacts--items ul {
	padding: 20px 0  0;
}

.footer_contacts a.btn.openModal {
	display: none;
	text-align: center;
	line-height: 38px;
	margin: 0 0 10px;
}

.footer_contacts {
	border-bottom: 2px solid #4C3C58;
	padding: 0 0 5px;
}

.footer_title::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0wLjk0MDA0MSAxLjMwMTY5QzAuOTM5Njc0IDEuNDI2MTggMC45NjM1MDcgMS41NDkxOSAxLjAwOTc5IDEuNjYxNjhDMS4wNTYwNyAxLjc3NDE2IDEuMTIzNjIgMS44NzMyNiAxLjIwNzQ4IDEuOTUxNjlMNS41NDQzNSA1Ljk3NjY5QzUuNjczNjggNi4wOTkyNSA1LjgzNTkxIDYuMTY2MjYgNi4wMDMzMyA2LjE2NjI2QzYuMTcwNzUgNi4xNjYyNiA2LjMzMjk4IDYuMDk5MjUgNi40NjIzMiA1Ljk3NjY5TDEwLjc5OTIgMS44MTAwMkMxMC45NDY4IDEuNjY4NTcgMTEuMDM5NiAxLjQ2NTMxIDExLjA1NzIgMS4yNDQ5NkMxMS4wNzQ5IDEuMDI0NiAxMS4wMTU4IDAuODA1MjAyIDEwLjg5MzIgMC42MzUwMjJDMTAuNzcwNSAwLjQ2NDg0MSAxMC41OTQyIDAuMzU3ODIyIDEwLjQwMyAwLjMzNzUwNUMxMC4yMTE5IDAuMzE3MTg5IDEwLjAyMTYgMC4zODUyNCA5Ljg3Mzk5IDAuNTI2Njg5TDUuOTk5NzIgNC4yNTE2OUwyLjEyNTQ1IDAuNjUxNjg5QzIuMDE5MzUgMC41NDk3ODYgMS44OTAxNiAwLjQ4NTA1NSAxLjc1MzE1IDAuNDY1MTU2QzEuNjE2MTQgMC40NDUyNTYgMS40NzcwNiAwLjQ3MTAyIDEuMzUyMzUgMC41Mzk0QzEuMjI3NjUgMC42MDc3OCAxLjEyMjU0IDAuNzE1OTEzIDEuMDQ5NDcgMC44NTEwMDVDMC45NzY0MDMgMC45ODYwOTcgMC45Mzg0MjggMS4xNDI0OSAwLjk0MDA0MSAxLjMwMTY5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) center no-repeat;
	position: absolute;
	top: 2px;
	right: 0;
	transition: all 0.3s;
}

.footer_title.active::after {
	transform: scale(1, -1);
}


body .bx-breadcrumb.max {
	flex-wrap: initial !important;
	white-space: nowrap;
	/* width: 100%; */
	overflow: overlay;
	font-size: 13px !important;
}

body .bx-breadcrumb.max> .bx-breadcrumb-item {
	margin: 0 26px 10px 0;
}

body .bx-breadcrumb.max> .bx-breadcrumb-item svg {
	width: 15px;
	top: 1px;
}

h1.pageTitle {
	color: #fff;
	font-size: 21px;
	    text-transform: uppercase;
	font-style: normal;
	font-weight: 600;
	margin: 0 0 30px;
}

form.productsConfig .productsConfig__item> label {
	display: none;
}

form.productsConfig .productsConfig__item {
	margin: 0 15px 0 0;
}

form.productsConfig .productsConfig__viewer> label {/*display: none;*/}
.productsList.pl-list .productBlockItem .productBlockItem__img {
    width: 50px;
    margin: 0 10px 0 0;
    height: 50px;
    min-width: 50px;
}
.productsList.pl-list .productBlockItem .productBlockItem__name {font-size: 14px;text-align: left;}
.addingButton> button.btn.amount_block_new--addcart { padding: 12px 15px;}
.productsList .productBlockItem {
	width: Calc(50% - 20px);
	margin: 0 10px 20px;
}

.userNavigation a.userNavigation--item {
	width: calc(50% - 20px);
	margin: 0 10px 20px;
	font-size: 12px;
	
	font-style: normal;
	font-weight: 700;
}

.userNavigation {
	margin-bottom: 10px;
}

.cabinet__content.contact {
	border-radius: 0;
	background: transparent;
	border: 0;
	padding: 0;
}

.cabinet__content-title {
	font-size: 18px;
	
	font-style: normal;
	font-weight: 700;
	margin: 0 0 25px;
}

.cabinet__content-tr {
	flex-direction: COLUMN;
	align-items: FLEX-START;
	height: initial;
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-top: 0;
	border-bottom: 1px solid #D4C8E0;
}

.cabinet__content-name {
	margin: 0 0 15px;
}

.cabinet__content-table {
	font-size: 14px;
	
	font-style: normal;
	font-weight: 400;
}

.cabinet__content-name, .cabinet__content-value {
	color: #737373;
	font-size: 14px;
	
	font-style: normal;
	font-weight: 400;
}

.cabinet__content-value {
	color: #000;
}

.cabinet__content-item {
	width: 100%;
	margin: 0 0 20px;
}

.cabinet__content-items {
	margin: 0 0 -20px;
}

.cabinet__content-header {
	border: 0;
}

.wrape, .wrape_message {
	z-index: 99999;
	background: rgb(0 0 0 / 62%);
	backdrop-filter: blur(2px);
	align-items: flex-start;
	justify-content: CENTER;
	max-height: 100%;
	overflow-y: overlay;
	padding: 50px 0;
}

.modal__address {
	width: calc(100% - 70px);
	top: initial;
	left: initial;
	position: relative;
	margin: auto;
	padding: 20px;
}

.modal__address-tr {
	flex-direction: COLUMN;
}

.modal__address-name {
	width: 100%;
	margin: 0 0 15px;
}

.statisticsTop {
	padding: 15px;
}

.statisticsTop> .stName, .statisticsBlock> .stName {
	color: #000;
	font-size: 18px;
	
	font-style: normal;
	font-weight: 700;
	margin: 0 0 20px;
}

.statisticsTop> .stStats {
	width: 100%;
	margin: 0 0 -15px;
}

.statisticsTop> .stStats> .stStatsItem {
	margin: 0 20px 20px 0;
	width: initial;
}

.statisticsTop> .stStats> .stStatsItem> .icon {
	width: 33px;
	height: 33px;
	margin: 0 13px 0 0;
}

.statisticsTop> .stStats> .stStatsItem> .icon img {
	height: AUTO;
	width: 18px;
}

.statisticsTop> .stStats> .stStatsItem> .info> b {
	font-size: 16px;
	
	font-style: normal;
	font-weight: 700;
}

.statisticsTop> .stStats> .stStatsItem> .info> span {
	color: #737373;
	font-size: 12px;
	
	font-style: normal;
	font-weight: 700;
}

.statisticsBlock {
	border: 0;
	background: transparent;
	padding: 0;
}

.stats__filter .btn.btn-black {
	margin: 0 0 0 10px;
	padding: 0 12px;
	font-size: 13px;
}

.stats__filter .stats__line {
	min-width: 12px;
	margin: 0 10px;
}

.orders__header {
	display: none;
}

.orders__tr {
	border-top: 0;
	border-bottom: 1px solid #D4C8E0;
	min-height: initial;
	max-height: initial;
}


.orders__tr-content {flex-direction: column;align-items: flex-start;height: initial;justify-content: flex-start;padding: 15px 0;}

.orders__item {
	display: flex;
	width: 100%;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0;
	color: #000;
	font-size: 13px;
	
	font-style: normal;
	font-weight: 300;
	text-align: left;
	margin: 0 0 15px;
	align-items: center;
}

.orders__item_mobile {
	display: BLOCK;
	width: 170px;
	padding: 0 15px 0 0;
	text-align: left;
}

.orders__item_value {
	color: #000;
	font-size: 13px;
	
	font-style: normal;
	font-weight: 400;
}

.orders__item_value {
	width: calc(100% - 170px);
}

.orders__tr-info {
	margin: 0;
}


.catalogCounstruction .ccRight.noleft .productsList .productBlockItem {
	width: calc(50% - 20px);
}

.cart__content-wrape {
	padding: 15px;
}

.cart__content-wrape> .cart__subtitle.csAbsolute {
	position: relative;
	top: initial;
}

.cart__subtitle {
	color: #000;
	font-size: 18px;
	
	font-style: normal;
	font-weight: 700;
	margin: 0 0 20px;
}

.cart__content-header-right {
	justify-content: space-between;
}

.cart__content-header .btn {
	margin: 0;
	text-align: center;
	font-size: 12px;
	
	font-style: normal;
	font-weight: 600;
	width: initial;
	min-width: 142px;
	height: 38px;
}

.cart__content-header {
	flex-direction: COLUMN;
}

.cart__content-product {
	position: RELATIVE;
	padding-left: 115px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cart__content-checkbox {
	margin: 0;
	position: absolute;
	left: 0;
}

.cart__content-img {
	margin: 0;
	position: absolute;
	left: 35px;
}

.cart__content-name {
	width: 100%;
	margin: 0 0 15px;
	font-size: 14px;
	
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

.cart__content-name + .cart__content-price {
	display: none;
}

.cart__content-delete {
	/*display: none;*/
display: flex;
}

.cart__content-item.cart__content-item-input {
	margin: 0;
	min-width: 80px;
	width: 80px;
}

.cart__content-item input.c_input {
	width: 37px;
}

.cart__content-item.cart__content-price {
	width: calc(80% - 80px);
	min-width: initial;
	margin: 0;
	justify-content: center;
}

.cart__sidebar {
	padding: 15px;
}

.cart__sidebar-content {
	margin: 0;
}

.addNewAddress {
	flex-direction: COLUMN;
}

.addNewAddress> input.c_input {
	margin: 0 0 15px;
}

.addNewAddress> .btn {
	width: 100%;
}

.loginpage {
	padding: 30px 0px;
}

.loginpage__content--logo_icon {
	width: 120px;
	height: 120px;
}

.loginpage__content--logo {
	margin: 0 0 30px;
}

.loginpage__content--form .auth__title.forget__title.bold {
	font-size: 16px;
}

.loginpage__content--form input {
	font-size: 15px;
	padding: 2px 15px 0;
}

.loginpage__content--form .forget__info {
	font-size: 14px;
	padding: 10px;
}

.podLoginSelect select {
	font-size: 14px;
	padding: 2px 0 0 15px;
}

.podLoginSelect {
	width: 102px;
}

.loginpage__content--form .selectLogin input {
	padding-left: 112px;
}

.loginpage__content--forget {
	padding: 20px 0 0;
}

.loginpage__content--forget a {
	font-size: 14px;
	font-weight: 600;
}

.productInline {
	flex-direction: column;
	padding: 10px 0;
	margin: 0;
}


.table__tr.table__tr-category> .table__category {
	font-size: 20px;
	font-weight: 600;
}

.table__tr.table__tr-category> .table__category.sub {
	font-size: 18px;
}

.table__tr.table__tr-category> .table__category.sub.sub2 {
	font-size: 17px;
}

.table__tr.table__tr-category> .table__category.sub.sub3 {
	font-size: 16px;
}

.piSummButton {
	width: 100%;
}

.piImageName {
	width: 100%;
	margin: 0 0 15px;
}

.piImageName> .piImage {
	min-width: 60px;
	width: 60px;
	margin: 0 10px 0 0;
}

.piImageName> .piName {
	margin: 0;
}

.piSummButton> .piSumm {
	align-items: flex-start;
}

.hero__sub-title {
	display: none;
}

.hero__title {
	text-shadow: 3px 3px 1px rgba(153, 26, 237, 0.34);
	font-size: 12px;
	font-style: normal;
	font-weight: 704;
	line-height: normal;
	margin: 0 0 15px;
}

a.hero__button {
	font-size: 12px;
	font-weight: 400;
	height: 30px;
	padding: 0 10px;
}

a.hero__button span + img {
	height: auto;
	width: 20px;
}

.mainTitle {
	font-size: 18px;
}

.mainTitle> span.sb::before {
	width: 70px;
	background-size: 70px;
	left: calc(100% - 50px);
}

ul.hitsTabs> li> span {
	font-size: 10px;
	padding: 8px;
}

ul.hitsTabs> li {
	margin: 0 5px 5px 0;
}

.productBlockItem .productBlockItem__prices a.favor {
	position: ABSOLUTE;
	top: 5px;
	right: 5px;
}

.productBlockItem .productBlockItem__prices {
	position: initial;
}

.productBlockItem .productBlockItem__name {
	font-weight: 600;
	color: #222;
}

.productBlockItem .productBlockItem__prices .productBlockItem__prices--price {
	margin: 0 0 14px;
}

.addCartBtns {
	width: 100%;
	display: flex;
	justify-content: center;
}

.addCartBtns> .addingButton {
	width: 100%;
	display: flex;
	justify-content: center;
}

.addCartBtns> .addingButton> .amount_block_new {
	justify-content: center;
}

.addingButton> button.btn.amount_block_new--addcart {
	width: 100%;
}

.lazybg {
	background-position: top left;
}

.pmyInfo {
	font-size: 14px;
}

.pmyItems ul> li {
	width: 100%;
	padding: 0;
}

.pmyItems ul> li> i {
	width: 50px;
	height: 50px;
	min-width: 50px;
	background-size: 42px;
	font-size: 16px;
}

.pmyItems {
	margin: 0;
}

.pmyButton> a {
	font-size: 14px;
}

.pmyButton> a img {
	width: 40px;
}

.newsListItem {
	padding: 0 5px 5px;
}

#mainnews .mainnews .newsList .newsListItem {
	width: 210px;
}

.newsListItem a.image {
	margin: 0 -5px 10px;
	width: calc(100% + 10px);
	height: 180px;
}

#mainnews .mainnews .newsList .newsListItem a.image {
	height: 210px;
}

.newsListItem .datetime {
	font-size: 11px;
	padding: 4px 10px;
}

.newsListItem h3 {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	margin: 0 0 10px;
}

.newsListItem .description {
	display: none;
}

#mainnews ul.slick-dots {
	display: flex !important;
}

#mainnews .mainnews .newsList {
	margin: 0 -15px 10px -5px;
}

#mainnews .mainnews .newsList .newsListItem {
	margin: 0 5px;
}

#mainbrands .mainbrands img.exclusive {
	display: none !important;
}



#footer {
	margin: 0;
}

.footer_info .footer_text1> .footer_text1--info {
	font-weight: 400;
}

.footer_info .footer_text2 {
	width: 100%;
	color: #FFF;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 150.4%;
}

.footer_title {
	font-size: 13px;
	color: #fff;
}

.footer_links--item {
	border-bottom: 1px solid var(--brand5);
}


.footer_contacts {
	border: 0;
	margin: 0 0 30px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.footer_contacts .footer_contacts--items {
	width: 100%;
}

.footer_contacts .footer_title.tt {
	width: 100%;
	border-bottom: 1px solid var(--brand5);
	margin: 0 0 30px;
	padding: 0 0 6px;
}

.footer_contacts .btn {
	height: 34px;
	font-size: 13px;
	padding: 0 10px;
	margin: 0;
}

.footer_socials a img {
	width: auto;
	height: 24px;
}

.pfBlock {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
	flex-direction: COLUMN;
}

.pfBlockImages {
	width: 100%;
	height: 330px;
	margin: 0 0 30px;
}

.logo-box svg {
	max-width: 100%;
	height: auto;
}

.pfBlockInfo {
	width: 100%;
	margin: 0;
	border-radius: 5px;
	border: 1px solid #303030;
	background-color: #262626;
	box-shadow: 0px 0px 25px 0px rgba(209, 155, 233, 0.15);
	padding: 20px;
	background-size: 100px;
}

ul.prodTabs> li> span {
	padding: 10px 0;
}

ul.prodTabs> li {
	width: 50%;
	text-align: center;
}

.nalList .nalItem {
	width: 100%;
}

.reviews__slider .swiper-navi .descrip-product__reviews-title {
	font-size: 14px;
	font-weight: 500;
}

button.swiper-prev, button.swiper-next {
	width: 30px;
	height: 30px;
	padding: 4px;
}

section.login .login__body {
	padding: 20px;
}

section.login .login__btn {
	font-size: 14px;
}

.cartPage .basket__line .basket__line-box {
	padding: 0 0 0 10px;
}

.cartPage .basket__line .basket__line-title, .cartPage .basket__line .basket__line-title a {
	font-size: 13px;
	font-weight: 500;
	line-height: initial;
}

.cartPage .basket__line .basket__line-category {
	display: none;
}

.cartPage {
	padding: 15px;
}

.dostavka__box--new .label1 {
	width: calc(50% - 16px);
	border-width: 1px;
}

.dostavkaInfo {
	padding: 15px;
	flex-wrap: wrap;
	padding-left: 70px;
	position: relative;
}

.dostavkaInfo> svg {
	position: absolute;
	top: 15px;
	left: 15px;
}

.dostavkaInfo> p {
	padding: 0 0 15px;
}

.newsListItem {
	width: calc(50% - 10px);
	margin: 0 3px 18px;
}

.newsPage {
	flex-direction: column;
}

.newsPage> a.newsImage {
	width: 100%;
	margin: 0 0 30px;
	background: rgb(0 0 0 / 5%);
}

.newsPage> a.newsImage img {
	min-width: 100%;
}

.newsPage> .newsBody {
	width: 100%;
	font-size: 14px;
	line-height: 150%;
}

.newsPage> .newsBody .datetime {
	font-size: 10px;
}

.aboutItems> .item {
	width: 50%;
	margin: 0 0 30px;
}

.aboutItems> .item> b {
	font-size: 31px;
}

.aboutItems> .item> b> i {
	font-size: 16px;
	padding: 0 0 5px;
}

.aboutItems> .item> span {
	font-size: 14px;
}

section.hero ul.slick-dots {
	bottom: 15px;
	margin: 0;
}

}
/**************************************************************** END 767px PX ********************************************************************/


























@media screen and (max-width: 374px) {
#header .header a.header__logo {
	margin: 0 15px 0 0;
}

.wrapperOrder .cart__content-wrape {
	padding: 20px 10px;
}

.wrapperOrder .cart__content-wrape-items-deliveries .cart__content-wrape {
	padding: 10px;
	margin: 0 10px 10px 0;
}

.wrapperOrder .cart__content-wrape-items-deliveries .cart__content-wrape .cabinet__content-item-content .cart__content-item-content-title {
	font-size: 15px;
}

.wrapperOrder .cart__content-wrape-items-deliveries .cart__content-wrape .cabinet__content-item-content .cart__content-item-content-text {
	font-size: 13px;
}

}
/**************************************************************** END 374px PX ********************************************************************/


/* End */


/* Start:/local/templates/hookahtrade/components/bitrix/menu/main_menu/style.min.css?1693004146490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/hookahtrade/components/bitrix/menu/main_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/hookahtrade/components/bitrix/breadcrumb/breadcrumb/style.css?1729186527684*/
.bx-breadcrumb.max {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	color: #686868;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.bx-breadcrumb.max> .bx-breadcrumb-item {
	margin: 0 26px 15px 0;
	display: block;
	position: relative;
}

.bx-breadcrumb.max> .bx-breadcrumb-item svg {
	height: auto;
	width: 18px;
	position: absolute;
	left: -21px;
}

.bx-breadcrumb.max> .bx-breadcrumb-item a> span {
	color: #a390b9;
	transition: all 0.1s;
	font-weight: 400;
	border-bottom: 1px dotted transparent;
}

.bx-breadcrumb.max> .bx-breadcrumb-item a:hover> span {
	color: #fff;
}

.bx-breadcrumb.max> .bx-breadcrumb-item span {
	color: #a390b9;
	font-weight: 500;
}
/* End */


/* Start:/local/templates/hookahtrade/template_styles.css?1692500188432*/
.favorites .basket__line-content {
    width: 100%;
}

.product__slider img {
    max-height: 480px;
}

.cart_link {
    margin-top: 20px;
    text-decoration: underline;
}

.catalog__item img {
    object-fit: contain;
}

.form_errors {
    margin-bottom: 15px;
    font-size: 15px;
    color: red;
}

.form_ok {
    margin-bottom: 15px;
    font-size: 15px;
    color: green;
}


.basket__line-img img {
    object-fit: contain;
}
/* End */
/* /local/templates/hookahtrade/assets/css/style.css?1767793085131138 */
/* /local/templates/hookahtrade/assets/css/adaptive.css?176771868441837 */
/* /local/templates/hookahtrade/components/bitrix/menu/main_menu/style.min.css?1693004146490 */
/* /local/templates/hookahtrade/components/bitrix/breadcrumb/breadcrumb/style.css?1729186527684 */
/* /local/templates/hookahtrade/template_styles.css?1692500188432 */