Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2479 | Rev 2500 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1239 steven 1
/*===================== TABLE OF CONTENT ======================= 1.	1 Homepages 2.  Fonts 3.  Reset Css 4.  Cross Browser Compatibility 5.  Header 6.  Navigations 7.  Dropdown 8.  Responsive Header 9.  Revolution Slider (Banner) 10. About App 11. Amazing Features 12. Interesting Screenshots 14.	Latest Blog News 15.	Questions Sections 16.	Clinet's Testimonial 17.	Our Newsletter 18. Stylish Pricing Plan 19.	Never Miss a Deal 20.	Contact Us 21. Footer =============================================================*/
2
 
3
/* ================================================================================== Fonts ===================================================================================== */
4
 
5
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
6
/* ================================================================================== Reset Css ===================================================================================== */
7
 
8
html,
9
body,
10
div,
11
span,
12
applet,
13
object,
14
iframe,
15
h1,
16
h2,
17
h3,
18
h4,
19
h5,
20
h6,
21
p,
22
blockquote,
23
pre,
24
a,
25
abbr,
26
acronym,
27
address,
28
big,
29
cite,
30
code,
31
del,
32
dfn,
33
em,
34
img,
35
ins,
36
kbd,
37
q,
38
s,
39
samp,
40
small,
41
strike,
42
strong,
43
sub,
44
sup,
45
tt,
46
var,
47
b,
48
u,
49
i,
50
center,
51
dl,
52
dt,
53
dd,
54
ol,
55
ul,
56
li,
57
fieldset,
58
form,
59
label,
60
legend,
61
table,
62
caption,
63
tbody,
64
tfoot,
65
thead,
66
tr,
67
th,
68
td,
69
article,
70
aside,
71
canvas,
72
details,
73
embed,
74
figure,
75
figcaption,
76
footer,
77
header,
78
hgroup,
79
menu,
80
nav,
81
output,
82
ruby,
83
section,
84
summary,
85
time,
86
mark,
87
audio,
88
video {
89
    margin: 0;
90
    padding: 0;
91
    border: 0;
92
    font-size: 100%;
93
    font: inherit;
94
    vertical-align: baseline;
95
}
96
 
97
/* HTML5 display-role reset for older browsers */
98
 
99
article,
100
aside,
101
details,
102
figcaption,
103
figure,
104
footer,
105
header,
106
hgroup,
107
menu,
108
nav,
109
section {
110
    display: block;
111
}
112
 
113
body {
114
    line-height: 1;
115
    font-family: "Source Sans Pro", sans-serif;
116
    overflow-x: hidden;
117
    font-weight: 400;
118
    background-color: #f2f2f2;
119
}
120
 
121
ol,
122
ul {
123
    list-style: none;
124
}
125
 
126
a:hover {
127
    text-decoration: none;
128
}
129
 
130
blockquote,
131
q {
132
    quotes: none;
133
}
134
 
135
blockquote:before,
136
blockquote:after,
137
q:before,
138
q:after {
139
    content: "";
140
    content: none;
141
}
142
 
143
button {
144
    outline: none;
145
}
146
 
147
table {
148
    border-collapse: collapse;
149
    border-spacing: 0;
150
}
151
 
152
* {
153
    margin: 0;
154
    padding: 0;
155
}
156
 
157
a:focus {
158
    text-decoration: none;
159
    outline: none;
160
}
161
 
162
a:hover {
163
    color: #fff;
164
}
165
 
166
button {
167
    outline: none;
168
}
169
 
170
input {
171
    outline: none;
172
}
173
 
174
textarea {
175
    outline: none;
176
}
177
 
178
section {
179
    float: left;
180
    width: 100%;
181
    position: relative;
182
}
183
 
184
p {
185
    font-size: 14px;
186
    line-height: 24px;
187
    color: #666666;
188
}
189
 
190
hr {
191
    margin-top: 1rem;
192
    margin-bottom: 1rem;
193
    border: 0;
194
    border-top: 1px solid #e5e5e5 !important;
195
}
196
 
197
/* ================ CROSS BROWSER COMPATABILITY =============== */
198
 
199
img {
200
    max-width: 100%;
201
}
202
 
203
.ask-question,
204
nav,
205
.notification-box.active,
206
nav ul li a,
207
.user-account-settingss.active,
208
.user-info a,
209
.suggestion-usd>span i,
210
.view-more>a,
211
.tags-sec ul li a,
212
.post-st ul li a,
213
.ed-opts>a,
214
.bk-links li a,
215
.like-com li a,
216
.user-profy>a,
217
.slick-previous:before,
218
.slick-nexti:before,
219
.comment>a,
220
.sign_link>a,
221
.post-popup,
222
.post-project>a,
223
.post-project-fields form ul li button,
224
.post-project-fields form ul li a,
225
.sign-control li a,
226
.cover-sec>a,
227
.star-descp>a,
228
.message-btn a,
229
.pf-gallery ul li,
230
.gallery_pt:before,
231
.gallery_pt>a,
232
.overview-box,
233
.skl-name,
234
.conv-list,
235
.save-stngs ul li button,
236
.forum-links.active,
237
.react-links li a,
238
.next-prev>a,
239
nav ul li:hover>ul,
240
.user-pro-img>a i {
241
    -webkit-transition: all 0.2s;
242
    -moz-transition: all 0.2s;
243
    -ms-transition: all 0.2s;
244
    -o-transition: all 0.2s;
245
    transition: all 0.2s;
246
}
247
 
248
/* ============== DEFAULT BORDER RADIUS =========== */
249
 
250
.ask-question,
251
.login_register ul li a,
252
.search-bar form input,
253
.search-bar form button,
254
.search_form form input,
255
.post-st ul li a,
256
.post-bar,
257
.bk-links li i,
258
.bid_now,
259
.user-profy ul li a,
260
.posty,
261
.comment_box form button,
262
.post-project-fields form input,
263
.post-project-fields form textarea,
264
.post-project-fields form select,
265
.post-project-fields form ul li button,
266
.post-project-fields form ul li a,
267
.signin-pop,
268
.sign-control,
269
.sign_in_sec form input,
270
.sign_in_sec form select,
271
.sign_in_sec form button,
272
.signup-tab,
273
.login-resources ul li a,
274
.flw-hr li a,
275
.message-btn a,
276
.user-profile-ov,
277
.portfolio-gallery-sec,
278
.overview-edit,
279
.overview-edit form textarea,
280
.overview-edit form input,
281
.overview-edit form select,
282
.overview-edit button,
283
.file-submit,
284
.billing-method,
285
.lt-sec>a,
286
.add-billing-method,
287
.payment_methods form button,
288
.payment_methods form input,
289
.company-up-info ul li a,
290
.search-box form input,
291
.filter-dd form input,
292
.filter-dd form select,
293
.conversation-box,
294
.save-stngs ul li button,
295
.cp-field input,
296
.cp-field textarea,
297
.accept-req,
298
.mf-field input,
299
.mf-field button,
300
.pagination li .page-link,
301
.post_comment_sec form textarea,
302
.post_comment_sec form button,
303
.next-prev>a {
304
    -webkit-border-radius: 4px;
305
    -moz-border-radius: 4px;
306
    -ms-border-radius: 4px;
307
    -o-border-radius: 4px;
308
    border-radius: 3px;
309
}
310
 
311
.wrapper {
312
    float: left;
313
    width: 100%;
314
    min-height: 100vh;
315
    position: relative;
2294 stevensc 316
    background-color: #FFFFFF;
1239 steven 317
}
318
 
319
.overlay:before {
320
    content: "";
321
    position: absolute;
322
    top: 0;
323
    left: 0;
324
    width: 100%;
325
    height: 100%;
326
    background-color: rgba(0, 0, 0, 0.75);
327
    z-index: 99;
328
}
329
 
330
header {
331
    float: left;
332
    width: 100%;
333
    background-color: #e44d3a;
334
}
335
 
336
.header-data {
337
    float: left;
338
    width: 100%;
339
}
340
 
341
.logo {
342
    float: left;
343
    width: 40px;
344
    margin-right: 14px;
345
    margin-top: 10px;
346
}
347
 
348
.logo.pd-btm {
349
    padding-bottom: 10px;
350
}
351
 
352
.forum-bar {
353
    float: left;
354
    margin-top: 10px;
355
    width: 400px;
356
}
357
 
358
.forum-bar h2 {
359
    float: left;
360
    margin-right: 40px;
361
}
362
 
363
.forum-bar ul {
364
    float: left;
365
    margin-top: 0px;
366
}
367
 
368
.ask-question {
369
    background-color: #fff;
370
    padding: 10px 25px;
371
    color: #e44d3a !important;
372
    font-size: 14px;
373
    font-weight: 600;
374
}
375
 
376
.ask-question:hover {
377
    color: #e44d3a;
378
}
379
 
380
.forum-bar ul li {
381
    display: inline-block;
382
    margin-right: 40px;
383
}
384
 
385
.forum-bar ul li:last-child {
386
    margin-right: 0;
387
}
388
 
389
.forum-bar ul li a {
390
    display: inline-block;
391
    color: #ffffff;
392
    font-size: 14px;
393
    font-weight: 500;
394
}
395
 
396
.forum-bar h2 {
397
    color: #ffffff;
398
    font-size: 28px;
399
    font-weight: 500;
400
}
401
 
402
/* ========== login_register ========== */
403
 
404
.login_register {
405
    float: right;
406
    margin-top: 8px;
407
    padding-left: 30px;
408
}
409
 
410
.login_register ul li {
411
    display: inline-block;
412
    margin-right: 8px;
413
}
414
 
415
.login_register ul li:last-child {
416
    margin-right: 0;
417
}
418
 
419
.login_register ul li a {
420
    display: inline-block;
421
    color: #ffffff;
422
    font-size: 14px;
423
    border: 1px solid #fff;
424
    height: 40px;
425
    line-height: 40px;
426
    padding: 0 20px;
427
    font-weight: 600;
428
}
429
 
430
.search-bar.st2 {
431
    float: right;
432
}
433
 
434
.search-bar {
435
    float: left;
436
    width: 280px;
437
    margin-top: 9px;
438
}
439
 
440
.search-bar form {
441
    float: left;
442
    width: 100%;
443
    position: relative;
444
}
445
 
446
.search-bar form input {
447
    width: 100%;
448
    background-color: #fff;
449
    height: 38px;
450
    color: #b2b2b2;
451
    font-size: 12px;
452
    border: 0;
453
    padding: 0 10px;
454
}
455
 
456
.search-bar form button {
457
    position: absolute;
458
    top: 0;
459
    right: 0;
460
    background-color: #efefef;
461
    width: 38px;
462
    height: 100%;
463
    border: 0;
464
}
465
 
466
.search-bar form button i {
467
    color: #e44d3a;
468
    font-size: 20px;
469
    font-weight: bold;
470
}
471
 
472
nav {
473
    /* float: left; width: 60%; text-align: right; */
474
    /* padding-right: 13px; */
475
}
476
 
477
nav ul li {
478
    /* display: inline-block; text-align: center; padding: 15px 13px; position: relative; */
479
}
480
 
481
nav ul li:hover>ul {
482
    /* opacity: 1; visibility: visible; z-index: 9999; */
483
}
484
 
485
nav ul ul {
486
    /* position: absolute; top: 100%; left: 0; width: 200px; background-color: #e44d3a; text-align: left; padding: 20px 0 10px 0; opacity: 0; visibility: hidden; z-index: 999999; */
487
}
488
 
489
/* nav ul ul li {padding: 0; float: left; width: 100%; text-align: left; margin-bottom: 15px; padding: 0 20px; } nav ul ul li a:hover {color: #fff; } nav ul ul li a {font-size: 16px; } */
490
 
491
.notification-box.msg p {
492
    line-height: 20px;
493
    font-size: 14px;
494
    font-weight: 400;
495
    margin-top: 2px;
496
}
497
 
498
.notification-box.msg .nott-list .notification-info span {
499
    bottom: auto;
500
    top: 5px;
501
}
502
 
503
.notification-box.msg .notification-info h3 {
504
    margin-bottom: 1px;
505
}
506
 
507
.notification-box.msg .nott-list .notfication-details {
508
    padding: 17px 20px 17px 20px;
509
}
510
 
511
.notification-box {
512
    position: absolute;
513
    top: 100%;
514
    right: 0;
515
    width: 300px;
516
    background-color: #fff;
517
    opacity: 1;
518
    visibility: visible;
519
    z-index: 999;
520
    display: none;
521
}
522
 
523
.notification-box.active {
524
    opacity: 1;
525
    visibility: visible;
526
    z-index: 999999999;
527
}
528
 
529
.nt-title {
530
    float: left;
531
    width: 100%;
532
    border-bottom: 1px solid #e5e5e5;
533
    padding: 10px 20px;
534
}
535
 
536
.nt-title h4 {
537
    float: left;
538
    color: #686868;
539
    font-size: 12px;
540
    font-weight: 600;
541
}
542
 
543
.nt-title>a {
544
    float: right;
545
    color: #686868;
546
    font-size: 12px;
547
    font-weight: 600;
548
}
549
 
550
.nott-list {
551
    float: left;
552
    width: 100%;
553
}
554
 
555
.nott-list .notification-info {
556
    width: 86%;
557
    float: left;
558
    text-align: left;
559
    position: relative;
560
}
561
 
562
.nott-list .notfication-details {
563
    padding: 20px 20px 12px 20px;
564
}
565
 
566
.nott-list .notification-info h3 {
567
    line-height: 20px;
568
}
569
 
570
.nott-list .notification-info span {
571
    position: absolute;
572
    bottom: 5px;
573
    right: 0;
574
}
575
 
576
.view-all-nots {
577
    float: left;
578
    width: 100%;
579
}
580
 
581
.view-all-nots>a {
582
    float: left;
583
    width: 100%;
584
    color: #ffffff;
585
    font-size: 16px;
586
    text-transform: capitalize;
587
    font-weight: 600;
588
    text-align: center;
589
    background-color: #e44d3a;
590
    padding: 18px 0;
591
}
592
 
593
nav ul li span {
594
    display: block;
595
    height: 14px;
596
}
597
 
598
nav ul li span img {
599
    float: none;
600
}
601
 
602
nav ul li a {
603
    color: #ffffff;
604
    font-size: 14px;
605
}
606
 
607
nav>ul>li>a:hover {
608
    color: #fff;
609
}
610
 
611
.user-account {
612
    float: right;
613
    /* width: 110px; */
614
    border-left: 1px solid #dd3e2b;
615
    border-right: 1px solid #dd3e2b;
616
    box-sizing: border-box;
617
    position: relative;
618
    padding: 0 1rem;
619
}
620
 
621
.user-info {
622
    /* float: left; width: 100%; padding: 13px 10px; */
623
    position: relative;
624
}
625
 
626
.user-account-settingss {
627
    position: absolute;
628
    opacity: 1;
629
    visibility: visible;
630
    z-index: 999;
631
    display: none;
632
    top: 100%;
633
    right: 0;
634
    width: 240px;
635
    background-color: #fff;
636
    border-left: 1px solid #e5e5e5;
637
    border-bottom: 1px solid #e5e5e5;
638
    border-right: 1px solid #e5e5e5;
639
    -webkit-border-radius: 0 0 5px 5px;
640
    -moz-border-radius: 0 0 5px 5px;
641
    -ms-border-radius: 0 0 5px 5px;
642
    -o-border-radius: 0 0 5px 5px;
643
    border-radius: 0 0 5px 5px;
644
    -webkit-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
645
    -moz-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
646
    -ms-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
647
    -o-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
648
    box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
649
    /*opacity: 0; visibility: hidden;*/
650
}
651
 
652
.user-account-settingss.active {
653
    opacity: 1;
654
    visibility: visible;
655
    z-index: 9999;
656
}
657
 
658
.user-account-settingss>h3 {
659
    color: #000000;
660
    font-size: 16px;
661
    font-weight: 600;
662
    float: left;
663
    width: 100%;
664
    border-bottom: 1px solid #e5e5e5;
665
    padding: 15px 20px;
666
}
667
 
668
.on-off-status {
669
    float: left;
670
    width: 100%;
671
    padding: 20px;
672
    border-bottom: 1px solid #e5e5e5;
673
}
674
 
675
.on-off-status li {
676
    float: left;
677
    width: 100%;
678
    margin-bottom: 15px;
679
}
680
 
681
.on-off-status li:last-child {
682
    margin-bottom: 0;
683
}
684
 
685
.on-off-status li .fgt-sec small {
686
    color: #686868;
687
}
688
 
689
/* =========== search_form =========== */
690
 
691
.search_form {
692
    float: left;
693
    width: 100%;
694
    padding: 20px;
695
    border-bottom: 1px solid #e5e5e5;
696
}
697
 
698
.search_form form {
699
    float: left;
700
    width: 100%;
701
    position: relative;
702
}
703
 
704
.search_form form input {
705
    width: 100%;
706
    height: 35px;
707
    padding: 0 15px;
708
    border: 1px solid #e5e5e5;
709
    background-color: #f2f2f2;
710
}
711
 
712
.search_form form button {
713
    color: #f2f2f2;
714
    font-size: 14px;
715
    background-color: #e44d3a;
716
    padding: 0 10px;
717
    height: 100%;
718
    position: absolute;
719
    top: 0;
720
    right: 0;
721
    border: 0;
722
    font-weight: 600;
723
    -webkit-border-radius: 0 3px 3px 0;
724
    -moz-border-radius: 0 3px 3px 0;
725
    -ms-border-radius: 0 3px 3px 0;
726
    -o-border-radius: 0 3px 3px 0;
727
    border-radius: 0 3px 3px 0;
728
    cursor: pointer;
729
}
730
 
731
/* ============ us-links ============= */
732
 
733
.us-links {
734
    float: left;
735
    width: 100%;
736
    border-bottom: 1px solid #e5e5e5;
737
    padding: 20px;
738
}
739
 
740
.us-links li {
741
    float: left;
742
    width: 100%;
743
    margin-bottom: 15px;
744
}
745
 
746
.us-links li:last-child {
747
    margin-bottom: 0;
748
}
749
 
750
.us-links li a {
751
    float: left;
752
    width: 100%;
753
    color: #000000;
754
    font-size: 14px;
755
    font-weight: 500;
756
}
757
 
758
.tc {
759
    text-align: center;
760
}
761
 
762
.tc a {
763
    color: #000;
764
}
765
 
766
.user-info img {
767
    /* margin-right: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; */
768
}
769
 
770
.user-info a {
771
    color: #fff;
772
    font-size: 14px;
773
    float: left;
774
    margin-top: 8px;
775
}
776
 
777
.user-info a:hover {
778
    color: #fff;
779
}
780
 
781
.user-info>i {
782
    position: absolute;
783
    top: 50%;
784
    right: -15px;
785
    color: #fff;
786
    font-size: 12px;
787
    -webkit-transform: translateY(-50%);
788
    -moz-transform: translateY(-50%);
789
    -ms-transform: translateY(-50%);
790
    -o-transform: translateY(-50%);
791
    transform: translateY(-50%);
792
}
793
 
794
/* =================== main-section ================= */
795
 
796
main {
797
    float: left;
798
    width: 100%;
2275 stevensc 799
    padding: 10px 0;
1239 steven 800
}
801
 
802
.main-section {
803
    float: left;
804
    width: 100%;
805
    background-color: #fff;
2378 stevensc 806
    padding: 1rem 0;
1239 steven 807
}
808
 
809
.main-section-data {
810
    width: 100%;
2372 stevensc 811
    display: grid;
2376 stevensc 812
    grid-template-columns: 1fr;
2374 stevensc 813
    gap: 1rem;
1239 steven 814
}
815
 
2377 stevensc 816
@media (min-width: 768px) {
2376 stevensc 817
    .main-section-data {
2430 stevensc 818
        grid-template-columns: 30% 70% !important;
2376 stevensc 819
    }
820
}
821
 
2377 stevensc 822
@media (min-width: 1200px) {
2376 stevensc 823
    .main-section-data {
2430 stevensc 824
        grid-template-columns: 25% 50% 25% !important;
2376 stevensc 825
    }
826
}
827
 
2377 stevensc 828
@media (min-width: 1200px) {
2376 stevensc 829
    .main-section-data {
830
        grid-template-columns: 27% 43% 27% !important;
831
    }
832
}
833
 
1239 steven 834
.main-left-sidebar {
835
    float: left;
836
    width: 100%;
2378 stevensc 837
    display: none;
2367 stevensc 838
    margin-top: 37px;
1239 steven 839
}
840
 
2378 stevensc 841
@media (min-width: 768px) {
2379 stevensc 842
    .main-left-sidebar {
2378 stevensc 843
        display: block;
844
    }
845
}
846
 
2478 stevensc 847
@media (max-width: 768px) {
848
    .notifications-page .container {
849
        padding: 0 !important;
850
    }
851
}
852
 
2474 stevensc 853
.notification-item {
854
    margin-bottom: 1.5rem;
2478 stevensc 855
    display: flex;
856
    justify-content: center;
2479 stevensc 857
    gap: 5px;
2478 stevensc 858
    align-items: flex-start;
859
    flex-direction: column;
2474 stevensc 860
}
861
 
2479 stevensc 862
@media (min-width: 768px) {
2478 stevensc 863
    .notification-item {
864
        margin-bottom: 1.5rem;
865
        display: flex;
2479 stevensc 866
        gap: 0;
2478 stevensc 867
        justify-content: space-between;
868
        align-items: center;
869
        flex-direction: row;
870
    }
871
}
872
 
2474 stevensc 873
.notification-item a {
874
    color: var(--gray);
875
    text-decoration: none;
876
    position: relative;
877
}
878
 
879
.notification-item a::before {
880
    content: '';
2477 stevensc 881
    width: 15px;
882
    height: 15px;
2475 stevensc 883
    border-radius: 100px;
884
    background-color: var(--background-gray);
2474 stevensc 885
    position: absolute;
886
    top: 50%;
2477 stevensc 887
    left: -1.2rem;
2475 stevensc 888
    transform: translateY(-50%);
2474 stevensc 889
}
890
 
891
.notification-item span {
892
    color: var(--gray);
893
}
894
 
1239 steven 895
.full-width {
896
    float: left;
897
    width: 100%;
898
    background-color: #fff;
899
    margin-bottom: 20px;
900
    /* border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; */
901
}
902
 
903
.username-dt {
904
    float: left;
905
    width: 100%;
906
    background-color: #e44d3a;
907
    padding-top: 40px;
908
}
909
 
910
.user-data {
911
    text-align: center;
912
}
913
 
914
.usr-pic {
915
    width: 110px;
916
    height: 110px;
917
    margin: 0 auto;
918
    margin-bottom: -48px;
919
}
920
 
921
.usr-pic>img {
922
    float: none;
923
    border: 5px solid #fff;
924
    -webkit-border-radius: 100px;
925
    -moz-border-radius: 100px;
926
    -ms-border-radius: 100px;
927
    -o-border-radius: 100px;
928
    border-radius: 100px;
929
    width: 100%;
930
}
931
 
932
.user-profile {
933
    float: left;
934
    width: 100%;
935
}
936
 
937
.user-specs {
938
    float: left;
939
    width: 100%;
940
    padding: 63px 0 27px 0;
941
}
942
 
943
.user-specs h3 {
944
    color: #000000;
945
    font-size: 24px;
946
    text-transform: capitalize;
947
    font-weight: 600;
948
    margin-bottom: 8px;
949
}
950
 
951
.user-specs span {
952
    color: #686868;
953
    font-size: 14px;
954
}
955
 
956
.user-fw-status {
957
    float: left;
958
    width: 100%;
959
}
960
 
961
.user-fw-status li {
962
    float: left;
963
    width: 100%;
964
    /* border-bottom: 1px solid #e5e5e5; */
965
    /* border-top: 1px solid #e5e5e5; */
966
    padding: 15px 0;
967
}
968
 
969
.user-fw-status li:last-child {
970
    border-bottom: 0;
971
}
972
 
973
.user-fw-status li:nth-child(1),
974
.user-fw-status li:nth-child(2) {
975
    border-bottom: 0;
976
}
977
 
978
.user-fw-status li h4 {
979
    color: #686868;
980
    font-size: 20px;
981
    margin-bottom: 10px;
982
}
983
 
984
.user-fw-status span {
985
    color: #000000;
986
    font-size: 20px;
987
}
988
 
989
.user-fw-status li a {
990
    color: #e44d3a;
991
    font-size: 14px;
992
    font-weight: 600;
993
}
994
 
995
/* ============= Suggestions ============ */
996
 
997
.sd-title {
998
    /* float: left; */
999
    width: 100%;
1000
    /* padding: 20px; */
1001
    /* border-bottom: 1px solid #e5e5e5; */
1002
    position: relative;
1003
    display: grid;
1004
}
1005
 
1006
.sd-title h3 {
1007
    color: #000000;
1008
    font-size: 18px;
2213 stevensc 1009
    font-weight: 700;
1239 steven 1010
    float: left;
1011
}
1012
 
1013
.sd-title i {
1014
    float: right;
1015
    color: #b7b7b7;
1016
    font-size: 24px;
1017
    position: absolute;
1018
    right: 5px;
1019
    top: 18px;
1020
}
1021
 
1022
.suggestions-list {
1023
    /* float: left; */
1024
    width: 100%;
1025
    /* padding: 13px 0 30px 0; */
1026
}
1027
 
1028
.suggestion-usd {
1029
    float: left;
1030
    width: 100%;
1031
    padding: 15px 20px;
1032
}
1033
 
1034
.suggestion-usd img {
1035
    -webkit-border-radius: 100px;
1036
    -moz-border-radius: 100px;
1037
    -ms-border-radius: 100px;
1038
    -o-border-radius: 100px;
1039
    border-radius: 100px;
1040
}
1041
 
1042
.sgt-text {
1043
    float: left;
1044
    padding-left: 10px;
1045
}
1046
 
1047
.sgt-text h4 {
1048
    color: #000000;
1049
    font-size: 14px;
1050
    font-weight: 400;
1051
    margin-bottom: 4px;
1052
}
1053
 
1054
.sgt-text span {
1055
    color: #686868;
1056
    font-size: 14px;
1057
}
1058
 
1059
.suggestion-usd>span {
1060
    margin-top: 4px;
1061
    position: relative;
1062
    margin-left: 1rem;
1063
}
1064
 
1065
.suggestion-usd>span i {
1066
    color: #b2b2b2;
1067
    width: 25px;
1068
    height: 25px;
1069
    border-radius: 3px;
1070
    cursor: pointer;
1071
    text-align: center;
1072
    display: flex;
1073
    justify-content: center;
1074
    align-items: center;
1075
}
1076
 
