/* 
	RESET CSS
*/

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;
}
/* HTML5 display-role reset for older browsers */
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;
}

/* 
	Custom CSS
*/


body {
	color:#000;
	background: #fff;
    font-family: 'Poppins', sans-serif;
}
body.overflow-hidden {
	overflow: hidden;
}

html,
body{
	position: relative;
	height: 100%;
}

h3 {
	font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.2;
}

section#officiell article {
	margin: 280px auto;
	max-width: 580px;
	text-align: center;
	box-sizing: border-box;
}
section#officiell article h3 {
	font-size: 38px;
	text-align: left;
	line-height: 48px;
}
section#officiell article p {
	font-size: 18px;
	color: #666;
	line-height: 24px;
	text-align: left;
}
@media only screen and (min-width: 580px) {
	section#officiell article h3 {
		text-align: center;
		font-size: 42px;
	}
	section#officiell article p {
		padding: 0 20px;
		text-align: center;
	}
}
section#officiell article .button {
	max-width: 175px;
	margin: 0 auto;
	margin-top: 40px;
}
/* Footer */
section.wave-holder {
	overflow: hidden;
	width: 100%;
	position: relative;
	top: 10px;
	z-index: 1;
}
section.wave-holder img {
	position: relative;
	width: 104%;
	left: -2%;
}
footer {
	color: #fff;
    background: #f4f5f9;
    width: 100%;
    position: relative;
    padding: 100px 0;
}

footer::before {
	background: url('../img/footer-wave.svg');
	position: absolute;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 0;
	top: -300px;
	background-size: 102%;
	background-position: -30px;
	height: 100%;
	background-repeat: no-repeat;
}

.footer-container {
	box-sizing: border-box;
	display: grid;
	color: #000;
	grid-template-columns: repeat(1,1fr);
}
.left-footer h3 {
	line-height: 42px;
	font-size: 32px;
	margin-bottom: 40px;
	color: #000;
}
.footer-container p {
	font-size: 18px;
	line-height: 24px;
	color: #444;
	margin-bottom: 20px;
}
.footer-container ul, .footer-container strong {
    color: #1a46e5;
    font-size: 18px;
}
.footer-container ul {
	margin-top: 40px;
}

.footer-container ul li {
	margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
	.footer-container {
		grid-gap: 120px;
		grid-template-columns: repeat(2,1fr);
	}
	.left-footer h3 {
		line-height: 54px;
		font-size: 44px;
	}
	.footer-container ul {
		margin-top: 0;
	}
}
strong {
	font-weight: bolder;
	color: #333;
}

.mobile-only {
	display: block !important;
}
.desktop-only {
	display: none !important;
}
@media only screen and (min-width: 992px) {
	.mobile-only {
		display: none !important;
	}
	.desktop-only {
		display: block !important;
	}
}

.width-container {
	width: 100%;
	margin:0 auto;
	padding: 0 20px;
	max-width: 580px;
}
@media only screen and (min-width: 768px) {
	.width-container {
		padding: 0;
	}
}
@media only screen and (min-width: 992px) {
	.width-container {
		max-width: 890px;
	}
}
@media only screen and (min-width: 1200px) {
	.width-container {
		max-width: 1024px;
	}
}
@media only screen and (min-width: 1400px) {
	.width-container {
		max-width: 1280px;
	}
}

#main {
	position: relative;
	height: 100%;
	min-height: 700px;
}

#text {
	height: unset;
	min-height: unset;
	padding: 80px 0;
}
#text img {
	width: 100%;
	height: auto;
	margin: 40px auto;
}

#main::before {
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	height: calc(100% - 100px);
	width: 70%;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-size: contain;
	background-image: url('./../img/spaceislife.png');
}

@media only screen and (min-width: 768px) {
	#main::before {
		width: 50%;
	}
}

#main video {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}

#about .container {
	padding-top: 100px;
	box-sizing: border-box;
}
#about .container article {
	display: grid;
	grid-auto-flow: dense;
	justify-items: center;
	grid-gap: 115px;
	grid-template-columns: repeat(1,1fr);
	align-items: center;
	grid-row-gap: 0px;
	margin-bottom: 120px;
}
#about .container article img {
	margin-bottom: 40px;
}

