

/* Start:/local/templates/.default/components/bitrix/catalog/products/style.css?17682316853265*/
.grid {}

.grid .bx_content_section { margin-bottom: 15px; }

.grid .bx_sidebar { margin-bottom: 15px; }

/* grid2x1 */
.grid2x1 {}

.grid2x1 .bx_content_section {
	float: left;
	width: 66%;
	margin-bottom: 15px;
}

.grid2x1 .bx_sidebar {
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	box-sizing: border-box;
}

@media (max-width: 960px) {
	.grid2x1 .bx_sidebar { padding-left: 4%; }
}

@media (max-width: 640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar {
		width: 100%;
		float: none;
	}

	.grid2x1 .bx_sidebar { padding-left: 3%; }
}

@media (max-width: 479px) {
	.grid2x1 .bx_sidebar { padding-left: 1%; }
}

.catalog-block-header {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 2px solid #d9dee6;
	border-bottom-color: var(--primary);
	color: #000;
}

.sortline{
}

.sortline_box_title{
	-webkit-touch-callout: none; /* iOS Safari */
			-webkit-user-select: none; /* Safari */
			 -khtml-user-select: none; /* Konqueror HTML */
				 -moz-user-select: none; /* Old versions of Firefox */
					-ms-user-select: none; /* Internet Explorer/Edge */
							user-select: none; /* Non-prefixed version, currently
																		supported by Chrome, Edge, Opera and Firefox */
	}
	
	.sortline_box_title span {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: var(--color-black);
		font-size: 18px;
		font-weight: 400;
		line-height: 30px; /* 166.667% */
		width: 100%;
		min-width: 80px;
		cursor: pointer;
		gap: 12px;
	}
	
	.sortline_box_title span i{
		height: 24px;
		width: 24px;
		position: relative;
	}

	.sortline_box_title span i svg{
		position: absolute;
	}

	.sortline_box_title span i.fa-angle-up svg{
		transform: rotate(180deg);
	}

	.sortline_box_title span i::before{
		display: none;
	}
	
	.sortline_block{
		position: absolute;
		z-index: 8;
		border-radius: 4px;
		background: #FFF;
		box-shadow: 0px 18px 56px 0px rgba(0, 0, 0, 0.05), 0px 7.52px 23.395px 0px rgba(0, 0, 0, 0.01), 0px 4.021px 12.508px 0px rgba(0, 0, 0, 0.00), 0px 2.254px 7.012px 0px rgba(0, 0, 0, 0.00), 0px 1.197px 3.724px 0px rgba(0, 0, 0, 0.00), 0px 0.498px 1.55px 0px rgba(0, 0, 0, 0.00);
		padding: 16px;
		display: none;
		max-width: 268px;
		right: 0;
		z-index: 999;
	}
	
	.sortline_block_btn{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.sortline_block button{
		padding: 0;
		border: 0;
		outline: 0;
		background: none;
		white-space: nowrap;
		color:#767676;
		text-align: left;
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.sortline_block button span{
		display: block;
		min-width: 24px;
		height: 24px;
		border: 1px solid var(--color-green);
		border-radius: 100%;
		position: relative;
	}

	.sortline_block button span::before{
		content: '';
		display: block;
		min-width: 12px;
		width: 12px;
		height: 12px;
		border-radius: 100%;
		background: var(--color-green);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		margin: auto;
		opacity: 0;
	}
	
	/* .sortline_block button.selected span,
	.sortline_block button:hover span{
		border-color: var(--color-orange);
	} */

	.sortline_block button.selected span::before{
		opacity: 1;
	}

	.catalog-section{
		margin-top: 32px;
	}

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.element/products_element/style.css?177309306235537*/
.bx-catalog-element{
	margin-bottom: 100px;
}

.bx-catalog-element h1.page_title{
	font-size: 24px;
	margin-bottom: 8px;
}

.product-item-detail_top{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.product_item_actions{
	display: flex;
	align-items: center;
	gap: 10px;
}

.product-item-detail_top .product_item_wish{
	position: relative;
	top: 0;
	right: 0
}

/* Share Button */
.product_item_share{
	position: relative;
}

.product_item_share_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: none;
	background: transparent;
	cursor: pointer;
	border-radius: 8px;
	transition: all 0.3s ease;
}

.product_item_share_btn:hover{
	background: rgba(243, 109, 41, 0.1);
}

.product_item_share_btn img{
	filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(346deg) brightness(97%) contrast(93%);
}

.product_item_share_dropdown{
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	padding: 8px 0;
	min-width: 200px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
}

.product_item_share_dropdown.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(5px);
}

.share_item{
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 16px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	transition: all 0.2s ease;
	border: none;
	background: transparent;
	width: 100%;
	cursor: pointer;
	text-align: left;
}

.share_item:hover{
	background: #f5f5f5;
	color: var(--color-orange);
}

.share_item svg{
	flex-shrink: 0;
}

.share_copy_success{
	color: var(--color-green) !important;
	background: rgba(129, 168, 19, 0.1) !important;
}

.product_item_instock{
	color: var(--color-orange);
	font-family: var(--second-family);
	line-height: 30px; /* 187.5% */
}


.product_element_photo_sl_thumb .swiper-slide{
	position: relative;
}

.product_element_photo_sl_thumb .swiper-slide::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: rgba(255, 255, 255, 0.6);
}

.product_element_photo_sl_thumb .swiper-slide.swiper-slide-thumb-active{
	filter: none;
}

.product_element_photo_sl_thumb .swiper-slide.swiper-slide-thumb-active::before{
	opacity: 0;
}

/*region Price */

.product_price{
	display: flex;
	align-items: end;
	gap: 16px;
	margin-bottom: 8px;
}

.product-item-detail-price-current {
	color: #30353B;
	text-align: center;
	font-family: var(--second-family);
	font-size: 32px!important;
	font-weight: 700;
}

.product-item-detail-price-old {
	color: #7D7D7D;
	text-decoration: line-through;
	white-space: nowrap;
	font-weight: 400;
	font-family: var(--second-family);
	font-size: 20px;
}

.product-item-detail-economy-price {
	color: #333;
	text-align: center;
	/*white-space: nowrap;*/
	font-weight: var(--ui-font-weight-bold);
	font-size: 14px;
	line-height: 17px;
}

/*endregion*/

.color_block{
	margin-bottom: 8px;
	position: relative;
	display: inline-block;
	width: fit-content;
}

.color_block .product-item-scu-container{
	position: absolute;
	width: 272px;
	max-height: 400px;
	border-radius: 16px;
	background: var(--color-white);
	padding: 24px;
	z-index: 2;
	display: none;
	left: calc(100% - 100px);
}

@media(max-width: 1200px){
	.color_block .product-item-scu-container{
		left: initial;
	}
}

.product-item-detail-info-container-title {
	color: #a5a5a5;
	font-size: 12px;
}

/*region SCU */
.product-item-scu-container-title {
	margin-bottom: 8px;
	font-weight: 700;
}

.color_block .product-item-scu-container-title{
	display: flex;
	align-items: center;
	gap: 8px;
}

.color_block .product-item-scu-container-title button{
	padding: 0;
	outline: 0;
	border: 0;
	background: none;
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 30px; 
	color: var(--color-green);
	margin-left: 16px;
}

.color_block .product-item-scu-container-title button.active svg{
	transform: rotate(90deg);
}

.product-item-scu-list { margin: 0; }

.product-item-scu-item-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 16px;
}

.radio.last{
	margin-bottom: 20px;
	margin-top: 20px;
}

.radio .product-item-scu-item-list{
	display: flex;
	align-items: center;
	gap: 24px;
}

.color_block  .product-item-scu-title{
	color: var(--color-black);
	font-family: var(--second-family);
	font-size: 14px;
	font-weight: 700;
	line-height: 130%; /* 18.2px */
	text-transform: uppercase;
	margin-bottom: 16px;
}