1077
.bg-white {
1078
    background-color: white !important;
1079
}
1080
 
1081
.suggestion-usd>span i:hover {
1082
    background-color: #0961bf !important;
1083
    color: #fff;
1084
    border-radius: 3px;
1085
}
1086
 
1087
.icon-button {
1088
    color: #b2b2b2;
1089
    width: 25px;
1090
    height: 25px;
1091
    border-radius: 3px;
1092
    cursor: pointer;
1093
    text-align: center;
1094
    display: flex !important;
1095
    justify-content: center;
1096
    align-items: center;
1097
}
1098
 
1099
.icon-button:hover {
1100
    background-color: #0961bf !important;
1101
    color: #fff;
1102
    border-radius: 3px;
1103
}
1104
 
1105
.view-more {
1106
    /* float: left; width: 100%; text-align: center; padding-top: 10px; */
1107
}
1108
 
1109
.view-more>a {
1110
    color: #e44d3a;
1111
    font-size: 14px;
1112
    font-weight: 700;
1113
}
1114
 
1115
.view-more>a:hover {
1116
    color: #e44d3a;
1117
}
1118
 
1119
/* ============== tags-sec ============= */
1120
 
1121
.tags-sec {
1122
    background-color: #fff;
1123
    padding: 25px 5px;
1124
}
1125
 
1126
.tags-sec ul {
1127
    float: left;
1128
    width: 100%;
1129
    text-align: center;
1130
}
1131
 
1132
.tags-sec ul li {
1133
    display: inline-block;
1134
    border-right: 1px solid #b2b2b2;
1135
    padding: 0 7px;
1136
    margin-bottom: 15px;
1137
}
1138
 
1139
.tags-sec ul li:nth-child(3),
1140
.tags-sec ul li:nth-child(5),
1141
.tags-sec ul li:nth-child(8) {
1142
    border-right: 0;
1143
}
1144
 
1145
.tags-sec ul li a {
1146
    display: inline-block;
1147
    color: #b2b2b2;
1148
    font-size: 13px;
1149
    font-weight: 500;
1150
}
1151
 
1152
.tags-sec ul li a:hover {
1153
    color: #e44d3a;
1154
}
1155
 
1156
.cp-sec {
1157
    float: left;
1158
    width: 100%;
1159
    margin-top: 5px;
1160
    padding: 0 13px;
1161
}
1162
 
1163
.cp-sec>img {
1164
    float: left;
1165
    margin-top: 3px;
1166
}
1167
 
1168
.cp-sec p {
1169
    float: right;
1170
    color: #b2b2b2;
1171
    font-size: 14px;
1172
    font-weight: 500;
1173
}
1174
 
1175
.cp-sec p img {
1176
    float: none;
1177
    display: inline-block;
1178
    position: relative;
1179
    top: 3px;
1180
    padding-right: 5px;
1181
}
1182
 
1183
/* =================== main-ws-sec ================== */
1184
 
1185
.main-ws-sec {
1186
    float: left;
1187
    width: 100%;
1188
}
1189
 
1190
/* ============ post-topbar =========== */
1191
 
1192
.post-topbar {
1193
    float: left;
1194
    width: 100%;
1195
    padding: 23px 20px;
1196
    background-color: #fff;
1197
    border-top: 4px solid #e44d3a;
1198
    border-left: 1px solid #e4e4e4;
1199
    border-bottom: 1px solid #e4e4e4;
1200
    border-right: 1px solid #e4e4e4;
1201
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1202
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1203
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1204
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1205
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1206
    margin-bottom: 20px;
1207
}
1208
 
1209
.user-picy {
1210
    float: left;
1211
    width: 50px;
1212
}
1213
 
1214
.user-picy img {
1215
    width: 100%;
1216
    object-fit: cover;
1217
}
1218
 
1219
.post-st {
1220
    float: right;
1221
    margin-top: 5px;
1222
}
1223
 
1224
.post-st ul li {
1225
    display: inline-block;
1226
    margin-right: 6px;
1227
}
1228
 
1229
.post-st ul li:last-child {
1230
    margin-right: 0;
1231
}
1232
 
1233
.post-st ul li a {
1234
    color: #b2b2b2;
1235
    font-size: 16px;
1236
    display: inline-block;
1237
    background-color: #e5e5e5;
1238
    height: 40px;
1239
    padding: 0 15px;
1240
    line-height: 40px;
1241
    font-weight: 500;
1242
}
1243
 
1244
.post-st ul li a:hover,
1245
.post-st ul li a.active {
1246
    background-color: #e44d3a;
1247
    color: #fff;
1248
}
1249
 
1250
/* ================ posts-section ================== */
1251
 
1252
.posts-section {
1253
    float: left;
1254
    width: 100%;
1255
}
1256
 
1257
.reviewtext {
1258
    margin: 0 -20px;
1259
}
1260
 
1261
.reviewtext p {
1262
    padding-left: 20px;
1263
}
1264
 
1265
.post-bar {
1266
    width: 100%;
1267
    background-color: #fff;
1477 steven 1268
    border: solid 1px var(--border-light-gray);
1269
    border-radius: 10px;
1239 steven 1270
    /* border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; */
1271
    /* border: 1px solid #e4e4e4; */
1272
    /* margin-bottom: 20px; */
2193 stevensc 1273
    padding: 5px 20px;
1239 steven 1274
    /* box-shadow: 0px 2px #e4e4e4; */
1275
    /* box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05); */
1276
    height: 100%;
1277
}
1278
 
1279
.shared-post-bar {
1280
    margin-top: 1rem;
1281
}
1282
 
1283
.shared-post-bar .post-bar {
1284
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%);
1285
}
1286
 
1287
.post_topbar {
1288
    width: 100%;
1289
    position: relative;
1290
}
1291
 
1292
.rep-post {
1293
    padding: 0;
1294
}
1295
 
1296
.usy-dt {
2260 stevensc 1297
    display: flex;
1239 steven 1298
}
1299
 
1300
.usy-dt img {
1301
    -webkit-border-radius: 100px;
1302
    -moz-border-radius: 100px;
1303
    -ms-border-radius: 100px;
1304
    -o-border-radius: 100px;
1305
    border-radius: 100px;
1306
    margin-top: 2px;
1307
}
1308
 
1309
.ed-opts {
1310
    position: relative;
1311
}
1312
 
1313
.ed-opts>a {
1314
    color: #b2b2b2;
1315
    font-size: 24px;
1316
    position: relative;
1317
}
1318
 
1319
.ed-options {
1320
    position: absolute;
1321
    top: 100%;
1322
    right: 0;
1323
    width: 130px;
1324
    background-color: #fff;
1325
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1326
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1327
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1328
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1329
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1330
    padding: 20px;
1331
    visibility: hidden;
1332
    z-index: 5;
1333
}
1334
 
1335
.ed-options.active {
1336
    visibility: visible;
1337
}
1338
 
1339
.ed-options li {
1340
    float: left;
1341
    width: 100%;
1342
    margin-bottom: 15px;
1343
}
1344
 
1345
.ed-options li:last-child {
1346
    margin-bottom: 0;
1347
}
1348
 
1349
.ed-options li a {
1350
    color: #686868;
1351
    font-size: 14px;
1352
    font-weight: 600;
1353
}
1354
 
1355
.ed-opts>a:hover {
1356
    color: #e44d3a;
1357
}
1358
 
1359
.usy-name {
1360
    margin-left: 15px;
1361
}
1362
 
1363
.usy-name h3 {
1364
    color: #000000;
1365
    font-size: 18px;
1366
    text-transform: capitalize;
1367
    font-weight: 600;
1368
    margin-bottom: 5px;
1369
    margin-top: 2px;
1370
}
1371
 
1372
.usy-name span {
1373
    font-size: 14px;
2197 stevensc 1374
    font-weight: 600;
1239 steven 1375
}
1376
 
1377
.usy-name img {
1378
    margin-top: 4px;
1379
    margin-right: 6px;
1380
}
1381
 
1382
.usy-name .bklink img {
1383
    margin-top: 1px;
1384
    margin-right: 6px;
1385
}
1386
 
1387
.epi2 i {
1388
    margin-right: 5px;
1389
}
1390
 
1391
#rewivewdata .review-lt {
1392
    float: left;
1393
    margin-top: 5px;
1394
    margin-bottom: 15px;
1395
}
1396
 
1397
.review-lt img {
1398
    margin-top: 1px;
1399
    margin-right: 6px;
1400
}
1401
 
1402
.bid-tab {
1403
    margin-bottom: 20px;
1404
}
1405
 
1406
.epi-sec {
1407
    float: left;
1408
    width: 100%;
1409
    padding: 0;
1410
}
1411
 
1412
.usy-name .bklink {
1413
    float: left;
1414
    margin-top: 5px !important;
1415
    margin-bottom: 15px;
1416
}
1417
 
1418
.descp {
1419
    float: left;
1420
    margin-top: 15px;
1421
    margin-bottom: 15px;
1422
}
1423
 
1424
.descp li {
1425
    display: inline-block;
1426
    margin-right: 15px;
1427
}
1428
 
1429
.descp li span {
1430
    color: #b2b2b2;
1431
    font-size: 14px;
1432
    float: left;
1433
}
1434
 
1435
.descp li img {
1436
    margin-right: 5px;
1437
}
1438
 
1439
.bk-links {
1440
    /* float: right; */
1441
}
1442
 
1443
.bk-links li {
1444
    display: inline-block;
1445
    margin-right: 7px;
1446
}
1447
 
1448
.bk-links li:last-child {
1449
    margin-right: 0;
1450
}
1451
 
1452
.bk-links li i {
1453
    color: #fff;
1454
    font-size: 24px;
1455
    width: 33px;
1456
    height: 30px;
1457
    padding-left: 0px;
1458
    background-color: #53d690;
1459
    text-align: center;
1460
    line-height: 30px;
1461
}
1462
 
1463
.bk-links li i.la-envelope {
1464
    background-color: #e44d3a;
1465
}
1466
 
1467
.bid_now {
1468
    color: #fff;
1469
    background-color: #51a5fb;
1470
    text-transform: capitalize;
1471
    display: inline-block;
1472
    height: 30px;
1473
    padding: 0 10px;
1474
    line-height: 30px;
1475
    position: relative;
1476
    top: -3px;
1477
}
1478
 
1479
.bid_now:hover {
1480
    color: #fff;
1481
}
1482
 
1483
/* ============== job_descp ============ */
1484
 
1485
.job_descp {
1486
    width: 100%;
1487
    margin: 1rem 0;
1488
}
1489
 
1490
.job_descp h3 {
1491
    color: #333;
1492
    font-size: 16px;
1493
    font-weight: 600;
1494
    /* margin-bottom: 15px; */
1495
}
1496
 
1497
.job-dt {
1498
    float: left;
1499
    width: 100%;
1500
    margin-bottom: 22px;
1501
}
1502
 
1503
.job-dt li {
1504
    display: inline-block;
1505
    margin-right: 15px;
1506
}
1507
 
1508
.job-dt li a {
1509
    text-transform: capitalize;
1510
    padding: 5px 13px;
1511
    -webkit-border-radius: 30px;
1512
    -moz-border-radius: 30px;
1513
    -ms-border-radius: 30px;
1514
    -o-border-radius: 30px;
1515
    border-radius: 3px;
1516
    display: inline-block;
1517
    font-size: 14px;
1518
    font-weight: 500;
1519
}
1520
 
1521
.job-dt li span {
1522
    color: #333;
1523
    font-size: 16px;
1524
    font-weight: 600;
1525
}
1526
 
1527
.job_descp>p {
1528
    color: #666666;
1529
    font-size: 15px;
1530
    line-height: 24px;
1531
    margin-bottom: 20px;
1532
}
1533
 
1534
.job_descp>p a {
1535
    color: #e44d3a;
1536
    font-weight: 600;
1537
}
1538
 
1539
/* ============= skill-tags =========== */
1540
 
1541
.skill-tags {
1542
    /* float: left; */
1543
    width: 100%;
1544
    /* margin-bottom: 15px; */
1545
    display: flex;
1546
    align-items: center;
1547
    margin-top: 0.5rem;
1548
    flex-wrap: wrap;
1549
    /* gap: 0.5rem 0; */
1550
}
1551
 
1552
.skill-tags li {
1553
    display: inline-block;
1554
    margin-right: 6px;
1555
    /* margin-bottom: 10px; */
1556
}
1557
 
1558
.skill-tags li a {
1559
    display: inline-block;
1560
    color: #b2b2b2;
1561
    font-size: 14px;
1562
    background-color: #f1f1f1;
1563
    -webkit-border-radius: 30px;
1564
    -moz-border-radius: 30px;
1565
    -ms-border-radius: 30px;
1566
    -o-border-radius: 30px;
1567
    border-radius: 30px;
1568
    padding: 7px 15px;
1569
    font-weight: 500;
1570
}
1571
 
1572
/* ========== job-status-bar ========== */
1573
 
1574
.job-status-bar {
1575
    width: 100%;
1576
}
1577
 
1578
.like-com {
2212 stevensc 1579
    width: 100%;
1580
    display: flex;
1581
    justify-content: space-around;
1582
    margin: 0;
1239 steven 1583
    /* margin-top: 20px; */
1584
}
1585
 
1586
.like-com li {
1587
    display: inline-block;
1588
    margin-right: 15px;
1589
}
1590
 
1591
.like-com li a {
1592
    color: #b2b2b2;
1593
    font-size: 14px;
1594
    font-weight: 500;
1595
    float: left;
1596
    margin-top: 6px;
1597
    margin-right: 5px;
1598
}
1599
 
1600
.like-com li a:hover {
1601
    color: #e44d3a;
1602
}
1603
 
1604
.like-com li a.active {
1605
    color: #e44d3a;
1606
}
1607
 
1608
.like-com li a i {
1609
    margin-right: 2px;
1610
    font-size: 14px;
1611
    position: relative;
1612
    top: 2px;
1613
}
1614
 
1615
.like-com li span {
1616
    color: #ffffff;
1617
    font-size: 13px;
1618
    width: 30px;
1619
    height: 30px;
1620
    background-color: #e44d3a;
1621
    line-height: 30px;
1622
    -webkit-border-radius: 30px;
1623
    -moz-border-radius: 30px;
1624
    -ms-border-radius: 30px;
1625
    -o-border-radius: 30px;
1626
    border-radius: 30px;
1627
    float: left;
1628
    text-align: center;
1629
    font-weight: 600;
1630
    margin-left: -25px;
1631
}
1632
 
1633
.like-com li .com {
1634
    position: relative;
1635
    top: -9px;
1636
}
1637
 
1638
.like-com li .com img {
1639
    margin-right: 10px;
1640
}
1641
 
1642
.job-status-bar>a {
1643
    /* float: right; */
1644
    color: #b2b2b2 !important;
1645
    font-size: 14px;
1646
    /* margin-top: 29px; */
1647
    cursor: pointer;
1648
}
1649
 
1650
.job-status-bar>a:hover {
1651
    color: #e44d3a !important;
1652
}
1653
 
1654
.job-status-bar>a i {
1655
    font-size: 14px;
1656
    margin-right: 7px;
1657
    position: relative;
1658
    top: 1px;
1659
}
1660
 
1661
/* ============= top-profiles ============ */
1662
 
1663
.top-profiles {
1664
    float: left;
1665
    width: 100%;
1666
    border: 1px solid #e5e5e5;
1667
    margin-bottom: 20px;
1668
}
1669
 
1670
.pf-hd {
1671
    float: left;
1672
    width: 100%;
1673
    border-bottom: 1px solid #e5e5e5;
1674
    padding: 20px 20px;
1675
    position: relative;
1676
}
1677
 
1678
.pf-hd h3 {
1679
    color: #000000;
1680
    font-size: 20px;
1681
    font-weight: 600;
1682
    text-transform: capitalize;
1683
    float: left;
1684
}
1685
 
1686
.pf-hd i {
1687
    position: absolute;
1688
    top: 50%;
1689
    -webkit-transform: translateY(-50%);
1690
    -moz-transform: translateY(-50%);
1691
    -ms-transform: translateY(-50%);
1692
    -o-transform: translateY(-50%);
1693
    transform: translateY(-50%);
1694
    right: 7px;
1695
    color: #b2b2b2;
1696
    font-size: 24px;
1697
}
1698
 
1699
/* ============== profiles-slider ============== */
1700
 
1701
.profiles-slider {
1702
    float: left;
1703
    width: 100%;
1704
    padding: 20px;
1705
}
1706
 
1707
.user-profy {
1708
    float: left;
1709
    width: 100%;
1710
    background-color: #fff;
1711
    text-align: center;
1712
    border-left: 1px solid #ececec;
1713
    border-bottom: 1px solid #ececec;
1714
    border-right: 1px solid #ececec;
1715
    -webkit-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1716
    -moz-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1717
    -ms-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1718
    -o-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1719
    box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1720
    padding: 20px 0 0 0;
1721
}
1722
 
1723
.user-profy>img {
1724
    float: none;
1725
    margin-bottom: 6px;
1726
}
1727
 
1728
.user-profy h3 {
1729
    color: #000000;
1730
    font-size: 16px;
1731
    font-weight: 600;
1732
    text-transform: capitalize;
1733
    margin-bottom: 4px;
1734
}
1735
 
1736
.user-profy span {
1737
    color: #b2b2b2;
1738
    font-size: 14px;
1739
    font-weight: 500;
1740
    display: block;
1741
    margin-bottom: 15px;
1742
}
1743
 
1744
.user-profy ul {
1745
    float: left;
1746
    width: 100%;
1747
    margin-bottom: 15px;
1748
}
1749
 
1750
.user-profy ul li {
1751
    display: inline-block;
1752
}
1753
 
1754
.user-profy ul li a {
1755
    color: #ffffff;
1756
    font-size: 13px;
1757
    padding: 0 8px;
1758
    height: 25px;
1759
    line-height: 25px;
1760
    display: inline-block;
1761
    text-transform: capitalize;
1762
}
1763
 
1764
.followw {
1765
    background-color: #53d690;
1766
}
1767
 
1768
.envlp {
1769
    background-color: #e44d3a;
1770
}
1771
 
1772
.envlp img {
1773
    float: none;
1774
}
1775
 
1776
.hire {
1777
    background-color: #51a5fb;
1778
}
1779
 
1780
.user-profy>a {
1781
    float: left;
1782
    width: 100%;
1783
    color: #000000;
1784
    font-size: 14px;
1785
    text-transform: capitalize;
1786
    padding: 15px 0;
1787
    border-top: 1px solid #ececec;
1788
    font-weight: 600;
1789
}
1790
 
1791
.user-profy>a:hover {
1792
    background-color: #e44d3a;
1793
    color: #fff;
1794
}
1795
 
1796
.slick-slide img {
1797
    display: inline-block;
1798
}
1799
 
1800
.slick-slide {
1801
    margin: 0 4px;
1802
}
1803
 
1804
.envlp img {
1805
    position: relative;
1806
    top: 2px;
1807
}
1808
 
1809
.no-margin {
1810
    margin: 0;
1811
    border: 0;
1812
    -webkit-border-radius: inherit;
1813
    -moz-border-radius: inherit;
1814
    -ms-border-radius: inherit;
1815
    -o-border-radius: inherit;
1816
    border-radius: inherit;
1817
}
1818
 
1819
.posty {
1820
    float: left;
1821
    width: 100%;
1822
    border-left: 1px solid #e4e4e4;
1823
    border-right: 1px solid #e4e4e4;
1824
}
1825
 
1826
.posty .job-status-bar {
1827
    border-bottom: 1px solid #e4e4e4;
1828
    padding-bottom: 20px;
1829
}
1830
 
1831
.slick-previous:before {
1832
    left: -14px;
1833
    content: "\f104";
1834
    margin-left: -2px;
1835
}
1836
 
1837
.slick-nexti:before {
1838
    right: -14px;
1839
    content: "\f105";
1840
    padding-left: 3px;
1841
}
1842
 
1843
.slick-previous:before,
1844
.slick-nexti:before {
1845
    font-size: 24px;
1846
    color: #b7b7b7;
1847
    position: absolute;
1848
    top: 50%;
1849
    line-height: 27px;
1850
    -webkit-transform: translateY(-50%);
1851
    -moz-transform: translateY(-50%);
1852
    -ms-transform: translateY(-50%);
1853
    -o-transform: translateY(-50%);
1854
    transform: translateY(-50%);
1855
    font-family: fontawesome;
1856
    width: 30px;
1857
    height: 30px;
1858
    background-color: #fff;
1859
    -webkit-border-radius: 100px;
1860
    -moz-border-radius: 100px;
1861
    -ms-border-radius: 100px;
1862
    -o-border-radius: 100px;
1863
    border-radius: 100px;
1864
    border: 1px solid #e6e6e6;
1865
    text-align: center;
1866
    cursor: pointer;
1867
}
1868
 
1869
.slick-previous:hover:before,
1870
.slick-nexti:hover:before {
1871
    background-color: #e44d3a;
1872
    color: #fff;
1873
    border-color: transparent;
1874
}
1875
 
1876
/* =============== comment-section ============== */
1877
 
1878
.comment-section {
1879
    float: left;
1880
    width: 100%;
1881
    background-color: #fff;
1882
    padding: 20px;
1883
    box-shadow: 0px 3px #e4e4e4;
1884
    margin-top: 1rem;
1885
}
1886
 
1887
.plus-ic {
1888
    float: left;
1889
    width: 100%;
1890
    text-align: center;
1891
    margin-bottom: 20px;
1892
}
1893
 
1894
.plus-ic i {
1895
    width: 30px;
1896
    height: 30px;
1897
    line-height: 30px;
1898
    border: 1px solid #d2d2d2;
1899
    text-align: center;
1900
    color: #b2b2b2;
1901
    -webkit-border-radius: 100px;
1902
    -moz-border-radius: 100px;
1903
    -ms-border-radius: 100px;
1904
    -o-border-radius: 100px;
1905
    border-radius: 100px;
1906
}
1907
 
1908
/* =============== comment-sec ================ */
1909
 
1910
.comment-sec {
1911
    float: left;
1912
    width: 100%;
1913
}
1914
 
1915
.comment-sec ul {
1916
    float: left;
1917
    width: 100%;
1918
}
1919
 
1920
.comment-sec ul li {
1921
    float: left;
1922
    width: 100%;
1923
}
1924
 
1925
.comment-sec ul ul {
1926
    padding-left: 50px;
1927
}
1928
 
1929
.comment-list {
1930
    display: table;
1931
    /* padding-bottom: 30px; */
1932
}
1933
 
1934
.bg-img {
1935
    display: table-cell;
1936
}
1937
 
1938
.bg-img img {
1939
    -webkit-border-radius: 100px;
1940
    -moz-border-radius: 100px;
1941
    -ms-border-radius: 100px;
1942
    -o-border-radius: 100px;
1943
    border-radius: 100px;
1944
}
1945
 
1946
.comment {
1947
    display: table-cell;
1948
    vertical-align: top;
1949
    width: 100%;
1950
    padding-left: 10px;
1951
}
1952
 
1953
.comment h3 {
1954
    color: #000000;
1955
    font-size: 16px;
1956
    font-weight: 600;
1957
    margin-bottom: 10px;
1958
}
1959
 
1960
.comment img {
1961
    /* position: relative; top: 2px; margin-right: 5px; */
1962
}
1963
 
1964
.comment span {
1965
    color: #b2b2b2;
1966
    font-size: 14px;
1967
    display: block;
1968
    margin-bottom: 14px;
1969
}
1970
 
1971
.comment p {
1972
    color: #686868;
1973
    font-size: 14px;
1974
    margin-bottom: 10px;
1975
    line-height: 20px;
1976
}
1977
 
1978
.comment>a {
1979
    display: inline-block;
1980
    color: #b2b2b2;
1981
    font-size: 14px;
1982
    font-weight: 600;
1983
}
1984
 
1985
.comment>a.active,
1986
.comment>a:hover {
1987
    color: #e44d3a;
1988
}
1989
 
1990
.comment>a i {
1991
    font-weight: 600;
1992
    margin-right: 6px;
1993
}
1994
 
1995
/* =============== post-comment ============= */
1996
 
1997
.post-comment {
1998
    float: left;
1999
    width: 100%;
2000
}
2001
 
2002
.cm_img {
2003
    float: left;
2004
    width: 40px;
2005
    margin-right: 10px;
2006
}
2007
 
2008
.comment_box {
2009
    float: none;
2010
}
2011
 
2012
.comment_box input {
2013
    width: 372px;
2014
    height: 40px;
2015
    border: 1px solid #e5e5e5;
2016
    background-color: #efefef;
2017
    padding-left: 10px;
2018
    color: #b2b2b2;
2019
    font-size: 14px;
2020
    font-weight: 600;
2021
    line-height: 40px;
2022
    resize: none;
2023
}
2024
 
2197 stevensc 2025
.chat-title {
1948 steven 2026
    font-size: 1.3rem;
2027
}
2028
 
1239 steven 2029
.comment_box form button {
2030
    float: right;
2031
    color: #fff;
2032
    background-color: #e44d3a;
2033
    height: 40px;
2034
    padding: 0 10px;
2035
    text-align: center;
2036
    font-size: 14px;
2037
    border: 0;
2038
    margin-left: 10px;
2039
    cursor: pointer;
2040
    font-weight: 600;
2041
}
2042
 
2043
/* ============== process-comm ============= */
2044
 
2045
.process-comm {
2046
    float: left;
2047
    width: 100%;
2048
    text-align: center;
2049
    padding-top: 40px;
2050
}
2051
 
2052
.process-comm img {
2053
    float: none;
2054
}
2055
 
2056
/* =============== right-sidebar ============= */
2057
 
2058
.right-sidebar {
2059
    float: left;
2376 stevensc 2060
    display: none;
1239 steven 2061
    width: 100%;
2366 stevensc 2062
    margin-top: 37px;
1239 steven 2063
}
2064
 
2430 stevensc 2065
@media (min-width: 1024px) {
2376 stevensc 2066
    .right-sidebar {
2067
        display: block;
2068
    }
2069
}
2070
 
1239 steven 2071
.widget {
2072
    float: left;
2073
    width: 100%;
2074
    background-color: #fff;
2075
    /* border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; */
2076
    margin-bottom: 20px;
2077
    /* -webkit-box-shadow: 0px 2px #e4e4e4; -moz-box-shadow: 0px 2px #e4e4e4; -ms-box-shadow: 0px 2px #e4e4e4; -o-box-shadow: 0px 2px #e4e4e4; box-shadow: 0px 2px #e4e4e4; */
2078
}
2079
 