@media only screen and (min-width: 992px) {
	#about .container {
		grid-row-gap: 180px;
		grid-template-columns: repeat(1,1fr);
	}
	#about .container article {
		grid-template-columns: repeat(2,1fr);
		margin-bottom: 180px;
	}
	#about .container article .right-desktop {
		grid-column: 2;
  		grid-row: 1;
	}
}

#about article p {
	color: #666;
    line-height: 25px;
    font-size: 18px;
	line-height: 26px;
}
#about img {
	width: 100%;
	height: auto;
	max-height: 335px;
}

.hero-text {
    text-align: center;
    height: 180px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 300px;
}
.info-text {
	text-align: left;
	width: calc(100% - 40px);
}

.info-text p {
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 24px;
	color: #333;
}

.info-text h1 {
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 10px;
}
.info-text h2 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 40px;
}


.large {
	white-space: nowrap;
	font-size: 92px;
	line-height: 100px;
	font-weight: 500;
	color: rgb(0, 0, 0);
}

.thin {
	font-size: 16px;
	font-weight: 400;
	color: #444;
	letter-spacing: 2.3px;
	line-height: 32px;
	margin-top: 40px;
	padding-left: 4px;
	text-align: justify;
	width: 300px;
	
}

@media only screen and (min-width: 400px) {
	.hero-text {
		width: 355px;
	}
	.large {
		font-size: 109px;
	}
	.thin {
		width: 355px;
		font-size: 20px;
	}
}
@media only screen and (min-width: 768px) {
	.info-text {
		max-width: 740px;
		margin: 0 auto;
	}
	.hero-text {
		left: unset;
		top:40%;
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}
}
.button, .send {
	margin-top: 40px;
    display: block;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background: #1a46e5;
    border-radius: 25px;
    padding: 20px 60px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}
.send {
	max-width: 280px;
	padding: 20px 0;
	text-align: center;
}

button.send {
	display: block;
	outline: none;
	border: none;
	width: 100%;
	font-family: 'Poppins', sans-serif;
}

/* Show case */
#showcase {
	display: inline-block;
    width: 100%;
    display: none;
}
#showcase .case {
	width: 100%;
	background: #fafafa;
	float: left;
	padding: 100px 20px;
	box-sizing: border-box;
	position: relative;
	text-align: center;
}
#showcase .case .number {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 60px;
	font-weight: bold;
	color: #666;
	opacity: 0.1;
}
#showcase .case .number:after {
	content: '01'
}
#showcase .case .label {
	position: absolute;
	bottom: 30px;
	right: 30px;
	color: #666;
	line-height: 25px;
	font-family: 'Old Standard TT', serif;
	font-size: 20px;
	display: none;

}
#showcase .case2 {
	background: #efefef;
}
#showcase .case2 .number:after {
	content: '02'
}
#showcase img {
	width: 100%;
	border-radius: 5px;
	transition: filter 100ms ease-in;
    filter: grayscale(1) blur(0px);
    max-width: 580px;
}
#showcase .case img:hover {
    filter: grayscale(0) blur(0px);
}
@media only screen and (min-width: 992px) {
	#showcase .case {
		padding: 200px 40px;
		width: 50%;
	}
	#showcase img {
		max-width: 680px;
	}
	#showcase .case .number {
		font-size: 160px;
	}
}

/* Prices */
#prices {
	background: #efefef;
	padding: 100px 0;
}
.prices-info {
	text-align: center;
	margin-bottom: 80px;
}
.prices-info > h3 {
	padding: 0 20px;
	font-size: 30px;
	text-align: left;
	line-height: 48px;
}
.prices-info > p {
	text-align: left;
	font-size: 16px;
	padding: 0 20px;
	line-height: 1.2;
}
.prices-container {
	display: grid;
	grid-auto-flow: dense;
	justify-items: center;
	grid-gap: 40px;
	grid-template-columns: repeat(1,1fr);
	align-items: center;
	grid-row-gap: 80px;
	padding: 0;
}
.price-box {
    background:  #fff;
    border-radius: 20px;
    padding: 20px;
    margin: 0 auto;
    justify-content: center;
	align-items: center;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
	width: calc(100% - 40px);
}

.price-box h4 span {
	display: block;
	font-size: 12px;
	color: #444;
}
.price-box h4 {
	margin-bottom: 10px;
	height: 28px;
}

