/* Start:/local/templates/rubachi/components/bitrix/news/projects-new/bitrix/news.detail/.default/style.css?16133748979658*/
.title_banner .container{width: 940px;}
.main_banner{
	background-color: #504642;
    box-shadow: inset 0 0 0 9999px rgba(56, 46, 43, 0.3);
}
.title_banner .main_banner_projects h1{
	font-size: 72px;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
}
.title_banner .main_banner_projects{
	padding-top: 300px;
}
.main_banner_projects p{
	font-size: 24px;
	color:#fff;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
}
.main_banner_projects .projects-btn{
	background-color: #ffe49f;
    width: 50px;
    height: 50px;
    display: inline-block;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
	position: absolute;
    bottom: 40px;
	margin-left: -25px;
}
.main_banner_projects .projects-btn .fa{
    font-size: 27px;
    color: rgb(69, 59, 57);
    padding-top: 12px;
}
.about-projects .container{
	border: 2px solid #453b39;
    margin-top: 185px;
	text-align: center;
	padding-left: 80px;
    padding-right: 80px;
}
.about-projects .container .title{
	font-size: 42px;
    font-weight: bold;
    padding: 0px 24px;
    background-color: rgb(253, 245, 231);
    display: inline-block;
    position: relative;
    top: -40px;
}
.about-projects .container .text{font-size: 24px;}
.about-projects .container .col-md-6 .left, .about-projects .container .col-md-6 .right{
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.about-projects .container .col-md-6 .right{padding-left:25px;}
.about-projects .container .col-md-6 .left{font-size: 100px;line-height: 1;}
.about-projects .container .col-md-6 .top{font-size: 24px;}
.about-projects .container .col-md-6 .bottom{color:#928b83;font-size: 16px;}
.about-projects .container .container-prop{
	padding:60px 40px 80px;
}
.about-projects{padding-bottom: 140px;}
.container-sketches .title, .house-sketches-title, .photo-main-title {
    font-size: 48px;
    font-weight: bold;
	line-height: 1.2;
}
.container-sketches .text {
	padding-top:40px;
	font-size: 18px;
}
.deteil-photo-sketches .item .img_bg, .deteil-house-sketches .item .img_bg{
    height: 480px;
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.container-sketches .sketches-left{padding-right: 85px;}
.container-sketches .sketches-right{padding-left: 45px;}
.owl-carousel.deteil-photo-sketches .owl-nav .owl-prev, .owl-carousel.deteil-house-sketches .owl-nav .owl-prev{
    left: 30px;
}
.owl-carousel.deteil-photo-sketches .owl-nav .owl-next, .owl-carousel.deteil-house-sketches .owl-nav .owl-next {
    left: auto;
    right: 30px;
}
.projects-photo-sketches{
	background-repeat: no-repeat;
    background-position: 50% bottom;
    background-size: contain;
}

.container-sketches {padding-bottom: 30px;}
.house-sketches{
	background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
	background-color: #504642;
	background-attachment: fixed;
}
.house-sketches-title{
	text-align:center;
	padding-bottom: 60px;
    padding-top: 80px;
}
.house-sketches .text-sketches{
	padding-left:5%;
	padding-right:5%;
}
.house-sketches .text-sketches .title{
    color: #e8d29b;
	font-size: 36px;
    font-weight: bold;
	padding-top: 80px;
	padding-bottom: 20px;
}
.house-sketches .text-sketches .text{
	color: #fff;
	font-size: 18px;
}
.owl-carousel.deteil-house-sketches{margin-bottom: 0px;}
.owl-carousel.deteil-house-sketches .owl-dots{
	bottom: 30px;
}
.house-detail .tab-pane{
    position: relative !important;
}

.house-detail .house-detail-item .grid-image-item{
	width:25%;
	padding:0px 5px;
	background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}
.house-detail .house-detail-item .grid-image-item a{height:390px;}
.house-detail .house-detail-item .grid-item--height3{
	padding:0px 5px;
	background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
	width:25%;
}
.house-detail .house-detail-item .grid-item--height3 a{height:780px;}
.house-detail .house-detail-item .grid-item--width2{
	width:50%;
	padding:0px 5px;
}
.house-detail .house-detail-item .grid-item--width2 a{height:390px;}
.house-detail .house-detail-item .lazy{
    position: relative;
    /*float: left;*/
	background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
	    width: 100%;
	 display: inline-block;
    width: 100%;
    height: 100%;
}
.house-detail .house-detail-item .lazy .text{
	display:none;
}
.house-detail .house-detail-item .lazy:hover .text {
	display:block;
    position: absolute;
    top: 0%;
    padding: 15% 40px;
    color: #fff;
    height: 100%;
    background: rgba(0, 0, 0, 0.39);
}

.house-detail-item{display:none;}
.house-detail-item.active{display:block;}
.house-detail-item .item{
	width:25%;
	/*float:left;*/
	/*position: absolute;*/
}
.catalog_items_block .nav-tabs{
	margin-bottom: 30px;
    margin-top: 0px;
}
.photo-main-title{padding: 80px 0px;text-align:center;}
.photo-main .item .img_bg {
    height: 980px;
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
	text-align: center;
}
.owl-carousel.photo-main .owl-nav .owl-prev {
    left: 70px;
}
.owl-carousel.photo-main .owl-nav .owl-next {
    right: 70px;
}
.photo-main .item .title{
    color: #fff;
	font-size: 36px;
    font-weight: bold;
	position: absolute;
    text-align: center;
    width: 100%;
    bottom: 25%;
}
.photo-main .item .btn{
    color: rgb(69, 59, 57);
    font-size: 13px;
    background: #e8d29b;
    padding: 14px 32px;
    position: absolute;
	margin-left: -103px;
    bottom: 17%;
}
.project-prop{
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
	padding:70px 0px;
}
.project-prop .title{
    color: #e8d29b;
	font-size: 24px;
	font-weight: bold;
    padding-bottom: 20px;
}
.project-prop .prop{
    color: #fff;
	font-size: 16px;
}
.project-prop .prop li{
	width: 100%;
    float: left;
}
.project-prop .prop li:before {
    display:none;
}
.project-prop .prop li b{
	width: 45%;
    float: left;
}
.project-prop .prop li span{float:right;width: 55%;}
.col-md-10 .quote_text{margin-bottom: 150px;}
.owl-carousel.photo-main {margin-bottom: 0px;}
@media (max-width: 1200px){
	.about-projects .container .container-prop {padding: 60px 0px 80px;}
	.about-projects .container{padding: 0px 0px;}
	.container-sketches .title, .house-sketches-title, .photo-main-title {font-size: 38px;}
	.about-projects .container{margin-top: 85px;}
	.about-projects {padding-bottom: 80px;}
	.house-sketches-title {
		text-align: center;
		padding-bottom: 30px;
		padding-top: 40px;
	}
	.house-sketches .text-sketches {padding-left: 15px;}
	.house-sketches .text-sketches .title{padding-top: 20px;}
	.house-detail-item .item{width: 270px;}
	.photo-main .item .img_bg{height: 600px;}
	.photo-main-title{padding: 40px 0px;}
	.project-prop{padding: 30px 0px;}
}
@media (max-width: 991px){
	.title_banner .container {width: 100%;}
	.title_banner .main_banner_projects {/*padding-top: 230px;*/}
	.title_banner .main_banner_projects h1 {font-size: 48px;}
	.main_banner_projects p {font-size: 18px;}
	.about-projects .container .col-md-6 .left {font-size: 70px;}
	.container-sketches .title, .house-sketches-title, .photo-main-title {font-size: 28px;}
	.container-sketches .sketches-left {padding-right: 15px;}
	.house-sketches .text-sketches .title{font-size: 26px;}
	.house-sketches .text-sketches .text{font-size: 16px;}
	.house-detail-item .item{width: 270px;}
	.house-detail .house-detail-item .grid-image-item{width: 50%;}
	.house-detail .house-detail-item .grid-item--height3{width: 50%;}
	.house-detail .house-detail-item .grid-item--width2{width:100%;}
}
@media (max-width: 768px){
	.title_banner .main_banner_projects {padding-top: 75px;}
	.main_banner {height: 400px;}
	.title_banner .main_banner_projects h1 {font-size: 38px;}
	.main_banner_projects p{display:none;}
	.about-projects .container .text {font-size: 18px;}
	.about-projects .container .container-prop {padding: 20px 0px 20px;}
	.about-projects .container .col-md-6 .left{width: 50%;text-align: center;float: left;}
	.about-projects .container .col-md-6 .right {width: 50%;text-align: left;float: left;}
	.about-projects {padding-bottom: 40px;padding-left: 15px;padding-right: 15px;}
	.container-sketches .text{font-size: 16px;padding-top: 20px;}
	.container.container-sketches{padding:0px 30px;}
	.container-sketches .sketches-right{padding-left: 15px;}
	.owl-carousel.deteil-photo-sketches .owl-nav .owl-next, .owl-carousel.deteil-house-sketches .owl-nav .owl-next, .owl-carousel.photo-main .owl-nav .owl-next{right: 0px;}
	.owl-carousel.deteil-photo-sketches .owl-nav .owl-prev, .owl-carousel.deteil-house-sketches .owl-nav .owl-prev, .owl-carousel.photo-main .owl-nav .owl-prev  {left: 0px;}
	.deteil-photo-sketches .item .img_bg, .deteil-house-sketches .item .img_bg {height: 300px;}
	.about-projects .container{padding: 0px 0px !important;}
	.house-sketches .text-sketches .text {font-size: 14px;padding-bottom:20px;}
	.photo-main .item .img_bg {height: 400px;}
	.photo-main .item .title{bottom: 23%;}
	.photo-main .item .btn{bottom: 8%;}
	.project-prop .container{/*padding: 0px 15px !important;*/}
	.project-prop .title{font-size: 20px;}
	.project-prop .prop {font-size: 14px;}
	.col-md-10 .quote_text .btn{padding: 17px 21px;}
	.house-detail .house-detail-item .grid-image-item{width: 50%;}
	.house-detail .house-detail-item .grid-item--height3{width: 50%;}
	.house-detail .house-detail-item .grid-item--width2{width:100%;}
}
.grid.house-detail-item.active{
	display: flex !important;
}
.grid.house-detail-item{
	display: none;
}

/* End */
/* /local/templates/rubachi/components/bitrix/news/projects-new/bitrix/news.detail/.default/style.css?16133748979658 */