/* Start:/local/templates/imperator/components/bitrix/news.detail/reshenia_new/style.css?178420968729624*/
.solution-other__card-red{
position: relative;
}
.geoLink{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
}

.teamcost-box {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.teamcost-box-item {
    position: relative;
    text-transform: lowercase;
    background: #fff;
    padding: 10px;
}
.teamcost-box-item::before {
    position: absolute;
    content: "";
    /* width: 25px; */
    /* height: 50px; */
    background-color: #C41B20;
    top: 35px;
    /* left: 0px; */
    width: 12px;
    height: 35px;
    left: 7px;
}
.teamcost-box-item p {
    margin-top: 20px;
    margin-bottom: 0;
    font-family: Circe;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    padding-left: 20px;
    font-weight: 300;
}
@media (min-width: 420px) and (max-width: 599px) {
    .teamcost-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
}

@media screen and (max-width: 419px) {
    .teamcost-box {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
}


@media screen and (max-width: 419px) {
    .teamwork-box {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
}

@media (min-width: 420px) and (max-width: 599px) {
    .teamwork-box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
}



/*Мануфактуры круг*/

.manufacturing-circle .circle {
    position: relative;
}

.manufacturing-circle .circle .svg_circle {
    position: relative;
    width: 450px;
    margin: 0 auto;
    display: block;
    z-index: 1;
}

.manufacturing-circle .cube {
    display: block;
    height: 80px;
    width: 80px;
    position: absolute;
    top: calc((100% - 80px) / 2);
    left: calc((100% - 80px) / 2);
    background: red url("/local/templates/imperator/img/form/Star.svg") no-repeat center;
    background-size: 170%;
    z-index: 3;
}

.manufacturing-circle .icon_svg {
    position: absolute;
    z-index: 3;
    height: 70px;
    width: 70px;
}

.manufacturing-circle .video {
    top: calc(50% + 55px);
    left: calc(50% + 32px);
}

.manufacturing-circle .check {
    top: calc(50% - 67px);
    left: calc(50% + 68px);
}

.manufacturing-circle .tech_control {
    top: calc(50% + 59px);
    left: calc(50% - 96px);
    height: 60px;
    width: 60px;
}

.manufacturing-circle .face_control {
    top: calc(50% - 146px);
    left: calc(50% - 33px);
}

.manufacturing-circle .security {
    top: calc(50% - 68px);
    left: calc(50% - 146px);
}

.manufacturing-circle .circle_text {
    position: absolute;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    z-index: 1;
}

.manufacturing-circle .video_text {
    top: calc(50% + 109px);
    left: calc(50% + 153px);
}

.manufacturing-circle .video_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 14px;
    left: -39px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.manufacturing-circle .check_text {
    top: calc(50% - 67px);
    left: calc(50% + 196px);
}

.manufacturing-circle .check_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 32px;
    left: -39px;
    transform: rotate3d(1, 1, 1, -45deg);
}

.manufacturing-circle .tech_control_text {
    top: calc(50% + 126px);
    left: calc(50% - 511px);
}

.manufacturing-circle .tech_control_text::after {
    content: "";
    display: block;
    width: 51px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 17px;
    right: -46px;
    transform: rotate3d(1, 1, 1, -45deg);
}

.manufacturing-circle .face_control_text {
    top: calc(50% - 209px);
    left: calc(50% - 346px);
}

.manufacturing-circle .face_control_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 36px;
    left: 293px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.manufacturing-circle .security_text {
    top: calc(50% - 123px);
    left: calc(50% - 379px);
}

.manufacturing-circle .security_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 36px;
    right: -39px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.manufacturing-circle .icon_svg:hover path,
.manufacturing-circle .icon_svg.active path {
    fill: #000;
}

.manufacturing-circle .svg-menu__path__seleccion:hover path,
.manufacturing-circle .svg-menu__path__seleccion.active path {
    fill: #e1e1e4;
}

@media (max-width: 768px) {
    .manufacturing-circle {
        display: none;
    }

    .manufacturing-circle .circle_text {
        display: none;
    }

    .manufacturing-circle .icon_svg {
        height: 50px;
        width: 50px;
    }
}

@media (max-width: 450px) {
    .manufacturing-circle .circle .svg_circle {
        width: 390px;
    }

    .manufacturing-circle .cube {
        height: 70px;
        width: 70px;
        top: calc((100% - 70px) / 2);
        left: calc((100% - 70px) / 2);
    }

    .manufacturing-circle .tech_control {
        left: calc(50% - 86px);
    }

    .manufacturing-circle .security {
        top: calc(50% - 57px);
        left: calc(50% - 117px);
    }

    .manufacturing-circle .video {
        top: calc(50% + 54px);
        left: calc(50% + 40px);
    }

    .manufacturing-circle .check {
        top: calc(50% - 57px);
    }

    .manufacturing-circle .face_control {
        top: calc(50% - 120px);
        left: calc(50% - 23px);
    }
}

@media (max-width: 375px) {
    .manufacturing-circle .circle .svg_circle {
        width: 330px;
    }

    .manufacturing-circle .cube {
        height: 60px;
        width: 60px;
        top: calc((100% - 60px) / 2);
        left: calc((100% - 60px) / 2);
    }

    .manufacturing-circle .tech_control {
        left: calc(50% - 77px);
        top: calc(50% + 45px);
    }

    .manufacturing-circle .security {
        top: calc(50% - 52px);
        left: calc(50% - 105px);
    }

    .manufacturing-circle .video {
        top: calc(50% + 41px);
        left: calc(50% + 30px);
    }

    .manufacturing-circle .check {
        top: calc(50% - 50px);
        left: calc(50% + 51px);
    }

    .manufacturing-circle .face_control {
        top: calc(50% - 105px);
        left: calc(50% - 24px);
    }
}

@media (max-width: 320px) {
    .manufacturing-circle .circle .svg_circle {
        width: 290px;
    }

    .manufacturing-circle .icon_svg {
        height: 40px;
        width: 40px;
    }

    .manufacturing-circle .cube {
        height: 50px;
        width: 50px;
        top: calc((100% - 50px) / 2);
        left: calc((100% - 50px) / 2);
    }

    .manufacturing-circle .tech_control {
        left: calc(50% - 66px);
        top: calc(50% + 42px);
    }

    .manufacturing-circle .security {
        top: calc(50% - 45px);
        left: calc(50% - 89px);
    }

    .manufacturing-circle .video {
        top: calc(50% + 41px);
        left: calc(50% + 28px);
    }

    .manufacturing-circle .check {
        top: calc(50% - 45px);
        left: calc(50% + 47px);
    }

    .manufacturing-circle .face_control {
        top: calc(50% - 91px);
        left: calc(50% - 21px);
    }
}

@media (min-width: 768px) {
    .manufacturing-circle .svg-menu__path__seleccion,
    .manufacturing-circle .svg-menu__path__seleccion *,
    .manufacturing-circle .icon_svg {
        transition: all 0.25s ease-out;
    }

    .manufacturing-circle .svg-menu__path__seleccion,
    .manufacturing-circle .icon_svg {
        transform-origin: 50% 50%;
    }

    .manufacturing-circle .svg-menu__path__seleccion:hover,
    .manufacturing-circle .svg-menu__path__seleccion.active {
        transform: scale(1.1);
    }

    .manufacturing-circle .icon_svg:hover,
    .manufacturing-circle .icon_svg.active {
        transform: scale(1.1);
    }

    .manufacturing-circle .video:hover,
    .manufacturing-circle .video.active {
        top: calc(50% + 63px);
        left: calc(50% + 46px);
    }

    .manufacturing-circle .check:hover,
    .manufacturing-circle .check.active {
        top: calc(50% - 72px);
        left: calc(50% + 76px);
    }

    .manufacturing-circle .tech_control:hover,
    .manufacturing-circle .tech_control.active {
        top: calc(50% + 67px);
        left: calc(50% - 102px);
    }

    .manufacturing-circle .face_control:hover,
    .manufacturing-circle .face_control.active {
        top: calc(50% - 153px);
    }

    .manufacturing-circle .security:hover,
    .manufacturing-circle .security.active {
        top: calc(50% - 72px);
        left: calc(50% - 154px);
    } 
}


/*Розница кружки*/

.rozncircle .circle {
    position: relative;
}

.rozncircle .circle .svg_circle {
    position: relative;
    width: 450px;
    margin: 0 auto;
    display: block;
    z-index: 1;
}

.rozncircle .cube {
    display: block;
    height: 80px;
    width: 80px;
    position: absolute;
    top: calc((100% - 80px) / 2);
    left: calc((100% - 80px) / 2);
    background: red url("/local/templates/imperator/img/form/Star.svg") no-repeat center;
    background-size: 170%;
    z-index: 3;
}

.rozncircle .icon_svg {
    position: absolute;
    z-index: 3;
    height: 70px;
    width: 70px;
}

.rozncircle .video {
    top: calc(50% + 55px);
    left: calc(50% + 32px);
}

.rozncircle .check {
    top: calc(50% - 67px);
    left: calc(50% + 68px);
}

.rozncircle .sob_control {
    top: calc(50% + 55px);
    left: calc(50% - 108px);
}

.rozncircle .oper_control {
    top: calc(50% - 146px);
    left: calc(50% - 33px);
}

.rozncircle .security {
    top: calc(50% - 68px);
    left: calc(50% - 146px);
}

.rozncircle .circle_text {
    position: absolute;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    z-index: 1;
}

.rozncircle .video_text {
    top: calc(50% + 109px);
    left: calc(50% + 153px);
}

.rozncircle .video_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 14px;
    left: -39px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.rozncircle .check_text {
    top: calc(50% - 67px);
    left: calc(50% + 196px);
}

.rozncircle .check_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 32px;
    left: -39px;
    transform: rotate3d(1, 1, 1, -45deg);
}

.rozncircle .sob_control_text {
    top: calc(50% + 126px);
    left: calc(50% - 369px);
}

.rozncircle .sob_control_text::after {
    content: "";
    display: block;
    width: 51px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 17px;
    right: -46px;
    transform: rotate3d(1, 1, 1, -45deg);
}

.rozncircle .oper_control_text {
    top: calc(50% - 204px);
    left: calc(50% - 335px);
}

.rozncircle .oper_control_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 36px;
    left: 258px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.rozncircle .security_text {
    top: calc(50% - 123px);
    left: calc(50% - 379px);
}

.rozncircle .security_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 36px;
    right: -39px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.rozncircle .icon_svg:hover path,
.rozncircle .icon_svg.active path {
    fill: #000;
}

.rozncircle .svg-menu__path__seleccion:hover path,
.rozncircle .svg-menu__path__seleccion.active path {
    fill: #e1e1e4;
}

@media (max-width: 768px) {
    .rozncircle {
        display: none;
    }

    .rozncircle .circle_text {
        display: none;
    }

    .rozncircle .icon_svg {
        height: 50px;
        width: 50px;
    }
}

@media (max-width: 450px) {
    .rozncircle .circle .svg_circle {
        width: 390px;
    }

    .rozncircle .cube {
        height: 70px;
        width: 70px;
        top: calc((100% - 70px) / 2);
        left: calc((100% - 70px) / 2);
    }

    .rozncircle .sob_control {
        left: calc(50% - 86px);
    }

    .rozncircle .security {
        top: calc(50% - 57px);
        left: calc(50% - 117px);
    }

    .rozncircle .video {
        top: calc(50% + 54px);
        left: calc(50% + 40px);
    }

    .rozncircle .check {
        top: calc(50% - 57px);
    }

    .rozncircle .oper_control {
        top: calc(50% - 120px);
        left: calc(50% - 23px);
    }
}

@media (max-width: 375px) {
    .rozncircle .circle .svg_circle {
        width: 330px;
    }

    .rozncircle .cube {
        height: 60px;
        width: 60px;
        top: calc((100% - 60px) / 2);
        left: calc((100% - 60px) / 2);
    }

    .rozncircle .sob_control {
        left: calc(50% - 77px);
        top: calc(50% + 45px);
    }

    .rozncircle .security {
        top: calc(50% - 52px);
        left: calc(50% - 105px);
    }

    .rozncircle .video {
        top: calc(50% + 41px);
        left: calc(50% + 30px);
    }

    .rozncircle .check {
        top: calc(50% - 50px);
        left: calc(50% + 51px);
    }

    .rozncircle .oper_control {
        top: calc(50% - 105px);
        left: calc(50% - 24px);
    }
}

@media (max-width: 320px) {
    .rozncircle .circle .svg_circle {
        width: 290px;
    }

    .rozncircle .icon_svg {
        height: 40px;
        width: 40px;
    }

    .rozncircle .cube {
        height: 50px;
        width: 50px;
        top: calc((100% - 50px) / 2);
        left: calc((100% - 50px) / 2);
    }

    .rozncircle .sob_control {
        left: calc(50% - 66px);
        top: calc(50% + 42px);
    }

    .rozncircle .security {
        top: calc(50% - 45px);
        left: calc(50% - 89px);
    }

    .rozncircle .video {
        top: calc(50% + 41px);
        left: calc(50% + 28px);
    }

    .rozncircle .check {
        top: calc(50% - 45px);
        left: calc(50% + 47px);
    }

    .rozncircle .oper_control {
        top: calc(50% - 91px);
        left: calc(50% - 21px);
    }
}

@media (min-width: 768px) {
    .rozncircle .svg-menu__path__seleccion,
    .rozncircle .svg-menu__path__seleccion *,
    .rozncircle .icon_svg {
        transition: all 0.25s ease-out;
    }

    .rozncircle .svg-menu__path__seleccion,
    .rozncircle .icon_svg {
        transform-origin: 50% 50%;
    }

    .rozncircle .svg-menu__path__seleccion:hover,
    .rozncircle .svg-menu__path__seleccion.active {
        transform: scale(1.1);
    }

    .rozncircle .icon_svg:hover,
    .rozncircle .icon_svg.active {
        transform: scale(1.1);
    }

    .rozncircle .video:hover,
    .rozncircle .video.active {
        top: calc(50% + 63px);
        left: calc(50% + 46px);
    }

    .rozncircle .check:hover,
    .rozncircle .check.active {
        top: calc(50% - 72px);
        left: calc(50% + 76px);
    }

    .rozncircle .sob_control:hover,
    .rozncircle .sob_control.active {
        top: calc(50% + 70px);
        left: calc(50% - 116px);
    }

    .rozncircle .oper_control:hover,
    .rozncircle .oper_control.active {
        top: calc(50% - 153px);
    }

    .rozncircle .security:hover,
    .rozncircle .security.active {
        top: calc(50% - 72px);
        left: calc(50% - 154px);
    }
}



/*Кружок трц ретейл*/

.retlcrcl .circle {
    position: relative;
}

.retlcrcl .circle .svg_circle {
    position: relative;
    width: 450px;
    margin: 0 auto;
    display: block;
    z-index: 1;
}

.retlcrcl .cube {
    display: block;
    height: 80px;
    width: 80px;
    position: absolute;
    top: calc((100% - 80px) / 2);
    left: calc((100% - 80px) / 2);
    background: red url("/local/templates/imperator/img/form/Star.svg") no-repeat center;
    background-size: 170%;
    z-index: 3;
}

.retlcrcl .icon_svg {
    position: absolute;
    z-index: 3;
    height: 70px;
    width: 70px;
}

.retlcrcl .alarm {
    top: calc(50% - 140px);
    left: calc(50% - 89px);
}

.retlcrcl .video {
    top: calc(50% + 55px);
    left: calc(50% + 32px);
}

.retlcrcl .check {
    top: calc(50% - 70px);
    left: calc(50% + 68px);
}

.retlcrcl .tech_control {
    top: calc(50% + 64px);
    left: calc(50% - 96px);
    height: 60px;
    width: 60px;
}

.retlcrcl .face_control {
    top: calc(50% - 147px);
    left: calc(50% - 33px);
}

.retlcrcl .security {
    top: calc(50% - 70px);
    left: calc(50% - 146px);
}

.retlcrcl .circle_text {
    position: absolute;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    z-index: 1;
}

.retlcrcl .video_text {
    top: calc(50% + 109px);
    left: calc(50% + 153px);
}

.retlcrcl .video_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 14px;
    left: -39px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.retlcrcl .alarm_text {
    top: calc(50% - 192px);
    left: calc(50% - 309px);
}

.retlcrcl .alarm_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 36px;
    right: -38px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.retlcrcl .check_text {
    top: calc(50% - 67px);
    left: calc(50% + 196px);
}

.retlcrcl .check_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 32px;
    left: -39px;
    transform: rotate3d(1, 1, 1, -45deg);
}