.price-box ul li {
	position: relative;
	padding: 10px 40px;
	padding-right: 0;
}
.price-box ul li.disable {
	filter: grayscale(1);
	opacity: 0.5;
}

.price-box ul li:before{
	left: 0;
	top: 8px;
	position: absolute;
	content:' ';
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2315cd72' d='M30.72 5.824a1.816 1.816 0 0 0-2.56 0l-16.64 16.64-7.744-7.744c-.64-.64-1.856-.64-2.496 0a1.816 1.816 0 0 0 0 2.56l8.96 8.96c.32.32.768.512 1.216.512.256 0 .832 0 1.344-.512L30.72 8.32a1.739 1.739 0 0 0 0-2.496z'%3E%3C/path%3E%3C/svg%3E");
}

.price-box .button {
	margin:0 auto;
	margin-top: 40px;
	padding: 15px 40px;
}
@media only screen and (min-width: 768px) {
	.prices-info > h3 {
		font-size: 42px;
		text-align: center;
	}
	.prices-info > p {
		text-align: center;
		font-size: 18px;
	}
	.price-box {
		padding: 40px;
	}
}
@media only screen and (min-width: 992px) {
	.prices-container {
		grid-template-columns: repeat(3,1fr);
	}
	.price-box {
		width: 100%;
	}
}

/* Info*/
#info {
	margin:0 auto;
}
#info .info-box ul li {
	position: relative;
	padding: 10px 40px;
	padding-right: 0;
}

.info-box {
    background:  #fff;
    border-radius: 20px;
    padding: 40px 20px;
    margin: 0 auto;
    justify-content: center;
	align-items: center;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
	width: calc(100% - 40px);
}
.info-box h3 {
	text-align:left;
	line-height: 42px;
	font-size: 26px;
}
@media only screen and (min-width: 400px) {
	.info-box {
		padding: 40px;
	}
}
@media only screen and (min-width: 768px) {
	.info-box {
		padding: 60px;
	}
	.info-box h3 {
		font-size: 32px;
		line-height: 42px;
	}
}
@media only screen and (min-width: 992px) {
	.info-box {
		display: flex;
		padding: 60px;
		margin: 0 auto;
		width: 100%;
	}
	.info-box h3 {
		text-align:center;
		padding-right: 50px;
	}
	#info .info-box ul li {
		padding: 10px 38px;
	}
}


#info .info-box ul li:before{
	left: 0;
	top: 8px;
	position: absolute;
	content:' ';
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2315cd72' d='M30.72 5.824a1.816 1.816 0 0 0-2.56 0l-16.64 16.64-7.744-7.744c-.64-.64-1.856-.64-2.496 0a1.816 1.816 0 0 0 0 2.56l8.96 8.96c.32.32.768.512 1.216.512.256 0 .832 0 1.344-.512L30.72 8.32a1.739 1.739 0 0 0 0-2.496z'%3E%3C/path%3E%3C/svg%3E");
}

#info {
	width: 100%;
	/*height: 400px;*/
	padding: 150px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('./../img/spaceislove.jpg');
	position: relative;
  	overflow:hidden;
}

footer {
	width: 100%;
	padding: 30px 0;
	padding: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('./../img/spaceislove.jpg');
	/*background-image: url('./../img/earthbg.png');*/
	position: relative;
  	overflow:hidden;
  	background-position: top;
  	position: relative;
}
@media only screen and (min-width: 992px) {
	footer {
		min-height: 740px;
		height: 100vh;
	}
}
footer::after {
	/*content: ' ';*/
	background-repeat: no-repeat;
	background-image: url('./../img/footer-waver.svg');
	background-position: top;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background-size: contain;
}

.footer-holder {
    background:  #fff;
    border-radius: 20px;
    padding: 40px 20px;
    margin: 40px auto;
    justify-content: center;
	align-items: center;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
	width: calc(100% - 40px);
	
}
@media only screen and (min-width: 400px) {
	.footer-holder {
		padding: 40px;
	}
}
@media only screen and (min-width: 768px) {
	.footer-holder {
		padding: 60px;
	}
}
@media only screen and (min-width: 992px) {
	.footer-holder {
		padding: 60px;
		margin: 0 auto;
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}


#stars, #stars2, #stars3 {
  position: absolute;
  top: 0px
}

