/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/



.emails {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.emails__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.emails__phone-link {
	font-weight: 600;
}

html body .body .to-cart-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.to-cart-btn > svg {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.to-cart-btn > span {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.catalog-list__info-bottom .to-cart-btn {
	margin-top: 0;
	margin-bottom: 0;
}

.catalog-list__info-bottom .to-cart-btn + .btn {
	margin-top: 0;
}

.to-cart-btn svg {
	margin-right: 5px;
	margin-top: -2px;
}

.catalog-block__item:hover .btn-transparent-border.to-cart-btn {
	/*color: inherit;*/
}
.catalog-block__item:hover .btn.btn-transparent-border:not(:hover):not(.active) * {
	fill: white;
}
html body .body .btn-transparent-border.to-cart-btn:hover {
	color: #ffffff;
}

.in-stock {
	margin-top: 10px;
	font-size: 0.9em;
	line-height: 1.2;
}

html body .body .catalog-table__info .btn.btn-wide {
	width: auto;
}

html body .body .catalog-table__info .to-cart-btn {}

.catalog-table__info .footer-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

@media screen and (min-width: 601px) {
	.grid-list.grid-list--items-4 .js-replace-btns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.grid-list.grid-list--items-4 .js-replace-btns .to-cart-btn {
		margin-bottom: 0 !important;
		margin-right: 5px;
	}
}

.header._scroll {
	top: 0;
	transform: unset;
}

.basket .basket_empty .cart-title {
	margin: 18px 0 13px;
	font-weight: 500;
}

.banners-img-medium, .banners-img-small{
	display: none;
}

.banners-img-list__item-image.banners-img-list__item-image--one {
	background-size: contain;
}

.banners-img-list__item-image.banners-img-medium.shine.banners-img-list__item-image--one {
	background-size: cover;
	padding-bottom: 30%;
}
.banners-img-list__item-image.banners-img-small.shine.banners-img-list__item-image--one {
	padding-bottom: 50%;
}
.logo img {
	height: 100%;
}
@media (max-width: 1024px) {
	.banners-img-big{
		display: none;
	}
	.banners-img-medium{
		display: block
	}
}
@media (max-width: 768px) {
	.banners-img-medium{
		display: none
	}
	.banners-img-small{
		display: block
	}
}



/*********** SERVICES ***********/
/* ===== Scope ===== */
#ut-social{--ut-accent:#1f3a8a; --ut-stroke:2.25; --ut-gap:16px; --ut-radius:16px; --ut-shadow:0 6px 20px rgba(0,0,0,.08)}
#ut-social *{box-sizing:border-box}
#ut-social .ut-section{margin:32px 0}
#ut-social .ut-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#ut-social .ut-title{margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:.2px}
#ut-social .ut-actions{display:flex;align-items:center;gap:10px}
#ut-social a.ut-link{color:var(--ut-accent);text-decoration:none;border-bottom:1px dashed currentColor;font-weight:600}

/* ===== Generic rail (horizontal cards) ===== */
#ut-social .ut-carousel{position:relative;isolation:isolate}
#ut-social .ut-track{display:grid;grid-auto-flow:column;grid-auto-columns:360px;gap:var(--ut-gap);
	overflow-x:auto;overflow-y:hidden;padding:8px 4px;scroll-snap-type:x mandatory;scroll-behavior:smooth;}
#ut-social .ut-track:focus{outline:2px solid rgba(31,58,138,.25);outline-offset:2px;border-radius:10px}
#ut-social .ut-track::-webkit-scrollbar{height:8px}
#ut-social .ut-track::-webkit-scrollbar-thumb{background:#c9d2f2;border-radius:10px}

#ut-social .ut-card{scroll-snap-align:start;background:#fff;border-radius:var(--ut-radius);border:1px solid #eef0f6;
	box-shadow:var(--ut-shadow);display:flex;flex-direction:column;min-height:100%;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
#ut-social .ut-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.12);border-color:#e7ebf7}
#ut-social .ut-card a{display:flex;flex-direction:column;gap:8px;min-height:100%;padding:18px;text-decoration:none;color:inherit}
#ut-social .ut-chip{display:inline-flex;align-items:center;font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;background:#f4f6ff;color:var(--ut-accent);font-weight:700}
#ut-social .ut-title-sm{font-size:16.5px;font-weight:800;margin:2px 0 4px; line-height: normal; min-height: 70px; text-align: left;}
#ut-social .ut-meta{font-size:13px;color:#606b85}
.ut-partner-card-image {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 160px;
	height: 60px;
}

/* ===== Arrows ===== */
#ut-social .ut-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:999px;background:#fff;border:1px solid #e7ebf7;box-shadow:var(--ut-shadow);display:grid;place-items:center;cursor:pointer;user-select:none;transition:transform .15s ease,background .15s ease}
#ut-social .ut-arrow:hover{transform:translateY(-50%) scale(1.04)}
#ut-social .ut-arrow[disabled]{opacity:.4;pointer-events:none}
#ut-social .ut-arrow--prev{left:-6px}
#ut-social .ut-arrow--next{right:-6px}
#ut-social .ut-ico{width:20px;height:20px;stroke:var(--ut-accent);stroke-width:var(--ut-stroke);fill:none}

/* ===== Partners cards ===== */
#ut-social .ut-partner .ut-track{grid-auto-columns:200px}
#ut-social .ut-partner-card{align-items:center;justify-content:center}
#ut-social .ut-logo{position:relative;display:grid;place-items:center;width:100%;height:74px;background:#f6f7fb;border-radius:12px;border:1px dashed rgba(31,58,138,.12);max-width: 180px;
	margin: 0 auto;}
#ut-social .ut-logo img{max-width:88%;max-height:52px;object-fit:contain;display:block;opacity:0;transition:opacity .15s ease}
#ut-social .ut-logo.is-loaded img{opacity:1}
#ut-social .ut-fallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#7a869a}
#ut-social .ut-logo.is-error .ut-fallback{display:flex}
#ut-social .ut-partner-name{text-align:center;font:600 13px/1.25 system-ui,Segoe UI,Roboto,Ubuntu,Arial;color:#2c374d;padding:6px 8px 10px;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis}
.ut-card-image {
	width: 100%;
	max-width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0 auto;
}


/* ===== Mobile tweaks ===== */
@media (max-width:1100px){
	#ut-social .ut-track{grid-auto-columns:300px}
	#ut-social .ut-arrow{top:auto;bottom:-18px;transform:none}
	#ut-social .ut-arrow--prev{left:8px}
	#ut-social .ut-arrow--next{right:8px}
}
@media (max-width:600px){
	#ut-social .ut-partner .ut-track{grid-auto-columns:160px}
}


.services-section-contacts {
	display: flex;
	border-radius: 18px;
	padding: 18px;
	background: #F2F3F8;
	border: 1px solid #D0D5E6;
}
.section-contacts-right {
	width: 25%;
}
.section-contacts-image {
	margin-bottom: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px;
	height: 370px;
}
.section-contacts-image img {
	/*width: 100%;*/
	max-width: 100%;
	width: auto;
	height: 100%;
	border-radius: 14px;
	object-fit: contain;
	margin: 0 auto;
	display: block;
}
.section-contacts-left {
	width: 75%;
	padding-right: 40px;
}
.section-contacts-image-description {
	text-align: center;
}
.section-contacts-text {
	margin-bottom: 20px;
}
.reviews-list__item {
	display: block;
}
body.jqm-initied #panel, body.jqm-initied .basket_bottom_block > div, body.jqm-initied .basket_fly_forms > div, body.jqm-initied .basket_wrapp .opener, body.jqm-initied .scroll-to-top, body.jqm-initied .style-switcher, body.jqm-initied .ui-panel-top-devices-inner, body.jqm-initied .page-top, body.jqm-initied .body > div > div, body.jqm-initied .body > div > header > div > div, body.jqm-initied footer, body.jqm-initied .fixed_wrapper, body.jqm-initied.wf .wrapper1 > div {
	filter: none;
}

