/*
====================================================

* 	[Master Stylesheet]
	
	Theme Name :  
	Version    :  
	Author     :  
	Author URI :  

====================================================

	TOC
	
	1. PRIMARY STYLES
	2. COMMONS FOR PAGE DESIGN
		JQUERY LIGHT BOX
	3. LEFT SECTION
	4. RIGHT SECTION
	
====================================================

/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */

html{ font-size: 100%; height: 100%; width: 100%; overflow-x: hidden; margin: 0px;  padding: 0px; touch-action: manipulation; }


body{
	overflow: hidden;
	padding: 0;
	margin: 0;
	background: none #000;
	color: #fff;
	font-size: 16px;
	font-family: 'Poppins', 'Tahoma', 'Geneva', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img, inpot, button{ margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6{ line-height: 1.5; font-weight: inherit; }

h1,h2,h3{ font-family: 'Poppins', sans-serif; }

p{ line-height: 1.6; font-size: 1.05em; font-weight: 400; color: #555; }

h1{ font-size: 3.5em;
	line-height: 1;
	font-weight: 600!important;
	margin-top: 60px;
	font-size: 42px;
	line-height: 60px; }
h2{ margin-top: 30px;
	font-size: 42px;
	line-height: 45px;
}
h3{ font-size: 2.5em; }
h4{ font-size: 1.5em; }
h5{ font-size: 1.2em; }
h6{ font-size: .9em; letter-spacing: 1px; }

a, button{ display: inline-block; text-decoration: none; color: inherit; transition: all .3s; line-height: 1; }

a:focus, a:active, a:hover,
button:focus, button:active, button:hover,
a b.light-color:hover{ text-decoration: none; color: #E45F74; }

b{ font-weight: 500; }

img{ width: 100%; }

li{ list-style: none; display: inline-block; }

span{ display: inline-block; }

button{ outline: 0; border: 0; background: none; cursor: pointer; }

b.light-color{ color: #444; }

.icon{ font-size: 1.1em; display: inline-block; line-height: inherit; }

[class^="icon-"]:before, [class*=" icon-"]:before{ line-height: inherit; }

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}



/* ---------------------------------
2. COMMONS FOR PAGE DESIGN
--------------------------------- */

.center-text{ text-align: center; } 

.content-container {
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 10%;
}


::-webkit-input-placeholder { font-size: .9em; letter-spacing: 1px; }

::-moz-placeholder { font-size: .9em; letter-spacing: 1px; }

:-ms-input-placeholder { font-size: .9em; letter-spacing: 1px; }

:-moz-placeholder { font-size: .9em; letter-spacing: 1px; }


.full-height{ height: 100%; }

.position-static{ position: static; }

.font-white{ color: #fff; }

.main-area{ position: relative; height: 100vh; background: #000; color: #fff; overflow:hidden; }


/* ---------------------------------
3. LEFT SECTION
--------------------------------- */

.left-section{ position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background-size: cover; background-color:#2D2D2D }

#ambient-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.left-section{ float: left; height:100%; width: 50%; position: relative; padding: 0 60px; }

.left-section .logo{ height: 150px;margin-top: 20px;z-index: 100 }

.left-section .logo img{ height: 100%; width: auto; }


.left-section .main-content{ padding: 40px 40px 40px 0; }

.st-btn {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 30px;
	line-height: 0;
	color: #FFF;
	cursor: pointer;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.st-btn:hover, .st-btn:active {
	background: #FFF;
	color: #111517;
}
.btn-bordered {
	padding: 28px;
	color: #FFF;
	border: 2px solid #FFF;
	background: transparent;
}
.btn-fill {
	padding: 30px;
	border: 0;
	background: #ef0d33;
}
.btn-bordered:hover {
	background: #FFF;
	color: #000;
}

.main-content .title{ margin-bottom: 30px; }

.main-content .desc{ color: #eee;margin-bottom: 45px; margin-top: 30px; }

.main-content .email-input-area{ margin: 40px 0 20px; position: relative; width: 400px; height: 47px; }

.main-content .email-input-area .email-input{ width: 100%; position: absolute; top: 0; bottom: 0; left: 0;
	border-radius: 2px; border: 0; outline: 0; padding: 0 140px 0 25px; transition: all .2s; background: #F1F2F3;
	box-shadow: inset 0 0 1px rgba(0,0,0,.1); border: 1px solid transparent; }

.main-content .email-input-area .email-input:focus{ border-color: #f89fbc; }


.main-content .email-input-area .submit-btn{ width: 120px; text-align: center; position: absolute; top: 0; bottom: 0;
	right: 0; font-size: .9em; outline: 0; border-radius: 0 2px 2px 0; transition: all .3s; background: #FCC038; color: #fff; }

.main-content .email-input-area .submit-btn:hover{ background: #e40b52; }


.main-content .post-desc{ color: #999; }

#normal-countdown{ text-align: center; }

#normal-countdown .time-sec{ position: relative; display: inline-block; margin: 2.5%; height: 120px; width: 120px; 
	border-radius: 100px; background: #fff; box-shadow: 0px 0px 0px 5px rgba(255,255,255,.4); color: #F84982; }

#normal-countdown .time-sec .main-time{ font-weight: 500; line-height: 100px; }

#normal-countdown .time-sec span{ position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); }


.left-section .footer-icons{ position: absolute; bottom: 30px;}

.left-section .footer-icons > li > a{ display: inline-block; font-size: 1.07em; padding: 0 0px;color:#FFF; }

.left-section .footer-icons > li:first-child{ margin-right: 10px; }

.left-section .footer-icons > li > a > i{ display: inline-block; height: 35px; line-height: 33px;
	transition: all .2s; border-radius: 40px; text-align: center; width: 35px; }

.left-section .footer-icons > li > a:hover > i{ border: 1px solid; }

/*.left-section .footer-icons > li > a > i[class*="facebook"]{ color: #2A61D6; border-color: #2A61D6; }*/
/*.left-section .footer-icons > li > a > i[class*="twitter"]{ color: #3AA4F8; border-color: #3AA4F8; }*/
/*.left-section .footer-icons > li > a > i[class*="google"]{ color: #F43846; border-color: #F43846; }*/
/*.left-section .footer-icons > li > a > i[class*="instagram"]{ color: #8F614A; border-color: #8F614A; }*/
/*.left-section .footer-icons > li > a > i[class*="pinterest"]{ color: #E1C013; border-color: #E1C013; }*/

/* ---------------------------------
4. RIGHT SECTION
--------------------------------- */
.right-section {
    background-image: url("../../images/space-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* ---------------------------------
5. ANIMATION BACKGROUND
--------------------------------- */
svg {
  width: 100%;
  height: 100%;
}

* {
  box-sizing: border-box;
}

#rocket {
  -webkit-animation: shakes 1s linear infinite;
          animation: shakes 1s linear infinite;
}
@-webkit-keyframes shakes {
  10% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px);
  }
  20% {
    -webkit-transform: translate(2px, 3px);
            transform: translate(2px, 3px);
  }
  30% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px);
  }
  40% {
    -webkit-transform: translate(5px, 2px);
            transform: translate(5px, 2px);
  }
  50% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px);
  }
  60% {
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
  }
  70% {
    -webkit-transform: translate(4px, 5px);
            transform: translate(4px, 5px);
  }
  80% {
    -webkit-transform: translate(2px, 3px);
            transform: translate(2px, 3px);
  }
  90% {
    -webkit-transform: translate(3px, 1px);
            transform: translate(3px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes shakes {
  10% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px);
  }
  20% {
    -webkit-transform: translate(2px, 3px);
            transform: translate(2px, 3px);
  }
  30% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px);
  }
  40% {
    -webkit-transform: translate(5px, 2px);
            transform: translate(5px, 2px);
  }
  50% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px);
  }
  60% {
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
  }
  70% {
    -webkit-transform: translate(4px, 5px);
            transform: translate(4px, 5px);
  }
  80% {
    -webkit-transform: translate(2px, 3px);
            transform: translate(2px, 3px);
  }
  90% {
    -webkit-transform: translate(3px, 1px);
            transform: translate(3px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
#rocket path, #rocket circle, #rocket polygon {
  fill: #FFF;
}
#rocket circle {
  cx: 369.5;
  cy: 331.8;
  r: 7;
}
#rocket polygon {
  -webkit-animation: burst 0.5s infinite;
          animation: burst 0.5s infinite;
  -webkit-transform-origin: 363px 337px;
          transform-origin: 363px 337px;
}
@-webkit-keyframes burst {
  20% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  40% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes burst {
  20% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  40% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  60% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#stars {
  -webkit-animation: starsMovement 240s linear infinite;
          animation: starsMovement 240s linear infinite;
  -webkit-transform-origin: center;
          transform-origin: center;
}
@-webkit-keyframes starsMovement {
  0% {
    -webkit-transform: scale(1.5) rotate(0deg);
            transform: scale(1.5) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(1.5) rotate(360deg);
            transform: scale(1.5) rotate(360deg);
  }
}
@keyframes starsMovement {
  0% {
    -webkit-transform: scale(1.5) rotate(0deg);
            transform: scale(1.5) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(1.5) rotate(360deg);
            transform: scale(1.5) rotate(360deg);
  }
}
#stars circle {
  fill: #FFF;
  -webkit-animation: glow 1s infinite forwards;
          animation: glow 1s infinite forwards;
}
@-webkit-keyframes glow {
  6% {
    opacity: 1;
  }
  12% {
    opacity: 0.5;
  }
  18% {
    opacity: 0.9;
  }
  24% {
    opacity: 0.4;
  }
  30%, 100% {
    opacity: 1;
  }
}
@keyframes glow {
  6% {
    opacity: 1;
  }
  12% {
    opacity: 0.5;
  }
  18% {
    opacity: 0.9;
  }
  24% {
    opacity: 0.4;
  }
  30%, 100% {
    opacity: 1;
  }
}
#stars circle:nth-of-type(1) {
  r: 2;
  cy: 56%;
  cx: 59%;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
#stars circle:nth-of-type(2) {
  r: 2;
  cy: 98%;
  cx: 80%;
  -webkit-animation-delay: 8.9s;
          animation-delay: 8.9s;
}
#stars circle:nth-of-type(3) {
  r: 1;
  cy: 49%;
  cx: 41%;
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
}
#stars circle:nth-of-type(4) {
  r: 2;
  cy: 71%;
  cx: 4%;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
#stars circle:nth-of-type(5) {
  r: 1;
  cy: 49%;
  cx: 21%;
  -webkit-animation-delay: 6.8s;
          animation-delay: 6.8s;
}
#stars circle:nth-of-type(6) {
  r: 1;
  cy: 23%;
  cx: 59%;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}
#stars circle:nth-of-type(7) {
  r: 1;
  cy: 91%;
  cx: 58%;
  -webkit-animation-delay: 9.3s;
          animation-delay: 9.3s;
}
#stars circle:nth-of-type(8) {
  r: 2;
  cy: 4%;
  cx: 16%;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
#stars circle:nth-of-type(9) {
  r: 2;
  cy: 35%;
  cx: 97%;
  -webkit-animation-delay: 6.3s;
          animation-delay: 6.3s;
}
#stars circle:nth-of-type(10) {
  r: 1;
  cy: 88%;
  cx: 26%;
  -webkit-animation-delay: 9.3s;
          animation-delay: 9.3s;
}
#stars circle:nth-of-type(11) {
  r: 1;
  cy: 78%;
  cx: 65%;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#stars circle:nth-of-type(12) {
  r: 2;
  cy: 42%;
  cx: 62%;
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
}
#stars circle:nth-of-type(13) {
  r: 2;
  cy: 85%;
  cx: 64%;
  -webkit-animation-delay: 5.8s;
          animation-delay: 5.8s;
}
#stars circle:nth-of-type(14) {
  r: 1;
  cy: 21%;
  cx: 93%;
  -webkit-animation-delay: 8.7s;
          animation-delay: 8.7s;
}
#stars circle:nth-of-type(15) {
  r: 1;
  cy: 32%;
  cx: 24%;
  -webkit-animation-delay: 6.9s;
          animation-delay: 6.9s;
}
#stars circle:nth-of-type(16) {
  r: 1;
  cy: 19%;
  cx: 60%;
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s;
}
#stars circle:nth-of-type(17) {
  r: 1;
  cy: 64%;
  cx: 14%;
  -webkit-animation-delay: 6.1s;
          animation-delay: 6.1s;
}
#stars circle:nth-of-type(18) {
  r: 2;
  cy: 34%;
  cx: 64%;
  -webkit-animation-delay: 6.7s;
          animation-delay: 6.7s;
}
#stars circle:nth-of-type(19) {
  r: 1;
  cy: 97%;
  cx: 63%;
  -webkit-animation-delay: 9.1s;
          animation-delay: 9.1s;
}
#stars circle:nth-of-type(20) {
  r: 1;
  cy: 16%;
  cx: 68%;
  -webkit-animation-delay: 6.3s;
          animation-delay: 6.3s;
}
#stars circle:nth-of-type(21) {
  r: 2;
  cy: 70%;
  cx: 77%;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}