2080
.widget-about {
2081
    text-align: center;
2082
}
2083
 
2084
.widget-about img {
2085
    float: none;
2086
    padding-top: 20px;
2087
}
2088
 
2089
.widget-about h3 {
2090
    color: #000000;
2091
    font-size: 20px;
2092
    font-weight: 600;
2093
    margin-bottom: 12px;
2094
}
2095
 
2096
.widget-about span {
2097
    color: #686868;
2098
    font-size: 14px;
2099
    margin-bottom: 30px;
2100
    float: left;
2101
    width: 100%;
2102
}
2103
 
2104
.sign_link {
2105
    float: left;
2106
    width: 100%;
2107
    /* border-top: 1px solid #e5e5e5; */
2108
    padding: 18px 0 0 0;
2109
}
2110
 
2111
.sign_link h3 {
2112
    color: #000000;
2113
    font-size: 18px;
2114
    font-weight: 600;
2115
    margin-bottom: 5px;
2116
    text-transform: uppercase;
2117
}
2118
 
2119
.sign_link h3 a {
2120
    color: #000;
2121
}
2122
 
2123
.sign_link>a {
2124
    display: inline-block;
2125
    color: #e44d3a;
2126
    font-size: 14px;
2127
    font-weight: 500;
2128
}
2129
 
2130
.sign_link>a:hover {
2131
    color: #e44d3a;
2132
}
2133
 
2134
/* ============== Widget Jobs ============ */
2135
 
2136
.jobs-list {
2137
    float: left;
2138
    width: 100%;
2139
    padding: 20px 20px;
2140
}
2141
 
2142
.job-info {
2143
    float: left;
2144
    width: 100%;
2145
    margin-bottom: 22px;
2146
}
2147
 
2148
.job-info:last-child {
2149
    margin-bottom: 0;
2150
}
2151
 
2152
.job-details {
2153
    float: left;
2154
    width: 165px;
2155
}
2156
 
2157
.job-details h3 {
2158
    color: #000000;
2159
    font-size: 14px;
2160
    font-weight: 600;
2161
    margin-bottom: 10px;
2162
}
2163
 
2164
.job-details p {
2165
    color: #686868;
2166
    font-size: 14px;
2167
    line-height: 20px;
2168
}
2169
 
2170
.hr-rate {
2171
    float: right;
2172
    width: 40px;
2173
}
2174
 
2175
.hr-rate span {
2176
    color: #000000;
2177
    font-size: 14px;
2178
    font-weight: 600;
2179
    float: right;
2180
}
2181
 
2182
/* ================ post-project-popup =============== */
2183
 
2184
.post-popup {
2185
    width: 570px;
2186
    margin: 0 auto;
2187
    position: fixed;
2188
    top: 50%;
2189
    left: 50%;
2190
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.65);
2191
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.65);
2192
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.65);
2193
    -o-transform: translateX(-50%) translateY(-50%) scale(0.65);
2194
    transform: translateX(-50%) translateY(-50%) scale(0.65);
2195
    opacity: 0;
2196
    visibility: hidden;
2197
    z-index: 0;
2198
}
2199
 
2200
.post-popup.active {
2201
    opacity: 1;
2202
    visibility: visible;
2203
    z-index: 999;
2204
    transform: scale(1) translateX(-50%) translateY(-50%);
2205
}
2206
 
2207
.post-project>a {
2208
    position: absolute;
2209
    top: -20px;
2210
    right: -20px;
2211
    color: #fff;
2212
    font-size: 22px;
2213
    cursor: pointer;
2214
}
2215
 
2216
.post-project>a:hover {
2217
    color: #fff;
2218
}
2219
 
2220
.post-project {
2221
    float: left;
2222
    width: 100%;
2223
    position: relative;
2224
}
2225
 
2226
.post-project h3 {
2227
    float: left;
2228
    width: 100%;
2229
    background-color: #e44d3a;
2230
    color: #fff;
2231
    text-align: center;
2232
    font-size: 18px;
2233
    font-weight: 500;
2234
    padding: 20px 0;
2235
}
2236
 
2237
.post-project-fields {
2238
    float: left;
2239
    width: 100%;
2240
    padding: 30px 20px;
2241
    background-color: #fff;
2242
}
2243
 
2244
.post-project-fields form {
2245
    float: left;
2246
    width: 100%;
2247
}
2248
 
2249
.post-project-fields form input {
2250
    padding: 0 15px;
2251
    height: 40px;
2252
}
2253
 
2254
.post-project-fields form textarea {
2255
    padding: 15px;
2256
    height: 130px;
2257
}
2258
 
2259
.post-project-fields form input,
2260
.post-project-fields form textarea,
2261
.post-project-fields form select {
2262
    width: 100%;
2263
    color: #b2b2b2;
2264
    font-size: 14px;
2265
    border: 1px solid #e5e5e5;
2266
    margin-bottom: 20px;
2267
    font-weight: 500;
2268
}
2269
 
2270
.post-project-fields form select {
2271
    height: 40px;
2272
    padding: 0 10px;
2273
}
2274
 
2275
.post-project-fields form ul {
2276
    float: left;
2277
    margin-top: 10px;
2278
    width: 100%;
2279
}
2280
 
2281
.post-project-fields form ul li {
2282
    display: inline-block;
2283
    margin-right: 15px;
2284
}
2285
 
2286
.post-project-fields form ul li button.active {
2287
    background-color: #e44d3a;
2288
    color: #fff;
2289
}
2290
 
2291
.post-project-fields form ul li button,
2292
.post-project-fields form ul li a {
2293
    color: #000000;
2294
    font-size: 16px;
2295
    border: 1px solid #e5e5e5;
2296
    padding: 10px 25px;
2297
    display: inline-block;
2298
    background-color: #fff;
2299
    font-weight: 600;
2300
    cursor: pointer;
2301
}
2302
 
2303
.post-project-fields form ul li button:hover,
2304
.post-project-fields form ul li a:hover {
2305
    background-color: #e44d3a;
2306
    color: #fff;
2307
}
2308
 
2309
::-webkit-input-placeholder {
2310
    /* Chrome/Opera/Safari */
2311
    color: #b2b2b2;
2312
}
2313
 
2314
::-moz-placeholder {
2315
    /* Firefox 19+ */
2316
    color: #b2b2b2;
2317
}
2318
 
2319
:-ms-input-placeholder {
2320
    /* IE 10+ */
2321
    color: #b2b2b2;
2322
}
2323
 
2324
:-moz-placeholder {
2325
    /* Firefox 18- */
2326
    color: #b2b2b2;
2327
}
2328
 
2329
.price-sec {
2330
    float: left;
2331
    width: 100%;
2332
}
2333
 
2334
.price-br {
2335
    float: left;
2336
    width: 225px !important;
2337
    position: relative;
2338
}
2339
 
2340
.price-br>i {
2341
    position: absolute;
2342
    top: 0;
2343
    right: 0;
2344
    color: #b2b2b2;
2345
    font-size: 18px;
2346
    width: 40px;
2347
    height: 40px;
2348
    line-height: 40px;
2349
    border-left: 1px solid #e5e5e5;
2350
    text-align: center;
2351
}
2352
 
2353
.price-sec span {
2354
    color: #b2b2b2;
2355
    font-size: 14px;
2356
    float: left;
2357
    padding: 12px 17px 0 17px;
2358
}
2359
 
2360
select {
2361
    -webkit-appearance: none;
2362
    -moz-appearance: none;
2363
}
2364
 
2365
.inp-field {
2366
    float: left;
2367
    width: 100%;
2368
    position: relative;
2369
}
2370
 
2371
.inp-field:before {
2372
    content: "\f107";
2373
    position: absolute;
2374
    top: 13px;
2375
    right: 15px;
2376
    color: #717171;
2377
    font-family: fontawesome;
2378
}
2379
 
2380
.post-popup.job_post .price-br {
2381
    width: 100% !important;
2382
}
2383
 
2384
/* ================= sign-in ================ */
2385
 
2386
.sign-in {
2387
    background-color: #e75348;
2388
}
2389
 
2390
.sign-in-page {
2391
    float: left;
2392
    width: 100%;
2393
    padding: 100px 0 20px 0;
2394
}
2395
 
2396
.signin-popup {
2397
    width: 870px;
2398
    margin: 0 auto;
2399
    position: relative;
2400
}
2401
 
2402
.signin-popup:before {
2403
    content: "";
2404
    position: absolute;
2405
    top: -16px;
2406
    left: 56px;
2407
    width: 30px;
2408
    height: 30px;
2409
    background-color: #fff;
2410
    -webkit-border-radius: 100px;
2411
    -moz-border-radius: 100px;
2412
    -ms-border-radius: 100px;
2413
    -o-border-radius: 100px;
2414
    border-radius: 100px;
2415
}
2416
 
2417
.signin-popup:after {
2418
    content: "";
2419
    position: absolute;
2420
    top: -37px;
2421
    left: 43px;
2422
    width: 20px;
2423
    height: 20px;
2424
    background-color: #fff;
2425
    -webkit-border-radius: 100px;
2426
    -moz-border-radius: 100px;
2427
    -ms-border-radius: 100px;
2428
    -o-border-radius: 100px;
2429
    border-radius: 100px;
2430
}
2431
 
2432
.signin-pop {
2433
    float: left;
2434
    width: 100%;
2435
    background-color: #fff;
2436
    position: relative;
2437
}
2438
 
2439
.signin-pop:before {
2440
    content: "";
2441
    position: absolute;
2442
    top: 0;
2443
    left: 50%;
2444
    -webkit-transform: translateX(-50%);
2445
    -moz-transform: translateX(-50%);
2446
    -ms-transform: translateX(-50%);
2447
    -o-transform: translateX(-50%);
2448
    transform: translateX(-50%);
2449
    height: 100%;
2450
    width: 1px;
2451
    background-color: #f0f0f0;
2452
}
2453
 
2454
.dff-tab {
2455
    display: none;
2456
}
2457
 
2458
.dff-tab.current {
2459
    display: block;
2460
}
2461
 
2462
.cmp-info {
2463
    float: left;
2464
    width: 100%;
2465
    padding: 70px 5px 92px 5px;
2466
}
2467
 
2468
.cm-logo {
2469
    float: left;
2470
    width: 100%;
2471
    padding-left: 45px;
2472
    margin-bottom: 120px;
2473
}
2474
 
2475
.cm-logo img {
2476
    margin-bottom: 30px;
2477
}
2478
 
2479
.cm-logo>p {
2480
    color: #666666;
2481
    font-size: 14px;
2482
    font-weight: 400;
2483
    line-height: 24px;
2484
    float: left;
2485
    width: 100%;
2486
}
2487
 
2488
.cmp-info>img {
2489
    width: 100%;
2490
    padding-left: 10px;
2491
}
2492
 
2493
/* =============== login-sec ============= */
2494
 
2495
.login-sec {
2496
    float: left;
2497
    width: 100%;
2498
    padding: 30px 0;
2499
    position: relative;
2500
}
2501
 
2502
.login-sec:before {
2503
    content: "";
2504
    position: absolute;
2505
    bottom: -15px;
2506
    right: 70px;
2507
    width: 30px;
2508
    height: 30px;
2509
    -webkit-border-radius: 100px;
2510
    -moz-border-radius: 100px;
2511
    -ms-border-radius: 100px;
2512
    -o-border-radius: 100px;
2513
    border-radius: 100px;
2514
    background-color: #fff;
2515
}
2516
 
2517
.login-sec:after {
2518
    content: "";
2519
    position: absolute;
2520
    bottom: -40px;
2521
    right: 55px;
2522
    width: 20px;
2523
    height: 20px;
2524
    -webkit-border-radius: 100px;
2525
    -moz-border-radius: 100px;
2526
    -ms-border-radius: 100px;
2527
    -o-border-radius: 100px;
2528
    border-radius: 100px;
2529
    background-color: #fff;
2530
}
2531
 
2532
.sign-control {
2533
    float: left;
2534
    width: 100%;
2535
    text-align: right;
2536
    padding-right: 50px;
2537
    margin-bottom: 70px;
2538
}
2539
 
2540
.sign-control li {
2541
    display: inline-block;
2542
    margin-right: 0.5rem;
2543
}
2544
 
2545
.sign-control li a {
2546
    color: #000000;
2547
    font-size: 14px;
2548
    font-weight: 500;
2549
    background-color: #e5e5e5;
2550
    padding: 7px 10px;
2551
    display: inline-block;
2552
    /* -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; */
2553
}
2554
 
2555
.sign-control li:last-child a {
2556
    /* -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; */
2557
}
2558
 
2559
.sign-control li.current a {
2560
    background-color: #e44d3a;
2561
    color: #fff;
2562
}
2563
 
2564
.sign_in_sec {
2565
    float: left;
2566
    width: 100%;
2567
    padding-right: 75px;
2568
    padding-left: 60px;
2569
    display: none;
2570
}
2571
 
2572
.sign_in_sec.current {
2573
    display: block;
2574
}
2575
 
2576
.sign_in_sec h3 {
2577
    color: #000000;
2578
    font-size: 18px;
2579
    font-weight: 600;
2580
    position: relative;
2581
    padding-bottom: 10px;
2582
    margin-bottom: 30px;
2583
}
2584
 
2585
.sign_in_sec h3:before {
2586
    content: "";
2587
    position: absolute;
2588
    bottom: 0;
2589
    left: 0;
2590
    width: 30px;
2591
    height: 2px;
2592
    background-color: #e44d3a;
2593
}
2594
 
2595
/* ============= sign_in_sec ============= */
2596
 
2597
.sign_in_sec form {
2598
    float: left;
2599
    width: 100%;
2600
}
2601
 
2602
.inputContainer {
2603
    margin-bottom: 20px;
2604
}
2605
 
2606
.sn-field {
2607
    /* float: left; */
2608
    width: 100%;
2609
    position: relative;
2610
}
2611
 
2612
.sn-field.pd-more {
2613
    margin-bottom: 0;
2614
}
2615
 
2616
.sn-field.pd-more input {
2617
    padding-left: 40px;
2618
}
2619
 
2620
.sn-field>i {
2621
    position: absolute;
2622
    top: 50%;
2623
    left: 15px;
2624
    color: #666666;
2625
    font-size: 16px;
2626
    -webkit-transform: translateY(-50%);
2627
    -moz-transform: translateY(-50%);
2628
    -ms-transform: translateY(-50%);
2629
    -o-transform: translateY(-50%);
2630
    transform: translateY(-50%);
2631
}
2632
 
2633
.sn-field>span {
2634
    position: absolute;
2635
    top: 50%;
2636
    right: 15px;
2637
    font-weight: 700;
2638
    color: #666666;
2639
    font-size: 15px;
2640
    -webkit-transform: translateY(-50%);
2641
    -moz-transform: translateY(-50%);
2642
    -ms-transform: translateY(-50%);
2643
    -o-transform: translateY(-50%);
2644
    transform: translateY(-50%);
2645
}
2646
 
2647
.sign_in_sec form input {
2648
    height: 40px;
2649
}
2650
 
2651
.sign_in_sec form input,
2652
.sign_in_sec form select {
2653
    width: 100%;
2654
    padding: 0 15px 0 40px;
2655
    color: #b2b2b2;
2656
    font-size: 14px;
2657
    border: 1px solid #e5e5e5;
2658
}
2659
 
2660
.sign_in_sec form select {
2661
    line-height: 40px;
2662
    height: 40px;
2663
}
2664
 
2665
.sign_in_sec form button {
2666
    color: #ffffff;
2667
    font-size: 16px;
2668
    background-color: #e44d3a;
2669
    padding: 12px 27px;
2670
    border: 0;
2671
    font-weight: 500;
2672
    margin-top: 30px;
2673
    cursor: pointer;
2674
}
2675
 
2676
.sign_in_sec_button {
2677
    color: #ffffff;
2678
    font-size: 16px;
2679
    background-color: #66a7dd;
2680
    padding: 12px 27px;
2681
    border: 0;
2682
    font-weight: 500;
2683
    margin-top: 30px;
2684
    cursor: pointer;
2685
}
2686
 
2687
.checky-sec {
2688
    /* float: left; */
2689
    width: 100%;
2690
    margin-top: 10px;
2691
}
2692
 
2693
.checky-sec.st2 small {
2694
    font-size: 13px;
2695
    width: 90%;
2696
    line-height: 20px;
2697
}
2698
 
2699
.checky-sec.st2 .fgt-sec input[type="checkbox"]+label span {
2700
    margin-top: 3px;
2701
}
2702
 
2703
.fgt-sec {
2704
    /* float: left; */
2705
}
2706
 
2707
.fgt-sec * {
2708
    cursor: pointer;
2709
}
2710
 
2711
.fgt-sec input[type="checkbox"] {
2712
    display: none;
2713
}
2714
 
2715
.fgt-sec label {
2716
    float: left;
2717
}
2718
 
2719
.fgt-sec input[type="checkbox"]+label span {
2720
    display: inline-block;
2721
    width: 15px;
2722
    height: 15px;
2723
    position: relative;
2724
    border: 1px solid #d2d2d2;
2725
    -webkit-border-radius: 100px;
2726
    -moz-border-radius: 100px;
2727
    -ms-border-radius: 100px;
2728
    -o-border-radius: 100px;
2729
    border-radius: 100px;
2730
}
2731
 
2732
.fgt-sec input[type="checkbox"]+label span:before {
2733
    content: "";
2734
    width: 7px;
2735
    height: 7px;
2736
    -webkit-border-radius: 100px;
2737
    -moz-border-radius: 100px;
2738
    -ms-border-radius: 100px;
2739
    -o-border-radius: 100px;
2740
    border-radius: 100px;
2741
    font-size: 8px;
2742
    color: #ffffff;
2743
    opacity: 0;
2744
    visibility: hidden;
2745
    background-color: #e44d3a;
2746
    position: absolute;
2747
    font-family: fontawesome;
2748
    top: 50%;
2749
    left: 50%;
2750
    -webkit-transform: translateX(-50%) translateY(-50%);
2751
    -moz-transform: translateX(-50%) translateY(-50%);
2752
    -ms-transform: translateX(-50%) translateY(-50%);
2753
    -o-transform: translateX(-50%) translateY(-50%);
2754
    transform: translateX(-50%) translateY(-50%);
2755
}
2756
 
2757
.fgt-sec input[type="checkbox"]:checked+label span:before {
2758
    opacity: 1;
2759
    visibility: visible;
2760
}
2761
 
2762
.fgt-sec small {
2763
    /* float: left; */
2764
    color: #000000;
2765
    font-size: 14px;
2766
    font-weight: 500;
2767
    padding-left: 10px;
2768
}
2769
 
2770
.checky-sec>a {
2771
    float: right;
2772
    color: #000000;
2773
    font-size: 14px;
2774
    font-weight: 500;
2775
}
2776
 
2777
/* ======= Radio Button Styles ======= */
2778
 
2779
.fgt-sec input[type="radio"] {
2780
    display: none;
2781
}
2782
 
2783
.fgt-sec label {
2784
    float: left;
2785
}
2786
 
2787
.fgt-sec input[type="radio"]+label span {
2788
    display: inline-block;
2789
    width: 15px;
2790
    height: 15px;
2791
    position: relative;
2792
    border: 1px solid #d2d2d2;
2793
    -webkit-border-radius: 100px;
2794
    -moz-border-radius: 100px;
2795
    -ms-border-radius: 100px;
2796
    -o-border-radius: 100px;
2797
    border-radius: 100px;
2798
}
2799
 
2800
.fgt-sec input[type="radio"]+label span:before {
2801
    content: "";
2802
    width: 7px;
2803
    height: 7px;
2804
    -webkit-border-radius: 100px;
2805
    -moz-border-radius: 100px;
2806
    -ms-border-radius: 100px;
2807
    -o-border-radius: 100px;
2808
    border-radius: 100px;
2809
    font-size: 8px;
2810
    color: #ffffff;
2811
    opacity: 0;
2812
    visibility: hidden;
2813
    background-color: #e44d3a;
2814
    position: absolute;
2815
    font-family: fontawesome;
2816
    top: 49%;
2817
    left: 49%;
2818
    -webkit-transform: translateX(-50%) translateY(-50%);
2819
    -moz-transform: translateX(-50%) translateY(-50%);
2820
    -ms-transform: translateX(-50%) translateY(-50%);
2821
    -o-transform: translateX(-50%) translateY(-50%);
2822
    transform: translateX(-50%) translateY(-50%);
2823
}
2824
 
2825
.fgt-sec input[type="radio"]:checked+label span:before {
2826
    opacity: 1;
2827
    visibility: visible;
2828
}
2829
 
2830
/* =============== signup-tab ============== */
2831
 
2832
.signup-tab {
2833
    float: left;
2834
    width: 100%;
2835
    border: 1px solid #e5e5e5;
2836
    text-align: center;
2837
    padding: 15px 0;
2838
    margin-bottom: 20px;
2839
    position: relative;
2840
    margin-top: -30px;
2841
}
2842
 
2843
.signup-tab>i {
2844
    position: absolute;
2845
    top: 15px;
2846
    left: 13px;
2847
    color: #000;
2848
    font-size: 14px;
2849
}
2850
 
2851
.signup-tab h2 {
2852
    color: #000000;
2853
    font-size: 14px;
2854
    font-weight: 500;
2855
    margin-bottom: 15px;
2856
}
2857
 
2858
.signup-tab ul {
2859
    float: left;
2860
    width: 100%;
2861
}
2862
 
2863
.signup-tab ul li {
2864
    display: inline-block;
2865
    margin-right: -4px;
2866
}
2867
 
2868
.signup-tab ul li a {
2869
    color: #000000;
2870
    font-size: 14px;
2871
    font-weight: 500;
2872
    background-color: #e5e5e5;
2873
    padding: 10px 15px;
2874
    -webkit-border-radius: 3px 0px 0px 3px;
2875
    -moz-border-radius: 3px 0px 0px 3px;
2876
    -ms-border-radius: 3px 0px 0px 3px;
2877
    -o-border-radius: 3px 0px 0px 3px;
2878
    border-radius: 3px 0px 0px 3px;
2879
    display: inline-block;
2880
}
2881
 
2882
.signup-tab ul li.current a {
2883
    background-color: #e44d3a;
2884
    color: #fff;
2885
}
2886
 
2887
.signup-tab ul li:last-child a {
2888
    -webkit-border-radius: 0px 3px 3px 0px;
2889
    -moz-border-radius: 0px 3px 3px 0px;
2890
    -ms-border-radius: 0px 3px 3px 0px;
2891
    -o-border-radius: 0px 3px 3px 0px;
2892
    border-radius: 0px 3px 3px 0px;
2893
}
2894
 
2895
/* ============ login-resources ============= */
2896
 
2897
.login-resources {
2898
    float: left;
2899
    width: 100%;
2900
    text-align: center;
2901
    margin-top: 27px;
2902
}
2903
 
2904
.login-resources h4 {
2905
    color: #000000;
2906
    font-size: 14px;
2907
    font-weight: 600;
2908
    margin-bottom: 30px;
2909
    text-transform: uppercase;
2910
}
2911
 
2912
.login-resources ul {
2913
    float: left;
2914
    width: 100%;
2915
}
2916
 
2917
.login-resources ul li {
2918
    float: left;
2919
    width: 100%;
2920
    margin-bottom: 20px;
2921
}
2922
 
2923
.login-resources ul li a {
2924
    color: #ffffff;
2925
    font-size: 15px;
2926
    font-weight: 500;
2927
    float: left;
2928
    width: 100%;
2929
    padding: 10px 0;
2930
}
2931
 
2932
.login-resources ul li a i {
2933
    margin-right: 15px;
2934
}
2935
 
2936
.fb {
2937
    background-color: #3b5998;
2938
}
2939
 
2940
.tw {
2941
    background-color: #4099ff;
2942
}
2943
 
2944
.tw .fa-twitter {
2945
    color: #fff;
2946
}
2947
 
2948
/* =============== footy-sec ============= */
2949
 
2950
.footy-sec {
2951
    float: left;
2952
    width: 100%;
2953
    margin-top: 70px;
2954
}
2955
 
2956
.footy-sec ul {
2957
    float: left;
2958
    margin-top: 5px;
2959
}
2960
 
2961
.footy-sec ul li {
2962
    display: inline-block;
2963
    padding: 0 10px;
2964
    border-right: 1px solid #ffffff;
2965
}
2966
 
2967
.footy-sec ul li:last-child {
2968
    border-right: none;
2969
}
2970
 
2971
.footy-sec ul li a {
2972
    display: inline-block;
2973
    color: #3b5998;
2974
    font-size: 14px;
2975
    font-weight: 500;
2976
}
2977
 
2978
.footy-sec p img {
2979
    padding-right: 5px;
2980
    float: auto;
2981
    position: relative;
2982
    top: 6px;
2983
}
2984
 
2985
.footy-sec p {
2986
    float: right;
2987
    color: #ffffff;
2988
    font-size: 14px;
2989
    font-weight: 500;
2990
}
2991
 
2992
footer {
2993
    background-color: #fff;
2994
}
2995
 
2263 stevensc 2996
footer a {
2997
    color: var(--dark);
2998
}
2999
 
2266 stevensc 3000
footer .footer-row {
2265 stevensc 3001
    display: grid;
3002
    gap: 5px;
2436 stevensc 3003
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
2265 stevensc 3004
}
3005
 
1239 steven 3006
.footy-sec.mn ul {
3007
    padding: 30px 0;
3008
}
3009
 
3010
.footy-sec.mn ul li a {
3011
    color: #b2b2b2;
3012
}
3013
 
3014
.footy-sec.mn ul li a:hover {
3015
    color: #e44d3a;
3016
}
3017
 
3018
.footy-sec.mn ul li {
3019
    border-color: #b2b2b2;
3020
}
3021
 
3022
.footy-sec.mn p {
3023
    color: #b2b2b2;
3024
    margin-top: 30px;
3025
}
3026
 
3027
.fl-rgt {
3028
    float: right;
3029
    margin-top: 34px;
3030
    padding-right: 30px;
3031
}
3032
 
3033
/* ================== USER PROFILE =================== */
3034
 
2366 stevensc 3035
.cover-sec {
3036
    height: 280px;
2493 stevensc 3037
    background-color: #000;
2366 stevensc 3038
    overflow: hidden;
3039
}
3040
 
1239 steven 3041
.cover-sec img {
3042
    width: 100%;
3043
}
3044
 
