*, *:before, *:after {
	box-sizing: border-box;
	transition: all 0.2s ease-in-out;
}
body{
	margin: 0;
	overflow-x: hidden;
	background-color: #13171c;
	font-family: 'proxima nova'
}
.overflow{
	overflow-y: visible;
}
::selection{
	background-color: #13171c;
	color: #efefef;
}
::-webkit-scrollbar{
	width: 8px;
}
::-webkit-scrollbar-thumb{
	background-color: #13171c;
}
::-webkit-scrollbar-track{
	background-color: #fff;
}
@font-face {
  src: url('fonts/Proxima Nova.otf');
  font-family: 'proxima nova';
}
@font-face {
  src: url('fonts/Cabin-Regular.ttf');
  font-family: 'cabin';
}
@font-face {
  src: url('fonts/Montserrat-Regular.ttf');
  font-family: 'montserrat regular';
}
@font-face {
  src: url('fonts/Proxima Nova bold.otf');
  font-family: 'proxi bold';
}
@font-face {
		src: url('fonts/PlayfairDisplay-Bold.ttf');
		font-family: 'playfair bold';
}
@font-face {
		src: url('fonts/PlayfairDisplay-Regular.ttf');
		font-family: 'playfair';
}
@font-face {
		src: url('fonts/JosefinSans-Regular.ttf');
		font-family: 'js';
}
.land{
	height: 100vh;
	width: 100vw;
	position: relative;
	z-index: 3;
}
.heading{
	font-family: 'js';
	color: #efefef;
	font-size: 90px;
	text-align: center;
	transition: 500ms;
	position: relative;
	z-index: 31;
	opacity: 0;
	letter-spacing: 4px;
	transition: 4s;
	transform: translateY(20vh);
}
.head_ac{
	transform: translateY(10vh);
	opacity: 1;
}
.planet{
	height: 90vh;
	background-image: url('assets/plan.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	top: 50%;
	position: absolute;
	transition: 4s;
	z-index: 2;
}
.t2{
	transform: translateY(-7vh);
}
.planet_ac{
	transform: scale(0.6, 0.6);
	margin-top: 55vh;
}
.mintop{
	margin-top: -100vh;
}
.absolute{
	position: absolute;
}
.bg2{

	width: 100vw;
}
.nav{
	width: 100vw;
	height: 20vh;
	opacity: 1;
	position: absolute;
	transition: 500ms;
	color: #efefef;
	padding-top: 10px;
	z-index: 400;

}
.bg3{
	padding-top: 20vh;
	padding-bottom: 20vh;
}
.item{
	width: 10vw;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  font-family: 'proxima nova';
  float: right;
  transition: 500ms;
}
.item:hover{
}
.company{
	width: 10vw;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  font-family: 'proxima nova';
	font-size: 25px;
}
.menu{
	display: inline-block;
    float: right;
}
.text{
	position: absolute;
}
.txt{
	font-size: 18px;
	color: #efefef;
	width: 30vw;
	margin-left: -15vmin;
	opacity:0;
	transition: 2s;
	display: inline-block;
}

.txt--active{
	transition-delay: 1s;
	margin-left: 0;
	opacity: 1;
}
.bg3{
	color: #efefef;
	height: 140vh;
	background-color: #13171c;
}
.text1{

}
.text2{
	transition-delay: 1.2s;
}
.text3{
	transition-delay: 1.4s;
}
.bgstone{
	transition-delay: 500ms;
    width: 60vw;
    background-image: url('assets/stone.png');
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
    height: 90vh;
    margin-top: -10vh;
    margin-left: 18vw;
		position: absolute;
    animation: elmt 0.4s linear infinite;
}
.bgstone:hover{
	animation: elmt 0.1s linear infinite;

}
.why{
	color: #fff;
	font-size: 17px;
	font-family: 'proxima nova';
	opacity: 0;
	transition: 500ms;
}
.bg4{
	text-align: center;
	height: 120vh;
	width: 100vw;
	color: #efefef;
	font-size: 30px;
	padding-top: 20vh !important;
	    background-color: #02142b;
}
.gemt{
	height: 20vh;
	text-align: center;
	font-family: 'cabin';
	opacity: 1;
	margin-top: 8vh;
	transition: 1s;
}
.gt_ac{
	opacity: 1;
	margin-top: 0;
}
.showimg{
	width: 40vw;
	float: left;
	display: inline-block;
	padding-top: 10vh;
	margin-left: 10vw;
}
.line{
	height: 2px;
	width: 20vw;
	transform: scaleX(1.5);
	background-color: #efefef;
	margin: auto;
}
.gt4{
	margin-top: -14vh;

}
.l4{
	transform: scaleX(1.7);

}
.gt2{
	margin-left: -6vw;
}
.h2{
	font-family: 'montserrat';
}


	.item_img1{
		margin: auto;
		height: 20vh;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url('assets/rock1.png');
	}
	.item_img2{
		margin: auto;
		height: 20vh;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url('assets/rock2.png');
	}
	.item_img3{
		margin: auto;
		height: 20vh;
		margin-top: 5vh;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url('assets/rock3.png');
	}
.bg4{
	padding-top: 20vh !important;

}
.cir_s{

	background-color: #fff;
	height: 50px;
	width: 50px;
	border-radius: 100%;
}
.circle{
		background-color: #fff;
    height: 30vh;
    width: 30vh;
    border-radius: 100%;
    padding-top: 12vh;
		opacity: 0.8;
    text-align: center;
    font-size: 30px;
    font-family: 'proxima nova';
}
.circle1{
	padding-top: 10vh;
}
.cs1{
	height: 30px;
	width: 30px;
	opacity: 0.4;
}
.cs2{
	opacity: 0.6;
	margin-left: 10px;
}
.cs11{
	height: 30px;
	width: 30px;
	opacity: 0.4;
}
.cs21{
	margin-right: -5px;
	margin-top: 20px;
	opacity: 0.6;
}
/*.planet{
	display: none;
}*/
.features{
	background-color: #13171c;

}
.feat_text{
	font-size: 20px;
	color: #efefef;
	padding-top: 15vh;
}
.cl2{
	float: right;

}
.cir2{
	float: right;
}

.circle2{
	float: right;
	margin-top: 50px;
	margin-right: -20px;
}
.cir2 .cs2{
	margin: 0;
	margin-left: 1px;
}
.header{
	color: #efefef;
	font-family: 'playfair';
	font-size: 40px;
}
.bg2{
	background-color: #003e53;
	padding-top: 20vh;
	padding-bottom: 20vh;
	background-image: linear-gradient(to bottom, #0A0A0A,#243038);
}
.box{
	margin-top: 5vh;
	padding-top: 20vh;
	padding-bottom: 20vh;
	background: #fff;
	box-shadow: 0px 0px 1px 0px #eee;
}
.navb{
	height: 100vh;
	width: 100vw;

}
.nav{
	display: none;
}
.navb .stars {
	margin-top: 100vh;
}
.navb .twinkling {
	margin-top: 100vh;
}
.libertas{
	font-size: 69px;
	color: #efefef;
	background-color: #13171c;
	opacity: 0;
	margin-top: 30vh;
	text-align: center;
	transition:3s;
	position: absolute;
	z-index: 10;
	font-family: 'playfair'
}
.lib_ac{
	margin-top:45vh;
	opacity: 0.6;
}
input, input:hover, input:focus{
  outline: none;
  background-color: transparent;
}
.nin{
	background: none;
  border: none;
  border-bottom: 2px solid #fff;
  text-align: left;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
  font-family: 'proxima nova';
  font-size: 17px;
  width: 45vw;
  margin: 10px;
  transition: 500ms;
	color: #fff;
}
.bg7{
	width: 100vw;
	height: 100vh;
	background-image: url('assets/galaxy.png');
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;

}
.features{
	padding-top: 20vh;
	padding-bottom: 20vh;
}
form, .header, .line{
	position: relative;
	z-index: 3;
}
.form_l{
	height: 100vh;
	width: 100vw;
	position: absolute;
	background-color: #13171c;
	opacity: 0.5;
	z-index: 1;
}
.h21{
	padding-top: 20vh;
}
.btn1{
	height: 10vh;
	width: 30vh;
	padding-top: 20px;
	text-align: center;
  font-size: 15px;
  border-radius: 5px;
	border: 3px solid #fff;
  color: #fff;
	transition: 500ms;
	position: relative;
	z-index: 30;
}
.btn2, .btn3, .btn4{
		height: 10vh;
		width: 30vh;
		padding-top: 20px;
		text-align: center;
	  font-size: 15px;
	  border-radius: 5px;
		border: 3px solid #fff;
	  color: #fff;
		transition: 500ms;
		position: relative;
		z-index: -3;
		opacity: 0;
		transition: 500ms;
	}
	.btn4{
		opacity: 1;
		z-index: 30;
	}
	.pole{
		position: relative;
	}
	.finish, .finish2{
		font-size: 50px;
		color: #fff;
		font-family: 'cabin';
		margin-top: -5vh;
		opacity: 0;
	}
.cards, .candidates{
	padding-left: 10vw;
	margin-top: -10vh;

}
.candidates{

}
.bx2{
  width: 10vw;
  margin: auto;
  margin-top: 5vh;
  cursor: pointer;
  transition: 500ms;
}
.btn1:hover{
	box-shadow: inset 0px 11vh 0px 0px #fff;
	color: #000;
}
.btn2:hover{
	box-shadow: inset 0px 11vh 0px 0px #fff;
	color: #000;
}
.btn3:hover{
	box-shadow: inset 0px 11vh 0px 0px #fff;
	color: #000;
}
.btn4:hover{
	box-shadow: inset 0px 11vh 0px 0px #fff;
	color: #000;
}
.card, .cand{
	height: 40vh;
	width: 40vh;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px #000;
	margin: auto;
	padding:0;
	margin: 3vh;
	opacity: 0;
	transition: 500ms;
	cursor: pointer;
}
.money{
	height: 20vh;
	width: 40vh;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 30px;
	padding-top: 40px;
}
.details{
	height: 20vh;
	text-align: center;
	font-family: 'proxima nova';
	padding-top: 5vh;
	width: 40vh;
	padding-left: 15px;
	padding-right: 15px;
}
.green{
	background-color: teal;
}
.h22, .l22{
	transform: translateY(-10vh);
}
.l2{
	width: 10vw;
}



	.stars, .twinkling, .clouds {
	  position:absolute;
	  top:0;
	  left:0;
	  right:0;
	  bottom:0;
	  width:100%;
	  height:100%;
	  display:block;
		z-index: -30;
	}


	.stars {
	  background:#01132a url('assets/starst.png') repeat top center;
	  z-index:0;
	}

	.twinkling{
	  background: transparent url('assets/stars.png') repeat top center;
		opacity: 0.4;
	  z-index:1;
	  animation:move-twink-back 150s linear infinite;
	}
	.vote{
		height: 30vh;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.v1{
		background-image: url('assets/elon.jpg');
	}
	.v2{
		background-image: url('assets/jeff.jpg');
	}
	.v3{
		background-image: url('assets/bill.jpg');
	}

	.pro{
		position: fixed;
		z-index: 100;
		height: 100vh;
		width: 100vw;
		background-color: #13171c;
		margin-left: 100vw;
		transition: 500ms;
		padding-top: 30vh;
	}
	.pro_ac{
		margin-left: 0vw;
	}
	.damn{
		height: 30vh;
		width: 30vw;
		color: #13171c;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		transition: 500ms;
	}
	.left{
		float: left;
		margin-left: 20vw;
		background-image: url('assets/spidy.png');
	}
	.right{
		float: right;
		margin-right: 20vw;
		background-image: url('assets/deadpool.png');
	}
	.cross1{
		position: relative;
		z-index: 3000;
		float: right;
		cursor: pointer;
		margin-top: -10vh;
	}
	.bar{
		height: 3px;
		width: 40px;
		background-color: #efefef;
		margin-right: 10vw;
		margin-top: 5px;
		transform: rotate(45deg);
	}
	.bar2{
		margin-top: 0;
		transform: rotate(-45deg);
	}



.hide{
	opacity: 0;
}
.show{
	opacity: 1;
	z-index: 10;
}

@keyframes move-twink-back {
		from {background-position:0 0;}
		to {background-position:-10000px 5000px;}
}
@keyframes move-clouds-back {
		from {background-position:0 0;}
		to {background-position:10000px 0;}
}

@keyframes elmt {
	0%{
		transform: rotate(0deg);
	}
	25%{
		transform: rotate(1deg);
	}
	50%{
		transform: rotate(0deg);
	}
	75%{
		transform: rotate(-1deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
@keyframes mtb {
	0%{
		transform: rotate(0deg);
	}
	25%{
		transform: rotate(8deg);
	}
	50%{
		transform: rotate(0deg);
	}
	75%{
		transform: rotate(-8deg);
	}
	100%{
		transform: rotate(0deg);
	}
}

@media screen and (max-width:500px) {
	.bg3{
		display: none;
	}
	.btn1, .bt2, .btn3, .btn4{
		width: 70vw;
	}
}