/* Start:/local/templates/shop/components/bitrix/catalog/shop/style.css?17682364959198*/
.catalog{
	margin-bottom: 90px;
}

.catalog-title h1 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	color: var(--text-color, #000);
	letter-spacing: .5px;
	margin: 10px 0 30px;
}

.catalog-title h1[data-count]::after {
	content: attr(data-count);
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: gray;
	margin-left: 5px;
	white-space: nowrap;
}

.catalog-header-list {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-flow: row nowrap;
	width: 100%;
}



.catalog-btn-filter {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
}

.catalog-sort {
	font-size: 15px;
	line-height: 20px;
	display: flex;
	align-items: center;
	width: 100%;
	margin: 22px 0 20px;
}

.catalog-sort a {
	color: #000;
}

.catalog-section .catalog-sort select {
	min-width: 220px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 230px;
	padding: 8px 12px;
	color: #0d0d0d;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	border-radius: 8px;
	cursor: pointer;
	transition: border-color .1s linear;
	height: 40px;
	border: 0;
}

.catalog-section .catalog-sort .ui-select:hover select {
	background-color: #f2f2f2;
    cursor: pointer;
}

.catalog-sort .ui-options{
	top: 40px;
}

.section-list + .section-list:not(:empty){
	margin-top: 20px;
}

@media (max-width:992px) {

	.section-list--mobile{
		display: none;
	}
	.catalog-header-list {
		flex-wrap: wrap;
	}

	.filter-tile {
		display: flex;
		justify-content: space-between;
		background: #F3F8FE;
		border: 1px solid #DCEAFD;
		border-left: 0;
		border-right: 0;
		padding: 12px 20px;
		margin: 0 -20px 10px -20px;
		width: calc(100% + 40px);

	}

	/* .filter-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20px;
	} */


}

@media (max-width:776px) {
	.catalog-sort::before {
		display: none;
	}

	.catalog-sort select {
		min-width: 150px;
		font-size: 14px;
	}
}

/* .catalog-btn-filter svg {
	margin-right: 5px;
} */

.catalog-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-flow: row nowrap;
	margin-bottom: 30px;
	margin-top: 15px;
	width: 100%;
}



/* SORT */

.catalog-sort-panel {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: flex-start;
	line-height: 19px;
	margin-right: 10px;
	position: relative;
	margin-top: 12px;
}

.catalog-sort-panel>a {
	margin-left: 10px;
	position: relative;
	text-decoration: none;
	color: #343A40;
}

.catalog-sort-panel>a::after {
	content: '';
	position: absolute;
	right: -11px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 5px;
	height: 5px;
	border-bottom: 1px solid #5F5F5F;
	border-right: 1px solid #5F5F5F;
	transform: rotate(45deg);
}

.catalog-sort-panel>a.active::after {
	transform: rotate(-135deg);
	top: 6px;
}

.hidden-sort-list-menu {
	list-style: none;
	padding: 5px 5px 5px 33px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	border: 1px solid #F2F2F2;
	background-color: #fff;
	display: none;
	position: absolute;
	top: 22px;
	width: calc(100% + 14px);
	left: 0;
	box-sizing: border-box;
}

.hidden-sort-list-menu.active {
	display: block;
	z-index: 2;
}

.hidden-sort-list-menu li a {
	text-decoration: none;
	padding: 5px 0;
	display: block;
	position: relative;
	font-size: 14px;
	color: #343A40;
}

.hidden-sort-list-menu li a.active::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	width: 10px;
	margin: auto;
	height: 5px;
	border-bottom: 2px solid #323232;
	border-left: 2px solid #323232;
	transform: rotate(-45deg);
}

.all_filter_click {
	display: none;
}

.catalog-wrapper--main {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	margin-bottom: 40px;
	justify-content: flex-start;
	align-items: flex-start;
}

.main-catalog-goods-panel {
	margin-bottom: 50px;
}

.catalog-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: calc(100% - 324px);
}

.catalog-row {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}

/** Баннеры */
.catalog-section-banner {
	width: 100%;
	margin-top: 25px;
	background: #172248;
	padding: 20px 25px;
}

.catalog-section-banner--bottom {
	background: linear-gradient(102deg, #141414 36.78%, #172248 100%);
}

.catalog-section-banner__inner {
	border: 1px solid #fff;
	padding: 19px 17px;
	display: flex;
	align-items: center;
	gap: 24px;
}

.catalog-section-banner--bottom .catalog-section-banner__inner {
	border: none;
	padding: 24px 17px;
}

.catalog-section-banner__image {
	flex-shrink: 0;
}

.catalog-section-banner__info {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.catalog-section-banner__text {
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
}

.catalog-banner__buttons-block {
	display: flex;
	gap: 16px;
}

.catalog-banner__button {
    min-height: 50px;
    min-width: 50px;
	width: 100%;
    padding: 0;
    gap: 8px;
    border-radius: 5px;
    text-decoration: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-banner__button-wa {
	background: #32d951;
}

.catalog-banner__button-tg {
	background: #039be5;
}

.catalog-banner__button-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	color: #fff;
	font-style: normal;
	justify-content: center;
}

.catalog-banner__button-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
}

.catalog-banner__button-text {
	font-size: 8px;
	font-weight: 400;
	line-height: 11px;
}

@media (max-width: 685px) {
	.catalog-section-banner__inner {
		flex-direction: column;
		gap: 10px;
	}

	.catalog-section-banner--bottom .catalog-section-banner__inner {
		padding: 4px 0;
	}

	.catalog-section-banner__image {
		max-width: 104px;
		height: auto;
	}

	.catalog-section-banner--bottom .catalog-section-banner__image {
		max-height: 126px;
		max-width: unset;
		width: auto;
	}

	.catalog-section-banner__text {
		font-size: 16px;
		text-align: center;
		line-height: 25px;
	}

	.catalog-banner__buttons-block {
		justify-content: center;
	}

	.catalog-banner__button-title {
		font-size: 12px;
		line-height: 14px;
	}
}

@media (max-width: 470px) {
	.catalog-banner__buttons-block {
		flex-direction: column;
	}

	.catalog-banner__button {
		padding: 8px 16px;
	}
}
.catalog-section-banner__price {
    background-image: url("/local/templates/shop/components/bitrix/catalog/shop/images/Group 1.png");
    width: fit-content;
    padding: 10px 13px 10px 27px;
    background-size: contain;
    background-repeat: no-repeat;
    color: #FFF;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.catalog-section-banner__text span {
    background: #FFECAC;
    padding: 3px 11.5px;
    color: #000;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.catalog-section-banner__link a {
    color: #FFF;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.catalog-section-banner__text strong {
    font-weight: 500;
}
.catalog-section-banner__social {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
	flex: 1;
    align-items: center;
}
.catalog-section-banner__price.mobile {
    display: none;
}
.catalog-section-banner__link br {
    display: none;
}
@media (max-width: 905px) {
	.catalog-section-banner__text span {
		display: block;
		width: fit-content;
	}

	.catalog-section-banner__text br {
		display: none;
	}
}

@media (max-width: 685px) {
	.catalog-section-banner__price {
		display: none;
	}
	.catalog-section-banner__price.mobile {
		display: block;
        background-image: url("/local/templates/shop/components/bitrix/catalog/shop/images/Group 2.png");
        padding: 14px 25px 12px 36px;
        background-size: 100% 100%;
        font-size: 18px;
		text-align: center;
    }
	.catalog-section-banner__image-block {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		gap: 20px;
	}
	.catalog-section-banner__text span {
		margin: 0 auto;
		font-size: 16px;
	}
	.catalog-section-banner__link {
		text-align: center;
	}

	.catalog-section-banner__social {
		flex-direction: row;
		font-size: 13px;
	}

	.catalog-section-banner__social br {
		display: none;
	}
	.catalog-banner__button {
		min-height: 40px;
		min-width: 40px;
		width: 100%;
	}
	.catalog-banner__buttons-block svg {
		width: 21px;
	}
	.catalog-section-banner__text strong {
		display: block;
	}
	.catalog-section-banner__link br {
		display: block;
	}
}
/* End */


/* Start:/local/templates/shop/components/bitrix/catalog.element/us/style.css?175790984937515*/




.page-skupka-detail {
    font-size: 18px;
}

.page-skupka-detail .calculator {
    background: url(/images/calculate-box-bg.png) no-repeat center bottom;
    background-size: cover;
}

.page-skupka-detail .calculator {
    background-color: #37507E;
    padding: 72px 0;
}

.accept-box {
    padding-top: 48px;
}


.service-page-titles {
    padding: 0 20px;
    width: 100%;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative
}

.service-page__mb-40 {
    margin-bottom: 40px
}

.service-page-titles .title-contents {
    width: 100%;
    max-width: 1226px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: center;
    color: #fff;
    margin: 0 auto;
    height: 100%;
    padding: 105px 0 90px
}

.service-page-titles  {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 0 30px
}

.page-skupka-detail .service-page-titles {
    justify-content: flex-start
}

.service-page-titles, .service-page-titles  {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    text-decoration: none
}



.service-page-titles h1 {
    font-weight: 600;
    font-size: 64px;
    line-height: 77px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 30px;
    width: 100%
}

.service-page-titles .page-description {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin: 0 0 50px;
    width: 100%
}

.service-page.page-skupka-detail .service-page-titles .page-description {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin: 0 0 50px;
    max-width: 100%
}

.service-page-titles .btn-buy {
    border: 3px solid #fff;
    border-radius: 45px;
    width: 296px;
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    color: #fff
}

.service-page-titles .btn-buy:hover {
    color: #37609e;
    background: #fff
}

.service-page-titles .rating-items {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin: 20px 0 0
}

.page-skupka-detail .service-page-titles .rating-items {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    margin: 20px 0 0
}

.service-page-titles .rating-items .item {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 250px
}

@media (max-width: 768px) {
    .service-page-titles .rating-items .item {
        margin: 10px 0
    }
}

.service-page-titles .rating-items .item:first-child {
    margin-right: 25px
}

.service-page-titles .rating-items .item img {
    margin: 0 10px
}

.service-page-titles .btn-box, .main-page-banner .header-left .btn-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    justify-content: center;
    max-width: initial
}