#stars2 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1055px 978px #FFF , 645px 893px #FFF , 178px 1844px #FFF , 1551px 389px #FFF , 615px 1803px #FFF , 720px 718px #FFF , 1851px 153px #FFF , 1805px 1746px #FFF , 394px 988px #FFF , 319px 1079px #FFF , 892px 1658px #FFF , 1080px 1703px #FFF , 1519px 1235px #FFF , 200px 1940px #FFF , 613px 1559px #FFF , 860px 803px #FFF , 1496px 1137px #FFF , 1782px 814px #FFF , 473px 738px #FFF , 602px 1540px #FFF , 1976px 1712px #FFF , 645px 725px #FFF , 908px 1040px #FFF , 72px 620px #FFF , 816px 1033px #FFF , 700px 1562px #FFF , 1028px 376px #FFF , 953px 673px #FFF , 411px 1536px #FFF , 776px 520px #FFF , 1874px 1764px #FFF , 77px 1006px #FFF , 1269px 370px #FFF , 1465px 544px #FFF , 1703px 859px #FFF , 582px 368px #FFF , 1117px 1968px #FFF , 623px 491px #FFF , 1631px 1826px #FFF , 369px 520px #FFF , 12px 1517px #FFF , 835px 1777px #FFF , 531px 1393px #FFF , 1509px 75px #FFF , 1419px 514px #FFF , 1333px 1765px #FFF , 509px 451px #FFF , 41px 845px #FFF , 1043px 1678px #FFF , 1619px 588px #FFF , 1747px 144px #FFF , 347px 1022px #FFF , 1755px 205px #FFF , 1933px 393px #FFF , 364px 376px #FFF , 1603px 1394px #FFF , 1328px 1172px #FFF , 1006px 1764px #FFF , 1573px 1473px #FFF , 1545px 677px #FFF , 983px 1878px #FFF , 1682px 1124px #FFF , 495px 185px #FFF , 1282px 944px #FFF , 1076px 986px #FFF , 760px 1128px #FFF , 956px 484px #FFF , 1846px 875px #FFF , 1868px 1834px #FFF , 1307px 1102px #FFF , 198px 1774px #FFF , 1820px 1059px #FFF , 1676px 24px #FFF , 1689px 189px #FFF , 76px 1538px #FFF , 1829px 1929px #FFF , 1326px 1426px #FFF , 479px 50px #FFF , 1293px 1296px #FFF , 507px 1708px #FFF , 799px 416px #FFF , 325px 1313px #FFF , 686px 777px #FFF , 1664px 265px #FFF , 1205px 791px #FFF , 1593px 158px #FFF , 1381px 927px #FFF , 617px 1789px #FFF , 681px 1254px #FFF , 504px 249px #FFF , 1353px 479px #FFF , 1896px 1923px #FFF , 21px 1604px #FFF , 4px 1036px #FFF , 1180px 55px #FFF , 301px 1123px #FFF , 1505px 764px #FFF , 1112px 329px #FFF , 1145px 1290px #FFF , 1506px 1921px #FFF , 320px 1782px #FFF , 3px 845px #FFF , 1334px 1262px #FFF , 1946px 1461px #FFF , 794px 515px #FFF , 1388px 730px #FFF , 1369px 38px #FFF , 977px 1607px #FFF , 1870px 1235px #FFF , 501px 1775px #FFF , 1928px 644px #FFF , 1372px 529px #FFF , 992px 760px #FFF , 1827px 1200px #FFF , 1690px 593px #FFF , 323px 759px #FFF , 1117px 1228px #FFF , 112px 593px #FFF , 1304px 285px #FFF , 589px 416px #FFF , 1651px 1904px #FFF , 1849px 1255px #FFF , 1590px 1040px #FFF , 866px 1551px #FFF , 1309px 617px #FFF , 102px 1962px #FFF , 60px 633px #FFF , 334px 419px #FFF , 338px 236px #FFF , 1304px 1003px #FFF , 1865px 1872px #FFF , 1745px 1992px #FFF , 1396px 112px #FFF , 1958px 1669px #FFF , 811px 864px #FFF , 609px 142px #FFF , 178px 1130px #FFF , 659px 1368px #FFF , 1708px 79px #FFF , 545px 1036px #FFF , 1249px 955px #FFF , 1908px 1946px #FFF , 1610px 918px #FFF , 1969px 59px #FFF , 575px 1560px #FFF , 808px 174px #FFF , 872px 831px #FFF , 177px 209px #FFF , 1829px 771px #FFF , 1475px 1527px #FFF , 1049px 1445px #FFF , 1135px 1441px #FFF , 658px 1119px #FFF , 1293px 70px #FFF , 28px 54px #FFF , 1493px 706px #FFF , 101px 788px #FFF , 1250px 1866px #FFF , 30px 1314px #FFF , 1199px 254px #FFF , 361px 129px #FFF , 1107px 103px #FFF , 929px 691px #FFF , 723px 954px #FFF , 547px 1751px #FFF , 631px 636px #FFF , 1890px 1747px #FFF , 1591px 1720px #FFF , 1896px 1677px #FFF , 1181px 1359px #FFF , 936px 429px #FFF , 805px 707px #FFF , 1029px 1887px #FFF , 935px 1082px #FFF , 1655px 1169px #FFF , 556px 549px #FFF , 508px 1667px #FFF , 1341px 312px #FFF , 450px 1021px #FFF , 783px 905px #FFF , 551px 1873px #FFF , 222px 1776px #FFF , 1952px 1237px #FFF , 275px 1920px #FFF , 1557px 1797px #FFF , 1210px 1900px #FFF , 1210px 1461px #FFF , 1694px 1344px #FFF , 857px 1038px #FFF , 1655px 960px #FFF , 50px 1478px #FFF , 652px 1756px #FFF , 1501px 546px #FFF , 1540px 258px #FFF , 1562px 1959px #FFF , 457px 270px #FFF , 57px 903px #FFF , 1241px 293px #FFF , 1578px 670px #FFF , 106px 1075px #FFF;
  animation: animStar 250s linear infinite;
  opacity: 0.6;
  border-radius: 50%;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1055px 978px #FFF , 645px 893px #FFF , 178px 1844px #FFF , 1551px 389px #FFF , 615px 1803px #FFF , 720px 718px #FFF , 1851px 153px #FFF , 1805px 1746px #FFF , 394px 988px #FFF , 319px 1079px #FFF , 892px 1658px #FFF , 1080px 1703px #FFF , 1519px 1235px #FFF , 200px 1940px #FFF , 613px 1559px #FFF , 860px 803px #FFF , 1496px 1137px #FFF , 1782px 814px #FFF , 473px 738px #FFF , 602px 1540px #FFF , 1976px 1712px #FFF , 645px 725px #FFF , 908px 1040px #FFF , 72px 620px #FFF , 816px 1033px #FFF , 700px 1562px #FFF , 1028px 376px #FFF , 953px 673px #FFF , 411px 1536px #FFF , 776px 520px #FFF , 1874px 1764px #FFF , 77px 1006px #FFF , 1269px 370px #FFF , 1465px 544px #FFF , 1703px 859px #FFF , 582px 368px #FFF , 1117px 1968px #FFF , 623px 491px #FFF , 1631px 1826px #FFF , 369px 520px #FFF , 12px 1517px #FFF , 835px 1777px #FFF , 531px 1393px #FFF , 1509px 75px #FFF , 1419px 514px #FFF , 1333px 1765px #FFF , 509px 451px #FFF , 41px 845px #FFF , 1043px 1678px #FFF , 1619px 588px #FFF , 1747px 144px #FFF , 347px 1022px #FFF , 1755px 205px #FFF , 1933px 393px #FFF , 364px 376px #FFF , 1603px 1394px #FFF , 1328px 1172px #FFF , 1006px 1764px #FFF , 1573px 1473px #FFF , 1545px 677px #FFF , 983px 1878px #FFF , 1682px 1124px #FFF , 495px 185px #FFF , 1282px 944px #FFF , 1076px 986px #FFF , 760px 1128px #FFF , 956px 484px #FFF , 1846px 875px #FFF , 1868px 1834px #FFF , 1307px 1102px #FFF , 198px 1774px #FFF , 1820px 1059px #FFF , 1676px 24px #FFF , 1689px 189px #FFF , 76px 1538px #FFF , 1829px 1929px #FFF , 1326px 1426px #FFF , 479px 50px #FFF , 1293px 1296px #FFF , 507px 1708px #FFF , 799px 416px #FFF , 325px 1313px #FFF , 686px 777px #FFF , 1664px 265px #FFF , 1205px 791px #FFF , 1593px 158px #FFF , 1381px 927px #FFF , 617px 1789px #FFF , 681px 1254px #FFF , 504px 249px #FFF , 1353px 479px #FFF , 1896px 1923px #FFF , 21px 1604px #FFF , 4px 1036px #FFF , 1180px 55px #FFF , 301px 1123px #FFF , 1505px 764px #FFF , 1112px 329px #FFF , 1145px 1290px #FFF , 1506px 1921px #FFF , 320px 1782px #FFF , 3px 845px #FFF , 1334px 1262px #FFF , 1946px 1461px #FFF , 794px 515px #FFF , 1388px 730px #FFF , 1369px 38px #FFF , 977px 1607px #FFF , 1870px 1235px #FFF , 501px 1775px #FFF , 1928px 644px #FFF , 1372px 529px #FFF , 992px 760px #FFF , 1827px 1200px #FFF , 1690px 593px #FFF , 323px 759px #FFF , 1117px 1228px #FFF , 112px 593px #FFF , 1304px 285px #FFF , 589px 416px #FFF , 1651px 1904px #FFF , 1849px 1255px #FFF , 1590px 1040px #FFF , 866px 1551px #FFF , 1309px 617px #FFF , 102px 1962px #FFF , 60px 633px #FFF , 334px 419px #FFF , 338px 236px #FFF , 1304px 1003px #FFF , 1865px 1872px #FFF , 1745px 1992px #FFF , 1396px 112px #FFF , 1958px 1669px #FFF , 811px 864px #FFF , 609px 142px #FFF , 178px 1130px #FFF , 659px 1368px #FFF , 1708px 79px #FFF , 545px 1036px #FFF , 1249px 955px #FFF , 1908px 1946px #FFF , 1610px 918px #FFF , 1969px 59px #FFF , 575px 1560px #FFF , 808px 174px #FFF , 872px 831px #FFF , 177px 209px #FFF , 1829px 771px #FFF , 1475px 1527px #FFF , 1049px 1445px #FFF , 1135px 1441px #FFF , 658px 1119px #FFF , 1293px 70px #FFF , 28px 54px #FFF , 1493px 706px #FFF , 101px 788px #FFF , 1250px 1866px #FFF , 30px 1314px #FFF , 1199px 254px #FFF , 361px 129px #FFF , 1107px 103px #FFF , 929px 691px #FFF , 723px 954px #FFF , 547px 1751px #FFF , 631px 636px #FFF , 1890px 1747px #FFF , 1591px 1720px #FFF , 1896px 1677px #FFF , 1181px 1359px #FFF , 936px 429px #FFF , 805px 707px #FFF , 1029px 1887px #FFF , 935px 1082px #FFF , 1655px 1169px #FFF , 556px 549px #FFF , 508px 1667px #FFF , 1341px 312px #FFF , 450px 1021px #FFF , 783px 905px #FFF , 551px 1873px #FFF , 222px 1776px #FFF , 1952px 1237px #FFF , 275px 1920px #FFF , 1557px 1797px #FFF , 1210px 1900px #FFF , 1210px 1461px #FFF , 1694px 1344px #FFF , 857px 1038px #FFF , 1655px 960px #FFF , 50px 1478px #FFF , 652px 1756px #FFF , 1501px 546px #FFF , 1540px 258px #FFF , 1562px 1959px #FFF , 457px 270px #FFF , 57px 903px #FFF , 1241px 293px #FFF , 1578px 670px #FFF , 106px 1075px #FFF;
  opacity: 0.6;
  border-radius: 50%;
}