.retlcrcl .tech_control_text {
    top: calc(50% + 126px);
    left: calc(50% - 511px);
}

.retlcrcl .tech_control_text::after {
    content: "";
    display: block;
    width: 51px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 17px;
    right: -46px;
    transform: rotate3d(1, 1, 1, -45deg);
}

.retlcrcl .face_control_text {
    top: calc(50% - 209px);
    left: calc(50% - 346px);
}

.retlcrcl .face_control_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 36px;
    left: 294px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.retlcrcl .security_text {
    top: calc(50% - 57px);
    left: calc(50% - 399px);
}

.retlcrcl .security_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 36px;
    right: -39px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.retlcrcl .icon_svg:hover path,
.retlcrcl .icon_svg.active path {
    fill: #000;
}

.retlcrcl .svg-menu__path__seleccion:hover path,
.retlcrcl .svg-menu__path__seleccion.active path {
    fill: #e1e1e4;
}

@media (max-width: 768px) {
    .retlcrcl {
        display: none;
    }

    .retlcrcl .circle_text {
        display: none;
    }

    .retlcrcl .icon_svg {
        height: 50px;
        width: 50px;
    }

    .retlcrcl .tech_control {
        height: 45px;
        width: 45px;
    }
}

@media (max-width: 450px) {
    .retlcrcl .circle .svg_circle {
        width: 390px;
    }

    .retlcrcl .cube {
        height: 70px;
        width: 70px;
        top: calc((100% - 70px) / 2);
        left: calc((100% - 70px) / 2);
    }

    .retlcrcl .tech_control {
        left: calc(50% - 71px);
        top: calc(50% + 60px);
    }

    .retlcrcl .alarm {
        top: calc(50% - 115px);
        left: calc(50% - 69px);
    }

    .retlcrcl .security {
        top: calc(50% - 28px);
        left: calc(50% - 117px);
    }

    .retlcrcl .video {
        top: calc(50% + 55px);
        left: calc(50% + 31px);
    }

    .retlcrcl .check {
        top: calc(50% - 27px);
    }

    .retlcrcl .face_control {
        top: calc(50% - 115px);
        left: calc(50% - -27px);
    }
}

