Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
12694 anikendra 1 
body {
2 
  float: left;
3 
  width: 100%;
4 
}
5 
* {
6 
  padding: 0;
7 
  margin: 0;
8 
}
9 
a {
10 
  text-decoration: none;
11 
  -webkit-tap-highlight-color: rgba(0,0,0,0.1);
12 
  color: #000;
13 
}
14 
input,
15 
select,
16 
a,
17 
div {
18 
  -webkit-tap-highlight-color: rgba(0,0,0,0.2);
19 
}
20 
input:active,
21 
select:active,
22 
a:active,
23 
.btn:active {
24 
  background: rgba(0,0,0,0.2);
25 
}
26 
body {
27 
  font: 0.625em Helvetica, Arial, sans-serif;
28 
  -webkit-font-smoothing: subpixel-antialiased;
29 
}
30 
img {
31 
  outline: none;
32 
  border: 0;
33 
  border-style: none;
34 
}
35 
input {
36 
  outline: 0;
37 
  -webkit-appearance: none;
38 
  -moz-appearance: none;
39 
  -o-appearance: none;
40 
  appearance: none;
41 
}
42 
input[type="checkbox"] {
43 
  -webkit-appearance: none;
44 
  -moz-appearance: none;
45 
  -o-appearance: none;
46 
  appearance: none;
47 
}
48 
select {
49 
  -webkit-appearance: none;
50 
  -moz-appearance: none;
51 
  -o-appearance: none;
52 
  appearance: none;
53 
}
54 
.ellip {
55 
  white-space: nowrap;
56 
  overflow: hidden;
57 
  text-overflow: ellipsis;
58 
}
59 
.clear {
60 
  clear: both;
61 
}
62 
.tcenter {
63 
  text-align: center;
64 
}
65 
.tright {
66 
  text-align: right;
67 
}
68 
.left {
69 
  float: left;
70 
}
71 
.right {
72 
  float: right;
73 
}
74 
.uppercase {
75 
  text-transform: uppercase !important;
76 
}
77 
.clearfix:after {
78 
  content: " ";
79 
  display: block;
80 
  clear: both;
81 
  visibility: hidden;
82 
  line-height: 0;
83 
  height: 0;
84 
}
85 
.clearfix {
86 
  display: block;
87 
}
88 
html[xmlns] .clearfix {
89 
  display: block;
90 
}
91 
* html .clearfix {
92 
  height: 1px;
93 
}
94 
select::-ms-expand {
95 
  display: none;
96 
  color: #ffffff;
97 
}
98 
select::selection {
99 
  background-color: black;
100 
}
101 
input[type="checkbox"]::-ms-check {
102 
  display: none;
103 
}
104 
.boxsize {
105 
  box-sizing: border-box;
106 
  -webkit-box-sizing: border-box;
107 
  -moz-box-sizing: border-box;
108 
}
109 
header {
110 
  background: #3971b8;
111 
}
112 
header .menu {
113 
  float: left;
114 
  width: 40px;
115 
  height: 45px;
116 
  background: url("../images/sprite1.png") no-repeat;
117 
  background-position: 0 0;
118 
  background-size: 107px;
119 
}
120 
header h1 {
121 
  display: inline-block;
122 
  height: 40px;
123 
}
124 
header h1 a {
125 
  display: block;
126 
  height: 40px;
127 
}
128 
header h1 img {
129 
  height: 40px;
130 
}
131 
header .profile {
132 
  float: right;
133 
  width: 40px;
134 
  height: 45px;
135 
  background: url("../images/sprite1.png") no-repeat center center;
136 
  background-size: 139px;
137 
  background-position: -8px -56px;
138 
}
139 
header .profile.selected-pr {
140 
  background: url("../images/sprite1.png") no-repeat;
141 
  background-size: 139px;
142 
  background-position: -91px -56px;
143 
}
144 
header .cart {
145 
  display: block;
146 
  float: right;
147 
  width: 40px;
148 
  height: 45px;
149 
  background: url("../images/sprite1.png") no-repeat;
150 
  background-size: 104px;
151 
  position: relative;
152 
  background-position: -65px 2px;
153 
}
154 
header .cart span {
155 
  position: absolute;
156 
  right: 19px;
157 
  background: #F1C618;
158 
  top: 25px;
159 
  border-radius: 43px;
160 
  -o-border-radius: 43px;
161 
  width: 15px;
162 
  height: 15px;
163 
  text-align: center;
164 
  line-height: 15px;
165 
  font-weight: bold;
166 
  color: #3971b8;
167 
}
168 
.search-box {
169 
  width: 100%;
170 
  padding: 5px 2% 5px;
171 
  background: #f2f3ef;
172 
  box-sizing: border-box;
173 
  -webkit-box-sizing: border-box;
174 
  -moz-box-sizing: border-box;
175 
}
176 
.search-box .search-hldr {
177 
  background: #ffffff;
178 
  padding: 2px;
179 
  border: #c7c7c7 solid 1px;
180 
  box-sizing: border-box;
181 
  -webkit-box-sizing: border-box;
182 
  -moz-box-sizing: border-box;
183 
}
184 
.search-box .search-hldr input {
185 
  border: 0;
186 
  appearance: none;
187 
  -webkit-appearance: none;
188 
  -moz-appearance: none;
189 
  float: left;
190 
  width: 80%;
191 
  padding: 5px;
192 
  color: #555555;
193 
  box-sizing: border-box;
194 
  -webkit-box-sizing: border-box;
195 
  -moz-box-sizing: border-box;
196 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
197 
  line-height: 25px;
198 
  margin: 0;
199 
  display: block;
200 
}
201 
.search-box .search-hldr .search {
202 
  float: right;
203 
  width: 20%;
204 
  height: 35px;
205 
  background: url("../images/search.PNG") no-repeat center center, #ff7201;
206 
  background-size: 20px, 100%;
207 
  max-width: 45px;
208 
}
209 
#search-result {
210 
  left: 0;