.color_block .product-item-scu-item-list{
	flex-direction: column;
	align-items: start;
	max-height: 330px;
	overflow-y: auto;
}


.product-item-scu-item-color-container,
.product-item-scu-item-text-container {
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 3px;
	max-width: 100%;
	vertical-align: middle;
}

.radio .product-item-scu-item-text-container{
	display: flex; 
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-size: 18px;
	line-height: 30px; /* 166.667% */
}

.radio .product-item-scu-item-text-container span{
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #7D7D7D;
	border-radius: 100%;
	position: relative;
}

.radio .product-item-scu-item-text-container.selected span{
	border-color: var(--color-orange);
}

.radio .product-item-scu-item-text-container span::before{
	content: '';
	display: block;
	width: 6px;
	height: 6px; 
	border-radius: 100%;
	background: var(--color-orange);
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.radio .product-item-scu-item-text-container.selected span::before{
	opacity: 1;
}

.product-item-scu-item-text-container { min-width: 48px; }

.product-item-scu-item-color-block {
	position: relative;
	outline: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
}

.color_block .product-item-scu-item-color-block span{
	display: block;
	width: 24px;
	min-width: 24px;
	height: 24px;;
	border-radius: 3px;
	border: 1px solid var(--color-green);
	position: relative;
}


.color_block .product-item-scu-item-color-block span::before{
	content: '';
	background: url(/local/templates/.default/images/color_chek.svg);
	height: 13px;
	width: 13px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	opacity: 0;
}

.color_block .selected .product-item-scu-item-color-block span::before{
	opacity: 1;
}


.product-item-scu-item-color{
	width: 24px;
	min-width: 24px;	
	height: 24px;
	border-radius: 100%;
	background-position: center;
	background-size: contain;
}

.product-item-scu-item-text-block {
	position: relative;
	padding: 11px;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid #7D7D7D;
}

.selected .product-item-scu-item-text-block{
	border-color: var(--color-orange);
}

.product-item-scu-item-text {
	overflow: hidden;
	max-width: 100%;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 20px; /* 125% */
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block {
	position: relative;
	overflow: hidden;
	outline-color: #a9adb4 !important;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after {
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center;
	background-size: 80% 80%;
	content: "";
}

.product-item-selected-scu-container { word-spacing: 1px }

.product-item-selected-scu {
	display: inline-block;
	overflow: hidden;
	padding: 0 5px;
	min-width: 22px;
	height: 22px;
	outline: 1px solid #c0cfda;
	outline-color: var(--theme-color-primary);
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	line-height: 22px;
}

.bx-retina .product-item-selected-scu { outline-width: .5px; }

.product-item-selected-scu-color {
	background-position: center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

/*endregion*/

/*region Amount*/
.product-item-amount {
	padding: 0 0 0px;
	text-align: center;
}

.product-item-amount-field-container {
	display: flex;
	align-items: center;
	position: relative;
	min-width: 152px;
	padding: 16px 23px;
	background: var(--color-white);
	border-radius: 4px;
}


.product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus {
	position: relative;
	display: block;
	min-width: 24px;
	height: 24px;
	cursor: pointer;
}

.product-item-amount-field-block {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.product-item-amount-field {
	display: block;
	padding: 0;
	width: 100%;
	height: 22px;
	border: 0;
	outline: 0;
	background: transparent !important;
	color: #000;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	transition: border 300ms ease;
}

.bx-retina .product-item-amount-field { border-width: .5px; }

.product-item-amount-field:focus {
	outline: none !important;
	border-color: #006cc0;
	border-color: var(--theme-color-primary);
}

.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button,
.bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.product-item-amount-description-container {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	color: #a5a5a5;
	white-space: nowrap;
	font-size: 12px;
}

.product-item-amount-description-container strong {
	color: #333;
	white-space: nowrap;
}

.product-item-amount-label-container {
	margin: 5px 0;
	color: #a5a5a5;
	font-weight: var(--ui-font-weight-bold);
	font-size: 12px;
}

/**/
.product-item-quantity {
	color: #333;
	font-weight: normal;
	font-size: 12px;
}

/*endregion*/

/*region Buy button*/
.main-button-container{
	width: 100%;
}

.product-item-detail-buy-button {
	width: 100%;
	border-radius: 4px;
	color: var(--color-white);
	background: var(--color-green);
	display: inline-block;
	padding: 17px 20px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; /* 162.5% */
	text-align: center;
	transition: all .3s linear;
}

.product-item-detail-buy-button:hover{
	color: var(--color-white);
	background: var(--color-green-hover);
	text-decoration: none;
}

/*endregion*/

/*region Slider */
.product-item-detail-slider-container {
	position: relative;
	max-width: 100%;
	background: transparent;
	transition: background 800ms ease;
	z-index: 90;
}

.product-item-detail-slider-block {
	position: relative;
	box-sizing: border-box;
	padding-top: 56.25%;
	height: 0;
}

.product-item-detail-slider-block.product-item-detail-slider-block-square { padding-top: 100%; }

.product-item-detail-slider-images-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.product-item-detail-slider-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	opacity: 0;
	transition: opacity 250ms linear;
}

.product-item-detail-slider-image.active {
	z-index: 10;
	opacity: 1;
}

.product-item-detail-slider-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	outline: 1px solid transparent;
	background-position: center;
	background-repeat: no-repeat;
	transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease;
	transform: translateY(-50%) translateX(-50%);
}

.product-item-detail-slider-progress-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 180;
	height: 3px;
	background-color: #006cc0;
	background-color: var(--theme-color-primary)
}

/*endregion*/

/*region Slider Controls*/
.product-item-detail-slider-controls-block {
	padding: 10px 0;
	text-align: center;
}

.product-item-detail-slider-controls-image {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 65px;
	height: 65px;
	outline: 1px solid #c0cfda;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
}

.product-item-detail-slider-controls-image:hover,
.product-item-detail-slider-controls-image.active { outline-color: var(--theme-color-primary); }

.bx-no-retina .product-item-detail-slider-controls-image.active { outline-width: 2px; }

.bx-retina .product-item-detail-slider-controls-image { outline-width: .5px; }

.bx-retina .product-item-detail-slider-controls-image.active { outline-width: 1px; }

.product-item-detail-slider-controls-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 65px;
	max-height: 65px;
	width: auto;
	height: auto;
	transform: translateY(-50%) translateX(-50%);
}

.product-item-detail-slider-left,
.product-item-detail-slider-right {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 111;
	display: block;
	width: 25%;
	background: rgba(255, 255, 255, 0) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2230%22%20viewBox%3D%220%200%2016%2030%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2050%202%2036%2016%2022%2015%2021%201%2035%200%2036%201%2037%2015%2051%22%20transform%3D%22translate(0%20-21)%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
	opacity: .57;
	cursor: pointer;
	transition: all 300ms ease;
}

.product-item-detail-slider-left { left: 0; }

.product-item-detail-slider-right {
	right: 0;
	transform: rotate(180deg);
}

.product-item-detail-slider-left:hover,
.product-item-detail-slider-right:hover {
	background-color: rgba(255, 255, 255, .4);
	opacity: .8;
}

.product-item-detail-slider-close { display: none; }

.product-item-detail-slider-container.popup .product-item-detail-slider-close {
	position: absolute;
	top: 4px;
	right: 110px;
	bottom: 0;
	z-index: 150;
	display: block;
	width: 50px;
	height: 50px;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
	opacity: .27;
	cursor: pointer;
	transition: all 300ms ease;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-close:hover { opacity: 1; }

.product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 105px; }

/*endregion*/

/*region magnified*/
.product-item-detail-slider-container.magnified .product-item-detail-slider-image { z-index: 100; }

