/* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/default/style.css?1777467716894*/
.bx-breadcrumb {
	position: relative;
	top: -20px;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
	color:  rgba(55, 71, 79, 0.5);
}

.bx-breadcrumb .bx-breadcrumb-item span {
	font-size: 13px;
	white-space: normal;
}

.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: 1px solid  rgba(55, 71, 79, 0.3);}
.bx-breadcrumb .bx-breadcrumb-item a:hover {
	color: #0073ae;
}

.breadcrumb-white .bx-breadcrumb .bx-breadcrumb-item span {
	color: #fff;
}
.breadcrumb-white .bx-breadcrumb .bx-breadcrumb-item a {
	border-bottom: 1px solid transparent;
}
.breadcrumb-white .bx-breadcrumb .bx-breadcrumb-item a:hover {
	border-bottom-color: rgba(255, 255, 255, 0.3);
}
/* End */


/* Start:/bitrix/templates/about-new/components/bitrix/news.detail/product-new/style.css?17774677204707*/
.product-section {
    background-color: #DAE4E9;
    background-repeat: no-repeat;   
}

.product_row {
	position: relative;
	z-index: 20;
}

.product-color-bg {
	background-position: top center;
}

@media all and (max-width: 1040px)
{
	.product-section:not(.product-color-bg) {
		background-position: center top;
	}
}

@media all and (max-width: 991px){
	.site-section.product-section {
		padding-bottom: 100px;
		background-image: none !important;
	}
}

@media all and (min-width: 767px){
	.product-section {
		min-height: 640px;
	}
}

@media all and (min-width: 992px){
	.product-section {
		overflow: hidden;
	}
}

@media all and (min-width: 1040px){
	.product-section:not(.product-color-bg) {
		background-position: right top;
	}
}

@media all and (min-width: 1921px){
	.product-section:not(.product-color-bg) {
		background-size: cover;
	}
}

.product__title {
	font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 70px;
}

.product__title p{
	color: rgba(55, 71, 79, 0.75);
	font-size: 1.125rem;
}

.product__title *:not(.btn){
	text-shadow: 1px 1px 1px #DAE4E9;
}

.product__title.text-white *:not(.btn),
.product__title.text-white{
	color: #fff;
	text-shadow: none;
}

@media all and (min-width: 991px) {
	.product_row {
		min-height: 430px;
	}
}

.product-section .ufd__form {
	margin: 0 !important;
}

.section-product-condition {
	margin-top: -50px;
	position: relative;
	z-index: 100;
	background: -webkit-linear-gradient(bottom, #fff, #fff 50%, transparent 51%);
	background: -o-linear-gradient(bottom, #fff, #fff 50%, transparent 51%);
	background: linear-gradient(to top, #fff, #fff 50%, transparent 51%);
}


.product__condition {
	position: relative;
	background-color: white;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 5px 15px rgba(77, 83, 87, 0.15);
	box-shadow: 0px 5px 15px rgba(77, 83, 87, 0.15);
	border-radius: 4px;
	padding: 1rem 2.5rem;
}

.product__condition__title {
	color: rgba(77, 83, 87, 0.75);
	font-size: 0.8125rem;
	line-height: 1;
	word-wrap: break-word;
}

.product__condition__text {
	color: #4D5357;
	font-weight: bold;
	font-size: 1.375rem;
	line-height: 1;
	margin-top: 0.25rem;
	word-wrap: break-word;
}

.product__condition__box {
	padding: 1rem;
}

.product-section.product-color-bg h1 {
	color: #fff;
	text-shadow: unset;
}

.product-section.product-color-bg h1 + div {
	color: #fff;
	text-shadow: unset;
}

@media all and (min-width: 767px) and (max-width: 991px){
	.product__condition__box {
		width: 50%;
	}
}

@media all and (max-width: 766px){
	.product__condition__box {
		width: 100%;
	}
}

@media all and (max-width: 767px){
	.product__condition__box {
		border-bottom: 1px solid rgba(77, 83, 87, 0.15);
	}

	.product__condition {
		padding: 1rem 2rem;	
	}

	.product__condition__text {
		font-size: 1rem;
	}
}


/* .product__condition__box {
	padding: 1rem 0;
}

.product__condition__title {
	color: rgba(77, 83, 87, 0.75);
	font-size: 0.8125rem;
	line-height: 1;
	word-wrap: break-word;
}

.product__condition__text {
	color: #4D5357;
	font-weight: bold;
	font-size: 1.375rem;
	line-height: 1;
	margin-top: 0.25rem;
	word-wrap: break-word;
} 

@media all and (max-width: 767px){
	.product__condition .col-xs-12:not(:last-child) .product__condition__box {
		border-bottom: 1px solid rgba(77, 83, 87, 0.15);
	}

	.product__condition {
		padding: 1rem 2rem;	
	}

	.product__condition__text {
		font-size: 1rem;
	}
}
*/

.product__condition__more .more-condition {
	font-size: 11px;
	border-bottom: 1px dashed rgba(40, 171, 226, 0.35);
	font-weight: bold;
}

.product__condition__more .more-condition:after{
    font-size: 0.625rem;
}

@media all and (max-width: 991px) {
	.product__condition__more {
		margin-top: 1rem;
	}
}

.product__condition__more-text .table-striped tr:last-child td {
	border-bottom: 1px solid transparent;
}

.product__condition__more-text  .table-striped {
	text-align: left;
}

.product__condition__more-text {
	display: none;
}


.product_gradient {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.product_video {
    position: absolute;
    right: 0;
    top: 0;
    max-height: 100%;
    overflow: hidden;
	/*left: 50%;*/
    /*transform: translateX(-50%);*/
}

.product-color-bg .product_video {
	right: unset;
	left: 50%;
    transform: translateX(-50%);
}


@media all and (max-width: 1400px)
{
	.product_video video {
		position: relative;
		right: -10%;
	}
}

.product-section h1{
	margin-bottom: 1.15rem;
	margin-top: 2rem;
}

.product-section h1 + div {
	font-size: 1.5rem;
	color: rgba(55, 71, 79, 0.75);
}


@media all and (max-width: 991px)
{
	.product__order-link {
		margin-top: 2rem;
	}
}

.condition-icon-offset {
    margin-right: 70px;
}
/* End */


/* Start:/bitrix/templates/.default/components/webc/city.filter/.default/style.css?177746771723664*/
.site-section--filter {
    padding: 55px 0 30px;
}

.filter-title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(8, 43, 79, .5);
}

.filter-year {
    display: inline-block;
    margin-right: 50px;
    text-align: left;
}

.filter-month {
    display: inline-block;
    text-align: left;
}

.filter-text {
    font-size: 20px;
    font-weight: 600;
    color: #00488D;
}

#show-all-match,
#hide-finished-match {
    display: none;
}

#show-all-match.active,
#hide-finished-match.active {
    display: inline-block;
}


.jq-checkbox,
.jq-radio {
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #C3C3C3;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), inset -1px -1px #FFF, inset 1px -1px #FFF;
    cursor: pointer;
}

.jq-checkbox.focused,
.jq-radio.focused {
    border: 1px solid #08C;
}

.jq-checkbox.disabled,
.jq-radio.disabled {
    opacity: .55;
}

.jq-checkbox {
    border-radius: 3px;
}

.jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 4px;
    margin: 3px 0 0 3px;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.jq-radio {
    border-radius: 50%;
}

.jq-radio.checked .jq-radio__div {
    width: 10px;
    height: 10px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background: #777;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .7);
}

.jq-file {
    width: 270px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.jq-file input {
    cursor: pointer;
}

.jq-file__name {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 80px 0 10px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: #FFF;
    box-shadow: inset 1px 1px #F1F1F1;
    font: 14px/32px Arial, sans-serif;
    color: #333;
}

.jq-file__browse {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0 10px;
    border-left: 1px solid #CCC;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/32px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF;
}



.jq-file:active .jq-file__browse {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD;
}

.jq-file.focused .jq-file__name {
    border: 1px solid #5794BF;
}

.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888;
}

.jq-number {
    position: relative;
    vertical-align: middle;
    padding: 0 36px 0 0;
}

.jq-number__field {
    width: 100px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
}

.jq-number__field:hover {
    border-color: #B3B3B3;
}

.jq-number__field input {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 9px;
    border: none;
    outline: none;
    background: none;
    font: 14px Arial, sans-serif;
    color: #333;
}

.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 14px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: 1px 1px #FFF;
    cursor: pointer;
}

