/* Start:/local/templates/st/components/tichiy/news/st/style.css?173818932611822*/
.news--detail > .container{padding:0 30px;}
.news--slider{padding-bottom: 50px;background-color: var(--text-light)}
.news--detail .splide__arrow{background-color: transparent;}
.news--detail .splide__arrow svg{fill:var(--second-color);height:30px;width:auto;}
.news--detail .splide__arrow--prev{left:-30px;}
.news--detail .splide__arrow--next{right:-30px;}
.news--detail #main--slider .splide__arrow--prev{transform: rotate(90deg)}
.news--detail #main--slider .splide__arrow--next{transform: rotate(-90deg)}
.news--detail .splide__pagination__page{cursor: pointer}
.news--detail .splide__pagination__page:hover, .news--detail .splide__pagination__page.is-active{background-color: var(--second-color)}

.news--detail .splide__arrow svg, .news--print span
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

#thumbnail--slider {max-width: 1100px;margin:0 auto;margin-top: 15px;}

.news--detail .splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border: 3px solid var(--second-color);}

.news--detail .splide__arrow[disabled] {display: none}

.news--description {display: flex;margin-bottom: var(--small-step)}
.news--row {display: flex;width: 100%;justify-content: space-between}
.news--props {width: calc(100% - 330px);background-color: var(--text-light);padding:0 80px 50px 80px;}
.news--done {width: 330px;background-color: var(--second-color);padding:50px 40px;}
.news--done-title {font-family: "Montserrat Bold";font-size: 16px;color:var(--text-light);margin-bottom: 15px}
.news--done-item {display: flex;align-items: center;margin-bottom: 10px}
.news--done-image {background-color: var(--text-light);width: 60px;height: 60px;min-width: 60px;min-height: 60px;border-radius: 50%;margin-right: 10px;display: flex;align-items: center;justify-content: center}
.news--done-image img{width: 40px;height: 40px}
.news--done-name {color:var(--text-light)}

.news--print a{color:var(--second-color);font-size: 16px;}
.news--print svg{width: 20px;height: 13px;fill:var(--second-color)}
.news--print {display: flex;align-items: center}
.news--print span{border-bottom: 1px dotted transparent}
.news--print a:hover span{border-bottom: 1px dotted var(--second-color)}
.news--logo {display: flex;align-items: center}
.news--logo img{margin-right: 20px}
.news--logo span{font-family: "Montserrat SemiBold";font-size: 24px}

.news--logo-row {padding: 45px 0 30px 0;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}
.news--props-row {justify-content: space-between;padding:30px 0;flex-wrap: wrap}
.news--props-item {width: 33%;margin-bottom: 20px;font-size: 16px;}
.news--props-item span{display: block;font-family: "Montserrat Bold";margin-bottom: 10px}

.news--button-row .button{color:var(--text-light);background-color: var(--main-color);cursor: pointer;border: 1px solid var(--main-color)}
.news--button-row .button:hover{color:var(--main-color);background-color: var(--text-light);cursor: pointer}

.js--done-expand {margin-top: 25px;color: var(--text-light);display: block;cursor: pointer}

.news--short h3{font-family: "Montserrat SemiBold";font-size: 30px;margin-bottom: 30px}
.news--short-row {display: flex;justify-content: space-between;margin-bottom: 40px}
.news--short-title {font-family: "Montserrat SemiBold";font-size: 24px;margin-bottom: 20px}
.news--short-text {font-size: 16px}

.news--clever {margin-bottom: 50px}
.news--clever h3{font-family: "Montserrat SemiBold";font-size: 24px;margin-bottom: 20px}
.news--clever-list {display: flex;justify-content: space-between;flex-wrap: wrap}
.news--clever-item {width: 33%;display: flex;align-items: center;font-size: 16px;margin-bottom: 20px}
.news--clever-image {margin-right: 40px;width: 60px;height: 60px}

