@font-face {
	font-family: 'Source';
	src:url('sourcesanspro-regular-webfont.woff2') format('woff2'),
		url('sourcesanspro-regular-webfont.woff') format('woff'),
		url('sourcesanspro-regular-webfont.ttf')  format('truetype');
}

@font-face {
	font-family: 'SourceBold';
	src:url('sourcesanspro-bold-webfont.woff2') format('woff2'),
		url('sourcesanspro-bold-webfont.woff') format('woff'),
		url('sourcesanspro-bold-webfont.ttf')  format('truetype');
}

html{
	overflow:hidden;
}

html,body{
	margin:0;
	background:#460e55;
	color:white;
	font-family:Source;
	overflow-X:hidden;
	overflow-Y:visible;
}

.patternDiv{
	position:absolute;
	z-index:10;
	width:100%;
	height:300vw;
	background:url(taskhive-pattern-white.png) repeat top center;
	pointer-events: none;
	opacity:.03;
}

.headerImage{
	position:absolute;
	top:40%;
	right:300px;
	transform:translateY(-175px);
	height:100vh;
	width:90%;
	background:url(taskhive-symbol-yellow.svg) no-repeat top center;
	background-size:128px;
}

.headerText{
	position:absolute;
	top:40%;
	right:0;
	transform:translateY(-170px);
	width:90%;
	font-family:SourceBold;
	font-size:6.5em;
	text-align:center;
}

.headerText2{
	position:absolute;
	top:40%;
	transform:translateY(-65px);
	font-size:1.6em;
	width:90%;
	right:0;
	text-align:center;
}

.headerText3{
	position:absolute;
	top:40%;
	right:165px;
	width:90%;
	font-size:1em;
	height:3.7em;
	text-align:center;
}

.rzzt{
	background: url(rzzt.svg) no-repeat bottom center;
	background-size:120px;
}

.downloadButtonDiv{
	position:absolute;
	z-index:2;
	top:40%;
	transform:translateY(15px);
	width:90%;
	right:-80px;
	text-align:center;
}

.downloadButton{
	background:rgba(30,30,30,.4) url(taskhive-symbol-grey-small.png) no-repeat top left;
	border:none;
	border-radius:15px;
	color:#fff;
	padding-left:2.25em;
	padding-right:.8em;
	margin-left:.3em;
	margin-right:.3em;
	height:2em;
	font-size:1.5em;
	cursor:pointer;
	font-family:Source;
}

.arrow{
	position:absolute;
	top:35%;
	transform:translateY(360px);
	width:100%;
	height:100px;
	background:url(down-arrow-white.svg) no-repeat center;
	background-size:50px;
	cursor:pointer;
}
#desc {
	position:absolute;
	top:75%;
}
#getAnythingDoneDiv{
	position:absolute;
	transform:translateY(600px);
	width:100%;
}

#noFees{
	position:absolute;
	transform:translateY(900px);
	width:100%;
}

#sellYourServices{
	position:absolute;
	transform:translateY(1200px);
	width:100%;
}

#paymentFlexibility{
	position:absolute;
	transform:translateY(600px);
	width:100%;
}

#strongGuarantee{
	position:absolute;
	transform:translateY(900px);
	width:100%;
}

#noAds{
	position:absolute;
	transform:translateY(1200px);
	width:100%;
}

#whyPrivacy{
	position:absolute;
	z-index:11;
  top:10vw;
	transform:translateY(2190px);
	width:100%;
}

#privacySchpele{
	background:rgba(146,27,179,1);
	width:100%;
}

#infoSharing{
	background:rgba(55,26,64,1);
	width:100%;
}

.readyToTry{
	position:absolute;
  top:10vw;
	transform:translateY(1700px);
	width:100%;
  text-align:center;
  background: rgba(0,255,255,.45);
  padding-top:80px;
  padding-bottom:80px;
}

.readyToTryText{
  font-size:4em;
  color:white;
}

.readyToTryText2{
  font-size:2em;
}

#pointAnimationDiv{
	width:100%;
}

.leftDiv{
	width:50%;
	float:left;
	text-align:right;
	padding-right:0%;
	height:20vw;
}

.rightDiv{
	width:45%;
	float:left;
	height:25vw;
	margin-right:5%;
	margin-top:2%;
}


#pointAnimation{
	z-index:-1;
	position:absolute;
}

.pointCanvas{
	width:100%;
	height:180vw;
}

.mapCanvas{
	width:100%;
	height:400px;
  margin-top:-2vw;
}

canvas{
	display:block;
}

#noscript_map{
	width:100%;
	height:12.5vw;
  margin-top:-1vw;
}

.bold{
	font-family:SourceBold;
	font-size:2.2vw;
}

.normal{
	font-family:Source;
	font-size:1.2vw;	
}

img{
	display:block;
}

hr{
	border:1px solid #456;
}

.clear{
	clear:both;
}

button:focus {
	outline:0;
}

.leftColumn{
  position:absolute;
  width:55vw;
  top:400px;
}

.rightColumn{
  position:absolute;
  width:50vw;
  left:56%;
  top:400px;
}
.warningDiv{
  width:600px;
  text-align:justify;
  border-radius:10px;
  padding:5px;
  background:rgba(30,10,10,.3);
  margin-left:auto;
  margin-right:auto;
	font-size:1em;
}