/* CSS kod pishite v etom faile, chotobi pri ustanovke obnovlenii ne bilo problem  */
/* --------------------------------------- */
/* Here you can put custom css rules for your site */

@font-face {
font-family: NautilusPompilius;
url('../fonts/NautilusPompilius.woff') format('woff');
src: url('../fonts/NautilusPompilius.eot');
src: url('../fonts/NautilusPompilius?#iefix') format ('embedded-opentype'),
url('../fonts/NautilusPompilius.ttf') format ('truetype'),
url('../fonts/NautilusPompilius.svg') format ('svg');
font-weight: normal;
font-weight: normal;
font-style: normal;
}

.logo_and_menu-row .inner-table-block.address{font-size:0.880em;line-height: 1.7em;}
.logo-row .top-description {font-size: 0.873em; line-height: 1.7em;}
.footer.info b, .footer.info b strong {color:#ffffff;}
.catalog.sections {padding-bottom: 15px !important;}
.banners-big .slides .text .inner {padding-left: 55px;}
.text_before_items {
      margin-bottom: 0px;
}
.search-tags-cloud .tags a {display:ruby;}
.catalog.detail .head .bottom-wrapper {margin-top: 0px; padding-top: 0px; border-top-style: none;}
.chars .props_table .char_name {
    width:65%;
}
.chars .props_table .char_value {
    width:35%;
    }
.text_after_items {
    margin-top: 0px;
}
.banners-big .slides .title {
    font-size: 50px !important;
    font-weight:300 !important;
    text-align: left;
    line-height:53px;
    color:#ffffff !important;
    text-shadow: 1px 1px 6px #000000;
    font-family: Roboto;
}

.banners-big h1 {
    font-size: 50px !important;
    font-weight:300 !important;
    text-align: left;
    line-height:53px;
    color:#ffffff !important;
    text-shadow: 1px 1px 5px #000000;
    font-family: Roboto;
    padding:0px;
    margin:0px;
}
.banners-big h2 {
    font-size: 50px !important;
    font-weight:300 !important;
    text-align: left;
    line-height:53px;
    color:#ffffff !important;
    text-shadow: 1px 1px 5px #000000;
    font-family: Roboto;
    padding:0px;
    margin:0px;
}


.menu-row.with-color.colored_dark .mega-menu table td .wrap > a {
     text-shadow: 1px 1px 0px #ffffff;}

#footer {
    background-image: url(https://www.dom-exclusive.ru/img/Black-Wood-Background2.jpg);
}
.catalog.item-views .item .image {

    height: 300px;
    max-height: 200px;
    max-width: 250px;

}
.hide-on-mobile { }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .hide-on-mobile { display: none; }}

.logo_and_menu-row .callback-block.btn{padding:12px 19px 13px;margin:0;font-size:0.933em;line-height:0.85em;font-weight:normal; background-color: #48a216 !important;border-color: #48a216 !important;color: #ffffff !important;}
.logo_and_menu-row .callback-block.btn:not(:hover){background-color: #48a216 !important;border-color: #48a216 !important;color: #ffffff !important;}
.logo_and_menu-row .callback-block.btn:hover{background-color: transparent !important;border-color: #48a216 !important;color: #48a216 !important;}


	/* fixed v3*/
	#headerfixed .logo-row.v3{display:table;}
	#headerfixed .logo-row.v3 .logo-block{min-width: 100px;max-width:100px;}
	#headerfixed .logo-row.v3 .small-block{width:80px;text-align:center;}
	#headerfixed .logo-row.v3 .small-block.cabinet{width:70px;}
	#headerfixed .logo-row.v3 .small-block >div{min-height:29px;}
	#headerfixed .logo-row.v3 .search-block{cursor:pointer;}
	#headerfixed .logo-row.v3 .js-nav{opacity:0;}
	#headerfixed .logo-row.v3 .mega-menu table td .wrap > a{height: 59px;line-height: 58px;}
	#headerfixed .logo-row.v3 .svg { position:static;}
	#headerfixed .logo-row.v3 .svg.svg-basket  {margin:0px;}
	#headerfixed .logo-row .basket-link .count{position:absolute;top: -7px;left: 13px;width: 21px;height: 21px;border: 2px solid #fff;line-height: 18px;}

	#headerfixed .logo-row.v3 .basket-link .js-basket-block{width:34px;display: inline-block;text-align:left;min-height:27px;position:relative;display: block;margin: auto;}
	#headerfixed .logo-row .basket-link .svg.svg-basket{ margin: 0px;}
	#headerfixed .logo-row.v3 .basket-link{width:84px;}
	#headerfixed .logo-row.v3 .btn.btn-default.btn-transparent-bg:not(:hover) {
		background-color: #48a216 !important;border-color: #48a216 !important;color: #ffffff !important;
	}
	#headerfixed .logo-row.v3 .btn.btn-default.btn-transparent-bg:hover {
		background-color: transparent !important;border-color: #48a216 !important;color: #48a216 !important;
	}

	#headerfixed .logo-row.v3.logo_and_menu-row .phone-block.with_btn .phone .svg, #headerfixed .logo-row.v3 .logo_and_menu-row .inner-table-block.phones i.svg.inline {
    min-width: 20px;
    width: 20px;
    top: 41px;
    margin-right: 3px;
    margin-top: 7px;
	}
@media screen and (max-width:1240px) {
#headerfixed.fixed {
    display: none;
}
}