.product-item-detail-slider-container.magnified .product-item-detail-slider-image img { outline-color: #ddd; }

.product-item-detail-slider-container.magnified .product-item-detail-slider-left,
.product-item-detail-slider-container.magnified .product-item-detail-slider-right { z-index: 50; }

.product-item-detail-slider-container.magnified .product-item-label-text,
.product-item-detail-slider-container.magnified .product-item-label-ring { opacity: 0; }

/*	>>>	popup*/
.product-item-detail-slider-container.popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
	background: #fff;
	animation-name: imgPopupShow;
	animation-duration: 300ms;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 105px; }

.product-item-detail-slider-container.popup .product-item-detail-slider-block {
	padding-top: 0;
	height: 100vh;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-image {
	position: absolute;
	top: 50%;
	left: 50%;
	max-height: 100vh;
	width: calc(100% - 150px);
	transform: translateY(-50%) translateX(-50%);
}

@-webkit-keyframes imgPopupShow {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-moz-keyframes imgPopupShow {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-ms-keyframes imgPopupShow {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-o-keyframes imgPopupShow {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes imgPopupShow {
	from { opacity: 0; }
	to { opacity: 1; }
}

.product-item-detail-slider-container.popup .product-item-detail-slider-image img {
	max-width: 100%;
	max-height: 90vh;
	width: auto;
	cursor: default
}

.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	padding: 20px;
	border-left: 1px solid #d3d3d3;
	background-color: #fff;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
	display: block;
	margin-bottom: 20px;
}

/*endregion*/

/*region  Slider Mobile*/
@media (max-width: 767px) {
	.product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 0; }

	.product-item-detail-slider-container.popup .product-item-detail-slider-block {
		padding-top: 0;
		height: calc(100vh - 111px);
	}

	.product-item-detail-slider-container.popup .product-item-detail-slider-image { width: 90%; }

	.product-item-detail-slider-container.popup .product-item-detail-slider-image img {
		max-width: 100%;
		max-height: calc(100vh - 115px);
		width: auto;
		cursor: default;
	}

	.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
		position: absolute;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		overflow-x: auto;
		max-height: 111px;
		border-top: 1px solid #d3d3d3;
		border-left: none;
		white-space: nowrap;
	}

	.product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
		display: inline-block;
		margin-bottom: 0;
	}

	.product-item-detail-slider-container.popup .product-item-detail-slider-close {
		right: 10px;
		z-index: 200;
	}

	.product-item-detail-slider-left,
	.product-item-detail-slider-right { max-width: 75px; }

	.product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 0; }

}

/*endregion*/


/*region  Tabs */
.product-item-detail-tabs-container {
	min-height: 60px;
	border-bottom: 1px solid #ededed;
}

.product-item-detail-tabs-list {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-item-detail-tabs-list:after {
	display: table;
	clear: both;
	content: "";
}

.product-item-detail-tab {
	float: left;
	min-height: 60px;
}

.product-item-detail-tab-link {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 10px 25px;
	height: 60px;
	color: #000;
	vertical-align: middle;
	text-transform: uppercase;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-weight: var(--ui-font-weight-bold);
	font-size: 13px;
	line-height: 45px;
	transition: all 250ms ease;
}

.product-item-detail-tab-link:hover,
.product-item-detail-tab.active .product-item-detail-tab-link {
	color: #006cc0;
	color: var(--theme-color-primary);
	text-decoration: none;
}

.product-item-detail-tab-link:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 0;
	background: #006cc0;
	background: var(--theme-color-primary);
	content: "";
	transition: all 250ms ease;
}

.product-item-detail-tab-link:hover:after,
.product-item-detail-tab.active .product-item-detail-tab-link:after { height: 3px; }

.product-item-detail-tab-link:active:after { height: 6px; }

.product-item-detail-tab-content { padding: 25px 0; }

@media (max-width: 991px) {
	.product-item-detail-tabs-container { display: none !important; }

	.product-item-detail-tab-content { display: block !important; }
}

/*Tab fixed*/
.product-item-detail-tabs-container-fixed {
	position: fixed;
	top: -100px;
	right: 0;
	left: 0;
	z-index: 300;
	background-color: #fff;
	box-shadow: 0 4px 14px 0 rgba(32, 54, 74, .23);
	transition: top 350ms linear;
}

.product-item-detail-tabs-container-fixed {
	min-height: 45px;
	background: #fff;
}

.product-item-detail-tabs-container-fixed.active {
	top: 0;
	opacity: 1;
}

.product-item-detail-tabs-container-fixed .product-item-detail-tabs-list {
	margin: 0 auto;
	max-width: 1048px;
}

.product-item-detail-tabs-container-fixed .product-item-detail-tab { min-height: 45px; }

.product-item-detail-tabs-container-fixed .product-item-detail-tab-link {
	padding: 10px 25px;
	height: 45px;
	line-height: 25px;
}

.bx-touch .product-item-detail-tabs-container-fixed { display: none !important; }

/*endregion*/

/*region Small Card*/
.product-item-detail-short-card-fixed {
	position: fixed;
	top: -85px;
	right: 0;
	left: 0;
	z-index: 310;
	box-sizing: border-box;
	height: 85px;
	background-color: #fff;
	box-shadow: 0 4px 14px 0 rgba(32, 54, 74, .23);
	transition: top 220ms linear;
}

.product-item-detail-short-card-fixed.active {
	top: 0;
	opacity: 1;
}

.product-item-detail-short-card-fixed.active + .product-item-detail-tabs-container-fixed.active { top: 85px; }

.bx-touch .product-item-detail-short-card-fixed { display: none !important; }

.product-item-detail-short-card-fixed .product-item-detail-short-card-content-container {
	margin: 0 auto;
	max-width: 1048px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.product-item-detail-short-card-image {
	padding-right: 15px;
	width: 80px;
	max-width: 80px;
	vertical-align: middle;
	text-align: center;
}

.product-item-detail-short-card-image img {
	max-width: 100%;
	height: auto;
	max-height: 65px;
	width: auto;
}

.product-item-detail-short-title-container {
	max-width: 650px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.product-item-detail-short-title-text {
	display: block;
	color: #000;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 16px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.product-item-detail-short-card-price {
	padding: 0 10px;
	vertical-align: middle;
	text-align: right;
}

.product-item-detail-short-card-btn {
	padding-left: 10px;
	min-width: 120px;
}

/*endregion*/

/*region Properties */
.product-item-detail-tab-content { display: none; }

.product-item-detail-tab-content.active { display: block; }

.product-item-detail-tab-content h3 {
	margin-bottom: 10px;
	font-weight: var(--ui-font-weight-bold);
	font-size: 14px;
}

.product-item-detail-properties {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
}

.product-item-detail-properties-item {
	margin-bottom: 5px;
	display: flex;
	align-items: start;
	gap: 8px;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid #D1D1D1;
}

.product-item-detail-properties-dots {
	border-bottom: 1px dotted #a5a5a5;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	display: none;
}

.product-item-detail-properties-name,
.product-item-detail-properties-value {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 50%;
	width: auto;
	font-size: 12px;
}

.product-item-detail-properties-name,
.product-item-detail-properties-value {
	font-size: 18px;
	line-height: 30px; /* 166.667% */
}

.product-item-detail-properties-value {
	font-weight: 600;
	text-align: right;
}

.product-item-detail-properties-value span{
	font-weight: 400;
}

/*endregion*/

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }

.product_text{
	color: #636363;
	font-size: 18px;
	line-height: 30px; /* 166.667% */

}

/* Стили для табов продукта */
#product_tabs.product-tabs-container {
	margin-top: 100px;
}

.product-tabs-nav {
	list-style: none;
	padding: 0;
	margin: 0 0 40px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	border-bottom: 2px solid #E9ECEF;
}

.product-tab-item {
	margin: 0;
}

