
.item-catalog__head {
	background: #EFF2F7;
	padding-top: 37px;
}
.bread-crumb {
	margin-top: 0;
}
.item-catalog__head h2{
	font-weight: bold;
	font-size: 30px;
	line-height: 43px;
	text-transform: uppercase;
	color: #455B7B;
	margin-bottom: 4px;
}
.item-catalog__head h3 {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #494949;
}
.item-catalog__btn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 33px;
}
.item-catalog__btn li {
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	text-align: center;
	color: #494949;
	padding: 28px 35px;
	cursor: pointer;
	border-radius: 5px 5px 0px 0px;
	transition: 200ms linear;
}
.item-catalog__btn li:hover {
	background: rgba(80,127,198,0.2);
}
.item-catalog__btn li.active {
	background: #fff;
	cursor: default;
}
.item-catalog__sections h3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 32px;
	text-transform: uppercase;
	color: #455B7B;
	margin: 50px 0 20px 0;
}
.item-catalog__body .container {
	display: grid;
	grid-template-columns: 1fr 418px;
	grid-gap: 30px;
}
.item-catalog__sections {
	position: relative;z-index: 5;
}
.image-360 {
	width: 100%;
	/*height: 595px;*/
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
	margin-top: 52px;
}
.image-360 .image-item {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.image-360__list {
	width: 100%;
	height: 100%;
	background: #fff;
}
.image-360 .open-photo {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	transition: 200ms linear;
	z-index: 1;
}
.image-360 .open-photo:hover {
	filter: brightness(80%);
}
.image-360__rotation {
	background: rgba(236,243,252,.7);
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 9px 13px 12px 13px;
	max-width: 160px;
	position: absolute;
	left: calc(50% - 80px);
	/*top: calc(50% - 26px);*/
	top: 180px;
	z-index: 1;
}
.image-360__rotation p {
	font-weight: 500;
	font-size: 10px;
	line-height: 15px;
	color: #455B7B;
	padding-top: 2px;
}
.image-360__rotation img {
	margin-right: 14px;
}
.item-catalog__body {
	padding-bottom: 42px;
}
.product-type__item {
	background: #FFFFFF;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin-top: 20px;
	padding: 20px 30px 30px 30px;
}
.product-type__availability {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.product-type__availability span{
	font-weight: 600;
	font-size: 12px;
	line-height: 26px;
	color: #6EC401;
	position: relative;
	padding-left: 16px;
	margin-right: 10px;
}
.product-type__availability span:after{
	content: '';
	position: absolute;
	left: 0;
	top: calc(50% - 3.5px);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #6EC401;
}
.product-type__availability p{
	font-weight: 500;
	font-size: 12px;
	line-height: 26px;
	color: #B9B9B9;
}
.product-type__name {
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	color: #494949;
}
.product-type__name span {
	font-weight: 600;
}
.product-type__basket {
	border-top: 1px solid #d3d3d3;
	margin-top: 18px;
	display: grid;
	grid-template-columns: 1fr auto auto auto;
	align-items: center;
	padding-top: 20px;
}
.product-type__basket .price {
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: #494949;
	margin-right: 20px;
}
.product-type__basket .number {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 30px;
}
.product-type__basket .number button{
	 width: 16px;
	 height: 16px;
	 border: none;
	 background: transparent;
}
.product-type__basket .number input {
	width: 44px;
	height: 41px;
	border: 1px solid #D3D3D3;
	border-radius: 3px;
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	color: #494949;
	text-align: center;
	margin: 0 10px;
}
.product-type__basket .credit {
	background: #507FC6;
	border-radius: 3px;
	height: 41px;
	width: 148px;
	border: none;
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	transition: 200ms linear;
	margin-right: 20px;
}
.product-type__basket .credit span {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #4872B1;
	border-radius: 3px 0px 0px 3px;
	width: 37px;
	height: 41px;
	margin-right: 24px;
	transition: 200ms linear;
}
.product-type__basket .credit:hover {
	background: #4872B1;
}
.product-type__basket .credit:hover span {
	background: #507FC6;
}
.product-type__basket .the-basket {
	background: #F8DB48;
	border-radius: 3px;
	height: 41px;
	width: 148px;
	border: none;
	font-weight: 600;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	text-transform: uppercase;
	color: #86751F;
	display: flex;
	align-items: center;
	transition: 200ms linear;
}
.product-type__basket .the-basket span {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #E6CB46;
	border-radius: 3px 0px 0px 3px;
	width: 37px;
	height: 41px;
	margin-right: 24px;
	transition: 200ms linear;
}
.product-type__basket .the-basket:hover {
	background: #E6CB46;
}
.product-type__basket .the-basket:hover span {
	background: #F8DB48;
}

#components {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}
.components-item {
	background: #FFFFFF;
	box-shadow: 0px 0px 50px rgba(194, 198, 205, 0.49);
	border-radius: 10px;
	padding: 18px 0 30px 0;
	position:relative;
	padding-bottom:100px;
}
.components-item .image{
	height: 141px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.components-item .image img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	max-height: 140px;
}
.components-item .name{
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #455B7B;
	padding: 0 30px;
	margin-bottom: 4px;
}
.components-item .description{
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	color: #494949;
	padding: 0 30px;
	margin-bottom: 10px;
}
.components-item .company-article{
	padding: 0 30px;
	margin-bottom: 16px;
}
.components-item .company-article li {
	margin-bottom: 4px;
}
.components-item .company-article p{
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	color: #494949;
}
.components-item .company-article span{
	font-weight: 600;
}
.components-item .id-list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 30px;
	margin-bottom: 24px;
}
.components-item .id-list li {
	margin-right: 5px;
}
.components-item .id-list p{
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	color: #494949;
}
.components-item button {
	margin: 0 30px;
	width: calc(100% - 60px);
	position:absolute;
	bottom:20px;
}

#description {
	font-weight: normal;
	font-size: 14px;
	line-height: 32px;
	color: #494949;
	background: #FFFFFF;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 30px 40px 25px 40px;
}
#description ul li p {
	font-weight: normal;
	font-size: 14px;
	line-height: 32px;
	color: #494949;
	padding-left: 15px;
	position: relative;
}
#description ul li p:after {
	content: '';
	position: absolute;
	left: 0;
	top: 14px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #F8DB48;
}
.substitute-item {
	background: #FFFFFF;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 20px 0;
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
}
.substitute-item__name {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
	color: #455B7B;
	min-width: 162px;
	padding: 0 20px;
}
.substitute-item p {
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	color: #494949;
	padding: 0 34px 0 50px;
	position: relative;
	border-left: 1px solid #D3D3D3;
}
.substitute-item__article {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 34px 0 50px;
	position: relative;
	border-left: 1px solid #D3D3D3;
}
.substitute-item__article li {
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	color: #494949;
}
.applicability-item{
	background: #FFFFFF;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	margin-bottom: 20px;
}
.applicability-item__head {
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	color: #494949;
	position: relative;
	padding: 22px 30px;
	cursor: pointer;
}
.applicability-item__head:after {
	content: '';
	position: absolute;
	right: 33px;
	top: calc(50% - 5px);
	width: 13px;
	height: 7px;
	background: url(../image/icon/arrow-vacancy.png);
	background-size: cover;
	transform: rotate(-90deg);
	transition: 200ms linear;
}
.applicability-item__head.active {
	border-bottom: 1px solid #D3D3D3;
}
.applicability-item__head.active:after{
	transform: rotate(0deg);
}
.applicability-item__body {
	padding: 17px 30px;
	display: none;
}
.applicability-item__body li {
	font-weight: normal;
	font-size: 14px;
	line-height: 26px;
	color: #494949;
}
.item-catalog__section,
#components {
	display: none;
}