.service-page-titles .btn-box a {
    margin: 0 10px 10px
}

.service-page-titles .btn-box a span span, .main-page-banner .header-left .btn-box a span span {
    font-size: 23px;
    margin: 0
}

.service-page-titles .btn-box a i, .main-page-banner .header-left .btn-box a i {
    font-size: 12px
}

.service-page-titles .btn-box a svg, .main-page-banner .header-left .btn-box a svg {
    width: 34px;
    height: 34px
}


.px__info {
    max-width: 550px;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #fff;
    font-size: 16px;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 1rem;
    margin-bottom: 2.5rem
}

.px__info div {
    background: #fff;
    display: grid;
    align-items: center;
    justify-items: center
}

.px__info span {
    padding: 5px
}

.px__info a {
    color: #fff
}

.px__info.px__info_blue {
    border: 1px solid #37507e;
    max-width: 550px;
    margin: 0 auto;
    text-align: left;
    border: 1px solid #fff;
    font-size: 16px;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 1rem;
    margin-bottom: 2.5rem
}

.px__info.px__info_blue div {
    background: #37507e
}

.px__info.px__info_blue a {
    color: #37507e
}

.main-post {
    max-width: 620px;
    text-align: center;
    margin: 0 auto;
}


.main-post .btn, .page__lombard-social .btn {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 14px 24px;
    text-align: left
}

.page__lombard-social .btn, .page__lombard-social .btn-telegram {
    justify-content: center
}

.page__lombard-social .btn {
    padding: 14px 10px
}

.main-post .btn span, .page__lombard-social .btn span {
    display: block
}

.main-post .btn span span, .page__lombard-social .btn span span {
    display: block;
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: 500;
    color: #fff
}

.main-post .btn svg, .page__lombard-social .btn svg {
    width: 37px;
    height: 37px;
    flex-shrink: 0;
    margin-right: 12px
}

.main-post .btn i, .page__lombard-social .btn i {
    font-style: normal
}

.main-post .btn-telegram, .page__lombard-social .btn-telegram {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, .7);
    padding: 14px 24px;
    text-align: left
}

.page__lombard-social .btn-telegram {
    padding: 14px 10px
}

.main-post .btn-telegram span, .page__lombard-social .btn-telegram span {
    display: block
}

.main-post .btn-telegram span span, .page__lombard-social .btn-telegram span span {
    display: block;
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: 500;
    color: #fff
}

.main-post .btn-telegram svg, .page__lombard-social .btn-telegram svg {
    width: 37px;
    height: 37px;
    flex-shrink: 0;
    margin-right: 12px
}

.main-post .btn-telegram i, .page__lombard-social .btn-telegram i {
    font-style: normal
}

.btn {
    background-color: #23c920;
    border-radius: 3px;
    color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    padding: 14px;
    text-decoration: none;
    border-width: 0;
    cursor: pointer;
}

.btn-telegram {
    background-color: #55a8e3;
    border-radius: 3px;
    color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    padding: 14px;
    text-decoration: none;
    border-width: 0;
    cursor: pointer;
}

.blog-detail {
    width: 100%;
    max-width: 1226px;
    margin: 10px auto 60px
}

.blog-detail p, .blog-detail li, .blog-detail span, .blog-detail a {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000
}

.blog-detail p, .blog-detail li {
    margin: 0 0 10px
}

.blog-detail p, .blog-detail red-line {
    text-indent: 25px
}

.blog-detail h2, .blog-detail h3, .blog-detail h4, .blog-detail h5, .blog-detail h6, .blog-detail .h2, .blog-detail .h3, .blog-detail .h4, .blog-detail .h5, .blog-detail .h6 {
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    color: #000;
    margin: 30px 0 20px
}

.blog-detail h3, .blog-detail .h3 {
    font-size: 28px
}

.blog-detail h4, .blog-detail .h4 {
    font-size: 26px
}

.blog-detail h5, .blog-detail .h5 {
    font-size: 24px
}

.blog-detail h6, .blog-detail .h6 {
    font-size: 22px
}

.blog-detail a {
    color: #37609e;
    text-decoration: none
}

.blog-detail blockquote, .blog-detail .blockquote {
    position: relative;
    background: #37507e;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    padding: 40px 40px 40px 180px;
    margin: 20px 0 30px
}

.blog-detail blockquote:before, .blog-detail .blockquote:before {
    content: '';
    position: absolute;
    background: url(/upload/wp-content/images/icon-blockquote.svg) no-repeat center center;
    width: 98px;
    height: 98px;
    display: block;
    left: 50px;
    top: 12%
}

.blog-detail a:hover {
    text-decoration: underline
}

.blog-detail img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 20px 0 30px;
    min-height: 308px
}

.blog-detail ul, .blog-detail ol {
    margin: 0;
    position: relative;
    width: 100%;
    list-style: none;
    padding: 0;
}

.blog-detail ul li, .blog-detail ol li {
    position: relative;
    padding: 0 0 0 25px
}

.blog-detail ul li:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #37507e;
    position: absolute;
    left: 5px;
    top: 5px
}

.blog-detail ol {
    counter-reset: num
}

.blog-detail ol li:before {
    content: counter(num) '.';
    counter-increment: num;
    display: inline-block;
    position: absolute;
    left: 5px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #37507e
}

.blog-share {
    background: #fff;
    padding: 35px 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    flex-wrap: wrap;
    margin: 40px 0 10px;
    width: 100%
}

.blog-share span.name {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin: 0 20px 0 0;
    display: inline-block
}

.blog-share .ya-share2 .ya-share2__badge {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px 0 0
}