#stars circle:nth-of-type(22) {
  r: 1;
  cy: 24%;
  cx: 99%;
  -webkit-animation-delay: 9.9s;
          animation-delay: 9.9s;
}
#stars circle:nth-of-type(23) {
  r: 2;
  cy: 84%;
  cx: 49%;
  -webkit-animation-delay: 4.1s;
          animation-delay: 4.1s;
}
#stars circle:nth-of-type(24) {
  r: 2;
  cy: 39%;
  cx: 33%;
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
}
#stars circle:nth-of-type(25) {
  r: 2;
  cy: 55%;
  cx: 92%;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}
#stars circle:nth-of-type(26) {
  r: 2;
  cy: 67%;
  cx: 38%;
  -webkit-animation-delay: 8.4s;
          animation-delay: 8.4s;
}
#stars circle:nth-of-type(27) {
  r: 2;
  cy: 42%;
  cx: 40%;
  -webkit-animation-delay: 7.1s;
          animation-delay: 7.1s;
}
#stars circle:nth-of-type(28) {
  r: 2;
  cy: 39%;
  cx: 7%;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
#stars circle:nth-of-type(29) {
  r: 1;
  cy: 24%;
  cx: 67%;
  -webkit-animation-delay: 8.5s;
          animation-delay: 8.5s;
}
#stars circle:nth-of-type(30) {
  r: 1;
  cy: 97%;
  cx: 88%;
  -webkit-animation-delay: 9.1s;
          animation-delay: 9.1s;
}
#stars circle:nth-of-type(31) {
  r: 2;
  cy: 36%;
  cx: 78%;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#stars circle:nth-of-type(32) {
  r: 1;
  cy: 97%;
  cx: 48%;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