.news--auto h3{font-family: "Montserrat SemiBold";font-size: 24px;margin-bottom: 20px}
.news--auto-box{font-size: 16px;line-height: 28px}
.news--auto-box ul, .news--auto-box p{margin-bottom: 15px;}
.news--auto-box li{margin-bottom: 10px;position: relative;padding-left:20px;}
.news--auto-box li:after{content: '';position: absolute;top:12px;left:0;width: 3px;height:3px;background-color: var(--main-color);border-radius: 50%}
.auto--image {width: 100%;height: 290px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.thumbnail--image {width: 100%;height: 80px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.main--slider--image {width: 100%;height: 100%;background-repeat: no-repeat;background-size: contain;background-position: center center;}

#auto--photos {margin-top: var(--small-step)}
#auto--photos .splide__slide img{width: 100%}

.news--members {margin-top: 50px;font-size: 16px;}
.news--members h3{font-family: "Montserrat SemiBold";font-size: 24px;margin-bottom: 20px}
.news--members-list {display: flex;justify-content: flex-start;flex-wrap: wrap}
.news--members-item {width: calc(100% / 6);padding-right: 20px}
.news--members-image {width: 190px;height: 150px;display: flex;align-items: center;justify-content: center;background-color: var(--text-light);max-width: 100%;max-height: max-content;background-size: 80%;background-repeat: no-repeat;background-position: center center}
.news--members-dolgnost {margin-top: 30px;font-family: "Montserrat SemiBold";}
.news--members-title {margin-top: 15px;}

.news--reviews {margin-top: var(--small-step);padding-bottom: var(--small-step)}
.news--reviews h3{font-family: "Montserrat SemiBold";font-size: 30px;margin-bottom: 20px;display: flex;justify-content: space-between}
.news--reviews h3 a{font-family: "Montserrat Regular";font-size: 16px;color:var(--second-color);display: flex;align-items: center}
.news--reviews-list {display: flex;justify-content: space-between;gap: 30px}
.news--reviews a svg, .news--reviews-box a svg{stroke: var(--second-color);fill:transparent;width: 15px;height: 15px}
.news--reviews a, .news--reviews-box a{display: flex;align-items: center}
.news--reviews-box {background-color: #ebeeee;padding: 30px;margin-bottom: 30px}
.news--reviews-box a{display: flex;margin-top: 20px;align-items: center;color: var(--second-color)}
.news--reviews-row {display: flex;align-items: center}
.news--reviews-image {width: 60px;height: 60px;border-radius: 50%;overflow: hidden}
.news--reviews-image img{width: 100%;height: 100%}
.news--reviews-title {margin-left: 20px;font-size: 16px;font-family: "Montserrat Bold";word-break: break-all;
    width: calc(100% - 60px);}
.news--reviews-text {font-size: 16px;line-height: 24px;}
.news--reviews-box {position: relative;}
.news--reviews-box:after {position: absolute;content: '';bottom:-19px;left:10px;width: 22px;height: 19px;background-image: url('/local/templates/st/images/corner.png')}

.news--similar {padding: var(--small-step) 0 var(--step) 0;background-color: #f8fbfc}
.news--similar h3{font-family: "Montserrat SemiBold";font-size: 30px;margin-bottom: 20px;display: flex;justify-content: space-between}
.news--similar h3 a{font-family: "Montserrat Regular";font-size: 16px;color:var(--second-color);display: flex;align-items: center}
.news--similar a svg{stroke: var(--second-color);fill:transparent;width: 15px;height: 15px}
.news--similar .splide__slide {position: relative;padding-bottom: 70px}
.news--similar .splide__pagination {bottom:-40px}
.similar--image {width: 410px;height: 300px;max-width: 100%;max-height: max-content;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.similar--title {font-family: "Montserrat Bold";font-size: 24px;line-height: 28px;margin-top: 30px}
.similar--place {margin-top: 20px}
.similar--place span{font-family: "Montserrat SemiBold";margin-right: 10px}
.similar--area {margin-top: 20px}
.similar--area span{font-family: "Montserrat SemiBold";margin-right: 10px}
.similar--button {position: absolute;bottom:0;left:0;}
.similar--button a{padding: 15px 45px;background-color: #2b2b2d;border:1px solid #2b2b2d;color:var(--text-light);display: inline-flex;align-items: center;justify-content: center}
.similar--button a:hover{background-color: var(--text-light);border:1px solid #2b2b2d;color:#2b2b2d;}

#similar--products .splide__arrow{top:150px}

.news--reviews-item {width: calc(33% - 20px)}

@media only screen and (max-width: 1440px) {
    .news--members-item{width: calc(100% / 5);}
    .news--props {padding: 0 40px 50px 40px;}
    .auto--image {height: 250px}
    .similar--image {height: 250px}
    #similar--products {padding: 0 30px;}
    .news--detail #similar--products .splide__arrow--prev{left: -10px;}
    .news--detail #similar--products .splide__arrow--next{right: -10px;}
    #similar--products .splide__arrow{top:125px}
}

@media only screen and (max-width: 1280px) {
    .news--members-item{width: calc(100% / 4);}
    .news--short h3,.news--reviews h3,.news--similar h3 {font-size: 28px}
    .news--logo span,.news--short-title,.news--clever h3,.news--auto h3,.news--members h3,.news--reviews-text,.similar--title{font-size: 20px}
    .news--done-title, .news--print a, .news--props-item, .news--short-text,.news--clever-item,.news--auto-box,.news--members,.news--reviews h3 a
    .news--reviews-title,.news--reviews-text,.news--similar h3 a{font-size: 14px}

    .news--props {padding: 0 15px 50px 15px;}
    .auto--image {height: 210px}
    .similar--image {height: 200px}
    #similar--products .splide__arrow{top:100px}
}

@media only screen and (max-width: 1024px) {
    .news--description,.news--short-row {flex-wrap: wrap}
    .news--done{width: 100%;padding: 40px}
    .news--props {width: 100%;}
    .news--short-col{width: 50%;margin-bottom: 20px}
    .news--clever-item {width: 50%;margin-bottom: 20px}
    .auto--image{height: 130px}
    .news--members-item{width: calc(100% / 3);}
    .news--reviews-item {width: 50%}
    .news--reviews-item:nth-child(3) {display: none}
    .news--similar{padding-left:20px;padding-right:20px;padding-bottom: 110px}
    .news--short h3,.news--reviews h3,.news--similar h3 {font-size: 20px}
    .news--logo span,.news--short-title,.news--clever h3,.news--auto h3,.news--members h3,.news--reviews-text,.similar--title{font-size: 18px}
    .news--done-title, .news--print a, .news--props-item, .news--short-text,.news--clever-item,.news--auto-box,.news--members,.news--reviews h3 a
    .news--reviews-title,.news--reviews-text,.news--similar h3 a{font-size: 13px}
}

@media only screen and (max-width: 640px) {
    .news--description,.news--short-row {flex-wrap: wrap}
    .news--done{width: 100%;padding: 40px}
    .news--props {width: 100%;}
    .news--short-col{width: 50%;margin-bottom: 20px}
    .news--clever-item {width: 50%;margin-bottom: 30px}
    .auto--image{height: 130px}
    .news--members-item{width: calc(100% / 3);}
    .news--reviews-item {width: 50%}
    .news--reviews-item:nth-child(3) {display: none}
    .news--similar{padding-left:20px;padding-right:20px;padding-bottom: 110px}
    .news--logo-row {flex-wrap: wrap}
    .news--logo-row > div {width: 100%}
    .news--print {margin-top: 20px}
    .news--props-item{width: 50%}
}

@media only screen and (max-width: 550px) {
    .news--reviews-item, .news--short-col, .news--clever-item {width: 100%}
    .news--reviews-list {flex-wrap: wrap}
    .news--members-item {width: 50%}
    .news--members-image{height: 100px}
    .auto--image {height: 0;padding-top: 60%;}
    .thumbnail--image{height: 35px}
    .news--detail > .container {padding: 0 20px}
    .news--similar {padding-left:10px;padding-right:10px;}
    .news--detail .splide__arrow--prev {left: -20px}
    .news--detail .splide__arrow--next {right: -20px}
    .news--detail .splide__arrow svg {height: 20px}
}

@media only screen and (max-width: 500px) {
    .news--logo {flex-wrap: wrap}
    .news--logo span{width: 100%;margin-top: 20px;display: block}
    .news--props-item {width: 100%}
}



/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?173818931251*/
font.errortext{color:red}font.notetext{color:green}
/* End */
/* /local/templates/st/components/tichiy/news/st/style.css?173818932611822 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?173818931251 */