.order-process {
    width:100% !important;
    padding: 30px 30px;
    font-size: 16px;
    text-align: center;
    line-height: 19px;
    margin: 0 auto; overflow:hidden;
}

.order__step-ico {
    width: 120px;
    height: 120px;
    background: #fff;
    border: 2px solid #b6b6b6;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: 0 auto 10px;
    position: relative;
}
.order__step-ico:before {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
}

.order__step-ico.step-order:before {
    background-image: url(../images/menu/sprite.png);
    background-position: 0px -87px;
    width: 69px;
    height: 86px;
    margin: -38px 0 0 -31.5px;
}

.order__step-ico.step-support:before {
    background-image: url(../images/menu/sprite.png);
    background-position: 0px 0px;
    width: 84px;
    height: 85px;
    margin: -42.5px 0 0 -42px;
}

.order__step-ico.step-measure:before {
    background-image: url(../images/menu/sprite.png);
    background-position: -86px -81px;
    width: 74px;
    height: 78px;
    margin: -39px 0 0 -34px;
}

.order__step-ico.step-pay:before {
    background-image: url(../images/menu/sprite.png);
    background-position: -86px 0px;
    width: 74px;
    height: 79px;
    margin: -44.5px 0 0 -37px;
}
.order__step-ico.step-production:before {
    background-image: url(../images/menu/sprite.png);
    background-position: -162px 0px;
    width: 75px;
    height: 75px;
    margin: -37.5px 0 0 -37.5px;
}
.order__step-ico.step-result:before {
    background-image: url(../images/menu/sprite.png);
    background-position: -239px -69px;
    width: 63px;
    height: 67px;
    margin: -33.5px 0 0 -31.5px;
}

.order-process .order__step-nav, .mob_order .order__step-nav {
    position: absolute;
    display: block;
    width: 157px;
    height: 26px;
    background: url(../images/menu/order-process-nav.png) center bottom no-repeat;
    margin-top: 40px;
    color: #999;
    font-size: 16px;
    text-align: center;
    z-index: 1;
}







.order-process .item
{display:block; overflow:hidden; float:left; width:33%;}

.order-process .order__nav-row, .mob_order .order__nav-row {
    height: 40px; 
    position: relative;
    z-index: 6;
}
.order-process .order__nav-row:before , .mob_order .order__nav-row:before{
    content: " ";
    display: block; 
    position: absolute;
    width: 100%;
    height: 250px;
	z-index:20;
    background: url(../images/menu/order-process-nav-row.png) 0 0 no-repeat;
	background-size: 100% 100%;
    right: 0; 
    top: -270px; 
	margin-top:120px;
}

/*.clear {
    display: table;
    clear: both;
    width: 100%;
}
*/

.order__сlear{width:100%; overflow:hidden; height:25px;}

/*
.order-process .order__step {
    width: 33%;
    float: left;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    position: relative;
    min-height: 190px;
    z-index: 2;
}*/


.order-process p{
	position: relative;
	z-index:20;
}




@media (min-width: 992px) and (max-width: 1199.98px) {
	/*lg*/
	.order-process .order__step-nav, .mob_order .order__step-nav {margin-left: 215px;}
}
@media (min-width: 1200px) {
/*xxl*/
.order-process .order__step-nav, .mob_order .order__step-nav {margin-left: 280px;}
}


@media (min-width: 1400px) { 
/*xxl*/
.order-process .order__step-nav, .mob_order .order__step-nav {margin-left: 330px;}
}