html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; } body, input, button, textarea,* {font-family: "IBM Plex Mono", monospace; font-weight:400;} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
body a { color: #fff; text-decoration:none;}*, *:before, *:after {box-sizing: border-box;}
body { position:relative; color:#A3B1FF;background:#100019; font-family: "IBM Plex Mono", monospace;font-weight:400;}
@font-face {
    font-family: 'PIXY';
    src: url('../fonts/PIXY.eot');
    src: url('../fonts/PIXY.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PIXY.woff2') format('woff2'),
        url('../fonts/PIXY.woff') format('woff'),
        url('../fonts/PIXY.ttf') format('truetype'),
        url('../fonts/PIXY.svg#PIXY') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.header__cover {padding:20px 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;} 
	.header__article {max-width:1360px; margin-left:auto; margin-right:auto; align-items:center; display:flex; align-items:center; justify-content:space-between;}
	.logotype {}
	.logotype a{display:flex; flex-flow:column;  font-family: 'PIXY'; color:#BA49FF;    align-items: flex-end; font-size:24px;}
	.logotype a strong {color:#FFF74B; font-size:40px;}
	.main__nav {}
	.main__nav nav {display:flex; flex-flow:column;}
	.main__nav nav a {color:#fff; letter-spacing:-.3px; font-size:15px; margin-bottom:6px;}
	.main__nav nav a.hide {display:none; color:#FFF74B;}
	.main__nav nav a:nth-child(4) {margin-bottom:0;}
	.main__nav nav a:hover {color:#FFF74B;}
	.download__link {}
	.download__link a {font-weight:400; color:#FFF74B; font-size:18px;}
	#mobileNav {padding:0; margin:0; border:0; height:32px; min-width:32px; width:32px; cursor:pointer; background:url('../images/menu.svg') center/26px no-repeat; display:none;}
	#mobileNav:focus {outline:none;}
	.closeNav {position:absolute; right:20px; top:40px; background:url('../images/close.svg') center/25px no-repeat; cursor:pointer; width:32px; height:32px; display:none;}
.mainscreen {position:relative; background:url('../images/mainbg.jpg') center/cover no-repeat; padding:140px 0 220px 0; overflow:hidden;}
.mainscreen:before{content:''; display:inline-block; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(180deg, #100019 0%, rgba(16, 0, 25, 0.5) 52.4%, #100019 100%);}
.main__details {display:flex; flex-flow:column; position:relative; z-index:11;     align-items: center;}
.main__details h1 { font-family: 'PIXY';  color:#BA49FF; font-size:240px; display:inline-block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; letter-spacing:-10px;}
.main__details h1 strong {color:#FFF74B;}
.main__details h1 i {position:relative; display:inline-block;}
.unit1 {content:''; display:inline-block; position:absolute; right:30px; bottom:68px; width:44px; height:44px;animation: moveAndFlip 4s ease-in-out infinite;}
.unit1 img {position:absolute; left:0; bottom:0;}
.unit2 {content:''; display:inline-block; position:absolute; left:60px; top:32px; width:44px; height:44px;animation: moveAndFlip 8s ease-in-out infinite;}
.unit3 {content:''; display:inline-block; position:absolute; left:60px; bottom:68px; width:32px; height:32px;animation: moveAndFlip 6s ease-in-out infinite;}
.unit3 img {position:absolute; left:0; bottom:0; max-width:100%;}
.unit2 img {position:absolute; left:0; bottom:0;}
@keyframes moveAndFlip {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-100%);
  }

  50.1% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}
.unit3:nth-child(odd) img,
.unit2:nth-child(odd) img,
.unit1:nth-child(odd) img {
  animation: flip 4s steps(2) infinite;
}
@keyframes flip {
  0%, 50% {
    transform: scaleX(1);
  }
  50.1%, 100% {
    transform: scaleX(-1);
  }
}
.main__details h1 i .unit1 img {transition: transform 0s;}
.print-text { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.print-text p {color:#fff; line-height:1.3; letter-spacing:-.3px;}
.main__links-case {display:flex; align-items:center; margin-top:50px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.main__links-case .dti__body {min-width:270px;}
.main__links-case .dti__body:first-child {margin-right:15px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} 
.main__links-case .dti__body:last-child {margin-left:15px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.main__links-case .dti__body:first-child a {background: url(../images/btnBgActive.svg) center / contain no-repeat;}
.main__links-case .dti__body:last-child a {background: url(../images/btnFrame2.svg) center / contain no-repeat;}
.main__links-case .dti__body:last-child a:hover {background: url(../images/btnBgActive.svg) center / contain no-repeat;}
.main__links-case .dti__body:last-child a .dt__platform {color:#FFF74B;}
.main__links-case .dti__body:last-child a:hover .dt__platform {color:#100019;}
.main__links-case .dti__body:last-child a .dt__row:before {background: url(../images/hrPix.svg) repeat-x;}
.main__links-case .dti__body:last-child a:hover .dt__row:before {background: url(../images/hrPixActive.svg) repeat-x;}
.about__section {display:flex; max-width:1360px; margin-left:auto; margin-right:auto; justify-content:space-between;    align-items: center; overflow:hidden;}
	.as__left {width:48%;}
	.as__left img{vertical-align:bottom; max-width:100%;}
	.as__right {display:flex; flex-flow:column; width:48%;}
	.as__right h2 {color:#FFF74B; margin-bottom:25px;  font-family: 'PIXY';  font-size:55px;}
	.as__right p {line-height:1.4; letter-spacing:-.3px; font-size:16px; color:rgba(255,255,255,.7);}
	.about__pics {margin:30px 0; display:flex; align-items:center;}
	.about__pics img:first-child {margin-right:30px;}
.roadrow {margin:60px 0; height:40px; position:relative; overflow:hidden;}
.roadrow:before {content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 300%; height: 100%; background: url(../images/hrPixBlue.svg) repeat-x; animation: scrollBackground 15s linear infinite;}
.upgrate__section {max-width:1100px; margin:120px auto; display:flex; flex-flow:column; position:relative; padding-left:70px; overflow:hidden;}
.upgrate__section:before {position:absolute; left:-60px; top:0; width:50px; height:100%; background:url('../images/vrPixs.svg') center/contain no-repeat; content:'';}
.us__top {display:flex; justify-content:space-between;}
.ust__left {width:40%;}
.ust__left img{vertical-align:bottom; max-width:100%;}
.ust__right {width:55%; display:flex; flex-flow:column;}
.ust__right h2 {color:#FFF74B; margin-bottom:25px;  font-family: 'PIXY';  font-size:55px; line-height:.9}
.ust__right p {line-height:1.4; letter-spacing:-.3px; font-size:16px; color:rgba(255,255,255,.7);}
.ust__right p:last-child {color:#FFF74B; margin-top:60px;}
.prefooter {position:relative; height:280px; background:url('../images/footerbg.png') center top no-repeat; background-size:cover;}
.us__bottom {display:flex; align-items:center; justify-content:space-between; margin-top:60px;}
.us__bottom .dti__body a {background:url('../images/btnFrame2.svg') center/contain no-repeat;}
.us__bottom .dti__body a .dt__platform {color:#FFF74B;}
.us__bottom .dti__body a .dt__platform img.heart {animation: heartbeat 1s infinite;}
@keyframes heartbeat { 0%, 100% { transform: scale(1); } 25% { transform: scale(1.2); } 50% { transform: scale(1.4); } 75% { transform: scale(1.2); } }
.us__bottom .dti__body:nth-child(2) a {background:url('../images/btnBgActive.svg') center/contain no-repeat;}
.us__bottom .dti__body:nth-child(2) a .dt__platform,
.us__bottom .dti__body a:hover .dt__platform {color:#000;}
.us__bottom .dti__body .dt__row:before {background: url(../images/hrPix.svg) repeat-x;}
.us__bottom .dti__body:nth-child(2) a .dt__row:before,
.us__bottom .dti__body a:hover .dt__row:before {background: url(../images/hrPixActive.svg) repeat-x;}
 
.mainscreen .header__cover {position:absolute; left:0; top:0; right:0; z-index:22;}
.main__article {max-width:1360px; margin-left:auto; margin-right:auto;}
.article__page {max-width:1360px; margin-left:auto; margin-right:auto; padding-top:40px;}
	.download__article {display:flex; justify-content:space-between; overflow:hidden;}
		.da__left {width:40%; display: flex; align-items: flex-end; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
		.da__left img {vertical-align:bottom; max-width:100%;}
		.da__right {width:50%; display:flex; flex-flow:column; padding-left:10px;} 
		.da__right h1 {font-size:60px; color:#BA49FF; font-family: 'PIXY'; margin-bottom:40px;-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
		.download__table {display:flex; flex-flow:column;    margin-bottom: -13px;}
			.dt__item {display:flex; align-items:center; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-delay: .2s;}
			.dt__item:nth-child(2) {animation-delay: .3s;}
				.dti__body {}
				.dti__body a {display:flex; flex-flow:column; background:url('../images/btnBg.svg') center/contain no-repeat; padding:25px; min-width:250px;}
				.dt__item:nth-child(2) .dti__body a:hover .dt__platform {color:#100019;}
				.dt__item:nth-child(2) .dti__body a:hover,
				.dti__body a:hover {display:flex; flex-flow:column; background:url('../images/btnBgActive.svg') center/contain no-repeat;}
			.dt__item:nth-child(2) .dti__body a {background:url('../images/btnFrame.svg') center/contain no-repeat;}
			.dt__item:nth-child(2) .dti__body .dt__platform { color:#BA49FF;}
					.dt__platform {display:flex; align-items:center; justify-content:space-between; text-transform:uppercase; font-family: 'PIXY'; color:#100019; font-size:40px; margin-bottom:25px;}
					.dt__platform .apple {width:32px; height:32px; min-width:32px; background:url('../images/apple.svg') center/contain no-repeat;}
					.dt__item:nth-child(2) .dti__body a:hover .dt__platform .apple { background:url('../images/appleDark.svg') center/contain no-repeat;}
					.dt__platform img {margin-left:20px;}
					.dt__platform img.heart {animation: heartbeat 1s infinite;}
					.dt__row {height:25px; width:100%;position:relative; overflow:hidden;}
					.dt__row:before {content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 300%;  height: 100%; background: url('../images/hrPixActive.svg') repeat-x; animation: scrollBackground 5s linear infinite; }
						.dt__item:nth-child(2) .dt__row:before  {background: url('../images/hrPixBlue.svg') repeat-x;}
						.dt__item:nth-child(2) .dti__body a:hover .dt__row:before {background: url('../images/hrPixActive.svg') repeat-x;}
					@keyframes scrollBackground { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); }  }
				.dti__label {font-size:16px; color:#BA49FF; letter-spacing:-.3px; margin-left:20px;}
 .avatars__row {width: 100%; height: 250px; overflow: hidden; position: relative; background: url('../images/avatars.png') repeat-x; background-size: auto 100%; animation: scrollAvatars 20s linear infinite; opacity:.4;}
 @keyframes scrollAvatars {0% { background-position: 0 0; }  100% { background-position: -100% 0; }}
 
 footer {margin-top:60px; padding-bottom:60px;}
 .footer__article {display:flex; align-items:center; max-width:1360px; margin-left:auto; margin-right:auto; position:relative; width:100%;     justify-content: space-between;}
 .footer__nav {display:flex; flex-flow:column;}
 .footer__nav a {margin-bottom:8px; color:#fff; letter-spacing:-.3px; font-size:16px; font-weight:300;}
 .footer__nav a:hover{color:#BA49FF;}
 .footer__nav a:last-child {margin-bottom:0;}
 .copyright {color:rgba(255,255,255,.5); font-size:14px; font-weight:400; letter-spacing:-.3px; position:absolute; left:0; bottom:-20px;}
 
 .team__page {}
 .team__page h1 {text-align:center; color:#FFF74B; font-size:80px; font-family: 'PIXY';  margin-bottom:30px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
 .team__grid {display:flex; flex-wrap:wrap; max-width:1200px; margin-left:auto; margin-right:auto;}
 .team__grid li {width:25%;}
 .team__grid li.empty {opacity:0; visibility:hidden;}
	.team__item {display:flex; flex-flow:column;  padding:30px 50px; border:1px solid #FFF74B; position:relative; margin:10px;}
		.clt {width:20px; height:20px; position:absolute; left:-1px; top:-1px; background:#100019;}
		.clt:before {content:''; display:inline-block; position:absolute; left:1px; bottom:0;height:9px; width:10px; border-bottom:1px solid #FFF74B; border-right:1px solid #FFF74B;}
		.clt:after {content:''; display:inline-block; position:absolute; right:0px; top:1px;height:10px; width:9px; border-bottom:1px solid #FFF74B; border-right:1px solid #FFF74B;}
		.crt {position:absolute; width:20px; height:20px; right:-1px; top:-1px;  background:#100019;}
		.crt:before {content:''; display:inline-block; position:absolute; right:11px; top:1px;height:10px; width:10px; border-bottom:1px solid #FFF74B; border-left:1px solid #FFF74B;}
		.crt:after {content:''; display:inline-block; position:absolute; right:1px; bottom:0px;height:9px; width:10px; border-bottom:1px solid #FFF74B; border-left:1px solid #FFF74B;}
		.clb {width:20px; height:20px; position:absolute; left:-1px; bottom:-1px; background:#100019;}
		.clb:before{content:''; display:inline-block; position:absolute; left:0px; top:0;height:10px; width:10px; border-top:1px solid #FFF74B; border-right:1px solid #FFF74B;}
		.clb:after{content:''; display:inline-block; position:absolute; right:0px; bottom:0px;height:10px; width:11px; border-top:1px solid #FFF74B; border-right:1px solid #FFF74B;}
		.crb {width:20px; height:20px; position:absolute; right:-1px; bottom:-1px; background:#100019;}
		.crb:after {content:''; display:inline-block; position:absolute; right:0px; top:0;height:10px; width:10px; border-top:1px solid #FFF74B; border-left:1px solid #FFF74B;}
		.crb:before {content:''; display:inline-block; position:absolute; right:9px; bottom:0px;height:10px; width:11px; border-top:1px solid #FFF74B; border-left:1px solid #FFF74B;}
		.team__name {letter-spacing:-.3px; font-size:16px; text-align:center; color:#fff;}
		.team__photo {position:relative; overflow:hidden; padding-top:90%; margin:12px 0;}
		.team__photo img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
		.team__work {text-align:center; font-size:16px; line-height:1.3; text-align:center; color:#FFF74B;}
 
 .static__page {}
 .roadmap__section h1,
 .static__page h1 {text-align:right; color:#FFF74B; font-size:80px; font-family: 'PIXY';  margin-bottom:30px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
 .static__page p {line-height:1.3; margin-bottom:15px; color:#fff; font-weight:400; font-size:20px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
 
 .roadmap__section {margin-bottom:30px;}
 .roadmap__section h1 {text-align:center;}
 .roadmap__list {display:flex; position:relative; justify-content:space-between;max-width:1200px; width:100%; margin-left:auto; margin-right:auto; flex-wrap:wrap; padding-top:50px;}
 .roadmap__list:before {content:''; display:inline-block; position:absolute; left:50%; top:0; bottom:0; width:10px; background:#FFF74B; margin-left:-5px;}
 .roadmap__list .rl__item {width:42%;}
 .roadmap__list .rl__item.completed {position:relative;}
 .roadmap__list .rl__item.completed:before {content:''; display:inline-block; position:absolute; left:-1px; top:0; width:100%; height:100%; background:#100019b8; z-index:1; width:calc(100% + 2px);}
 .roadmap__list .rl__item:nth-child(4) {padding-top:80px;}
 .roadmap__list .rl__item:nth-child(2) {padding-top:220px;}
 .roadmap__list .rl__item:nth-child(3) {margin-top:-80px;}
 .roadmap__list .rl__item.completed {opacity:.5;}
 .roadmap__item {display:flex; flex-flow:column;}
	.rmi__header {display:flex; align-items:center; justify-content:space-between;   position:relative;   background:#100019;border:2px solid #fff74b; padding:12px 30px;}
	.rmi__header:before {content:''; display:inline-block; position:absolute; right:0; height:30px; width:30px; background:url('../images/checkPoint.svg') center/contain no-repeat; z-index:11;}
	.rmi__header:after {content:''; display:inline-block; position:absolute; right:0; height:6px; width:105px; background:#FFF74B; z-index:9; top:50%; margin-top:-3px; margin-right:-105px;}
 .roadmap__list .rl__item:nth-child(3) .rmi__header:before,
 .roadmap__list .rl__item:nth-child(1) .rmi__header:before {margin-right:-112px;}
 .roadmap__list .rl__item:nth-child(4) .rmi__header:before,
 .roadmap__list .rl__item:nth-child(2) .rmi__header:before {margin-left:-112px; right:auto; left:0;}
 .roadmap__list .rl__item:nth-child(4) .rmi__header:before,
 .roadmap__list .rl__item:nth-child(3) .rmi__header:before {background:url('../images/checkPoint2.svg') center/contain no-repeat;}
 .roadmap__list .rl__item:nth-child(4) .rmi__header:after,
 .roadmap__list .rl__item:nth-child(2) .rmi__header:after {margin-left:-105px; right:auto; left:0;}
	.rmlt {position:absolute; left:-2px; top:-2px; height:20px; width:20px; background:#100019;}
	.rmlt:before {content:''; display:inline-block; position:absolute; left:0; bottom:0; border-bottom:2px solid #fff74b; border-right:2px solid #fff74b; width:10px; height:10px;}
	.rmlt:after {content:''; display:inline-block; position:absolute; right:0; top:0; border-bottom:2px solid #fff74b; border-right:2px solid #fff74b; width:12px; height:10px;}
	.rmrt {position:absolute; right:-2px; top:-2px; height:20px; width:20px; background:#100019;}
	.rmrt:before {content:''; display:inline-block; position:absolute; left:0; top:0; border-left:2px solid #fff74b; border-bottom:2px solid #fff74b; width:12px; height:10px;}
	.rmrt:after {content:''; display:inline-block; position:absolute; right:0; bottom:0; border-left:2px solid #fff74b; border-bottom:2px solid #fff74b; width:10px; height:10px;}
	.rmlb {position:absolute; left:-2px; bottom:-2px; height:20px; width:20px; background:#100019;}
	.rmlb:before{content:''; display:inline-block; position:absolute; left:0; top:0; border-right:2px solid #fff74b; border-top:2px solid #fff74b; width:10px; height:10px;}
	.rmlb:after{content:''; display:inline-block; position:absolute; right:0; bottom:0; border-top:2px solid #fff74b; border-right:2px solid #fff74b; width:12px; height:10px;}
	.rmrb {position:absolute; right:-2px; bottom:-2px; height:20px; width:20px; background:#100019;}
	.rmrb:before {content:''; display:inline-block; position:absolute; right:0; top:0; border-left:2px solid #fff74b; border-top:2px solid #fff74b; width:10px; height:10px;}
	.rmrb:after {content:''; display:inline-block; position:absolute; left:0; bottom:0; border-left:2px solid #fff74b; border-top:2px solid #fff74b; width:12px; height:10px;}
		.rmi__left {display:flex; align-items:center; font-family: 'PIXY'; color:#FFF74B; font-size:40px;}
		.rmi__left strong {margin-left:15px;}
		.rmi__right {color:#FFF74B; font-size:20px; letter-spacing:-.3px;}
	.rmi__body {padding:0 30px 0 30px;}
		.rmi__article {background:#1E002E; padding:32px;}
		.rmi__article ul {}
		.rmi__article ul li {margin-bottom:12px; position:relative; padding-left:30px;  font-size:16px; letter-spacing:-.3px; color:rgba(255,255,255,.75); line-height:1.3;}
		.rmi__article ul li:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:18px; height:18px; background:url('../images/dot.svg') center/contain no-repeat;}

.choose__section {max-width:1200px; margin:50px auto;}
	.choose__header {position:relative;display: flex; justify-content: flex-end; }
	.choose__header:before {content:''; display:inline-block; position:absolute; left:0; top:0; height:120px; width:120px; background:url('../images/dots.svg') center/contain no-repeat;}
	.choose__header h2 {color:#BA49FF; color: #BA49FF;margin-bottom: 25px;font-family: 'PIXY';font-size: 55px;line-height:.9; width:50%; margin-bottom:50px;}
.choose__table {display:flex; flex-flow:column;}
.choose__table .ct__row {}
.ct__list {display:flex; flex-wrap:wrap;}
	.ctl__item {width:33.33%;}
	.ctl__item.hide {visibility:hidden; opacity:0;}
	.ctl__item.mobile {display:none;}
		.clt__body {border:1px solid #FFF74B; position:relative; margin:4px; text-align:center;}
		.clt__body.violet i:before,
		.clt__body.violet i:after,
		.clt__body.violet {border-color:#BA49FF;}
		.clt__body img {vertical-align:bottom; max-width:100%; display:inline-block;}
 
@-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }		
@keyframes bounceIn { 0% { opacity: 0; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1.05); } 100% { opacity: 1; transform: scale(1); } }
 
/*** Slick Slider Style ***/
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;   -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;}
.slick-arrow.slick-hidden {display: none;}
.slick-dots {display:flex; justify-content: center;  margin-top:-20px;  }
.slick-dots li {margin:0 3px; display:flex; align-items:center;}
.slick-dots li button {border:0; display:block; width:6px; height:6px; overflow:hidden; text-indent:8px; white-space:nowrap; background: rgba(255,255,255,.5);
    opacity: 0.5; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; transition: all 300ms ease-in-out 0s; cursor:pointer; padding:0;}
.slick-dots li.slick-active button:focus {outline:none;}
.slick-dots li.slick-active button {opacity:1; background:#FF8D07; height:8px; width:8px;}
.slick-prev.slick-arrow,
.slick-next.slick-arrow {width:56px; height:56px; cursor:pointer; white-space:nowrap; text-indent:60px; border:0;   display:block; overflow:hidden; min-width:30px; position:absolute; left:10px; bottom:-60px; transition: all 300ms ease-in-out 0s; background:#F3F4F6 url('../images/chevron-left.svg') center/10px no-repeat; border-radius:60px;}
.slick-prev.slick-arrow {left:80px; background:#F3F4F6 url('../images/chevron-right.svg') center/10px no-repeat}
.slick-prev.slick-arrow:hover {opacity:1;}
.slick-prev.slick-arrow:focus,
.slick-next.slick-arrow:focus {outline:none;}
.slick-next.slick-arrow.slick-disabled,
.slick-prev.slick-arrow.slick-disabled {opacity:.7;}
.runrox__slider  {padding-bottom:40px;}
/*** Slick Slider Style  End***/
 
@media screen and (max-width: 1380px) {
	.choose__section,
	.upgrate__section,
	.about__section,
	.main__article,
	.footer__article,
	.article__page,
 .header__article {padding-left:10px; padding-right:10px;} 
 .copyright {left:10px;}
} 
@media screen and (max-width: 1160px) {
	 .roadmap__list .rl__item {    width: 41.6%;}
}
@media screen and (max-width: 1100px) {
	 .roadmap__list .rl__item {    width: 41.2%;}
}
@media screen and (max-width: 1070px) {
		 .roadmap__list .rl__item { width: 40.8%;}
}
@media screen and (max-width: 1024px) {
 .team__grid {max-width:100%;}
 .team__grid li {width:33.33%;}
 .team__grid li.empty {display:none;}
}
@media screen and (max-width: 1000px) {
		 .roadmap__list .rl__item {           width: 40.2%;}
}
@media screen and (min-width: 960px) {
	.clt__body.ltshort {background:red;}
	.ctl__item.ltshort {display:flex;align-items: flex-start; justify-content: flex-start;}
	.ctl__item.ltbig {display:flex;align-items: flex-start; justify-content: flex-start;}
	.ctl__item.ltshort .clt__body {width:60%; height:60%;}
	.ctl__item.ltbig .clt__body {width:100%; height:60%;}
	.ctl__item.ltbig .clt__body img {max-height:100%;}
	.ctl__item.lbshort {display:flex;align-items:flex-end; justify-content: flex-start;}
	.ctl__item.lbshort .clt__body {width:60%; height:60%;}
	.ctl__item.lbshort .clt__body img {}
	.ctl__item.ltrshort {display: flex; align-items: flex-start; justify-content: flex-end;}
	.ctl__item.ltrshort .clt__body {width:60%; height:60%; display: flex;justify-content: center;align-content: center;}
	.ctl__item.ltrshort .clt__body img {max-height:100%;}
	.ctl__item.lbrshort {display: flex; align-items: flex-end; justify-content: flex-end;}
	.ctl__item.lbrshort .clt__body {width:60%; height:60%;  display: flex;justify-content: center;align-content: center;}
	.ctl__item.lmb {min-height:320px;display:flex; align-items: flex-end;}
	.ctl__item.lmb .clt__body {height:192px; display: flex;justify-content: center;align-content: center; width:100%;} 
	.ctl__item.ltrshort .clt__body {height:140px;}
}
@media screen and (max-width: 960px) {
	.ct__row:nth-child(2) .ct__list {margin-left:-90px;}
.ctl__item.hide,
.ctl__item.mobile  {display:flex; visibility:inherit; opacity:1;}
.clt__body {width:100%;}
.ct__list {flex-wrap:nowrap;display: flex; align-items: center; align-content: space-around; }
.choose__table {max-width:100vw; overflow:auto;}
.ctl__item {width:100%; max-width:190px; min-width:190px; height:100%; margin-right:10px;}
.clt__body {height:100%;}
	.main__details h1 {font-size:200px;}
	.unit1 {bottom:55px;}
	.unit2 {top:20px; left:40px;}
	.unit3 {bottom:58px;}
	.ust__left {text-align:center; margin-bottom:30px;}
	.ust__left img {}
	.ust__right h2 {line-height:.7;}
.as__left {width:100%; text-align:center;}
.ust__right,
.ust__left,
.as__right {width:100%;}
.us__top,
	.about__section {flex-flow:column;}
	.ust__right p span,
	.as__right p span {display:none;}
	.rmi__right {font-size:18px;}
	.roadmap__section h1,
	.team__page h1,
	.static__page h1 {font-size:45px; text-align:left;}
	.static__page p {font-size:15px;}
 .da__left {display:none;}
 .da__right {width:100%; padding-left:0;}
 .download__table {margin-bottom:0;}
 .roadmap__list:before {left:0; margin-left:0;}
 .roadmap__list {padding-left:40px;}
 .roadmap__list .rl__item {width:100%;}
 .roadmap__item {max-width:100%;}
 .rmi__header:after {right:auto; left:-40px; margin:0; width:40px;}
 .roadmap__list .rl__item:nth-child(3) .rmi__header:before, .roadmap__list .rl__item:nth-child(1) .rmi__header:before {right:auto; left:-50px; margin:0;}
 .roadmap__list .rl__item:nth-child(2) {padding-top:50px}
 .roadmap__list .rl__item:nth-child(3) {margin-top:40px;}
 .roadmap__list .rl__item:nth-child(4) .rmi__header:before, .roadmap__list .rl__item:nth-child(2) .rmi__header:before {margin-left:-52px;}
 .roadmap__list .rl__item:nth-child(4) .rmi__header:after, .roadmap__list .rl__item:nth-child(2) .rmi__header:after {margin-left:-40px;}
 .rmi__left {font-size:30px;}
 .mainscreen {padding-bottom:150px;}
}
@media screen and (max-width: 800px) {
 .us__bottom {flex-flow:column;    justify-content: center;}
}
@media screen and (max-width:800px) {
	 .team__grid li {width:50%}
}
@media screen and (max-width: 780px) {
	.choose__header:before {display:none;}
	.choose__header h2 {width:100%; font-size:40px;}
	.main__details h1 {text-align:center; line-height:.7; margin-bottom:40px;}
.main__details h1 strong {display:block;}
.unit1 {display:none;}
.unit2 {top:-9px; width:30px; left:45px;}
.unit3 {bottom:26px;}
.unit2 img {width:100%;}
}
@media screen and (max-width: 720px) {
	body.viewNav {overflow:hidden;}
	body.viewNav:before {position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:#100019b0; z-index:10; content:'';-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
	body.viewNav .header__cover .logotype {opacity:.5;}
	.header__cover {position:relative; z-index:11;}
 .download__link {display:none;}
 .main__nav nav a {font-size:24px; margin-bottom:20px;}
 .main__nav nav a:nth-child(4) {margin-bottom:20px;}
 .main__nav nav a.hide {display:block;}
 .main__nav {position:fixed; right:0; top:0; bottom:0; background:#100019; padding:100px 50px 50px 50px;  z-index:20; min-height:100vh; overflow:auto; display:none; min-width:250px;}
 #mobileNav {display:inline-flex;}
 body.viewNav .main__nav {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; display:flex;}
  body.viewNav .main__nav a{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
  body.viewNav .main__nav a:nth-child(2) {animation-delay: .2s;}
  body.viewNav .main__nav a:nth-child(3) {animation-delay: .3s;}
  body.viewNav .main__nav a:nth-child(4) {animation-delay: .4s;}
  body.viewNav .main__nav a:nth-child(5) {animation-delay: .5s;}
  .closeNav {display:inline-block;}
}

@media screen and (max-width: 640px) {
 .footer__article {flex-flow:column;    align-items: flex-start;}
 .footer__article .logotype {margin-bottom:20px;}
 .footer__nav {width:100%; margin-bottom:20px;}
 .copyright {position:static;}
 footer {padding-bottom:30px; margin-top:0;}
 	.about__pics img {max-width:80px;}
}
@media screen and (max-width: 620px) {
 .article__page {padding-top:30px;}
}
@media screen and (max-width: 600px) {
	.main__links-case {flex-flow:column;}
.main__links-case .dti__body:first-child {margin:0 0 20px 0;}
.main__links-case .dti__body:last-child {margin:0;}
}
@media screen and (max-width: 560px) {
	.ust__right h2 {font-size:40px;}
	.team__item {padding-left:30px; padding-right:30px;}
}
@media screen and (max-width: 460px) {
	.main__details h1 {font-size:145px;}
	.unit2 {top:-18px; left:35px;}
	.unit3 {bottom:20px; left:30px;}
	.as__right h2 {font-size:45px;}
	.roadmap__section h1,
 .da__right h1 {font-size:45px; text-align:center;}
 .roadmap__section h1 {text-align:left;}
 .dt__item {margin-bottom:15px;}
 .dt__item {flex-flow:column;}
 .dti__body a {width:100%;}
 .avatars__row {height:180px;}
 .rmi__article ul li {font-size:14px;}
}
@media screen and (max-width: 420px) {
	.team__grid li {width:100%;}
	.team__item {margin-left:0; margin-right:0;}
}
@media screen and (max-width: 360px) {

}