/* BANNER */

.kom-banner {
    padding: 100px 0 80px;
    position: relative;
    margin-top: -76px;
}

.kom-banner::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: 620px;
    background: url(/img_kom/chertezh.png) center / cover no-repeat;
}
#root ul li {
    padding: 0 ;
}
#root ul {
    padding: 0 ;
}
.kom-banner > picture {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.kom-banner__top {
    display: flex;
}

.kom-banner h1 {
    max-width: 541px;
    font-weight: 700;
    font-size: 76px;
    line-height: 120%;
    color: var(--black);
    align-items: flex-start;
}

.kom-banner__top svg {
    margin-left: 199px;
    padding: 14px 17px;
    position: relative;
    background: rgba(243, 180, 17, 0.8);;
    border-radius: 6px;
    margin-top: 6px;
}


.kom-banner__comp {
    margin-top: 15px;
    font-weight: 400;
    font-size: 36px;
    line-height: 41px;
    color: var(--black);
}

.kom-banner__bottom {
    display: flex;
    margin-top: 80px;
}

.kom-banner__button {
    text-transform: uppercase;
    position: relative;
}

.kom-banner__button::after {
    position: absolute;
    content: '';
    width: 150px;
    height: 150px;
    right: -95px;
    bottom: -30px;
    background: url("/img_kom/banner-list.png");
}

.kom-banner__arrow {
    margin-top: 76px;
    margin-left: 91px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: var(--black);
    position: relative;
    width: 230px;
    text-align: center;
}

.kom-banner__arrow::before {
    position: absolute;
    content: '';
    width: 102px;
    height: 53px;
    left: 12px;
    top: -12px;
    transform: translateY(-100%);
    background: url("/img_kom/banner-arrow.svg");
}

/* KOM-NAV */

.kom-nav {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    padding: 21px 0 15px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(34, 31, 32, 0.15);
    z-index: 10;
    display: none;
    transition: var(--transition);
}

.kom-nav {
    display: block;
    transform: translateY(0);
}

.kom-nav nav {
    display: flex;
    overflow-x: scroll;
}

.kom-nav nav::-webkit-scrollbar {
    width: 0;
    display: none;
}

.kom-nav nav a {
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    color: var(--black);
    flex-shrink: 0;
    position: relative;
    padding-bottom: 4px;
    border-bottom: solid 2px transparent;
}

.kom-nav nav a + a {
    margin-left: 54px;
}

.kom-nav nav a.active {
    border-bottom: solid 2px var(--orange);
}

.kom-nav .container {
    overflow: hidden;
}

.kom-nav .container::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    background: linear-gradient(270deg, #FFFFFF 26.25%, rgba(255, 255, 255, 0) 100%);
}

.kom-nav svg {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    z-index: 2;
    transform: translateY(calc(-50% - 6px));
    cursor: pointer;
}

/* EQUIPMENT */

.kom-equipment {
    padding: 40px 0;
}

.kom-equipment__row {
    display: flex;
}

.kom-equipment__left {
    width: 970px;
    padding: 30px 30px 5px 30px;
    background: #F9F9F9;
}

.kom-equipment__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.kom-equipment__eq {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: var(--black);
}

.kom-equipment__eq span {
    margin-left: 10px;
    display: block;
    font-weight: 500;
    font-size: 24px;
    line-height: 27px;
}

.kom-equipment__links {
    display: flex;
}

.kom-equipment__links > a {
    padding: 15px;
    height: auto;
    width: auto;
}

.kom-equipment__links > a + a {
    margin-left: 15px;
}

.kom-equipment__bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.kom-equipment__item {
    display: flex;
    margin: 25px 0;
    width: 33.333%;
}


.kom-equipment__item > img {
    display: block;
    width: 70px;
    height: 70px;
    margin-right: 12px;
}

.kom-equipment__props {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #898989;
}

.kom-equipment__props span {
    font-weight: bold;
}


.kom-equipment__right {
    width: 310px;
    flex-shrink: 0;
    margin-left: 20px;
}

.kom-equipment__block {
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(34, 31, 32, 0.05);
    display: none;
}

.kom-equipment__block.active {
    display: block;
}

.kom-equipment__mini-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: var(--black);
    margin-bottom: 20px;
}