@media (max-width: 375px) {
    .retlcrcl .circle .svg_circle {
        width: 330px;
    }

    .retlcrcl .cube {
        height: 60px;
        width: 60px;
        top: calc((100% - 60px) / 2);
        left: calc((100% - 60px) / 2);
    }

    .retlcrcl .tech_control {
        left: calc(50% - 66px);
        top: calc(50% + 48px);
    }

    .retlcrcl .alarm {
        top: calc(50% - 101px);
        left: calc(50% - 66px);
    }

    .retlcrcl .security {
        top: calc(50% - 28px);
        left: calc(50% - 107px);
    }

    .retlcrcl .video {
        top: calc(50% + 46px);
        left: calc(50% + 21px);
    }

    .retlcrcl .check {
        top: calc(50% - 27px);
        left: calc(50% + 55px);
    }

    .retlcrcl .face_control {
        top: calc(50% - 103px);
        left: calc(50% + 15px);
    }
}

@media (max-width: 320px) {
    .retlcrcl .circle .svg_circle {
        width: 290px;
    }

    .retlcrcl .icon_svg {
        height: 40px;
        width: 40px;
    }

    .retlcrcl .cube {
        height: 50px;
        width: 50px;
        top: calc((100% - 50px) / 2);
        left: calc((100% - 50px) / 2);
    }

    .retlcrcl .tech_control {
        left: calc(50% - 57px);
        top: calc(50% + 43px);
        height: 35px;
        width: 35px;
    }

    .retlcrcl .alarm {
        top: calc(50% - 87px);
        left: calc(50% - 56px);
    }

    .retlcrcl .security {
        top: calc(50% - 23px);
        left: calc(50% - 94px);
    }

    .retlcrcl .video {
        top: calc(50% + 41px);
    }

    .retlcrcl .check {
        top: calc(50% - 21px);
        left: calc(50% + 52px);
    }

    .retlcrcl .face_control {
        top: calc(50% - 87px);
    }
}