#stars circle:nth-of-type(33) {
  r: 2;
  cy: 40%;
  cx: 38%;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
#stars circle:nth-of-type(34) {
  r: 2;
  cy: 42%;
  cx: 30%;
  -webkit-animation-delay: 6.6s;
          animation-delay: 6.6s;
}
#stars circle:nth-of-type(35) {
  r: 1;
  cy: 93%;
  cx: 25%;
  -webkit-animation-delay: 3.6s;
          animation-delay: 3.6s;
}
#stars circle:nth-of-type(36) {
  r: 2;
  cy: 41%;
  cx: 39%;
  -webkit-animation-delay: 7.3s;
          animation-delay: 7.3s;
}
#stars circle:nth-of-type(37) {
  r: 1;
  cy: 95%;
  cx: 42%;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}
#stars circle:nth-of-type(38) {
  r: 2;
  cy: 21%;
  cx: 36%;
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
#stars circle:nth-of-type(39) {
  r: 1;
  cy: 33%;
  cx: 56%;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
#stars circle:nth-of-type(40) {
  r: 2;
  cy: 30%;
  cx: 21%;
  -webkit-animation-delay: 8.7s;
          animation-delay: 8.7s;
}
#stars circle:nth-of-type(41) {
  r: 2;
  cy: 15%;
  cx: 75%;
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
}
#stars circle:nth-of-type(42) {
  r: 2;
  cy: 79%;
  cx: 25%;
  -webkit-animation-delay: 9.8s;
          animation-delay: 9.8s;
}
#stars circle:nth-of-type(43) {
  r: 1;
  cy: 79%;
  cx: 28%;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#stars circle:nth-of-type(44) {
  r: 2;
  cy: 83%;
  cx: 48%;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