.jq-number__spin.minus {
    top: auto;
    bottom: 0;
}

.jq-number__spin:hover {
    background: linear-gradient(#F6F6F6, #E6E6E6);
}

.jq-number__spin:active {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD;
}

.jq-number__spin:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 11px;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #999;
    border-left: 5px solid transparent;
}

.jq-number__spin.minus:after {
    top: 5px;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-bottom: none;
    border-left: 5px solid transparent;
}

.jq-number__spin.minus:hover:after {
    border-top-color: #000;
}

.jq-number__spin.plus:hover:after {
    border-bottom-color: #000;
}

.jq-number.focused .jq-number__field {
    border: 1px solid #5794BF;
}

.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888;
}

.jq-number.disabled .jq-number__spin:after {
    border-bottom-color: #AAA;
}

.jq-number.disabled .jq-number__spin.minus:after {
    border-top-color: #AAA;
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
}

.jq-selectbox__select {
    padding: 0 15px 0 0;
    background: transparent;
    font-size: 18px;
    font-weight: 600;
    color: #0073AE;
}

.jq-selectbox__select:hover {
    border-bottom-color: transparent;
}

.jq-selectbox__select:active {
    /*background: #F5F5F5;*/
}

.jq-selectbox.focused .jq-selectbox__select {
    /*border: 1px solid #5794BF;*/
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #00488D;
}

.jq-selectbox__select-text {
    display: block;
    width: 100% !important;
    border-bottom: 1px dashed rgba(0, 72, 141, 0.35);
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.jq-selectbox__select:hover .jq-selectbox__select-text,
.jq-selectbox.opened .jq-selectbox__select-text {
    border-bottom-color: transparent;
}

.jq-selectbox .placeholder {
    color: #888;
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: -6px;
    width: 20px;
    height: 100%;
    background-image: url('/local/templates/ufd-new/assets/img/select-arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 0;
    height: 0;
}

.jq-selectbox.opened .jq-selectbox__trigger {
    transform: rotate(-180deg);
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000;
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #AAA;
}

.jq-selectbox__dropdown {
    box-sizing: border-box;
    /*width: 100%;*/
    margin: 2px 0 0;
    padding: 0;
    border-radius: 3px;
    background: #FFF;
    -webkit-box-shadow: 0px 5px 15px rgba(8, 43, 79, 0.1), 0px 10px 30px rgba(8, 43, 79, 0.1);
    box-shadow: 0px 5px 15px rgba(8, 43, 79, 0.1), 0px 10px 30px rgba(8, 43, 79, 0.1);
    border: 0;
}

.jq-selectbox__search {
    margin: 5px;
}

.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #CCC;
    border-radius: 3px;
    outline: none;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%;
    box-shadow: inset 1px 1px #F1F1F1;
    color: #333;
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px;
    background: #F0F0F0;
    font-size: 13px;
}

.jq-selectbox ul {
    margin: 0;
    padding: 15px 0;
}

.jq-selectbox li {
    font-size: 14px;
    padding: 5px 25px 6px;
    color: rgba(8, 43, 79, 0.6);
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.jq-selectbox li.selected,
.jq-selectbox li.sel {
    /*background-color: #A3ABB1;*/
    font-weight: 600;
    color: #1E66AB;
}

.jq-selectbox li:not(.sel):hover {
    color: #1E66AB;
}

.jq-selectbox li.disabled {
    color: #AAA;
}

.jq-selectbox li.disabled:hover {
    background: none;
}

.jq-selectbox li.optgroup {
    font-weight: bold;
}

.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231F20;
    cursor: default;
}

.jq-selectbox li.option {
    padding-left: 25px;
}

.jq-select-multiple {
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: #FFF;
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/18px Arial, sans-serif;
    color: #333;
    cursor: default;
}

.jq-select-multiple.focused {
    /*border: 1px solid #5794BF;*/
}

.jq-select-multiple.disabled {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888;
}

.jq-select-multiple ul {
    margin: 0;
    padding: 0;
}

.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none;
}

.jq-select-multiple li:first-child {
    border-radius: 3px 3px 0 0;
}

.jq-select-multiple li:last-child {
    border-radius: 0 0 3px 3px;
}

.jq-select-multiple li.selected {
    background: #08C;
    color: #FFF;
}

.jq-select-multiple li.disabled {
    color: #AAA;
}

.jq-select-multiple li.optgroup {
    font-weight: bold;
}

.jq-select-multiple li.option {
    padding-left: 25px;
}

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
    background: #CCC;
    color: #FFF;
}

input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
    padding: 8px 9px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333;
}

input[type='search'].styler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea.styler {
    overflow: auto;
}

input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
    border-color: #B3B3B3;
}

input[type='email'].styler:hover:focus,
input[type='password'].styler:hover:focus,
input[type='search'].styler:hover:focus,
input[type='tel'].styler:hover:focus,
input[type='text'].styler:hover:focus,
input[type='url'].styler:hover:focus,
textarea.styler:hover:focus {
    border-color: #CCC;
    border-top-color: #B3B3B3;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
    overflow: visible;
    padding: 8px 11px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    outline: none;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF;
    cursor: pointer;
}

button.styler.styler::-moz-focus-inner,
input[type='button'].styler.styler::-moz-focus-inner,
input[type='submit'].styler.styler::-moz-focus-inner,
input[type='reset'].styler.styler::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
    background: linear-gradient(#F6F6F6, #E6E6E6);
}

button.styler:active,
input[type='button'].styler:active,
input[type='submit'].styler:active,
input[type='reset'].styler:active {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD;
}

button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888;
}

.select-city {
    position: relative;
    padding-left: 44px;
}

.select-city::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="26" height="32" viewBox="0 0 26 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M25 13C25 24 13 31 13 31C13 31 1 24 1 13C1 6.4 6.4 1 13 1C19.6 1 25 6.4 25 13Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13 18C15.7614 18 18 15.7614 18 13C18 10.2386 15.7614 8 13 8C10.2386 8 8 10.2386 8 13C8 15.7614 10.2386 18 13 18Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg> ');
    width: 26px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.select-city:hover::before {
    opacity: 1;
}

.select-section {
    position: relative;
    padding-left: 44px;
}