@media (min-width: 768px) {
    .retlcrcl .svg-menu__path__seleccion,
    .retlcrcl .svg-menu__path__seleccion *,
    .retlcrcl .icon_svg {
        transition: all 0.25s ease-out;
    }

    .retlcrcl .svg-menu__path__seleccion,
    .retlcrcl .icon_svg {
        transform-origin: 50% 50%;
    }

    .retlcrcl .svg-menu__path__seleccion:hover,
    .retlcrcl .svg-menu__path__seleccion.active {
        transform: scale(1.1);
    }

    .retlcrcl .icon_svg:hover,
    .retlcrcl .icon_svg.active {
        transform: scale(1.1);
    }

    .retlcrcl .alarm:hover,
    .retlcrcl .alarm.active {
        top: calc(50% - 147px);
        left: calc(50% - 95px);
    }

    .retlcrcl .video:hover,
    .retlcrcl .video.active {
        top: calc(50% + 67px);
        left: calc(50% + 32px);
    }

    .retlcrcl .check:hover,
    .retlcrcl .check.active {
        top: calc(50% - 37px);
        left: calc(50% + 83px);
    }

    .retlcrcl .tech_control:hover,
    .retlcrcl .tech_control.active {
        top: calc(50% + 74px);
        left: calc(50% - 93px);
    }

    .retlcrcl .face_control:hover,
    .retlcrcl .face_control.active {
        top: calc(50% - 160px);
    }

    .retlcrcl .security:hover,
    .retlcrcl .security.active {
        top: calc(50% - 38px);
        left: calc(50% - 161px);
    }
}