#stars circle:nth-of-type(45) {
  r: 2;
  cy: 38%;
  cx: 26%;
  -webkit-animation-delay: 3.4s;
          animation-delay: 3.4s;
}
#stars circle:nth-of-type(46) {
  r: 1;
  cy: 67%;
  cx: 39%;
  -webkit-animation-delay: 5.6s;
          animation-delay: 5.6s;
}
#stars circle:nth-of-type(47) {
  r: 2;
  cy: 93%;
  cx: 96%;
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}
#stars circle:nth-of-type(48) {
  r: 1;
  cy: 34%;
  cx: 68%;
  -webkit-animation-delay: 6.7s;
          animation-delay: 6.7s;
}
#stars circle:nth-of-type(49) {
  r: 1;
  cy: 47%;
  cx: 33%;
  -webkit-animation-delay: 7.3s;
          animation-delay: 7.3s;
}
#stars circle:nth-of-type(50) {
  r: 2;
  cy: 67%;
  cx: 71%;
  -webkit-animation-delay: 7.7s;
          animation-delay: 7.7s;
}
#stars circle:nth-of-type(51) {
  r: 1;
  cy: 73%;
  cx: 8%;
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}
#stars circle:nth-of-type(52) {
  r: 2;
  cy: 53%;
  cx: 89%;
  -webkit-animation-delay: 4.7s;
          animation-delay: 4.7s;
}
#stars circle:nth-of-type(53) {
  r: 2;
  cy: 35%;
  cx: 91%;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