3045
.cover-sec>a {
3046
    display: inline-block;
3047
    color: #e44d3a;
3048
    font-size: 16px;
3049
    background-color: #fff;
3050
    border: 1px solid #e44d3a;
3051
    position: absolute;
3052
    top: 30px;
3053
    right: 0;
3054
    padding: 10px 15px;
3055
    font-weight: 600;
3056
    margin-right: 15px;
3057
}
3058
 
3059
.cover-sec>a i {
3060
    padding-right: 5px;
3061
}
3062
 
3063
/* ============= user_profile ============= */
3064
 
3065
.user_profile {
3066
    float: left;
3067
    width: 100%;
3068
    background-color: #fff;
3069
    margin-bottom: 20px;
2375 stevensc 3070
    border-radius: 10px;
1239 steven 3071
    text-align: center;
3072
}
3073
 
3074
.user-pro-img {
3075
    float: left;
3076
    width: 100%;
3077
    text-align: center;
3078
    margin-bottom: 28px;
3079
    position: relative;
3080
}
3081
 
3082
.user-pro-img .add-dp {
3083
    position: absolute;
3084
    top: 10px;
3085
    left: 60%;
3086
}
3087
 
3088
.add-dp i {
3089
    bottom: 0;
3090
    font-size: 14px;
3091
    box-shadow: none;
3092
    position: relative;
3093
    border-radius: 50px;
3094
    width: 40px;
3095
    height: 40px;
3096
    text-align: center;
3097
    background: #e44d3a;
3098
    padding: 12px;
3099
    color: #ffff;
3100
    left: 0;
3101
    top: -5px;
3102
}
3103
 
3104
.add-dp i:hover {
3105
    font-size: 14px;
3106
    border: 2px solid #fff;
3107
    background: #e44d3a;
3108
    padding: 11px;
3109
}
3110
 
3111
.add-dp {
3112
    margin: -16px;
3113
    padding: 0;
3114
}
3115
 
3116
.add-dp input[type="file"] {
3117
    opacity: 0;
3118
    padding: 10px 0px 9px;
3119
    display: none;
3120
}
3121
 
3122
.user-pro-img img {
3123
    -webkit-border-radius: 100px;
3124
    -moz-border-radius: 100px;
3125
    -ms-border-radius: 100px;
3126
    -o-border-radius: 100px;
3127
    border-radius: 100px;
3128
    float: none;
3129
    border: 5px solid #fff;
3130
}
3131
 
3132
.user_pro_status {
3133
    float: left;
3134
    width: 100%;
3135
    border-bottom: 1px solid #e5e5e5;
3136
    padding-bottom: 27px;
3137
}
3138
 
3139
.flw-hr {
3140
    float: left;
3141
    width: 100%;
3142
    margin-bottom: 30px;
3143
}
3144
 
3145
.flw-hr li {
3146
    display: inline-block;
3147
    margin-right: 17px;
3148
}
3149
 
3150
.flw-hr li:last-child {
3151
    margin-right: 0;
3152
}
3153
 
3154
.flw-hr li a {
3155
    display: inline-block;
3156
    color: #ffffff;
3157
    font-size: 16px;
3158
    font-weight: 600;
3159
    padding: 11px 15px;
3160
}
3161
 
3162
.flw-hr li a i {
3163
    padding-right: 5px;
3164
}
3165
 
3166
.flww {
3167
    background-color: #53d690;
3168
}
3169
 
3170
.hre {
3171
    background-color: #51a5fb;
3172
}
3173
 
3174
/* =============== flw-status ============ */
3175
 
3176
.flw-status {
3177
    float: left;
3178
    width: 100%;
3179
}
3180
 
3181
.flw-status li {
3182
    display: inline-block;
3183
    margin-right: 50px;
3184
}
3185
 
3186
.flw-status li:last-child {
3187
    margin-right: 0;
3188
}
3189
 
3190
.flw-status li span {
3191
    color: #686868;
3192
    font-size: 20px;
3193
    font-weight: 500;
3194
    margin-bottom: 15px;
3195
    display: block;
3196
}
3197
 
3198
.flw-status li b {
3199
    color: #000000;
3200
    font-size: 20px;
3201
    font-weight: 600;
3202
}
3203
 
3204
/* ================== social_links ============= */
3205
 
3206
.social_links {
3207
    float: left;
3208
    width: 100%;
3209
    text-align: left;
3210
}
3211
 
3212
.social_links li {
3213
    float: left;
3214
    width: 100%;
3215
    padding: 15px 15px;
3216
    border-bottom: 1px solid #e5e5e5;
3217
}
3218
 
3219
.social_links li a {
3220
    float: left;
3221
    width: 100%;
3222
    color: #51a5fb;
3223
    font-size: 14px;
3224
    font-weight: 400;
3225
    text-overflow: ellipsis;
3226
    white-space: nowrap;
3227
    overflow: hidden;
3228
}
3229
 
3230
.modal-md {
3231
    max-width: 55vw;
3232
}
3233
 
3234
@media(min-width: 721px) {
3235
    .group-view-tab {
3236
        margin-left: 3.5rem;
3237
    }
2197 stevensc 3238
 
1239 steven 3239
    .group-view-tab span {
3240
        text-overflow: ellipsis;
3241
        white-space: nowrap;
3242
        overflow: hidden;
3243
    }
3244
}
3245
 
3246
@media(max-width: 720px) {
3247
    .group-view-tab {
3248
        margin-left: 3.5rem;
3249
    }
3250
}
3251
 
3252
.text-decoration-underline {
3253
    text-decoration: underline !important;
3254
}
3255
 
3256
.ellipsis {
3257
    text-overflow: ellipsis;
3258
    white-space: nowrap;
3259
    overflow: hidden;
3260
}
3261
 
3262
.social_links li a i {
3263
    padding-right: 5px;
3264
    font-size: 20px;
3265
    position: relative;
3266
    top: 3px;
3267
}
3268
 
3269
.la-globe {
3270
    color: #51a5fb;
3271
}
3272
 
3273
/* ================= user-tab-sec ============== */
3274
 
2468 stevensc 3275
.notifications-grid {
3276
    display: grid;
3277
    grid-template-columns: 1fr;
3278
}
3279
 
3280
@media (min-width: 768px) {
3281
    .notifications-grid {
3282
        display: grid;
3283
        grid-template-columns: 30% 70%;
3284
        padding: 0 5%;
3285
    }
3286
}
3287
 
2458 stevensc 3288
.show_filters {
3289
    display: block;
3290
}
3291
 
3292
.hidden_filters {
2464 stevensc 3293
    display: none !important;
2458 stevensc 3294
}
3295
 
2459 stevensc 3296
@media (min-width: 768px) {
2458 stevensc 3297
    .show_filters {
3298
        display: none;
3299
    }
3300
 
3301
    .hidden_filters {
2465 stevensc 3302
        display: block !important;
2458 stevensc 3303
    }
3304
}
3305
 
3306
/* ================= user-tab-sec ============== */
3307
 
1239 steven 3308
.user-tab-sec {
3309
    width: 100%;
3310
    padding-top: 4px;
3311
}
3312
 
3313
.user-tab-sec h3 {
3314
    color: #000000;
3315
    font-size: 24px;
3316
    font-weight: 600;
3317
    text-transform: capitalize;
3318
    margin-bottom: 15px;
3319
}
3320
 
3321
.star-descp {
3322
    float: left;
3323
    width: 100%;
3324
    margin-bottom: 10px;
3325
}
3326
 
3327
.star-descp ul li {
3328
    margin-right: 5px !important;
3329
}
3330
 
3331
.star-descp>a {
3332
    float: left;
3333
    color: #51a5fb;
3334
    font-size: 18px;
3335
    font-weight: 600;
3336
    margin-left: 20px;
3337
    text-decoration: underline;
3338
}
3339
 
3340
.star-descp>a:hover {
3341
    color: #51a5fb;
3342
}
3343
 
3344
.star-descp span {
3345
    float: left;
3346
    color: #686868;
3347
    font-size: 18px;
3348
    font-weight: 600;
3349
    margin-right: 20px;
3350
}
3351
 
3352
.star-descp>ul {
3353
    float: left;
3354
}
3355
 
3356
.star-descp ul li {
3357
    display: inline-block;
3358
}
3359
 
3360
.star-descp ul li i {
3361
    color: #b7ce1f;
3362
    font-size: 16px;
3363
}
3364
 
3365
.tab-feed {
3366
    float: left;
3367
    width: 100%;
3368
    margin-bottom: 45px;
3369
    margin-top: 20px;
3370
}
3371
 
3372
.tab-feed ul {
3373
    float: left;
3374
    width: 100%;
3375
}
3376
 
3377
.tab-feed ul li {
3378
    display: inline-block;
3379
    margin-right: 35px;
3380
    text-align: center;
3381
}
3382
 
3383
.savetext ul {
3384
    border-bottom: none !important;
3385
}
3386
 
3387
.tab-feed.st2 ul li {
3388
    margin-right: 17px;
3389
}
3390
 
3391
.tab-feed ul li:last-child {
3392
    margin-right: 0;
3393
}
3394
 
3395
.tab-feed ul li.active img {
3396
    filter: grayscale(0);
3397
}
3398
 
3399
.tab-feed ul li.active span {
3400
    color: #e44d3a;
3401
}
3402
 
3403
.tab-feed ul li img {
3404
    float: none;
3405
    margin-bottom: 5px;
3406
    filter: grayscale(100%);
3407
}
3408
 
3409
.tab-feed ul li span {
3410
    display: block;
3411
    color: #b2b2b2;
3412
    font-weight: 400;
3413
    font-size: 16px;
3414
}
3415
 
3416
.tab-feed ul li:last-child {
3417
    margin-right: 0;
3418
}
3419
 
3420
/* ================ message-btn ============= */
3421
 
3422
.message-btn {
3423
    /* float: right; margin-top: 20px; margin-bottom: 30px; */
3424
}
3425
 
3426
.message-btn a {
3427
    display: inline-block;
3428
    font-size: 16px;
3429
    padding: 12px;
3430
    font-weight: 500;
3431
}
3432
 
3433
.message-btn a:hover {
3434
    color: #fff;
3435
}
3436
 
3437
.message-btn a i {
3438
    padding-right: 5px;
3439
}
3440
 
3441
/* ============== widget-portfolio ============== */
3442
 
3443
.wd-heady {
3444
    float: left;
3445
    width: 100%;
3446
    padding: 20px 20px;
3447
    border-bottom: 1px solid #e5e5e5;
3448
}
3449
 
3450
.wd-heady h3 {
3451
    color: #000000;
3452
    font-size: 18px;
3453
    font-weight: 600;
3454
    float: left;
3455
}
3456
 
3457
.wd-heady img {
3458
    float: right;
3459
}
3460
 
3461
.pf-gallery {
3462
    float: left;
3463
    width: 100%;
3464
    padding: 15px 15px;
3465
}
3466
 
3467
.pf-gallery ul {
3468
    float: left;
3469
    width: 100%;
3470
}
3471
 
3472
.pf-gallery ul li {
3473
    float: left;
3474
    width: 33.33%;
3475
    padding: 5px;
3476
    overflow: hidden;
3477
}
3478
 
3479
.pf-gallery ul li:hover {
3480
    -webkit-transform: scale(1.2);
3481
    -moz-transform: scale(1.2);
3482
    -ms-transform: scale(1.2);
3483
    -o-transform: scale(1.2);
3484
    transform: scale(1.2);
3485
}
3486
 
3487
.pf-gallery img {
3488
    width: 100%;
3489
}
3490
 
3491
.product-feed-tab {
3492
    float: left;
3493
    width: 100%;
3494
    display: none;
3495
}
3496
 
3497
.product-feed-tab.current {
3498
    display: block;
3499
}
3500
 
3501
/* =============== user-profile-ov ================ */
3502
 
3503
.user-profile-ov {
3504
    float: left;
3505
    width: 100%;
3506
    background-color: #fff;
3507
    padding: 30px 20px;
3508
    border-left: 1px solid #e4e4e4;
3509
    border-bottom: 1px solid #e4e4e4;
3510
    border-right: 1px solid #e4e4e4;
3511
    margin-bottom: 20px;
3512
}
3513
 
3514
.user-profile-ov h3 {
3515
    color: #000000;
3516
    font-size: 18px;
3517
    font-weight: 600;
3518
    margin-bottom: 20px;
3519
}
3520
 
3521
.user-profile-ov h3 a {
3522
    color: #000000;
3523
}
3524
 
3525
.user-profile-ov i {
3526
    color: #000000;
3527
    font-size: 13px;
3528
    padding-left: 5px;
3529
}
3530
 
3531
.user-profile-ov h4 {
3532
    font-size: 16px;
3533
    color: #000;
3534
    font-weight: 600;
3535
    margin-bottom: 10px;
3536
}
3537
 
3538
.user-profile-ov p {
3539
    color: #686868;
3540
    font-size: 14px;
3541
    line-height: 24px;
3542
}
3543
 
3544
.user-profile-ov.st2 p {
3545
    margin-bottom: 23px;
3546
}
3547
 
3548
.no-margin {
3549
    margin: 0 !important;
3550
}
3551
 
3552
.user-profile-ov>span {
3553
    color: #686868;
3554
    font-size: 14px;
3555
    float: left;
3556
    width: 100%;
3557
    margin-bottom: 8px;
3558
    margin-top: 3px;
3559
}
3560
 
3561
.user-profile-ov ul {
3562
    float: left;
3563
    width: 100%;
3564
}
3565
 
3566
.user-profile-ov ul li {
3567
    display: inline-block;
3568
    margin-bottom: 10px;
3569
    padding: 0 2px;
3570
}
3571
 
3572
.user-profile-ov ul li a {
3573
    display: inline-block;
3574
    color: #b2b2b2;
3575
    font-size: 14px;
3576
    font-weight: 600;
3577
    background-color: #e5e5e5;
3578
    -webkit-border-radius: 30px;
3579
    -moz-border-radius: 30px;
3580
    -ms-border-radius: 30px;
3581
    -o-border-radius: 30px;
3582
    border-radius: 30px;
3583
    padding: 10px 15px;
3584
}
3585
 
3586
/* ==================== portfolio-gallery-sec ==================== */
3587
 
3588
.portfolio-gallery-sec {
3589
    float: left;
3590
    width: 100%;
3591
    background-color: #fff;
3592
    padding: 30px 20px;
3593
    border-left: 1px solid #e4e4e4;
3594
    border-right: 1px solid #e4e4e4;
3595
    border-bottom: 1px solid #e4e4e4;
3596
}
3597
 
3598
.portfolio-gallery-sec h3 {
3599
    font-weight: 600;
3600
    font-size: 18px;
3601
    margin-bottom: 32px;
3602
    padding-left: 5px;
3603
    float: left;
3604
}
3605
 
3606
.portfolio-btn {
3607
    float: right;
3608
}
3609
 
3610
.portfolio-btn a {
3611
    display: inline-block;
3612
    color: #e44d3a;
3613
    font-size: 16px;
3614
    font-weight: 600;
3615
}
3616
 
3617
.portfolio-btn a i {
3618
    margin-right: 5px;
3619
}
3620
 
3621
.gallery_pf {
3622
    float: left;
3623
    width: 100%;
3624
    margin-bottom: -5px;
3625
}
3626
 
3627
.gallery_pf .col-lg-4 {
3628
    padding: 5px;
3629
}
3630
 
3631
.gallery_pt {
3632
    float: left;
3633
    width: 100%;
3634
    position: relative;
3635
    overflow: hidden;
3636
}
3637
 
3638
.gallery_pt:hover:before {
3639
    opacity: 1;
3640
    visibility: visible;
3641
    height: 100%;
3642
}
3643
 
3644
.gallery_pt:before {
3645
    content: "";
3646
    position: absolute;
3647
    top: 0;
3648
    left: 0;
3649
    width: 100%;
3650
    height: 0;
3651
    background-color: rgba(0, 0, 0, 0.6);
3652
    opacity: 0;
3653
    visibility: hidden;
3654
}
3655
 
3656
.gallery_pt img {
3657
    width: 100%;
3658
    height: 134px;
3659
    object-fit: cover;
3660
}
3661
 
3662
.row {
3663
    margin: 0;
3664
}
3665
 
3666
.gallery_pt>a {
3667
    position: absolute;
3668
    top: 100%;
3669
    left: 0;
3670
    float: left;
3671
    width: 100%;
3672
    text-align: center;
3673
    -webkit-transform: translateY(-50%);
3674
    -moz-transform: translateY(-50%);
3675
    -ms-transform: translateY(-50%);
3676
    -o-transform: translateY(-50%);
3677
    transform: translateY(-50%);
3678
    opacity: 0;
3679
    visibility: hidden;
3680
}
3681
 
3682
.gallery_pt:hover>a {
3683
    opacity: 1;
3684
    visibility: visible;
3685
    top: 50%;
3686
}
3687
 
3688
.gallery_pt>a img {
3689
    float: none;
3690
    width: auto;
3691
    height: auto;
3692
}
3693
 
3694
/* ============== overview-box ============= */
3695
 
3696
.overview-box {
3697
    width: 570px;
3698
    position: fixed;
3699
    top: 50%;
3700
    left: 50%;
3701
    -webkit-transform: translateX(-50%) translateY(-50%);
3702
    -moz-transform: translateX(-50%) translateY(-50%);
3703
    -ms-transform: translateX(-50%) translateY(-50%);
3704
    -o-transform: translateX(-50%) translateY(-50%);
3705
    transform: translateX(-50%) translateY(-50%);
3706
    opacity: 0;
3707
    visibility: hidden;
3708
    z-index: 0;
3709
}
3710
 
3711
.close-box {
3712
    position: absolute;
3713
    top: -20px;
3714
    right: -20px;
3715
    color: #fff;
3716
    font-size: 14px;
3717
    text-align: center;
3718
    width: 22px;
3719
    height: 22px;
3720
    line-height: 22px;
3721
    border: 1px solid #fff;
3722
    -webkit-border-radius: 100px;
3723
    -moz-border-radius: 100px;
3724
    -ms-border-radius: 100px;
3725
    -o-border-radius: 100px;
3726
    border-radius: 100px;
3727
    font-weight: 600;
3728
}
3729
 
3730
.close-box:hover {
3731
    color: #fff;
3732
}
3733
 
3734
.overview-box.open {
3735
    opacity: 1;
3736
    visibility: visible;
3737
    z-index: 99999;
3738
}
3739
 
3740
.overview-edit {
3741
    float: left;
3742
    width: 100%;
3743
    background-color: #fff;
3744
    padding: 30px 20px;
3745
}
3746
 
3747
.overview-edit h3 {
3748
    color: #000000;
3749
    font-size: 18px;
3750
    font-weight: 600;
3751
    float: left;
3752
    width: 100%;
3753
    margin-bottom: 25px;
3754
}
3755
 
3756
.overview-edit span {
3757
    color: #b2b2b2;
3758
    font-size: 12px;
3759
    float: right;
3760
    margin-bottom: 5px;
3761
}
3762
 
3763
.overview-edit form {
3764
    float: left;
3765
    width: 100%;
3766
}
3767
 
3768
.overview-edit form input {
3769
    height: 40px;
3770
    padding-left: 15px;
3771
    margin-bottom: 20px;
3772
}
3773
 
3774
.overview-edit form textarea,
3775
.overview-edit form input,
3776
.overview-edit form select {
3777
    width: 100%;
3778
    border: 1px solid #e5e5e5;
3779
    resize: none;
3780
    color: #b2b2b2;
3781
    font-size: 14px;
3782
}
3783
 
3784
.overview-edit form select {
3785
    line-height: 40px;
3786
    padding-left: 40px;
3787
    margin-bottom: 20px;
3788
}
3789
 
3790
.overview-edit form textarea {
3791
    height: 160px;
3792
    margin-bottom: 30px;
3793
    padding: 15px;
3794
}
3795
 
3796
.save {
3797
    background-color: #e44d3a;
3798
    color: #fff;
3799
    border-color: transparent;
3800
}
3801
 
3802
.save-add {
3803
    background-color: #fff;
3804
    padding: 13px 13px !important;
3805
}
3806
 
3807
.overview-edit button {
3808
    float: left;
3809
    border: 1px solid #e5e5e5;
3810
    font-weight: 600;
3811
    font-size: 16px;
3812
    padding: 13px 34px;
3813
    margin-right: 20px;
3814
    outline: none;
3815
    cursor: pointer;
3816
}
3817
 
3818
.cancel {
3819
    background-color: #fff;
3820
    color: #000;
3821
}
3822
 
3823
.datepicky {
3824
    float: left;
3825
    width: 100%;
3826
}
3827
 
3828
.no-left-pd {
3829
    padding: 0;
3830
}
3831
 
3832
.no-righ-pd {
3833
    padding-right: 0;
3834
}
3835
 
3836
.datefm {
3837
    float: left;
3838
    width: 100%;
3839
    position: relative;
3840
}
3841
 
3842
.datefm i {
3843
    position: absolute;
3844
    top: 11px;
3845
    right: 15px;
3846
    font-size: 18px;
3847
    color: #b2b2b2;
3848
}
3849
 
3850
#location-box .datefm i {
3851
    right: auto;
3852
    left: 15px;
3853
}
3854
 
3855
#location-box .datefm input {
3856
    padding-left: 40px;
3857
}
3858
 
3859
#skills-box ul {
3860
    float: left;
3861
    width: 100%;
3862
    margin-bottom: 20px;
3863
}
3864
 
3865
#skills-box ul li {
3866
    display: inline-block;
3867
    margin-right: 10px;
3868
    position: relative;
3869
}
3870
 
3871
.skl-name {
3872
    display: inline-block;
3873
    color: #b2b2b2;
3874
    font-size: 14px;
3875
    font-weight: 500;
3876
    background-color: #e5e5e5;
3877
    -webkit-border-radius: 30px;
3878
    -moz-border-radius: 30px;
3879
    -ms-border-radius: 30px;
3880
    -o-border-radius: 30px;
3881
    border-radius: 30px;
3882
    text-transform: uppercase;
3883
    padding: 10px 30px 10px 12px;
3884
    position: relative;
3885
}
3886
 
3887
.close-skl {
3888
    position: absolute;
3889
    top: 10px;
3890
    right: 10px;
3891
    color: #b2b2b2;
3892
    font-size: 14px;
3893
}
3894
 
3895
.file-submit {
3896
    border: 1px solid #e5e5e5;
3897
    position: relative;
3898
    padding: 0px;
3899
    height: 40px;
3900
    margin-bottom: 20px;
3901
    border-radius: 3px;
3902
}
3903
 
3904
.file-submit [type="file"] {
3905
    height: 40px;
3906
    overflow: hidden;
3907
    width: 100%;
3908
    float: left;
3909
    position: absolute;
3910
    padding: 10px 4px 0px 12px;
3911
    font-size: 14px;
3912
    opacity: 0;
3913
    display: none;
3914
}
3915
 
3916
.file-submit [type="file"]+label {
3917
    background: #e44d3a;
3918
    border: none;
3919
    float: left;
3920
    border-top-right-radius: 0px;
3921
    border-bottom-right-radius: 0px;
3922
    border-top-left-radius: 3px;
3923
    border-bottom-left-radius: 3px;
3924
    color: #fff;
3925
    cursor: pointer;
3926
    /* display: inline-block; */
3927
    font-size: 14px;
3928
    font-weight: 500;
3929
    outline: none;
3930
    padding: 12px 15px;
3931
    position: relative;
3932
    transition: all 0.3s;
3933
    vertical-align: middle;
3934
    margin: 0;
3935
}
3936
 
3937
.file-submit.nomg {
3938
    border: 0;
3939
    margin-bottom: 20px;
3940
}
3941
 
3942
.file-submit.nomg input {
3943
    margin-bottom: 0;
3944
    padding-top: 0;
3945
}
3946
 
3947
.daty {
3948
    float: left;
3949
    width: 100%;
3950
    position: relative;
3951
}
3952
 
3953
.daty>i {
3954
    position: absolute;
3955
    top: 10px;
3956
    right: 15px;
3957
    color: #b2b2b2;
3958
    font-size: 20px;
3959
}
3960
 
3961
a:hover {
3962
    color: initial;
3963
}
3964
 
3965
.pf-img {
3966
    float: left;
3967
    width: 100%;
3968
    background-color: #f2f2f2;
3969
    padding: 15px;
3970
    margin-bottom: 20px;
3971
}
3972
 
3973
/* ================= billing-method ============== */
3974
 
3975
.billing-method {
3976
    float: left;
3977
    width: 100%;
3978
    background-color: #fff;
3979
    border-left: 1px solid #e4e4e4;
3980
    border-right: 1px solid #e4e4e4;
3981
    border-bottom: 1px solid #e4e4e4;
3982
    margin-bottom: 20px;
3983
}
3984
 
3985
.billing-method ul {
3986
    float: left;
3987
    width: 100%;
3988
}
3989
 
3990
.billing-method ul li {
3991
    float: left;
3992
    width: 100%;
3993
    border-bottom: 1px solid #e5e5e5;
3994
    padding: 25px 20px;
3995
}
3996
 
3997
.billing-method ul li h3 {
3998
    color: #000000;
3999
    font-size: 18px;
4000
    font-weight: 600;
4001
    float: left;
4002
}
4003
 
4004
.billing-method ul li a,
4005
.billing-method ul li span {
4006
    float: right;
4007
    color: #000000;
4008
    font-size: 13px;
4009
    text-transform: capitalize;
4010
    font-weight: 600;
4011
    margin-top: 3px;
4012
}
4013
 
4014
.billing-method ul li i {
4015
    font-size: 13px;
4016
    color: #e44d3a;
4017
}
4018
 
4019
.lt-sec {
4020
    float: left;
4021
    width: 100%;
4022
    text-align: center;
4023
    padding: 30px 0;
4024
}
4025
 
4026
.lt-sec img {
4027
    float: none;
4028
    margin-bottom: 15px;
4029
}
4030
 
4031
.lt-sec h4 {
4032
    color: #686868;
4033
    font-size: 18px;
4034
    font-weight: 600;
4035
    margin-bottom: 25px;
4036
}
4037
 
4038
.lt-sec>a {
4039
    display: inline-block;
4040
    color: #ffffff;
4041
    font-size: 16px;
4042
    background-color: #e44d3a;
4043
    padding: 10px 25px;
4044
}
4045
 
4046
/* ============== add-billing-method ============== */
4047
 
4048
.add-billing-method {
4049
    float: left;
4050
    width: 100%;
4051
    background-color: #fff;
4052
    border-left: 1px solid #e4e4e4;
4053
    border-right: 1px solid #e4e4e4;
4054
    border-bottom: 1px solid #e4e4e4;
4055
}
4056
 