.services-section-contacts .form .licence_block {
	width: 50%;
}
@media (min-width: 1200px){
	.form-body.questions-block {
		display: flex;
		gap: 20px;
	}
	.form-body-left {
		width: 50%;
	}
	.form-body-right {
		width: 50%;
	}
	.form-body-right textarea {
		height: calc(100% - 45px) !important;
	}
	.form-body-right *:not(label) {
		height: 100%;
	}
}
@media (max-width: 992px){
	.services-section-contacts .form .licence_block {
		width: 100%;
	}
}
@media (max-width: 768px){
	.section-contacts-right {
		display: none;
	}
	.section-contacts-left {
		width: 100%;
		padding: 0;
	}
}


/* cookie */
.cookie-notification {
	position: fixed;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 90%;
	width: 600px;
	padding: 15px;
	background-color: #f1f1f1;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	display: none;
	justify-content: space-between;
	align-items: center;
	z-index: 9999;
}
.cookie-notification a {
	text-decoration: underline;
}
.cookie-btn {
	min-width: 120px;
}
.cookie-notification p {
	margin: 0;
	margin-right: 15px;
	font-size: 14px;
}
/*
.cookie-btn {
	background-color: #2766aa;
	color: white;
	border: none;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
}

.cookie-btn:hover {
	background-color: #2766aa;
}
*/
@media (max-width: 768px) {
	.cookie-notification {
		flex-direction: column;
		text-align: center;
	}

	.cookie-notification p {
		margin-right: 0;
		margin-bottom: 10px;
	}
}