.image-360__fixed {
	position: fixed !important;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
	background: rgba(0,0,0,.8) !important;
	z-index: 5555;
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.image-360__fixed .image-360__list {
	max-width: 500px !important;
	width: 100% !important;
	height: 595px !important;
	box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.15);
	border-radius: 10px;
}
.image-360__fixed .image-360__list canvas {
	object-fit: contain;
}

.popup-image {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 500;
}
.popup-image__wrap {
	min-width: 420px;
	height: 595px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.15);
	border-radius: 10px;
	position: relative;
	padding: 30px;
}
.popup-image__wrap img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.popup-image_close {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
	z-index: 5;
}
.popup-image_close:after{
	content: '';
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	top: calc(50% - 1px);
	background: #455B7B;
	border-radius: 4px;
	transform: rotate(45deg);
}
.popup-image_close:before{
	content: '';
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	top: calc(50% - 1px);
	background: #455B7B;
	border-radius: 4px;
	transform: rotate(-45deg);
}
.container__head {
	display: grid;
    grid-template-columns: auto 32px 32px;
    grid-gap: 20px;
    align-items: center;
    margin-bottom: 0;
}
.container__head .arrow-prev {
    width: 32px;
    height: 32px;
    border: none;
    background: url(../image/icon/left-arrow.png) !important;
    position: relative;
    left: 0;
    display: none;
}
.container__head .arrow-next {
    width: 32px;
    height: 32px;
    border: none;
    background: url(../image/icon/right-arrow.png) !important;
    position: relative;
    right: 0;
    display: none;
}
@media (max-width: 991px){
	.item-catalog__body .container {
		display: flex;
		flex-direction: column-reverse;
		padding: 0;
	}
	.item-catalog__body .container__head {
		padding: 0 40px;
	}
	.image-360 {
		margin-top: 62px;
	}
	.item-catalog__head .container {
		padding: 0 40px;
	}
	.item-catalog__sections h3 {
		margin-top: 38px;
	}
	.components-item {
		margin: 0 10px;
		box-shadow: none;
		width: 306px;
	}
	#components .slick-list {
		width: 100%;
		margin-left: 0;
		position: relative;
		z-index: 2;
		padding: 0 40px;
	}
	#components {
		position: relative;
	}
	#components:after {
	    content: '';
	    position: absolute;
	    left: 10px;
	    top: 0;
	    width: calc(100% - 20px);
	    height: 100%;
	    z-index: 1;
	    box-shadow: 0px 0px 50px rgba(194, 198, 205, 0.49);
	    background: rgba(194, 198, 205, 0.22);
	}
	.item-catalog__btn li {
		padding: 28px 18px;
	}
	.item-catalog__body {
		padding-bottom: 0;
	}
	.question {
		margin-top: 200px;
	}
	#product-type,
	#description,
	#substitute,
	#applicability {
		width: calc(100% - 80px);
		margin: 0 auto;
	}
}
@media (max-width: 767px){
	.image-360 .open-photo {
		right: 20px;
	}
	.item-catalog__body .container__head {
		padding: 0 20px;
	}
	.components-item {
		margin: 0 5px;
		box-shadow: none;
		width: 280px;
	}
	#product-type,
	#description,
	#substitute,
	#applicability {
		width: calc(100% - 40px);
		margin: 0 auto;
	}
	#components .slick-list {
		width: 100%;
		margin-left: 0;
		position: relative;
		z-index: 2;
		padding: 0 20px;
	}
	.image-360 {
		/*height: 370px;*/
		margin-top: 35px;
	}
	.popup-image {
		padding: 20px;
	}
	.popup-image__wrap {
		width: 100%;
		height: 100%;
		min-width: 100%;
		max-height: 595px;
		max-width: 420px;
	}
	.item-catalog__head {
		background: #fff;
		padding-top: 0;
	}
	.item-catalog__head .container {
	    padding: 0;
	}
	.item-catalog__head h2 {
		padding: 0 20px;
		font-size: 20px;
		line-height: 32px;
		margin: 26px 0 6px 0;
	}
	.item-catalog__head h3 {
		padding: 0 20px;
		font-size: 14px;
		line-height: 26px;
	}
	.item-catalog__body .container {
		padding: 0;
	}

	.item-catalog__btn {
		border: 1px solid #D3D3D3;
		border-radius: 3px;
		max-width: 280px;
		background: #fff;
		padding: 0;
		position: relative;
		cursor: pointer;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
		display: block;
	}
	.item-catalog__btn:after {
	    content: '';
	    position: absolute;
	    right: 18px;
	    top: 21px;
	    border: 6px solid #D3D3D3;
	    border-bottom-width: 0px;
	    border-left-width: 4px;
	    border-right-width: 4px;
	    border-bottom-color: transparent;
	    border-left-color: transparent;
	    border-right-color: transparent;
	    opacity: 1;
	}
	.item-catalog__btn li {
		font-weight: normal;
		font-size: 14px;
		line-height: 22px;
		color: #494949;
		width: 100%;
		text-decoration: none;
		margin-bottom: 0;
		padding: 13px 50px 13px 30px;
		text-align: left;
	}
	.item-catalog__btn li:not(.active){
		display: none;
	}
	.item-catalog__btn li.active,
	.item-catalog__btn li {
		background: #fff;
		padding: 13px 33px 13px 17px;
	}
	.item-catalog__btn li.active:after {
		display: none;
	}
	.product-type__basket {
		grid-template-columns: 1fr 96px;
	}
	.product-type__basket .credit {
		grid-column: 1/3;
		grid-row: 2;
		width: 100%;
		margin-top: 20px;
		position: relative;
		justify-content: center;
	}
	.product-type__basket .credit span {
		position: absolute;
		left: 0;
	}
	.product-type__basket .the-basket {
		grid-column: 1/3;
		grid-row: 3;
		width: 100%;
		margin-top: 20px;
		position: relative;
		justify-content: center;
	}
	.product-type__basket .the-basket span {
		position: absolute;
		left: 0;
	}
	.product-type__item {
		padding: 20px;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.item-catalog__sections h3 {
	    margin-top: 18px;
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.question {
		margin-top: 172px;
	}
	#description {
		padding: 20px 30px 20px 20px;
	}
	#description ul li p {
		line-height: 20px;
	}
	#description ul li p:after {
		top: 8px;
	}
	.substitute-item {
		flex-direction: column;
		padding: 20px;
	}
	.substitute-item p {
		border-left: none;
		border-top: 1px solid #D3D3D3;
		margin-top:12px;
		padding: 14px 0 0 0;
	}
	.applicability-item__body {
		padding: 15px 20px;
	}
	.applicability-item__head {
		padding: 20px;
	}
	.image-360__fixed {
		padding: 20px;
	}
	.image-360__fixed .image-360__list {
		max-height: 480px;
	}
}

