.razdel-cont { padding-bottom:30px;}
.razdel-title{ padding:20px 10px; background:#929292; color:#FFFFFF; text-transform:uppercase; font-size:13px; max-width:320px; margin:auto; box-sizing:border-box; }
.razdel-list{ display:none; max-width:320px; margin:auto; }
.razdel-list .razdel-item{ }
.razdel-list .razdel-item a{ display: block; padding:15px 10px; background:#ffd38d; color:#FFFFFF; text-transform:uppercase; font-size:13px;     border-bottom: 1px solid #daa756;     border-top: 1px solid #ffeccd; color:#676666; text-decoration:none; cursor:pointer}
.razdel-list .razdel-item a:hover{ background:#ffbf5a}
.razdel-list .razdel-item.active{ display:none}
.razdel-title.close:before{ content:""; width:0; height:0; position:absolute; top:0; bottom:0; margin:auto; right:10px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 10px solid #fe9c01;
	}
.razdel-title.open:before{ content:""; width:0; height:0; position:absolute; top:0; bottom:0; margin:auto; right:10px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 10px solid #fe9c01;
	}
	
.razdel-title:after{ content:""; width:0; height:0; position:absolute; bottom:-10px; left:30px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 10px solid #929292;
	}

/**********************/
		
.razdel-list-noactiv {}	
.razdel-list-noactiv .razdel-item{ padding:10px; box-sizing:border-box; max-width:320px; margin:auto }
.razdel-list-noactiv .razdel-item a{ display:block; box-sizing:border-box; height:100%; padding:15px 10px; background:#929292; color:#FFFFFF; text-transform:uppercase; font-size:14px; position:relative; border:none; line-height:1.6em;     box-shadow: 0px 8px 12px -8px #6d6d6d; text-decoration:none;   }
.razdel-list-noactiv .razdel-item a:hover{ background:#ffbf5a}
.razdel-list-noactiv .razdel-item a:after{    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 20px solid #fe9c01;
    border-left: 20px solid transparent;
    bottom: 7px;
    right: 7px;}

.mark-icons .mark-icon-image img{ width: 120px; margin: auto}
	
@media only screen and (min-width: 480px) {
.razdel-list-noactiv {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content:space-between; max-width:none; -webkit-flex-wrap:wrap; flex-wrap:wrap;}	
.razdel-list-noactiv .razdel-item{ width:48%; }
.razdel-list-noactiv .razdel-item a{ height:70px;}
}
	
@media only screen and (min-width: 768px) {
	.razdel-title{ display:none}
	.razdel-list .razdel-item.active{ display:block}

	.razdel-list{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content:space-between; max-width:none}
	.razdel-list .razdel-item{ padding:10px; background:none; border:none; box-sizing:border-box; }
	.razdel-list .razdel-item a{ display:block; box-sizing:border-box; height:100%; padding:20px 10px; background:#929292; color:#FFFFFF; text-transform:uppercase; font-size:13px; position:relative; border:none; line-height:1.6em;     box-shadow: 0px 8px 12px -8px #6d6d6d;  }
	
	.razdel-list .razdel-item a:before{    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 20px solid #fe9c01;
    border-left: 20px solid transparent;
    bottom: 7px;
    right: 7px;}
	
	
	.razdel-list .razdel-item a.active{background:#fe9c01; color:#FFFFFF; }
	.razdel-list .razdel-item a.active:after{ content:""; width:0; height:0; position:absolute; bottom:-15px; left:30px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 15px solid #fe9c01;
	}
	
		.razdel-list-noactiv {display: -webkit-flex; display: flex; -webkit-justify-content:; justify-content:flex-start; max-width:none; -webkit-flex-wrap:wrap; flex-wrap:wrap;}	

	

}

@media only screen and (min-width: 960px) {
	.razdel-list-noactiv {display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content:center; max-width:none; -webkit-flex-wrap:wrap; flex-wrap:wrap;}	

	.razdel-list .razdel-item a{}
	.razdel-list-noactiv .razdel-item{ width:22%}
	.razdel-list-noactiv .razdel-item a{ height:90px;}
	
	.razdel-list .razdel-item a{ font-size:14px;  padding:20px;}

}
@media only screen and (min-width: 1100px) {
	.razdel-list .razdel-item a{   padding:25px; min-height:80px} 

}