211 
  width: 96%;
212 
  margin: 0 2% 5px;
213 
  box-sizing: border-box;
214 
  -webkit-box-sizing: border-box;
215 
  -moz-box-sizing: border-box;
216 
  background: #ffffff;
217 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
218 
  border-top: none;
219 
  position: absolute;
220 
  z-index: 15;
221 
  box-shadow: 0px 8px 11px -3px rgba(0,0,0,0.4);
222 
}
223 
#search-result div {
224 
  color: #555555;
225 
  border-left: #c7c7c7 solid 1px;
226 
  border-right: #c7c7c7 solid 1px;
227 
  text-transform: capitalize;
228 
}
229 
#search-result div a {
230 
  display: block;
231 
  padding: 5px 2px 5px 7px;
232 
}
233 
#search-result div .highlight {
234 
  color: #3971b8;
235 
}
236 
#search-result div:last-child {
237 
  border-bottom: #c7c7c7 solid 1px;
238 
}
239 
.recharge-head {
240 
  font: normal 2em/1.2em Helvetica, Arial, sans-serif;
241 
  margin-top: 5px;
242 
  padding: 5px 5px 5px 7px;
243 
  color: #555555;
244 
  border-left: #1fabf6 solid 5px;
245 
}
246 
.offers {
247 
  background: #f2f3ef;
248 
  text-transform: capitalize;
249 
  color: #ffffff;
250 
  padding: 10px 5px;
251 
}
252 
.offers a:nth-of-type(1) {
253 
  color: #ffffff;
254 
  display: block;
255 
  background: url("../images/sprite1.png") no-repeat, #50c25f;
256 
  background-size: 92px, 100%;
257 
  background-position: -27px -110px;
258 
  width: 100%;
259 
  padding: 10px 0;
260 
  border-radius: 2px;
261 
  -o-border-radius: 2px;
262 
  box-sizing: border-box;
263 
  -webkit-box-sizing: border-box;
264 
  -moz-box-sizing: border-box;
265 
  float: left;
266 
  text-align: center;
267 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
268 
  padding-left: 22px;
269 
}
270 
.offers a:nth-of-type(2) {
271 
  display: block;
272 
  color: #ffffff;
273 
  background: url("../images/sprite1.png") no-repeat, #1fabf6;
274 
  background-size: 111px, 100%;
275 
  background-position: -33px -89px;
276 
  width: 100%;
277 
  padding: 10px 8px 10px 36px;
278 
  box-sizing: border-box;
279 
  -webkit-box-sizing: border-box;
280 
  -moz-box-sizing: border-box;
281 
  float: right;
282 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
283 
  text-align: center;
284 
  white-space: nowrap;
285 
  overflow: hidden;
286 
  text-overflow: ellipsis;
287 
  border-radius: 2px;
288 
  -o-border-radius: 2px;
289 
  margin-top: 7px;
290 
}
291 
.menu-cat .cat-head {
292 
  padding: 10px 0 10px 7px;
293 
  font: normal 2.2em/1.2em Helvetica, Arial, sans-serif;
294 
  color: #555555;
295 
  text-transform: capitalize;
296 
  border-left: #1fabf6 solid 5px;
297 
}
298 
.menu-cat .cat {
299 
  padding: 6px 8px 6px 8px;
300 
  margin-bottom: 1px;
301 
  color: #555555;
302 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
303 
}
304 
.menu-cat .cat .icon-hldr {
305 
  display: inline-block;
306 
  width: 30px;
307 
  height: 30px;
308 
  float: left;
309 
}
310 
.menu-cat .cat div {
311 
  padding-left: 5px;
312 
  margin-top: 5px;
313 
  float: left;
314 
  text-transform: uppercase;
315 
}
316 
.menu-cat .cat span:nth-of-type(2) {
317 
  float: right;
318 
  margin-top: 4px;
319 
}
320 
.menu-cat .cat.odd {
321 
  background: #e5e6e0;
322 
}
323 
.menu-cat .cat.even {
324 
  background: #f2f3ef;
325 
}
326 
.menu-cat .cat:last-child {
327 
  margin-bottom: 0 !important;
328 
}
329 
.menu-cat .cat-sub {
330 
  width: 100%;
331 
  padding: 0 45px;
332 
  margin-bottom: 5px;
333 
  box-sizing: border-box;
334 
  -webkit-box-sizing: border-box;
335 
  -moz-box-sizing: border-box;
336 
}
337 
.menu-cat .cat-sub a {
338 
  display: block;
339 
  padding: 8px 0;
340 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
341 
  color: #888888;
342 
  border-bottom: #f1f1f1 solid 1px;
343 
  text-transform: capitalize;
344 
}
345 
.recommended-pd {
346 
  border-bottom: #d5d5d5 solid 1px;
347 
}
348 
.recommended-pd .head {
349 
  text-transform: capitalize;
350 
  color: #555555;
351 
  margin: 5px 0 0;
352 
}
353 
.recommended-pd .head div:nth-of-type(1) {
354 
  display: inline-block;
355 
  border-left: #1fabf6 solid 5px;
356 
  padding: 5px 5px 5px 7px;
357 
  font: normal 2.0em/1.2em Helvetica, Arial, sans-serif;
358 
}
359 
.recommended-pd .head div:nth-of-type(2) {
360 
  float: right;
361 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
362 
  color: #555555;
363 
  border-bottom: #a2a2a2 solid 1px;
364 
  margin-top: 7px;
365 
  margin-right: 5px;
366 
}
367 
.recommended-pd .rec-hldr {
368 
  overflow: auto;
369 
}
370 
.recommended-pd .rec-hldr .rec-wrapper {
371 
  display: inline-block;
372 
  white-space: nowrap;
373 
}
374 
.recommended-pd .rec-hldr .rec-product {
375 
  margin: 10px 0;
376 
  display: inline-block;
377 
  width: 180px;
378 
  border-right: #d5d5d5 solid 1px;
379 
  text-align: center;
380 
  padding: 5px;
381 
  box-sizing: border-box;
382 
  -webkit-box-sizing: border-box;
383 
  -moz-box-sizing: border-box;
384 
}
385 
.recommended-pd .rec-hldr .rec-product img {
386 
  height: 100px;
387 
}
388 
.recommended-pd .rec-hldr .rec-product .pd-name {
389 
  color: #555555;
390 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
391 
  text-align: center;
392 
  white-space: nowrap;
393 
  overflow: hidden;
394 
  text-overflow: ellipsis;
395 
}
396 
.recommended-pd .rec-hldr .rec-product .pd-desc {
397 
  text-align: center;
398 
  white-space: nowrap;
399 
  overflow: hidden;
400 
  text-overflow: ellipsis;
401 
  font: normal 1.1em/1.2em Helvetica, Arial, sans-serif;
402 
  padding-top: 5px;
403 
}
404 
.recommended-pd .rec-hldr .rec-product .pd-price {
405 
  text-align: center;
406 
  padding-top: 5px;
407 
}
408 
.recommended-pd .rec-hldr .rec-product .pd-price span {
409 
  display: inline-block;
410 
}
411 
.recommended-pd .rec-hldr .rec-product .pd-price span:nth-of-type(1) {
412 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
413 
  font-weight: bold;
414 
  color: #555555;
415 
}
416 
.recommended-pd .rec-hldr .rec-product .pd-price span:nth-of-type(2) {
417 
  color: #555555;
418 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
419 
  text-decoration: line-through;
420 
  padding: 0 5px;
421 
}
422 
.recommended-pd .rec-hldr .rec-product .pd-price span:nth-of-type(3) {
423 
  color: #555555;
424 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
425 
  font-weight: bold;
426 
}
427 
.features {
428 
  margin: 0 0 10px;
429 
  border-top: 2px solid #ffffff;
430 
}
431 
.features a {
432 
  width: 25%;
433 
  color: #888888;
434 
  text-align: center;
435 
  height: 95px;
436 
  border-right: #ffffff solid 2px;
437 
  box-sizing: border-box;
438 
  -webkit-box-sizing: border-box;
439 
  -moz-box-sizing: border-box;
440 
  float: left;
441 
}
442 
.features a p {
443 
  margin-top: 48px;
444 
  padding: 0 3px;
445 
}
446 
.features .on-time {
447 
  background: url("../images/on-time.PNG") no-repeat center 13px, #f1f1f1;
448 
  background-size: 30px, 100%;
449 
}
450 
.features .in-store {
451 
  background: url("../images/in-store.PNG") no-repeat center 12px, #f1f1f1;
452 
  background-size: 33px, 100%;
453 
}
454 
.features .emi {
455 
  background: url("../images/emi.PNG") no-repeat center 20px, #f1f1f1;
456 
  background-size: 42px, 100%;
457 
}
458 
.features .insure {
459 
  background: url("../images/insure.PNG") no-repeat center 12px, #f1f1f1;
460 
  background-size: 27px, 100%;
461 
  border-right: none;
462 
}
463 
.features div:nth-of-type(4) {
464 
  border-right: none;
465 
}
466 
footer {
467 
  border-top: #c7c7c7 solid 1px;
468 
  color: #1fabf6;
469 
  padding: 10px 2px 10px 2px;
470 
  text-align: center;
471 
}
472 
footer a {
473 
  color: #555555;
474 
  text-transform: uppercase;
475 
  padding: 0px 10px;
476 
  border-right: 1px solid #c7c7c7;
477 
}
478 
footer a:last-child {
479 
  border-right: none;
480 
}
481 
.swipe {
482 
  overflow: hidden;
483 
  visibility: hidden;
484 
  position: relative;
485 
}
486 
.swipe-wrap {
487 
  overflow: hidden;
488 
  position: relative;
489 
}
490 
.swipe-wrap > div {
491 
  float: left;
492 
  width: 100%;
493 
  position: relative;
494 
}
495 
.swipe-wrap div a {
496 
  width: 100%;
497 
  display: block;
498 
}
499 
.swipe-wrap div a img {
500 
  width: 100%;
501 
}
502 
.slider-circles {
503 
  margin-top: 5px;
504 
  text-align: center;
505 
}
506 
.slider-circles .circle {
507 
  width: 8px;
508 
  height: 8px;
509 
  border-radius: 8px;
510 
  -o-border-radius: 8px;
511 
  background: #3971b8;
512 
  border: #ffffff solid 2px;
513 
  box-sizing: border-box;
514 
  -webkit-box-sizing: border-box;
515 
  -moz-box-sizing: border-box;
516 
  margin-right: 4px;
517 
  display: inline-block;
518 
}
519 
.slider-circles .circle.selected {
520 
  background: #3971b8;
521 
  border: none;
522 
}
523 
#prev {
524 
  width: 30px;