.select-section::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M16 31C24.2843 31 31 24.2843 31 16C31 7.71573 24.2843 1 16 1C7.71573 1 1 7.71573 1 16C1 24.2843 7.71573 31 16 31Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 18C17.1046 18 18 17.1046 18 16C18 14.8954 17.1046 14 16 14C14.8954 14 14 14.8954 14 16C14 17.1046 14.8954 18 16 18Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24 18C25.1046 18 26 17.1046 26 16C26 14.8954 25.1046 14 24 14C22.8954 14 22 14.8954 22 16C22 17.1046 22.8954 18 24 18Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 18C9.10457 18 10 17.1046 10 16C10 14.8954 9.10457 14 8 14C6.89543 14 6 14.8954 6 16C6 17.1046 6.89543 18 8 18Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.select-section:hover::before {
    opacity: 1;
}

.show-tile {
    position: relative;
    width: 22px;
    height: 22px;
    display: inline-block;
    border-bottom: none !important;
    margin-right: 10px;
    cursor: pointer;
}

.show-tile::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <rect x="1" y="1" width="8" height="8" rx="2" stroke="%230073AE" stroke-width="2"/> <rect x="1" y="13" width="8" height="8" rx="2" stroke="%230073AE" stroke-width="2"/> <rect x="13" y="13" width="8" height="8" rx="2" stroke="%230073AE" stroke-width="2"/> <rect x="13" y="1" width="8" height="8" rx="2" stroke="%230073AE" stroke-width="2"/> </g> </svg> ');
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.show-tile:hover::before {
    opacity: 1;
}

.show-col {
    position: relative;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    border-bottom: none !important;
}

.show-col::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="3" cy="3" r="2" stroke="%230073AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="3" cy="11" r="2" stroke="%230073AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <circle cx="3" cy="19" r="2" stroke="%230073AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 3H21" stroke="%230073AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 11H21" stroke="%230073AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 19H21" stroke="%230073AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.show-col:hover::before {
    opacity: 1;
}

.show-col.active::before {
    opacity: 1;
}

.show-tile.active::before {
    opacity: 1;
}

.site-section-filter {
    padding: 35px 0;
}

.filter-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1000;
}

.preloader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.preloader.active {
    opacity: 1;
    visibility: visible;
}

.partners__count {
    font-size: 15px;
    text-align: right;
    color: #37474F;
    opacity: 0.35;
}



@media (min-width: 768px ) {

    .filter-city {
        padding-right: 50px;
        flex-grow: 0;
    }

    .filter-sect {
        flex-grow: 1;
    }

    .filter-view {
        flex-grow: 0;
    }

    .filter-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}


/* filter cards */

.ufd__form--inline-radio input[type="radio"] {
    display: none;
}

.ufd__form--inline-radio input[type="radio"]:checked + label {
    position: relative;
    color: #FFFFFF;
    background: #0073AE;
    box-shadow: 0px 3px 8px rgba(0, 115, 174, 0.35);
    padding: 12px 15px 12px 37px;
}

.ufd__form--inline-radio input[type="radio"]:checked + label::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9L3 11L13 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.ufd__form--inline-radio label {
    line-height: 1.3;
    font-size: 18px;
    margin-left: 10px;
    border: 1px solid rgba(55, 71, 79, .15);
    padding: 12px 15px;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: inline-block;
}

.ufd__form--inline-radio input[type="radio"]:not(:checked) + label {
    color: rgba(55, 71, 79, 0.7);
}



.ufd__form-cards input[type="radio"] {
    display: none;
}

.ufd__form-cards input[type="radio"]:checked + label {
    position: relative;
    color: #FFFFFF;
    background: #0073AE;
    box-shadow: 0px 3px 8px rgba(0, 115, 174, 0.35);
    padding: 12px 15px 12px 37px;
}

.ufd__form-cards input[type="radio"]:checked + label > svg > path:not(#not-fill) {
    fill: white;
}


.ufd__form-cards input[type="radio"]:checked + label::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 9L3 11L13 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


.ufd__form-cards label {
    line-height: 1;
    margin-right: 10px;
    font-size: 18px;
    border: 1px solid rgba(55, 71, 79, .15);
    border-radius: 4px;
    padding: 12px 15px;
    box-sizing: border-box;
    cursor: pointer;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: inline-flex;
    min-width: 100px;
    flex-direction: row;
    min-height: 50px;
    align-items: center;
    position: relative;
}

.ufd__form-cards label:hover {
    border: 1px solid transparent;
    box-shadow: 0px 5px 15px rgba(55, 71, 79, 0.15);
}

.ufd__form--inline-radio label:hover {
    border: 1px solid transparent;
    box-shadow: 0px 5px 15px rgba(55, 71, 79, 0.15);
}

.filter-wrap-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* filter cards */

.product_gradient + div {
    z-index: 10;
}

.jq-selectbox__dropdown ul {
    z-index: 50;
}

.jq-selectbox select, .jq-select-multiple select {
    width: 100%;
}

