html, body {
    height: 100%;
	font-family: 'Clear Sans', sans-serif;
	margin: 0;
	padding: 0;
}
html, body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
html, body {
	background-image: url(../images/bg001.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.header {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
    height: 100px;
	padding: 0 20px;
}
.header .titleHrefDiv{
	-webkit-flex-grow: 1; 
	flex-grow: 1;
	font-size: 30px;
}
.header a,
.headerMenuDiv a{
	color: #000;
	text-decoration: none;
}
.headerLinks a,
.headerMenuDiv a{
	padding: 0 10px;
	font-size: 18px;
	-webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.titleHref{
	white-space: nowrap;
	font-weight: 900;
}
.titleHref span,
.headerLinks a:hover,
.headerMenuDiv a:hover{
	color: #8923b4;
}
.DiscordLink{
	display: inline-block;
	background: #000;
    border-radius: 30px;
    vertical-align: middle;
    margin: 0 0 0 30px;
}
.DiscordLink:hover,
.DiscordLink:active{
	background: #fff;
}
.DiscordLink:before{
	content: "";
	background-image: url(../images/Discord-Logo-Color.svg);
    width: 25px;
    height: 40px;
    background-size: 25px;
    background-position: 0px 12px;
    display: inline-block;
    background-repeat: no-repeat;
}
.headerMenu {
	width: 40px;
	height: 40px;
	background-image: url(../images/menuWhite.svg);
	background-position: center center;
	background-size: 40px;
	cursor: pointer;
    margin-left: 20px;
}
.headerMenu:before {
	content:"";
}
.headerMenuDiv{
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;	
	text-align: center;
	background-color: #132631;
	padding: 20px;
	z-index: 20;
}
.headerMenuDiv a{
	display: block;
	padding: 5px;
}
.headerMenu,
.headerMenuDiv{
	display: none;
}
.headerPicContainer,
.bodyPicContainer{
	min-height: 200px;
    height: 50vh;
    background-color: transparent;
	position: relative;
    width: 100%;
    overflow: hidden;
	box-shadow: 0 14px 28px rgb(0 160 130 / 25%)/*, 0 10px 10px rgb(0 0 0 / 22%)*/;
}
.headerText,
.headerPic,
.headerPicGr,
.bodyText,
.bodyPic,
.bodyPicGr{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	min-height: 200px;
    height: 50vh;
}
.bodyPicContainer,
.bodyText,
.bodyPic,
.bodyPicGr{
	min-height: 200px;
    height: 30vh;
}
.headerPic,
.bodyPic{
    background-position: right top;
    background-attachment: scroll;
    background-image: url(../images/lines001.png);
    /*background-size: cover;*/
    background-repeat: no-repeat;
	background-color: transparent;
    z-index: 0;
}
.bodyPic{
	background-image: url(../images/shutterstock_152256056smooth.jpg);
}
.headerPicGr,
.bodyPicGr{
	background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(60,190,250,0.2)), to(rgba(216,42,246,0.15)) );
    background-image: -webkit-linear-gradient(top, rgba(60,190,250,0.2), rgba(216,42,246,0.15));
    background-image: linear-gradient(to bottom, rgba(60,190,250,0.2), rgba(216,42,246,0.15));
	background-color: transparent;
    z-index: 10;
}
.headerPicAnim{
	position: absolute;
    top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	box-sizing: border-box;
	margin-right: 20px;
}
.headerPicAnim>span{
	display: inline-block;
	position: absolute;	
	width: 50px;
	height: 50px;
	border-radius: 3px;
}
.cube001{	
    bottom: 35px;
	right: 5px;	
	background-color: blue;
	animation: cube1 10s linear 0s infinite alternate-reverse forwards;
}
.cube002{	
    bottom: 35px;
	right: 73px;	
	background-color: black;
	animation: cube1 7s linear 1s infinite alternate-reverse forwards;
}
.cube003{	
    bottom: 35px;
	right: 126px;	
	background-color: orange;
	animation: cube1 5s linear 0s infinite alternate-reverse forwards;
}
.cube004{	
    bottom: 88px;
	right: 126px;	
	background-color: aqua;
	animation: cube1 10s linear 3s infinite alternate-reverse forwards;
}
.cube005{	
    bottom: 141px;
	right: 73px;	
	background-color: yellow;
	animation: cube2 8s linear 0s infinite alternate-reverse forwards;
}
.cube006{	
	width: 100px !important;
    bottom: 88px;
	right: 20px;	
	background-color: violet;
	animation: cube1 6s linear 0s infinite alternate-reverse forwards;
}
.cube007{	
    bottom: 194px;
	right: 73px;	
	background-color: green;
	animation: cube2 8s linear 1s infinite alternate-reverse forwards;
}
.cube008{	
    bottom: 35px;
	right: 179px;	
	background-color: green;
	animation: cube2 6s linear 0s infinite alternate-reverse forwards;
}
.cube009{	
    bottom: 35px;
	right: 232px;	
	background-color: lime;
	animation: cube1 4s linear 3s infinite alternate-reverse forwards;
}
.cube010{	
	width: 100px !important;
    bottom: 247px;
	right: 45px;
	border-radius: 50px 50px 3px 3px !important;	
	background-color: red;
	animation: cube2 6s linear 0s infinite alternate-reverse forwards;
}
@keyframes cube1 {
	0% {
		transform: translate(0);
	}

	10% {
		transform: translate(-1px, -1px);
	}

	20% {
		transform: translate(1px, -1px);
	}

	30% {
		transform: translate(-1px, 1px);
	}

	40% {
		transform: translate(1px, 1px);
	}

	50% {
		transform: translate(-1px, -1px);
		opacity: 50%;
		background-color: red;
	}

	60% {
		transform: translate(1px, -1px);
	}

	70% {
		transform: translate(-1px, 1px);
	}

	80% {
		transform: translate(-1px, -1px);
	}

	90% {
		transform: translate(1px, -1px);
	}

	100% {
		transform: translate(0);
	}
}
@keyframes cube2 {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}

	10% {
		transform: translateX(-2px) rotate(-6deg);
	}

	20% {
		transform: translateX(1px) rotate(6deg);
	}

	30% {
		transform: translateX(-1px) rotate(-3.6deg);
	}

	40% {
		transform: translateX(2px) rotate(2.4deg);
	}

	50% {
		transform: translateX(-2px) rotate(-1.2deg);
		opacity: 50%;
		background-color: blue;
	}
}
.headerText,
.bodyText{
	z-index: 30;
    box-sizing: border-box;
	display: -webkit-flex; 
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
}
.headerText-1{
	text-align: right;
}
.bodyText{
	-webkit-justify-content: center;
	justify-content: center;
}
.headerText-2,
.headerText-3,
.headerText-4,
.bodyText-1,
.bodyText-2{
	text-align: center;
	color: #000;
	padding: 10px 0;
}
.bodyText-1,
.bodyText-2{
	text-align: left;
	padding: 20px 0;
	margin: 0 5vw;
}
.headerText-2,
.bodyText-1{
	font-size: 50px;/*5.5vw*/
	font-weight: 600;
}
.headerText-3,
.bodyText-2{
	font-size: 30px;/*3vw*/
	font-weight: 400;
}
.headerText-4 a{
	display: inline-block;
	font-size: 20px;
	line-height: 3;
    border-radius: 20px;
	padding: 0 30px;
	margin: 10px;
	color: #fff;
	font-weight: 600;
	white-space: nowrap;
	text-decoration: none;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.headerText-4 a:hover{
	color: #000;
}
.headerText-4 a:first-child{
	background-color: #ff8903;
}
.headerText-4 a:first-child:hover{
	background-color: #ffbb00;
}
.headerText-4 a:nth-child(2){
	background-color: #008cff;
}
.headerText-4 a:nth-child(2):hover{
	background-color: #5bb1fc;
}
.addressText{
	display: inline-block;
    color: #132631;
    font-size: 20px;
    font-weight: 400;
    padding: 15px 30px;
    background-color: rgba(255,255,255,0.5);
    list-style-type: none;
    margin: 0 40px 0 0;
}
.addressText li{
	line-height: 1.5;
	white-space: nowrap;
}
.addressText li a{
	text-decoration: none;
	color: #ff8903;
}
.addressText li:first-child a{
	color: #132631;
}
.addressText li:nth-child(2) a{
	color: #1155cc;
}
.addressText li:nth-child(4) a{
	display: inline-block;
	margin: 0 5px;
}
.subTitle{
	padding: 0 20px;
}
.subTitle span{
	display: block;
	color: #000;
	text-align: center;
}
.subTitle span>a>img{
	width: 180px;
	opacity: 0.8;
}
.subTitle .subTitleHead,
.mainTxt .subTitleHead{
	font-size: 40px;
	font-weight: 600;
}
.mainTxt .subTitleHeadSm{
	font-size: 30px;
	font-weight: 500;
}
.subTitle .subTitleTxt,
.mainTxt .subTitleTxt{
	font-size: 24px;
	font-weight: 300;
	margin: 20px;
}
.mainTxt{
	width: 80%;
	text-align: left;
	margin: 50px auto;
}
.mainTxt span{	
	display: block;
}
.mainTxt a{	
	color: #ff8903;
    text-decoration: none;
}
.N3blocks{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.N3blocks div{
	border: solid 1px #888;
	box-sizing: border-box;
	background-color: #999;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	background-blend-mode: multiply;
	padding: 20px;
	margin: 10px;
	text-align: center;
	min-width: 300px;
	width: 30%;
}
.N3blocks div:nth-child(1){
	background-image: url(../images/logisticpic2.jpg);
}
.N3blocks div:nth-child(2){
	background-image: url(../images/shutterstock_1381790421.jpg);
}
.N3blocks div:nth-child(3){
	background-image: url(../images/shutterstock_1652327151.jpg);
}
.N3blocks div p{
	color: #fff;
	font-size: 16px;
}
.N3blocks div p:first-child{
	font-size: 30px;
	font-weight: 600;
	
}
.logosContainer,
.docSlider{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-justify-content: center;
}
.logosContainer div{
	padding: 20px;
}
.logosContainer div img{
	max-width: 200px;
}
.marginT50{
	margin-top: 50px;
	margin-bottom: 50px;
}
.docSliderContainer{
	background-color: #cad5de;
	padding: 90px 10px;
	min-height: 360px;
}
.docSlider{
	max-width: 960px;
    margin: 0 auto;
	min-height: 360px;
	align-content: center;
	-webkit-align-content: center;
}
.docSlider>div{
	border: solid 1px blue;
}
.docSlider>div:nth-child(1),
.docSlider>div:nth-child(3){
	padding: 160px 20px;
}
.docSliderBody{
	flex-grow: 1;
	-webkit-flex-grow: 1;
	min-height: 360px;
	position: relative;
}
.leftArr,
.rightArr{
	padding: 10px;
	width: 34px;
    height: 34px;
    background: transparent;
	-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	box-sizing: border-box;
	cursor: pointer;
}
.leftArr{
	border-left: 1px solid;
    border-bottom: 1px solid;
}
.rightArr{
	border-top: 1px solid;
    border-right: 1px solid;	
}
.leftArr:hover,
.rightArr:hover{
	border-width: 2px;
}
.docSliderDots{
	text-align: center;
	padding: 20px;
}
.sliderDot{
	width: 7px;
    height: 7px;
    margin: 0 5px;
	background-color: #132631;
	border-radius: 10px;
	opacity: .5;
	display: inline-block;
	cursor: pointer;
}
.sliderDot.activeDot{
	opacity: 1;
}
.docSliderDocs{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
	z-index: -1;	
}
.docSliderDocs.active{
	z-index: 1;
}
.sliderDoc{
	border: solid 1px red;
	display: -webkit-flex;
	display: flex;
	width: 700px;
	margin: 0 auto;
    background-color: #fff;
	max-height: 360px;
}
.sliderDoc img{
	max-height: 360px;
}
.sliderDocPic{
	width: 240px;
	min-width: 240px;
	height: 360px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sliderDocPic.pic1{
	background-image: url(../images/otzivBakaleya2a.jpg);
}
.sliderDocPic.pic2{
	background-image: url(../images/otzivNPService01.jpg);
}
.sliderDocTxt{
	font-size: 18px;
    line-height: 1.55;
    padding: 40px 45px;
    box-sizing: border-box;
	font-weight: 300;
}
.sliderDocTxt>p{
	font-weight: 600;
	margin-bottom: 0;
}
.sliderDocTxt>a{
	color: #ff8903;
    text-decoration: none;
}
.sliderDocTxt>p,
.sliderDocTxt>a{
	font-size: 16px;
}
.videoBlock iframe{
	width: 60vw;
    height: 340px;
}
.mainPPicBlock{
	border: solid 1px red;
	display: -webkit-flex;
	display: flex;
	width: 60vw;
    margin: 50px auto;	
}
.mainPPicBlock div{
	box-sizing: border-box;
}
.mainPPicB1,
.mainPPicB2/*,
.mainPPicB1-2,
.mainPPicB1>div:first-child img*/{
	width: 50%;
}
.mainPPicB1-2>div img{
	width: 12.8vw;
}
.mainPPicB1,
.mainPPicB1-2{
	display: -webkit-flex;
    display: flex;
}
.mainPPicB1{
		-webkit-flex-direction: column;
		flex-direction: column;	
}
.mainPPicB2{	
	background-position: center left;
	background-image: url(../images/logisticpic3.jpg);
	color: #fff;
	padding: 20px;
}
.mainPPicB1>div,
.mainPPicB1-2 div,
.mainPPicB2{
	margin: 5px;
	background-size: cover;
    background-repeat: no-repeat;
}
.mainPPicB1>div,
.mainPPicB1-2>div{
	background-position: center;
}
.mainPPicB1>div:first-child{
	background-image: url(../images/shutterstock_312715829sq.jpg);
	min-height: 200px;
}
.mainPPicB1-2>div:first-child{
	background-image: url(../images/shutterstock_296168852sq.jpg);
}
.mainPPicB1-2>div:nth-child(2){
	background-image: url(../images/shutterstock_120390298sq.jpg);
}
.mainPPicB1-2>div:first-child,
.mainPPicB1-2>div:nth-child(2){
	min-height: 100px;
	width: 50%;
	min-width: 100px;
}
.paraPic1{
	background-size: cover;
    background-repeat: no-repeat;
	background-position: 50% 70%;
	background-image: url(../images/atmsbkgr005.jpg);
	width: 100%;
	min-height: 250px;
}
.ulTxt{
	font-size: 1.5em;
	width: 80%;
    margin: 10px auto 50px auto;
}
.ulTxt span{
	display: block;
	padding: 10px 10px 10px 40px;
	background-image: url(../images/liBullet1.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.twoDivsCol{
	display: -webkit-flex;
    display: flex;
	width: 90vw;
    margin: 0 auto;
}
.twoDivsCol div{
	padding: 10px;
	margin: auto 0;
}
.twoDivsCol div span{
	display: block;
    margin: 30px 0;
    font-size: 1.4em;
}
.twoDivsCol div img{
	width: 40vw;
}
.divBigGray{
	padding: 120px 20px;
    background-color: #cad5de;
	text-align: center;
}
.divBigGray a{
	color: #fff;
    background-color: #d60045;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	padding: 10px 50px;
	text-decoration: none;	
    font-size: 1.4em;
}
.arrSvg{
	width: 45px;
    position: absolute;
	margin-left: -70px;
    margin-top: -40px;
	
}
.footer{
	background-color: #d6433d6b;
	display: -webkit-flex;
    display: flex;
    padding: 10px;	
}
.footer span{
	display: inline-block;
	padding: 0 10px;
}
.nftPicsAll,
.nftPicsLine,
.nftPicsLine>div{
	display: -webkit-flex;
	display: flex; 
}
.nftPicsAll,
.nftPicsLine>div{
	-webkit-flex-direction: column;
	flex-direction: column;
}
.nftPicsLine{
	-webkit-justify-content: space-evenly;
	justify-content: space-evenly;
}
.nftPicsLine>div{
	
}
.nftPicsLine>div>span:first-child{
	width: 170px;
	height: 170px;
	border: solid 5px #ffffff70;
	margin: 10px;
	background-position: center center;
    background-repeat: no-repeat;
}
.nftPicsLine>div:nth-child(1)>span:first-child{
	background-image: url(../images/nftcube001.jpg); 
}
.nftPicsLine>div:nth-child(2)>span:first-child{
	background-image: url(../images/nftcube002.jpg); 
}
.nftPicsLine>div:nth-child(3)>span:first-child{
	background-image: url(../images/nftcube003.jpg); 
}
.nftPicsLine.two>div:nth-child(1)>span:first-child{
	background-image: url(../images/nftcube004.jpg); 
}
.nftPicsLine.two>div:nth-child(2)>span:first-child{
	background-image: url(../images/nftcube005.jpg); 
}
.nftPicsLine.two>div:nth-child(3)>span:first-child{
	background-image: url(../images/nftcube006.jpg); 
}
.nftPicsLine>div>span:nth-child(2){
	margin: 0 10px 15px 10px;
	text-align: right;
}
.mainTxt .picBtns{
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.picBtns>div{
	
}
.buyBtn{
	display: inline-block;
	padding: 4px 20px 7px 20px;
	background-color: #000;
	color: #fff !important;
	font-weight: 500;
	border-radius: 10px;
	margin-left: 15px;
}
.buyBtn:hover,
.buyBtn:active{
	background-color: #f90;
	color: #000 !important;
}
.playBtn{
	display: inline-block;
	padding: 4px 20px 7px 20px;
	background-color: #999;
	color: #000 !important;
	font-weight: 500;
	border-radius: 10px;
	margin-left: 15px;
	cursor: default;
	opacity: 50%;
}/*
.playBtn:hover,
.playBtn:active{
	background-color: #f90;
	color: #000 !important;
}*/
@media (max-width: 980px){
	.N3blocks{
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-items: center;
		align-items: center;
	}
	.N3blocks div{
		width: 90%;
	}
	.N3blocks div:nth-child(1){
		background-position: center 90%;
	}
	.N3blocks div:nth-child(3){
		background-position: center 30%;
	}	
	.videoBlock iframe{
		height: 330px;
	}
}
@media (max-width: 800px){
	.headerLinks a{
		font-size: 16px;
	}	
	.headerText-2{
		font-size: 40px;
	}
	.headerText-3{
		font-size: 24px;
	}	
	.sliderDoc{
		width: 600px;
	}
	.sliderDocTxt {
		font-size: 2.5vw;
		line-height: 1.45;
		padding: 4vw;
	}
	.sliderDocTxt p,
	.sliderDocTxt a{
		font-size: 2.2vw;
	}	
	.videoBlock iframe{
		height: 260px;
	}
}
@media (max-width: 750px){
	.docSlider {
		min-height: 400px;
	}
	.sliderDoc{
		-webkit-flex-direction: column;
		flex-direction: column;
		min-height: 400px;
		width: 75vw;
	}
	.sliderDocPic{
		width: 100%;
		height: 170px;
	}
	.mainPPicB1-2>div:first-child,
	.mainPPicB1-2>div:nth-child(2){
		min-width: 80px;
	}
}
@media (max-width: 640px){
	.headerMenu{
		display: inline-block;
	}	
	.headerText-2,
	.bodyText-1{
		font-size: 30px;
	}
	.headerText-3,
	.bodyText-2{
		font-size: 18px;
	}
	.sliderDoc {
		width: 70vw;
	}	
	.videoBlock iframe{
		height: 210px;
	}
}
@media (max-width: 550px){
	.sliderDoc {
		width: 65vw;
	}	
	.videoBlock iframe{
		height: 180px;
	}
	.mainPPicB1-2>div:first-child,
	.mainPPicB1-2>div:nth-child(2){
		min-width: 60px;
	}
}
@media (max-width: 375px){
	.sliderDoc {
		width: 50vw;
	}
	.sliderDocPic {
		min-width: 50vw;
	}	
	.videoBlock iframe{
		height: 120px;
	}
	.subTitle .subTitleHead,
	.mainTxt .subTitleHead{
		font-size: 30px;
	}
	.subTitle .subTitleTxt,
	.mainTxt .subTitleTxt{
		font-size: 18px;
	}
	.mainPPicB1-2>div:first-child,
	.mainPPicB1-2>div:nth-child(2){
		min-width: 40px;
	}
}
@media (max-width: 320px){
	.sliderDoc {
		width: 45vw;
	}
	.sliderDocPic {
		min-width: 45vw;
	}	
	.headerText-2,
	.bodyText-1{
		font-size: 24px;
	}
	.headerText-3,
	.bodyText-2{
		font-size: 16px;
	}
	.headerText-4 a{
		font-size: 18px;
	}
}