525 
  height: 30px;
526 
  background: rgba(0,0,0,0.6);
527 
  position: absolute;
528 
  top: 50%;
529 
  left: 0;
530 
  margin-top: -15px;
531 
  display: none;
532 
  background: url("../images/left_arrow.png") no-repeat center center, rgba(0,0,0,0.6);
533 
  background-size: 15px, 100%;
534 
}
535 
#next {
536 
  width: 30px;
537 
  height: 30px;
538 
  position: absolute;
539 
  top: 50%;
540 
  right: 0;
541 
  margin-top: -15px;
542 
  display: none;
543 
  background: url("../images/right_arrow1.png") no-repeat center center, rgba(0,0,0,0.6);
544 
  background-size: 15px, 100%;
545 
}
546 
.side-menu {
547 
  display: none;
548 
  position: absolute;
549 
  top: 45px;
550 
  left: 0;
551 
  z-index: 14;
552 
  width: 85%;
553 
  box-shadow: 2px 18px 38px -12px rgba(0,0,0,0.5);
554 
  background: #ffffff;
555 
}
556 
.side-menu .menu-head {
557 
  padding: 12px;
558 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
559 
  background: #ff7201;
560 
  color: #ffffff;
561 
}
562 
.side-menu .menu-head >a {
563 
  float: right;
564 
  width: 22px;
565 
  height: 22px;
566 
  background: url("../images/home.png") no-repeat center center;
567 
  background-size: 20px;
568 
}
569 
.side-menu .cat-title {
570 
  padding: 3px 0 3px 6px;
571 
  background: #e5e6e0;
572 
  border-bottom: #ffffff solid 1px;
573 
}
574 
.side-menu .cat-title span {
575 
  display: inline-block;
576 
  width: 30px;
577 
  height: 30px;
578 
  float: left;
579 
}
580 
.side-menu .cat-title div {
581 
  color: #555555;
582 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
583 
  font-weight: bold;
584 
  padding-left: 5px;
585 
  margin-top: 7px;
586 
  float: left;
587 
  text-transform: uppercase;
588 
}
589 
.side-menu .cat-sub {
590 
  width: 100%;
591 
  background: #f2f3ef;
592 
  color: #555555;
593 
  border-bottom: #ffffff solid 1px;
594 
}
595 
.side-menu .cat-sub a {
596 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
597 
  float: left;
598 
  padding: 7px 0 7px 49px;
599 
  display: block;
600 
  text-transform: capitalize;
601 
  width: 100%;
602 
  box-sizing: border-box;
603 
  -webkit-box-sizing: border-box;
604 
  -moz-box-sizing: border-box;
605 
}
606 
.mask {
607 
  position: absolute;
608 
  width: 100%;
609 
  height: 100%;
610 
  background: rgba(0,0,0,0);
611 
  top: 45px;
612 
  left: 0;
613 
  z-index: 10;
614 
  display: none;
615 
}
616 
.profile-overlay {
617 
  width: 85%;
618 
  position: absolute;
619 
  z-index: 14;
620 
  top: 45px;
621 
  right: 0;
622 
  box-sizing: border-box;
623 
  -webkit-box-sizing: border-box;
624 
  -moz-box-sizing: border-box;
625 
  background: #f2f3ef;
626 
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
627 
  text-align: right;
628 
}
629 
.profile-overlay >div:first-child {
630 
  padding: 12px;
631 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
632 
  background: #ff7201;
633 
  color: #ffffff;
634 
}
635 
.profile-overlay a {
636 
  display: block;
637 
  color: #555555;
638 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
639 
  font-weight: bold;
640 
  padding: 10px 20px 10px 10px;
641 
  width: 100%;
642 
  background: #e5e6e0;
643 
  border-bottom: #ffffff solid 1px;
644 
  box-sizing: border-box;
645 
  -webkit-box-sizing: border-box;
646 
  -moz-box-sizing: border-box;
647 
}
648 
.profile-overlay a > span {
649 
  float: left;
650 
  font-weight: normal;
651 
}
652 
.sucess-reg {
653 
  padding: 5px;
654 
  margin: 5px;
655 
  color: #50c25f;
656 
  border: #50c25f dashed 1px;
657 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
658 
}
659 
.pace {
660 
  -webkit-pointer-events: none;
661 
  pointer-events: none;
662 
  z-index: 2000;
663 
  position: fixed;
664 
  height: 60px;
665 
  width: 60px;
666 
  margin: auto;
667 
  top: 0;
668 
  left: 0;
669 
  right: 0;
670 
  bottom: 0;
671 
}
672 
.pace.pace-inactive .pace-activity {
673 
  display: none;
674 
}
675 
.pace-activity {
676 
  position: fixed;
677 
  z-index: 2000;
678 
  display: block;
679 
  position: absolute;
680 
  left: 4px;
681 
  top: 4px;
682 
  height: 30px;
683 
  width: 30px;
684 
  border-width: 10px;
685 
  border-style: double;
686 
  border-color: #3971B8 rgba(0,0,0,0) rgba(0,0,0,0);
687 
  border-radius: 50px;
688 
  -o-border-radius: 8px;
689 
  -webkit-animation: spin 1s linear infinite;
690 
  -moz-animation: spin 1s linear infinite;
691 
  -o-animation: spin 1s linear infinite;
692 
  animation: spin 1s linear infinite;
693 
}
694 
.pace-activity:before {
695 
  content: ' ';
696 
  position: absolute;
697 
  top: 4px;
698 
  left: 0px;
699 
  height: 20px;
700 
  width: 20px;
701 
  display: block;
702 
  border-width: 0px;
703 
  border-style: solid;
704 
  border-color: #FF8700 rgba(0,0,0,0) rgba(0,0,0,0);
705 
  border-radius: 54px;
706 
  -o-border-radius: 54px;
707 
}
708 
@-webkit-keyframes spin {
709 
  100% {
710 
    -webkit-transform: rotate(359deg);
711 
  }
712 
}
713 
@-moz-keyframes spin {
714 
  100% {
715 
    -moz-transform: rotate(359deg);
716 
  }
717 
}
718 
@-o-keyframes spin {
719 
  100% {
720 
    -moz-transform: rotate(359deg);
721 
  }
722 
}
723 
@keyframes spin {
724 
  100% {
725 
    transform: rotate(359deg);
726 
  }
727 
}
728 
.welcome-popup {
729 
  display: none;
730 
  background: rgba(0,0,0,0.6);
731 
  position: absolute;
732 
  width: 100%;
733 
  height: 100%;
734 
  top: 0;
735 
  left: 0;
736 
  bottom: 0;
737 
  z-index: 1000;
738 
}
739 
.popup {
740 
  display: none;
741 
  z-index: 1010;
742 
  position: absolute;
743 
  width: 80%;
744 
  left: 10%;
745 
  top: 20%;
746 
  -webkit-appearance: none;
747 
  -moz-appearance: none;
748 
  -o-appearance: none;
749 
  appearance: none;
750 
  background: #3971b8;
751 
  box-sizing: border-box;
752 
  -webkit-box-sizing: border-box;
753 
  -moz-box-sizing: border-box;
754 
  padding: 20px 10px;
755 
  text-align: center;
756 
}
757 
.popup img {
758 
  width: 50%;
759 
  max-width: 250px;
760 
  margin-bottom: 15px;
761 
}
762 
.popup p {
763 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
764 
  margin-bottom: 20px;
765 
  color: #ffffff;
766 
}
767 
.popup .m-btn {
768 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
769 
  padding: 8px 0;
770 
  background: #ff7201;
771 
  color: #ffffff;
772 
  margin-bottom: 20px;
773 
  text-transform: uppercase;
774 
}
775 
.popup .desktop-link {
776 
  text-decoration: underline;
777 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
778 
  color: #ffffff;
779 
}
780 
label {
781 
  font-weight: bold;
782 
  display: block;
783 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
784 
  color: #555555;
785 
  margin-top: 5px;
786 
}
787 
input {
788 
  width: 100%;
789 
  appearance: none;
790 
  -webkit-appearance: none;
791 
  border: #e5e6e0 solid 1px;
792 
  color: #555555;
793 
  border-radius: 0;
794 
  outline: none;
795 
  padding: 10px;
796 
  display: block;
797 
  box-sizing: border-box;
798 
  -webkit-box-sizing: border-box;
799 
  -moz-box-sizing: border-box;
800 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
801 
  margin: 2px 0 8px 0;
802 
}
803 
.auth-head {
804 
  background: #e6e8e0;
805 
  border-top: #e5e6e0 solid 1px;
806 
  padding: 0 1%;
807 
  position: relative;
808 
  box-sizing: border-box;
809 
  -webkit-box-sizing: border-box;
810 
  -moz-box-sizing: border-box;
811 
  width: 100%;
812 
}
813 
.auth-head > a:nth-of-type(1),
814 
.auth-head > a:nth-of-type(3) {
815 
  float: left;
816 
  width: 49%;
817 
  padding: 10px 0;
818 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
819 
  font-weight: bold;
820 
  color: #555555;
821 
  text-align: center;
822 
  box-sizing: border-box;
823 
  -webkit-box-sizing: border-box;
824 
  -moz-box-sizing: border-box;
825 
  text-transform: uppercase;
826 
  height: 45px;
827 
  line-height: 22px;
828 
}
829 
.auth-head > a:nth-of-type(3) {
830 
  float: right !important;
831 
}
832 
.auth-head > a:nth-of-type(2) {
833 
  float: left;
834 
  width: 2%;
835 
  margin: 5px 0 5px -0.5px;
836 
  max-width: 1px;
837 
  height: 35px;
838 
  background: #555555;
839 
  text-align: center;
840 
  position: absolute;
841 
  left: 50%;
842 
}
843 
.auth-head .selected {
844 
  color: #1fabf6 !important;
845 
  border-bottom: #1fabf6 solid 5px;
846 
}
847 
.login-cont {
848 
  padding: 0px 0px 10px;
849 
  margin-top: 1px;
850 
}
851 
.login-cont .input-cont {
852 
  padding: 10px 10px;
853 
  background: #f2f3ef;
854 
  width: 100%;
855 
  box-sizing: border-box;
856 
  -webkit-box-sizing: border-box;
857 
  -moz-box-sizing: border-box;
858 
}
859 
form fieldset {
860 
  border: none;
861 
}
862 
.frgt-pwd {
863 
  margin: 3px 0;
864 
  float: right;
865 
  color: #1fabf6;
866 
  text-decoration: underline;
867 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
868 
}
869 
.btn-cont,
870 
.registerbtn-cont {
871 
  padding: 0 10px;
872 
}
873 
input.login-btn,
874 
.register-btn {
875 
  float: left;
876 
  width: 100%;
877 
  margin: 10px 0;
878 
  background: #ff7201;
879 
  color: #ffffff;
880 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
881 
  text-align: center;
882 
  padding: 8px 0;
883 
  text-transform: uppercase;
884 
  appearance: none;
885 
  -webkit-appearance: none;
886 
}
887 
.seperator {
888 
  position: relative;
889 
  border-top: #e5e6e0 solid 1px;
890 
  width: 100%;
891 
  margin: 20px 0 30px;
892 
}
893 
.seperator span {
894 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
895 
  font-weight: bold;
896 
  text-align: center;
897 
  line-height: 32px;
898 
  top: -15px;
899 
  position: absolute;
900 
  width: 30px;
901 
  height: 30px;
902 
  border-radius: 20px;
903 
  background: #ffffff;
904 
  color: #1fabf6;
905 
  left: 50%;
906 
  margin-left: -15px;
907 
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.5);
908 
}
909 
.fb-login {
910 
  float: left;
911 
  width: 100%;
912 
  padding: 8px 0;
913 
  text-align: center;
914 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
915 
  color: #ffffff;
916 
  background: url("../images/facebook-icon.png") no-repeat 0px 0px;
917 
  background-size: 36px;
918 
  background-color: #3b71a6;
919 
  text-transform: uppercase;
920 
}
921 
.go-login {
922 
  float: right;
923 
  display: none;
924 
  width: 49%;
925 
  padding: 8px 0;
926 
  text-align: center;
927 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
928 
  color: #ffffff;
929 
  background: url("../images/New-Google-Plus-icon.png") no-repeat -5px -9px;
930 
  background-size: 50px;
931 
  background-color: #da4835;
932 
  text-transform: uppercase;
933 
}
934 
.register-hldr {
935 
  padding: 0px 0px 10px;
936 
  margin-top: 1px;
937 
}
938 
.register-hldr .register-cont {
939 
  padding: 10px 10px;
940 
  background: #f2f3ef;
941 
  width: 100%;
942 
  box-sizing: border-box;
943 
  -webkit-box-sizing: border-box;
944 
  -moz-box-sizing: border-box;
945 
}
946 
.register-hldr .register-cont input {
947 
  margin-bottom: 0;
948 
}
949 
.register-hldr .register-cont p {
950 
  text-align: right;
951 
  margin-bottom: 5px;
952 
}
953 
.change-password .head {
954 
  background: #e6e8e0;
955 
  color: #555555;
956 
  padding: 10px;
957 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
958 
}
959 
.change-password form {
960 
  padding: 0 10px 10px;
961 
  background: #f2f3ef;
962 
}
963 
.change-password form .save-btn {
964 
  background: #ff7201;
965 
  color: #ffffff;
966 
  float: right;
967 
  width: 49%;
968 
}
969 
.change-password form .cancel-btn {
970 
  background: #555555;
971 
  color: #ffffff;
972 
  float: left;
973 
  width: 49%;
974 
}
975 
.error_msg {
976 
  padding: 5px;
977 
  display: block;
978 
  border: red dotted 1px;
979 
  background: #f2f3ef;
980 
  color: red;
981 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
982 
  margin: 10px;
983 
}
984 
.success_msg {
985 
  padding: 5px;
986 
  display: block;
987 
  border: #50c25f dotted 1px;
988 
  background: #f2f3ef;
989 
  color: green;
990 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
991 
  margin: 10px;
992 
}