@import url(reset.css);

@font-face {
    font-family: 'SF-UI-Display-Ultralight';
    src: url('../fonts/SF-UI-Display-Ultralight/SF-UI-Display-Ultralight.eot');
    src: local('☺'), url('../fonts/SF-UI-Display-Ultralight/SF-UI-Display-Ultralight.woff') format('woff'), url('../fonts/SF-UI-Display-Ultralight/SF-UI-Display-Ultralight.ttf') format('truetype'), url('../fonts/SF-UI-Display-Ultralight/SF-UI-Display-Ultralight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF-UI-Display-Regular';
    src: url('../fonts/SF-UI-Display-Regular/SF-UI-Display-Regular.eot');
    src: local('☺'), url('../fonts/SF-UI-Display-Regular/SF-UI-Display-Regular.woff') format('woff'), url('../fonts/SF-UI-Display-Regular/SF-UI-Display-Regular.ttf') format('truetype'), url('../fonts/SF-UI-Display-Regular/SF-UI-Display-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF-UI-Display-Light';
    src: url('../fonts/SF-UI-Display-Light/SF-UI-Display-Light.eot');
    src: local('☺'), url('../fonts/SF-UI-Display-Light/SF-UI-Display-Light.woff') format('woff'), url('../fonts/SF-UI-Display-Light/SF-UI-Display-Light.ttf') format('truetype'), url('../fonts/SF-UI-Display-Light/SF-UI-Display-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF-UI-Display-Bold';
    src: url('../fonts/SF-UI-Display-Bold/SF-UI-Display-Bold.eot');
    src: local('☺'), url('../fonts/SF-UI-Display-Bold/SF-UI-Display-Bold.woff') format('woff'), url('../fonts/SF-UI-Display-Bold/SF-UI-Display-Bold.ttf') format('truetype'), url('../fonts/SF-UI-Display-Bold/SF-UI-Display-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF-UI-Display-Black';
    src: url('../fonts/SF-UI-Display-Black/SF-UI-Display-Black.eot');
    src: local('☺'), url('../fonts/SF-UI-Display-Black/SF-UI-Display-Black.woff') format('woff'), url('../fonts/SF-UI-Display-Black/SF-UI-Display-Black.ttf') format('truetype'), url('../fonts/SF-UI-Display-Black/SF-UI-Display-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {height: 100%;}
body {font-size: 16px; font-family: 'SF-UI-Display-Light', sans-serif; background: #000; color: #1d1d25; height: 100%;}

.clear {clear: both;width: 0px;height: 0px;overflow: hidden;font-size: 0px;line-height: 0px;}

a {-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
    text-decoration: none;
}
a:hover {color: #50a8c0;}

b, strong {font-family: 'SF-UI-Display-Bold';}

.btn {text-decoration: none; border: 2px solid #34495e; cursor: pointer;color: #fff!important; font-family: 'SF-UI-Display-Bold', sans-serif; background: #34495e; border-radius: 0px;display: inline-block;padding: 12px 27px;text-align: center; text-transform: uppercase;}
.btn:hover {background: #fff; color: #34495e!important; text-decoration: none!important;}
.btn-white {background: #ad9a7c; border-color: #ad9a7c; }
.btn-white:hover {background: #fff; color: #ad9a7c!important;}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {border: 1px solid #e4e0db; border-radius: 7px; font-size: 16px; padding: 0 17px; font-family: 'SF-UI-Display-Light', sans-serif;height: 30px;display: inline-block;background: #fff;
    -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
textarea {padding: 10px 4%;width: 90%;height: 100px;resize: none;}

input[type="text"].error,
input[type="email"].error,
input[type="password"].error,
textarea.error {border-color: red;}

.cont {width: 1170px; margin: 0 auto;}

.slide {width: 100%; height: 100vh; overflow: hidden; position: relative; background: #fff;}
.slide .in-slide {position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-shadow: 0px 0 275px 100px #000!important;}
.slide-black .in-slide {box-shadow: 0px 0 275px 100px #fff!important;}
.slide .top-name {position: absolute; background: #E54141; color: #fff; font-family: 'SF-UI-Display-Bold'; height: 3vh;left: 13.5vh;width: 18vh;font-size: 0.85vh;line-height: 3vh; text-align: center; text-decoration: underline;}
.slide .top-name:hover {text-decoration: none;}
.slide .top-content {position: absolute;top: 0;right: 13.3vh;}
.slide .top-content .wp {float: left; width: 1.3vh; height: 1.3vh; background: url(../images/wp.png) no-repeat; background-size: cover;margin: 0.8vh 2.2vh 0 0vh;}
.slide .top-content .viber {float: left; width: 1.3vh; height: 1.3vh; background: url(../images/viber.png) no-repeat; background-size: cover;margin: 0.8vh 2.2vh 0 0vh;}
.slide .top-content .telegram {float: left; width: 1.3vh; height: 1.3vh; background: url(../images/telegram.png) no-repeat; background-size: cover;margin: 0.8vh 2.2vh 0 0vh;}
.slide .top-content .phone {float: left; background: #E54141; color: #fff; font-family: 'SF-UI-Display-Bold'; height: 3vh; width: 15vh;font-size: 1.4vh;line-height: 3vh;padding-left: 3vh;}
.slide .bottom-name {position: absolute; font-family: 'SF-UI-Display-Ultralight'; color: #fff; background: #13181E; height: 3vh; text-align: center; line-height: 3vh; bottom: 0; left: 13.5vh;width: 18vh;}
.slide .bottom-nav {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;background: #E54141; color: #000;height: 3vh;width: 19.5vw;text-align: center;line-height: 2.7vh;}
.slide .bottom-nav span {display: inline-block; font-family: 'SF-UI-Display-Ultralight';font-size: 2vh;margin: 0vh 0 0 0vh;}
.slide .bottom-nav b {display: inline-block;font-size: 1.3vh;margin-left: 0.5vh;}
.slide .slide-border {margin: 3vh;height: 94vh;position: relative; background: #0c0606 url(../images/kp-bg.jpg) no-repeat; background-size: cover;}
.slide .slide-border .menu-btn {width: 3.7vh; height: 2vh; background: url(../images/menu-btn.svg) no-repeat; background-size: contain; position: absolute;margin: 10.1vh 0 0 3.5vh; cursor: pointer;}
.slide .slide-border .left-panel {height: 100%; width: 18vh; background: rgba(0, 0, 0, 0.5294117647058824); top: 0; left: 10.5vh; position: absolute;}
.slide .slide-border .left-panel .logo {border: 1px solid rgba(255, 255, 255, 0.3);margin: 4vh 2vh 0 2vh;text-align: center;padding: 3vh 0 3vh 0; cursor: pointer;}
.slide .slide-border .left-panel .logo img { max-height: 100%;display: block;margin: 0 auto; width: 56%;}
.slide .slide-border .left-panel .nums {color: #fff; top: 33vh; left: 1.5vh; font-size: 2vh;position: absolute;;}
.slide .slide-border .left-panel .nums span {display: block;margin-bottom: 1.85vh;font-size: 1.2vh; font-family: 'SF-UI-Display-Ultralight'; position: relative;
    -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.slide .slide-border .left-panel .nums span.active,
.slide .slide-border .left-panel .nums span:hover {color: #E54141;font-size: 2vh; font-family: 'SF-UI-Display-Regular'; cursor: pointer;}
.slide .slide-border .left-panel .nums .nth:before {content: ""; position: absolute; width: 2.5vw; height: 1px; background: rgba(255, 255, 255, 0.47);margin: 0.3vh 0 0 -3.5vw;}
.slide .slide-border .left-panel .nums .nth-2:before {content: ""; position: absolute; width: 3.0vw; height: 1px; background: rgba(255, 255, 255, 0.47);margin: 0.3vh 0 0 -4vw;}
.slide .slide-border .left-panel .nums span:before {content: ""; position: absolute; width: 10vw; height: 1px; background: rgba(255, 255, 255, 0.47);margin: 1vh 0 0 -11vw;
    -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.slide .slide-border .left-panel .nums span.active:before,
.slide .slide-border .left-panel .nums span:hover:before {background: #E54141; width: 10vw; margin-left: -11vw;}
.slide .slide-border .left-panel .name {color: #fff; font-family: 'SF-UI-Display-Ultralight';position: absolute;top: 33vh;left: 9vh;font-size: 5.5vh;line-height: 6vh;}
.slide .slide-border .left-panel .num-block {position: absolute; bottom: 0; left: 0; width: 100%; background: #E54141;height: 18vh;text-align: center;line-height: 18vh;}
.slide .slide-border .left-panel .num-block b {color: #fff; display: inline-block; font-family: 'SF-UI-Display-Black';font-size: 5vh;}
.slide .slide-border .left-panel .num-block span {color: #000; display: inline-block;font-size: 2.9vh; font-family: 'SF-UI-Display-Ultralight';}
.slide .slide-border .mouse {position: absolute; bottom: 2vh; left: 0; width: 100%; height: 3.8vh; text-align: center; cursor: pointer;}
.slide .slide-border .mouse img {max-height: 100%; display: inline-block;}
.slide .slide-border .slide-1-image {position: absolute; background: url(../images/kp-img.jpg) no-repeat; background-size: cover; width: 51vh; height: 36vh;right: 2vh;top: 26vh;}
.slide .slide-border .slide-2-image {background: url(../images/kp-img-2.jpg) no-repeat; background-size: cover;}
.slide .slide-border .slide-3-image {background: url(../images/kp-img-3.jpg) no-repeat; background-size: cover;width: 60vh;height: 28vh;right: 2vh;top: 31.5vh;}
.slide .slide-border .slide-6-image {background: url(../images/kp-img-6.jpg) no-repeat; background-size: cover;width: 59vh;height: 17vh;right: 2vh;top: 36.5vh;}
.slide .slide-border .slide-7-image {background: url(../images/kp-img-7.jpg) no-repeat; background-size: cover;width: 52vh;height: 36vh;right: 2vh;top: 26.5vh;}
.slide .slide-border .line-1 {width: 1px; height: 100%; position: absolute; top: 0; left: 26.65vw; background: rgba(255, 255, 255, 0.13);}
.slide .slide-border .line-2 {width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background: rgba(255, 255, 255, 0.13);}
.slide .slide-border .line-3 {width: 1px; height: 100%; position: absolute; top: 0; left: 69.45vw; background: rgba(255, 255, 255, 0.13);}
.slide .slide-border .line-4 {width: 1px; height: 100%; position: absolute; top: 0; left: 88.6vw; background: rgba(255, 255, 255, 0.13);}
.slide .slide-border .plashka {color: #fff; background: rgba(255, 255, 255, 0.2); position: absolute; font-size: 1.6vh; padding: 4vh 0vh 4vh 3vh; line-height: 2.3vh; width: 35.5vh;font-family: 'SF-UI-Display-Ultralight';}
.slide .slide-border .plashka-1 {margin: 8.5vh 0 0 26.8vw;}
.slide .slide-border .plashka-1:before {content: ""; position: absolute; width: 0.8vh; height: 3.5vh; background: #E54141;margin: -4vh 0 0 -3.8vh;}
.slide .slide-border .plashka-2 {margin: 4.5vh 0 0 69.6vw;width: 30vh;padding: 3.4vh 2vh 4vh 2vh;}
.slide .slide-border .plashka-2:before {content: ""; position: absolute; width: 0.8vh; height: 3.5vh; background: #E54141;margin: -3.4vh 0 0 -2.8vh;}
.slide .slide-border .plashka-3 {margin: 60.5vh 0 0 26.8vw;width: 31.5vh;padding: 4.6vh 1vh 5.5vh 4.2vh;}
.slide .slide-border .plashka-3:before {content: ""; position: absolute; width: 0.8vh; height: 3.5vh; background: #E54141;margin: -4.6vh 0 0 -5vh;}
.slide .slide-border .plashka-4 {margin: 70.5vh 0 0 69.7vw;width: 28vh;padding: 3.8vh 1vh 4vh 2vh;}
.slide .slide-border .plashka-4:before {content: ""; position: absolute; width: 0.8vh; height: 3.5vh; background: #E54141;margin: -3.8vh 0 0 -2.9vh;}
.slide .slide-border .plashka-red {background: #E54141;margin: 34vh 3.5vh 0 0;font-size: 2.5vh;padding: 2.7vh 3.4vh 2vh 3.4vh;width: 52vh;height: 19vh;line-height: 3.7vh;right: 15vh;}
.slide-1 .slide-border .plashka-red {width: 48vh;}
.slide .counts {position: absolute;}
.slide .counts b {color: #E54141; font-family: 'SF-UI-Display-Black'; display: block;font-size: 6vh;}
.slide .counts span {color: #000000; font-family: 'SF-UI-Display-Bold'; display: block;font-size: 1.3vh;}
.slide .we-do {position: absolute;width: 18vw;}
.slide .we-do b {display: inline-block; font-family: 'SF-UI-Display-Bold'; color: #fff; background: #33A6FF;font-size: 1.5vh;padding: 0.8vh 0.8vh;margin-bottom: 1vh;}
.slide .we-do h4 {display: block; color: #33A6FF; font-family: 'SF-UI-Display-Ultralight';font-size: 2.15vh;margin-bottom: 0.8vh;}
.slide .we-do p {display: block; font-family: 'SF-UI-Display-Ultralight';color: #fff;font-size: 1.5vh;line-height: 1.6vh;margin-bottom: 2.7vh;}
.slide .we-do span {display: inline-block; background: #33A6FF; color: #fff; font-family: 'SF-UI-Display-Ultralight';font-size: 1.5vh;padding: 0.8vh 2.6vh;}
.slide .we-do-1 {margin: 4vh 0 0 27.4vw;}
.slide .we-do-2 {margin: 4vh 0 0 48.6vw;}
.slide .we-do-3 {margin: 4vh 0 0 69.8vw;}
.slide .we-do-4 {margin: 63vh 0 0 27.4vw;}
.slide .we-do-5 {margin: 63vh 0 0 48.4vw;}
.slide .we-do-6 {margin: 63vh 0 0 69.8vw;}
.slide .work {width: 28.5vw;position: absolute; cursor: pointer; color: #000;}
.slide .work .block {border: 1vh solid #fff;height: 19vh;margin-bottom: 1vh;}
.slide .work:hover .block {border-color: #0066DD;}
.slide .work .block:before {content: ""; position: absolute; width: 0.5vh; height: 4.5vh; background: #0066DD;margin: -1.0vh 0 0 -1.5vh;}
.slide .work .block .logo {float: left;width: 50%;height: 100%;}
.slide .work .block .image {float: left;width: 50%;height: 100%; opacity: 0.6;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.slide .work:hover .block .image {opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.slide .work .text {font-size: 1.4vh;}
.slide .work-1 {margin: 4vh 0 0 23.5vw;}
.slide .work-1 .block .logo {background: url(../images/work-1-logo.png) no-repeat center;background-size: 60%;}
.slide .work-1 .block .image {background: url(../images/work-1-image.png) no-repeat; background-size: cover;}
.slide .work-2 {margin: 4vh 0 0 55.5vw; width: 38vw;}
.slide .work-2 .block .logo {background: url(../images/work-2-logo.png) no-repeat center;background-size: 40%;width: 35%;;}
.slide .work-2 .block .image {background: url(../images/work-2-image.png) no-repeat; background-size: cover;width: 65%;}
.slide .work-3 {margin: 33vh 0 0 35vw;}
.slide .work-3 .block .logo {background: url(../images/work-3-logo.png) no-repeat center;background-size: 74%;}
.slide .work-3 .block .image {background: url(../images/work-3-image.png) no-repeat; background-size: cover;}
.slide .work-4 {margin: 33vh 0 0 66vw;width: 27.5vw;}
.slide .work-4 .block .logo {background: url(../images/work-4-logo.png) no-repeat center;background-size: 45%;}
.slide .work-4 .block .image {background: url(../images/work-4-image.png) no-repeat; background-size: cover;width: 50%;}
.slide .work-5 {margin: 63vh 0 0 23.5vw; width: 39vw;}
.slide .work-5 .block .logo {background: url(../images/work-5-logo.png) no-repeat center;background-size: 35%; width: 35%;}
.slide .work-5 .block .image {background: url(../images/work-5-image.png) no-repeat; background-size: cover;width: 65%;}
.slide .work-6 {margin: 63vh 0 0 66.5vw; width: 27vw;}
.slide .work-6 .block .logo {background: url(../images/work-6-logo.png) no-repeat center;background-size: 15%;}
.slide .work-6 .block .image {background: url(../images/work-6-image.png) no-repeat; background-size: cover;width: 50%;}
.slide .percent {position: absolute;width: 17vw;;}
.slide .percent:before {content: ""; position: absolute; width: 10vh; height: 10vw; background: #fff; display: none;}
.slide .percent b {font-family: 'SF-UI-Display-Black'; color: #98D23F; display: block;font-size: 5.8vh;margin-bottom: 0.1vh;}
.slide .percent p {font-family: 'SF-UI-Display-Bold'; color: #fff; display: block;font-size: 1.2vh;line-height: 1.4vh;}
.slide .percent-1 {margin: 10.7vh 0 0 30.5vw;}
.slide .percent-2 {margin: 10.7vh 0 0 51.5vw;}
.slide .percent-3 {margin: 10.7vh 0 0 72.5vw;}
.slide .percent-4 {margin: 70.7vh 0 0 30.5vw;}
.slide .percent-5 {margin: 70.7vh 0 0 51.5vw;}
.slide .percent-6 {margin: 70.7vh 0 0 72.5vw;}
.slide .achiv {position: absolute; width: 14vw;}
.slide .achiv .name {display: inline-block; transform: rotate(-90deg);position: absolute;left: 0;top: 0;margin: 5.3vh 0 0 -9.8vw;font-size: 2vh;}
.slide .achiv .name:after {content: ""; position: absolute; width: 0.6vh; height: 4vh; background: #F8791C;margin: 2.0vh 0 0 -2.5vh;transform: rotate(90deg);}
.slide .achiv-2 .name {margin: 3.8vh 0 0 -8.8vw;}
.slide .achiv-3 .name {margin: 4.4vh 0 0 -8.8vw;}
.slide .achiv-4 .name {margin: 9.8vh 0 0 -12.5vw;}
.slide .achiv-5 .name {margin: 7.9vh 0 0 -11.2vw;}
.slide .achiv-6 .name {margin: 7.5vh 0 0 -11vw;}
.slide .achiv .name b {color: #F8791C;}
.slide .achiv p {font-size: 1.4vh; line-height: 1.6vh;}
.slide .achiv-1 {margin: 4.4vh 0 0 29.6vw;}
.slide .achiv-2 {margin: 4.0vh 0 0 51.2vw;}
.slide .achiv-3 {margin: 3.9vh 0 0 72.4vw;}
.slide .achiv-4 {margin: 59.4vh 0 0 29.6vw;}
.slide .achiv-5 {margin: 59.4vh 0 0 51vw;}
.slide .achiv-6 {margin: 59.4vh 0 0 72.5vw;}
.slide .tech {color: #fff; font-family: 'SF-UI-Display-Ultralight'; position: absolute;width: 21vw;}
.slide .tech img {width: 2.6vw; float: left;}
.slide .tech .text {float: left; width: 15vw; margin: 1vh 0 0 2vw;}
.slide .tech .text .name {font-size: 2vh; margin-bottom: 1vh;}
.slide .tech .text p {font-size: 1.5vh; line-height: 1.7vh;}
.slide .tech-1 {margin: 4.8vh 0 0 28.2vw;}
.slide .tech-2 {margin: 4.8vh 0 0 50.2vw;}
.slide .tech-3 {margin: 4.8vh 0 0 71.2vw;}
.slide .tech-4 {margin: 66.5vh 0 0 28.2vw;}
.slide .tech-5 {margin: 66.5vh 0 0 49.2vw;}
.slide .tech-6 {margin: 66.5vh 0 0 71.2vw;}
.slide .form {position: absolute;right: 10.5vh;top: 4vh;width: 41vw;height: 86vh;}
.slide .form .form-bg {position: absolute; height: 100%; width: 8vw; background: #E54141;right: 0;top: 0;}
.slide .form .form-item-1 {margin: 14vh 0 0 0vw;}
.slide .form .form-item {position: relative;margin-bottom: 2.5vh;}
.slide .form .form-item input {background: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.6); border-radius: 0;height: 5vh;width: 75%;padding: 0 7.5%;padding-bottom: 0.8vh;font-size: 1.3vh; color: #fff;}
.slide .form .form-item input:focus {border-color: rgba(229, 65, 65, 0.6); background: transparent url(../images/input-active.png) no-repeat left center; background-size: 3%;}
.slide .form .form-item input:focus::-webkit-input-placeholder {color: rgba(229, 65, 65, 0.6);}
.slide .form .form-item input:focus::-moz-placeholder {color: rgba(229, 65, 65, 0.6);}
.slide .form .form-item input:focus:-ms-input-placeholder {color: rgba(229, 65, 65, 0.6);}
.slide .form .form-item input:focus:-moz-placeholder {color: rgba(229, 65, 65, 0.6);}
.slide .form .form-item input.error {border-color: #FFE100;}
.slide .form .form-item input.error::-webkit-input-placeholder {color: #FFE100;}
.slide .form .form-item input.error::-moz-placeholder {color: #FFE100;}
.slide .form .form-item input.error:-ms-input-placeholder {color: #FFE100;}
.slide .form .form-item input.error:-moz-placeholder {color: #FFE100;}
.slide .form .form-item input[type='file'] {display: none;}
.slide .form .form-item label {cursor: pointer;}
.slide .form .form-item .btn-file {position: absolute; background: #fff; color: #000; right: 4vw; top: 0vh; font-family: 'SF-UI-Display-Bold'; text-transform: uppercase; letter-spacing: 0.6vh;height: 3.8vh;width: 15vw;text-align: center; line-height: 3.8vh; font-size: 1vh;}
.slide .form .form-item .btn-file:hover {background: #000; color: #fff;}
.slide .form .form-item .btn {font-family: 'SF-UI-Display-Bold'; text-transform: uppercase; letter-spacing: 0.6vh;height: 3.8vh;width: 15vw;text-align: center; line-height: 3.8vh; font-size: 1vh; background: #E54141; color: #fff; border: none; margin: 6vh 0 0 0vw; width: 20vw; padding: 0; height: 6vh; line-height: 6vh;}
.slide .form .form-item .btn:hover {color: #E54141; background: #fff;}

.menu {position: fixed; width: 100%; height: 100%; top: 0; left: -100vw; z-index: 1; opacity: 0;
    -webkit-transition:all 0.8s ease;-o-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;
}
.menu-show {opacity: 1; left: 0;}
.menu .menu-btn-close {width: 3.7vh; height: 3.7vh; background: url(../images/menu-btn-close.svg) no-repeat; background-size: contain; position: absolute;margin: 10.1vh 0 0 3.5vh; cursor: pointer;}
.menu .slide-border .left-panel .nums {top: 23.3vh; left: 21.5vh; width: 23vw;}
.menu .slide-border .left-panel .nums span {font-size: 1.6vh; font-family: "SF-UI-Display-Ultralight"; margin-bottom: 4.3vh;}
.menu .slide-border .left-panel .nums span i {font-style: normal;padding-left: 8vw;}
.menu .slide-border .left-panel .nums span.nth:before {margin: 0.8vh 0 0 -6.9vw; width: 4.2vw;}
.menu .slide-border .left-panel .nums span.nth-2:before {margin: 0.7vh 0 0 -8.2vw; width: 5.5vw;}
.menu .slide-border .left-panel .num-block {text-align: center;}
.menu .slide-border .left-panel .num-block span {font-family: 'SF-UI-Display-Bold'; letter-spacing: 1.4vh; color: #fff;font-size: 1.3vh; display: block; text-align: center; float: none; padding: 0; margin: 0;}
.menu .slide-border .left-panel .nums span.active,
.menu .slide-border .left-panel .nums span:hover {font-size: 1.6vh; font-family: 'SF-UI-Display-Bold';}
.menu .slide-border .left-panel .nums span.active:before,
.menu .slide-border .left-panel .nums span:hover:before {background: #E54141; width: 25vw; margin-left: -27.5vw;}
.menu .slide-border {background: #0c0606 url(../images/kp-bg-menu.jpg) no-repeat; background-size: cover;}
.menu .btn-block {position: absolute;margin: 36vh 0 0 51.5vw;;}
.menu .btn-block .btn {font-family: 'SF-UI-Display-Bold'; text-transform: uppercase; letter-spacing: 0.6vh;height: 3.8vh;width: 15vw;text-align: center; line-height: 3.8vh; font-size: 1vh; background: #E54141; color: #fff; border: none; margin: 6vh 0 0 0vw; width: 28vw; padding: 0; height: 6vh; line-height: 6vh;}
.menu .btn-block .btn:hover {color: #E54141; background: #fff;}
.menu .btn-block span {display: block; letter-spacing: 1.5vh; font-size: 1vh; color: #E54141;padding: 0.3vh 0 0 0vw;}

.slide-black {background: #000;}
.slide-black .top-content .wp {background: url(../images/wp-black.png) no-repeat; background-size: contain;}
.slide-black .top-content .viber {background: url(../images/viber-black.png) no-repeat; background-size: contain;}
.slide-black .top-content .telegram {background: url(../images/telegram-black.png) no-repeat; background-size: contain;}
.slide-black .top-name {background: #fff; color: #000;}
.slide-black .bottom-name {background: #fff; color: #000;}
.slide-black .slide-border .left-panel .name {color: #000;}
.slide-black .slide-border .left-panel {background: rgba(255, 255, 255, 0.5294117647058824);}
.slide-black .slide-border .left-panel .nums {color: #000;}
.slide-black .slide-border .left-panel .nums .nth:before,
.slide-black .slide-border .left-panel .nums .nth-2:before {background: rgba(0, 0, 0, 0.47);}
.slide-black .slide-border .left-panel .logo {border: 1px solid rgba(0, 0, 0, 0.3);}
.slide-black .slide-border .plashka {color: #000; background: rgba(255, 255, 255, 0.6);}
.slide-black .slide-border .line-1 {background: rgba(0, 0, 0, 0.13);}
.slide-black .slide-border .line-2 {background: rgba(0, 0, 0, 0.13);}
.slide-black .slide-border .line-3 {background: rgba(0, 0, 0, 0.13);}
.slide-black .slide-border .line-4 {background: rgba(0, 0, 0, 0.13);}
.slide-2 .slide-border {background: #fff url(../images/kp-bg-2.jpg) no-repeat; background-size: cover;}
.slide-2 .slide-border .plashka-red {background: #E54141; color: #fff;}
.slide-2 .slide-border .plashka-1 {margin: 4.5vh 0 0 26.8vw; width: 32.5vh;}
.slide-2 .counts-1 {margin: 72.5vh 0 0 30.3vw;}
.slide-2 .counts-2 {margin: 72.5vh 0 0 51.8vw;}
.slide-2 .counts-3 {margin: 72.5vh 0 0 73.0vw;}

.slide-3 .top-name {background: #33A6FF;}
.slide-3 .bottom-name {background: #13181E;}
.slide-3 .bottom-nav {background: #33A6FF;}
.slide-3 .slide-border .left-panel .num-block {background: #33A6FF;}
.slide-3 .top-content .phone {background: #33A6FF;}
.slide-3 .slide-border .left-panel .nums span.active,
.slide-3 .slide-border .left-panel .nums span:hover {color: #33A6FF;}
.slide-3 .slide-border .left-panel .nums span.active:before,
.slide-3 .slide-border .left-panel .nums span:hover:before {background: #33A6FF;}
.slide-3 .slide-border .menu-btn {background: url(../images/menu-btn-blue.svg) no-repeat; background-size: contain;}
.slide-3 .slide-border {background: #fff url(../images/kp-bg-3.jpg) no-repeat; background-size: cover;}
.slide-3 .slide-border .plashka-red {background: #33A6FF;margin: 34vh 41.5vh 0 0;width: 16vh;height: 18vh;}

.slide-4 .top-name {background: #fff; color: #000;}
.slide-4 .bottom-name {background: #fff; color: #000;}
.slide-4 .bottom-nav {background: #0066DD; color: #fff;}
.slide-4 .slide-border .menu-btn {background: url(../images/menu-btn-blue-2.svg) no-repeat; background-size: contain;}
.slide-4 .top-content .phone {background: #0066DD;}
.slide-4 .slide-border .left-panel .nums span.active,
.slide-4 .slide-border .left-panel .nums span:hover {color: #0066DD;}
.slide-4 .slide-border .left-panel .nums span.active:before,
.slide-4 .slide-border .left-panel .nums span:hover:before {background: #0066DD;}
.slide-4 .slide-border .left-panel .num-block {background: #0066DD;}
.slide-4 .slide-border .left-panel .num-block span {color: #fff;}
.slide-4 .slide-border {background: #fff url(../images/kp-bg-4.jpg) no-repeat; background-size: cover;}

.slide-5 .top-name {background: #98D23F; color: #fff;}
.slide-5 .bottom-name {background: #000; color: #fff;}
.slide-5 .bottom-nav {background: #98D23F; color: #000;}
.slide-5 .top-content .phone {background: #98D23F;}
.slide-5 .slide-border .menu-btn {background: url(../images/menu-btn-green.svg) no-repeat; background-size: contain;}
.slide-5 .slide-border .left-panel .nums span.active,
.slide-5 .slide-border .left-panel .nums span:hover {color: #98D23F;}
.slide-5 .slide-border .left-panel .nums span.active:before,
.slide-5 .slide-border .left-panel .nums span:hover:before {background: #98D23F;}
.slide-5 .slide-border .left-panel .num-block {background: #98D23F;}
.slide-5 .slide-border .plashka-red {background: #98D23F; color: #fff;margin: 32vh 3.5vh 0 0vh;width: 33vw;}
.slide-5 .slide-border {background: #000 url(../images/kp-bg-5.jpg) no-repeat; background-size: cover;}

.slide-6 .top-name {background: #fff; color: #000;}
.slide-6 .bottom-name {background: #fff; color: #000;}
.slide-6 .bottom-nav {background: #F8791C; color: #fff;}
.slide-6 .slide-border .menu-btn {background: url(../images/menu-btn-orange.svg) no-repeat; background-size: contain;}
.slide-6 .top-content .phone {background: #F8791C;}
.slide-6 .slide-border .left-panel .nums span.active,
.slide-6 .slide-border .left-panel .nums span:hover {color: #F8791C;}
.slide-6 .slide-border .left-panel .nums span.active:before,
.slide-6 .slide-border .left-panel .nums span:hover:before {background: #F8791C;}
.slide-6 .slide-border .left-panel .num-block {background: #F8791C;}
.slide-6 .slide-border .left-panel .num-block span {color: #fff;}
.slide-6 .slide-border {background: #fff url(../images/kp-bg-6.jpg) no-repeat; background-size: cover;}
.slide-6 .slide-border .plashka {background: #F8791C; color: #fff;margin: 32.8vh 40.5vh 0 0;width: 13vw;}

.slide-7 .top-name {background: #FFE100; color: #000;}
.slide-7 .bottom-name {background: #000; color: #fff;}
.slide-7 .bottom-nav {background: #FFE100; color: #000;}
.slide-7 .top-content .phone {background: #FFE100; color: #000;}
.slide-7 .slide-border .menu-btn {background: url(../images/menu-btn-yellow.svg) no-repeat; background-size: contain;}
.slide-7 .slide-border .left-panel .nums span.active,
.slide-7 .slide-border .left-panel .nums span:hover {color: #FFE100;}
.slide-7 .slide-border .left-panel .nums span.active:before,
.slide-7 .slide-border .left-panel .nums span:hover:before {background: #FFE100;}
.slide-7 .slide-border .left-panel .num-block {background: #FFE100;}
.slide-7 .slide-border .plashka-red {background: #FFE100; color: #000;margin: 32vh 3.5vh 0 0vh;width: 33vw;}
.slide-7 .slide-border {background: #000 url(../images/kp-bg-7.jpg) no-repeat; background-size: cover;}

.slide-8 .bottom-nav {width: 24.5vw;}
.slide-8 .slide-border {background: #fff url(../images/kp-bg-8.jpg) no-repeat; background-size: cover;}

[data-hijacking="on"] .cd-section {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
[data-hijacking="on"] .cd-section > div {
visibility: visible;
}
[data-hijacking="off"] .cd-section > div {
opacity: 0;
}
[data-animation="rotate"] .cd-section {
/* enable a 3D-space for children elements */
-webkit-perspective: 1800px;
-moz-perspective: 1800px;
perspective: 1800px;
}
[data-hijacking="on"][data-animation="rotate"] .cd-section:not(:first-of-type) {
-webkit-perspective-origin: center 0;
-moz-perspective-origin: center 0;
perspective-origin: center 0;
}
[data-animation="scaleDown"] .cd-section > div, [data-animation="gallery"] .cd-section > div, [data-animation="catch"] .cd-section > div {
box-shadow: 0 0 0 rgba(25, 30, 46, 0.4);
}
[data-animation="opacity"] .cd-section.visible > div {
z-index: 1;
}

.desktop {display: block;}
.mobile {display: none;}

.mobile-slide {background: #fff;padding: 5vw 5vw 0vw 5vw;position: relative; display: none;o: ;overflow: hidden;}
.mobile-slide-active {display: block;}
.mobile-slide .top-content {position: fixed;top: 0;left: 5vw;right: 5vw;width: 90vw;z-index: 7; background: #fff;height: 5vw;;}
.mobile-slide .top-content .wp {float: left; width: 3.5vw; height: 3.8vw; background: url(../images/wp.png) no-repeat; background-size: 100% 100%;margin: 0.8vw 2.2vw 0 2.4vw;}
.mobile-slide .top-content .viber {float: left; width: 3.5vw; height: 3.8vw; background: url(../images/viber.png) no-repeat; background-size: 100% 100%;margin: 0.8vw 2.2vw 0 1.4vw;}
.mobile-slide .top-content .telegram {float: left; width: 3.5vw; height: 3.8vw; background: url(../images/telegram.png) no-repeat; background-size: 100% 100%;margin: 0.8vw 1.2vw 0 1.4vw;}
.mobile-slide .top-content .phone {float: right; background: #E54141; color: #fff; font-family: 'SF-UI-Display-Bold'; height: 5vw; width: 41vw;font-size: 3.2vw;line-height: 5.3vw;padding-left: 8vw;letter-spacing: 0.3vw;;}
.mobile-slide .border {position: relative; padding-bottom: 0;}
.mobile-slide .border .menu-cont {position: fixed; bottom: -20vw; width: 95vw;left: 0vw;padding: 0vw 0vw 0vw 5vw;height: 20vw; z-index: 5; overflow: hidden;
    -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.mobile-slide .border .menu-cont-show {bottom: 0;}
.mobile-slide-1 .border {background: #000 url(../images/m/1-bg.jpg) no-repeat top center; background-size: 100% 100%;padding-bottom: 30vw;}
.mobile-slide-2 .border {background: #fff url(../images/m/2-bg.jpg) no-repeat top center;background-size: 115% 115%;padding-bottom: 50vw;}
.mobile-slide-3 .border {background: #fff url(../images/m/3-bg.jpg) no-repeat top center;background-size: 100% 100%;padding-bottom: 30vw;}
.mobile-slide-4 .border {background: #000 url(../images/m/4-bg.jpg) no-repeat top center;background-size: 100% 100%;padding-bottom: 30vw;}
.mobile-slide-5 .border {background: #000 url(../images/m/5-bg.jpg) no-repeat top center;background-size: 100% 100%;padding-bottom: 30vw;}
.mobile-slide-6 .border {background: #fff url(../images/m/6-bg.jpg) no-repeat top center;background-size: 100% 100%;padding-bottom: 50vw;}
.mobile-slide-7 .border {background: #fff url(../images/m/7-bg.jpg) no-repeat top center;background-size: 100% 100%;padding-bottom: 50vw;}
.mobile-slide-8 .border {background: #fff url(../images/m/7-bg.jpg) no-repeat top center;background-size: 100% 100%;padding-bottom: 30vw;}
.mobile-slide .border .menu-btn {width: 6.7vw; height: 4vw; background: url(../images/menu-btn.svg) no-repeat; background-size: contain; position: absolute;margin: 9vw 0 0 5.5vw; cursor: pointer;z-index: 1;;}
.mobile-slide .border .nav {position: absolute;margin: 8.7vw 0 0 22vw;font-size: 3.5vw;z-index: 5;;;}
.mobile-slide .border .nav span {float: left; color: #FFFFFF; font-family: 'SF-UI-Display-Ultralight';margin-right: 4vw; position: relative;}
.mobile-slide .border .nav span:before {content: ""; position: absolute; width: 1px; height: 30vw;background: rgba(255, 255, 255, 0.4);margin: -33vw 0 0 2vw;}
.mobile-slide .border .nav span.active {color: #E54141; font-family: 'SF-UI-Display-Bold';font-size: 5vw;}
.mobile-slide .border .nav span.active:before {background: #E54141;}
.mobile-slide .border .top-name {padding: 22vw 7vw 0 7vw;position: relative;;}
.mobile-slide .border .top-name .logo {float: left;width: 20vw;height: 20vw;}
.mobile-slide .border .top-name .logo img {width: 100%;}
.mobile-slide .border .top-name .name {float: left; color: #fff; font-family: 'SF-UI-Display-Ultralight';font-size: 5.5vw;line-height: 7.0vw;width: 46vw;margin: 0vw 0vw 0vw 9vw;}
.mobile-slide .border .plashka {color: #fff; background: rgba(255, 255, 255, 0.2); font-size: 4.1vw; padding: 9.4vw 6vw 8vw 5vw; line-height: 5.3vw; width: 65.5vw;font-family: 'SF-UI-Display-Ultralight';position: relative;;}
.mobile-slide-2 .border .plashka {color: #000;background: rgba(255, 255, 255, 0.8);padding: 7vw 6vw;;}
.mobile-slide .border .plashka-1 {margin: 4.2vh 0 0 7.8vw;}
.mobile-slide .border .plashka-1:before {content: ""; position: absolute; width: 2vw; height: 10.1vw; background: #E54141;margin: 0vw 0 0 -2vw;top: 0;left: 0;}
.mobile-slide .border .plashka-2 {margin: 4.2vh 0 0 7.8vw;}
.mobile-slide .border .plashka-2:before {content: ""; position: absolute; width: 2vw; height: 10.1vw; background: #E54141;margin: 0vw 0 0 -2vw;top: 0;left: 0;}
.mobile-slide .border .plashka-3 {margin: 4.2vh 0 0 7.8vw;}
.mobile-slide .border .plashka-3:before {content: ""; position: absolute; width: 2vw; height: 10.1vw; background: #E54141;margin: 0vw 0 0 -2vw;top: 0;left: 0;}
.mobile-slide .border .plashka-4 {margin: 4.2vh 0 0 7.8vw;}
.mobile-slide .border .plashka-4:before {content: ""; position: absolute; width: 2vw; height: 10.1vw; background: #E54141;margin: 0vw 0 0 -2vw;top: 0;left: 0;}
.mobile-slide .border .plashka-red {background: #E54141;margin: 0vw 5vw 0vw 5vw;font-size: 4.4vw;padding: 7.5vw 7.4vw 2vw 7.4vw;width: 52vh;height: 48vw;line-height: 7.3vw;position: relative;}
.mobile-slide .border .plashka-red {width: 65vw;}
.mobile-slide .border .slide-1-image {position: relative; background: url(../images/kp-img.jpg) no-repeat; background-size: cover; width: 74vw; height: 40vw;margin: 5vw 0 0 8vw;;;}
.mobile-slide .border .slide-2-image {background: url(../images/kp-img-2.jpg) no-repeat; background-size: cover;margin-top: 16vw;;}
.mobile-slide .border .slide-3-image {background: url(../images/kp-img-3.jpg) no-repeat; background-size: cover;width: 74vw;height: 40vw;margin: 11vw 0 0 8vw;}
.mobile-slide .border .slide-6-image {background: url(../images/kp-img-6.jpg) no-repeat; background-size: cover;width: 74vw;height: 40vw;margin: 8vw 0 0 8vw;}
.mobile-slide .border .slide-7-image {background: url(../images/kp-img-7.jpg) no-repeat; background-size: cover; width: 74vw; height: 40vw; margin: 8vw 0 0 8vw;}
.mobile-slide .border .plashka-last {margin-bottom: 0;}
.mobile-slide .bottom-nav-cont { bottom: 0; height: 5vw; left: 0; width: 100%;z-index: 10;background: #fff; position: fixed; display: none;}
.mobile-slide .bottom-nav {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;background: #E54141; color: #000;height: 5vw;width: 79vw;text-align: center;line-height: 5vw;z-index: 10;;}
.mobile-slide .bottom-nav span {display: inline-block; font-family: 'SF-UI-Display-Ultralight';font-size: 3.8vw;margin: 0vh 0 0 0vh;}
.mobile-slide .bottom-nav b {display: inline-block;font-size: 3.3vw;margin-left: 1vw;}
.mobile-slide .counts {display: inline-block; text-align: center; margin: 9.5vw 0 6vw 0vw; width: 100%;}
.mobile-slide .counts b {color: #E54141; font-family: 'SF-UI-Display-Black'; display: block;font-size: 15vw;}
.mobile-slide .counts span {color: #000000; font-family: 'SF-UI-Display-Bold'; display: block;font-size: 3.3vw;}
.mobile-slide-2 .border .plashka-red {color: #fff;width: 68vw;padding-right: 4.4vw;;}
.mobile-slide-2 .border .plashka-1 {margin-bottom: 29vw;}
.mobile-slide-5 .border .plashka-red {color: #fff; background: #98D23F; width: 66.5vw;padding-right: 4.4vw;margin: 29vw 0 0 6vw;;}
.mobile-slide-6 .border .plashka-red {color: #fff; background: #F8791C; width: 66.5vw;margin: 0vw 0 0 6vw;font-size: 7vw;line-height: 10vw;padding: 5.4vw 4.4vw 3.2vw 7.4vw;height: auto;;;;;}
.mobile-slide-7 .border .plashka-red {color: #000; background: #FFE100; width: 66.5vw;margin: 0vw 0 0 6vw;font-size: 5.5vw;line-height: 9.55vw;padding: 5.4vw 4.4vw 5.2vw 7.4vw;height: auto;;;;;}
.mobile-slide .we-do {width: 78vw; position: relative;}
.mobile-slide .we-do b {display: inline-block; font-family: 'SF-UI-Display-Bold'; color: #fff; background: #33A6FF;font-size: 4.5vw;padding: 1.8vw 1.4vw;margin-bottom: 2.9vw;}
.mobile-slide .we-do h4 {display: block; color: #33A6FF; font-family: 'SF-UI-Display-Ultralight';font-size: 5.7vw;margin-bottom: 0.8vh;}
.mobile-slide .we-do p {display: block; font-family: 'SF-UI-Display-Ultralight';color: #fff;font-size: 3.9vw;line-height: 4.7vw;margin-bottom: 2.2vw;padding-right: 11vw;min-height: 18.0vw;;;}
.mobile-slide .we-do span {display: inline-block; background: #33A6FF; color: #fff; font-family: 'SF-UI-Display-Ultralight';font-size: 4.5vw;padding: 1.8vw 5.6vw;}
.mobile-slide .we-do-1 {margin: 0vw 0 0 6.3vw;}
.mobile-slide .we-do-2 {margin: 8vw 0 0 5.6vw;}
.mobile-slide .we-do-3 {margin: 7vw 0 0 5.8vw;}
.mobile-slide .we-do-4 {margin: 8vw 0 0 5.4vw;}
.mobile-slide .we-do-5 {margin: 8vw 0 0 5.5vw;}
.mobile-slide .we-do-6 {margin: 8vw 0 0vw 5.8vw;}

.mobile-slide .work {width: 78vw;cursor: pointer; color: #000;display: inline-block;}
.mobile-slide .work .block {border: 1vh solid #fff;height: 36vw;margin-bottom: 1vh;}
.mobile-slide .work:hover .block {border-color: #0066DD;}
.mobile-slide .work .block:before {content: ""; position: absolute; width: 0.5vh; height: 4.5vh; background: #0066DD;margin: -1.0vh 0 0 -1.5vh;}
.mobile-slide .work .block .logo {float: left;width: 50%;height: 100%;}
.mobile-slide .work .block .image {float: left;width: 50%;height: 100%; opacity: 0.6;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.mobile-slide .work:hover .block .image {opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.mobile-slide .work .text {font-size: 3.6vw;padding: 1.6vw 5vw 0 1.2vw;line-height: 4vw;}
.mobile-slide .work-1 {margin: 9vw 0 0 6.5vw;}
.mobile-slide .work-1 .block .logo {background: url(../images/work-1-logo.png) no-repeat center;background-size: 60%;}
.mobile-slide .work-1 .block .image {background: url(../images/work-1-image.png) no-repeat; background-size: cover;}
.mobile-slide .work-2 {margin: 9vw 0 0 6.5vw; width: 78vw;}
.mobile-slide .work-2 .block .logo {background: url(../images/work-2-logo.png) no-repeat center;background-size: 40%;width: 35%;;}
.mobile-slide .work-2 .block .image {background: url(../images/work-2-image.png) no-repeat; background-size: cover;width: 65%;}
.mobile-slide .work-3 {margin: 9vw 0 0 6.5vw;}
.mobile-slide .work-3 .block .logo {background: url(../images/work-3-logo.png) no-repeat center;background-size: 74%;}
.mobile-slide .work-3 .block .image {background: url(../images/work-3-image.png) no-repeat; background-size: cover;}
.mobile-slide .work-4 {margin: 9vw 0 0 6.5vw;width: 78vw;}
.mobile-slide .work-4 .block .logo {background: url(../images/work-4-logo.png) no-repeat center;background-size: 45%;}
.mobile-slide .work-4 .block .image {background: url(../images/work-4-image.png) no-repeat; background-size: cover;width: 50%;}
.mobile-slide .work-5 {margin: 9vw 0 0 6.5vw; width: 78vw;}
.mobile-slide .work-5 .block .logo {background: url(../images/work-5-logo.png) no-repeat center;background-size: 35%; width: 35%;}
.mobile-slide .work-5 .block .image {background: url(../images/work-5-image.png) no-repeat; background-size: cover;width: 65%;}
.mobile-slide .work-6 {margin: 9vw 0 0 6.5vw; width: 78vw;}
.mobile-slide .work-6 .block .logo {background: url(../images/work-6-logo.png) no-repeat center;background-size: 15%;}
.mobile-slide .work-6 .block .image {background: url(../images/work-6-image.png) no-repeat; background-size: cover;width: 50%;}
.mobile-slide .percent {width: 76vw; display: inline-block;}
.mobile-slide .percent:before {content: ""; position: absolute; width: 10vh; height: 10vw; background: #fff; display: none;}
.mobile-slide .percent b {font-family: 'SF-UI-Display-Black'; color: #98D23F; display: block;font-size: 15.8vw;margin-bottom: 2.8vw;}
.mobile-slide .percent p {font-family: 'SF-UI-Display-Bold'; color: #fff; display: block;font-size: 3.3vw;line-height: 3.6vw;padding-left: 14vw;;}
.mobile-slide .percent-1 {margin: 10.7vw 0 0 6.5vw;}
.mobile-slide .percent-2 {margin: 13.7vw 0 0 8vw;}
.mobile-slide .percent-3 {margin: 14.7vw 0 0 7.5vw;}
.mobile-slide .percent-4 {margin: 14.3vw 0 0 8.5vw;}
.mobile-slide .percent-5 {margin: 9.7vh 0 0 7.5vw;}
.mobile-slide .percent-6 {margin: 14.7vw 0 0 7.5vw;}
.mobile-slide .achiv {width: 51vw; display: inline-block;position: relative;;}
.mobile-slide .achiv .name {display: inline-block; transform: rotate(-90deg);position: absolute;left: 0;top: 0;margin: 14.3vw 0 0 -30.8vw;font-size: 4.7vw;}
.mobile-slide .achiv .name:after {content: ""; position: absolute; width: 1.8vw; height: 9vw; background: #F8791C;margin: 6.3vw 0 0 -4.5vw;transform: rotate(90deg);}
.mobile-slide .achiv-2 .name {margin: 9.3vw 0 0 -25.8vw;}
.mobile-slide .achiv-3 .name {margin: 11.3vw 0 0 -27.8vw;}
.mobile-slide .achiv-4 .name {margin: 23.3vw 0 0 -40.5vw;}
.mobile-slide .achiv-5 .name {margin: 19.3vw 0 0 -37.5vw;}
.mobile-slide .achiv-6 .name {margin: 18.3vw 0 0 -41vw;}
.mobile-slide .achiv .name b {color: #F8791C;padding-right: 0vw;;}
.mobile-slide .achiv p {font-size: 3.8vw; line-height: 4.5vw;}
.mobile-slide .achiv-1 {margin: 8.2vw 0 0 30vw;}
.mobile-slide .achiv-2 {margin: 8vw 0 0 29.2vw;}
.mobile-slide .achiv-3 {margin: 6.9vw 0 0 30.4vw;}
.mobile-slide .achiv-4 {margin: 16.4vw 0 0 29.6vw;}
.mobile-slide .achiv-5 {margin: 21.4vw 0 0 30vw;}
.mobile-slide .achiv-6 {margin: 11.4vw 0 0 35.5vw;}
.mobile-slide .tech {color: #fff; font-family: 'SF-UI-Display-Ultralight'; display: inline-block; width: 75vw;}
.mobile-slide .tech img {width: 9.8vw; float: left;}
.mobile-slide .tech .text {float: left; width: 54vw; margin: 1vw 0 0 9vw;}
.mobile-slide .tech .text .name {font-size: 5.3vw; margin-bottom: 3vw;}
.mobile-slide .tech .text p {font-size: 3.8vw; line-height: 4.9vw;}
.mobile-slide .tech-1 {margin: 6.8vw 0 0 9.2vw;}
.mobile-slide .tech-2 {margin: 6.8vw 0 0 9.2vw;}
.mobile-slide .tech-3 {margin: 5.8vw 0 0 10.0vw;}
.mobile-slide .tech-4 {margin: 5.5vw 0 0 9.2vw;}
.mobile-slide .tech-5 {margin: 6.5vw 0 0 9.2vw;}
.mobile-slide .tech-6 {margin: 6.5vw 0 0 9.2vw;}
.mobile-slide .form {width: 79vw;height: 156vw; position: relative;margin: -14vw 0 0 5vw;;}
.mobile-slide .form .form-bg {position: absolute; height: 177vw; width: 4vw; background: #E54141;right: 0;top: -31vw;}
.mobile-slide .form .form-item-1 {margin: 14vh 0 0 0vw;}
.mobile-slide .form .form-item {margin-bottom: 8.8vw;position: relative;}
.mobile-slide .form .form-item input {background: transparent; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.6); border-radius: 0;height: 8vw;width: 100%;padding: 0 0%;padding-bottom: 4.8vw;font-size: 3.3vw; color: #fff;}
.mobile-slide .form .form-item input:focus {border-color: rgba(229, 65, 65, 0.6); background: transparent url(../images/input-active.png) no-repeat left center; background-size: 3%;}
.mobile-slide .form .form-item input:focus::-webkit-input-placeholder {color: rgba(229, 65, 65, 0.6);}
.mobile-slide .form .form-item input:focus::-moz-placeholder {color: rgba(229, 65, 65, 0.6);}
.mobile-slide .form .form-item input:focus:-ms-input-placeholder {color: rgba(229, 65, 65, 0.6);}
.mobile-slide .form .form-item input:focus:-moz-placeholder {color: rgba(229, 65, 65, 0.6);}
.mobile-slide .form .form-item input[type="file"] {display: none;}
.mobile-slide .form .form-item input.error {border-color: #FFE100;}
.mobile-slide .form .form-item input.error::-webkit-input-placeholder {color: #FFE100;}
.mobile-slide .form .form-item input.error::-moz-placeholder {color: #FFE100;}
.mobile-slide .form .form-item input.error:-ms-input-placeholder {color: #FFE100;}
.mobile-slide .form .form-item input.error:-moz-placeholder {color: #FFE100;}
.mobile-slide .form .form-item .btn-file {position: relative; background: #fff; color: #000; top: -1vw; font-family: 'SF-UI-Display-Bold'; text-transform: uppercase; letter-spacing: 1.8vw;height: 10vw;;width: 59vw;text-align: center;; line-height: 12vw; font-size: 2.6vw; left: 1vw; display: inline-block;;;}
.mobile-slide .form .form-item .btn-file:hover {background: #000; color: #fff;}
.mobile-slide .form .form-item .btn {font-family: 'SF-UI-Display-Bold'; text-transform: uppercase; letter-spacing: 1.8vw;height: 3.8vh;width: 15vw; line-height: 3.8vh; font-size: 2.6vw;text-align: center; background: #E54141; color: #fff; border: none; margin: 8vw 0 0 1vw; width: 78vw; padding: 0; height: 16vw; line-height: 17vw;}
.mobile-slide .form .form-item .btn:hover {color: #E54141; background: #fff;}

.mobile-slide-1 {z-index: 1;}
.mobile-slide-2 {z-index: 2;}
.mobile-slide-3 {z-index: 3;}
.mobile-slide-4 {z-index: 4;}
.mobile-slide-5 {z-index: 5;}
.mobile-slide-6 {z-index: 6;}
.mobile-slide-7 {z-index: 7;}
.mobile-slide-8 {z-index: 8;}

.mobile-slide-black {background: #000;}
.mobile-slide-black .top-content {background: #000;}
.mobile-slide-black .top-content .wp {background: url(../images/wp-black.png) no-repeat; background-size: contain;}
.mobile-slide-black .top-content .viber {background: url(../images/viber-black.png) no-repeat; background-size: contain;}
.mobile-slide-black .top-content .telegram {background: url(../images/telegram-black.png) no-repeat; background-size: contain;}
.mobile-slide-black .top-name {color: #000;}
.mobile-slide-black .bottom-name {background: #fff; color: #000;}
.mobile-slide-black .border .top-name .name {color: #000;}
.mobile-slide-black .border .nav span {color: #000;}

.mobile-slide-3 .top-content .phone {background: #33A6FF;}
.mobile-slide-3 .border .nav span.active,
.mobile-slide-3 .border .nav span:hover {color: #33A6FF;}
.mobile-slide-3 .border .nav span.active:before,
.mobile-slide-3 .border .nav span:hover:before {background: #33A6FF;}
.mobile-slide-3 .border .menu-btn {background: url(../images/menu-btn-blue.svg) no-repeat; background-size: contain;}
.mobile-slide-3 .border .plashka-red {background: #33A6FF; color: #fff;width: 58vw;font-size: 6vw;padding: 6vw 11vw 3vw 10vw;line-height: 10vw;height: auto;margin-bottom: 11vw;;;;;;;}
.mobile-slide-3 .bottom-nav {background: #33A6FF;}

.mobile-slide-4 .top-content .phone {background: #0066DD;}
.mobile-slide-4 .border .nav span.active,
.mobile-slide-4 .border .nav span:hover {color: #0066DD;}
.mobile-slide-4 .border .nav span.active:before,
.mobile-slide-4 .border .nav span:hover:before {background: #0066DD;}
.mobile-slide-4 .border .menu-btn {background: url(../images/menu-btn-blue-2.svg) no-repeat; background-size: contain;}
.mobile-slide-4 .bottom-nav {background: #0066DD; color: #fff;}

.mobile-slide-5 .top-content .phone {background: #98D23F;}
.mobile-slide-5 .border .nav span.active,
.mobile-slide-5 .border .nav span:hover {color: #98D23F;}
.mobile-slide-5 .border .nav span.active:before,
.mobile-slide-5 .border .nav span:hover:before {background: #98D23F;}
.mobile-slide-5 .border .menu-btn {background: url(../images/menu-btn-green.svg) no-repeat; background-size: contain;}
.mobile-slide-5 .bottom-nav {background: #98D23F;}

.mobile-slide-6 .top-content .phone {background: #F8791C;}
.mobile-slide-6 .border .nav span.active,
.mobile-slide-6 .border .nav span:hover {color: #F8791C;}
.mobile-slide-6 .border .nav span.active:before,
.mobile-slide-6 .border .nav span:hover:before {background: #F8791C;}
.mobile-slide-6 .border .menu-btn {background: url(../images/menu-btn-orange.svg) no-repeat; background-size: contain;}
.mobile-slide-6 .bottom-nav {background: #F8791C; color: #fff;}

.mobile-slide-7 .top-content .phone {background: #FFE100; color: #000;}
.mobile-slide-7 .border .nav span.active,
.mobile-slide-7 .border .nav span:hover {color: #FFE100;}
.mobile-slide-7 .border .nav span.active:before,
.mobile-slide-7 .border .nav span:hover:before {background: #FFE100;}
.mobile-slide-7 .border .menu-btn {background: url(../images/menu-btn-yellow.svg) no-repeat; background-size: contain;}
.mobile-slide-7 .bottom-nav {background: #FFE100;}

.menu-mobile {position: fixed; width: 90vw; height: 95vh; z-index: 11; background: #fff;padding: 5vw; overflow: hidden; left: -100%; display: block;
    -webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;
}
.menu-mobile-show {left: 0;}
.menu-mobile .top-content {position: absolute;}
.menu-mobile .border {background: #000 url(../images/m/menu-bg.jpg) no-repeat top center; background-size: 110% 110%;padding-bottom: 0vw;}
.menu-mobile .menu-btn-close {width: 6.7vw; height: 6.7vw; background: url(../images/menu-btn-close.svg) no-repeat; background-size: contain; position: absolute; margin: 8.8vw 0 0 5.9vw; cursor: pointer;z-index: 5;;}
.menu-mobile .menu-text {position: absolute; right: 6vw; top: 10vw; color: #fff; font-family: 'SF-UI-Display-Ultralight';font-size: 5.3vw;text-transform: uppercase;}
.menu-mobile .border .top-name {padding: 23.5vw 7vw 0 6vw;}
.menu-mobile .border .top-name .top-name-text {float: right;width: 54vw;}
.menu-mobile .border .top-name .top-name-text a {display: inline-block; background: #E54141; color: #fff; text-align: center; font-family: 'SF-UI-Display-Bold'; text-transform: uppercase;font-size: 2.3vw;letter-spacing: 2vw;line-height: 3vw;padding: 5vw 0vw;}
.menu-mobile .border .top-name .top-name-text span {color: #fff; font-family: 'SF-UI-Display-Bold'; text-transform: uppercase;display: block;text-align: right;font-size: 2.3vw;letter-spacing: 3vw;margin: 2vw -3vw 0 0vw;}
.menu-mobile .border .nav {position: relative;margin: 13vw 0 0 30vw;font-size: 4vw;}
.menu-mobile .border .nav span {display: block; float: none; position: relative;margin-bottom: 3.8vh;}
.menu-mobile .border .nav span i {font-style: normal; padding-right: 12vw;}
.menu-mobile .border .nav span:before {content: ""; position: absolute; width: 30vw; height: 1px;background: rgba(255, 255, 255, 0.47);margin: 1vw 0 0 -37vw;}
.menu-mobile .border .nav span.active {color: #E54141; font-size: 4vw;}
.menu-mobile .border .nav span.active:before {background: #E54141;}
.menu-mobile .border {position: relative; height: 95vh; padding-bottom: 0;}

.mobile-slide-1 .border .menu-cont-bg {background: #E54141;}
.mobile-slide-1 .border .menu-cont-bg .menu-btn {background: url(../images/menu-btn-white.svg) no-repeat; background-size: contain;}
.mobile-slide-1 .border .menu-cont-bg .nav span {color: #000;}
.mobile-slide-1 .border .menu-cont-bg .nav span:before {background: rgba(255, 255, 255, 0.4);}
.mobile-slide-1 .border .menu-cont-bg .nav span.active {color: #fff;}
.mobile-slide-1 .border .menu-cont-bg .nav span.active:before {background: #fff;}

.mobile-slide-2 .border .menu-cont-bg {background: #E54141;}
.mobile-slide-2 .border .menu-cont-bg .menu-btn {background: url(../images/menu-btn-white.svg) no-repeat; background-size: contain;}
.mobile-slide-2 .border .menu-cont-bg .nav span {color: #000;}
.mobile-slide-2 .border .menu-cont-bg .nav span:before {background: rgba(255, 255, 255, 0.4);}
.mobile-slide-2 .border .menu-cont-bg .nav span.active {color: #fff;}
.mobile-slide-2 .border .menu-cont-bg .nav span.active:before {background: #fff;}

.mobile-slide-3 .border .menu-cont-bg {background: #33A6FF;}
.mobile-slide-3 .border .menu-cont-bg .menu-btn {background: url(../images/menu-btn-white.svg) no-repeat; background-size: contain;}
.mobile-slide-3 .border .menu-cont-bg .nav span {color: #000;}
.mobile-slide-3 .border .menu-cont-bg .nav span:before {background: rgba(255, 255, 255, 0.4);}
.mobile-slide-3 .border .menu-cont-bg .nav span.active {color: #fff;}
.mobile-slide-3 .border .menu-cont-bg .nav span.active:before {background: #fff;}

.mobile-slide-4 .border .menu-cont-bg {background: #0066DD;}
.mobile-slide-4 .border .menu-cont-bg .menu-btn {background: url(../images/menu-btn-white.svg) no-repeat; background-size: contain;}
.mobile-slide-4 .border .menu-cont-bg .nav span {color: #000;}
.mobile-slide-4 .border .menu-cont-bg .nav span:before {background: rgba(255, 255, 255, 0.4);}
.mobile-slide-4 .border .menu-cont-bg .nav span.active {color: #fff;}
.mobile-slide-4 .border .menu-cont-bg .nav span.active:before {background: #fff;}

.mobile-slide-5 .border .menu-cont-bg {background: #98D23F;}
.mobile-slide-5 .border .menu-cont-bg .menu-btn {background: url(../images/menu-btn-white.svg) no-repeat; background-size: contain;}
.mobile-slide-5 .border .menu-cont-bg .nav span {color: #000;}
.mobile-slide-5 .border .menu-cont-bg .nav span:before {background: rgba(255, 255, 255, 0.4);}
.mobile-slide-5 .border .menu-cont-bg .nav span.active {color: #fff;}
.mobile-slide-5 .border .menu-cont-bg .nav span.active:before {background: #fff;}

.mobile-slide-6 .border .menu-cont-bg {background: #F8791C;}
.mobile-slide-6 .border .menu-cont-bg .menu-btn {background: url(../images/menu-btn-white.svg) no-repeat; background-size: contain;}
.mobile-slide-6 .border .menu-cont-bg .nav span {color: #000;}
.mobile-slide-6 .border .menu-cont-bg .nav span:before {background: rgba(255, 255, 255, 0.4);}
.mobile-slide-6 .border .menu-cont-bg .nav span.active {color: #fff;}
.mobile-slide-6 .border .menu-cont-bg .nav span.active:before {background: #fff;}

.mobile-slide-7 .border .menu-cont-bg {background: #FFE100;}
.mobile-slide-7 .border .menu-cont-bg .menu-btn {background: url(../images/menu-btn-white.svg) no-repeat; background-size: contain;}
.mobile-slide-7 .border .menu-cont-bg .nav span {color: #000;}
.mobile-slide-7 .border .menu-cont-bg .nav span:before {background: rgba(255, 255, 255, 0.4);}
.mobile-slide-7 .border .menu-cont-bg .nav span.active {color: #fff;}
.mobile-slide-7 .border .menu-cont-bg .nav span.active:before {background: #fff;}

.mobile-slide-8 .border .menu-cont-bg {background: #E54141;}
.mobile-slide-8 .border .menu-cont-bg .menu-btn {background: url(../images/menu-btn-white.svg) no-repeat; background-size: contain;}
.mobile-slide-8 .border .menu-cont-bg .nav span {color: #000;}
.mobile-slide-8 .border .menu-cont-bg .nav span:before {background: rgba(255, 255, 255, 0.4);}
.mobile-slide-8 .border .menu-cont-bg .nav span.active {color: #fff;}
.mobile-slide-8 .border .menu-cont-bg .nav span.active:before {background: #fff;}

@media screen and (max-width: 1024px) {
    .desktop {display: none;}
    .mobile {display: block;}
}