.product-tab-link {
	position: relative;
	display: inline-block;
	padding: 16px 32px;
	background: transparent;
	border: none;
	border-bottom: 3px solid transparent;
	color: var(--color-black);
	font-family: var(--second-family);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	outline: none;
	margin-bottom: -2px;
}

.product-tab-link:hover {
	color: var(--color-orange);
}

.product-tab-link.active {
	color: var(--color-orange);
	border-bottom-color: var(--color-orange);
	font-weight: 600;
}

.product-tab-link:focus {
	outline: 2px solid var(--color-orange);
	outline-offset: 4px;
	border-radius: 4px;
}

.product-tabs-content {
	position: relative;
	min-height: 200px;
	padding: 30px 0;
	background: var(--color-white);
	border-radius: 8px;
}

.product-tab-pane {
	display: none;
	opacity: 0;
	animation: fadeIn 0.4s ease-in-out;
	padding: 0;
}

.product-tab-pane.active {
	display: block;
	opacity: 1;
}

/* Стили для содержимого табов */
.product-tabs-content .product_text {
	color: var(--color-black);
	font-family: var(--first-family);
	font-size: 16px;
	line-height: 1.75;
	padding: 0;
}

.product-tabs-content .product_text p {
	margin: 0 0 20px 0;
	color: var(--color-black);
}

.product-tabs-content .product_text p:last-child {
	margin-bottom: 0;
}

.product-tabs-content .product_text h1,
.product-tabs-content .product_text h2,
.product-tabs-content .product_text h3,
.product-tabs-content .product_text h4,
.product-tabs-content .product_text h5,
.product-tabs-content .product_text h6 {
	color: var(--color-black);
	font-family: var(--second-family);
	font-weight: 700;
	margin: 30px 0 20px 0;
	line-height: 1.4;
}

.product-tabs-content .product_text h1:first-child,
.product-tabs-content .product_text h2:first-child,
.product-tabs-content .product_text h3:first-child {
	margin-top: 0;
}

.product-tabs-content .product_text ul,
.product-tabs-content .product_text ol {
	margin: 20px 0;
	padding-left: 30px;
}

.product-tabs-content .product_text li {
	margin: 10px 0;
	line-height: 1.75;
}

.product-tabs-content .product_text img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 20px 0;
}

.product-tabs-content .product_text a {
	color: var(--color-orange);
	text-decoration: none;
	transition: color 0.3s ease;
}

.product-tabs-content .product_text a:hover {
	color: var(--color-orange-hover);
	text-decoration: underline;
}

/* Стили для таблиц в характеристиках */
.product-tabs-content .table-responsive {
	overflow-x: auto;
	margin: 0;
	border-radius: 8px;
}

.product-tabs-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	background: var(--color-white);
}

.product-tabs-content table tbody tr {
	border-bottom: 1px solid #E9ECEF;
	transition: background-color 0.2s ease;
}

.product-tabs-content table tbody tr:hover {
	background-color: #F8F9FA;
}

.product-tabs-content table tbody tr:nth-child(even) {
	background-color: #F8F9FA;
}

.product-tabs-content table tbody tr:nth-child(even):hover {
	background-color: #F2F2F2;
}

.product-tabs-content table tbody td {
	padding: 16px 20px;
	text-align: left;
	color: var(--color-black);
	font-size: 16px;
	line-height: 1.6;
	vertical-align: top;
}

.product-tabs-content table tbody td:first-child {
	font-weight: 600;
	color: var(--color-black);
	width: 40%;
}

.product-tabs-content table tbody td:last-child {
	color: var(--color-black);
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Адаптивность */
@media (max-width: 768px) {
	.product-tabs-nav {
		gap: 12px;
		margin-bottom: 30px;
	}
	
	.product-tab-link {
		padding: 12px 20px;
		font-size: 16px;
	}
	
	#product_tabs.product-tabs-container {
		margin-top: 60px;
	}
	
	.product-tabs-content {
		padding: 20px 0;
		min-height: 150px;
	}
	
	.product-tabs-content .product_text {
		font-size: 15px;
		line-height: 1.6;
	}
	
	.product-tabs-content .product_text h1,
	.product-tabs-content .product_text h2,
	.product-tabs-content .product_text h3 {
		font-size: 20px;
		margin: 20px 0 15px 0;
	}
	
	.product-tabs-content table tbody td {
		padding: 12px 15px;
		font-size: 14px;
	}
	
	.product-tabs-content table tbody td:first-child {
		width: 45%;
	}
}

.product_text p{
	margin: 0 0 24px;
}

.product_text_title{
	color: var(--color-black);
	font-family: var(--second-family);
	font-size: 24px;
	font-weight: 700;
	line-height: 32px; /* 133.333% */
	text-transform: uppercase;
	margin-bottom: 40px;
}

.product_photo{
	max-width: 630px;
	border-radius: 35px;
	overflow: hidden;
}

.product_photo .swiper-slide,
.product_photo .swiper-slide a {
	display: block;
	border-radius: 35px;
	overflow: hidden;
}

.product_photo .swiper-slide img {
	border-radius: 35px;
	width: 100%;
	height: auto;
	display: block;
}

.product-item-detail-pay-block{
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}

.product_element_photo_sl_thumb{
	margin-top: 24px;
}

.product_element_photo_sl_thumb .swiper-slide {
	border-radius: 35px;
	overflow: hidden;
}

.product_element_photo_sl_thumb img{
	border-radius: 35px;
	cursor: pointer;
}

.sku_block{
	display: flex;
	flex-direction: column;
}


@media(max-width:992px){
	.product_photo{
		margin: 0 auto;
	}
	.product_text{
		font-size: 16px;
		line-height: 28px;
	}

	.product_text_title{
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 30px;
	}
	.product-item-detail-properties-name,
	.product-item-detail-properties-value{
		font-size: 16px;
		line-height: 28px;
	}

}

@media(max-width:576px){
	.product-item-detail-pay-block{
			flex-direction: column;
	}

	.product-item-amount{
		max-width: 180px;
	}

	.main-button-container{
		max-width: 280px;
	}
}

/* === Стили для блока текстур, цветов и покрытий (стиль Adanat) === */
.product-textures-config {
	margin-top: 16px;
}

/* Блок выбора */
.textures-choose {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px 0;
	border-bottom: 1px solid #f0f0f0;
}

.textures-choose:last-child {
	border-bottom: none;
}

.textures-choose__name {
	font-family: var(--first-family, 'Open Sans', sans-serif);
	font-size: 14px;
	font-weight: 600;
	color: #30353B;
	flex: 1;
	min-width: 0;
}

.textures-choose__edit {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 6px 12px;
	background: transparent;
	border: 1px solid #81A813;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s ease;
	color: #81A813;
}

.textures-choose__edit:hover {
	background: #81A813;
	color: #fff;
}

.textures-choose__edit-name {
	font-family: var(--first-family, 'Open Sans', sans-serif);
	font-size: 13px;
	font-weight: 500;
}

.textures-choose__edit svg {
	flex-shrink: 0;
}

/* Боковая панель */
.textures-panel {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.3s, opacity 0.3s ease;
}

.textures-panel.active {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.3s ease;
}

.textures-panel__overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}

.textures-panel__content {
	position: absolute;
	top: 0;
	right: -400px;
	width: 400px;
	max-width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
	display: flex;
	flex-direction: column;
	transition: right 0.3s ease;
}

.textures-panel.active .textures-panel__content {
	right: 0;
}

.textures-panel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
	border-bottom: 1px solid #e9ecef;
}

.textures-panel__title {
	font-family: var(--first-family, 'Open Sans', sans-serif);
	font-size: 18px;
	font-weight: 600;
	color: #30353B;
}

.textures-panel__close {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 8px;
	transition: background 0.2s ease;
	color: #636363;
}

.textures-panel__close:hover {
	background: #f5f5f5;
	color: #30353B;
}

