@media (max-width:999px){
.fader, .helper-step, .close-helper, .sova-box { display: none !important; z-index: 0; }
}


.helper__icon.disabled { pointer-events: none; }

@media (min-width:1000px){
body.o-hidden { overflow: hidden; }
.indexz { z-index: 699; }
.isopen { display: block; }

.fader { background: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 599; }
.close-helper { position: fixed; bottom: 40px; right: 40px; z-index: 699;  display: none;
font-size: 16px; line-height: 20px; text-decoration-line: underline; color: #FFFFFF; }
/*.close-helper svg { margin-left: 9px; }*/
.close-helper span { display: flex; align-items: center; }
.close-helper:hover { color: #fff; }

.helper-step .close,
.sova-box .close { position: absolute; right: 10px; cursor: pointer; top: 10px; width: 20px; height: 20px; 
background: url(/img/svg/icon_close.svg) 50% 50% no-repeat; }
.helper-step .close:hover,
.sova-box .close:hover { background-image: url(/img/svg/icon_close_h.svg); }


.helper-step { position: fixed; z-index: 879; display: none; font-style: normal; font-weight: normal; 
font-size: 16px; line-height: 25px; color: #000000; /*overflow: hidden;*/ }
.helper-step-item { width: 300px; box-sizing: border-box; padding: 22px 25px 23px 25px; background: #FFFFFF; border-radius: 10px; }

.helper-link-wr { margin-top: 15px; }
.helper-link, .helper-link2 { font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px;
text-decoration-line: none; color: rgba(140, 87, 252, 1); cursor: pointer; }

.helper-step01 { left: 50%; top: 50%; transform: translate(-50%, -40%); /*min-width: 476px;*/ }
.helper-step02 { left: 50px; top: 56px; margin-top: -15px; }
.helper-step03 { left: 150px; top: 112px; margin-top: 35px; /*min-width: 531px;*/ }
.helper-step03-2 { left: 169px; top: 112px; margin-top: 35px; }
.helper-step04 { /*right: 150px;*/ top: 84px; /*min-width: 572px;*/ }
.helper-step05 { left: 150px; top: 100px; margin-top: 30px; }
.helper-step06 { top: 225px; /*margin-top: 155px;*/ }
.helper-step07 { left: 150px; top: -4px; margin-top: -75px; }
.helper-step07-2 { left: 150px; top: -4px; margin-top: -76px; }
.helper-step07-3 { left: 150px; top: -4px; margin-top: -94px; }
.helper-step08 { /*right: 50px; */ left: 50px; top: 28px; margin-top: -33px; }



.helper-step img { float: left; width: 167px; height: auto; }
.helper-step .helper-step-item { float: right; position: relative; }
.helper-step .helper-step-item:after { content: ''; position: absolute; left: 0px; width: 40px; height: 40px; display: block;
background: url(img/crnr1.svg) no-repeat 0 0; bottom: -20px; }
.helper-step-top .helper-step-item:after { background-image: url(img/crnr2.svg); top: -30px; bottom: auto; }

.helper-step img { margin-top: 60px; }
.helper-step-top .helper-step-item { margin-top: 250px; margin-left: -50px; }
.helper-step-top img { margin-top: 0px; }

.helper-step01 img { /*margin-top: 165px; margin-left: 26px;*/ margin-top: 0px; margin-left: 0px; float: none; }
.helper-step01 .helper-step-item { /*margin-left: -35px; display: none;*/ float: none; position: absolute; top: -170px; right: -283px; }

.helper-step02 img { margin-top: 0px; width: 165px; height: auto; }
.helper-step02 .helper-step-item { margin-top: -35px; margin-left: 14px; }
.helper-step02 .helper-step-item:after { background-image: url(img/crnr3.svg); left: -20px; bottom: auto; top: calc(50% - 40px/2 + 0.5px); }

.helper-step03 img { margin-top: 0px; width: 195px; height: auto; }
.helper-step03 .helper-step-item { margin-top: 65px; margin-left: 20px; float: left; }
.helper-step03 .helper-step-item:after { transform: rotate(90deg); background-image: url(img/crnr3.svg); left: -20px; bottom: auto; top: calc(50% - 40px/2); }

.helper-step03-2 img { margin-top: 0px; width: 190px; height: auto; }
.helper-step03-2 .helper-step-item { margin-top: 130px; margin-left: -40px; }
.helper-step03-2 .helper-step-item:after { bottom: auto; top: -20px; transform: rotate(90deg); left: 5px; }

.helper-step04 img { margin-top: 0px; width: 166px; height: auto; }
.helper-step04 .helper-step-item { margin-top: -25px; margin-left: 20px; }
.helper-step04 .helper-step-item:after { background-image: url(img/crnr3.svg); left: -20px; bottom: auto; top: calc(50% - 40px/2 + 0.5px); }

.helper-step05 img { margin-top: 29px; width: 190px; height: auto; }
.helper-step05 .helper-step-item { margin-top: 142px; margin-left: -46px; }
.helper-step05 .helper-step-item:after { background-image: url(img/crnr4.svg); left: -20px; bottom: auto; top: 10px; }
 
.helper-step06 img { /*width: 191px; height: auto;*/ }
.helper-step06 .helper-step-item { margin-top: 155px; margin-left: 0; position: relative; left: -450px;}
.helper-step06 .helper-step-item:after { background-image: url(img/crnr5.svg); right: 20px; left: auto; bottom: auto; top: -20px; transform: rotate(90deg); }

.helper-step07 img { width: 190px; height: auto; }
.helper-step07 .helper-step-item { margin-top: 190px; margin-right: 0; margin-left: -50px; }
.helper-step07 .helper-step-item:after { background-image: url(img/crnr6.svg); left: 5px; bottom: auto; top: -20px; transform: rotate(270deg); }

.helper-step07-2 img { float: none; width: 165px; height: auto; }
.helper-step07-2 .helper-step-item { float: none; margin-left: -259px; margin-top: -35px; }
.helper-step07-2 .helper-step-item:after { background-image: url(img/crnr6.svg); left: auto; bottom: auto; top: -20px; right: 20px; }

.helper-step07-3 img { float: none; width: 191px; height: auto; }
.helper-step07-3 .helper-step-item { float: none; margin-left: 141px; margin-top: -28px; }
.helper-step07-3 .helper-step-item:after { background-image: url(img/crnr5.svg); left: 0px; bottom: auto; top: -20px; }

.helper-step08 img { float: right; width: 191px; height: auto; }
.helper-step08 .helper-step-item { float: left; margin-top: 118px; margin-right: -6px; }
.helper-step08 .helper-step-item:after { background-image: url(img/crnr7.svg); left: auto; bottom: auto; top: 10px; right: -20px; }

.lk-menu { position: absolute; right: -30px; top: 0; }


.sova-box { display: none; width: 440px; height: 200px; z-index: 699; position: fixed; left: 30px; bottom: 30px; }
.sova-box img { float: left; }
.sova-box .helper-step-item { float: left; position: relative; font-size: 16px; line-height: 25px; color: #000000; 
margin-top: -141px; margin-left: -28px; }
.sova-box .helper-step-item:after { content: '';
    position: absolute; 
	width: 40px;
    height: 40px;
    display: block;
	left: 0px;
    display: block;
    background: url(img/crnr3.svg) no-repeat 0 0;
    bottom: -20px;
}
.sova-box .close-helper { display: block; }

}