viithiisys / startup_jalsa_frontend

Browse Code »

Commit a599586699e3125742d5aebc24021a8bbe246867

Authored by Shilpi Saini 2019-08-21 07:57:30 -0400

1 parent f837d2291a

Exists in master

add total amount

Showing 3 changed files with 45 additions and 9 deletions Show diff stats

css/custom.css

Diff comments View file @a599586

1	/* {	1	/* {
2	outline: none !important;	2	outline: none !important;
3	} */	3	} */
4		4
5	.logo{	5	.logo{
6	height: 45px;	6	height: 45px;
7	/* margin-left: */	7	/* margin-left: */
8	}	8	}
9		9
10	.hyperColor{	10	.hyperColor{
11	color: white !important;	11	color: white !important;
12	cursor: pointer !important;	12	cursor: pointer !important;
13	}	13	}
14	.main-heading{	14	.main-heading{
15	height: 70px;	15	height: 70px;
16	line-height: 70px;	16	line-height: 70px;
17	}	17	}
18	.card{	18	.card{
19	flex-direction: column;	19	flex-direction: column;
20	background-color: rgb(255,255,255);	20	background-color: rgb(255,255,255);
21	border-radius: 0;	21	border-radius: 0;
22	width: 676px;	22	width: 676px;
23	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);	23	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
24	}	24	}
25	.card input{	25	.card input{
26	display: none;	26	display: none;
27	}	27	}
28	.card .card-content{	28	.card .card-content{
29	padding: 12px;	29	padding: 12px;
30	font-size: 12px;	30	font-size: 12px;
31	}	31	}
32	.card p{	32	.card p{
33	margin-top:18px;	33	margin-top:18px;
34	margin-right:4px ;	34	margin-right:4px ;
35	margin-bottom:-5px;	35	margin-bottom:-5px;
36	/margin-left:13px;/	36	/margin-left:13px;/
37		37
38	font-family: montserrat, arial, verdana;	38	font-family: montserrat, arial, verdana;
39	font-weight: normal;	39	font-weight: normal;
40	font-size: 12px;	40	font-size: 12px;
41	}	41	}
42	.card .thumbnail{	42	.card .thumbnail{
43	padding: 15px 30px 1px 28px;	43	padding: 15px 30px 1px 28px;
44	border: 0;	44	border: 0;
45	border-radius: 0px !important;	45	border-radius: 0px !important;
46	}	46	}
47	.panel-default{	47	.panel-default{
48	border-color: #ddd;	48	border-color: #ddd;
49	}	49	}
50	.video-wrapper{	50	.video-wrapper{
51	padding: 16px 0;	51	padding: 16px 0;
52	}	52	}
53	.stageRadio:checked+label{	53	.stageRadio:checked+label{
54	background-color: #42b549;	54	background-color: #42b549;
55	color: #fff !important;	55	color: #fff !important;
56	}	56	}
57		57
58	.stageRadio1:checked+label{	58	.stageRadio1:checked+label{
59	background-color: rgba(158, 158, 158, 0.05);	59	background-color: rgba(158, 158, 158, 0.05);
60	}	60	}
61		61
62	/* css for radio buttons */	62	/* css for radio buttons */
63		63
64	.option-input {	64	.option-input {
65	-webkit-appearance: none;	65	-webkit-appearance: none;
66	-moz-appearance: none;	66	-moz-appearance: none;
67	-ms-appearance: none;	67	-ms-appearance: none;
68	-o-appearance: none;	68	-o-appearance: none;
69	appearance: none;	69	appearance: none;
70	position: relative;	70	position: relative;
71	/top: 13.33333px;/	71	/top: 13.33333px;/
72	right: 0;	72	right: 0;
73	bottom: 0;	73	bottom: 0;
74	left: 0;	74	left: 0;
75	height: 15px;	75	height: 15px;
76	width: 15px;	76	width: 15px;
77	transition: all 0.15s ease-out 0s;	77	transition: all 0.15s ease-out 0s;
78	background: transparent;	78	background: transparent;
79	border: 2px solid #42b549;	79	border: 2px solid #42b549;
80	color: #fff;	80	color: #fff;
81	cursor: pointer;	81	cursor: pointer;
82	display: inline-block;	82	display: inline-block;
83	margin-right: 0.5rem;	83	margin-right: 0.5rem;
84	outline: none;	84	outline: none;
85	position: relative;	85	position: relative;
86	z-index: 1000;	86	z-index: 1000;
87	}	87	}
88	.option-input:checked {	88	.option-input:checked {
89	background: #42b549;	89	background: #42b549;
90	}	90	}
91	.option-input:checked::before {	91	.option-input:checked::before {
92	height: 20px;	92	height: 20px;
93	width: 20px;	93	width: 20px;
94	position: absolute;	94	position: absolute;
95	/content: '✔';/	95	/content: '✔';/
96	display: inline-block;	96	display: inline-block;
97	font-size: 12px;	97	font-size: 12px;
98	text-align: center;	98	text-align: center;
99	line-height: 22px;	99	line-height: 22px;
100	}	100	}
101	.option-input:checked::after {	101	.option-input:checked::after {
102	-webkit-animation: click-wave 0.65s;	102	-webkit-animation: click-wave 0.65s;
103	-moz-animation: click-wave 0.65s;	103	-moz-animation: click-wave 0.65s;
104	animation: click-wave 0.65s;	104	animation: click-wave 0.65s;
105	background: #40e0d0;	105	background: #40e0d0;
106	content: '';	106	content: '';
107	display: block;	107	display: block;
108	position: relative;	108	position: relative;
109	z-index: 100;	109	z-index: 100;
110	}	110	}
111	.option-input-a.radio-a::after {	111	.option-input-a.radio-a::after {
112	border-radius: 50%;	112	border-radius: 50%;
113	}	113	}
114	/second css/	114	/second css/
115	.option-input-a {	115	.option-input-a {
116	-webkit-appearance: none;	116	-webkit-appearance: none;
117	-moz-appearance: none;	117	-moz-appearance: none;
118	-ms-appearance: none;	118	-ms-appearance: none;
119	-o-appearance: none;	119	-o-appearance: none;
120	appearance: none;	120	appearance: none;
121	position: relative;	121	position: relative;
122	/top: 13.33333px;/	122	/top: 13.33333px;/
123	right: 0;	123	right: 0;
124	bottom: 0;	124	bottom: 0;
125	left: 0;	125	left: 0;
126	height: 22px;	126	height: 22px;
127	width: 22px;	127	width: 22px;
128	transition: all 0.15s ease-out 0s;	128	transition: all 0.15s ease-out 0s;
129	background: transparent;	129	background: transparent;
130	border: 2px solid #42b549;	130	border: 2px solid #42b549;
131	color: #fff;	131	color: #fff;
132	cursor: pointer;	132	cursor: pointer;
133	display: inline-block;	133	display: inline-block;
134	margin-right: 0.5rem;	134	margin-right: 0.5rem;
135	outline: none;	135	outline: none;
136	position: relative;	136	position: relative;
137	z-index: 1000;	137	z-index: 1000;
138	}	138	}
139	.option-input-a:checked {	139	.option-input-a:checked {
140	background: #42b549;	140	background: #42b549;
141	}	141	}
142	.option-input-a:checked::before {	142	.option-input-a:checked::before {
143	height: 20px;	143	height: 20px;
144	width: 20px;	144	width: 20px;
145	position: absolute;	145	position: absolute;
146	/content: '✔';/	146	/content: '✔';/
147	display: inline-block;	147	display: inline-block;
148	font-size: 12px;	148	font-size: 12px;
149	text-align: center;	149	text-align: center;
150	line-height: 22px;	150	line-height: 22px;
151	}	151	}
152	.option-input-a:checked::after {	152	.option-input-a:checked::after {
153	-webkit-animation: click-wave 0.65s;	153	-webkit-animation: click-wave 0.65s;
154	-moz-animation: click-wave 0.65s;	154	-moz-animation: click-wave 0.65s;
155	animation: click-wave 0.65s;	155	animation: click-wave 0.65s;
156	background: #40e0d0;	156	background: #40e0d0;
157	content: '';	157	content: '';
158	display: block;	158	display: block;
159	position: relative;	159	position: relative;
160	z-index: 100;	160	z-index: 100;
161	}	161	}
162	.option-input-a.radio-a {	162	.option-input-a.radio-a {
163	border-radius: 50%;	163	border-radius: 50%;
164	}	164	}
165	.option-input-a.radio-a::after {	165	.option-input-a.radio-a::after {
166	border-radius: 50%;	166	border-radius: 50%;
167	}	167	}
168		168
169	/* css for radio ends */	169	/* css for radio ends */
170		170
171	.card-small{	171	.card-small{
172	cursor: pointer;	172	cursor: pointer;
173	}	173	}
174	.card-small img{	174	.card-small img{
175	width: 37px;	175	width: 37px;
176	}	176	}
177	.card-small label{	177	.card-small label{
178	width: 100%;	178	width: 100%;
179	font-weight: normal;	179	font-weight: normal;
180	font-size: 12px;	180	font-size: 12px;
181	margin-top: 5px;	181	margin-top: 5px;
182	}	182	}
183	.startup-questions{	183	.startup-questions{
184	color: #FF6600;	184	color: #FF6600;
185	font-size: 16px;	185	font-size: 16px;
186	font-weight: bold;	186	font-weight: bold;
187	}	187	}
188	.startup-answers{	188	.startup-answers{
189	margin-top: 2px;	189	margin-top: 2px;
190	/* font-weight: 600; */	190	/* font-weight: 600; */
191	font-size: 14px;	191	font-size: 14px;
192	color: #fff;	192	color: #fff;
193	text-align: justify;	193	text-align: justify;
194	}	194	}
195	/*.text-input{	195	/*.text-input{
196	width: 100%;	196	width: 100%;
197	border: 0;	197	border: 0;
198	border-bottom: 2px solid #42b549;	198	border-bottom: 2px solid #42b549;
199	font-size: 18px;	199	font-size: 18px;
200	padding: 5px;	200	padding: 5px;
201	}*/	201	}*/
202	.input-wrapper{	202	.input-wrapper{
203	margin-bottom: 15px !important;	203	margin-bottom: 15px !important;
204	}	204	}
205	.select-input{	205	.select-input{
206	width: 100%;	206	width: 100%;
207	border: 0;	207	border: 0;
208	border-bottom: 2px solid #42b549;	208	border-bottom: 2px solid #42b549;
209	background-color: transparent;	209	background-color: transparent;
210	font-size: 12px;	210	font-size: 12px;
211	padding: 5px;	211	padding: 5px;
212	}	212	}
213	.submit-button, .submit-button:hover{	213	.submit-button, .submit-button:hover{
214	/background-color: #00bcd4;/	214	/background-color: #00bcd4;/
215	background-color: #FF6600;	215	background-color: #FF6600;
216	color: #fff;	216	color: #fff;
217	padding: 10px 25px 10px 25px;	217	padding: 10px 25px 10px 25px;
218	/* font-size: 15px; */	218	/* font-size: 15px; */
219	border-radius: 20px;	219	border-radius: 20px;
220	/display: none;/	220	/display: none;/
221	}	221	}
222	.submit-button:disabled{	222	.submit-button:disabled{
223	background-color: #ddd;	223	background-color: #ddd;
224	}	224	}
225	.imageText{	225	.imageText{
226	text-align: center;	226	text-align: center;
227	color: #fff;	227	color: #fff;
228	font-size: 18px;	228	font-size: 18px;
229	margin-top: 5%;	229	margin-top: 5%;
230	}	230	}
231	.imageTxt{	231	.imageTxt{
232	text-align: center;	232	text-align: center;
233	font-size: 16px;	233	font-size: 16px;
234	color: #fff;	234	color: #fff;
235	margin-top: 2px;	235	margin-top: 2px;
236	}	236	}
237	.submit-button-form, .submit-button-form:hover{	237	.submit-button-form, .submit-button-form:hover{
238		238
239	background-color: #FF6600;	239	background-color: #FF6600;
240	margin-top: 2%;	240	margin-top: 2%;
241	margin-bottom: 3%;	241	margin-bottom: 3%;
242	color:#fff;	242	color:#fff;
243		243
244	}	244	}
245	.submit-button-form:disabled{	245	.submit-button-form:disabled{
246	background-color: #ddd;	246	background-color: #ddd;
247	margin-top: 2%;	247	margin-top: 2%;
248	margin-bottom: 3%;	248	margin-bottom: 3%;
249	}	249	}
250		250
251	.textarea{	251	.textarea{
252	min-height: 97px;	252	min-height: 97px;
253	}	253	}
254	/* .logojalsa1 {	254	/* .logojalsa1 {
255	width: 120px;	255	width: 120px;
256	display: block;	256	display: block;
257	margin: auto;	257	margin: auto;
258	} */	258	} */
259	.error-message{	259	.error-message{
260	font-weight: inherit;	260	font-weight: inherit;
261	color: #ff0000;	261	color: #ff0000;
262	margin: 5px 4px -5px 0px;	262	margin: 5px 4px -5px 0px;
263	display: none;	263	display: none;
264	}	264	}
265		265
266	/custom input/	266	/custom input/
267	.text-input, select {	267	.text-input, select {
268	width: 100%;	268	width: 100%;
269	-webkit-appearance: none;	269	-webkit-appearance: none;
270	padding: 12px 25px;	270	padding: 12px 25px;
271	margin: -2px 0;	271	margin: -2px 0;
272	display: inline-block;	272	display: inline-block;
273	border: 0px solid rgba(51, 51, 51, 0);	273	border: 0px solid rgba(51, 51, 51, 0);
274	border-radius: -3px;	274	border-radius: -3px;
275	box-sizing: border-box;	275	box-sizing: border-box;
276	box-shadow: 0 0 10px rgba(240, 255, 235);	276	box-shadow: 0 0 10px rgba(240, 255, 235);
277	-moz-box-shadow: 0 0 10px rgba(240, 255, 235);	277	-moz-box-shadow: 0 0 10px rgba(240, 255, 235);
278	-webkit-box-shadow: 0 0 5px #777;	278	-webkit-box-shadow: 0 0 5px #777;
279	-o-box-shadow: 0 0 10px rgba(240, 255, 235);	279	-o-box-shadow: 0 0 10px rgba(240, 255, 235);
280	font-size: 12px;	280	font-size: 12px;
281	}	281	}
282		282
283	/* .happen-imagemeetup{	283	/* .happen-imagemeetup{
284	padding: 0px 0px 0px 20px;	284	padding: 0px 0px 0px 20px;
285	} */	285	} */
286	/* progress bar css */	286	/* progress bar css */
287		287
288	@-webkit-keyframes	288	@-webkit-keyframes
289	load { 0% {	289	load { 0% {
290	stroke-dashoffset:0	290	stroke-dashoffset:0
291	}	291	}
292	}	292	}
293	@-moz-keyframes	293	@-moz-keyframes
294	load { 0% {	294	load { 0% {
295	stroke-dashoffset:0	295	stroke-dashoffset:0
296	}	296	}
297	}	297	}
298	@keyframes	298	@keyframes
299	load { 0% {	299	load { 0% {
300	stroke-dashoffset:0	300	stroke-dashoffset:0
301	}	301	}
302	}	302	}
303		303
304	/* Container */	304	/* Container */
305		305
306	.progress-form {	306	.progress-form {
307	position: relative;	307	position: relative;
308	display: inline-block;	308	display: inline-block;
309	padding: 0;	309	padding: 0;
310	text-align: center;	310	text-align: center;
311	}	311	}
312		312
313	/* Item */	313	/* Item */
314		314
315	.progress-form>li {	315	.progress-form>li {
316	display: inline-block;	316	display: inline-block;
317	position: relative;	317	position: relative;
318	text-align: center;	318	text-align: center;
319	color: #93A2AC;	319	color: #93A2AC;
320	font-family: Lato;	320	font-family: Lato;
321	font-weight: 100;	321	font-weight: 100;
322	margin: 2rem;	322	margin: 2rem;
323	}	323	}
324		324
325	.progress-form>li:before {	325	.progress-form>li:before {
326	content: attr(data-name);	326	content: attr(data-name);
327	position: absolute;	327	position: absolute;
328	width: 100%;	328	width: 100%;
329	bottom: -2rem;	329	bottom: -2rem;
330	font-weight: 400;	330	font-weight: 400;
331	}	331	}
332		332
333	.progress-form>li:after {	333	.progress-form>li:after {
334	content: attr(data-percent);	334	content: attr(data-percent);
335	position: absolute;	335	position: absolute;
336	width: 100%;	336	width: 100%;
337	top: 3.7rem;	337	top: 3.7rem;
338	left: 0;	338	left: 0;
339	font-size: 2rem;	339	font-size: 2rem;
340	text-align: center;	340	text-align: center;
341	}	341	}
342		342
343	.progress-form svg {	343	.progress-form svg {
344	width: 10rem;	344	width: 10rem;
345	height: 10rem;	345	height: 10rem;
346	}	346	}
347		347
348	.progress-form svg:nth-child(2) {	348	.progress-form svg:nth-child(2) {
349	position: absolute;	349	position: absolute;
350	left: 0;	350	left: 0;
351	top: 0;	351	top: 0;
352	transform: rotate(-90deg);	352	transform: rotate(-90deg);
353	-webkit-transform: rotate(-90deg);	353	-webkit-transform: rotate(-90deg);
354	-moz-transform: rotate(-90deg);	354	-moz-transform: rotate(-90deg);
355	-ms-transform: rotate(-90deg);	355	-ms-transform: rotate(-90deg);
356	}	356	}
357		357
358	.progress-form svg:nth-child(2) path {	358	.progress-form svg:nth-child(2) path {
359	fill: none;	359	fill: none;
360	stroke-width: 25;	360	stroke-width: 25;
361	stroke-dasharray: 629;	361	stroke-dasharray: 629;
362	stroke: rgba(255, 255, 255, 0.9);	362	stroke: rgba(255, 255, 255, 0.9);
363	-webkit-animation: load 10s;	363	-webkit-animation: load 10s;
364	-moz-animation: load 10s;	364	-moz-animation: load 10s;
365	-o-animation: load 10s;	365	-o-animation: load 10s;
366	animation: load 10s;	366	animation: load 10s;
367	}	367	}
368	/circle of stage image/	368	/circle of stage image/
369	.circular{	369	.circular{
370		370
371	-webkit-border-radius: 150px;	371	-webkit-border-radius: 150px;
372	-moz-border-radius: 150px;	372	-moz-border-radius: 150px;
373	border-radius: 150px;	373	border-radius: 150px;
374	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);	374	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
375	border: 5px solid white;	375	border: 5px solid white;
376	overflow: hidden;	376	overflow: hidden;
377	position: fixed;	377	position: fixed;
378	height: 100px;	378	height: 100px;
379	width: 100px;	379	width: 100px;
380	left: 80px;	380	left: 80px;
381	top: 20px;	381	top: 20px;
382	}	382	}
383	/font-size/	383	/font-size/
384	.font{	384	.font{
385	font-size: 14px;	385	font-size: 14px;
386	}	386	}
387		387
388	.f-family {	388	.f-family {
389	font-family:sans-serif;	389	font-family:sans-serif;
390	}	390	}
391		391
392	/container-card css/	392	/container-card css/
393	.container-card {	393	.container-card {
394	width: auto;	394	width: auto;
395	float: left;	395	float: left;
396	margin: 31px 24px 26px 14px;	396	margin: 31px 24px 26px 14px;
397	}	397	}
398		398
399	/****This css for header container****/	399	/****This css for header container****/
400	.h1 {	400	.h1 {
401	font-size: 20px;	401	font-size: 20px;
402	margin: 11px;	402	margin: 11px;
403	}	403	}
404		404
405	.paragraph {	405	.paragraph {
406	font-size: 14px;	406	font-size: 14px;
407	margin: 30px 10px 20px;	407	margin: 30px 10px 20px;
408	line-height: 1.5;	408	line-height: 1.5;
409	}	409	}
410	/This css for stages container/	410	/This css for stages container/
411		411
412	.full-line {	412	.full-line {
413	border-bottom: 2px solid #dedede;	413	border-bottom: 2px solid #dedede;
414	padding: 15px 10px;	414	padding: 15px 10px;
415	}	415	}
416		416
417	.stages-card {	417	.stages-card {
418	width: auto;	418	width: auto;
419	float: left;	419	float: left;
420	/margin: -30px 8px 7px 22px;/	420	/margin: -30px 8px 7px 22px;/
421	}	421	}
422		422
423	/form -css/	423	/form -css/
424	.form-all {	424	.form-all {
425	margin: 13px 4px 26px -2px;	425	margin: 13px 4px 26px -2px;
426	border-radius: 15px;	426	border-radius: 15px;
427	background-color: #fff;	427	background-color: #fff;
428	padding-top: 1px;	428	padding-top: 1px;
429	padding-left: 1%;	429	padding-left: 1%;
430	/display: none;/	430	/display: none;/
431	}	431	}
432		432
433	.step-two-form{	433	.step-two-form{
434	display: block;	434	display: block;
435	}	435	}
436		436
437	/This is for stages images/	437	/This is for stages images/
438	.stage-img {	438	.stage-img {
439	width: 115px;	439	width: 115px;
440	}	440	}
441		441
442	.stage-thumbnail {	442	.stage-thumbnail {
443	float: left;	443	float: left;
444	margin-bottom: 0;	444	margin-bottom: 0;
445	}	445	}
446		446
447	.stage-shadow {	447	.stage-shadow {
448	/*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	448	/*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
449	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	449	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
450	0px 2px 1px -1px rgba(0, 0, 0, 0.12); */	450	0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
451	/margin: 3px 22px 14px 14px;/	451	/margin: 3px 22px 14px 14px;/
452	background-color: #ffffff;	452	background-color: #ffffff;
453	}	453	}
454		454
455	/* .line-size {	455	/* .line-size {
456		456
457	} */	457	} */
458		458
459	.card-paragraph {	459	.card-paragraph {
460	background-color: rgba(66, 181, 73, 0.61);	460	background-color: rgba(66, 181, 73, 0.61);
461	color: #fff;	461	color: #fff;
462	}	462	}
463		463
464	/* identity card css*/	464	/* identity card css*/
465		465
466	.identity-shadow {	466	.identity-shadow {
467	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	467	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
468	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	468	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
469	0px 2px 1px -1px rgba(0, 0, 0, 0.12);	469	0px 2px 1px -1px rgba(0, 0, 0, 0.12);
470	margin: 15px 15px 17px 14px;	470	margin: 15px 15px 17px 14px;
471	background-color: #ffffff;	471	background-color: #ffffff;
472	/display: none;/	472	/display: none;/
473	}	473	}
474		474
475	.identity-question {	475	.identity-question {
476	border-bottom: 2px solid #dedede;	476	border-bottom: 2px solid #dedede;
477	padding: 0px 10px;	477	padding: 0px 10px;
478	}	478	}
479		479
480	.identity-align {	480	.identity-align {
481	margin: 8px -12px 19px 13px;	481	margin: 8px -12px 19px 13px;
482	}	482	}
483		483
484		484
485	/******This css for sectors************/	485	/******This css for sectors************/
486	.sectors-card {	486	.sectors-card {
487	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	487	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
488	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	488	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
489	0px 2px 1px -1px rgba(0, 0, 0, 0.12);	489	0px 2px 1px -1px rgba(0, 0, 0, 0.12);
490	margin: 27px 22px 14px 14px;	490	margin: 27px 22px 14px 14px;
491	background-color: #ffffff;	491	background-color: #ffffff;
492	/display: none;/	492	/display: none;/
493	}	493	}
494		494
495	.sector-card {	495	.sector-card {
496	width: auto;	496	width: auto;
497	float: left;	497	float: left;
498	margin: 29px 22px 26px 14px;	498	margin: 29px 22px 26px 14px;
499	}	499	}
500		500
501	.sector-question {	501	.sector-question {
502	border-bottom: 2px solid #dedede;	502	border-bottom: 2px solid #dedede;
503	padding: 15px 10px;	503	padding: 15px 10px;
504	}	504	}
505		505
506	/To make the Stages in the center/	506	/To make the Stages in the center/
507	.card-align {	507	.card-align {
508	/margin: 56px -267px 11px -37px;/	508	/margin: 56px -267px 11px -37px;/
509	}	509	}
510		510
511	/To make the sectors in the center /	511	/To make the sectors in the center /
512		512
513		513
514	/***********sidebar content margin*********/	514	/***********sidebar content margin*********/
515	.sidebar-align {	515	.sidebar-align {
516	margin: -5px -3px -18px 9px;	516	margin: -5px -3px -18px 9px;
517	}	517	}
518		518
519	.heading {	519	.heading {
520	margin: 15px 10px 15px 16px;	520	margin: 15px 10px 15px 16px;
521	}	521	}
522	.quiz {	522	.quiz {
523	margin: 5px 5px 6px 19px;	523	margin: 5px 5px 6px 19px;
524	font-size: 12px;	524	font-size: 12px;
525	}	525	}
526		526
527	#footer {	527	#footer {
528	/*position: bottom;	528	/*position: bottom;
529	width: 100%;	529	width: 100%;
530	height: auto;*/	530	height: auto;*/
531	}	531	}
532		532
533	#front {	533	#front {
534	background-color: #2f383a;	534	background-color: #2f383a;
535	/*background-image: url(/images/mock_up_background.jpg);	535	/*background-image: url(/images/mock_up_background.jpg);
536	background-repeat: no-repeat;	536	background-repeat: no-repeat;
537	background-size: cover;	537	background-size: cover;
538	background-attachment: fixed;*/	538	background-attachment: fixed;*/
539	}	539	}
540		540
541	/* .footer {	541	/* .footer {
542		542
543	bottom: 0px;	543	bottom: 0px;
544	background-color: #76b34f !important;	544	background-color: #76b34f !important;
545	width: 100%;	545	width: 100%;
546	color:rgba(255, 255, 255, 0.77);	546	color:rgba(255, 255, 255, 0.77);
547	}*/	547	}*/
548		548
549	/******question box***************/	549	/******question box***************/
550	.question-shadow {	550	.question-shadow {
551	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	551	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
552	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	552	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
553	0px 2px 1px -1px rgba(0, 0, 0, 0.12);	553	0px 2px 1px -1px rgba(0, 0, 0, 0.12);
554	margin: 15px 15px 17px 14px;	554	margin: 15px 15px 17px 14px;
555	background-color: #ffffff;	555	background-color: #ffffff;
556	}	556	}
557		557
558		558
559		559
560	.question-card {	560	.question-card {
561	width: auto;	561	width: auto;
562	float: left;	562	float: left;
563	margin: 29px 22px 26px 14px;	563	margin: 29px 22px 26px 14px;
564	}	564	}
565		565
566	/for p/	566	/for p/
567	.line-space {	567	.line-space {
568	line-height: 1.6em;	568	line-height: 1.6em;
569	font-size: 11px;	569	font-size: 11px;
570	}	570	}
571		571
572	.line-adjust {	572	.line-adjust {
573	margin-left: 0px;	573	margin-left: 0px;
574	}	574	}
575		575
576	/badge icon css/	576	/badge icon css/
577		577
578	.material-icons{	578	.material-icons{
579	font-size: 17px !important;	579	font-size: 17px !important;
580	}	580	}
581		581
582	.icon-circle-a {	582	.icon-circle-a {
583	background: rgba(89, 89, 89, 0.92);	583	background: rgba(89, 89, 89, 0.92);
584	border-radius: 50%;	584	border-radius: 50%;
585	width: 30px;	585	width: 30px;
586	height: 30px;	586	height: 30px;
587	position: absolute;	587	position: absolute;
588	left: 14px;	588	left: 14px;
589	margin-top: 10px;	589	margin-top: 10px;
590	color: #fff;	590	color: #fff;
591	text-align: center;	591	text-align: center;
592	}	592	}
593		593
594	.icon-circle-b {	594	.icon-circle-b {
595	background: rgba(89, 89, 89, 0.92);	595	background: rgba(89, 89, 89, 0.92);
596	border-radius: 50%;	596	border-radius: 50%;
597	width: 30px;	597	width: 30px;
598	height: 30px;	598	height: 30px;
599	position: absolute;	599	position: absolute;
600	left: 14px;	600	left: 14px;
601	margin-top: 10px;	601	margin-top: 10px;
602	color: #fff;	602	color: #fff;
603	text-align: center;	603	text-align: center;
604	}	604	}
605		605
606	.icon-circle-c {	606	.icon-circle-c {
607	background: rgba(89, 89, 89, 0.92);	607	background: rgba(89, 89, 89, 0.92);
608	border-radius: 50%;	608	border-radius: 50%;
609	width: 30px;	609	width: 30px;
610	height: 30px;	610	height: 30px;
611	position: absolute;	611	position: absolute;
612	left: 0px;	612	left: 0px;
613	margin-top: 4px;	613	margin-top: 4px;
614	color: #fff;	614	color: #fff;
615	text-align: center;	615	text-align: center;
616	}	616	}
617		617
618	.icon-circle-d {	618	.icon-circle-d {
619	background: rgba(89, 89, 89, 0.92);	619	background: rgba(89, 89, 89, 0.92);
620	border-radius: 50%;	620	border-radius: 50%;
621	width: 30px;	621	width: 30px;
622	height: 30px;	622	height: 30px;
623	position: absolute;	623	position: absolute;
624	left: 0px;	624	left: 0px;
625	margin-top: 4px;	625	margin-top: 4px;
626	color: #fff;	626	color: #fff;
627	text-align: center;	627	text-align: center;
628	}	628	}
629		629
630	.icon-circle-e {	630	.icon-circle-e {
631	background: rgba(89, 89, 89, 0.92);	631	background: rgba(89, 89, 89, 0.92);
632	border-radius: 50%;	632	border-radius: 50%;
633	width: 30px;	633	width: 30px;
634	height: 30px;	634	height: 30px;
635	position: absolute;	635	position: absolute;
636	left: 0px;	636	left: 0px;
637	margin-top: 4px;	637	margin-top: 4px;
638	color: #fff;	638	color: #fff;
639	text-align: center;	639	text-align: center;
640	}	640	}
641		641
642	.icon-circle-f {	642	.icon-circle-f {
643	background: rgba(89, 89, 89, 0.92);	643	background: rgba(89, 89, 89, 0.92);
644	border-radius: 50%;	644	border-radius: 50%;
645	width: 30px;	645	width: 30px;
646	height: 30px;	646	height: 30px;
647	position: absolute;	647	position: absolute;
648	left: 0px;	648	left: 0px;
649	margin-top: 3px;	649	margin-top: 3px;
650	color: #fff;	650	color: #fff;
651	text-align: center;	651	text-align: center;
652	}	652	}
653		653
654	.icon-circle-g {	654	.icon-circle-g {
655	background: rgba(89, 89, 89, 0.92);	655	background: rgba(89, 89, 89, 0.92);
656	border-radius: 50%;	656	border-radius: 50%;
657	width: 30px;	657	width: 30px;
658	height: 30px;	658	height: 30px;
659	position: absolute;	659	position: absolute;
660	left: 14px;	660	left: 14px;
661	margin-top: 10px;	661	margin-top: 10px;
662	color: #fff;	662	color: #fff;
663	text-align: center;	663	text-align: center;
664	}	664	}
665		665
666	.icon-circle-h {	666	.icon-circle-h {
667	background: rgba(89, 89, 89, 0.92);	667	background: rgba(89, 89, 89, 0.92);
668	border-radius: 50%;	668	border-radius: 50%;
669	width: 30px;	669	width: 30px;
670	height: 30px;	670	height: 30px;
671	position: absolute;	671	position: absolute;
672	left: 0px;	672	left: 0px;
673	margin-top: 4px;	673	margin-top: 4px;
674	color: #fff;	674	color: #fff;
675	text-align: center;	675	text-align: center;
676	}	676	}
677		677
678	.icon-circle-i {	678	.icon-circle-i {
679	background: rgba(89, 89, 89, 0.92);	679	background: rgba(89, 89, 89, 0.92);
680	border-radius: 50%;	680	border-radius: 50%;
681	width: 30px;	681	width: 30px;
682	height: 30px;	682	height: 30px;
683	position: absolute;	683	position: absolute;
684	left: 0px;	684	left: 0px;
685	margin-top: 4px;	685	margin-top: 4px;
686	color: #fff;	686	color: #fff;
687	text-align: center;	687	text-align: center;
688	}	688	}
689		689
690	.icon-circle-j {	690	.icon-circle-j {
691	background: rgba(89, 89, 89, 0.92);	691	background: rgba(89, 89, 89, 0.92);
692	border-radius: 50%;	692	border-radius: 50%;
693	width: 30px;	693	width: 30px;
694	height: 30px;	694	height: 30px;
695	position: absolute;	695	position: absolute;
696	left: 0px;	696	left: 0px;
697	margin-top: 30px;	697	margin-top: 30px;
698	color: #fff;	698	color: #fff;
699	text-align: center;	699	text-align: center;
700	}	700	}
701		701
702	.icon-circle-k {	702	.icon-circle-k {
703	background: rgba(89, 89, 89, 0.92);	703	background: rgba(89, 89, 89, 0.92);
704	border-radius: 50%;	704	border-radius: 50%;
705	width: 30px;	705	width: 30px;
706	height: 30px;	706	height: 30px;
707	position: absolute;	707	position: absolute;
708	left: 0px;	708	left: 0px;
709	margin-top: 30px;	709	margin-top: 30px;
710	color: #fff;	710	color: #fff;
711	text-align: center;	711	text-align: center;
712	}	712	}
713		713
714	.icon-circle-y {	714	.icon-circle-y {
715	background: rgba(89, 89, 89, 0.92);	715	background: rgba(89, 89, 89, 0.92);
716	border-radius: 50%;	716	border-radius: 50%;
717	width: 30px;	717	width: 30px;
718	height: 30px;	718	height: 30px;
719	position: absolute;	719	position: absolute;
720	left: 0px;	720	left: 0px;
721	margin-top: 4px;	721	margin-top: 4px;
722	color: #fff;	722	color: #fff;
723	text-align: center;	723	text-align: center;
724	}	724	}
725		725
726	.icon-circle-o {	726	.icon-circle-o {
727	background: rgba(89, 89, 89, 0.92);	727	background: rgba(89, 89, 89, 0.92);
728	border-radius: 50%;	728	border-radius: 50%;
729	width: 30px;	729	width: 30px;
730	height: 30px;	730	height: 30px;
731	position: absolute;	731	position: absolute;
732	left: 0px;	732	left: 0px;
733	margin-top: 4px;	733	margin-top: 4px;
734	color: #fff;	734	color: #fff;
735	text-align: center;	735	text-align: center;
736	}	736	}
737		737
738	.icon-circle-l {	738	.icon-circle-l {
739	background: rgba(89, 89, 89, 0.92);	739	background: rgba(89, 89, 89, 0.92);
740	border-radius: 50%;	740	border-radius: 50%;
741	width: 30px;	741	width: 30px;
742	height: 30px;	742	height: 30px;
743	position: absolute;	743	position: absolute;
744	left: 0px;	744	left: 0px;
745	margin-top: 4px;	745	margin-top: 4px;
746	color: #fff;	746	color: #fff;
747	text-align: center;	747	text-align: center;
748	}	748	}
749		749
750	.icon-circle-m {	750	.icon-circle-m {
751	background: rgba(89, 89, 89, 0.92);	751	background: rgba(89, 89, 89, 0.92);
752	border-radius: 50%;	752	border-radius: 50%;
753	width: 30px;	753	width: 30px;
754	height: 30px;	754	height: 30px;
755	position: absolute;	755	position: absolute;
756	left: 0px;	756	left: 0px;
757	margin-top: 4px;	757	margin-top: 4px;
758	color: #fff;	758	color: #fff;
759	text-align: center;	759	text-align: center;
760	}	760	}
761		761
762	.icon-circle-n {	762	.icon-circle-n {
763	background: rgba(89, 89, 89, 0.92);	763	background: rgba(89, 89, 89, 0.92);
764	border-radius: 50%;	764	border-radius: 50%;
765	width: 30px;	765	width: 30px;
766	height: 30px;	766	height: 30px;
767	position: absolute;	767	position: absolute;
768	left: 0px;	768	left: 0px;
769	margin-top: 4px;	769	margin-top: 4px;
770	color: #fff;	770	color: #fff;
771	text-align: center;	771	text-align: center;
772	}	772	}
773		773
774	.icon-circle-x {	774	.icon-circle-x {
775	background: rgba(89, 89, 89, 0.92);	775	background: rgba(89, 89, 89, 0.92);
776	border-radius: 50%;	776	border-radius: 50%;
777	width: 30px;	777	width: 30px;
778	height: 30px;	778	height: 30px;
779	position: absolute;	779	position: absolute;
780	left: 0px;	780	left: 0px;
781	margin-top: 30px;	781	margin-top: 30px;
782	color: #fff;	782	color: #fff;
783	text-align: center;	783	text-align: center;
784	}	784	}
785		785
786	.icon-circle-p {	786	.icon-circle-p {
787	background: rgba(89, 89, 89, 0.92);	787	background: rgba(89, 89, 89, 0.92);
788	border-radius: 50%;	788	border-radius: 50%;
789	width: 30px;	789	width: 30px;
790	height: 30px;	790	height: 30px;
791	position: absolute;	791	position: absolute;
792	left: 0px;	792	left: 0px;
793	margin-top: 30px;	793	margin-top: 30px;
794	color: #fff;	794	color: #fff;
795	text-align: center;	795	text-align: center;
796	}	796	}
797		797
798	.icon-circle-z {	798	.icon-circle-z {
799	background: rgba(89, 89, 89, 0.92);	799	background: rgba(89, 89, 89, 0.92);
800	border-radius: 50%;	800	border-radius: 50%;
801	width: 30px;	801	width: 30px;
802	height: 30px;	802	height: 30px;
803	position: absolute;	803	position: absolute;
804	left: 0px;	804	left: 0px;
805	margin-top: 4px;	805	margin-top: 4px;
806	color: #fff;	806	color: #fff;
807	text-align: center;	807	text-align: center;
808	}	808	}
809		809
810	.icon-circle-q {	810	.icon-circle-q {
811	background: rgba(89, 89, 89, 0.92);	811	background: rgba(89, 89, 89, 0.92);
812	border-radius: 50%;	812	border-radius: 50%;
813	width: 30px;	813	width: 30px;
814	height: 30px;	814	height: 30px;
815	position: absolute;	815	position: absolute;
816	left: 0px;	816	left: 0px;
817	margin-top: 4px;	817	margin-top: 4px;
818	color: #fff;	818	color: #fff;
819	text-align: center;	819	text-align: center;
820	}	820	}
821		821
822	.icon-circle-ab {	822	.icon-circle-ab {
823	background: rgba(89, 89, 89, 0.92);	823	background: rgba(89, 89, 89, 0.92);
824	border-radius: 50%;	824	border-radius: 50%;
825	width: 30px;	825	width: 30px;
826	height: 30px;	826	height: 30px;
827	position: absolute;	827	position: absolute;
828	left: 0px;	828	left: 0px;
829	margin-top: 3px;	829	margin-top: 3px;
830	color: #fff;	830	color: #fff;
831	text-align: center;	831	text-align: center;
832	}	832	}
833		833
834	.icon-circle-abc {	834	.icon-circle-abc {
835	background: rgba(89, 89, 89, 0.92);	835	background: rgba(89, 89, 89, 0.92);
836	border-radius: 50%;	836	border-radius: 50%;
837	width: 30px;	837	width: 30px;
838	height: 30px;	838	height: 30px;
839	position: absolute;	839	position: absolute;
840	left: 0px;	840	left: 0px;
841	margin-top: 3px;	841	margin-top: 3px;
842	color: #fff;	842	color: #fff;
843	text-align: center;	843	text-align: center;
844	}	844	}
845		845
846	.icon-circle-bc {	846	.icon-circle-bc {
847	background: rgba(89, 89, 89, 0.92);	847	background: rgba(89, 89, 89, 0.92);
848	border-radius: 50%;	848	border-radius: 50%;
849	width: 30px;	849	width: 30px;
850	height: 30px;	850	height: 30px;
851	position: absolute;	851	position: absolute;
852	left: 0px;	852	left: 0px;
853	margin-top: 3px;	853	margin-top: 3px;
854	color: #fff;	854	color: #fff;
855	text-align: center;	855	text-align: center;
856	}	856	}
857		857
858	.icon-circle-abcdefg {	858	.icon-circle-abcdefg {
859	background: rgba(89, 89, 89, 0.92);	859	background: rgba(89, 89, 89, 0.92);
860	border-radius: 50%;	860	border-radius: 50%;
861	width: 30px;	861	width: 30px;
862	height: 30px;	862	height: 30px;
863	position: absolute;	863	position: absolute;
864	left: 0px;	864	left: 0px;
865	margin-top: 3px;	865	margin-top: 3px;
866	color: #fff;	866	color: #fff;
867	text-align: center;	867	text-align: center;
868	}	868	}
869		869
870	.referel-icon {	870	.referel-icon {
871	background: rgba(89, 89, 89, 0.92);	871	background: rgba(89, 89, 89, 0.92);
872	border-radius: 50%;	872	border-radius: 50%;
873	width: 30px;	873	width: 30px;
874	height: 30px;	874	height: 30px;
875	position: absolute;	875	position: absolute;
876	left: 0px;	876	left: 0px;
877	margin-top: 3px;	877	margin-top: 3px;
878	color: #fff;	878	color: #fff;
879	text-align: center;	879	text-align: center;
880	}	880	}
881		881
882	.tablewidth{	882	.tablewidth{
883	width:600px;	883	width:600px;
884	margin:auto;	884	margin:auto;
885	padding: 0 0 0 10px;	885	padding: 0 0 0 10px;
886	}	886	}
887		887
888		888
889	/quiz/	889	/quiz/
890	.q-card-align div{	890	.q-card-align div{
891	margin-bottom: 15px;	891	margin-bottom: 15px;
892	}	892	}
893		893
894	.drop-down {	894	.drop-down {
895	background-color: #fff;	895	background-color: #fff;
896	border-radius: 0;	896	border-radius: 0;
897	font-size: 12px;	897	font-size: 12px;
898	}	898	}
899		899
900	.footer-link, .footer-link:hover {	900	.footer-link, .footer-link:hover {
901	color:#fff;	901	color:#fff;
902	}	902	}
903	/idea content margin/	903	/idea content margin/
904	.content-idea{	904	.content-idea{
905	margin:196px 12px 8px;	905	margin:196px 12px 8px;
906	}	906	}
907		907
908	.content-product{	908	.content-product{
909	margin:193px -19px 9px;	909	margin:193px -19px 9px;
910	}	910	}
911		911
912	.content-growth{	912	.content-growth{
913	margin:192px 11px 8px;	913	margin:192px 11px 8px;
914	}	914	}
915	.last-content-card{	915	.last-content-card{
916	/margin: 0px -85px -4px -51px;/	916	/margin: 0px -85px -4px -51px;/
917	}	917	}
918		918
919	@media (max-width: 600px) {	919	@media (max-width: 600px) {
920	.content-idea{	920	.content-idea{
921	margin: auto;	921	margin: auto;
922	}	922	}
923		923
924	.content-product{	924	.content-product{
925	margin: auto;	925	margin: auto;
926	}	926	}
927		927
928	.content-growth{	928	.content-growth{
929	margin: auto;	929	margin: auto;
930	}	930	}
931	.stages-card{	931	.stages-card{
932	margin: auto;	932	margin: auto;
933	margin-bottom: 15px;	933	margin-bottom: 15px;
934	}	934	}
935	.last-content-card{	935	.last-content-card{
936	margin: auto;	936	margin: auto;
937	}	937	}
938	.card-align{	938	.card-align{
939	margin: auto;	939	margin: auto;
940	}	940	}
941	.tablewidth{	941	.tablewidth{
942	width:100%;	942	width:100%;
943	margin:auto;	943	margin:auto;
944	padding: 0 0 0 10px;	944	padding: 0 0 0 10px;
945	}	945	}
946		946
947	}	947	}
948		948
949	.toggler {	949	.toggler {
950	width: 500px;	950	width: 500px;
951	height: 200px;	951	height: 200px;
952	}	952	}
953	#button {	953	#button {
954	padding: .5em 1em;	954	padding: .5em 1em;
955	text-decoration: none;	955	text-decoration: none;
956	}	956	}
957	#effect {	957	#effect {
958	position: relative;	958	position: relative;
959	width: 240px;	959	width: 240px;
960	height: 170px;	960	height: 170px;
961	padding: 0.4em;	961	padding: 0.4em;
962	}	962	}
963	#effect h3 {	963	#effect h3 {
964	margin: 0;	964	margin: 0;
965	padding: 0.4em;	965	padding: 0.4em;
966	text-align: center;	966	text-align: center;
967	}	967	}
968		968
969	#snackbar {	969	#snackbar {
970	visibility: hidden;	970	visibility: hidden;
971	min-width: 250px;	971	min-width: 250px;
972	margin-left: -125px;	972	margin-left: -125px;
973	background-color: #F44336;	973	background-color: #F44336;
974	color: #fff;	974	color: #fff;
975	text-align: center;	975	text-align: center;
976	border-radius: 2px;	976	border-radius: 2px;
977	padding: 16px;	977	padding: 16px;
978	position: fixed;	978	position: fixed;
979	z-index: 1;	979	z-index: 1;
980	left: 50%;	980	left: 50%;
981	bottom: 30px;	981	bottom: 30px;
982	font-size: 17px;	982	font-size: 17px;
983	}	983	}
984	/* Loader Css */	984	/* Loader Css */
985	.myLoaderWrap{	985	.myLoaderWrap{
986	width: 100%;	986	width: 100%;
987	height: 100%;	987	height: 100%;
988	position: fixed;	988	position: fixed;
989	background-color: rgba(0,0,0,0.5);	989	background-color: rgba(0,0,0,0.5);
990	z-index: 9999999;	990	z-index: 9999999;
991	top: 0;	991	top: 0;
992	left: 0;	992	left: 0;
993	}	993	}
994		994
995	#snackbar.show {	995	#snackbar.show {
996	visibility: visible;	996	visibility: visible;
997	-webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;	997	-webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
998	animation: fadin 0.5s, fadout 0.5s 2.5s;	998	animation: fadin 0.5s, fadout 0.5s 2.5s;
999	}	999	}
1000		1000
1001	@-webkit-keyframes fadin {	1001	@-webkit-keyframes fadin {
1002	from {bottom: 0; opacity: 0;}	1002	from {bottom: 0; opacity: 0;}
1003	to {bottom: 30px; opacity: 1;}	1003	to {bottom: 30px; opacity: 1;}
1004	}	1004	}
1005		1005
1006	@keyframes fadin {	1006	@keyframes fadin {
1007	from {bottom: 0; opacity: 0;}	1007	from {bottom: 0; opacity: 0;}
1008	to {bottom: 30px; opacity: 1;}	1008	to {bottom: 30px; opacity: 1;}
1009	}	1009	}
1010		1010
1011	@-webkit-keyframes fadout {	1011	@-webkit-keyframes fadout {
1012	from {bottom: 30px; opacity: 1;}	1012	from {bottom: 30px; opacity: 1;}
1013	to {bottom: 0; opacity: 0;}	1013	to {bottom: 0; opacity: 0;}
1014	}	1014	}
1015		1015
1016	@keyframes fadout {	1016	@keyframes fadout {
1017	from {bottom: 30px; opacity: 1;}	1017	from {bottom: 30px; opacity: 1;}
1018	to {bottom: 0; opacity: 0;}	1018	to {bottom: 0; opacity: 0;}
1019	}	1019	}
1020		1020
1021		1021
1022	#snacsskbar {	1022	#snacsskbar {
1023	visibility: hidden;	1023	visibility: hidden;
1024	min-width: 250px;	1024	min-width: 250px;
1025	margin-left: -125px;	1025	margin-left: -125px;
1026	background-color: #333;	1026	background-color: #333;
1027	color: #fff;	1027	color: #fff;
1028	text-align: center;	1028	text-align: center;
1029	border-radius: 2px;	1029	border-radius: 2px;
1030	padding: 16px;	1030	padding: 16px;
1031	position: fixed;	1031	position: fixed;
1032	z-index: 1;	1032	z-index: 1;
1033	left: 50%;	1033	left: 50%;
1034	top: 30px;	1034	top: 30px;
1035	font-size: 17px;	1035	font-size: 17px;
1036	}	1036	}
1037		1037
1038	#snacsskbar.show {	1038	#snacsskbar.show {
1039	visibility: visible;	1039	visibility: visible;
1040	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;	1040	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
1041	animation: fadein 0.5s, fadeout 0.5s 2.5s;	1041	animation: fadein 0.5s, fadeout 0.5s 2.5s;
1042	}	1042	}
1043		1043
1044	@-webkit-keyframes fadein {	1044	@-webkit-keyframes fadein {
1045	from {top: 0; opacity: 0;}	1045	from {top: 0; opacity: 0;}
1046	to {top: 30px; opacity: 1;}	1046	to {top: 30px; opacity: 1;}
1047	}	1047	}
1048		1048
1049	@keyframes fadein {	1049	@keyframes fadein {
1050	from {top: 0; opacity: 0;}	1050	from {top: 0; opacity: 0;}
1051	to {top: 30px; opacity: 1;}	1051	to {top: 30px; opacity: 1;}
1052	}	1052	}
1053		1053
1054	@-webkit-keyframes fadeout {	1054	@-webkit-keyframes fadeout {
1055	from {top: 30px; opacity: 1;}	1055	from {top: 30px; opacity: 1;}
1056	to {top: 0; opacity: 0;}	1056	to {top: 0; opacity: 0;}
1057	}	1057	}
1058		1058
1059	@keyframes fadeout {	1059	@keyframes fadeout {
1060	from {top: 30px; opacity: 1;}	1060	from {top: 30px; opacity: 1;}
1061	to {top: 0; opacity: 0;}	1061	to {top: 0; opacity: 0;}
1062	}	1062	}
1063		1063
1064	input.hidden {	1064	input.hidden {
1065	position: absolute;	1065	position: absolute;
1066	left: -9999px;	1066	left: -9999px;
1067	}	1067	}
1068		1068
1069	#profile-image1 {	1069	#profile-image1 {
1070	cursor: pointer;	1070	cursor: pointer;
1071	width: 100px;	1071	width: 100px;
1072	height: 100px;	1072	height: 100px;
1073	border:2px solid #eee ;	1073	border:2px solid #eee ;
1074	}	1074	}
1075		1075
1076	.tital{ font-size:16px; font-weight:500;}	1076	.tital{ font-size:16px; font-weight:500;}
1077	.bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}	1077	.bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
1078	.footerpadd{padding: 5px;}	1078	.footerpadd{padding: 5px;}
1079		1079
1080		1080
1081	.container1{	1081	.container1{
1082	width: 100%	1082	width: 100%
1083	}	1083	}
1084		1084
1085	.no-margin{	1085	.no-margin{
1086	margin: 0 0 0 !important;	1086	margin: 0 0 0 !important;
1087	}	1087	}
1088	.no-padding{	1088	.no-padding{
1089	padding: 0 0 0 0 !important;	1089	padding: 0 0 0 0 !important;
1090	}	1090	}
1091	.select-stage{	1091	.select-stage{
1092	margin: 10px 0;	1092	margin: 10px 0;
1093	}	1093	}
1094	.cards-content{	1094	.cards-content{
1095	margin-top: 40px;	1095	margin-top: 40px;
1096	}	1096	}
1097	.cards-content p{	1097	.cards-content p{
1098	font-size: 13px;	1098	font-size: 13px;
1099	}	1099	}
1100	.q-card-align{	1100	.q-card-align{
1101	margin-top: 15px;	1101	margin-top: 15px;
1102	}	1102	}
1103	.width-auto{	1103	.width-auto{
1104	width: auto !important;	1104	width: auto !important;
1105	}	1105	}
1106	.margin-right-label{	1106	.margin-right-label{
1107	margin-right: 20px;	1107	margin-right: 20px;
1108	}	1108	}
1109	.margin-right-label label{	1109	.margin-right-label label{
1110	margin-left: 5px;	1110	margin-left: 5px;
1111	}	1111	}
1112	.apply-coupen-btn{	1112	.apply-coupen-btn{
1113	position: absolute;	1113	position: absolute;
1114	bottom: 97px;	1114	bottom: 117px;
1115	right: 13px;	1115	right: 13px;
1116	border: none;	1116	border: none;
1117	border-radius: 1px;	1117	border-radius: 1px;
1118	height: 34px;	1118	height: 34px;
1119	color: #fff;	1119	color: #fff;
1120	background-color: #666;	1120	background-color: #666;
1121	width: 65px;	1121	width: 65px;
1122	}	1122	}
1123	.coupen-approved{	1123	.coupen-approved{
1124	position: absolute;	1124	position: absolute;
1125	right: 86px;;	1125	right: 86px;;
1126	bottom: 98px;	1126	bottom: 118px;
1127	color: rgb(66, 181, 73);	1127	color: rgb(66, 181, 73);
1128	font-size: 30px !important;	1128	font-size: 30px !important;
1129	}	1129	}
1130	.right-side-links{	1130	.right-side-links{
1131	margin-top: 12px;	1131	margin-top: 12px;
1132	}	1132	}
1133	.right-side-links a{	1133	.right-side-links a{
1134	width: auto;	1134	width: auto;
1135	display: inline;	1135	display: inline;
1136	}	1136	}
1137	.right-side-links a:first-child{	1137	.right-side-links a:first-child{
1138	border-right: 1px solid #fff;	1138	border-right: 1px solid #fff;
1139	padding-right: 4px;	1139	padding-right: 4px;
1140	}	1140	}
1141		1141
1142	@media (max-width: 768px){	1142	@media (max-width: 768px){
1143	.tablewidth{	1143	.tablewidth{
1144	width:100%;	1144	width:100%;
1145	margin:auto;	1145	margin:auto;
1146	padding: 0 0 0 10px;	1146	padding: 0 0 0 10px;
1147	}	1147	}
1148	.cards-content{	1148	.cards-content{
1149	margin-top: 15px;	1149	margin-top: 15px;
1150	margin-bottom: 30px;	1150	margin-bottom: 30px;
1151	}	1151	}
1152	.no-padding-mobile{	1152	.no-padding-mobile{
1153	padding-left: 0 !important;	1153	padding-left: 0 !important;
1154	padding-right: 0 !important;	1154	padding-right: 0 !important;
1155	}	1155	}
1156	.sector-align .card-small{	1156	.sector-align .card-small{
1157	height: 74px;	1157	height: 74px;
1158	}	1158	}
1159	.stages-card{	1159	.stages-card{
1160	width: 92%;	1160	width: 92%;
1161	}	1161	}
1162	.right-stage-card{	1162	.right-stage-card{
1163	float: right;	1163	float: right;
1164	}	1164	}
1165	.margin-auto-mobile{	1165	.margin-auto-mobile{
1166	margin-left: 4%;	1166	margin-left: 4%;
1167	}	1167	}
1168	.card .thumbnail{	1168	.card .thumbnail{
1169	padding: 15px 0 1px 0;	1169	padding: 15px 0 1px 0;
1170	}	1170	}
1171	.thumbnail > img, .thumbnail a > img{	1171	.thumbnail > img, .thumbnail a > img{
1172	width: 50%;	1172	width: 50%;
1173	}	1173	}
1174	.right-side-links a{	1174	.right-side-links a{
1175	display: block;	1175	display: block;
1176	width: 100%;	1176	width: 100%;
1177	}	1177	}
1178	.right-side-links a:first-child{	1178	.right-side-links a:first-child{
1179	border-right: 0 solid #fff;	1179	border-right: 0 solid #fff;
1180	padding-right: 0;	1180	padding-right: 0;
1181	}	1181	}
1182	.right-side-links{	1182	.right-side-links{
1183	margin-top: 0;	1183	margin-top: 0;
1184	}	1184	}
1185	.panel-default{	1185	.panel-default{
1186	border-color: transparent;	1186	border-color: transparent;
1187	box-shadow: none;	1187	box-shadow: none;
1188	}	1188	}
1189	.modal-footers {	1189	.modal-footers {
1190	padding: 19px 20px 20px;	1190	padding: 19px 20px 20px;
1191	margin-top: 15px;	1191	margin-top: 15px;
1192	text-align: center !important;	1192	text-align: center !important;
1193	margin-bottom: 4px;	1193	margin-bottom: 4px;
1194	}	1194	}
1195	.startup-jalsa{	1195	.startup-jalsa{
1196	font-family: 'brandon-grotesque', sans-serif;	1196	font-family: 'brandon-grotesque', sans-serif;
1197	color: rgb(25, 104, 157);	1197	color: rgb(25, 104, 157);
1198	position:relative;	1198	position:relative;
1199	z-index:2;	1199	z-index:2;
1200	}	1200	}
1201	}	1201	}
1202		1202
1203	.jalsaheader{	1203	.jalsaheader{
1204	color: #D53735;	1204	color: #D53735;
1205	text-align: center;	1205	text-align: center;
1206	margin-top: 6%;	1206	margin-top: 6%;
1207	font-size: 37px;	1207	font-size: 37px;
1208	}	1208	}
1209	.jalsaHeader{	1209	.jalsaHeader{
1210	color: #fff;	1210	color: #fff;
1211	text-align: center;	1211	text-align: center;
1212	font-size: 30px;	1212	font-size: 30px;
1213	margin-top: 2%;	1213	margin-top: 2%;
1214	margin-bottom: 6%;	1214	margin-bottom: 6%;
1215	}	1215	}
1216	.happen-citymeetup{	1216	.happen-citymeetup{
1217	margin-top:6%;	1217	margin-top:6%;
1218	}	1218	}
1219	.selection{	1219	.selection{
1220	background-color: #D53735;	1220	background-color: #D53735;
1221	}	1221	}
1222	.card-input {	1222	.card-input {
1223	display: none;	1223	display: none;
1224	}	1224	}
1225		1225
1226	.card {	1226	.card {
1227	font-size: 1em;	1227	font-size: 1em;
1228	overflow: hidden;	1228	overflow: hidden;
1229	padding: 0;	1229	padding: 0;
1230	border: none;	1230	border: none;
1231	/border-radius: .28571429rem;/	1231	/border-radius: .28571429rem;/
1232	box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;	1232	box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
1233	}	1233	}
1234		1234
1235	.card-block {	1235	.card-block {
1236	font-size: 1em;	1236	font-size: 1em;
1237	position: relative;	1237	position: relative;
1238	margin: 0;	1238	margin: 0;
1239	padding: 4%;	1239	padding: 4%;
1240	border: none;	1240	border: none;
1241	/border-top: 1px solid rgba(34, 36, 38, .1);/	1241	/border-top: 1px solid rgba(34, 36, 38, .1);/
1242	box-shadow: none;	1242	box-shadow: none;
1243	}	1243	}
1244	.button-position{	1244	.button-position{
1245	position: relative;	1245	position: relative;
1246	top: -10px;	1246	top: -10px;
1247	}	1247	}
1248	.card-img-top {	1248	.card-img-top {
1249	display: block;	1249	display: block;
1250	width: 100%;	1250	width: 100%;
1251	height: auto;	1251	height: auto;
1252	cursor: pointer;	1252	cursor: pointer;
1253	}	1253	}
1254		1254
1255	.title{	1255	.title{
1256	text-align: center;	1256	text-align: center;
1257	color: #FF6600;	1257	color: #FF6600;
1258	}	1258	}
1259	.card-title {	1259	.card-title {
1260	/font-size: 17px;/	1260	/font-size: 17px;/
1261	font-weight: 600;	1261	font-weight: 600;
1262	margin: 0;	1262	margin: 0;
1263	line-height: normal;	1263	line-height: normal;
1264	font-family: 'Arial',sans-serif;	1264	font-family: 'Arial',sans-serif;
1265	}	1265	}
1266	.card-sub-title{	1266	.card-sub-title{
1267	font-family: 'brandon-grotesque',sans-serif;	1267	font-family: 'brandon-grotesque',sans-serif;
1268	/color: #666;/	1268	/color: #666;/
1269	font-weight: normal;	1269	font-weight: normal;
1270	margin-bottom: 0;	1270	margin-bottom: 0;
1271	}	1271	}
1272	.form-group-text{	1272	.form-group-text{
1273	color:red;	1273	color:red;
1274	}	1274	}
1275	.button-aligment{	1275	.button-aligment{
1276	margin-top: 5px;	1276	margin-top: 5px;
1277	margin-right: 14px;	1277	margin-right: 14px;
1278	margin-bottom: 15px;	1278	margin-bottom: 15px;
1279	}	1279	}
1280	.card-text {	1280	.card-text {
1281	clear: both;	1281	clear: both;
1282	margin-top: .5em;	1282	margin-top: .5em;
1283	/color: rgba(0, 0, 0, .68);/	1283	/color: rgba(0, 0, 0, .68);/
1284	padding-bottom: 3%;	1284	padding-bottom: 3%;
1285	font-size: 13px;	1285	font-size: 13px;
1286	}	1286	}
1287		1287
1288	.card-text2 {	1288	.card-text2 {
1289	padding: 3% 0 3% 4%;	1289	padding: 3% 0 3% 4%;
1290	margin-bottom: 12%;	1290	margin-bottom: 12%;
1291	border-top: 1px solid rgba(0, 0, 0, .05) !important;	1291	border-top: 1px solid rgba(0, 0, 0, .05) !important;
1292	}	1292	}
1293	.card-text2 span{	1293	.card-text2 span{
1294	font-size: 13px;	1294	font-size: 13px;
1295	/color: #666;/	1295	/color: #666;/
1296	}	1296	}
1297	.card-text2 div{	1297	.card-text2 div{
1298	margin-top: 0 !important;	1298	margin-top: 0 !important;
1299	font-weight: normal;	1299	font-weight: normal;
1300	/color: #000;/	1300	/color: #000;/
1301	font-size: 12px;	1301	font-size: 12px;
1302	padding-bottom: 0;	1302	padding-bottom: 0;
1303	}	1303	}
1304		1304
1305	.card-inverse .btn {	1305	.card-inverse .btn {
1306	border: 1px solid rgba(0, 0, 0, .05);	1306	border: 1px solid rgba(0, 0, 0, .05);
1307	}	1307	}
1308		1308
1309	.card-text3 {	1309	.card-text3 {
1310	border-top: 1px solid rgba(0, 0, 0, .05) !important;	1310	border-top: 1px solid rgba(0, 0, 0, .05) !important;
1311	}	1311	}
1312		1312
1313	.container {	1313	.container {
1314	display: block;	1314	display: block;
1315	position: relative;	1315	position: relative;
1316	padding: 0;	1316	padding: 0;
1317	margin-bottom: 12px;	1317	margin-bottom: 12px;
1318	cursor: pointer;	1318	cursor: pointer;
1319	font-size: 16px;	1319	font-size: 16px;
1320	-webkit-user-select: none;	1320	-webkit-user-select: none;
1321	-moz-user-select: none;	1321	-moz-user-select: none;
1322	-ms-user-select: none;	1322	-ms-user-select: none;
1323	user-select: none;	1323	user-select: none;
1324	width:100%;	1324	width:100%;
1325	}	1325	}
1326		1326
1327	.container1 {	1327	.container1 {
1328	display: block;	1328	display: block;
1329	position: relative;	1329	position: relative;
1330	padding-left: 31px;	1330	padding-left: 31px;
1331	margin-bottom: 12px;	1331	margin-bottom: 12px;
1332	cursor: pointer;	1332	cursor: pointer;
1333	font-size: 15px;	1333	font-size: 15px;
1334	-webkit-user-select: none;	1334	-webkit-user-select: none;
1335	-moz-user-select: none;	1335	-moz-user-select: none;
1336	-ms-user-select: none;	1336	-ms-user-select: none;
1337	user-select: none;	1337	user-select: none;
1338	width:100%;	1338	width:100%;
1339	}	1339	}
1340		1340
1341	/* Hide the browser's default radio button */	1341	/* Hide the browser's default radio button */
1342	.container input {	1342	.container input {
1343	position: absolute;	1343	position: absolute;
1344	opacity: 0;	1344	opacity: 0;
1345	}	1345	}
1346		1346
1347	/* Create a custom radio button */	1347	/* Create a custom radio button */
1348	.checkmark {	1348	.checkmark {
1349	position: absolute;	1349	position: absolute;
1350	top: 0;	1350	top: 0;
1351	left: 0;	1351	left: 0;
1352	height: 25px;	1352	height: 25px;
1353	width: 25px;	1353	width: 25px;
1354	background-color: #eee;	1354	background-color: #eee;
1355	border-radius: 50%;	1355	border-radius: 50%;
1356	}	1356	}
1357		1357
1358	/* On mouse-over, add a grey background color */	1358	/* On mouse-over, add a grey background color */
1359	.container:hover input ~ .checkmark {	1359	.container:hover input ~ .checkmark {
1360	background-color: #ccc;	1360	background-color: #ccc;
1361	}	1361	}
1362		1362
1363	/* When the radio button is checked, add a blue background */	1363	/* When the radio button is checked, add a blue background */
1364	.container input:checked ~ .checkmark {	1364	.container input:checked ~ .checkmark {
1365	background-color: #42b549;	1365	background-color: #42b549;
1366	}	1366	}
1367		1367
1368	/* Create the indicator (the dot/circle - hidden when not checked) */	1368	/* Create the indicator (the dot/circle - hidden when not checked) */
1369	.checkmark:after {	1369	.checkmark:after {
1370	content: "";	1370	content: "";
1371	position: absolute;	1371	position: absolute;
1372	display: none;	1372	display: none;
1373	}	1373	}
1374		1374
1375	/* Show the indicator (dot/circle) when checked */	1375	/* Show the indicator (dot/circle) when checked */
1376	.container input:checked ~ .checkmark:after {	1376	.container input:checked ~ .checkmark:after {
1377	display: block;	1377	display: block;
1378	}	1378	}
1379		1379
1380	/* Style the indicator (dot/circle) */	1380	/* Style the indicator (dot/circle) */
1381	.container .checkmark:after {	1381	.container .checkmark:after {
1382	top: 9px;	1382	top: 9px;
1383	left: 9px;	1383	left: 9px;
1384	width: 8px;	1384	width: 8px;
1385	height: 8px;	1385	height: 8px;
1386	border-radius: 50%;	1386	border-radius: 50%;
1387	background: white;	1387	background: white;
1388	}	1388	}
1389		1389
1390	table {	1390	table {
1391	/*font-family: arial, sans-serif;	1391	/*font-family: arial, sans-serif;
1392	border-collapse: collapse;*/	1392	border-collapse: collapse;*/
1393	width: 60%;	1393	width: 60%;
1394	}	1394	}
1395	.city-meetup {	1395	.city-meetup {
1396	/* opacity: 0.7; */	1396	/* opacity: 0.7; */
1397	filter: alpha(opacity=80); /* For IE8 and earlier */	1397	filter: alpha(opacity=80); /* For IE8 and earlier */
1398	}	1398	}
1399		1399
1400		1400
1401	.card-color{	1401	.card-color{
1402	background-color:#2f383a;	1402	background-color:#2f383a;
1403	font-size: 16px;	1403	font-size: 16px;
1404	max-width: 640px;	1404	max-width: 640px;
1405	margin: auto;	1405	margin: auto;
1406	/* border-radius: 25px; */	1406	/* border-radius: 25px; */
1407	}	1407	}
1408		1408
1409	.card-color-confirm{	1409	.card-color-confirm{
1410	/* width: 640px;	1410	/* width: 640px;
1411	margin: auto; */	1411	margin: auto; */
1412	background-color:#f5f5f5;	1412	background-color:#f5f5f5;
1413	font-size: 16px;	1413	font-size: 16px;
1414	margin-top: 2px;	1414	margin-top: 2px;
1415	/* width:50%; */	1415	/* width:50%; */
1416	border-radius: 10px;	1416	border-radius: 10px;
1417	padding: 28px 0px 60px 0px;	1417	padding: 28px 0px 60px 0px;
1418	}	1418	}
1419		1419
1420	.startup-jalsa{	1420	.startup-jalsa{
1421	font-family: 'brandon-grotesque', sans-serif;	1421	font-family: 'brandon-grotesque', sans-serif;
1422	/font-size: 70.15pt;/	1422	/font-size: 70.15pt;/
1423	color: rgb(25, 104, 157);	1423	color: rgb(25, 104, 157);
1424	position:relative;	1424	position:relative;
1425	z-index:2;	1425	z-index:2;
1426	}	1426	}
1427	.header{	1427	.header{
1428	/width: 100%;/	1428	/width: 100%;/
1429	text-align: center;	1429	text-align: center;
1430	padding-top:2%;	1430	padding-top:2%;
1431	/padding: 4px 20px;/	1431	/padding: 4px 20px;/
1432	}	1432	}
1433	.happen-city{	1433	.happen-city{
1434	padding-top:12%;	1434	padding-top:12%;
1435	}	1435	}
1436	.happen-meetup{	1436	.happen-meetup{
1437	font-family: 'brandon-grotesque',sans-serif;	1437	font-family: 'brandon-grotesque',sans-serif;
1438	/* margin-bottom: 10px; */	1438	/* margin-bottom: 10px; */
1439	margin-left: 1px;	1439	margin-left: 1px;
1440	margin-bottom: 2%;	1440	margin-bottom: 2%;
1441	}	1441	}
1442	.happen-attend{	1442	.happen-attend{
1443	margin-top:6%;	1443	margin-top:6%;
1444	margin-left: -10px;	1444	margin-left: -10px;
1445	}	1445	}
1446	.width-auto{	1446	.width-auto{
1447	width:auto;	1447	width:auto;
1448	}	1448	}
1449	/*.card-position{	1449	/*.card-position{
1450	position: relative;	1450	position: relative;
1451	top: -3px;	1451	top: -3px;
1452	}*/	1452	}*/
1453		1453
1454	.card1 {	1454	.card1 {
1455	width: 100%;	1455	width: 100%;
1456	position: relative;	1456	position: relative;
1457	display: inline-block;	1457	display: inline-block;
1458	}	1458	}
1459	.card1 .img-top {	1459	.card1 .img-top {
1460	width: 100%;	1460	width: 100%;
1461	display: none;	1461	display: none;
1462	position: absolute;	1462	position: absolute;
1463	cursor: pointer;	1463	cursor: pointer;
1464	top: 0;	1464	top: 0;
1465	left: 0;	1465	left: 0;
1466	z-index: 99;	1466	z-index: 99;
1467	}	1467	}
1468	.card1:hover .img-top {	1468	.card1:hover .img-top {
1469	display: inline;	1469	display: inline;
1470	}	1470	}
1471	.color:hover{	1471	.color:hover{
1472	color: #fff;	1472	color: #fff;
1473	}	1473	}
1474	/* .palak{	1474	/* .palak{
1475	width: 100% !important;	1475	width: 100% !important;
1476	display: none !important;	1476	display: none !important;
1477	position: absolute !important;	1477	position: absolute !important;
1478	cursor: pointer !important;	1478	cursor: pointer !important;
1479	top: 0 !important;	1479	top: 0 !important;
1480	left: 0 !important;	1480	left: 0 !important;
1481	z-index: 99 !important;	1481	z-index: 99 !important;
1482	} */	1482	} */
1483	.active, .btn:hover, .btn:onclick {	1483	.active, .btn:hover, .btn:onclick {
1484	background-color: grey;	1484	background-color: grey;
1485	border: grey;	1485	border: grey;
1486	color: white;	1486	color: white;
1487	}	1487	}
1488	.apply-act1:hover, .apply-act1:focus{	1488	.apply-act1:hover, .apply-act1:focus{
1489	background-color: #171717;	1489	background-color: #171717;
1490	border-color: #FF6600;	1490	border-color: #FF6600;
1491	color: #FF6600;	1491	color: #FF6600;
1492	}	1492	}
1493		1493
1494	.btn-active {	1494	.btn-active {
1495	background-color: #171717 !important;	1495	background-color: #171717 !important;
1496	border-color: #FF6600 !important;	1496	border-color: #FF6600 !important;
1497	color: #FF6600 !important;	1497	color: #FF6600 !important;
1498	}	1498	}
1499	.btn-inactive {	1499	.btn-inactive {
1500	background-color: #171717 !important;	1500	background-color: #171717 !important;
1501	border-color: #454545 !important;	1501	border-color: #454545 !important;
1502	color: #454545 !important;	1502	color: #454545 !important;
1503	}	1503	}
1504		1504
1505	.apply-act2:hover, .apply-act2:focus{	1505	.apply-act2:hover, .apply-act2:focus{
1506	background-color: #171717;	1506	background-color: #171717;
1507	border-color: #FF6600;	1507	border-color: #FF6600;
1508	color: #FF6600;	1508	color: #FF6600;
1509	}	1509	}
1510	.apply-act3:hover, .apply-act3:focus{	1510	.apply-act3:hover, .apply-act3:focus{
1511	background-color: #171717;	1511	background-color: #171717;
1512	border-color: #FF6600;	1512	border-color: #FF6600;
1513	color: #FF6600;	1513	color: #FF6600;
1514	}	1514	}
1515	.apply-act4:hover, .apply-act4:focus{	1515	.apply-act4:hover, .apply-act4:focus{
1516	background-color: #171717;	1516	background-color: #171717;
1517	border-color: #FF6600;	1517	border-color: #FF6600;
1518	color: #FF6600;	1518	color: #FF6600;
1519	}	1519	}
1520	.apply-btn{	1520	.apply-btn{
1521	text-align: center;	1521	text-align: center;
1522	margin-bottom: 2%;	1522	margin-bottom: 2%;
1523	}	1523	}
1524	.apply-btn1{	1524	.apply-btn1{
1525	text-align: center;	1525	text-align: center;
1526	margin-top: 2%;	1526	margin-top: 2%;
1527	}	1527	}
1528	.txt{	1528	.txt{
1529	color: #fff;	1529	color: #fff;
1530	margin-top: 2%;	1530	margin-top: 2%;
1531	text-align: center;	1531	text-align: center;
1532	}	1532	}
1533	.txt1{	1533	.txt1{
1534	color: #fff;	1534	color: #fff;
1535	text-align: center;	1535	text-align: center;
1536	}	1536	}
1537	.cursor:hover{	1537	.cursor:hover{
1538	cursor: context-menu;	1538	cursor: context-menu;
1539	}	1539	}
1540	.buttons{	1540	.buttons{
1541	padding: 3% 0 0 0;	1541	padding: 3% 0 0 0;
1542	text-align: center;	1542	text-align: center;
1543	font-size: 100px;	1543	font-size: 100px;
1544	}	1544	}
1545	.btn-lg{	1545	.btn-lg{
1546	font-size:25px;	1546	font-size:25px;
1547	background-color: #171717;	1547	background-color: #171717;
1548	color: #454545;	1548	color: #454545;
1549	border-color: #454545;	1549	border-color: #454545;
1550	}	1550	}
1551	.btn1{	1551	.btn1{
1552	padding: 12px 40px;	1552	padding: 12px 40px;
1553	}	1553	}
1554	.btn2{	1554	.btn2{
1555	padding: 12px 31px;	1555	padding: 12px 31px;
1556	}	1556	}
1557	.btn3{	1557	.btn3{
1558	padding: 12px 18px;	1558	padding: 12px 18px;
1559	}	1559	}
1560	.btn4{	1560	.btn4{
1561	padding: 12px 40px;	1561	padding: 12px 40px;
1562	}	1562	}
1563	.bg_dots{	1563	.bg_dots{
1564	position: absolute;	1564	position: absolute;
1565	left:0;	1565	left:0;
1566	right:0;	1566	right:0;
1567	top:0;	1567	top:0;
1568	height: 700px;	1568	height: 700px;
1569	position:fixed;	1569	position:fixed;
1570	background-position: top center;	1570	background-position: top center;
1571	/* background-image: url(/images/background.jpg); */	1571	/* background-image: url(/images/background.jpg); */
1572	/* background-color: #171717; */	1572	/* background-color: #171717; */
1573	background-repeat: no-repeat;	1573	background-repeat: no-repeat;
1574	background-size: 100% auto;	1574	background-size: 100% auto;
1575	-webkit-background-size:100% auto;	1575	-webkit-background-size:100% auto;
1576	}	1576	}
1577	.stage-shadow{	1577	.stage-shadow{
1578	background:transparent;	1578	background:transparent;
1579	}	1579	}
1580	.logojalsa{	1580	.logojalsa{
1581	width:130px;display: block;	1581	width:130px;display: block;
1582	margin: auto;	1582	margin: auto;
1583	}	1583	}
1584	.jalsaheadr{	1584	.jalsaheadr{
1585	position: relative;font-size: 35px;margin-left: 1%;color: rgb(25, 104, 157);	1585	position: relative;font-size: 35px;margin-left: 1%;color: rgb(25, 104, 157);
1586	}	1586	}
1587	.PitchYourPower{	1587	.PitchYourPower{
1588	position: relative;color: rgb(25, 104, 157);margin-top: -3%;	1588	position: relative;color: rgb(25, 104, 157);margin-top: -3%;
1589	}	1589	}
1590		1590
1591		1591
1592		1592
1593		1593
1594		1594
1595		1595
1596		1596
1597		1597
1598		1598
1599		1599
1600		1600
1601		1601
1602		1602
1603		1603
1604		1604
1605		1605
1606		1606
1607		1607
1608		1608
1609		1609
1610	@media (max-width:767px){	1610	@media (max-width:767px){
1611	.buttons {	1611	.buttons {
1612	/* margin-top:23%; */	1612	/* margin-top:23%; */
1613	font-size: 100px;	1613	font-size: 100px;
1614	}	1614	}
1615	.btn-lg{	1615	.btn-lg{
1616	width:74%;	1616	width:74%;
1617	}	1617	}
1618	.btn1{	1618	.btn1{
1619	margin-bottom: 3%;	1619	margin-bottom: 3%;
1620	}	1620	}
1621	.btn2{	1621	.btn2{
1622	margin-bottom: 3%;	1622	margin-bottom: 3%;
1623	}	1623	}
1624	.btn3{	1624	.btn3{
1625	margin-bottom: 3%;	1625	margin-bottom: 3%;
1626	}	1626	}
1627	h1{	1627	h1{
1628	font-size:2.8rem;	1628	font-size:2.8rem;
1629	}	1629	}
1630	.happen-city{	1630	.happen-city{
1631	margin-left: -25px;	1631	margin-left: -25px;
1632		1632
1633	}	1633	}
1634	.width-auto{	1634	.width-auto{
1635	margin-left:-4%;	1635	margin-left:-4%;
1636	}	1636	}
1637	/* .happen-citymeetup{	1637	/* .happen-citymeetup{
1638	margin-left:-3%;	1638	margin-left:-3%;
1639	} */	1639	} */
1640	.jalsaHeader {	1640	.jalsaHeader {
1641	margin-top: 4%;	1641	margin-top: 4%;
1642	margin-bottom:10%;	1642	margin-bottom:10%;
1643	}	1643	}
1644	.imagemargin{	1644	.imagemargin{
1645	margin-bottom: 8%;	1645	margin-bottom: 8%;
1646	}	1646	}
1647	/* .happen-imagemeetup {	1647	/* .happen-imagemeetup {
1648	padding: 0px 0px 0px 32px;	1648	padding: 0px 0px 0px 32px;
1649	} */	1649	} */
1650	.imagecenter{	1650	.imagecenter{
1651	margin: auto;	1651	margin: auto;
1652	display: block;	1652	display: block;
1653	}	1653	}
1654	.happen-meetup{	1654	.happen-meetup{
1655	margin-top: 8%;	1655	margin-top: 8%;
1656	margin-left: 5%;	1656	margin-left: 5%;
1657	}	1657	}
1658	.imageText{	1658	.imageText{
1659	text-align:center;	1659	text-align:center;
1660	}	1660	}
1661	.imageTxt{	1661	.imageTxt{
1662	text-align:center;	1662	text-align:center;
1663	}	1663	}
1664	.image-meet-up{	1664	.image-meet-up{
1665	margin-top: 4%;	1665	margin-top: 4%;
1666	margin-bottom: 2%;	1666	margin-bottom: 2%;
1667	}	1667	}
1668	.card-color-confirm{	1668	.card-color-confirm{
1669	/* margin-top: 40%; */	1669	/* margin-top: 40%; */
1670	background-color: #f5f5f5;	1670	background-color: #f5f5f5;
1671	font-size: 16px;	1671	font-size: 16px;
1672	width:100%;	1672	width:100%;
1673	}	1673	}
1674	.city-meetup {	1674	.city-meetup {
1675	/* opacity: 0.8; */	1675	/* opacity: 0.8; */
1676	filter: alpha(opacity=80); /* For IE8 and earlier */	1676	filter: alpha(opacity=80); /* For IE8 and earlier */
1677	}	1677	}
1678	#front {	1678	#front {
1679	background-color: #2f383a;	1679	background-color: #2f383a;
1680	/*background-image: url(/images/mock_up_background.jpg);	1680	/*background-image: url(/images/mock_up_background.jpg);
1681	background-repeat: no-repeat;	1681	background-repeat: no-repeat;
1682	background-attachment:fixed;	1682	background-attachment:fixed;
1683	background-position: top center;	1683	background-position: top center;
1684	-webkit-background-attachment: fixed;	1684	-webkit-background-attachment: fixed;
1685	background-size: 400% auto;	1685	background-size: 400% auto;
1686	-webkit-background-size:400% auto;*/	1686	-webkit-background-size:400% auto;*/
1687	}	1687	}
1688	.bg_dots{	1688	.bg_dots{
1689	height:80%;	1689	height:80%;
1690	background-size: 300% auto;	1690	background-size: 300% auto;
1691	-webkit-background-size:300% auto;	1691	-webkit-background-size:300% auto;
1692	position:fixed;	1692	position:fixed;
1693	top:0;	1693	top:0;
1694	}	1694	}
1695	.logojalsa{	1695	.logojalsa{
1696	width:130px;display: block;	1696	width:130px;display: block;
1697	margin: auto;	1697	margin: auto;
1698	}	1698	}
1699	.PitchYourPower{	1699	.PitchYourPower{
1700	position: relative;color: rgb(25, 104, 157);margin-top: -15%;	1700	position: relative;color: rgb(25, 104, 157);margin-top: -15%;
1701	}	1701	}
1702		1702
1703	}	1703	}
1704		1704
1705	@media screen and (max-device-width: 991px) and (orientation: landscape){	1705	@media screen and (max-device-width: 991px) and (orientation: landscape){
1706	.tablewidth{	1706	.tablewidth{
1707	width:100%;	1707	width:100%;
1708	margin:auto;	1708	margin:auto;
1709	padding: 0 0 0 10px;	1709	padding: 0 0 0 10px;
1710	}	1710	}
1711	.rotate-card{	1711	.rotate-card{
1712	width: 100%;	1712	width: 100%;
1713	}	1713	}
1714		1714
1715		1715
1716	}	1716	}
1717		1717
1718	@media (min-width:768px) and (max-width:991px){	1718	@media (min-width:768px) and (max-width:991px){
1719	.logojalsa{	1719	.logojalsa{
1720	width:130px;display: block;	1720	width:130px;display: block;
1721	margin: auto;	1721	margin: auto;
1722	}	1722	}
1723	.tablewidth{	1723	.tablewidth{
1724	width:100%;	1724	width:100%;
1725	margin:auto;	1725	margin:auto;
1726	padding: 0 0 0 10px;	1726	padding: 0 0 0 10px;
1727	}	1727	}
1728	}	1728	}