.textures-panel__intro {
	font-family: var(--first-family, 'Open Sans', sans-serif);
	font-size: 14px;
	color: #636363;
	line-height: 1.5;
	padding: 0 24px 16px;
	border-bottom: 1px solid #e9ecef;
	margin-bottom: 0;
}

.textures-panel__items {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	align-content: start;
}

.textures-panel__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 12px;
	border: 1px solid #e9ecef;
	border-radius: 12px;
	background: #fafafa;
}

.textures-panel__item picture {
	width: 100px;
	height: 100px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 10px;
}

.textures-panel__item picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.textures-panel__item-name {
	font-family: var(--first-family, 'Open Sans', sans-serif);
	font-size: 13px;
	color: #30353B;
	text-align: center;
	line-height: 1.3;
}

.textures-panel__footer {
	padding: 16px 24px;
	border-top: 1px solid #e9ecef;
}

.textures-panel__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--first-family, 'Open Sans', sans-serif);
	font-size: 14px;
	color: #81A813;
	text-decoration: none;
	transition: color 0.2s ease;
}

.textures-panel__link:hover {
	color: #6a8c10;
	text-decoration: none;
}

/* Адаптив для планшетов */
@media (max-width: 992px) {
	.textures-choose__name {
		min-width: 100px;
		font-size: 13px;
	}
}

/* Адаптив для мобильных */
@media (max-width: 576px) {
	.product-textures-config {
		margin-top: 16px;
		padding-top: 16px;
	}
	
	.textures-choose {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		padding: 10px 0;
	}
	
	.textures-choose__name {
		min-width: auto;
	}
	
	.textures-choose__edit {
		width: 100%;
		justify-content: center;
	}
	
	.textures-panel__content {
		width: 100%;
		right: -100%;
	}
	
	.textures-panel__items {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
		padding: 12px;
	}
	
	.textures-panel__item {
		padding: 10px;
	}
	
	.textures-panel__item picture {
		width: 80px;
		height: 80px;
	}
	
	.textures-panel__item-name {
		font-size: 12px;
	}
}

/* Адаптив для очень маленьких экранов */
@media (max-width: 375px) {
	.textures-panel__items {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}
	
	.textures-panel__item picture {
		width: 70px;
		height: 70px;
	}
	
	.textures-panel__item-name {
		font-size: 11px;
	}
}
/* === Конец стилей для блока текстур === */
/* End */


/* Start:/bitrix/components/bitrix/sale.prediction.product.detail/templates/.default/style.min.css?1742209073332*/
.catalog-element-popup-wrapper{position:absolute;box-sizing:border-box;border-radius:3px;background:rgba(0,0,0,.77)}.catalog-element-popup-inner{padding:20px;max-width:300px;font:13px "Helvetica Neue",Arial,Helvetica,sans-serif}.catalog-element-popup-element{color:#ffa801;font:bold 13px "Helvetica Neue",Arial,Helvetica,sans-serif}
/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.recommended.products/related_slider/style.css?1766177096700*/
.section_slide{
  overflow: hidden;
}

.section_slide .swiper-wrapper{
  height: initial;
}
.product_in_slider{overflow:hidden}

/* Стили для контейнера кнопок в блоке "С этим товаром покупают" */
.product-item-buttons-wrapper {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}

.product-item-buttons-wrapper .product-item-button-container {
  flex: 1;
  margin: 0;
}

.product-item-buttons-wrapper .product-item-button-container .product-more {
  width: 100%;
  text-align: center;
  display: block;
}

/* Адаптивность */
@media (max-width: 576px) {
  .product-item-buttons-wrapper {
    flex-direction: column;
    gap: 10px;
  }
}


/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.section/products_section_slide/style.css?1770730549783*/
.section_slide{
  overflow: hidden;
}

.section_slide .swiper-wrapper{
  height: initial;
}
.product_in_slider{overflow:hidden}

/* Фиксированный размер изображений в слайдере */
.section_slide .product-item-image-wrapper {
  width: 285px;
  height: 160px;
  min-height: 160px;
}

.section_slide .product-item-image-original,
.section_slide .product-item-image-alternative {
  width: 285px;
  height: 160px;
}

.section_slide .product-item-image-original img,
.section_slide .product-item-image-alternative img {
  min-width: 285px;
  min-height: 160px;
  object-fit: contain;
  object-position: center;
}

.section_slide .product-item-image-slide {
  width: 285px;
  height: 160px;
  background-size: contain;
  background-position: center;
}

/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.products.viewed/viewed/style.min.css?1758870394153*/
.catalog-products-viewed-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}
/* End */


/* Start:/local/templates/.default/components/altasib/feedback.form/forms_catalog/form_style.css?177872584247611*/
.modal_form{
        background:#fff;
        /*position:fixed;*/
        position:absolute;
        top:45%;
        left:50%;
        opacity:0;
        z-index:2001;
        transition:all 0.3s ease 0s;
        min-height:200px;
        height:auto;
        overflow:hidden;
        box-sizing:border-box;
        padding:60px;
}
.modal_close{
        width:14px;
        height:14px;
        position:absolute;
        background:#fff;
        top:20px;
        right:20px;
        cursor:pointer;
        display:block;
        overflow:hidden;
        opacity:0.6;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        z-index:2;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok{
        width:115px;
        height:36px;
        line-height:36px;
        background:#0097f6;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        -webkit-box-shadow:0 2px 4px 2px #e6e6e6;
        -moz-box-shadow:0 2px 4px 2px #e6e6e6;
        box-shadow:0 2px 4px 2px #e6e6e6;
        border:none;
        outline:none;
        color:#fff;
        text-align:center;
        margin:0 auto 10px;
        display:block;
        cursor:pointer;
        -webkit-transition:all .2s ease-out;
        -moz-transition:all .2s ease-out;
        -ms-transition:all .2s ease-out;
        -o-transition:all .2s ease-out;
        transition:all .2s ease-out;
}
.modal_close_ok:hover{
        -webkit-box-shadow:0 2px 5px 3px #ccc;
        -moz-box-shadow:0 2px 5px 3px #ccc;
        box-shadow:0 2px 5px 3px #ccc;
}
.modal_close:hover{
        opacity:1;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.modal_close__left:before{
        position:absolute;
        content:'';
        left:-3px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#767676;
}
.modal_close__left:after{
        position:absolute;
        content:'';
        left:-7px;
        top:-5px;
        border:12px solid transparent;
        border-left-color:#fff;
}
.modal_close__right:before{
        position:absolute;
        content:'';
        right:-3px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#767676;
}
.modal_close__right:after{
        position:absolute;
        content:'';
        right:-7px;
        top:-5px;
        border:12px solid transparent;
        border-right-color:#fff;
}

.alx_feed_back .modal_form_title{
        color: var(--color-black);
        font-family: var(--second-family);
        font-size: 24px;
        font-weight: 700;
        line-height: 130%!important; /* 31.2px */
        text-transform: uppercase!important;
        margin-bottom: 16px;
        
}

.alx_feed_back .modal_form_subtitle{
        color: #808080;
        font-size: 18px;
        font-weight: 400;
        line-height: 30px!important; /* 166.667% */
        margin-bottom: 35px;
        
}

.alx_fb_overlay{
        z-index:2000;
        position:fixed;
        background-color:var(--color-black);
        opacity:0.4;
        width:100%;
        height:100%;
        top:0;
        left:0;
        cursor:pointer;
        display:none;
}
.alx_feedback_popup{
        cursor:pointer;
}
.alx-feedb-data-errorLoading{
        text-align:center;
        padding-top:50px;
}
.alx_fedb_wait{
        height:140px;
        left:45%;
        position:fixed;
        top:45%;
        width:140px;
        z-index:2001;
        text-align:center;
}
.alx-feedb-data{
        position:absolute;
        opacity:0;
}
.alx-feedb-data-view{
        position:relative;
        opacity:1;
        width:100%;
        transition:all 0.3s ease 0s;
}
.afbf_success_block{
        height:140px;
        display:table;
        vertical-align:middle;
        width:100%;
        margin-bottom:20px;
}
.afbf_success_block._without-popup{
        height:100px;
}
.afbf_success_block._without-popup .afbf_mess_ok{
        text-align:left;
        line-height:50px;
}
.afbf_success_block._without-popup .afbf_mess_ok .mess{
        margin-left:60px;
}
.afbf_success_block._without-popup .afbf_ok_icon{
        display:inline-block;
        width:auto;
        min-width:50px;
        float:left;
        margin-bottom:0;
}
.afbf_mess_ok{
        display:table-cell;
        vertical-align:middle;
        text-align:center;
}
/* animation loading */

@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}}
@keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}}
.alx-rotate-loading, .alx-feedb-loading{
        height:120px;
        position:relative;
        width:120px;
        border-radius:100%;
}
.alx-rotate-loading{
        margin:40px auto;
}
.alx-feedb-loading{
        border:13px solid transparent;
        border-color:transparent #fff transparent #FFF;
        -moz-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -moz-transform-origin:50% 50%;
        -o-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -o-transform-origin:50% 50%;
        -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal;
        -webkit-transform-origin:50% 50%;
        animation:alx-rotate-loading 2s linear 0s infinite normal;
        transform-origin:50% 50%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx-rotate-loading:hover .alx-feedb-loading{
        border-color:transparent #E45635 transparent #E45635;
}
.alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
}
.alx-feedb-loading-text{
        animation:2s linear 0s normal none infinite running loading-text-opacity;
        color:#fff;
        font-size:15px;
        font-weight:bold;
        margin-top:52.5px;
        position:absolute;
        text-align:center;
        text-transform:uppercase;
        top:0px;
        width:120px;
}

