viithiisys / startup_jalsa_frontend

Download as
Browse Code »

Commit 4a0f11c9fbee5162ec4c136420be33d8d5e72595

Authored by Palak Handa
1 parent 3c93601526
Exists in master and in 1 other branch paytm

minor changes

Showing 2 changed files with 11 additions and 16 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 /*.text-input{ 183 /*.text-input{
184 width: 100%; 184 width: 100%;
185 border: 0; 185 border: 0;
186 border-bottom: 2px solid #42b549; 186 border-bottom: 2px solid #42b549;
187 font-size: 18px; 187 font-size: 18px;
188 padding: 5px; 188 padding: 5px;
189 }*/ 189 }*/
190 .input-wrapper{ 190 .input-wrapper{
191 margin-bottom: 15px !important; 191 margin-bottom: 15px !important;
192 } 192 }
193 .select-input{ 193 .select-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 background-color: transparent; 197 background-color: transparent;
198 font-size: 12px; 198 font-size: 12px;
199 padding: 5px; 199 padding: 5px;
200 } 200 }
201 .submit-button, .submit-button:hover{ 201 .submit-button, .submit-button:hover{
202 /*background-color: #00bcd4;*/ 202 /*background-color: #00bcd4;*/
203 background-color: rgb(92, 198, 208); 203 background-color: rgb(92, 198, 208);
204 color: #fff; 204 color: #fff;
205 /*display: none;*/ 205 /*display: none;*/
206 } 206 }
207 .submit-button:disabled{ 207 .submit-button:disabled{
208 background-color: #ddd; 208 background-color: #ddd;
209 } 209 }
210 .textarea{ 210 .textarea{
211 min-height: 97px; 211 min-height: 97px;
212 } 212 }
213 .error-message{ 213 .error-message{
214 font-weight: inherit; 214 font-weight: inherit;
215 color: #ff0000; 215 color: #ff0000;
216 margin: 5px 4px -5px 0px; 216 margin: 5px 4px -5px 0px;
217 display: none; 217 display: none;
218 } 218 }
219 219
220 /*custom input*/ 220 /*custom input*/
221 .text-input, select { 221 .text-input, select {
222 width: 100%; 222 width: 100%;
223 -webkit-appearance: none; 223 -webkit-appearance: none;
224 padding: 12px 25px; 224 padding: 12px 25px;
225 margin: -2px 0; 225 margin: -2px 0;
226 display: inline-block; 226 display: inline-block;
227 border: 0px solid rgba(51, 51, 51, 0); 227 border: 0px solid rgba(51, 51, 51, 0);
228 border-radius: -3px; 228 border-radius: -3px;
229 box-sizing: border-box; 229 box-sizing: border-box;
230 box-shadow: 0 0 10px rgba(240, 255, 235); 230 box-shadow: 0 0 10px rgba(240, 255, 235);
231 -moz-box-shadow: 0 0 10px rgba(240, 255, 235); 231 -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
232 -webkit-box-shadow: 0 0 5px #777; 232 -webkit-box-shadow: 0 0 5px #777;
233 -o-box-shadow: 0 0 10px rgba(240, 255, 235); 233 -o-box-shadow: 0 0 10px rgba(240, 255, 235);
234 font-size: 12px; 234 font-size: 12px;
235 } 235 }
236 236
237 /* progress bar css */ 237 /* progress bar css */
238 238
239 @-webkit-keyframes 239 @-webkit-keyframes
240 load { 0% { 240 load { 0% {
241 stroke-dashoffset:0 241 stroke-dashoffset:0
242 } 242 }
243 } 243 }
244 @-moz-keyframes 244 @-moz-keyframes
245 load { 0% { 245 load { 0% {
246 stroke-dashoffset:0 246 stroke-dashoffset:0
247 } 247 }
248 } 248 }
249 @keyframes 249 @keyframes
250 load { 0% { 250 load { 0% {
251 stroke-dashoffset:0 251 stroke-dashoffset:0
252 } 252 }
253 } 253 }
254 254
255 /* Container */ 255 /* Container */
256 256
257 .progress-form { 257 .progress-form {
258 position: relative; 258 position: relative;
259 display: inline-block; 259 display: inline-block;
260 padding: 0; 260 padding: 0;
261 text-align: center; 261 text-align: center;
262 } 262 }
263 263
264 /* Item */ 264 /* Item */
265 265
266 .progress-form>li { 266 .progress-form>li {
267 display: inline-block; 267 display: inline-block;
268 position: relative; 268 position: relative;
269 text-align: center; 269 text-align: center;
270 color: #93A2AC; 270 color: #93A2AC;
271 font-family: Lato; 271 font-family: Lato;
272 font-weight: 100; 272 font-weight: 100;
273 margin: 2rem; 273 margin: 2rem;
274 } 274 }
275 275
276 .progress-form>li:before { 276 .progress-form>li:before {
277 content: attr(data-name); 277 content: attr(data-name);
278 position: absolute; 278 position: absolute;
279 width: 100%; 279 width: 100%;
280 bottom: -2rem; 280 bottom: -2rem;
281 font-weight: 400; 281 font-weight: 400;
282 } 282 }
283 283
284 .progress-form>li:after { 284 .progress-form>li:after {
285 content: attr(data-percent); 285 content: attr(data-percent);
286 position: absolute; 286 position: absolute;
287 width: 100%; 287 width: 100%;
288 top: 3.7rem; 288 top: 3.7rem;
289 left: 0; 289 left: 0;
290 font-size: 2rem; 290 font-size: 2rem;
291 text-align: center; 291 text-align: center;
292 } 292 }
293 293
294 .progress-form svg { 294 .progress-form svg {
295 width: 10rem; 295 width: 10rem;
296 height: 10rem; 296 height: 10rem;
297 } 297 }
298 298
299 .progress-form svg:nth-child(2) { 299 .progress-form svg:nth-child(2) {
300 position: absolute; 300 position: absolute;
301 left: 0; 301 left: 0;
302 top: 0; 302 top: 0;
303 transform: rotate(-90deg); 303 transform: rotate(-90deg);
304 -webkit-transform: rotate(-90deg); 304 -webkit-transform: rotate(-90deg);
305 -moz-transform: rotate(-90deg); 305 -moz-transform: rotate(-90deg);
306 -ms-transform: rotate(-90deg); 306 -ms-transform: rotate(-90deg);
307 } 307 }
308 308
309 .progress-form svg:nth-child(2) path { 309 .progress-form svg:nth-child(2) path {
310 fill: none; 310 fill: none;
311 stroke-width: 25; 311 stroke-width: 25;
312 stroke-dasharray: 629; 312 stroke-dasharray: 629;
313 stroke: rgba(255, 255, 255, 0.9); 313 stroke: rgba(255, 255, 255, 0.9);
314 -webkit-animation: load 10s; 314 -webkit-animation: load 10s;
315 -moz-animation: load 10s; 315 -moz-animation: load 10s;
316 -o-animation: load 10s; 316 -o-animation: load 10s;
317 animation: load 10s; 317 animation: load 10s;
318 } 318 }
319 /*circle of stage image*/ 319 /*circle of stage image*/
320 .circular{ 320 .circular{
321 321
322 -webkit-border-radius: 150px; 322 -webkit-border-radius: 150px;
323 -moz-border-radius: 150px; 323 -moz-border-radius: 150px;
324 border-radius: 150px; 324 border-radius: 150px;
325 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 325 box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
326 border: 5px solid white; 326 border: 5px solid white;
327 overflow: hidden; 327 overflow: hidden;
328 position: fixed; 328 position: fixed;
329 height: 100px; 329 height: 100px;
330 width: 100px; 330 width: 100px;
331 left: 80px; 331 left: 80px;
332 top: 20px; 332 top: 20px;
333 } 333 }
334 /*font-size*/ 334 /*font-size*/
335 .font{ 335 .font{
336 font-size: 14px; 336 font-size: 14px;
337 } 337 }
338 338
339 .f-family { 339 .f-family {
340 font-family:sans-serif; 340 font-family:sans-serif;
341 } 341 }
342 342
343 /*container-card css*/ 343 /*container-card css*/
344 .container-card { 344 .container-card {
345 width: auto; 345 width: auto;
346 float: left; 346 float: left;
347 margin: 31px 24px 26px 14px; 347 margin: 31px 24px 26px 14px;
348 } 348 }
349 349
350 /******This css for header container******/ 350 /******This css for header container******/
351 .h1 { 351 .h1 {
352 font-size: 20px; 352 font-size: 20px;
353 margin: 11px; 353 margin: 11px;
354 } 354 }
355 355
356 .paragraph { 356 .paragraph {
357 font-size: 14px; 357 font-size: 14px;
358 margin: 30px 10px 20px; 358 margin: 30px 10px 20px;
359 line-height: 1.5; 359 line-height: 1.5;
360 } 360 }
361 /*This css for stages container*/ 361 /*This css for stages container*/
362 362
363 .full-line { 363 .full-line {
364 border-bottom: 2px solid #dedede; 364 border-bottom: 2px solid #dedede;
365 padding: 15px 10px; 365 padding: 15px 10px;
366 } 366 }
367 367
368 .stages-card { 368 .stages-card {
369 width: auto; 369 width: auto;
370 float: left; 370 float: left;
371 /*margin: -30px 8px 7px 22px;*/ 371 /*margin: -30px 8px 7px 22px;*/
372 } 372 }
373 373
374 /*form -css*/ 374 /*form -css*/
375 .form-all { 375 .form-all {
376 margin: 13px 4px 26px -2px; 376 margin: 13px 4px 26px -2px;
377 /*display: none;*/ 377 /*display: none;*/
378 } 378 }
379 379
380 .step-two-form{ 380 .step-two-form{
381 display: block; 381 display: block;
382 } 382 }
383 383
384 /*This is for stages images*/ 384 /*This is for stages images*/
385 .stage-img { 385 .stage-img {
386 width: 115px; 386 width: 115px;
387 } 387 }
388 388
389 .stage-thumbnail { 389 .stage-thumbnail {
390 float: left; 390 float: left;
391 margin-bottom: 0; 391 margin-bottom: 0;
392 } 392 }
393 393
394 .stage-shadow { 394 .stage-shadow {
395 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 395 /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
396 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 396 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
397 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */ 397 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
398 /*margin: 3px 22px 14px 14px;*/ 398 /*margin: 3px 22px 14px 14px;*/
399 background-color: #ffffff; 399 background-color: #ffffff;
400 } 400 }
401 401
402 .line-size { 402 .line-size {
403 403
404 } 404 }
405 405
406 .card-paragraph { 406 .card-paragraph {
407 background-color: rgba(66, 181, 73, 0.61); 407 background-color: rgba(66, 181, 73, 0.61);
408 color: #fff; 408 color: #fff;
409 } 409 }
410 410
411 /* identity card css*/ 411 /* identity card css*/
412 412
413 .identity-shadow { 413 .identity-shadow {
414 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 414 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
415 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 415 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
416 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 416 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
417 margin: 15px 15px 17px 14px; 417 margin: 15px 15px 17px 14px;
418 background-color: #ffffff; 418 background-color: #ffffff;
419 /*display: none;*/ 419 /*display: none;*/
420 } 420 }
421 421
422 .identity-question { 422 .identity-question {
423 border-bottom: 2px solid #dedede; 423 border-bottom: 2px solid #dedede;
424 padding: 0px 10px; 424 padding: 0px 10px;
425 } 425 }
426 426
427 .identity-align { 427 .identity-align {
428 margin: 8px -12px 19px 13px; 428 margin: 8px -12px 19px 13px;
429 } 429 }
430 430
431 431
432 /********This css for sectors**************/ 432 /********This css for sectors**************/
433 .sectors-card { 433 .sectors-card {
434 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 434 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
435 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 435 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
436 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 436 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
437 margin: 27px 22px 14px 14px; 437 margin: 27px 22px 14px 14px;
438 background-color: #ffffff; 438 background-color: #ffffff;
439 /*display: none;*/ 439 /*display: none;*/
440 } 440 }
441 441
442 .sector-card { 442 .sector-card {
443 width: auto; 443 width: auto;
444 float: left; 444 float: left;
445 margin: 29px 22px 26px 14px; 445 margin: 29px 22px 26px 14px;
446 } 446 }
447 447
448 .sector-question { 448 .sector-question {
449 border-bottom: 2px solid #dedede; 449 border-bottom: 2px solid #dedede;
450 padding: 15px 10px; 450 padding: 15px 10px;
451 } 451 }
452 452
453 /*To make the Stages in the center*/ 453 /*To make the Stages in the center*/
454 .card-align { 454 .card-align {
455 /*margin: 56px -267px 11px -37px;*/ 455 /*margin: 56px -267px 11px -37px;*/
456 } 456 }
457 457
458 /*To make the sectors in the center */ 458 /*To make the sectors in the center */
459 459
460 460
461 /*************sidebar content margin***********/ 461 /*************sidebar content margin***********/
462 .sidebar-align { 462 .sidebar-align {
463 margin: -5px -3px -18px 9px; 463 margin: -5px -3px -18px 9px;
464 } 464 }
465 465
466 .heading { 466 .heading {
467 margin: 15px 10px 15px 16px; 467 margin: 15px 10px 15px 16px;
468 } 468 }
469 .quiz { 469 .quiz {
470 margin: 5px 5px 6px 19px; 470 margin: 5px 5px 6px 19px;
471 font-size: 12px; 471 font-size: 12px;
472 } 472 }
473 473
474 #footer { 474 #footer {
475 position: bottom; 475 position: bottom;
476 width: 100%; 476 width: 100%;
477 height: auto; 477 height: auto;
478 } 478 }
479 479
480 #front { 480 #front {
481 background-image: url(/images/mock_up_background.jpg); 481 background-image: url(/images/mock_up_background.jpg);
482 background-repeat: round; 482 background-repeat: no-repeat;
483 483 background-size: cover;
484 background-attachment: fixed;
484 } 485 }
485 486
486 /* .footer { 487 /* .footer {
487 488
488 bottom: 0px; 489 bottom: 0px;
489 background-color: #76b34f !important; 490 background-color: #76b34f !important;
490 width: 100%; 491 width: 100%;
491 color:rgba(255, 255, 255, 0.77); 492 color:rgba(255, 255, 255, 0.77);
492 }*/ 493 }*/
493 494
494 /********question box*****************/ 495 /********question box*****************/
495 .question-shadow { 496 .question-shadow {
496 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 497 box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
497 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 498 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
498 0px 2px 1px -1px rgba(0, 0, 0, 0.12); 499 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
499 margin: 15px 15px 17px 14px; 500 margin: 15px 15px 17px 14px;
500 background-color: #ffffff; 501 background-color: #ffffff;
501 } 502 }
502 503
503 504
504 505
505 .question-card { 506 .question-card {
506 width: auto; 507 width: auto;
507 float: left; 508 float: left;
508 margin: 29px 22px 26px 14px; 509 margin: 29px 22px 26px 14px;
509 } 510 }
510 511
511 /*for p*/ 512 /*for p*/
512 .line-space { 513 .line-space {
513 line-height: 1.6em; 514 line-height: 1.6em;
514 font-size: 11px; 515 font-size: 11px;
515 } 516 }
516 517
517 .line-adjust { 518 .line-adjust {
518 margin-left: 0px; 519 margin-left: 0px;
519 } 520 }
520 521
521 /*badge icon css*/ 522 /*badge icon css*/
522 523
523 .material-icons{ 524 .material-icons{
524 font-size: 17px !important; 525 font-size: 17px !important;
525 } 526 }
526 527
527 .icon-circle-a { 528 .icon-circle-a {
528 background: rgba(89, 89, 89, 0.92); 529 background: rgba(89, 89, 89, 0.92);
529 border-radius: 50%; 530 border-radius: 50%;
530 width: 30px; 531 width: 30px;
531 height: 30px; 532 height: 30px;
532 position: absolute; 533 position: absolute;
533 left: 14px; 534 left: 14px;
534 margin-top: 10px; 535 margin-top: 10px;
535 color: #fff; 536 color: #fff;
536 text-align: center; 537 text-align: center;
537 } 538 }
538 539
539 .icon-circle-b { 540 .icon-circle-b {
540 background: rgba(89, 89, 89, 0.92); 541 background: rgba(89, 89, 89, 0.92);
541 border-radius: 50%; 542 border-radius: 50%;
542 width: 30px; 543 width: 30px;
543 height: 30px; 544 height: 30px;
544 position: absolute; 545 position: absolute;
545 left: 14px; 546 left: 14px;
546 margin-top: 10px; 547 margin-top: 10px;
547 color: #fff; 548 color: #fff;
548 text-align: center; 549 text-align: center;
549 } 550 }
550 551
551 .icon-circle-c { 552 .icon-circle-c {
552 background: rgba(89, 89, 89, 0.92); 553 background: rgba(89, 89, 89, 0.92);
553 border-radius: 50%; 554 border-radius: 50%;
554 width: 30px; 555 width: 30px;
555 height: 30px; 556 height: 30px;
556 position: absolute; 557 position: absolute;
557 left: 0px; 558 left: 0px;
558 margin-top: 4px; 559 margin-top: 4px;
559 color: #fff; 560 color: #fff;
560 text-align: center; 561 text-align: center;
561 } 562 }
562 563
563 .icon-circle-d { 564 .icon-circle-d {
564 background: rgba(89, 89, 89, 0.92); 565 background: rgba(89, 89, 89, 0.92);
565 border-radius: 50%; 566 border-radius: 50%;
566 width: 30px; 567 width: 30px;
567 height: 30px; 568 height: 30px;
568 position: absolute; 569 position: absolute;
569 left: 0px; 570 left: 0px;
570 margin-top: 4px; 571 margin-top: 4px;
571 color: #fff; 572 color: #fff;
572 text-align: center; 573 text-align: center;
573 } 574 }
574 575
575 .icon-circle-e { 576 .icon-circle-e {
576 background: rgba(89, 89, 89, 0.92); 577 background: rgba(89, 89, 89, 0.92);
577 border-radius: 50%; 578 border-radius: 50%;
578 width: 30px; 579 width: 30px;
579 height: 30px; 580 height: 30px;
580 position: absolute; 581 position: absolute;
581 left: 0px; 582 left: 0px;
582 margin-top: 4px; 583 margin-top: 4px;
583 color: #fff; 584 color: #fff;
584 text-align: center; 585 text-align: center;
585 } 586 }
586 587
587 .icon-circle-f { 588 .icon-circle-f {
588 background: rgba(89, 89, 89, 0.92); 589 background: rgba(89, 89, 89, 0.92);
589 border-radius: 50%; 590 border-radius: 50%;
590 width: 30px; 591 width: 30px;
591 height: 30px; 592 height: 30px;
592 position: absolute; 593 position: absolute;
593 left: 0px; 594 left: 0px;
594 margin-top: 3px; 595 margin-top: 3px;
595 color: #fff; 596 color: #fff;
596 text-align: center; 597 text-align: center;
597 } 598 }
598 599
599 .icon-circle-g { 600 .icon-circle-g {
600 background: rgba(89, 89, 89, 0.92); 601 background: rgba(89, 89, 89, 0.92);
601 border-radius: 50%; 602 border-radius: 50%;
602 width: 30px; 603 width: 30px;
603 height: 30px; 604 height: 30px;
604 position: absolute; 605 position: absolute;
605 left: 14px; 606 left: 14px;
606 margin-top: 10px; 607 margin-top: 10px;
607 color: #fff; 608 color: #fff;
608 text-align: center; 609 text-align: center;
609 } 610 }
610 611
611 .icon-circle-h { 612 .icon-circle-h {
612 background: rgba(89, 89, 89, 0.92); 613 background: rgba(89, 89, 89, 0.92);
613 border-radius: 50%; 614 border-radius: 50%;
614 width: 30px; 615 width: 30px;
615 height: 30px; 616 height: 30px;
616 position: absolute; 617 position: absolute;
617 left: 0px; 618 left: 0px;
618 margin-top: 4px; 619 margin-top: 4px;
619 color: #fff; 620 color: #fff;
620 text-align: center; 621 text-align: center;
621 } 622 }
622 623
623 .icon-circle-i { 624 .icon-circle-i {
624 background: rgba(89, 89, 89, 0.92); 625 background: rgba(89, 89, 89, 0.92);
625 border-radius: 50%; 626 border-radius: 50%;
626 width: 30px; 627 width: 30px;
627 height: 30px; 628 height: 30px;
628 position: absolute; 629 position: absolute;
629 left: 0px; 630 left: 0px;
630 margin-top: 4px; 631 margin-top: 4px;
631 color: #fff; 632 color: #fff;
632 text-align: center; 633 text-align: center;
633 } 634 }
634 635
635 .icon-circle-j { 636 .icon-circle-j {
636 background: rgba(89, 89, 89, 0.92); 637 background: rgba(89, 89, 89, 0.92);
637 border-radius: 50%; 638 border-radius: 50%;
638 width: 30px; 639 width: 30px;
639 height: 30px; 640 height: 30px;
640 position: absolute; 641 position: absolute;
641 left: 0px; 642 left: 0px;
642 margin-top: 4px; 643 margin-top: 4px;
643 color: #fff; 644 color: #fff;
644 text-align: center; 645 text-align: center;
645 } 646 }
646 647
647 .icon-circle-k { 648 .icon-circle-k {
648 background: rgba(89, 89, 89, 0.92); 649 background: rgba(89, 89, 89, 0.92);
649 border-radius: 50%; 650 border-radius: 50%;
650 width: 30px; 651 width: 30px;
651 height: 30px; 652 height: 30px;
652 position: absolute; 653 position: absolute;
653 left: 0px; 654 left: 0px;
654 margin-top: 4px; 655 margin-top: 4px;
655 color: #fff; 656 color: #fff;
656 text-align: center; 657 text-align: center;
657 } 658 }
658 659
659 .icon-circle-y { 660 .icon-circle-y {
660 background: rgba(89, 89, 89, 0.92); 661 background: rgba(89, 89, 89, 0.92);
661 border-radius: 50%; 662 border-radius: 50%;
662 width: 30px; 663 width: 30px;
663 height: 30px; 664 height: 30px;
664 position: absolute; 665 position: absolute;
665 left: 0px; 666 left: 0px;
666 margin-top: 4px; 667 margin-top: 4px;
667 color: #fff; 668 color: #fff;
668 text-align: center; 669 text-align: center;
669 } 670 }
670 671
671 .icon-circle-o { 672 .icon-circle-o {
672 background: rgba(89, 89, 89, 0.92); 673 background: rgba(89, 89, 89, 0.92);
673 border-radius: 50%; 674 border-radius: 50%;
674 width: 30px; 675 width: 30px;
675 height: 30px; 676 height: 30px;
676 position: absolute; 677 position: absolute;
677 left: 0px; 678 left: 0px;
678 margin-top: 4px; 679 margin-top: 4px;
679 color: #fff; 680 color: #fff;
680 text-align: center; 681 text-align: center;
681 } 682 }
682 683
683 .icon-circle-l { 684 .icon-circle-l {
684 background: rgba(89, 89, 89, 0.92); 685 background: rgba(89, 89, 89, 0.92);
685 border-radius: 50%; 686 border-radius: 50%;
686 width: 30px; 687 width: 30px;
687 height: 30px; 688 height: 30px;
688 position: absolute; 689 position: absolute;
689 left: 0px; 690 left: 0px;
690 margin-top: 4px; 691 margin-top: 4px;
691 color: #fff; 692 color: #fff;
692 text-align: center; 693 text-align: center;
693 } 694 }
694 695
695 .icon-circle-m { 696 .icon-circle-m {
696 background: rgba(89, 89, 89, 0.92); 697 background: rgba(89, 89, 89, 0.92);
697 border-radius: 50%; 698 border-radius: 50%;
698 width: 30px; 699 width: 30px;
699 height: 30px; 700 height: 30px;
700 position: absolute; 701 position: absolute;
701 left: 0px; 702 left: 0px;
702 margin-top: 4px; 703 margin-top: 4px;
703 color: #fff; 704 color: #fff;
704 text-align: center; 705 text-align: center;
705 } 706 }
706 707
707 .icon-circle-n { 708 .icon-circle-n {
708 background: rgba(89, 89, 89, 0.92); 709 background: rgba(89, 89, 89, 0.92);
709 border-radius: 50%; 710 border-radius: 50%;
710 width: 30px; 711 width: 30px;
711 height: 30px; 712 height: 30px;
712 position: absolute; 713 position: absolute;
713 left: 0px; 714 left: 0px;
714 margin-top: 4px; 715 margin-top: 4px;
715 color: #fff; 716 color: #fff;
716 text-align: center; 717 text-align: center;
717 } 718 }
718 719
719 .icon-circle-x { 720 .icon-circle-x {
720 background: rgba(89, 89, 89, 0.92); 721 background: rgba(89, 89, 89, 0.92);
721 border-radius: 50%; 722 border-radius: 50%;
722 width: 30px; 723 width: 30px;
723 height: 30px; 724 height: 30px;
724 position: absolute; 725 position: absolute;
725 left: 0px; 726 left: 0px;
726 margin-top: 4px; 727 margin-top: 4px;
727 color: #fff; 728 color: #fff;
728 text-align: center; 729 text-align: center;
729 } 730 }
730 731
731 .icon-circle-p { 732 .icon-circle-p {
732 background: rgba(89, 89, 89, 0.92); 733 background: rgba(89, 89, 89, 0.92);
733 border-radius: 50%; 734 border-radius: 50%;
734 width: 30px; 735 width: 30px;
735 height: 30px; 736 height: 30px;
736 position: absolute; 737 position: absolute;
737 left: 0px; 738 left: 0px;
738 margin-top: 3px; 739 margin-top: 3px;
739 color: #fff; 740 color: #fff;
740 text-align: center; 741 text-align: center;
741 } 742 }
742 743
743 .icon-circle-z { 744 .icon-circle-z {
744 background: rgba(89, 89, 89, 0.92); 745 background: rgba(89, 89, 89, 0.92);
745 border-radius: 50%; 746 border-radius: 50%;
746 width: 30px; 747 width: 30px;
747 height: 30px; 748 height: 30px;
748 position: absolute; 749 position: absolute;
749 left: 0px; 750 left: 0px;
750 margin-top: 4px; 751 margin-top: 4px;
751 color: #fff; 752 color: #fff;
752 text-align: center; 753 text-align: center;
753 } 754 }
754 755
755 .icon-circle-q { 756 .icon-circle-q {
756 background: rgba(89, 89, 89, 0.92); 757 background: rgba(89, 89, 89, 0.92);
757 border-radius: 50%; 758 border-radius: 50%;
758 width: 30px; 759 width: 30px;
759 height: 30px; 760 height: 30px;
760 position: absolute; 761 position: absolute;
761 left: 0px; 762 left: 0px;
762 margin-top: 4px; 763 margin-top: 4px;
763 color: #fff; 764 color: #fff;
764 text-align: center; 765 text-align: center;
765 } 766 }
766 767
767 .icon-circle-ab { 768 .icon-circle-ab {
768 background: rgba(89, 89, 89, 0.92); 769 background: rgba(89, 89, 89, 0.92);
769 border-radius: 50%; 770 border-radius: 50%;
770 width: 30px; 771 width: 30px;
771 height: 30px; 772 height: 30px;
772 position: absolute; 773 position: absolute;
773 left: 0px; 774 left: 0px;
774 margin-top: 3px; 775 margin-top: 3px;
775 color: #fff; 776 color: #fff;
776 text-align: center; 777 text-align: center;
777 } 778 }
778 779
779 .icon-circle-abc { 780 .icon-circle-abc {
780 background: rgba(89, 89, 89, 0.92); 781 background: rgba(89, 89, 89, 0.92);
781 border-radius: 50%; 782 border-radius: 50%;
782 width: 30px; 783 width: 30px;
783 height: 30px; 784 height: 30px;
784 position: absolute; 785 position: absolute;
785 left: 0px; 786 left: 0px;
786 margin-top: 3px; 787 margin-top: 3px;
787 color: #fff; 788 color: #fff;
788 text-align: center; 789 text-align: center;
789 } 790 }
790 791
791 .icon-circle-bc { 792 .icon-circle-bc {
792 background: rgba(89, 89, 89, 0.92); 793 background: rgba(89, 89, 89, 0.92);
793 border-radius: 50%; 794 border-radius: 50%;
794 width: 30px; 795 width: 30px;
795 height: 30px; 796 height: 30px;
796 position: absolute; 797 position: absolute;
797 left: 0px; 798 left: 0px;
798 margin-top: 3px; 799 margin-top: 3px;
799 color: #fff; 800 color: #fff;
800 text-align: center; 801 text-align: center;
801 } 802 }
802 803
803 .icon-circle-abcdefg { 804 .icon-circle-abcdefg {
804 background: rgba(89, 89, 89, 0.92); 805 background: rgba(89, 89, 89, 0.92);
805 border-radius: 50%; 806 border-radius: 50%;
806 width: 30px; 807 width: 30px;
807 height: 30px; 808 height: 30px;
808 position: absolute; 809 position: absolute;
809 left: 0px; 810 left: 0px;
810 margin-top: 3px; 811 margin-top: 3px;
811 color: #fff; 812 color: #fff;
812 text-align: center; 813 text-align: center;
813 } 814 }
814 815
815 .referel-icon { 816 .referel-icon {
816 background: rgba(89, 89, 89, 0.92); 817 background: rgba(89, 89, 89, 0.92);
817 border-radius: 50%; 818 border-radius: 50%;
818 width: 30px; 819 width: 30px;
819 height: 30px; 820 height: 30px;
820 position: absolute; 821 position: absolute;
821 left: 0px; 822 left: 0px;
822 margin-top: 3px; 823 margin-top: 3px;
823 color: #fff; 824 color: #fff;
824 text-align: center; 825 text-align: center;
825 } 826 }
826 827
827 828
828 /*quiz*/ 829 /*quiz*/
829 .q-card-align div{ 830 .q-card-align div{
830 margin-bottom: 15px; 831 margin-bottom: 15px;
831 } 832 }
832 833
833 .drop-down { 834 .drop-down {
834 background-color: #fff; 835 background-color: #fff;
835 border-radius: 0; 836 border-radius: 0;
836 font-size: 12px; 837 font-size: 12px;
837 } 838 }
838 839
839 .footer-link, .footer-link:hover { 840 .footer-link, .footer-link:hover {
840 color:#fff; 841 color:#fff;
841 } 842 }
842 /*idea content margin*/ 843 /*idea content margin*/
843 .content-idea{ 844 .content-idea{
844 margin:196px 12px 8px; 845 margin:196px 12px 8px;
845 } 846 }
846 847
847 .content-product{ 848 .content-product{
848 margin:193px -19px 9px; 849 margin:193px -19px 9px;
849 } 850 }
850 851
851 .content-growth{ 852 .content-growth{
852 margin:192px 11px 8px; 853 margin:192px 11px 8px;
853 } 854 }
854 .last-content-card{ 855 .last-content-card{
855 /*margin: 0px -85px -4px -51px;*/ 856 /*margin: 0px -85px -4px -51px;*/
856 } 857 }
857 858
858 @media (max-width: 600px) { 859 @media (max-width: 600px) {
859 .content-idea{ 860 .content-idea{
860 margin: auto; 861 margin: auto;
861 } 862 }
862 863
863 .content-product{ 864 .content-product{
864 margin: auto; 865 margin: auto;
865 } 866 }
866 867
867 .content-growth{ 868 .content-growth{
868 margin: auto; 869 margin: auto;
869 } 870 }
870 .stages-card{ 871 .stages-card{
871 margin: auto; 872 margin: auto;
872 margin-bottom: 15px; 873 margin-bottom: 15px;
873 } 874 }
874 .last-content-card{ 875 .last-content-card{
875 margin: auto; 876 margin: auto;
876 } 877 }
877 .card-align{ 878 .card-align{
878 margin: auto; 879 margin: auto;
879 } 880 }
880 881
881 } 882 }
882 883
883 .toggler { 884 .toggler {
884 width: 500px; 885 width: 500px;
885 height: 200px; 886 height: 200px;
886 } 887 }
887 #button { 888 #button {
888 padding: .5em 1em; 889 padding: .5em 1em;
889 text-decoration: none; 890 text-decoration: none;
890 } 891 }
891 #effect { 892 #effect {
892 position: relative; 893 position: relative;
893 width: 240px; 894 width: 240px;
894 height: 170px; 895 height: 170px;
895 padding: 0.4em; 896 padding: 0.4em;
896 } 897 }
897 #effect h3 { 898 #effect h3 {
898 margin: 0; 899 margin: 0;
899 padding: 0.4em; 900 padding: 0.4em;
900 text-align: center; 901 text-align: center;
901 } 902 }
902 903
903 #snackbar { 904 #snackbar {
904 visibility: hidden; 905 visibility: hidden;
905 min-width: 250px; 906 min-width: 250px;
906 margin-left: -125px; 907 margin-left: -125px;
907 background-color: #F44336; 908 background-color: #F44336;
908 color: #fff; 909 color: #fff;
909 text-align: center; 910 text-align: center;
910 border-radius: 2px; 911 border-radius: 2px;
911 padding: 16px; 912 padding: 16px;
912 position: fixed; 913 position: fixed;
913 z-index: 1; 914 z-index: 1;
914 left: 50%; 915 left: 50%;
915 bottom: 30px; 916 bottom: 30px;
916 font-size: 17px; 917 font-size: 17px;
917 } 918 }
918 919
919 #snackbar.show { 920 #snackbar.show {
920 visibility: visible; 921 visibility: visible;
921 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s; 922 -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
922 animation: fadin 0.5s, fadout 0.5s 2.5s; 923 animation: fadin 0.5s, fadout 0.5s 2.5s;
923 } 924 }
924 925
925 @-webkit-keyframes fadin { 926 @-webkit-keyframes fadin {
926 from {bottom: 0; opacity: 0;} 927 from {bottom: 0; opacity: 0;}
927 to {bottom: 30px; opacity: 1;} 928 to {bottom: 30px; opacity: 1;}
928 } 929 }
929 930
930 @keyframes fadin { 931 @keyframes fadin {
931 from {bottom: 0; opacity: 0;} 932 from {bottom: 0; opacity: 0;}
932 to {bottom: 30px; opacity: 1;} 933 to {bottom: 30px; opacity: 1;}
933 } 934 }
934 935
935 @-webkit-keyframes fadout { 936 @-webkit-keyframes fadout {
936 from {bottom: 30px; opacity: 1;} 937 from {bottom: 30px; opacity: 1;}
937 to {bottom: 0; opacity: 0;} 938 to {bottom: 0; opacity: 0;}
938 } 939 }
939 940
940 @keyframes fadout { 941 @keyframes fadout {
941 from {bottom: 30px; opacity: 1;} 942 from {bottom: 30px; opacity: 1;}
942 to {bottom: 0; opacity: 0;} 943 to {bottom: 0; opacity: 0;}
943 } 944 }
944 945
945 946
946 #snacsskbar { 947 #snacsskbar {
947 visibility: hidden; 948 visibility: hidden;
948 min-width: 250px; 949 min-width: 250px;
949 margin-left: -125px; 950 margin-left: -125px;
950 background-color: #333; 951 background-color: #333;
951 color: #fff; 952 color: #fff;
952 text-align: center; 953 text-align: center;
953 border-radius: 2px; 954 border-radius: 2px;
954 padding: 16px; 955 padding: 16px;
955 position: fixed; 956 position: fixed;
956 z-index: 1; 957 z-index: 1;
957 left: 50%; 958 left: 50%;
958 top: 30px; 959 top: 30px;
959 font-size: 17px; 960 font-size: 17px;
960 } 961 }
961 962
962 #snacsskbar.show { 963 #snacsskbar.show {
963 visibility: visible; 964 visibility: visible;
964 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; 965 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
965 animation: fadein 0.5s, fadeout 0.5s 2.5s; 966 animation: fadein 0.5s, fadeout 0.5s 2.5s;
966 } 967 }
967 968
968 @-webkit-keyframes fadein { 969 @-webkit-keyframes fadein {
969 from {top: 0; opacity: 0;} 970 from {top: 0; opacity: 0;}
970 to {top: 30px; opacity: 1;} 971 to {top: 30px; opacity: 1;}
971 } 972 }
972 973
973 @keyframes fadein { 974 @keyframes fadein {
974 from {top: 0; opacity: 0;} 975 from {top: 0; opacity: 0;}
975 to {top: 30px; opacity: 1;} 976 to {top: 30px; opacity: 1;}
976 } 977 }
977 978
978 @-webkit-keyframes fadeout { 979 @-webkit-keyframes fadeout {
979 from {top: 30px; opacity: 1;} 980 from {top: 30px; opacity: 1;}
980 to {top: 0; opacity: 0;} 981 to {top: 0; opacity: 0;}
981 } 982 }
982 983
983 @keyframes fadeout { 984 @keyframes fadeout {
984 from {top: 30px; opacity: 1;} 985 from {top: 30px; opacity: 1;}
985 to {top: 0; opacity: 0;} 986 to {top: 0; opacity: 0;}
986 } 987 }
987 988
988 input.hidden { 989 input.hidden {
989 position: absolute; 990 position: absolute;
990 left: -9999px; 991 left: -9999px;
991 } 992 }
992 993
993 #profile-image1 { 994 #profile-image1 {
994 cursor: pointer; 995 cursor: pointer;
995 width: 100px; 996 width: 100px;
996 height: 100px; 997 height: 100px;
997 border:2px solid #eee ; 998 border:2px solid #eee ;
998 } 999 }
999 1000
1000 .tital{ font-size:16px; font-weight:500;} 1001 .tital{ font-size:16px; font-weight:500;}
1001 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0} 1002 .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
1002 .footerpadd{padding: 5px;} 1003 .footerpadd{padding: 5px;}
1003 1004
1004 1005
1005 .container1{ 1006 .container1{
1006 width: 100% 1007 width: 100%
1007 } 1008 }
1008 1009
1009 .no-margin{ 1010 .no-margin{
1010 margin: 0 0 0 !important; 1011 margin: 0 0 0 !important;
1011 } 1012 }
1012 .no-padding{ 1013 .no-padding{
1013 padding: 0 0 0 0 !important; 1014 padding: 0 0 0 0 !important;
1014 } 1015 }
1015 .select-stage{ 1016 .select-stage{
1016 margin: 10px 0; 1017 margin: 10px 0;
1017 } 1018 }
1018 .cards-content{ 1019 .cards-content{
1019 margin-top: 40px; 1020 margin-top: 40px;
1020 } 1021 }
1021 .cards-content p{ 1022 .cards-content p{
1022 font-size: 13px; 1023 font-size: 13px;
1023 } 1024 }
1024 .q-card-align{ 1025 .q-card-align{
1025 margin-top: 15px; 1026 margin-top: 15px;
1026 } 1027 }
1027 .width-auto{ 1028 .width-auto{
1028 width: auto !important; 1029 width: auto !important;
1029 } 1030 }
1030 .margin-right-label{ 1031 .margin-right-label{
1031 margin-right: 20px; 1032 margin-right: 20px;
1032 } 1033 }
1033 .margin-right-label label{ 1034 .margin-right-label label{
1034 margin-left: 5px; 1035 margin-left: 5px;
1035 } 1036 }
1036 .apply-coupen-btn{ 1037 .apply-coupen-btn{
1037 position: absolute; 1038 position: absolute;
1038 top: -2px; 1039 top: -2px;
1039 right: 13px; 1040 right: 13px;
1040 border: none; 1041 border: none;
1041 height: 44px; 1042 height: 44px;
1042 color: #fff; 1043 color: #fff;
1043 background-color: #666; 1044 background-color: #666;
1044 width: 75px; 1045 width: 75px;
1045 } 1046 }
1046 .coupen-approved{ 1047 .coupen-approved{
1047 position: absolute; 1048 position: absolute;
1048 right: 120px; 1049 right: 120px;
1049 top: 6px; 1050 top: 6px;
1050 color: rgb(66, 181, 73); 1051 color: rgb(66, 181, 73);
1051 font-size: 30px !important; 1052 font-size: 30px !important;
1052 } 1053 }
1053 .right-side-links{ 1054 .right-side-links{
1054 margin-top: 12px; 1055 margin-top: 12px;
1055 } 1056 }
1056 .right-side-links a{ 1057 .right-side-links a{
1057 width: auto; 1058 width: auto;
1058 display: inline; 1059 display: inline;
1059 } 1060 }
1060 .right-side-links a:first-child{ 1061 .right-side-links a:first-child{
1061 border-right: 1px solid #fff; 1062 border-right: 1px solid #fff;
1062 padding-right: 4px; 1063 padding-right: 4px;
1063 } 1064 }
1064 1065
1065 @media (max-width: 768px){ 1066 @media (max-width: 768px){
1066 .cards-content{ 1067 .cards-content{
1067 margin-top: 15px; 1068 margin-top: 15px;
1068 margin-bottom: 30px; 1069 margin-bottom: 30px;
1069 } 1070 }
1070 .no-padding-mobile{ 1071 .no-padding-mobile{
1071 padding-left: 0 !important; 1072 padding-left: 0 !important;
1072 padding-right: 0 !important; 1073 padding-right: 0 !important;
1073 } 1074 }
1074 .sector-align .card-small{ 1075 .sector-align .card-small{
1075 height: 74px; 1076 height: 74px;
1076 } 1077 }
1077 .stages-card{ 1078 .stages-card{
1078 width: 92%; 1079 width: 92%;
1079 } 1080 }
1080 .right-stage-card{ 1081 .right-stage-card{
1081 float: right; 1082 float: right;
1082 } 1083 }
1083 .margin-auto-mobile{ 1084 .margin-auto-mobile{
1084 margin-left: 4%; 1085 margin-left: 4%;
1085 } 1086 }
1086 .card .thumbnail{ 1087 .card .thumbnail{
1087 padding: 15px 0 1px 0; 1088 padding: 15px 0 1px 0;
1088 } 1089 }
1089 .thumbnail > img, .thumbnail a > img{ 1090 .thumbnail > img, .thumbnail a > img{
1090 width: 50%; 1091 width: 50%;
1091 } 1092 }
1092 .right-side-links a{ 1093 .right-side-links a{
1093 display: block; 1094 display: block;
1094 width: 100%; 1095 width: 100%;
1095 } 1096 }
1096 .right-side-links a:first-child{ 1097 .right-side-links a:first-child{
1097 border-right: 0 solid #fff; 1098 border-right: 0 solid #fff;
1098 padding-right: 0; 1099 padding-right: 0;
1099 } 1100 }
1100 .right-side-links{ 1101 .right-side-links{
1101 margin-top: 0; 1102 margin-top: 0;
1102 } 1103 }
1103 .panel-default{ 1104 .panel-default{
1104 border-color: transparent; 1105 border-color: transparent;
1105 box-shadow: none; 1106 box-shadow: none;
1106 } 1107 }
1107 .modal-footers { 1108 .modal-footers {
1108 padding: 19px 20px 20px; 1109 padding: 19px 20px 20px;
1109 margin-top: 15px; 1110 margin-top: 15px;
1110 text-align: center !important; 1111 text-align: center !important;
1111 margin-bottom: 4px; 1112 margin-bottom: 4px;
1112 } 1113 }
1113 .startup-jalsa{ 1114 .startup-jalsa{
1114 font-family: 'BenchNine', sans-serif; 1115 font-family: 'BenchNine', sans-serif;
1115 color: rgb(25, 104, 157); 1116 color: rgb(25, 104, 157);
1116 } 1117 }
1117 1118
1118 } 1119 }
1119 1120
1120 1121
1121 1122
1122 .card-input { 1123 .card-input {
1123 display: none; 1124 display: none;
1124 } 1125 }
1125 1126
1126 .card { 1127 .card {
1127 font-size: 1em; 1128 font-size: 1em;
1128 overflow: hidden; 1129 overflow: hidden;
1129 padding: 0; 1130 padding: 0;
1130 border: none; 1131 border: none;
1131 /*border-radius: .28571429rem;*/ 1132 /*border-radius: .28571429rem;*/
1132 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; 1133 box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
1133 } 1134 }
1134 1135
1135 .card-block { 1136 .card-block {
1136 font-size: 1em; 1137 font-size: 1em;
1137 position: relative; 1138 position: relative;
1138 margin: 0; 1139 margin: 0;
1139 padding: 4%; 1140 padding: 4%;
1140 border: none; 1141 border: none;
1141 border-top: 1px solid rgba(34, 36, 38, .1); 1142 border-top: 1px solid rgba(34, 36, 38, .1);
1142 box-shadow: none; 1143 box-shadow: none;
1143 } 1144 }
1144 .button-position{ 1145 .button-position{
1145 position: relative; 1146 position: relative;
1146 top: -10px; 1147 top: -10px;
1147 } 1148 }
1148 .card-img-top { 1149 .card-img-top {
1149 display: block; 1150 display: block;
1150 width: 100%; 1151 width: 100%;
1151 height: auto; 1152 height: auto;
1152 } 1153 }
1153 1154
1154 .card-title { 1155 .card-title {
1155 font-size: 17px; 1156 font-size: 17px;
1156 font-weight: 600; 1157 font-weight: 600;
1157 margin: 0; 1158 margin: 0;
1158 line-height: normal; 1159 line-height: normal;
1159 } 1160 }
1160 .card-sub-title{ 1161 .card-sub-title{
1161 font-family: 'Arial',sans-serif; 1162 font-family: 'Arial',sans-serif;
1162 /*color: #666;*/ 1163 /*color: #666;*/
1163 font-weight: normal; 1164 font-weight: normal;
1164 margin-bottom: 0; 1165 margin-bottom: 0;
1165 } 1166 }
1166 .button-aligment{ 1167 .button-aligment{
1167 margin-top: 5px; 1168 margin-top: 5px;
1168 margin-right: 14px; 1169 margin-right: 14px;
1169 margin-bottom: 15px; 1170 margin-bottom: 15px;
1170 } 1171 }
1171 .card-text { 1172 .card-text {
1172 clear: both; 1173 clear: both;
1173 margin-top: .5em; 1174 margin-top: .5em;
1174 /*color: rgba(0, 0, 0, .68);*/ 1175 /*color: rgba(0, 0, 0, .68);*/
1175 padding-bottom: 3%; 1176 padding-bottom: 3%;
1176 font-size: 13px; 1177 font-size: 13px;
1177 } 1178 }
1178 1179
1179 .card-text2 { 1180 .card-text2 {
1180 padding: 3% 0 3% 4%;; 1181 padding: 3% 0 3% 4%;;
1181 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1182 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1182 } 1183 }
1183 .card-text2 span{ 1184 .card-text2 span{
1184 font-size: 13px; 1185 font-size: 13px;
1185 /*color: #666;*/ 1186 /*color: #666;*/
1186 } 1187 }
1187 .card-text2 div{ 1188 .card-text2 div{
1188 margin-top: 0 !important; 1189 margin-top: 0 !important;
1189 font-weight: normal; 1190 font-weight: normal;
1190 /*color: #000;*/ 1191 /*color: #000;*/
1191 font-size: 12px; 1192 font-size: 12px;
1192 padding-bottom: 0; 1193 padding-bottom: 0;
1193 } 1194 }
1194 1195
1195 .card-inverse .btn { 1196 .card-inverse .btn {
1196 border: 1px solid rgba(0, 0, 0, .05); 1197 border: 1px solid rgba(0, 0, 0, .05);
1197 } 1198 }
1198 1199
1199 .card-text3 { 1200 .card-text3 {
1200 border-top: 1px solid rgba(0, 0, 0, .05) !important; 1201 border-top: 1px solid rgba(0, 0, 0, .05) !important;
1201 } 1202 }
1202 1203
1203 .container { 1204 .container {
1204 display: block; 1205 display: block;
1205 position: relative; 1206 position: relative;
1206 padding: 0; 1207 padding: 0;
1207 margin-bottom: 12px; 1208 margin-bottom: 12px;
1208 cursor: pointer; 1209 cursor: pointer;
1209 font-size: 16px; 1210 font-size: 16px;
1210 -webkit-user-select: none; 1211 -webkit-user-select: none;
1211 -moz-user-select: none; 1212 -moz-user-select: none;
1212 -ms-user-select: none; 1213 -ms-user-select: none;
1213 user-select: none; 1214 user-select: none;
1214 width:100%; 1215 width:100%;
1215 } 1216 }
1216 1217
1217 .container1 { 1218 .container1 {
1218 display: block; 1219 display: block;
1219 position: relative; 1220 position: relative;
1220 padding-left: 31px; 1221 padding-left: 31px;
1221 margin-bottom: 12px; 1222 margin-bottom: 12px;
1222 cursor: pointer; 1223 cursor: pointer;
1223 font-size: 15px; 1224 font-size: 15px;
1224 -webkit-user-select: none; 1225 -webkit-user-select: none;
1225 -moz-user-select: none; 1226 -moz-user-select: none;
1226 -ms-user-select: none; 1227 -ms-user-select: none;
1227 user-select: none; 1228 user-select: none;
1228 width:100%; 1229 width:100%;
1229 } 1230 }
1230 1231
1231 /* Hide the browser's default radio button */ 1232 /* Hide the browser's default radio button */
1232 .container input { 1233 .container input {
1233 position: absolute; 1234 position: absolute;
1234 opacity: 0; 1235 opacity: 0;
1235 } 1236 }
1236 1237
1237 /* Create a custom radio button */ 1238 /* Create a custom radio button */
1238 .checkmark { 1239 .checkmark {
1239 position: absolute; 1240 position: absolute;
1240 top: 0; 1241 top: 0;
1241 left: 0; 1242 left: 0;
1242 height: 25px; 1243 height: 25px;
1243 width: 25px; 1244 width: 25px;
1244 background-color: #eee; 1245 background-color: #eee;
1245 border-radius: 50%; 1246 border-radius: 50%;
1246 } 1247 }
1247 1248
1248 /* On mouse-over, add a grey background color */ 1249 /* On mouse-over, add a grey background color */
1249 .container:hover input ~ .checkmark { 1250 .container:hover input ~ .checkmark {
1250 background-color: #ccc; 1251 background-color: #ccc;
1251 } 1252 }
1252 1253
1253 /* When the radio button is checked, add a blue background */ 1254 /* When the radio button is checked, add a blue background */
1254 .container input:checked ~ .checkmark { 1255 .container input:checked ~ .checkmark {
1255 background-color: #42b549; 1256 background-color: #42b549;
1256 } 1257 }
1257 1258
1258 /* Create the indicator (the dot/circle - hidden when not checked) */ 1259 /* Create the indicator (the dot/circle - hidden when not checked) */
1259 .checkmark:after { 1260 .checkmark:after {
1260 content: ""; 1261 content: "";
1261 position: absolute; 1262 position: absolute;
1262 display: none; 1263 display: none;
1263 } 1264 }
1264 1265
1265 /* Show the indicator (dot/circle) when checked */ 1266 /* Show the indicator (dot/circle) when checked */
1266 .container input:checked ~ .checkmark:after { 1267 .container input:checked ~ .checkmark:after {
1267 display: block; 1268 display: block;
1268 } 1269 }
1269 1270
1270 /* Style the indicator (dot/circle) */ 1271 /* Style the indicator (dot/circle) */
1271 .container .checkmark:after { 1272 .container .checkmark:after {
1272 top: 9px; 1273 top: 9px;
1273 left: 9px; 1274 left: 9px;
1274 width: 8px; 1275 width: 8px;
1275 height: 8px; 1276 height: 8px;
1276 border-radius: 50%; 1277 border-radius: 50%;
1277 background: white; 1278 background: white;
1278 } 1279 }
1279 1280
1280 table { 1281 table {
1281 /*font-family: arial, sans-serif; 1282 /*font-family: arial, sans-serif;
1282 border-collapse: collapse;*/ 1283 border-collapse: collapse;*/
1283 width: 60%; 1284 width: 60%;
1284 } 1285 }
1285 .city-meetup { 1286 .city-meetup {
1286 opacity: 0.8; 1287 opacity: 0.8;
1287 filter: alpha(opacity=80); /* For IE8 and earlier */ 1288 filter: alpha(opacity=80); /* For IE8 and earlier */
1288 } 1289 }
1289 1290
1290 1291
1291 .card-color{ 1292 .card-color{
1292 background-color:white; 1293 background-color:white;
1293 font-size: 16px; 1294 font-size: 16px;
1294 } 1295 }
1295 1296
1296 .startup-jalsa{ 1297 .startup-jalsa{
1297 font-family: 'BenchNine', sans-serif; 1298 font-family: 'BenchNine', sans-serif;
1298 font-size: 70.15pt; 1299 font-size: 70.15pt;
1299 color: rgb(25, 104, 157); 1300 color: rgb(25, 104, 157);
1300 } 1301 }
1301 .header{ 1302 .header{
1302 /*width: 100%;*/ 1303 /*width: 100%;*/
1303 text-align: center; 1304 text-align: center;
1304 padding-top:2%; 1305 padding-top:2%;
1305 /*padding: 4px 20px;*/ 1306 /*padding: 4px 20px;*/
1306 } 1307 }
1307 .happen-city{ 1308 .happen-city{
1308 padding-top:12%; 1309 padding-top:12%;
1309 } 1310 }
1310 .happen-meetup{ 1311 .happen-meetup{
1311 font-family: 'Arial',sans-serif; 1312 font-family: 'Arial',sans-serif;
1312 margin-bottom: 10px; 1313 margin-bottom: 10px;
1313 margin-left: 5%; 1314 margin-left: 5%;
1314 } 1315 }
1315 .happen-attend{ 1316 .happen-attend{
1316 margin-top:6%; 1317 margin-top:6%;
1317 } 1318 }
1318 .width-auto{ 1319 .width-auto{
1319 width:auto; 1320 width:auto;
1320 } 1321 }
1321 /*.card-position{ 1322 /*.card-position{
1322 position: relative; 1323 position: relative;
1323 top: -3px; 1324 top: -3px;
1324 }*/ 1325 }*/
1325 1326
1326 .active, .btn:hover, .btn:onclick { 1327 .active, .btn:hover, .btn:onclick {
1327 background-color: grey; 1328 background-color: grey;
1328 border: grey; 1329 border: grey;
1329 color: white; 1330 color: white;
1330 } 1331 }
1331 .apply-act:hover, .apply-act:focus{ 1332 .apply-act:hover, .apply-act:focus{
1332 background-color: grey; 1333 background-color: grey;
1333 border: grey; 1334 border: grey;
1334 color: white; 1335 color: white;
1335 } 1336 }
1336 .apply-btn{ 1337 .apply-btn{
1337 text-align: center; 1338 text-align: center;
1338 margin-bottom: 2%; 1339 margin-bottom: 2%;
1339 } 1340 }
1340 1341
1341 .cursor:hover{ 1342 .cursor:hover{
1342 cursor: context-menu; 1343 cursor: context-menu;
1343 } 1344 }
1344 1345
1345 1346
1346 1347
1347 1348
1348 1349
1349 1350
1350 1351
1351 1352
1352 1353
1353 1354
1354 1355
1355 1356
1356 1357
1357 1358
1358 1359
1359 1360
1360 1361
1361 1362
1362 1363
1363 1364
1364 1365
1365 1366
1366 1367
1367 1368
1368 1369
1369 @media (max-width:767px){h1{font-size:2.8rem;} 1370 @media (max-width:767px){h1{font-size:2.8rem;}
1370 1371 .phone-meetup{
1371 /*.startup-jalsa{
1372 font-family: 'BenchNine', sans-serif;
1373 color: rgb(25, 104, 157);
1374 }
1375 */
1376 .phone-meetup{
1377 margin-left: 4%; 1372 margin-left: 4%;
1378 } 1373 }
1379 .city-meetup { 1374 .city-meetup {
1380 opacity: 0.8; 1375 opacity: 0.8;
1381 filter: alpha(opacity=80); /* For IE8 and earlier */ 1376 filter: alpha(opacity=80); /* For IE8 and earlier */
1382 } 1377 }
1 <div class="header"> 1 <div class="header" >
2 <div> 2 <div>
3 <h1 class="startup-jalsa">STARTUP JALSA 2018</h1> 3 <h1 class="startup-jalsa">STARTUP JALSA 2018</h1>
4 </div> 4 </div>
5 5
6 <div class="clearfix"></div> 6 <div class="clearfix"></div>
7 </div> 7 </div>
8 <!-- CLOSE HEADER --> 8 <!-- CLOSE HEADER -->
9 <form name="homeForm"> 9 <form name="homeForm">
10 <div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup card-color"> 10 <div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup card-color " >
11 <div class="col-xs-12"> 11 <div class="col-xs-12">
12 <div class="row"> 12 <div class="row">
13 <div class="col-sm-6"> 13 <div class="col-sm-6">
14 <div class="happen-city"> 14 <div class="happen-city">
15 <div class="happen-meetup"> 15 <div class="happen-meetup">
16 <b>What will happen at the city meetup:</b> 16 <b>What will happen at the city meetup:</b>
17 </div> 17 </div>
18 <ul> 18 <ul>
19 <li>A mentoring session followed by Q/A by a renowned speaker from the startup ecosystem.</li> 19 <li>A mentoring session followed by Q/A by a renowned speaker from the startup ecosystem.</li>
20 <li>One-on-one interaction between startups and the Vivekananda Capital team.</li> 20 <li>One-on-one interaction between startups and the Vivekananda Capital team.</li>
21 <li>The most exciting startups will get travel grant to fly to the Startup Jalsa main conference where they will have an opportunity to get an investment of Rs 25lacs at 7.5% equity, subject to due diligence.</li> 21 <li>The most exciting startups will get travel grant to fly to the Startup Jalsa main conference where they will have an opportunity to get an investment of Rs 25lacs at 7.5% equity, subject to due diligence.</li>
22 </ul> 22 </ul>
23 </div> 23 </div>
24 </div> 24 </div>
25 <div class="row"> 25 <div class="row">
26 <div class="col-sm-6 happen-attend"> 26 <div class="col-sm-6 happen-attend">
27 <div class="width-auto"> 27 <div class="width-auto">
28 <div class="happen-meetup" style="margin-top: -5px;"> 28 <div class="happen-meetup" style="margin-top: -5px;">
29 <b class="phone-meetup">Who can attend the meetup?</b> 29 <b class="phone-meetup">Who can attend the meetup?</b>
30 </div> 30 </div>
31 <ul class="phone-meetup"> 31 <ul class="phone-meetup">
32 <li>A minimum working prototype is all you need to participate. If you have revenue, even better.</li> 32 <li>A minimum working prototype is all you need to participate. If you have revenue, even better.</li>
33 </ul> 33 </ul>
34 </div> 34 </div>
35 </div> 35 </div>
36 </div> 36 </div>
37 </div><br> 37 </div><br>
38 <div class="apply-btn"> 38 <div class="apply-btn">
39 <!-- <input type="button" class="btn submit-button " value="Apply" ng-click="apply()"> --> 39 <!-- <input type="button" class="btn submit-button " value="Apply" ng-click="apply()"> -->
40 <button class="btn submit-button apply-act" value="Apply" ng-click="apply()" >Apply</button> 40 <button class="btn submit-button apply-act" value="Apply" ng-click="apply()" >Apply</button>
41 </div> 41 </div>
42 </div> 42 </div>
43 </div> 43 </div>
44 </form> 44 </form>
45 <footer style="margin-top: 45%;"> 45 <footer style="margin-top: 45%;">
46 <img id="footer" class="img-responsive banner"> 46 <img id="footer" class="img-responsive banner">
47 <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center> 47 <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>
48 </footer> 48 </footer>
49 49
50 50