html, body { scroll-behavior: smooth; }

body:not(.section_restock) { overflow:hidden; }
body.scroll_instant:not(.section_restock) { scroll-behavior: auto; overflow:hidden;  }


	.printOnly { display:none !important; }


.c-pointer { cursor:pointer; }
.c-default { cursor:default; }

/* FONTSWORKS */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('PT Sans'), local('PTSans-Regular'), url(/assets/fonts/pt-sans-v11-latin_cyrillic-regular.woff2) format('woff2');
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(/assets/fonts/pt-sans-v11-latin_cyrillic-700.woff2) format('woff2');
}


.font-loaded body, .font-loaded button {
	font-family:'PT Sans', 'sans-serif', Arial !important;
}

/* GLOBAL */
:root {
	--link-color: #3164f3;
	--bs-secondary-border-subtle: #e9e9e9!important;
}

html, body {border:0;margin:0;padding:0; background:#fff}

body{
	font-family:'sans-serif', Arial !important;
	color:#000;
	font-weight:normal;
	font-size:15px;
}

html, body {
	background:#f5f5f5 !important;
}

*:not(.selectable) {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0,0,0,.1);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}


.selectable, input, textarea {
    -webkit-touch-callout:default;
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;
}

/***** Headings *****/
h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:normal;}
h1{font-size:1.8em;font-weight:bold; line-height:1.2em;}
h2{font-size:1.5em; font-weight:bold; }
h3{font-size:1.3em;font-weight:bold; margin:.5em 0; }
h4{font-size:1.1em;font-weight:bold; margin:.4em 0; }
h1 + h2{ margin-top:-20px; }
/***** Common Formatting *****/
p,ul,ol{margin:0;padding:0 0 10px 0;}ul, ol {padding:0 0 10px 15px;}blockquote{margin:10px;padding:10px 10px 0 10px;}small{font-size:14px;}img{border:0;}sup{position:relative;bottom:0.3em;vertical-align:baseline;}sub{position:relative;bottom:-0.2em;vertical-align:baseline;}acronym,abbr{cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
/***** Links *****/
a,a:link,a:visited,a:hover{ text-decoration:none; }


a.ajax:link, a.ajax:visited { text-decoration:none; border-bottom:1px dashed rgba(0,0,0,.2); }
a.link:visited { color:#006bc6; }
a.link:link, a.link.unvisited:visited, a.ajax:visited { color:#006bc6; }
a.link:hover, a.ajax:hover { color:#f92b46; }

/***** Forms *****/
form{margin:0;padding:0;display:inline;}
input,select,textarea{font:1em Arial, Helvetica, sans-serif;}textarea{width:100%;line-height:1.25;}label{cursor:pointer;}

/***** Tables *****/
.tableContainer {
	overflow:hidden;
	overflow-y: auto;
}
table { border:0; margin:0 1px; padding:0;  border-collapse: collapse; width:100%; }
table tr td, table tr th { padding:.6rem; border-bottom:1px solid #fff; }
table tr th { border-right:2px solid #fff; }
table tr th:last-child { border-right:0; }
table tbody tr td { border-bottom:1px solid #eee; height:3.5rem;}
table tbody tr:hover td { background:#e9e8e4; }
table tbody tr:hover td.bg-light { background:#dbd9d1 !important; }

table thead { margin:0; background:#f3f3f3; position: sticky; top: 0; }

td.c1, th.c1 { width:6vw; white-space:nowrap; }
td.c2, th.c2 { width:10vw; white-space:nowrap; }
td.c3, th.c3 { width:7.5vw; white-space:nowrap; }
td.c5, th.c5 { width:8.5vw; white-space:nowrap; }
td.c6, th.c6 { width:16vw; white-space:nowrap; }


/***** Global Classes *****/
.clear,.clearfix{clear:both;float:none;}.float-left,.floatLeft{float:left;}.float-right,.floatRight{float:right;padding-right:0.5em;}.text-left,.alignLeft{text-align:left;}.text-right,.alignRight{text-align:right;}.text-center{text-align:center;}.text-justify{text-align:justify;}.bold{font-weight:bold;}.italic{font-style:italic;}.underline{border-bottom:1px solid;}.highlight{background:#ffc;}.img-left{float:left;margin:4px 10px 4px 0;}.img-right{float:right;margin:4px 0 4px 10px;}.nopadding{padding:0;}.noindent{margin-left:0;padding-left:0;}.nobullet{list-style:none;list-style-image:none;}.hide,.hiddy,.hidden{display:none;overflow:hidden;}hr{display:none;}


.invisible { opacity:0; }


/* STYLE */

a.nostyle { color:inherit;  text-decoration:inherit; }
.cityForm { display:none; }

.i {
      width: 1em;
      height: 1em;
      vertical-align: -.125em;
}

header {
	display: flex;
	border-bottom:1px solid #ccc;
	margin-bottom:1px;
	background:#eee;
	z-index:99;
	justify-content:space-between;
	align-items:center;
	font-size:1.2rem;
	min-width:320px;
}

header {
	transition: transform 0.4s;
	-webkit-transition: transform 0.4s;

	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

header.hide-animate {
	transform: translate3d(0, -100%, 0);
	-webkit-transform: translate3d(0, -100%, 0);
}

.section_cart header, .section_cart header.hide-aminate {
	position:relative !important;
	left:0;
	right:0;
	top:0;
	transition: none;
	-webkit-transition: none;
	transform: translate3d(0,0,0) !important;
	-webkit-transform: translate3d(0,0,0) !important;
	display:flex !important;
}

header .left, header .right {
	width:35%;
	display: flex;
}

header .right {
	width:35%;
	display: flex;
	justify-content:flex-end;
}

header .logo {
	text-align:center;
}

header .logo img {
	width:30vmin;
	min-width:120px;
	max-width:130px;
	object-fit:contain;
	vertical-align:middle;
}

.wrapper, html, body {
    height: 100%;
    margin: 0;
}

body:not(.section_restock) main {
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body:not(.section_restock) main {
	overflow:hidden;
}


.bun, a.bun {
	padding:.8rem 1rem;
	color:#000;
	margin:0 -.25em;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:.8em;
}

.bun.fixed-height, a.bun.fixed-height {
	padding:0 1rem;
	height:3em;
}

.bun.xs > * { font-size:.7em; }
.bun.sm > * { font-size:.8em; }
.bun.lg > * { font-size:1.2em; }
.bun.xl > * { font-size:1.5em; }
.bun.xxl > * { font-size:2em; }

.bun:first-child { margin-left:0; }
.bun:last-child { margin-right:0; }

.bun.fw { padding-left:0; padding-right:0; padding-bottom:1.5em; margin:0; display:block; text-align:center; }
.bun > i, .bun > svg { color:#000; font-size:1.1em; }
.bun:active, .bun:focus, .bun:hover { background:rgba(0,0,0,.1); }

.bun > .label {
	position:absolute;
	right:0;
	top:0;
	background:blue;
	color:#fff;
	text-align:center;
	border-radius:2em;
	overflow:hidden;
	font-size:.6em;
	width:1.2em;
	height:1.2em;
	line-height:1.2em;
	margin:.9em .9em 0 0;
}

.bottom_navbar {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:99;
	justify-content:space-between;
	align-items:flex-start;
	font-size:1.2rem;
	min-width:320px;
	list-style:none;
	padding:0;
	margin:0;
	max-width:600px;
	margin:0 auto;
}

.bottom_navbar a.cart_widget {
	display:block;
	background:#000;
	box-shadow:0 6px 15px rgba(0,0,0,.3);
	border-radius:1.25em;
	color:#fff;
	margin:1.5em .75em;
	margin-top:0;
}

.bottom_navbar li {
	list-style:none;
	padding:0;
	margin:0;
	flex-grow:1;
}
.bottom_navbar li a > svg, .bottom_navbar li a > svg {
	color:#555;
}
.bottom_navbar li a:active > svg, .bottom_navbar li a:hover > svg, .bottom_navbar li a:focus > svg {
	color:#000;
}


/* SIDEBAR */

.sidebar_container {
	display:block;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#fff;
	z-index:999;
	transition: transform 0.4s;
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
}


.searchForm_container {
	display:block;
	padding:0 .8rem;
}

.searchForm_container .search_field {
	position:relative;
	line-height:15px;
}
.searchForm_container .search_field svg {
	position:absolute;
	left:12px;
	top:50%;
	margin-top:-7px;
	color:#666;
}
.searchForm_container .search_field input[type=text] {
	width:100%;
	box-sizing:border-box;
	box-shadow:0 0 0 1px #eee;
	border-radius:2rem;
	font-size:16px;
	outline:none;
	border:none;
	padding:.7rem .7rem .7rem 2.2rem;
/*	transition:box-shadow .2s;
	-webkit-transition: none;
*/
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
}
.searchForm_container .search_field input[type=text]:focus {
	box-shadow:0 0 0 3px rgb(0 126 255 / 60%);
}


.red >* { color:#ff0047 !important; }

.customizable_icon { display:flex; }
.customizable_icon div {
	width:.6em;
	height:.6em;
	background:#17bcff;
	border-radius:1em;
	margin-left:-.2em;
	border:.15em solid #fff;
}
.customizable_icon div:first-child { background:#fc0; }
.customizable_icon div:last-child { background:#ed121b; }


/* IMAGE THUMBS */

img.thumb, .thumb img {
	display:inline-block;
	width:100%;
	height:100%;
	object-fit: contain;
	overflow:hidden;
}

.thumb, img.thumb {
	background:#f2f2f2;
	border-radius:1rem;
	padding:.5rem;
	width:10rem;
	height:10rem;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
}
img.thumb { padding:0; }

.thumb.thumb-fill, img.thumb.thumb-fill { padding:0; }
img.thumb.thumb-fill, .thumb.thumb-fill img { object-fit:cover; }

.thumb.thumb-xxs { width:2rem; height:2rem; }
.thumb.thumb-xs { width:5.5rem; height:5.5rem; }
.thumb.thumb-sm { width:7rem; height:7rem; } /* используемо */
.thumb.thumb-lg { width:15rem; height:15rem; }
.thumb.thumb-xl { width:20rem; height:20rem; }

/* FONT SIZES */
.fs-xs { font-size:.75rem; }
.fs-sm { font-size:.8rem; }
.fs-md { font-size:.95rem; }
.fs-xl { font-size:1.5rem; }
.fs-xxl { font-size:3rem; }

/* Bootstrap rewrites */
/* .btn { border-radius:2rem !important; } */
.btn, .c-pointer { -webkit-tap-highlight-color: rgba(0,0,0,.5); webkit-tap-highlight-color: rgba(0,0,0,.5); }
.btn.btn-primary { background:#0043ff; }

.hr-v { height:4em; width:1px; }
.hr-v.hr-v-sm { height:2.5em; }

/* Icon fixed height; */
.fh-icon { height:1.8rem; font-weight:bold; }

.bMenu {
	display:none;
}

/* tiles */
.tiles {

}
.tiles .col {
	display:flex;
	align-items:stretch;
	text-align:center;
}

.tiles .col a {
	display:flex;
	align-items:stretch;
	flex-direction:column;
	justify-content:space-between;
	border:1px solid #ddd;
	border-radius:1rem;
	overflow:hidden;
	padding:1rem .5rem  .5rem  .5rem;
}

.tiles .col img {
	max-width:90%;
	max-height:90%;
	object-fit:contain;
	vertical-align:middle;
	margin:0 auto;
}

/* strList (for bMenu) */
.list .imgGroup {
	white-space:nowrap;
	min-width:3rem;
}

.list .imgGroup img {
	width:2.5rem;
	height:2.5rem;
	background:#ddd;
	border-radius:2rem;
	border:3px solid #fff;
	margin-left:-1.8rem;
}
.list.wt .imgGroup img {
	background:#fff;
	border:1px solid #ddd;
}

.list .imgGroup.sm { min-width:none; }
.list .imgGroup.sm img {
	width:1.8rem;
	height:1.8rem;
	border-width:2px;
	margin-left:-1.3rem;
}


.list .imgGroup img:first-child {
	margin:0;
}

.list div.el {
	display:flex;
	flex-direction:column;
	border-bottom:1px solid var(--bs-secondary-border-subtle);
	align-items:stretch;
}
.list > div.el:last-child { border:0; }

.list div.el > a {
	color:#333;
	display:flex;
	align-items:center;
	flex-grow:1;
}
.list div.el .chevronPh {
	width:1.5rem;
	text-align:right;
	color:#aaa;
}
/* END strList (for bMenu) */



.rub {
	font-weight:normal;
	font-size:.9em;
	font-family:'Tahoma';
}

.review, a.review {
	color:#333;
	background:#eee;
	border:0;
	font-size:.9rem;
	line-height:1.2rem;
	padding:1.2em 1.5em;
	border-radius:.7rem;
	margin:1rem 1.2rem;
	display:flex;
	flex-direction:column;
	align-items:stretch;
}

.deviceScreen { position:absolute;top:0;right:0;bottom:0;left:0; display:none; }

.fixedButtonButtom {
	position:fixed;
	bottom:1rem;
	left:1rem;
	right:1rem;
	z-index:99;
}



/* SWIPE CONTAINER */
.swipe_container, .static_container {
	box-sizing:border-box;
	margin:1rem 0 0 0;
	position:relative;
	height:13.5rem;
	overflow:visible;
}

.swipe_container .el, .static_container .el {
	color:#333;
	position:absolute;
	background:#fff;
	border-radius:1rem;
	border:1px solid #ddd;
	padding:.5rem;
	height:13.5rem;
	display:flex;
	justify-content:center;
	align-items:center;
	display:none;
	width:calc(100% - 2rem);
	left:0;
	overflow:hidden !important;
	transform:translateZ(0);
	flex-grow:1;
}
.swipe_container .el.text, .static_container .el.text {
	background:#eee;
	border:0;
	font-size:.9rem;
	line-height:1.2rem;
	padding:1.2em 1.5em;
}
.swipe_container .el.text .text_container {
	height:7.4rem;
	overflow:hidden;
}

.swipe_container .el.current, .swipe_container .el.next, .swipe_container .el.prev, .static_container .el { display:flex; justify-content:center; align-items:start;}
.swipe_container .el.moving { transition:none; }
.swipe_container .el:not(.moving) { transition:left .3s, right .3s, margin .3s; }


.swipe_container .el.next, .swipe_container .el.prev {
	right:0;
	left:0;
}

.swipe_container .el.current, .static_container .el { margin-left:1rem; z-index:10; }
.swipe_container .el.prev { margin-left:calc(-100% + 2.75rem); } 
.swipe_container .el.next { margin-left:calc(100% - .75rem); } 
.swipe_container .el.next + .el.future { margin-left:calc(200% - 2.5rem); display:flex; }

.static_container { margin-top:.25rem; height:auto; }
.static_container .el.text { position:relative; left:auto; right:auto; top:auto; height:auto;}

.swipe_container .el img {
	display:inline-block;
	width:100%;
	height:100%;
	object-fit: contain;
}

.swipe_container.content { height:260px; }
.swipe_container.content .el { flex-direction:column; padding:0; border:0; border-radius:0; width:70%; height:auto; }
.swipe_container.content .el.prev { margin-left:calc(-79% + 2.75rem); } 
.swipe_container.content .el.next { margin-left:calc(79% - .75rem); } 

.swipe_container .pic, .pickContainer .pic {
	height:150px;
	width:100%;
	border-radius:1rem;
	background-size:cover;
	background-position:center center;
	margin-bottom:.5rem;
}

.swipe_container.product { height:323px; }
.swipe_container.product .el { flex-direction:column; padding:0; border:0; border-radius:0; width:15rem; height:auto; align-items:stretch; }
.swipe_container.product .el .pic { width:15rem; height:15rem; background:#f2f2f2; border-radius:1rem; padding:.5rem 1rem; }
.swipe_container.product .el.prev { margin-left:calc(-17rem); } 
.swipe_container.product .el.next { margin-left:calc(17rem); } 
.swipe_container.product .el.next + .el.future { margin-left:calc(33rem); display:flex; }
.swipe_container.product .el.next + .el.future + .el.future { margin-left:calc(49rem); display:flex; }
.swipe_container.product .el.next + .el.future + .el.future + .el.future { margin-left:calc(65rem); display:flex; }

/* END SWIPE CONTAINER */

.jsonProductContainer {
	border-radius:1rem;
	box-shadow:0 10px 20px rgba(0,0,0,.2);
	overflow:hidden !important;
	min-height:400px !important;
	background:#fff;
	display:block !important;
	margin-bottom:2rem;
}
.jsonProductContainer.placeholder {
	background:transparent;
}

.suggestions-addon[data-addon-type=clear] {
	background-size:50% !important;
}

#address { font-size:.9rem; }


.spinner {
	animation: rotate .5s linear infinite;
}
@keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }


.globalClass_cbfb .__jivoMobileButton { display:none !important; }
._orientationRight_c30e.wrap_b0e8 { right:auto; left:0; }
.wrap_b0e8 { z-index:1 !important; }


/*******************************************************************/

body>.wrapper {
	background:#fff;
}

.reloadListing {
	background:#efefef;
}
.productListing {
}

.productListing .product {
	width:32.5%;
	background:#fff;
	padding:5px 2px 0 2px;
	border-radius:5px;
	overflow:hidden;
	cursor:pointer;
	line-height:1.2rem;
	position:relative;
}
.productListing .product:active {
}


.productListing .product .img {
	height:130px;
	overflow:hidden;
	text-align:center;
}

.productListing .product .stop {
	background:red;
	color:#fff;
	z-index:99;
	opacity:.8;
	top:60px;
	left:0;
	right:0;
	text-align:center;
	position:absolute;
}

.productListing .product .img img { 
	object-fit:cover;
	object-fit:contain;
	width:100%;
	max-height:130px;
}

.productListing .product .title {
	font-size:1.2em;
	font-weight:bold;
}

.productListing .product .cta, .detailedProduct .cta {
	margin:.5em 0;
	display:inline-block;
	background:#eee;
	padding:.5em .75em;
	border-radius:.5em;
	font-weight:bold;
	font-size:1.2em;
}

.productListing .product .cta.added, .detailedProduct .cta.added {
	background:#fc0;
}









.detailedProduct {
}


.detailedProduct .img {
	height:15em;
	margin:-.5em;
	margin-bottom:1em;
	background-position:top center;
	background-size:cover;
}

.briefProduct .img {
	height:3em;
	width:4em;
	background-position:top center;
	background-size:contain;
	background-repeat:no-repeat;
	border-radius:.5em;
}
.detailedProduct .title {
	font-size:1.2em;
	font-weight:bold;
}

.productListing .product .productDetails {
}

.minus, .plus {	border-radius:5em; }
.but {
	transition: all .08s ease-in-out;
	cursor:pointer;
}
.but:hover { transform: scale(1.02); }
.but:active { transform: scale(.95); }

.but.but-lg:hover { transform: scale(1.5); }
.but.but-lg:active { transform: scale(.9); background:rgba(255,255,255,.2); }

.cityName { max-width:5.5em; white-space:wrap !important;}


.form-control2 {
	position:relative;
	flex:1 1 auto;
	width:auto;
	border:1px solid #ddd;
	padding:.5rem 1rem;
	font-size:1.25rem;
	border-radius:var(--bs-border-radius-lg);
}

.form-control2:focus {
	border-color:#86b7fe;
	outline:4px solid rgba(13,110,253,0.25);
}

.form-control2.is-invalid{
	outline-color:#fcc;
	border-color:red;
}



.pay .disabled {
	opacity:.5;
}
.pay .paymentMethod {
	width:50%;
	min-height:240px;
	background:#fff;
}

.pay .paymentMethod.active {
	--bs-bg-opacity:1;
	background-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
	color:#fff;
	border-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.pay .paymentMethod .showOnMixing { display:none; }
.pay .paymentMethod.mixing .showOnMixing { display:block; }

.pay .paymentMethod .hideOnMixing { display:block !important; }
.pay .paymentMethod.mixing .hideOnMixing { display:none !important; }


.pay .paymentMethod .showOnActive { display:none; }
.pay .paymentMethod.active:not(.mixed) .showOnActive {
	display:block;
}



.pay .showOnSpendBonuses { display:none; }
.pay .showOnSpendBonuses.active { display:block; }

.toggleContainer {
	display:none;
}

.toggleContainer.active {
	display:block;
}

#refundForm .refundSubmit:disabled {
	opacity:.2;
}


.inputFader{
	position:fixed;
	background:rgba(0,0,0,.6);
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:999;
	color:#fff;
	text-align:center;
	font-size:18px;
	justify-content:center;
	display:none;
	align-items:center;
}
.inputFader.active { display:flex; }
.inputFader span { display:block; max-width:500px; margin-top:20px; overflow-wrap: break-word; }

.orderComments { height:30px; font-size:.8rem; width:auto;}
.cart_content { max-height:140px; }

@media screen and (max-width: 768px) {
	h2{ font-size:1.4rem; }
	h3{ font-size:1.3rem; }
}
@media screen and (min-width: 768px) {
	.orderRight {
		max-width:400px;
		min-width:400px;
	}
	.orderComments { height:auto; width:97%;}
	.cart_content { max-height:none; }
	.payBox { background:#e5e0cd; }
	.listCTA, .newOrderCTA { width:14.6rem; }
}



.radio_form { display:none !important; }
.radio_form.shown { display:flex !important; }
.pick_person.hidden { display:none !important; }



@media print {
	body:not(.section_restock) main, .orderShiftContainer, .wrapper, html, body { height:auto !important; overflow:visible !important; }
	*::-webkit-scrollbar { display: none; }
	* { -ms-overflow-style: none; scrollbar-width: none;  }
	.printOnly { display:inherit !important; }

	.orderShiftContainer, main, .wrapper, body, html { background:#fff !important; }
	.orderShiftContainer { margin:0 !important; }

	.bMenu, .global_fader, .deviceScreen, .sidebar_container, header, #header, #footer, .noPrint, #nav { display: none !important; }


	table tbody tr th {font-size:12px !important; padding:3px !important; }
	table tbody tr td { height:auto; padding:3px !important; }

}