@media (max-width: 991px) {
    .filter-wrap-cards {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .ufd__form-cards label {
        margin-bottom: 10px;
    }

    .ufd__form--inline-radio label {
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 10px;
    }
}

@media (max-width: 767px ) {
    .filter-city {
        margin-bottom: 20px;
    }

    .filter-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news.list/partners-list/style.css?177746771749264*/

.site-section-partners {
    padding: 50px 0;
}

.partners_prop--margin {
    margin-top: 10px;
}

.partners__section--tile {
    margin-bottom: 20px !important;
}

.partners__section {
    font-size: 32px;
    font-weight: 400;
    color: #0073AE;
    position: relative;
    z-index: 1;
    line-height: 1;
    margin-bottom: 30px;
}

.partners__section span {
    margin-left: 50px;
    border-bottom: 1px dashed rgba(0, 115, 174, .35);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


.stroitelnie-companii::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M4.02013 16.7644V29.5965C4.02013 30.3985 4.62416 31 5.32886 31H26.7718C27.4765 31 28.0805 30.3985 28.0805 29.6967V14.1579C28.0805 13.4561 28.6846 12.8546 29.3893 12.8546H29.6913C30.396 12.8546 31 12.2531 31 11.5514C31 11.1504 30.7987 10.7494 30.4966 10.4486L16.906 1.22556C16.4027 0.924812 15.7987 0.924812 15.2953 1.22556L1.50336 10.3484C1.20134 10.5489 1 10.9499 1 11.4511C1 12.1529 1.60403 12.7544 2.30872 12.7544H4.02013H24.1544" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.0873 18.9699H18.1141C18.7182 18.9699 19.1208 19.3709 19.1208 19.9724V23.9824C19.1208 24.5839 18.7182 24.9849 18.1141 24.9849H14.0873C13.4833 24.9849 13.0806 24.5839 13.0806 23.9824V19.9724C13.0806 19.3709 13.4833 18.9699 14.0873 18.9699Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg>');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.stroitelnie-companii-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M4.02013 16.7644V29.5965C4.02013 30.3985 4.62416 31 5.32886 31H26.7718C27.4765 31 28.0805 30.3985 28.0805 29.6967V14.1579C28.0805 13.4561 28.6846 12.8546 29.3893 12.8546H29.6913C30.396 12.8546 31 12.2531 31 11.5514C31 11.1504 30.7987 10.7494 30.4966 10.4486L16.906 1.22556C16.4027 0.924812 15.7987 0.924812 15.2953 1.22556L1.50336 10.3484C1.20134 10.5489 1 10.9499 1 11.4511C1 12.1529 1.60403 12.7544 2.30872 12.7544H4.02013H24.1544" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.0873 18.9699H18.1141C18.7182 18.9699 19.1208 19.3709 19.1208 19.9724V23.9824C19.1208 24.5839 18.7182 24.9849 18.1141 24.9849H14.0873C13.4833 24.9849 13.0806 24.5839 13.0806 23.9824V19.9724C13.0806 19.3709 13.4833 18.9699 14.0873 18.9699Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 15px;
    opacity: 1;
}

.ocenochnie-companii::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M23 9.7V3C23 1.9 22.1 1 21 1H9L1 9V29C1 30.1 1.9 31 3 31H21C22.1 31 23 30.1 23 29V22.3" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 9H7C8.1 9 9 8.1 9 7V1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24.9 20.9L31 27" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 23C23.866 23 27 19.866 27 16C27 12.134 23.866 9 20 9C16.134 9 13 12.134 13 16C13 19.866 16.134 23 20 23Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg>');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.ocenochnie-companii-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M23 9.7V3C23 1.9 22.1 1 21 1H9L1 9V29C1 30.1 1.9 31 3 31H21C22.1 31 23 30.1 23 29V22.3" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1 9H7C8.1 9 9 8.1 9 7V1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24.9 20.9L31 27" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20 23C23.866 23 27 19.866 27 16C27 12.134 23.866 9 20 9C16.134 9 13 12.134 13 16C13 19.866 16.134 23 20 23Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 15px;
    opacity: 1;
}

.strakhovie-companii::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M16 1L1 4.8C1 4.8 1 9.1 1 18.6C1 28.1 16 31 16 31C16 31 31 28.1 31 18.6C31 9.1 31 4.8 31 4.8L16 1Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 26.9C12.4 26 5 23.2 5 18.6V7.89998L16 5.09998L27 7.89998V18.6C27 23.6 18.6 26.2 16 26.9Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 1V10.2" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 24.7V31" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.7001 12.3L13.6001 20.4" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.1 16.8L18.7 20.1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg>');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.strakhovie-companii-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M16 1L1 4.8C1 4.8 1 9.1 1 18.6C1 28.1 16 31 16 31C16 31 31 28.1 31 18.6C31 9.1 31 4.8 31 4.8L16 1Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 26.9C12.4 26 5 23.2 5 18.6V7.89998L16 5.09998L27 7.89998V18.6C27 23.6 18.6 26.2 16 26.9Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 1V10.2" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 24.7V31" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.7001 12.3L13.6001 20.4" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.1 16.8L18.7 20.1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 15px;
    opacity: 1;
}

.autotovari::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M29 25H3C1.9 25 1 24.1 1 23V15C1 13.9 1.9 13 3 13H29C30.1 13 31 13.9 31 15V23C31 24.1 30.1 25 29 25Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M27 13H5L5.9 2.8C6 1.8 6.8 1 7.9 1H24.2C25.2 1 26.1 1.8 26.2 2.8L27 13Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M27 25V29C27 30.1 26.1 31 25 31C23.9 31 23 30.1 23 29V25" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 25V29C9 30.1 8.1 31 7 31C5.9 31 5 30.1 5 29V25" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25 21C26.1046 21 27 20.1046 27 19C27 17.8954 26.1046 17 25 17C23.8954 17 23 17.8954 23 19C23 20.1046 23.8954 21 25 21Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 21C8.10457 21 9 20.1046 9 19C9 17.8954 8.10457 17 7 17C5.89543 17 5 17.8954 5 19C5 20.1046 5.89543 21 7 21Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 21H13" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 17H13" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg> ');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.autotovari-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M29 25H3C1.9 25 1 24.1 1 23V15C1 13.9 1.9 13 3 13H29C30.1 13 31 13.9 31 15V23C31 24.1 30.1 25 29 25Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M27 13H5L5.9 2.8C6 1.8 6.8 1 7.9 1H24.2C25.2 1 26.1 1.8 26.2 2.8L27 13Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M27 25V29C27 30.1 26.1 31 25 31C23.9 31 23 30.1 23 29V25" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 25V29C9 30.1 8.1 31 7 31C5.9 31 5 30.1 5 29V25" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25 21C26.1046 21 27 20.1046 27 19C27 17.8954 26.1046 17 25 17C23.8954 17 23 17.8954 23 19C23 20.1046 23.8954 21 25 21Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 21C8.10457 21 9 20.1046 9 19C9 17.8954 8.10457 17 7 17C5.89543 17 5 17.8954 5 19C5 20.1046 5.89543 21 7 21Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 21H13" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 17H13" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg> ');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 15px;
    opacity: 1;
}

.apteka::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M29 12H22C20.9 12 20 11.1 20 10V3C20 1.9 19.1 1 18 1H14C12.9 1 12 1.9 12 3V10C12 11.1 11.1 12 10 12H3C1.9 12 1 12.9 1 14V18C1 19.1 1.9 20 3 20H10C11.1 20 12 20.9 12 22V29C12 30.1 12.9 31 14 31H18C19.1 31 20 30.1 20 29V22C20 20.9 20.9 20 22 20H29C30.1 20 31 19.1 31 18V14C31 12.9 30.1 12 29 12Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg> ');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.apteka-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M29 12H22C20.9 12 20 11.1 20 10V3C20 1.9 19.1 1 18 1H14C12.9 1 12 1.9 12 3V10C12 11.1 11.1 12 10 12H3C1.9 12 1 12.9 1 14V18C1 19.1 1.9 20 3 20H10C11.1 20 12 20.9 12 22V29C12 30.1 12.9 31 14 31H18C19.1 31 20 30.1 20 29V22C20 20.9 20.9 20 22 20H29C30.1 20 31 19.1 31 18V14C31 12.9 30.1 12 29 12Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </g> </svg> ');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 15px;
    opacity: 1;
}