4057
.add-billing-method h3 {
4058
    color: #000000;
4059
    font-size: 18px;
4060
    font-weight: 600;
4061
    padding: 20px 20px;
4062
    border-bottom: 1px solid #e5e5e5;
4063
}
4064
 
4065
.add-billing-method>h4 {
4066
    color: #686868;
4067
    font-size: 13px;
4068
    font-weight: 500;
4069
    padding: 20px 20px;
4070
    border-bottom: 1px solid #e5e5e5;
4071
    float: left;
4072
    width: 100%;
4073
}
4074
 
4075
.add-billing-method img {
4076
    margin-right: 10px;
4077
}
4078
 
4079
.add-billing-method span {
4080
    margin-top: 4px;
4081
    float: left;
4082
}
4083
 
4084
/* ============= payment_methods ============ */
4085
 
4086
.payment_methods {
4087
    float: left;
4088
    width: 100%;
4089
}
4090
 
4091
.payment_methods>h4 {
4092
    color: #000000;
4093
    font-size: 16px;
4094
    font-weight: 600;
4095
    position: relative;
4096
    padding: 25px 20px 25px 45px;
4097
    float: left;
4098
    width: 100%;
4099
}
4100
 
4101
.rowwy {
4102
    float: left;
4103
    width: 100%;
4104
}
4105
 
4106
.pd-left-none {
4107
    padding-left: 0;
4108
}
4109
 
4110
.pd-right-none {
4111
    padding-right: 0;
4112
}
4113
 
4114
.payment_methods h4:before {
4115
    content: "";
4116
    position: absolute;
4117
    top: 50%;
4118
    -webkit-transform: translateY(-50%);
4119
    -moz-transform: translateY(-50%);
4120
    -ms-transform: translateY(-50%);
4121
    -o-transform: translateY(-50%);
4122
    transform: translateY(-50%);
4123
    left: 20px;
4124
    width: 15px;
4125
    height: 15px;
4126
    border: 1px solid #e6e6e6;
4127
    -webkit-border-radius: 100px;
4128
    -moz-border-radius: 100px;
4129
    -ms-border-radius: 100px;
4130
    -o-border-radius: 100px;
4131
    border-radius: 100px;
4132
}
4133
 
4134
.payment_methods h4:after {
4135
    content: "";
4136
    position: absolute;
4137
    top: 50%;
4138
    -webkit-transform: translateY(-50%);
4139
    -moz-transform: translateY(-50%);
4140
    -ms-transform: translateY(-50%);
4141
    -o-transform: translateY(-50%);
4142
    transform: translateY(-50%);
4143
    left: 24px;
4144
    width: 7px;
4145
    height: 7px;
4146
    background-color: #e44d3a;
4147
    -webkit-border-radius: 100px;
4148
    -moz-border-radius: 100px;
4149
    -ms-border-radius: 100px;
4150
    -o-border-radius: 100px;
4151
    border-radius: 100px;
4152
}
4153
 
4154
.payment_methods form {
4155
    float: left;
4156
    width: 100%;
4157
    padding-bottom: 30px;
4158
    border-bottom: 1px solid #e5e5e5;
4159
}
4160
 
4161
.payment_methods form button {
4162
    color: #ffffff;
4163
    font-size: 16px;
4164
    background-color: #e44d3a;
4165
    padding: 10px 15px;
4166
    border: 0;
4167
    cursor: pointer;
4168
}
4169
 
4170
.payment_methods form input {
4171
    width: 100%;
4172
    height: 40px;
4173
    border: 1px solid #e5e5e5;
4174
    padding: 0 12px;
4175
}
4176
 
4177
.cc-head {
4178
    float: left;
4179
    width: 100%;
4180
    margin-bottom: 10px;
4181
}
4182
 
4183
.cc-head h5 {
4184
    float: left;
4185
    color: #000000;
4186
    font-size: 16px;
4187
    font-weight: 600;
4188
    margin-top: 4px;
4189
}
4190
 
4191
.cc-head h5 i {
4192
    color: #b2b2b2;
4193
    font-size: 14px;
4194
}
4195
 
4196
.cc-head ul {
4197
    float: right;
4198
}
4199
 
4200
.cc-head ul li {
4201
    display: inline-block;
4202
}
4203
 
4204
.inpt-field {
4205
    float: left;
4206
    width: 100%;
4207
    position: relative;
4208
    margin-bottom: 20px;
4209
}
4210
 
4211
.no-pdd {
4212
    padding: 0;
4213
}
4214
 
4215
.inpt-field.pd-moree input {
4216
    padding-left: 40px !important;
4217
}
4218
 
4219
.inpt-field i {
4220
    color: #b2b2b2;
4221
    font-size: 18px;
4222
    position: absolute;
4223
    top: 50%;
4224
    left: 15px;
4225
    -webkit-transform: translateY(-50%);
4226
    -moz-transform: translateY(-50%);
4227
    -ms-transform: translateY(-50%);
4228
    -o-transform: translateY(-50%);
4229
    transform: translateY(-50%);
4230
}
4231
 
4232
/* ============== companies-info ============== */
4233
 
4234
.companies-info {
4235
    padding: 60px 0;
4236
}
4237
 
4238
.company-title {
4239
    width: 100%;
4240
    margin-bottom: 20px;
4241
}
4242
 
4243
.default-link {
4244
    color: #0860bf;
4245
}
4246
 
4247
.default-link:hover {
4248
    font-weight: bold;
4249
    color: #0860bf;
4250
    transition: all .5s;
4251
}
4252
 
4253
.company-title h3 {
4254
    color: #000000;
4255
    font-size: 20px;
4256
    font-weight: 600;
4257
    background-color: #fff;
4258
    padding: 10px 15px;
4259
}
4260
 
4261
.companies-list {
4262
    width: 100%;
2294 stevensc 4263
    display: grid;
2296 stevensc 4264
    gap: 20px;
4265
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
2294 stevensc 4266
    position: relative;
1239 steven 4267
}
4268
 
4269
.companies-list .slick-list {
4270
    max-height: 47vh;
4271
}
4272
 
4273
.slick-prev:before,
4274
.slick-next:before {
4275
    color: #000 !important;
4276
}
4277
 
4278
.company_profile_info {
4279
    /* float: left; */
4280
    width: 100%;
4281
    background-color: #fff;
4282
    text-align: center;
4283
    border-left: 1px solid #e4e4e4;
4284
    border-right: 1px solid #e4e4e4;
4285
    border-bottom: 1px solid #e4e4e4;
4286
    margin-bottom: 30px;
4287
}
4288
 
4289
.company-up-info {
4290
    /* float: left; */
4291
    width: 100%;
4292
    padding: 20px 0;
4293
    border-bottom: 1px solid #e5e5e5;
4294
}
4295
 
4296
.company-up-info .description {
4297
    margin-bottom: 10px;
4298
}
4299
 
4300
.company-up-info img {
4301
    float: none;
4302
    margin-bottom: 10px;
4303
    -webkit-border-radius: 100px;
4304
    -moz-border-radius: 100px;
4305
    -ms-border-radius: 100px;
4306
    -o-border-radius: 100px;
4307
    border-radius: 100px;
4308
    height: 90px;
4309
    object-fit: cover;
4310
}
4311
 
4312
.company-up-info h3 {
4313
    color: #000000;
4314
    font-size: 18px;
4315
    font-weight: 600;
4316
    margin-bottom: 10px;
4317
}
4318
 
4319
.company-up-info h4 {
4320
    color: #686868;
4321
    font-size: 14px;
4322
    font-weight: 500;
4323
    margin-bottom: 21px;
4324
}
4325
 
4326
.company-up-info h6 {
4327
    color: #686868;
4328
    font-size: 15px;
4329
    font-weight: 500;
4330
    margin-bottom: 10px;
4331
}
4332
 
4333
.company-up-info ul {
4334
    /* float: left; */
4335
    width: 100%;
4336
}
4337
 
4338
.company-up-info ul li {
4339
    display: inline-block;
4340
    margin-right: 6px;
4341
}
4342
 
4343
.company-up-info ul li a i {
4344
    font-size: 24px;
4345
    position: relative;
4346
    top: 3px;
4347
}
4348
 
4349
.follow {
4350
    background-color: #53d690;
4351
}
4352
 
4353
.message-us {
4354
    background-color: #e44d3a;
4355
}
4356
 
4357
.hire-us {
4358
    background-color: #51a5fb;
4359
}
4360
 
4361
.company_profile_info .cancelButton {
4362
    display: inline-block;
4363
    color: #000000;
4364
    font-size: 16px;
4365
    font-weight: 500;
4366
    margin: 18px 0;
4367
}
4368
 
4369
/* ============= search-sec ============= */
4370
 
4371
.search-sec {
4372
    float: left;
4373
    width: 100%;
4374
    margin: 30px 0 0 0;
4375
}
4376
 
4377
.search-box {
4378
    width: 100%;
1809 steven 4379
    padding: 2.1%;
1239 steven 4380
}
4381
 
4382
.search-box form {
4383
    width: 100%;
4384
    position: relative;
4385
}
4386
 
4387
.search-box form input {
4388
    width: 100%;
4389
    height: 40px;
4390
    padding: 0 15px;
1808 steven 4391
    background: var(--background-light-gray);
1807 steven 4392
    color: var(--gray);
1239 steven 4393
    font-size: 14px;
1808 steven 4394
    border: solid 1px var(--border-light-gray);
1239 steven 4395
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4396
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4397
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4398
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4399
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4400
}
4401
 
1803 steven 4402
.search-box form button {
4403
    position: absolute;
4404
    top: 0;
4405
    right: 0;
1804 steven 4406
    border: solid 1px var(--border-light-gray);
1806 steven 4407
    color: var(--gray);
1803 steven 4408
    font-size: 16px;
4409
    font-weight: 500;
4410
    height: 100%;
4411
    padding: 0 28px;
4412
    cursor: pointer;
4413
    -webkit-border-radius: 0 4px 4px 0;
4414
    -moz-border-radius: 0 4px 4px 0;
4415
    -ms-border-radius: 0 4px 4px 0;
4416
    -o-border-radius: 0 4px 4px 0;
4417
    border-radius: 0 4px 4px 0;
4418
}
4419
 
1239 steven 4420
/* =============== filter-secs ============== */
4421
 
4422
.filter-secs {
4423
    float: left;
4424
    width: 100%;
4425
    /* background-color: #fff; */
4426
    box-shadow: 0px 2px #e4e4e4;
4427
    border: 1px solid #e5e5e5;
4428
}
4429
 
4430
.filter-heading {
4431
    float: left;
4432
    width: 100%;
4433
    padding: 15px 20px;
4434
    border-bottom: 1px solid #e5e5e5;
4435
    margin-bottom: 15px;
4436
}
4437
 
4438
.filter-heading h3 {
4439
    float: left;
4440
    color: #e44d3a;
4441
    font-size: 18px;
4442
    font-weight: 600;
4443
}
4444
 
4445
.filter-heading a {
4446
    float: right;
4447
    color: #686868;
4448
    font-size: 14px;
4449
    margin-top: 4px;
4450
}
4451
 
4452
.filter-ttl {
4453
    float: left;
4454
    width: 100%;
4455
    border-bottom: 1px solid #e5e5e5;
4456
    padding: 0 0 16px 0;
4457
    margin-bottom: 10px;
4458
}
4459
 
4460
.filter--tt2 {
4461
    margin-bottom: 0px !important;
4462
}
4463
 
4464
.top--1 {
4465
    margin-top: 20px;
4466
}
4467
 
4468
.filter--tt2 .dropdown .dropdown-menu a {
4469
    float: none;
4470
    color: #666666 !important;
4471
    margin-bottom: 12px !important;
4472
}
4473
 
4474
.filter--tt2 .dropdown .dropdown-menu a:hover {
4475
    color: #e44d3a !important;
4476
    background: none !important;
4477
}
4478
 
4479
.filter--tt2 .dropdown .dropdown-menu a:focus {
4480
    color: #e44d3a !important;
4481
    background: none !important;
4482
}
4483
 
4484
.filter--tt2 a {
4485
    float: left !important;
4486
    padding: 0 0 0 15px !important;
4487
    font-size: 16px !important;
4488
    color: #000000 !important;
4489
    font-weight: 500 !important;
4490
}
4491
 
4492
.filter-ttl h3 {
4493
    float: left;
4494
    padding: 0;
4495
    font-size: 16px;
4496
    color: #000000;
4497
    font-weight: 400;
4498
}
4499
 
4500
.filter-ttl a {
4501
    float: right;
4502
    font-size: 14px;
4503
    color: #666666;
4504
}
4505
 
4506
.filter-ttl .dropdown a {
4507
    float: none;
4508
    color: #666666;
4509
}
4510
 
4511
.filter-dd {
4512
    float: left;
4513
    width: 100%;
4514
    margin-bottom: 15px;
4515
}
4516
 
4517
.filter-dd form {
4518
    float: left;
4519
    width: 100%;
4520
    position: relative;
4521
}
4522
 
4523
.filter-dd form input,
4524
.filter-dd form select {
4525
    width: 100%;
4526
    height: 30px;
4527
    background-color: #f2f2f2;
4528
    padding: 0 10px;
4529
    color: #b2b2b2;
4530
    font-size: 12px;
4531
    font-weight: 600;
4532
    border: 0;
4533
    border: 1px solid #e5e5e5;
4534
}
4535
 
4536
.job-tp i {
4537
    color: #666666;
4538
    position: absolute;
4539
    top: 9px;
4540
    right: 15px;
4541
    font-size: 14px;
4542
}
4543
 
4544
.avail-checks {
4545
    float: left;
4546
    width: 100%;
4547
    margin-top: 7px;
4548
}
4549
 
4550
.avail-checks li {
4551
    float: left;
4552
    width: 100%;
4553
    margin-bottom: 10px;
4554
}
4555
 
4556
.avail-checks li:last-child {
4557
    margin-bottom: 0;
4558
}
4559
 
4560
.avail-checks li input[type="radio"] {
4561
    display: none;
4562
}
4563
 
4564
.avail-checks li label {
4565
    float: left;
4566
}
4567
 
4568
.avail-checks li input[type="radio"]+label span {
4569
    display: inline-block;
4570
    width: 15px;
4571
    height: 15px;
4572
    position: relative;
4573
    margin-top: 3px;
4574
    border: 1px solid #d2d2d2;
4575
    -webkit-border-radius: 100px;
4576
    -moz-border-radius: 100px;
4577
    -ms-border-radius: 100px;
4578
    -o-border-radius: 100px;
4579
    border-radius: 100px;
4580
}
4581
 
4582
.avail-checks li input[type="radio"]+label span:before {
4583
    content: "";
4584
    opacity: 0;
4585
    visibility: hidden;
4586
    position: absolute;
4587
    width: 7px;
4588
    height: 7px;
4589
    -webkit-border-radius: 100px;
4590
    -moz-border-radius: 100px;
4591
    -ms-border-radius: 100px;
4592
    -o-border-radius: 100px;
4593
    border-radius: 100px;
4594
    background-color: #e44d3a;
4595
    top: 3px;
4596
    left: 3px;
4597
}
4598
 
4599
.avail-checks li input[type="radio"]:checked+label span:before {
4600
    opacity: 1;
4601
    visibility: visible;
4602
}
4603
 
4604
.avail-checks li small {
4605
    color: #909090;
4606
    font-size: 14px;
4607
    padding-left: 10px;
4608
    font-weight: 500;
4609
}
4610
 
4611
/* =========== Range Slider ========== */
4612
 
4613
.rg-slider {
4614
    float: left;
4615
    width: 100%;
4616
}
4617
 
4618
.slider-container {
4619
    width: 100% !important;
4620
    padding-top: 50px;
4621
    position: relative;
4622
}
4623
 
4624
.theme-green .back-bar {
4625
    height: 5px;
4626
    border: 1px solid #e5e5e5;
4627
    -webkit-border-radius: 30px;
4628
    -moz-border-radius: 30px;
4629
    -ms-border-radius: 30px;
4630
    -o-border-radius: 30px;
4631
    border-radius: 30px;
4632
}
4633
 
4634
.theme-green .back-bar .pointer {
4635
    width: 17px;
4636
    height: 17px;
4637
    -webkit-border-radius: 100px;
4638
    -moz-border-radius: 100px;
4639
    -ms-border-radius: 100px;
4640
    -o-border-radius: 100px;
4641
    border-radius: 100px;
4642
    background-color: #e44d3a;
4643
    border: 2px solid #e3e3e3;
4644
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4645
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4646
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4647
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4648
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4649
}
4650
 
4651
.theme-green .back-bar .pointer {
4652
    top: -7px;
4653
}
4654
 
4655
.slider-container .back-bar .pointer-label {
4656
    top: -50px;
4657
    height: 26px;
4658
    background-color: #e5e5e5;
4659
    -webkit-border-radius: 30px;
4660
    -moz-border-radius: 30px;
4661
    -ms-border-radius: 30px;
4662
    -o-border-radius: 30px;
4663
    border-radius: 30px;
4664
    line-height: 26px;
4665
    width: 50px;
4666
}
4667
 
4668
.pointer-label.low {
4669
    left: 0 !important;
4670
}
4671
 
4672
.pointer-label.high {
4673
    left: 70px !important;
4674
}
4675
 
4676
.pointer-label.low:before {
4677
    content: "";
4678
    position: absolute;
4679
    top: 13px;
4680
    right: -14px;
4681
    width: 8px;
4682
    height: 1px;
4683
    background-color: #e5e5e5;
4684
}
4685
 
4686
.rg-limit {
4687
    float: left;
4688
    width: 100%;
4689
    margin-top: 16px;
4690
}
4691
 
4692
.rg-limit h4 {
4693
    color: #686868;
4694
    font-size: 15px;
4695
    font-weight: 600;
4696
    float: left;
4697
}
4698
 
4699
.rg-limit h4:last-child {
4700
    float: right;
4701
}
4702
 
4703
/* ============== chatbox-list ============== */
4704
 
4705
.chatbox-list {
4706
    position: fixed;
4707
    bottom: 0;
4708
    right: 0;
4709
}
4710
 
4711
.chatbox {
4712
    display: inline-block;
4713
    margin-right: 13px;
4714
    position: relative;
4715
}
4716
 
4717
.chat-mg {
4718
    display: inline-block;
4719
    position: relative;
4720
}
4721
 
4722
.chat-mg img {
4723
    width: 70px;
4724
    height: 70px;
4725
    -webkit-border-radius: 100px;
4726
    -moz-border-radius: 100px;
4727
    -ms-border-radius: 100px;
4728
    -o-border-radius: 100px;
4729
    border-radius: 100px;
4730
}
4731
 
4732
.chat-mg span {
4733
    position: absolute;
4734
    top: -5px;
4735
    right: 10px;
4736
    width: 20px;
4737
    height: 20px;
4738
    background-color: #e44d3a;
4739
    text-align: center;
4740
    font-size: 12px;
4741
    color: #fff;
4742
    line-height: 20px;
4743
    -webkit-border-radius: 100px;
4744
    -moz-border-radius: 100px;
4745
    -ms-border-radius: 100px;
4746
    -o-border-radius: 100px;
4747
    border-radius: 100px;
4748
}
4749
 
4750
.chat-mg.bx img {
4751
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4752
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4753
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4754
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4755
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4756
}
4757
 
4758
.conversation-box {
4759
    position: absolute;
4760
    bottom: 132%;
4761
    right: 100%;
4762
    width: 350px;
4763
    background-color: #fff;
4764
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4765
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4766
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4767
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4768
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4769
    opacity: 0;
4770
    visibility: hidden;
4771
    z-index: 0;
4772
}
4773
 
4774
.conversation-box.active {
4775
    opacity: 1;
4776
    visibility: visible;
4777
    z-index: 9999;
4778
}
4779
 
4780
.conversation-box:before {
4781
    content: "";
4782
    position: absolute;
4783
    bottom: -7px;
4784
    right: 26px;
4785
    border-top: 15px solid #fff;
4786
    border-right: 15px solid transparent;
4787
    -webkit-transform: rotate(225deg);
4788
    -moz-transform: rotate(225deg);
4789
    -ms-transform: rotate(225deg);
4790
    -o-transform: rotate(225deg);
4791
    transform: rotate(225deg);
4792
}
4793
 
4794
.con-title {
4795
    float: left;
4796
    width: 100%;
4797
    background-color: #e44d3a;
4798
    padding: 15px 25px;
4799
    -webkit-border-radius: 10px 10px 0 0;
4800
    -moz-border-radius: 10px 10px 0 0;
4801
    -ms-border-radius: 10px 10px 0 0;
4802
    -o-border-radius: 10px 10px 0 0;
4803
    border-radius: 10px 10px 0 0;
4804
}
4805
 
4806
.con-title h3 {
4807
    float: left;
4808
    color: #ffffff;
4809
    font-size: 16px;
4810
    font-weight: 600;
4811
}
4812
 
4813
.con-title>a {
4814
    float: right;
4815
    color: #fff;
4816
    font-size: 20px;
4817
}
4818
 
4819
.chat-list {
4820
    float: left;
4821
    width: 100%;
4822
    min-height: 390px;
4823
}
4824
 
4825
.conv-list {
4826
    float: left;
4827
    width: 100%;
4828
    display: table;
4829
    padding: 20px 25px;
4830
    position: relative;
4831
}
4832
 
4833
.conv-list:hover,
4834
.conv-list.active {
4835
    background-color: #efefef;
4836
}
4837
 
4838
.msg-numbers {
4839
    position: absolute;
4840
    bottom: 18px;
4841
    right: 25px;
4842
    width: 25px;
4843
    height: 25px;
4844
    background-color: #e77667;
4845
    text-align: center;
4846
    line-height: 25px;
4847
    color: #fff;
4848
    font-size: 13px;
4849
    -webkit-border-radius: 100px;
4850
    -moz-border-radius: 100px;
4851
    -ms-border-radius: 100px;
4852
    -o-border-radius: 100px;
4853
    border-radius: 100px;
4854
}
4855
 
4856
.usrr-pic {
4857
    display: table-cell;
4858
    position: relative;
4859
}
4860
 
4861
.active-status {
4862
    width: 9px;
4863
    height: 9px;
4864
    border: 2px solid #ecf5fb;
4865
    -webkit-border-radius: 100px;
4866
    -moz-border-radius: 100px;
4867
    -ms-border-radius: 100px;
4868
    -o-border-radius: 100px;
4869
    border-radius: 100px;
4870
    position: absolute;
4871
    top: -3px;
4872
    right: 0;
4873
}
4874
 
4875
.activee {
4876
    background-color: #e44d3a;
4877
}
4878
 
4879
.usy-info {
4880
    display: table-cell;
4881
    vertical-align: top;
4882
    width: 100%;
4883
    padding-left: 15px;
4884
}
4885
 
4886
.usy-info h3 {
4887
    color: #000000;
4888
    font-size: 18px;
4889
    font-weight: 600;
4890
    margin-bottom: 5px;
4891
}
4892
 
4893
.usy-info span {
4894
    color: #686868;
4895
    font-size: 16px;
4896
    float: left;
4897
}
4898
 
4899
.usy-info span img {
4900
    padding-left: 5px;
4901
    float: right;
4902
}
4903
 
4904
.ct-time {
4905
    position: absolute;
4906
    top: 20px;
4907
    right: 25px;
4908
}
4909
 
4910
.ct-time span {
4911
    color: #b2b2b2;
4912
    font-size: 14px;
4913
}
4914
 
4915
.st-icons {
4916
    float: right;
4917
    margin-top: 7px;
4918
}
4919
 
4920
.st-icons a {
4921
    color: #fff;
4922
    font-size: 20px;
4923
    margin-right: 5px;
4924
}
4925
 
4926
.chat-hist {
4927
    float: left;
4928
    width: 100%;
4929
    background-color: #fff;
4930
    height: 280px;
4931
}
4932
 
4933
.chat-msg {
4934
    float: left;
4935
    width: 100%;
4936
    padding-right: 25px;
4937
    margin-bottom: 15px;
4938
}
4939
 
4940
.chat-msg p {
4941
    color: #ffffff;
4942
    font-size: 14px;
4943
    background-color: #e44d3a;
4944
    line-height: 18px;
4945
    -webkit-border-radius: 15px;
4946
    -moz-border-radius: 15px;
4947
    -ms-border-radius: 15px;
4948
    -o-border-radius: 15px;
4949
    border-radius: 15px;
4950
    padding: 10px 15px;
4951
    width: 80%;
4952
    float: right;
4953
    margin-bottom: 10px;
4954
}
4955
 
4956
.mg-3 {
4957
    margin-bottom: 3px;
4958
}
4959
 
4960
.chat-msg span {
4961
    float: right;
4962
    color: #b1b1b1;
4963
    width: 100%;
4964
    font-size: 9px;
4965
    text-align: right;
4966
}
4967
 
4968
.status-info {
4969
    width: 8px;
4970
    height: 8px;
4971
    background-color: #fff;
4972
    -webkit-border-radius: 100px;
4973
    -moz-border-radius: 100px;
4974
    -ms-border-radius: 100px;
4975
    -o-border-radius: 100px;
4976
    border-radius: 100px;
4977
    display: inline-block;
4978
    margin-left: 7px;
4979
}
4980
 
4981
.chat-user-info h3 {
4982
    margin-top: 7px;
4983
    margin-left: 10px;
4984
}
4985
 
4986
.date-nd {
4987
    float: left;
4988
    width: 100%;
4989
    text-align: center;
4990
    margin-bottom: 20px;
4991
    position: relative;
4992
}
4993
 
4994
.date-nd:before,
4995
.date-nd:after {
4996
    content: "";
4997
    position: absolute;
4998
    top: 10px;
4999
    left: 15px;
5000
    width: 92px;
5001
    height: 1px;
5002
    background-color: #e5e5e5;
5003
}
5004
 
5005
.date-nd:after {
5006
    left: auto;
5007
    right: 15px;
5008
}
5009
 
5010
.date-nd span {
5011
    color: #b1b1b1;
5012
    font-size: 12px;
5013
    text-align: center;
5014
}
5015
 
5016
.chat-msg.st2 p {
5017
    background-color: #efefef;
5018
    color: #686868;
5019
    float: left;
5020
    width: 55%;
5021
}
5022
 
5023
.chat-msg.st2 {
5024
    padding-left: 25px;
5025
}
5026
 
5027
.chat-msg.st2 span {
5028
    float: left;
5029
    text-align: left;
5030
}
5031
 
5032
/* =========== typing-msg =========== */
5033
 