/* animation popup */

@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}
@-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}}

@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}}
@-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}
@-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}}

@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}}
@-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}}
@-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}

@-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}}
@-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}
@-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}}

@keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}}
@-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}
@-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}}

.alx-popup-show-anime1{
        animation:pulse .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime1{
        animation:bounceIn 0.5s;
}
.alx-popup-mess-show-anime1{
        animation:pulseMess .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime2{
        animation:rotateOut 0.5s both;
}
.alx-popup-mess-show-anime2{
        animation:rotateIn .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        display:block;
}
.alx-popup-hide-anime3{
        animation:fadeOutRight 0.5s both;
}
.alx-popup-mess-show-anime3{
        animation:fadeInRight .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}
.alx-popup-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s;
        display:block;
}
.alx-popup-hide-anime4{
        animation:bounceOutDown 0.5s;
}
.alx-popup-mess-show-anime4{
        animation:bounceInDown .75s ease-in-out 0s both;
        max-height:100%;
        opacity:1;
        transition:all 0.8s ease 0s;
}

/* feedb_styles */

.alx_feed_back{
        padding:0px;
        margin:0px;
        text-transform:none !important;
        text-align:left !important;
        line-height:normal !important;
        text-decoration:none !important;
}
.alx_feed_back *{
        text-transform:none !important;
        text-align:left !important;
        line-height:normal !important;
        text-decoration:none !important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
}
.alx_feed_back form{
        padding:0px;
        margin:0px;
}
.modal_form .afbf_error_block{
        position:relative;
        margin-bottom:20px;
}
.modal_form .afbf_error_block:after{
        content:'';
        position:absolute;
        bottom:-10px;
        left:-20px;
        right:-20px;
        height:1px;
        background:#ccc;
}
.afbf_error_icon{
        float:left;
        margin-right:5px;
        width:50px;
        height:40px;
        background:url(/local/templates/.default/components/altasib/feedback.form/forms_catalog/images/afbf_danger-sign.png) no-repeat 0 0;
}
.afbf_error_block .afbf_error_text,
.afbf_error_block .afbf_error_ftext{
        font-size:16px;
        min-height:40px;
        /*line-height:40px;*/
        padding-bottom:30px;
        color:#f80000;
        display:block;
}
.afbf_ok_icon{
        margin:0 0 20px 0;
        width:100%;
        height:50px;
        background:url(/local/templates/.default/components/altasib/feedback.form/forms_catalog/images/afbf_check-box.png) no-repeat 50% 50%;
}

.modal_form .afbf_error_block td{
        vertical-align:top;
        text-align:left;
}
/* .alx-feedb-error{
        margin-top:20px;
} */
.modal_form .alx-feedb-error{
        margin-top:0px;
}
.alx-feedb-error .afbf_error_block ul{
        list-style:none;
        padding-left:55px;
        font-size:14px;
        color:#f80101;
        margin:0;
}
.alx-feedb-error .afbf_error_block ul li{
        padding:0px 0px 4px 8px;
        margin:0px;
        display:block;
        list-style:none !important;
        background:transparent !important;
}
.alx-feedb-error .afbf_error_block ul li:before{
        content:'' !important;
}
.alx-feedb-error .afbf_error_block ul li span{
        position:relative;
        z-index:1;
        margin-left:-8px;
}
.modal_form .afbf_feedback_poles{
        padding:0px;
        margin:11px 0px 0px 0px;
}
.afbf_item_pole{
        padding:0px;
        margin:0px 0px 16px;
        position:relative;
}
*html .afbf_item_pole{
        position:relative;
        z-index:1;
        zoom:1;
}
.afbf_item_pole .afbf_name{
        padding:0px;
        margin:0px 0px 6px 0px;
}


.afbf_item_pole .afbf_select,
.afbf_item_pole .afbf_textarea,
.afbf_item_pole .afbf_inputtext{
        height:50px;
        width:100%;
        padding:18px 35px !important;
        font-size:14px;
        outline:none;
        border-radius: 30px;
        border: 2px solid #C5C5C5;
}

.afbf_item_pole.error_pole .afbf_textarea,
.afbf_item_pole.error_pole .afbf_inputtext{
        border-color: red;
}

/* Стили для ошибок валидации */
.afbf_inputtext.phone-error,
.afbf_inputtext.name-error,
.afbf_inputtext.city-error,
.afbf_inputtext.country-error {
        border-color: #f80000 !important;
        box-shadow: 0 0 0 2px rgba(248, 0, 0, 0.1);
}

/* Стили для placeholder телефона */
input[name*="PHONE"]::placeholder,
input[name*="[PHONE]"]::placeholder,
input[name^="FIELDS["][name*="PHONE"]::placeholder {
        color: #999;
        opacity: 1;
        font-size: 14px;
}

input[name*="PHONE"]:focus::placeholder,
input[name*="[PHONE]"]:focus::placeholder,
input[name^="FIELDS["][name*="PHONE"]:focus::placeholder {
        color: #bbb;
}

.afbf_item_pole.item_pole__captcha .afbf_inputtext{
        box-sizing:content-box;
        padding:7px 0px !important;
}
.afbf_item_pole select.afbf_inputtext.afbf_select_sect{
        height:auto;
}



/* -------- */
.afbf_item_pole .dropdownjs.feedback_dropdown> ul{
        right:0;
        left:auto;
        top:35px;
        bottom:auto;
        height:120px;
        padding:0;
        -webkit-transform-origin:top right;
        -ms-transform-origin:top right;
        transform-origin:top right;
        -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
        box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75);
}
.afbf_item_pole .dropdownjs.feedback_dropdown:after{
        content:'';
        position:absolute;
        right:10px;
        top:50%;
        margin-top:-2px;
        display:inline-block;
        border:5px solid transparent;
        border-top:5px solid #767676;
}
.afbf_item_pole .afbf_checkbox label{
        margin-left:20px;
        margin-bottom:5px;
        font-weight:normal;
        position:relative;
        cursor:pointer;
        font-size:14px;
        top:auto;
        left:auto;
        pointer-events:inherit;
        -webkit-transition:0.3s ease all;
        -o-transition:0.3s ease all;
        transition:0.3s ease all;
}
.afbf_checkbox{
        margin:10px 0 20px;
}
.afbf_checkbox input[type=checkbox]{
        position:absolute;
        opacity:0;
        width:0;
        height:0;
        margin:0;
        overflow:hidden;
        pointer-events:none;
}
.afbf_checkbox .afbf_checkbox_box{
        vertical-align:middle;
        position:relative;
        top:2px;
        margin-right:12px;
}
.afbf_checkbox_box .afbf_checkbox_check{
        position:relative;
        display:inline-block;
        width:18px;
        height:18px;
        border:2px solid rgba(0,0,0,.54);
        border-radius:2px;
        overflow:hidden;
        border-radius:2px;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        z-index:1;
}
.afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg);
        display:block;
        margin-top:-4px;
        margin-left:5px;
        width:0;
        height:0;
        -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
        box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        content:'';
        position:absolute;
        color:#7b7f7f;
        -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
        box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
}
.afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-on 0.3s forwards;
        -o-animation:checkbox-on 0.3s forwards;
        animation:checkbox-on 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{
        -webkit-animation:checkbox-off 0.3s forwards;
        -o-animation:checkbox-off 0.3s forwards;
        animation:checkbox-off 0.3s forwards;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{
        border:none;
}
.afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{
        margin-top:-3px;
        margin-left:7px;
}
.afbf_item_pole.is_filled .afbf_name.static_name,
.afbf_item_pole.is_focused .afbf_name.static_name,
.afbf_name.static_name{
        position:static;
        color:inherit;
        font-size:inherit;
        margin-bottom:20px
}
.afbf_item_pole.item_pole__captcha .afbf_name{
        top:67px;
}
.afbf_item_pole.item_pole__captcha.is_filled .afbf_name,
.afbf_item_pole.item_pole__captcha.is_focused .afbf_name{
        top:55px;
}
.afbf_pole_captcha{
        margin-bottom:30px;
}
.afbf_pole_captcha .image{
        vertical-align:middle;
}
.afbf_pole_captcha .g-recaptcha{
        display:inline-block;
        vertical-align:middle;
}
.afbf_pole_captcha .afbf_captcha_reload{
        display:inline-block;
        vertical-align:middle;
        width:22px;
        height:16px;
        background:url(/local/templates/.default/components/altasib/feedback.form/forms_catalog/images/icon_reload.png) no-repeat 0 0;
        cursor:pointer;
        margin-left:20px;
}
.afbf_inputtext_bg .afbf_textarea{
        width:100%;
        z-index:100;
        height:75px;
        overflow:auto;
        resize:vertical;
        max-height:450px;
        max-width:100%;
        min-height:75px;
        min-width:100%;
}
.afbf_submit_block{
        margin:0px 0px 0px 0px;
        padding:0px;
        display:block;
        text-align:right !important;
}
.afbf_btn{
        display: inline-block;
        outline: 0;
        border: 0;
        border-radius: 4px;
        background: var(--color-green);
        color: var(--color-white);
        line-height: 26px;
        padding: 10px 20px;
        text-decoration: none;
        transition: all .3s linear;
        line-height: 26px!important;
        transition: all .3s linear;
}
.alx_feed_back .afbf_feedback_poles .afbf_btn:hover{
        background: var(--color-green-hover);
}
.afbf_inputtext_bg select{
        width:100%;
        padding:0px;
        margin:0px;
        border:0px;
}
.afbf_file_button{
        position:absolute;
        right:-1px;
        height:100%;
        top:-1px;
        z-index:1;
}
*html .alx_feed_back .afbf_feedback_poles div{
        zoom:1;
}
.afbf_inputtext_bg_calendar{
        position:relative;
        z-index:2;
        zoom:1;
}
.afbf_inputtext_bg_calendar .afbf_calendar_icon{
        position:absolute;
        top:3px;
        right:5px;
}
.afbf_error_text,
.afbf_error_ftext{
        display:none;
}
.afbf_item_pole.error_pole .afbf_error_text,
.afbf_item_pole.error_fpole .afbf_error_ftext{
        position:relative;
        display:block;
        margin:5px 0 0;
        padding-right:20px;
        color:#f80000;
        font-size:12px;
}
.afbf_item_pole.error_pole .afbf_error_text:after,
.afbf_item_pole.error_fpole .afbf_error_ftext:after{
        content:'';
        position:absolute;
        right:0;
        display:inline-block;
        width:17px;
        height:16px;
        background:url(/local/templates/.default/components/altasib/feedback.form/forms_catalog/images/icon_error.png) 0 0 no-repeat;
}

/* dropdown styles */

.dropdownjs{
        position:relative;
}
.dropdownjs *{
        box-sizing:border-box;
}
.dropdownjs> input{
        width:100%;
        padding-right:30px;
        text-overflow:ellipsis;
}
.dropdownjs> input.focus~ ul{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
}
.dropdownjs> ul{
        position:absolute;
        padding:0;
        margin:0;
        min-width:200px;
        -webkit-transform:scale(0);
        -ms-transform:scale(0);
        transform:scale(0);
        z-index:10000;
}
.dropdownjs> ul[placement=top-left]{
        -webkit-transform-origin:bottom left;
        -ms-transform-origin:bottom left;
        transform-origin:bottom left;
        bottom:0;
        left:0;
}
.dropdownjs> ul[placement=bottom-left]{
        -webkit-transform-origin:top left;
        -ms-transform-origin:top left;
        transform-origin:top left;
        top:0;
        left:0;
}
.dropdownjs> ul> li{
        list-style:none;
        padding:10px 20px;
}
.dropdownjs> ul> li.dropdownjs-add{
        padding:0;
}
.dropdownjs> ul> li.dropdownjs-add> input{
        border:0;
        padding:10px 20px;
        width:100%;
}

/* Theme */

.dropdownjs> input[readonly]{
        cursor:pointer;
}
select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{
        cursor:default;
}
.dropdownjs> ul{
        background:#FFF;
        box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12);
        -webkit-transition:-webkit-transform 0.2s ease-out;
        transition:transform 0.2s ease-out;
        padding:10px;
        overflow:auto;
        max-width:500px;
}
.dropdownjs> ul> li{
        cursor:pointer;
        word-wrap:break-word;
        -webkit-transition:background-color .15s ease 0s;
        -moz-transition:background-color .15s ease 0s;
        -ms-transition:background-color .15s ease 0s;
        -o-transition:background-color .15s ease 0s;
        transition:background-color .15s ease 0s;
}
.dropdownjs> ul> li:hover,
.dropdownjs> ul> li.selected,
.dropdownjs> ul> li:active{
        background-color:#eaeaea;
        outline:0;
}
.dropdownjs> ul> li:focus{
        outline:0;
        outline:1px solid #d4d4d4;
}
.dropdownjs> ul> li> .close:before{
        content:"\00d7";
        display:block;
        position:absolute;
        right:15px;
        float:right;
        font-size:21px;
        font-weight:700;
        line-height:1;
        color:#000;
        text-shadow:0 1px 0 #fff;
        opacity:.6;
}
.dropdownjs> ul> li:h> .close:hover:before{
        opacity:.9;
}
/* end dropdown styles */

