@import url('https://fonts.googleapis.com/css?family=Charm|Dancing+Script|Happy+Monkey|Baloo+Bhaijaan|Katibeh|Lemonada|Frijole|Lovers+Quarrel|Great+Vibes');

body, input, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6 {text-rendering: optimizeLegibility;}
a {color: #fff;}
a:hover, a:focus {color: #fff;text-decoration: none;}
h1 {font-family: 'Happy Monkey', cursive;font-size: 5em;}
h3 {font-family: 'Dancing Script', cursive;font-size: 3.5em;letter-spacing: 2px;padding: 10px 0;line-height: 1.2;}
form {padding-top: 15px;}
input {padding: 10px;text-align: center;border-radius: 4px;border: none;color: #000;outline: none;min-width: 200px;width: 75%;box-shadow: 0px 1px 5px 1px #000;}
button {border: 1px solid #000;color: #000;padding: 10px;border-radius: 4px;min-width: 100px;background: #fff;}
html {height: 100%;}
body, .bg {background: repeating-linear-gradient(to right top, #1fc8db, #4dc6cd, #68c3c1, #7cc0b8, #8dbdb1, #91c1b4, #95c5b6, #99c9b9, #91d5c4, #86e2d1, #76efe0, #5ffbf1);}

.index-container {padding-top: 5%}
.container-fluid {padding: 0;background-image: linear-gradient(to right top, #1fc8db, #4dc6cd, #68c3c1, #7cc0b8, #8dbdb1, #91c1b4, #95c5b6, #99c9b9, #91d5c4, #86e2d1, #76efe0, #5ffbf1);}
.sticky-logo {position: absolute;top: 5px;width: 120px;padding: 1px 0;background: #1a237e;-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);left: -42px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 9;}
.sticky-logo a {display: block;text-align: center;}
.sticky-logo img {width: 40px;height: 25px;}
.multi .carousel-inner .active.left,.multi .carousel-inner .prev {left: -25%;}
.multi .carousel-inner .next {left: 25%;}
.multi .carousel-control {width: 4%;}
.multi .carousel-control.left, .multi .carousel-control.right {margin-left: 15px;background-image: none;}
#myCarousel .item {text-align: center}
.item a {font-size: 26px;font-family: 'Charm', cursive;}
.heading_exclusive {font-size: 1.5em;font-family: 'Lemonada', cursive;margin: 20px 0;text-transform: uppercase;}
div#myCarousel {margin-top: 20px;}
.bg {width: 100%;color: white;/* padding-bottom: 45px; */}
i.fas {font-size: 6em;}
.field-tags.mis-field-tags ul li {display: inline-block;width: auto;float: none;margin-right: 50px;}
.field-tags.mis-field-tags ul li:last-child {margin-right: 0;}
.field-tags ul {margin: 0;padding: 0;list-style: none;}
.field-tags ul li {display: inline-block;width: 100%;margin: 7px 0;}
.field-tags ul li a {position: relative;display: inline-block;height: 38px;line-height: 38px;padding: 0 1em;background-color: #009688;color: #fff;font-size: 14px;letter-spacing: 1px;float: left;text-decoration: none;-webkit-transition: .2s;transition: .2s;min-width: 200px;text-align: center;white-space: nowrap;width: 100%;text-transform: uppercase;}
.field-tags ul li a::before {position: absolute;top: 0;left: -15px;content: '';width: 0;height: 0;border-color: transparent #009688 transparent transparent;border-style: solid;border-width: 20px 15px 18px 0;-webkit-transition: .2s;transition: .2s;}
.field-tags ul li a span:after {position: absolute;top: 0;right: -18px;content: '';width: 0;height: 0;-webkit-transition: .2s;transition: .2s;border-top: 18px solid transparent;border-bottom: 20px solid transparent;border-left: 18px solid #009688;}
.field-tags p {font-size: 1.5em;font-family: 'Lemonada', cursive;margin: 20px 0;text-transform: uppercase;}
.field-tags ul {padding: 0 18px 0 15px;}
.field-tags.exclusive-wishes ul li {width: 33.33%;float: left;}
.field-tags.exclusive-wishes ul li:nth-child(1), .field-tags.exclusive-wishes ul li:nth-child(4) {padding-right: 30px;}
.field-tags.exclusive-wishes ul li:nth-child(2) {padding-left: 20px;padding-right: 20px;}
.field-tags.exclusive-wishes ul li:nth-child(3) {padding-left: 40px;}
.field-tags.moon-field-tags ul li {width: 33.33%;float: left;}
.field-tags.moon-field-tags ul li:nth-child(1) {padding-right: 30px;}
.field-tags.moon-field-tags ul li:nth-child(2) {padding-left: 20px;padding-right: 20px;}
.field-tags.moon-field-tags ul li:nth-child(3) {padding-left: 40px;}
.social-icon {color: #fff;font-size: 1em;padding: 10px 20px;border-radius: 6px;margin-top: 25px;display: inline-block;}
a.whatsapp {background-color: #20b038;}
a.facebook {background-color: #4267B2;}
a.messenger {background-color: #448AFF;}
#person_name {-webkit-animation: floating-text 1s ease alternate infinite;-moz-animation: floating-text 1s ease alternate infinite;-ms-animation: floating-text 1s ease alternate infinite;-o-animation: floating-text 1s ease alternate infinite;
animation: floating-text 1s ease alternate infinite;margin-bottom: 30px;letter-spacing: 2px;text-transform: capitalize;}
@-webkit-keyframes floating-text {
0% {-webkit-transform: translateY(.1em);text-shadow:0 0 .5em rgba(255,255,255,.4),0 0 .2em rgba(0,0,0,.3),0 .3em .2em rgba(0,0,0,.3);}
100% {text-shadow:0 0 .5em rgba(255,255,255,.4),0 0 .2em rgba(0,0,0,.3),0 .5em .5em rgba(0,0,0,.3);}
}
@-moz-keyframes floating-text {
0% {-moz-transform: translateY(.1em);text-shadow:0 0 .5em rgba(255,255,255,.4),0 0 .2em rgba(0,0,0,.3),0 .3em .2em rgba(0,0,0,.3);}
100% {text-shadow:0 0 .5em rgba(255,255,255,.4),0 0 .2em rgba(0,0,0,.3),0 .5em .5em rgba(0,0,0,.3);}
}
@-ms-keyframes floating-text {
0% {-ms-transform: translateY(.1em);text-shadow:0 0 .5em rgba(255,255,255,.4),0 0 .2em rgba(0,0,0,.3),0 .3em .2em rgba(0,0,0,.3);}
100% {text-shadow:0 0 .5em rgba(255,255,255,.4),0 0 .2em rgba(0,0,0,.3),0 .5em .5em rgba(0,0,0,.3);}
}
@-o-keyframes floating-text {
0% {-o-transform: translateY(.1em);text-shadow:0 0 .5em rgba(255,255,255,.4),0 0 .2em rgba(0,0,0,.3),0 .3em .2em rgba(0,0,0,.3);}
100% {text-shadow:0 0 .5em rgba(255,255,255,.4),0 0 .2em rgba(0,0,0,.3),0 .5em .5em rgba(0,0,0,.3);}
}
@keyframes floating-text {
0% {transform: translateY(.1em);text-shadow:0 0 .5em rgba(255,255,255,.4),0 0 .2em rgba(0,0,0,.3),0 .3em .2em rgba(0,0,0,.3);}
100% {text-shadow:0 0 .5em rgba(255,255,255,.4),0 0 .2em rgba(0,0,0,.3),0 .5em .5em rgba(0,0,0,.3);}
}

/* animated wishes text */
.anim-text-flow span,.anim-text-flow-hover:hover span {-webkit-animation-name: anim-text-flow-keys;animation-name: anim-text-flow-keys;-webkit-animation-duration: 50s;animation-duration: 50s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-direction: alternate;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes anim-text-flow-keys {
0% {color: #d65c72;}
5% {color: #d6ca5c;}
10% {color: #a75cd6;}
15% {color: #d6605c;}
20% {color: #5cd662;}
25% {color: #7c5cd6;}
30% {color: #5c8bd6;}
35% {color: #5cb1d6;}
40% {color: #875cd6;}
45% {color: #c65cd6;}
50% {color: #d6975c;}
55% {color: #5cd6c0;}
60% {color: #b45cd6;}
65% {color: #b4d65c;}
70% {color: #5c95d6;}
75% {color: #5c64d6;}
80% {color: #8b5cd6;}
85% {color: #d65cce;}
90% {color: #d65c5e;}
95% {color: #60d65c;}
100% {color: #d65cc0;}
}
@keyframes anim-text-flow-keys {
0% {color: #d65c72;}
5% {color: #d6ca5c;}
10% {color: #a75cd6;}
15% {color: #d6605c;}
20% {color: #5cd662;}
25% {color: #7c5cd6;}
30% {color: #5c8bd6;}
35% {color: #5cb1d6;}
40% {color: #875cd6;}
45% {color: #c65cd6;}
50% {color: #d6975c;}
55% {color: #5cd6c0;}
60% {color: #b45cd6;}
65% {color: #b4d65c;}
70% {color: #5c95d6;}
75% {color: #5c64d6;}
80% {color: #8b5cd6;}
85% {color: #d65cce;}
90% {color: #d65c5e;}
95% {color: #60d65c;}
100% {color: #d65cc0;}
}

/* Indian */
.anim-text-flow.swadeshi span,.anim-text-flow-hover.swadeshi:hover span {-webkit-animation-name: swadeshi-text-flow-keys;animation-name: swadeshi-text-flow-keys;-webkit-animation-duration: 50s;animation-duration: 50s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-direction: alternate;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes swadeshi-text-flow-keys {
0% {color: #FF9933;}
5% {color: #cccccc;}
10% {color: #000088;}
15% {color: #128807;}
20% {color: #FF9933;}
25% {color: #cccccc;}
30% {color: #000088;}
35% {color: #128807;}
40% {color: #FF9933;}
45% {color: #cccccc;}
50% {color: #000088;}
55% {color: #128807;}
60% {color: #FF9933;}
65% {color: #cccccc;}
70% {color: #000088;}
75% {color: #128807;}
80% {color: #FF9933;}
85% {color: #cccccc;}
90% {color: #000088;}
95% {color: #128807;}
100% {color: #FF9933;}
}
@keyframes swadeshi-text-flow-keys {
0% {color: #FF9933;}
5% {color: #cccccc;}
10% {color: #000088;}
15% {color: #128807;}
20% {color: #FF9933;}
25% {color: #cccccc;}
30% {color: #000088;}
35% {color: #128807;}
40% {color: #FF9933;}
45% {color: #cccccc;}
50% {color: #000088;}
55% {color: #128807;}
60% {color: #FF9933;}
65% {color: #cccccc;}
70% {color: #000088;}
75% {color: #128807;}
80% {color: #FF9933;}
85% {color: #cccccc;}
90% {color: #000088;}
95% {color: #128807;}
100% {color: #FF9933;}
}

.marquee-container {width:100%;overflow:hidden;}
.marquee {display:block;position:relative;width:100%;height:75px;animation:scroll 15s linear infinite;}
.marquee:hover {animation-play-state: paused}
.marquee-container .republic-day {font-size: 3rem;padding: 20px 0 0;background: linear-gradient(to right, #FF9933 15%, #000088 30%, #128807 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.rebulic-day-wish-text {background: linear-gradient(to right, #128807 33%, #000088 53%, #FF9933 70%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/* Make it move */
@keyframes scroll {
0% {left:800px;}
100% {left:-800px;}
}
.republic-day span {font-size: 3rem;padding: 20px 0;background: linear-gradient(to right, #FF9933 15%, #000088 30%, #128807 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/* end Indian */
.anim-text-flow span:nth-of-type(1),
.anim-text-flow-hover:hover span:nth-of-type(1) {
-webkit-animation-delay: -19.8s;
animation-delay: -19.8s;
}
.anim-text-flow span:nth-of-type(2),
.anim-text-flow-hover:hover span:nth-of-type(2) {
-webkit-animation-delay: -19.6s;
animation-delay: -19.6s;
}
.anim-text-flow span:nth-of-type(3),
.anim-text-flow-hover:hover span:nth-of-type(3) {
-webkit-animation-delay: -19.4s;
animation-delay: -19.4s;
}
.anim-text-flow span:nth-of-type(4),
.anim-text-flow-hover:hover span:nth-of-type(4) {
-webkit-animation-delay: -19.2s;
animation-delay: -19.2s;
}
.anim-text-flow span:nth-of-type(5),
.anim-text-flow-hover:hover span:nth-of-type(5) {
-webkit-animation-delay: -19s;
animation-delay: -19s;
}
.anim-text-flow span:nth-of-type(6),
.anim-text-flow-hover:hover span:nth-of-type(6) {
-webkit-animation-delay: -18.8s;
animation-delay: -18.8s;
}
.anim-text-flow span:nth-of-type(7),
.anim-text-flow-hover:hover span:nth-of-type(7) {
-webkit-animation-delay: -18.6s;
animation-delay: -18.6s;
}
.anim-text-flow span:nth-of-type(8),
.anim-text-flow-hover:hover span:nth-of-type(8) {
-webkit-animation-delay: -18.4s;
animation-delay: -18.4s;
}
.anim-text-flow span:nth-of-type(9),
.anim-text-flow-hover:hover span:nth-of-type(9) {
-webkit-animation-delay: -18.2s;
animation-delay: -18.2s;
}
.anim-text-flow span:nth-of-type(10),
.anim-text-flow-hover:hover span:nth-of-type(10) {
-webkit-animation-delay: -18s;
animation-delay: -18s;
}
.anim-text-flow span:nth-of-type(11),
.anim-text-flow-hover:hover span:nth-of-type(11) {
-webkit-animation-delay: -17.8s;
animation-delay: -17.8s;
}
.anim-text-flow span:nth-of-type(12),
.anim-text-flow-hover:hover span:nth-of-type(12) {
-webkit-animation-delay: -17.6s;
animation-delay: -17.6s;
}
.anim-text-flow span:nth-of-type(13),
.anim-text-flow-hover:hover span:nth-of-type(13) {
-webkit-animation-delay: -17.4s;
animation-delay: -17.4s;
}
.anim-text-flow span:nth-of-type(14),
.anim-text-flow-hover:hover span:nth-of-type(14) {
-webkit-animation-delay: -17.2s;
animation-delay: -17.2s;
}
.anim-text-flow span:nth-of-type(15),
.anim-text-flow-hover:hover span:nth-of-type(15) {
-webkit-animation-delay: -17s;
animation-delay: -17s;
}
.anim-text-flow span:nth-of-type(16),
.anim-text-flow-hover:hover span:nth-of-type(16) {
-webkit-animation-delay: -16.8s;
animation-delay: -16.8s;
}
.anim-text-flow span:nth-of-type(17),
.anim-text-flow-hover:hover span:nth-of-type(17) {
-webkit-animation-delay: -16.6s;
animation-delay: -16.6s;
}
.anim-text-flow span:nth-of-type(18),
.anim-text-flow-hover:hover span:nth-of-type(18) {
-webkit-animation-delay: -16.4s;
animation-delay: -16.4s;
}
.anim-text-flow span:nth-of-type(19),
.anim-text-flow-hover:hover span:nth-of-type(19) {
-webkit-animation-delay: -16.2s;
animation-delay: -16.2s;
}
.anim-text-flow span:nth-of-type(20),
.anim-text-flow-hover:hover span:nth-of-type(20) {
-webkit-animation-delay: -16s;
animation-delay: -16s;
}
.anim-text-flow span:nth-of-type(21),
.anim-text-flow-hover:hover span:nth-of-type(21) {
-webkit-animation-delay: -15.8s;
animation-delay: -15.8s;
}
.anim-text-flow span:nth-of-type(22),
.anim-text-flow-hover:hover span:nth-of-type(22) {
-webkit-animation-delay: -15.6s;
animation-delay: -15.6s;
}
.anim-text-flow span:nth-of-type(23),
.anim-text-flow-hover:hover span:nth-of-type(23) {
-webkit-animation-delay: -15.4s;
animation-delay: -15.4s;
}
.anim-text-flow span:nth-of-type(24),
.anim-text-flow-hover:hover span:nth-of-type(24) {
-webkit-animation-delay: -15.2s;
animation-delay: -15.2s;
}
.anim-text-flow span:nth-of-type(25),
.anim-text-flow-hover:hover span:nth-of-type(25) {
-webkit-animation-delay: -15s;
animation-delay: -15s;
}
.anim-text-flow span:nth-of-type(26),
.anim-text-flow-hover:hover span:nth-of-type(26) {
-webkit-animation-delay: -14.8s;
animation-delay: -14.8s;
}
.anim-text-flow span:nth-of-type(27),
.anim-text-flow-hover:hover span:nth-of-type(27) {
-webkit-animation-delay: -14.6s;
animation-delay: -14.6s;
}
.anim-text-flow span:nth-of-type(28),
.anim-text-flow-hover:hover span:nth-of-type(28) {
-webkit-animation-delay: -14.4s;
animation-delay: -14.4s;
}
.anim-text-flow span:nth-of-type(29),
.anim-text-flow-hover:hover span:nth-of-type(29) {
-webkit-animation-delay: -14.2s;
animation-delay: -14.2s;
}
.anim-text-flow span:nth-of-type(30),
.anim-text-flow-hover:hover span:nth-of-type(30) {
-webkit-animation-delay: -14s;
animation-delay: -14s;
}
.anim-text-flow span:nth-of-type(31),
.anim-text-flow-hover:hover span:nth-of-type(31) {
-webkit-animation-delay: -13.8s;
animation-delay: -13.8s;
}
.anim-text-flow span:nth-of-type(32),
.anim-text-flow-hover:hover span:nth-of-type(32) {
-webkit-animation-delay: -13.6s;
animation-delay: -13.6s;
}
.anim-text-flow span:nth-of-type(33),
.anim-text-flow-hover:hover span:nth-of-type(33) {
-webkit-animation-delay: -13.4s;
animation-delay: -13.4s;
}
.anim-text-flow span:nth-of-type(34),
.anim-text-flow-hover:hover span:nth-of-type(34) {
-webkit-animation-delay: -13.2s;
animation-delay: -13.2s;
}
.anim-text-flow span:nth-of-type(35),
.anim-text-flow-hover:hover span:nth-of-type(35) {
-webkit-animation-delay: -13s;
animation-delay: -13s;
}
.anim-text-flow span:nth-of-type(36),
.anim-text-flow-hover:hover span:nth-of-type(36) {
-webkit-animation-delay: -12.8s;
animation-delay: -12.8s;
}
.anim-text-flow span:nth-of-type(37),
.anim-text-flow-hover:hover span:nth-of-type(37) {
-webkit-animation-delay: -12.6s;
animation-delay: -12.6s;
}
.anim-text-flow span:nth-of-type(38),
.anim-text-flow-hover:hover span:nth-of-type(38) {
-webkit-animation-delay: -12.4s;
animation-delay: -12.4s;
}
.anim-text-flow span:nth-of-type(39),
.anim-text-flow-hover:hover span:nth-of-type(39) {
-webkit-animation-delay: -12.2s;
animation-delay: -12.2s;
}
.anim-text-flow span:nth-of-type(40),
.anim-text-flow-hover:hover span:nth-of-type(40) {
-webkit-animation-delay: -12s;
animation-delay: -12s;
}
.anim-text-flow span:nth-of-type(41),
.anim-text-flow-hover:hover span:nth-of-type(41) {
-webkit-animation-delay: -11.8s;
animation-delay: -11.8s;
}
.anim-text-flow span:nth-of-type(42),
.anim-text-flow-hover:hover span:nth-of-type(42) {
-webkit-animation-delay: -11.6s;
animation-delay: -11.6s;
}
.anim-text-flow span:nth-of-type(43),
.anim-text-flow-hover:hover span:nth-of-type(43) {
-webkit-animation-delay: -11.4s;
animation-delay: -11.4s;
}
.anim-text-flow span:nth-of-type(44),
.anim-text-flow-hover:hover span:nth-of-type(44) {
-webkit-animation-delay: -11.2s;
animation-delay: -11.2s;
}
.anim-text-flow span:nth-of-type(45),
.anim-text-flow-hover:hover span:nth-of-type(45) {
-webkit-animation-delay: -11s;
animation-delay: -11s;
}
.anim-text-flow span:nth-of-type(46),
.anim-text-flow-hover:hover span:nth-of-type(46) {
-webkit-animation-delay: -10.8s;
animation-delay: -10.8s;
}
.anim-text-flow span:nth-of-type(47),
.anim-text-flow-hover:hover span:nth-of-type(47) {
-webkit-animation-delay: -10.6s;
animation-delay: -10.6s;
}
.anim-text-flow span:nth-of-type(48),
.anim-text-flow-hover:hover span:nth-of-type(48) {
-webkit-animation-delay: -10.4s;
animation-delay: -10.4s;
}
.anim-text-flow span:nth-of-type(49),
.anim-text-flow-hover:hover span:nth-of-type(49) {
-webkit-animation-delay: -10.2s;
animation-delay: -10.2s;
}
.anim-text-flow span:nth-of-type(50),
.anim-text-flow-hover:hover span:nth-of-type(50) {
-webkit-animation-delay: -10s;
animation-delay: -10s;
}
.anim-text-flow span:nth-of-type(51),
.anim-text-flow-hover:hover span:nth-of-type(51) {
-webkit-animation-delay: -9.8s;
animation-delay: -9.8s;
}
.anim-text-flow span:nth-of-type(52),
.anim-text-flow-hover:hover span:nth-of-type(52) {
-webkit-animation-delay: -9.6s;
animation-delay: -9.6s;
}
.anim-text-flow span:nth-of-type(53),
.anim-text-flow-hover:hover span:nth-of-type(53) {
-webkit-animation-delay: -9.4s;
animation-delay: -9.4s;
}
.anim-text-flow span:nth-of-type(54),
.anim-text-flow-hover:hover span:nth-of-type(54) {
-webkit-animation-delay: -9.2s;
animation-delay: -9.2s;
}
.anim-text-flow span:nth-of-type(55),
.anim-text-flow-hover:hover span:nth-of-type(55) {
-webkit-animation-delay: -9s;
animation-delay: -9s;
}
.anim-text-flow span:nth-of-type(56),
.anim-text-flow-hover:hover span:nth-of-type(56) {
-webkit-animation-delay: -8.8s;
animation-delay: -8.8s;
}
.anim-text-flow span:nth-of-type(57),
.anim-text-flow-hover:hover span:nth-of-type(57) {
-webkit-animation-delay: -8.6s;
animation-delay: -8.6s;
}
.anim-text-flow span:nth-of-type(58),
.anim-text-flow-hover:hover span:nth-of-type(58) {
-webkit-animation-delay: -8.4s;
animation-delay: -8.4s;
}
.anim-text-flow span:nth-of-type(59),
.anim-text-flow-hover:hover span:nth-of-type(59) {
-webkit-animation-delay: -8.2s;
animation-delay: -8.2s;
}
.anim-text-flow span:nth-of-type(60),
.anim-text-flow-hover:hover span:nth-of-type(60) {
-webkit-animation-delay: -8s;
animation-delay: -8s;
}
.anim-text-flow span:nth-of-type(61),
.anim-text-flow-hover:hover span:nth-of-type(61) {
-webkit-animation-delay: -7.8s;
animation-delay: -7.8s;
}
.anim-text-flow span:nth-of-type(62),
.anim-text-flow-hover:hover span:nth-of-type(62) {
-webkit-animation-delay: -7.6s;
animation-delay: -7.6s;
}
.anim-text-flow span:nth-of-type(63),
.anim-text-flow-hover:hover span:nth-of-type(63) {
-webkit-animation-delay: -7.4s;
animation-delay: -7.4s;
}
.anim-text-flow span:nth-of-type(64),
.anim-text-flow-hover:hover span:nth-of-type(64) {
-webkit-animation-delay: -7.2s;
animation-delay: -7.2s;
}
.anim-text-flow span:nth-of-type(65),
.anim-text-flow-hover:hover span:nth-of-type(65) {
-webkit-animation-delay: -7s;
animation-delay: -7s;
}
.anim-text-flow span:nth-of-type(66),
.anim-text-flow-hover:hover span:nth-of-type(66) {
-webkit-animation-delay: -6.8s;
animation-delay: -6.8s;
}
.anim-text-flow span:nth-of-type(67),
.anim-text-flow-hover:hover span:nth-of-type(67) {
-webkit-animation-delay: -6.6s;
animation-delay: -6.6s;
}
.anim-text-flow span:nth-of-type(68),
.anim-text-flow-hover:hover span:nth-of-type(68) {
-webkit-animation-delay: -6.4s;
animation-delay: -6.4s;
}
.anim-text-flow span:nth-of-type(69),
.anim-text-flow-hover:hover span:nth-of-type(69) {
-webkit-animation-delay: -6.2s;
animation-delay: -6.2s;
}
.anim-text-flow span:nth-of-type(70),
.anim-text-flow-hover:hover span:nth-of-type(70) {
-webkit-animation-delay: -6s;
animation-delay: -6s;
}
.anim-text-flow span:nth-of-type(71),
.anim-text-flow-hover:hover span:nth-of-type(71) {
-webkit-animation-delay: -5.8s;
animation-delay: -5.8s;
}
.anim-text-flow span:nth-of-type(72),
.anim-text-flow-hover:hover span:nth-of-type(72) {
-webkit-animation-delay: -5.6s;
animation-delay: -5.6s;
}
.anim-text-flow span:nth-of-type(73),
.anim-text-flow-hover:hover span:nth-of-type(73) {
-webkit-animation-delay: -5.4s;
animation-delay: -5.4s;
}
.anim-text-flow span:nth-of-type(74),
.anim-text-flow-hover:hover span:nth-of-type(74) {
-webkit-animation-delay: -5.2s;
animation-delay: -5.2s;
}
.anim-text-flow span:nth-of-type(75),
.anim-text-flow-hover:hover span:nth-of-type(75) {
-webkit-animation-delay: -5s;
animation-delay: -5s;
}
.anim-text-flow span:nth-of-type(76),
.anim-text-flow-hover:hover span:nth-of-type(76) {
-webkit-animation-delay: -4.8s;
animation-delay: -4.8s;
}
.anim-text-flow span:nth-of-type(77),
.anim-text-flow-hover:hover span:nth-of-type(77) {
-webkit-animation-delay: -4.6s;
animation-delay: -4.6s;
}
.anim-text-flow span:nth-of-type(78),
.anim-text-flow-hover:hover span:nth-of-type(78) {
-webkit-animation-delay: -4.4s;
animation-delay: -4.4s;
}
.anim-text-flow span:nth-of-type(79),
.anim-text-flow-hover:hover span:nth-of-type(79) {
-webkit-animation-delay: -4.2s;
animation-delay: -4.2s;
}
.anim-text-flow span:nth-of-type(80),
.anim-text-flow-hover:hover span:nth-of-type(80) {
-webkit-animation-delay: -4s;
animation-delay: -4s;
}
.anim-text-flow span:nth-of-type(81),
.anim-text-flow-hover:hover span:nth-of-type(81) {
-webkit-animation-delay: -3.8s;
animation-delay: -3.8s;
}
.anim-text-flow span:nth-of-type(82),
.anim-text-flow-hover:hover span:nth-of-type(82) {
-webkit-animation-delay: -3.6s;
animation-delay: -3.6s;
}
.anim-text-flow span:nth-of-type(83),
.anim-text-flow-hover:hover span:nth-of-type(83) {
-webkit-animation-delay: -3.4s;
animation-delay: -3.4s;
}
.anim-text-flow span:nth-of-type(84),
.anim-text-flow-hover:hover span:nth-of-type(84) {
-webkit-animation-delay: -3.2s;
animation-delay: -3.2s;
}
.anim-text-flow span:nth-of-type(85),
.anim-text-flow-hover:hover span:nth-of-type(85) {
-webkit-animation-delay: -3s;
animation-delay: -3s;
}
.anim-text-flow span:nth-of-type(86),
.anim-text-flow-hover:hover span:nth-of-type(86) {
-webkit-animation-delay: -2.8s;
animation-delay: -2.8s;
}
.anim-text-flow span:nth-of-type(87),
.anim-text-flow-hover:hover span:nth-of-type(87) {
-webkit-animation-delay: -2.6s;
animation-delay: -2.6s;
}
.anim-text-flow span:nth-of-type(88),
.anim-text-flow-hover:hover span:nth-of-type(88) {
-webkit-animation-delay: -2.4s;
animation-delay: -2.4s;
}
.anim-text-flow span:nth-of-type(89),
.anim-text-flow-hover:hover span:nth-of-type(89) {
-webkit-animation-delay: -2.2s;
animation-delay: -2.2s;
}
.anim-text-flow span:nth-of-type(90),
.anim-text-flow-hover:hover span:nth-of-type(90) {
-webkit-animation-delay: -2s;
animation-delay: -2s;
}
.anim-text-flow span:nth-of-type(91),
.anim-text-flow-hover:hover span:nth-of-type(91) {
-webkit-animation-delay: -1.8s;
animation-delay: -1.8s;
}
.anim-text-flow span:nth-of-type(92),
.anim-text-flow-hover:hover span:nth-of-type(92) {
-webkit-animation-delay: -1.6s;
animation-delay: -1.6s;
}
.anim-text-flow span:nth-of-type(93),
.anim-text-flow-hover:hover span:nth-of-type(93) {
-webkit-animation-delay: -1.4s;
animation-delay: -1.4s;
}
.anim-text-flow span:nth-of-type(94),
.anim-text-flow-hover:hover span:nth-of-type(94) {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.anim-text-flow span:nth-of-type(95),
.anim-text-flow-hover:hover span:nth-of-type(95) {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.anim-text-flow span:nth-of-type(96),
.anim-text-flow-hover:hover span:nth-of-type(96) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.anim-text-flow span:nth-of-type(97),
.anim-text-flow-hover:hover span:nth-of-type(97) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.anim-text-flow span:nth-of-type(98),
.anim-text-flow-hover:hover span:nth-of-type(98) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.anim-text-flow span:nth-of-type(99),
.anim-text-flow-hover:hover span:nth-of-type(99) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.anim-text-flow span:nth-of-type(100),
.anim-text-flow-hover:hover span:nth-of-type(100) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.txt {display: block;}
.balloons-container {text-align: center;}
.balloon {height: 200px;}
.balloon > div {width: 75px;height: 100px;background: rgba(182, 15, 97, 0.9);border-radius:0;border-radius:80% 80% 80% 80%;margin: 0 auto;padding: 10px;display: inline-block;box-shadow:inset 17px 7px 10px rgba(182, 15, 97, 0.9);-webkit-transform-origin: bottom center;text-align: center;}
.balloon.new-year-balloon > div:nth-child(6), .balloon.birthday-balloon > div:nth-child(6), .balloon.new-year-balloon > div:nth-child(10), .balloon.new-year-balloon > div:nth-child(15), .balloon.frienship-day-balloon > div:nth-child(6), .balloon.frienship-day-balloon > div:nth-child(17), .balloon.mothersday-balloon > div:nth-child(6), .balloon.mothersday-balloon > div:nth-child(14) {visibility: hidden;}
.balloon > div:nth-child(1), .balloon > div:nth-child(7), .balloon > div:nth-child(13), .balloon > div:nth-child(19) {background: rgba(182, 15, 97, 0.9);box-shadow: inset 10px 10px 10px rgba(135, 11, 72, 0.9);-webkit-animation: balloon1 6s ease-in-out infinite;-moz-animation: balloon1 6s ease-in-out infinite;-o-animation: balloon1 6s ease-in-out infinite;animation: balloon1 6s ease-in-out infinite;}
.balloon > div:nth-child(1):before, .balloon > div:nth-child(7):before, .balloon > div:nth-child(13):before, .balloon > div:nth-child(19):before {color: rgba(182, 15, 97, 0.9);}
.balloon > div:nth-child(2), .balloon > div:nth-child(8), .balloon > div:nth-child(14), .balloon > div:nth-child(20) {background: rgba(242, 112, 45, 0.9);box-shadow: inset 10px 10px 10px rgba(222, 85, 14, 0.9);-webkit-animation: balloon2 6s ease-in-out infinite;-moz-animation: balloon2 6s ease-in-out infinite;-o-animation: balloon2 6s ease-in-out infinite;animation: balloon2 6s ease-in-out infinite;}
.balloon > div:nth-child(2):before, .balloon > div:nth-child(8):before, .balloon > div:nth-child(14):before, .balloon > div:nth-child(20):before {color: rgba(242, 112, 45, 0.9);}
.balloon > div:nth-child(3), .balloon > div:nth-child(9), .balloon > div:nth-child(15) {background: rgba(45, 181, 167, 0.9);box-shadow: inset 10px 10px 10px rgba(35, 140, 129, 0.9);-webkit-animation: balloon4 6s ease-in-out infinite;-moz-animation: balloon4 6s ease-in-out infinite;-o-animation: balloon4 6s ease-in-out infinite;animation: balloon4 6s ease-in-out infinite;}
.balloon > div:nth-child(3):before, .balloon > div:nth-child(9):before, .balloon > div:nth-child(15):before {color: rgba(45, 181, 167, 0.9);}
.balloon > div:nth-child(4), .balloon > div:nth-child(10), .balloon > div:nth-child(16) {background: rgba(190, 61, 244, 0.9);box-shadow: inset 10px 10px 10px rgba(173, 14, 240, 0.9);-webkit-animation: balloon1 5s ease-in-out infinite;-moz-animation: balloon1 5s ease-in-out infinite;-o-animation: balloon1 5s ease-in-out infinite;animation: balloon1 5s ease-in-out infinite;}
.balloon > div:nth-child(4):before, .balloon > div:nth-child(10):before, .balloon > div:nth-child(16):before {color: rgba(190, 61, 244, 0.9);}
.balloon > div:nth-child(5), .balloon > div:nth-child(11), .balloon > div:nth-child(17) {background: rgba(180, 224, 67, 0.9);box-shadow: inset 10px 10px 10px rgba(158, 206, 34, 0.9);-webkit-animation: balloon3 5s ease-in-out infinite;-moz-animation: balloon3 5s ease-in-out infinite;-o-animation: balloon3 5s ease-in-out infinite;animation: balloon3 5s ease-in-out infinite;}
.balloon > div:nth-child(5):before, .balloon > div:nth-child(11):before, .balloon > div:nth-child(17):before {color: rgba(180, 224, 67, 0.9);}
.balloon > div:nth-child(6), .balloon > div:nth-child(12), .balloon > div:nth-child(18) {background: rgba(242, 194, 58, 0.9);box-shadow: inset 10px 10px 10px rgba(234, 177, 15, 0.9);-webkit-animation: balloon2 3s ease-in-out infinite;-moz-animation: balloon2 3s ease-in-out infinite;-o-animation: balloon2 3s ease-in-out infinite;animation: balloon2 3s ease-in-out infinite;}
.balloon > div:nth-child(6):before, .balloon > div:nth-child(12):before, .balloon > div:nth-child(18):before {color: rgba(242, 194, 58, 0.9);}
.balloon > div:before {color: rgba(182, 15, 97, 0.9);position: absolute;bottom: -13px;left: 30px;content: "▲";font-size: 1em;}
.balloons-container span {font-size: 3em;color: white;position: relative;top: 12px;}

/*BALLOON 1 4*/
@-webkit-keyframes balloon1 {
0%,100%{ -webkit-transform:translateY(0) rotate(-6deg);}
50%{ -webkit-transform:translateY(-20px) rotate(8deg); }
}
@-moz-keyframes balloon1 {
0%,100%{ -moz-transform:translateY(0) rotate(-6deg);}
50%{ -moz-transform:translateY(-20px) rotate(8deg); }
}
@-o-keyframes balloon1 {
0%,100%{ -o-transform:translateY(0) rotate(-6deg);}
50%{ -o-transform:translateY(-20px) rotate(8deg); }
}
@keyframes balloon1 {
0%,100%{ transform:translateY(0) rotate(-6deg);}
50%{ transform:translateY(-20px) rotate(8deg); }
}

/* BAllOON 2 5*/
@-webkit-keyframes balloon2 {
0%,100%{ -webkit-transform:translateY(0) rotate(6eg);}
50%{ -webkit-transform:translateY(-30px) rotate(-8deg); }
}
@-moz-keyframes balloon2 {
0%,100%{ -moz-transform:translateY(0) rotate(6deg);}
50%{ -moz-transform:translateY(-30px) rotate(-8deg); }
}
@-o-keyframes balloon2 {
0%,100%{ -o-transform:translateY(0) rotate(6deg);}
50%{ -o-transform:translateY(-30px) rotate(-8deg); }
}
@keyframes balloon2 {
0%,100%{ transform:translateY(0) rotate(6deg);}
50%{ transform:translateY(-30px) rotate(-8deg); }
}

/* BAllOON 0*/
@-webkit-keyframes balloon3 {
0%,100%{ -webkit-transform:translate(0, -10px) rotate(6eg);}
50%{ -webkit-transform:translate(-20px, 30px) rotate(-8deg); }
}
@-moz-keyframes balloon3 {
0%,100%{ -moz-transform:translate(0, -10px) rotate(6eg);}
50%{ -moz-transform:translate(-20px, 30px) rotate(-8deg); }
}
@-o-keyframes balloon3 {
0%,100%{ -o-transform:translate(0, -10px) rotate(6eg);}
50%{ -o-transform:translate(-20px, 30px) rotate(-8deg); }
}
@keyframes balloon3 {
0%,100%{ transform:translate(0, -10px) rotate(6eg);}
50%{ transform:translate(-20px, 30px) rotate(-8deg); }
}

/* BAllOON 3*/
@-webkit-keyframes balloon4 {
0%,100%{ -webkit-transform:translate(10px, -10px) rotate(-8eg);}
50%{ -webkit-transform:translate(-15px, 20px) rotate(10deg); }
} 
@-moz-keyframes balloon4 {
0%,100%{ -moz-transform:translate(10px, -10px) rotate(-8eg);}
50%{ -moz-transform:translate(-15px, 10px) rotate(10deg); }
}
@-o-keyframes balloon4 {
0%,100%{ -o-transform:translate(10px, -10px) rotate(-8eg);}
50%{ -o-transform:translate(-15px, 10px) rotate(10deg); }
}
@keyframes balloon4 {
0%,100%{ transform:translate(10px, -10px) rotate(-8eg);}
50%{ transform:translate(-15px, 10px) rotate(10deg); }
}

/* Juma */
.masjid-icon-container {text-align: center;padding: 3%;color: #1a5921;}
.masjid-icon-container .fas {font-size: 8em;}
h1#person_name {font-size: 3em;}
.salaam {font-family: 'Lemonada', cursive;}
.juma-mumbarak {font-family: 'Baloo Bhaijaan', cursive;}
.min-janib {font-family: 'Katibeh', cursive;display: inline-block;}
.min-janib span.pull-right {padding-left: 15px;}
.shine {background: #25612c -webkit-gradient(linear, left top, right top, from(#25612c), to(#25612c), color-stop(0.5, #fff)) 0 0 no-repeat;-webkit-background-size: 150px;color: rgba(37, 97, 44, 0.5);-webkit-background-clip: text;-webkit-animation-name: shine;-webkit-animation-duration: 5s;-webkit-animation-iteration-count: infinite;text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);}
.chrome {background: #25612c -webkit-gradient(linear, left top, right top, from(#25612c), to(#25612c), color-stop(0.5, #fff)) 0 0 no-repeat;background-image: -webkit-linear-gradient(-40deg, transparent 0%, transparent 40%, #fff 50%, transparent 60%, transparent 100%);-webkit-background-size: 200px;color: rgba(37, 97, 44, 0.5);-webkit-background-clip: text;-webkit-animation-name: shine;-webkit-animation-duration: 5s;-webkit-animation-iteration-count: infinite;text-shadow: 0 0px 0px rgba(255, 255, 255, 0.5);}
.shine, .chrome {font-size: 3em;margin: 0 auto;margin-bottom: 0em;line-height: 2em;}
@-webkit-keyframes shine {
0%, 10% {background-position: 1000px;}
20% {background-position: top right;}
90% {background-position: top left;}
100% {background-position: -1000px;}
}
.banner-img-bottom {padding-top: 30px;padding-bottom: 30px;}
.banner-img-bottom a {display: inline-block;}

/* Republic */
body.rebublic-celebration, body.rebublic-celebration .bg, body.rebublic-celebration .container-fluid {background: linear-gradient(to right, #FF9933, #ffffff, #ffffff, #128807);}
.republic-day {font-size: 3rem;background: linear-gradient(to right, #FF9933 15%, #000088 30%, #128807 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
body.rebublic-celebration h1#person_name {color: #128807;}

/* Flag */
.scene {display: flex;align-items: center;position: relative;margin: 0 auto;justify-content: center;}
.flag {width: 380px;height: 380px;position: relative;}
.flag-top {height: 116px;background: #FF8915;}
.flag-middle {height: 380px;margin: 0 auto;}
.flag-middle-wheel {width: 375px;height: 375px;margin: 0 auto;border: 4px solid #008;border-radius: 50%;box-sizing: border-box;position: relative;margin-top: 0px;top: 0;}
.flag-middle-wheel:after {content: "";position: absolute;width: 30px;height: 30px;top: 46.5%;left: 46.5%;border-radius: 100%;background: #008;}
.flag-bottom {height: 116px;background: #148809;}
span[class*="wheel-foks"] {transform-origin: 0 100%;height: 50%;background: #008;display: inline-block;position: absolute;top: -9px;left: 48%;}
span[class*="wheel-foks"]::after {content: "";position: absolute;border-top: 140px solid rgba(0, 0, 0, 0);border-bottom: 30px solid rgba(0, 0, 0, 0);border-left: 2px solid #008;border-right: 0;left: 0;}
span[class*="wheel-foks"]::before {content: "";position: absolute;border-top: 140px solid rgba(0, 0, 0, 0);border-bottom: 30px solid rgba(0, 0, 0, 0);border-left: 0;border-right: 2px solid #008;right: 0;}
.flag-wave {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: -webkit-gradient(linear, 0 -25%, 100% top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(0, 0, 0, 0.04)), color-stop(40%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0)), color-stop(65%, rgba(255, 255, 255, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(255, 255, 255, 0)));background-size: 200%;animation: flutter 7s infinite;animation-timing-function: cubic-bezier(0.16, 0.14, 0.82, 0.73);}
.wheel-foks-1 {transform: translate(10px, 10px) rotate(15deg);}
.wheel-foks-2 {transform: translate(10px, 10px) rotate(30deg);}
.wheel-foks-3 {transform: translate(10px, 10px) rotate(45deg);}
.wheel-foks-4 {transform: translate(10px, 10px) rotate(60deg);}
.wheel-foks-5 {transform: translate(10px, 10px) rotate(75deg);}
.wheel-foks-6 {transform: translate(10px, 10px) rotate(90deg);}
.wheel-foks-7 {transform: translate(10px, 10px) rotate(105deg);}
.wheel-foks-8 {transform: translate(10px, 10px) rotate(120deg);}
.wheel-foks-9 {transform: translate(10px, 10px) rotate(135deg);}
.wheel-foks-10 {transform: translate(10px, 10px) rotate(150deg);}
.wheel-foks-11 {transform: translate(10px, 10px) rotate(165deg);}
.wheel-foks-12 {transform: translate(10px, 10px) rotate(180deg);}
.wheel-foks-13 {transform: translate(10px, 10px) rotate(195deg);}
.wheel-foks-14 {transform: translate(10px, 10px) rotate(210deg);}
.wheel-foks-15 {transform: translate(10px, 10px) rotate(225deg);}
.wheel-foks-16 {transform: translate(10px, 10px) rotate(240deg);}
.wheel-foks-17 {transform: translate(10px, 10px) rotate(255deg);}
.wheel-foks-18 {transform: translate(10px, 10px) rotate(270deg);}
.wheel-foks-19 {transform: translate(10px, 10px) rotate(285deg);}
.wheel-foks-20 {transform: translate(10px, 10px) rotate(300deg);}
.wheel-foks-21 {transform: translate(10px, 10px) rotate(315deg);}
.wheel-foks-22 {transform: translate(10px, 10px) rotate(330deg);}
.wheel-foks-23 {transform: translate(10px, 10px) rotate(345deg);}
.wheel-foks-24 {transform: translate(10px, 10px) rotate(360deg);}

@keyframes flutter {
0% {background-position: -200% 0px;}
30% {background-position: -60% 5px;}
70% {background-position: 70% -5px;}
100% {background-position: 200% 0px;}
}
body.rebublic-celebration input#name {border: 1px solid #ccc;}
body.rebublic-celebration h3 {font-size: 2.5em;line-height: 1.5em;}

/* Saraswati Pooja */
.saraswati-txt {background: linear-gradient(to right, #ea2020 23%, #09105b 43%, #396628 83%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 2.2em;line-height: 1.5em;margin: 0;}
.icon-container.religious-icon-container i {font-size: 10rem;}
.icon-container.religious-icon-container {padding: 5% 0;}

/* Mother's Day */
.motherday-bg-img {z-index: 1;}
.motherday-bg-img:before {content: '';background-image: url(../images/mother-with-baby-in-arms.png);background-size: cover;background-repeat: no-repeat;opacity: 0.25;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}

/* Ramadan */
.bg.ramadan-bg, .bg.eid-ul-adha-bg {position: relative;}
.bg.ramadan-bg:before {content: '';background-image: url(../images/iconfinder_kareem_mubarak_ramadan_muslim_fasting_eid_islam-41_2975224.png);width: 100%;height: 85px;background-size: contain;position: absolute;top: -9px;}
.bg.eid-ul-adha-bg:before {content: '';background-image: url(../images/iconfinder_cow-01_2140044.png), url(../images/iconfinder_sheep-01_2140037.png);width: 100%;height: 105px;position: absolute;top: -5px;background-position: top 30px left 40px,bottom 33px left 3px;background-repeat: repeat-x, repeat-x;background-size: 100px 80px;}
.bg.eid-ul-adha-bg .moon-icon-container {margin-top: 100px;}
.moon-icon-container {padding: 5% 0 0;text-align: center;}
body.ramadan-celebration, .ramadan-celebration .bg, .ramadan-celebration .container-fluid {background: transparent;}
body.ramadan-celebration h1#person_name {color : #7BBF66;}
body.ramadan-celebration input#name {border: 1px solid #ccc;}
.content {position: relative;height: 52px;overflow: hidden;font-family: 'Charm', cursive;font-size: 35px;line-height: 52px;width: 365px;margin: 30px auto;}
.content__container {font-weight: 600;padding: 0 25px;}
.content__container:before {content: '[';left: 0;}
.content__container:after {content: ']';right: 0;}
.content__container:after, .content__container:before {position: absolute;top: -3px;color: #16a085;font-size: 35px;line-height: 52px;-webkit-animation-name: opacity;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-name: opacity;animation-duration: 2s;animation-iteration-count: infinite;padding: 0 5px;}
.content__container__text {display: inline;float: left;margin: 0;}
.content__container__list {padding-left: 140px;text-align: left;list-style: none;-webkit-animation-name: change;-webkit-animation-duration: 10s;-webkit-animation-iteration-count: infinite;animation-name: change;animation-duration: 10s;animation-iteration-count: infinite;}
@-webkit-keyframes opacity {
0%, 100% {opacity: 0;}
50% {opacity: 1;}
}
@-webkit-keyframes change {
0%, 12.66%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
16.66%, 29.32% {
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
33.32%,45.98% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
49.98%,62.64% {
-webkit-transform: translate3d(0, -75%, 0);
transform: translate3d(0, -75%, 0);
}
66.64%,79.3% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
83.3%,95.96% {
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
}
@keyframes opacity {
0%, 100% {opacity: 0;}
50% {opacity: 1;}
}
@keyframes change {
0%, 12.66%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
16.66%, 29.32% {
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
33.32%,45.98% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
49.98%,62.64% {
-webkit-transform: translate3d(0, -75%, 0);
transform: translate3d(0, -75%, 0);
}
66.64%,79.3% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
83.3%,95.96% {
-webkit-transform: translate3d(0, -25%, 0);
transform: translate3d(0, -25%, 0);
}
}

/* Merry Christmas */
.merry-icons p {width: 25%;display: inline-block;float: left;margin-bottom: 45px;text-align: center;}
.merry-christmas-txt {font-family: 'Frijole', cursive;color: #d10013}
.container-fluid.snow-container-fluid, .bg.snow-container-fluid, body.merry-christmas {background-color: #056639;background-image: unset;}

/* Boxing Day */
body.boxing-day.back-row-toggle.splat-toggle, .bg.rain.front-row, body.boxing-day.back-row-toggle.splat-toggle .container-fluid {background: #d10013;}
.boxing-day-txt {font-family: 'Frijole', cursive;}
.drop i {font-size: 24px;}
.boxing-day-icons {margin: 2em auto;text-align: center;}
.boxing-day-icons p {display: inline-block;margin: 0 20px;}
.boxing-day-icons p:first-child i.fas, .boxing-day-icons p:last-child i.fas {font-size: 10em;}
.boxing-day-icons p:last-child {transform: scaleX(-1);}
.boxing-day-icons p i.fas {color: #fff;}
.rain {position: absolute;left: 0;width: 100%;height: 100%;z-index: 2;}
.drop {position: absolute;bottom: 100%;width: 15px;height: 120px;pointer-events: none;animation: drop 1s linear infinite;color: #fff;}
@keyframes drop {
0% {transform: translateY(0vh);}
75% {transform: translateY(90vh);}
100% {transform: translateY(90vh);}
}
.stem {width: 1px;height: 60%;margin-left: 7px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25));animation: stem 1s linear infinite;}
@keyframes stem {
0% {opacity: 1;}
65% {opacity: 1;}
75% {opacity: 0;}
100% {opacity: 0;}
}
.splat {width: 15px;height: 10px;border-top: 2px dotted rgba(255, 255, 255, 0.5);border-radius: 50%;opacity: 1;transform: scale(0);animation: splat 1s linear infinite;display: none;}
body.splat-toggle .splat {display: block;}
@keyframes splat {
0% {opacity: 1;transform: scale(0);}
80% {opacity: 1;transform: scale(0);}
90% {opacity: 0.5;transform: scale(1);}
100% {opacity: 0;transform: scale(1.5);}
}

/* Happy Holidays */
body.happy-holidays, body.happy-holidays .container-fluid {background: repeating-linear-gradient(to right top, #2f7ec3, #053276, #c7e1fa, #575ba2, #915591, #dd78a4, #95c5b6, #2f7ec3, #053276, #c7e1fa, #575ba2, #915591)}
body.happy-holidays .bg {padding-bottom: 0}
body.happy-holidays .anim-text-flow span, body.happy-holidays .anim-text-flow-hover:hover span {text-shadow: 1px 0px #fff}
.happy-holidays-icons-container {margin: 0 auto;width: 100%;height: 90px;white-space: nowrap;overflow: hidden;box-sizing: border-box;position: relative}
.happy-holidays-icons {text-align: center;margin: 25px 0;width: 300%;display: flex;line-height: 30px;-moz-animation: marquee 20s linear infinite forwards;-webkit-animation: marquee 20s linear infinite forwards;animation: marquee 20s linear infinite forwards}
.happy-holidays-icons ul {display: flex;justify-content: space-around;width: 100%;list-style: none;padding: 0;margin: 0}
.happy-holidays-icons ul li {min-width: 100px;}
.happy-holidays-icons li i.fas, .happy-holidays-icons li i.far {font-size: 3em}
::marker {content: ''}
@-moz-keyframes marquee {
0% {transform: translateX(0%)}
100% {transform: translateX(-66.6%)}
}
@-webkit-keyframes marquee {
0% {transform: translateX(0%)}
100% {transform: translateX(-66.6%)}
}
@keyframes marquee {
0% {-moz-transform: translateX(0%);-webkit-transform: translateX(0%);transform: translateX(0%)}
100% {
-moz-transform: translateX(-66.6%);-webkit-transform: translateX(-66.6%);transform: translateX(-66.6%)}
}

/* Wedding Anniversary */
body.wedding-anniversary, body.wedding-anniversary .bg, body.wedding-anniversary .container-fluid {background-image: linear-gradient(to right top, #fbbed0, #eb9caf, #f4b5c6, #f0adbe, #eda4b7, #e99cb0, #e190a3, #cb6d7f, #be5c69, #cb6d7f, #e190a3, #e99cb0)}
.wedding-anniversary-icons {margin-top: 40px;}
.wedding-couple .fa-male, .wedding-couple .fa-female {color: #f783ac}
.wedding-couple .fa-male:before, .wedding-couple .fa-female:before {text-shadow: 0px 1px #fff}
.wedding-couple .fa-heart {color: red;font-size: 3em;margin: 0 10px;position: relative;top: -10px;animation: animateHeart 1.2s infinite;}
@keyframes animateHeart {
0% {transform: scale(0.8);}
5% {transform: scale(0.9);}
10% {transform: scale(0.8);}
15% {transform: scale(1);}
50% {transform: scale(0.8);}
100% {transform: scale(0.8);}
}

/* Wedding Day */
body.wedding-day, body.wedding-day .bg, body.wedding-day .container-fluid {background: #f8f8f8;}
.wedding-wish-box {box-sizing: border-box;background-image: repeating-linear-gradient(135deg, #83b3db 0px, #83b3db 30px, transparent 30px, transparent 50px, #83b3db 50px, #84ADCB 80px, transparent 80px, transparent 100px);margin-top: 75px;padding: 20px;-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 10%);-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);box-shadow: 0 3px 9px rgb(0 0 0 / 10%);}
.wedding-wish-box-item {background: #fff;padding: 30px 0;}
.wedding-icons .wedding-couple .fa-male:before, .wedding-icons .wedding-couple .fa-female:before {text-shadow: 0px 1px #000}
body.wedding-day h3.txt.anim-text-flow {font-size: 2.2em;margin-bottom: 0;margin-top: 0}
body.wedding-day h1#person_name {font-size: 2.5em;color: #1815ff;}
.wish-form p {color: #000}

/* Valentines Day */
body.valentines-day, .bg.valentines-day-container, .container-fluid.valentines-day-container-fluid {background: rgba(255,192,203,0.2);color: #ff8383;}
body.valentines-day .balloon div {background: #ff8383;box-shadow: inset 1px 6px 10px 3px rgb(160 93 100 / 90%);}
body.valentines-day .balloon div::before {color: #f36969;}
body.valentines-day .balloons-container span {font-family: 'Lovers Quarrel', cursive;}
.font-icons i.fa-heart {color: red;font-size: 10em;animation: animateHeart 1.2s infinite;}
body.valentines-day h3.txt {font-family: 'Dancing Script';font-size: 2.75em;letter-spacing: 2px;margin-bottom: 0;}
body.valentines-day h3.no-margin {margin: 0}
.share-now {margin: 0;color: #000;}

/* Canada Day */
body.canada-day, .bg.canada-day, body.canada-day div#container-fluid .container {background: #fff;}
body.canada-day div#container-fluid {background: red;}
.font-icons i.fa-canadian-maple-leaf {font-size: 16em;color: red;}
.fa-canadian-maple-leaf:before {text-shadow: 0px 1px #fff;}
.bg.canada-day .font-icons {margin-top: 100px;}
.bg.canada-day h1#person_name, .bg.canada-day h3.txt {color: red;margin: 10px 0;}

/* Children's Day */
.balloon.childrensday-balloon {margin-top: 50px;height: 140px;}

/* Diwali */
body.happy-diwali div#container-fluid {background: #000;}
.diwali-icon {text-align: center;margin-top: 75px;}
.diwali-icon img {width: 300px;}
.lightrope {text-align: center;white-space: nowrap;overflow: hidden;position: absolute;z-index: 1;margin: -15px 0 0 0;padding: 0;pointer-events: none;width: 100%;}
.lightrope li {position: relative;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;list-style: none;margin: 0;padding: 0;display: block;width: 12px;height: 28px;border-radius: 50%;margin: 20px;display: inline-block;background: #00f7a5;box-shadow: 0px 4.6666666667px 24px 3px #00f7a5;-webkit-animation-name: flash-1;animation-name: flash-1;-webkit-animation-duration: 2s;animation-duration: 2s;}
.lightrope li:nth-child(2n+1) {background: aqua;box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.5);-webkit-animation-name: flash-2;animation-name: flash-2;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;}
.lightrope li:nth-child(3n+2) {background: white;box-shadow: 0px 4.6666666667px 24px 3px white;-webkit-animation-name: flash-3;animation-name: flash-3;-webkit-animation-duration: 1.1s;animation-duration: 1.1s;}
.lightrope li:nth-child(4n+2) {background: #f70094;box-shadow: 0px 4.6666666667px 24px 3px #f70094;-webkit-animation-name: flash-4;animation-name: flash-4;-webkit-animation-duration: 1.1s;animation-duration: 1.1s;}
.lightrope li:nth-child(5n+2) {background: #f70000;box-shadow: 0px 4.6666666667px 24px 3px #f70000;-webkit-animation-name: flash-5;animation-name: flash-5;-webkit-animation-duration: 1.1s;animation-duration: 1.1s;}
.lightrope li:nth-child(6n+2) {background: #f7d800;box-shadow: 0px 4.6666666667px 24px 3px #f7d800;-webkit-animation-name: flash-6;animation-name: flash-6;-webkit-animation-duration: 1.1s;animation-duration: 1.1s;}
.lightrope li:nth-child(odd) {-webkit-animation-duration: 1.8s;animation-duration: 1.8s;}
.lightrope li:nth-child(3n+1) {-webkit-animation-duration: 1.4s;animation-duration: 1.4s;}
.lightrope li:before {content: "";position: absolute;background: #222;width: 10px;height: 9.3333333333px;border-radius: 3px;
top: -4.6666666667px;left: 1px;}
.lightrope li:after {content: "";top: -14px;left: 9px;position: absolute;width: 52px;height: 18.6666666667px;border-bottom: solid #222 2px;border-radius: 50%;}
.lightrope li:last-child:after {content: none;}
.lightrope li:first-child {margin-left: -40px;}

@-webkit-keyframes flash-1 {
0%, 100% {background: #00f7a5;box-shadow: 0px 4.6666666667px 24px 3px #00f7a5;}
50% {background: rgba(0, 247, 165, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 0.2);}
}
@keyframes flash-1 {
0%, 100% {background: #00f7a5;box-shadow: 0px 4.6666666667px 24px 3px #00f7a5;}
50% {background: rgba(0, 247, 165, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 0.2);}
}
@-webkit-keyframes flash-2 {
0%, 100% {background: aqua;box-shadow: 0px 4.6666666667px 24px 3px aqua;}
50% {background: rgba(0, 255, 255, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.2);}
}
@keyframes flash-2 {
0%, 100% {background: aqua;box-shadow: 0px 4.6666666667px 24px 3px aqua;}
50% {background: rgba(0, 255, 255, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.2);}
}
@-webkit-keyframes flash-3 {
0%, 100% {background: white;box-shadow: 0px 4.6666666667px 24px 3px white;}
50% {background: rgba(255, 255, 255, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(255, 255, 255, 0.2);}
}
@keyframes flash-3 {
0%, 100% {background: white;box-shadow: 0px 4.6666666667px 24px 3px white;}
50% {background: rgba(255, 255, 255, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(255, 255, 255, 0.2);}
}
@-webkit-keyframes flash-4 {
0%, 100% {background: #f70094;box-shadow: 0px 4.6666666667px 24px 3px #f70094;}
50% {background: rgba(247, 0, 148, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 0.2);}
}
@keyframes flash-4 {
0%, 100% {background: #f70094;box-shadow: 0px 4.6666666667px 24px 3px #f70094;}
50% {background: rgba(247, 0, 148, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 0.2);}
}
@-webkit-keyframes flash-5 {
0%, 100% {background: #f70000;box-shadow: 0px 4.6666666667px 24px 3px #f70000;}
50% {background: rgba(247, 0, 0, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 0, 0.2);}
}
@keyframes flash-5 {
0%, 100% {background: #f70000;box-shadow: 0px 4.6666666667px 24px 3px #f70000;}
50% {background: rgba(247, 0, 0, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 0, 0.2);}
}
@-webkit-keyframes flash-6 {
0%, 100% {background: #f7d800;box-shadow: 0px 4.6666666667px 24px 3px #f7d800;}
50% {background: rgba(247, 216, 0, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 216, 0, 0.2);}
}
@keyframes flash-6 {
0%, 100% {background: #f7d800;box-shadow: 0px 4.6666666667px 24px 3px #f7d800;}
50% {background: rgba(247, 216, 0, 0.4);box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 216, 0, 0.2);}
}

/* Gandhi Jayanti */
.gandhi-jayanti-icon {text-align: center;}
.gandhi-jayanti-icon img {width: 300px;}

/* Happy Thanksgiving */
.happy-thanks-giving-icons-container {margin: 6% 0;}
body.happy-thanks-giving h1#person_name, body.happy-thanks-giving h3.txt.happy-holidays-txt {color: #dc4b00;}

/* responsiveness */
@media screen and (max-width: 992px) {
.flag {width: 280px;height: 280px;}
.flag-middle {height: 280px;}
.flag-middle-wheel {width: 275px;height: 275px;}
.flag-middle-wheel:after {width: 0;height: 0;}
}

@media screen and (min-width: 768px) {
body.canada-day {overflow: hidden;}
.childrenday-bg-img {margin-top: 60px;}
}

@media screen and (max-width: 767px) {
.childrenday-bg-img {margin-top: 75px;}
.flag {width: 180px;height: 180px;}
.flag-middle {height: 180px;}
.flag-middle-wheel {width: 175px;height: 175px;}
.flag-middle-wheel:after {width: 10px;height: 10px;top: 47%;left: 47%;}
span[class*="wheel-foks"] {left: 44%;}
span[class*="wheel-foks"]::before, span[class*="wheel-foks"]::after {border-top: 50px solid rgba(0, 0, 0, 0);}
h1#person_name {font-size: 3em;}
h3.txt.anim-text-flow {font-size: 2.2em;}
.field-tags.moon-field-tags ul li, .field-tags.exclusive-wishes ul li {width: 100%;float: none;margin: 5px 0;}
.field-tags.moon-field-tags ul li:nth-child(1), .field-tags.exclusive-wishes ul li:nth-child(1), .field-tags.exclusive-wishes ul li:nth-child(4) {padding-right: 0;}
.field-tags.moon-field-tags ul li:nth-child(2), .field-tags.exclusive-wishes ul li:nth-child(2) {padding-left: 0;padding-right: 0;}
.field-tags.moon-field-tags ul li:nth-child(3), .field-tags.exclusive-wishes ul li:nth-child(3) {padding-left: 0;}
body.valentines-day h3.txt {font-size: 1.75em;margin-top: 10px;}
.bg.canada-day .font-icons {margin-top: 40px;}
body.canada-day div#container-fluid .container {width: 80%}
}

@media screen and (max-width: 640px) {
.boxing-day-icons p {margin: 0 10px;}
.boxing-day-icons p:first-child i.fas, .boxing-day-icons p:last-child i.fas {font-size: 6em;}
.boxing-day-icons p i.fas {font-size: 4em;}
.happy-thanks-giving-icons-container img {width: 100%;}	
}

@media screen and (min-width : 481px) {
.flex-row.row {display: flex;flex-wrap: wrap;}
.flex-row.row > [class*='col-'] {display: flex;flex-direction: column;}
.flex-row.row:after, .flex-row.row:before {display: flex;}
}

@media screen and (max-width: 500px) {
.childrens-together-img	{width: 100%}
}

@media screen and (max-width: 480px) {
.balloons-container span {font-size: 2em;}
.balloon > div {width: 60px;height: 80px;}
.balloon > div:before {left: 25px;}
.field-tags ul li a::before {left: -14.5px;}
.flag {width: 145px;height: 145px;}
.flag-middle {height: 145px;}
.flag-middle-wheel {width: 135px;height: 135px;}
span[class*="wheel-foks"]::before, span[class*="wheel-foks"]::after {border-top: 28px solid rgba(0, 0, 0, 0);}
.flag-middle-wheel:after {width: 10px;height: 10px;top: 47.5%;left: 47.5%;}
div#myCarousel {width: 95%;margin: 0 auto;}
div#myCarousel .carousel-inner {width: 85%;margin: 0 auto;}
.multi .carousel-control.left, .multi .carousel-control.right {margin-left: 0;top: -15px;}
.merry-icons p i.fas {font-size: 16vw;}
input[type="submit"] {box-shadow: 0px 1px 3px 0px #000;}
}

@media screen and (max-width: 380px) {
.balloon.childrensday-balloon > div {width: 50px;height: 65px;}
.balloon.childrensday-balloon > div:before {left: 20px;}
.balloons-container .childrensday-balloon span {font-size: 1.5em;top: 10px;}
}

@media screen and (max-width: 340px) {
.boxing-day-icons p:first-child i.fas, .boxing-day-icons p:last-child i.fas {font-size: 4em;}
}