.complect_name {    padding: 0 30px;}

.add_prim {cursor:pointer;}
.add_prim:hover {text-decoration:underline;}
#redact .applicability-item-ad_prim {padding:10px;}
#redact li{padding:5px 0;}

.add_button_prim {font-weight:bold; padding-bottom:20px; }

.baze_auto {}
.baze_auto ul {padding-left:20px;}
.baze_auto li {padding:5px 0; cursor:pointer;}

.baze_chois_mark_add b {margin-bottom:10px;}
.baze_chois_mark_add_form {display:none;}

.baze_chois_model_add b {margin-bottom:10px;}
.baze_chois_model_add_form {display:none;}

.baze_chois_mod_add b {margin-bottom:10px;}
.baze_chois_mod_add_form {display:none;}

.baze_chois_gen_add b {margin-bottom:10px;}
.baze_chois_gen_add_form {display:none;}

.baze_chois_models_add b {margin-bottom:10px;}
.baze_chois_models_add_form {display:none;}

.baze_chois_models_add.baze_chois_models_add_nogen {display:none;}
.baze_chois_gen_dogen {display:none;}

.baze_auto_delete_sub_form {position: fixed;    background: #fff;    text-align: center;    left: 50%;    width: 320px;    margin-left: -155px;
    top: 30%;    z-index: 100;    padding: 20px 0px;    border-radius: 4px;  display:none;}
.shadow {position: fixed;    z-index: 90;    width: 100%;    height: 100%;    background: black;    top: 0;    left: 0;    opacity: 30%; display:none;}

.baze_auto_delete_sub_form p {padding-bottom: 20px;}

.baze_auto_delete_sub_form_Y.btn-yellow {width:150px !important;}
.baze_auto_delete_sub_form_N.btn-yellow {width:150px !important;}
.baze_auto_delete_sub_form_Y.btn-yellow:hover {color:#fff;}
.baze_auto_delete_sub_form_N.btn-yellow:hover {color:#fff;}
.shadow {
    position: fixed;
    z-index: 90;
    width: 100%;
    height: 100%;
    background: black;
    top: 0;
    left: 0;
    opacity: 30%;
    display: none;
}
.add_button_prim:hover {cursor:pointer; text-decoration:underline;}
.applicability-item-ad_prim li:hover {cursor:pointer; text-decoration:underline;}