.travel::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.0997 14.1271C21.0949 15.0256 20.2911 15.9242 20.2911 15.9242" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25.0134 18.4202L26.7215 16.6231L29.6352 19.4186L27.2238 21.8147" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M23.8077 25.2093L23.2049 25.8083C22.4011 26.607 21.0949 26.607 20.3916 25.8083C19.5878 25.0096 19.5878 23.8115 20.2911 23.0128L21.0949 22.2141" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.1432 4.84196L12.4541 2.4458L15.3679 5.24132L13.5593 7.03843" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.74129 10.8323L8.9375 11.6311C8.1337 12.4298 6.82753 12.4298 6.12421 11.6311C5.32041 10.8323 5.32041 9.53443 6.12421 8.83555L6.72706 8.23651" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.2484 24.3107L10.2437 25.1094" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.0997 14.1271C24.0087 12.2301 26.1186 10.1335 28.53 7.73731C29.7357 6.53924 31.8457 2.54564 30.64 1.34756C29.4343 0.149485 25.4153 2.34596 24.2096 3.4442C21.7982 5.84036 19.6883 7.93699 17.7792 9.83395L5.01898 1.34756L2.2057 4.14308L13.7603 14.1271C11.1479 16.8227 9.13844 18.9194 7.73179 20.6167L3.10996 17.4218L1 19.5184L5.11945 23.6119L3.51186 25.2093L5.11945 26.8067L6.62657 28.3043L8.33465 26.9066L12.4541 31L14.5641 28.9034L11.3489 24.3107C12.9565 22.8131 15.0664 20.9162 17.8797 18.3203L27.9272 29.8019L30.7405 27.0064L22.0997 14.1271Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.travel-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.0997 14.1271C21.0949 15.0256 20.2911 15.9242 20.2911 15.9242" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25.0134 18.4202L26.7215 16.6231L29.6352 19.4186L27.2238 21.8147" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M23.8077 25.2093L23.2049 25.8083C22.4011 26.607 21.0949 26.607 20.3916 25.8083C19.5878 25.0096 19.5878 23.8115 20.2911 23.0128L21.0949 22.2141" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.1432 4.84196L12.4541 2.4458L15.3679 5.24132L13.5593 7.03843" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.74129 10.8323L8.9375 11.6311C8.1337 12.4298 6.82753 12.4298 6.12421 11.6311C5.32041 10.8323 5.32041 9.53443 6.12421 8.83555L6.72706 8.23651" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.2484 24.3107L10.2437 25.1094" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.0997 14.1271C24.0087 12.2301 26.1186 10.1335 28.53 7.73731C29.7357 6.53924 31.8457 2.54564 30.64 1.34756C29.4343 0.149485 25.4153 2.34596 24.2096 3.4442C21.7982 5.84036 19.6883 7.93699 17.7792 9.83395L5.01898 1.34756L2.2057 4.14308L13.7603 14.1271C11.1479 16.8227 9.13844 18.9194 7.73179 20.6167L3.10996 17.4218L1 19.5184L5.11945 23.6119L3.51186 25.2093L5.11945 26.8067L6.62657 28.3043L8.33465 26.9066L12.4541 31L14.5641 28.9034L11.3489 24.3107C12.9565 22.8131 15.0664 20.9162 17.8797 18.3203L27.9272 29.8019L30.7405 27.0064L22.0997 14.1271Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 15px;
    opacity: 1;
}

.sport::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 23C22.0751 23 27 18.0751 27 12C27 5.92487 22.0751 1 16 1C9.92488 1 5 5.92487 5 12C5 18.0751 9.92488 23 16 23Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M31 9V12C31 20.3 24.3 27 16 27C7.70001 27 1 20.3 1 12V9" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M31 12H27" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 12H1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 27V31" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18 27V31" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 31H25" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.1 10L14.3 17.8" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.4 15.3L18.1 18.5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.sport-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 23C22.0751 23 27 18.0751 27 12C27 5.92487 22.0751 1 16 1C9.92488 1 5 5.92487 5 12C5 18.0751 9.92488 23 16 23Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M31 9V12C31 20.3 24.3 27 16 27C7.70001 27 1 20.3 1 12V9" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M31 12H27" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 12H1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 27V31" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18 27V31" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 31H25" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.1 10L14.3 17.8" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.4 15.3L18.1 18.5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 15px;
    opacity: 1;
}

.electronics::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M29 31H3C1.9 31 1 30.1 1 29V3C1 1.9 1.9 1 3 1H29C30.1 1 31 1.9 31 3V29C31 30.1 30.1 31 29 31Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M31 9H1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 28C20.4183 28 24 24.4183 24 20C24 15.5817 20.4183 12 16 12C11.5817 12 8 15.5817 8 20C8 24.4183 11.5817 28 16 28Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 25C13.2 25 11 22.8 11 20" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 15C17.4 15 18.6 15.6 19.5 16.5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 1V9" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 5H8" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 6C16.5523 6 17 5.55228 17 5C17 4.44772 16.5523 4 16 4C15.4477 4 15 4.44772 15 5C15 5.55228 15.4477 6 16 6Z" fill="%230073AE"/> <path d="M19 6C19.5523 6 20 5.55228 20 5C20 4.44772 19.5523 4 19 4C18.4477 4 18 4.44772 18 5C18 5.55228 18.4477 6 19 6Z" fill="%230073AE"/> <path d="M22 6C22.5523 6 23 5.55228 23 5C23 4.44772 22.5523 4 22 4C21.4477 4 21 4.44772 21 5C21 5.55228 21.4477 6 22 6Z" fill="%230073AE"/> <path d="M27 6C27.5523 6 28 5.55228 28 5C28 4.44772 27.5523 4 27 4C26.4477 4 26 4.44772 26 5C26 5.55228 26.4477 6 27 6Z" fill="%230073AE"/> <path d="M22.9 16H27V24H22.9" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.electronics-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M29 31H3C1.9 31 1 30.1 1 29V3C1 1.9 1.9 1 3 1H29C30.1 1 31 1.9 31 3V29C31 30.1 30.1 31 29 31Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M31 9H1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 28C20.4183 28 24 24.4183 24 20C24 15.5817 20.4183 12 16 12C11.5817 12 8 15.5817 8 20C8 24.4183 11.5817 28 16 28Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 25C13.2 25 11 22.8 11 20" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 15C17.4 15 18.6 15.6 19.5 16.5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 1V9" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5 5H8" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 6C16.5523 6 17 5.55228 17 5C17 4.44772 16.5523 4 16 4C15.4477 4 15 4.44772 15 5C15 5.55228 15.4477 6 16 6Z" fill="%230073AE"/> <path d="M19 6C19.5523 6 20 5.55228 20 5C20 4.44772 19.5523 4 19 4C18.4477 4 18 4.44772 18 5C18 5.55228 18.4477 6 19 6Z" fill="%230073AE"/> <path d="M22 6C22.5523 6 23 5.55228 23 5C23 4.44772 22.5523 4 22 4C21.4477 4 21 4.44772 21 5C21 5.55228 21.4477 6 22 6Z" fill="%230073AE"/> <path d="M27 6C27.5523 6 28 5.55228 28 5C28 4.44772 27.5523 4 27 4C26.4477 4 26 4.44772 26 5C26 5.55228 26.4477 6 27 6Z" fill="%230073AE"/> <path d="M22.9 16H27V24H22.9" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 15px;
    opacity: 1;
}

.other::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 31C24.2843 31 31 24.2843 31 16C31 7.71573 24.2843 1 16 1C7.71573 1 1 7.71573 1 16C1 24.2843 7.71573 31 16 31Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 18C17.1046 18 18 17.1046 18 16C18 14.8954 17.1046 14 16 14C14.8954 14 14 14.8954 14 16C14 17.1046 14.8954 18 16 18Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24 18C25.1046 18 26 17.1046 26 16C26 14.8954 25.1046 14 24 14C22.8954 14 22 14.8954 22 16C22 17.1046 22.8954 18 24 18Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 18C9.10457 18 10 17.1046 10 16C10 14.8954 9.10457 14 8 14C6.89543 14 6 14.8954 6 16C6 17.1046 6.89543 18 8 18Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.other-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 31C24.2843 31 31 24.2843 31 16C31 7.71573 24.2843 1 16 1C7.71573 1 1 7.71573 1 16C1 24.2843 7.71573 31 16 31Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 18C17.1046 18 18 17.1046 18 16C18 14.8954 17.1046 14 16 14C14.8954 14 14 14.8954 14 16C14 17.1046 14.8954 18 16 18Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24 18C25.1046 18 26 17.1046 26 16C26 14.8954 25.1046 14 24 14C22.8954 14 22 14.8954 22 16C22 17.1046 22.8954 18 24 18Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8 18C9.10457 18 10 17.1046 10 16C10 14.8954 9.10457 14 8 14C6.89543 14 6 14.8954 6 16C6 17.1046 6.89543 18 8 18Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 15px;
    opacity: 1;
}