5034
.typing-msg {
5035
    float: left;
5036
    width: 100%;
5037
    border-top: 1px solid #e6e6e6;
5038
    padding-top: 15px;
5039
}
5040
 
5041
.typing-msg form {
5042
    float: left;
5043
    width: 100%;
5044
    position: relative;
5045
}
5046
 
5047
.typing-msg form textarea {
5048
    width: 100%;
5049
    height: 30px;
5050
    background-color: #fff;
5051
    padding: 0 20px;
5052
    color: #b2b2b2;
5053
    font-size: 16px;
5054
    border: 0;
5055
    resize: none;
5056
}
5057
 
5058
.typing-msg form button {
5059
    color: #e44d3a;
5060
    font-size: 18px;
5061
    font-weight: 600;
5062
    position: absolute;
5063
    top: 2px;
5064
    right: 20px;
5065
    background: none;
5066
    border: 0;
5067
    cursor: pointer;
5068
}
5069
 
5070
.ft-options {
5071
    float: left;
5072
    width: 100%;
5073
    padding: 0 20px 8px 20px;
5074
}
5075
 
5076
.ft-options li {
5077
    display: inline-block;
5078
    margin-right: 15px;
5079
}
5080
 
5081
.ft-options li a {
5082
    color: #b2b2b2;
5083
    font-size: 24px;
5084
    display: inline-block;
5085
}
5086
 
5087
.mCSB_scrollTools {
5088
    right: -5px;
5089
}
5090
 
5091
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
5092
    background-color: #cccccc;
5093
    width: 5px;
5094
}
5095
 
5096
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
5097
    opacity: 0;
5098
}
5099
 
5100
/* ============ Menu Btn =============*/
5101
 
5102
.menu-btn {
5103
    float: right;
5104
    display: none;
5105
}
5106
 
5107
.menu-btn a {
5108
    font-size: 24px;
5109
    color: #fff;
5110
    display: inline-block;
5111
    padding-top: 16px;
5112
    padding-left: 20px;
5113
}
5114
 
5115
/* ============= account-tabs-setting ============ */
5116
 
5117
/* .profile-account-setting {} */
5118
 
5119
.account-tabs-setting {
5120
    float: left;
5121
    width: 100%;
5122
    padding: 70px 0;
5123
}
5124
 
5125
.acc-leftbar {
5126
    float: left;
5127
    width: 100%;
5128
    background-color: #fff;
5129
    border-left: 1px solid #e5e5e5;
5130
    border-bottom: 1px solid #e5e5e5;
5131
    border-right: 1px solid #e5e5e5;
5132
}
5133
 
5134
.acc-leftbar .nav-tabs>a {
5135
    float: left;
5136
    width: 100%;
5137
    background: none;
5138
    padding: 18px 20px;
5139
    border-bottom: 1px solid #e5e5e5;
5140
    border-left: 0;
5141
    border-right: 0;
5142
    color: #000000;
5143
    font-size: 16px;
5144
    font-weight: 500;
5145
    -webkit-border-radius: 0;
5146
    -moz-border-radius: 0;
5147
    -ms-border-radius: 0;
5148
    -o-border-radius: 0;
5149
    border-radius: 0;
5150
    border-top: 0;
5151
}
5152
 
5153
.nav-tabs {
5154
    border-bottom: 0;
5155
}
5156
 
5157
.acc-leftbar .nav-tabs>a:last-child {
5158
    border-bottom: 0;
5159
}
5160
 
5161
.acc-leftbar .nav-tabs>a i {
5162
    padding-right: 15px;
5163
    font-size: 20px;
5164
    position: relative;
5165
    top: 2px;
5166
    font-weight: 700;
5167
    width: 40px;
5168
}
5169
 
5170
.nav-tabs .nav-item.show .nav-link,
5171
.nav-tabs .nav-link.active {
5172
    background-color: inherit;
5173
    color: #e44d3a;
5174
    border-color: inherit;
5175
}
5176
 
5177
/* ============= acc-setting ============ */
5178
 
5179
.acc-setting {
5180
    float: left;
5181
    width: 100%;
5182
    background-color: #fff;
5183
    border-left: 1px solid #e5e5e5;
5184
    border-bottom: 1px solid #e5e5e5;
5185
    border-right: 1px solid #e5e5e5;
5186
    -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5187
    -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5188
    -ms-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5189
    -o-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5190
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5191
}
5192
 
5193
.acc-setting form {
5194
    float: left;
5195
    width: 100%;
5196
}
5197
 
5198
.acc-setting>h3 {
5199
    width: 100%;
5200
    color: #000000;
5201
    font-weight: 600;
5202
    font-size: 18px;
5203
    text-transform: capitalize;
5204
    border-bottom: 1px solid #e5e5e5;
5205
    padding: 17px 20px;
5206
}
5207
 
5208
.notbar {
5209
    float: left;
5210
    width: 100%;
5211
    border-bottom: 1px solid #e5e5e5;
5212
    padding: 20px;
5213
    position: relative;
5214
}
5215
 
5216
.notbar h4 {
5217
    color: #000000;
5218
    font-size: 16px;
5219
    font-weight: 600;
5220
    margin-bottom: 5px;
5221
}
5222
 
5223
.notbar p {
5224
    color: #686868;
5225
    font-size: 14px;
5226
    line-height: 24px;
5227
    width: 75%;
5228
}
5229
 
5230
.toggle-btn {
5231
    position: absolute;
5232
    top: 35px;
5233
    right: 20px;
5234
}
5235
 
5236
.save-stngs {
5237
    float: left;
5238
    width: 100%;
5239
    padding: 30px 20px 50px 20px;
5240
}
5241
 
5242
.save-stngs.pd2 {
5243
    padding: 25px 20px 42px 20px;
5244
}
5245
 
5246
.save-stngs.pd3 {
5247
    padding: 25px 20px 25px 20px;
5248
}
5249
 
5250
.save-stngs ul li {
5251
    display: inline-block;
5252
    margin-right: 17px;
5253
}
5254
 
5255
.save-stngs ul li button {
5256
    display: inline-block;
5257
    color: #000000;
5258
    font-size: 16px;
5259
    border: 1px solid #e5e5e5;
5260
    height: 40px;
5261
    line-height: 40px;
5262
    padding: 0 22px;
5263
    font-weight: 600;
5264
    background: none;
5265
    cursor: pointer;
5266
}
5267
 
5268
.save-stngs ul li button:hover {
5269
    background-color: #e44d3a;
5270
    color: #fff;
5271
    border-color: transparent;
5272
}
5273
 
5274
/* =============== Password Update ============ */
5275
 
5276
.cp-field {
5277
    float: left;
5278
    width: 100%;
5279
    margin-top: 29.4px;
5280
    padding: 0 20px;
5281
}
5282
 
5283
.cp-field h5 {
5284
    color: #000000;
5285
    font-size: 16px;
5286
    font-weight: 600;
5287
    float: left;
5288
    width: 100%;
5289
    margin-bottom: 10px;
5290
}
5291
 
5292
.cp-field h5 a {
5293
    color: #000;
5294
}
5295
 
5296
.cpp-fiel {
5297
    float: left;
5298
    width: 100%;
5299
    position: relative;
5300
}
5301
 
5302
.cp-field input {
5303
    height: 40px;
5304
    padding: 0 40px;
5305
}
5306
 
5307
.cp-field input,
5308
.cp-field textarea {
5309
    width: 100%;
5310
    border: 1px solid #e5e5e5;
5311
}
5312
 
5313
.cp-field textarea {
5314
    padding: 20px;
5315
    height: 115px;
5316
}
5317
 
5318
.cpp-fiel i {
5319
    position: absolute;
5320
    top: 12px;
5321
    left: 15px;
5322
    color: #b2b2b2;
5323
    font-size: 16px;
5324
}
5325
 
5326
.cp-field>p {
5327
    /* float: left; width: 100%; color: #686868; font-size: 14px; line-height: 24px; margin-top: 5px; */
5328
}
5329
 
5330
/* =============== notifications-list ============= */
5331
 
5332
.notifications-list {
5333
    float: left;
5334
    width: 100%;
5335
}
5336
 
5337
.notfication-details {
5338
    float: left;
5339
    width: 100%;
5340
    padding: 20px;
5341
    border-bottom: 1px solid #e5e5e5;
5342
}
5343
 
5344
.notfication-details:last-child {
5345
    border-bottom: 0;
5346
}
5347
 
5348
.noty-user-img {
5349
    float: left;
5350
    width: 35px;
5351
}
5352
 
5353
.noty-user-img img {
5354
    width: 100%;
5355
}
5356
 
5357
.notification-info {
5358
    float: left;
5359
    width: auto;
5360
    padding-left: 10px;
5361
}
5362
 
5363
.notification-info h3 {
5364
    color: #686868;
5365
    font-size: 14px;
5366
    font-weight: 500;
5367
    border: 0;
5368
    padding: 0;
5369
    margin-bottom: 6px;
5370
}
5371
 
5372
.notification-info h3 a {
5373
    color: #000000;
5374
    font-size: 16px;
5375
    font-weight: 600;
5376
    display: inline-block;
5377
}
5378
 
5379
.notification-info>span {
5380
    display: inline-block;
5381
    color: #b2b2b2;
5382
    font-size: 12px;
5383
    font-weight: 600;
5384
}
5385
 
5386
/* ============== requests-list ============== */
5387
 
5388
.requests-list {
5389
    float: left;
5390
    width: 100%;
5391
    padding-bottom: 0;
5392
}
5393
 
5394
.request-details {
5395
    float: left;
5396
    width: 100%;
5397
    padding: 20px;
5398
    border-bottom: 1px solid #e5e5e5;
5399
}
5400
 
5401
.request-details:last-child {
5402
    border-bottom: 0;
5403
}
5404
 
5405
.request-info {
5406
    float: left;
5407
    padding-left: 10px;
5408
}
5409
 
5410
.request-info h3 {
5411
    color: #000000;
5412
    font-size: 14px;
5413
    font-weight: 600;
5414
    padding: 0;
5415
    border: 0;
5416
    margin-bottom: 3px;
5417
}
5418
 
5419
.request-info span {
5420
    color: #686868;
5421
    font-size: 12px;
5422
    display: inline-block;
5423
}
5424
 
5425
.accept-feat {
5426
    float: right;
5427
}
5428
 
5429
.accept-feat ul li {
5430
    display: inline-block;
5431
}
5432
 
5433
.accept-feat ul li button {
5434
    cursor: pointer;
5435
}
5436
 
5437
.accept-req {
5438
    color: #ffffff;
5439
    font-size: 16px;
5440
    background-color: #51a5fb;
5441
    height: 30px;
5442
    padding: 0 20px;
5443
    font-weight: 600;
5444
    border: 0;
5445
    border: 1px solid #51a5fb;
5446
}
5447
 
5448
.close-req {
5449
    height: 30px;
5450
    width: 30px;
5451
    text-align: center;
5452
    line-height: 30px;
5453
    border: 1px solid #e5e5e5;
5454
    background: inherit;
5455
    color: #b2b2b2;
5456
    margin-left: 7px;
5457
}
5458
 
5459
.close-req i {
5460
    font-weight: 600;
5461
}
5462
 
5463
/* ============= Profile Sattus =========== */
5464
 
5465
.profile-bx-details {
5466
    float: left;
5467
    width: 100%;
5468
    padding: 30px 7px 30px 7px;
5469
}
5470
 
5471
.profile-bx-details .row .col-lg-3 {
5472
    padding: 0 7px;
5473
}
5474
 
5475
.profile-bx-info {
5476
    float: left;
5477
    width: 100%;
5478
    background-color: #f2f2f2;
5479
    padding: 20px;
5480
    border: 1px solid #e5e5e5;
5481
}
5482
 
5483
.pro-bx {
5484
    float: left;
5485
    width: 100%;
5486
    border-bottom: 1px solid #e5e5e5;
5487
    padding-bottom: 10px;
5488
}
5489
 
5490
.bx-info {
5491
    float: left;
5492
    margin-top: 7px;
5493
    padding-left: 10px;
5494
}
5495
 
5496
.bx-info h3 {
5497
    color: #e44d3a;
5498
    font-size: 20px;
5499
    font-weight: 600;
5500
    margin-bottom: 5px;
5501
}
5502
 
5503
.bx-info h5 {
5504
    color: #000000;
5505
    font-size: 14px;
5506
    font-weight: 600;
5507
    margin: 0;
5508
    padding: 0;
5509
    border: 0;
5510
}
5511
 
5512
.pd-left-20 {
5513
    padding-left: 20px;
5514
    padding-right: 0;
5515
}
5516
 
5517
.pd-left-15 {
5518
    padding-left: 15px;
5519
    padding-right: 0;
5520
}
5521
 
5522
.pd-left-right {
5523
    padding-left: 15px;
5524
    padding-right: 20px;
5525
}
5526
 
5527
.profile-bx-info>p {
5528
    float: left;
5529
    width: 100%;
5530
    font-size: 14px;
5531
    line-height: 20px;
5532
    padding-top: 5px;
5533
}
5534
 
5535
/* =========== pro-work-status ========= */
5536
 
5537
.pro-work-status {
5538
    float: left;
5539
    width: 100%;
5540
    padding: 0 15px;
5541
}
5542
 
5543
.pro-work-status h4 {
5544
    color: #000000;
5545
    font-size: 18px;
5546
    font-weight: 600;
5547
    margin-bottom: 50px;
5548
}
5549
 
5550
/* ============== messages-page ============== */
5551
 
5552
.messages-page {
5553
    padding: 20px 0;
5554
}
5555
 
5556
.messages-sec {
5557
    width: 100%;
5558
    border-radius: 10px;
5559
    overflow: hidden;
1875 steven 5560
    background-color: transparent;
1239 steven 5561
}
5562
 
5563
.msgs-list {
5564
    width: 100%;
5565
}
5566
 
5567
.inmail_conversations-list {
5568
    border-right: 1px solid #3333;
5569
    padding-left: 0;
5570
    padding-right: 0;
5571
}
5572
 
5573
.msg-title {
5574
    padding: 20px;
5575
    border-bottom: 2px solid #3333;
5576
}
5577
 
2197 stevensc 5578
.active-tab {
1940 steven 5579
    border-bottom: solid 2px #E4E4E4;
5580
}
5581
 
1239 steven 5582
.msg-title>h3 {
5583
    color: #000000;
5584
    font-size: 18px;
5585
    font-weight: 600;
5586
}
5587
 
5588
.msg-title>ul {
5589
    float: right;
5590
    position: relative;
5591
    top: 1px;
5592
}
5593
 
5594
.msg-title ul li {
5595
    display: inline-block;
5596
    margin-right: 15px;
5597
    border-bottom: 1px solid #3333;
5598
}
5599
 
5600
.msg-title ul li:last-child {
5601
    margin-right: 0;
5602
}
5603
 
5604
.msg-title ul li a {
5605
    color: #b2b2b2;
5606
    font-size: 18px;
5607
}
5608
 
5609
.messages-list {
5610
    float: left;
5611
    width: 100%;
5612
}
5613
 
2197 stevensc 5614
.date-chat {
2170 steven 5615
    font-size: .6rem;
5616
    color: var(--gray);
5617
    padding-top: 5%;
5618
}
5619
 
1239 steven 5620
.messages-list ul {
5621
    float: left;
5622
    width: 100%;
5623
}
5624
 
2197 stevensc 5625
.text-chat-title {
2171 steven 5626
    color: var(--gray) !important;
5627
    font-size: 1rem;
5628
}
5629
 
1239 steven 5630
.messages-list ul li {
5631
    float: left;
5632
    width: 100%;
1949 steven 5633
    padding: 3%;
1239 steven 5634
    border-bottom: 1px solid #eeeeee;
5635
    cursor: pointer;
5636
}
5637
 
2124 steven 5638
 
1239 steven 5639
.messages-list ul li.active {
5640
    background-color: #efefef;
5641
}
5642
 
5643
.usr-msg-details {
5644
    float: left;
5645
    position: relative;
5646
    width: 100%;
1871 steven 5647
    border-bottom: solid 1px var(--border-light-gray);
5648
    padding-bottom: 3%;
1239 steven 5649
}
5650
 
5651
.usr-ms-img {
5652
    float: left;
5653
    width: 50px;
5654
    position: relative;
5655
}
5656
 
5657
.msg-status {
5658
    -webkit-border-radius: 100px;
5659
    -moz-border-radius: 100px;
5660
    -ms-border-radius: 100px;
5661
    -o-border-radius: 100px;
5662
    border-radius: 100px;
5663
    background-color: #e44d3a;
5664
    position: absolute;
5665
    top: -3px;
5666
    right: 0;
5667
    width: 6px;
5668
    height: 6px;
5669
}
5670
 
5671
.messages-list ul li.active .msg-status {
5672
    border: 2px solid #ecf5fb;
5673
    height: 10px;
5674
    width: 10px;
5675
}
5676
 
5677
.msg-notifc {
5678
    position: absolute;
1872 steven 5679
    /* bottom: 0;
5680
    right: 0; */
1239 steven 5681
    width: 25px;
5682
    height: 25px;
5683
    -webkit-border-radius: 100px;
5684
    -moz-border-radius: 100px;
5685
    -ms-border-radius: 100px;
5686
    -o-border-radius: 100px;
5687
    border-radius: 100px;
5688
    background-color: #e77667;
5689
    text-align: center;
5690
    line-height: 25px;
5691
    font-size: 13px;
5692
    color: #fff;
5693
}
5694
 
5695
.usr-ms-img img {
5696
    width: 100%;
5697
    -webkit-border-radius: 100px;
5698
    -moz-border-radius: 100px;
5699
    -ms-border-radius: 100px;
5700
    -o-border-radius: 100px;
5701
    border-radius: 100px;
5702
}
5703
 
5704
.usr-mg-info {
5705
    float: left;
5706
    padding-left: 13px;
5707
    margin-top: 4px;
5708
}
5709
 
5710
.usr-mg-info h3 {
5711
    color: #000000;
5712
    font-size: 18px;
5713
    font-weight: 600;
5714
}
5715
 
5716
.usr-mg-info p {
5717
    color: #686868;
5718
    font-size: 16px;
5719
}
5720
 
5721
.usr-mg-info p img {
5722
    float: right;
5723
    position: relative;
5724
    top: 5px;
5725
    padding-left: 5px;
5726
}
5727
 
5728
.posted_time {
5729
    position: absolute;
5730
    top: 2px;
5731
    right: 0;
5732
    color: #b2b2b2;
5733
    font-size: 14px;
5734
}
5735
 
5736
/* =============== main-message-box ============= */
5737
 
5738
.main-conversation-box {
5739
    width: 100%;
5740
    background-color: #fff;
5741
    position: relative;
5742
    height: 100%;
5743
}
5744
 
5745
.message-bar-head {
5746
    height: 13vh;
5747
    width: 100%;
5748
    padding: 20px;
1880 steven 5749
    border-bottom: 1px solid var(--border-light-gray);
1239 steven 5750
}
5751
 
5752
.message-bar-head .usr-msg-details {
5753
    width: auto;
5754
}
5755
 
5756
.message-bar-head>a {
5757
    float: right;
5758
    color: #b2b2b2;
5759
    font-size: 20px;
5760
    padding-top: 15px;
5761
}
5762
 
5763
.main-message-box {
5764
    display: flex;
5765
    width: 100%;
5766
    position: relative;
5767
    margin-bottom: 15.5px;
5768
}
5769
 
5770
.messg-usr-img {
5771
    margin-left: 20px;
5772
    width: 50px;
5773
}
5774
 
5775
.messg-usr-img img {
5776
    width: 100%;
5777
    -webkit-border-radius: 100px;
5778
    -moz-border-radius: 100px;
5779
    -ms-border-radius: 100px;
5780
    -o-border-radius: 100px;
5781
    border-radius: 100px;
5782
}
5783
 
5784
.message-dt {
5785
    width: auto;
5786
    margin-left: 15px;
5787
}
5788
 
5789
.main-message-box.ta-right {
5790
    flex-direction: row-reverse;
5791
}
5792
 
5793
.main-message-box.ta-right .messg-usr-img {
5794
    margin-left: 0;
5795
    margin-right: 20px;
5796
}
5797
 
5798
.main-message-box.ta-right .message-dt {
5799
    margin-right: 15px;
5800
}
5801
 
5802
.main-message-box.ta-right .message-dt>span {
5803
    float: right;
5804
    width: auto;
5805
}
5806
 
5807
.message-inner-dt {
5808
    -webkit-border-radius: 15px;
5809
    -moz-border-radius: 15px;
5810
    -ms-border-radius: 15px;
5811
    -o-border-radius: 15px;
5812
    border-radius: 15px;
5813
    width: 100%;
5814
    border-bottom-left-radius: 0;
5815
}
5816
 
5817
.img-bx {
5818
    background-color: #efefef;
5819
    padding: 20px;
5820
}
5821
 
5822
.message-inner-dt>img {
5823
    display: inline-block;
5824
    width: auto;
5825
    margin-right: 5px;
5826
}
5827
 
5828
.message-dt>span {
5829
    color: #b2b2b2;
5830
    font-size: 14px;
5831
    float: left;
5832
    width: 100%;
5833
    margin-top: 7px;
5834
}
5835
 
5836
.message-inner-dt>p {
5837
    font-size: 14px;
5838
    line-height: 22px;
5839
    padding: 2px 10px;
5840
    color: #000;
5841
    -webkit-border-radius: 15px;
5842
    -moz-border-radius: 15px;
5843
    -ms-border-radius: 15px;
5844
    -o-border-radius: 15px;
5845
    border-radius: 15px;
5846
}
5847
 
5848
.message-dt.st3 .message-inner-dt>p {
5849
    background-color: #efefef;
5850
    color: #686868;
5851
    width: auto;
5852
    padding: 10px 15px;
5853
    float: left;
5854
}
5855
 
5856
.message-dt.st3 .message-inner-dt>p img {
5857
    float: right;
5858
    position: relative;
5859
    top: 3px;
5860
    padding-left: 5px;
5861
}
5862
 
5863
.main-message-box.st3 .messg-usr-img {
5864
    bottom: 13px;
5865
}
5866
 
5867
.messages-line {
5868
    width: 100%;
5869
    height: 604px;
5870
    padding-top: 20px;
5871
}
5872
 
5873
/* ============== message-send-area ============ */
5874
 
5875
.message-send-area {
5876
    width: 100%;
5877
    background-color: #f3f5f7;
5878
    padding: 20px;
2040 steven 5879
    /* position: absolute; */
1876 steven 5880
    bottom: 0;
1239 steven 5881
}
2197 stevensc 5882
 
5883
.inmail-submit-btn {
1879 steven 5884
    width: 6%;
5885
}
1239 steven 5886
 
5887
.message-send-area form {
5888
    width: 100%;
5889
}
5890
 
5891
.mf-field {
5892
    width: 100%;
5893
    display: flex;
5894
}
5895
 
5896
.mf-field input {
5897
    flex: 1;
5898
    background-color: #fff;
5899
    color: #b2b2b2;
5900
    font-size: 16px;
5901
    padding: 0 15px;
5902
    border: 1px solid #e6e6e6;
5903
    height: 45px;
5904
    border-radius: 25px;
5905
}
5906
 
5907
 
5908
.message-send-area form>ul {
5909
    float: left;
5910
    width: 100%;
5911
    margin-top: 15px;
5912
}
5913
 
5914
.message-send-area form>ul li {
5915
    display: inline-block;
5916
    margin-right: 20px;
5917
}
5918
 
5919
.message-send-area form>ul li a {
5920
    color: #b2b2b2;
5921
    font-size: 18px;
5922
}
5923
 
5924
/* ============== forum-links ============= */
5925
 
5926
.forum-sec {
5927
    background-color: #fff;
5928
}
5929
 
5930
.forum-links {
5931
    float: left;
5932
    width: 100%;
5933
}
5934
 
5935
.forum-links.active {
5936
    opacity: 1;
5937
    visibility: visible;
5938
    z-index: 9999;
5939
}
5940
 
5941
.forum-links ul li {
5942
    display: inline-block;
5943
    padding: 20px 0;
5944
    margin-right: 45px;
5945
    border-bottom: 2px solid transparent;
5946
}
5947
 
5948
.forum-links ul li.active {
5949
    border-color: #e44d3a;
5950
}
5951
 
5952
.forum-links ul li.active a {
5953
    color: #e44d3a;
5954
}
5955
 
5956
.forum-links ul li a {
5957
    display: inline-block;
5958
    color: #b2b2b2;
5959
    font-size: 14px;
5960
    font-weight: 600;
5961
}
5962
 
5963
.forum-links-btn {
5964
    float: left;
5965
    width: 100%;
5966
    text-align: center;
5967
    display: none;
5968
    padding: 20px 0;
5969
}
5970
 
5971
.forum-links-btn a {
5972
    color: #000;
5973
    font-size: 30px;
5974
    display: inline-block;
5975
}
5976
 
5977
/* ================ forum-page =============== */
5978
 
5979
.forum-page {
5980
    padding: 50px 0;
5981
}
5982
 
5983
.forum-questions-sec {
5984
    float: left;
5985
    width: 100%;
5986
}
5987
 
5988
.forum-questions {
5989
    float: left;
5990
    width: 100%;
5991
    background-color: #fff;
5992
}
5993
 
5994
.usr-question {
5995
    float: left;
5996
    width: 100%;
5997
    position: relative;
5998
    padding: 25px;
5999
    border-bottom: 1px solid #e5e5e5;
6000
}
6001
 
6002
.usr_img {
6003
    float: left;
6004
    width: 60px;
6005
}
6006
 
6007
.usr_img img {
6008
    width: 100%;
6009
    -webkit-border-radius: 100px;
6010
    -moz-border-radius: 100px;
6011
    -ms-border-radius: 100px;
6012
    -o-border-radius: 100px;
6013
    border-radius: 100px;
6014
}
6015
 
6016
.usr_quest {
6017
    float: left;
6018
    width: 90%;
6019
    padding-left: 15px;
6020
}
6021
 
6022
.usr_quest>h3 {
6023
    color: #000000;
6024
    font-size: 17px;
6025
    font-weight: 600;
6026
    margin-bottom: 20px;
6027
}
6028
 
6029
.forum-post-view .usr_quest>h3 {
6030
    margin-bottom: 10px;
6031
}
6032
 
6033
.react-links {
6034
    float: left;
6035
    width: 100%;
6036
}
6037
 
6038
.react-links li {
6039
    display: inline-block;
6040
    margin-right: 30px;
6041
}
6042
 
