Proyectos de Subversion LeadersLinked - Backend

Rev

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

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