.kom-equipment__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #221F20;
    margin-bottom: 20px;
}

.kom-equipment__button {
    width: 100%;
    height: 50px;
}

.kom-equipment__contacts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 23px;
}

.kom-equipment__phone {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: var(--black);
}

.kom-equipment__socials {
    display: flex;
    align-items: center;
}

.kom-equipment__socials > a {
    display: block;
    height: 24px;
    width: 24px;
}

.kom-equipment__socials a + a {
    margin-left: 5px;
}

.kom-equipment__choose {
    background: var(--purple);
    padding: 18px 33px;
    display: flex;
    align-items: center;
}

.kom-equipment__choose-item {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
}

.kom-equipment__choose-item.active {
    color: #fff;
}

/* TOOGLE SWITCH */

.kom-switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 22px;
    margin: 0 12px;
}

.kom-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.kom-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--orange);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px;
}

.kom-switch .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}


.kom-switch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.kom-switch input:checked + .slider:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

/* ABOUT */
.kom-about {
    padding: 70px 0;
}

.kom-about__row {
    display: flex;
    justify-content: space-between;
}

.kom-about__left {
    flex-shrink: 0;
}

.kom-about__title {
    margin: 0;
}

.kom-about__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #000;
    margin: 30px 0 40px;
    max-width: 530px;
}

.kom-about__link {
    display: flex;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: var(--purple);
    align-items: center;
}

.kom-about__link svg {
    margin-left: 10px;
}

.kom-about__yt {
    margin-top: 50px;
    display: flex;
    align-items: center;
    padding: 6px 12px;
    background: #F6F6F6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    color: var(--black);
    width: max-content;
}

.kom-about__yt svg {
    margin-right: 10px;
}

.kom-about__right {
    max-width: 680px;
    margin-left: 20px;
    position: relative;
}

.kom-about .owl-prev {
    display: none;
}

.kom-about .owl-next {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--orange) !important;
    background-image: url("/img_kom/arp.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.kom-about .owl-next span,
.kom-about .owl-prev span {
    display: none;
}

.kom-about__360 {
    position: absolute;
    content: '';
    left: 20px;
    top: 20px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 70px;
    background: var(--purple);
    border-radius: 50%;
}

.kom-about .kom__line {
    height: 377px;
}

/* TECH */

.kom-tech {
    padding: 70px 0;
}

.kom-tech__tabs {
    margin-top: 40px;
    display: flex;
    align-items: center;
}

.kom-tech__tab {
    padding: 18px 25px;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: var(--purple);
    background: #F9F9F9;
    position: relative;
    cursor: pointer;
}

.kom-tech__tab.active::after {
    position: absolute;
    content: '';
    top: calc(100% - 3px);
    left: 0;
    right: 0;
    height: 3px;
    background: var(--orange);
}

.kom-tech__tab + .kom-tech__tab {
    margin-left: 10px;
}

.kom-tech__item {
    margin-top: 40px;
}

.kom-tech__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.kom-tech__left {
    margin: 0 19px;
}

.kom-tech__left > a {
    max-width: 475px;
    margin: 0 auto;
    display: block;
}

.kom-tech__right {
    max-width: 750px;
    width: 100%;
}

.kom-tech__right table {
    width: 100%;
    margin-bottom: 40px;
    box-shadow: 0px 0px 10px rgba(34, 31, 32, 0.15);
    background: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: var(--black);
    border: none;
}

.kom-tech__right table td {
    width: 50%;
    padding: 18px 30px 18px 10px;
}

.kom-tech__right table > tbody tr:nth-child(2n+1) {
    background: #F9F9F9;
}

/* ABSOLUTE */

.kom-absolute {
    padding: 70px 0 68px;
    background: url("/img_kom/absbg.jpg") center / cover no-repeat;
    position: relative;
}

.kom-absolute .container {
    width: 1360px;
}

.kom-absolute::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 100%);
}

.kom-absolute > * {
    position: relative;
}

.kom-absolute__title {
    max-width: 992px;
    margin-bottom: 87px;
    text-align: center;
}

.kom-absolute__row {
    display: flex;
}