6043
.react-links li a {
6044
    display: inline-block;
6045
    color: #b2b2b2;
6046
    font-size: 14px;
6047
    font-weight: 600;
6048
}
6049
 
6050
.react-links li a:hover {
6051
    color: #e44d3a;
6052
}
6053
 
6054
.react-links li a i {
6055
    padding-right: 7px;
6056
}
6057
 
6058
.react-links li:last-child {
6059
    margin-right: 0;
6060
}
6061
 
6062
/* ============= quest-tags ============ */
6063
 
6064
.quest-tags {
6065
    float: left;
6066
    width: 100%;
6067
    margin-top: 20px;
6068
}
6069
 
6070
.quest-tags li {
6071
    display: inline-block;
6072
    margin-right: 10px;
6073
}
6074
 
6075
.quest-tags li a {
6076
    display: inline-block;
6077
    color: #ffffff;
6078
    background-color: #53d690;
6079
    -webkit-border-radius: 3px;
6080
    -moz-border-radius: 3px;
6081
    -ms-border-radius: 3px;
6082
    -o-border-radius: 3px;
6083
    border-radius: 3px;
6084
    padding: 7px 25px;
6085
}
6086
 
6087
.quest-posted-time {
6088
    position: absolute;
6089
    bottom: 30px;
6090
    right: 20px;
6091
    color: #b2b2b2;
6092
    font-size: 14px;
6093
}
6094
 
6095
.quest-posted-time i {
6096
    padding-right: 5px;
6097
}
6098
 
6099
.pd-right-none {
6100
    padding-right: 0;
6101
}
6102
 
6103
/* =========== navigation ============ */
6104
 
6105
.pagination {
6106
    float: left;
6107
    width: 100%;
6108
    /* background-color: #fff; */
6109
    padding: 13px 25px;
6110
}
6111
 
6112
.full-pagi {
6113
    float: left;
6114
    width: 100%;
6115
    padding-right: 0;
6116
    text-align: inherit;
6117
    margin-top: 20px;
6118
}
6119
 
6120
.pagination li {
6121
    padding: 0;
6122
    margin-right: 10px;
6123
}
6124
 
6125
.pagination li .page-link {
6126
    /* background-color: #e5e5e5; */
6127
    color: #b2b2b2;
6128
}
6129
 
6130
.pagination li .page-link.active {
6131
    background-color: #e44d3a;
6132
    color: #fff;
6133
    border-color: transparent;
6134
}
6135
 
6136
.pvr {
6137
    padding: 0.5rem 30px;
6138
}
6139
 
6140
/* ============ User Widget =========== */
6141
 
6142
.title-wd {
6143
    float: left;
6144
    width: 100%;
6145
    color: #000000;
6146
    font-size: 18px;
6147
    font-weight: 600;
6148
    border-bottom: 1px solid #e5e5e5;
6149
    padding: 25px 20px;
6150
}
6151
 
6152
.widget-user ul {
6153
    float: left;
6154
    width: 100%;
6155
    padding: 15px 0;
6156
}
6157
 
6158
.widget-user ul li {
6159
    float: left;
6160
    width: 100%;
6161
    padding: 15px 20px;
6162
}
6163
 
6164
.widget-user ul li .usr-msg-details {
6165
    float: left;
6166
    width: auto;
6167
}
6168
 
6169
.widget-user ul li .usr-ms-img {
6170
    width: 35px;
6171
}
6172
 
6173
.widget-user ul li .usr-mg-info h3 {
6174
    font-size: 14px;
6175
}
6176
 
6177
.widget-user ul li .usr-mg-info p {
6178
    font-size: 12px;
6179
}
6180
 
6181
.widget-user ul li>span {
6182
    color: #686868;
6183
    font-size: 16px;
6184
    float: right;
6185
    margin-top: 10px;
6186
}
6187
 
6188
.widget-user ul li>span img {
6189
    padding-right: 5px;
6190
}
6191
 
6192
/* ============== widget-adver ============ */
6193
 
6194
.widget-adver img {
6195
    width: 100%;
6196
}
6197
 
6198
/* ============ forum-post-view ============ */
6199
 
6200
.forum-post-view {
6201
    float: left;
6202
    width: 100%;
6203
    background-color: #fff;
6204
    padding: 25px 25px 0 25px;
6205
    border-bottom: 1px solid #e5e5e5;
6206
}
6207
 
6208
.forum-post-view .usr-question {
6209
    border-bottom: 0;
6210
    padding: 0;
6211
}
6212
 
6213
.forum-post-view .usr_quest span {
6214
    color: #b2b2b2;
6215
    font-size: 14px;
6216
    display: inline-block;
6217
    margin-bottom: 20px;
6218
}
6219
 
6220
.forum-post-view .usr_quest span i {
6221
    padding-right: 7px;
6222
}
6223
 
6224
.forum-post-view .quest-tags {
6225
    margin-bottom: 30px;
6226
}
6227
 
6228
.forum-post-view .usr_quest>p {
6229
    float: left;
6230
    width: 100%;
6231
    color: #686868;
6232
    font-size: 14px;
6233
    line-height: 24px;
6234
    margin-bottom: 40px;
6235
}
6236
 
6237
.forum-post-view .comment-section {
6238
    padding: 0;
6239
}
6240
 
6241
.forum-post-view .comment-section>h3 {
6242
    float: left;
6243
    width: 100%;
6244
    color: #000000;
6245
    font-size: 18px;
6246
    font-weight: 600;
6247
    border-bottom: 1px solid #e5e5e5;
6248
    padding-bottom: 15px;
6249
}
6250
 
6251
.forum-post-view .comment-sec ul li {
6252
    border-bottom: 1px solid #e5e5e5;
6253
    padding: 23px 0;
6254
}
6255
 
6256
.forum-post-view .comment span {
6257
    margin-bottom: 10px;
6258
}
6259
 
6260
.forum-post-view .comment-list {
6261
    padding-bottom: 0;
6262
    margin-bottom: -4px;
6263
}
6264
 
6265
.forum-post-view .comment p {
6266
    margin: 0;
6267
    margin-top: 5px;
6268
}
6269
 
6270
.forum-post-view .comment h3 {
6271
    margin-bottom: 9px;
6272
}
6273
 
6274
.forum-post-view .comment-sec ul li:last-child {
6275
    border-bottom: 0;
6276
}
6277
 
6278
/* =============== post-comment-box ============= */
6279
 
6280
.post-comment-box {
6281
    float: left;
6282
    width: 100%;
6283
    padding: 20px;
6284
    background-color: #fff;
6285
}
6286
 
6287
.post-comment-box h3 {
6288
    float: left;
6289
    width: 100%;
6290
    color: #000000;
6291
    font-size: 18px;
6292
    font-weight: 600;
6293
    margin-bottom: 30px;
6294
}
6295
 
6296
.user-poster {
6297
    float: left;
6298
    width: 100%;
6299
}
6300
 
6301
.usr-post-img {
6302
    float: left;
6303
    width: 50px;
6304
    margin-right: 15px;
6305
}
6306
 
6307
.usr-post-img img {
6308
    width: 100%;
6309
    -webkit-border-radius: 100px;
6310
    -moz-border-radius: 100px;
6311
    -ms-border-radius: 100px;
6312
    -o-border-radius: 100px;
6313
    border-radius: 100px;
6314
}
6315
 
6316
.post_comment_sec {
6317
    float: left;
6318
    width: 90%;
6319
}
6320
 
6321
.post_comment_sec form {
6322
    float: left;
6323
    width: 100%;
6324
}
6325
 
6326
.post_comment_sec form textarea {
6327
    float: left;
6328
    width: 100%;
6329
    height: 130px;
6330
    border: 1px solid #dce2eb;
6331
    padding: 15px;
6332
    resize: none;
6333
}
6334
 
6335
.post_comment_sec form button {
6336
    color: #ffffff;
6337
    font-size: 14px;
6338
    background-color: #e44d3a;
6339
    padding: 10px 25px;
6340
    border: 0;
6341
    font-weight: 600;
6342
    margin-top: 20px;
6343
    cursor: pointer;
6344
}
6345
 
6346
/* ======== next-prev ========*/
6347
 
6348
.next-prev {
6349
    float: left;
6350
    width: 100%;
6351
    background-color: #fff;
6352
    margin-top: 20px;
6353
    padding: 12px 25px;
6354
}
6355
 
6356
.next-prev>a {
6357
    width: 90px;
6358
    height: 35px;
6359
    text-align: center;
6360
    line-height: 35px;
6361
    color: #b2b2b2;
6362
    font-size: 14px;
6363
    background-color: #e5e5e5;
6364
}
6365
 
6366
.next-prev>a:hover {
6367
    color: #fff;
6368
    background-color: #e44d3a;
6369
}
6370
 
6371
.fl-left {
6372
    float: left;
6373
}
6374
 
6375
.fl-right {
6376
    float: right;
6377
}
6378
 
6379
/* ========== widget-feat ========= */
6380
 
6381
.widget-feat {
6382
    padding: 25px 20px;
6383
}
6384
 
6385
.widget-feat ul {
6386
    float: left;
6387
    width: 100%;
6388
}
6389
 
6390
.widget-feat ul li {
6391
    float: left;
6392
    width: 25%;
6393
    text-align: center;
6394
}
6395
 
6396
.widget-feat ul li i {
6397
    display: block;
6398
    font-size: 18px;
6399
    margin-bottom: 9px;
6400
}
6401
 
6402
.widget-feat ul li span {
6403
    display: block;
6404
    color: #686868;
6405
    font-size: 16px;
6406
    font-weight: 500;
6407
}
6408
 
6409
.widget-feat ul li i.fa-heart {
6410
    color: #53d690;
6411
}
6412
 
6413
.widget-feat ul li i.fa-comment {
6414
    color: #e44d3a;
6415
}
6416
 
6417
.widget-feat ul li i.fa-share-alt {
6418
    color: #51a5fb;
6419
}
6420
 
6421
.widget-feat ul li i.fa-eye {
6422
    color: #00b540;
6423
}
6424
 
6425
/* =============== ANIMATION LOADER =============== */
6426
 
6427
.spinner {
6428
    margin: 0 auto 0;
6429
    width: 80px;
6430
    text-align: center;
6431
    height: 80px;
6432
    border-radius: 100px;
6433
    background-color: #fff;
6434
    line-height: 80px;
6435
    border: 1px solid #e1e1e1;
6436
    cursor: pointer;
6437
}
6438
 
6439
.spinner>div {
6440
    width: 15px;
6441
    height: 15px;
6442
    background-color: #b9b9b9;
6443
    border-radius: 100%;
6444
    display: inline-block;
6445
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6446
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6447
}
6448
 
6449
.spinner .bounce1 {
6450
    -webkit-animation-delay: -0.32s;
6451
    animation-delay: -0.32s;
6452
}
6453
 
6454
.spinner .bounce2 {
6455
    -webkit-animation-delay: -0.16s;
6456
    animation-delay: -0.16s;
6457
}
6458
 
6459
@-webkit-keyframes sk-bouncedelay {
2197 stevensc 6460
 
1239 steven 6461
    0%,
6462
    80%,
6463
    100% {
6464
        -webkit-transform: scale(0);
6465
    }
2197 stevensc 6466
 
1239 steven 6467
    40% {
6468
        -webkit-transform: scale(1);
6469
    }
6470
}
6471
 
6472
@keyframes sk-bouncedelay {
2197 stevensc 6473
 
1239 steven 6474
    0%,
6475
    80%,
6476
    100% {
6477
        -webkit-transform: scale(0);
6478
        transform: scale(0);
6479
    }
2197 stevensc 6480
 
1239 steven 6481
    40% {
6482
        -webkit-transform: scale(1);
6483
        transform: scale(1);
6484
    }
6485
}
6486
 
6487
.wordpressdevlp {
6488
    background-color: #fff;
6489
}
6490
 
6491
.bgclr {
6492
    background-color: #fff;
6493
    margin-bottom: 15px;
6494
}
6495
 
6496
.cadidatesbtn {
6497
    position: absolute;
6498
    left: 0;
6499
    padding-top: 5px;
6500
}
6501
 
6502
.cadidatesbtn button {
6503
    background-color: #e44d3a;
6504
    border: none;
6505
    margin-top: -3px;
6506
}
6507
 
6508
.cadidatesbtn button:hover {
6509
    background-color: #e44d3a;
6510
}
6511
 
6512
.cadidatesbtn span {
6513
    background-color: #bd2e1c;
6514
    color: #fff;
6515
    margin-right: 10px;
6516
    padding: 0.25em 0.5em;
6517
    font-weight: 600;
6518
    font-size: 12px;
6519
}
6520
 
6521
.wordpressdevlp i {
6522
    color: #e86554;
6523
    font-size: 18px;
6524
    font-weight: bold;
6525
    padding-right: 5px;
6526
}
6527
 
6528
.wordpressdevlp h2 {
6529
    font-size: 18px;
6530
    font-weight: 600;
6531
}
6532
 
6533
.cadidatesbtn i {
6534
    color: #b2b2b2;
6535
    border: 1px solid #b2b2b2;
6536
    font-size: 14px;
6537
    text-align: center;
6538
    margin-left: 7px;
6539
    border-radius: 3px;
6540
    padding: 10px;
6541
}
6542
 
6543
.cadidatesbtn i:hover {
6544
    background-color: #e44d3a;
6545
    color: #fff;
6546
    border: 1px solid #e44d3a;
6547
}
6548
 
6549
.inner {
6550
    border-bottom: 2px solid #e5e5e5;
6551
    padding-bottom: 10px;
6552
}
6553
 
6554
.inner li a:hover {
6555
    color: #e44d3a;
6556
    border-bottom: 2px solid #e44d3a;
6557
    padding-bottom: 9px;
6558
}
6559
 
6560
.inner li a {
6561
    color: #000000;
6562
}
6563
 
6564
.posttext {
6565
    position: absolute;
6566
    left: 0;
6567
}
6568
 
6569
.deatile h3 {
6570
    font-size: 14px;
6571
    font-weight: bold;
6572
    padding-bottom: 5px;
6573
}
6574
 
6575
.clrbtn a {
6576
    background-color: #e44d3a;
6577
    color: #fff;
6578
    padding: 5px 10px 5px 10px;
6579
    margin-right: 15px;
6580
}
6581
 
6582
.transpairentbtn a {
6583
    color: #222;
6584
    border: 2px solid #f1f1f1;
6585
    padding: 5px 10px 5px 10px;
6586
}
6587
 
6588
.savetext h3 {
6589
    font-size: 14px;
6590
    font-weight: bold;
6591
    padding-bottom: 5px;
6592
}
6593
 
6594
.devepbtn .clrbtn {
6595
    padding: 7px 20px;
6596
}
6597
 
6598
.devepbtn a {
6599
    color: #666666;
6600
    border: 1px solid #b2b2b2;
6601
    padding: 7px 10px 7px 10px;
6602
    border-radius: 3px;
6603
    margin-right: 5px;
6604
}
6605
 
6606
.devepbtn a:hover i {
6607
    color: #fff;
6608
}
6609
 
6610
.devepbtn a:hover {
6611
    background-color: #e44d3a;
6612
    color: #fff;
6613
}
6614
 
6615
.rew-reply hr {
6616
    margin-left: -20px;
6617
    margin-right: -20px;
6618
}
6619
 
6620
.rew-reply p {
6621
    padding-left: 20px;
6622
}
6623
 
6624
.rew-reply ul {
6625
    padding-left: 20px;
6626
}
6627
 
6628
.devepbtn {
6629
    margin-top: 30px;
6630
    padding-left: 20px;
6631
}
6632
 
6633
.rep-thanks hr {
6634
    margin-right: -20px;
6635
    margin-left: -20px;
6636
}
6637
 
6638
.profilecnd {
6639
    margin-bottom: 0px;
6640
}
6641
 
6642
.devepbtn i {
6643
    color: #b2b2b2;
6644
    font-size: 14px;
6645
}
6646
 
6647
.appliedinfo {
6648
    padding-left: 0;
6649
    padding-top: 20px !important;
6650
    padding-bottom: 10px;
6651
}
6652
 
6653
.epi2 {
6654
    padding: 0;
6655
}
6656
 
6657
.review a {
6658
    line-height: 16px;
6659
    font-size: 14px;
6660
    text-decoration: none;
6661
    font-weight: 500;
6662
    margin-left: 15px;
6663
}
6664
 
6665
.add-pic-box {
6666
    display: inline-block;
6667
    color: #e44d3a;
6668
    font-size: 16px;
6669
    position: absolute;
6670
    top: 30px;
6671
    right: 0;
6672
    font-weight: 600;
6673
    margin-right: 0;
6674
    width: 100%;
6675
}
6676
 
6677
.add-pic-box [type="file"] {
6678
    height: 0;
6679
    overflow: hidden;
6680
    width: 0;
6681
    float: left;
6682
}
6683
 
6684
.add-pic-box [type="file"]+label {
6685
    background: #fff;
6686
    border: 2px solid #e44d3a;
6687
    border-radius: 3px;
6688
    color: #e44d3a;
6689
    cursor: pointer;
6690
    /* display: inline-block; */
6691
    font-size: 15px;
6692
    font-weight: 600;
6693
    outline: none;
6694
    padding: 12px 20px;
6695
    position: relative;
6696
    transition: all 0.3s;
6697
    vertical-align: middle;
6698
    margin: 0;
6699
    float: right;
6700
    text-transform: uppercase;
6701
}
6702
 
6703
.add-pic-box [type="file"]+label:hover {
6704
    background: #e44d3a;
6705
    color: #fff;
6706
}
6707
 
6708
.noreview li i {
6709
    color: #b2b2b2;
6710
}
6711
 
6712
.review-tb {
6713
    margin: 0 0 10px;
6714
    padding-left: 20px;
6715
}
6716
 
6717
.noreview ul li i {
6718
    color: #b2b2b2;
6719
}
6720
 
6721
.mngdetl {
6722
    border-bottom: none;
6723
}
6724
 
6725
.post-reply {
6726
    padding-top: 0;
6727
    padding-bottom: 0;
6728
}
6729
 
6730
.activebidbtn i:hover {
6731
    background-color: #e44d3a;
6732
    color: #fff;
6733
    border: none;
6734
}
6735
 
6736
.reviewtitle h2 {
6737
    font-size: 17px;
6738
    font-weight: 600;
6739
}
6740
 
6741
.horiline {
6742
    width: 118%;
6743
    position: relative;
6744
    left: -40px;
6745
}
6746
 
6747
.tahnks {
6748
    font-weight: 500;
6749
    margin-top: 5px;
6750
}
6751
 
6752
/*about-page*/
6753
 
6754
.banner span {
6755
    position: absolute;
6756
    display: flex;
6757
    background-color: #222;
6758
    width: 100%;
6759
    opacity: 0.9;
6760
    justify-content: center;
6761
    padding: 10px;
6762
    margin-top: 0;
6763
    color: #fff;
6764
}
6765
 
6766
.innertitle {
6767
    margin-top: 130px;
6768
}
6769
 
6770
.Company-overview {
6771
    padding-bottom: 50px;
6772
}
6773
 
6774
.bennertext {
6775
    position: absolute;
6776
    left: 20%;
6777
    right: 20%;
6778
    text-align: center;
6779
}
6780
 
6781
.bannerimage img {
6782
    height: 100%;
6783
}
6784
 
6785
.innertitle h2 {
6786
    color: #fff;
6787
    font-size: 30px;
6788
    line-height: 32px;
6789
    font-weight: 600;
6790
    margin-bottom: 20px;
6791
}
6792
 
6793
.innertitle p {
6794
    color: #fff;
6795
    font-size: 16px;
6796
}
6797
 
6798
.Company-overview h2 {
6799
    padding-top: 100px;
6800
    font-size: 24px;
6801
    font-weight: 600;
6802
    padding-bottom: 12px;
6803
}
6804
 
6805
.Company-overview p {
6806
    font-size: 15px;
6807
    font-weight: 500;
6808
}
6809
 
6810
.Company-overview img {
6811
    float: right;
6812
    padding-top: 25px;
6813
}
6814
 
6815
.blog {
6816
    text-align: center;
6817
    display: inline-block;
6818
    margin-bottom: 50px;
6819
}
6820
 
6821
.blog img {
6822
    padding-bottom: 30px;
6823
}
6824
 
6825
.blog h2 {
6826
    font-size: 18px;
6827
    font-weight: 600;
6828
    padding-bottom: 30px;
6829
}
6830
 
6831
.blog a {
6832
    background-color: #ff4500;
6833
    color: #fff;
6834
    padding: 7px 25px 7px 25px;
6835
    border-radius: 3px;
6836
    font-size: 16px;
6837
    font-weight: 500;
6838
}
6839
 
6840
.services {
6841
    padding-top: 80px;
6842
    padding-bottom: 80px;
6843
}
6844
 
6845
.video {
6846
    padding-bottom: 40px;
6847
}
6848
 
6849
.search-container {
6850
    text-align: center;
6851
}
6852
 
6853
.search-container input[type="text"] {
6854
    padding: 6px 15px;
6855
    margin-top: 8px;
6856
    font-size: 17px;
6857
    border: none;
6858
    height: 50px;
6859
    width: 50%;
6860
    margin-bottom: 25px;
6861
    border-top-left-radius: 3px;
6862
    border-top-right-radius: 0px;
6863
    border-bottom-left-radius: 3px;
6864
    border-bottom-right-radius: 0px;
6865
}
6866
 
6867
.searchtitle {
6868
    text-align: center;
6869
}
6870
 
6871
.searchtitle h2 {
6872
    color: #fff;
6873
    font-size: 30px;
6874
    font-weight: 400;
6875
    padding-bottom: 10px;
6876
}
6877
 
6878
.modal-header {
6879
    position: relative;
6880
}
6881
 
6882
.modal-header h3 {
6883
    font-size: 18px;
6884
}
6885
 
6886
.search-container button {
6887
    padding: 8px 10px;
6888
    text-align: center;
6889
    margin-top: 8px;
6890
    margin-left: -3px;
6891
    margin-right: 18px;
6892
    background: #efefef;
6893
    font-size: 17px;
6894
    border: none;
6895
    cursor: pointer;
6896
    height: 50px;
6897
    width: 6%;
6898
    border-bottom-right-radius: 3px;
6899
    border-top-right-radius: 3px;
6900
}
6901
 
6902
.topsearch i {
6903
    color: #e44d3a;
6904
}
6905
 
6906
.dropdown-toggle::after {
6907
    position: absolute;
6908
    right: 15px;
6909
    color: #b2b2b2;
6910
    top: 7px;
6911
}
6912
 
6913
.help-paddy {
6914
    padding: 0 !important;
6915
}
6916
 
6917
.paddy {
6918
    padding: 20px;
6919
    float: left;
6920
}
6921
 
6922
.dropdown-menu {
6923
    position: absolute;
6924
    top: 100%;
6925
    left: 0;
6926
    z-index: 1000;
6927
    display: none;
6928
    float: left;
6929
    min-width: 10rem;
6930
    padding: 0.5rem 0;
6931
    margin: 0.125rem 0 0;
6932
    font-size: 1rem;
6933
    color: #212529;
6934
    text-align: left;
6935
    list-style: none;
6936
    background-color: #fff;
6937
    width: 100%;
6938
    background-clip: padding-box;
6939
    border: none;
6940
    border-radius: 0.25rem;
6941
}
6942
 
6943
.radio-form p {
6944
    display: -webkit-inline-box;
6945
}
6946
 
6947
.dropdown a {
6948
    color: #000000;
6949
    font-size: 16px;
6950
    font-weight: 400;
6951
    padding: 0 20px;
6952
}
6953
 
6954
.accountnone {
6955
    border: none;
6956
}
6957
 
6958
.helpforum {
6959
    background-color: #fff;
6960
    padding: 15px 0;
6961
    box-shadow: 0px 2px #c6c6c6;
6962
}
6963
 
6964
.helpforum h3 {
6965
    font-size: 18px;
6966
    font-weight: 600;
6967
}
6968
 
6969
.helpforum a {
6970
    background-color: #e44d3a;
6971
    color: #fff;
6972
    padding: 10px 15px 10px 15px;
6973
    line-height: 4;
6974
    border-radius: 3px;
6975
}
6976
 
6977
.helpforum p {
6978
    line-height: 3;
6979
}
6980
 
6981
.actionstitle h3 {
6982
    font-size: 18px;
6983
    font-weight: 400;
6984
    color: #000;
6985
    padding-top: 30px;
6986
}
6987
 
6988
.actionstitle img {
6989
    padding-right: 10px;
6990
}
6991
 
6992
.actionstext a {
6993
    font-size: 16px;
6994
    font-weight: 500;
6995
    color: #e44d3a;
6996
    line-height: 2;
6997
    display: block;
6998
}
6999
 
7000
.helpform {
7001
    text-align: center;
7002
    padding-top: 70px;
7003
}
7004
 
7005
.helpform h3 {
7006
    font-size: 18px;
7007
    font-weight: 400;
7008
    color: #e44d3a;
7009
    margin-bottom: 10px;
7010
}
7011
 
7012
.helpform a {
7013
    background-color: #e44d3a;
7014
    color: #fff;
7015
    padding: 10px 15px 10px 15px;
7016
    border-radius: 3px;
7017
}
7018
 
7019
.helpform p {
7020
    margin-bottom: 30px;
7021
}
7022
 
7023
.helpform img {
7024
    float: unset;
7025
    padding-bottom: 10px;
7026
}
7027
 
7028
.bookingsideber h3 {
7029
    color: #000;
7030
}
7031
 
7032
.bookingsideber h3:active {
7033
    color: #e44d3a;
7034
}
7035
 
7036
.helpforum h4 {
7037
    font-size: 16px;
7038
    font-weight: 600;
7039
}
7040
 
7041
.bloktext {
7042
    padding-left: 25px;
7043
}
7044
 
7045
.privacy {
7046
    background-color: #fff;
7047
    height: 850px;
7048
}
7049
 
7050
.privacydropd .dropdown-toggle::after {
7051
    float: right;
7052
    vertical-align: 0.255em;
7053
}
7054
 
7055
/* .checkbox {} */
7056
 
7057
.form-check {
7058
    padding-left: 0;
7059
}
7060
 
7061
.btns a {
7062
    color: #000;
7063
    border: 1px solid #e5e5e5;
7064
    padding: 10px 25px 10px 25px;
7065
    margin-left: 15px;
7066
    border-radius: 5px;
7067
    font-weight: 600;
7068
}
7069
 
7070
.btns {
7071
    padding-top: 20px;
7072
}
7073
 
7074
.btns a:hover {
7075
    background-color: #e44d3a;
7076
    color: #fff;
7077
}
7078
 