pages/registration.html

Diff comments View file @a599586

 <div class="header">
   <div>
     <!-- <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span> -->
     <!-- <img src="images/SartupJalsa_Logo.png" style="width:200px;position:relative;"> -->
   </div>
 <div class="clearfix"></div>
 <div class="myLoaderWrap" ng-show="loading">
    <img  class="ajax-loader" src="images/loader.gif">
 </div>
 </div>
 <!-- CLOSE HEADER -->
 <form name="applicantForm">
    <div class="col-xs-12 col-md-8 col-md-offset-2">
       <div class="form-all">
          <h4 class="title">General Information - Checkout</h4>
          <p></p>
          <!-- <table style="width: 100%;">
             <tr>
                <td>
                   <div class="step-one-form" > -->
                      <!-- form step 1 -->
                      <div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" >
                         <div class="form-group">
                            <label>Name: *</label>
                            <input type="name" class="form-control" ng-model="data.name" required>
                         </div>
                         <div class="form-group">
                            <label>Startup Name: *</label>
                            <input type="text" class="form-control" ng-model="data.startupName" required>
                          </div>
                          <div class="form-group">
                            <label>Phone No: *</label>
                            <input type="text" class="form-control" ng-model="data.number" required>
                            <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label> -->
                          </div>
                          <div class="form-group">
                            <label>Email: *</label>
                            <input type="email" class="form-control" ng-model="data.email" required>
                         </div>
                         <div class="form-group">
                            <label>City:</label>
                            <input type="text" class="form-control" ng-model="data.city" readonly>
                         </div>
                         <div class="form-group">
                            <label>Website:</label>
                            <input type="text" class="form-control" ng-model="data.website">
                         </div>
                         <div class="form-group">
                            <label>Founding Year: *</label>
                            <input type="text" class="form-control" ng-model="data.founder" required>
                         </div>
                         <div class="form-group">
                            <label>Type: *</label>
                            <select class="form-control" ng-model="data.business" required>
                               <option name="business" selected disabled value="">Choose type</option>
                               <option value="B2B">B2B</option>
                               <option value="B2C">B2C</option>
                               <option value="B2G">B2G</option>
                            </select>
                         </div>
                         <div class="form-group">
                            <label>Stage: *</label>
                            <select class="form-control" ng-model="data.stage" required>
                               <option name="stage" selected disabled value="">Choose Startup Stage</option>
                               <option value="Ideation">Ideation</option>
                               <option value="POC/Beta">POC/Beta</option>
                               <option value="Revenue">Revenue</option>
                            </select>
                         </div>
                         <div class="form-group">
                            <label>Sector: *</label>
                            <select class="form-control" ng-model="data.sector" ng-change="GetValue()" required>
                               <option name="sector" selected disabled value="">Choose sector</option>
                               <option value="Agriculture">Agriculture</option>
                               <option value="Healthcare">Healthcare</option>
                               <option value="e-Governance">e-Governance</option>
                               <option value="Retail">Retail</option>
                               <option value="Food and Beverages">Food and Beverages</option>
                               <option value="Hardware">Hardware</option>
                               <option value="Software">Software</option>
                               <option value="Media and Entertainment">Media and Entertainment</option>
                               <option value="AI">AI</option>
                               <option value="AR&VR">AR&VR</option>
                               <option value="Automobile">Automobile</option>
                               <option value="Other">Other</option>
                            </select>
                         </div>
                         <div class="form-group" ng-if="ngShowhide">
                            <input type="text" class="form-control" ng-model="data.sectorType" placeholder="Other Sector Name">
                         </div>
                         <div class="form-group">
                            <label>How did you hear about us? *</label>
                            <select class="form-control" ng-model="data.hear" ng-change="getValue()" required>
                               <option name="stage" selected disabled value="">Choose Type</option>
                               <option value="Ecells">Ecells</option>
                               <option value="Accelerators/Incubators">Accelerators/Incubators</option>
                               <option value="Facebook">Facebook</option>
                               <option value="Instagram">Instagram</option>
                               <option value="Youtube">Youtube</option>
                               <option value="LinkedIn">LinkedIn</option>
                               <option value="Google">Google</option>
                               <option value="Other">Other</option>
                            </select>
                         </div>
                         <div class="form-group" ng-if="ngShow">
                            <input type="text" class="form-control" ng-model="data.otherType" placeholder="Other Type Name">
                         </div>
                         <div class="form-group">
                            <label>Twitter Pitch: *</label>
                            <textarea type="text" class="form-control" ng-model="data.intro" maxlength="100" placeholder="Give us a brief introduction in two lines(100 characters limit)" rows="3" required></textarea>
                         </div>
                          <div class="form-group">
                            <label>Revenue: *</label>
                            <textarea type="text" class="form-control" ng-model="data.revenue" placeholder="Are you generating any revenue? If yes, then mention your numbers" rows="3" required></textarea>
                          </div>
                          <div class="form-group">
                            <label>Previous Investments: *</label>
                            <textarea type="text" class="form-control" ng-model="data.investment" placeholder="Did you receive any previous investment? If yes, then mention the investment amount and the equity you diluted?" rows="3" required></textarea>
                          </div>
                          <div class="form-group">
                            <label>Coupon Code:</label>
                            <!-- <input type="text" class="form-control" placeholder="If you have a coupon code then apply here"ng-model="data.referalToken"> -->
                            <input type="text" class="form-control" ng-model="data.referalToken" style="position: relative;" placeholder="If you have a coupon code then apply here" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
                            <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
                            <i class="material-icons coupen-approved" style="color:red;"  ng-if="tokencheck == false">close</i>
                            <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
                          </div>
                          <div class="form-group">
                            <label>Attach Pitch Deck: *</label>
                            <input type="file" class="form-control-file" valid-file ng-model="data.uploadFile" required id="filePicker" accept=".png, .jpg, .jpeg, .pdf, .ppt">
                            <span ng-show="fileSelect" class=form-group-text>Please Select a File</span>
                         </div>
                         <div class=form-group-text>
                            Fields marked with "<b>*</b>" are mandatory.
