viithiisys / startup_jalsa_frontend

Download as
Browse Code »

Commit 12b1412384c62cfd9a3273bc61cfdf4547faf38b

Authored by Shilpi Saini
1 parent 6ac108d15d
Exists in master

images color change

Showing 14 changed files with 22 additions and 22 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: #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: #D53735; 239 background-color: #D53735;
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: 97px;
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: 98px;
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: #D53735; 1257 color: #D53735;
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: #D53735; 1490 border-color: #FF6600;
1491 color: #D53735; 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: #D53735 !important; 1496 border-color: #FF6600 !important;
1497 color: #D53735 !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: #D53735; 1507 border-color: #FF6600;
1508 color: #D53735; 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: #D53735; 1512 border-color: #FF6600;
1513 color: #D53735; 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: #D53735; 1517 border-color: #FF6600;
1518 color: #D53735; 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 }

25.3 KB
images/10 (1).png
Diff comments   View file @12b1412

11.2 KB

10.2 KB

8.86 KB

15.9 KB

22.1 KB

9.53 KB

12.3 KB

42.2 KB

14.1 KB

12.4 KB

21 KB
pages/caricatures.html
Diff comments   View file @12b1412
1 <div class="col-xs-12 buttons"> 1 <div class="col-xs-12 buttons">
2 <button type="button" class="btn btn-dark btn-lg apply-act1 btn1" style="outline: none;" ng-click="isShowHide('INDIA')" value="INDIA" id="defaultcountry">INDIA</button> 2 <button type="button" class="btn btn-dark btn-lg apply-act1 btn1" style="outline: none;" ng-click="isShowHide('INDIA')" value="INDIA" id="defaultcountry">INDIA</button>
3 <button type="button" class="btn btn-dark btn-lg apply-act2 btn2" style="outline: none;" ng-click="isShowHide('SRI LANKA')" value="SRI LANKA">SRI LANKA</button> 3 <button type="button" class="btn btn-dark btn-lg apply-act2 btn2" style="outline: none;" ng-click="isShowHide('SRI LANKA')" value="SRI LANKA">SRI LANKA</button>
4 <button type="button" class="btn btn-dark btn-lg apply-act3 btn3" style="outline: none;" ng-click="isShowHide('BANGLADESH')" value="BANGLADESH">BANGLADESH</button> 4 <button type="button" class="btn btn-dark btn-lg apply-act3 btn3" style="outline: none;" ng-click="isShowHide('BANGLADESH')" value="BANGLADESH">BANGLADESH</button>
5 <button type="button" class="btn btn-dark btn-lg apply-act4 btn4" style="outline: none;" ng-click="isShowHide('NEPAL')" value="NEPAL">NEPAL</button> 5 <button type="button" class="btn btn-dark btn-lg apply-act4 btn4" style="outline: none;" ng-click="isShowHide('NEPAL')" value="NEPAL">NEPAL</button>
6 </div> 6 </div>
7 <div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showval"> 7 <div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showval">
8 <div class="stage-shadow" id="front"> 8 <div class="stage-shadow" id="front">
9 <div class="stages card-align"> 9 <div class="stages card-align">
10 <div class="row"> 10 <div class="row">
11 <!-- <div class="col-md-4 col-sm-8" style="margin-top: 5%;"> 11 <!-- <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
12 <div class="card" style="width:100%;border-radius: 6px;"> 12 <div class="card" style="width:100%;border-radius: 6px;">
13 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card"> 13 <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
14 <img class="card-img-top" src="images/Ahmedabad.png" style="width:100%" ng-click="watch('Chennai')"> 14 <img class="card-img-top" src="images/Ahmedabad.png" style="width:100%" ng-click="watch('Chennai')">
15 </label> 15 </label>
16 </div> 16 </div>
17 <div class="txt">Ahmedabad</div> 17 <div class="txt">Ahmedabad</div>
18 </div> --> 18 </div> -->
19 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 19 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
20 <div class="card1"> 20 <div class="card1">
21 <img class="card-img-top" src="images/mumbai.png"> 21 <img class="card-img-top" src="images/mumbai.png">
22 <img class="img-top" src="images/mumbai (1).png" ng-click="watch('Mumbai')"> 22 <img class="img-top" src="images/9 (1).png" ng-click="watch('Mumbai')">
23 </div> 23 </div>
24 <div class="txt">IIT Bombay</div> 24 <div class="txt">IIT Bombay</div>
25 <div class="txt1">Mumbai | September 4th, 2019</div> 25 <div class="txt1">Mumbai | September 4th, 2019</div>
26 </div> 26 </div>
27 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 27 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
28 <div class="card1"> 28 <div class="card1">
29 <img class="card-img-top" src="images/Bengaluru.png"> 29 <img class="card-img-top" src="images/Bengaluru.png">
30 <img class="img-top" src="images/bengaluru (1).png" ng-click="watch('Bengaluru')"> 30 <img class="img-top" src="images/2 (1).png" ng-click="watch('Bengaluru')">
31 </div> 31 </div>
32 <div class="txt">IIM Bengaluru</div> 32 <div class="txt">IIM Bengaluru</div>
33 <div class="txt1">Bengaluru | September 7th, 2019</div> 33 <div class="txt1">Bengaluru | September 7th, 2019</div>
34 </div> 34 </div>
35 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 35 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
36 <div class="card1"> 36 <div class="card1">
37 <img class="card-img-top" src="images/ahmedabad.png"> 37 <img class="card-img-top" src="images/ahmedabad.png">
38 <img class="img-top" src="images/Ahmedabad (1).png" ng-click="watch('Ahmedabad')"> 38 <img class="img-top" src="images/1 (1).png" ng-click="watch('Ahmedabad')">
39 </div> 39 </div>
40 <div class="txt">IIM Ahmedabad</div> 40 <div class="txt">IIM Ahmedabad</div>
41 <div class="txt1">Ahmedabad | September 11th, 2019</div> 41 <div class="txt1">Ahmedabad | September 11th, 2019</div>
42 </div> 42 </div>
43 </div> 43 </div>
44 </div> 44 </div>
45 </div> 45 </div>
46 <div class="clearfix"></div> 46 <div class="clearfix"></div>
47 <div class="stages card-align"> 47 <div class="stages card-align">
48 <div class="row"> 48 <div class="row">
49 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 49 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
50 <div class="card1"> 50 <div class="card1">
51 <img class="card-img-top" src="images/Hyderabad.png"> 51 <img class="card-img-top" src="images/Hyderabad.png">
52 <img class="img-top " src="images/hyderabad (1).png" ng-click="watch('Hyderabad')"> 52 <img class="img-top " src="images/5 (1).png" ng-click="watch('Hyderabad')">
53 </div> 53 </div>
54 <div class="txt">IIT Hyderabad</div> 54 <div class="txt">IIT Hyderabad</div>
55 <div class="txt1"> Hyderabad | September 14th, 2019</div> 55 <div class="txt1"> Hyderabad | September 14th, 2019</div>
56 </div> 56 </div>
57 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 57 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
58 <div class="card1"> 58 <div class="card1">
59 <img class="card-img-top" src="images/kolkata.png"> 59 <img class="card-img-top" src="images/kolkata.png">
60 <img class="img-top" src="images/Kolkata (1).png" ng-click="watch('Kolkata')"> 60 <img class="img-top" src="images/8 (1).png" ng-click="watch('Kolkata')">
61 </div> 61 </div>
62 <div class="txt">IIM Calcutta</div> 62 <div class="txt">IIM Calcutta</div>
63 <div class="txt1">Kolkata | September 17th, 2019</div> 63 <div class="txt1">Kolkata | September 17th, 2019</div>
64 </div> 64 </div>
65 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 65 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
66 <div class="card1"> 66 <div class="card1">
67 <img class="card-img-top" src="images/jaipur.png"> 67 <img class="card-img-top" src="images/jaipur.png">
68 <img class="img-top" src="images/jaipur (1).png" ng-click="watch('Jaipur')"> 68 <img class="img-top" src="images/6 (1).png" ng-click="watch('Jaipur')">
69 </div> 69 </div>
70 <div class="txt">Startup Oasis</div> 70 <div class="txt">Startup Oasis</div>
71 <div class="txt1">Jaipur | September 24th, 2019</div> 71 <div class="txt1">Jaipur | September 24th, 2019</div>
72 </div> 72 </div>
73 </div> 73 </div>
74 </div> 74 </div>
75 <div class="clearfix"></div> 75 <div class="clearfix"></div>
76 <div class="stages card-align"> 76 <div class="stages card-align">
77 <div class="row"> 77 <div class="row">
78 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 78 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
79 <div class="card1"> 79 <div class="card1">
80 <img class="card-img-top" src="images/kanpur.png"> 80 <img class="card-img-top" src="images/kanpur.png">
81 <img class="img-top" src="images/kanpur (1).png" ng-click="watch('Kanpur')"> 81 <img class="img-top" src="images/7 (1).png" ng-click="watch('Kanpur')">
82 </div> 82 </div>
83 <div class="txt">IIT Kanpur</div> 83 <div class="txt">IIT Kanpur</div>
84 <div class="txt1"> Kanpur | September 28th, 2019</div> 84 <div class="txt1"> Kanpur | September 28th, 2019</div>
85 </div> 85 </div>
86 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 86 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
87 <div class="card1"> 87 <div class="card1">
88 <img class="card-img-top" src="images/chennai.png"> 88 <img class="card-img-top" src="images/chennai.png">
89 <img class="img-top" src="images/chennai (1).png" ng-click="watch('Chennai')"> 89 <img class="img-top" src="images/3 (1).png" ng-click="watch('Chennai')">
90 </div> 90 </div>
91 <div class="txt">IIT-Madras</div> 91 <div class="txt">IIT-Madras</div>
92 <div class="txt1">Chennai | October 1st, 2019</div> 92 <div class="txt1">Chennai | October 1st, 2019</div>
93 </div> 93 </div>
94 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 94 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
95 <div class="card1"> 95 <div class="card1">
96 <img class="card-img-top" src="images/delhi.png"> 96 <img class="card-img-top" src="images/delhi.png">
97 <img class="img-top" src="images/delhi (1).png" ng-click="watch('Delhi')"> 97 <img class="img-top" src="images/4 (1).png" ng-click="watch('Delhi')">
98 </div> 98 </div>
99 <div class="txt">IIT Delhi</div> 99 <div class="txt">IIT Delhi</div>
100 <div class="txt1">Delhi | October 16th, 2019</div> 100 <div class="txt1">Delhi | October 16th, 2019</div>
101 </div> 101 </div>
102 </div> 102 </div>
103 </div> 103 </div>
104 </div> 104 </div>
105 <div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hideval"> 105 <div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hideval">
106 <div class="stage-shadow" id="front"> 106 <div class="stage-shadow" id="front">
107 <div class="stages card-align"> 107 <div class="stages card-align">
108 <div class="row"> 108 <div class="row">
109 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 109 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
110 <div class="card1"> 110 <div class="card1">
111 <img class="card-img-top" src="images/Colombo.png"> 111 <img class="card-img-top" src="images/Colombo.png">
112 <img class="img-top" src="images/Sri_Lanka.png" ng-click="watch('Colombo')"> 112 <img class="img-top" src="images/10 (1).png" ng-click="watch('Colombo')">
113 </div> 113 </div>
114 <div class="txt">Likuid Spaces</div> 114 <div class="txt">Likuid Spaces</div>
115 <div class="txt1">Colombo | October 5th, 2019</div> 115 <div class="txt1">Colombo | October 5th, 2019</div>
116 </div> 116 </div>
117 </div> 117 </div>
118 </div> 118 </div>
119 </div> 119 </div>
120 </div> 120 </div>
121 <div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showvalue"> 121 <div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showvalue">
122 <div class="stage-shadow" id="front"> 122 <div class="stage-shadow" id="front">
123 <div class="stages card-align"> 123 <div class="stages card-align">
124 <div class="row"> 124 <div class="row">
125 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 125 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
126 <div class="card1"> 126 <div class="card1">
127 <img class="card-img-top" src="images/Dhaka.png"> 127 <img class="card-img-top" src="images/Dhaka.png">
128 <img class="img-top" src="images/BAngladesh.png" ng-click="watch('Dhaka')"> 128 <img class="img-top" src="images/11.png" ng-click="watch('Dhaka')">
129 </div> 129 </div>
130 <div class="txt">Dhaka, Bangladesh</div> 130 <div class="txt">Dhaka, Bangladesh</div>
131 <div class="txt1">Dhaka | September 21st, 2019</div> 131 <div class="txt1">Dhaka | September 21st, 2019</div>
132 </div> 132 </div>
133 </div> 133 </div>
134 </div> 134 </div>
135 </div> 135 </div>
136 </div> 136 </div>
137 <div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hidevalue"> 137 <div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hidevalue">
138 <div class="stage-shadow" id="front"> 138 <div class="stage-shadow" id="front">
139 <div class="stages card-align"> 139 <div class="stages card-align">
140 <div class="row"> 140 <div class="row">
141 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;"> 141 <div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
142 <div class="card1"> 142 <div class="card1">
143 <img class="card-img-top" src="images/Kathmandu.png"> 143 <img class="card-img-top" src="images/Kathmandu.png">
144 <img class="img-top" src="images/Nepal.png" ng-click="watch('Kathmandu')"> 144 <img class="img-top" src="images/12.png" ng-click="watch('Kathmandu')">
145 </div> 145 </div>
146 <div class="txt">Innovative Hive</div> 146 <div class="txt">Innovative Hive</div>
147 <div class="txt1">Kathmandu | October 12th, 2019</div> 147 <div class="txt1">Kathmandu | October 12th, 2019</div>
148 </div> 148 </div>
149 </div> 149 </div>
150 </div> 150 </div>
151 </div> 151 </div>
152 </div> 152 </div>
153 <span ng-show="span == true"> 153 <span ng-show="span == true">
154 <span id="chennai"></span> 154 <span id="chennai"></span>
155 <span id="mumbai"></span> 155 <span id="mumbai"></span>
156 <span id="hyderabad"></span> 156 <span id="hyderabad"></span>
157 <span id="kolkata"></span> 157 <span id="kolkata"></span>
158 <span id="delhi"></span> 158 <span id="delhi"></span>
159 <span id="ahmedabad"></span> 159 <span id="ahmedabad"></span>
160 <span id="bengaluru"></span> 160 <span id="bengaluru"></span>
161 <span id="jaipur"></span> 161 <span id="jaipur"></span>
162 <span id="kanpur"></span> 162 <span id="kanpur"></span>
163 <span id="dharamsala"></span> 163 <span id="dharamsala"></span>
164 </span> 164 </span>