/* Radio buttons */
.afbf_radio{
        margin:0 0 20px;
}
.afbf_radio label{
        padding-bottom:10px;
        padding-left:34px;
        position:relative;
        top:auto;
        left:auto;
        pointer-events:inherit;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        line-height:20px !important;
        display:inline-block;
}
.afbf_radio input[type=radio]{
        position:absolute;
        opacity:0;
        height:0;
        width:0;
        overflow:hidden;
}
.afbf_radio span{
        display:block;
        position:absolute;
        left:0;
        -webkit-transition-duration:0.2s;
        -o-transition-duration:0.2s;
        transition-duration:0.2s;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid rgba(0,0,0,.54);
        height:20px;
        width:20px;
        border-radius:50%;
}
.afbf_radio .afbf_radio_check{
        left:5px;
        top:5px;
        height:10px;
        width:10px;
        border-radius:100%;
        background-color:rgba(0,0,0,.54);
        -webkit-transform:scale3d(0,0,0);
        transform:scale3d(0,0,0);
}
.afbf_radio input[type=radio]:checked ~ .afbf_radio_check{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
}

/* Togglebuttons */
.afbf_checkbox.toggle{
        margin:0 0 40px;
}
.afbf_checkbox.toggle label{
        position:relative;
        cursor:pointer;
        font-size:14px;
        color:#1b1b1b;
        top:auto;
        left:auto;
        pointer-events:inherit;
}
.afbf_checkbox.toggle input[type=checkbox]{
        opacity:0;
        width:0;
        height:0;
        margin:0;
        position:absolute;
}
.afbf_checkbox.toggle label .afbf_checkbox_check{
        display:none;
}
.afbf_checkbox.toggle,
.afbf_checkbox.toggle label,
.afbf_checkbox.toggle input,
.afbf_checkbox.toggle .afbf_checkbox_box{
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
}
.afbf_checkbox.toggle label .afbf_checkbox_box{
        display:inline-block;
        width:36px;
        height:15px;
        background-color:#bbb9b9;
        border-radius:15px;
        margin-right:15px;
        -webkit-transition:background 0.3s ease;
        -o-transition:background 0.3s ease;
        transition:background 0.3s ease;
        vertical-align:middle;
        top:-2px;
}
.afbf_checkbox.toggle label .afbf_checkbox_box:after{
        content:"";
        display:inline-block;
        width:20px;
        height:20px;
        background-color:#f1f1f1;
        border-radius:20px;
        position:relative;
        -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        box-shadow:0 1px 3px 1px rgba(0,0,0,0.4);
        left:0;
        top:-3px;
        -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease;
        -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
        transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease;
}