#stars circle:nth-of-type(54) {
  r: 2;
  cy: 33%;
  cx: 63%;
  -webkit-animation-delay: 7.8s;
          animation-delay: 7.8s;
}
#stars circle:nth-of-type(55) {
  r: 2;
  cy: 12%;
  cx: 27%;
  -webkit-animation-delay: 7.1s;
          animation-delay: 7.1s;
}
#stars circle:nth-of-type(56) {
  r: 1;
  cy: 33%;
  cx: 96%;
  -webkit-animation-delay: 5.7s;
          animation-delay: 5.7s;
}
#stars circle:nth-of-type(57) {
  r: 1;
  cy: 25%;
  cx: 40%;
  -webkit-animation-delay: 7.3s;
          animation-delay: 7.3s;
}
#stars circle:nth-of-type(58) {
  r: 1;
  cy: 94%;
  cx: 4%;
  -webkit-animation-delay: 6.5s;
          animation-delay: 6.5s;
}
#stars circle:nth-of-type(59) {
  r: 1;
  cy: 5%;
  cx: 9%;
  -webkit-animation-delay: 8.7s;
          animation-delay: 8.7s;
}
#stars circle:nth-of-type(60) {
  r: 1;
  cy: 30%;
  cx: 12%;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
#stars circle:nth-of-type(61) {
  r: 1;
  cy: 55%;
  cx: 60%;
  -webkit-animation-delay: 6.7s;
          animation-delay: 6.7s;
}
#stars circle:nth-of-type(62) {
  r: 2;
  cy: 22%;
  cx: 33%;
  -webkit-animation-delay: 6.7s;
          animation-delay: 6.7s;
}
#stars circle:nth-of-type(63) {
  r: 1;
  cy: 88%;
  cx: 10%;
  -webkit-animation-delay: 7.8s;
          animation-delay: 7.8s;
}
#stars circle:nth-of-type(64) {
  r: 2;
  cy: 73%;
  cx: 88%;
  -webkit-animation-delay: 6.2s;
          animation-delay: 6.2s;
}
#stars circle:nth-of-type(65) {
  r: 1;
  cy: 41%;
  cx: 16%;
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
#stars circle:nth-of-type(66) {
  r: 1;
  cy: 62%;
  cx: 4%;
  -webkit-animation-delay: 3.8s;
          animation-delay: 3.8s;
}
#stars circle:nth-of-type(67) {
  r: 1;
  cy: 100%;
  cx: 92%;
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
#stars circle:nth-of-type(68) {
  r: 1;
  cy: 91%;
  cx: 84%;
  -webkit-animation-delay: 6.2s;
          animation-delay: 6.2s;
}
#stars circle:nth-of-type(69) {
  r: 1;
  cy: 29%;
  cx: 59%;
  -webkit-animation-delay: 5.3s;
          animation-delay: 5.3s;
}
#stars circle:nth-of-type(70) {
  r: 2;
  cy: 80%;
  cx: 59%;
  -webkit-animation-delay: 4.4s;
          animation-delay: 4.4s;
}
#stars circle:nth-of-type(71) {
  r: 2;
  cy: 77%;
  cx: 50%;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
