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 
.pd-info-head {
781 
  width: 100%;
782 
  background: #f2f3ef;
783 
  margin-top: 1px;
784 
  padding: 5px 10px;
785 
  box-sizing: border-box;
786 
  -webkit-box-sizing: border-box;
787 
  -moz-box-sizing: border-box;
788 
}
789 
.pd-info-head .name-hldr {
790 
  width: 100%;
791 
}
792 
.pd-info-head .name-hldr div:nth-of-type(1) {
793 
  float: left;
794 
  width: 80%;
795 
  padding-top: 7px;
796 
}
797 
.pd-info-head .name-hldr div:nth-of-type(1) span {
798 
  color: #555555;
799 
}
800 
.pd-info-head .name-hldr div:nth-of-type(1) span:nth-of-type(1) {
801 
  font: normal 2.0em/1.2em Helvetica, Arial, sans-serif;
802 
  text-transform: capitalize;
803 
}
804 
.pd-info-head .name-hldr div:nth-of-type(1) span:nth-of-type(2) {
805 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
806 
}
807 
.pd-info-head .name-hldr div:nth-of-type(2) {
808 
  float: right;
809 
  width: 15%;
810 
  height: 35px;
811 
  background: url("../images/grid-view.png") no-repeat center center, #8d8d8d;
812 
  background-size: 20px, 100%;
813 
  max-width: 35px;
814 
}
815 
.pd-info-head .name-hldr .list-icon {
816 
  background: url("../images/list-view.png") no-repeat center center, #8d8d8d !important;
817 
  background-size: 20px, 100% !important;
818 
}
819 
.filter-div {
820 
  position: relative;
821 
  background: rgba(242,243,239,0.6);
822 
  border-top: #e5e6e0 solid 1px;
823 
  border-bottom: #e5e6e0 solid 1px;
824 
  width: 100%;
825 
  color: #555555;
826 
}
827 
.filter-div >div:nth-of-type(1),
828 
.filter-div >div:nth-of-type(2) {
829 
  float: left;
830 
  width: 50%;
831 
  padding: 10px 2px;
832 
  text-align: center;
833 
  box-sizing: border-box;
834 
  -webkit-box-sizing: border-box;
835 
  -moz-box-sizing: border-box;
836 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
837 
  position: relative;
838 
  white-space: nowrap;
839 
  overflow: hidden;
840 
  text-overflow: ellipsis;
841 
}
842 
.filter-div .filter.filter-selected > span {
843 
  background: url("../images/filter-selected.png") no-repeat left top !important;
844 
  background-size: 14px !important;
845 
  color: #50c25f !important;
846 
}
847 
.filter-div > div:nth-of-type(1) {
848 
  border-right: #e5e6e0 solid 1px;
849 
}
850 
.filter-div > div:nth-of-type(1) span {
851 
  display: inline-block;
852 
  background: url("../images/sort.png") no-repeat left center;
853 
  background-size: 14px;
854 
  padding-left: 17px;
855 
}
856 
.filter-div > div:nth-of-type(2) span {
857 
  display: inline-block;
858 
  background: url("../images/filter.png") no-repeat left top;
859 
  background-size: 14px;
860 
  padding-left: 17px;
861 
}
862 
.pd-list {
863 
  width: 100%;
864 
  padding: 10px 5px;
865 
  display: block;
866 
  position: relative;
867 
  border-bottom: #e5e6e0 solid 1px;
868 
  box-sizing: border-box;
869 
  -webkit-box-sizing: border-box;
870 
  -moz-box-sizing: border-box;
871 
}
872 
.pd-list .pd-image {
873 
  width: 120px;
874 
  height: 130px;
875 
  position: absolute;
876 
  background: url("../images/default-img.jpg") no-repeat center center;
877 
  background-size: contain;
878 
}
879 
.pd-list .pd-info {
880 
  position: relative;
881 
  min-height: 130px;
882 
  padding: 0px 0px 0px 125px;
883 
  box-sizing: border-box;
884 
  -webkit-box-sizing: border-box;
885 
  -moz-box-sizing: border-box;
886 
  color: #555555;
887 
}
888 
.pd-list .pd-info .pdt-name {
889 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
890 
  margin-top: 5px;
891 
}
892 
.pd-list .pd-info .pdt-price {
893 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
894 
  margin-top: 10px;
895 
}
896 
.pd-list .pd-info .pdt-price span {
897 
  display: inline-block;
898 
}
899 
.pd-list .pd-info .pdt-price span.pr-linethrough {
900 
  text-decoration: line-through;
901 
  color: #888888;
902 
  display: inline-block;
903 
  padding: 0 1px;
904 
}
905 
.pd-list .pd-info .pdt-spec {
906 
  margin-top: 10px;
907 
  overflow: hidden;
908 
  text-overflow: ellipsis;
909 
  display: -webkit-box;
910 
  -webkit-line-clamp: 4;
911 
  -webkit-box-orient: vertical;
912 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
913 
}
914 
.pd-list .pd-info .pdt-offertext,
915 
.pd-list .pd-info .pdt-offercolors {
916 
  color: #888888;
917 
  margin-top: 10px;
918 
  overflow: hidden;
919 
  text-overflow: ellipsis;
920 
  display: -webkit-box;
921 
  -webkit-line-clamp: 4;
922 
  -webkit-box-orient: vertical;
923 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
924 
}
925 
.pdt-offertext {
926 
  color: tomato !important;
927 
}
928 
.grid .pd-list {
929 
  width: 50%;
930 
  float: left;
931 
  box-sizing: border-box;
932 
  -webkit-box-sizing: border-box;
933 
  -moz-box-sizing: border-box;
934 
  border-bottom: #e5e6e0 solid 1px;
935 
  height: 227px;
936 
}
937 
.grid .pd-list .pd-image {
938 
  position: static;
939 
  margin: 0 auto;
940 
}
941 
.grid .pd-list .pd-info {
942 
  padding: 0;
943 
  text-align: center;
944 
  min-height: 71px;
945 
}
946 
.grid .pd-list .pd-info .pdt-name {
947 
  overflow: hidden;
948 
  text-overflow: ellipsis;
949 
  display: -webkit-box;
950 
  -webkit-line-clamp: 2;
951 
  -webkit-box-orient: vertical;
952 
}
953 
.grid .pd-list .pd-info .pdt-spec {
954 
  display: none;
955 
}
956 
.grid .pd-list:nth-of-type(odd) {
957 
  border-right: #e5e6e0 solid 1px;
958 
}
959 
.sort-by {
960 
  position: absolute;
961 
  display: none;
962 
  z-index: 11;
963 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
964 
  background: #ffffff;
965 
  top: 40px;
966 
  left: 0;
967 
  width: 100%;
968 
  text-align: center;
969 
  box-sizing: border-box;
970 
  -webkit-box-sizing: border-box;
971 
  -moz-box-sizing: border-box;
972 
  box-shadow: 0px 11px 30px 0px rgba(0,0,0,0.4);
973 
}
974 
.sort-by > div {
975 
  background: #f2f3ef;
976 
  padding: 10px 0;
977 
  color: #555555;
978 
  border-bottom: #ffffff solid 1px;
979 
}
980 
.sort-by div:last-child {
981 
  border-bottom: #e5e6e0 solid 1px;
982 
}
983 
.sort-by div.selected {
984 
  background: #76cf82;
985 
  color: #ffffff !important;
986 
  box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
987 
}
988 
.filter-by {
989 
  position: absolute;
990 
  z-index: 11;
991 
  top: 40px;
992 
  right: 0;
993 
  width: 100%;
994 
  background: #ffffff;
995 
  box-shadow: 0px 11px 30px 0px rgba(0,0,0,0.4);
996 
}
997 
.filter-by .filter-head {
998 
  width: 100%;
999 
  text-align: center;
1000 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
1001 
}
1002 
.filter-by .filter-head .clear {
1003 
  width: 30%;
1004 
  float: left;
1005 
  padding: 8px 0;
1006 
  background: #555555;
1007 
  color: #ffffff;
1008 
}
1009 
.filter-by .filter-head .apply {
1010 
  width: 70%;
1011 
  float: right;
1012 
  padding: 8px 0;
1013 
  background: #ff7201;
1014 
  color: #ffffff;
1015 
}
1016 
.filter-by .filter-name {
1017 
  background: #f2f3ef;
1018 
  font-weight: bold;
1019 
  padding: 8px 12px 8px 12px;
1020 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
1021 
  color: #555555;
1022 
  margin: 1px 0;
1023 
}
1024 
.filter-by .filter-name span {
1025 
  float: right;
1026 
}
1027 
.filter-by .filter-options {
1028 
  position: relative;
1029 
}
1030 
.filter-by .filter-options div.opt {
1031 
  padding: 8px 12px 8px 12px;
1032 
  color: #555555;
1033 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1034 
  border-bottom: #f2f3ef solid 1px;
1035 
}
1036 
.filter-by .filter-options div.opt span {
1037 
  float: right;
1038 
}
1039 
.filter-by .filter-options div.selected {
1040 
  background: #76cf82;
1041 
  color: #ffffff !important;
1042 
  box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
1043 
}
1044 
.filter-by .filter-options .sub-filter div {
1045 
  padding: 7px 25px 7px 25px;
1046 
  color: #555555;
1047 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1048 
  border-bottom: #f2f3ef solid 1px;
1049 
}
1050 
.filter-by .filter-options .sub-filter div span {
1051 
  float: right;
1052 
}
1053 
.refine-mask {
1054 
  position: absolute;
1055 
  width: 100%;
1056 
  height: 100%;
1057 
  background: rgba(0,0,0,0);
1058 
  top: 40px;
1059 
  left: 0;
1060 
  z-index: 10;
1061 
  display: none;
1062 
}
1063 
.load-more {
1064 
  background: #ff7201;
1065 
  color: #ffffff;
1066 
  width: 50%;
1067 
  margin: 10px auto;
1068 
  max-width: 250px;
1069 
  text-align: center;
1070 
  padding: 10px 0;
1071 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
1072 
  border-radius: 3px;
1073 
}
1074 
.noUiSlider,
1075 
.noUiSlider * {
1076 
  -webkit-box-sizing: border-box;
1077 
  -moz-box-sizing: border-box;
1078 
  box-sizing: border-box;
1079 
  -webkit-user-select: none;
1080 
  -moz-user-select: none;
1081 
  -ms-user-select: none;
1082 
  display: block;
1083 
  cursor: default;
1084 
}
1085 
.noUiSlider {
1086 
  position: relative;
1087 
}
1088 
.noUiSlider a {
1089 
  position: absolute;
1090 
  z-index: 1;
1091 
  background: #1fabf6;
1092 
}
1093 
.noUiSlider a:nth-child(2) {
1094 
  background: inherit !important;
1095 
}
1096 
.noUiSlider.vertical a {
1097 
  width: 100%;
1098 
  bottom: 0;
1099 
}
1100 
.noUiSlider.horizontal a {
1101 
  height: 100%;
1102 
  right: 0;
1103 
  border-radius: 10px;
1104 
}
1105 
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
1106 
  .noUiSlider:before,
