/* Start:/local/templates/st/components/tichiy/catalog/service/style.css?173818932612264*/
.services--box {display: flex;margin-top: 40px}
.services--menu {width: 300px;position: relative}
.services--menu:after {position: absolute;right:0;top:0;background-color: #f8fbfc;width:100vw;height: 100%;content: '';z-index: 1}
.services--menu .accordion-menu {position: relative;z-index: 2}
.services--menu {width: 300px}
.services--detail {width: calc(100% - 300px);padding-left: 30px}

.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%}
.services--detail .news--reviews-image img{margin-top: 0;margin-bottom: 0}
.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--reviews-item {width: calc(33% - 20px)}

.services--detail {margin-bottom: var(--step);font-family: "Montserrat Regular";font-size: 14px;line-height: 24px}
.services--detail h2{color:#383838;font-size: 30px;font-family: "Montserrat Bold";margin-bottom: 30px;line-height: normal}
.services--detail h3{color:#383838;font-size: 20px;font-family: "Montserrat Bold";margin-bottom: 20px;line-height: normal}
.services--detail p{margin-bottom: 20px}
.services--detail li{position: relative;padding-left: 17px;}
.services--detail li:after{position: absolute;content: '';top:10px;left:0;background-color: var(--main-color);width: 4px;height: 4px;border-radius: 50%}
.services--detail img{margin-top: 10px;margin-bottom: 10px;}
.services--detail img[align='left']{margin-right: 10px;}
.services--detail img[align='right']{margin-left: 10px;}

.services--detail-row {display: flex;justify-content: space-between}
.services--detail-row > div{width: 50%}

.services--detail-blocks {display: block}
.services--detail-blocks > div{float:right}
.services--detail-blocks img{width: 44px;height: 44px;}
.services--detail-gray {width:190px;background-color: #e6e6e6;padding: 30px 20px;display: inline-flex;align-items: flex-start;justify-content: center;flex-direction: column}
.services--detail-yellow {background-color: var(--second-color);padding: 40px;display: inline-flex;align-items: flex-start;justify-content: center;color: var(--text-light);flex-direction: column;transform: translateY(-50%);width:295px;}
.services--detail-yellow p:last-child{margin-bottom: 0}

.services--detail-button .button{display: inline-flex;background-color: #195b9c;border: 1px solid #195b9c;color:var(--text-light);cursor: pointer}
.services--detail-button .button:hover{background-color: var(--text-light);color:var(--text-black)}

.services--detail-button .button
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

.news--principle-list {display: flex;gap:40px;flex-wrap: wrap}
.news--principle-item {width: calc(50% - 40px);display: flex;align-items: center}
.news--principle-image {margin-right: 30px}
.news--principle-buttons {display: flex;gap:40px;justify-content: space-between;margin-top: 40px}
.news--principle-buttons .button{width: 100%;cursor: pointer;justify-content: center;display: flex}

.news--button-order {background-color: var(--third-color);border:1px solid var(--third-color);color:var(--text-light)}
.news--button-order:hover {background-color: var(--text-light);color:var(--text-black)}

.news--button-consultation {background-color: var(--second-color);border:1px solid var(--second-color);color:var(--text-light)}
.news--button-consultation:hover {background-color: var(--text-light);color:var(--text-black)}

/* Multilevel Accordion Menu with Plain HTML & CSS Start */
.accordion-menu {
    padding: 4px 4px 3px;
}

.accordion-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.accordion-menu li > ul {
    flex-wrap: wrap;width: 100%;
}

.accordion-menu > ul > li > ul{margin-left: 20px;width: calc(100% - 20px);border-left: 1px solid var(--second-color);}

.accordion-menu li > ul {
    display: none;
    height: 0;
    overflow: hidden;
    transition: height 350ms ease-in-out;
}

.accordion-menu ul.is-visible {
    display: flex;
}

.accordion-menu li {
    position: relative;
    overflow: hidden;
    transition: all .4s ease;
    display: block;
    width: 100%;
}

.accordion-menu li:last-child {
    border: none;
}

.accordion-menu li::after {
    content: "";
    display: block;
    clear: both;
}

.accordion-menu li .menu--svg{position: absolute;top:17px;right:15px}

.accordion-menu li .menu--svg svg {
    display: block;
    position: relative;
    fill: rgb(48, 48, 48);
    width: 10px;
    float: right;
    transition: all .3s ease;
}

.accordion-menu li.open > .menu--svg > svg {
    transform: rotate(90deg);
}

.accordion-menu a {
    color: #000;
    padding: 15px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    margin: 0 0 1px 0;padding-right: 35px;line-height: 24px;
}

.accordion-menu > a{font-family: "Montserrat Medium";font-size: 16px;}

.accordion-menu li.open > a {font-weight: 600;}

.accordion-menu li.open > a.selected {
    color: var(--second-color);
    font-weight: 600;
}

.accordion-menu a:hover{color: var(--second-color);}
.accordion-menu a:hover svg{fill: var(--second-color) !important;}

.accordion-menu li.open > a:hover{color: var(--second-color);}
.accordion-menu li.open > a:hover svg{fill: var(--second-color) !important;}

/*
.accordion-menu li li a{padding-left: 30px;}

 */
.accordion-menu > ul > li > a{font-family: "Montserrat Medium";font-size: 16px;}
.accordion-menu li li li a{color:#787878;padding: 5px 20px;padding-left: 40px;font-size: 12px;}
.accordion-menu li li li li a{padding-left: 50px;}

.accordion-menu * {box-sizing: border-box;}

.menu--svg {width:20px;height: 20px;display: flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer}
.menu--svg:hover {background-color: #000}
.accordion-menu li:hover svg{fill: var(--second-color)}
/* Multilevel Accordion Menu with Plain HTML & CSS Ends */

.news--similar {padding: var(--small-step) 0 0 0;}
.news--similar .splide__list{height: auto}
.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: 100%;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;}

.services--detail h1 {margin-top: 0}
.services--detail .splide__pagination li:after{display: none}
.services--detail .splide__pagination__page.is-active{background-color: var(--second-color)}

.catalog--menu span{width:7px;height: 7px;background-color: var(--second-color);border-radius: 50%}

.only--mobile {display: none}
.news--reviews-item {width: calc(33% - 20px);align-content: space-between;display: flex;flex-wrap: wrap;}

@media only screen and (max-width: 1440px) {
    .similar--image {height: 250px}
    .services--detail-row > div.services--detail-button{width: 220px}
    .services--detail-row > div.services--detail-blocks{width: calc(100% - 250px)}
    .services--detail-button .button {padding: 15px}
}

@media only screen and (max-width: 1280px) {
    .news--similar h3 {font-size: 28px}
    .similar--title{font-size: 20px}
    .news--similar h3 a{font-size: 14px}
    .similar--image {height: 200px}
    .main--service-name {height: calc(100% - 150px);}
    .main--service-item {width: calc(50% - 25px)}
    .news--reviews-item:nth-child(3){display: none}
}

@media only screen and (max-width: 1200px) {
   .services--detail-yellow {width: 210px;padding: 17px}
   .services--detail-gray {width: 160px}
    .services--menu {width: 240px;}
    .services--detail { width: calc(100% - 240px);}
}

@media only screen and (max-width: 1024px) {
    .news--similar{padding-left:20px;padding-right:20px;padding-bottom: 110px}
    .news--similar h3 {font-size: 20px}
    .similar--title{font-size: 18px}
    .news--similar h3 a{font-size: 13px}
    .only--mobile {display: flex;gap:10px;}
    .services--detail {position: relative}
    .catalog--menu{position: absolute;top:15px;right:0;}
    .services--menu.--opened{display: block;position: absolute;top:40px;right:0;width: 100%;background-color: var(--text-light);z-index: 10;-webkit-box-shadow: 0px 3px 14px -8px rgba(0,0,0,0.24);-moz-box-shadow: 0px 3px 14px -8px rgba(0,0,0,0.24);box-shadow: 0px 3px 14px -8px rgba(0,0,0,0.24);}
    .services--box {position: relative}
    .services--menu:after {display: none}
    .services--menu::before {content: "";position: absolute;top: -10px;right: 15px;width: 0px;height: 0px;transform: rotate(-90deg);border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 7px solid var(--text-light);z-index: 11;}

    .news--reviews-item {width: 50%}
    .services--menu {display: none}
    .services--detail {width: 100%;padding-left: 0}
}

@media only screen and (max-width: 900px) {
    .services--detail-row > div.services--detail-blocks{width: calc(100% - 230px);}
}

@media only screen and (max-width: 640px) {
    .news--similar{padding-left:20px;padding-right:20px;padding-bottom: 110px}
    .services--detail-yellow {transform: none}
    .services--detail-row {flex-wrap: wrap}
    .services--detail-row > div.services--detail-button{width: 100%}
    .services--detail-row > div.services--detail-blocks {width: 100%}
    .services--detail-yellow {transform: none}
    .services--detail-button .button {width: 100%;text-align: center}
    .services--detail-blocks {margin-bottom: 30px}
    .main--service-item, .news--principle-item{width: 100%}
    .news--principle-buttons, .news--reviews-list {gap:0;flex-wrap: wrap}
    .news--principle-buttons .button {margin-bottom: 15px}
    .news--reviews-item {width: 100%}
    .services--detail-gray,.services--detail-yellow {padding: 20px 10px;}
    .services--detail-blocks > div {width: 50%}

    .news--reviews-item {width: 50%}
}

@media only screen and (max-width: 550px) {
    .news--similar {padding-left:10px;padding-right:10px;}

    .news--reviews-list {flex-wrap: wrap}
    .news--reviews-item {width: 100%}
    .main--service-item{width: 100%;}
}
/* End */


/* Start:/local/templates/st/components/bitrix/news.detail/service/style.css?17381893269240*/
.news--detail-button
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

.news--detail {font-size: 16px;line-height: 28px;}

.news--detail-before {margin-top: -20px;margin-bottom: 20px}

.news--detail-image {width: 100%;height: 0;padding-top: 41%;}
.news--detail-row {display: flex;justify-content: space-between}
.news--detail-row > div{width: 50%}
.news--detail-svg{width: 50px;height: 50px;}
.news--detail-svg svg{width: 100%;height: 100%;max-width: 50px;max-height: 50px;}

.news--detail-blocks {display: flex}
.news--detail-gray {width: 190px;height: 190px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;background-color: #e6e6e6;padding: 30px;font-size: 14px;color:#383838;line-height: 18px;}
.news--detail-yellow {width: 300px;height: 260px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;background-color: var(--second-color);transform: translateY(-50%);padding: 30px;font-size: 14px;color:#fff;line-height: 18px;}

.news--detail-principle{margin-top: var(--small-step)}
.news--principle-list {display: flex;flex-wrap: wrap;}
.news--principle-image {width: 70px;height: 70px}
.news--principle-image img{width: 100%;height: 100%}

.news--detail-button {background-color: var(--main-color);border: 1px solid var(--main-color);color: var(--text-light);height: 58px;cursor: pointer}
.news--detail-button:hover {background-color: var(--text-light);border: 1px solid var(--main-color);color: var(--text-black)}
.news--detail-button  {max-width:350px;text-align: center}

.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--reviews-item {width: calc(33% - 20px)}

.news--detail-image{background-size: cover;background-repeat: no-repeat;background-position: center center}

.news--similar {padding: var(--small-step) 0 0 0;}
.news--similar .splide__list{height: auto}
.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: 100%;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;}


@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%}
}


@media only screen and (max-width: 1024px) {
    .news--reviews-item {width: 50%}
    .news--reviews-item:nth-child(3) {display: none}
}

@media only screen and (max-width: 640px) {
    .news--reviews-item {width: 50%}
    .news--reviews-item:nth-child(3) {display: none}
}

@media only screen and (max-width: 550px) {
    .news--reviews-list {flex-wrap: wrap}
    .news--reviews-item {width: 100%}
}

@media only screen and (max-width: 400px) {
    .news--detail-button {width: 100%}
    .news--detail-button .button{padding-left: 0;padding-right: 0;width:100%;text-align: center}
}

@media only screen and (max-width: 640px) {
    .news--similar{padding-left:20px;padding-right:20px;padding-bottom: 110px}
    .services--detail-yellow {transform: none}
    .news--detail-row {flex-wrap: wrap}
    .news--detail-row > div.services--detail-button{width: 100%}
    .news--detail-row > div.services--detail-blocks {width: 100%}
    .services--detail-yellow {transform: none}
    .services--detail-button .button {width: 100%;text-align: center}
    .services--detail-blocks {margin-bottom: 30px}
    .main--service-item, .news--principle-item{width: 100%}
    .news--principle-buttons, .news--reviews-list {gap:0;flex-wrap: wrap}
    .news--principle-buttons .button {margin-bottom: 15px}
    .news--reviews-item {width: 100%}
    .services--detail-gray,.services--detail-yellow {padding: 20px 10px;}
    .news--detail-row > div {width: 100%;}
}

@media only screen and (max-width: 550px) {
    .news--similar {padding-left:10px;padding-right:10px;}
}

@media only screen and (max-width: 1024px) {
    .news--reviews-item {width: 50%}
    .news--reviews-item:nth-child(3) {display: none}
    .services--menu {display: none}
    .services--detail {width: 100%;padding-left: 0}
}

@media only screen and (max-width: 640px) {
    .news--reviews-item {width: 50%}
    .news--reviews-item:nth-child(3) {display: none}
}

@media only screen and (max-width: 550px) {
    .news--reviews-list {flex-wrap: wrap}
    .news--reviews-item {width: 100%}
    .main--service-item{width: 100%;}
}

.service--detail .splide__pagination li:after{display: none}
.service--detail .splide__pagination li{padding-left: 10px}
.news--similar .splide__pagination__page.is-active {background-color: var(--second-color)}

.splide__slide{display: block}
.lg-outer.lg-grab img.lg-object {object-fit: contain;object-position: center;width: 100%;height: 100%;}
.main--slider--image {cursor: pointer}

.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[disabled]{display: none}
.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)}

.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: cover;background-position: center center;}

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

.news--list-box {display: flex}
.license--item-image {width: 100%;height: 0;padding-top: 75%;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.license--item {width: 25%;background-color: var(--input-background-hover);padding: 30px 30px 50px 30px;border: 1px solid #e8e8e8;cursor: pointer;color: var(--text-black);}
.license--list {display: flex;flex-wrap: wrap;}
.license--item-box {padding-top: 30px;}
.license--item-title {font-size: 16px;font-family: "Montserrat SemiBold";line-height: 24px;}
.news--reviews .license--list a{display: block}

@media only screen and (max-width: 1000px) {
    .license--list {flex-wrap: wrap}
    .license--item {width: 33.33333%;}
}

@media only screen and (max-width: 640px) {
    .license--list {flex-wrap: wrap}
    .license--item {width: 50%;}
}

@media only screen and (max-width: 500px) {
    .license--item {width: 100%;}
}
/* End */
/* /local/templates/st/components/tichiy/catalog/service/style.css?173818932612264 */
/* /local/templates/st/components/bitrix/news.detail/service/style.css?17381893269240 */