

/* Start:/local/templates/rubachi/components/bitrix/news.detail/manufacturing/style.css?15099558049755*/
.manufacturing-detail{padding-top: 60px;}
.manufacturing-detail .pr-text{
	border: 2px solid #453b39;
    margin-top: 15px;
    text-align: center;
	padding: 40px 80px;
	font-size: 24px;
	font-weight:bold;
}
.manufacturing-detail .stages{
	padding-top: 40px;
}
.manufacturing-detail .stages .stages-item-abs{
	/*background:url("/local/templates/rubachi/img/stages-work.png") no-repeat;*/
	position: absolute;
    right: -228px;
    bottom: -72px;
}
.manufacturing-detail .stages .row{
	margin-left: -25px;
    margin-right: -25px;
}
.manufacturing-detail .stages-item{padding:10px 10px;}
.manufacturing-detail .stages .abs{
	color: #fff;
    position: absolute;
    top: 0;
    padding: 30px 25px 20px;
}
.tab-content-abs{
    position: ABSOLUTE;
    margin-top: -80px;
}
	
.manufacturing-detail .stages .title{font-size: 24px;line-height: 1;padding-bottom:10px;}
.manufacturing-detail .stages .text{font-size: 16px;}
.manufacturing-detail .employees{padding-top: 105px;}
.manufacturing-detail .employees .employees-item{
	text-align: center;
}
.manufacturing-detail .employees .employees-item .row{
	text-align: left;
    display: inline-block;
}
.manufacturing-detail .employees .employees-item-ch{
	font-size: 100px;
    display: inline-block;
	line-height: 0.85;
    vertical-align: top;
	padding-right: 20px;
}
.manufacturing-detail .employees .employees-item-ch span{
	font-size: 24px;
	display: inline-block;
	margin-right: 10px;
    vertical-align: middle;
}
.manufacturing-detail .employees .employees-item-text{
	display: inline-block;
    line-height: 1.2;
	 vertical-align: top;
}
.manufacturing-detail .employees .employees-item-text p{font-size: 24px;}
.manufacturing-detail .employees .employees-item-text span{
    color: #928b83;
    font-size: 16px;
    line-height: 1.6;
}
.manufacturing-detail .text-gallery{
	font-size: 24px;
	font-weight:bold;
	text-align: center;
    padding: 60px 120px;
}
.manufacturing-detail h3{
	font-size: 30px;
	text-align: center;
	font-weight:bold;
	padding-bottom: 20px;
}
.manufacturing-detail .houses-text .text{font-size: 16px;text-align:center;padding: 0px 70px;}
.manufacturing-detail .color{padding:60px 0px;}
.manufacturing-detail .color-item{
	text-align: center;
	padding: 0px 40px;
}
.manufacturing-detail .color-item img{
	margin:0 auto;
	padding-bottom:25px;
}
.manufacturing-detail .prop-wood{
	background-image: url(/local/templates/rubachi/img/prop-wood.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	padding: 61px 110px;
    text-align: CENTER;
	color:#e8d29b;
	font-size: 24px;
}
.manufacturing-detail .prop-faq{
	padding: 40px 170px 40px;
}
.manufacturing-detail .ind-proects, .manufacturing-detail .engineering{
	padding: 0px 80px 40px;
	text-align: CENTER;
}
.manufacturing-detail .picture-gallery .item .img_bg{
    height: 420px;
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.manufacturing-detail .picture-gallery .owl-nav .owl-prev {
    left: 70px;
}
.manufacturing-detail .picture-gallery .owl-nav .owl-next {
    left: auto;
    right: 70px;
}
.stages-proekts{padding-bottom:40px;}
.stages-proekts .item{
	float: left;
    width: 20%;
	margin-bottom: 30px;
}
.stages-proekts .item a span{
    font-size: 72px;
	line-height: 1.3;
    padding-top: 20px;
    display: block;
}
.stages-proekts .nav>li::before{display:none;}
.stages-proekts .item a p{font-size: 24px;line-height: 1.2;}
.stages-proekts .nav>li a{
	padding: 0px 25px;
	border: 0px ;
	text-align: left;    
	color: rgb(69, 59, 57);
	height:230px;
	background-size: 0%; 
	display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}
.stages-proekts .nav>li.active a, .stages-proekts .nav>li a:hover{
	background-size: cover;
}
.stages-proekts .nav>li.active a span, .stages-proekts .nav>li a:hover span{
	color: #e8d29b;
}
.stages-proekts .nav>li.active a p, .stages-proekts .nav>li a:hover p{
	color: #fff;
}
.stages-proekts .tab-content{
	background-image: url(/local/templates/rubachi/img/stages-proekts.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.stages-proekts .tab-content .tab-pane{
	position: relative;
	z-index: 9;

	color:#fff;
	opacity: 1;
}
.stages-proekts .tab-content .tab-pane{padding:60px;float: left;display:none;}
.stages-proekts .tab-content .tab-pane p{
	text-align:center;
	font-weight: bold;
	padding-bottom: 40px;
}
.stages-proekts .tab-content .tab-pane ul{
	float: left;
    width: 50%;
}
.stages-proekts .item .abs-ar{
    background: url(/local/templates/rubachi/img/stages-proekts-ar.png) bottom no-repeat;
    width: 30px;
    height: 15px;
    position: absolute;
    left: 50%;
	display:none;
    margin-left: -15px;
    top: 100%;
	
    padding-top: 30px;
}
.stages-proekts .active.item .abs-ar{display:block;}
.stages-proekts .tab-content .abs-exit.active{display:block;}
.stages-proekts .tab-content .abs-exit{
	background: url(/local/templates/rubachi/img/stages-proekts-close.png) no-repeat;
	position: absolute;
	width: 16px;
    height: 16px;
	top: 20px;
	right:20px;
	cursor:pointer;
    z-index: 88;
	display:none;
}
.manufacturing-detail .engineering-pict{
	padding-bottom:60px;
}
.manufacturing-detail .engineering-pict .row {
    margin-left: -25px;
    margin-right: -25px;
}
.manufacturing-detail .engineering-pict .title{font-size: 24px;text-align:center;padding-bottom:40px;}
.manufacturing-detail .engineering-pict .item {
	line-height: 1.4;
	text-align:left;
	color:#fff;
	padding:10px 10px;
	font-size: 24px;
}
.manufacturing-detail .engineering-pict .item .row{
	padding:20px 25px;
	margin:0px;
	height:280px;
	background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
	color:#fff;
}

@media (max-width: 1650px){
	.manufacturing-detail .stages .stages-item-abs{
		right: -110px;
		bottom: 0px;
		width: 400px;
	}
}
@media (max-width: 1400px){
	.manufacturing-detail .stages .stages-item-abs {
		right: 0px;
		bottom: 0px;
		width: 25%;
		position: relative;
		float: left;
		padding-top: 35px;
	}
}
@media (max-width: 1200px){
	.manufacturing-detail .employees .employees-item-ch{padding-right: 15px;}
	.stages-proekts .nav>li a {padding: 0px 15px;}
	.stages-proekts .item a p {font-size: 20px;}
}
@media (max-width: 992px){
	.manufacturing-detail .stages .text {
		font-size: 14px;
		line-height: 1.2;
	}
	.manufacturing-detail .stages .title {
		font-size: 20px;
		line-height: 1.2;
		padding-bottom: 10px;
	}
	.manufacturing-detail .text-gallery{padding: 60px 0px;}
	.manufacturing-detail .employees .employees-item-ch{
		padding-right: 0px;
		display: block;
		text-align: center;
	}
	.manufacturing-detail .employees .employees-item-text{text-align: center;}
	.manufacturing-detail .houses-text .text{padding: 0px 0px;}
	.manufacturing-detail .prop-wood{padding: 40px 40px;}
	.manufacturing-detail .prop-faq {padding: 40px 0px 40px;}
	.manufacturing-detail .ind-proects, .manufacturing-detail .engineering {padding: 0px 0px 40px;}
	.stages-proekts .item a p {font-size: 16px;}
}

@media (max-width: 767px){
	.manufacturing-detail .stages-item img{width: 100%;}
	.manufacturing-detail .stages .stages-item-abs{width: 50%;}
	.manufacturing-detail .stages .text {font-size: 16px;}
	.manufacturing-detail .stages .title {font-size: 24px;}
	.manufacturing-detail .pr-text{
		padding: 30px 30px;
		font-size: 20px;
	}
	.manufacturing-detail .employees{padding-top: 40px;}
	.manufacturing-detail .employees .employees-item-ch {padding-right: 15px;display: inline-block;}
	.manufacturing-detail .employees .employees-item {padding-bottom: 20px;}
	.manufacturing-detail .text-gallery{font-size: 20px;padding: 20px 15px 40px}
	.manufacturing-detail .prop-faq {padding: 20px 0px 10px;}
	.stages-proekts .item{width: 50%;}
	.stages-proekts .active.item .abs-ar{display:none;}
	.stages-proekts .item:last-child{width: 100%;}
	.stages-proekts .tab-content .tab-pane {padding: 40px 20px;}
	.stages-proekts .tab-content .tab-pane ul {width: 100%;}
	.stages-proekts .item a p{font-size: 20px;}
	.prices-detail .price-includes{
		background-image: url("/images/price-includes.jpg");
		width: 100%;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover;	
	}
	.prices-detail .builds {
		padding: 30px 0px 0px;
	}
	.prices-detail .price-includes{padding: 25px 30px;}
	.prices-detail .payment .procent{
		width: 100px;
		height: 100px;
		line-height: 100px;
		font-size: 34px;
	}
	.prices-detail .payment .procent-p {font-size: 14px;}
	.manufacturing-detail .picture-gallery .owl-nav .owl-next{right:0px;}
	.manufacturing-detail .picture-gallery .owl-nav .owl-prev {left: 0px;}
	.prices-detail .proekt-includes .row{margin-top: 0px;}
	.prices-detail .proekt-includes {margin-left: 0px;margin-right: 0px;}
	.prices-detail .proekt-includes .row{padding: 30px 15px;}
	.prices-detail .proekt-includes .col-xs-6, .prices-detail .proekt-includes .col-xs-12{font-size: 16px;}
	.prices-detail .proekt-includes {
		background-image: url(/images/proect-includes.jpg);
		width: 100%;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover;
	}
	.prices-detail .proekt-includes .row{background:none;}
	.prices-detail .proekts .price {margin-top: 0px;}
	.prices-detail .proekts .price-format {font-size: 30px;}
	.prices-detail .proekts .price{padding: 20px 15px 20px 15px;}
	.work-vids-mobile, .prices-detail .builds .mobile{display:block;}
	.work-vids .col-xs-0, .prices-detail .builds .desktop{display:none;}
}
@media (max-width: 440px){
	.manufacturing-detail .stages-item{width: 100%;}
	.manufacturing-detail .stages .stages-item-abs{display:none;}
}
/* End */
/* /local/templates/rubachi/components/bitrix/news.detail/manufacturing/style.css?15099558049755 */