.blog-box.whait .blog-items .item {
    background: #f6f6f6
}

.blog-box.whait .blog-items .item .btn-detail {
    width: 100%
}

.blog-box.whait .blog-more {
    font-weight: 400;
    text-align: center;
    background: #fff;
    display: inline-block;
    text-decoration: none;
    min-width: 400px;
    font-size: 14px;
    line-height: 20px;
    color: #37507e;
    border: 1px solid #37507e;
    padding: 11px 0
}

.blog-box.whait .blog-more:hover {
    background: #37507e;
    color: #fff
}

.service-page section {
    background: white;
    padding: 75px 0;
}

.service-page .bg-grey {
    background: #F6F6F6;
}

.service-content {
    width: 100%;
    max-width: 1226px;
    margin: 0 auto;
}


.service-content h2 {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    color: #000;
    text-align: center
}

.votes-box {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px
}

.votes-wrap {
    display: flex;
    align-items: flex-start
}

.votes-box .votes__list ul li:before, .votes-box .votes__scroll ul li:before {
    display: none
}

.votes-box .votes__list {
    padding-right: 60px;
    border-right: 1px solid #d8d8d8;
    margin-right: 60px
}

.votes-box .votes__list ul, .votes-box .votes__scroll ul {
    padding-left: 30px
}

.votes-box .votes__scroll .votes__scroll_title {
    margin: 0 0 25px;
    line-height: 1
}

#yasr-visitor-votes-box {
    margin-bottom: 20px
}

.yasr-visitor-votes {
    display: none
}

.yasr-vv-text-container span {
    font-size: 20px
}

.votes-wrap .votes__list_item .votes__icon_date, .votes-wrap .votes__list_item .votes__icon_time, .votes-wrap .votes__list_item .votes__icon_eye {
    position: relative
}

.votes-wrap .votes__list_item .votes__icon_date:before {
    content: '';
    position: absolute;
    top: 0;
    left: -55px;
    width: 40px;
    height: 40px;
    background: url('/upload/wp-content/images/votes-icon_date.png') no-repeat center;
    background-size: cover
}

.votes-wrap .votes__list_item .votes__icon_time:before {
    content: '';
    position: absolute;
    top: 0;
    left: -55px;
    width: 40px;
    height: 40px;
    background: url('/upload/wp-content/images/votes-icon_time.png') no-repeat center;
    background-size: cover
}

.votes-wrap .votes__list_item .votes__icon_eye:before {
    content: '';
    position: absolute;
    top: 0;
    left: -55px;
    width: 40px;
    height: 40px;
    background: url('/upload/wp-content/images/votes-icon_eye.png') no-repeat center;
    background-size: cover
}

.votes-wrap .votes__list_point {
    font-weight: 400;
    font-size: 16px;
    color: #000
}

.votes-wrap .votes__list_value, .votes-wrap .votes__list_value .post-views-count {
    font-size: 24px;
    line-height: 29px;
    color: #000
}

.votes-wrap .votes__scroll .votes__scroll_item {
    position: relative
}

.votes-wrap .votes__scroll .votes__scroll_item a:before {
    content: '';
    position: absolute;
    top: -5px;
    left: -25px;
    width: 26px;
    height: 26px;
    border: 2px solid #cdd8ed;
    border-radius: 3em
}

.votes-wrap .votes__scroll .votes__scroll_item a:after {
    content: '';
    position: absolute;
    top: 6px;
    left: -16px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #cdd8ed;
    border-right: 2px solid #cdd8ed;
    transform: rotate(45deg)
}

.votes-wrap .votes__scroll .votes__scroll_item a {
    display: inline-flex;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #37507e;
    text-decoration: none;
    margin-bottom: 15px;
    border-bottom: 1px dotted #37507e
}

.votes-wrap .votes__scroll .votes__scroll_item a:hover {
    border-bottom: 1px dotted transparent
}

.blog-detail h2 {
    font-weight: 600 !important;
    font-size: 36px;
    line-height: 44px;
    color: #000;
    margin: 20px 0 30px;
    text-align: center;
}

.service-page h3, .service-page .h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: #000;
    margin: 0 0 50px;
}

.advantages-box {
    background: #fff;
    padding: 50px 0 40px;
    position: relative;
    width: 100%
}

.advantages-box .description {
    margin: 0 0 40px
}

.advantages-items {
    flex-wrap: wrap;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    width: 100%
}

.advantages-items.center {
    justify-content: center
}

.advantages-items.center .item {
    padding: 0 20px
}

.advantages-items .item {
    padding: 0 10px;
    width: 25%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 0 40px;
    text-align: center
}

.advantages-items .item .photo {
    width: 178px;
    height: 178px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 0 25px
}

.advantages-items .item .photo img {
    width: 100%;
    height: 100%
}

.advantages-items .item span {
    min-height: 50px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #333;
    margin: 0 0 10px;
    display: block
}

.advantages-items .item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000;
    margin: 0
}

.advantages-items.otsenka .item {
    width: 20%
}

.advantages-items.otsenka .item span {
    font-weight: 700;
    font-size: 21px;
    min-height: auto;
    margin: 0 0 20px
}

.advantages-items .item.column-6 {
    width: 50%;
    padding: 0 20px
}

.advantages-items .item.column-3 {
    width: 32%;
    padding: 0 20px
}

.service-text-box {
    text-align: left;
    background: #fff;
    padding: 20px 55px;
    margin: 35px 0 0
}

.service-content .service-text-box h2 {
    font-size: 30px;
    text-align: left;
    margin: 20px 0 10px
}

.service-content .service-text-box p {
    text-align: left
}

.service-content .service-text-box li span {
    color: #37507e;
    font-weight: 700;
    display: block;
    margin: 0 0 5px
}

.our-terms-box {
    background-color: #ffffff;
    padding: 25px 0;
}

.circle-list {
    padding: 0
}

.circle-list li {
    list-style: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    position: relative;
    padding-left: 30px;
    padding-bottom: 15px
}

.circle-list li:before {
    content: '';
    display: block;
    border: 2px solid #37507e;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 8px
}

.main-section-wrap {
    display: flex;
    width: 100%;
}

.service-page-titles .main-section__left h1 {
    text-align: left
}

.main-section-wrap .main-section__left {
    max-width: 760px;
    width: 100%;
}

.main-section-wrap .main-section__right {
    max-width: 420px
}

.page-skupka-detail .service-page-titles .page-description {
    text-align: left;
    max-width: 760px
}

.btn-wrap .main-post .flx:first-child {
    margin-right: 25px
}

.btn-wrap .main-post {
    display: flex;
    max-width: 760px;
}

@media (max-width: 991px) {
    .page-skupka-detail .main-section-wrap {
        flex-direction: column
    }
}

@media (max-width: 768px) {
    .btn-wrap .main-post .flx:first-child {
        margin-right: 0
    }
}

.page-skupka-detail .btn-wrap a.btn svg, .page-skupka-detail .btn-wrap a.btn-telegram svg {
    width: 40px;
    height: 40px
}

