

/* Start:/bitrix/templates/new_style/components/bitrix/news/portfolio-page/redline/catalog.filter/.default/style.min.css?1763724601878*/
.btn-icon.btn-filter{padding-left:20px;font-size:1.1rem}.btn-icon.btn-filter:before{display:none}#filterForm .line-params label{margin-bottom:10px;font-size:1em;line-height:1.7}#filterForm .line-params label.checkBlock{padding-left:54px}#filterForm .line-params label.checkBlock>span:before{height:34px;width:34px}#filterForm .line-params label.checkBlock>span:after{height:30px;width:30px}#filterForm .line-btn{margin-top:2.5em}.btn-filter.fixed-top{position:fixed;top:75px;z-index:20}@media (min-width:992px){.btn-filter.fixed-top{top:90px}}@media (min-width:1200px){#filterForm .line-params .column-params:nth-child(3){width:50%}#filterForm .column-params:nth-child(3) .list-params{display:-ms-flexbox;display:flex;flex-wrap:wrap;margin:0 -15px}#filterForm .column-params:nth-child(3) .list-params .item-filter-param{-ms-flex:0 0 auto;flex:0 0 auto;width:50%;padding:0 15px}}
/* End */


/* Start:/bitrix/templates/new_style/components/bitrix/news/portfolio-page/bitrix/news.list/grid/style.min.css?17637246015398*/
@keyframes rotate-load{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.portfolio .item-work,.portfolio .list-work{margin-bottom:30px}#line-btn-filter{min-height:45px}.portfolio .item-work .panel{height:250px;display:-ms-flexbox;display:flex;flex-direction:column}.portfolio .item-work span{display:block}.portfolio .item-work .image-block{-ms-flex:1 0 auto;flex:1 0 auto;position:relative;overflow:hidden}.portfolio .item-work .image-block .image{position:absolute;left:0;top:0;height:100%;width:100%;z-index:3;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;transition:.8s}.portfolio .item-work .panel:hover .image-block .image{opacity:0}.portfolio .item-work .logo{height:100%;background-color:#fff;opacity:0;padding:20px;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;position:relative;z-index:5;transition:.8s}.portfolio .item-work .logo img{position:absolute;left:50%;top:50%;max-width:90%;max-height:90%;transform:translate(-50%,-50%)}.portfolio .item-work .panel:hover .logo{opacity:1}.portfolio .item-work .name{margin-top:20px;color:#000;position:relative}.portfolio .item-work .title{letter-spacing:-.04em;font-weight:700;font-size:1.4em;line-height:1.2;opacity:1;transition:.8s}.portfolio .item-work .desc{position:absolute;left:0;top:0;right:0;overflow:hidden;opacity:0;transform:translateY(-100%);transition:.8s}.portfolio .item-work .panel:hover .title{opacity:0;transform:translateY(100%)}.portfolio .item-work .panel:hover .desc{opacity:1;transform:translateY(0)}.row.small-card .item-work{flex:0 0 auto;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5)}#filterForm.loadProgressFilter .btn-set-fil:before,.portfolio.loadProgress .btn.load_more:before{position:absolute;content:'';display:block;left:50%;top:50%;margin-left:-10px;margin-top:-10px;width:20px;height:20px;border:2px solid #e31e24;border-radius:50%}#filterForm.loadProgressFilter .btn-set-fil:after,.portfolio.loadProgress .btn.load_more:after{content:'';position:absolute;display:block;left:50%;top:50%;width:14px;background-color:#fff;height:6px;margin-top:-3px;animation:2s linear infinite rotate-load;transform-origin:left top}#filterForm.loadProgressFilter .btn-set-fil,.portfolio.loadProgress .btn.load_more{position:relative}#filterForm.loadProgressFilter .btn-set-fil .btn,.portfolio.loadProgress .btn.load_more{border-color:#e31e24;background-color:#fff;color:transparent}@media (min-width:400px){.portfolio .item-work .panel{height:300px}}@media (min-width:576px){.portfolio .item-work .panel{height:350px}}@media (min-width:768px){.row.small-card .item-work{width:50%}.portfolio .item-work .panel{height:400px}.portfolio .item-work{margin-bottom:0}.portfolio .list-work{display:grid;grid-gap:30px 30px;justify-content:center;grid-template-rows:auto auto;grid-template-columns:repeat(2,1fr);margin-bottom:30px}}@media (min-width:1200px){.portfolio .item-work .title{font-size:1.2em}.portfolio .list-work{grid-template-columns:repeat(4,1fr)}.portfolio .item-work.item-num-1{grid-area:1/1/span 1/span 2}.portfolio .item-work.item-num-6{grid-area:2/3/span 1/span 2}.portfolio .item-work.item-num-7{grid-area:3/1/span 1/span 2}.portfolio .item-work.item-num-12{grid-area:4/1/span 1/span 2}}@media (min-width:1400px){.portfolio .item-work .title{font-size:1.4em}}@media (min-width:1580px){.portfolio .item-work .panel{height:500px}.portfolio .item-work.item-num-10 .panel,.portfolio .item-work.item-num-11 .panel,.portfolio .item-work.item-num-2 .panel,.portfolio .item-work.item-num-3 .panel{height:400px}.portfolio .list-work{grid-gap:0 30px;grid-template-rows:repeat(42,50px);margin-bottom:0}.portfolio .item-work.item-num-1{grid-area:1/1/span 10/span 2}.portfolio .item-work.item-num-2{grid-area:1/3/span 8/span 1}.portfolio .item-work.item-num-3{grid-area:1/4/span 8/span 1}.portfolio .item-work.item-num-4{grid-area:12/1/span 10/span 1}.portfolio .item-work.item-num-5{grid-area:12/2/span 10/span 1}.portfolio .item-work.item-num-6{grid-area:10/3/span 10/span 2}.portfolio .item-work.item-num-7{grid-area:23/1/span 10/span 2}.portfolio .item-work.item-num-8{grid-area:21/3/span 10/span 1}.portfolio .item-work.item-num-9{grid-area:21/4/span 10/span 1}.portfolio .item-work.item-num-10{grid-area:34/1/span 8/span 1}.portfolio .item-work.item-num-11{grid-area:34/2/span 8/span 1}.portfolio .item-work.item-num-12{grid-area:32/3/span 10/span 2}.portfolio .list-work.count-1{grid-template-rows:repeat(13,50px)}.portfolio .list-work.count-2{grid-template-rows:repeat(23,50px)}}@media (min-width:1790px){.portfolio .item-work.item-num-1 .panel,.portfolio .item-work.item-num-12 .panel{height:600px}.portfolio .item-work .title{font-size:1.6em}.portfolio .list-work{grid-gap:0 2.5em;grid-template-rows:repeat(44,50px)}.portfolio .item-work.item-num-1{grid-area:1/1/span 12/span 2}.portfolio .item-work.item-num-12{grid-area:32/3/span 12/span 2}.portfolio .item-work.item-num-4{grid-area:14/1/span 10/span 1}.portfolio .item-work.item-num-5{grid-area:14/2/span 10/span 1}.portfolio .item-work.item-num-7{grid-area:25/1/span 10/span 2}.portfolio .item-work.item-num-10{grid-area:36/1/span 8/span 1}.portfolio .item-work.item-num-11{grid-area:36/2/span 8/span 1}.portfolio .list-work.count-1{grid-template-rows:repeat(13,50px)}.portfolio .list-work.count-2{grid-template-rows:repeat(23,50px)}}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/main.include/form_horizont/style.css?17637246017839*/
.block-contacts-form{
    background: #fff;
    position: relative;
}
.block-contacts-form .container{
    position:relative;
    z-index: 5;
}
.block-contacts-form .column-form{
    padding-right: 10px;
}
.list-check .item-check{
    position:relative;
    padding-left: 54px;
}
.list-check .item-check:last-child{
    margin-bottom: 0;
}

/* Checkmark style starts */
@-moz-keyframes dothabottomcheck {
    0% {
        height: 0;
    }
    100% {
        height: 10px;
    }
}
@-webkit-keyframes dothabottomcheck {
    0% {
        height: 0;
    }
    100% {
        height: 10px;
    }
}
@keyframes dothabottomcheck {
    0% {
        height: 0;
    }
    100% {
        height: 10px;
    }
}
@keyframes dothatopcheck {
    0% {
        height: 0;
    }
    50% {
        height: 0;
    }
    100% {
        height: 25px;
    }
}
@-webkit-keyframes dothatopcheck {
    0% {
        height: 0;
    }
    50% {
        height: 0;
    }
    100% {
        height: 25px;
    }
}
@-moz-keyframes dothatopcheck {
    0% {
        height: 0;
    }
    50% {
        height: 0;
    }
    100% {
        height: 25px;
    }
}

.list-check .check-box{
    position: absolute;
    top:50%;
    margin-top: -13px;
    left: 0;
    height: 26px;
    width: 26px;
    background-color: transparent;
    border: 3px solid #333333;
    border-radius: 5px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    transition-delay: .5s;
}
.list-check .check-box::before, .check-box::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: 3px;
    background-color: #333333;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 2px;
    content: ' ';
    -webkit-transition: opacity ease .5;
    -moz-transition: opacity ease .5;
    transition: opacity ease .5;
    transition-delay: .5s;
}
.list-check .check-box::before {
    top: 16px;
    left: 10px;
    box-shadow: 0 0 0 4px #fff;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.list-check .check-box::after {
    top: 8px;
    left: 2px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.list-check .item-check.visited .check-box {
    border-color: #333333;
}
.list-check .item-check.visited:nth-child(1) .check-box::after
{
    height: 10px;
    -moz-animation: dothabottomcheck 0.2s ease .5s forwards;
    -o-animation: dothabottomcheck 0.2s ease .5s forwards;
    -webkit-animation: dothabottomcheck 0.2s ease .5s forwards;
    animation: dothabottomcheck 0.2s ease .5s forwards;
}
.list-check .item-check.visited:nth-child(1) .check-box::before
{
    height: 25px;
    -moz-animation: dothatopcheck 0.4s ease .5s forwards;
    -o-animation: dothatopcheck 0.4s ease .5s forwards;
    -webkit-animation: dothatopcheck 0.4s ease .5s forwards;
    animation: dothatopcheck 0.4s ease .5s forwards;
}
.list-check .item-check.visited:nth-child(2) .check-box::before{
    -moz-animation: dothatopcheck 0.4s ease 1s forwards;
    -o-animation: dothatopcheck 0.4s ease 1s forwards;
    -webkit-animation: dothatopcheck 0.4s ease 1s forwards;
    animation: dothatopcheck 0.4s ease 1s forwards;
}
.list-check .item-check.visited:nth-child(2) .check-box::after{
    -moz-animation: dothabottomcheck 0.2s ease 1s forwards;
    -o-animation: dothabottomcheck 0.2s ease 1s forwards;
    -webkit-animation: dothabottomcheck 0.2s ease 1s forwards;
    animation: dothabottomcheck 0.2s ease 1s forwards;
}
.list-check .item-check.visited:nth-child(3) .check-box::before{
    -moz-animation: dothatopcheck 0.4s ease 1.5s forwards;
    -o-animation: dothatopcheck 0.4s ease 1.5s forwards;
    -webkit-animation: dothatopcheck 0.4s ease 1.5s forwards;
    animation: dothatopcheck 0.4s ease 1.5s forwards;
}
.list-check .item-check.visited:nth-child(3) .check-box::after{
    -moz-animation: dothabottomcheck 0.2s ease 1.5s forwards;
    -o-animation: dothabottomcheck 0.2s ease 1.5s forwards;
    -webkit-animation: dothabottomcheck 0.2s ease 1.5s forwards;
    animation: dothabottomcheck 0.2s ease 1.5s forwards;
}
.list-check .item-check.visited:nth-child(4) .check-box::before{
    -moz-animation: dothatopcheck 0.4s ease 2s forwards;
    -o-animation: dothatopcheck 0.4s ease 2s forwards;
    -webkit-animation: dothatopcheck 0.4s ease 2s forwards;
    animation: dothatopcheck 0.4s ease 2s forwards;
}
.list-check .item-check.visited:nth-child(4) .check-box::after{
    -moz-animation: dothabottomcheck 0.2s ease 2s forwards;
    -o-animation: dothabottomcheck 0.2s ease 2s forwards;
    -webkit-animation: dothabottomcheck 0.2s ease 2s forwards;
    animation: dothabottomcheck 0.2s ease 2s forwards;
}
.list-check .item-check.visited:nth-child(5) .check-box::before{
    -moz-animation: dothatopcheck 0.4s ease 2.5s forwards;
    -o-animation: dothatopcheck 0.4s ease 2.5s forwards;
    -webkit-animation: dothatopcheck 0.4s ease 2.5s forwards;
    animation: dothatopcheck 0.4s ease 2.5s forwards;
}
.list-check .item-check.visited:nth-child(5) .check-box::after{
    -moz-animation: dothabottomcheck 0.2s ease 2.5s forwards;
    -o-animation: dothabottomcheck 0.2s ease 2.5s forwards;
    -webkit-animation: dothabottomcheck 0.2s ease 2.5s forwards;
    animation: dothabottomcheck 0.2s ease 2.5s forwards;
}
.list-check .item-check.visited:nth-child(2) .check-box{
    transition-delay: 1.5s;
}
.list-check .item-check.visited:nth-child(3) .check-box{
    transition-delay: 2s;
}
.list-check .item-check.visited:nth-child(4) .check-box{
    transition-delay: 2.5s;
}
.list-check .item-check.visited:nth-child(5) .check-box{
    transition-delay: 3s;
}
.contact-panels{
    margin-bottom: 3em;
    background: #FFFFFF;
    box-shadow: -5px 5px 10px rgba(51, 51, 51, 0.1);
    padding: 40px;
}
.contact-panels .panel-info .position,
.column-check .head-column,
.list-check .item-check{
    margin-bottom: 1em;
}
@media (min-width: 992px){
    .block-contacts-form .column-check{
        padding-left: 35px;
    }
}
@media (min-width: 1400px){
    .block-contacts-form .rostik-bg{
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
}
@media (min-width: 1790px){
    .block-contacts-form .column-check{
        width: 55%;
    }
    .block-contacts-form .column-form{
        width: 43%
    }
    .contact-panels{
        min-width:5em;
    }
}
@media (max-width: 1790px){
    .block-contacts-form .rostik-bg{
        background-size: cover;
    }
}
@media (max-width: 767.98px){
    .block-contacts-form .column-form{
        margin-bottom: 30px;
    }
}
@media (max-width: 1399.98px){
    .block-contacts-form .red-line-left:before{
        display: none;
    }
    .block-contacts-form .padd-left-mod{
        padding-left:0;
    }
    .block-contacts-form{
        border-top: 2px solid #E31E24;
    }
}
/* End */
/* /bitrix/templates/new_style/components/bitrix/news/portfolio-page/redline/catalog.filter/.default/style.min.css?1763724601878 */
/* /bitrix/templates/new_style/components/bitrix/news/portfolio-page/bitrix/news.list/grid/style.min.css?17637246015398 */
/* /bitrix/templates/.default/components/bitrix/main.include/form_horizont/style.css?17637246017839 */