.kom-absolute__left {
    margin-top: 14px;
    flex-shrink: 0;
}

.kom-absolute__right {
    margin-top: 14px;
    flex-shrink: 0;
    margin-left: auto;
}

.kom-absolute__name {
    max-width: 348px;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: var(--black);
    position: relative;
}

.kom-absolute__center .kom-absolute__name {
    max-width: 230px;
}

.kom-absolute__right .kom-absolute__name {
    max-width: 308px;
}

.kom-absolute__name + .kom-absolute__name {
    margin-top: 82px;
}

.kom-absolute__right .kom-absolute__name + .kom-absolute__name {
    margin-top: 75px;
}

.kom-absolute__center {
    width: 655px;
    position: relative;
}

.kom-absolute__center-img {
    width: 100%;
    position: relative;
}

.kom-absolute__left img {
    width: 100%;
}

.kom-absolute__right .kom-absolute__name {
    text-align: right;
}

.kom-absolute__center .kom-absolute__name {
    margin-right: 65px;
    margin-top: 9px;
    margin-left: auto;
}

.kom-absolute__dot {
    position: absolute;
    content: '';
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
}

.kom-absolute__dot .crcl-outer {
    display: block;
    position: absolute;
    box-sizing: border-box;
    animation: specs-crcl-outer 2s ease-in-out infinite;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    border: 1px solid #fff;
    border-radius: 200px;
    opacity: 0.5;
    transition: 0.3s;
}

.kom-absolute__dot .crcl-inner {
    display: block;
    position: absolute;
    box-sizing: border-box;
    animation: specs-crcl-inner 2s ease-in-out infinite;
    width: 34px;
    height: 34px;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    border: 1px solid #fff;
    border-radius: 200px;
    opacity: 0.5;
    transition: 0.3s;
}

.kom-absolute__dot span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 6px;
    width: 6px;
    background: var(--orange);
    border-radius: 50%;
}

.kom-absolute__dot span:last-child {
    width: 16px;
    height: 16px;
    background: #fff;
}

.kom-absolute__dot span:nth-child(4) {
    z-index: 2;
}

.kom-absolute__dot .crcl-three {
    display: block;
    position: absolute;
    box-sizing: border-box;
    animation: specs-crcl-three 4s ease-in-out infinite;
    width: 38px;
    height: 38px;
    top: 50%;
    left: 50%;
    margin-top: -19px;
    margin-left: -19px;
    border: 1px solid #fff;
    background: white;
    border-radius: 200px;
    opacity: 1;
    transition: 0.2s;
}


.kom-absolute__center-img .kom-absolute__dot:first-child {
    left: calc(303 / 655 * 100%);
    top: calc(50 / 514 * 100%);
}

.kom-absolute__center-img .kom-absolute__dot:nth-child(2) {
    left: calc(296 / 655 * 100%);
    top: calc(181 / 514 * 100%);
}

.kom-absolute__center-img .kom-absolute__dot:nth-child(3) {
    left: calc(299 / 655 * 100%);
    top: calc(259 / 514 * 100%);
}

.kom-absolute__center-img .kom-absolute__dot:nth-child(4) {
    left: calc(135 / 655 * 100%);
    top: calc(397 / 514 * 100%);
}

.kom-absolute__center-img .kom-absolute__dot:nth-child(5) {
    left: calc(73 / 655 * 100%);
    top: calc(463 / 514 * 100%);
}

.kom-absolute__center-img .kom-absolute__dot:nth-child(6) {
    left: calc(300 / 655 * 100%);
    top: calc(500 / 514 * 100%);
}


.kom-absolute__center-img .kom-absolute__dot:nth-child(7) {
    left: calc(528 / 655 * 100%);
    top: calc(144 / 514 * 100%);
}

.kom-absolute__center-img .kom-absolute__dot:nth-child(8) {
    left: calc(558 / 655 * 100%);
    top: calc(275 / 514 * 100%);
}

.kom-absolute__center-img .kom-absolute__dot:nth-child(9) {
    left: calc(531 / 655 * 100%);
    top: calc(285 / 514 * 100%);
}