/*Коттеджный кружок*/

.zhilcircle .circle {
    position: relative;
}

.zhilcircle .circle .svg_circle {
    position: relative;
    width: 450px;
    margin: 0 auto;
    display: block;
    z-index: 1;
}

.zhilcircle .cube {
    display: block;
    height: 80px;
    width: 80px;
    position: absolute;
    top: calc((100% - 80px) / 2);
    left: calc((100% - 80px) / 2);
    background: red url("/local/templates/imperator/img/form/Star.svg") no-repeat center;
    background-size: 170%;
    z-index: 3;
}

.zhilcircle .icon_svg {
    position: absolute;
    z-index: 3;
    height: 70px;
    width: 70px;
}

.zhilcircle .security {
    top: calc(50% - 120px);
    left: calc(50% - 115px);
}

.zhilcircle .video {
    top: calc(50% + 40px);
    left: calc(50% + 46px);
}

.zhilcircle .tech_control {
    top: calc(50% + 49px);
    left: calc(50% - 113px);
    height: 60px;
    width: 60px;
}

.zhilcircle .check {
    top: calc(50% - 121px);
    left: calc(50% + 46px);
}

.zhilcircle .circle_text {
    position: absolute;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #000;
    z-index: 1;
}

.zhilcircle .video_text {
    top: calc(50% + 109px);
    left: calc(50% + 153px);
}

