/* Start:/local/templates/zoo_red/libs/mmenu/mmenu-light.css?17246801355974*/
/*!
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */.mm,.mm a,.mm li,.mm span,.mm ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-item-height:50px;--mm-item-indent:20px;--mm-line-height:24px}.mm-hidden{display:none!important}.mm{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);color:#444;background:#fff;line-height:24px;line-height:var(--mm-line-height);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm{cursor:pointer}.mm:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-item-height)/ 2);left:20px;left:var(--mm-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm.mm--main{cursor:default}.mm.mm--main:before{content:none;display:none}.mm:after{content:attr(data-mm-title);display:block;position:absolute;top:0;left:0;right:0;height:50px;height:var(--mm-item-height);padding:0 40px;padding:0 calc(var(--mm-item-indent) * 2);line-height:50px;line-height:var(--mm-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,.625),0 1px 0 0 currentColor;box-shadow:0 1px 0 0 rgba(255,255,255,.625),0 1px 0 0 currentColor}.mm.mm--main:after{padding-left:20px;padding-left:var(--mm-item-indent)}.mm ul{-webkit-overflow-scrolling:touch;position:fixed;top:50px;top:var(--mm-item-height);left:100%;bottom:0;width:200%;padding-right:100%;overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm ul:after{content:'';display:block;height:50px;height:var(--mm-item-height)}.mm>ul{left:0}.mm ul.mm--open{left:0}.mm ul.mm--parent{left:-100%;overflow-y:hidden}.mm li{position:relative;background:inherit;cursor:pointer}.mm li:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-item-height)/ 2);right:25px;right:calc(var(--mm-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm li:after{content:'';display:block;/*margin-left:20px;margin-left:var(--mm-item-indent);*/border-top:1px solid;opacity:.15}.mm a,.mm span{position:relative;z-index:1;padding:13px 20px;padding:calc((var(--mm-item-height) - var(--mm-line-height))/ 2) var(--mm-item-indent)}.mm a{background:inherit;color:inherit;text-decoration:none}.mm a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-item-height))}.mm a:not(:last-child):after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm span{background:0 0}.mm.mm--dark{background:#333;color:#ccc}.mm.mm--vertical:after,.mm.mm--vertical:before{content:none;display:none}.mm.mm--vertical{overflow-y:auto}.mm.mm--vertical ul{width:100%;padding-right:0;position:static}.mm.mm--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-item-indent)}.mm.mm--vertical ul ul:after{height:25px;height:calc(var(--mm-item-height)/ 2)}.mm.mm--vertical ul.mm--open{display:block}.mm.mm--vertical li.mm--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}.mm.mm--vertical ul ul li:last-child:after{content:none;display:none}:root{--mm-width:80%;--mm-min-width:200px;--mm-max-width:440px}.mm-body--open{overflow-y:hidden;}.mm{pointer-events:auto}.mm.mm--offcanvas{position:fixed;top:0;bottom:0;left:0;z-index:9995;width:80%;width:var(--mm-width);min-width:200px;min-width:var(--mm-min-width);max-width:440px;max-width:var(--mm-max-width);-webkit-transition:bottom 0s ease 0s,-webkit-transform .3s ease 0s;transition:bottom 0s ease 0s,-webkit-transform .3s ease 0s;-o-transition:transform .3s ease 0s,bottom 0s ease 0s;transition:transform .3s ease 0s,bottom 0s ease 0s;transition:transform .3s ease 0s,bottom 0s ease 0s,-webkit-transform .3s ease 0s}.mm.mm--offcanvas:not(.mm--open){bottom:100%;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition-delay:0s,.6s;-o-transition-delay:0s,.6s;transition-delay:0s,.6s}.mm.mm--right{left:auto;right:0}.mm.mm--right:not(.mm--open){-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.mm-blocker{pointer-events:auto;display:block;position:fixed;bottom:0;right:0;background:rgba(0,0,0,.4);top:100%;z-index:9990;width:100%;opacity:0;-webkit-transition-property:opacity,top;-o-transition-property:opacity,top;transition-property:opacity,top;-webkit-transition-timing-function:ease,linear;-o-transition-timing-function:ease,linear;transition-timing-function:ease,linear;-webkit-transition-duration:.45s,0s;-o-transition-duration:.45s,0s;transition-duration:.45s,0s;-webkit-transition-delay:0s,.45s;-o-transition-delay:0s,.45s;transition-delay:0s,.45s}.mm-blocker.mm--open{top:0;z-index:9999;width:calc(100% - 80%);width:calc(100% - var(--mm-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-min-width));opacity:1;-webkit-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s}.mm.mm--right{left:auto;right:0}.mm.mm--right:not(.mm--open){-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.mm-blocker.mm--right{right:auto;left:0}
/* End */