.kom-absolute__center-img .kom-absolute__dot:nth-child(10) {
    left: calc(499 / 655 * 100%);
    top: calc(289 / 514 * 100%);
}

.kom-absolute__center-img .kom-absolute__dot:nth-child(11) {
    left: calc(472 / 655 * 100%);
    top: calc(293 / 514 * 100%);
}

.kom-absolute__name::after {
    position: absolute;
    content: '';
    z-index: 2;
}

.kom-absolute__left .kom-absolute__name:first-child::after {
    left: calc(100% - 77px);
    top: 0;
    width: 381.5px;
    height: 36.96px;
    background: url("/img_kom/abs01.png") center / cover no-repeat;
}

.kom-absolute__left .kom-absolute__name:first-child::after {
    left: calc(100% - 77px);
    top: 0;
    width: 381.5px;
    height: 36.96px;
    background: url("/img_kom/abs01.png") center / cover no-repeat;
}

.kom-absolute__left .kom-absolute__name:first-child::after {
    left: calc(100% - 77px);
    top: 0;
    width: 381.5px;
    height: 36.96px;
    background: url("/img_kom/abs01.png") center / cover no-repeat;
}

.kom-absolute__left .kom-absolute__name:nth-child(2)::after {
    left: calc(100% + 16px);
    top: 0;
    width: 283px;
    height: 27px;
    background: url("/img_kom/abs02.png") center / cover no-repeat;
}

.kom-absolute__left .kom-absolute__name:nth-child(3)::after {
    left: calc(100% - 31px);
    top: -15px;
    width: 332px;
    height: 43px;
    background: url("/img_kom/abs03.png") center / cover no-repeat;
}

.kom-absolute__left .kom-absolute__name:nth-child(4)::after {
    left: calc(100% - 18px);
    top: -15px;
    width: 152.5px;
    height: 27.21px;
    background: url("/img_kom/abs04.png") center / cover no-repeat;
}

.kom-absolute__left .kom-absolute__name:nth-child(5)::after {
    left: calc(100% - 20px);
    top: -55px;
    width: 94px;
    height: 81px;
    background: url(/img_kom/abs05.png) center / cover no-repeat;
}

.kom-absolute__center .kom-absolute__name::after {
    right: calc(100% + 19px);
    top: -20px;
    width: 39.5px;
    height: 47.5px;
    background: url(/img_kom/abs06.png) center / cover no-repeat;
}

.kom-absolute__right .kom-absolute__name:nth-child(1)::after {
    right: 261.5px;
    top: 33px;
    width: 219px;
    height: 97.5px;
    background: url(/img_kom/abs07.png) center / cover no-repeat;
}

.kom-absolute__right .kom-absolute__name:nth-child(2)::after {
    right: calc(100% - 22px);
    top: 29.5px;
    width: 166.5px;
    height: 96.5px;
    background: url(/img_kom/abs08.png) center / cover no-repeat;
}

.kom-absolute__right .kom-absolute__name:nth-child(3)::after {
    right: calc(100% - 57px);
    top: 0px;
    width: 228.5px;
    height: 23.88px;
    background: url(/img_kom/abs09.png) center / cover no-repeat;
}

.kom-absolute__right .kom-absolute__name:nth-child(4)::after {
    right: calc(100% + 23px);
    top: -102px;
    width: 181px;
    height: 133px;
    background: url(/img_kom/abs10.png) center / cover no-repeat;
}

.kom-absolute__right .kom-absolute__name:nth-child(5)::after {
    right: calc(100% - 55px);
    top: -230px;
    width: 286px;
    height: 262.5px;
    background: url(/img_kom/abs11.png) center / cover no-repeat;
}

/* USAGE */

.kom-usage {
    padding: 70px 0 80px;
    background: url("/img_kom/komusg.jpg");
    position: relative;
}

.kom-usage::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.kom-usage .container {
    position: relative;
}

.kom-usage__row {
    display: flex;
    align-items: flex-end;
}

.kom-usage__title {
    margin-bottom: 40px;
}

.kom-usage__left {
    padding: 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(34, 31, 32, 0.1);
    width: 650px;
}

.kom-usage__item + .kom-usage__item {
    margin-top: 29px;
}

.kom-usage__item-top {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #350431;
    margin-bottom: 12px;
}