#stars circle:nth-of-type(72) {
  r: 2;
  cy: 43%;
  cx: 97%;
  -webkit-animation-delay: 8.1s;
          animation-delay: 8.1s;
}
#stars circle:nth-of-type(73) {
  r: 2;
  cy: 23%;
  cx: 51%;
  -webkit-animation-delay: 6.7s;
          animation-delay: 6.7s;
}
#stars circle:nth-of-type(74) {
  r: 2;
  cy: 93%;
  cx: 84%;
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
}
#stars circle:nth-of-type(75) {
  r: 2;
  cy: 7%;
  cx: 84%;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
#stars circle:nth-of-type(76) {
  r: 1;
  cy: 43%;
  cx: 15%;
  -webkit-animation-delay: 8.3s;
          animation-delay: 8.3s;
}
#stars circle:nth-of-type(77) {
  r: 1;
  cy: 7%;
  cx: 80%;
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
#stars circle:nth-of-type(78) {
  r: 1;
  cy: 55%;
  cx: 7%;
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
}
#stars circle:nth-of-type(79) {
  r: 1;
  cy: 86%;
  cx: 82%;
  -webkit-animation-delay: 5.5s;
          animation-delay: 5.5s;
}
#stars circle:nth-of-type(80) {
  r: 1;
  cy: 63%;
  cx: 45%;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#stars circle:nth-of-type(81) {
  r: 2;
  cy: 51%;
  cx: 28%;
  -webkit-animation-delay: 7.9s;
          animation-delay: 7.9s;
}
#stars circle:nth-of-type(82) {
  r: 1;
  cy: 36%;
  cx: 3%;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
#stars circle:nth-of-type(83) {
  r: 1;
  cy: 21%;
  cx: 87%;
  -webkit-animation-delay: 7.5s;
          animation-delay: 7.5s;
}
#stars circle:nth-of-type(84) {
  r: 2;
  cy: 53%;
  cx: 91%;
  -webkit-animation-delay: 9.5s;
          animation-delay: 9.5s;
}
#stars circle:nth-of-type(85) {
  r: 2;
  cy: 37%;
  cx: 2%;
  -webkit-animation-delay: 7.4s;
          animation-delay: 7.4s;
}
#stars circle:nth-of-type(86) {
  r: 2;
  cy: 23%;
  cx: 31%;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