.cafe::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31 23H1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29 21.7V18.2C29 11 23.2 5.2 16 5.2C8.8 5.2 3 11 3 18.2V21.7" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M26 19.9V18.2C26 16.9 25.7 15.6 25.3 14.5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.6 8.6C10 9.5 7.09999 12.4 6.29999 16" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 5.3V4.3C16 2.6 17.3 1 19 1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 4.3C16 2.6 14.7 1 13 1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.7 26.5H12.8C12.8 26.5 8.59999 23 7.29999 23C3.99999 23 3.79999 25.8 3.79999 25.8L11.6 31H27.9V26C27.9 24.3 26.6 23 24.9 23" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.7 23C15.7 24.9 17.3 26.5 19.2 26.5H19.5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.cafe-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31 23H1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29 21.7V18.2C29 11 23.2 5.2 16 5.2C8.8 5.2 3 11 3 18.2V21.7" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M26 19.9V18.2C26 16.9 25.7 15.6 25.3 14.5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.6 8.6C10 9.5 7.09999 12.4 6.29999 16" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 5.3V4.3C16 2.6 17.3 1 19 1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 4.3C16 2.6 14.7 1 13 1" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.7 26.5H12.8C12.8 26.5 8.59999 23 7.29999 23C3.99999 23 3.79999 25.8 3.79999 25.8L11.6 31H27.9V26C27.9 24.3 26.6 23 24.9 23" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.7 23C15.7 24.9 17.3 26.5 19.2 26.5H19.5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg> ');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 15px;
    opacity: 1;
}

.odejda::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 9C19.866 9 23 7.20914 23 5C23 2.79086 19.866 1 16 1C12.134 1 9 2.79086 9 5C9 7.20914 12.134 9 16 9Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 9L13 13C13 13 9 9.7 9 5L2.5 6.6C1.6 6.8 1 7.6 1 8.5V29C1 30.1 1.9 31 3 31H29C30.1 31 31 30.1 31 29V8.6C31 7.7 30.4 6.9 29.5 6.7L23 5C23 9.7 19 13 19 13L16 9ZM16 9V31" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 24.3L8.5 26.3L5 24.3V17.3H12V24.3Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 18C19.5523 18 20 17.5523 20 17C20 16.4477 19.5523 16 19 16C18.4477 16 18 16.4477 18 17C18 17.5523 18.4477 18 19 18Z" fill="%230073AE"/> <path d="M19 23C19.5523 23 20 22.5523 20 22C20 21.4477 19.5523 21 19 21C18.4477 21 18 21.4477 18 22C18 22.5523 18.4477 23 19 23Z" fill="%230073AE"/> <path d="M19 28C19.5523 28 20 27.5523 20 27C20 26.4477 19.5523 26 19 26C18.4477 26 18 26.4477 18 27C18 27.5523 18.4477 28 19 28Z" fill="%230073AE"/> <path d="M12 20.3H5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.odejda-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 9C19.866 9 23 7.20914 23 5C23 2.79086 19.866 1 16 1C12.134 1 9 2.79086 9 5C9 7.20914 12.134 9 16 9Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16 9L13 13C13 13 9 9.7 9 5L2.5 6.6C1.6 6.8 1 7.6 1 8.5V29C1 30.1 1.9 31 3 31H29C30.1 31 31 30.1 31 29V8.6C31 7.7 30.4 6.9 29.5 6.7L23 5C23 9.7 19 13 19 13L16 9ZM16 9V31" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 24.3L8.5 26.3L5 24.3V17.3H12V24.3Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19 18C19.5523 18 20 17.5523 20 17C20 16.4477 19.5523 16 19 16C18.4477 16 18 16.4477 18 17C18 17.5523 18.4477 18 19 18Z" fill="%230073AE"/> <path d="M19 23C19.5523 23 20 22.5523 20 22C20 21.4477 19.5523 21 19 21C18.4477 21 18 21.4477 18 22C18 22.5523 18.4477 23 19 23Z" fill="%230073AE"/> <path d="M19 28C19.5523 28 20 27.5523 20 27C20 26.4477 19.5523 26 19 26C18.4477 26 18 26.4477 18 27C18 27.5523 18.4477 28 19 28Z" fill="%230073AE"/> <path d="M12 20.3H5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 15px;
    opacity: 1;
}

.relax::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31 11C31 16.5 26.5 24 21 24C15.5 24 11 16.5 11 11C11 5.5 15.5 1 21 1C26.5 1 31 5.5 31 11Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.3 9C15 6.6 17 4.7 19.5 4.2" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M26.7 16C26 17.4 25.2 18.6 24.2 19.5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19.4 27.2L19 28H23L21 24" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.8 21.7C14.4 24.6 11.9 27 9 27C4.6 27 1 21.1 1 16.8C1 12.5 4.6 9 9 9C9.7 9 10.4 9.1 11 9.2" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 24C9.8 24 10.7 23.5 11.5 22.6" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.5 12.2C5.8 12.7 4.50001 14.1 4.10001 15.7" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.60001 29.9L7 31H11L9 27" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.relax-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31 11C31 16.5 26.5 24 21 24C15.5 24 11 16.5 11 11C11 5.5 15.5 1 21 1C26.5 1 31 5.5 31 11Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.3 9C15 6.6 17 4.7 19.5 4.2" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M26.7 16C26 17.4 25.2 18.6 24.2 19.5" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19.4 27.2L19 28H23L21 24" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.8 21.7C14.4 24.6 11.9 27 9 27C4.6 27 1 21.1 1 16.8C1 12.5 4.6 9 9 9C9.7 9 10.4 9.1 11 9.2" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 24C9.8 24 10.7 23.5 11.5 22.6" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.5 12.2C5.8 12.7 4.50001 14.1 4.10001 15.7" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7.60001 29.9L7 31H11L9 27" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 15px;
    opacity: 1;
}

.goods_home::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31 4H9V31H31V4Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 4L10 1H30L31 4" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25 8V12C25 14.8 22.8 17 20 17C17.2 17 15 14.8 15 12V8" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 8H1V28H9V8Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 5H2L1 8" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    position: absolute;
    opacity: .35;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.goods_home-img::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M31 4H9V31H31V4Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 4L10 1H30L31 4" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25 8V12C25 14.8 22.8 17 20 17C17.2 17 15 14.8 15 12V8" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 8H1V28H9V8Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 5H2L1 8" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 15px;
    opacity: 1;
}

.partners__section-name {
    position: relative;
    cursor: pointer;
}

.partners__section-name::before {
    position: absolute;
    top: calc(50% - 6px);
    right: -30px;
    transform: translate(-50%, 0) rotate(45deg);
    width: 8px;
    height: 8px;
    content: '';
    border-right: 2px solid #0073AE;
    border-bottom: 2px solid #0073AE;
    background: transparent;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    transform-origin: 66% 66%;
}

.partners__section-name.open::before {
    transform: translate(-50%, 0) rotate(-135deg);
    top: calc(50% - 6px);
}

.partners__child-list {
    border: 1px solid rgba(55, 71, 79, .15);
    box-sizing: border-box;
    border-radius: 4px;
}

.partners__child-list:not(:last-of-type) {
    margin-bottom: 10px;
}

.partners__child:not(:last-of-type) {
    margin-bottom: 60px;
}
.partners__child:last-of-type {
    margin-bottom: 30px;
}

.partners__child-name {
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    color: #37474F;
    margin-bottom: 25px;
}