.kom-usage__item-top span {
    font-weight: bold;
}

.kom-usage__item-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #161618;
    margin-bottom: 20px;
}

.kom-usage__item-top-line {
    width: 100%;
    height: 6px;
    position: relative;
    background: #EBEBEB;
    border-radius: 10px;
}

.kom-usage__item-top-line span {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: var(--orange);
    transition: 3s all ease-in-out;
    width: 0%;
}

/* PHOTOS */

.kom-photos__tabs {
    display: flex;
    justify-content: center;
    padding: 21px 0;
    background: var(--purple);
}

.kom-photos__tab {
    display: flex;
    align-items: center;
    transition: var(--transition);
    opacity: 0.7;
    position: relative;
    cursor: pointer;
}

.kom-photos__tab.active {
    opacity: 1;
}

.kom-photos__tab.active::after {
    position: absolute;
    content: '';
    height: 3px;
    background: var(--orange);
    bottom: -8px;
    left: 0;
    right: 0;
}


.kom-photos__tabs span {
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    margin-left: 10px;
    color: #fff;
}

.kom-photos__tab + .kom-photos__tab {
    margin-left: 40px;
}

.kom-photos__item {
    display: flex;
}

.kom-photos__big {
    width: 50%;
}

.kom-photos__small {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}

.kom-photos__small a {
    display: block;
    width: 50%;
    height: auto;
}

.kom-usage__360 {
    margin-right: 30px;
    margin-left: auto;
    margin-bottom: 15px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--purple);
}

/* MAP */

.kom-map {
    padding: 70px 0 80px;
}

.kom-map .kom__l-title {
    margin: 0;
}

.kom-map__row {
    display: flex;
    justify-content: space-between;
}

.kom-map__left img {
    margin-top: 50px;
}

.kom-map__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    margin-top: 40px;
    color: var(--black);
    max-width: 500px;
}

.kom-map__button {
    width: 261px;
    height: 50px;
    margin-top: 50px;
}

/* CONNECTED */

.kom-connected {
    padding: 70px 0 80px;
}

.kom-connected__text {
    text-align: center;
    max-width: 1080px;
    color: var(--black);
    margin: 30px auto 35px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}

.kom-connected__text a {
    font-weight: bold;
}

.kom-connected__tabs {
    display: flex;
    margin-bottom: 40px;
    justify-content: center;
}

.kom-connected__tab {
    width: 380px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid var(--orange);
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    position: relative;
    cursor: pointer;
}

.kom-connected__tab::before {
    position: absolute;
    content: '';
    width: 92px;
    height: 85px;
    bottom: 0;
    left: 0;
}

.kom-connected__tabs .kom-connected__tab:first-child::before {
    background: url("/img_kom/con01.png");
}

.kom-connected__tabs .kom-connected__tab:last-child::before {
    background: url("/img_kom/con02.png");
}

.kom-connected__tab.active {
    background: var(--orange);
}

.kom-connected__tab + .kom-connected__tab {
    margin-left: 30px;
}