#stars3 {
  width: 4px;
  height: 4px;
  background: transparent;
  box-shadow: 1841px 876px #FFF , 439px 745px #FFF , 1529px 81px #FFF , 1758px 54px #FFF , 1700px 947px #FFF , 1743px 1870px #FFF , 1474px 1722px #FFF , 269px 1136px #FFF , 34px 1789px #FFF , 1709px 1995px #FFF , 901px 411px #FFF , 614px 433px #FFF , 548px 519px #FFF , 363px 397px #FFF , 1712px 1098px #FFF , 1542px 444px #FFF , 512px 1756px #FFF , 1532px 69px #FFF , 732px 275px #FFF , 434px 1408px #FFF , 1614px 86px #FFF , 1467px 790px #FFF , 1710px 83px #FFF , 1123px 1609px #FFF , 865px 1782px #FFF , 735px 1104px #FFF , 1361px 963px #FFF , 523px 1726px #FFF , 180px 1412px #FFF , 593px 856px #FFF , 799px 663px #FFF , 116px 1158px #FFF , 1207px 1771px #FFF , 243px 518px #FFF , 755px 1638px #FFF , 1348px 891px #FFF , 407px 146px #FFF , 1488px 1076px #FFF , 1118px 957px #FFF , 356px 782px #FFF , 1667px 1601px #FFF , 1011px 108px #FFF , 755px 1661px #FFF , 21px 770px #FFF , 577px 1693px #FFF , 683px 1226px #FFF , 1641px 1123px #FFF , 1410px 1974px #FFF , 1405px 1177px #FFF , 1860px 1703px #FFF , 1036px 1027px #FFF , 1494px 1468px #FFF , 1535px 1138px #FFF , 222px 632px #FFF , 1342px 1190px #FFF , 1880px 1901px #FFF , 1983px 906px #FFF , 1182px 1599px #FFF , 47px 1109px #FFF , 1955px 1958px #FFF , 748px 1120px #FFF , 116px 1130px #FFF , 755px 1557px #FFF , 861px 528px #FFF , 1272px 1760px #FFF , 1383px 519px #FFF , 315px 6px #FFF , 1456px 977px #FFF , 1026px 1026px #FFF , 1622px 200px #FFF , 1568px 1922px #FFF , 1467px 1007px #FFF , 266px 733px #FFF , 1909px 1484px #FFF , 1765px 1818px #FFF , 1605px 1135px #FFF , 536px 1249px #FFF , 370px 1891px #FFF , 516px 244px #FFF , 1820px 511px #FFF , 340px 646px #FFF , 1616px 110px #FFF , 1158px 477px #FFF , 1114px 1683px #FFF , 610px 1752px #FFF , 1327px 353px #FFF , 1109px 1409px #FFF , 1605px 1813px #FFF , 933px 948px #FFF , 117px 1112px #FFF , 915px 807px #FFF , 247px 1352px #FFF , 408px 272px #FFF , 1630px 319px #FFF , 118px 868px #FFF , 1358px 531px #FFF , 1002px 334px #FFF , 1933px 1807px #FFF , 568px 1437px #FFF , 596px 1285px #FFF;
  animation: animStar 150s linear infinite;
  border-radius: 50%;
  opacity: 0.6;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1841px 876px #FFF , 439px 745px #FFF , 1529px 81px #FFF , 1758px 54px #FFF , 1700px 947px #FFF , 1743px 1870px #FFF , 1474px 1722px #FFF , 269px 1136px #FFF , 34px 1789px #FFF , 1709px 1995px #FFF , 901px 411px #FFF , 614px 433px #FFF , 548px 519px #FFF , 363px 397px #FFF , 1712px 1098px #FFF , 1542px 444px #FFF , 512px 1756px #FFF , 1532px 69px #FFF , 732px 275px #FFF , 434px 1408px #FFF , 1614px 86px #FFF , 1467px 790px #FFF , 1710px 83px #FFF , 1123px 1609px #FFF , 865px 1782px #FFF , 735px 1104px #FFF , 1361px 963px #FFF , 523px 1726px #FFF , 180px 1412px #FFF , 593px 856px #FFF , 799px 663px #FFF , 116px 1158px #FFF , 1207px 1771px #FFF , 243px 518px #FFF , 755px 1638px #FFF , 1348px 891px #FFF , 407px 146px #FFF , 1488px 1076px #FFF , 1118px 957px #FFF , 356px 782px #FFF , 1667px 1601px #FFF , 1011px 108px #FFF , 755px 1661px #FFF , 21px 770px #FFF , 577px 1693px #FFF , 683px 1226px #FFF , 1641px 1123px #FFF , 1410px 1974px #FFF , 1405px 1177px #FFF , 1860px 1703px #FFF , 1036px 1027px #FFF , 1494px 1468px #FFF , 1535px 1138px #FFF , 222px 632px #FFF , 1342px 1190px #FFF , 1880px 1901px #FFF , 1983px 906px #FFF , 1182px 1599px #FFF , 47px 1109px #FFF , 1955px 1958px #FFF , 748px 1120px #FFF , 116px 1130px #FFF , 755px 1557px #FFF , 861px 528px #FFF , 1272px 1760px #FFF , 1383px 519px #FFF , 315px 6px #FFF , 1456px 977px #FFF , 1026px 1026px #FFF , 1622px 200px #FFF , 1568px 1922px #FFF , 1467px 1007px #FFF , 266px 733px #FFF , 1909px 1484px #FFF , 1765px 1818px #FFF , 1605px 1135px #FFF , 536px 1249px #FFF , 370px 1891px #FFF , 516px 244px #FFF , 1820px 511px #FFF , 340px 646px #FFF , 1616px 110px #FFF , 1158px 477px #FFF , 1114px 1683px #FFF , 610px 1752px #FFF , 1327px 353px #FFF , 1109px 1409px #FFF , 1605px 1813px #FFF , 933px 948px #FFF , 117px 1112px #FFF , 915px 807px #FFF , 247px 1352px #FFF , 408px 272px #FFF , 1630px 319px #FFF , 118px 868px #FFF , 1358px 531px #FFF , 1002px 334px #FFF , 1933px 1807px #FFF , 568px 1437px #FFF , 596px 1285px #FFF;
  opacity: 0.6;
  border-radius: 50%;
}