.partners__child-name span {
    color: #A1006B;
    font-size: 20px;
    font-weight: 700;
}

.partners_prop-name {
    font-size: 10px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(55, 71, 79, 0.35);
}

.partners_prop-val {
    font-size: 15px;
    font-weight: 600;
    color: #0073AE;
}

.partners__object-name--opacity {
    opacity: 1!important;
}

.partners_prop-value {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(55, 71, 79, 0.35);
    letter-spacing: 0.1em;
}

.partners__object-name {
    font-size: 14px;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #37474F;
    opacity: 0.7;
    margin-bottom: 10px;
    line-height: 1.2;
}

.partners__object-title {
    font-size: 14px;
    font-weight: 600;
    color: #37474F;
}

.partners__child-list-bot {
    border-top: 1px solid rgba(55, 71, 79, .15);
}

.partners__child-list-top {
    padding: 30px;
}

.partners__child-list-bot {
    padding: 30px;
}

.partners-toggle-obj {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    text-align: right;
    font-weight: 400;
    color: #0073AE;
    border-bottom: 1px dashed rgba(0, 115, 174, .35);
    margin-right: 20px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.partners-toggle-obj-credit {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    text-align: right;
    font-weight: 400;
    color: #0073AE;
    border-bottom: 1px dashed rgba(0, 115, 174, .35);
    margin-right: 20px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.partners-toggle-obj::before {
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 6px;
    height: 6px;
    content: '';
    border-right: 1.5px solid #0073AE;
    border-bottom: 1.5px solid #0073AE;
    background: transparent;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.partners-toggle-obj-credit::before {
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 6px;
    height: 6px;
    content: '';
    border-right: 1.5px solid #0073AE;
    border-bottom: 1.5px solid #0073AE;
    background: transparent;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.partners-toggle-obj.open::before {
    transform: translate(-50%, -50%) rotate(-135deg);
    top: 10px;
}

.partners-toggle-obj-credit.open::before {
    transform: translate(-50%, -50%) rotate(-135deg);
    top: 10px;
}

/* select */

.nice-render-cities {
    opacity: 1 !important;
}

.nice-render-cities .current {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #0073AE !important;
    border-bottom: 1px dashed rgba(0, 115, 174, .35) !important;
}

.nice-render-cities::after {
    border-bottom: 2px solid #0073AE !important;
    border-right: 2px solid #0073AE !important;
}

/* select */


/* tile */

.partners__child-tile {
    border: 1px solid rgba(55, 71, 79, .15);
    box-sizing: border-box;
    border-radius: 4px;
    height: calc(100% - 1.75rem);
    min-height: 310px;
    background: #FFFFFF;
    padding: 30px;
}


.partners__child-name--tile {
    margin-top: 90px;
    line-height: 1.2;
}

.partners_prop--tile {
    margin-bottom: 10px;
}

.partners_prop--tile--list {
    margin: 10px 0;
}

.partners__object-name-tile {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    color: #37474F;
}

.partners__child-tile.active {
    position: absolute;
    height: unset;
    display: block;
    flex: 1;
    -webkit-box-shadow: 0px 5px 15px rgba(55, 71, 79, 0.1), 0px 15px 45px rgba(55, 71, 79, 0.1);
    box-shadow: 0px 5px 15px rgba(55, 71, 79, 0.1), 0px 15px 45px rgba(55, 71, 79, 0.1);
    border: 1px solid transparent;
}


.partners__child-tile-block {
    height: calc(100% - 1.75rem);
    min-height: 310px;
    margin-bottom: 30px;
}

.partners__item--tile {
    background: #FFFFFF;
    border: 1px solid rgba(55, 71, 79, .15);
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 1.75rem);
    margin-bottom: 2rem;
    display: block;
    min-height: 270px;
}

.partners__item--tile.active-block {
    -webkit-filter: drop-shadow(0px 5px 15px rgba(55, 71, 79, 0.1));
    filter: drop-shadow(0px 5px 15px rgba(55, 71, 79, 0.1));
    border: 1px solid transparent;
    position: relative;
    z-index: 50;
}

.active-block .partners__object-tile {
    opacity: 1;
    visibility: visible;
}


.partners__item-top--tile {
    margin-bottom: 50px;
}

.img--tile {
    display: block;
    width: 100%;
    height: 32px;
}

.img--tile::before {
    left: 0;
}

.partners_prop-val--tile {
    color: #37474F;
    font-weight: 400;
}

.partners__item-inner--tile {
    padding: 30px;
}

.partners-toggle-obj--tile {
    margin-top: 20px;
}

.active-block .partners__object-tile-block {
    width: calc(100% + 32px);
    left: -16px;
    padding-right: 30px;
}

@media (min-width: 768px) {

    .partners__item--tile:hover {
        -webkit-filter: drop-shadow(0px 5px 15px rgba(55, 71, 79, 0.1));
        filter: drop-shadow(0px 5px 15px rgba(55, 71, 79, 0.1));
        border: 1px solid transparent;
    }

    .partners__child-tile:hover {
        -webkit-box-shadow: 0px 5px 15px rgba(55, 71, 79, 0.1), 0px 15px 45px rgba(55, 71, 79, 0.1);
        box-shadow: 0px 5px 15px rgba(55, 71, 79, 0.1), 0px 15px 45px rgba(55, 71, 79, 0.1);
        border: 1px solid transparent;
    }

    .partners__section span:hover {
        border-bottom: 1px dashed transparent;
    }

    .partners__section:hover::before {
        opacity: 1;
    }


    .partners__child-list:hover {
        -webkit-box-shadow: 0px 5px 15px rgba(55, 71, 79, 0.1), 0px 15px 45px rgba(55, 71, 79, 0.1);
        box-shadow: 0px 5px 15px rgba(55, 71, 79, 0.1), 0px 15px 45px rgba(55, 71, 79, 0.1);
        border: 1px solid transparent;
    }

    .partners__object-tile-block {
        background-color: #ffffff;
        padding: 0 30px 30px 30px;
        position: absolute;
        top: 0;
        width: calc(100% + 30px);
        left: -15px;
        border-radius: 0 0 4px 4px;
    }

    .partners__object-tile {
        opacity: 0;
        visibility: hidden;
    }

}

.partners__child_percent {
    font-size: 36px;
    color: #A1006B;
    font-weight: 700;
    line-height: 1;
}

.partners__child_percent--tile {
    position: absolute;
    top: -5px;
    right: 0;
}

.partners__section::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.partners__section--link {
    border-bottom: unset !important;
}

.partners__section--link:hover {
    border-bottom: unset !important;
}

.partners-toggle-obj--tile-credit {
    position: absolute;
    bottom: 30px;
    right: 30px;
}


#modal__info__content {
    padding: 40px 20px;
}


@media (max-width: 767px) {
    .partners-toggle-obj--tile-credit {
        bottom: 30px;
        left: 30px;
        right: unset;
    }

    .partners__object-col {
        margin-bottom: 40px;
    }


    .partners__count-block {
        margin-bottom: 40px;
    }

    .active-block .partners__object-tile {
        margin-bottom: 40px;
    }

    .partners__child-col-img {
        margin-bottom: 20px;
    }

    .partners_prop {
        margin-bottom: 10px;
    }

    .partners__img-col {
        height: 32px;
        margin-bottom: 30px;
    }

    .partners__img-col::before {
        left: 15px;
    }

    .partners__section {
        margin: 15px;
    }

    .partners__section span {
        font-size: 16px;
        border-bottom: unset;
    }

}

.block__partners-description {
    position: relative;
    margin-top:30px;
    background: #F1F4F5;
    border-radius: 4px;
    padding: 25px 50px;
    font-size: 13px;
    color: rgba(55, 71, 79, .7);
}

.block__partners-description::before {
    content: '*';
    position: absolute;
    top: 42px;
    left: 30px;
    color: #A1006B;
    font-size: 25px;
    font-weight: 700;
}

.block__partners-description p {
    margin-bottom: 15px!important;
}

@media (max-width: 991px) {

}


/* tile */

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/catalog.section.list/partners-files-list/style.css?17774677175136*/
.about__section-name {
    font-size: 18px;
    font-weight: 400;
    color: #37474F;
    background: #FFFFFF;
    border-radius: 4px;
    margin-bottom: 10px;
}

.about__section-top {
    padding: 20px 30px;
    position: relative;
    cursor: pointer;
}

.about__section-bot {
    padding: 0 30px 30px 30px;
    border-top: 1px solid rgba(55, 71, 79, .15);
}

.about__section-top::before {
    position: absolute;
    top: calc(50% - 6px);
    transform: translate(-50%, 0) rotate(45deg);
    right: 30px;
    width: 8px;
    height: 8px;
    content: '';
    border-right: 2px solid rgba(55, 71, 79, .35);
    border-bottom: 2px solid rgba(55, 71, 79, .35);
    background: transparent;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    transform-origin: 66% 66%;
}

.about__file {
    margin-top: 30px;
    position: relative;
    padding-left: 80px;
}

.about__file-name {
    font-size: 15px;
    color: #0073AE;
    font-weight: 400;
}

.about__file::before {
    content: url('data:image/svg+xml;charset=utf-8, <svg width="50" height="40" viewBox="0 0 50 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28.8 20V3.8C28.8 2.3 27.6 1 26 1H11.5C10.7 1 10 1.3 9.5 1.8L1.8 9.3C1.3 9.9 1 10.6 1 11.4V36.2C1 37.7 2.3 39 3.9 39H26C27.6 39 28.9 37.7 28.9 36.2V33.3" stroke="%2337474F" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.29999 10.2H10.3V1.30005" stroke="%2337474F" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M49 20H20.2V33.3H49V20Z" stroke="%2337474F" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24.7 29.9999V23.3999H27.4C28.2 23.3999 28.8 23.5999 29.3 23.9999C29.8 24.3999 30 24.9999 30 25.6999C30 26.3999 29.7 26.9999 29.2 27.3999C28.7 27.7999 28.1 27.9999 27.3 27.9999H26.2V29.9999H24.7ZM26.2 26.6999H27.4C27.8 26.6999 28.1 26.5999 28.3 26.3999C28.5 26.1999 28.6 25.9999 28.6 25.6999C28.6 25.3999 28.5 25.0999 28.3 24.9999C28.1 24.7999 27.8 24.6999 27.4 24.6999H26.3V26.6999H26.2Z" fill="%2337474F"/> <path d="M31.7 29.9999V23.3999H34.3C35.3 23.3999 36.2 23.6999 36.9 24.2999C37.6 24.8999 37.9 25.6999 37.9 26.6999C37.9 27.5999 37.6 28.3999 36.9 29.0999C36.2 29.6999 35.4 29.9999 34.3 29.9999H31.7ZM33.2 28.6999H34.3C34.9 28.6999 35.4 28.4999 35.8 28.0999C36.2 27.6999 36.4 27.1999 36.4 26.6999C36.4 26.0999 36.2 25.5999 35.8 25.2999C35.4 24.8999 34.9 24.6999 34.3 24.6999H33.2V28.6999Z" fill="%2337474F"/> <path d="M39.8 29.9999V23.3999H44.9V24.6999H41.3V26.0999H44.5V27.3999H41.3V29.9999H39.8Z" fill="%2337474F"/> </svg> ');
    width: 50px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: .35;
    transform: translate(0%, -50%);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.about__file-type {
    font-size: 13px;
    color: #37474F;
    font-weight: 400;
    opacity: 0.5;
    margin-top: 5px;
}

.about__section-top.open::before {
    transform: translate(-50%, 0) rotate(-135deg);
    top: calc(50% - 6px);
}

@media (min-width: 768px) {
    .about__section-top:hover::before {
        border-right: 2px solid #0073AE;
        border-bottom: 2px solid #0073AE;
    }
    .about__file:hover::before {
        content: url('data:image/svg+xml;charset=utf-8, <svg width="50" height="40" viewBox="0 0 50 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M28.8 20V3.8C28.8 2.3 27.6 1 26 1H11.5C10.7 1 10 1.3 9.5 1.8L1.8 9.3C1.3 9.9 1 10.6 1 11.4V36.2C1 37.7 2.3 39 3.9 39H26C27.6 39 28.9 37.7 28.9 36.2V33.3" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.29999 10.2H10.3V1.30005" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M49 20H20.2V33.3H49V20Z" stroke="%230073AE" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24.7 29.9999V23.3999H27.4C28.2 23.3999 28.8 23.5999 29.3 23.9999C29.8 24.3999 30 24.9999 30 25.6999C30 26.3999 29.7 26.9999 29.2 27.3999C28.7 27.7999 28.1 27.9999 27.3 27.9999H26.2V29.9999H24.7ZM26.2 26.6999H27.4C27.8 26.6999 28.1 26.5999 28.3 26.3999C28.5 26.1999 28.6 25.9999 28.6 25.6999C28.6 25.3999 28.5 25.0999 28.3 24.9999C28.1 24.7999 27.8 24.6999 27.4 24.6999H26.3V26.6999H26.2Z" fill="%230073AE"/> <path d="M31.7 29.9999V23.3999H34.3C35.3 23.3999 36.2 23.6999 36.9 24.2999C37.6 24.8999 37.9 25.6999 37.9 26.6999C37.9 27.5999 37.6 28.3999 36.9 29.0999C36.2 29.6999 35.4 29.9999 34.3 29.9999H31.7ZM33.2 28.6999H34.3C34.9 28.6999 35.4 28.4999 35.8 28.0999C36.2 27.6999 36.4 27.1999 36.4 26.6999C36.4 26.0999 36.2 25.5999 35.8 25.2999C35.4 24.8999 34.9 24.6999 34.3 24.6999H33.2V28.6999Z" fill="%230073AE"/> <path d="M39.8 29.9999V23.3999H44.9V24.6999H41.3V26.0999H44.5V27.3999H41.3V29.9999H39.8Z" fill="%230073AE"/> </svg> ');
        opacity: 1;
    }
}
/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?177746756851*/
font.errortext{color:red}font.notetext{color:green}
/* End */
/* /bitrix/templates/.default/components/bitrix/breadcrumb/default/style.css?1777467716894 */
/* /bitrix/templates/about-new/components/bitrix/news.detail/product-new/style.css?17774677204707 */
/* /bitrix/templates/.default/components/webc/city.filter/.default/style.css?177746771723664 */
/* /bitrix/templates/.default/components/bitrix/news.list/partners-list/style.css?177746771749264 */
/* /bitrix/templates/.default/components/bitrix/catalog.section.list/partners-files-list/style.css?17774677175136 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?177746756851 */