/* Start:/local/components/tichiy/tree/templates/detail/style.css?17213171926912*/
.tree--detail {/*background: #F4F4F4;border-radius: 5px;padding: 30px 20px*/}
.tree--detail *{font-family: 'Open Sans', sans-serif;}
.tree--detail ul>li{margin: 0}

/*.tree--box-1{column-width: auto;column-gap: 2em;column-count: 4;column-rule: 1px solid #ccc;}*/
.tree--detail .tree--box-1 {padding: 1px 0 0 1px;display: flex;flex-wrap: wrap}
.tree--detail .tree--box-1 .level--1{float: left;margin: -1px -1px 0 0;width: 33.33333%;border: 1px solid #ececec;border-color: var(--stroke_black);padding: 28px 34px 27px;}
.tree--detail .tree--box-1 .level--1 .no--link .tree--name{height: auto;display: inline-block;margin-bottom: 5px;font-weight: 600;line-height: 1.5625em;color: var(--white_text_black);font-family: 'Open Sans', sans-serif;font-size: 18px;padding-top: 10px;}

.tree--detail .tree--box-1 .level--1 > a {font: 16px/24px "PT Sans Caption",Arial,sans-serif;line-height: 1.5625em;font-weight: 500;color: var(--white_text_black)!important;margin-bottom: 15px;display: block}
.tree--detail .tree--box-1 .level--1 > a > .tree--name {display: inline-block;font-weight: 500;font-size: 18px;line-height: 25px;font-family: 'Open Sans', sans-serif;}
.tree--detail .tree--box-1 .level--1 .tree--image-box img{max-height: 140px;object-fit: contain;object-position: center;width: 100%;height: 100%;}
.tree--detail .tree--box-1 .level--4 > a{margin-bottom: 5px;font-family: 'Open Sans', sans-serif;font-size: 15px;line-height: 18px;cursor: pointer}
.show--more-items{margin-bottom: 5px;font-family: 'Open Sans', sans-serif;font-size: 13px;line-height: 18px;cursor: pointer;color:var(--fill_dark_light_hover);}
.show--more-items:hover{color:var(--white_text_black)}
.tree--detail ul ul {margin: 0}
.tree--detail ul:not([id*="bx_"])>li:before {display: none}
.tree--detail ul.tree--box-4 > li:before {display: none}
.tree--detail li.--hidden {display:none !important;}
.tree--detail .tree--box-1 {margin-top: 0}

.tree--filter {margin: 15px 0 20px 0;}
.tree--filter input{height: 30px;padding:5px 45px 5px 20px;width: 100%;max-width: 500px;transition: .4s}

.tree--detail .level--1 {margin-bottom: 10px}
.tree--detail .level--1 > a,
.tree--detail .level--1 > div
{font-family: 'Nunito', 'Roboto';font-style: normal;font-weight: 700;font-size: 14px;line-height: 40px;color: #2F2F2F;}

.tree--detail .level--1 > div.no--link {color: #7C7C7C;width: 100%}
.tree--detail .level--1 > a {width: 100%}
.no--link {display: inline-block;color: #7C7C7C;}

.tree--desc {padding: 0;margin: 0 0 4px;color: #777;color: var(--light_basic_text_black);font-size: 14px;line-height: 1.692em;font-weight: 400;margin-bottom: 15px;display: block}
.tree--desc p:last-child, .tree--desc li:last-child {margin-bottom: 0}

.tree--detail .level--4 {display: flex;}

.tree--head {position: relative}
.tree--head-image {height: 350px;width: 100%;border-radius: 0 0 5px 5px;overflow: hidden}
.tree--head-image img{object-fit: cover;object-position: center;width: 100%;height: 100%;}
.tree--head-name {position: absolute;bottom:0;left:0;background: linear-gradient(180deg, rgba(97, 155, 63, 0) 0%, #619B3F 100%);border-radius: 5px;padding: 40px 65px 40px 40px}
.tree--head-name > h2{font-family: 'Nunito', 'Roboto';font-style: normal;font-weight: 700;font-size: 36px;line-height: 42px;display: flex;align-items: center;color: #FFFFFF;}

.tree--description {padding: 15px 0 0 0;}
.tree--description *{padding: 0;margin:0 0 15px 0;color: #2d2d2d;font-size: 14px;line-height: 1.692em;}
.tree--description h2{font-family: 'Open Sans', sans-serif;font-weight: 500;line-height: 1.126em;font-size: 1.8em;margin-bottom: 30px;margin-top: 20px;}
.tree--description h3{font-family: 'Open Sans', sans-serif;font-size: 24px;font-weight: 500;margin-bottom: 30px;margin-top: 20px;text-align: left}
.tree--description p{font-family: 'Open Sans', sans-serif;font-size: 14px;line-height: 20px;text-align: left;margin-bottom: 15px;}
.tree--description ul{padding-left: 20px}

.tree--breadcrumbs .breadcrumbs {display: flex}
.tree--breadcrumbs a {color:#fff;transition: .4s}
.tree--breadcrumbs a:hover {color:#f1f1f1}
.tree--breadcrumbs .breadcrumbs__separator {color:#7C7C7C;margin:0 5px}

.tree--svg {display: none}
.tree--svg svg {transition: .4s}

.type--ko {margin-top: 50px}

.tree--detail .tree--box-4 .level--4:nth-child(n+7){display: none}
.tree--detail .tree--box-4.--opened .level--4:nth-child(n+7){display: block}

@media (max-width: 1440px) {
    .tree--detail .tree--box-1 .level--1 {width: 50%}
}

@media (max-width: 900px) {
    .tree--detail .tree--box-1 .level--1 .tree--image-box{position: relative;width: 100%;margin-bottom: 10px}
    .tree--detail .tree--box-1 .level--1 > a > .tree--name {padding-left: 0}
    .tree--detail .tree--box-1 .level--1 .tree--box-4 {padding-left: 0}
    .tree--detail .tree--box-1 .level--1 .no--link .tree--name {padding-left: 0}
    .tree--description h3 {font-size: 18px;margin-bottom: 0}
}

@media (max-width: 550px) {
    /*.tree--svg {display: flex;align-items: center;justify-content: flex-end;width: 90px;height: auto;flex: 1 0 auto;flex-grow: 1;}
    .level--1 > div.no--link, .level--1 > a {display: flex;width: 100%;justify-content: space-between;align-items: center;line-height: 20px}*/
    .is--parent.--opened .tree--svg svg {transform: rotate(180deg)}
    .tree--head-image {height: 150px;overflow: hidden}
    .tree--head{height: 150px;overflow: hidden}
    .tree--head-name{background: linear-gradient(180deg, rgba(97, 155, 63, 0) 0%, #619B3F 100%);border-radius: 5px;padding: 120px 45px 20px 20px;}
    .tree--detail ul > li.level--1 {display: flex;flex-wrap: wrap;align-items: flex-start}
    .tree--detail ul > li {margin: 0}
    .tree--detail ul ul.tree--box-4 {margin: 10px 0 0 0}
    .tree--detail .level--4 a, .tree--detail .level--4 .tree--name{font-size: 14px;}
    .tree--detail ul > li.level--4 {margin-bottom: 7px}

    .tree--filter input{max-width: 100%}
    .tree--detail .tree--box-1 .level--1 {width: 100%}
    .tree--detail .tree--box-1 .level--1 > a {flex-wrap: wrap;display: flex;margin-bottom: 0}
    .tree--detail .tree--box-1 .level--1 .tree--image-box {margin-bottom: 20px}
    body .box-shadow:hover {border-color: #ececec;}.tree--box-1 {margin-top: 0}
    .tree--detail .tree--box-1 .level--1 {    padding: 16px;}
}

@media (prefers-color-scheme: dark) {
    .tree--svg svg path{fill:#fff !important;}
    .tree--name, .tree--name {color:#fff}
    .no--link .tree--name, .no--link .tree--name{color: #7C7C7C;}
    .tree--description {color:var(--light_basic_text_black)}
    .tree--description *{color:var(--light_basic_text_black)}
    .js--tree-clear svg {fill:#fff}
}

.tree--filter {position: relative;display: inline-block}
.tree--filter:hover .js--tree-clear {opacity: 1}
.js--tree-clear {position: absolute;top:50%;right:10px;transform: translateY(-50%);z-index: 3;height: 24px;cursor: pointer;opacity: 0.5;transition: .4s}
.js--tree-clear svg{width: 24px;height: 24px}
/* End */


/* Start:/local/templates/aspro_max_updated/components/bitrix/form.result.new/consulting/style.css?17213173424593*/

.form.consulting{
    font-family: 'Nunito', 'Roboto';
    display: flex;
   height: 230px;
    justify-content: space-between;
    padding:0px!important;
    border-radius: 3px;
    border: 1px solid #EDEDED;
    align-items: center;
    box-shadow: 0px 10px 20px rgba(97, 155, 63, 0.1);
}
.form.consulting form{
    flex-grow: 1;
    height: 100%;
}
.form.consulting .form_head{
    width: 33%;
    height: 100%;
    padding:47px 76px 47px 30px;
    background: linear-gradient(
            101deg
            , #FFDD2D, #FFDD2D calc(93% - 1.3em), transparent calc(93% - 1.25em));
    margin-top: 0px!important;
}

.form--consult-title{
    color:#000000;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px;
}

.form.consulting .form_desc{
    font-size: 14px;
    line-height: 16px;
    color:#666666;
}

.form.consulting .form_body{
    display: flex;
    margin-left: 80px;
    flex-direction: column;
    padding: 0px 30px 0px 30px;
    justify-content: center;
    height: 100%;
}

.form.consulting .form_body__fields{
    display: flex;

}
.form.consulting .form-control{
    /*flex-shrink: 0;*/
    max-width: 288px;
    margin-right: 30px;
}

.form.consulting .form-control label{
    display: none;
}
.form.consulting .onoff input[type="checkbox"] + label{
    padding-left: 40px!important;
    max-width: 290px;
    margin-left: 20px;
}

.form.consulting .licence_block--with-btns{
    display: flex;
}

.form.consulting button[type='submit']{
    background: #FFDD2D;
    border-radius: 5px;
    color:#2F2F2F;
    height: 40px;
    width: 180px;
    background:#FFDD2D!important;
    border:0px!important;
    flex-shrink: 0;
    font-weight: 400;
}
.form.consulting button[type='submit'] span{
    color:#2F2F2F;
    font-size: 14px;
}

.form.consulting .licenses_inline{
   max-width: 290px;
}

@media(max-width: 992px){
    .form.consulting .form_head{
        width: 50%;
    }
    .form.consulting .form_body{
        padding-left: 0px;
        padding-top: 25px;
    }
    .form.consulting .form_body__fields{
        flex-direction: column;
    }
    .form.consulting .licence_block--with-btns{
        flex-direction: column;
        align-items: center;
    }
    .form.consulting .licence_block label{
        padding-left: 0px!important;
        text-align: center;
    }
    .form.consulting .form_body__fields{
        align-items: flex-start;
    }
    .form.consulting .form-control{
        max-width: 100%;
    }
    .form.consulting button[type='submit']{
        width: 100%;
    }

    .form.consulting .onoff input[type="checkbox"] + label{
        padding-left:0px!important;
    }
}

@media(max-width: 768px){
    .form.consulting{
        flex-direction: column;
        height: auto;
    }
    .form.consulting .form_head{
        width: 100%;
        background: #FFDD2D;
        padding:20px 27px 20px 20px;
    }
    .form.consulting .form_body{
        margin:0px;
        padding:20px;
    }
    .form.consulting .licence_block,
    .form.consulting .licence_block label
    {
        padding:0px!important;
        margin-top: 10px!important;
    }

    .form.consulting .form-control:not(:last-child){
        margin-bottom: 10px;
    }
    .form.consulting .form-control:last-child{
        margin-bottom: 0px;
    }

}

.form-result-fancy .fancybox-bg{
    opacity: .5!important;
}
.form-result-fancy .fancybox-slide{
    top:29%!important;
}
.form-result-fancy .success-block{
    display: inline-block!important;
    max-width: 430px!important;
    width: auto!important;
    height: auto!important;
    padding: 50px 25px 50px 25px!important;
    box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
}
.form-result-fancy .success_text svg{
    margin-right: 15px!important;
}

@media(max-width: 475px){
    .form--consult-title{
        font-size: 18px;
        font-family: 'Nunito', 'Roboto';
    }
}
/*
.licence_block #licenses_inline + label:after {
    content: "";
    display: block;
    height: 21px;
    width: 21px;
    position: absolute;
    left: 1px;
    top: 0;
    z-index: 2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 0 1px #ccc inset;
    -moz-box-shadow: 0 0 0 1px #ccc inset;
    -webkit-box-shadow: 0 0 0 1px #ccc inset;
    box-shadow: 0 0 0 1px var(--stroke_black) inset;
    background: #fff;
    background: var(--darkerblack_bg_black);
}*/
/* End */
/* /local/components/tichiy/tree/templates/detail/style.css?17213171926912 */
/* /local/templates/aspro_max_updated/components/bitrix/form.result.new/consulting/style.css?17213173424593 */