-                           <!-- * Total Amount: &#x20b9;{{ticketAmnt}} -->
+                        </div>
+                        <div class=form-group-text>
+                           * Total Amount: &#x20b9;{{payingAmnt}}
                         </div>
                      </div>
                      <div class="clearfix"></div>
                      <div class="text-center">
                         <input type="submit" class="btn submit-button-form" style="outline: none;" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
                      </div>
                   </div>
                      <!-- <div class="col-xs-12 col-md-6 input-wrapper" >
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-c">
                            <i class="material-icons" style="line-height: 31px;">person</i>
                         </div>
                         <input type="text" class="text-input" required  ng-model="data.name" placeholder="Name *" id="myBtn" name="name" ng-change="entername(data.name); firstNamekeyPress(data.name)">
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper" >
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-d">
                            <i class="material-icons" style="line-height: 30px;">email</i>
                         </div>
                         <input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" ng-blur="emailcheck(data.email)" ng-focus="removeError()" placeholder="Email Address *" ng-change="enteremail(data.email); emailkeyPress(data.email)">
                         <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-f">
                            <i class="material-icons" style="line-height: 30px;">location_city</i>
                         </div>
                         <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)"  style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
                            <option name="city" selected disabled value="">{{data.city}}</option>
                            <option value="Ahmedabad">Ahmedabad</option>
                            <option value="Bengaluru">Bengaluru</option>
                            <option value="Chennai">Chennai</option>
                            <option value="Delhi">Delhi</option>
                            <option value="Hyderabad">Hyderabad</option>
                            <option value="Jaipur">Jaipur</option>
                            <option value="Kanpur">Kanpur</option>
                            <option value="Kolkata">Kolkata</option>
                            <option value="Mumbai">Mumbai</option>
                         </select>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper" >
                         <div class="icon-circle-e">
                            <i class="material-icons" style="line-height: 30px;">phone</i>
                         </div>
                         <input type="phone" name="phone" ng-pattern="/^\d*(?:\.\d{1,2})?$/" maxlength="10" class="text-input" required class="" ng-model="data.number" ng-blur="numbercheck(data.number)" ng-focus="removeNoError()" placeholder="Mobile No.*" ng-change="enternumber(data.number); phonekeyPress(data.number)">
                         <label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-i">
                            <i class="material-icons" style="line-height: 30px;">perm_identity</i>
                         </div>
                         <input type="text"  class="text-input" ng-model="data.companyName" placeholder="Company Name *" ng-change="enternumber(data.companyName); companykeyPress(data.companyName)" required>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-n">
                            <i class="material-icons" style="line-height: 30px;">web</i>
                         </div>
                         <input name="website"  class="text-input" ng-model="data.website" placeholder="Website link" ng-change="enterwebsite(data.website); revenuekeyPress(data.website)"></input>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-y">
                            <i class="material-icons" style="line-height: 30px;">assignment</i>
                         </div>
                         <select ng-model="data.stage" ng-change="selectechnology(data.stage); fundkeyPress(data.stage)"  style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
                            <option name="stage" selected disabled value="">Choose Startup Stage *</option>
                            <option value="Idea">Idea</option>
                            <option value="Prototype">Prototype</option>
                  </select>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-q">
                            <i class="material-icons" style="line-height: 30px;">business</i>
                         </div>
                         <select ng-model="data.business" ng-change="selectechnology(data.business); ideakeyPress(data.business)"  style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
                            <option name="business" selected disabled value="">Type of business *</option>
                            <option value="B2B">B2B</option>
                            <option value="B2C">B2C</option>
                            <option value="Other">Other</option>
                         </select>
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>How many founders/teammates will be attending pitch session? *</strong>
                         <p class="line-space" ></p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper" >
                         <div class="icon-circle-o">
                            <i class="material-icons" style="line-height: 30px;">confirmation_number</i>
                         </div>
                         <select ng-model="data.founder" ng-change="selectfounder(data.founder); discountkeyPress(data.founder)"  style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
                            <option name="founder" selected disabled value="">Choose</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="more than 3">more than 3</option>
                         </select>
                      </div>   -->
 <!--                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>In which city is your startup registered at?</strong>
                         <p class="line-space" ></p>
                      </div> -->
                     <!--  <div class="col-xs-12 col-md-12 input-wrapper">
                         <div class="icon-circle-m">
                            <i class="material-icons" style="line-height: 30px;">assessment</i>
                         </div>
                         <input type="text" class="text-input" ng-model="data.cityRegister" placeholder="Your Answer.." ng-change="entertechnology(data.cityRegister); annualkeyPress(data.cityRegister)">
                      </div> -->
                      <!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Give us a brief introduction about your startup. *</strong>
                         <p class="line-space" >Kindly write a powerful Twitter Pitch (characters limit - 200).</p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper">
                         <div class="icon-circle-x">
                            <i class="material-icons" style="line-height: 30px;">line_weight</i>
                         </div>
                         <textarea name="intro" class="text-input textarea" ng-model="data.intro" placeholder="Your Answer.." maxlength="200" ng-change="enterproblem(data.intro); startupNamekeyPress(data.intro)" required></textarea>
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Who are your customers? *</strong>
                         <p class="line-space" >We are looking for a simple and clear answer of who you are selling to (characters limit - 512).</p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper">
                         <div class="icon-circle-k">
                            <i class="material-icons" style="line-height: 30px;">help</i>
                         </div>
                         <textarea name="customer" class="text-input textarea" ng-model="data.customer" placeholder="Your Answer.." maxlength="512" ng-change="entersolution(data.customer); websitekeyPress(data.customer)" required></textarea>
                      </div> -->
                      <!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>What problem you are solving for them? *</strong>
                         <p class="line-space" >We want to understand how clearly you know the pain point, and how big of a problem it is for the customers.</p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper f-family">
                         <div class="icon-circle-p">
                            <i class="material-icons" style="line-height: 30px;">business_center</i>
                         </div>
                         <textarea name="problem" class="text-input textarea" ng-model="data.problem" placeholder="Your Answer.." ng-change="enterbusiness(data.problem); businesskeyPress(data.problem)" required>
                         </textarea>
                      </div> -->
                      <!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Link your pitch deck presentation. *</strong>
                         <p class="line-space" > Kindly upload the link to your pitch deck (Dropbox/Google Drive, if on google drive make the link open to all).</p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper f-family">
                         <div class="icon-circle-h">
                            <i class="material-icons" style="line-height: 30px;">web</i>
                         </div>
                         <input name="link" class="text-input" ng-pattern="/^(http[s]?:\/\/){0,1}(www\.){0,1}[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,5}[\.]{0,1}/" ng-blur="emailcheck(data.link)" ng-focus="removeError()" ng-model="data.link" placeholder="link" ng-change="enterbusiness(data.link); linkedInkeyPress(data.link)" required>
                         <label class="error-message f-family" id="invalidEmail">Please enter a valid link.</label>
                      </div> -->
                      <!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Coupon Code.</strong>
                         <p class="line-space" >Only applicable for venue partner ecosystem</p>
                      </div>
                      <div class="col-xs-12 input-wrapper">
                         <div class="referel-icon" style="z-index: 999;">
                            <i class="material-icons" style="line-height: 30px;">code</i>
                         </div>
                         <input  class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
                         <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
                         <i class="material-icons coupen-approved" style="color:red;"  ng-if="tokencheck == false">close</i>
                         <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
                      </div> -->
                      <!-- <div class="clearfix"></div> -->
                   <!-- </div> -->
                   <!-- close step-one-form -->
                <!-- </td>
             </tr>
          </table> -->
          <!-- <div class="text-center">
             <input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid || filePicker" value="Submit" ng-click="submit()">
          </div>
       </div> -->
       <!-- CLOSE form-all -->
    <!-- </div> -->
       <!-- <div class="clearfix"></div>
          <div class="text-center">
             <input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
          </div> -->
         </div>
    <!-- col-xs-12 col-md-8 col-md-offset-2 -->
   <!-- <footer>
     <img id="footer" class="img-responsive banner">
       <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a>
       </center>
   </footer> -->
 </form>
 <!-- CLOSE FORM -->
 <!-- </div> CLOSE CHECK VIEW -->
 <span ng-show="span == true">
    <span id="chennai"></span>
    <span id="mumbai"></span>
    <span id="hyderabad"></span>
    <span id="kolkata"></span>
    <span id="delhi"></span>
    <span id="ahmedabad"></span>
    <span id="bengaluru"></span>
    <span id="jaipur"></span>
    <span id="kanpur"></span>
    <span id="dharamsala"></span>
 </span>