7079
.privacy h3 {
7080
    font-size: 18px;
7081
    font-weight: 600;
7082
    padding-top: 18px;
7083
    margin-bottom: 10px;
7084
}
7085
 
7086
.privacy p {
7087
    padding-top: 0px;
7088
    display: inline-block;
7089
}
7090
 
7091
.form-group {
7092
    margin-bottom: 1rem;
7093
    padding-top: 0px;
7094
}
7095
 
7096
.privacy i {
7097
    float: right;
7098
    color: #e44d3a;
7099
    font-size: 20px;
7100
    font-weight: 600;
7101
}
7102
 
7103
.dropdown-menu input {
7104
    margin-right: 10px;
7105
    margin-top: 15px;
7106
}
7107
 
7108
.dropdown-menu a {
7109
    padding: 10px 0 10px 40px;
7110
    margin-bottom: 10px;
7111
}
7112
 
7113
.dropdown-menu form {
7114
    margin-bottom: 10px;
7115
    margin-top: 10px;
7116
}
7117
 
7118
.privacydropd p {
7119
    margin-left: 20px;
7120
    margin-top: 5px;
7121
}
7122
 
7123
.privabtns {
7124
    margin-top: 20px;
7125
}
7126
 
7127
.privabtns {
7128
    padding-bottom: 15px;
7129
}
7130
 
7131
.privabtns a {
7132
    margin-right: 15px;
7133
    padding: 8px 25px;
7134
    color: #000000;
7135
    border: 1px solid #e5e5e5;
7136
}
7137
 
7138
.privabtns a:hover {
7139
    color: #fff;
7140
    background-color: #e44d3a;
7141
}
7142
 
7143
.privac {
7144
    background-color: #fff;
7145
    height: 560px;
7146
    padding-top: 20px;
7147
}
7148
 
7149
.privac h3 {
7150
    font-size: 18px;
7151
    font-weight: 600;
7152
}
7153
 
7154
.bids-detail ul {
7155
    display: -webkit-inline-box;
7156
}
7157
 
7158
.bids-detail ul li {
7159
    margin-right: 30px;
7160
}
7161
 
7162
.bids-detail h3 {
7163
    font-size: 16px;
7164
    font-weight: 400;
7165
}
7166
 
7167
.bids-detail {
7168
    background-color: #fff;
7169
    padding: 20px;
7170
    margin-bottom: 25px;
7171
    box-shadow: 0px 2px #e4e4e4;
7172
}
7173
 
7174
.dropdown-menu.show {
7175
    display: contents;
7176
}
7177
 
7178
.postpaid:checked:after {
7179
    content: "\f17b";
7180
    font: normal normal normal 16px/1 "LineAwesome";
7181
    font-weight: 600;
7182
    border: 1px solid #fff;
7183
    color: #ffffff;
7184
    text-align: center;
7185
    font-size: 12px;
7186
    width: 100%;
7187
    height: 100%;
7188
    background: #e44d3a;
7189
    display: block;
7190
    border-radius: 50%;
7191
    padding-top: 3px;
7192
}
7193
 
7194
.postpaid:focus {
7195
    border: 1px solid #fff;
7196
    width: 25px;
7197
    height: 25px;
7198
}
7199
 
7200
.postpaid {
7201
    -webkit-appearance: none;
7202
    content: "";
7203
    width: 20px;
7204
    height: 20px;
7205
    border-radius: 50%;
7206
    border: 1px solid #5e5e5e;
7207
    outline: 0;
7208
    margin-right: 5px;
7209
}
7210
 
7211
/* .main-ws-sec .job-status-bar {} */
7212
 
7213
.main-ws-sec .btm-line {
7214
    padding-bottom: 20px !important;
7215
    border-bottom: 1px solid #e5e5e5 !important;
7216
    margin-bottom: 20px;
7217
}
7218
 
7219
.job-status-bar hr {
7220
    margin: 0 -40px;
7221
}
7222
 
7223
.reply-area {
7224
    padding-left: 55px;
7225
}
7226
 
7227
.reply-rply1 {
7228
    margin: 24px 0;
7229
}
7230
 
7231
.reply-area p {
7232
    padding-bottom: 10px;
7233
}
7234
 
7235
.reply-area span {
7236
    cursor: pointer;
7237
}
7238
 
7239
.reply-area span:hover {
7240
    color: #e44d3a;
7241
}
7242
 
7243
.reply-area i {
7244
    font-size: 16px;
7245
    font-weight: 600;
7246
    padding-right: 8px;
7247
}
7248
 
7249
.comment-area .la-plus-circle {
7250
    display: block;
7251
    text-align: center;
7252
    font-size: 40px;
7253
    color: #b2b2b2;
7254
}
7255
 
7256
.reply-area span {
7257
    padding-top: 5px;
7258
    color: #b2b2b2;
7259
}
7260
 
7261
.comt span {
7262
    font-size: 16px;
7263
    color: #666666;
7264
}
7265
 
7266
.comt i {
7267
    padding-right: 8px;
7268
}
7269
 
7270
.postcomment .form-control {
7271
    width: 112%;
7272
    margin-left: -50px;
7273
    background-color: #efefef;
7274
    border-radius: 3px;
7275
}
7276
 
7277
.postcomment a {
7278
    background-color: #e44d3a;
7279
    color: #fff;
7280
    padding: 9px 25px 8px 25px;
7281
    line-height: 37px;
7282
    border-radius: 3px;
7283
}
7284
 
7285
.postcomment {
7286
    padding-top: 30px;
7287
}
7288
 
7289
.widget-about button:focus {
7290
    box-shadow: none;
7291
}
7292
 
7293
.widget-about button:hover {
7294
    background-color: #e44d3a;
7295
}
7296
 
7297
.widget-about button {
7298
    background-color: #e44d3a;
7299
    border: none;
7300
    padding: 12px 0;
7301
    width: 100%;
7302
}
7303
 
7304
.widget-about p {
7305
    background-color: #e44d3a;
7306
    color: #fff;
7307
    padding: 10px 0;
7308
}
7309
 
7310
.widget-projectid {
7311
    padding: 15px;
7312
}
7313
 
7314
.widget-projectid h3 {
7315
    padding-bottom: 7px;
7316
    font-size: 14px;
7317
    font-weight: 600;
7318
}
7319
 
7320
.sd-title h4 {
7321
    margin-bottom: 5px;
7322
    font-size: 16px;
7323
    font-weight: 600;
7324
    line-height: 24px;
7325
}
7326
 
7327
.paymethd p {
7328
    color: #e44d3a;
7329
}
7330
 
7331
.copylink p {
7332
    background-color: #efefef;
7333
    padding: 7px 0 8px 10px;
7334
}
7335
 
7336
.copylink a {
7337
    background-color: #e44d3a;
7338
    color: #fff;
7339
    padding: 10px 15px 10px 15px;
7340
    border-radius: 4px;
7341
}
7342
 
7343
.copylink span {
7344
    padding: 30px 0 20px;
7345
}
7346
 
7347
.copylink i {
7348
    float: unset;
7349
    position: unset;
7350
}
7351
 
7352
.copylink .la-facebook {
7353
    background-color: #3b5998;
7354
    color: #fff;
7355
}
7356
 
7357
.copylink .la-twitter {
7358
    color: #1da1f2;
7359
}
7360
 
7361
.copylink .la-pinterest-p {
7362
    background-color: #fff;
7363
    color: #c11628;
7364
    border-radius: 50%;
7365
}
7366
 
7367
.copylink img {
7368
    padding-right: 10px;
7369
}
7370
 
7371
.freelancerbiding {
7372
    background-color: #fff;
7373
    padding-top: 20px;
7374
}
7375
 
7376
.freelancerbiding h3 {
7377
    font-size: 18px;
7378
    font-weight: 400;
7379
}
7380
 
7381
.repcent {
7382
    text-align: left;
7383
}
7384
 
7385
.bidrit {
7386
    float: right;
7387
}
7388
 
7389
.repcent i {
7390
    padding-left: 5px;
7391
}
7392
 
7393
.star {
7394
    display: inline-flex;
7395
    padding: 5px 0;
7396
}
7397
 
7398
.star li i {
7399
    color: #bfd337;
7400
}
7401
 
7402
.repcent span {
7403
    color: #51a5fb;
7404
}
7405
 
7406
.repcent p {
7407
    padding-left: 7px;
7408
}
7409
 
7410
.noreview ul li i {
7411
    color: #b2b2b2;
7412
}
7413
 
7414
.paymethd .star li i {
7415
    position: unset;
7416
    font-size: 14px;
7417
}
7418
 
7419
.paymethd .star a {
7420
    color: #51a5fb;
7421
    padding-left: 12px;
7422
}
7423
 
7424
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7425
 
7426
.modal-body {
7427
    padding: 1rem 0;
7428
}
7429
 
7430
.notice {
7431
    background-color: #ddf3ff;
7432
    padding: 15px;
7433
}
7434
 
7435
.notice span {
7436
    font-weight: 500;
7437
    padding-right: 5px;
7438
}
7439
 
7440
.innerbody {
7441
    padding: 15px;
7442
}
7443
 
7444
.innerbody h3 {
7445
    font-size: 18px;
7446
    font-weight: 600;
7447
}
7448
 
7449
.innerbody h4 {
7450
    font-weight: 600;
7451
    font-size: 14px;
7452
    margin-left: -15px;
7453
    float: left;
7454
}
7455
 
7456
.delivery .input-group select {
7457
    width: 150px;
7458
    height: 50px !important;
7459
    font-size: 19px;
7460
    border: 1px solid #e5e5e5;
7461
    border-radius: 3px;
7462
}
7463
 
7464
.input-group-prepend {
7465
    background-color: #f3f3f3;
7466
    color: #bfbfbf;
7467
    text-align: center;
7468
    line-height: 3;
7469
    border: 1px solid #e5e5e5;
7470
}
7471
 
7472
.input-group-text {
7473
    color: #666666 !important;
7474
    background-color: #f5f5f5 !important;
7475
    border: 0px !important;
7476
    border-radius: 3px !important;
7477
}
7478
 
7479
.place-bid-form {
7480
    position: relative;
7481
    left: 20px;
7482
    top: -15px;
7483
    padding-bottom: 15px;
7484
}
7485
 
7486
.place-bid-form .input-group input {
7487
    width: 70px;
7488
    border: 1px solid #e5e5e5;
7489
}
7490
 
7491
.paydel {
7492
    padding: 40px 0 0;
7493
}
7494
 
7495
.beatcompitation {
7496
    background-color: #f3f3f3;
7497
    padding: 15px;
7498
}
7499
 
7500
.beatcompitation h3 {
7501
    font-weight: 500;
7502
}
7503
 
7504
.sponser i {
7505
    background-color: #e44d3a;
7506
    color: #fff;
7507
    margin-right: 5px;
7508
    padding: 2px;
7509
}
7510
 
7511
.sponser h2 {
7512
    font-size: 18px;
7513
    font-weight: 600;
7514
    padding-top: 15px;
7515
    padding-bottom: 15px;
7516
}
7517
 
7518
.sponser {
7519
    padding: 15px;
7520
}
7521
 
7522
.modal-footer {
7523
    display: block !important;
7524
    border-top: none;
7525
    padding: 1rem 0;
7526
}
7527
 
7528
.modal-footer button {
7529
    font-size: 15px;
7530
    font-weight: 500;
7531
    background-color: unset;
7532
    border: none;
7533
    padding: 10px;
7534
    border: 1px solid #d2d2d2;
7535
    border-radius: 3px;
7536
}
7537
 
7538
.modal-footer button:hover {
7539
    background-color: #e44d3a;
7540
    /* color: #fff; */
7541
    /* border: 1px solid #e44d3a; */
7542
}
7543
 
7544
.place-bid-btn {
7545
    font-size: 15px;
7546
    font-weight: 500;
7547
    color: #fff !important;
7548
    background-color: #e44d3a !important;
7549
    border: none;
7550
    padding: 10px;
7551
    border: 1px solid #e44d3a;
7552
    border-radius: 3px;
7553
}
7554
 
7555
.usy-dt .reply {
7556
    margin: 3px 0 0 10px;
7557
    width: 360px;
7558
    height: 40px;
7559
    background-color: #efefef;
7560
    border: 1px solid #e5e5e5;
7561
    padding-left: 10px;
7562
    border-radius: 3px;
7563
}
7564
 
7565
.replybtn {
7566
    background-color: #e44d3a;
7567
    color: #fff;
7568
    padding: 10px;
7569
    margin-left: 15px;
7570
    border-radius: 3px;
7571
}
7572
 
7573
.replybtn:hover {
7574
    color: #fff;
7575
}
7576
 
7577
.rewivew ul li {
7578
    margin-right: 5px !important;
7579
}
7580
 
7581
.security hr {
7582
    margin-right: -15px;
7583
    margin-left: -15px;
7584
}
7585
 
7586
.privacy .la-check {
7587
    float: left;
7588
    font-size: 12px;
7589
    margin: 5px 5px 0 0;
7590
    padding: 3px;
7591
    background-color: #e44d3a;
7592
    color: #fff;
7593
    border-radius: 50%;
7594
}
7595
 
7596
ul#myTab {
7597
    border-bottom: 1px solid #e5e5e5;
7598
}
7599
 
7600
.nav-tabs .nav-link {
7601
    border: none;
7602
}
7603
 
7604
.noborder {
7605
    border-bottom: none;
7606
}
7607
 
7608
.manbids {
7609
    margin-bottom: 0 !important;
7610
}
7611
 
7612
.noreply {
7613
    padding-top: 30px;
7614
}
7615
 
7616
#my-bids .nav-tabs {
7617
    margin-bottom: 20px;
7618
    margin-top: 7px;
7619
    padding-bottom: 0;
7620
}
7621
 
7622
#my-bids ul {
7623
    margin-bottom: 15px;
7624
    margin-top: 7px;
7625
    padding-bottom: 0;
7626
}
7627
 
7628
.savedjob-info p {
7629
    color: #666666;
7630
    margin-top: 5px;
7631
}
7632
 
7633
#my-bids ul li a {
7634
    color: #000000;
7635
    font-size: 16px;
7636
    font-weight: 500;
7637
}
7638
 
7639
#my-bids li a:hover {
7640
    color: #e44d3a;
7641
}
7642
 
7643
#saved-jobs ul {
7644
    margin-bottom: 20px;
7645
}
7646
 
7647
#saved-jobs ul li a {
7648
    color: #000000;
7649
    font-size: 16px;
7650
    font-weight: 500;
7651
}
7652
 
7653
#saved-jobs li a:hover {
7654
    color: #e44d3a;
7655
}
7656
 
7657
.wordpressdevlp h2 {
7658
    font-size: 18px;
7659
    font-weight: 600;
7660
    margin-bottom: 15px;
7661
}
7662
 
7663
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7664
#saved-jobs .nav-tabs .nav-link.active {
7665
    background-color: inherit;
7666
    color: #e44d3a !important;
7667
    padding-bottom: 9px;
7668
    border-bottom: 2px solid #e44d3a !important;
7669
}
7670
 
7671
#my-bids .nav-tabs .nav-item.show .nav-link,
7672
#my-bids .nav-tabs .nav-link.active {
7673
    background-color: inherit;
7674
    color: #e44d3a !important;
7675
    padding-bottom: 9px;
7676
    border-bottom: 2px solid #e44d3a !important;
7677
}
7678
 
7679
.descptab li img {
7680
    float: left !important;
7681
    filter: inherit !important;
7682
}
7683
 
7684
.bklink {
7685
    border-bottom: none !important;
7686
    width: unset !important;
7687
    float: right !important;
7688
}
7689
 
7690
.bklik {
7691
    border-bottom: none !important;
7692
}
7693
 
7694
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7695
 
7696
.savedjob-info li {
7697
    display: inline-block;
7698
    padding-left: 25px;
7699
}
7700
 
7701
.savedjob-info h3 {
7702
    font-size: 14px;
7703
    font-weight: 500;
7704
}
7705
 
7706
.settingjb ul li {
7707
    margin-right: 25px !important;
7708
}
7709
 
7710
.mangebid li {
7711
    padding-left: 0;
7712
    padding-right: 20px;
7713
    padding-top: 10px;
7714
}
7715
 
7716
.bk-links.bklink li {
7717
    padding-right: 0;
7718
}
7719
 
7720
.bidsbtn {
7721
    position: relative;
7722
}
7723
 
7724
.biddersinfo li {
7725
    padding-left: 0;
7726
    padding-right: 20px;
7727
}
7728
 
7729
#review {
7730
    background-color: #fff;
7731
    margin-bottom: 40px;
7732
}
7733
 
7734
.starreview {
7735
    padding-left: 20px;
7736
}
7737
 
7738
.replytext {
7739
    padding-bottom: 20px;
7740
}
7741
 
7742
.starrevi {
7743
    padding-left: 20px;
7744
}
7745
 
7746
.apply-jobbox {
7747
    text-align: center;
7748
}
7749
 
7750
.apply-jobbox form input {
7751
    width: 100%;
7752
    margin-top: 20px;
7753
    padding: 10px;
7754
    color: #222;
7755
    border: 1px solid #e5e5e5;
7756
    border-radius: 3px;
7757
    font-size: 14px;
7758
}
7759
 
7760
.apply-jobbox h3 {
7761
    margin: 20px 0;
7762
}
7763
 
7764
.select-files {
7765
    border: 1px solid #e5e5e5;
7766
    margin-top: 20px;
7767
    padding: 30px;
7768
    background: #efefef;
7769
}
7770
 
7771
.select-files button {
7772
    margin-bottom: 20px;
7773
    background-color: transparent;
7774
    border: 1px solid #e5e5e5;
7775
    padding: 10px 15px 10px 15px;
7776
    border-radius: 5px;
7777
    font-weight: 600;
7778
}
7779
 
7780
.select-files button:hover {
7781
    background-color: #e44d3a;
7782
    color: #fff;
7783
}
7784
 
7785
.close {
7786
    position: absolute;
7787
    right: 0px;
7788
    top: 0px;
7789
    color: #929292;
7790
    border: 1px solid !important;
7791
    border-radius: 50%;
7792
    height: 30px;
7793
    width: 30px;
7794
}
7795
 
7796
.mapouter iframe {
7797
    width: 100%;
7798
    height: 400px;
7799
}
7800
 
7801
.mapouter {
7802
    position: relative;
7803
    text-align: right;
7804
    height: 500px;
7805
    width: 100%;
7806
}
7807
 
7808
.gmap_canvas {
7809
    overflow: hidden;
7810
    background: none !important;
7811
}
7812
 
7813
.video-iframe {
7814
    width: 100%;
7815
    height: 400px;
7816
}
7817
 
7818
.custom-file-input {
7819
    color: transparent;
7820
    opacity: 1;
7821
    /* margin-left: 140px; */
7822
    margin-bottom: 10px;
7823
}
7824
 
7825
.custom-file-input::-webkit-file-upload-button {
7826
    visibility: hidden;
7827
}
7828
 
7829
.custom-file-input::before {
7830
    content: "Select Files";
7831
    color: #fff;
7832
    display: inline-block;
7833
    border: 1px solid #e5e5e5;
7834
    border-radius: 3px;
7835
    background: #e44d3a;
7836
    font-weight: 500;
7837
    padding: 10px 15px;
7838
    outline: none;
7839
    white-space: nowrap;
7840
    -webkit-user-select: none;
7841
    cursor: pointer;
7842
}
7843
 
7844
.custom-file-input:hover::before {
7845
    background-color: #e44d3a;
7846
    color: #fff;
7847
}
7848
 
7849
.custom-file-input:active {
7850
    outline: 0;
7851
}
7852
 
7853
.custom-file-input:active::before {
7854
    background: #e44d3a;
7855
    color: #fff;
7856
}
7857
 
7858
.bids-time {
7859
    float: right;
7860
}
7861
 
7862
.saved-post {
7863
    padding: 0;
7864
}
7865
 
7866
.saved-post p {
7867
    padding-bottom: 20px;
7868
}
7869
 
7870
.saved-info li {
7871
    padding-right: 25px;
7872
    padding-left: 0;
7873
}
7874
 
7875
.saved-btn {
7876
    padding: 0;
7877
    margin-bottom: -12px;
7878
}
7879
 
7880
.applied-post {
7881
    padding: 0;
7882
}
7883
 
7884
.post-bid {
7885
    padding: 0 !important;
7886
}
7887
 
7888
.bidsbtn {
7889
    padding-top: 0 !important;
7890
}
7891
 
7892
.active-bids {
7893
    padding: 0;
7894
}
7895
 
7896
.activ-bidinfo li {
7897
    padding-top: 10px;
7898
    padding-left: 0;
7899
    padding-right: 25px;
7900
}
7901
 
7902
.activebtn {
7903
    padding-left: 0;
7904
}
7905
 
7906
.p-all {
7907
    padding: 0px;
7908
    float: left;
7909
    width: 100%;
7910
    position: relative;
7911
}
7912
 
7913
.toggle-btn .custom-switch .custom-control-label::before {
7914
    left: -2.25rem;
7915
    width: 70px;
7916
    pointer-events: all;
7917
    border-radius: 100px;
7918
    height: 30px;
7919
    top: -1px;
7920
    box-shadow: none;
7921
}
7922
 
7923
.toggle-btn .custom-control-label::before {
7924
    position: absolute;
7925
    top: 0.25rem;
7926
    left: -1.5rem;
7927
    display: block;
7928
    width: 1rem;
7929
    height: 1rem;
7930
    pointer-events: none;
7931
    content: "";
7932
    background-color: #fff;
7933
    border: #e1e1e1 solid 2px;
7934
}
7935
 
7936
.custom-control-input:checked~.custom-control-label::before {
7937
    color: #fff;
7938
    border-color: #e44d3a;
7939
    background-color: #e44d3a;
7940
    box-shadow: none;
7941
    outline: none;
7942
}
7943
 
7944
.toggle-btn .custom-switch .custom-control-label::after {
7945
    top: calc(-1px + 2px);
7946
    left: calc(-36px + 2px);
7947
    width: calc(30px - 4px);
7948
    height: calc(30px - 4px);
7949
    background-color: #e1e1e1;
7950
    border-radius: 100%;
7951
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
7952
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
7953
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
7954
}
7955
 
7956
.toggle-btn .custom-control-label::after {
7957
    position: absolute;
7958
    top: 0.25rem;
7959
    left: -1.5rem;
7960
    display: block;
7961
    width: 0;
7962
    height: 0;
7963
    content: "";
7964
    background: no-repeat 50%/50% 50%;
7965
}
7966
 
7967
.toggle-btn .custom-control-label {
7968
    position: initial;
7969
    margin-bottom: 0;
7970
    vertical-align: top;
7971
}
7972
 
7973
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
7974
    background-color: #fff;
7975
    -webkit-transform: translateX(2.5rem);
7976
    transform: translateX(2.5rem);
7977
}
7978
 
7979
.custom-control-label {
7980
    position: relative;
7981
    margin-bottom: 0;
7982
    vertical-align: top;
7983
    line-height: 24px;
7984
    font-size: 14px;
7985
    color: #666666;
7986
}
7987
 
7988
.small-text-children p,
7989
.small-text-children span {
7990
    font-size: .8rem;
7991
}
7992
 
7993
.search-item-selected {
2275 stevensc 7994
    padding: 1px 10px;
7995
    background: var(--background-gray);
7996
    line-height: 1;
7997
    border-radius: 10px;
1239 steven 7998
    font-weight: bold;
7999
}
8000
 
8001
main {
8002
    background-color: #fff !important;
8003
}
8004
 
8005
.row .sc-dkzDqf {
8006
    margin: 0 auto;
8007
}
8008
 
8009
.test-section .title,
8010
.test-section .description {
8011
    margin-bottom: 10px;
8012
}
8013
 
8014
.test-section .btn-danger {
8015
    margin-right: 10px;
8016
}
8017
 
8018
.test-section .panel-body {
8019
    padding: 20px 0px;
8020
}
8021
 
8022
.test-section .panel {
8023
    margin-top: 20px;
8024
    padding-bottom: 10px;
8025
}
8026
 
8027
.test-section .panel-title {
8028
    font-size: 16px;
8029
    font-weight: bold;
8030
    text-transform: uppercase;
8031
}
8032
 
8033
.test-section .np-padding {
8034
    padding: 0px;
8035
}
8036
 
8037
.test-section .checkbox {
8038
    display: flex;
8039
    margin: 20px 0px;
8040
}
8041
 
8042
.test-section .option {
8043
    margin-left: 10px;
8044
}
8045
 
8046
.checkbox input[type=checkbox],
8047
input[type=radio] {
8048
    margin-top: 5px !important;
8049
}
8050
 
8051
.test-section h6 {
8052
    margin-bottom: 10px;
8053
    color: #0860bf;
8054
}
8055
 
8056
.wizard {
8057
    display: flex;
8058
    margin-top: 10px;
8059
}
8060
 
8061
.wizard li {
8062
    width: 50%;
8063
    display: inline-block;
8064
}
8065
 
8066
.btn-secondary:disabled,
8067
.btn-primary:disabled {
8068
    cursor: no-drop;
8069
}
8070
 
8071
.test-section .btn-primary {
8072
    margin-left: 10px
8073
}
8074
 
8075
.previous {
8076
    text-align: left;
8077
}
8078
 
8079
.next {
8080
    text-align: right;
8081
}
8082
 
8083
.test-section .close {
8084
    border: none !important;
8085
    border-radius: 0px !important;
8086
}
8087
 
8088
.ratin-range {
8089
    display: block;
8090
}
8091
 
8092
.ratin-range li {
8093
    display: inline-block;
8094
    width: 6%;
8095
}
8096
 
8097
.ratin-range li .option {
8098
    margin-top: 2px !important;
8099
}
8100
 
8101
#react-self-evaluation .company-up-info ul {
8102
    width: 100%;
8103
    position: absolute;
8104
    float: left;
8105
    left: 0px;
8106
    bottom: 4vw;
8107
}
8108
 
8109
#react-self-evaluation .company-up-info {
8110
    padding: 30px 10px;
8111
    min-height: 20vw;
8112
    border: 1px solid #e5e5e5
8113
}
8114
 
8115
#react-self-evaluation .company-up-info h3 {
8116
    width: 90%;
8117
    margin: 5px auto;
8118
}
8119
 
8120
.mb10 {
597 geraldo 8121
    margin-bottom: 3vw;
598 geraldo 8122
}
1239 steven 8123
 
8124
.opt-h6 {
8125
    font-weight: 600 !important;
8126
    color: #000 !important;
597 geraldo 8127
}