Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code »

Commit a62f1d19826ff0e0eae191ad138828ad6de1a25e

Authored by apple
1 parent ad6977033b
Exists in master

size change

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