1107 
  body.TOUCH,
1108 
  .noUiSlider div {
1109 
    -ms-touch-action: none;
1110 
  }
1111 
  .noUiSlider:before {
1112 
    display: block;
1113 
    position: absolute;
1114 
    width: 150%;
1115 
    left: -25%;
1116 
    height: 400%;
1117 
    top: -150%;
1118 
    content: "";
1119 
    z-index: -1;
1120 
  }
1121 
  .noUiSlider.vertical:before {
1122 
    width: 400%;
1123 
    left: -150%;
1124 
    height: 150%;
1125 
    top: -25%;
1126 
  }
1127 
}
1128 
.noUiSlider {
1129 
  border-radius: 5px;
1130 
}
1131 
.noUiSlider.connect a,
1132 
.noUiSlider.connect.lower {
1133 
  background: #dddddd;
1134 
}
1135 
.noUiSlider,
1136 
.noUiSlider.connect.lower a {
1137 
  background: #dddddd;
1138 
  box-shadow: inset 0px 1px 7px #b6b4a8;
1139 
}
1140 
.noUiSlider.disabled,
1141 
.noUiSlider.disabled.connect.lower a {
1142 
  background: #ccc;
1143 
  box-shadow: none;
1144 
}
1145 
.noUiSlider div {
1146 
  height: 25px;
1147 
  width: 25px;
1148 
  background: #efefe7;
1149 
  border-radius: 20px;
1150 
}
1151 
.noUiSlider.horizontal a:nth-of-type(1) div {
1152 
  background: #1FABF6;
1153 
}
1154 
.noUiSlider.horizontal a:nth-of-type(2) div {
1155 
  background: #1FABF6;
1156 
}
1157 
.noUiSlider.disabled div {
1158 
  background: transparent;
1159 
}
1160 
.noUiSlider.horizontal {
1161 
  height: 10px;
1162 
  background-color: #F2F3EF;
1163 
  margin: 20px 0;
1164 
  border-radius: 10px;
1165 
}
1166 
.noUiSlider.horizontal div {
1167 
  margin: -9px 0 0 -9px;
1168 
}
1169 
.noUiSlider.vertical {
1170 
  width: 10px;
1171 
  height: 300px;
1172 
}
1173 
.noUiSlider.vertical div {
1174 
  margin: -9px 0 0 -5px;
1175 
}
1176 
.slider-input {
1177 
  position: absolute;
1178 
  left: 0%;
1179 
  border: #1FABF6 solid 1px;
1180 
  color: #555555;
1181 
  display: inline-block;
1182 
  height: 18px;
1183 
  line-height: 20px;
1184 
  text-align: center;
1185 
  min-width: 50px;
1186 
  border-radius: 5px;
1187 
  -webkit-appearance: none;
1188 
}
1189 
.slider-input:before {
1190 
  content: "";
1191 
  position: absolute;
1192 
  bottom: -8px;
1193 
  left: 15px;
1194 
  border-width: 8px 11px 0;
1195 
  border-style: solid;
1196 
  border-color: #1FABF6 transparent;
1197 
  display: block;
1198 
  width: 0;
1199 
}
1200 
.slider-input:after {
1201 
  content: "";
1202 
  position: absolute;
1203 
  bottom: -6px;
1204 
  left: 17px;
1205 
  border-width: 6px 9px 0;
1206 
  border-style: solid;
1207 
  border-color: #fff transparent;
1208 
  display: block;
1209 
  width: 0;
1210 
}
1211 
span.slider-input:nth-of-type(1) {
1212 
  left: 0%;
1213 
}
1214 
span.slider-input:nth-of-type(2) {
1215 
  left: 98%;
1216 
}
1217 
.oprice {
1218 
  float: left;
1219 
  width: 30px;
1220 
  padding: 5px;
1221 
  text-align: center;
1222 
  border-radius: 8px;
1223 
  box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.4);
1224 
  margin-bottom: 10px;
1225 
}
1226 
.oprice.max {
1227 
  float: right;
1228 
}
1229 
.empty-list {
1230 
  height: 100px;
1231 
  margin-top: 10px;
1232 
}
1233 
.empty-msg {
1234 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
1235 
  margin: 10px 0;
1236 
  color: #555555;
1237 
}
1238 
.ch-filter {
1239 
  padding: 10px 5%;
1240 
  overflow: hidden;
1241 
}
1242 
.couponhelptext {
1243 
  color: #888888;
1244 
  font: 1.6em/1.2em Helvetica, Arial, sans-serif;
1245 
  margin: 5px auto;
1246 
  text-align: center;
1247 
}
1248 
.couponhelptext .coupontext {
1249 
  font-weight: bold;
1250 
  color: #000000;
1251 
}
1252 
.pricetype {
1253 
  font-weight: bold;
1254 
  margin-right: 5px;
1255 
}
1256 
.pdeal-price .pr-original {
1257 
  color: tomato;
1258 
}