/* Start:/bitrix/templates/stal/template_styles.css?178999109016946*/
.fancybox-iframe {
    display: inline-block;
    width: 100% !important;
    height: calc(100% - 60px) !important;
}
.plitka-container {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.plitka-container a {
display: block;
background-size: 100%;
background-repeat: no-repeat;
width: 277px;
height: 277px;
background-position: center;
transition: background-size 0.4s ease-in-out;
padding: 40px;
color: #fff !important;
font-size: 18pt;
font-weight: 500;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
overrflow: hidden;
border: 3px solid var(--bg-color) ;
display: flex;
align-content: flex-end;
align-items: flex-end;
justify-content: space-between;
border-radius: 8px;
}
.plitka-container a:hover {
background-size: 120%;
}
@media (max-width: 470px) {
.plitka-container a {
width: 100%;
height: 200px;
font-size: 16pt;
background-size: cover;
text-align: left;
padding: 10px;
}
}
.strong {font-weight: 600;}
span.small {display: inline-block; line-height: 1.3;}
.main_news img {
width: 90% !important; height: auto !important;
}
.main_news > .item > img {
display: block;
width: 137px !important;
}
.main_news .preview_picture {
width: 100px !important; height: auto !important;
}
.flexcity {
width: 540px;
display: flex;
flex-direction: row;
justify-content: space-evenly;
float: left !important;
margin-top: 6px;
}
#header .menu .list {
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.detail_picture {
width: 100%; height: auto; max-width: 1680px;
}
.main_news .item .date, .popular_block u {
width: 100%; display: inline-block; height: 18px; overflow: hidden; padding-left: 10px; padding-right: 10px;
}
.main_news .item .date,.main_news > .item > img {
display: block;
}
.rasprodazha_dverey {
}
.rasprodazha_dverey> a {
margin-bottom: 0px; margin-top: 0px; display: block; background: var(--color-ededed); background: linear-gradient(90deg, var(--color-ededed) 0%, var(--color-ededed) 100%); color: var(--text-color) !important; font-size: 20px; font-weight: 600; text-transform: none; text-align: center; padding: 10px 16px;
border-radius:10px; }
.rasprodazha_dverey> a:hover {
 background: var(--bg-menu-line);
}
.polyp> a {
margin-bottom: 0px; margin-top: 20px; display: block; background: #429dd9; background: linear-gradient(90deg, #429dd9 0%, #2684c5 100%); color: var(--bg-color) !important;text-transform: none; text-align: center; padding: 10px 16px;
}
.polyp> a:hover {
 background: #2684c5; 
}
.polyp .ppin1 {
 margin-top: 10px !important; font-size: 20px; text-transform: uppercase; font-weight: 600; 
}
.polyp .ppin2 {
 margin-bottom: 10px !important; font-size: 16px; font-weight: 400; 
}
.polyp .ppimg1 {
max-width: 140px;
}
.polyp .ppimg2 {
 
}
.cards-all {
max-width: 186px;
}
.cat-icon {
 height: 32px; width: 32px;
}
.popular_block .column {
width: 25% !important;
}
.fz_tiny {
font-size: 17px !important;
font: 17px/20px 'Myriad Pro Condensed','PT Sans',sans-serif !important;
line-height: 1 !important;
}
.fz_small {
font-size: 17px !important;
font: 15px / 20px 'Myriad Pro Condensed', 'PT Sans', sans-serif !important;
line-height: 1 !important;
}
.popup .fz_small {
font-size: 12px !important;
font: 12px / 20px 'Inter Tight', 'Myriad Pro Condensed', 'PT Sans', sans-serif !important;
line-height: 1.3 !important;
}
.h3.with_arrow {
font: 22px/32px 'Myriad Pro Condensed','PT Sans',sans-serif !important; 
}
.ib {
display: inline-block;
}
.mr {
margin-right: 10px;
}
.clearfix {
clear: both;
}
.form-control {
}
.mu {
margin-top: 10px;
}
.mb {
margin-bottom: 10px;
}
.ml {
margin-left: 10px;
}
.dual_blocks h4, .dual_blocks .h4 {
line-height: 0.93 !important;
}
.yellow_tabs_block .tab.active a {
font-weight: bold;
}
table.properties td {
border-bottom: 1px solid #f2f6f8 !important;
}
table.properties {
border-top: 0 !important;
}
.main_door_models .item, .main_door_models .item .hover {
height: 300px;
}
.h3.with_arrow .__black,.door_types .title {
font-weight: bold; 
}
#ya-site-form0 .ya-site-form__input-text_type_hint {
background-image:none !important;
}
.popular_block .column .title {
width: 100% !important;
}
.popular_block .column .title .image {
width: 100% !important;
}
.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
height: 28px !important;
width: 28px !important;
background-size: 28px 28px !important;
}
#ya-site-form0 .ya-site-form__search, #ya-site-form0 .ya-site-form__search td, #ya-site-form0 .yaform__precise-i {
background-color: var(--bg-color) !important;
}
#ya-site-form0 .ya-site-form__search-input {
padding: 0 !important;
}
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
background-color: var(--bg-color) !important;
border-color: #e6e8ea !important;
}
#header .icon_link.call:before {
background-position: -80px 0;
margin-bottom: -14px !important;
}
.sidebar .nou > img {
width: 100% !important; height: auto !important;
}
.innerbg {
width:100%;height:100%;
}
.flex-control-nav {
text-align: right !important;
}
.flex-control-paging li a {
display: none !important;
}
#main .sidebar .menu .item {
padding: 0 20px 0 0px !important;
}
#main .sidebar .item > .nowrap {
 font-weight: bold !important; 
}
#main .sidebar .menu {
width: 100% !important;
}
.yellow_btn {
background: none !important;
background-color: var(--color-222222) !important;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius:12px;
border-radius: 12px;
border-color: var(--color-222222) !important;
background-image: none;
font-size: 18px;
box-shadow: none;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
border: 0px solid transparent;
width: 100%;
color: var(--bg-color) !important;
}
#header .menu .catalog {
width: auto !important;
margin-left: 20px !important;
}
#header .menu .catalog>a,#header .menu .list a {
 display: block; height: 40px !important; font-size: 20px !important; padding: 0 20px !important; 
}
#header .menu .list a {
 white-space: nowrap;
}
#header .menu .list {
 min-width: calc(100% - 413px); 
}
#header .menu .catalog> a:hover, #header .menu .list a:hover, #main .sidebar .menu .item:hover,
.yellow_btn:hover,.dual_blocks>.column:hover .yellow_btn,.calculation:hover .yellow_btn {
background-color: var(--text-color) !important;
color: var(--bg-color) !important;
}
.door_types .column,.popular_block .column {
padding-top: 32px; padding-bottom: 20px; text-align: center;
}
.popular_block .column:hover,.door_types .column:hover,.dual_blocks .column:hover,#main .sidebar .calculation:hover {
box-shadow: 0 0 8px -2px rgb(0 0 0 / 50%);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
#main .sidebar .calculation,.dual_blocks .column {
border: 0 !important;
background-color: #f8f8f9;
}
.dual_blocks a {
border: 0 !important;
}
.dual_blocks>.column>img {
min-height: 105px;
}
#header .contacts .phones {
margin-top: 0 !important;
}
#header .contacts {
padding: 5px 20px 0 0 !important;
 margin-left: 40px;
}
.phones br {
display: none !important;
}
#header .center_block .links {
margin-top: 0px !important;
}
#header .center_block {
padding-top: 10px !important;
margin: 0 !important;
}
#header .menu {
display: flex;
margin-top: 55px !important;
height: auto !important;
/*background: var(--bg-color)a6 !important;*/
height: 40px !important;
}
#header .menu .catalog>a {
width: 140px !important;
 font: 20px/40px 'Myriad Pro Condensed','PT Sans Narrow',sans-serif !important;
}
#header .menu .list a {
margin-left: 0px !important;
padding: 0 20px !important;
}
.messengers img {
margin-right: 5px;
width: 16px; height: 16px;
}
#header .logo {
height: 105px !important;
}
#header .top {
height: auto !important;
background: none !important;
}
#header {
padding: 0 !important;
height: 105px !important;
background-color: var(--bg-color-menu) !important;
}
h3.right_line:after, .h3.right_line:after {
height: 10px !important;
margin-left: 10px;
top: 35% !important;
background: #f8f8f9 !important;
}
#header .menu .list {
margin-left: 0px !important;
}
#main .sidebar .menu .item {
border-top: 0 !important;
background: none !important;
}
/* footer */
.ban-footer {
text-align: left;
}
.ban-socicons {
width: 160px;float: right; text-align: right;
}
.ban-footer-logo {
width:160px;float: left; text-align: left; margin-bottom: 20px;
}
.ban-footer-logo a {
border: 0 !important; display: inline-block;
}
.ban-footer-logo img {
border: 0 !important; display: inline-block; margin-top: 5px; opacity: 0.9;
}
.ban-footer-logo img:hover {
opacity: 1;
}
.ban-socicons > span {
display: block;
}
.ban-footer-socicon {
display: inline-block;
}
.ban-footer-soc {
width: 24px; height: 24px; opacity: 0.9;
}
.ban-footer-soc:hover {
width: 24px; height: 24px; opacity: 1;
}
.ban-footer-adress {
margin-top: 20px;
}
.ban-footer-autors a {
display: inline-block; 
}
.ban-devider {
opacity: 0.8; margin-left: 6px; margin-right: 6px;
}
.meeting_block,.dual_blocks .column {
height: auto;
background-image: none !important;
background: #ffe837 !important;
background: linear-gradient(-90deg, #69758200 0%, #69758247 100%) !important;
padding: 20px !important;
min-height: 156px !important;
}
.meeting_block h1 {
margin-top: 0px !important;
color: var(--text-color);
}
.meeting_block.for_shares_page h1 {
color: var(--text-color) !important;
}
.yellow_btn {
min-height: 40px;
line-height: 40px !important;
}
h3.right_line:after, .h3.right_line:after {
height: 10px !important;
margin-left: 10px;
top: 35% !important;
 background: #69758200 !important;
background: linear-gradient(-90deg, #69758200 0%, #69758247 100%) !important;
position: absolute !important;
right: 0;
z-index: -1;
}
h3.right_line span, .h3.right_line span, h3.both_lines span, .h3.both_lines span {
border-right: 10px solid var(--bg-color);
}
.popular_block .column:hover, .door_types .column:hover, .dual_blocks .column:hover, #main .sidebar .calculation:hover, .main_door_models .item .hover {
box-shadow: 0 0 28px -2px rgb(0 0 0 / 10%) !important;
}
.popular_block .column .title:hover u {
border-bottom-color: rgba(0,0,0,0) !important;
}
.main_door_models .item {
padding-left: 20px !important;
margin-bottom: 40px;
}
.main_news .item .date, .popular_block u {
width: 90% !important;
}
.door_types .column, .popular_block .column {
padding-bottom: 8px !important;
}
.articles_block .image {
width: 102px; height: auto;
}
@media (max-width: 1390px) {
.flexcity {
width: auto;
margin-left: 30px !important;
}
}
@media (max-width: 1000px) {
.rasprodazha_dverey> a {
max-width: none !important; width: 90%;
}
}
@media (max-width: 479px) {
.newcol {
display: block !important;
}
.meeting_block,.dual_blocks .column {
min-height: 190px !important;
}
.rasprodazha_dverey .fa-mouse-pointer {
display: none;
}
}
.pages_block .page {
width: 40px !important;
height: 40px !important;
margin: 0 1px;
background: none !important;
border: none !important;
font-size: 22px !important;
line-height: 1.8 !important;
text-align: center;
color: #666;
box-shadow: none !important;
text-shadow: none !important;
}
.pages_block .page:hover {
background: var(--color-ededed) !important;
}
.pages_block .page.active {
margin: 0 1px;
background: #666 !important;
color: var(--bg-color);
}
.pages_block {
box-shadow: none !important;
}
/*.inner .main_news .item .text {
margin-left: 150px !important;
}
 
.inner .main_news .image_with_title,.images_with_title {
width: 150px !important;
}*/
.images_with_title {
margin-right: 0px !important;
float: left;
margin-right: 26px;
text-align: center;
width: auto !important;
}
/*
.inner .main_news .item .text {
    margin-left: 340px;
}
*/
.main_news .item .date, .popular_block u {
width: calc(100% - 30px) !important;
}
.more_link.__black {
background-color: var(--color-222222) !important;
background-image: -webkit-gradient(linear, center top, center bottom, from(var(--color-222222)), to(var(--color-222222))) !important;
background-image: -webkit-linear-gradient(top, var(--color-222222), var(--color-222222)) !important;
background-image: -moz-linear-gradient(top,var(--color-222222), var(--color-222222)) !important;
background-image: -o-linear-gradient(top, var(--color-222222),var(--color-222222)) !important;
background-image: -ms-linear-gradient(top, var(--color-222222), var(--color-222222)) !important;
background-image: linear-gradient(to bottom, var(--color-222222), var(--color-222222)) !important;
min-height: 40px;
line-height: 40px !important;
text-decoration: none !important;
border: 0 !important;
padding: 10px 20px !important;
border-radius: 6px;
color:var(--bg-color);
}
.more_link.__black:hover {
 background: var(--bg-menu-line) !important; color: var(--text-color) !important;
}
.stages_block img {
display: none;
}
.stages_block {
padding-left: 0px !important;
}
.stages_block a {
position: relative;
}
.stages_block a:first-child {
padding-left: 20px; text-align: left !important;
}
.stages_block a:last-child {
padding-right: 20px; text-align: right !important; float: right !important;
}
.stages_block a {
width: calc(50% - 60px);
}
.stages_block a:first-child::before {
position: absolute;
margin-top: -4px;
top: 30%;
left: 0;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
height: auto !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f104" !important;
background: none !important;
width: auto !important;
color: #ccc;
line-height: 1;
}
.stages_block a:last-child::before {
 display: none !important; 
}
.stages_block a:last-child::after {
position: absolute;
margin-top: -4px;
top: 30%;
right: 0;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
height: auto !important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f105" !important;
background: none !important;
width: auto !important;
color: #ccc;
line-height: 1;
}
.meeting_block.for_news_page {
height: 52px !important;
}
.meeting_block, .dual_blocks .column {
min-height: auto !important;
}
.column.newpop{
    height: auto;
    background-image: none !important;
    background: var(--color-ededed) !important;
    min-height: auto !important; 
	display: flex !important;
    flex-direction: row;
    justify-content: space-around;
	margin: 0 !important;
}
.dual_blocks.columns.newcol,.popular_block {
    margin-top: 20px !important;
}
.newcol {display: flex;justify-content: space-between;}
.dual_blocks .newpop .h4 {
   line-height: 1.9 !important;
}
    .main_gallery.doors {
    margin-top: 10px !important;
}
@media (max-width: 629px) {
.dual_blocks .column.newpop .to_right {float: none !important;}
.dual_blocks .column.newpop {margin-bottom: 10px !important;}
.dual_blocks .column.newpop .yellow_btn {position: static !important;}
.column.newpop,.dual_blocks .column.newpop .yellow_btn {display: block !important; width: 100% !important; margin-right: 0 !important;} 
}


    .material-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin: 20px 0 40px;
    }
    .material-grid > .item {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: auto !important;
        transition: transform 0.2s;
    }
    .material-grid > .item:hover {
        transform: translateY(-3px);
    }
    .material-grid > .item .image {
        display: block !important;
        position: relative !important;
        margin-bottom: 12px !important;
        overflow: hidden !important;
        border-radius: 6px !important;
    }
    .material-grid > .item .image img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        transition: transform 0.3s !important;
    }
    .material-grid > .item:hover .image img {
        transform: scale(1.03);
    }
    .material-grid > .item .title {
        display: block !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        color: #c49a6c !important;
        margin-bottom: 6px !important;
        line-height: 1.35 !important;
    }
    .material-grid > .item .fz_small {
        font-size: 12px !important;
        color: #666 !important;
        line-height: 1.4 !important;
    }

    @media (max-width: 1024px) {
        .material-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
    }

    @media (max-width: 640px) {
        .material-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            margin: 15px 0 25px;
        }
        .material-grid > .item .title {
            font-size: 14px !important;
        }
        .material-grid > .item .fz_small {
            font-size: 11px !important;
        }
    }

    @media (max-width: 400px) {
        .material-grid {
            gap: 8px;
        }
        .material-grid > .item .title {
            font-size: 13px !important;
        }
    }
/* End */
/* /bitrix/templates/stal/template_styles.css?178999109016946 */