/* about.css — extracted from asic-old style.css */

.cards__item-link,
.dinamicbunner__nums-num {
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent
}

.about__textcards-item-text ol,
.about__textcards-item-text ul,
.aside__nav,
.cart_list,
.catalog__wrap .filters .widget_product_categories ul,
.catalog__wrap .filters .wpc_filters_widget ul,
.catalog__wrap .filters .wpc-filters-main-wrap ul,
.catalog__wrap .filters .wpc-filters-ul-list,
.contacts ul,
.contacts__list,
.flex-direction-nav,
.flex-direction-nav li,
.lang-select,
.lsn,
.page__nav,
.product-attributes,
.reviews ol,
.reviews ul,
.search_result,
.swiper,
.tags,
.wc-notices ul,
.wc_payment_methods,
.woocommerce-shipping-methods,
footer ul,
header ul,
nav ul,
ul.products,
ul.swiper-wrapper,
ul.woocommerce-error {
	list-style: none
}

.about-card-section,
.aboutasic,
.banner-cf7-section,
.catalogroups,
.contents-item,
.guarantee,
.lastnews,
.ralated-products,
.section,
.wishlist_products {
	padding: 40px 0
}

.dinamicbunner__image,
.guarantee-secondary-data,
.guarantee-secondary-list-wrap,
.guarantee-secondary-price,
.products__tabs-block>.woocommerce,
.products__tabs-single {
	position: relative;
	z-index: 3
}

.aboutasic__item-image,
.banner-cf7 .form-row-wrap,
.dinamicbunner,
.posts-select,
.products__tabs-wrap-head,
.woocommerce-product-gallery {
	position: relative
}

.banner .running__text,
.banner del bdi,
.banner ins bdi,
.price {
	display: -webkit-box;
	display: -ms-flexbox
}

.banner .running__text {
	position: relative;
	-webkit-box-shadow: 0 18px 40px rgba(64, 24, 1, .68);
	box-shadow: 0 18px 40px rgba(64, 24, 1, .68);
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	white-space: nowrap;
	min-width: 100%
}

.banner .running__text::before {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-60%, 0);
	-ms-transform: translate(-60%, 0);
	transform: translate(-60%, 0);
	content: "";
	width: 200%;
	height: 100%;
	background: -o-linear-gradient(357.78deg, #ff6a16 48.13%, #ffa216 84.52%);
	background: linear-gradient(92.22deg, #ff6a16 48.13%, #ffa216 84.52%)
}

.banner .running__text-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	grid-gap: 10px;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 33px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-animation: 15s linear infinite slide-left;
	animation: 15s linear infinite slide-left
}

.banner .running__text.run-1 {
	-webkit-transform: translate(90px, 0) rotate(-15deg);
	-ms-transform: translate(90px, 0) rotate(-15deg);
	transform: translate(90px, 0) rotate(-15deg)
}

.banner .running__text.run-2 {
	-webkit-transform: translate(0, 0) rotate(21.75deg);
	-ms-transform: translate(0, 0) rotate(21.75deg);
	transform: translate(0, 0) rotate(21.75deg)
}

.banner .running__text-wrap {
	position: absolute;
	z-index: 2;
	right: 10%;
	top: 0;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	width: 50%;
	height: 100%
}

.catalog__active-filters .bapf_sfilter .berocket_aapf_widget_selected_filter>div ul li,
.dinamicbunner__nums-desc,
.woo-checkout .checkout .woocommerce-billing-fields .form-row {
	font-size: 14px;
	line-height: 20px
}

.about__textcards .up-title,
.compare__table-item-title,
.dinamicbunner-title,
.popup-comments-form form>div,
.popup-comments-form form>p,
.singled-posted {
	margin-bottom: 20px
}

.about__textcards-item-text a.btn,
.asic__groups-wrap .hide-on-desctop,
.cards__item-link {
	width: -webkit-fit-content;
	width: -moz-fit-content
}

.about .container>div:not(:last-child) {
	margin-bottom: 80px
}

.dinamicbunner__text {
	position: relative;
	z-index: 10;
	max-width: 600px;
	padding-bottom: 45px
}

.dinamicbunner__text-item {
	line-height: 30px;
	margin-bottom: 40px
}

