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

.order_bg{background: #f0f0f0;}

.order-process{
    background: #f0f0f0;
    padding: 60px 30px;
    font-size: 16px;
    line-height: 19px;
	margin: 0 auto; overflow:hidden;
}



.order-process .order__step {
    width: 33%;
    float: left;
    /*font-size: 14px;*/
    line-height: 19px;
    position: relative;
	padding-left:15px; padding-right:15px;
    min-height: 210px; 
    z-index: 2; 
} 






.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(../img/sprite.png);
    background-position: 0px -87px;
    width: 69px;
    height: 86px;
    margin: -38px 0 0 -31.5px;
}
.order-process .order__step-nav {
    position: absolute;
    display: block;
    width: 157px;
    height: 26px;
    background: url(../img/order-process-nav.png) center bottom no-repeat;
    top: 40px;
    left: -78px;
    color: #999;
    font-size: 16px;
    text-align: center;
    z-index: 1;
}
.order__step-ico.step-support:before {
    background-image: url(../img/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(../img/sprite.png);
    background-position: -86px -81px;
    width: 74px;
    height: 78px;
    margin: -39px 0 0 -34px;
}
.order-process .order__nav-row {
    height: 40px;
    position: relative;
    z-index: 1;
}
.order-process .order__nav-row:before {
    content: " ";
    display: block; 
    position: absolute;
    width: 100%;
    height: 236px;
    background: url(../img/order-process-nav-row.png) 0 0 no-repeat;
	background-size: 100% 100%;
    right: 0;
    top: -250px; margin-top:120px;
}
.order__step-ico.step-pay:before {
    background-image: url(../img/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(../img/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(../img/sprite.png);
    background-position: -239px -69px;
    width: 63px;
    height: 67px;
    margin: -33.5px 0 0 -31.5px;
}
.order-process .order__step ul {
    margin: 6px 0 0 0;
    padding: 0;
    display: inline-block;
    list-style: none;
}
.order-process .order__step ul li{
    color: #999;
    font-size: 12px;
    line-height: 12px;
    padding: 0 0 0 8px;
    margin: 0;
    text-align: left;
    position: relative;
}
.order-process .order__step ul li:before{
    content: " ";
    display: block;
    position: absolute;
    display: inline-block;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #999;
    left: 0;
    top: 5px;
}
.order__step a,
.order__step a:hover,
.order__step a:focus,
.order__step a:visited{
	color: #e84339;
}



#kak_zakazat-carousel,.kak_zakazat-carousel { background-color:#eee;}	
#kak_zakazat-carousel .item.owl-item__inner{ background-color:#eee; margin-top:20px; }	
#kak_zakazat-carousel .item.owl-item__inner ul{font-size:11px;}	
#kak_zakazat-carousel .item.owl-item__inner .order__step-nav{display:block;padding:20px 10px;  margin-right:25px;  text-align:center;
background: url(../img/order-process-nav.png) right bottom no-repeat;}


#kak_zakazat-carousel	.order__step-ico {text-align:right; }
#kak_zakazat-carousel .item.owl-item__inner div {width:98%;}


@media (max-width: 767.98px){
#descktop_zakaz{display:none;}
}
@media (min-width: 768px) {
   .kak_zakazat-carousel{display:none; overflow:hidden;}
}








@media (min-width: 768px) and (max-width: 991.98px) {
	.order-process .order__step-nav {
		width: 95px;
		background-position: right bottom;
		top: 40px;
		left: -47px;

	}
	
	.order-process .order__nav-row:before {height: 255px;top: -270px; margin-top:120px;}
}