.zhilcircle .video_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 14px;
    left: -39px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.zhilcircle .security_text {
    top: calc(50% - 146px);
    left: calc(50% - 365px);
}

.zhilcircle .security_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 36px;
    right: -38px;
    transform: rotate3d(1, 1, 1, 45deg);
}

.zhilcircle .tech_control_text {
    top: calc(50% + 126px);
    left: calc(50% - 511px);
}

.zhilcircle .tech_control_text::after {
    content: "";
    display: block;
    width: 51px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 17px;
    right: -46px;
    transform: rotate3d(1, 1, 1, -45deg);
}

.zhilcircle .check_text {
    top: calc(50% - 146px);
    left: calc(50% + 159px);
}

.zhilcircle .check_text::after {
    content: "";
    display: block;
    width: 43px;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 32px;
    left: -39px;
    transform: rotate3d(1, 1, 1, -45deg);
}

.zhilcircle .icon_svg:hover path,
.zhilcircle .icon_svg.active path {
    fill: #000;
}

.zhilcircle .svg-menu__path__seleccion:hover path,
.zhilcircle .svg-menu__path__seleccion.active path {
    fill: #e1e1e4;
}

@media (max-width: 768px) {
    .zhilcircle {
        display: none;
    }

    .zhilcircle .circle_text {
        display: none;
    }

    .zhilcircle .icon_svg {
        height: 50px;
        width: 50px;
    }

    .zhilcircle .tech_control {
        height: 45px;
        width: 45px;
    }
}