/* Start:/local/templates/zoo_red/css/icons.css?17246801353592*/
@font-face {
  font-family: 'korm';
  src: url('/local/templates/zoo_red/css/../fonts/icons/korm.eot?42534681');
  src: url('/local/templates/zoo_red/css/../fonts/icons/korm.eot?42534681#iefix') format('embedded-opentype'),
       url('/local/templates/zoo_red/css/../fonts/icons/korm.woff2?42534681') format('woff2'),
       url('/local/templates/zoo_red/css/../fonts/icons/korm.woff?42534681') format('woff'),
       url('/local/templates/zoo_red/css/../fonts/icons/korm.ttf?42534681') format('truetype'),
       url('/local/templates/zoo_red/css/../fonts/icons/korm.svg?42534681#korm') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'korm';
    src: url('/local/templates/zoo_red/css/../fonts/icons/korm.svg?42534681#korm') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "korm";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-user:before { content: '\e800'; } /* '' */
.icon-location:before { content: '\e801'; } /* '' */
.icon-barcode:before { content: '\e802'; } /* '' */
.icon-right-small:before { content: '\e803'; } /* '' */
.icon-left-small:before { content: '\e804'; } /* '' */
.icon-cancel:before { content: '\e805'; } /* '' */
.icon-cancel-1:before { content: '\e806'; } /* '' */
.icon-fire:before { content: '\e807'; } /* '' */
.icon-calendar:before { content: '\e808'; } /* '' */
.icon-attention-1:before { content: '\e809'; } /* '' */
.icon-attention:before { content: '\e80a'; } /* '' */
.icon-phone:before { content: '\e80b'; } /* '' */
.icon-mail:before { content: '\e80c'; } /* '' */
.icon-cancel-2:before { content: '\e80d'; } /* '' */
.icon-home:before { content: '\e80e'; } /* '' */
.icon-clock:before { content: '\e80f'; } /* '' */
.icon-search:before { content: '\e810'; } /* '' */
.icon-truck:before { content: '\e811'; } /* '' */
.icon-credit-card:before { content: '\e812'; } /* '' */
.icon-basket:before { content: '\e813'; } /* '' */
.icon-basket-1:before { content: '\e814'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-paw:before { content: '\f1b0'; } /* '' */
.icon-cube:before { content: '\f1b2'; } /* '' */
.icon-cubes:before { content: '\f1b3'; } /* '' */
.icon-shopping-basket:before { content: '\f291'; } /* '' */
.icon-percent:before { content: '\f295'; } /* '' */
.icon-id-card-o:before { content: '\f2c3'; } /* '' */
.icon-telegram:before { content: '\f2c6'; } /* '' */

/* End */


/* Start:/local/templates/zoo_red/css/icons-codes.css?17246801351808*/

.icon-user:before { content: '\e800'; } /* '' */
.icon-location:before { content: '\e801'; } /* '' */
.icon-barcode:before { content: '\e802'; } /* '' */
.icon-right-small:before { content: '\e803'; } /* '' */
.icon-left-small:before { content: '\e804'; } /* '' */
.icon-cancel:before { content: '\e805'; } /* '' */
.icon-cancel-1:before { content: '\e806'; } /* '' */
.icon-fire:before { content: '\e807'; } /* '' */
.icon-calendar:before { content: '\e808'; } /* '' */
.icon-attention-1:before { content: '\e809'; } /* '' */
.icon-attention:before { content: '\e80a'; } /* '' */
.icon-phone:before { content: '\e80b'; } /* '' */
.icon-mail:before { content: '\e80c'; } /* '' */
.icon-cancel-2:before { content: '\e80d'; } /* '' */
.icon-home:before { content: '\e80e'; } /* '' */
.icon-clock:before { content: '\e80f'; } /* '' */
.icon-search:before { content: '\e810'; } /* '' */
.icon-truck:before { content: '\e811'; } /* '' */
.icon-credit-card:before { content: '\e812'; } /* '' */
.icon-basket:before { content: '\e813'; } /* '' */
.icon-basket-1:before { content: '\e814'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-paw:before { content: '\f1b0'; } /* '' */
.icon-cube:before { content: '\f1b2'; } /* '' */
.icon-cubes:before { content: '\f1b3'; } /* '' */
.icon-shopping-basket:before { content: '\f291'; } /* '' */
.icon-percent:before { content: '\f295'; } /* '' */
.icon-id-card-o:before { content: '\f2c3'; } /* '' */
.icon-telegram:before { content: '\f2c6'; } /* '' */

/* End */


/* Start:/local/templates/zoo_red/components/bitrix/search.title/visual1/style.css?17246801355398*/
.bx-searchtitle {
	margin: 10px 0 0;
}
.bx-searchtitle .bx-block-title {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
}
.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f8fafc;
	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 2px 0 0 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:6px 12px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background: #1484CE;
}


.title-search-result {
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 370px;
	margin-top:-2px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/zoo_red/components/bitrix/search.title/visual1/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.bx_searche .bx_img_element{
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	background-color: #fafafa;
	min-height: 65px;
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	margin-top: 10px;
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
	font-weight:bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
	margin-top: 0;
}









#title-search.active {
	background-color: #fafafa;
	border-radius: 22px 22px 0 0;
}

.search-input {
	display: flex;
	gap: 10px;
	height: 44px;
	padding: 3px;
	border: 2px solid var(--main-color);
	background-color: #fff;
	border-radius: 22px;
}
.search-input input {
	flex: 1;
    height: 36px;
    background-color: #fff;
    border: none;
    font-size: 16px;
    color: #000;
    padding: 0 10px;
    border-radius: 18px;
    width: 100%;
}

.search-input button {
	width: 34px;
	height: 34px;
	border-radius: 18px;
	background-color: var(--main-color);
	border: none;
	color: #fff;
}

.title-search-result {
	background-color: #fafafa;
	padding: 2px;
	padding-top: 0;
	display:none;
	overflow:hidden;
	z-index:205;
	border-radius: 0 0 10px 10px;
	max-height: 50vh;
	overflow-y: auto;
}

.title-search-more {
	padding: 10px 0;
	border-bottom: 1px solid #dcdcdc;
}

.title-search-more a {
	display: block;
	text-decoration: none;
	color: #4d7185;
	position: relative;
	padding-left: 20px;
}

.title-search-more a:before {
	padding-right: 5px;
	font-size: 14px;
	font-family: korm;
	content: '\e82a';
	position: absolute;
	left: 0;
	top: calc(50% - 7px);
	color: #dcdcdc;
}

.title-search-all  {
	padding: 10px 0;
}

.title-search-all a {
	text-decoration: none;
	color: #4d7185;
}
/* End */


/* Start:/local/templates/zoo_red/components/bitrix/sale.basket.basket.line/bootstrap_v4/style.css?17247305112579*/
.basket-panel__top {
	font-size: 18pt;
}

.basket-list-container {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	overflow-y: auto;
	max-height: 100%;
}

.basket-list-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	position: relative;
	padding: 10px;
	border: 1px solid #e6e6e6;
	border-radius: 30px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.basket-list-item__text {
	display: flex;
	flex: 1;
	flex-direction: column;
	font-size: 10pt;
}

.bx-basket-item-list-item-name {
	padding-bottom: 5px;
}

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.basket-list-item__remove {
	cursor: pointer;
	opacity: 0.5;
	transition: 0.2s;
}

.basket-list-item__remove i {
	font-size: 16px;
	color: #df2f2f;
}

.basket-list-item__remove:hover {
	opacity: 1;
}

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.basket-panel__bottom {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.basket-panel__bottom a {
	display: block;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	opacity: 0.8;
	transition: .2s;
}

.basket-panel__bottom a:hover {
	opacity: 1;
	color: #fff
}

.basket-panel__bottom a.go-to-order {
	background-color: #40b704;
}

.basket-panel__bottom a.go-to-cart {
	background-color: var(--main-color);
}

.basket-panel__empty {
	position: relative;
	width: 50%;
	margin: auto auto;
	background-image: url(/local/templates/zoo_red/img/empty_basket_440.jpg);
	background-image: -webkit-image-set('/local/templates/zoo_red/img/empty_basket_440.webp' type('image/webp'), '/local/templates/zoo_red/img/empty_basket_440.jpg' type('image/jpg'));
	background-image: image-set('/local/templates/zoo_red/img/empty_basket_440.webp' type('image/webp'), '/local/templates/zoo_red/img/empty_basket_440.jpg' type('image/jpg'));
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.basket-panel__empty::after {
	display: block;
	content: '';
	padding-top: 100%;
}

.basket-panel__empty span {
	position: absolute;
	top: 100%;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14pt;
}
/* End */


/* Start:/local/templates/zoo_red/styles.css?172838125118832*/
@font-face {
    font-family: "Roboto";
    src: url("/local/templates/zoo_red/../zoo_red/fonts/Roboto/Roboto-Regular.eot");
    src: url("/local/templates/zoo_red/../zoo_red/fonts/Roboto/Roboto-Regular.eot?#iefix")format("embedded-opentype"),
        url("/local/templates/zoo_red/../zoo_red/fonts/Roboto/Roboto-Regular.woff") format("woff"),
        url("/local/templates/zoo_red/../zoo_red/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

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

@font-face {
    font-family: "Roboto";
    src: url("/local/templates/zoo_red/../zoo_red/fonts/Roboto/Roboto-Bold.eot");
    src: url("/local/templates/zoo_red/../zoo_red/fonts/Roboto/Roboto-Bold.eot?#iefix")format("embedded-opentype"),
        url("/local/templates/zoo_red/../zoo_red/fonts/Roboto/Roboto-Bold.woff") format("woff"),
        url("/local/templates/zoo_red/../zoo_red/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --container-max-width: 1300px;
    --gutter: 20px;
    --item-gutter: 10px;
    --bar-height: 44px;

    --main-color: #8400ff;
    /* --main-color: #F73A1C; */
    --main-color: #ff4f00;
    --sub-color: #3A302E;
    --grey-color: #ECECEC;
    --light-blue-color: #C6D5EA;
    --blue-color: #509EC4;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {}

body input:required:valid,
body textarea:required:valid {}

input:focus {
    outline: none;
}

body {
    font-family: sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #4d7185;
    min-width: 320px;
    font-family: "Roboto", sans-serif!important;
    position: relative;
    margin: 0;
    padding: 0;
    padding-top: 140px;
}

.disable-scroll {
    position: relative;
    overflow: hidden;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.my-container {
    max-width: 1300px;
    margin: 0 auto;
}

.my-container--catalog {
    display: flex;
    gap: var(--gutter);
}

.sidebar {
    flex: 0 0 300px;
}

.page-content {
    flex: 1;
}

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

.sub-menu {
    padding: 8px 15px;
    background-color: #d1dde54d;
    font-size: 14px;
}

.sub-menu-container {
    display: flex;
    justify-content: flex-end;
}

.sub-menu nav ul,
.sub-menu nav ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sub-menu nav ul {
    display: flex;
    justify-content: flex-end;
    gap: 30px;
}

.sub-menu nav ul li a {
    color: #677178;
    text-decoration: none;
    transition: .2s;
    font-size: 10pt;
}

.sub-menu nav ul li a:hover {
    color: #5d3a8e;
}

.header-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.logo {
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo img {
    height: 36px;
    width: auto;
}

.hamb {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 10px 20px;
    border-radius: 22px;
    border: none;
    background-color: var(--main-color);
    color: #fff;
    font-size: 16px;
    transition: .2s;
}

.mm-body--open .hamb {
    background-color: #3a302e;
}

.hamb-bar {
    display: block;
    width: 30px;
    height: 3px;
    border-radius: 1em;
    background-color: #fff;
    margin: 6px auto;
    transition-duration: 0.2s;
}

.hamb-bar:first-child {
    margin-top: 0;
}

.hamb-bar:last-child {
    margin-bottom: 0;
}

body.mm-body--open .hamb-bar:nth-child(2) {
    opacity: 0;
}

body.mm-body--open .hamb-bar:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

body.mm-body--open .hamb-bar:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

.search {
    flex: 1;
}

.user-block button,
.cart-block button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    color: var(--main-color);

}

.user-block button i,
.cart-block button:not(.basket-list-item__remove) i {
    font-size: 30px;
}


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

.login-form .bxmaker-authuserphone-enter {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.login-form .bxmaker-authuserphone-button, .login-form .bxmaker-authuserphone-button__inner {
    width: 100%;
}

.user-menu {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    font-size: 16px;
    overflow-y: auto;
}

.user-menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.user-menu > ul > li {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-menu > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 100%;
    gap: 5px;
    border-radius: 30px;
}

.user-menu > ul > li > a:hover, .user-menu > ul > li > a:active {
    text-decoration: none;
}

.modal-panel {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9995;
    width: 80%;
    width: var(--mm-width);
    min-width: 200px;
    min-width: var(--mm-min-width);
    max-width: 440px;
    max-width: var(--mm-max-width);
    -webkit-transition: bottom 0s ease 0s, -webkit-transform .3s ease 0s;
    transition: bottom 0s ease 0s, -webkit-transform .3s ease 0s;
    -o-transition: transform .3s ease 0s, bottom 0s ease 0s;
    transition: transform .3s ease 0s, bottom 0s ease 0s;
    transition: transform .3s ease 0s, bottom 0s ease 0s, -webkit-transform .3s ease 0s;
}

body:not(.modal-open) .modal-panel,
body.basket-panel--open .modal-panel:not(.basket-panel),
body.user-panel--open .modal-panel:not(.user-panel),
body.filter-panel--open .modal-panel:not(.filter-panel) {
    bottom: 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-delay: 0s, .6s;
    -o-transition-delay: 0s, .6s;
    transition-delay: 0s, .6s;
}

.modal-blocker {
    pointer-events: auto;
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    top: 100%;
    z-index: 9990;
    width: 100%;
    opacity: 0;
    -webkit-transition-property: opacity, top;
    -o-transition-property: opacity, top;
    transition-property: opacity, top;
    -webkit-transition-timing-function: ease, linear;
    -o-transition-timing-function: ease, linear;
    transition-timing-function: ease, linear;
    -webkit-transition-duration: .45s, 0s;
    -o-transition-duration: .45s, 0s;
    transition-duration: .45s, 0s;
    -webkit-transition-delay: 0s, .45s;
    -o-transition-delay: 0s, .45s;
    transition-delay: 0s, .45s;
}

.modal-blocker.modal-blocker--open {
    top: 0;
    z-index: 9999;
    width: calc(100% - 80%);
    width: calc(100% - var(--mm-width));
    min-width: calc(100% - 440px);
    min-width: calc(100% - var(--mm-max-width));
    max-width: calc(100% - 200px);
    max-width: calc(100% - var(--mm-min-width));
    opacity: 1;
    -webkit-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
}

/* accordions */

.accordion__title{
	position: relative;
	cursor: pointer;    
}

.accordion__title--no-use {
	color: #E97935;
}

.accordion__content{
	transition: all .2s ease;
	opacity: 1;
	overflow: hidden;
}

.accordion__content:not(.active) {
	max-height: 0;
	opacity: 0;
}

.basket-panel,
.user-panel,
.filter-panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #fff;
    padding: 20px;
    max-height: 100vh;
}

.filter-panel, .user-panel {
    padding-top: 84px;
}

.open-filter-button {
    display: inline-block;
    color: #fff;
    background: var(--main-color);
    font-weight: 500;
    padding: 12px 26px;
    border: none;
    border-radius: 100px;
}

.open-filter-button:hover {
    opacity: .85;
}

@media only screen and (min-width : 992px) {
    .filter-panel {
        padding: 0;
    }
    .filter-panel .close-button {
        display: none;
    }
    .open-filter-button {
        display: none;
    }
    .modal-panel.filter-panel {
        position: static;
    }
    .filter-panel {
        -webkit-transform: translateX(0)!important;
        -ms-transform: translateX(0)!important;
        transform: translateX(0)!important;
    }
    body.filter-panel--open .modal-blocker.modal-blocker--open {
        top: 100%;
        opacity: 0;
    }
    .modal-panel.filter-panel {
        -webkit-transition: none;
        transition: none;
        -o-transition: none;
        transition: none;
        transition: none;
    }
}

button.close-button {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #4f4f4f !important;
    opacity: 0.5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}

button.close-button i {
    font-size: 24px !important;
}

button.close-button:hover {
    opacity: 1;
}

body .bxmaker-authuserphone-button:focus{
     outline: #3a302e;
}

body .bxmaker-authuserphone-button .bxmaker-authuserphone-button__inner {
	background-color: #3a302e;
}

body .bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__inner {
	background-color: var(--main-color);
}

body .bxmaker-authuserphone-input-phone--focus .bxmaker-authuserphone-input-phone__field,
body  .bxmaker-authuserphone-input-phone--hover .bxmaker-authuserphone-input-phone__field, 
body  .bxmaker-authuserphone-input-phone:hover .bxmaker-authuserphone-input-phone__field
{
	border-color: #3a302e;
}

body .bxmaker-authuserphone-input--focus .bxmaker-authuserphone-input__field,
body .bxmaker-authuserphone-input--hover .bxmaker-authuserphone-input__field,
body .bxmaker-authuserphone-input:hover .bxmaker-authuserphone-input__field
{
	border-color: #3a302e;
}


body .bxmaker-authuserphone-input-password--focus .bxmaker-authuserphone-input-password__field, 
body .bxmaker-authuserphone-input-password--hover .bxmaker-authuserphone-input-password__field, 
body .bxmaker-authuserphone-input-password:hover .bxmaker-authuserphone-input-password__field
{
	border-color: #3a302e;
}

body .bxmaker-authuserphone-input-code--focus .bxmaker-authuserphone-input-code__field,
body  .bxmaker-authuserphone-input-code--hover .bxmaker-authuserphone-input-code__field,
body  .bxmaker-authuserphone-input-code:hover .bxmaker-authuserphone-input-code__field
{
    border-color: #3a302e;
}

body a.bxmaker-authuserphone-link, 
body a.bxmaker-authuserphone-link:visited 
{
	color: #3a302e;
}

body a.bxmaker-authuserphone-link:active, 
body a.bxmaker-authuserphone-link:hover 
{
    color: #3a302e;
}

body .bxmaker-authuserphone-input-phone__validation,
body .bxmaker-authuserphone-message--error {
    color: #ff0000;
}

/* footer */

.telegram-block {
    background: #0088cc;
}

.telegram-content {
    /* height: 300px; */
    margin-top: 100px;
    position: relative;
    padding: 60px;
}

.telegram-content__img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.telegram-content__img img {
    height: 460px;
    width: auto;
}

.telegram-content__text {
    padding-left: 450px;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.telegram-content__text span.title {
    font-size: 20pt;
}

.telegram-content__text span.title .bold {
    font-weight: bold;
}

.telegram-content__text span.desc {
    font-size: 12pt;
}

.telegram-content__text .feautures {
    display: flex;
    gap: 30px;
}

.telegram-content__text .feautures .feautures-item {
    display: flex;
    gap: 10px;
}

.telegram-content__text .feautures .feautures-item .feautures-item__icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.telegram-content__text .feautures .feautures-item .feautures-item__icon svg {
    width: 20px;
}

.telegram-content__text .feautures .feautures-item span {
    font-size: 10pt;
}

.telegram-content__text .button a {
    border: none;
    background: var(--main-color);
    padding: 10px 30px;
    border-radius: 20px;
    border-bottom: 2px solid #004e69;
    color: #fff;
    transition: .2s;
}

.telegram-content__text .button a:hover {
    background: #ff6b29;
    border-color: #004e69;
    color: #fff;
    text-decoration: none;
}

.footer-about {
    display: flex;
    gap: 10px;
    margin: 50px 0;
    flex-direction: column;
    align-items: center;
}

.footer-about .logo img {
    height: auto;
    width: 70px;
}

.footer-about .links {
    font-size: 10pt;
}

.footer-about .links ul {
    display: flex;
    margin: 0;
    gap: 30px;
    padding: 0;
    list-style: none;
}

.footer-about .links ul li a {
    display: block;
    padding: 10px 30px;
    background: #f1f5f7;
    border-radius: 10px;
    transition: .2s;
}

.footer-about .links ul li a:hover {
    text-decoration: none;
    color: #fff;
    background: var(--main-color);
}

.footer-legal {
    background: #f1f5f7;
    padding: 10px 0;
    text-align: center;
    color: #858fad;
    font-size: 10pt;
}

@media only screen and (max-width : 1300px) {
    .my-container {
        max-width: 992px;
    }
}

@media only screen and (max-width : 992px) {
    header {
        box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    }
    .my-container {
        max-width: 768px;
    }
    .sub-menu {
        display: none;
    }
    .header-container {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    body {
        padding-top: 84px;
    }
    .telegram-content {
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
    }
    
    .telegram-content__img {
        position: static;
        order: 1;
        text-align:center;
    }
    
    .telegram-content__img img {
        height: auto;
        max-width: 50%;
    }
    
    .telegram-content__text {
        padding-left: 0;
    }

    .my-container--catalog {
        flex-direction: column;
    }
    
    .sidebar {
        flex: 1;
    }
}

@media only screen and (max-width : 768px) {
    .my-container {
        max-width: 768px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .header-container .search {
        display: none;
    }
    .header-container .mmenu {
        order: 1;
    }
    .header-container .logo {
        order: 2;
        flex:1;
    }
    .header-container .user-block {
        order: 3;
    }
    .header-container .cart-block {
        order: 4;
    }
    .footer-about {
        margin: 25px 0;
    }
    .footer-about .links ul {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    .product-item-container > .item {
        grid-template-columns: 100%;
    }
    .product-item-image-wrapper {
        margin: 0 auto;
        width: 40%;
        padding-top: 40%;
    }
}

@media only screen and (max-width : 576px) {
    #pagetitle {
        font-size: 20pt!important;
        margin-top: 10px!important;
        margin-bottom: 20px!important;
    }
    .open-filter-button {
        width: 100%;
    }
    .logo img {
        height: 20px;
    }
    .sku-row {
        flex-wrap: wrap;
        border: 1px solid #f1f5f7;
        padding: var(--gutter);
        border-radius: 30px;
    }
    .sku-row__title, .sku-row__price {
        flex: 0 0 calc(50% - var(--gutter) / 2);
    }
    .sku-row__price span {
        text-align: right;
    }
    .sku-row__buttons {
        flex: 0 0 100%;
    }
    .add-button {
        padding: 0;
        font-size: 9pt;
    }
    .telegram-content {
        padding-top: 30px;
    }
    .telegram-content__text {
        gap: 20px;
    }
    .telegram-content__text span.title {
        font-size: 16pt;
        text-align: center;
    }
    .telegram-content__text span.desc {
        text-align: center;
    }
    .telegram-content__text .feautures {
        flex-direction: column;
        gap: 20px;
    }
    .telegram-content__text .feautures .feautures-item {
        align-items: center;
    }
    .telegram-content__text .button button {
        display: block;
        margin: 0 auto;
    }
}

.succes-window {
    text-align: center;
}

.success-message {
    font-size: 20pt;
}

.succes-window img {
    max-width: 300px;
    height: auto;
}

.succes-window .banner img {
    max-width: 100%;
    height: auto;
    margin-top: 40px;
}

.pay-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.payment-button {
    display: block;
    font-size: 14pt;
    padding: 15px 30px;
    border-radius: 33px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
    transition: .2s;
    background: #40b704;
}

.payment-button:hover, .payment-button:active, .payment-button:focus {
    opacity: 1;
    text-decoration: none;
    color: #fff;
}

.payment-pdf {
    font-size: 8pt;
}

.delivery-blocks {
    display: flex;
    gap: var(--gutter);
}

.delivery-block {
    background-color: var(--main-color);
    flex: 0 0 calc((100% - 40px) / 3);
    padding: var(--gutter);
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    position: relative;
}

.delivery-block::after {
    display: block;
    content: '';
    padding-bottom: 100%;
}

.delivery-block__content {
    position: absolute;
}

.delivery-block span {
    color: #fff;
    display: block;
    font-size: 1.2em;
}

.delivery-block span.big {
    display: inline-block;
    font-size: 4.8em;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 15px;
    color: var(--main-color);
    padding: var(--gutter);
}

.reg-cards {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gutter);
}

.reg-card {
    display: flex;
    flex-direction: column;
    gap: var(--gutter);
    background-color: var(--main-color);
    flex: 0 0 calc((100% - 40px) / 3);
    padding: var(--gutter);
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.reg-card img {
    max-width: 100%;
    display: block;
    border-radius: 10px;
}

.reg-card span {
    color: #fff;
    font-size: 1.2em;
}

@media only screen and (max-width : 576px) {
    .reg-card {
        flex: 0 0 100%;
    }
}
/* End */


/* Start:/local/templates/zoo_red/template_styles.css?17246801359346*/
.bx-yellow,
.bx-theme-yellow {
	--primary: #f9a91d;
	--theme-color-primary: #f9a91d;
	--theme-color-second: #faba4a;
	--theme-color-light: #fff;
	--theme-b-link: #f9a91d;
	--theme-b-link-hover: #faba4a;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #f9a91d;
	--theme-b-bd-primary: #f9a91d;
	--theme-b-sd-primary: rgba(249, 169, 29, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #faba4a;
	--theme-b-bd-primary-hover: #daa53e;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #faba4a;
	--theme-b-bd-primary-active: #daa53e;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #daa53e;
	--theme-b-bd-primary-disabled: #b7853b;
}

.bx-blue,
.bx-theme-blue {
	--primary: #0083d1;
	--theme-color-primary: #0083d1;
	--theme-color-second: #5ca6e4;
	--theme-color-light: #f0f6f8;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #5cc3d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #0083d1;
	--theme-b-bd-primary: #0083d1;
	--theme-b-sd-primary: rgba(0, 131, 209, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5ca6e4;
	--theme-b-bd-primary-hover: #5599d2;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5ca6e4;
	--theme-b-bd-primary-active: #5599d2;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #5599d2;
	--theme-b-bd-primary-disabled: #4d8bbf;
}

.bx-red,
.bx-theme-red {
	--primary: #e22b2b;
	--theme-color-primary: #e22b2b;
	--theme-color-second: #e95c5c;
	--theme-color-light: #f0f0f0;
	--theme-b-link: #e22b2b;
	--theme-b-link-hover: #e95c5c;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #e22b2b;
	--theme-b-bd-primary: #e22b2b;
	--theme-b-sd-primary: rgba(226, 43, 43, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #e95c5c;
	--theme-b-bd-primary-hover: #d05454;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #e95c5c;
	--theme-b-bd-primary-active: #d05454;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #d05454;
	--theme-b-bd-primary-disabled: #c04e4e;
}

.bx-green,
.bx-theme-green {
	--primary: #63aa28;
	--theme-color-primary: #63aa28;
	--theme-color-second: #5b9f0b;
	--theme-color-light: #a8d95b;
	--theme-b-link: #44b1c9;
	--theme-b-link-hover: #5cc3d1;
	--theme-b-tx-primary: #fff;
	--theme-b-bg-primary: #63aa28;
	--theme-b-bd-primary: #63aa28;
	--theme-b-sd-primary: rgba(99, 170, 40, 0.5);
	--theme-b-tx-primary-hover: #fff;
	--theme-b-bg-primary-hover: #5b9f0b;
	--theme-b-bd-primary-hover: #56940b;
	--theme-b-tx-primary-active: #fff;
	--theme-b-bg-primary-active: #5b9f0b;
	--theme-b-bd-primary-active: #56940b;
	--theme-b-tx-primary-disabled: #fff;
	--theme-b-bg-primary-disabled: #56940b;
	--theme-b-bd-primary-disabled: #497c09;
}

body {
	background-attachment: fixed;
	background-size: cover;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#pagetitle { margin-bottom: 35px; }

h1,h2,h3,h4,h5 {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-content-section,
.bx-header-section {
	padding-bottom: 2px;
	background-color: rgba(255, 255, 255, .95);
}

.bx-wrapper { }

/*region HEADER*/
.bx-header { }

.bx-header-section { }

.bx-header-logo { order: 1 }

.bx-header-personal { order: 3 }

.bx-header-contact { order: 2 }

/*region Logo*/
.bx-logo-block {
	display: block;
	height: 50px;
	border-bottom: none;
}

.bx-logo-block img {
	max-height: 50px;
	width: auto;
}

@media (max-width: 767px) {
	.bx-logo-block img {
		max-width: 100%;
		max-height: 45px;
		width: auto;
		height: auto;
	}

	.bx-header-logo {
		padding: 5px 50px;
		height: 55px;
		background-color: var(--theme-color-primary);
	}

	.bx-logo-block { height: auto; }

	body.bx-theme-green .bx-store-logo { background: #33b111; }
}

/*endregion*/

/*region included Phone*/
.bx-header-phone-block {
	display: flex;
	align-items: center;
}

.bx-header-phone-number {
	color: #000;
	white-space: nowrap;
	font: 21px/28px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-header-phone-icon {
	display: block;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background: no-repeat center url(/local/templates/zoo_red/images/phone.svg);
}

@media (max-width: 991px) {
	.bx-header-phone-number {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-semi-bold, 600);
	}
}

/*endregion*/

/*region included Worktime*/
.bx-header-worktime {
	color: #000;
	font: 16px/22px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	transition: 250ms linear all;
}

.bx-worktime-title {
	color: #adadad;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-worktime-schedule {
	color: #000;
	font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

@media (max-width: 991px) {
	.bx-header-worktime {
		font: 15px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
		font-weight: var(--ui-font-weight-regular, 400);
	}
}

/*endregion*/

/*endregion*/

.sidebar-block-title {
	color: #343434;
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

/*region FOOTER*/
.bx-footer { }

.bx-footer-section { }

.bx-footer-section .bx-block-title { }

.bx-footer-bg { background-color: #1f496a; }

.bx-footer-logo {
	border-bottom: none !important;
	text-decoration: none !important;
}

.bx-footer-logo img {
	max-width: 100%;
	height: auto;
}

/*endregion*/

.bx-inclinkspersonal-item.bx-theme-blue:hover { background: #0083d1; }

.bx-theme-blue.bx-inclinkspersonal-selected { background: #3398d7; }

.bx-inclinkspersonal-item.bx-theme-black:hover { background: #303030; }

.bx-theme-black.bx-inclinkspersonal-selected { background: #484848; }

.bx-inclinkspersonal-item.bx-theme-green:hover { background: #44b1c9; }

.bx-theme-green.bx-inclinkspersonal-selected { background: #5cc3d1; }

.bx-inclinkspersonal-item.bx-theme-red:hover { background: #e63c3c; }

.bx-theme-red.bx-inclinkspersonal-selected { background: #e95c5c; }

.bx-inclinkspersonal-item.bx-theme-yellow:hover { background: #f4a52e; }

.bx-theme-yellow.bx-inclinkspersonal-selected { background: #fbb859; }

/*region Bootstrap modified*/
.btn-primary,
.list-group-item.active {
	border-color: var(--theme-b-bd-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:hover {
	border-color: var(--theme-b-bd-primary-hover);
	background-color: var(--theme-b-bg-primary-hover);
	color: var(--theme-b-tx-primary-hover);
}

.btn-primary:focus,
.btn-primary.focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.btn-primary.disabled,
.btn-primary:disabled {
	border-color: var(--theme-b-bg-primary);
	background-color: var(--theme-b-bg-primary);
	color: var(--theme-b-tx-primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	border-color: var(--theme-b-bd-primary-active);
	background-color: var(--theme-b-bg-primary-active);
	color: var(--theme-b-tx-primary-active);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.form-control:focus {
	border-color: var(--theme-color-primary);
	box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

a,
.btn-link { color: var(--theme-b-link); }

a:hover,
.btn-link:hover { color: var(--theme-b-link-hover); }

.g-font-size-15 { font-size: 15px; }

.g-font-size-17 { font-size: 17px; }

.g-font-size-20 { font-size: 20px; }

.text-primary { color: var(--primary) !important }

.bg-primary { background: var(--primary) !important }

.border-primary { border-color: var(--primary) !important }

/*endregion*/

.bx-sidebar-block { }

.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
	text-transform: uppercase;
	font-size: 14px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar li {
	font-size: 12px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar-icon {
	width: 27px;
	height: 27px;
	margin-right: 5px;
	border-radius:50%;
	background-color: var(--theme-color-primary);
	background-repeat: no-repeat;
	background-position: center;
}

.sidebar-icon-label {
	background-image:  url(/local/templates/zoo_red/images/label.svg);
	background-size: 19px auto;
}

.sidebar-icon-delivery {
	background-image: url(/local/templates/zoo_red/images/delivery.svg);
	background-size: 17px auto;
}

.sidebar-icon-sale {
	background-image: url(/local/templates/zoo_red/images/sale.svg);
	background-size: auto 17px ;
}

.sidebar-icon-self {
	background-image: url(/local/templates/zoo_red/images/self.svg);
	background-size: auto 17px ;
}

.sidebar-icon-phone {
	background-image: url(/local/templates/zoo_red/images/phone_white.svg);
	background-size: auto 21px ;
}
/* End */
/* /local/templates/zoo_red/libs/mmenu/mmenu-light.css?17246801355974 */
/* /local/templates/zoo_red/css/icons.css?17246801353592 */
/* /local/templates/zoo_red/css/icons-codes.css?17246801351808 */
/* /local/templates/zoo_red/components/bitrix/search.title/visual1/style.css?17246801355398 */
/* /local/templates/zoo_red/components/bitrix/sale.basket.basket.line/bootstrap_v4/style.css?17247305112579 */
/* /local/templates/zoo_red/styles.css?172838125118832 */
/* /local/templates/zoo_red/template_styles.css?17246801359346 */