/* Fileinput */
.afbf_inputtext_bg.file input[type=file]{
        opacity:0;
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        width:100%;
        height:100%;
        z-index:100;
        cursor:pointer
}
.afbf_inputtext_bg.file .afbf_input_group{
        position:relative;
        display:table;
        width:100%;
        border-collapse:separate;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{
        display:table-cell;
        width:100%;
        height:34px;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{
        position:relative;
        display:table-cell;
        padding-left:5px;
        font-size:0;
        white-space:nowrap;
        width:1%;
        vertical-align:middle;
}
.afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{
        border-radius:50%;
        height:34px;
        margin:auto;
        width:34px;
        overflow:hidden;
        border:none;
        position:relative;
        line-height:normal;
        background:#fff url(/local/templates/.default/components/altasib/feedback.form/forms_catalog/images/icon_file.png) center no-repeat;
        cursor:pointer;
        -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
        box-shadow:0px 1px 2px 1px rgba(231,231,231,1);
}
.afbf_inputtext_bg.file.load_file label{
        font-size:12px;
}
.afbf_radio .afbf_radio_circle{
        border:2px solid;
}
.afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{
        left:15px;
}
/* -------- */
.afbf_send_another_message
{
	text-align: center;
	margin-top: 20px;	
}

@media screen and (max-width:768px){
        .alx_feed_back{
                width:99% !important;
        }

        .modal_form{
                width:100% !important;
                margin-left:0 !important;
                left:0;
        }
}

/* Animation */
@-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}

/* End */


/* Start:/local/templates/.default/components/altasib/feedback.form/forms_catalog/bitrix/main.userconsent.request/altasib_fb/user_consent.css?17787894804914*/
.main-user-consent-request a {
	cursor: pointer;
	color: #90968C!important;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px!important;
}

.modal_form .main-user-consent-request a{
	font-size: 14px;
}


.main-user-consent-request-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 9000;
}

.main-user-consent-request{
	display: flex;
	align-items: center;
	gap: 20px;
}



.main-user-consent-request input[type="checkbox"]{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	display: block;
	width: 100%;
	max-width: 36px;
	height: 36px;
	border: 2px solid #C5C5C5;
	border-radius: 5px;
	cursor: pointer;
}

.main-user-consent-request input[type="checkbox"]:checked{
	border-color: var(--color-green)
}

.main-user-consent-request input[type="checkbox"]:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(/local/templates/.default/images/check_agreement.svg) no-repeat center;
	opacity: 0;

}

.main-user-consent-request input[type="checkbox"]:checked:before {
	opacity: 1;
}

.main-user-consent-request-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 9000;
}

.main-user-consent-request-popup-cont {
	max-width: 555px;
	max-height: 447px;
	/*min-height: 372px;*/ /* loader magic */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	padding: 20px;
	min-width: 555px;
	background: #fff;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
}

.main-user-consent-request-popup-header {
	margin: 0 0 30px 0;
	font: normal 18px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	font-family: var(--first-family);
}

.main-user-consent-request-popup-textarea-block {
	display: none;
	margin: 0 0 20px 0;
}

.main-user-consent-request-popup-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-user-consent-request-popup-buttons .main-user-consent-request-popup-button {
	display: inline-block;
	height: 46px;
	margin: 0 10px 5px 0;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	font: normal 12px/39px "Open Sans", Helvetica, Arial, sans-serif;
	color: #535c69;
	outline: none;
	vertical-align: middle;
	text-decoration: none;
	text-transform: none;
	text-shadow: none;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear;
	transition: background-color 0.2s linear, color 0.2s linear;
	cursor: pointer;
	line-height: 26px;
	font-size: 16px;
}

.main-user-consent-request-popup-buttons .main-user-consent-request-popup-button-acc {
    background: var(--color-green);
    color: var(--color-white);
    transition: all .3s 
linear;

}

.main-user-consent-request-popup-buttons .main-user-consent-request-popup-button-acc:hover {
	background: var(--color-green-hover);
}

.main-user-consent-request-popup-button-rej {
	-webkit-box-shadow: inset 0 0 0 1px #a1a6ac;
	box-shadow: inset 0 0 0 1px #a1a6ac;
	background: none;
}

.main-user-consent-request-popup-button-rej:hover {
	background: #cfd4d8;
}

.main-user-consent-request-popup-text {
	padding: 5px 10px;
	width: 100%;
	height: 242px;
	border: 1px solid #999;
	background: #fff;
	box-sizing: border-box;
	outline: none;
	-moz-appearance: none;
	overflow: auto;
}


/** LOADER **/
.main-user-consent-request-loader {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.main-user-consent-request-path {
	stroke: #80868e;
	stroke-dasharray: 100, 200;
}

.main-user-consent-request-loader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.main-user-consent-request-circular {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: inherit;
	width: inherit;
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.main-user-consent-request-path {
	stroke: #ccc;
	stroke-dasharray: 60, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

/* End */
/* /local/templates/.default/components/bitrix/catalog/products/style.css?17682316853265 */
/* /local/templates/.default/components/bitrix/catalog.element/products_element/style.css?177309306235537 */
/* /bitrix/components/bitrix/sale.prediction.product.detail/templates/.default/style.min.css?1742209073332 */
/* /local/templates/.default/components/bitrix/catalog.recommended.products/related_slider/style.css?1766177096700 */
/* /local/templates/.default/components/bitrix/catalog.section/products_section_slide/style.css?1770730549783 */
/* /local/templates/.default/components/bitrix/catalog.products.viewed/viewed/style.min.css?1758870394153 */
/* /local/templates/.default/components/altasib/feedback.form/forms_catalog/form_style.css?177872584247611 */
/* /local/templates/.default/components/altasib/feedback.form/forms_catalog/bitrix/main.userconsent.request/altasib_fb/user_consent.css?17787894804914 */
