@-webkit-keyframes fall {
	0% {
	  opacity: 0.6;
	  top: 0;
	}
	100% {
	  opacity: 0.05;
	  top: 100%;
	}
  }
  
  @keyframes fall {
	0% {
	  opacity: 0.6;
	  top: 0;
	}
	100% {
	  opacity: 0.05;
	  top: 100%;
	}
  }
  
  @-webkit-keyframes blow-soft-left {
	0% {
	  margin-left: 0;
	}
	100% {
	  margin-left: -50%;
	}
  }
  
  @keyframes blow-soft-left {
	0% {
	  margin-left: 0;
	}
	100% {
	  margin-left: -50%;
	}
  }
  
  @-webkit-keyframes blow-medium-left {
	0% {
	  margin-left: 0;
	}
	100% {
	  margin-left: -100%;
	}
  }
  
  @keyframes blow-medium-left {
	0% {
	  margin-left: 0;
	}
	100% {
	  margin-left: -100%;
	}
  }
  
  @-webkit-keyframes blow-soft-right {
	0% {
	  margin-left: 0;
	}
	100% {
	  margin-left: 50%;
	}
  }
  
  @keyframes blow-soft-right {
	0% {
	  margin-left: 0;
	}
	100% {
	  margin-left: 50%;
	}
  }
  
  @-webkit-keyframes blow-medium-right {
	0% {
	  margin-left: 0;
	}
	100% {
	  margin-left: 100%;
	}
  }
  
  @keyframes blow-medium-right {
	0% {
	  margin-left: 0;
	}
	100% {
	  margin-left: 100%;
	}
  }
  
  @-webkit-keyframes sway-0 {
	0% {
	  -webkit-transform: rotate(-5deg);
	}
	40% {
	  -webkit-transform: rotate(28deg);
	}
	100% {
	  -webkit-transform: rotate(3deg);
	}
  }
  
  @keyframes sway-0 {
	0% {
	  -ms-transform: rotate(-5deg);
	  transform: rotate(-5deg);
	}
	40% {
	  -ms-transform: rotate(28deg);
	  transform: rotate(28deg);
	}
	100% {
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	}
  }
  
  @-webkit-keyframes sway-1 {
	0% {
	  -webkit-transform: rotate(10deg);
	}
	40% {
	  -webkit-transform: rotate(43deg);
	}
	100% {
	  -webkit-transform: rotate(15deg);
	}
  }
  
  @keyframes sway-1 {
	0% {
	  -ms-transform: rotate(10deg);
	  transform: rotate(10deg);
	}
	40% {
	  -ms-transform: rotate(43deg);
	  transform: rotate(43deg);
	}
	100% {
	  -ms-transform: rotate(15deg);
	  transform: rotate(15deg);
	}
  }
  
  @-webkit-keyframes sway-2 {
	0% {
	  -webkit-transform: rotate(15deg);
	}
	40% {
	  -webkit-transform: rotate(56deg);
	}
	100% {
	  -webkit-transform: rotate(22deg);
	}
  }
  
  @keyframes sway-2 {
	0% {
	  -ms-transform: rotate(15deg);
	  transform: rotate(15deg);
	}
	40% {
	  -ms-transform: rotate(56deg);
	  transform: rotate(56deg);
	}
	100% {
	  -ms-transform: rotate(22deg);
	  transform: rotate(22deg);
	}
  }
  
  @-webkit-keyframes sway-3 {
	0% {
	  -webkit-transform: rotate(25deg);
	}
	40% {
	  -webkit-transform: rotate(74deg);
	}
	100% {
	  -webkit-transform: rotate(37deg);
	}
  }
  
  @keyframes sway-3 {
	0% {
	  -ms-transform: rotate(25deg);
	  transform: rotate(25deg);
	}
	40% {
	  -ms-transform: rotate(74deg);
	  transform: rotate(74deg);
	}
	100% {
	  -ms-transform: rotate(37deg);
	  transform: rotate(37deg);
	}
  }
  
  @-webkit-keyframes sway-4 {
	0% {
	  -webkit-transform: rotate(40deg);
	}
	40% {
	  -webkit-transform: rotate(68deg);
	}
	100% {
	  -webkit-transform: rotate(25deg);
	}
  }
  
  @keyframes sway-4 {
	0% {
	  -ms-transform: rotate(40deg);
	  transform: rotate(40deg);
	}
	40% {
	  -ms-transform: rotate(68deg);
	  transform: rotate(68deg);
	}
	100% {
	  -ms-transform: rotate(25deg);
	  transform: rotate(25deg);
	}
  }
  
  @-webkit-keyframes sway-5 {
	0% {
	  -webkit-transform: rotate(50deg);
	}
	40% {
	  -webkit-transform: rotate(78deg);
	}
	100% {
	  -webkit-transform: rotate(40deg);
	}
  }
  
  @keyframes sway-5 {
	0% {
	  -ms-transform: rotate(50deg);
	  transform: rotate(50deg);
	}
	40% {
	  -ms-transform: rotate(78deg);
	  transform: rotate(78deg);
	}
	100% {
	  -ms-transform: rotate(40deg);
	  transform: rotate(40deg);
	}
  }
  
  @-webkit-keyframes sway-6 {
	0% {
	  -webkit-transform: rotate(65deg);
	}
	40% {
	  -webkit-transform: rotate(92deg);
	}
	100% {
	  -webkit-transform: rotate(58deg);
	}
  }
  
  @keyframes sway-6 {
	0% {
	  -ms-transform: rotate(65deg);
	  transform: rotate(65deg);
	}
	40% {
	  -ms-transform: rotate(92deg);
	  transform: rotate(92deg);
	}
	100% {
	  -ms-transform: rotate(58deg);
	  transform: rotate(58deg);
	}
  }
  
  @-webkit-keyframes sway-7 {
	0% {
	  -webkit-transform: rotate(72deg);
	}
	40% {
	  -webkit-transform: rotate(118deg);
	}
	100% {
	  -webkit-transform: rotate(68deg);
	}
  }
  
  @keyframes sway-7 {
	0% {
	  -ms-transform: rotate(72deg);
	  transform: rotate(72deg);
	}
	40% {
	  -ms-transform: rotate(118deg);
	  transform: rotate(118deg);
	}
	100% {
	  -ms-transform: rotate(68deg);
	  transform: rotate(68deg);
	}
  }
  
  @-webkit-keyframes sway-8 {
	0% {
	  -webkit-transform: rotate(94deg);
	}
	40% {
	  -webkit-transform: rotate(136deg);
	}
	100% {
	  -webkit-transform: rotate(82deg);
	}
  }
  
  @keyframes sway-8 {
	0% {
	  -ms-transform: rotate(94deg);
	  transform: rotate(94deg);
	}
	40% {
	  -ms-transform: rotate(136deg);
	  transform: rotate(136deg);
	}
	100% {
	  -ms-transform: rotate(82deg);
	  transform: rotate(82deg);
	}
  }
  
  .sakura {
	background: red;
	pointer-events: none;
	position: absolute;
  }
  
  .sakura {
	background: #674ea7;
  }
  
  /*******************************/
  
  body {
	font-family: Arial, Helvetica, Sans-serif;
	font-display: swap;
  }
  
  img {
	max-width: 100%;
	height: auto;
  }
  
  @media (max-width: 900px) {
	img {
	  max-width: 30%;
	}
  }
  
  .top-right-decoration {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
  }
  
  .top-left-decoration {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
  }
  
  .title h1 {
	font-family: "Dancing Script", cursive;
	font-weight: bold;
	font-style: normal;
	font-size: 54px;
	margin: 32px 0;
	color: #674ea7;
  }
  
  .title h2 {
	font-family: "Dancing Script", cursive;
	font-weight: bold;
	font-style: normal;
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: #d6516d;
	line-height: 1;
  }
  
  .dance-med {
	font-family: "Dancing Script", cursive;
	font-weight: bolder;
	font-style: normal;
	font-size: 32px;
	color: #674ea7;
	margin: 16px;
	text-align: center;
  }
  
  .title h3 {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 18px;
	color: #27797b;
	margin-top: 20px;
  }
  
  .title h4 {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 20px;
	color: #27797b;
	margin-top: 5px;
  }
  
  .title p {
	color: #564861;
	margin: 30px 0 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 16px;
  }
  
  .wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
  }
  
  /** **/
  
  * {
	font-family: "Arvo", serif;
  }
  
  body {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
  }
  
  .title {
	margin-bottom: 10px;
  }
  
  #time {
	width: auto;
	height: auto;
	padding: 20px;
	background-color: #eee;
	border-radius: 20px;
	font-size: 16px;
  }
  
  .venue {
	width: auto;
	height: auto;
	background-color: #674ea7;
	border-radius: 16px;
	text-align: center;
	color: #fff;
	padding: 8px;
	margin-right: 8px;
  }
  
  .venue a {
	text-decoration: none;
	color: #fff;
  }
  
  /*  */
  .place {
	color: #874562;
	font-weight: 900;
  }
  
  .content-text {
	color: #564861;
	text-align: center;
	font-size: 16px;
	margin: 24px;
  }
  
  .end-msg {
	width: auto;
	height: auto;
	padding: 12px;
	background: linear-gradient(90deg, #b33a46, #9b313c);
	border-radius: 20px;
	font-size: 14px;
	color: #fff;
	font-size: 24px;
  }
  
  a {
	text-decoration: none;
  }
  
  .happiness {
	color: #874562;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 24px;
  }
 
  .music {
	display: none;
  }
  
  .actions {
	display: flex;
	font-size: 12px;
	letter-spacing: 0pt;
  }
  
  /* MENU STARTS */
  .navbar {
	border-radius: 0;
	text-transform: uppercase;
	margin-bottom: 0px;
  }
  
  .navbar.fixed {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
  }
  
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
	background: none !important;
  }
  
  .dropdown-menu {
	padding: 0;
  }
  
  .dropdown-menu > li > a {
	padding: 7px 20px;
	text-transform: none;
  }
  
  .navbar {
	width: 100%;
  }
  
  .navbar-default .navbar-brand {
	color: #27797b !important;
  }
  
  .navbar-default .navbar-nav > li > a {
	color: #27797b !important;
  }
  
  .container-fluid {
	width: 75%;
  }
  /* MENU ENDS */
  
  /* EVENT STARTS */
  .heading span {
	border: 0;
	border-top: 1px solid #d6516d;
	display: inline-block;
	margin: 5px 10px;
	width: 40px;
  }
  .heading i {
	color: #d6516d;
  }
  h2 {
	font-family: "Engagement", cursive;
	font-weight: normal;
	margin: 0;
  }
  .blog-short {
	background: #fff;
	border-radius: 5px;
	margin-bottom: 15px;
	overflow: hidden;
	padding-bottom: 20px;
  }
  .img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
  }
  .blog-short h5 {
	margin-bottom: 10px;
  }
  .blog-short h5,
  .blog-short h6 {
	padding: 0 30px;
	margin: 3em 0;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 900;
	line-height: 1.1;
  }
  h6 {
	color: #d6516d;
  }
  /* EVENT ENDS */
  
  /* TIMER STARTS */
  
  .timer-container {
	position: relative;
	margin: auto;
	overflow: hidden;
	width: 390px;
	height: 230px;
  }
  
  .container {
	position: relative;
	margin: auto;
	overflow: hidden;
	width: 75%;
	height: 100%;
  }
  
  .timer-container h1 {
	font-family: "Lato", sans-serif;
	text-align: center;
	margin-top: 2em;
	font-size: 0.72em;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #183059;
	font-weight: 1000;
  }
  
  #timer {
	color: #f6f4f3;
	text-align: center;
	text-transform: uppercase;
	font-family: "Lato", sans-serif;
	font-size: 0.7em;
	letter-spacing: 5px;
	margin-top: 25%;
  }
  
  .days,
  .hours,
  .minutes,
  .seconds {
	display: inline-block;
	padding: 0.72px;
	width: 80px;
	border-radius: 5px;
  }
  
  .days {
	background: #ef2f3c;
  }
  
  .hours {
	background: #f6f4f3;
	color: #183059;
  }
  
  .minutes {
	background: #276fbf;
  }
  
  .seconds {
	background: #f0a202;
  }
  
  .numbers {
	font-family: "Montserrat", sans-serif;
	color: #183059;
	font-size: 3em;
  }
  
  .units {
	letter-spacing: 3px;
  }
  
  .white {
	position: absolute;
	background: #f6f4f3;
	height: 51px;
	width: 45px;
	left: 30%;
	top: 2%;
  }
  .white .triangle {
	border-bottom: 8.4px solid #f6f4f3;
  }
  .white .string {
	background: #f6f4f3;
	border: 1px solid #f6f4f3;
  }
  
  .red {
	position: absolute;
	background: #ef2f3c;
	left: 18%;
	top: 9%;
	height: 39px;
	width: 42px;
  }
  .red .triangle {
	border-bottom: 8.4px solid #ef2f3c;
  }
  .red .string {
	background: #ef2f3c;
	border: 1px solid #ef2f3c;
  }
  
  .blue {
	position: absolute;
	background: #276fbf;
	height: 48px;
	width: 48px;
	left: 60%;
	top: 5%;
  }
  .blue .triangle {
	border-bottom: 8.4px solid #276fbf;
  }
  .blue .string {
	background: #276fbf;
	border: 1px solid #276fbf;
  }
  
  .balloon {
	border: 1px solid #000;
	border-radius: 50% 50% 50% 50%/ 40% 40% 60% 60%;
	z-index: -9999;
  }
  
  .eye {
	position: absolute;
	width: 4.2px;
	height: 4.2px;
	top: 40%;
	left: 22%;
	background: #000;
	border-radius: 50%;
  }
  .eye:after {
	content: "";
	left: 21px;
	width: 4.2px;
	height: 4.2px;
	border-radius: 50%;
	background: #000;
	position: absolute;
  }
  
  .mouth {
	position: absolute;
	top: 53%;
	left: 43%;
	width: 4.2px;
	height: 4.2px;
	border-radius: 50%;
  }
  
  .happy {
	border: 1.2px solid;
	border-color: transparent #000 #000 transparent;
	transform: rotate(45deg);
  }
  
  .triangle {
	position: absolute;
	left: 40%;
	bottom: -10%;
	width: 0;
	height: 0;
	border-left: 4.2px solid transparent;
	border-right: 4.2px solid transparent;
  }
  
  .string {
	position: absolute;
	height: 42px;
	width: 1px;
	left: 46%;
	top: 100%;
	z-index: -99;
  }
  
  .star {
	width: 12px;
	height: 12px;
	background: #f6f4f3;
	-webkit-clip-path: polygon(
	  50% 0%,
	  61% 35%,
	  98% 35%,
	  68% 57%,
	  79% 91%,
	  50% 70%,
	  21% 91%,
	  32% 57%,
	  2% 35%,
	  39% 35%
	);
	clip-path: polygon(
	  50% 0%,
	  61% 35%,
	  98% 35%,
	  68% 57%,
	  79% 91%,
	  50% 70%,
	  21% 91%,
	  32% 57%,
	  2% 35%,
	  39% 35%
	);
  }
  
  .star-red {
	width: 18px;
	height: 18px;
	margin-left: 30.6px;
	margin-top: -3px;
	background: #ef2f3c;
	-webkit-clip-path: polygon(
	  50% 0%,
	  61% 35%,
	  98% 35%,
	  68% 57%,
	  79% 91%,
	  50% 70%,
	  21% 91%,
	  32% 57%,
	  2% 35%,
	  39% 35%
	);
	clip-path: polygon(
	  50% 0%,
	  61% 35%,
	  98% 35%,
	  68% 57%,
	  79% 91%,
	  50% 70%,
	  21% 91%,
	  32% 57%,
	  2% 35%,
	  39% 35%
	);
  }
  
  /* TIMER ENDS */
  
  /* BOTTOM CONTROLS STARTS */
  .go-to-top {
	overflow: hidden;
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0px 15px 15px 15px;
  }
  .my-music-icon {
	overflow: hidden;
	position: fixed;
	text-align: right;
	bottom: 0;
	left: 0;
	margin: 0px 15px 15px 15px;
  }
  /* BOTTOM CONTROLS ENDS */
  
  /* ARROW STARTS */
  .down-arrow {
	color: #fff;
	font-size: 30px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
  }
  
  .floating-object {
	animation-name: floating-object;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
  }
  
  @keyframes floating-object {
	0% {
	  margin-top: 0;
	}
	50% {
	  margin-top: 20px;
	}
	100% {
	  margin-top: 0;
	}
  }
  
  /* ARROW ENDS */
  
  section {
	padding: 80px 0;
	width: 100%;
  }
  #footer {
	width: 100%;
	background-color: #f8f8f8;
	border-color: #e7e7e7;
  }
  
  footer {
	background: #222;
	padding: 30px 0;
  }
  
  #footer p {
	color: #bcb9c0;
  }

  #footer .fa-heart {
	color: #ff415c;
	margin: 0 2px;
  }
  
  #banner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 915px;
  }
  html {
	scroll-behavior: smooth;
  }