@charset "UTF-8";
@font-face {
   font-family:"Marcellus";
   font-weight:400;
   font-style:normal;
   src:url("//static.zohocdn.com/webfonts/marcellusregular/font.eot");
   src:url("//static.zohocdn.com/webfonts/marcellusregular/font.eot?#iefix") format("eot"),
       url("//static.zohocdn.com/webfonts/marcellusregular/font.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/marcellusregular/font.woff") format("woff"),
       url("//static.zohocdn.com/webfonts/marcellusregular/font.ttf") format("truetype"),
       url("//static.zohocdn.com/webfonts/marcellusregular/font.svg#Marcellus-Regular") format("svg");
}
@font-face {
   font-family:"Yeseva One";
   font-weight:400;
   font-style:normal;
   src:url("//static.zohocdn.com/webfonts/yesevaoneregular/font.eot");
   src:url("//static.zohocdn.com/webfonts/yesevaoneregular/font.eot?#iefix") format("eot"),
       url("//static.zohocdn.com/webfonts/yesevaoneregular/font.woff2") format("woff2"),
       url("//static.zohocdn.com/webfonts/yesevaoneregular/font.woff") format("woff"),
       url("//static.zohocdn.com/webfonts/yesevaoneregular/font.ttf") format("truetype"),
       url("//static.zohocdn.com/webfonts/yesevaoneregular/font.svg#YesevaOne-Regular") format("svg");}
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;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
#backToTop{display:none !important;}
body{line-height:26px;font-size:15px;overflow-x:hidden;font-family: 'Marcellus', sans-serif;}
ol, ul{list-style:none;}
.fr{float:right;}.fl{float: left;}
.pr{position: :relative;}.pa{position: absolute;}
.container {
    width: 1100px;
    margin: 0 auto;
}
h6{font-size:1.1em;
	font-size: 1.2em;
    line-height: 32px;
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.clearfix:after {
    clear:both;
    content:'.';
    display:block;
    visibility:hidden;
    height:0;
}
.clearfix {
    display:inline-block;
}
* html .clearfix {
    height:1%;
}
.clearfix {
    display:block;
}
*+html .clearfix {
    display: inline-block;
}
html, body
{
	overflow-x: hidden;
}
/* normalize css*/

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0;
	font-size: 16px;
	font-family: 'Marcellus';
    font-weight: 300;
}
section, section  * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article,
footer,
header,
section {
	display: block;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
	text-decoration: none!important;
	color: #4CA9F5;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-family: 'Zoho_Puvi_Medium';
}
small {
	font-size: 80%;
}
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
h1
{
	font-size: 2em;
}
h2
{
	font-size: 1.5em;
}
p {
	margin: 0 0 25px;
    line-height: 1.8;
}
.pr {
	position: relative;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-capitalize {
	text-transform: capitalize;
}
.text-blue
{
	    color: #243A5D;
}
.text-light {
	color: #fff!important;
}
.text-dark {
	color: #000!important;
}
.text-yellow {
	color: #E0C162!important;
}
.top-margin {
	margin-top: 25px!important;
}
.bottom-margin {
	margin-bottom: 25px!important;
}
.space-large {
	height: 50px;
}
.space-extralarge {
	height: 150px;
}
.space-medium {
	height: 25px;
}
.space-small {
	height: 10px;
}
.margin-0 {
	margin: 0!important;
}
.padding-0 {
	padding: 0!important;
}
.non-click {
	cursor: default;
	pointer-events: none;
}
ol,
ul {
	margin-top: 0;
	margin-bottom: 10px;
	list-style-type: none;
	padding: 0px;
}
strong,
b {
	font-family:"Marcellus";
}
/*-------------Header Styles---------------*/
header {
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 100;
	padding: 10px 0;
}
div.logo {
    width: 300px;
    display: inline-block;
    vertical-align: top;
}
div.logo img {
    width: 72%;
}
div.ecard-headerselectlang {
    display: inline-block;
    vertical-align: middle;
    width: 220px;
    float: right;
    padding: 0;
        border: 0.5px solid #f5f489b8;
    -webkit-transition: all 100ms ease-out 200ms;
    -moz-transition: all 100ms ease-out 200ms;
    -o-transition: all 100ms ease-out 200ms;
    transition: all 100ms ease-out 200ms;
    position: relative;
    margin: 0 0 20px 10px;
	cursor: pointer;
	border-radius:40px;
}
div.ecard-headerselectlang:hover ul {
    height: auto;
    position: absolute;
    top: 35px;
    width: 100%;
  animation: rotateMenu 400ms ease-in-out forwards;
  transform-origin: top center;
}
@keyframes rotateMenu {
  0% {
    transform: rotateX(-90deg);
  }
  70% {
    transform: rotateX(20deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}
div.ecard-headerselectlang p {
    display: block;
    padding: 3px 10px 4px 25px;
    background: transparent url(../images/dropdown-icon.svg) no-repeat 90% center;
	background-size: 15px;
    text-align: left;
	border-radius:3px;
	    color: #E0C162;
	    border-radius: 40px;
	margin: 0;
	font-family:"Marcellus";
}
div.ecard-headerselectlang p span {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 10px;
}
div.ecard-headerselectlang ul {
    padding: 0 0 0 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 47px;
	    transform-origin: top center;
    animation: scaleZ 300ms 60ms ease-in-out forwards;
}
div.ecard-headerselectlang ul li {
    display: block;
}
div.ecard-headerselectlang ul li p {
    background-image: linear-gradient(to right, #EBD071 , #C5973C);
	color: #000;
	border-radius: 0;
	background-size: auto;
}
div.ecard-headerselectlang ul li p:hover {
    cursor: pointer;
	    background-image: linear-gradient(to left, #EBD071 , #C5973C);
}
div.ecard-headerselectlang p img{
	    width: 16px;
		height:16px;
		border-radius:50%;
}
div.calltobutton {
    width: auto;
    display: block;
    float: left;
}
div.calltobutton a {
    -moz-transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    text-decoration: none;
    color: #E0C162;
    background: transparent;
    padding: 8px 25px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    border-radius: 3px;
    font-family: 'Zoho_Puvi_light';
    border: 0.5px solid #f5f489b8;
    border-radius: 40px;
    font-size: 1em;
}
div.calltobutton a span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0px;
    height: 25px;
}
div.calltobutton a span img {
    width: 22px;
    transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
}
div.calltobutton a:hover{
    background-image: linear-gradient(to right, #EBD071 , #C5973C);
	color: #000;
  -ms-transform: scale(1.02); /* IE 9 */
  -moz-transform: scale(1.02); /* Firefox */
  -o-transform: scale(1.02); /* Opera */
  -webkit-transform: scale(1.02); /* Safari And Chrome */
}
div.calltobutton a:hover span img{
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);

}
/*-----------Banner styles-----------*/
#Home {
	background: #152336 url("../images/bannerbg.jpg") no-repeat;
    background-size: cover;
	color: #fff;
	    padding-top: 200px;
	text-align: center;
	margin: auto;
	position: relative;
	height: 100vh;
	    display: flex;
    justify-content: center;
    align-items: center;
}
#Home:after {
	content: "";
	width: 100%;
	height: 200px;
	background-image: linear-gradient(to top, #080a0f , transparent);
	bottom: 0;
	left: 0;
	position: absolute;
}
.bannertext {
	width: 554px;
	height: auto;
}
.sendecard {
    padding: 5px;
    background-image: linear-gradient(to right, #EBD071 , #C5973C);
    border-radius: 40px;
    color: #000;
    width: fit-content;
    margin: auto;
	    z-index: 1;
    position: relative;
}
.sendecard a{
	display: block;
	color: #000;
	border: 1px solid #707070;
    padding: 15px 55px;
    border-radius: 40px;
	font-size: 1.3em;
}
.sendecard, .sendecard:after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;	
}
.sendecard::before,
.sendecard::after {
      background-image: linear-gradient(to left, #EBD071 , #C5973C);
  content: '';
  position: absolute;
  z-index: -1;
}

.sendecard:hover {
  color: #fff;
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
.sendecard {
  overflow: hidden;
}

.sendecard::after {
  /*background-color: #f00;*/
  height: 100%;
  left: -35%;
  top: 0;
  -webkit-transform: skew(50deg);
  transform: skew(50deg);
  -webkit-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  width: 0;
}

.sendecard:hover:after {
  height: 100%;
  width: 135%;
}
/*-----------  Ecard section --------------*/

#ecardsection {
	background: #152336 url("../images/bannerbg.jpg") no-repeat;
    background-size: cover;
	padding: 60px 0px;
}
.sendecardhed {
	font-size: 1.8em;
	font-family:"Yeseva One";
}
#ecardsection p{
	    font-size: 1em;
    line-height: 25px;
	margin-bottom: 0;
}

/*-----------  Slider --------------*/
/*----------Curtain start------------*/
.content {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  color: black;
}

.content img {
  width: 100%;
}

.curtainContainer {
  position: absolute;
  display: flex;
  top: -10%;
  width: 100%;
  height: 110%;
  margin: auto;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: hidden;
  -webkit-transition: transform 2s ease;
  transition: transform 2s ease;
}

.curtainContainer:nth-child(1) {
  -webkit-transform-origin: -120% top;
  transform-origin: -120% top;
  justify-content: flex-start;
  -webkit-transform: translatex(-5vw) !important;
  transform: translatex(-5vw) !important;
}
.animate .curtainContainer:nth-child(1) {
	    -webkit-transform: translateX(-40vw) !important;
	    transform: translateX(-40vw) !important;
}
.curtainContainer:nth-child(2) {
  -webkit-transform-origin: 120% top;
  transform-origin: 120% top;
  justify-content: flex-end;
  -webkit-transform: translatex(15vw) !important;
  transform: translatex(15vw) !important;
}
.animate .curtainContainer:nth-child(2) {
	-webkit-transform: translateX(40vw) !important;
	transform: translateX(40vw) !important;
}

.rollLeft {
  -webkit-transform: translatex(-150vw) scaleX(0);
  transform: translatex(-150vw) scaleX(0);
}

.rollRight {
  -webkit-transform: translatex(150vw) scaleX(0);
  transform: translatex(150vw) scaleX(0);
}
.curtain-open .curtainBody .curtainContainer:nth-child(1) {
  -webkit-transform: translatex(-150vw) scaleX(0);
  transform: translatex(-150vw) scaleX(0);
}

.curtain-open .curtainBody .curtainContainer:nth-child(2) {
  -webkit-transform: translatex(150vw) scaleX(0);
  transform: translatex(150vw) scaleX(0);
}
.unCurtain {
  display: inline-block;
  width: 15vw;
  margin: 0;
  padding: 0;
  height: 120vh;
  background-size: 100% 100%;
  background: repeating-linear-gradient(to left, #281614 4vw, #99142a 12vw, #7b4841 15vw);
  -webkit-transform-origin: 0 0%;
  transform-origin: 0 0%;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  -webkit-transition: transform 4s ease;
  transition: transform 4s ease;
  -webkit-animation: swing 2s ease infinite;
  animation: swing 2s ease infinite;
}

@keyframes swing {
  50% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
}
.unCurtain:nth-child(2) {
  margin-left: -10vw;
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

.unCurtain:nth-child(3) {
  margin-left: -10vw;
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.unCurtain:nth-child(4) {
  margin-left: -10vw;
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.unCurtain:nth-child(5) {
  margin-left: -10vw;
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.unCurtain:nth-child(6) {
  margin-left: -10vw;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.unCurtain:nth-child(7) {
  margin-left: -10vw;
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.unCurtain:nth-child(8) {
  margin-left: -10vw;
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.unCurtain:nth-child(9) {
  margin-left: -10vw;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.unCurtain:nth-child(10) {
  margin-left: -10vw;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.unCurtain:nth-child(11) {
  margin-left: -10vw;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.unCurtain:nth-child(12) {
  width: 0vw;
  background: repeating-linear-gradient(to left, #762418 4vw, #aa1e09 8vw, #762418 10vw);
  margin-left: -10vw;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.curtainBody {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
	    z-index: 1000;
}
/*----------Curtain end------------*/

.carousel {
    width: 600px;
    height: 30em;
    margin: 0 auto;
    position: relative;
    margin-top: 77px;
}
.carousel li {
    width: 100%;
	left: 0;
    height: auto;
    background: transparent;
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
    z-index: 1;
	width: 600px;
	height: 361px;
}
.carousel li p {
    color: #fff;
    font-weight: bold;
    font-size: 5em;
    text-align: center;
    margin-top: 1.175em;
}
#next {
    background: url("../images/rightarrow.png") no-repeat 0 0;
	background-size: contain;
    left: auto;
    right: -32%;
    top: 40%;
}
#next:after {
	content: "";
	position: absolute;
	height: 500px;
	width: 300px;
	top: 0;
}
.but-styl:hover {
    cursor: pointer;
}

.carousel li.main-pos {
    z-index:2;
}
.carousel li.back-pos {
    opacity:0;
}
.carousel li.left-pos {
    opacity: 0;
}
.carousel li.right-pos {
    opacity: 0;
}
.items img {
    width: 100%;
}
.items {
    position: absolute;
}
.but-styl {
    background: url("../images/leftarrow.png") no-repeat 0 0;
	background-size: contain;
    border: none;
    width: 80px;
    position: absolute;
    z-index: 1000;
    left: -27%;
    top: 40%;
    height: 80px;
    outline: none;
    cursor: pointer;
	font-size: 0px;
}
/*
.but-styl:after {
	content: "";
	
}
*/
.but-styl:hover {
    cursor: pointer;
}
.button-container {
    bottom: 0;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    display: inline-table;
	width: fit-content;
	    z-index: 100;
}
.button-container div {
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
	
}
.button-container div:hover {
	cursor: pointer;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.slider-button, .slide1 {
    display: inline-block;
    height: 59px;
    width: 100px;
    margin: 0px 9px;
}
.slide1 {
	opacity: .3;
}
.slide1:first-child {
	margin-left: 0;
}
.slide1:last-child {
	margin-right: 0;
}
.slide1.active {
	opacity: 1;
}
.outerstage {
	    position: absolute;
    left: 0;
    width: 82%;
    right: 0;
    margin: auto;
	z-index: 10;
}
.flip-container {
	width: 100%;
    margin: auto;
}
.carousel:after {
    content: "";
    position: absolute;
    width: 0;
    left: 48%;
    top: -48%;
    height: 0;
    z-index: 1;
    border-right-width:1px;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, transparent), color-stop(0.5, grey), color-stop(0.5, grey), color-stop(1, transparent)) 0 100%;
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    padding: 2px;
    width: 400px;
    height: 150px;
    margin: 10px auto;
}
.ecard-stepsec li.steps {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	margin: 0px 10px;
}
#ecardsection .ecard-stepsec p{
	margin: 0;
	display: inline-block;
	vertical-align: top;
	font-size: 1.15em;
}
.smallbuton a{
	    padding: 6px 30px;
}
.hover-li {
	padding-top: 10px;
}
.ecard-stepsec {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    font-size: .8em;
    top: 29px;
}
.trapezoid {
  display: inline-block;
  overflow: hidden;
  margin: 0 3em;
  /**outline: solid 1px;/**/
  width: 50em;
	filter: blur(60px);
    opacity: .6;
}
.trapezoid {
  height: 48.66em;
  -webkit-transform: rotate(60deg) skewX(30deg);
  transform: rotate(60deg) skewX(30deg);
}
.trapezoid:before {
  display: block;
  background: linear-gradient(#2a4a61, transparent);
  content: '';
}
.trapezoid:before {
  width: inherit; height: 50%;
  -webkit-transform: skewX(-30deg) rotate(-60deg) translate(-1.25em);
  transform: skewX(-30deg) rotate(-60deg) translate(-1.25em);
}
.stageshadow {
    position: absolute;
    left: 87%;
    top: -36%;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: blur(8px);
    -webkit-filter: blur(20px);
	 opacity: .7;
}
.stageshadowreverse {
position: absolute;
    left: -132%;
    top: -49%;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
    filter: blur(8px);
    -webkit-filter: blur(20px);
    opacity: .7;
	
}
.ecardone-vc10, .ecardtwo-text, .ecardthree-text, .ecardfour_text, .ecardfive_text {
	    filter: blur(30px);
	opacity: 1;
	-webkit-transition: 3s;
	transition: 3s;
}
.animate .ecardone-vc1, .animate .ecardone-vc2, .animate .ecardone-vc3, .animate .ecardone-vc4, .animate .ecardone-vc5, .animate .ecardone-vc6, .animate .ecardone-vc7, .animate .ecardone-vc8, .animate .ecardone-vc9, .animate .ecardone-vc11, .animate .ecardtwo-vc1, .animate .ecardtwo-vc2, .animate .ecardtwo-vc3, .animate .ecardtwo-vc4, .animate .ecardtwo-vc5, .animate .ecardtwo-vc6, .animate .ecardtwo-vc0, .animate .ecardtwo-vc9, .animate .ecardtwo-text, .animate .ecardthree-vc1, .animate .ecardthree-vc2, .animate .ecardthree-vc3, .animate .ecardthree-vc4, .animate .ecardthree-vc5, .animate .ecardthree-vc6, .animate .ecardthree-vc8, .animate .ecardthree-text, .animate .ecardfour-vc1, .animate .ecardfour-vc2, .animate .ecardfour-vc3, .animate .ecardfour-vc4, .animate .ecardfour-vc5, .animate .ecardfour_text, .animate .ecardfour-vc, .animate .ecardfive-vc1, .animate .ecardfive-vc2, .animate .ecardfive-vc3, .animate .ecardfive-vc4, .animate .ecardfive-vc5, .animate .ecardone-vc10, .animate .ecardfive_text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	    filter: blur(0px);
	opacity: 1;
}
.animate .ecardthree-vc7 {
	position: absolute;
	bottom: 0;
	right: 0;    
    top: 59px;
    left: -168px;
}

.ecardone-vc1, .ecardtwo-vc1, .ecardtwo-vc0, .ecardthree-vc1, .ecardfour-vc1, .ecardfive-vc1, .ecardone-vc10, .ecardtwo-text, .ecardthree-text, .ecardfour_text, .ecardfive_text {
	z-index: 9;
}
.ecardone-vc2, .ecardtwo-vc8, .ecardtwo-vc9, .ecardthree-vc2, .ecardfour-vc2 , .ecardfive-vc2{
	z-index: 8;
}
.ecardone-vc4, .ecardtwo-vc2, .ecardthree-vc3, .ecardfour-vc3, .ecardfive-vc3 {
	z-index: 7;
}
.ecardone-vc3, .ecardtwo-vc3, .ecardfour-vc4, .ecardfive-vc4 {
	z-index: 6;
}
.ecardone-vc5, .ecardtwo-vc4, .ecardthree-vc5, .ecardfour-vc5, .ecardfive-vc5, .ecardthree-vc4 {
	z-index: 5;
}
.ecardone-vc6, .ecardtwo-vc5, .ecardthree-vc6, .ecardfour-vc6, .ecardfour-vc7, .ecardfour-vc8, .ecardfour-vc9, .ecardfour-vc10, .ecardfour-vc11, .ecardfour-vc12, .ecardfour-vc13, .ecardfour-vc14, .ecardfour-vc15, .ecardfour-vc16, .ecardfour-vc17, .ecardfour-vc18 {
	z-index: 4;
}
.ecardone-vc11, .ecardtwo-vc7, .ecardthree-vc7 {
	z-index: 3;
}
.ecardone-vc7, .ecardtwo-vc6, .ecardthree-vc8 {
	z-index: 2;
}
.ecardone-vc8 {
	z-index: 1;
}
.ecardone-vc9 {
	z-index: 0;
}
.ecardone-vc2 {
	left: 80%;
	transition: 2.3s;
	-webkit-transition: 2.3s;
}
.ecardone-vc3 {
	left: -150%;
	transition: 2.5s;
	-webkit-transition: 2.5s;
}
.ecardone-vc4 {
	    left: 108%;
	transition: 2.7s;
	-webkit-transition: 2.7s;
}
.ecardtwo-vc2 {
	    left: -60%;
    top: -100%;
	transition: 3.3s;
	-webkit-transition: 3.3s;
}
.ecardtwo-vc7 {
	filter: blur(1px);
	transition: 3.5s;
	-webkit-transition: 3.5s;
}
.ecardtwo-vc3 {
	    top: 100%;
	transition: 2s;
	-webkit-transition: 2s;
}
.ecardthree-vc7 {
    top: -80px;
    left: 80px;
	transition: 6s;
	-webkit-transition: 6s;
}
.ecardtwo-vc4 {
	    top: 100%;
	transition: 2.6s;
	-webkit-transition: 2.6s;
		-webkit-animation: slide-right 40.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-right 40.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-transform: translateX(50px) translateY(-20px);
            transform: translateX(50px) translateY(-20px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-transform: translateX(50px) translateY(-20px);
            transform: translateX(50px) translateY(-20px);
  }
}

.ecardtwo-vc5 {
	    top: 100%;
	transition: 3s;
	-webkit-transition: 3s;
}
.ecardone-vc5 {
	-webkit-animation: blink-1 2s linear 1.1s infinite both;
	        animation: blink-1 2s linear 1.1s infinite both;
}
.ecardone-vc6 {
	-webkit-animation: blink-1 2s linear 2s infinite both;
	        animation: blink-1 2s linear 2s infinite both;
}
.animate .ecardtwo-vc0 {
	opacity: 0;
	transition: 5s;
	-webkit-transition: 5s;
	-webkit-animation: blink-0 2.4s linear 1s infinite both;
	        animation: blink-0 2.4s linear 1s infinite both;
	animation-delay: 3s;
}
.animate .ecardone-vc8, .animate .ecardtwo-vc6 {
	-webkit-animation: slide-top 20.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 20.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.animate .ecardone-vc11  {
	-webkit-animation: slide-left 200.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-left 200.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.animate .ecardtwo-vc9 {
	-webkit-animation: slide-leftsmall 50.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-leftsmall 50.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(130px);
            transform: translateY(130px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
  }
}
@-webkit-keyframes slide-leftsmall {
  0% {
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
  }
  100% {
    -webkit-transform: scale(0.3) translateX(400px);
            transform: scale(0.3) translateX(400px);
  }
}
@keyframes slide-leftsmall {
  0% {
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
  }
  100% {
    -webkit-transform: scale(0.3) translateX(400px);
            transform: scale(0.3) translateX(400px);
  }
}

.ecardthree-vc4 {
		-webkit-animation: blink-3 3s infinite both;
	        animation: blink-3 3s infinite both;
	    left: -7%;
	transition: 1.2s;
	-webkit-transition: 1.2s;
	transition-delay: 2s;
}
.ecardthree-vc6 {
	    left: -7%;
	-webkit-transition: 1.2s;
	transition: 1.2s;
	transition-delay: 2s;
}
@-webkit-keyframes blink-3 {
  0%,
  25%,
  50%,
  70%,
  80%,
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
}
@keyframes blink-3 {
  0%,
  25%,
  50%,
  70%,
  80%,
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
}
.ecardthree-vc2 {
		-webkit-animation: blink-2 3.4s infinite both;
	        animation: blink-2 3.4s infinite both;
	
}
@-webkit-keyframes blink-2 {
  0%,
  25%,
  35%,
  50%,
  80%,
  100% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
}
@keyframes blink-2 {
  0%,
  25%,
  35%,
  50%,
  80%,
  100% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
}

.ecardthree-vc1 {
	-webkit-animation: moverandomely 10.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
	        animation: moverandomely 10.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}
@keyframes moverandomely { 
	0% {
		-webkit-animation-timing-function: ease-in;
            -webkit-transform: translate3D(0px, 0px, 0px);
	} 
	5% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate3D(100px, 40px, 80px);
	}
	10% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate3D(130px, 80px, 100px);
	}
	15% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate3D(110px, -10px, -30px;);
	}
	20% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate3D(210px, -20px, 200px);
	}
	25% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate3D(180px, 40px, 60px);
	}
	30% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate3D(380px, -40px, 300px);
	}
	35% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate3D(340px, -100px, -100px);
	}
	40% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate3D(280px, -150px,84px);
	}
	45% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate3D(400px, 60px, 40px);
	}
	50% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate3D(450px, 30px, 100px);
	}
	55% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate3D(220px, -60px, 140px);
	}
	60% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate3D(270px, -30px, 20px);
	}
	65% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate3D(200px, -10px, 70px);
	}
	70% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate3D(240px, 40px, -200px);
	}
	75% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate3D(300px, 80px, 140px);
	}
	80% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate3D(200px, 20px, 70px;);
	}
	85% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate3D(160px, -40px);
	}
	90% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate3D(140px, -80px);
	}
	95% {
		-webkit-animation-timing-function: ease-out;
		-webkit-transform: translate3D(80px, -20px);
	}
	100% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: translate3D(40px, -10px);
	}
}
@-webkit-keyframes blink-1 {
  0%,
  25%,
  50%,
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
}
@keyframes blink-1 {
  0%,
  25%,
  50%,
  100% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes blink-0 {
  0%,
  40%,
   {
    opacity: 0;
  }
	50% {
		opacity: 1;
	}
	60%,
  100% {
    opacity: 0;
  }
}
@keyframes blink-0 {
  0%,
  40%,
   {
    opacity: 0;
  }
	50% {
		opacity: 1;
	}
	60%,
  100% {
    opacity: 0;
  }
}
/*-----------Ecard4---------------------*/

.ecardfour-vc2 {
		-webkit-animation: blink-4 2s infinite both;
	        animation: blink-4 2s infinite both;
}
.ecardfour-vc3 {
		-webkit-animation: blink-4 1.7s infinite both;
	        animation: blink-4 1.7s infinite both;
}
.ecardfive-vc1 {
		-webkit-animation: blink-5 1.6s infinite both;
	        animation: blink-5 1.6s infinite both;
	animation-delay: 3s;
	
}
.ecardfive-vc2 {
		-webkit-animation: blink-5 1.6s infinite both;
	        animation: blink-5 1.6s infinite both;
	animation-delay: 2s;
}
.ecardfive-vc3 {
		-webkit-animation: blink-5 1.6s infinite both;
	        animation: blink-5 1.6s infinite both;
	animation-delay: 1s;
}
.ecardfive-vc4 {
		-webkit-animation: blink-5 1.6s infinite both;
	        animation: blink-5 1.6s infinite both;
}
@-webkit-keyframes blink-4 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blink-4 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes blink-5 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blink-5 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.ecardfour-vc6 {
    width: 43px !important;
    position: absolute;
    bottom: -19%;
    left: 8%;
}
.ecardfour-vc8 {
    width: 43px !important;
    position: absolute;
    bottom: -8%;
    left: 27%;
}
.ecardfour-vc10 {
    width: 43px !important;
    position: absolute;
    bottom: -19%;
    left: 45%;
}
.ecardfour-vc12 {
    width: 53px !important;
    position: absolute;
    bottom: -37%;
    left: 65%;
}
.ecardfour-vc14 {
    width: 53px !important;
    position: absolute;
    bottom: -17%;
    left: 77%;
}
.loop .ecardfour-vc6 {
	-webkit-animation: rocket 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rocket 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	
}
.loop .ecardfour-vc8 {
	-webkit-animation: rocket 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rocket 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.loop .ecardfour-vc10 {
	-webkit-animation: rocket 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rocket 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.loop .ecardfour-vc12 {
	-webkit-animation: rocket 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rocket 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
.loop .ecardfour-vc14 {
	-webkit-animation: rocket 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rocket 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
@keyframes rocket {
  0% {
    -webkit-transform: scale(.8) translate(0);
            transform: scale(.8) translate(0);
  }
	80% {
		opacity: 1;
	}
  100% {
    -webkit-transform: scale(1) translate(8px, -130px);
            transform: scale(1) translate(8px, -130px);
		opacity: 0;
  }
}

.ecardfour-vc7 {
    width: 140px !important;
    position: absolute;
    top: 13%;
    left: 1%;
}
.ecardfour-vc9 {
    width: 140px !important;
    position: absolute;
    top: -1%;
    left: 20%;
	
}
.ecardfour-vc11 {
    width: 140px !important;
    position: absolute;
    top: 12%;
    left: 38%;
}
.ecardfour-vc13 {
    width: 140px !important;
    position: absolute;
    top: 17%;
    left: 59%;
}
.ecardfour-vc15 {
    width: 140px !important;
    position: absolute;
    top: -1%;
    left: 71%;
}
.ecardfour-vc16 {
    width: 40px !important;
    position: absolute;
    top: 56%;
    left: 87%;
}
.ecardfour-vc17 {
    width: 40px !important;
    position: absolute;
    top: 50%;
    left: 26%;
}
.ecardfour-vc18 {
    width: 40px !important;
    position: absolute;
    top: 50%;
    left: 46%;
}
.loop .ecardfour-vc7 {
	-webkit-animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	        animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	
}
.loop .ecardfour-vc9 {
	-webkit-animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	        animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
.loop .ecardfour-vc11 {
	-webkit-animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	        animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
.loop .ecardfour-vc13 {
	-webkit-animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	        animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
.loop .ecardfour-vc15 {
	-webkit-animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	        animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}
.loop .ecardfour-vc16 {
	-webkit-animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	        animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	-webkit-animation-delay: 6.5s;
	animation-delay: 6.5s;
}
.loop .ecardfour-vc17 {
	-webkit-animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	        animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	-webkit-animation-delay: 7s;	
	animation-delay: 7s;	
}
.loop .ecardfour-vc18 {
	-webkit-animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	        animation: cracker 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
	-webkit-animation-delay: 7.5s;	
	animation-delay: 7.5s;	
}
.crackers {
	display: none;
}
.loop .crackers  {
	display: block;
}
@keyframes cracker {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
	80% {
		opacity: 1;
	}
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
		opacity: 0;
  }
}
/*----------------Firefly start-----------------------*/
.firefly{position: absolute; left: 50%; top: 50%; width: 0.4vw; height: 0.4vw; margin: -0.2vw 0 0 9.8vw; 
	-webkit-animation: ease 200s alternate infinite; 
	animation: ease 200s alternate infinite; 
	pointer-events: none;}
.fireflybody {
	z-index: 1;
}
.firefly {
	left: 51%;
    top: 45%;
	z-index: 100;
}
.firefly:nth-child(2) {
    left: 33%;
    top: 39%;
}
.firefly:nth-child(3) {
    left: 39%;
    top: 49%;
}
.firefly:nth-child(4) {
    left: 31%;
    top: 35%;
}
.firefly:nth-child(5) {
    left: 35%;
    top: 25%;
}
.firefly:nth-child(5) {
    left: 25%;
    top: 55%;
}
.firefly:nth-child(6) {
    left: 65%;
    top: 15%;
}
.firefly:nth-child(7) {
    left: 18%;
    top: 35%;
}
.firefly:nth-child(8) {
    left: 21%;
    top: 55%;
}
.firefly:nth-child(9) {
    left: 43%;
    top: 25%;
}
.firefly:nth-child(10) {
    left: 73%;
    top: 15%;
}
.firefly:nth-child(12) {
    left: 13%;
    top: 45%;
}
.firefly:nth-child(13) {
    left: 26%;
    top: 55%;
}
.firefly:nth-child(14) {
    left: 31%;
    top: 75%;
}
.firefly:nth-child(15) {
    left: 11%;
    top: 5%;
}
.firefly::before, .firefly::after{content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; transform-origin: -10vw;}.firefly::before{background: transparent; opacity: 0.4; animation: drift ease alternate infinite;}.firefly::after{background: white; opacity: 0; box-shadow: 0 0 0vw 0vw yellow; animation: drift ease alternate infinite, flash ease infinite;}.firefly:nth-child(1){animation-name: move1;}.firefly:nth-child(1)::before{animation-duration: 15s;}.firefly:nth-child(1)::after{animation-duration: 15s, 8881ms; animation-delay: 0ms, 3669ms;}@keyframes move1{0%{transform: translateX(-41%) translateY(-14%) scale(0.81);}3.7037037037%{transform: translateX(-36%) translateY(-13%) scale(0.5);}7.4074074074%{transform: translateX(10%) translateY(-13%) scale(0.96);}11.1111111111%{transform: translateX(-18%) translateY(-4%) scale(0.94);}14.8148148148%{transform: translateX(-28%) translateY(-48%) scale(0.67);}18.5185185185%{transform: translateX(-16%) translateY(-8%) scale(0.51);}22.2222222222%{transform: translateX(-26%) translateY(-34%) scale(0.81);}25.9259259259%{transform: translateX(-41%) translateY(12%) scale(0.78);}29.6296296296%{transform: translateX(-41%) translateY(7%) scale(0.28);}33.3333333333%{transform: translateX(20%) translateY(0%) scale(0.33);}37.037037037%{transform: translateX(49%) translateY(24%) scale(0.81);}40.7407407407%{transform: translateX(35%) translateY(24%) scale(0.89);}44.4444444444%{transform: translateX(-4%) translateY(37%) scale(0.71);}48.1481481481%{transform: translateX(21%) translateY(5%) scale(0.9);}51.8518518519%{transform: translateX(45%) translateY(-13%) scale(0.77);}55.5555555556%{transform: translateX(-30%) translateY(-35%) scale(0.57);}59.2592592593%{transform: translateX(5%) translateY(-39%) scale(0.59);}62.962962963%{transform: translateX(-9%) translateY(-42%) scale(0.75);}66.6666666667%{transform: translateX(-10%) translateY(34%) scale(0.51);}70.3703703704%{transform: translateX(3%) translateY(-43%) scale(1);}74.0740740741%{transform: translateX(-4%) translateY(-41%) scale(0.93);}77.7777777778%{transform: translateX(49%) translateY(27%) scale(0.38);}81.4814814815%{transform: translateX(-9%) translateY(16%) scale(0.35);}85.1851851852%{transform: translateX(20%) translateY(44%) scale(0.53);}88.8888888889%{transform: translateX(-38%) translateY(-9%) scale(0.43);}92.5925925926%{transform: translateX(41%) translateY(0%) scale(0.93);}96.2962962963%{transform: translateX(2%) translateY(26%) scale(0.7);}100%{transform: translateX(-10%) translateY(34%) scale(0.8);}}.firefly:nth-child(2){animation-name: move2;}.firefly:nth-child(2)::before{animation-duration: 15s;}.firefly:nth-child(2)::after{animation-duration: 15s, 8263ms; animation-delay: 0ms, 1057ms;}@keyframes move2{0%{transform: translateX(-33%) translateY(-43%) scale(0.27);}4.7619047619%{transform: translateX(29%) translateY(-49%) scale(0.81);}9.5238095238%{transform: translateX(-7%) translateY(-19%) scale(1);}14.2857142857%{transform: translateX(5%) translateY(9%) scale(0.62);}19.0476190476%{transform: translateX(49%) translateY(-47%) scale(0.33);}23.8095238095%{transform: translateX(-23%) translateY(43%) scale(0.32);}28.5714285714%{transform: translateX(-23%) translateY(2%) scale(0.26);}33.3333333333%{transform: translateX(42%) translateY(13%) scale(0.93);}38.0952380952%{transform: translateX(21%) translateY(-19%) scale(0.56);}42.8571428571%{transform: translateX(-49%) translateY(31%) scale(0.37);}47.619047619%{transform: translateX(-11%) translateY(4%) scale(0.56);}52.380952381%{transform: translateX(-19%) translateY(-13%) scale(0.83);}57.1428571429%{transform: translateX(-43%) translateY(6%) scale(0.44);}61.9047619048%{transform: translateX(24%) translateY(-40%) scale(0.51);}66.6666666667%{transform: translateX(-5%) translateY(32%) scale(0.48);}71.4285714286%{transform: translateX(-6%) translateY(6%) scale(0.79);}76.1904761905%{transform: translateX(23%) translateY(28%) scale(0.82);}80.9523809524%{transform: translateX(11%) translateY(-17%) scale(0.61);}85.7142857143%{transform: translateX(40%) translateY(6%) scale(0.38);}90.4761904762%{transform: translateX(42%) translateY(25%) scale(0.42);}95.2380952381%{transform: translateX(11%) translateY(1%) scale(0.8);}100%{transform: translateX(25%) translateY(31%) scale(0.93);}}.firefly:nth-child(3){animation-name: move3;}.firefly:nth-child(3)::before{animation-duration: 11s;}.firefly:nth-child(3)::after{animation-duration: 11s, 6494ms; animation-delay: 0ms, 3104ms;}@keyframes move3{0%{transform: translateX(-2%) translateY(31%) scale(0.6);}4.5454545455%{transform: translateX(36%) translateY(-16%) scale(0.66);}9.0909090909%{transform: translateX(25%) translateY(0%) scale(0.73);}13.6363636364%{transform: translateX(47%) translateY(50%) scale(0.68);}18.1818181818%{transform: translateX(10%) translateY(18%) scale(0.6);}22.7272727273%{transform: translateX(-18%) translateY(18%) scale(0.71);}27.2727272727%{transform: translateX(45%) translateY(-29%) scale(0.71);}31.8181818182%{transform: translateX(45%) translateY(41%) scale(0.43);}36.3636363636%{transform: translateX(41%) translateY(-19%) scale(0.97);}40.9090909091%{transform: translateX(24%) translateY(-28%) scale(0.43);}45.4545454545%{transform: translateX(9%) translateY(-39%) scale(0.29);}50%{transform: translateX(-33%) translateY(-26%) scale(0.79);}54.5454545455%{transform: translateX(20%) translateY(24%) scale(0.31);}59.0909090909%{transform: translateX(-34%) translateY(20%) scale(0.52);}63.6363636364%{transform: translateX(-36%) translateY(27%) scale(0.38);}68.1818181818%{transform: translateX(8%) translateY(-30%) scale(0.77);}72.7272727273%{transform: translateX(-21%) translateY(3%) scale(0.26);}77.2727272727%{transform: translateX(34%) translateY(2%) scale(0.79);}81.8181818182%{transform: translateX(42%) translateY(23%) scale(0.77);}86.3636363636%{transform: translateX(24%) translateY(-19%) scale(0.4);}90.9090909091%{transform: translateX(-15%) translateY(-41%) scale(0.79);}95.4545454545%{transform: translateX(-35%) translateY(24%) scale(0.65);}100%{transform: translateX(-38%) translateY(8%) scale(0.63);}}.firefly:nth-child(4){animation-name: move4;}.firefly:nth-child(4)::before{animation-duration: 11s;}.firefly:nth-child(4)::after{animation-duration: 11s, 8927ms; animation-delay: 0ms, 5271ms;}@keyframes move4{0%{transform: translateX(-28%) translateY(44%) scale(0.61);}4.347826087%{transform: translateX(13%) translateY(38%) scale(0.8);}8.6956521739%{transform: translateX(40%) translateY(-7%) scale(0.94);}13.0434782609%{transform: translateX(-13%) translateY(-8%) scale(0.75);}17.3913043478%{transform: translateX(15%) translateY(0%) scale(0.93);}21.7391304348%{transform: translateX(14%) translateY(-7%) scale(0.44);}26.0869565217%{transform: translateX(-43%) translateY(29%) scale(0.77);}30.4347826087%{transform: translateX(-13%) translateY(17%) scale(0.75);}34.7826086957%{transform: translateX(23%) translateY(-37%) scale(0.72);}39.1304347826%{transform: translateX(-33%) translateY(40%) scale(0.38);}43.4782608696%{transform: translateX(4%) translateY(-28%) scale(0.45);}47.8260869565%{transform: translateX(13%) translateY(8%) scale(0.31);}52.1739130435%{transform: translateX(3%) translateY(-25%) scale(0.82);}56.5217391304%{transform: translateX(-44%) translateY(14%) scale(0.74);}60.8695652174%{transform: translateX(-25%) translateY(35%) scale(0.36);}65.2173913043%{transform: translateX(-29%) translateY(-36%) scale(0.59);}69.5652173913%{transform: translateX(11%) translateY(-41%) scale(0.86);}73.9130434783%{transform: translateX(10%) translateY(44%) scale(0.35);}78.2608695652%{transform: translateX(32%) translateY(31%) scale(0.94);}82.6086956522%{transform: translateX(20%) translateY(-7%) scale(0.64);}86.9565217391%{transform: translateX(-37%) translateY(27%) scale(0.86);}91.3043478261%{transform: translateX(26%) translateY(41%) scale(0.79);}95.652173913%{transform: translateX(4%) translateY(14%) scale(0.38);}100%{transform: translateX(-31%) translateY(-12%) scale(0.69);}}.firefly:nth-child(5){animation-name: move5;}.firefly:nth-child(5)::before{animation-duration: 11s;}.firefly:nth-child(5)::after{animation-duration: 11s, 8786ms; animation-delay: 0ms, 4871ms;}@keyframes move5{0%{transform: translateX(27%) translateY(38%) scale(0.98);}5.8823529412%{transform: translateX(26%) translateY(7%) scale(0.36);}11.7647058824%{transform: translateX(22%) translateY(16%) scale(0.81);}17.6470588235%{transform: translateX(-20%) translateY(-44%) scale(0.53);}23.5294117647%{transform: translateX(10%) translateY(-36%) scale(0.91);}29.4117647059%{transform: translateX(-22%) translateY(50%) scale(0.42);}35.2941176471%{transform: translateX(34%) translateY(-10%) scale(0.68);}41.1764705882%{transform: translateX(-19%) translateY(-18%) scale(0.35);}47.0588235294%{transform: translateX(-36%) translateY(48%) scale(0.77);}52.9411764706%{transform: translateX(50%) translateY(30%) scale(0.53);}58.8235294118%{transform: translateX(6%) translateY(45%) scale(0.33);}64.7058823529%{transform: translateX(-14%) translateY(-42%) scale(0.89);}70.5882352941%{transform: translateX(-33%) translateY(-49%) scale(0.67);}76.4705882353%{transform: translateX(-9%) translateY(25%) scale(0.59);}82.3529411765%{transform: translateX(-47%) translateY(-25%) scale(0.97);}88.2352941176%{transform: translateX(-25%) translateY(-23%) scale(0.72);}94.1176470588%{transform: translateX(43%) translateY(5%) scale(0.6);}100%{transform: translateX(-10%) translateY(37%) scale(0.7);}}.firefly:nth-child(6){animation-name: move6;}.firefly:nth-child(6)::before{animation-duration: 11s;}.firefly:nth-child(6)::after{animation-duration: 11s, 7526ms; animation-delay: 0ms, 6701ms;}@keyframes move6{0%{transform: translateX(33%) translateY(25%) scale(1);}5%{transform: translateX(-28%) translateY(32%) scale(0.33);}10%{transform: translateX(-28%) translateY(17%) scale(0.74);}15%{transform: translateX(38%) translateY(4%) scale(0.57);}20%{transform: translateX(8%) translateY(4%) scale(0.57);}25%{transform: translateX(7%) translateY(26%) scale(0.41);}30%{transform: translateX(-17%) translateY(-22%) scale(0.87);}35%{transform: translateX(9%) translateY(33%) scale(0.67);}40%{transform: translateX(-44%) translateY(-43%) scale(0.65);}45%{transform: translateX(-7%) translateY(25%) scale(0.36);}50%{transform: translateX(-38%) translateY(40%) scale(0.68);}55%{transform: translateX(-1%) translateY(-28%) scale(1);}60%{transform: translateX(23%) translateY(5%) scale(0.81);}65%{transform: translateX(-9%) translateY(49%) scale(0.32);}70%{transform: translateX(41%) translateY(-23%) scale(0.62);}75%{transform: translateX(3%) translateY(1%) scale(0.31);}80%{transform: translateX(-20%) translateY(36%) scale(0.33);}85%{transform: translateX(-14%) translateY(-10%) scale(0.6);}90%{transform: translateX(-49%) translateY(-29%) scale(0.79);}95%{transform: translateX(-48%) translateY(-46%) scale(0.37);}100%{transform: translateX(2%) translateY(47%) scale(0.9);}}.firefly:nth-child(7){animation-name: move7;}.firefly:nth-child(7)::before{animation-duration: 10s;}.firefly:nth-child(7)::after{animation-duration: 10s, 5372ms; animation-delay: 0ms, 6934ms;}@keyframes move7{0%{transform: translateX(31%) translateY(17%) scale(0.64);}5.8823529412%{transform: translateX(9%) translateY(46%) scale(0.34);}11.7647058824%{transform: translateX(17%) translateY(1%) scale(0.26);}17.6470588235%{transform: translateX(32%) translateY(-43%) scale(0.57);}23.5294117647%{transform: translateX(31%) translateY(46%) scale(0.91);}29.4117647059%{transform: translateX(50%) translateY(-22%) scale(0.82);}35.2941176471%{transform: translateX(35%) translateY(38%) scale(0.5);}41.1764705882%{transform: translateX(-34%) translateY(-3%) scale(0.9);}47.0588235294%{transform: translateX(-1%) translateY(-42%) scale(0.5);}52.9411764706%{transform: translateX(-7%) translateY(19%) scale(0.96);}58.8235294118%{transform: translateX(-21%) translateY(-14%) scale(0.58);}64.7058823529%{transform: translateX(29%) translateY(-40%) scale(0.44);}70.5882352941%{transform: translateX(20%) translateY(35%) scale(0.62);}76.4705882353%{transform: translateX(6%) translateY(-25%) scale(0.81);}82.3529411765%{transform: translateX(2%) translateY(49%) scale(0.83);}88.2352941176%{transform: translateX(-20%) translateY(47%) scale(0.93);}94.1176470588%{transform: translateX(-43%) translateY(16%) scale(0.79);}100%{transform: translateX(9%) translateY(1%) scale(0.29);}}.firefly:nth-child(8){animation-name: move8;}.firefly:nth-child(8)::before{animation-duration: 14s;}.firefly:nth-child(8)::after{animation-duration: 14s, 7542ms; animation-delay: 0ms, 3584ms;}@keyframes move8{0%{transform: translateX(-42%) translateY(-27%) scale(0.77);}5.5555555556%{transform: translateX(-23%) translateY(-2%) scale(1);}11.1111111111%{transform: translateX(12%) translateY(46%) scale(0.75);}16.6666666667%{transform: translateX(-27%) translateY(35%) scale(0.67);}22.2222222222%{transform: translateX(6%) translateY(7%) scale(0.46);}27.7777777778%{transform: translateX(-42%) translateY(-42%) scale(0.5);}33.3333333333%{transform: translateX(-28%) translateY(15%) scale(0.63);}38.8888888889%{transform: translateX(45%) translateY(11%) scale(0.84);}44.4444444444%{transform: translateX(11%) translateY(-47%) scale(0.91);}50%{transform: translateX(-42%) translateY(-49%) scale(0.82);}55.5555555556%{transform: translateX(25%) translateY(4%) scale(0.38);}61.1111111111%{transform: translateX(26%) translateY(29%) scale(0.8);}66.6666666667%{transform: translateX(10%) translateY(20%) scale(0.6);}72.2222222222%{transform: translateX(-17%) translateY(49%) scale(0.62);}77.7777777778%{transform: translateX(-16%) translateY(-9%) scale(0.98);}83.3333333333%{transform: translateX(-41%) translateY(13%) scale(0.39);}88.8888888889%{transform: translateX(-33%) translateY(14%) scale(0.31);}94.4444444444%{transform: translateX(-23%) translateY(-19%) scale(0.65);}100%{transform: translateX(8%) translateY(-35%) scale(0.84);}}.firefly:nth-child(9){animation-name: move9;}.firefly:nth-child(9)::before{animation-duration: 15s;}.firefly:nth-child(9)::after{animation-duration: 15s, 7153ms; animation-delay: 0ms, 6783ms;}@keyframes move9{0%{transform: translateX(-24%) translateY(-12%) scale(0.46);}4.5454545455%{transform: translateX(23%) translateY(22%) scale(0.36);}9.0909090909%{transform: translateX(-24%) translateY(40%) scale(0.64);}13.6363636364%{transform: translateX(4%) translateY(14%) scale(0.77);}18.1818181818%{transform: translateX(22%) translateY(-45%) scale(0.83);}22.7272727273%{transform: translateX(31%) translateY(12%) scale(0.89);}27.2727272727%{transform: translateX(23%) translateY(44%) scale(0.94);}31.8181818182%{transform: translateX(-8%) translateY(44%) scale(0.49);}36.3636363636%{transform: translateX(2%) translateY(-6%) scale(0.58);}40.9090909091%{transform: translateX(40%) translateY(2%) scale(1);}45.4545454545%{transform: translateX(41%) translateY(-18%) scale(0.52);}50%{transform: translateX(21%) translateY(14%) scale(0.55);}54.5454545455%{transform: translateX(21%) translateY(44%) scale(0.94);}59.0909090909%{transform: translateX(4%) translateY(-14%) scale(0.48);}63.6363636364%{transform: translateX(-38%) translateY(-24%) scale(0.95);}68.1818181818%{transform: translateX(-3%) translateY(-9%) scale(0.55);}72.7272727273%{transform: translateX(-14%) translateY(44%) scale(0.68);}77.2727272727%{transform: translateX(12%) translateY(-6%) scale(0.87);}81.8181818182%{transform: translateX(21%) translateY(20%) scale(0.55);}86.3636363636%{transform: translateX(-8%) translateY(44%) scale(0.52);}90.9090909091%{transform: translateX(14%) translateY(16%) scale(0.84);}95.4545454545%{transform: translateX(-18%) translateY(6%) scale(0.69);}100%{transform: translateX(14%) translateY(-17%) scale(0.33);}}.firefly:nth-child(10){animation-name: move10;}.firefly:nth-child(10)::before{animation-duration: 16s;}.firefly:nth-child(10)::after{animation-duration: 16s, 10963ms; animation-delay: 0ms, 1755ms;}@keyframes move10{0%{transform: translateX(27%) translateY(49%) scale(0.34);}4.1666666667%{transform: translateX(17%) translateY(50%) scale(0.43);}8.3333333333%{transform: translateX(-48%) translateY(11%) scale(0.95);}12.5%{transform: translateX(-45%) translateY(-33%) scale(0.3);}16.6666666667%{transform: translateX(-25%) translateY(37%) scale(0.63);}20.8333333333%{transform: translateX(44%) translateY(-49%) scale(0.57);}25%{transform: translateX(-31%) translateY(-41%) scale(0.77);}29.1666666667%{transform: translateX(29%) translateY(-4%) scale(0.86);}33.3333333333%{transform: translateX(-29%) translateY(-35%) scale(0.63);}37.5%{transform: translateX(-14%) translateY(-38%) scale(0.48);}41.6666666667%{transform: translateX(4%) translateY(-41%) scale(0.75);}45.8333333333%{transform: translateX(-1%) translateY(-37%) scale(0.74);}50%{transform: translateX(9%) translateY(20%) scale(0.83);}54.1666666667%{transform: translateX(-15%) translateY(22%) scale(0.72);}58.3333333333%{transform: translateX(-15%) translateY(-24%) scale(0.26);}62.5%{transform: translateX(34%) translateY(1%) scale(0.84);}66.6666666667%{transform: translateX(47%) translateY(22%) scale(0.66);}70.8333333333%{transform: translateX(31%) translateY(-6%) scale(0.87);}75%{transform: translateX(33%) translateY(25%) scale(0.41);}79.1666666667%{transform: translateX(27%) translateY(42%) scale(0.96);}83.3333333333%{transform: translateX(-3%) translateY(40%) scale(0.81);}87.5%{transform: translateX(27%) translateY(-37%) scale(0.68);}91.6666666667%{transform: translateX(2%) translateY(4%) scale(1);}95.8333333333%{transform: translateX(-25%) translateY(-46%) scale(0.73);}100%{transform: translateX(43%) translateY(10%) scale(0.59);}}.firefly:nth-child(11){animation-name: move11;}.firefly:nth-child(11)::before{animation-duration: 18s;}.firefly:nth-child(11)::after{animation-duration: 18s, 9774ms; animation-delay: 0ms, 770ms;}@keyframes move11{0%{transform: translateX(33%) translateY(-11%) scale(0.4);}5.8823529412%{transform: translateX(43%) translateY(-11%) scale(0.54);}11.7647058824%{transform: translateX(0%) translateY(40%) scale(0.88);}17.6470588235%{transform: translateX(48%) translateY(32%) scale(0.88);}23.5294117647%{transform: translateX(13%) translateY(-25%) scale(0.7);}29.4117647059%{transform: translateX(8%) translateY(-38%) scale(0.67);}35.2941176471%{transform: translateX(8%) translateY(-44%) scale(0.89);}41.1764705882%{transform: translateX(17%) translateY(45%) scale(0.35);}47.0588235294%{transform: translateX(28%) translateY(1%) scale(0.99);}52.9411764706%{transform: translateX(-5%) translateY(-22%) scale(0.6);}58.8235294118%{transform: translateX(34%) translateY(-34%) scale(0.32);}64.7058823529%{transform: translateX(-48%) translateY(-3%) scale(0.96);}70.5882352941%{transform: translateX(-9%) translateY(23%) scale(0.82);}76.4705882353%{transform: translateX(-49%) translateY(29%) scale(0.64);}82.3529411765%{transform: translateX(-31%) translateY(49%) scale(0.63);}88.2352941176%{transform: translateX(38%) translateY(-12%) scale(0.71);}94.1176470588%{transform: translateX(43%) translateY(-46%) scale(0.67);}100%{transform: translateX(31%) translateY(39%) scale(0.88);}}.firefly:nth-child(12){animation-name: move12;}.firefly:nth-child(12)::before{animation-duration: 9s;}.firefly:nth-child(12)::after{animation-duration: 9s, 7808ms; animation-delay: 0ms, 5026ms;}@keyframes move12{0%{transform: translateX(2%) translateY(22%) scale(0.72);}3.5714285714%{transform: translateX(28%) translateY(-13%) scale(0.84);}7.1428571429%{transform: translateX(34%) translateY(43%) scale(0.75);}10.7142857143%{transform: translateX(37%) translateY(12%) scale(0.63);}14.2857142857%{transform: translateX(49%) translateY(-3%) scale(0.35);}17.8571428571%{transform: translateX(16%) translateY(-20%) scale(0.94);}21.4285714286%{transform: translateX(31%) translateY(10%) scale(0.53);}25%{transform: translateX(-15%) translateY(30%) scale(0.7);}28.5714285714%{transform: translateX(30%) translateY(30%) scale(0.4);}32.1428571429%{transform: translateX(-29%) translateY(-9%) scale(0.58);}35.7142857143%{transform: translateX(-10%) translateY(2%) scale(0.4);}39.2857142857%{transform: translateX(-29%) translateY(-44%) scale(0.91);}42.8571428571%{transform: translateX(-30%) translateY(28%) scale(0.38);}46.4285714286%{transform: translateX(2%) translateY(-13%) scale(0.34);}50%{transform: translateX(14%) translateY(1%) scale(0.64);}53.5714285714%{transform: translateX(4%) translateY(7%) scale(0.64);}57.1428571429%{transform: translateX(29%) translateY(-15%) scale(0.36);}60.7142857143%{transform: translateX(-34%) translateY(-31%) scale(0.48);}64.2857142857%{transform: translateX(-35%) translateY(-21%) scale(0.57);}67.8571428571%{transform: translateX(-2%) translateY(-19%) scale(0.88);}71.4285714286%{transform: translateX(39%) translateY(34%) scale(0.56);}75%{transform: translateX(8%) translateY(34%) scale(0.93);}78.5714285714%{transform: translateX(-25%) translateY(-34%) scale(0.57);}82.1428571429%{transform: translateX(6%) translateY(49%) scale(0.53);}85.7142857143%{transform: translateX(-49%) translateY(-11%) scale(0.62);}89.2857142857%{transform: translateX(-6%) translateY(16%) scale(0.61);}92.8571428571%{transform: translateX(14%) translateY(49%) scale(0.7);}96.4285714286%{transform: translateX(8%) translateY(47%) scale(0.56);}100%{transform: translateX(0%) translateY(39%) scale(0.98);}}.firefly:nth-child(13){animation-name: move13;}.firefly:nth-child(13)::before{animation-duration: 14s;}.firefly:nth-child(13)::after{animation-duration: 14s, 10237ms; animation-delay: 0ms, 2759ms;}@keyframes move13{0%{transform: translateX(30%) translateY(14%) scale(0.72);}5%{transform: translateX(3%) translateY(-15%) scale(0.69);}10%{transform: translateX(-38%) translateY(18%) scale(0.84);}15%{transform: translateX(-19%) translateY(-46%) scale(0.48);}20%{transform: translateX(5%) translateY(-10%) scale(0.35);}25%{transform: translateX(45%) translateY(38%) scale(0.88);}30%{transform: translateX(7%) translateY(-20%) scale(0.66);}35%{transform: translateX(46%) translateY(29%) scale(0.49);}40%{transform: translateX(-18%) translateY(-38%) scale(0.28);}45%{transform: translateX(29%) translateY(10%) scale(0.92);}50%{transform: translateX(9%) translateY(-5%) scale(0.31);}55%{transform: translateX(41%) translateY(39%) scale(0.59);}60%{transform: translateX(27%) translateY(-16%) scale(0.55);}65%{transform: translateX(-17%) translateY(9%) scale(0.42);}70%{transform: translateX(2%) translateY(-8%) scale(0.89);}75%{transform: translateX(-2%) translateY(0%) scale(0.58);}80%{transform: translateX(35%) translateY(-6%) scale(0.67);}85%{transform: translateX(6%) translateY(-24%) scale(0.26);}90%{transform: translateX(1%) translateY(-7%) scale(0.59);}95%{transform: translateX(-1%) translateY(20%) scale(0.4);}100%{transform: translateX(19%) translateY(-46%) scale(0.42);}}.firefly:nth-child(14){animation-name: move14;}.firefly:nth-child(14)::before{animation-duration: 13s;}.firefly:nth-child(14)::after{animation-duration: 13s, 7764ms; animation-delay: 0ms, 2164ms;}@keyframes move14{0%{transform: translateX(-33%) translateY(23%) scale(0.92);}4.5454545455%{transform: translateX(-4%) translateY(47%) scale(0.27);}9.0909090909%{transform: translateX(-1%) translateY(-9%) scale(0.32);}13.6363636364%{transform: translateX(-48%) translateY(-37%) scale(0.42);}18.1818181818%{transform: translateX(7%) translateY(39%) scale(0.5);}22.7272727273%{transform: translateX(39%) translateY(6%) scale(0.88);}27.2727272727%{transform: translateX(4%) translateY(40%) scale(0.83);}31.8181818182%{transform: translateX(6%) translateY(-38%) scale(0.41);}36.3636363636%{transform: translateX(24%) translateY(10%) scale(0.68);}40.9090909091%{transform: translateX(-32%) translateY(-15%) scale(0.57);}45.4545454545%{transform: translateX(9%) translateY(-44%) scale(0.29);}50%{transform: translateX(-22%) translateY(-20%) scale(0.81);}54.5454545455%{transform: translateX(20%) translateY(-4%) scale(0.64);}59.0909090909%{transform: translateX(34%) translateY(28%) scale(0.62);}63.6363636364%{transform: translateX(20%) translateY(1%) scale(0.99);}68.1818181818%{transform: translateX(33%) translateY(-6%) scale(0.45);}72.7272727273%{transform: translateX(34%) translateY(-49%) scale(0.56);}77.2727272727%{transform: translateX(49%) translateY(38%) scale(0.77);}81.8181818182%{transform: translateX(-16%) translateY(47%) scale(0.35);}86.3636363636%{transform: translateX(-2%) translateY(-2%) scale(0.3);}90.9090909091%{transform: translateX(-33%) translateY(-40%) scale(0.65);}95.4545454545%{transform: translateX(-23%) translateY(-22%) scale(0.52);}100%{transform: translateX(-46%) translateY(10%) scale(0.94);}}.firefly:nth-child(15){animation-name: move15;}.firefly:nth-child(15)::before{animation-duration: 10s;}.firefly:nth-child(15)::after{animation-duration: 10s, 7669ms; animation-delay: 0ms, 5885ms;}@keyframes move15{0%{transform: translateX(-43%) translateY(22%) scale(0.61);}5.8823529412%{transform: translateX(-40%) translateY(34%) scale(0.7);}11.7647058824%{transform: translateX(-35%) translateY(-26%) scale(0.53);}17.6470588235%{transform: translateX(12%) translateY(11%) scale(0.67);}23.5294117647%{transform: translateX(12%) translateY(39%) scale(0.86);}29.4117647059%{transform: translateX(48%) translateY(-46%) scale(0.56);}35.2941176471%{transform: translateX(13%) translateY(-29%) scale(0.79);}41.1764705882%{transform: translateX(-30%) translateY(7%) scale(1);}47.0588235294%{transform: translateX(46%) translateY(23%) scale(0.26);}52.9411764706%{transform: translateX(-35%) translateY(-43%) scale(0.61);}58.8235294118%{transform: translateX(8%) translateY(41%) scale(0.81);}64.7058823529%{transform: translateX(44%) translateY(-6%) scale(0.48);}70.5882352941%{transform: translateX(-39%) translateY(40%) scale(0.51);}76.4705882353%{transform: translateX(-4%) translateY(8%) scale(0.33);}82.3529411765%{transform: translateX(-38%) translateY(41%) scale(0.36);}88.2352941176%{transform: translateX(37%) translateY(41%) scale(0.46);}94.1176470588%{transform: translateX(-45%) translateY(-30%) scale(0.98);}100%{transform: translateX(9%) translateY(-16%) scale(0.37);}}@keyframes drift{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}@keyframes flash{0%, 30%, 100%{opacity: 0; box-shadow: 0 0 0vw 0vw yellow;}5%{opacity: 1; box-shadow: 0 0 2vw 0.4vw yellow;}}

/*----------------Firefly start-----------------------*/
/*--------------Ecard Popup Styles--------------*/
.ecard-pop{
	width: 100%;
	position:relative;
	min-height: 600px;
    height: 90vh;
    overflow: auto;
}
/*
section.popup-preview.active {
	display: none;
}
*/
section.popup-preview.active {
	display: block;
    left: 0;
    -webkit-transition: all 500ms ease-out 500ms;
    -moz-transition: all 500ms ease-out 500ms;
    -o-transition: all 500ms ease-out 500ms;
    transition: all 500ms ease-out 500ms;
}
section.popup-preview {
    background: url("../images/bannerbg.jpg") no-repeat center center;
    background-size: cover;
    position: fixed;
    height: 100%;
    z-index: 999;
    left: -120%;
    top: 0;
    width: 100%;
    padding: 3% 0 0 0;
    -webkit-transition: all 500ms ease-out 500ms;
    -moz-transition: all 500ms ease-out 500ms;
    -o-transition: all 500ms ease-out 500ms;
    transition: all 500ms ease-out 500ms;
}
p.reg_form_errors {
    display: none;
    position: absolute;
    bottom: 6px;
    font-size: 12px;
    font-style: italic;
    color: #efa5a7;
    font-family: 'Zoho_Puvi_Medium';
    line-height: 10px;
    left: 0;
    margin: 0;
}
.verfication-form p.reg_form_errors{font-size:11px;line-height:12px;}
div.close-icon{
    position: absolute;
right: 0px;
top: 10px;
cursor: pointer;
background: #172127;
text-align: center;
line-height: 30px;
border-radius: 50%;
padding: 11px 18px;
}
div.close-icon img {
    width: 16px;
    height: auto;
    -moz-transition: all ease-in-out .6s;
    -webkit-transition: all ease-in-out .6s;
    -o-transition: all ease-in-out .6s;
    transition: all ease-in-out .6s;
}
div.close-icon:hover img {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    cursor: pointer;
}
section.popup-preview .preview-form {
    width: 35%;
    display: inline-block;
    vertical-align: top;
    margin:0 6% 0 0;
	color: #fff;
}
div.form-field {
    position: relative;
    width: 100%;
}
section.popup-preview .preview-img {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    border-radius: 6px;
	margin: 0px 0px 40px 0px;
	color: #fff;
}
    
section.popup-preview .preview-img img {
    width: 100%;
    height: auto;
	   border-radius: 6px;
}
section.popup-preview .preview-img p {
    margin: 0 0 10px 0;
}
.form-field input {
    width: 100%;
    padding: 15px 0 15px 15px;
    text-indent: 10px;
    font-size: 14px;
    margin: 0 0 20px 0;
    border: 1px solid #47494D;
    border-radius: 30px;
    background: #ffffff1a;
    color: #fff;
}
.form-field select {
    font-family: 'Marcellus', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff1a url("https://www.manageengine.com/events/images/dropdown-arrow.png") no-repeat 95% center;
        padding: 12px 0px 12px 28px;
    width: 100%;
    font-size: 14px;
    height: auto;
    color: #757575;
    border-radius: 30px;
    margin: 0 0 20px 0;
    border: 1px solid #47494D;
}
input[type=text]:focus, select:focus {
    outline: none !important;
	border: transparent;
  border: 1px solid #d7b356 !important;
	color: #fff;
}
select:active, select:focus-visible, select:visited {
	color: #fff;
}
div#meGDPRMessage, p.privacy-policy {
    margin-bottom: 10px;
	color: #fff;
}
.submit-block{
	text-align: left;
}
input.button1 {
  width: auto;
  border: none;
  padding: 10px 40px;
  font-size: 16px;
  color: #000;
      background-image: linear-gradient(to right, #EBD071 , #C5973C);
    border-radius: 40px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor:pointer;
  letter-spacing: .5px;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  transition: 0.5s ease all;
	cursor:pointer;
}
input.button1:hover{
	background: transparent;
	color: #E0C162;
	    border: 1px solid #F5F489;
	cursor:pointer;
}
.privacy-policy a{color:#d7b356;text-decoration: none;}
.privacy-policy a:hover{color:#996f74;text-decoration: underline;}
p.change-email {
    display:none;
    position: absolute;
    top: 6px;
    right: 7px;
    font-size: 12px;
    background: #d7b156;
    color: #000;
    padding: 0 10px;
    border-radius: 15px;
	cursor:pointer;
	border:1px solid #d7b156;
}
p.change-email:hover{background:transparent;color:#fff;}

form .captcha-input input {
    width: 31%;
    vertical-align: top;
    padding: 12px 0px;
	padding-left: 5px;
    font-size: .8em;
}
.CaptchaWrap {
    display: inline-block;
    width: 60%;
    vertical-align: text-bottom;
}
#CapCode {
    width: 100%;
    height: 40px;
	border-radius: 30px;
}
.reload {
    text-align: center;
    position: absolute;
    top: 6px;
    right: 41px;
    width: 27px;
    height: 27px;
    font-size: 19px;
    background: #113156;
    color: #fff;
    cursor: pointer;
    border-radius: 50%;
    line-height: 25px;
}
/*-------Verification Styles------*/
.verfication-sec {
    width: 40%;
    margin: 10% auto 0 auto;
    border-radius: 5px;
    border: 2px solid #F5F489;
    padding: 30px;
    text-align: center;
    display: none;
    background: #091118;
    position: relative;
	color: #fff;
}
.verfication-sec div.close-icon {
	right: 10px;
	    padding: 7px 15px;
}
.verfication-sec div.close-icon img {
	width: 15px;
}
.popclose {
    position: absolute;
    right: 5%;
    top: 4%;
	color: #B5B5B5;
	cursor: pointer;
}
.verfication-sec h3 {
    font-size: 1.3em;
    font-family: 'Zoho_Puvi_Medium';
    padding-bottom: 10px;
}
.verfication-form .form-field input {
    text-align: left;
	margin:20px 0;
}
.verfication-form.verify-style{
	display: inline-block;
    width: 30%;
    vertical-align: middle;
    margin: 0 0 0 5%;
	text-align:center;
	color: #fff;
}
.verfication-form .submit-block-new{margin:20px 0;}
.send-mail{
	width: 80px;
	height: 80px;
	margin: 0 auto 15px auto;
	border-radius: 50%;}
.send-mail img{
	margin-top: 17px;
	width: 55px;
	height: 55px;
}

/*-----Verification Success------*/
.verfication-success p {
    padding-bottom: 30px;
    font-family: 'Zoho_Puvi_Regular';
}
.verfication-success a {
    background-image: linear-gradient(to right, #EBD071 , #C5973C);
    padding: 13px 30px;
    border-radius: 2px;
    color: #000;
    text-decoration: none;
    border: 1px solid transparent;
	display: inline-block;
	    border-radius: 40px;
	
}
.verfication-success a:hover{
    background: transparent;
    color: #E0C162;
    border: 1px solid #F5F489;
}
div.bluractive {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
}

/*----------  footer line ----------------*/
footer {
    padding: 25px 0px 25px 0px;
    height: auto;
    background: #000;
}
footer p {
    text-align: center;
    color: #fff;
    font-size: 12px;
    width: 80%;
    margin: 0 auto;
    line-height: 22px;
}
footer a {
    color: #fff;
}
.bordercurtain {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0;
	left: 0;
	display: none;
}
.bordercurtain img{
	width: 100%;
	height: 100%;
}
#ecardsection .bordercurtain {
	top: -53px;
}
.container {
	z-index: 1;
	position: relative;
}
#Home div.ecard-headerselectlang {
	display: none;
}
.lapbut {
	    z-index: 100;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20%;
}
.formobi, .but-styl {
	display: none;
}
.zsiq_theme1.zsiq_floatmain {
	display: none !important;
}
option { 
    background-color: #0c141f !important;
}
/*-------------------  Preloader  -----------------------*/

.preloader {
        background: #152336 url(../images/bannerbg.jpg) no-repeat;
    background-size: cover;
    font: 1em/1.5 sans-serif;
    height: 100vh;
    display: grid;
    place-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
}
.preloader .container {
	width: 50%;
}
.bar {
  background: #0b121c;
  min-width: 100%;
  min-height: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.bar::after {
  content: "";
  min-height: 5px;
  position: absolute;
	 background-image: linear-gradient(to right, #EBD071 , #C5973C);
  transform: translateX(-100%);
  animation: animate 3s infinite;
}
.bar::before {
  content: "";
  min-height: 5px;
  position: absolute;
	background-image: linear-gradient(to right, #EBD071 , #C5973C);
  transform: translateX(-100%);
  animation: animate 3s ease-out infinite;
  animation-delay: 1s;
  z-index: 5;
}

.by {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-family: "roboto";
  font-size: 20px;
}
@keyframes animate {
  0% {
    transform: translateX(-100%);
    min-width: 10px;
  }
  100% {
    transform: translateX(300%);
    min-width: 400px;
  }
}
.event-complete {
    width: 100%;
    margin: 0 auto;
    font-size: 1.8em;
    text-align: center;
    line-height: 40px;
    padding: 10% 0;
	color: #fff;
    text-shadow: 2px 2px 10px #262525;
}
/*-------------------  Preloader  -----------------------*/
/*-----------------  Responsive   ---------------------*/
@media screen and (min-width: 1400px){  
	#ecardsection .container{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
@media screen and (min-width: 1900px){  
	#ecardsection .container{
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	.curtainContainer:nth-child(1) {
		-webkit-transform: translatex(-3vw) !important;
		transform: translatex(-3vw) !important;
	}
	.curtainContainer:nth-child(2) {
		
	}
}
@media screen and (max-height: 630px){ 
	.ecard-pop {
		    min-height: 400px;
    height: 100vh;
	}
}
@media screen and (max-width: 1480px){  
	.animate .curtainContainer:nth-child(1) {
		    transform: translateX(-50vw) !important;
	}
	.animate .curtainContainer:nth-child(2) {
		    transform: translateX(50vw) !important;
	}
}
@media screen and (max-width: 1200px){ 
	header {
		top: 0;
	}
	#Home {
		height: auto;
	}
}
@media screen and (max-width: 1160px){ 
	form .captcha-input input {
		width: 38%;
	}
	.container {
		width: 900px;
	}
	.outerstage {
		width: 98%;
	}
	.animate .curtainContainer:nth-child(1) {
  -webkit-transform: translateX(-60vw) !important;
  transform: translateX(-60vw) !important;
}
	.animate .curtainContainer:nth-child(2) {
  -webkit-transform: translateX(60vw) !important;
  transform: translateX(60vw) !important;
}
		.carousel {
		height: 29em;
	}
	.reload {
		    right: 12px;
	}
}
@media screen and (max-width: 960px){
	.verfication-form.verify-style {
		width: 80%;
    margin: auto;
    text-align: center;
	}
	.ecard-pop {
		text-align: center;
	}
	.verfication-sec {
		width: 80%;
	}
	#ecardsection p {
		margin: auto;
		text-align: center;
		width: 80%;
	}
	.sendecard {
	    padding: 2px;
	}
	.but-styl {
		display: block;
	}
	.formobi {
		display: block
	}
	.lapbut {
		display: none;
	}
	.container {
	width: 90%;
	}
	.curtainBody, .outerstage img, .slide1 img, .stageshadow, .stageshadowreverse{
		display: none;
	}
	.outerstage {
		bottom: 0;
	}
	.ecard-stepsec {
		font-size: 1em;
		bottom: 25px;
	}
	.but-styl {
		left: -9%;
	}
	#next {
		right: -8%;
	}
.carousel li.left-pos {
  opacity: 1;
  left: -110%;
}
	.carousel li.right-pos {
  opacity: 1;
  left: 110%;
}
	.slide1.active {
		background: #C79B3E;
		opacity: 1;
	}
	.slide1 {
		width: 10px;
		height: 10px;
		background: #fff;
		opacity: .5;
		border-radius: 100%;
		margin: 0px 4px;
		opacity: .3;
	}
	.carousel {
		height: 24em;
		margin-top: 30px;
	}
	.hover-li {
		padding-top: 20px;
	}
	.flip-container img {
		    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    filter: blur(0px);
    opacity: 1;
}
.banner_heading {
	    width: 42%;
    margin: auto;
	padding: 20px;
}
	.bordercurtain {
		display: block;
	}
#Home h6{
	    width: 70%;
    margin: auto;
}
	br, header .fr, #Home:after {
		display: none;
	}
	header {
		top: 110px;
		left: 0;
        right: 0;
        text-align: center;
        margin: auto;
	}
	div.logo {
		    width: 250px;
	}
	.sendecard a {
		padding: 3px 50px;
	}
#Home {
	padding-bottom: 50px;
}
	.sendecardbottom {
		display: inline-block;
		vertical-align: top;
		margin: auto;
		text-align: center;
	}
	#Home div.ecard-headerselectlang {
		display: inline-block;
		margin: auto;
		    float: none;
    margin-left: 20px;
	}
}
@media screen and (max-width: 767px){
	div.ecard-headerselectlang:hover ul{
		top: auto;
		bottom: 40px;
		z-index: 10;
		animation: none;
	}
	.but-styl {
		width: 60px;
		height: 60px;
		    top: 32%;
	}
	#next {
		top: 32%;
	}
	section.popup-preview .preview-img {
		display: none;
	}
	section.popup-preview .preview-form {
		    margin: 15% 0 0 0;
		width: 100%;
	}
	#CapCode  {
		width: auto;
	}
	.carousel {
		    width: 500px;
		    height: 22em;
	}
	.carousel li {
		width: 100%;
		height: 300px;
	}
	.ecard-stepsec {
    font-size: 1em;
    bottom: 19px;
}
}
@media screen and (max-width: 657px){
	.event-complete {
		padding-top: 20%;
	}
	div.close-icon {
		    padding: 8px 13px;
	}
	div.close-icon img {
		width: 14px;
	}
	div.close-icon {
		    right: 0;
    text-align: left;
    width: fit-content;
	}

	.banner_heading {
		width: 60%;
	}
	.sendecard a {
    padding: 6px 40px;
}
	div.ecard-headerselectlang p {
		       padding: 8px 25px;
	}
	#Home div.ecard-headerselectlang, .sendecardbottom {
		margin: auto;
		display: block;
	}
	#Home div.ecard-headerselectlang{
		margin-top: 30px;
	}
	.carousel {
    width: 400px;
    height: 17em;
		margin-bottom: 30px;
}
	.carousel li {
		    height: 240px;
	}
	.ecard-stepsec {
		    bottom: 8px;
	}
	#Home div.ecard-headerselectlang {
		margin-top: 20px;
	}
}
@media screen and (max-height: 420px) and (max-width: 657px){  
	.ecard-pop {
		    min-height: 320px;
    height: 100vh;
	}

}
@media screen and (max-width: 550px){
	
	section.popup-preview .preview-form {
		    margin: 17% 0 0 0;
	}
	input.button1 {
		width: 100%;
	}
	.bannertext {
		width: 100%;
	}
	.banner_heading {
    width: 80%;
}
}
@media screen and (max-width: 450px){
		.but-styl {
		width: 40px;
		height: 40px;
		    top: 32%;
	}
	#next {
		top: 32%;
	}
	#CapCode  {
		width: 100%;;
	} 
	.carousel {
		    width: 320px;
    height: 15em;
	}
	.carousel li {
    height: 192px;
}
	.banner_heading {
    width: 90%;
} 
}
@media screen and (max-width: 360px){
	.verfication-success a {
		    padding: 12px 18px;
	}
	.carousel {
    width: 280px;
    height: 14em;
}
	.carousel li {
    height: 167px;
}
}