script.js

Diff comments View file @a599586

1	// create the module and name it scotchApp	1	// create the module and name it scotchApp
2	var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']);	2	var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']);
3		3
4	// configure our routes	4	// configure our routes
5	scotchApp.config(function($routeProvider,$locationProvider) {	5	scotchApp.config(function($routeProvider,$locationProvider) {
6		6
7	// use the HTML5 History API	7	// use the HTML5 History API
8	// $locationProvider.html5Mode({	8	// $locationProvider.html5Mode({
9	// enabled: true,	9	// enabled: true,
10	// requireBase: false	10	// requireBase: false
11	// });	11	// });
12	//$locationProvider.hashPrefix('!');	12	//$locationProvider.hashPrefix('!');
13	$routeProvider	13	$routeProvider
14	// route for the Home page	14	// route for the Home page
15	.when('/', {	15	.when('/', {
16	templateUrl: 'pages/Home.html',	16	templateUrl: 'pages/Home.html',
17	controller: 'mainController'	17	controller: 'mainController'
18	})	18	})
19		19
20	// route for the caricatures page	20	// route for the caricatures page
21	.when('/caricatures', {	21	.when('/caricatures', {
22	templateUrl: 'pages/caricatures.html',	22	templateUrl: 'pages/caricatures.html',
23	controller: 'mainController'	23	controller: 'mainController'
24	})	24	})
25		25
26	// route for the paymentVerify page	26	// route for the paymentVerify page
27	.when('/pendingPayment/:id', {	27	.when('/pendingPayment/:id', {
28	templateUrl: 'pages/verify.html',	28	templateUrl: 'pages/verify.html',
29	controller: 'verifyController'	29	controller: 'verifyController'
30	})	30	})
31		31
32	// route for the registration page	32	// route for the registration page
33	.when('/registration', {	33	.when('/registration', {
34	templateUrl: 'pages/registration.html',	34	templateUrl: 'pages/registration.html',
35	controller: 'registrationController'	35	controller: 'registrationController'
36	})	36	})
37		37
38	//route for the ambassador page	38	//route for the ambassador page
39	.when('/startupJalsaPromocode', {	39	.when('/startupJalsaPromocode', {
40	templateUrl: 'pages/ambassador.html',	40	templateUrl: 'pages/ambassador.html',
41	controller: 'ambassadorController'	41	controller: 'ambassadorController'
42	})	42	})
43		43
44	// route for the confirmation page	44	// route for the confirmation page
45	.when('/confirmation', {	45	.when('/confirmation', {
46	templateUrl: 'pages/confirmation.html',	46	templateUrl: 'pages/confirmation.html',
47	controller: 'confirmationController'	47	controller: 'confirmationController'
48	})	48	})
49		49
50	// route for the confirmation page	50	// route for the confirmation page
51	.when('/confirm', {	51	.when('/confirm', {
52	templateUrl: 'pages/confirm.html',	52	templateUrl: 'pages/confirm.html',
53	controller: 'confirmationController'	53	controller: 'confirmationController'
54	})	54	})
55		55
56	// route for the paytm page	56	// route for the paytm page
57	.when('/paytm', {	57	.when('/paytm', {
58	templateUrl: 'pages/paytm.html',	58	templateUrl: 'pages/paytm.html',
59	controller: 'paytmController'	59	controller: 'paytmController'
60	})	60	})
61		61
62	.otherwise({	62	.otherwise({
63	redirectTo: '/'	63	redirectTo: '/'
64	});	64	});
65		65
66	});	66	});
67		67
68	scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) {	68	scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) {
69	// Add configuration code as desired	69	// Add configuration code as desired
70	AnalyticsProvider.setAccount('UA-123583154-1'); //UU-XXXXXXX-X should be your tracking code	70	AnalyticsProvider.setAccount('UA-123583154-1'); //UU-XXXXXXX-X should be your tracking code
71		71
72	// Track all routes (default is true).	72	// Track all routes (default is true).
73	AnalyticsProvider.trackPages(true);	73	AnalyticsProvider.trackPages(true);
74		74
75	// Track all URL query params (default is false).	75	// Track all URL query params (default is false).
76	AnalyticsProvider.trackUrlParams(true);	76	AnalyticsProvider.trackUrlParams(true);
77		77
78	}]).run(['Analytics', function(Analytics) { }]);	78	}]).run(['Analytics', function(Analytics) { }]);
79		79
80	scotchApp.constant("BASE_URL", "https://events.startupjalsa.com/v1")	80	scotchApp.constant("BASE_URL", "https://events.startupjalsa.com/v1")
81	//scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/v1")	81	//scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/v1")
82		82
83	scotchApp.directive('validFile',function(){	83	scotchApp.directive('validFile',function(){
84	return {	84	return {
85	require:'ngModel',	85	require:'ngModel',
86	link:function(scope,el,attrs,ngModel){	86	link:function(scope,el,attrs,ngModel){
87	//change event is fired when file is selected	87	//change event is fired when file is selected
88	el.bind('change',function(){	88	el.bind('change',function(){
89	scope.$apply(function(){	89	scope.$apply(function(){
90	ngModel.$setViewValue(el.val());	90	ngModel.$setViewValue(el.val());
91	ngModel.$render();	91	ngModel.$render();
92	})	92	})
93	})	93	})
94	}	94	}
95	}	95	}
96	})	96	})
97		97
98	// create the controller and inject Angular's $scope	98	// create the controller and inject Angular's $scope
99	scotchApp.controller('mainController', function($scope, $http, $window, $location, $route, $rootScope, BASE_URL, Analytics) {	99	scotchApp.controller('mainController', function($scope, $http, $window, $location, $route, $rootScope, BASE_URL, Analytics) {
100	$scope.data = {	100	$scope.data = {
101	show: true,	101	show: true,
102	hide: false	102	hide: false
103	};	103	};
104	jQuery('#defaultcountry').addClass('btn-active')	104	jQuery('#defaultcountry').addClass('btn-active')
105	// window.onload = function(){	105	// window.onload = function(){
106	// // var element = document.getElementById("defaultcountry");	106	// // var element = document.getElementById("defaultcountry");
107	// // element.classList.add("btn-active");	107	// // element.classList.add("btn-active");
108	// jQuery('#defaultcountry').addClass('btn-active')	108	// jQuery('#defaultcountry').addClass('btn-active')
109	// //document.getElementById("ahmedabad").src = "images/Ahmedabad_1.png";	109	// //document.getElementById("ahmedabad").src = "images/Ahmedabad_1.png";
110	// }	110	// }
111		111
112	var chennai = new Date("Sept 19, 2018 12:00:00").getTime();	112	var chennai = new Date("Sept 19, 2018 12:00:00").getTime();
113	// Update the count down every 1 second	113	// Update the count down every 1 second
114	var x = setInterval(function() {	114	var x = setInterval(function() {
115	// Get todays date and time	115	// Get todays date and time
116	var now = new Date().getTime();	116	var now = new Date().getTime();
117	// Find the distance between now an the count down date	117	// Find the distance between now an the count down date
118	var distance = chennai - now;	118	var distance = chennai - now;
119	// Time calculations for days, hours, minutes and seconds	119	// Time calculations for days, hours, minutes and seconds
120	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	120	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
121	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	121	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
122	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	122	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
123	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	123	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
124	$scope.timer = days + "d " + hours + "h "	124	$scope.timer = days + "d " + hours + "h "
125	+ minutes + "m " + seconds + "s "	125	+ minutes + "m " + seconds + "s "
126	// Output the result in an element with id="demo"	126	// Output the result in an element with id="demo"
127	document.getElementById("chennai").innerHTML = days + "d " + hours + "h "	127	document.getElementById("chennai").innerHTML = days + "d " + hours + "h "
128	+ minutes + "m " + seconds + "s ";	128	+ minutes + "m " + seconds + "s ";
129	// If the count down is over, write some text	129	// If the count down is over, write some text
130	if (distance < 0) {	130	if (distance < 0) {
131	clearInterval(x);	131	clearInterval(x);
132	document.getElementById("chennai").innerHTML = "EXPIRED";	132	document.getElementById("chennai").innerHTML = "EXPIRED";
133	}	133	}
134	}, 1000);	134	}, 1000);
135		135
136	var hyderabad = new Date("Sept 22, 2018 14:00:00").getTime();	136	var hyderabad = new Date("Sept 22, 2018 14:00:00").getTime();
137	// Update the count down every 1 second	137	// Update the count down every 1 second
138	var x = setInterval(function() {	138	var x = setInterval(function() {
139	// Get todays date and time	139	// Get todays date and time
140	var now = new Date().getTime();	140	var now = new Date().getTime();
141	// Find the distance between now an the count down date	141	// Find the distance between now an the count down date
142	var distance = hyderabad - now;	142	var distance = hyderabad - now;
143	// Time calculations for days, hours, minutes and seconds	143	// Time calculations for days, hours, minutes and seconds
144	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	144	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
145	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	145	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
146	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	146	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
147	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	147	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
148	$scope.timer = days + "d " + hours + "h "	148	$scope.timer = days + "d " + hours + "h "
149	+ minutes + "m " + seconds + "s "	149	+ minutes + "m " + seconds + "s "
150	// Output the result in an element with id="demo"	150	// Output the result in an element with id="demo"
151	document.getElementById("hyderabad").innerHTML = days + "d " + hours + "h "	151	document.getElementById("hyderabad").innerHTML = days + "d " + hours + "h "
152	+ minutes + "m " + seconds + "s ";	152	+ minutes + "m " + seconds + "s ";
153	// If the count down is over, write some text	153	// If the count down is over, write some text
154	if (distance < 0) {	154	if (distance < 0) {
155	clearInterval(x);	155	clearInterval(x);
156	document.getElementById("hyderabad").innerHTML = "EXPIRED";	156	document.getElementById("hyderabad").innerHTML = "EXPIRED";
157	}	157	}
158	}, 1000);	158	}, 1000);
159		159
160	var mumbai = new Date("Sept 26, 2018 14:00:00").getTime();	160	var mumbai = new Date("Sept 26, 2018 14:00:00").getTime();
161	// Update the count down every 1 second	161	// Update the count down every 1 second
162	var x = setInterval(function() {	162	var x = setInterval(function() {
163	// Get todays date and time	163	// Get todays date and time
164	var now = new Date().getTime();	164	var now = new Date().getTime();
165	// Find the distance between now an the count down date	165	// Find the distance between now an the count down date
166	var distance = mumbai - now;	166	var distance = mumbai - now;
167	// Time calculations for days, hours, minutes and seconds	167	// Time calculations for days, hours, minutes and seconds
168	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	168	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
169	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	169	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
170	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	170	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
171	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	171	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
172	$scope.timer = days + "d " + hours + "h "	172	$scope.timer = days + "d " + hours + "h "
173	+ minutes + "m " + seconds + "s "	173	+ minutes + "m " + seconds + "s "
174	// Output the result in an element with id="demo"	174	// Output the result in an element with id="demo"
175	document.getElementById("mumbai").innerHTML = days + "d " + hours + "h "	175	document.getElementById("mumbai").innerHTML = days + "d " + hours + "h "
176	+ minutes + "m " + seconds + "s ";	176	+ minutes + "m " + seconds + "s ";
177	// If the count down is over, write some text	177	// If the count down is over, write some text
178	if (distance < 0) {	178	if (distance < 0) {
179	clearInterval(x);	179	clearInterval(x);
180	document.getElementById("mumbai").innerHTML = "EXPIRED";	180	document.getElementById("mumbai").innerHTML = "EXPIRED";
181	}	181	}
182	}, 1000);	182	}, 1000);
183		183
184	var kolkata = new Date("Oct 3, 2018 14:00:00").getTime();	184	var kolkata = new Date("Oct 3, 2018 14:00:00").getTime();
185	// Update the count down every 1 second	185	// Update the count down every 1 second
186	var x = setInterval(function() {	186	var x = setInterval(function() {
187	// Get todays date and time	187	// Get todays date and time
188	var now = new Date().getTime();	188	var now = new Date().getTime();
189	// Find the distance between now an the count down date	189	// Find the distance between now an the count down date
190	var distance = kolkata - now;	190	var distance = kolkata - now;
191	// Time calculations for days, hours, minutes and seconds	191	// Time calculations for days, hours, minutes and seconds
192	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	192	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
193	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	193	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
194	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	194	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
195	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	195	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
196	$scope.timer = days + "d " + hours + "h "	196	$scope.timer = days + "d " + hours + "h "
197	+ minutes + "m " + seconds + "s "	197	+ minutes + "m " + seconds + "s "
198	// Output the result in an element with id="demo"	198	// Output the result in an element with id="demo"
199	document.getElementById("kolkata").innerHTML = days + "d " + hours + "h "	199	document.getElementById("kolkata").innerHTML = days + "d " + hours + "h "
200	+ minutes + "m " + seconds + "s ";	200	+ minutes + "m " + seconds + "s ";
201	// If the count down is over, write some text	201	// If the count down is over, write some text
202	if (distance < 0) {	202	if (distance < 0) {
203	clearInterval(x);	203	clearInterval(x);
204	document.getElementById("kolkata").innerHTML = "EXPIRED";	204	document.getElementById("kolkata").innerHTML = "EXPIRED";
205	}	205	}
206	}, 1000);	206	}, 1000);
207		207
208	var jaipur = new Date("Oct 5, 2018 14:00:00").getTime();	208	var jaipur = new Date("Oct 5, 2018 14:00:00").getTime();
209	// Update the count down every 1 second	209	// Update the count down every 1 second
210	var x = setInterval(function() {	210	var x = setInterval(function() {
211	// Get todays date and time	211	// Get todays date and time
212	var now = new Date().getTime();	212	var now = new Date().getTime();
213	// Find the distance between now an the count down date	213	// Find the distance between now an the count down date
214	var distance = jaipur - now;	214	var distance = jaipur - now;
215	// Time calculations for days, hours, minutes and seconds	215	// Time calculations for days, hours, minutes and seconds
216	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	216	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
217	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	217	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
218	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	218	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
219	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	219	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
220	$scope.timer = days + "d " + hours + "h "	220	$scope.timer = days + "d " + hours + "h "
221	+ minutes + "m " + seconds + "s "	221	+ minutes + "m " + seconds + "s "
222	// Output the result in an element with id="demo"	222	// Output the result in an element with id="demo"
223	document.getElementById("jaipur").innerHTML = days + "d " + hours + "h "	223	document.getElementById("jaipur").innerHTML = days + "d " + hours + "h "
224	+ minutes + "m " + seconds + "s ";	224	+ minutes + "m " + seconds + "s ";
225	// If the count down is over, write some text	225	// If the count down is over, write some text
226	if (distance < 0) {	226	if (distance < 0) {
227	clearInterval(x);	227	clearInterval(x);
228	document.getElementById("jaipur").innerHTML = "EXPIRED";	228	document.getElementById("jaipur").innerHTML = "EXPIRED";
229	}	229	}
230	}, 1000);	230	}, 1000);
231		231
232	var delhi = new Date("Oct 8, 2018 14:00:00").getTime();	232	var delhi = new Date("Oct 8, 2018 14:00:00").getTime();
233	// Update the count down every 1 second	233	// Update the count down every 1 second
234	var x = setInterval(function() {	234	var x = setInterval(function() {
235	// Get todays date and time	235	// Get todays date and time
236	var now = new Date().getTime();	236	var now = new Date().getTime();
237	// Find the distance between now an the count down date	237	// Find the distance between now an the count down date
238	var distance = delhi - now;	238	var distance = delhi - now;
239	// Time calculations for days, hours, minutes and seconds	239	// Time calculations for days, hours, minutes and seconds
240	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	240	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
241	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	241	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
242	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	242	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
243	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	243	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
244	$scope.timer = days + "d " + hours + "h "	244	$scope.timer = days + "d " + hours + "h "
245	+ minutes + "m " + seconds + "s "	245	+ minutes + "m " + seconds + "s "
246	// Output the result in an element with id="demo"	246	// Output the result in an element with id="demo"
247	document.getElementById("delhi").innerHTML = days + "d " + hours + "h "	247	document.getElementById("delhi").innerHTML = days + "d " + hours + "h "
248	+ minutes + "m " + seconds + "s ";	248	+ minutes + "m " + seconds + "s ";
249	// If the count down is over, write some text	249	// If the count down is over, write some text
250	if (distance < 0) {	250	if (distance < 0) {
251	clearInterval(x);	251	clearInterval(x);
252	document.getElementById("delhi").innerHTML = "EXPIRED";	252	document.getElementById("delhi").innerHTML = "EXPIRED";
253	}	253	}
254	}, 1000);	254	}, 1000);
255		255
256	var kanpur = new Date("Oct 10, 2018 14:00:00").getTime();	256	var kanpur = new Date("Oct 10, 2018 14:00:00").getTime();
257	// Update the count down every 1 second	257	// Update the count down every 1 second
258	var x = setInterval(function() {	258	var x = setInterval(function() {
259	// Get todays date and time	259	// Get todays date and time
260	var now = new Date().getTime();	260	var now = new Date().getTime();
261	// Find the distance between now an the count down date	261	// Find the distance between now an the count down date
262	var distance = kanpur - now;	262	var distance = kanpur - now;
263	// Time calculations for days, hours, minutes and seconds	263	// Time calculations for days, hours, minutes and seconds
264	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	264	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
265	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	265	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
266	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	266	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
267	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	267	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
268	$scope.timer = days + "d " + hours + "h "	268	$scope.timer = days + "d " + hours + "h "
269	+ minutes + "m " + seconds + "s "	269	+ minutes + "m " + seconds + "s "
270	// Output the result in an element with id="demo"	270	// Output the result in an element with id="demo"
271	document.getElementById("kanpur").innerHTML = days + "d " + hours + "h "	271	document.getElementById("kanpur").innerHTML = days + "d " + hours + "h "
272	+ minutes + "m " + seconds + "s ";	272	+ minutes + "m " + seconds + "s ";
273	// If the count down is over, write some text	273	// If the count down is over, write some text
274	if (distance < 0) {	274	if (distance < 0) {
275	clearInterval(x);	275	clearInterval(x);
276	document.getElementById("kanpur").innerHTML = "EXPIRED";	276	document.getElementById("kanpur").innerHTML = "EXPIRED";
277	}	277	}
278	}, 1000);	278	}, 1000);
279		279
280	var ahmedabad = new Date("Oct 12, 2018 14:00:00").getTime();	280	var ahmedabad = new Date("Oct 12, 2018 14:00:00").getTime();
281	// Update the count down every 1 second	281	// Update the count down every 1 second
282	var x = setInterval(function() {	282	var x = setInterval(function() {
283	// Get todays date and time	283	// Get todays date and time
284	var now = new Date().getTime();	284	var now = new Date().getTime();
285	// Find the distance between now an the count down date	285	// Find the distance between now an the count down date
286	var distance = ahmedabad - now;	286	var distance = ahmedabad - now;
287	// Time calculations for days, hours, minutes and seconds	287	// Time calculations for days, hours, minutes and seconds
288	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	288	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
289	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	289	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
290	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	290	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
291	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	291	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
292	$scope.timer = days + "d " + hours + "h "	292	$scope.timer = days + "d " + hours + "h "
293	+ minutes + "m " + seconds + "s "	293	+ minutes + "m " + seconds + "s "
294	// Output the result in an element with id="demo"	294	// Output the result in an element with id="demo"
295	document.getElementById("ahmedabad").innerHTML = days + "d " + hours + "h "	295	document.getElementById("ahmedabad").innerHTML = days + "d " + hours + "h "
296	+ minutes + "m " + seconds + "s ";	296	+ minutes + "m " + seconds + "s ";
297	// If the count down is over, write some text	297	// If the count down is over, write some text
298	if (distance < 0) {	298	if (distance < 0) {
299	clearInterval(x);	299	clearInterval(x);
300	document.getElementById("ahmedabad").innerHTML = "EXPIRED";	300	document.getElementById("ahmedabad").innerHTML = "EXPIRED";
301	}	301	}
302	}, 1000);	302	}, 1000);
303		303
304	var bengaluru = new Date("Oct 13, 2018 14:00:00").getTime();	304	var bengaluru = new Date("Oct 13, 2018 14:00:00").getTime();
305	// Update the count down every 1 second	305	// Update the count down every 1 second
306	var x = setInterval(function() {	306	var x = setInterval(function() {
307	// Get todays date and time	307	// Get todays date and time
308	var now = new Date().getTime();	308	var now = new Date().getTime();
309	// Find the distance between now an the count down date	309	// Find the distance between now an the count down date
310	var distance = bengaluru - now;	310	var distance = bengaluru - now;
311	// Time calculations for days, hours, minutes and seconds	311	// Time calculations for days, hours, minutes and seconds
312	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	312	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
313	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	313	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
314	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	314	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
315	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	315	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
316	$scope.timer = days + "d " + hours + "h "	316	$scope.timer = days + "d " + hours + "h "
317	+ minutes + "m " + seconds + "s "	317	+ minutes + "m " + seconds + "s "
318	// Output the result in an element with id="demo"	318	// Output the result in an element with id="demo"
319	document.getElementById("bengaluru").innerHTML = days + "d " + hours + "h "	319	document.getElementById("bengaluru").innerHTML = days + "d " + hours + "h "
320	+ minutes + "m " + seconds + "s ";	320	+ minutes + "m " + seconds + "s ";
321	// If the count down is over, write some text	321	// If the count down is over, write some text
322	if (distance < 0) {	322	if (distance < 0) {
323	clearInterval(x);	323	clearInterval(x);
324	document.getElementById("bengaluru").innerHTML = "EXPIRED";	324	document.getElementById("bengaluru").innerHTML = "EXPIRED";
325	}	325	}
326	}, 1000);	326	}, 1000);
327		327
328	var dharamsala = new Date("Dec 14, 2018 14:00:00").getTime();	328	var dharamsala = new Date("Dec 14, 2018 14:00:00").getTime();
329	// Update the count down every 1 second	329	// Update the count down every 1 second
330	var x = setInterval(function() {	330	var x = setInterval(function() {
331	// Get todays date and time	331	// Get todays date and time
332	var now = new Date().getTime();	332	var now = new Date().getTime();
333	// Find the distance between now an the count down date	333	// Find the distance between now an the count down date
334	var distance = dharamsala - now;	334	var distance = dharamsala - now;
335	// Time calculations for days, hours, minutes and seconds	335	// Time calculations for days, hours, minutes and seconds
336	var days = Math.floor(distance / (1000 * 60 * 60 * 24));	336	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
337	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));	337	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
338	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));	338	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
339	var seconds = Math.floor((distance % (1000 * 60)) / 1000);	339	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
340	$scope.timer = days + "d " + hours + "h "	340	$scope.timer = days + "d " + hours + "h "
341	+ minutes + "m " + seconds + "s "	341	+ minutes + "m " + seconds + "s "
342	// Output the result in an element with id="demo"	342	// Output the result in an element with id="demo"
343	document.getElementById("dharamsala").innerHTML = days + "d " + hours + "h "	343	document.getElementById("dharamsala").innerHTML = days + "d " + hours + "h "
344	+ minutes + "m " + seconds + "s ";	344	+ minutes + "m " + seconds + "s ";
345	// If the count down is over, write some text	345	// If the count down is over, write some text
346	if (distance < 0) {	346	if (distance < 0) {
347	clearInterval(x);	347	clearInterval(x);
348	document.getElementById("dharamsala").innerHTML = "EXPIRED";	348	document.getElementById("dharamsala").innerHTML = "EXPIRED";
349	}	349	}
350	}, 1000);	350	}, 1000);
351		351
352	$scope.infoForm = false; /THIS CODE FOR HIDE STEP 2 FORM/	352	$scope.infoForm = false; /THIS CODE FOR HIDE STEP 2 FORM/
353	$scope.space = false; /THIS CODE FOR HIDE STEP 2 FORM/	353	$scope.space = false; /THIS CODE FOR HIDE STEP 2 FORM/
354	// $scope.Textshow = "yes"	354	// $scope.Textshow = "yes"
355	$scope.max = 100;	355	$scope.max = 100;
356	$scope.formPage = false;	356	$scope.formPage = false;
357	$scope.current = 0;	357	$scope.current = 0;
358	$scope.payingAmnt = 0;	358	$scope.payingAmnt = 0;
359	$scope.data = {};	359	$scope.data = {};
360	$scope.discountAmount = 0;	360	$scope.discountAmount = 0;
361	// $scope.data.quantity = "1";	361	// $scope.data.quantity = "1";
362	$scope.check = false;	362	$scope.check = false;
363	$scope.numberCheck = false;	363	$scope.numberCheck = false;
364	$scope.paymentResult = {};	364	$scope.paymentResult = {};
365	var data = {	365	var data = {
366	"amount": $scope.payingAmnt,	366	"amount": $scope.payingAmnt,
367	"currency": "INR",	367	"currency": "INR",
368	"status": "pending"	368	"status": "pending"
369	}	369	}
370		370
371	$scope.showval = true;	371	$scope.showval = true;
372	$scope.hideval = false;	372	$scope.hideval = false;
373	$scope.showvalue = false;	373	$scope.showvalue = false;
374	$scope.hidevalue = false;	374	$scope.hidevalue = false;
375	localStorage.setItem("country",'INDIA');	375	localStorage.setItem("country",'INDIA');
376	$scope.isShowHide = function (value) {	376	$scope.isShowHide = function (value) {
377	var element = document.getElementById("defaultcountry");	377	var element = document.getElementById("defaultcountry");
378	element.classList.remove("btn-active");	378	element.classList.remove("btn-active");
379	localStorage.setItem("country",value);	379	localStorage.setItem("country",value);
380	if (value == "INDIA") {	380	if (value == "INDIA") {
381	console.log("value",value)	381	console.log("value",value)
382	$scope.showval = true;	382	$scope.showval = true;
383	$scope.hideval = false;	383	$scope.hideval = false;
384	$scope.showvalue = false;	384	$scope.showvalue = false;
385	$scope.hidevalue = false;	385	$scope.hidevalue = false;
386	}	386	}
387	else if (value == "SRI LANKA") {	387	else if (value == "SRI LANKA") {
388	console.log("value1",value)	388	console.log("value1",value)
389	$scope.showval = false;	389	$scope.showval = false;
390	$scope.hideval = true;	390	$scope.hideval = true;
391	$scope.showvalue = false;	391	$scope.showvalue = false;
392	$scope.hidevalue = false;	392	$scope.hidevalue = false;
393	}	393	}
394	else if (value == "BANGLADESH") {	394	else if (value == "BANGLADESH") {
395	console.log("value2",value)	395	console.log("value2",value)
396	$scope.showval = false;	396	$scope.showval = false;
397	$scope.hideval = false;	397	$scope.hideval = false;
398	$scope.showvalue = true;	398	$scope.showvalue = true;
399	$scope.hidevalue = false;	399	$scope.hidevalue = false;
400	}	400	}
401	else {	401	else {
402	console.log("value3",value)	402	console.log("value3",value)
403	$scope.showval = false;	403	$scope.showval = false;
404	$scope.hideval = false;	404	$scope.hideval = false;
405	$scope.showvalue = false;	405	$scope.showvalue = false;
406	$scope.hidevalue = true;	406	$scope.hidevalue = true;
407	}	407	}
408	}	408	}
409		409
410	$scope.apply = function() {	410	$scope.apply = function() {
411	$location.path("/caricatures")	411	$location.path("/caricatures")
412	//window.location.href = "https://startupjalsa.com/events#/caricatures?utm_source=RegisterNowUp&utm_medium=Reg";	412	//window.location.href = "https://startupjalsa.com/events#/caricatures?utm_source=RegisterNowUp&utm_medium=Reg";
413		413
414	}	414	}
415		415
416	$scope.apply1 = function() {	416	$scope.apply1 = function() {
417	//window.location.href = "https://startupjalsa.com/events#/caricatures?utm_source=RegisterNowDown&utm_medium=Register";	417	//window.location.href = "https://startupjalsa.com/events#/caricatures?utm_source=RegisterNowDown&utm_medium=Register";
418	}	418	}
419		419
420	$scope.click=function(){	420	$scope.click=function(){
421	Analytics.trackEvent('whatsapp', 'click', 'Registration');	421	Analytics.trackEvent('whatsapp', 'click', 'Registration');
422	let redirectUrl = "https://wa.me/918283056881";	422	let redirectUrl = "https://wa.me/918283056881";
423	window.open(redirectUrl,"_blank")	423	window.open(redirectUrl,"_blank")
424	}	424	}
425		425
426	// $scope.data.city = '';	426	// $scope.data.city = '';
427	$scope.watch = function(value){	427	$scope.watch = function(value){
428	//document.getElementById("ahmedabad").src = "";	428	//document.getElementById("ahmedabad").src = "";
429	// console.log("cllll",value)	429	// console.log("cllll",value)
430	$scope.data.city = value;	430	$scope.data.city = value;
431	// if($scope.data.city == "Chennai"){	431	// if($scope.data.city == "Chennai"){
432	// console.log("cllll1",value)	432	// console.log("cllll1",value)
433	// $window.location.href = 'http://35.154.24.158:8007';	433	// $window.location.href = 'http://35.154.24.158:8007';
434	// }else{	434	// }else{
435	// console.log("cllll2",value)	435	// console.log("cllll2",value)
436	localStorage.setItem("city" ,value);	436	localStorage.setItem("city" ,value);
437		437
438	//$location.path('/registration').search({city: value});	438	//$location.path('/registration').search({city: value});
439	// $location.path('/registration/'+value+'');	439	// $location.path('/registration/'+value+'');
440	$location.path('/registration');	440	$location.path('/registration');
441	//$state.go('registration', { 'city': value})	441	//$state.go('registration', { 'city': value})
442	// }	442	// }
443	}	443	}
444		444
445	$scope.select = function(url){	445	$scope.select = function(url){
446	console.log("cllll")	446	console.log("cllll")
447	window.open(url)	447	window.open(url)
448	}	448	}
449		449
450	$scope.stagekeyPress = function() {	450	$scope.stagekeyPress = function() {
451	$('.icon-circle-a').css('background-color', 'rgb(25, 104, 157)');	451	$('.icon-circle-a').css('background-color', 'rgb(25, 104, 157)');
452	}	452	}
453	$scope.sectorkeyPress = function() {	453	$scope.sectorkeyPress = function() {
454	$('.icon-circle-b').css('background-color', 'rgb(25, 104, 157)');	454	$('.icon-circle-b').css('background-color', 'rgb(25, 104, 157)');
455	}	455	}
456		456
457	$scope.productLaunchkeyPress = function() {	457	$scope.productLaunchkeyPress = function() {
458	$('.icon-circle-ab').css('background-color', 'rgb(25, 104, 157)');	458	$('.icon-circle-ab').css('background-color', 'rgb(25, 104, 157)');
459	}	459	}
460		460
461	$scope.launchPeriodkeyPress = function() {	461	$scope.launchPeriodkeyPress = function() {
462	$('.icon-circle-abc').css('background-color', 'rgb(25, 104, 157)');	462	$('.icon-circle-abc').css('background-color', 'rgb(25, 104, 157)');
463	}	463	}
464		464
465	$scope.industrykeyPress = function(quantity) {	465	$scope.industrykeyPress = function(quantity) {
466	console.log("fghj",quantity)	466	console.log("fghj",quantity)
467	$('.icon-circle-abcdefg').css('background-color', 'rgb(25, 104, 157)');	467	$('.icon-circle-abcdefg').css('background-color', 'rgb(25, 104, 157)');
468	}	468	}
469		469
470	$scope.industryNamekeyPress = function(firstName) {	470	$scope.industryNamekeyPress = function(firstName) {
471	console.log("lastName==", firstName);	471	console.log("lastName==", firstName);
472	if (firstName == undefined) {	472	if (firstName == undefined) {
473	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');	473	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
474	} else {	474	} else {
475	$('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)');	475	$('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)');
476	}	476	}
477	}	477	}
478		478
479	$scope.amountkeyPress = function() {	479	$scope.amountkeyPress = function() {
480	$('.icon-circle-bc').css('background-color', 'rgb(25, 104, 157)');	480	$('.icon-circle-bc').css('background-color', 'rgb(25, 104, 157)');
481	}	481	}
482		482
483	$scope.firstNamekeyPress = function(name) {	483	$scope.firstNamekeyPress = function(name) {
484	console.log("lastName==", name);	484	console.log("lastName==", name);
485	if (name == undefined) {	485	if (name == undefined) {
486	$('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');	486	$('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
487	} else {	487	} else {
488	$('.icon-circle-c').css('background-color', 'rgb(25, 104, 157)');	488	$('.icon-circle-c').css('background-color', 'rgb(25, 104, 157)');
489	}	489	}
490	}	490	}
491		491
492	$scope.emailkeyPress = function(email) {	492	$scope.emailkeyPress = function(email) {
493	console.log("email", email);	493	console.log("email", email);
494	if (email == undefined) {	494	if (email == undefined) {
495	$('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');	495	$('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');
496	} else {	496	} else {
497	$('.icon-circle-d').css('background-color', 'rgb(25, 104, 157)');	497	$('.icon-circle-d').css('background-color', 'rgb(25, 104, 157)');
498	}	498	}
499	}	499	}
500		500
501	$scope.phonekeyPress = function(number) {	501	$scope.phonekeyPress = function(number) {
502	console.log("number", number);	502	console.log("number", number);
503	if (number == undefined \|\| number == '') {	503	if (number == undefined \|\| number == '') {
504	$('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');	504	$('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
505	} else {	505	} else {
506	$('.icon-circle-e').css('background-color', 'rgb(25, 104, 157)');	506	$('.icon-circle-e').css('background-color', 'rgb(25, 104, 157)');
507	}	507	}
508	}	508	}
509		509
510	$scope.citykeyPress = function(city) {	510	$scope.citykeyPress = function(city) {
511	console.log("city", city);	511	console.log("city", city);
512	if (city == undefined) {	512	if (city == undefined) {
513	$('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');	513	$('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');
514	} else {	514	} else {
515	$('.icon-circle-f').css('background-color', 'rgb(25, 104, 157)');	515	$('.icon-circle-f').css('background-color', 'rgb(25, 104, 157)');
516	}	516	}
517	}	517	}
518		518
519	$scope.startupNamekeyPress = function(q) {	519	$scope.startupNamekeyPress = function(q) {
520	if (q == undefined) {	520	if (q == undefined) {
521	$('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');	521	$('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
522	} else {	522	} else {
523	$('.icon-circle-x').css('background-color', 'rgb(25, 104, 157)');	523	$('.icon-circle-x').css('background-color', 'rgb(25, 104, 157)');
524	}	524	}
525	}	525	}
526		526
527	$scope.linkedInkeyPress = function(technology) {	527	$scope.linkedInkeyPress = function(technology) {
528	if (technology == undefined \|\| technology == '') {	528	if (technology == undefined \|\| technology == '') {
529	$('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');	529	$('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
530	} else {	530	} else {
531	$('.icon-circle-h').css('background-color', 'rgb(25, 104, 157)');	531	$('.icon-circle-h').css('background-color', 'rgb(25, 104, 157)');
532	}	532	}
533	}	533	}
534	$scope.companykeyPress = function(problem) {	534	$scope.companykeyPress = function(problem) {
535	if (problem == undefined) {	535	if (problem == undefined) {
536	$('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');	536	$('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
537	} else {	537	} else {
538	$('.icon-circle-i').css('background-color', 'rgb(25, 104, 157)');	538	$('.icon-circle-i').css('background-color', 'rgb(25, 104, 157)');
539	}	539	}
540	}	540	}
541	$scope.productNamekeyPress = function(solution) {	541	$scope.productNamekeyPress = function(solution) {
542	if (solution == undefined) {	542	if (solution == undefined) {
543	$('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');	543	$('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
544	} else {	544	} else {
545	$('.icon-circle-j').css('background-color', 'rgb(25, 104, 157)');	545	$('.icon-circle-j').css('background-color', 'rgb(25, 104, 157)');
546	}	546	}
547	}	547	}
548	$scope.businesskeyPress = function(business) {	548	$scope.businesskeyPress = function(business) {
549	if (business == undefined) {	549	if (business == undefined) {
550	$('.icon-circle-p').css('background-color', 'rgb(102, 102, 102)');	550	$('.icon-circle-p').css('background-color', 'rgb(102, 102, 102)');
551	} else {	551	} else {
552	$('.icon-circle-p').css('background-color', 'rgb(25, 104, 157)');	552	$('.icon-circle-p').css('background-color', 'rgb(25, 104, 157)');
553	}	553	}
554	}	554	}
555		555
556	$scope.websitekeyPress = function(prototype) {	556	$scope.websitekeyPress = function(prototype) {
557	if (prototype == undefined \|\| prototype == '') {	557	if (prototype == undefined \|\| prototype == '') {
558	$('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');	558	$('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
559	} else {	559	} else {
560	$('.icon-circle-k').css('background-color', 'rgb(25, 104, 157)');	560	$('.icon-circle-k').css('background-color', 'rgb(25, 104, 157)');
561	}	561	}
562	}	562	}
563		563
564	$scope.employeekeyPress = function(market) {	564	$scope.employeekeyPress = function(market) {
565	if (market == undefined \|\| market == '') {	565	if (market == undefined \|\| market == '') {
566	$('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');	566	$('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
567	} else {	567	} else {
568	$('.icon-circle-l').css('background-color', 'rgb(25, 104, 157)');	568	$('.icon-circle-l').css('background-color', 'rgb(25, 104, 157)');
569	}	569	}
570	}	570	}
571		571
572	$scope.annualkeyPress = function(risk) {	572	$scope.annualkeyPress = function(risk) {
573	if (risk == undefined \|\| risk == '') {	573	if (risk == undefined \|\| risk == '') {
574	$('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');	574	$('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
575	} else {	575	} else {
576	$('.icon-circle-m').css('background-color', 'rgb(25, 104, 157)');	576	$('.icon-circle-m').css('background-color', 'rgb(25, 104, 157)');
577	}	577	}
578	}	578	}
579		579
580	$scope.revenuekeyPress = function(team) {	580	$scope.revenuekeyPress = function(team) {
581	if (team == undefined) {	581	if (team == undefined) {
582	$('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');	582	$('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
583	} else {	583	} else {
584	$('.icon-circle-n').css('background-color', 'rgb(25, 104, 157)');	584	$('.icon-circle-n').css('background-color', 'rgb(25, 104, 157)');
585	}	585	}
586	}	586	}
587		587
588	$scope.descriptionkeyPress = function(pitch) {	588	$scope.descriptionkeyPress = function(pitch) {
589	if (pitch == undefined) {	589	if (pitch == undefined) {
590	$('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');	590	$('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
591	} else {	591	} else {
592	$('.icon-circle-z').css('background-color', 'rgb(25, 104, 157)');	592	$('.icon-circle-z').css('background-color', 'rgb(25, 104, 157)');
593	}	593	}
594	}	594	}
595		595
596	$scope.discountkeyPress = function(discount) {	596	$scope.discountkeyPress = function(discount) {
597	if (discount == undefined) {	597	if (discount == undefined) {
598	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');	598	$('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
599	} else {	599	} else {
600	$('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)');	600	$('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)');
601	}	601	}
602	}	602	}
603		603
604	$scope.removeNooError = function() {	604	$scope.removeNooError = function() {
605	$('#invalidIdea').css('display', 'block');	605	$('#invalidIdea').css('display', 'block');
606	$('#noExist').css('display', 'none');	606	$('#noExist').css('display', 'none');
607	};	607	};
608		608
609	$scope.ideakeyPress = function(financial) {	609	$scope.ideakeyPress = function(financial) {
610	console.log("financial", financial);	610	console.log("financial", financial);
611	if (financial == undefined) {	611	if (financial == undefined) {
612	$('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');	612	$('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');
613	} else {	613	} else {
614	$('.icon-circle-q').css('background-color', 'rgb(25, 104, 157)');	614	$('.icon-circle-q').css('background-color', 'rgb(25, 104, 157)');
615	}	615	}
616	}	616	}
617		617
618	$scope.fundkeyPress = function(financial) {	618	$scope.fundkeyPress = function(financial) {
619	console.log("financial", financial);	619	console.log("financial", financial);
620	if (financial == undefined) {	620	if (financial == undefined) {
621	$('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)');	621	$('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)');
622	} else {	622	} else {
623	$('.icon-circle-y').css('background-color', 'rgb(25, 104, 157)');	623	$('.icon-circle-y').css('background-color', 'rgb(25, 104, 157)');
624	}	624	}
625	}	625	}
626		626
627	$scope.changeReferalIconColor = function(referalToken){	627	$scope.changeReferalIconColor = function(referalToken){
628	if (referalToken == undefined \|\| referalToken == '') {	628	if (referalToken == undefined \|\| referalToken == '') {
629	$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');	629	$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
630	}else {	630	}else {
631	$('.referel-icon').css('background-color', 'rgb(25, 104, 157)');	631	$('.referel-icon').css('background-color', 'rgb(25, 104, 157)');
632	}	632	}
633	}	633	}
634		634
635	});	635	});
636		636
637	scotchApp.controller('registrationController', function($q, $scope, $http, $location, $rootScope,$route,BASE_URL,Analytics) {	637	scotchApp.controller('registrationController', function($q, $scope, $http, $location, $rootScope,$route,BASE_URL,Analytics) {
638	$scope.data = {};	638	$scope.data = {};
639	$scope.check = false;	639	$scope.check = false;
640	$scope.numberCheck = false;	640	$scope.numberCheck = false;
641	$scope.infoForm = false; /THIS CODE FOR HIDE STEP 2 FORM/	641	$scope.infoForm = false; /THIS CODE FOR HIDE STEP 2 FORM/
642	$scope.space = false; /THIS CODE FOR HIDE STEP 2 FORM/	642	$scope.space = false; /THIS CODE FOR HIDE STEP 2 FORM/
643	$scope.max = 100;	643	$scope.max = 100;
644	$scope.formPage = false;	644	$scope.formPage = false;
645	$scope.current = 0;	645	$scope.current = 0;
646	$scope.payingAmnt = 0;	646	$scope.payingAmnt = 0;
647	$scope.discountAmount = 0;	647	$scope.discountAmount = 0;
648	$scope.approvedMsg = false;	648	$scope.approvedMsg = false;
649	$scope.disApprovedMsg = false;	649	$scope.disApprovedMsg = false;
650		650
651	// $scope.data.quantity = "1";	651	// $scope.data.quantity = "1";
652	$scope.check = false;	652	$scope.check = false;
653	$scope.numberCheck = false;	653	$scope.numberCheck = false;
654	$scope.paymentResult = {};	654	$scope.paymentResult = {};
655	// var myParam = window.location.href.split('status=').splice(1).join('').split('&')[0]	655	// var myParam = window.location.href.split('status=').splice(1).join('').split('&')[0]
656	// if(myParam){	656	// if(myParam){
657	// if(myParam == "approved"){	657	// if(myParam == "approved"){
658	// $scope.showResponse = true;	658	// $scope.showResponse = true;
659	// }else{	659	// }else{
660	// $scope.disApprovedMsg = true;	660	// $scope.disApprovedMsg = true;
661	// }	661	// }
662	// }else{	662	// }else{
663	// $scope.disApprovedMsg = true;	663	// $scope.disApprovedMsg = true;
664	// }	664	// }
665		665
666	$scope.click=function(){	666	$scope.click=function(){
667	Analytics.trackEvent('whatsapp', 'click', 'Registration');	667	Analytics.trackEvent('whatsapp', 'click', 'Registration');
668	let redirectUrl = "https://wa.me/918283056881";	668	let redirectUrl = "https://wa.me/918283056881";
669	window.open(redirectUrl,"_blank")	669	window.open(redirectUrl,"_blank")
670	}	670	}
671		671
672	$scope.removeError = function() {	672	$scope.removeError = function() {
673	$('#invalidEmail').css('display', 'none');	673	$('#invalidEmail').css('display', 'none');
674	$('#alreadyExist').css('display', 'none');	674	$('#alreadyExist').css('display', 'none');
675	};	675	};
676		676
677	$scope.emailcheck = function(val) {	677	$scope.emailcheck = function(val) {
678	if (val == undefined) {	678	if (val == undefined) {
679	$('#invalidEmail').css('display', 'block');	679	$('#invalidEmail').css('display', 'block');
680	} else {	680	} else {
681	$('#alreadyExist').css('display', 'block');	681	$('#alreadyExist').css('display', 'block');
682	}	682	}
683	};	683	};
684		684
685	$scope.removeNoError = function() {	685	$scope.removeNoError = function() {
686	$('#invalidNumber').css('display', 'none');	686	$('#invalidNumber').css('display', 'none');
687	$('#alreadyExist').css('display', 'none');	687	$('#alreadyExist').css('display', 'none');
688	};	688	};
689		689
690	$scope.numbercheck = function(val) {	690	$scope.numbercheck = function(val) {
691	if (val == undefined) {	691	if (val == undefined) {
692	$('#invalidNumber').css('display', 'block');	692	$('#invalidNumber').css('display', 'block');
693	} else {	693	} else {
694	$('#alreadyExist').css('display', 'block');	694	$('#alreadyExist').css('display', 'block');
695	}	695	}
696	};	696	};
697		697
698	// $scope.$on('city', function (event, value) {	698	// $scope.$on('city', function (event, value) {
699	$scope.data.city = localStorage.getItem("city");	699	$scope.data.city = localStorage.getItem("city");
700	$scope.data.country = localStorage.getItem("country");	700	$scope.data.country = localStorage.getItem("country");
701	// });	701	// });
702	var data = {	702	var data = {
703	"amount": $scope.payingAmnt,	703	"amount": $scope.payingAmnt,
704	"currency": "INR",	704	"currency": "INR",
705	"status": "pending",	705	"status": "pending",
706	"paymentType": $scope.data.country	706	"paymentType": $scope.data.country
707	}	707	}
708		708
709	var handleFileSelect = function(evt) {	709	var handleFileSelect = function(evt) {
710	var files = evt.target.files;	710	var files = evt.target.files;
711	var file = files[0];	711	var file = files[0];
712		712
713	if (files && file) {	713	if (files && file) {
714	var reader = new FileReader();	714	var reader = new FileReader();
715		715
716	reader.onload = function(readerEvt) {	716	reader.onload = function(readerEvt) {
717	var binaryString = readerEvt.target.result;	717	var binaryString = readerEvt.target.result;
718	$scope.base64textString = btoa(binaryString);	718	$scope.base64textString = btoa(binaryString);
719	//console.log("base64textarea",$scope.base64textString)	719	//console.log("base64textarea",$scope.base64textString)
720	//$scope.data.uploadFile = file.name;	720	//$scope.data.uploadFile = file.name;
721	$scope.fileSelect = false;	721	$scope.fileSelect = false;
722	if($scope.data.uploadFile == null){	722	if($scope.data.uploadFile == null){
723	$scope.fileSelect = true;	723	$scope.fileSelect = true;
724	}else{	724	}else{
725	$scope.fileSelect = false;	725	$scope.fileSelect = false;
726	};	726	};
727	}	727	}
728		728
729	reader.readAsBinaryString(file);	729	reader.readAsBinaryString(file);
730	}	730	}
731	};	731	};
732	if (window.File && window.FileReader && window.FileList && window.Blob) {	732	if (window.File && window.FileReader && window.FileList && window.Blob) {
733	document.getElementById('filePicker').addEventListener('change', handleFileSelect, false);	733	document.getElementById('filePicker').addEventListener('change', handleFileSelect, false);
734	}	734	}
735		735
736	$scope.ngShowhide = false;	736	$scope.ngShowhide = false;
737	$scope.GetValue = function(){	737	$scope.GetValue = function(){
738	if($scope.data.sector == "Other"){	738	if($scope.data.sector == "Other"){
739	$scope.ngShowhide = true;	739	$scope.ngShowhide = true;
740	}else{	740	}else{
741	$scope.ngShowhide = false;	741	$scope.ngShowhide = false;
742	}	742	}
743	}	743	}
744		744
745	$scope.ngShow = false;	745	$scope.ngShow = false;
746	$scope.getValue = function(){	746	$scope.getValue = function(){
747	if($scope.data.hear == "Other"){	747	if($scope.data.hear == "Other"){
748	$scope.ngShow = true;	748	$scope.ngShow = true;
749	}else{	749	}else{
750	$scope.ngShow = false;	750	$scope.ngShow = false;
751	}	751	}
752	}	752	}
753		753	$scope.payingAmnt = 1180;
754	$rootScope.tokenCall = function(val) {	754	$rootScope.tokenCall = function(val) {
755	if (val == undefined) {	755	if (val == undefined) {
756	$('#invalidToken').css('display', 'block');	756	$('#invalidToken').css('display', 'block');
757	} else {	757	} else {
758	val = val.toUpperCase();	758	val = val.toUpperCase();
759	if((val == "IITH99" && $scope.data.city != "Hyderabad") \|\| (val == "IITM99" && $scope.data.city != "Chennai") \|\| (val == "IITD99" && $scope.data.city != "Delhi") \|\| (val == "IITB99" && $scope.data.city != "Mumbai") \|\| (val == "IITK99" && $scope.data.city != "Kanpur") \|\| (val == "IIMC99" && $scope.data.city != "Kolkata") \|\| (val == "IIMB99" && $scope.data.city != "Bengaluru") \|\| (val == "IIMA99" && $scope.data.city != "Ahmedabad")){	759	if((val == "IITH99" && $scope.data.city != "Hyderabad") \|\| (val == "IITM99" && $scope.data.city != "Chennai") \|\| (val == "IITD99" && $scope.data.city != "Delhi") \|\| (val == "IITB99" && $scope.data.city != "Mumbai") \|\| (val == "IITK99" && $scope.data.city != "Kanpur") \|\| (val == "IIMC99" && $scope.data.city != "Kolkata") \|\| (val == "IIMB99" && $scope.data.city != "Bengaluru") \|\| (val == "IIMA99" && $scope.data.city != "Ahmedabad")){
760	$scope.tokencheck = false;	760	$scope.tokencheck = false;
761	return;	761	return;
762	}	762	}
763	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": "' + val + '"}}')	763	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": "' + val + '"}}')
764	.then(function(searchResult) {	764	.then(function(searchResult) {
765	if (searchResult.data.length == 0) {	765	if (searchResult.data.length == 0) {
766	$scope.tokencheck = false;	766	$scope.tokencheck = false;
767	$scope.discountAmount = 0;	767	$scope.discountAmount = 0;
		768
768	} else {	769	} else {
769	$scope.discountpercentage = searchResult.data[0].discount;	770	$scope.discountpercentage = searchResult.data[0].discount;
770	$scope.tokencheck = true;	771	$scope.tokencheck = true;
771	}	772	}
		773	$scope.ticketAmnt = 1180;
		774	var amount = $scope.ticketAmnt * 100
		775	if($scope.tokencheck == true){
		776	var amount = $scope.ticketAmnt
		777	if($scope.discountpercentage == "100") {
		778	$scope.discountpercentage = "99.9";
		779	}
		780	$scope.percDiscount = $scope.discountpercentage/100;
		781	$scope.discountAmount = amount * $scope.percDiscount;
		782	}
		783	var taxAmount = $scope.ticketAmnt - $scope.discountAmount
		784	$scope.payingAmnt = taxAmount;
		785	$scope.payingAmnt = $scope.payingAmnt.toFixed()
772	},function(err){	786	},function(err){
773	console.log(err)	787	console.log(err)
774	});	788	});
775		789
776	}	790	}
777	};	791	};
778	// if($scope.data.country == "INDIA"){	792	// if($scope.data.country == "INDIA"){
779	// $scope.submit = function() {	793	// $scope.submit = function() {
780	// Analytics.trackEvent('register', 'click', 'Registration');	794	// Analytics.trackEvent('register', 'click', 'Registration');
781	// $scope.loading = true;	795	// $scope.loading = true;
782	// $scope.data.uploadFile = $scope.base64textString;	796	// $scope.data.uploadFile = $scope.base64textString;
783	// console.log($scope.data.uploadFile)	797	// console.log($scope.data.uploadFile)
784	// // if($scope.tokencheck == false){	798	// // if($scope.tokencheck == false){
785	// // $scope.data.referalToken = null;	799	// // $scope.data.referalToken = null;
786	// // }	800	// // }
787	// // if ($scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined) {	801	// // if ($scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined) {
788	// // var x = document.getElementById("snackbar")	802	// // var x = document.getElementById("snackbar")
789	// // setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);	803	// // setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
790	// // }else if($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {	804	// // }else if($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
791	// $scope.infoForm = true;	805	// $scope.infoForm = true;
792	// $scope.ticketAmnt = 1180;	806	// $scope.ticketAmnt = 1180;
793	// $scope.detail = {};	807	// $scope.detail = {};
794	// $scope.data.phone = "+91"+$scope.data.number;	808	// $scope.data.phone = "+91"+$scope.data.number;
795	// if($scope.data.referalToken == null){	809	// if($scope.data.referalToken == null){
796	// $scope.data.referalToken = "NA"	810	// $scope.data.referalToken = "NA"
797	// }	811	// }
798	// var file =document.getElementById('filePicker').files[0];	812	// var file =document.getElementById('filePicker').files[0];
799	// var image = BASE_URL+'/containers/images/download/'	813	// var image = BASE_URL+'/containers/images/download/'
800	// var imagePath = file.name;	814	// var imagePath = file.name;
801	// $scope.data.uploadFile = image + imagePath;	815	// $scope.data.uploadFile = image + imagePath;
802	// var fd = new FormData()	816	// var fd = new FormData()
803	// fd.append('filePicker',file);	817	// fd.append('filePicker',file);
804	// var deferred = $q.defer();	818	// var deferred = $q.defer();
805	// $http({	819	// $http({
806	// method:'POST',	820	// method:'POST',
807	// url: BASE_URL+'/containers/images/upload',	821	// url: BASE_URL+'/containers/images/upload',
808	// data:fd,	822	// data:fd,
809	// transformRequest:angular.identity,	823	// transformRequest:angular.identity,
810	// headers:{'Content-Type':undefined}	824	// headers:{'Content-Type':undefined}
811	// })	825	// })
812	// .success(function(result){	826	// .success(function(result){
813	// deferred.resolve(result);	827	// deferred.resolve(result);
814	// $http({	828	// $http({
815	// method: 'POST',	829	// method: 'POST',
816	// url: BASE_URL+'/applicants',	830	// url: BASE_URL+'/applicants',
817	// data: $scope.data,	831	// data: $scope.data,
818	// headers: {}	832	// headers: {}
819	// }).then(function mySuccess(result) {	833	// }).then(function mySuccess(result) {
820	// $scope.detail = result;	834	// $scope.detail = result;
821	// data.applicantId = result.data.id;	835	// data.applicantId = result.data.id;
822	// $scope.userId = result.data.id;	836	// $scope.userId = result.data.id;
823	// var amount = $scope.ticketAmnt * 100	837	// var amount = $scope.ticketAmnt * 100
824	// if($scope.tokencheck == true){	838	// if($scope.tokencheck == true){
825	// var amount = $scope.ticketAmnt	839	// var amount = $scope.ticketAmnt
826	// console.log("resultcity===",$scope.data.city)	840	// console.log("resultcity===",$scope.data.city)
827	// if($scope.discountpercentage == "100") {	841	// if($scope.discountpercentage == "100") {
828	// $scope.discountpercentage = "99.9";	842	// $scope.discountpercentage = "99.9";
829	// }	843	// }
830	// $scope.percDiscount = $scope.discountpercentage/100;	844	// $scope.percDiscount = $scope.discountpercentage/100;
831	// $scope.discountAmount = amount * $scope.percDiscount;	845	// $scope.discountAmount = amount * $scope.percDiscount;
832	// }	846	// }
833	// var taxAmount = $scope.ticketAmnt - $scope.discountAmount	847	// var taxAmount = $scope.ticketAmnt - $scope.discountAmount
834	// $scope.payingAmnt = taxAmount;	848	// $scope.payingAmnt = taxAmount;
835	// $scope.payingAmnt = $scope.payingAmnt.toFixed()	849	// $scope.payingAmnt = $scope.payingAmnt.toFixed()
836	// data.amount = $scope.payingAmnt;	850	// data.amount = $scope.payingAmnt;
837	// if($scope.detail != null){	851	// if($scope.detail != null){
838	// $http({	852	// $http({
839	// method: 'POST',	853	// method: 'POST',
840	// url: BASE_URL+'/payments',	854	// url: BASE_URL+'/payments',
841	// data: data,	855	// data: data,
842	// headers: {}	856	// headers: {}
843	// }).then(function mySuccess(paymentResult) {	857	// }).then(function mySuccess(paymentResult) {
844	// $scope.loading = false;	858	// $scope.loading = false;
845	// //$("p").html(paymentResult.data.data)	859	// //$("p").html(paymentResult.data.data)
846	// }, function myError(error) {	860	// }, function myError(error) {
847	// });	861	// });
848	// }	862	// }
849	// var i = 0;	863	// var i = 0;
850	// $scope.payingAmnt = $scope.payingAmnt * 100;	864	// $scope.payingAmnt = $scope.payingAmnt * 100;
851	// var options = {	865	// var options = {
852	// "key": "rzp_test_YwHsVFiDIQ2WUQ",	866	// "key": "rzp_test_YwHsVFiDIQ2WUQ",
853	// //"key": "rzp_live_mkmCb4FkstuWaS",	867	// //"key": "rzp_live_mkmCb4FkstuWaS",
854	// "amount": $scope.payingAmnt,	868	// "amount": $scope.payingAmnt,
855		869
856	// "name": "Startup Jalsa",	870	// "name": "Startup Jalsa",
857	// "description":"amount",	871	// "description":"amount",
858	// "currency": "INR",	872	// "currency": "INR",
859	// "status": "done",	873	// "status": "done",
860		874
861	// "prefill": {	875	// "prefill": {
862	// "email": $scope.detail.email,	876	// "email": $scope.detail.email,
863	// "contact": $scope.detail.phone	877	// "contact": $scope.detail.phone
864	// },	878	// },
865		879
866	// "theme": {	880	// "theme": {
867	// "color": "#2196f3 ",	881	// "color": "#2196f3 ",
868	// "image_padding":"NO"	882	// "image_padding":"NO"
869	// },	883	// },
870	// "modal": {	884	// "modal": {
871	// "ondismiss": function(){	885	// "ondismiss": function(){
872	// }	886	// }
873	// },	887	// },
874	// "handler": function (response){	888	// "handler": function (response){
875	// createPayment(response);	889	// createPayment(response);
876	// }	890	// }
877	// };	891	// };
878	// var rzp1 = new Razorpay(options);	892	// var rzp1 = new Razorpay(options);
879	// rzp1.open();	893	// rzp1.open();
880	// $scope.paymentResponse = {};	894	// $scope.paymentResponse = {};
881	// function createPayment(response){	895	// function createPayment(response){
882	// $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;	896	// $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
883	// $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;	897	// $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
884	// $scope.paymentResponse.amount = data.amount;	898	// $scope.paymentResponse.amount = data.amount;
885	// $scope.paymentResponse.currency = "INR";	899	// $scope.paymentResponse.currency = "INR";
886	// $scope.paymentResponse.status = $scope.paymentResult.data.status;	900	// $scope.paymentResponse.status = $scope.paymentResult.data.status;
887	// $http({	901	// $http({
888	// method: 'PUT',	902	// method: 'PUT',
889	// url: BASE_URL+'/payments/'+$scope.paymentResult.data.id,	903	// url: BASE_URL+'/payments/'+$scope.paymentResult.data.id,
890	// data: $scope.paymentResponse,	904	// data: $scope.paymentResponse,
891	// headers: {}	905	// headers: {}
892	// }).then(function mySuccess(searchResult) {	906	// }).then(function mySuccess(searchResult) {
893	// Analytics.trackEvent('register', 'click', 'Registration');	907	// Analytics.trackEvent('register', 'click', 'Registration');
894	// $location.path("/confirm")	908	// $location.path("/confirm")
895	// }, function myError(error) {	909	// }, function myError(error) {
896	// });	910	// });
897	// }	911	// }
898	// //}	912	// //}
899		913
900	// }, function myError(error) {	914	// }, function myError(error) {
901		915
902	// });	916	// });
903		917
904	// })	918	// })
905		919
906	// // })	920	// // })
907		921
908	// //}	922	// //}
909		923
910	// }	924	// }
911	// }else{	925	// }else{
		926	// $scope.ticketAmnt = 1180;
		927	// var amount = $scope.ticketAmnt * 100
		928	// console.log("amount",amount)
		929	// console.log("amount",$scope.tokencheck)
		930	// if($scope.tokencheck == true){
		931	// var amount = $scope.ticketAmnt
		932	// console.log("amount",amount)
		933	// if($scope.discountpercentage == "100") {
		934	// $scope.discountpercentage = "99.9";
		935	// }
		936	// $scope.percDiscount = $scope.discountpercentage/100;
		937	// console.log("$scope.percDiscount",$scope.percDiscount)
		938	// $scope.discountAmount = amount * $scope.percDiscount;
		939	// }
		940	// console.log("$scope.discountAmount",$scope.discountAmount)
		941	// var taxAmount = $scope.ticketAmnt - $scope.discountAmount
		942	// console.log("taxAmount",taxAmount)
		943	// $scope.payingAmnt = taxAmount;
		944	// $scope.payingAmnt = $scope.payingAmnt.toFixed()
		945
912	$scope.submit = function() {	946	$scope.submit = function() {
913	Analytics.trackEvent('register', 'click', 'Registration');	947	Analytics.trackEvent('register', 'click', 'Registration');
914	$scope.loading = true;	948	$scope.loading = true;
915	$scope.data.uploadFile = $scope.base64textString;	949	$scope.data.uploadFile = $scope.base64textString;
916	// if($scope.tokencheck == false){	950	// if($scope.tokencheck == false){
917	// $scope.data.referalToken = null;	951	// $scope.data.referalToken = null;
918	// }	952	// }
919	// if ($scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined) {	953	// if ($scope.data.name == undefined \|\| $scope.data.email == undefined \|\| $scope.data.number == undefined) {
920	// var x = document.getElementById("snackbar")	954	// var x = document.getElementById("snackbar")
921	// setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);	955	// setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
922	// }else if($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {	956	// }else if($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
923	$scope.infoForm = true;	957	$scope.infoForm = true;
924	$scope.ticketAmnt = 1180;	958	$scope.ticketAmnt = 1180;
925	$scope.detail = {};	959	$scope.detail = {};
926	$scope.paymentResultt = {};	960	$scope.paymentResultt = {};
927	$rootScope.applicantResult = {};	961	$rootScope.applicantResult = {};
928	$scope.data.phone = "+91"+$scope.data.number;	962	$scope.data.phone = "+91"+$scope.data.number;
929	if($scope.data.referalToken == null){	963	if($scope.data.referalToken == null){
930	$scope.data.referalToken = "NA"	964	$scope.data.referalToken = "NA"
931	}	965	}
932	var file =document.getElementById('filePicker').files[0];	966	var file =document.getElementById('filePicker').files[0];
933	//console.log("file",filePicker)	967	//console.log("file",filePicker)
934	var image = BASE_URL+'/containers/images/download/'	968	var image = BASE_URL+'/containers/images/download/'
935	var imagePath = file.name;	969	var imagePath = file.name;
936	$scope.data.uploadFile = image + imagePath;	970	$scope.data.uploadFile = image + imagePath;
937	//console.log($scope.data.uploadFile)	971	//console.log($scope.data.uploadFile)
938	var fd = new FormData()	972	var fd = new FormData()
939	fd.append('filePicker',file);	973	fd.append('filePicker',file);
940	var deferred = $q.defer();	974	var deferred = $q.defer();
941	$http({	975	$http({
942	method:'POST',	976	method:'POST',
943	url: BASE_URL+'/containers/images/upload',	977	url: BASE_URL+'/containers/images/upload',
944	data:fd,	978	data:fd,
945	transformRequest:angular.identity,	979	transformRequest:angular.identity,
946	headers:{'Content-Type':undefined}	980	headers:{'Content-Type':undefined}
947	})	981	})
948	.success(function(result){	982	.success(function(result){
949	deferred.resolve(result);	983	deferred.resolve(result);
950	$http({	984	$http({
951	method: 'POST',	985	method: 'POST',
952	url: BASE_URL+'/applicants',	986	url: BASE_URL+'/applicants',
953	data: $scope.data,	987	data: $scope.data,
954	headers: {}	988	headers: {}
955	}).then(function mySuccess(result) {	989	}).then(function mySuccess(result) {
956	$scope.detail = result;	990	$scope.detail = result;
957	data.applicantId = result.data.id;	991	data.applicantId = result.data.id;
958	$scope.userId = result.data.id;	992	$scope.userId = result.data.id;
959	var amount = $scope.ticketAmnt * 100	993	var amount = $scope.ticketAmnt * 100
960	if($scope.tokencheck == true){	994	if($scope.tokencheck == true){
961	var amount = $scope.ticketAmnt	995	var amount = $scope.ticketAmnt
962	if($scope.discountpercentage == "100") {	996	if($scope.discountpercentage == "100") {
963	$scope.discountpercentage = "99.9";	997	$scope.discountpercentage = "99.9";
964	}	998	}
965	$scope.percDiscount = $scope.discountpercentage/100;	999	$scope.percDiscount = $scope.discountpercentage/100;
966	$scope.discountAmount = amount * $scope.percDiscount;	1000	$scope.discountAmount = amount * $scope.percDiscount;
967	}	1001	}
968	var taxAmount = $scope.ticketAmnt - $scope.discountAmount	1002	var taxAmount = $scope.ticketAmnt - $scope.discountAmount
969	$scope.payingAmnt = taxAmount;	1003	$scope.payingAmnt = taxAmount;
970	$scope.payingAmnt = $scope.payingAmnt.toFixed()	1004	$scope.payingAmnt = $scope.payingAmnt.toFixed()
971	data.amount = $scope.payingAmnt;	1005	data.amount = $scope.payingAmnt;
972	if($scope.detail != null){	1006	if($scope.detail != null){
973	$http({	1007	$http({
974	method: 'POST',	1008	method: 'POST',
975	url: BASE_URL+'/payments',	1009	url: BASE_URL+'/payments',
976	data: data,	1010	data: data,
977	headers: {}	1011	headers: {}
978	}).then(function mySuccess(paymentResult) {	1012	}).then(function mySuccess(paymentResult) {
979	$scope.loading = false;	1013	$scope.loading = false;
980	$scope.paymentResult = paymentResult;	1014	$scope.paymentResult = paymentResult;
981	//$("p").html(paymentResult.data.data)	1015	//$("p").html(paymentResult.data.data)
982	}, function myError(error) {	1016	}, function myError(error) {
983	});	1017	});
984	}	1018	}
985	var i = 0;	1019	var i = 0;
986	$scope.payingAmnt = $scope.payingAmnt * 100;	1020	$scope.payingAmntt = $scope.payingAmnt * 100;
987	var options = {	1021	var options = {
988	//"key": "rzp_test_YwHsVFiDIQ2WUQ",	1022	//"key": "rzp_test_YwHsVFiDIQ2WUQ",
989	"key": "rzp_live_mkmCb4FkstuWaS",	1023	"key": "rzp_live_mkmCb4FkstuWaS",
990	"amount": $scope.payingAmnt,	1024	"amount": $scope.payingAmntt,
991		1025
992	"name": "Startup Jalsa",	1026	"name": "Startup Jalsa",
993	"description":"amount",	1027	"description":"amount",
994	"currency": "INR",	1028	"currency": "INR",
995	"status": "done",	1029	"status": "done",
996		1030
997	"prefill": {	1031	"prefill": {
998	"email": $scope.detail.email,	1032	"email": $scope.detail.email,
999	"contact": $scope.detail.phone	1033	"contact": $scope.detail.phone
1000	},	1034	},
1001		1035
1002	"theme": {	1036	"theme": {
1003	"color": "#2196f3 ",	1037	"color": "#2196f3 ",
1004	"image_padding":"NO"	1038	"image_padding":"NO"
1005	},	1039	},
1006	"modal": {	1040	"modal": {
1007	"ondismiss": function(){	1041	"ondismiss": function(){
1008	}	1042	}
1009	},	1043	},
1010	"handler": function (response){	1044	"handler": function (response){
1011	createPayment(response);	1045	createPayment(response);
1012	}	1046	}
1013	};	1047	};
1014	var rzp1 = new Razorpay(options);	1048	var rzp1 = new Razorpay(options);
1015	rzp1.open();	1049	rzp1.open();
1016	$scope.paymentResponse = {};	1050	$scope.paymentResponse = {};
1017	function createPayment(response){	1051	function createPayment(response){
1018	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;	1052	$scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
1019	$scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;	1053	$scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
1020	$scope.paymentResponse.amount = data.amount;	1054	$scope.paymentResponse.amount = data.amount;
1021	$scope.paymentResponse.currency = "INR";	1055	$scope.paymentResponse.currency = "INR";
1022	$scope.paymentResponse.status = $scope.paymentResult.data.status;	1056	$scope.paymentResponse.status = $scope.paymentResult.data.status;
1023	$http({	1057	$http({
1024	method: 'PUT',	1058	method: 'PUT',
1025	url: BASE_URL+'/payments/'+$scope.paymentResult.data.id,	1059	url: BASE_URL+'/payments/'+$scope.paymentResult.data.id,
1026	data: $scope.paymentResponse,	1060	data: $scope.paymentResponse,
1027	headers: {}	1061	headers: {}
1028	}).then(function mySuccess(searchResult) {	1062	}).then(function mySuccess(searchResult) {
1029	console.log("searchResult",searchResult)	1063	console.log("searchResult",searchResult)
1030	//$location.path("/confirm")	1064	//$location.path("/confirm")
1031	$rootScope.paymentResultt = searchResult.data;	1065	$rootScope.paymentResultt = searchResult.data;
1032	$http({	1066	$http({
1033	method: 'GET',	1067	method: 'GET',
1034	url: BASE_URL+'/applicants/'+$rootScope.paymentResultt.applicantId,	1068	url: BASE_URL+'/applicants/'+$rootScope.paymentResultt.applicantId,
1035	data: $scope.data,	1069	data: $scope.data,
1036	headers: {}	1070	headers: {}
1037	}).then(function mySuccess(result) {	1071	}).then(function mySuccess(result) {
1038	//console.log("result2323324434",result)	1072	//console.log("result2323324434",result)
1039	$rootScope.applicantResult = result.data;	1073	$rootScope.applicantResult = result.data;
1040	if (result.data.city == "Chennai") {	1074	if (result.data.city == "Chennai") {
1041	$rootScope.applicantResult.location= "Auditorium, IITM Research Park, Kanagam Road, 32, Kanagam, Tharamani, Chennai, Tamil Nadu 600113",	1075	$rootScope.applicantResult.location= "Auditorium, IITM Research Park, Kanagam Road, 32, Kanagam, Tharamani, Chennai, Tamil Nadu 600113",
1042	$rootScope.applicantResult.date= "October 1st, 2019",	1076	$rootScope.applicantResult.date= "October 1st, 2019",
1043	$rootScope.applicantResult.time= "3 PM"	1077	$rootScope.applicantResult.time= "3 PM"
1044		1078
1045	} else if (result.data.city == "Hyderabad") {	1079	} else if (result.data.city == "Hyderabad") {
1046	$rootScope.applicantResult.location= "Academic block A, Room no. 220, IIT Hyderabad Kandi, Sangareddy 502285",	1080	$rootScope.applicantResult.location= "Academic block A, Room no. 220, IIT Hyderabad Kandi, Sangareddy 502285",
1047	$rootScope.applicantResult.date= "September 14th, 2019",	1081	$rootScope.applicantResult.date= "September 14th, 2019",
1048	$rootScope.applicantResult.time= "3 PM"	1082	$rootScope.applicantResult.time= "3 PM"
1049		1083
1050	} else if (result.data.city == "Mumbai") {	1084	} else if (result.data.city == "Mumbai") {
1051	$rootScope.applicantResult.location= "LC 101, Lecture Hall Complex, Academic Area, IIT Bombay, Powai, Maharashtra - 40076",	1085	$rootScope.applicantResult.location= "LC 101, Lecture Hall Complex, Academic Area, IIT Bombay, Powai, Maharashtra - 40076",
1052	$rootScope.applicantResult.date= "September 4th, 2019",	1086	$rootScope.applicantResult.date= "September 4th, 2019",
1053	$rootScope.applicantResult.time= "3 PM"	1087	$rootScope.applicantResult.time= "3 PM"
1054		1088
1055	} else if (result.data.city == "Ahmedabad") {	1089	} else if (result.data.city == "Ahmedabad") {
1056	$rootScope.applicantResult.location= "Sunil Mehta Conference Hall, First Floor, CIIE Building, IIM New Campus, Vastrapur Road, Ahmedabad 380015",	1090	$rootScope.applicantResult.location= "Sunil Mehta Conference Hall, First Floor, CIIE Building, IIM New Campus, Vastrapur Road, Ahmedabad 380015",
1057	$rootScope.applicantResult.date= "September 11th, 2019",	1091	$rootScope.applicantResult.date= "September 11th, 2019",
1058	$rootScope.applicantResult.time= "3 PM"	1092	$rootScope.applicantResult.time= "3 PM"
1059		1093
1060	} else if (result.data.city == "Jaipur") {	1094	} else if (result.data.city == "Jaipur") {
1061	$rootScope.applicantResult.location= "Startup Oasis, M8, RIICO Software Complex, EPIP, Sitapura Industrial Area, Jaipur",	1095	$rootScope.applicantResult.location= "Startup Oasis, M8, RIICO Software Complex, EPIP, Sitapura Industrial Area, Jaipur",
1062	$rootScope.applicantResult.date= "September 24th, 2019",	1096	$rootScope.applicantResult.date= "September 24th, 2019",
1063	$rootScope.applicantResult.time= "3 PM"	1097	$rootScope.applicantResult.time= "3 PM"
1064		1098
1065	} else if (result.data.city == "Kolkata") {	1099	} else if (result.data.city == "Kolkata") {
1066	$rootScope.applicantResult.location= "New Academic Block, IIM Calcutta, Diamond Harbour Rd., Joka, Kolkata (700104)",	1100	$rootScope.applicantResult.location= "New Academic Block, IIM Calcutta, Diamond Harbour Rd., Joka, Kolkata (700104)",
1067	$rootScope.applicantResult.time= "3 PM",	1101	$rootScope.applicantResult.time= "3 PM",
1068	$rootScope.applicantResult.date= "September 17th, 2019"	1102	$rootScope.applicantResult.date= "September 17th, 2019"
1069		1103
1070	} else if (result.data.city == "Bengaluru") {	1104	} else if (result.data.city == "Bengaluru") {
1071	$rootScope.applicantResult.location= "NSRCEL, Indian Institute of Management Bangalore, Bannerghatta Main Road, Bengaluru 560076",	1105	$rootScope.applicantResult.location= "NSRCEL, Indian Institute of Management Bangalore, Bannerghatta Main Road, Bengaluru 560076",
1072	$rootScope.applicantResult.time= "3 PM",	1106	$rootScope.applicantResult.time= "3 PM",
1073	$rootScope.applicantResult.date= "September 7th, 2019"	1107	$rootScope.applicantResult.date= "September 7th, 2019"
1074		1108
1075	} else if (result.data.city == "Delhi") {	1109	} else if (result.data.city == "Delhi") {
1076	$rootScope.applicantResult.location= "Vishwakarma Bhavan Auditorium(Ground Floor), Vishwakarma Bhavan, IIT Delhi, Saheed Jeet Singh Marg, Hauz Khas, New Delhi, Delhi 110016",	1110	$rootScope.applicantResult.location= "Vishwakarma Bhavan Auditorium(Ground Floor), Vishwakarma Bhavan, IIT Delhi, Saheed Jeet Singh Marg, Hauz Khas, New Delhi, Delhi 110016",
1077	$rootScope.applicantResult.time= "12 PM",	1111	$rootScope.applicantResult.time= "12 PM",
1078	$rootScope.applicantResult.date= "October 16th, 2019"	1112	$rootScope.applicantResult.date= "October 16th, 2019"
1079		1113
1080	} else if (result.data.city == "Kanpur"){	1114	} else if (result.data.city == "Kanpur"){
1081	$rootScope.applicantResult.location= "L14, Academic Area IIT Kanpur, Kanpur - 208016",	1115	$rootScope.applicantResult.location= "L14, Academic Area IIT Kanpur, Kanpur - 208016",
1082	$rootScope.applicantResult.time= "3 PM",	1116	$rootScope.applicantResult.time= "3 PM",
1083	$rootScope.applicantResult.date= "September 28th, 2019"	1117	$rootScope.applicantResult.date= "September 28th, 2019"
1084		1118
1085	}else if (result.data.city == "Colombo") {	1119	}else if (result.data.city == "Colombo") {
1086	$rootScope.applicantResult.location= "Likuid Spcaes, Ground Floor, 5 Charles Place, Colpetty, Colombo, 00300, Sri Lanka",	1120	$rootScope.applicantResult.location= "Likuid Spcaes, Ground Floor, 5 Charles Place, Colpetty, Colombo, 00300, Sri Lanka",
1087	$rootScope.applicantResult.time= "3 PM",	1121	$rootScope.applicantResult.time= "3 PM",
1088	$rootScope.applicantResult.date= "October 5th, 2019"	1122	$rootScope.applicantResult.date= "October 5th, 2019"
1089		1123
1090	} else if (result.data.city == "Dhaka") {	1124	} else if (result.data.city == "Dhaka") {
1091	$rootScope.applicantResult.location= "The Business Center, The Inspiration Hall Level 2, Lift number-2, Celebration Point, Plot: 3 & 5 (Beside Shahabuddin Medical College) Road: 113/A, Gulshan-2, Dhaka-1212",	1125	$rootScope.applicantResult.location= "The Business Center, The Inspiration Hall Level 2, Lift number-2, Celebration Point, Plot: 3 & 5 (Beside Shahabuddin Medical College) Road: 113/A, Gulshan-2, Dhaka-1212",
1092	$rootScope.applicantResult.date= "September 21st, 2019",	1126	$rootScope.applicantResult.date= "September 21st, 2019",
1093	$rootScope.applicantResult.time= "3 PM"	1127	$rootScope.applicantResult.time= "3 PM"
1094		1128
1095	} else {	1129	} else {
1096	$rootScope.applicantResult.location= "Innovative Hive, 1st Floor, M&S Tower, Pulchowk, lalitpur Nepal, POB No 24445",	1130	$rootScope.applicantResult.location= "Innovative Hive, 1st Floor, M&S Tower, Pulchowk, lalitpur Nepal, POB No 24445",
1097	$rootScope.applicantResult.time= "3 PM",	1131	$rootScope.applicantResult.time= "3 PM",
1098	$rootScope.applicantResult.date= "October 12th, 2019"	1132	$rootScope.applicantResult.date= "October 12th, 2019"
1099	}	1133	}
1100	Analytics.trackEvent('success', 'click', 'Registration');	1134	Analytics.trackEvent('success', 'click', 'Registration');
1101	$location.path("/confirm")	1135	$location.path("/confirm")
1102	})	1136	})
1103	}, function myError(error) {	1137	}, function myError(error) {
1104	});	1138	});
1105	}	1139	}
1106	//}	1140	//}
1107		1141
1108	}, function myError(error) {	1142	}, function myError(error) {
1109		1143
1110	});	1144	});
1111		1145
1112	})	1146	})
1113		1147
1114	// })	1148	// })
1115		1149
1116	//}	1150	//}
1117		1151
1118	}	1152	}
1119	//}	1153	//}
1120		1154
1121	});	1155	});
1122		1156
1123	scotchApp.controller('confirmationController', function($scope, $http, $location, $route, BASE_URL) {	1157	scotchApp.controller('confirmationController', function($scope, $http, $location, $route, BASE_URL) {
1124	$scope.approvedMsg = false;	1158	$scope.approvedMsg = false;
1125	$scope.disApprovedMsg = false;	1159	$scope.disApprovedMsg = false;
1126		1160
1127	var myParam = window.location.href.split('status=').splice(1).join('').split('&')[0]	1161	var myParam = window.location.href.split('status=').splice(1).join('').split('&')[0]
1128	// if(myParam){	1162	// if(myParam){
1129	if(myParam == "approved"){	1163	if(myParam == "approved"){
1130	$scope.approvedMsg = true;	1164	$scope.approvedMsg = true;
1131	$scope.disApprovedMsg = false;	1165	$scope.disApprovedMsg = false;
1132	}else{	1166	}else{
1133	$scope.approvedMsg = false;	1167	$scope.approvedMsg = false;
1134	$scope.disApprovedMsg = true;	1168	$scope.disApprovedMsg = true;
1135	}	1169	}
1136	// }else{	1170	// }else{
1137	// $scope.disApprovedMsg = true;	1171	// $scope.disApprovedMsg = true;
1138	// }	1172	// }
1139		1173
1140	});	1174	});
1141		1175
1142	scotchApp.controller('paytmController', function($q, $scope, $http, $location, $rootScope,$route,BASE_URL) {	1176	scotchApp.controller('paytmController', function($q, $scope, $http, $location, $rootScope,$route,BASE_URL) {
1143	$scope.data = {};	1177	$scope.data = {};
1144	$scope.data.city = localStorage.getItem("city");	1178	$scope.data.city = localStorage.getItem("city");
1145	$scope.data.country = localStorage.getItem("country");;	1179	$scope.data.country = localStorage.getItem("country");;
1146	var data = {	1180	var data = {
1147	"amount": $scope.payingAmnt,	1181	"amount": $scope.payingAmnt,
1148	"currency": "INR",	1182	"currency": "INR",
1149	"status": "pending",	1183	"status": "pending",
1150	"paymentType": "Manual_Paytm"	1184	"paymentType": "Manual_Paytm"
1151	}	1185	}
1152	var handleFileSelect = function(evt) {	1186	var handleFileSelect = function(evt) {
1153	var files = evt.target.files;	1187	var files = evt.target.files;
1154	var file = files[0];	1188	var file = files[0];
1155		1189
1156	if (files && file) {	1190	if (files && file) {
1157	var reader = new FileReader();	1191	var reader = new FileReader();
1158		1192
1159	reader.onload = function(readerEvt) {	1193	reader.onload = function(readerEvt) {
1160	var binaryString = readerEvt.target.result;	1194	var binaryString = readerEvt.target.result;
1161	$scope.base64textString = btoa(binaryString);	1195	$scope.base64textString = btoa(binaryString);
1162	//console.log("base64textarea",$scope.base64textString)	1196	//console.log("base64textarea",$scope.base64textString)
1163	//$scope.data.uploadFile = file.name;	1197	//$scope.data.uploadFile = file.name;
1164	$scope.fileSelect = false;	1198	$scope.fileSelect = false;
1165	if($scope.data.uploadFile == null){	1199	if($scope.data.uploadFile == null){
1166	$scope.fileSelect = true;	1200	$scope.fileSelect = true;
1167	}else{	1201	}else{
1168	$scope.fileSelect = false;	1202	$scope.fileSelect = false;
1169	};	1203	};
1170	}	1204	}
1171		1205
1172	reader.readAsBinaryString(file);	1206	reader.readAsBinaryString(file);
1173	}	1207	}
1174	};	1208	};
1175	if (window.File && window.FileReader && window.FileList && window.Blob) {	1209	if (window.File && window.FileReader && window.FileList && window.Blob) {
1176	document.getElementById('filePicker').addEventListener('change', handleFileSelect, false);	1210	document.getElementById('filePicker').addEventListener('change', handleFileSelect, false);
1177	}	1211	}
1178		1212
1179	$scope.ngShowhide = false;	1213	$scope.ngShowhide = false;
1180	$scope.GetValue = function(){	1214	$scope.GetValue = function(){
1181	if($scope.data.sector == "Other"){	1215	if($scope.data.sector == "Other"){
1182	$scope.ngShowhide = true;	1216	$scope.ngShowhide = true;
1183	}else{	1217	}else{
1184	$scope.ngShowhide = false;	1218	$scope.ngShowhide = false;
1185	}	1219	}
1186	}	1220	}
1187		1221
1188	$rootScope.tokenCall = function(val) {	1222	$rootScope.tokenCall = function(val) {
1189	if (val == undefined) {	1223	if (val == undefined) {
1190	$('#invalidToken').css('display', 'block');	1224	$('#invalidToken').css('display', 'block');
1191	} else {	1225	} else {
1192	val = val.toUpperCase();	1226	val = val.toUpperCase();
1193	if((val == "IITH99" && $scope.data.city != "Hyderabad") \|\| (val == "IITM99" && $scope.data.city != "Chennai") \|\| (val == "IITD99" && $scope.data.city != "Delhi") \|\| (val == "IITB99" && $scope.data.city != "Mumbai") \|\| (val == "IITK99" && $scope.data.city != "Kanpur") \|\| (val == "IIMC99" && $scope.data.city != "Kolkata") \|\| (val == "IIMB99" && $scope.data.city != "Bengaluru") \|\| (val == "IIMA99" && $scope.data.city != "Ahmedabad")){	1227	if((val == "IITH99" && $scope.data.city != "Hyderabad") \|\| (val == "IITM99" && $scope.data.city != "Chennai") \|\| (val == "IITD99" && $scope.data.city != "Delhi") \|\| (val == "IITB99" && $scope.data.city != "Mumbai") \|\| (val == "IITK99" && $scope.data.city != "Kanpur") \|\| (val == "IIMC99" && $scope.data.city != "Kolkata") \|\| (val == "IIMB99" && $scope.data.city != "Bengaluru") \|\| (val == "IIMA99" && $scope.data.city != "Ahmedabad")){
1194	$scope.tokencheck = false;	1228	$scope.tokencheck = false;
1195	return;	1229	return;
1196	}	1230	}
1197	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": "' + val + '"}}')	1231	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": "' + val + '"}}')
1198	.then(function(searchResult) {	1232	.then(function(searchResult) {
1199	if (searchResult.data.length == 0) {	1233	if (searchResult.data.length == 0) {
1200	$scope.tokencheck = false;	1234	$scope.tokencheck = false;
1201	$scope.discountAmount = 0;	1235	$scope.discountAmount = 0;
1202	} else {	1236	} else {
1203	$scope.discountpercentage = searchResult.data[0].discount;	1237	$scope.discountpercentage = searchResult.data[0].discount;
1204	$scope.tokencheck = true;	1238	$scope.tokencheck = true;
1205	}	1239	}
1206	},function(err){	1240	},function(err){
1207	console.log(err)	1241	console.log(err)
1208	});	1242	});
1209		1243
1210	}	1244	}
1211	};	1245	};
1212		1246
1213	$scope.submit = function() {	1247	$scope.submit = function() {
1214	// Analytics.trackEvent('register', 'click', 'Registration');	1248	// Analytics.trackEvent('register', 'click', 'Registration');
1215	$scope.loading = true;	1249	$scope.loading = true;
1216	$scope.data.uploadFile = $scope.base64textString;	1250	$scope.data.uploadFile = $scope.base64textString;
1217	$scope.infoForm = true;	1251	$scope.infoForm = true;
1218	$scope.ticketAmnt = 1180;	1252	$scope.ticketAmnt = 1180;
1219	$scope.detail = {};	1253	$scope.detail = {};
1220	$scope.data.phone = "+91"+$scope.data.number;	1254	$scope.data.phone = "+91"+$scope.data.number;
1221	if($scope.data.referalToken == null){	1255	if($scope.data.referalToken == null){
1222	$scope.data.referalToken = "NA"	1256	$scope.data.referalToken = "NA"
1223	}	1257	}
1224	var file =document.getElementById('filePicker').files[0];	1258	var file =document.getElementById('filePicker').files[0];
1225	var image = BASE_URL+'/containers/images/download/'	1259	var image = BASE_URL+'/containers/images/download/'
1226	var imagePath = file.name;	1260	var imagePath = file.name;
1227	$scope.data.uploadFile = image + imagePath;	1261	$scope.data.uploadFile = image + imagePath;
1228	var fd = new FormData()	1262	var fd = new FormData()
1229	fd.append('filePicker',file);	1263	fd.append('filePicker',file);
1230	var deferred = $q.defer();	1264	var deferred = $q.defer();
1231	$http({	1265	$http({
1232	method:'POST',	1266	method:'POST',
1233	url: BASE_URL+'/containers/images/upload',	1267	url: BASE_URL+'/containers/images/upload',
1234	data:fd,	1268	data:fd,
1235	transformRequest:angular.identity,	1269	transformRequest:angular.identity,
1236	headers:{'Content-Type':undefined}	1270	headers:{'Content-Type':undefined}
1237	})	1271	})
1238	.success(function(result){	1272	.success(function(result){
1239	deferred.resolve(result);	1273	deferred.resolve(result);
1240	$http({	1274	$http({
1241	method: 'POST',	1275	method: 'POST',
1242	url: BASE_URL+'/applicants',	1276	url: BASE_URL+'/applicants',
1243	data: $scope.data,	1277	data: $scope.data,
1244	headers: {}	1278	headers: {}
1245	}).then(function mySuccess(result) {	1279	}).then(function mySuccess(result) {
1246	$scope.detail = result;	1280	$scope.detail = result;
1247	data.applicantId = result.data.id;	1281	data.applicantId = result.data.id;
1248	$scope.userId = result.data.id;	1282	$scope.userId = result.data.id;
1249	var amount = $scope.ticketAmnt * 100	1283	var amount = $scope.ticketAmnt * 100
1250	if($scope.tokencheck == true){	1284	if($scope.tokencheck == true){
1251	var amount = $scope.ticketAmnt	1285	var amount = $scope.ticketAmnt
1252	console.log("resultcity===",$scope.data.city)	1286	console.log("resultcity===",$scope.data.city)
1253	if($scope.discountpercentage == "100") {	1287	if($scope.discountpercentage == "100") {
1254	$scope.discountpercentage = "99.9";	1288	$scope.discountpercentage = "99.9";
1255	}	1289	}
1256	$scope.percDiscount = $scope.discountpercentage/100;	1290	$scope.percDiscount = $scope.discountpercentage/100;
1257	$scope.discountAmount = amount * $scope.percDiscount;	1291	$scope.discountAmount = amount * $scope.percDiscount;
1258	}	1292	}
1259	var taxAmount = $scope.ticketAmnt - $scope.discountAmount	1293	var taxAmount = $scope.ticketAmnt - $scope.discountAmount
1260	$scope.payingAmnt = taxAmount;	1294	$scope.payingAmnt = taxAmount;
1261	$scope.payingAmnt = $scope.payingAmnt.toFixed()	1295	$scope.payingAmnt = $scope.payingAmnt.toFixed()
1262	data.amount = $scope.payingAmnt;	1296	data.amount = $scope.payingAmnt;
1263	if($scope.detail != null){	1297	if($scope.detail != null){
1264	$http({	1298	$http({
1265	method: 'POST',	1299	method: 'POST',
1266	url: BASE_URL+'/payments',	1300	url: BASE_URL+'/payments',
1267	data: data,	1301	data: data,
1268	headers: {}	1302	headers: {}
1269	}).then(function mySuccess(paymentResult) {	1303	}).then(function mySuccess(paymentResult) {
1270	$scope.loading = false;	1304	$scope.loading = false;
1271	$scope.paymentResult = paymentResult;	1305	$scope.paymentResult = paymentResult;
1272	}, function myError(error) {	1306	}, function myError(error) {
1273	});	1307	});
1274	}	1308	}
1275		1309
1276	}, function myError(error) {	1310	}, function myError(error) {
1277		1311
1278	});	1312	});
1279		1313
1280	})	1314	})
1281		1315
1282	}	1316	}
1283		1317
1284	});	1318	});
1285		1319
1286		1320
1287	scotchApp.controller('ambassadorController', function($scope, $http, $location, $route, BASE_URL) {	1321	scotchApp.controller('ambassadorController', function($scope, $http, $location, $route, BASE_URL) {
1288	$scope.data = {};	1322	$scope.data = {};
1289	$scope.check = false;	1323	$scope.check = false;
1290	$scope.numberCheck = false;	1324	$scope.numberCheck = false;
1291		1325
1292	$scope.submit = function() {	1326	$scope.submit = function() {
1293	//var randomNumber = ""+Math.random();	1327	//var randomNumber = ""+Math.random();
1294	var nameSpliced = $scope.data.name.slice(0,5);	1328	var nameSpliced = $scope.data.name.slice(0,5);
1295	//var numberSpliced = randomNumber.slice(2,4);	1329	//var numberSpliced = randomNumber.slice(2,4);
1296	//var numberSpliced = "99";	1330	//var numberSpliced = "99";
1297	$scope.data.referalToken = nameSpliced;	1331	$scope.data.referalToken = nameSpliced;
1298	$scope.data.referalToken = $scope.data.referalToken.toUpperCase();	1332	$scope.data.referalToken = $scope.data.referalToken.toUpperCase();
1299	$http({	1333	$http({
1300	method: 'POST',	1334	method: 'POST',
1301	url: BASE_URL + '/ambassadors',	1335	url: BASE_URL + '/ambassadors',
1302	data: $scope.data,	1336	data: $scope.data,
1303	headers: {}	1337	headers: {}
1304	}).then(function mySuccess(result) {	1338	}).then(function mySuccess(result) {
1305	$scope.detail = result;	1339	$scope.detail = result;
1306	$('#myModal').modal('show');	1340	$('#myModal').modal('show');
1307	$scope.data.name = '';	1341	$scope.data.name = '';
1308	$scope.data.email = '';	1342	$scope.data.email = '';
1309	$scope.data.mobile = '';	1343	$scope.data.mobile = '';
1310	//$scope.data.discount = '';	1344	//$scope.data.discount = '';
1311		1345
1312	}, function myError(error) {	1346	}, function myError(error) {
1313	console.log(error)	1347	console.log(error)
1314	console.log(error.data.error.message)	1348	console.log(error.data.error.message)
1315	});	1349	});
1316	}	1350	}
1317	});	1351	});
1318		1352
1319		1353
1320		1354
1321		1355
1322		1356