.collect-b__gal{
	
	max-width: 680px;


}
.slider-for img{
	max-width: 100% !important;
	width: 100% !important;
}
.collect-b__gal-wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

}
.collect-b__top{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: 20px;
}

.slider-nav{
	margin-top: 20px;
}

.slider-nav img{
	width: 121px;
	height: 97px;
	overflow: hidden;
	margin:10px;
}
.slider-nav .slick-slide{
	display: flex !important;
	justify-content: center;
}
.slider-nav .slick-current img{
	width: 140px;
	height: 110px;

}
.icon-slick{
	background: none;
	font-size: 64px;
	text-shadow: 1px 1px 1px #000;
	position: absolute;
	font-weight: bold;
	color:white;
	z-index: 200;
	border: none;
}
.icon-slick:hover{
	color: #fdcb2b;
}
.icon-slick--next{
	top: 200px;
	right: 30px;
}
.icon-slick--prev{
	top: 200px;
	left: 20px;
}
.collect-b__side{
	margin-left: 40px; 
	max-width: 360px;
	width: 100%;
	min-width: 240px;
}
.collect-b__props{
	padding: 16px;
	background: #f3f3f3;
	width: 100%;
}
.collect-b__prop{
	display: flex;
	margin-bottom: 10px;
	justify-content: space-between;
}
.collect-b__zakaz{
	background: #fdcb2b;
	border:none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	width: 100%;
	color:black;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.collect-b__zakaz:hover{
	background: #ffdf77;

}
.collect-b__choose-items{
	height: 240px;
	overflow-y: scroll;
}
.collect-b__choose-item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.collect-b__choose-item img{
	margin-right: 20px;
	
}
.collect-b__choose-title{
	margin-bottom: 14px;
	font-weight: bold;
	font-size: 20px;
}
.collect-b_bot{
	border-top: 1px solid #c9c9c9;
	margin-top: 30px;
}
.collect-b_bot .tabs{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	list-style: none;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 0px;
}
.collect-b_bot .tabs li{
	background: #f3f3f3;
	padding: 15px 20px;
	margin-right: 20px;
}
.tabs_block .box{
	display: none;
}
.tabs_block .box.visible{
	display: flex;
}
.tabs .active{
	background: #fdcb2b !important;
}
.cat-items{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.cat-items .cat-item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	border:1px solid #dddddd;
	width: 23%;
	margin-right: 14px;
	margin-top: 14px;
}
.cat-item__top{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
}
.cat-item__top-desc{
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
}
.cat-item__top-name{
	font-weight: bold;
	margin-top: 30px;
	color: black;
}
.cat-items .cat-item:hover .cat-item__top-name{
	color:#ca9c09;
}
.cat-item__top-brand{
	color:#6c6c6c;
}
.cat-item__top-type{
	color:#6c6c6c;
}
.cat-item__bot{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}
.cat-item__bot-cost{
	font-size: 18px;
	color: black;
	margin-right: 10px;
}
.cat-item__bot-type{
	font-size: 16px;
	color: #6c6c6c;
}
@media(max-width: 1000px) {
	 .collect-b__top{
	 	flex-direction: column;
	 }
	 .collect-b__side{
	 	margin-left: 0;
	 	margin-top: 20px;
	 }
	 .cat-items .cat-item{

		width: 29%;
		margin-right: 14px;

	}
	.collect-b_bot .tabs{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.collect-b_bot .tabs li{
		margin-top: 20px;
	}
}
@media(max-width: 700px) {
	.icon-slick{
		top:100px !important;
	}
	.collect-b__gal{
		max-width: 100%;
	}
	.cat-items .cat-item{
		width: 47%;
		margin-right: 14px;
	}
}
@media(max-width: 500px) {

	.cat-items .cat-item{
		width: 100%;
		margin-right: 0;
	}
}