viithiisys / startup_jalsa_frontend

Download as
Browse Code »

Commit 75afd776bee103a27437e7683a392f854c3abb14

Authored by Shilpi Saini
1 parent 2f6888b6f0
Exists in master

content change

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