@media screen and (max-width: 1350px) and (min-width: 992px) {
#headerfixed .inner-table-block {
    padding: 0 12px;
}
}

.btn.btn-default {
    background-color: #48a216;
    border-color: #48a216;
    color: #ffffff;
}
.btn.btn-default:hover {
    background-color: transparent;
    border-color: #48a216;
    color: #48a216;
}
.wrapper .btn.btn-lg {
    width: 355px;
}

.mobileheader-v1 .callback-block .animate-load .colored  .btn-transparent-bg .btn-default .btn {
    position: absolute;
    left: 230px;
    bottom: 0;
}
.blueBtn {
	color: #fff;
    display: block;
    text-align: center;
    /* background-color: #05a0e0; */
    background-color: #48a216;
    padding: 14px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    margin-top: 12px;
	outline: none;
	width: 100%;
	border: none;
    line-height: 20px;
}

.our_advantages_wrapper {
    margin-bottom: 2em
}

.advantage_item {
    text-align: center;
}

.advantage_img_bg {
    margin: 0 auto;
    display: flex;
    background: rgb(130, 195, 115);
    width: 85px;
    height: 85px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.left_sidebar_actions_wrapper h2{
    margin-bottom: 0.5em;
    text-align: center
}

.actions_slider_wrapper{
    border-radius: 10px;
    border: 2px solid rgb(130, 195, 115);
    padding: 4px;
}

.actions_slider_wrapper .item-views{
    margin: 0 auto;
    width: 200px
}

.actions_slider_wrapper .flex-direction-nav a:before{
    left: 70%;
}

.actions_slider_wrapper .item-views.table-elements .item .body-info{
    padding-bottom: 0;
}
.advantages_index_wrapper img{
    width: 40px;
    height: auto;
}

.advantages_index_wrapper .advantage_text{
    padding-left: 0;
}

.advantages_index_wrapper .advantages_index_items{
    margin-bottom: 2em;
}

.workstage_index_items{
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

@media (max-width: 380px){
    .workstage_index_items {
        flex-direction: column;
        align-items: center;
    }
}

.workstage_index_item{
    display: inline-block;
    text-align: center;
}

.workstage_index_item .advantage_img_bg{
    background: none;
    border-radius: 0;
}

.workstage_index_item .advantage_img_bg img{
    width: 52px;
    height: auto;
}

.slick-prev:before, .slick-next:before {
    color: #000 !important;
}

.form.popup.form-callback-in-main .form-body {
    padding-right: 294px;
}

.form-callback-in-main .btn {
    height: 49px;
    margin: 0;
}

.COMPANY_INDEX .company-front.flexbox{
    align-items: flex-start;
    flex-direction: column;
}

.AFTER_BANNER_BLOCK_INDEX{
    margin-bottom: 1em;

}
.show-on-mobile { }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .hide-on-mobile { display: inline !important; }}


	.banners-big .slides > li > .maxwidth-theme > .row > div.inmob {display:none}
	@media (max-width: 480px) {
		.new-mob-header-button {right:35px!Important}
		#mobileheader .wrap_icon {line-height:33px!important}
	}	
	
	@media (max-width: 700px) {
		.banners-big .slides > li > .maxwidth-theme > .row > div.inmob  {display:block}
		.banners-big.long-banner .slides > li, .banners-big.long-banner .flexslider, .banners-big.long-banner .slides {height:auto!important}
		.banners-big .maxwidth-banner .maxwidth-theme {position:relative!important}
		.banners-big .maxwidth-banner .maxwidth-theme a {position:absolute;top:0;left:0}
		body .banners-big.short-banner .slides li .text, body .banners-big.long-banner .slides li .text {display:none!Important}
		
	}	
	
	@media (max-width: 767px) {
		.FLOAT_BANNERS_INDEX {display:block!important}
		.FLOAT_BANNERS_INDEX .title_block,.float-banners .title_block + .items .text-block {display:none}
		.FLOAT_BANNERS_INDEX .title_block + .items  .col-md-3, .catalog.detail .share, .catalog.detail .back-url, .lethide, .galera .comments {display:none!Important}
		
		.item-views.blocks {padding:10px 0}
		
		.COMPANY_INDEX+.drag-block{display:block!Important}
		.form .form-header {padding:15px 0}
		.form.popup.form-callback-in-main .form-body {padding:0 15px}
		.form.popup .form-footer {padding:15px 0}
		
		.subscribe-block-wrapper, footer .bottom-under .inner-wrapper .copy-block, .filters-wrap .display-type, .banners-content,
		.catalog.detail .head .char-block .link-block-more
		{display:none!Important}
		
		
		.bottom-middle .bottom-menu {display:none}
		.bottom-middle .col-md-3:last-child .bottom-menu {display:block}
		
		.detail .ext_view .galery .flexslider.top-bigs .slides > li {height:auto!Important;line-height:0!important}
		
		.catalog.detail .ext_view .head .share {margin:10px 0 0;padding:20px 0 0}
		
		body .detail .drag_block > div {margin-top:20px;margin-bottom:20px;padding-top:15px}
		
		hr.bottoms {margin:10px 0}
		
		.body:not(.index) .main > .container {padding-bottom:20px}
		
		.detail .drag_block:not(.tab) h5 {margin:10px 0}
		
		.linked .flexslider.shadow .slides {padding-bottom:30px}
		
		.contacts-wrapper > .row > .b-block {display:none!Important}
		.item-views-wrapper.contacts {margin-top:-50px}
		
		.text_after_items img {width:auto;height:auto;max-width:100%}
		.text_after_items table {width:100%!important;display:block;overflow-x:auto;height:auto!important;-webkit-overflow-scrolling:touch}
		.text_after_items table > tbody {display:table}
		
		
		.breadcrumb > li {display:inline}
		section.page-top h1.shares, section.page-top .rss + h1, section.page-top .print-link + h1 {padding-right:0}
		
		body h1.shares {padding-top:10px}
		
		.catalog.detail .ext_view .head .row.galery {padding:0 0 20px}
		.btn {white-space:inherit}
		
		/*body .catalog.detail .drag_block {display:none!Important}*/
		body .catalog.detail .comments{display:none!Important}
		
		section.page-top {padding:10px 0}
		
		.detail .item-views {margin-bottom:0!important}
		.project-photo-section_bt+br{display:none!Important}
		
		.detail.galera .wraps hr{margin:10px 0!important}
		
		.galera+.row .links-block .links {text-align:center!important}
		.links-block .links > a {margin:10px!important}
		
		
		.catalog.item-views .item .image {max-width:100%;height:auto;max-height:none}
		.catalog.item-views.table .item .inner-wrap {padding:25px 10px 26px}
		
		.ajax_load.table .items.flexbox > .col-xs-6 {width:50%!important}
		.catalog.item-views.table .item {height:auto!important}
		
		#mobileheader {position:fixed!important;top:0;left:0;width:100%;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.5)}
		#mobileheader+div{padding-top:64px}
		#mobileheader .burger {width:48px!important}
		
		.wrapper .btn.btn-lg {width:auto!Important}
		#desc iframe {height:auto!important}
		
	}	
	
	@media (max-width: 480px) {
		.ajax_load.table .items.flexbox > .col-xs-6 {width:100%!important}
	}


    .right_dok span{
        display: none !important;
    }


.banner-main-text {
    font-weight: 600;
    color: white;
    font-size: 4rem;
    margin-bottom: 15px;
    line-height: normal;
}

.main-text {
    font-weight: 700;
    font-size: 16px;
    color: black;
}

.small-text {
    font-size: 13px;
}

.banner-container {
    position: relative;
    text-align: left;
    
    margin: 0 auto;
    padding: 0 20px; 
}
.banner-text-block{
    max-width: 1320px;
    margin: auto;
    width: 80%;
}
.banner-image img {
    width: 100%;
    height: auto;
    max-height: 500px;
}



.info-block {
    position: relative;
    top: -75px;
    margin: 0 auto;
    background: white;
    padding: 20px;
    max-width: 1200px;
    display: flex;
    justify-content: space-between;
    border-radius: 3px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    flex-wrap: wrap; /* чтобы элементы могли переноситься на новую строку */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.info-item {
    text-align: center;
    flex: 1 0 200px; /* минимальная ширина элемента */
    margin: 10px 10px; /* увеличен зазор для переноса */
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.info-item img {
    max-width: 100px;
    height: auto;
    margin: 0 auto;
}
.banner-text {
    /*position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    */
    color: white;
    width: 80%;
    padding: 20px; /* добавляем padding для отступа от краёв */
    box-sizing: border-box; /* учитываем padding при расчёте размера */
    background: rgba(0, 0, 0, 0.7); /* фон для читаемости на изображении */
    border-radius: 8px; /* слегка скругляем углы */
}
@media (max-width:993px) {
    .banner-container{
        padding: 0;
    }
    .info-block{
        display: grid;
        grid-template-columns: 1fr 1fr;
        position: static;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
        margin-top: 20px;
    }
}
@media (max-width: 768px) {

    .banner-container{
        padding: 0;
    }
    .banner-small-text{
        font-size: 15px;
    }
    .info-block {
        top: 0;
        padding: 10px; /* уменьшение отступов для мобильных устройств */
    }

    .info-item {
        flex: 1 0 150px; /* еще более узкий элемент */
    }
}
@media (max-width: 617px) {
    .banner-main-text{
        font-size: 2.6rem;
        margin-bottom: 8px;
        line-height: 25px;
    }
    .banner-container{
        padding: 0;
    }
    .banner-text{
        width: 100%;
    }
}
@media (max-width: 481px) {
    .info-item img {
        width: 75px;
    }
    .banner-text button{
        margin: 0 !important;
    }
    .banner-image{
        align-items: end !important;

    }
    .banner-text-block{
        width: 100% !important;
        margin: inherit !important;
    }
    .banner-main-text {
        font-size: 2rem; /* еще меньше для очень узких экранов */
        line-height: 20px;
    }
    .banner-small-text{
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 8px;   
    }
    .small-text{
        line-height: 16px;
    }
    .banner-text {
    
        padding: 20px;
    }
    .banner-container{
        padding: 0;
    }

    .info-block {
        flex-direction: column; /* размещаем блоки друг под другом */
        align-items: center; /* центрируем элементы */
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .info-item {
        display: grid;
        grid-template-columns: 75px 1fr;
        text-align: left;
    }
    .banner-image{
        min-height: 300px !important;
    }
}

.banner-container {
    position: relative;
    text-align: left;
    margin: 0 auto;

}

.banner-image {
    position: relative;
    max-height: 900px;
    background-size: cover; /* Масштабирование для покрытия всей области */
    background-position: bottom; /* Центрирует изображение */
    background-repeat: no-repeat; /* Предотвращает повторение изображения */
    min-height: 800px;
    display: flex;
    align-items: center;
}

.banner-image img {
    width: 100%;
    height: auto;
    display: block; /* убирает пробелы под изображением */
    
}




@media (max-width: 1200px){
    .col-md-4 .phone-h-b{
        width: 41.333333% !important;
    }
}

 .h-adress{
    width: 22% !important;
}
.logo-row .slogan {
    padding-left: 0px;
    margin-left: 2%;
}
.logo_and_menu-row .inner-table-block.address .schedule{
    padding-left: 10px;
}
.phone svg {
    display: none;
}