.kom-connected .owl-next,
.kom-connected .owl-prev {
    position: absolute;
    content: '';
    width: 40px;
    height: 50px;
    left: -20px;
    top: 50%;
    background-color: #F6F6F6 !important;
    background-image: url("/img_kom/arleft.svg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transform: translate(-50%, -50%) !important;
    cursor: pointer;
}

.kom-connected .owl-next {
    left: unset;
    right: -20px;
    transform: translate(50%, -50%) rotate(180deg) !important;
}

.kom-connected .owl-next span,
.kom-connected .owl-prev span {
    display: none;
}

.kom-connected .owl-next:hover,
.kom-connected .owl-prev:hover {
    background-color: var(--orange) !important;
}

.kom_connected__item {
    padding: 20px 30px;
    background: #F9F9F9;
    border: 1px solid #F6F6F6;
}

.kom_connected__item-img {
    height: 224px;
    margin: 0 auto;
}

.kom_connected__item-img img {
    width: auto;
    margin: 0 auto;
    height: 100%;
}

.kom_connected__item-name {
    margin-top: 24px;
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: var(--black);
}

.kom_connected__item-link {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.kom_connected__item-props {
    margin-top: 24px;
}

.kom_connected__item-prop {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.kom_connected__item-val {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #3B3D3D;
    flex-shrink: 0;
    margin-left: 5px;
}

.kom_connected__item-prop span {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #898989;
    flex-shrink: 0;
    margin-right: 5px;
}

.kom_connected__item-dots {
    border-bottom: 1px dashed #C4C4C4;
    width: 100%;
}

/* CONFIGURE */

.kom-configure {
    position: relative;
    background: url("/img_kom/kcbg.jpg") center / cover no-repeat;
    color: #fff;
}

.kom-configure::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(46, 12, 43, 0.85) 0%, #2E0C2B 68.23%);
}

.kom-configure__row {
    position: relative;
    display: flex;
}

.kom-configure__left {
    padding: 40px 0;
}

.kom-configure__title {
    margin: 0;
    color: #fff;
}

.kom-configure__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    margin: 10px 0 30px;
    max-width: 750px;
}

.kom-configure__button {
    width: 306px;
    height: 50px;
    background: var(--orange);
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
}

.kom-configure__right {
    margin-left: 26px;
}

/* STAGES */

.kom-stages {
    padding: 70px 0;
    background: #F6F6F6;
}

.kom-stages__row {
    margin-top: 50px;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}

.kom-stages__item-wrapper {
    padding: 0 10px;
    width: 20%;
}

.kom-stages__item {
    height: 260px;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgba(34, 31, 32, 0.06);
    border-radius: 6px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.kom-stages__row .kom-stages__item-wrapper:nth-child(2n-1) .kom-stages__item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(53, 4, 49, 0.85);
    border-radius: 6px;
}

.kom-stages__row .kom-stages__item-wrapper:nth-child(1) .kom-stages__item {
    background-image: url("/img_kom/s01.jpg");
}

.kom-stages__row .kom-stages__item-wrapper:nth-child(3) .kom-stages__item {
    background-image: url("/img_kom/s02.jpg");
}

.kom-stages__row .kom-stages__item-wrapper:nth-child(5) .kom-stages__item {
    background-image: url("/img_kom/s03.jpg");
}

.kom-stages__num {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: var(--black);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 20px rgba(243, 180, 17, 0.5);
    background: var(--orange);
    margin-bottom: 30px;
    position: relative;
}

.kom-stages__text {
    color: var(--black);
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    position: relative;
}

.kom-stages__row .kom-stages__item-wrapper:nth-child(2n-1) .kom-stages__text {
    color: #fff;
}

/* LEASING */

.kom-leasing {
    padding: 70px 0;
}

.kom-leasing__slider {
    margin-top: 70px;
}

.kom-leasing__item {
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kom-leasing__item img {
    width: auto !important;
}

.kom-leasing .owl-next,
.kom-leasing .owl-prev {
    position: absolute;
    content: '';
    width: 40px;
    height: 50px;
    left: -20px;
    top: 50%;
    background-color: #F6F6F6 !important;
    background-image: url("/img_kom/arleft.svg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transform: translate(-50%, -50%) !important;
    cursor: pointer;
}

.kom-leasing .owl-next {
    left: unset;
    right: -20px;
    transform: translate(-50%, -50%) rotate(180deg) !important;
}

.kom-leasing .owl-next span,
.kom-leasing .owl-prev span {
    display: none;
}

.kom-leasing .owl-next:hover,
.kom-leasing .owl-prev:hover {
    background-color: var(--orange) !important;
}

/* СЕКЦИИ КАРТА */

.ks-map {
    background: #F9F9F9;
    padding: 70px 0;
}

.ks-map__row {
    display: flex;
    justify-content: space-between;
}

.ks-map__left {
    max-width: 528px;
}

.ks-map__title {
    margin: 0;
}

.ks-map__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: var(--black);
    margin: 40px 0 50px;
}

.ks-map__button {
    width: max-content;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 40px;
}

.ks-map__button svg {
    margin-right: 12px;
}

.ks-map__link {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: var(--purple);
    margin: 10px 0 10px 84px;
}

.ks-map__link svg {
    margin-left: 10px;
}


/* KS 3D */

.ks-3d {
    padding: 70px 0 40px;
}

.ks-3d__title {
    margin-left: 0;
    margin-bottom: 50px;
}

.ks-3d__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.ks-3d__item {
    padding: 0 25px;
    display: flex;
    align-items: flex-start;
    width: calc(50% - 50px);
    margin: 20px 0;
}

.ks-3d__image {
    width: 90px;
    height: 90px;
    margin-right: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F9F9F9;
    flex-shrink: 0;
}

.ks-3d__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: var(--black);
    margin-top: 5px;
}

.ks-3d iframe {
    width: 100%;
    height: 550px;
}

/* KS ABOUT */

.ks-about {
    padding: 70px 0;
}

.ks-about_grey {
    background: #F9F9F9;
}

.ks-about__row {
    display: flex;
    justify-content: space-between;
}

.ks-about__left {
    max-width: 640px;
}

.ks-about__title {
    margin-left: 0;
    margin-bottom: 30px;
}

.ks-about__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}