@media (max-width: 450px) {
    .zhilcircle .circle .svg_circle {
        width: 390px;
    }

    .zhilcircle .cube {
        height: 70px;
        width: 70px;
        top: calc((100% - 70px) / 2);
        left: calc((100% - 70px) / 2);
    }

    .zhilcircle .tech_control {
        left: calc(50% - 88px);
        top: calc(50% + 45px);
    }

    .zhilcircle .security {
        top: calc(50% - 94px);
        left: calc(50% - 93px);
    }

    .zhilcircle .video {
        top: calc(50% + 42px);
        left: calc(50% + 49px);
    }

    .zhilcircle .check {
        top: calc(50% - 98px);
        left: calc(50% + 46px);
    }
}

@media (max-width: 375px) {
    .zhilcircle .circle .svg_circle {
        width: 330px;
    }

    .zhilcircle .cube {
        height: 60px;
        width: 60px;
        top: calc((100% - 60px) / 2);
        left: calc((100% - 60px) / 2);
    }

    .zhilcircle .tech_control {
        left: calc(50% - 82px);
        top: calc(50% + 33px);
    }

    .zhilcircle .security {
        top: calc(50% - 89px);
        left: calc(50% - 84px);
    }

    .zhilcircle .video {
        top: calc(50% + 33px);
        left: calc(50% + 34px);
    }

    .zhilcircle .check {
        top: calc(50% - 87px);
        left: calc(50% + 37px);
    }
}

@media (max-width: 320px) {
    .zhilcircle .circle .svg_circle {
        width: 290px;
    }

    .zhilcircle .icon_svg {
        height: 40px;
        width: 40px;
    }

    .zhilcircle .cube {
        height: 50px;
        width: 50px;
        top: calc((100% - 50px) / 2);
        left: calc((100% - 50px) / 2);
    }

    .zhilcircle .tech_control {
        left: calc(50% - 70px);
        top: calc(50% + 31px);
        height: 35px;
        width: 35px;
    }

    .zhilcircle .security {
        top: calc(50% - 75px);
        left: calc(50% - 70px);
    }

    .zhilcircle .video {
        top: calc(50% + 30px);
    }

    .zhilcircle .check {
        top: calc(50% - 72px);
        left: calc(50% + 34px);
    }
}

@media (min-width: 768px) {
    .zhilcircle .svg-menu__path__seleccion,
    .zhilcircle .svg-menu__path__seleccion *,
    .zhilcircle .icon_svg {
        transition: all 0.25s ease-out;
    }

    .zhilcircle .svg-menu__path__seleccion,
    .zhilcircle .icon_svg {
        transform-origin: 50% 50%;
    }

    .zhilcircle .svg-menu__path__seleccion:hover,
    .zhilcircle .svg-menu__path__seleccion.active {
        transform: scale(1.1);
    }

    .zhilcircle .icon_svg:hover,
    .zhilcircle .icon_svg.active {
        transform: scale(1.1);
    }

    .zhilcircle .security:hover,
    .zhilcircle .security.active {
        top: calc(50% - 128px);
        left: calc(50% - 121px);
    }

    .zhilcircle .video:hover,
    .zhilcircle .video.active {
        top: calc(50% + 49px);
        left: calc(50% + 55px);
    }

    .zhilcircle .tech_control:hover,
    .zhilcircle .tech_control.active {
        top: calc(50% + 55px);
        left: calc(50% - 122px);
    }

    .zhilcircle .check:hover,
    .zhilcircle .check.active {
        top: calc(50% - 128px);
        left: calc(50% + 56px);
    }
}



/* End */


/* Start:/local/templates/imperator/components/bitrix/breadcrumb/.default/style.min.css?1554189273467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */
/* /local/templates/imperator/components/bitrix/news.detail/reshenia_new/style.css?178420968729624 */
/* /local/templates/imperator/components/bitrix/breadcrumb/.default/style.min.css?1554189273467 */