#stars circle:nth-of-type(87) {
  r: 1;
  cy: 94%;
  cx: 82%;
  -webkit-animation-delay: 7.9s;
          animation-delay: 7.9s;
}
#stars circle:nth-of-type(88) {
  r: 1;
  cy: 19%;
  cx: 65%;
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}
#stars circle:nth-of-type(89) {
  r: 2;
  cy: 23%;
  cx: 40%;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
#stars circle:nth-of-type(90) {
  r: 2;
  cy: 34%;
  cx: 69%;
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
#stars circle:nth-of-type(91) {
  r: 1;
  cy: 91%;
  cx: 75%;
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
}
#stars circle:nth-of-type(92) {
  r: 2;
  cy: 66%;
  cx: 16%;
  -webkit-animation-delay: 8.2s;
          animation-delay: 8.2s;
}
#stars circle:nth-of-type(93) {
  r: 2;
  cy: 2%;
  cx: 66%;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
#stars circle:nth-of-type(94) {
  r: 2;
  cy: 78%;
  cx: 8%;
  -webkit-animation-delay: 9.2s;
          animation-delay: 9.2s;
}
#stars circle:nth-of-type(95) {
  r: 2;
  cy: 72%;
  cx: 32%;
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}
#stars circle:nth-of-type(96) {
  r: 2;
  cy: 37%;
  cx: 2%;
  -webkit-animation-delay: 3.7s;
          animation-delay: 3.7s;
}
#stars circle:nth-of-type(97) {
  r: 1;
  cy: 1%;
  cx: 12%;
  -webkit-animation-delay: 7.3s;
          animation-delay: 7.3s;
}
#stars circle:nth-of-type(98) {
  r: 2;
  cy: 60%;
  cx: 27%;
  -webkit-animation-delay: 8.3s;
          animation-delay: 8.3s;
}
#stars circle:nth-of-type(99) {
  r: 2;
  cy: 48%;
  cx: 36%;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
#stars circle:nth-of-type(100) {
  r: 2;
  cy: 76%;
  cx: 17%;
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}

#comets line {
  fill: none;
  stroke: #FFF;
  stroke-width: 1;
  stroke-dasharray: 150 980;
  stroke-dashoffset: 150;
  -webkit-animation: cometFall 10s ease-out infinite;
          animation: cometFall 10s ease-out infinite;
}
@-webkit-keyframes cometFall {
  5%, 100% {
    stroke-dashoffset: -980;
  }
}
@keyframes cometFall {
  5%, 100% {
    stroke-dashoffset: -980;
  }
}
#comets line:nth-child(1) {
  -webkit-animation-delay: 4.9s;
          animation-delay: 4.9s;
}
#comets line:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
#comets line:nth-child(3) {
  -webkit-animation-delay: 8.4s;
          animation-delay: 8.4s;
}
#comets line:nth-child(4) {
  -webkit-animation-delay: 4.4s;
          animation-delay: 4.4s;
}
#comets line:nth-child(5) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
#comets line:nth-child(6) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
#comets line:nth-child(7) {
  -webkit-animation-delay: 9s;
          animation-delay: 9s;
}
#comets line:nth-child(8) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.modal {
    background-color:#2D2D2D !important;
}
.modal p {
    color:#fff;
    margin: 10px 0 20px 0;
}
.input100 {
    color: #333;
    line-height: 1.2;
    font-size: 18px;
    display: block;
    width: 100%;
    background: 0 0;
    height: 60px;
    padding: 0 20px;
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-bottom:15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAYAAADo6zjiAAAAAXNSR…XF8MaClwaeROWRA7nk+tUnyzGvZrKg0/40gdME/t8EvgG0/NOS6v9NHQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 16px 18px;
    background-position: 98% 50%;
}
.st-btn-full {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 60px;
    font-size: 16px;
    line-height: 1.2;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    position: relative;
    z-index: 1;
}
textarea.input100 {
    height: 140px;
    padding-top:20px;
}
.callout {
    width: 100%;
    border-radius: 10px;
    padding: 10px 5px 10px 5px;
    margin-bottom: 10px;
}
.error {
    background-color: red;
    color:#FFF;
}
.success {
    background-color: lightgreen;
}