.ks-about__right {
    width: 600px;
}

.ks-about__right iframe {
    height: 380px;
    width: 100%;
}

/* KS BANNER */

.ks-banner {
    padding: 100px 0 70px;
    position: relative;
    background: url('/img_kom/ksbanner.jpg') center / cover no-repeat;
    margin-top: -56px;
}

.ks-banner::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(22, 22, 24, 0.75);
}

.ks-banner__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ks-banner__left {
    max-width: 750px;
}

.ks-banner h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    color: #fff;
    margin-bottom: 30px;
}

.ks-banner__text {
    font-size: 18px;
    line-height: 150%;
    color: #fff;
}

.ks-mksm__menu a {
    position: relative;
    display: block;
    padding: 18px 24px;
    background: #F2F2F2;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: var(--purple);
}

a.ks-mksm__conf {
    display: block;
    padding: 32px 120px 32px 24px;
    color: var(--purple);
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    margin-top: 20px;
    background: url(/img_kom/ksconf.jpg) center / cover no-repeat;
}

a.ks-mksm__naves {
    display: block;
    padding: 32px 120px 32px 24px;
    color: var(--purple);
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    margin-top: 20px;
    background: url(/img_kom/ksnaves.jpg) center / cover no-repeat;
}


/* KS MKSM */

.ks-mksm {
    padding: 40px 0 70px;
}

.ks-mksm__row {
    display: flex;
}

.ks-mksm__left {
    width: 310px;
    margin-right: 50px;
    flex-shrink: 0;
}

.ks-mksm__right {
    margin-top: 20px;
}

.ks-mksm__subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 12px;
}

.ks-mksm__title {
    font-weight: 500;
    font-size: 36px;
    line-height: 41px;
    margin-bottom: 24px;
}

.ks-mksm__block + .ks-mksm__block {
    margin-top: 40px;
}

.ks-mksm__items {
    display: flex;
}

.ks-mksm__item {
    padding: 20px 30px;
    background: #F9F9F9;
    border: 1px solid #F6F6F6;
    width: 358px;
}

.ks-mksm__item + .ks-mksm__item {
    margin-left: 20px;
}

.ks-mksm__img img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.ks-mksm__comp {
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    margin: 24px auto;
}

.ks-mksm__prop {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.ks-mksm__props {
    margin-bottom: 30px;
}

.ks-mksm__prop span {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #898989;
    flex-shrink: 0;
    margin-right: 5px;
}

.ks-mksm__prop-value {
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #3B3D3D;
    flex-shrink: 0;
    margin-left: 5px;
}

.ks-mksm__prop-dots {
    border-bottom: 1px dashed #C4C4C4;
    width: 100%;
}

.ks-mksm__docs {
    margin-top: 30px;
    display: flex;
}

.ks-mksm__doc {
    display: flex;
    align-items: center;
    padding: 15px 24px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    transition: var(--transition);
}

.ks-mksm__doc:hover {
    background: var(--orange);
    color: var(--black);
}

.ks-mksm__doc + .ks-mksm__doc {
    margin-left: 15px;
}

.ks-mksm__doc img {
    margin-right: 15px;
}

.ks-mksm__button {
    margin: 0 auto;
}