@keyframes animStar {
  from {
    top: 0px;
  }
  to {
    top:-2000px;
  }
}


#join .modal {
	transition: all ease-in 200ms; 
	opacity: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: -1;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	height: 100vh;
	overflow: auto;
}

.modal #my-form-status {
    max-width: 300px;
    margin-top: 20px;
    line-height: 22px;
}

#join .overlay {
	transition: all ease-in 300ms;
	opacity: 0;
	z-index: -1;
	background: rgba(0,0,0,0.85);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#join.show .modal, #join.show .overlay {
	opacity: 1;
	z-index: 100;
}

#join.show .modal {
	-webkit-transform: scale(1);
	transform: scale(1);
}


.modal .close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 42px;
    cursor: pointer;
}

.modal .modal-container {
    padding: 20px;
    min-height: 530px;
}

.modal ul {
	margin: 30px 0;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
}
.modal ul span {
	width: 25px;
	display: inline-block;
	text-align: center;
	background: #aaa;
	border-radius: 50%;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0;
}
.modal ul li.current {
	font-weight: bold;
}
.modal ul li.current span {
	background: #39ac05;
}
.modal label {
    display: block;
    font-size: 14px;
    color: #333;
}

.modal input {
	border: 1px solid #ddd;
	box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.2);
	padding: 10px;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
	max-width: 330px;
	width: 100%;
	box-sizing: border-box;
}

.modal textarea {
	border: 1px solid #ddd;
	box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.2);
	padding: 10px;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 0;
	max-width: 330px;
	height: 80px;
	width: 100%;
	box-sizing: border-box;
}
.modal img {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 340px;
	height: auto;
	border-radius: 0 0 20px 0;
	display: none;
}

@media only screen and (min-width: 400px) {
	.modal ul {
		font-size: 16px;
	}
}
@media only screen and (min-width: 768px) {
	.modal img {
		display: block;
	}
	#join .modal {
		width: 100%;
		height: 100%;
		max-width: 920px;
		max-height: 640px;
		border-radius: 25px;
		top: 50%;
		left: 50%;
		transform-origin: 10% 10%;
		-webkit-transform: scale(0.3) translateY(-50%) translateX(-50%);
		transform: scale(0.3) translateY(-50%) translateX(-50%);
	}
	#join.show .modal {
		-webkit-transform: scale(1) translateY(-50%) translateX(-50%);
		transform: scale(1) translateY(-50%) translateX(-50%);
	}
	.modal .modal-container {
    	padding: 40px;
	}
}