.dinamicbunner__nums-num {
	font-size: 50px;
	line-height: 50px;
	background: -o-linear-gradient(351.16deg, #ff6a16 17.86%, #ffa216 95.13%);
	background: linear-gradient(98.84deg, #ff6a16 17.86%, #ffa216 95.13%);
	-webkit-background-clip: text;
	background-clip: text;
	margin-bottom: 20px;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0
}

.dinamicbunner__nums-num.is-active,
.popup-wc.loading .widget_shopping_cart_content::after {
	opacity: 1
}

.dinamicbunner__nums-num .num-count-after,
.dinamicbunner__nums-num .num-count-before {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: .04em
}

.dinamicbunner__nums-num .num-count-after.is-plus,
.dinamicbunner__nums-num .num-count-before.is-plus {
	font-size: inherit;
	line-height: inherit
}

.dinamicbunner__image-desc {
	margin-bottom: 100px
}

.dinamicbunner__image-desc .title {
	margin-bottom: 20px;
	letter-spacing: .04em
}

.dinamicbunner__image-desc .subtitle {
	font-size: var(--s14)
}

.dinamicbunner__image-item {
	position: relative
}

.dinamicbunner__image .running__text {
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transform: translate(0, -250%) rotate(-15deg);
	-ms-transform: translate(0, -250%) rotate(-15deg);
	transform: translate(0, -250%) rotate(-15deg)
}

.dinamicbunner__image .running__text::before {
	background: var(--gray)
}

.dinamicbunner__image .running__text-item {
	-webkit-animation: 25s linear infinite slide-left;
	animation: 25s linear infinite slide-left
}

.dinamicbunner__image .running__text-item .bunner-img {
	max-width: 463px
}

.about__cards-title {
	max-width: 860px;
	margin: 20px auto 40px
}

.about__textcards-item {
	margin-bottom: 50px
}

/*.about__textcards-item-img,*/
/*.about__textcards-item-text {*/
/*	max-width: calc(50% - 80px)*/
/*}

*/

.about__textcards-item-img {
	-o-object-fit: contain;
	object-fit: contain
}

.about__textcards-item-text {
	font-weight: 300;
	font-size: 16px;
	line-height: 30px
}

.about__textcards-item-text h1,
.about__textcards-item-text h2 {
	font-size: 40px;
	line-height: 50px
}

.about__textcards-item-text h3,
.about__textcards-item-text h4,
.about__textcards-item-text h5,
.about__textcards-item-text h6 {
	font-weight: 600;
	font-size: 16px;
	line-height: 30px
}

.about__textcards-item-text ol li,
.about__textcards-item-text ul li,
.continue-shopping,
.popup-wc .widget_shopping_cart_content,
.popup-wc-info .buttons {
	position: relative
}

.about__textcards-item-text ul li {
	position: relative;
	padding-left: 20px
}

.about__textcards-item-text ul li::before {
	position: absolute;
	content: "";
	left: 6px;
	top: 12px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--gray)
}

.about__textcards-item-text ol {
	counter-reset: asic-counter
}

.about__textcards-item-text ol li {
	padding-left: 34px;
	counter-increment: asic-counter
}

.about__textcards-item-text ol li:not(:last-child) {
	padding-bottom: 30px
}

.about__textcards-item-text ol li:not(:last-child)::after {
	position: absolute;
	content: "";
	top: 20px;
	left: 11px;
	width: 2px;
	height: 100%;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(40%, #ff6a16), color-stop(20%, rgba(255, 255, 255, 0)));
	background-image: -o-linear-gradient(bottom, #ff6a16 40%, rgba(255, 255, 255, 0) 20%);
	background-image: linear-gradient(to top, #ff6a16 40%, rgba(255, 255, 255, 0) 20%);
	background-position: top;
	background-size: 2px 10px;
	background-repeat: repeat-y
}

.about__textcards-item-text ol li::before,
.popup-comments-form .submit {
	background: -o-linear-gradient(344.14deg, #ff6a16 -14.72%, #ffa216 111.57%)
}

.about__textcards-item-text ol li::before {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 3px;
	content: counter(asic-counter);
	width: 24px;
	height: 24px;
	font-weight: 600;
	font-size: 10px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	background: linear-gradient(105.86deg, #ff6a16 -14.72%, #ffa216 111.57%);
	border-radius: 50%
}

.about__textcards-item-text a.btn {
	width: fit-content;
	margin-top: 40px
}

.about__textcards-item>.btn.btn-orange,
.footer__social,
.worksteps__list {
	margin-top: 40px
}

@media all and (min-width:992px) {
  .dinamicbunner {
  		min-height: 400px;
  		border-radius: 20px;
  		padding: 50px 30px 0 60px;
  		overflow: hidden;
  		color: #fff;
  		background: var(--gray)
  	}
  .dinamicbunner::before {
  		position: absolute;
  		content: "";
  		left: 0;
  		top: 0;
  		width: 100%;
  		height: 100%;
  		z-index: 1;
  		background: url(../../img/background/dinamicbunner_bg.svg) center/cover no-repeat;
  		border-radius: 20px
  	}
  .dinamicbunner__image-desc {
  		display: none
  	}
}

@media all and (max-width:1100px) {
  .dinamicbunner__text,
  	.woo-checkout .checkout-side {
  		max-width: 480px
  	}
  .compare__nav,
  	.dinamicbunner__nums {
  		grid-gap: 20px
  	}
}

@media all and (max-width:992px) {
  .dinamicbunner {
  		-webkit-box-orient: vertical;
  		-webkit-box-direction: reverse;
  		-ms-flex-direction: column-reverse;
  		flex-direction: column-reverse;
  		grid-gap: 50px
  	}
  .dinamicbunner__text {
  		max-width: 100%
  	}
  .dinamicbunner-title.c-white {
  		color: var(--gray)
  	}
  .dinamicbunner__image {
  		width: 100%;
  		border-radius: 20px;
  		padding: 50px 35px 0;
  		overflow: hidden;
  		color: #fff;
  		text-align: center;
  		background: var(--gray)
  	}
  .dinamicbunner__image::before {
  		position: absolute;
  		content: "";
  		left: 0;
  		top: 0;
  		width: 100%;
  		height: 100%;
  		z-index: -1;
  		background: url(../../img/background/dinamicbunner_bg.svg) center/cover no-repeat;
  		border-radius: 20px
  	}
  .dinamicbunner__image-item img {
  		margin: 0 auto
  	}
}

@media all and (max-width:921px) {
  .about__textcards-item,
  	.banner-cf7,
  	.footer__block {
  		-webkit-box-orient: vertical;
  		-webkit-box-direction: normal
  	}
  .about__textcards-item {
  		margin-bottom: 10px;
  		-ms-flex-direction: column;
  		flex-direction: column
  	}
  .about__textcards-item.hide-image .about__textcards-item-img {
  		display: none
  	}
  .about__textcards-item-img,
  	.about__textcards-item-text {
  		max-width: 100%
  	}
  .about__textcards-item-img {
  		margin: 0 auto
  	}
  .about__textcards-item-text h1,
  	.about__textcards-item-text h2 {
  		font-size: 30px;
  		line-height: 40px
  	}
}

@media all and (max-width:769px) {
  .banner .running__text.run-1 {
  		-webkit-transform: translate(0, 250%) rotate(-25deg);
  		-ms-transform: translate(0, 250%) rotate(-25deg);
  		transform: translate(0, 250%) rotate(-25deg)
  	}
  .banner .running__text.run-2 {
  		-webkit-transform: translate(40%, 0) rotate(21.75deg);
  		-ms-transform: translate(40%, 0) rotate(21.75deg);
  		transform: translate(40%, 0) rotate(21.75deg)
  	}
  .banner .running__text-wrap {
  		width: 100%;
  		right: 0;
  		-webkit-transform: translate(55%, 10%);
  		-ms-transform: translate(55%, 10%);
  		transform: translate(55%, 10%)
  	}
}

@media all and (max-width:480px) {
  .banner .running__text-wrap {
  		-webkit-transform: translate(30%, 10%);
  		-ms-transform: translate(30%, 10%);
  		transform: translate(30%, 10%)
  	}
  .dinamicbunner__nums-item {
  		display: -webkit-box;
  		display: -ms-flexbox;
  		display: flex;
  		-webkit-box-align: center;
  		-ms-flex-align: center;
  		align-items: center;
  		grid-gap: 12px
  	}
  .dinamicbunner__nums-num {
  		font-size: 30px;
  		margin-bottom: 0;
  		max-width: 33%;
  		width: 100%
  	}
  .dinamicbunner__nums-num .num-count-after.is-plus,
  	.dinamicbunner__nums-num .num-count-before.is-plus {
  		font-size: 16px;
  		vertical-align: bottom
  	}
  .dinamicbunner__image-item img {
  		-webkit-transform: translateX(20px);
  		-ms-transform: translateX(20px);
  		transform: translateX(20px)
  	}
  .dinamicbunner__image .running__text {
  		-webkit-transform: translate(0, -20%) rotate(-15deg);
  		-ms-transform: translate(0, -20%) rotate(-15deg);
  		transform: translate(0, -20%) rotate(-15deg)
  	}
  .about__cards-title {
  		margin: 20px auto 30px
  	}
}
