html, body { scroll-behavior: smooth; }
html.scroll_instant, body.scroll_instant { scroll-behavior: auto; overflow:hidden;  }

.c-pointer { cursor:pointer; }
.bMenu_header {
	display:none;
}
.strike { text-decoration: line-through; }
/* 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;
}


* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
/*
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
*/
  -webkit-tap-highlight-color: rgba(0,0,0,.1);
    -webkit-tap-highlight-color: transparent;
}


/***** 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 *****/
table {border:0;margin:0 0 1.25em 0;padding:0;}
table tr td {padding:2px;}

/***** 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;
	position:sticky;
	top:0;
	background:#fff;
	z-index:99;
	justify-content:space-between;
	align-items:center;
	font-size:1.2rem;
	min-width:320px;
	height:3.5rem;
	box-shadow:0 0 20px rgba(0,0,0,.05);
}

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;
}

main {
	width:100%;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom:5rem;
}

.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 .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 .cart_widget.inactive {
	cursor:default !important;
	transition:none !important;
}

.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 */

body.sidebar_none .sidebar_container { display:none; }

.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;
*/
}
.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:3rem !important; }
.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;
}

.productListing {
}

.productListing .product {
	width:32.8%;
	box-sizing:border-box;
	box-shadow:0 5px 10px rgba(0,0,0,.1);
	padding:.5em; 
	background:#fff;
	border-radius:.75em;
	overflow:hidden;
	cursor:pointer;
}

.productListing .product .imgContainer {
	height:15.5rem;
	margin:-.5em;
	margin-bottom:1em;
	position:relative;
}

.productListing .product .img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
/*
	background-position:top center;
	background-size:cover;
*/
	text-align:center;
	display:flex;
	justify-content:center;
	transition:opacity .25s ease-in-out;
	opacity:1;

}

.productListing .product .img img {
	object-fit:cover;
	max-height:15.5rem;
}

.productListing .product .img.inv { opacity:0; z-index:0; }



@media screen and (max-width:1040px) {
	.productListing .product {
		width:32%;
	}
}

@media screen and (max-width:800px) {
	.productListing .product {
		width:49%;
	}
}

@media screen and (max-width:500px) {
	.productListing .product {
		width:100%;
	}
	.productListing .product .img {
		height:16rem;
	}
	.productListing .product .img img {
		max-height:18rem;
	}

}

@media screen and (min-width:1200px) {

	body>.wrapper {
		overflow:hidden;
		max-width:1150px;
		margin:20px auto;
		margin-bottom:40px;
		box-shadow:0 20px 40px rgba(0,0,0,.1);
		border-radius:1em;
		font-size:1.2em;
	}
	.productListing .product {
		box-shadow:0 0 0 rgba(0,0,0,0);
		border:1px solid #ddd;
		transition:border .2s, box-shadow .2s;
	}
	.productListing .product:hover {
		box-shadow:0 5px 20px rgba(0,0,0,.1);
		border-color:#eee;
	}
}


.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:20em;*/
	display:flex;
	justify-content:center;
/*	align-items:center;*/
	border-bottom:1px solid #ccc;
}
.detailedProduct .img img {
	object-fit:cover;
	height:20rem;
	width:100%;
	border-radius:1rem;
}

.briefProduct .img {
	height:4em;
	width:4em;
	min-width:4em;
	background-position:top center;
	background-size:cover;
	border-radius:.5em;
}
.detailedProduct .title {
	font-size:1.2em;
	font-weight:bold;
}

.productListing .product .productDetails {
}

.minus, .plus {	border-radius:5em; }
.but:not(.inactive) {
	transition: all .08s ease-in-out;
	cursor:pointer;
}
.but:not(.inactive):hover { transform: scale(1.02); }
.but:not(.inactive):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:5em; white-space:wrap !important;}

.form-control2 {
	position:relative;
	flex:1 1 auto;
	width:1%;
	min-width:0;
	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;
}


.changeQtyPanel {
	background:#444;
}

.addToCartBut {
	background:#fc0;
}


.otp_fields {
	font-size:2rem;
}

.otp_fields.processing {
	opacity:.5;
}

.otp_fields.success .otp_sym {
	background:#e0f9f2;
	color:rgba(0,0,0,.5);
}

.otp_sym {
	border:0;
	width:1.5em;
	font-size:1.5em;
	border-bottom:.1em solid #ddd;
	padding:.1em;
	padding-left:.5em;
	outline:none;
        caret-color: transparent;
	letter-spacing:5em;
	border-radius:.5rem .5rem 0 0;
	background:#f9f9f9;
	overflow:visible;
}
.otp_sym.active:focus {
	background:#eee;
}
.otp_sym.filled {
	border-color:#d1e7df;
}

.otp_sym::placeholder {
  opacity: 0.2;
}

.fw_img {
	position:relative;
	overflow:hidden;
	border-radius:1rem;
	text-align:center;
}

.fw_img .fg_img {
	position:relative;
	object-fit:none;
	max-height:200px;
	width:100%;
	max-width:400px;
	box-shadow:0 0 50px rgba(0,0,0,.5);
}

.fw_img .bg_img {
	filter: blur(10px);
	position:absolute;
	object-fit:cover;
	left:-20px;
	top:-20px;
	width:105%;
	bottom:-20px;
}

.nowrap {white-space:nowrap; }

.blob {
	background: red;
	border-radius: 50%;
	margin: 10px;
	height: 12px;
	width: 12px;

	box-shadow: 0 0 0 0 rgba(255, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
	}
}