﻿.rs-17 .rs-numbers {
	background-image: url(../img/bg-tabs.png);
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    margin-top: 25px;
}
.rs-17 .rs-numbers .numbers-wrapper{
	background: #ff5e14;
	background-size: cover;
	min-height: 290px;
	padding-top: 120px;
	padding-bottom: 100px;
	margin-top: 94px;
}
.rs-17 .rs-numbers .numbers-wrapper:before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right:80%;
    left:-3000px;
    background: #ff5e14;
    z-index: -1;
}
.rs-17 .rs-numbers h2 {
	font-size: 45px;
    font-weight: 600;
    line-height: 1.2;
}
.rs-17 .rs-numbers .num-item{
	margin-bottom: 30px;
}
.rs-17 .rs-numbers .media-left,
.rs-17 .rs-numbers .media-right,
.rs-17 .rs-numbers .media-body{
	vertical-align: middle;
}
.rs-17 .rs-numbers .num-item .num-count{
	color: #fff;
	font-size: 55px;
	font-weight: 600;
	text-transform: uppercase;
}
.rs-17 .rs-numbers .num-item p{
	color: #fff;
	font-weight: 500;
	text-transform: none;
	margin-top: 5px;
	font-size: 16px;

}
.rs-17 .rs-numbers .numbers-text{
	background-color: white;
}
.rs-17 .rs-numbers .numbers-text:after {
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left:80%;
    right:-3000px;
    background: white;
    z-index: -1;
}
span.count {
	font-size: 35px;
	font-weight: 600;
}
.num-item>.media {
	display: flex;
}
img.media-object {
	position: relative;
    top: 17%;
}
.media-left {
	padding-right: 25px;
}
.numbers-wrapper-title {
	white-space: nowrap;
}
.rs-numbers .big-text {
	bottom: 83%;
}
.numbers-text-holder {
	padding-top: 110px;
    padding-bottom: 70px;
}
.numbers-text-holder p {
	font-size: 14px;
    color: black;
}
.numbers-text-title h2{
	color: #001659;
	margin-bottom: 50px;
}
.rs-numbers .numbers-text-title .big-text {
	bottom: 66%;
	left: 15%;
}
.rs-numbers>.container {
	position: relative;
}
.rs-numbers .numbers-parallax {
	background-image: url(../img/numbers-parallax.jpg);
    position: absolute;
   min-height: 750px;
    background-repeat: no-repeat;
    z-index: -1;
    background-attachment: fixed;
   left: 35%;
   background-position: 95%;
}
#block-nums .num-item:nth-child(1) .count:after {
	content: " м³";
}
#block-nums .num-item:nth-child(2) .count:after {
	content: " тонн";
}
#block-nums .num-item:nth-child(3) .count:after {
	content: " м³/час";
}
#block-nums .num-item:nth-child(5) .count:after {
	content: " + м³/смена";
	white-space: nowrap;
}
.count:after {
	font-size: 36px;
	font-weight: 500;
	text-transform: none;
}
.rs-17 .rs-numbers .owl-prev, .rs-17 .rs-numbers .owl-next {
display: inline-block;
    cursor: pointer;
    font-size: 21px;
    margin-top: 5px;
    color: #424242;
    vertical-align: middle;
}
.rs-17 .rs-numbers .owl-next {
	margin-left: 5px;
}
.rs-17 .rs-numbers .owl-prev {
	margin-right: 5px;
}
.rs-17 .rs-numbers .owl-dots {
text-align: center;
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
}
@media(max-width: 991px) {
	.num-item>.media {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.rs-17 .rs-numbers .num-item .media-body {
		text-align: left;
		margin-top: 10px;
	}
	.rs-17 .rs-numbers .num-item p {
				white-space: normal;
	}
	.numbers-text-holder {
		padding-top: 45px;
	}
	.rs-numbers .numbers-parallax {
		position: absolute;
    height: 210px;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    z-index: 10;
    min-height: auto;
	}
	.rs-17 .rs-numbers .numbers-wrapper:before, .rs-17 .rs-numbers .numbers-text:after {
		display: none;
	}
	.rs-17 .rs-numbers .owl-carousel .owl-item img {
		display: block;
		width: auto;
		max-width: 100%;
		margin-top: 30px;
	}
}
@media(min-width: 991px) {
	.numbers-text-holder {
		padding-left: 120px;
	}
	.rs-numbers .numbers-parallax {
		min-width: 1253px;
    background-position-x: 100%;
	}
}
@media(min-width: 768px) {
	.rs-numbers>.container>.row{
		display: flex;
		flex-wrap: wrap;
	}
	.numbers-text{
		margin-top:auto;
	}
	.media-body {
	padding-right: 150px;
}
}
@media (max-width: 767px){
	.rs-17 .rs-numbers .num-item .media-body{
		text-align: left;
		max-width: 100%;
	}
.numbers-wrapper-title {
	white-space: inherit;
}
}
@media (max-width: 480px){
	.rs-17 .rs-numbers .num-item {
		width: 100%;
	}
}