.divp{padding:0 20px;}
.block-on, .block-on-not{padding-bottom: 18px; font-size: 15px;}
.block-on{cursor: pointer;}
.block-pic{text-align: center;margin: 0 auto; width: 90%;height: 90px;}
.name-block{text-align: center;padding: 15px 10px 5px 10px;position: relative;}
.block-on .block-pic img, .block-on-not .block-pic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.block-on:hover .block-pic img, .block-on:focus .block-pic img, .block-on.active .block-pic img,
.block-on-not:hover .block-pic img, .block-on-not:focus .block-pic img, .block-on-not.active .block-pic img{filter: grayscale(0%);-webkit-filter: grayscale(0%);}
.block-on:hover .name-block,.block-on:focus .name-block,.block-on.active .name-block,
.block-on-not:hover .name-block,.block-on-not:focus .name-block,.block-on-not.active .name-block{color: #f6882b;}
.hl-col-sm+.hl-col-sm .block-on::before,
.hl-col-sm+.hl-col-sm .block-on-not::before{content: "";display: block;width: 80px;height: 16px;position: absolute;left: -25%;top: 25px;background-image: url(img/arraw.png);background-repeat: no-repeat;background-position: right;}
.descript,.block-on .descriptis,.block-on-not .descriptis{position: relative; width:555px; min-height: 50px; display: none; font-size: 15px;color: #fff; padding: 5px 0 15px 0;background-color: #fff;}
.descript.active .incnum,.block-on.active .descriptis .incnum,.block-on-not.active .descriptis .incnum{position: absolute;left: 0; top: 5px;width: 33px; background-color: #f6882b; font-size: 30px; padding: 10px 1px; text-align: center;}
.descript .descript-inc{width:523px; background-color: #f6882b;margin-left: 32px;padding:10px 15px 20px 15px;}
.name-block .lininbot{position:absolute; bottom: -80px; left: 50%; width:2px;height: 83px; background-image: url(img/lineb.png); display: none;}
#desc-act-block-1{left: 110px;}#desc-act-block-2{left: 270px;}#desc-act-block-3{left: 440px;}#desc-act-block-4{left: 550px;}
@media (max-width: 767px) {.hl-col-sm+.hl-col-sm .block-on::before,.hl-col-sm+.hl-col-sm .block-on-not::before{display:none;}.block-on.active .descriptis{display: inline-block; width: 100%; padding-left: 32px;}.block-on.active .descriptis .descript-inc{width:auto; display: block; background-color: #f6882b; padding:10px 15px 20px 15px;}}
@media (min-width: 768px) {
	.hl-col-sm{position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;float: left;width: 20%;}
	.hl-col-sm+.hl-col-sm .block-on::before,.hl-col-sm+.hl-col-sm .block-on-not::before{width: 69px;left: -20%;}
	.descript.active{display: inline-block;}
	.block-on.active .name-block .lininbot,.block-on-not.active .name-block .lininbot{display: inline-block;}
	#desc-act-block-2{left: 150px;}#desc-act-block-2{left: 200px;}#desc-act-block-3{left: 220px;}#desc-act-block-4{left: 320px;}
	@media (max-width: 900px) {
		#desc-act-block-4{left: 280px;}
		@media (max-width: 885px) {.hl-col-sm+.hl-col-sm .block-on::before,.hl-col-sm+.hl-col-sm .block-on-not::before{width: 45px;left: -19%;}#desc-act-block-4{left: 245px;}}
		@media (max-width: 825px) {#desc-act-block-2{left: 165px;}#desc-act-block-3{left: 180px;}#desc-act-block-4{left: 190px;}}
	}
}
@media (min-width: 992px) {
	.hl-col-sm+.hl-col-sm .block-on::before,.hl-col-sm+.hl-col-sm .block-on-not::before{width: 89px;}
	#desc-act-block-2{left: 270px;}#desc-act-block-3{left: 400px;}#desc-act-block-4{left: 415px;}
	@media (min-width: 1040px) {#desc-act-block-4{left: 460px;}}
}
@media (min-width: 1200px) {
	.hl-col-sm+.hl-col-sm .block-on::before,.hl-col-sm+.hl-col-sm .block-on-not::before{width: 104px;}
	#desc-act-block-3{left: 440px;}#desc-act-block-4{left: 550px;}
}