.page-skupka-detail .btn-wrap a span span {
    color: #fff;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

@media (max-width: 768px) {
    .page-skupka-detail .btn-wrap a span span {
        font-size: 16px
    }
}

.page-skupka-detail .btn-wrap a span i {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px
}

@media (max-width: 768px) {
    .page-skupka-detail .btn-wrap a span i {
        font-size: 11px
    }
}

.main-section-wrap .description-purchase {
    max-width: 420px;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid rgba(255, 255, 255, .3)
}

@media (max-width: 768px) {
    .main-section-wrap .description-purchase {
        margin-top: 40px;
        margin-left: 0;
        padding-left: 0;
        border-left: 0
    }
}

.main-section-wrap .description-purchase ul {
    list-style: none;
    padding: 0;
}

.main-section-wrap .description-purchase__box {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.main-section-wrap .description-purchase__img, .main-section-wrap .coat-of-arms__img {
    margin-right: 30px;
    width: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: auto
}

.main-section-wrap .description-purchase__text {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}



.description-purchase__box.coat-of-arms {
    border-top: 1px solid rgba(255, 199, 0, .5);
    padding-top: 16px;
    margin-bottom: 0
}

.description-purchase__box.coat-of-arms .coat-of-arms__text {
    font-size: 18px;
}

.description-purchase__box.coat-of-arms .coat-of-arms__text_gold {
    color: #ffc700
}

.page-skupka-detail .px__info {
    max-width: 100%;
    text-align: left;
    border: 1px solid #fff;
    font-size: 16px;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 1rem;
    margin-bottom: 2.5rem;
}

.description-purchase__box.coat-of-arms img {
    width: 75px;
    max-width: 75px;
}

@media (max-width: 992px) {
    .blog-items, .pagination-box, .blog-page-titles, .blog-detail, .service-content {
        padding: 0 20px
    }

    .page_inner.other .blog-page-titles {
        padding: 20px;
        margin-top: 0
    }

    .blog-items .item:nth-child(1), .blog-items .item:nth-child(7), .blog-items .item {
        width: 49%;
        flex-direction: column
    }

    .blog-items .item:nth-child(1) .photo, .blog-items .item:nth-child(7) .photo {
        height: 256px
    }

    .blog-items .item .info {
        height: auto
    }
}


@media (max-width: 768px) {
    .votes-wrap {
        flex-direction: column
    }

    .votes-wrap .votes__list {
        padding: 0 0 30px;
        border-right: 0;
        border-bottom: 1px solid #d8d8d8;
        margin: 0 0 30px
    }
}

@media (max-width: 660px) {
    .blog-box.whait .blog-more {
        min-width: 100%
    }

    .blog-items .item:nth-child(1), .blog-items .item:nth-child(7), .blog-items .item {
        width: 100%;
        flex-direction: column
    }

    .blog-detail blockquote, .blog-detail .blockquote {
        padding: 30px 30px 30px 105px;
        font-size: 14px
    }

    .blog-detail blockquote:before, .blog-detail .blockquote:before {
        width: 53px;
        height: 53px;
        background-size: 100% 100% !important;
        left: 35px;
        top: 27px
    }

    .blog-detail h2, .blog-detail .h2 {
        font-size: 24px;
        line-height: 29px
    }

    .blog-detail h3, .blog-detail .h3 {
        font-size: 22px;
        line-height: 29px
    }

    .blog-detail h4, .blog-detail .h4 {
        font-size: 20px;
        line-height: 26px
    }

    .blog-detail h5, .blog-detail .h5 {
        font-size: 18px;
        line-height: 26px
    }

    .blog-detail h6, .blog-detail .h6 {
        font-size: 18px;
        line-height: 24px
    }

    .blog-detail p, .blog-detail li, .blog-detail span, .blog-detail a {
        font-size: 14px;
        line-height: 24px
    }

    .blog-page-titles h1 {
        font-size: 30px;
        line-height: 36px
    }

    .blog-share span.name {
        margin: 0 0 20px;
        width: 100%
    }

    .blog-share {
        padding: 30px 35px
    }
}


/* How buy */

.how-buy-box {
    background-image: url(/upload/wp-content/images/background-how-buy.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    padding: 46px 0 36px
}

.how-buy-box h2, .how-buy-box .h2, .how-buy-box p, .questions-remain-box h2, .questions-remain-box .h2 {
    color: #fff !important
}

.how-buy-box h2, .how-buy-box .h2 {
    margin: 0 0 40px
}

.how-buy {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    padding: 7px 0 20px;
    justify-content: center
}

.how-buy__item {
    width: 25%;
    text-align: center;
    padding: 0 15px
}

.how-buy__item_name {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    padding: 38px 0 19px
}

.how-buy__item .photo {
    position: relative
}

.how-buy__item .photo img {
    width: 178px;
    height: 178px;
    margin: 0 auto
}

.how-buy__item .photo:after {
    content: '';
    position: absolute;
    display: block;
    width: 72px;
    height: 16px;
    background-image: url(/upload/wp-content/icon/arrow-how-buy.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 48%;
    right: -50px
}

.how-buy__item:last-child .photo:after {
    display: none;
}

@media (max-width: 1100px) {
    .how-buy__item {
        width: 50%
    }

    .how-buy__item .photo:after {
        right: auto;
        left: calc(50% + 110px)
    }

    .how-buy-box__detail .how-buy__item {
        width: 50%
    }
}

@media (max-width: 768px) {
    .how-buy__item {
        width: 100%
    }

    .how-buy__item .photo:after {
        width: 55px
    }

    .how-buy__item .photo:after {
        display: none
    }
}

/* banner box */

.banner-box {
    padding: 40px 0
}

.service-content p {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    margin: 0 0 15px;
}

.banner-box .service-content p {
    margin: 0 0 30px;
    text-align: left
}

.page-skupka-detail .promo {
    background: #172247;
    box-shadow: 0 0 0 25px #172247;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
    color: #fff;
    width: calc(100% - 50px);
    margin: 60px auto 130px
}

.promo>img {
    width: 317px
}

.promo .title {
    font-weight: 700;
    font-size: 36px;
    line-height: 140%;
    color: #fff
}

.page-skupka-detail .promo p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    margin: 10px 0 10px
}

.promo .btn-green {
    padding: 12px 25px;
    text-align: center
}

.promo .description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 60px
}

.promo .btn-blu {
    background-color: #37609e;
    color: #fff;
    padding: 22px 24px;
    text-decoration: none;
    cursor: pointer;
    border-width: 0;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
}

.promo .btn-blu svg {
    display: block;
    margin-right: 12px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

@media screen and (max-width: 998px) {
    .promo .description {
        padding: 30px 0 0
    }

    .promo {
        flex-direction: column;
        margin: 50px auto 80px
    }

    .promo .title {
        text-align: center;
        font-size: 20px
    }

    .promo p {
        text-align: center;
        width: 100%
    }

    .promo .btn-green {
        margin: 0 auto 20px
    }

    .promo>img {
        width: 220px;
        margin: 20px 0 0
    }
}

@media screen and (max-width: 764px) {
    .promo {
        margin: 80px auto
    }

    .promo .title {
        font-size: 17px
    }

    .promo p {
        font-size: 14px
    }
}


.price-box {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    margin: 0 0 40px;
}

.price-box .price {
    width: 45%;
    position: relative;
    background: #fff;
    padding: 45px 30px;
    height: 100%;
}

.price-box .price .name {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
}

.price-box .price .name span {
    font-weight: bold;
    color: #C60024;
    display: block;
    margin: 5px 0 0;
}

.price-box .price table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    height: auto;
    margin: 20px 0
}

.price-box .price td,
.price-box .price th {
    font-weight: 400;
    font-size: 13px;
    line-height: 30px;
    color: #333333;
    padding: 5px 20px;
    text-align: center;
}

.price-box .price tr {
    border-bottom: 7px solid white;
    border-radius: 5px;
}

.price-box .price td {
    color: #C60024;
    background: #F1F1F1;
}

.price-box .price th {
    color: #8A8A8A;
}

.price-box .price tr td:first-child,
.price-box .price tr th:first-child {
    color: #333333;
    text-align: left;
}

.price-box .price tr td:first-child {
    border-radius: 10px 0 0 10px;
}

.price-box .price tr td:last-child {
    border-radius: 0 10px 10px 0;
}

.price-box .text {
    width: 40%;
    text-align: left;
    position: relative;
    padding: 0 0 0 40px;
}

.price-box .text p {
    text-align: left;
}

.price-box .text p span {
    font-weight: bold;
    display: block;
    margin: 0 0 5px;
}

.price-box .price-new {
    width: 60%;
    position: relative;
    background: #fff;
    padding: 0 30px 45px;
    height: 100%;
    font-size: 14px;
    color: #333;
}

.two-table-grams .price-box .price-new {
    width: 49%;
}

.center {
    text-align: center;
}

.price-box .price-new thead {
    text-align: left;
}

.price-box .price-new thead th {
    font-weight: 400;
}

.price-box .price-new table {
    width: 100%;
}

.price-box .price-new .price-title {
    font-size: 24px;
    color: #000;
    padding: 30px 0 18px;
}

.price-box .price-new span {
    color: #7b7b7b;
}

.price-box .price-new .price-red {
    color: #ff0000;
}

.price-box .price-new .price-caps {
    text-transform: uppercase;
}

.price-box .price-new th,
.price-box .price-new td {
    border-bottom: 1px solid #c8c8c8;
    padding: 12px 0;
}

.price-box .price-new td.price-nobrd {
    border-bottom: none;
}

.price-box .center {
    justify-content: center;
}

.price-box-left .text p {
    display: grid;
}

@media (max-width:992px) {
    .price-box .price {
        width: 100%;
        margin: 0 0 30px;
        padding: 45px 20px 20px;
    }

    .price-box .price-new {
        width: 100%;
        margin: 0 0 30px;
        padding: 45px 20px 20px;
    }

    .price-box .price .name {
        text-align: center;
    }

    .price-box .text {
        padding: 0;
        width: 100%;
    }
}


.new-form-block {
    background: #F6F6F6;
    display: flex;
    padding: 31.5px 49px;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.new-form-block-right {
    display: flex;
    min-width: 366px;
}

.new-form-block-right .btn-wrap .main-post {
    flex-direction: column;
    gap: 12px;
}

.new-form-block .title {
    color: #333;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.new-form-block-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.new-form-block-left .text {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.new-form-block-right .btn-wrap .main-post .flx:first-child {
    margin: 0;
}

.new-form-block-right .flx.jcc .btn-telegram, .new-form-block-right .flx.jcc .btn-whatsapp {
    padding: 19px 27px 16px;
}

.page-skupka-detail .new-form-block-right .btn-wrap a.btn svg, .page-skupka-detail .new-form-block-right .btn-wrap a.btn-telegram svg {
    width: 34px;
    height: 34px;
}

.new-form-block-left p {
    text-align: inherit;
    margin: 0;
    display: block;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.new-form-block-left a {
    color: #37507E;
}

@media (max-width: 991px) {
    .new-form-block {
        flex-direction: column;
        padding: 46px 32px;
    }

    .new-form-block-left {
        align-items: center;
        text-align: center;
    }

    .new-form-block-left .text {
        max-width: 638px;
    }

    .new-form-block-right {
        min-width: 100%;
    }

    .new-form-block-right .btn-wrap .main-post {
        flex-direction: row;
        gap: 24px;
        justify-content: space-between;
        max-width: 100%;
        width: 100%;
    }

    .new-form-block-right .btn-wrap {
        width: 100%;
    }

    .page-skupka-detail .new-form-block-right .btn-wrap a span span {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .new-form-block-right .flx.jcc .btn-telegram, .new-form-block-right .flx.jcc .btn-whatsapp {
        padding: 19px 0px 16px 27px !important;
    }

    .page-skupka-detail .new-form-block-right .btn-wrap a span span {
        font-size: 20px !important;
    }

    .page-skupka-detail .new-form-block-right .btn-wrap a span i {
        font-size: 10px;
    }

    .new-form.our-terms-box {
        padding: 25px 0;
    }
}

@media (max-width: 625px) {
    .new-form-block {
        flex-direction: column;
        padding: 33px 17px;
        margin: 5px 0;
    }

    .new-form-block-right .btn-wrap .main-post {
        flex-direction: column;
        gap: 12px;
        align-items: center;
    }

    .new-form-block-right .btn-wrap .main-post .flx {
        margin: 0;
        max-width: 300px;
    }

    .new-form-block-right .flx.jcc .btn-telegram, .new-form-block-right .flx.jcc .btn-whatsapp {
        padding: 15px 16px 11px !important;
    }

    .new-form-block .title {
        font-size: 21px;
    }

    .new-form-block-left .text {
        font-size: 14px;
        line-height: 20px;
    }

    .new-form-block-left .text svg {
        flex: 0 0 23px;
    }

    .new-form-block-left .text:last-of-type {
        text-align: left;
        max-width: 276px;
    }
}


.service-blocks-gray {
    margin-bottom: 40px;
}

@media (max-width: 540px) {
    .service-blocks-gray {
        margin-bottom: 40px;
    }
}

.service-blocks-gray .service-row {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .service-blocks-gray .service-row {
        flex-direction: column;
    }
}

.service-blocks-gray .service-row .service-item {
    width: 48%;
    padding: 40px 60px;
    background: #f0f0f0;
}

@media (max-width: 768px) {
    .service-blocks-gray .service-row .service-item {
        width: 100%;
        padding: 20px;
        background: #f0f0f0;
    }

    .service-blocks-gray .service-row .service-item:first-child {
        margin-bottom: 20px;
    }
}

.service-blocks-gray .service-row .service-item__text {}


.mt40 {
    margin-top: 40px;
}

.service-stages-gemstone-certification {
    padding: 0 0 15px 0;
}

@media (max-width: 768px) {
    .service-stages-gemstone-certification {
        padding: 0 0 15px 0;
    }
}

.service-stages-gemstone-certification .service-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.service-stages-gemstone-certification .service-item {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 15px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 768px) {
    .service-stages-gemstone-certification .service-item {
        flex: 0 0 100%;
        max-width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.service-stages-gemstone-certification .service-item .service-item__count {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 41.5385px;
    color: #37507E;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5em;
    border: 1px #37507E dashed;
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .service-stages-gemstone-certification .service-item .service-item__count {
        width: 90px;
        height: 90px;
        margin-right: 25px;
        font-size: 36px;
    }
}

@media (max-width: 540px) {
    .service-stages-gemstone-certification .service-item .service-item__count {
        width: 60px;
        height: 60px;
        margin-right: 25px;
        font-size: 24px;
    }
}

.service-stages-gemstone-certification .service-item .service-item__text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #333333;
}

@media (max-width: 768px) {
    .service-stages-gemstone-certification .service-item .service-item__text {
        max-width: 70%;
        text-align: left;
    }
}


.px-library__column {
    gap: 1.5rem;
    align-items: start;
}

.px-library__column .px-item {
    background: #F0F0F0;
    padding: 2rem;
}

.px-library__column .px-item__image {
    width: 90px;
    height: 90px;
    margin: 0 auto 2rem;
}

.px-library__column .px-item__title {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.service-px-library .px-library__column.column.column-x3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.service-px-library {
    margin-bottom: 55px;
}

@media (max-width: 768px) {

    .votes-wrap {
        flex-direction: column
    }

    .votes-wrap .votes__list {
        padding: 0 0 30px;
        border-right: 0;
        border-bottom: 1px solid #d8d8d8;
        margin: 0 0 30px
    }
    .service-page-titles .title-contents{
        padding: 50px 0 20px;
    }
    .breadcrumbs{
        left: 20px;
        right: 20px;
        max-width: calc(100% - 40px);
    }
    .service-page-titles .main-section__left h1{
        font-size: 34px;
        line-height: 39px;
        margin: 0 0 20px;
    }
    .service-page-titles .page-description{
        font-size: 14px;
        margin: 0 0 25px;
    }
    .btn-wrap .main-post {
        flex-direction: column;
        align-items: flex-start;
    }
    .btn-wrap .main-post .flx:first-child {
        margin-right: 0;
    }
    .btn-wrap .main-post .flx.jcc {
        width: 100%;
    }
    .main-post .btn, .page__lombard-social .btn, .main-post .btn-telegram, .page__lombard-social .btn-telegram{
        padding: 10px 15px !important;
    }
    .service-page-titles .rating-items {
        margin: 40px 0 0;
        flex-wrap: wrap;
        text-align: center;
    }
    .advantages-items .item, .advantages-items .item.column-6, .advantages-items .item.column-3 {
        width: 100%;
        padding: 0;
    }

    .promo .btn-blu{
        order: 1;
    }

    .promo .flx{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
    }
    .page-skupka-detail .promo{
        padding: 15px;
    }
    .page-skupka-detail{
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .service-page .service-content h2 {
        font-size: 24px;
        line-height: 1.2;
    }
    .mt40 {
        margin-top: 20px;
    }
}

@media (max-width: 600px) {
    .px-library__column {
        grid-template-columns: 1fr !important;
        max-width: 480px;
        margin: 0 auto;
    }
    .service-page-titles h1 {
        font-size: 38px;
        line-height: 54px;
    }
}

@media (max-width: 540px) {
    .service-free-consultation {
        padding-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .service-page-titles h1 {
        font-size: 34px;
        line-height: 39px;
        margin: 0 0 20px;
    }
}

/* End */


/* Start:/local/templates/shop/components/bitrix/catalog.element/us/templates/us/style.css?176824971317194*/
/* FIX slick */

.element-picture .slick-track {
    display: flex;
}

.element-picture {
    display: flex !important;
    position: relative;
}

.element-picture__item {
    position: absolute;
    left: 0;
    top: 0;
    right: var(--el-mr-nav-slider);
}

.slick-initialized .element-picture__item,
.element-picture__item:first-child {
    position: relative;
    right: 0;
}

/* FIX slick */
.ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item {
    margin: 0 5px !important;
}

/* .ya-share2__list{
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
} */

.element__notavailable {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #0d0d0d;
}

body .breadcrumbs ol {
    min-height: 40px;
    margin: 30px 0 48px;
    padding: 0 16px;
}

body .breadcrumbs__item {
    display: flex;
    align-items: center;
    height: 40px;
    white-space: nowrap;
    list-style-type: none;
    font-size: 14px;
    line-height: 20px;
}

body .breadcrumbs__link {
    color: gray;
}

body .breadcrumbs__link:hover {
    color: #000;
    text-decoration: underline;
}

body .breadcrumbs__item+.breadcrumbs__item::before {
    line-height: 1;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20' %3E%3Cpath fill='currentColor' d='m10.563 10.064-3.25-3.25a.8.8 0 0 1-.229-.584.8.8 0 0 1 .23-.583.8.8 0 0 1 .582-.229.8.8 0 0 1 .584.23l3.833 3.832a.7.7 0 0 1 .177.271.9.9 0 0 1 .052.313.9.9 0 0 1-.052.312.7.7 0 0 1-.177.271L8.48 14.48a.8.8 0 0 1-.584.23.8.8 0 0 1-.583-.23.8.8 0 0 1-.229-.583.8.8 0 0 1 .23-.583z'%3E%3C/path%3E%3C/svg%3E");
    opacity: 0.5;
}

.element {
    --el-width-nav-slider: 92px;
    --el-mr-nav-slider: 20px;
}

.element-title h1 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--text-color, #000);
    margin: 0 0 16px;
}

.characteristics-item__title {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.element-artnumber {
    display: block;
    margin-top: 8px;
    color: #737373;
}

.element__pictures {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
}
.element__pictures .slick-dots {
    bottom: 16px;
}
.element__pictures .slick-dots li.slick-active button {
    width: 18px;
    background-color: #595959;
    transition: .3s;

}

.element__pictures .slick-dots li button{
    background: #d9d9d9;
    transition: .3s;
    padding: 4px;
    height: 6px;
    width: 6px;
    border-radius: 4px;
}

.element__pictures .slick-dots li {
    margin: 4px;
}

[data-back-button]{
    margin-right: auto;
}

.element-badges {
    width: 100%;
    order: -2;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding-left: calc(var(--el-width-nav-slider) + var(--el-mr-nav-slider));
}

.element-badges button {
    display: flex;
    opacity: 0.5;
    padding: 4px;
}

.element-badges button:hover {
    opacity: 1;
}

.element-badges button svg {
    width: auto;
    height: 26px;
    /* max-height: 28px; */
}

.badge-NEWPRODUCT {}

.element-badges .badges {
    margin-right: auto;
    margin-left: calc(var(--el-width-nav-slider) + var(--el-mr-nav-slider));
}

.element-banner {
    display: flex;
    margin: 32px 0;
    border-radius: 8px;
    overflow: hidden;
}

.element-block-social {
    position: relative;
    z-index: 10;
    padding: 10px 16px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 8px 0 #0000001a;
    margin-bottom: 24px;
}

.element-block {
    position: relative;
    z-index: 10;
    padding: 20px 16px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 0 8px 0 #0000001a;
    margin-bottom: 24px;
}

.element-block-social .element__info-title,
.element-block .element__info-title {
    margin-top: 0;
}

.element-socials {
    display: flex;
    gap: 8px;
}

.element-socials img {
    width: 32px;
    height: 32px;
}

.element__pictures img {
    width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1;
}

.element-picture {
    width: calc(100% - var(--el-width-nav-slider) - var(--el-mr-nav-slider));
}

.element-picture-slider {
    width: var(--el-width-nav-slider);
    margin-right: var(--el-mr-nav-slider);
    order: -1;
    padding: 20px 0;
    overflow: hidden;
}

.element-picture-slider .slick-arrow {
    position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent !important;
}

.element-picture-slider .slick-arrow svg {
    height: auto;
    width: 12px;
    fill: #000 !important;
}

.element-picture-slider .slick-next {
    top: auto;
    bottom: 0;
}

.element-picture-slider .slick-prev {
    top: 0;
    bottom: auto;
}

.element-picture-slider__item {
    display: flex;
    margin: 7.5px 0px;
    cursor: pointer;
    background: #fff;
    opacity: 0.5;
}

.element-picture-slider__item .picture {
    width: var(--el-width-nav-slider);
    height: var(--el-width-nav-slider);
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-vertical .element-picture-slider__item {
    border: 2px solid transparent !important;
    overflow: hidden;
    border-radius: 8px;
}

.slick-initialized .element-picture__item:last-child img {
    object-fit: contain;
}

.slick-vertical .element-picture-slider__item.slick-current {
    border: 2px solid var(--tmp-blue) !important;
    opacity: 1;
}

.element-delivery-item {
    display: flex;
    gap: 8px;
    cursor: pointer;
}

.element-delivery-item .icon {
    opacity: .6;
    min-width: 24px;
}

.element-delivery-item__title {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #000;
}

.element-delivery-item__time {
    margin-top: 2px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: var(--tmp-blue);
}

.element-delivery-item__address {
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #737373;
}

.element-container {
    /* display: flex;
    align-items: flex-start;
    gap: 32px;
    justify-content: space-between; */
    padding: 0 15px;
}

.element-container {
    display: grid;
    grid-gap: 32px;
    grid-template-areas: "left center right";
    grid-template-columns: minmax(0, 1fr) 313px 313px;
    max-width: 1360px;
    align-items: start;
}

.element__pictures {
    position: sticky;
    top: 20px;
    flex: 1;
}

.element__info {
    width: 313px;
    position: sticky;
    top: 20px;
}

.element__price {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #0d0d0d;
}

.element__price--old {
    font-size: 16px;
    line-height: 24px;
    text-decoration: line-through;
    color: #777777;
    margin-top: 5px;
}

.element__info-title {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
    margin: 24px 0 12px;
}

.element__row--justify {
    display: flex;
    justify-content: space-between;
}

.element-prop {
    --el-margin: 2.5px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--el-margin) * -1);
}

.element-prop.ui-select {
    margin: 0;
    max-width: 285px;
}


.element-prop .element-prop__item {
    margin: var(--el-margin);
}

.element-props {
    margin-top: 32px;
}

.element-props__item {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    text-align: right;
    align-items: baseline;
    gap: 5px;
}

.element-props__item {
    margin-top: 10px;
    color: #000;
}

.element-props__item span:first-child {
    color: #777777;
    text-align: left;
    order: -2;
}

.element-props__item::after {
    content: '';
    display: flex;
    border-bottom: 1px dashed gray;
    flex: 1;
    order: -1;
}

.element__btns {
    margin-top: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.element__btns button {
    width: 100%;
}

.element__btns button+button {
    margin-top: 15px;
}

.element__btns button:last-child {
    margin-right: 0;
}

[data-element-discount] {
    position: relative;
    width: fit-content;
}

[data-element-discount]::after {
    content: attr(data-element-discount);
    position: absolute;
    background: #E20338;
    border-radius: 2px;
    color: #fff;
    padding: 3px 6px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    left: calc(100% + 10px);
}

.prop-disabled {
    display: none;
}

.buy1click {
    display: none;
}

.liked svg {
    fill: #e20338 !important
}

.liked svg path {
    stroke: #e20338 !important
}

.element-props-all {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: var(--tmp-blue);
    margin-top: 32px;
    border: 0;
    background: transparent;
    padding: 0;
}

.element-characteristics {
    margin: 90px 0;
}

.element-tabs {
    display: flex;
    gap: 24px;
    margin-bottom: 48px;
}

.element-tab {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
    padding: 0 6px 8px;
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
}

.element-tab.active {
    color: var(--tmp-blue);
    border-bottom: 2px solid;
    border-bottom-color: var(--tmp-blue);
}

.characteristics {
    display: grid;
    grid-row-gap: 32px;
    grid-column-gap: 32px;
    grid-template-columns: repeat(4, 272px);
    max-width: 1184px;
    overflow: auto;
}

.characteristics-item {
    min-width: 272px;
    max-width: 272px;
    min-height: 280px;
    padding: 24px 24px 34px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
}

.element-tabs-content:not(.active) {
    display: none;
}

.element-tabs-content__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 24px;
    margin-top: 12px;
}

.element-description {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    max-width: 880px;
    margin-bottom: 32px;
}

.element__combined {
    display: contents;
    grid-area: combined-right;
}

@media (min-width: 992px) and (max-width: 1440px) {
    .element-container {
        padding: 0;
        grid-template-areas: "left combined-right";
        grid-template-columns: minmax(0, 1fr) 308px;
    }

    .element__combined {
        display: grid;
        grid-template-areas:
            "title"
            "artnumber"
            "price"
            "social"
            "chips"
            "banner-promo"
            "characteristics"
            "coupon"
            "sizes"
            "actions"
            "delivery"
            "variants";
        height: min-content;
    }

    .element-title {
        grid-area: title;
    }

    .element-artnumber {
        grid-area: artnumber;
        margin-bottom: 16px;
    }

    .element__info {
        display: contents;
        position: static;
        width: 100%;
    }

    .element-block {
        grid-area: price;
    }

    .element-block-social {
        grid-area: social;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .element-container {
        grid-template-areas:
            "slider slider"
            "center right"
            "content-block right";
        grid-template-columns: 50% 1fr;
        padding: 0;
    }

    .element__pictures,
    .element__info {
        position: static;
    }

    .element__pictures {
        grid-area: slider;
    }

    .element-picture {
        width: 100%;
    }

    .element-picture-slider {
        width: 100%;
        margin: 0;
        order: 1;
        max-width: 400px;
        margin: 0 auto;
    }

    .element-picture-slider__item .picture {
        width: auto;
        height: auto;
    }

    .element-picture-slider__item {
        margin: 0 7.5px;
    }

    .element__info {
        width: 100%;
    }

    .element-picture__item .picture {
        max-width: 548px;
        margin: 0 auto;
    }
}
.element-delivery, .element-props-all {
    margin-bottom: 30px;
}

@media (min-width: 1440px) {
    .element-container {
        align-items: start;
    }

    .element__pictures {
        grid-area: left;
    }

    .element__info:nth-child(1) {
        grid-area: center;
    }

    .element__info:nth-child(2) {
        grid-area: right;
    }
    .element__info:nth-child(3) {
        margin-top: 500px;
        grid-area: right;
        position: sticky;
    }
}

@media (max-width: 992px) {
    body .breadcrumbs ol {
        margin: 20px 0 24px;
    }
}

@media (max-width:768px) {
    .element-container {
        grid-template-areas:
            "slider"
            "title"
            "artnumber"
            "price"
            "social"
            "props"
            "delivery"
            "content-block"
            "actions";
        grid-template-columns: 100%;
        padding: 0;
        gap: 0;
    }

    .element-block-social{
        margin: 10px 0;
    }

    .element-props-all{
        display: none;
    }

    [data-treeprop-code]{
        grid-area: props;
    }

    .element__pictures,
    .element__info {
        position: static;
    }

    .element-delivery {
        grid-area: delivery;
    }

    .element-actions {
        grid-area: actions;
        box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px 1px;
        margin-top: 20px;
    }

    .element-block-social {
        grid-area: social;
    }

    .element__pictures {
        grid-area: slider;
    }

    .element-title {
        grid-area: title;
    }

    .element-artnumber {
        grid-area: artnumber;
    }

    .element-block {
        grid-area: price;
        margin-bottom: 0;
    }

    .element-picture {
        width: 100%;
    }

    .element-picture-slider {
        display: none !important;
    }

    .element-picture-slider__item .picture {
        width: auto;
        height: auto;
    }

    .element-picture-slider__item {
        margin: 0 7.5px;
    }

    .element__info {
        width: 100%;
        display: contents;
    }

    .element-picture__item .picture {
        max-width: 548px;
        margin: 0 auto;
    }

    body .breadcrumbs ol {
        display: none;
    }

    .element-badges {
        position: absolute;
        z-index: 1;
        padding: 8px;
    }

    .element__pictures {
        position: relative;
        margin: 0px -15px 8px -15px;
        top: 0;
        padding-bottom: 15px;

    }

    .element-badges .badges {
        margin: 0 auto 0 0;
    }

    /* .header {
        display: none;
    } */
    .element-title h1 {
        margin-bottom: 8px;
    }

    .element-block {
        margin-top: 16px;
    }

    .element-props {
        margin: 0;
    }

    .element-tab {
        font-size: 12px;
    }

    .element-description {
        font-size: 12px;
    }

    .element-tabs-content__title {
        font-size: 14px;
    }

    .element-badges button{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background: #f6f6f9;
        border-radius: 12px;
        padding: 0;
    }

    .element-badges button svg{
        width: auto;
        height: 24px;
    }
}


@media (max-width: 550px) {
    .element-title h1 {
        font-size: 20px;
    }

    .element__btns {
        padding: 8px 10px 0;
    }

    .element__btns button {
        font-size: 11px;
    }

    .element__btns button.btn-link--ic {
        padding: 8px 10px;
        width: auto;
    }

    .ya-share2__container_mobile.ya-share2__container_size_l .ya-share2__icon {
        width: 50px !important;
        height: 50px !important;
    }

    .characteristics {
        display: flex;
        gap: 20px;
    }
}

@media (max-width: 350px) {
    .element__btns button {
        font-size: 12px;
        padding: 15px 13px;
    }
}

[data-entity="phone-error"] {
    color: red;
    margin-bottom: 20px;
}

.element__prices--rassrochka a{
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #414141;
    margin: 24px 0 12px;
}
.element__prices--rassrochka a:hover{
    text-decoration: underline;
}
/* End */


/* Start:/local/templates/shop/libs/fancybox/fancybox.css?174307707425343*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */


/* Start:/local/templates/shop/style/shopList.css?17430770747229*/
#popupShops_background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#popupShops_background {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

#popupShops {
    margin: auto;
    height: 600px;
    background: #fff;
    padding: 0;
}

.glyphicon-remove {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}

#popupShops #map {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.nullValue {
    border-color: red !important
}

[data-element='shop-popup'] {
    position: fixed;
    z-index: 102;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
}

[data-element="shop-popup-overlay"] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(128, 128, 128, 0.5);
    z-index: 101;
}

.shop-list-content {
    display: flex;
    max-height: 100%;
    position: relative;
    border-top: 1px solid var(--main-color-4);
}

.shop-list-container .shop-map {
    /*width: calc(100% - 400px);
    height: 400px;*/

    width: 100%;
    height: 100%;
}

.shop-list-container .shop-map>div {
    width: 100%;
    height: 400px;
    /*    height: 600px;*/
}

.shop-list-container.container {
    max-width: 950px;
    width: 100%;
    padding: 25px 15px 25px 25px !important;
}

.shop-list-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 16px;
}

.city-select.dropdown {
    text-align: center;
    width: 100%;
}

.city-select__current {
    width: 100%;
}

.shop-list-list {
    height: 100%;
}

.shop-list-list .dropdown-content {
    top: 32px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: 1px solid #aa8851;
    background-color: #f3e9d4;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.shop-list-list-ul {
    /*    max-width: 350px;*/
    padding: 5px;

    height: 100%;
    overflow-y: auto;

    margin: 0;
}

.shop-list-list-ul::-webkit-scrollbar {
    width: 4px;
}

.shop-list-list-ul::-webkit-scrollbar-track {
    background-color: var(--main-color-5);
    border-radius: 4px;

}

.shop-list-list-ul::-webkit-scrollbar-thumb {
    background: var(--main-color);
    border-radius: 4px;

}

.shop-list-list-ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin: 0px 0px 15px 0px; */
    padding: 10px;
}

.shop-list-list-ul .shop-item-name,
.shop-list-list-ul .shop-item-address,
.shop-list-list-ul .shop-item-phone,
.shop-list-list-ul .shop-item-email,
.shop-list-list-ul .shop-item-worktime,
.shop-list-list-ul .shop-item-btn {
    width: 25%;
    /* padding: 0 5px; */
}



.shop-item-address {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.shop-item-info,
.shop-item-worktime {
    color: var(--night-gray);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.shop-list-list-ul .shop-item-name {
    color: #8e6b36;
}

.shop-list-list-ul .shop-item-btn {
    text-align: center;
}

.shop-list-list-ul .shop-item-btn a {
    color: #333;
    padding: 5px;
    max-width: 130px;
    width: 100%;
    border: 1px solid #333;
    -webkit-transition: all 280ms ease;
    -o-transition: all 280ms ease;
    transition: all 280ms ease;
}

.shop-list-list-ul .shop-item-btn a:hover {
    color: #fff;
    background: #8e6b36;
    border: 1px solid #8e6b36;
    -webkit-transition: all 280ms ease;
    -o-transition: all 280ms ease;
    transition: all 280ms ease;
    text-decoration: none;
}

.shop-list-list-ul .shop-item-phone {
    /*text-align: center;*/
}

.shop-list-close {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    font-size: 20px;
}

@media (max-width: 1200px) {
    .shop-list-container.container {
        max-width: 875px !important;
    }
}

.shop-list-list-ul .shop-item-name, .shop-item-address {
    /* width: 100%; */
    /* margin: 0px 0px 20px 0px; */
    /*    text-align: center;*/
}

.shop-list-list-ul li {
    padding: 24px 40px;
    border-bottom: 1px solid var(--main-color-4);
}

.shop-list-list-ul li:last-child {
    border: none;
}


@media (max-width: 450px) {
    .shop-list-title.title {
        font-size: 17px;
    }
}

.shop-list-list-ul .btn-link {
    padding: 5px 10px;
    font-size: 12px;
    width: 100%;
    /* margin-top: 15px; */
    max-width: 200px;
}

.shop-list {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    /*    border-radius: 4px;*/
    z-index: 1;
    background-color: #fff;
    height: 100%;
    max-width: 100%;
}

.shop-list-message {
    background-color: var(--main-color-4);
    padding: 16px;
    border-radius: 8px;
    color: var(--main-color);
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.shop-list-actions {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    gap: 24px;
}

.shop-list-viewes {
    width: 320px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shop-list-viewes div {
    background: var(--main-bg-color);
    border-radius: 4px;
    padding: 13.5px 15px;
    display: inline-block;
    line-height: initial;
    cursor: pointer;
    text-align: center;
    width: calc(50% - 5px);
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.shop-list-viewes div.active {
    background: var(--btn-bg-color);
    color: #fff;
}

.shop-list-search {
    flex: 1;
    position: relative;
}

.shop-list-search input {
    width: 100%;
    height: 48px;
}

.shop-list-search button {
    width: auto;
    height: auto;
    background: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .shop-list-actions {
        flex-wrap: wrap;
    }

    .shop-list-search {
        width: 100%;
        order: -1;
        flex: none;
    }

    .shop-list-list-ul li {
        flex-wrap: wrap;
    }

    .shop-list-content .shop-list-list-ul .shop-item-name,
    .shop-list-content .shop-list-list-ul .shop-item-address,
    .shop-list-content .shop-list-list-ul .shop-item-phone,
    .shop-list-content .shop-list-list-ul .shop-item-email,
    .shop-list-content .shop-list-list-ul .shop-item-worktime,
    .shop-list-content .shop-list-list-ul .shop-item-btn {
        width: 100%;
    }

    .shop-list-list-ul li{
        padding: 24px 20px;
    }

    .shop-item-worktime, .shop-item-address {
        margin-bottom: 12px;
    }
}

#shop-popup .ui-popup__container{
    max-width: 1180px;
    width: calc(100% - 40px);
    padding: 32px 40px;
}
/* End */


/* Start:/local/templates/shop/components/bitrix/catalog.section/shop-slider_detail/style.css?17430770741447*/
/* FIX slick */

.main-section-slick .slick-track {
	display: flex;
}

.main-section-slick {
	display: flex !important;
	overflow: hidden;
	margin: 0 -10px;
	--slidesToShow: 4;
}

.main-section__item {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	
}

.main-section-slick>.main-section__item {
	width: calc(100% / var(--slidesToShow) - 20px);
	min-width: calc(100% / var(--slidesToShow) - 20px);
}

.slick-initialized .main-section__item, .main-section__item:nth-child(-n+4) {
	position: relative;
	opacity: 1;
}

@media (max-width: 1200px) {
	.main-section-slick{
		--slidesToShow: 3;
	}
}

@media (max-width: 768px) {
	.main-section-slick {
		--slidesToShow: 2;
	}
}

/* FIX slick */

.main-section__container {
	padding: 0 60px;
}

.main-section__container .slick-list{
	min-width: 100%;
}

.main-section {
	margin: var(--margin-default) auto;
	position: relative;
	padding-bottom: 35px;
}

.main-section-slick {
	position: static;
}

.main-section-slick .slick-list {
	/* margin: 0 -10px; */
}

.main-section__item {
	/* padding: 10px 20px 20px; */
	margin: 10px;
}

.main-section__item:hover {
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);

}

.main-section__item-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main-section .slick-dots {
	/* position: static; */
	margin-top: 20px;
	bottom: -30px;
	/* padding-bottom: 25px; */
	left: 0;
	right: 0;
}

.main-section-relative {
	position: relative;
}
/* End */
/* /local/templates/shop/components/bitrix/catalog/shop/style.css?17682364959198 */
/* /local/templates/shop/components/bitrix/catalog.element/us/style.css?175790984937515 */
/* /local/templates/shop/components/bitrix/catalog.element/us/templates/us/style.css?176824971317194 */
/* /local/templates/shop/libs/fancybox/fancybox.css?174307707425343 */
/* /local/templates/shop/style/shopList.css?17430770747229 */
/* /local/templates/shop/components/bitrix/catalog.section/shop-slider_detail/style.css?17430770741447 */