Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 8292 | Ir a la última revisión | | 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
    background-color: #fff;
2977
    margin-bottom: 20px;
2978
    text-align: center;
2979
    margin-top: -40px;
2980
}
2981
 
2982
.user-pro-img {
2983
    float: left;
2984
    width: 100%;
2985
    text-align: center;
2986
    margin-bottom: 28px;
2987
    margin-top: -60px;
2988
    position: relative;
2989
}
2990
 
2991
.user-pro-img .add-dp {
2992
    position: absolute;
2993
    top: 10px;
2994
    left: 60%;
2995
}
2996
 
2997
.add-dp i {
2998
    bottom: 0;
2999
    font-size: 14px;
3000
    box-shadow: none;
3001
    position: relative;
3002
    border-radius: 50px;
3003
    width: 40px;
3004
    height: 40px;
3005
    text-align: center;
3006
    background: #e44d3a;
3007
    padding: 12px;
3008
    color: #ffff;
3009
    left: 0;
3010
    top: -5px;
3011
}
3012
 
3013
.add-dp i:hover {
3014
    font-size: 14px;
3015
    border: 2px solid #fff;
3016
    background: #e44d3a;
3017
    padding: 11px;
3018
}
3019
 
3020
.add-dp {
3021
    margin: -16px;
3022
    padding: 0;
3023
}
3024
 
3025
.add-dp input[type="file"] {
3026
    opacity: 0;
3027
    padding: 10px 0px 9px;
3028
    display: none;
3029
}
3030
 
3031
.user-pro-img img {
3032
    -webkit-border-radius: 100px;
3033
    -moz-border-radius: 100px;
3034
    -ms-border-radius: 100px;
3035
    -o-border-radius: 100px;
3036
    border-radius: 100px;
3037
    float: none;
3038
    border: 5px solid #fff;
3039
}
3040
 
3041
.user_pro_status {
3042
    float: left;
3043
    width: 100%;
3044
    border-bottom: 1px solid #e5e5e5;
3045
    padding-bottom: 27px;
3046
}
3047
 
3048
.flw-hr {
3049
    float: left;
3050
    width: 100%;
3051
    margin-bottom: 30px;
3052
}
3053
 
3054
.flw-hr li {
3055
    display: inline-block;
3056
    margin-right: 17px;
3057
}
3058
 
3059
.flw-hr li:last-child {
3060
    margin-right: 0;
3061
}
3062
 
3063
.flw-hr li a {
3064
    display: inline-block;
3065
    color: #ffffff;
3066
    font-size: 16px;
3067
    font-weight: 600;
3068
    padding: 11px 15px;
3069
}
3070
 
3071
.flw-hr li a i {
3072
    padding-right: 5px;
3073
}
3074
 
3075
.flww {
3076
    background-color: #53d690;
3077
}
3078
 
3079
.hre {
3080
    background-color: #51a5fb;
3081
}
3082
 
3083
/* =============== flw-status ============ */
3084
 
3085
.flw-status {
3086
    float: left;
3087
    width: 100%;
3088
}
3089
 
3090
.flw-status li {
3091
    display: inline-block;
3092
    margin-right: 50px;
3093
}
3094
 
3095
.flw-status li:last-child {
3096
    margin-right: 0;
3097
}
3098
 
3099
.flw-status li span {
3100
    color: #686868;
3101
    font-size: 20px;
3102
    font-weight: 500;
3103
    margin-bottom: 15px;
3104
    display: block;
3105
}
3106
 
3107
.flw-status li b {
3108
    color: #000000;
3109
    font-size: 20px;
3110
    font-weight: 600;
3111
}
3112
 
3113
/* ================== social_links ============= */
3114
 
3115
.social_links {
3116
    float: left;
3117
    width: 100%;
3118
    text-align: left;
3119
}
3120
 
3121
.social_links li {
3122
    float: left;
3123
    width: 100%;
3124
    padding: 15px 15px;
3125
    border-bottom: 1px solid #e5e5e5;
3126
}
3127
 
3128
.social_links li a {
3129
    float: left;
3130
    width: 100%;
3131
    color: #51a5fb;
3132
    font-size: 14px;
3133
    font-weight: 400;
3134
    text-overflow: ellipsis;
3135
    white-space: nowrap;
3136
    overflow: hidden;
3137
}
3138
 
3139
.modal-md {
3140
    max-width: 55vw;
3141
}
3142
 
3143
@media(min-width: 721px) {
3144
    .group-view-tab {
3145
        margin-left: 3.5rem;
3146
    }
3147
    .group-view-tab span {
3148
        text-overflow: ellipsis;
3149
        white-space: nowrap;
3150
        overflow: hidden;
3151
    }
3152
}
3153
 
3154
@media(max-width: 720px) {
3155
    .group-view-tab {
3156
        margin-left: 3.5rem;
3157
    }
3158
}
3159
 
3160
.text-decoration-underline {
3161
    text-decoration: underline !important;
3162
}
3163
 
3164
.ellipsis {
3165
    text-overflow: ellipsis;
3166
    white-space: nowrap;
3167
    overflow: hidden;
3168
}
3169
 
3170
.social_links li a i {
3171
    padding-right: 5px;
3172
    font-size: 20px;
3173
    position: relative;
3174
    top: 3px;
3175
}
3176
 
3177
.la-globe {
3178
    color: #51a5fb;
3179
}
3180
 
3181
.fa-facebook-square {
3182
    color: #3b5998;
3183
}
3184
 
3185
.fa-google-plus-square {
3186
    color: #e2665c;
3187
}
3188
 
3189
.fa-twitter {
3190
    color: #1da1f2;
3191
}
3192
 
3193
.fa-behance-square {
3194
    color: #1769ff;
3195
}
3196
 
3197
.fa-pinterest {
3198
    color: #bd081c;
3199
}
3200
 
3201
.fa-instagram {
3202
    color: #833ab4;
3203
}
3204
 
3205
.fa-youtube {
3206
    color: #cd201f;
3207
}
3208
 
3209
/* ================= user-tab-sec ============== */
3210
 
3211
.user-tab-sec {
3212
    float: left;
3213
    width: 100%;
3214
    padding-top: 4px;
3215
}
3216
 
3217
.user-tab-sec h3 {
3218
    color: #000000;
3219
    font-size: 24px;
3220
    font-weight: 600;
3221
    text-transform: capitalize;
3222
    margin-bottom: 15px;
3223
}
3224
 
3225
.star-descp {
3226
    float: left;
3227
    width: 100%;
3228
    margin-bottom: 10px;
3229
}
3230
 
3231
.star-descp ul li {
3232
    margin-right: 5px !important;
3233
}
3234
 
3235
.star-descp>a {
3236
    float: left;
3237
    color: #51a5fb;
3238
    font-size: 18px;
3239
    font-weight: 600;
3240
    margin-left: 20px;
3241
    text-decoration: underline;
3242
}
3243
 
3244
.star-descp>a:hover {
3245
    color: #51a5fb;
3246
}
3247
 
3248
.star-descp span {
3249
    float: left;
3250
    color: #686868;
3251
    font-size: 18px;
3252
    font-weight: 600;
3253
    margin-right: 20px;
3254
}
3255
 
3256
.star-descp>ul {
3257
    float: left;
3258
}
3259
 
3260
.star-descp ul li {
3261
    display: inline-block;
3262
}
3263
 
3264
.star-descp ul li i {
3265
    color: #b7ce1f;
3266
    font-size: 16px;
3267
}
3268
 
3269
.tab-feed {
3270
    float: left;
3271
    width: 100%;
3272
    margin-bottom: 45px;
3273
    margin-top: 20px;
3274
}
3275
 
3276
.tab-feed ul {
3277
    float: left;
3278
    width: 100%;
3279
}
3280
 
3281
.tab-feed ul li {
3282
    display: inline-block;
3283
    margin-right: 35px;
3284
    text-align: center;
3285
}
3286
 
3287
.savetext ul {
3288
    border-bottom: none !important;
3289
}
3290
 
3291
.tab-feed.st2 ul li {
3292
    margin-right: 17px;
3293
}
3294
 
3295
.tab-feed ul li:last-child {
3296
    margin-right: 0;
3297
}
3298
 
3299
.tab-feed ul li.active img {
3300
    filter: grayscale(0);
3301
}
3302
 
3303
.tab-feed ul li.active span {
3304
    color: #e44d3a;
3305
}
3306
 
3307
.tab-feed ul li img {
3308
    float: none;
3309
    margin-bottom: 5px;
3310
    filter: grayscale(100%);
3311
}
3312
 
3313
.tab-feed ul li span {
3314
    display: block;
3315
    color: #b2b2b2;
3316
    font-weight: 400;
3317
    font-size: 16px;
3318
}
3319
 
3320
.tab-feed ul li:last-child {
3321
    margin-right: 0;
3322
}
3323
 
3324
/* ================ message-btn ============= */
3325
 
3326
.message-btn {
3327
    /* float: right; margin-top: 20px; margin-bottom: 30px; */
3328
}
3329
 
3330
.message-btn a {
3331
    display: inline-block;
3332
    color: #ffffff;
3333
    font-size: 16px;
3334
    background-color: #e44d3a;
3335
    padding: 12px;
3336
    font-weight: 500;
3337
}
3338
 
3339
.message-btn a:hover {
3340
    color: #fff;
3341
}
3342
 
3343
.message-btn a i {
3344
    padding-right: 5px;
3345
}
3346
 
3347
/* ============== widget-portfolio ============== */
3348
 
3349
.wd-heady {
3350
    float: left;
3351
    width: 100%;
3352
    padding: 20px 20px;
3353
    border-bottom: 1px solid #e5e5e5;
3354
}
3355
 
3356
.wd-heady h3 {
3357
    color: #000000;
3358
    font-size: 18px;
3359
    font-weight: 600;
3360
    float: left;
3361
}
3362
 
3363
.wd-heady img {
3364
    float: right;
3365
}
3366
 
3367
.pf-gallery {
3368
    float: left;
3369
    width: 100%;
3370
    padding: 15px 15px;
3371
}
3372
 
3373
.pf-gallery ul {
3374
    float: left;
3375
    width: 100%;
3376
}
3377
 
3378
.pf-gallery ul li {
3379
    float: left;
3380
    width: 33.33%;
3381
    padding: 5px;
3382
    overflow: hidden;
3383
}
3384
 
3385
.pf-gallery ul li:hover {
3386
    -webkit-transform: scale(1.2);
3387
    -moz-transform: scale(1.2);
3388
    -ms-transform: scale(1.2);
3389
    -o-transform: scale(1.2);
3390
    transform: scale(1.2);
3391
}
3392
 
3393
.pf-gallery img {
3394
    width: 100%;
3395
}
3396
 
3397
.product-feed-tab {
3398
    float: left;
3399
    width: 100%;
3400
    display: none;
3401
}
3402
 
3403
.product-feed-tab.current {
3404
    display: block;
3405
}
3406
 
3407
/* =============== user-profile-ov ================ */
3408
 
3409
.user-profile-ov {
3410
    float: left;
3411
    width: 100%;
3412
    background-color: #fff;
3413
    padding: 30px 20px;
3414
    border-left: 1px solid #e4e4e4;
3415
    border-bottom: 1px solid #e4e4e4;
3416
    border-right: 1px solid #e4e4e4;
3417
    margin-bottom: 20px;
3418
}
3419
 
3420
.user-profile-ov h3 {
3421
    color: #000000;
3422
    font-size: 18px;
3423
    font-weight: 600;
3424
    margin-bottom: 20px;
3425
}
3426
 
3427
.user-profile-ov h3 a {
3428
    color: #000000;
3429
}
3430
 
3431
.user-profile-ov i {
3432
    color: #000000;
3433
    font-size: 13px;
3434
    padding-left: 5px;
3435
}
3436
 
3437
.user-profile-ov h4 {
3438
    font-size: 16px;
3439
    color: #000;
3440
    font-weight: 600;
3441
    margin-bottom: 10px;
3442
}
3443
 
3444
.user-profile-ov p {
3445
    color: #686868;
3446
    font-size: 14px;
3447
    line-height: 24px;
3448
}
3449
 
3450
.user-profile-ov.st2 p {
3451
    margin-bottom: 23px;
3452
}
3453
 
3454
.no-margin {
3455
    margin: 0 !important;
3456
}
3457
 
3458
.user-profile-ov>span {
3459
    color: #686868;
3460
    font-size: 14px;
3461
    float: left;
3462
    width: 100%;
3463
    margin-bottom: 8px;
3464
    margin-top: 3px;
3465
}
3466
 
3467
.user-profile-ov ul {
3468
    float: left;
3469
    width: 100%;
3470
}
3471
 
3472
.user-profile-ov ul li {
3473
    display: inline-block;
3474
    margin-bottom: 10px;
3475
    padding: 0 2px;
3476
}
3477
 
3478
.user-profile-ov ul li a {
3479
    display: inline-block;
3480
    color: #b2b2b2;
3481
    font-size: 14px;
3482
    font-weight: 600;
3483
    background-color: #e5e5e5;
3484
    -webkit-border-radius: 30px;
3485
    -moz-border-radius: 30px;
3486
    -ms-border-radius: 30px;
3487
    -o-border-radius: 30px;
3488
    border-radius: 30px;
3489
    padding: 10px 15px;
3490
}
3491
 
3492
/* ==================== portfolio-gallery-sec ==================== */
3493
 
3494
.portfolio-gallery-sec {
3495
    float: left;
3496
    width: 100%;
3497
    background-color: #fff;
3498
    padding: 30px 20px;
3499
    border-left: 1px solid #e4e4e4;
3500
    border-right: 1px solid #e4e4e4;
3501
    border-bottom: 1px solid #e4e4e4;
3502
}
3503
 
3504
.portfolio-gallery-sec h3 {
3505
    font-weight: 600;
3506
    font-size: 18px;
3507
    margin-bottom: 32px;
3508
    padding-left: 5px;
3509
    float: left;
3510
}
3511
 
3512
.portfolio-btn {
3513
    float: right;
3514
}
3515
 
3516
.portfolio-btn a {
3517
    display: inline-block;
3518
    color: #e44d3a;
3519
    font-size: 16px;
3520
    font-weight: 600;
3521
}
3522
 
3523
.portfolio-btn a i {
3524
    margin-right: 5px;
3525
}
3526
 
3527
.gallery_pf {
3528
    float: left;
3529
    width: 100%;
3530
    margin-bottom: -5px;
3531
}
3532
 
3533
.gallery_pf .col-lg-4 {
3534
    padding: 5px;
3535
}
3536
 
3537
.gallery_pt {
3538
    float: left;
3539
    width: 100%;
3540
    position: relative;
3541
    overflow: hidden;
3542
}
3543
 
3544
.gallery_pt:hover:before {
3545
    opacity: 1;
3546
    visibility: visible;
3547
    height: 100%;
3548
}
3549
 
3550
.gallery_pt:before {
3551
    content: "";
3552
    position: absolute;
3553
    top: 0;
3554
    left: 0;
3555
    width: 100%;
3556
    height: 0;
3557
    background-color: rgba(0, 0, 0, 0.6);
3558
    opacity: 0;
3559
    visibility: hidden;
3560
}
3561
 
3562
.gallery_pt img {
3563
    width: 100%;
3564
    height: 134px;
3565
    object-fit: cover;
3566
}
3567
 
3568
.row {
3569
    margin: 0;
3570
}
3571
 
3572
.gallery_pt>a {
3573
    position: absolute;
3574
    top: 100%;
3575
    left: 0;
3576
    float: left;
3577
    width: 100%;
3578
    text-align: center;
3579
    -webkit-transform: translateY(-50%);
3580
    -moz-transform: translateY(-50%);
3581
    -ms-transform: translateY(-50%);
3582
    -o-transform: translateY(-50%);
3583
    transform: translateY(-50%);
3584
    opacity: 0;
3585
    visibility: hidden;
3586
}
3587
 
3588
.gallery_pt:hover>a {
3589
    opacity: 1;
3590
    visibility: visible;
3591
    top: 50%;
3592
}
3593
 
3594
.gallery_pt>a img {
3595
    float: none;
3596
    width: auto;
3597
    height: auto;
3598
}
3599
 
3600
/* ============== overview-box ============= */
3601
 
3602
.overview-box {
3603
    width: 570px;
3604
    position: fixed;
3605
    top: 50%;
3606
    left: 50%;
3607
    -webkit-transform: translateX(-50%) translateY(-50%);
3608
    -moz-transform: translateX(-50%) translateY(-50%);
3609
    -ms-transform: translateX(-50%) translateY(-50%);
3610
    -o-transform: translateX(-50%) translateY(-50%);
3611
    transform: translateX(-50%) translateY(-50%);
3612
    opacity: 0;
3613
    visibility: hidden;
3614
    z-index: 0;
3615
}
3616
 
3617
.close-box {
3618
    position: absolute;
3619
    top: -20px;
3620
    right: -20px;
3621
    color: #fff;
3622
    font-size: 14px;
3623
    text-align: center;
3624
    width: 22px;
3625
    height: 22px;
3626
    line-height: 22px;
3627
    border: 1px solid #fff;
3628
    -webkit-border-radius: 100px;
3629
    -moz-border-radius: 100px;
3630
    -ms-border-radius: 100px;
3631
    -o-border-radius: 100px;
3632
    border-radius: 100px;
3633
    font-weight: 600;
3634
}
3635
 
3636
.close-box:hover {
3637
    color: #fff;
3638
}
3639
 
3640
.overview-box.open {
3641
    opacity: 1;
3642
    visibility: visible;
3643
    z-index: 99999;
3644
}
3645
 
3646
.overview-edit {
3647
    float: left;
3648
    width: 100%;
3649
    background-color: #fff;
3650
    padding: 30px 20px;
3651
}
3652
 
3653
.overview-edit h3 {
3654
    color: #000000;
3655
    font-size: 18px;
3656
    font-weight: 600;
3657
    float: left;
3658
    width: 100%;
3659
    margin-bottom: 25px;
3660
}
3661
 
3662
.overview-edit span {
3663
    color: #b2b2b2;
3664
    font-size: 12px;
3665
    float: right;
3666
    margin-bottom: 5px;
3667
}
3668
 
3669
.overview-edit form {
3670
    float: left;
3671
    width: 100%;
3672
}
3673
 
3674
.overview-edit form input {
3675
    height: 40px;
3676
    padding-left: 15px;
3677
    margin-bottom: 20px;
3678
}
3679
 
3680
.overview-edit form textarea,
3681
.overview-edit form input,
3682
.overview-edit form select {
3683
    width: 100%;
3684
    border: 1px solid #e5e5e5;
3685
    resize: none;
3686
    color: #b2b2b2;
3687
    font-size: 14px;
3688
}
3689
 
3690
.overview-edit form select {
3691
    line-height: 40px;
3692
    padding-left: 40px;
3693
    margin-bottom: 20px;
3694
}
3695
 
3696
.overview-edit form textarea {
3697
    height: 160px;
3698
    margin-bottom: 30px;
3699
    padding: 15px;
3700
}
3701
 
3702
.save {
3703
    background-color: #e44d3a;
3704
    color: #fff;
3705
    border-color: transparent;
3706
}
3707
 
3708
.save-add {
3709
    background-color: #fff;
3710
    padding: 13px 13px !important;
3711
}
3712
 
3713
.overview-edit button {
3714
    float: left;
3715
    border: 1px solid #e5e5e5;
3716
    font-weight: 600;
3717
    font-size: 16px;
3718
    padding: 13px 34px;
3719
    margin-right: 20px;
3720
    outline: none;
3721
    cursor: pointer;
3722
}
3723
 
3724
.cancel {
3725
    background-color: #fff;
3726
    color: #000;
3727
}
3728
 
3729
.datepicky {
3730
    float: left;
3731
    width: 100%;
3732
}
3733
 
3734
.no-left-pd {
3735
    padding: 0;
3736
}
3737
 
3738
.no-righ-pd {
3739
    padding-right: 0;
3740
}
3741
 
3742
.datefm {
3743
    float: left;
3744
    width: 100%;
3745
    position: relative;
3746
}
3747
 
3748
.datefm i {
3749
    position: absolute;
3750
    top: 11px;
3751
    right: 15px;
3752
    font-size: 18px;
3753
    color: #b2b2b2;
3754
}
3755
 
3756
#location-box .datefm i {
3757
    right: auto;
3758
    left: 15px;
3759
}
3760
 
3761
#location-box .datefm input {
3762
    padding-left: 40px;
3763
}
3764
 
3765
#skills-box ul {
3766
    float: left;
3767
    width: 100%;
3768
    margin-bottom: 20px;
3769
}
3770
 
3771
#skills-box ul li {
3772
    display: inline-block;
3773
    margin-right: 10px;
3774
    position: relative;
3775
}
3776
 
3777
.skl-name {
3778
    display: inline-block;
3779
    color: #b2b2b2;
3780
    font-size: 14px;
3781
    font-weight: 500;
3782
    background-color: #e5e5e5;
3783
    -webkit-border-radius: 30px;
3784
    -moz-border-radius: 30px;
3785
    -ms-border-radius: 30px;
3786
    -o-border-radius: 30px;
3787
    border-radius: 30px;
3788
    text-transform: uppercase;
3789
    padding: 10px 30px 10px 12px;
3790
    position: relative;
3791
}
3792
 
3793
.close-skl {
3794
    position: absolute;
3795
    top: 10px;
3796
    right: 10px;
3797
    color: #b2b2b2;
3798
    font-size: 14px;
3799
}
3800
 
3801
.file-submit {
3802
    border: 1px solid #e5e5e5;
3803
    position: relative;
3804
    padding: 0px;
3805
    height: 40px;
3806
    margin-bottom: 20px;
3807
    border-radius: 3px;
3808
}
3809
 
3810
.file-submit [type="file"] {
3811
    height: 40px;
3812
    overflow: hidden;
3813
    width: 100%;
3814
    float: left;
3815
    position: absolute;
3816
    padding: 10px 4px 0px 12px;
3817
    font-size: 14px;
3818
    opacity: 0;
3819
    display: none;
3820
}
3821
 
3822
.file-submit [type="file"]+label {
3823
    background: #e44d3a;
3824
    border: none;
3825
    float: left;
3826
    border-top-right-radius: 0px;
3827
    border-bottom-right-radius: 0px;
3828
    border-top-left-radius: 3px;
3829
    border-bottom-left-radius: 3px;
3830
    color: #fff;
3831
    cursor: pointer;
3832
    /* display: inline-block; */
3833
    font-size: 14px;
3834
    font-weight: 500;
3835
    outline: none;
3836
    padding: 12px 15px;
3837
    position: relative;
3838
    transition: all 0.3s;
3839
    vertical-align: middle;
3840
    margin: 0;
3841
}
3842
 
3843
.file-submit.nomg {
3844
    border: 0;
3845
    margin-bottom: 20px;
3846
}
3847
 
3848
.file-submit.nomg input {
3849
    margin-bottom: 0;
3850
    padding-top: 0;
3851
}
3852
 
3853
.daty {
3854
    float: left;
3855
    width: 100%;
3856
    position: relative;
3857
}
3858
 
3859
.daty>i {
3860
    position: absolute;
3861
    top: 10px;
3862
    right: 15px;
3863
    color: #b2b2b2;
3864
    font-size: 20px;
3865
}
3866
 
3867
a:hover {
3868
    color: initial;
3869
}
3870
 
3871
.pf-img {
3872
    float: left;
3873
    width: 100%;
3874
    background-color: #f2f2f2;
3875
    padding: 15px;
3876
    margin-bottom: 20px;
3877
}
3878
 
3879
/* ================= billing-method ============== */
3880
 
3881
.billing-method {
3882
    float: left;
3883
    width: 100%;
3884
    background-color: #fff;
3885
    border-left: 1px solid #e4e4e4;
3886
    border-right: 1px solid #e4e4e4;
3887
    border-bottom: 1px solid #e4e4e4;
3888
    margin-bottom: 20px;
3889
}
3890
 
3891
.billing-method ul {
3892
    float: left;
3893
    width: 100%;
3894
}
3895
 
3896
.billing-method ul li {
3897
    float: left;
3898
    width: 100%;
3899
    border-bottom: 1px solid #e5e5e5;
3900
    padding: 25px 20px;
3901
}
3902
 
3903
.billing-method ul li h3 {
3904
    color: #000000;
3905
    font-size: 18px;
3906
    font-weight: 600;
3907
    float: left;
3908
}
3909
 
3910
.billing-method ul li a,
3911
.billing-method ul li span {
3912
    float: right;
3913
    color: #000000;
3914
    font-size: 13px;
3915
    text-transform: capitalize;
3916
    font-weight: 600;
3917
    margin-top: 3px;
3918
}
3919
 
3920
.billing-method ul li i {
3921
    font-size: 13px;
3922
    color: #e44d3a;
3923
}
3924
 
3925
.lt-sec {
3926
    float: left;
3927
    width: 100%;
3928
    text-align: center;
3929
    padding: 30px 0;
3930
}
3931
 
3932
.lt-sec img {
3933
    float: none;
3934
    margin-bottom: 15px;
3935
}
3936
 
3937
.lt-sec h4 {
3938
    color: #686868;
3939
    font-size: 18px;
3940
    font-weight: 600;
3941
    margin-bottom: 25px;
3942
}
3943
 
3944
.lt-sec>a {
3945
    display: inline-block;
3946
    color: #ffffff;
3947
    font-size: 16px;
3948
    background-color: #e44d3a;
3949
    padding: 10px 25px;
3950
}
3951
 
3952
/* ============== add-billing-method ============== */
3953
 
3954
.add-billing-method {
3955
    float: left;
3956
    width: 100%;
3957
    background-color: #fff;
3958
    border-left: 1px solid #e4e4e4;
3959
    border-right: 1px solid #e4e4e4;
3960
    border-bottom: 1px solid #e4e4e4;
3961
}
3962
 
3963
.add-billing-method h3 {
3964
    color: #000000;
3965
    font-size: 18px;
3966
    font-weight: 600;
3967
    padding: 20px 20px;
3968
    border-bottom: 1px solid #e5e5e5;
3969
}
3970
 
3971
.add-billing-method>h4 {
3972
    color: #686868;
3973
    font-size: 13px;
3974
    font-weight: 500;
3975
    padding: 20px 20px;
3976
    border-bottom: 1px solid #e5e5e5;
3977
    float: left;
3978
    width: 100%;
3979
}
3980
 
3981
.add-billing-method img {
3982
    margin-right: 10px;
3983
}
3984
 
3985
.add-billing-method span {
3986
    margin-top: 4px;
3987
    float: left;
3988
}
3989
 
3990
/* ============= payment_methods ============ */
3991
 
3992
.payment_methods {
3993
    float: left;
3994
    width: 100%;
3995
}
3996
 
3997
.payment_methods>h4 {
3998
    color: #000000;
3999
    font-size: 16px;
4000
    font-weight: 600;
4001
    position: relative;
4002
    padding: 25px 20px 25px 45px;
4003
    float: left;
4004
    width: 100%;
4005
}
4006
 
4007
.rowwy {
4008
    float: left;
4009
    width: 100%;
4010
}
4011
 
4012
.pd-left-none {
4013
    padding-left: 0;
4014
}
4015
 
4016
.pd-right-none {
4017
    padding-right: 0;
4018
}
4019
 
4020
.payment_methods h4:before {
4021
    content: "";
4022
    position: absolute;
4023
    top: 50%;
4024
    -webkit-transform: translateY(-50%);
4025
    -moz-transform: translateY(-50%);
4026
    -ms-transform: translateY(-50%);
4027
    -o-transform: translateY(-50%);
4028
    transform: translateY(-50%);
4029
    left: 20px;
4030
    width: 15px;
4031
    height: 15px;
4032
    border: 1px solid #e6e6e6;
4033
    -webkit-border-radius: 100px;
4034
    -moz-border-radius: 100px;
4035
    -ms-border-radius: 100px;
4036
    -o-border-radius: 100px;
4037
    border-radius: 100px;
4038
}
4039
 
4040
.payment_methods h4:after {
4041
    content: "";
4042
    position: absolute;
4043
    top: 50%;
4044
    -webkit-transform: translateY(-50%);
4045
    -moz-transform: translateY(-50%);
4046
    -ms-transform: translateY(-50%);
4047
    -o-transform: translateY(-50%);
4048
    transform: translateY(-50%);
4049
    left: 24px;
4050
    width: 7px;
4051
    height: 7px;
4052
    background-color: #e44d3a;
4053
    -webkit-border-radius: 100px;
4054
    -moz-border-radius: 100px;
4055
    -ms-border-radius: 100px;
4056
    -o-border-radius: 100px;
4057
    border-radius: 100px;
4058
}
4059
 
4060
.payment_methods form {
4061
    float: left;
4062
    width: 100%;
4063
    padding-bottom: 30px;
4064
    border-bottom: 1px solid #e5e5e5;
4065
}
4066
 
4067
.payment_methods form button {
4068
    color: #ffffff;
4069
    font-size: 16px;
4070
    background-color: #e44d3a;
4071
    padding: 10px 15px;
4072
    border: 0;
4073
    cursor: pointer;
4074
}
4075
 
4076
.payment_methods form input {
4077
    width: 100%;
4078
    height: 40px;
4079
    border: 1px solid #e5e5e5;
4080
    padding: 0 12px;
4081
}
4082
 
4083
.cc-head {
4084
    float: left;
4085
    width: 100%;
4086
    margin-bottom: 10px;
4087
}
4088
 
4089
.cc-head h5 {
4090
    float: left;
4091
    color: #000000;
4092
    font-size: 16px;
4093
    font-weight: 600;
4094
    margin-top: 4px;
4095
}
4096
 
4097
.cc-head h5 i {
4098
    color: #b2b2b2;
4099
    font-size: 14px;
4100
}
4101
 
4102
.cc-head ul {
4103
    float: right;
4104
}
4105
 
4106
.cc-head ul li {
4107
    display: inline-block;
4108
}
4109
 
4110
.inpt-field {
4111
    float: left;
4112
    width: 100%;
4113
    position: relative;
4114
    margin-bottom: 20px;
4115
}
4116
 
4117
.no-pdd {
4118
    padding: 0;
4119
}
4120
 
4121
.inpt-field.pd-moree input {
4122
    padding-left: 40px !important;
4123
}
4124
 
4125
.inpt-field i {
4126
    color: #b2b2b2;
4127
    font-size: 18px;
4128
    position: absolute;
4129
    top: 50%;
4130
    left: 15px;
4131
    -webkit-transform: translateY(-50%);
4132
    -moz-transform: translateY(-50%);
4133
    -ms-transform: translateY(-50%);
4134
    -o-transform: translateY(-50%);
4135
    transform: translateY(-50%);
4136
}
4137
 
4138
/* ============== companies-info ============== */
4139
 
4140
.companies-info {
4141
    padding: 60px 0;
4142
}
4143
 
4144
.company-title {
4145
    float: left;
4146
    width: 100%;
4147
    margin-bottom: 20px;
4148
    padding: 0 1.9rem;
4149
}
4150
 
4151
.default-link {
4152
    color: #0860bf;
4153
}
4154
 
4155
.default-link:hover {
4156
    font-weight: bold;
4157
    color: #0860bf;
4158
    transition: all .5s;
4159
}
4160
 
4161
.company-title h3 {
4162
    color: #000000;
4163
    font-size: 20px;
4164
    font-weight: 600;
4165
    background-color: #fff;
4166
    padding: 10px 15px;
4167
}
4168
 
4169
.companies-list {
4170
    float: left;
4171
    width: 100%;
4172
    margin-bottom: -30px;
4173
}
4174
 
4175
.companies-list .slick-list {
4176
    max-height: 47vh;
4177
}
4178
 
4179
.slick-prev:before,
4180
.slick-next:before {
4181
    color: #000 !important;
4182
}
4183
 
4184
.company_profile_info {
4185
    /* float: left; */
4186
    width: 100%;
4187
    background-color: #fff;
4188
    text-align: center;
4189
    border-left: 1px solid #e4e4e4;
4190
    border-right: 1px solid #e4e4e4;
4191
    border-bottom: 1px solid #e4e4e4;
4192
    margin-bottom: 30px;
4193
}
4194
 
4195
.company-up-info {
4196
    /* float: left; */
4197
    width: 100%;
4198
    padding: 20px 0;
4199
    border-bottom: 1px solid #e5e5e5;
4200
}
4201
 
4202
.company-up-info .description {
4203
    margin-bottom: 10px;
4204
}
4205
 
4206
.company-up-info img {
4207
    float: none;
4208
    margin-bottom: 10px;
4209
    -webkit-border-radius: 100px;
4210
    -moz-border-radius: 100px;
4211
    -ms-border-radius: 100px;
4212
    -o-border-radius: 100px;
4213
    border-radius: 100px;
4214
    height: 90px;
4215
    object-fit: cover;
4216
}
4217
 
4218
.company-up-info h3 {
4219
    color: #000000;
4220
    font-size: 18px;
4221
    font-weight: 600;
4222
    margin-bottom: 10px;
4223
}
4224
 
4225
.company-up-info h4 {
4226
    color: #686868;
4227
    font-size: 14px;
4228
    font-weight: 500;
4229
    margin-bottom: 21px;
4230
}
4231
 
4232
.company-up-info h6 {
4233
    color: #686868;
4234
    font-size: 15px;
4235
    font-weight: 500;
4236
    margin-bottom: 10px;
4237
}
4238
 
4239
.company-up-info ul {
4240
    /* float: left; */
4241
    width: 100%;
4242
}
4243
 
4244
.company-up-info ul li {
4245
    display: inline-block;
4246
    margin-right: 6px;
4247
}
4248
 
4249
.company-up-info ul li a i {
4250
    font-size: 24px;
4251
    position: relative;
4252
    top: 3px;
4253
}
4254
 
4255
.follow {
4256
    background-color: #53d690;
4257
}
4258
 
4259
.message-us {
4260
    background-color: #e44d3a;
4261
}
4262
 
4263
.hire-us {
4264
    background-color: #51a5fb;
4265
}
4266
 
4267
.company_profile_info .cancelButton {
4268
    display: inline-block;
4269
    color: #000000;
4270
    font-size: 16px;
4271
    font-weight: 500;
4272
    margin: 18px 0;
4273
}
4274
 
4275
/* ============= search-sec ============= */
4276
 
4277
.search-sec {
4278
    float: left;
4279
    width: 100%;
4280
    margin: 30px 0 0 0;
4281
}
4282
 
4283
.search-box {
4284
    float: left;
4285
    width: 100%;
4286
    padding: 0 15px;
4287
}
4288
 
4289
.search-box form {
4290
    float: left;
4291
    width: 100%;
4292
    position: relative;
4293
}
4294
 
4295
.search-box form input {
4296
    width: 100%;
4297
    height: 40px;
4298
    background-color: #fff;
4299
    padding: 0 15px;
4300
    color: #b2b2b2;
4301
    font-size: 14px;
4302
    border: none;
4303
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4304
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4305
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4306
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4307
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4308
}
4309
 
4310
.search-box form button {
4311
    position: absolute;
4312
    top: 0;
4313
    right: 0;
4314
    background-color: #e44d3a;
4315
    color: #ffffff;
4316
    font-size: 16px;
4317
    font-weight: 500;
4318
    height: 100%;
4319
    padding: 0 28px;
4320
    border: 0;
4321
    cursor: pointer;
4322
    -webkit-border-radius: 0 4px 4px 0;
4323
    -moz-border-radius: 0 4px 4px 0;
4324
    -ms-border-radius: 0 4px 4px 0;
4325
    -o-border-radius: 0 4px 4px 0;
4326
    border-radius: 0 4px 4px 0;
4327
}
4328
 
4329
/* =============== filter-secs ============== */
4330
 
4331
.filter-secs {
4332
    float: left;
4333
    width: 100%;
4334
    /* background-color: #fff; */
4335
    box-shadow: 0px 2px #e4e4e4;
4336
    border: 1px solid #e5e5e5;
4337
}
4338
 
4339
.filter-heading {
4340
    float: left;
4341
    width: 100%;
4342
    padding: 15px 20px;
4343
    border-bottom: 1px solid #e5e5e5;
4344
    margin-bottom: 15px;
4345
}
4346
 
4347
.filter-heading h3 {
4348
    float: left;
4349
    color: #e44d3a;
4350
    font-size: 18px;
4351
    font-weight: 600;
4352
}
4353
 
4354
.filter-heading a {
4355
    float: right;
4356
    color: #686868;
4357
    font-size: 14px;
4358
    margin-top: 4px;
4359
}
4360
 
4361
.filter-ttl {
4362
    float: left;
4363
    width: 100%;
4364
    border-bottom: 1px solid #e5e5e5;
4365
    padding: 0 0 16px 0;
4366
    margin-bottom: 10px;
4367
}
4368
 
4369
.filter--tt2 {
4370
    margin-bottom: 0px !important;
4371
}
4372
 
4373
.top--1 {
4374
    margin-top: 20px;
4375
}
4376
 
4377
.filter--tt2 .dropdown .dropdown-menu a {
4378
    float: none;
4379
    color: #666666 !important;
4380
    margin-bottom: 12px !important;
4381
}
4382
 
4383
.filter--tt2 .dropdown .dropdown-menu a:hover {
4384
    color: #e44d3a !important;
4385
    background: none !important;
4386
}
4387
 
4388
.filter--tt2 .dropdown .dropdown-menu a:focus {
4389
    color: #e44d3a !important;
4390
    background: none !important;
4391
}
4392
 
4393
.filter--tt2 a {
4394
    float: left !important;
4395
    padding: 0 0 0 15px !important;
4396
    font-size: 16px !important;
4397
    color: #000000 !important;
4398
    font-weight: 500 !important;
4399
}
4400
 
4401
.filter-ttl h3 {
4402
    float: left;
4403
    padding: 0;
4404
    font-size: 16px;
4405
    color: #000000;
4406
    font-weight: 400;
4407
}
4408
 
4409
.filter-ttl a {
4410
    float: right;
4411
    font-size: 14px;
4412
    color: #666666;
4413
}
4414
 
4415
.filter-ttl .dropdown a {
4416
    float: none;
4417
    color: #666666;
4418
}
4419
 
4420
.filter-dd {
4421
    float: left;
4422
    width: 100%;
4423
    margin-bottom: 15px;
4424
}
4425
 
4426
.filter-dd form {
4427
    float: left;
4428
    width: 100%;
4429
    position: relative;
4430
}
4431
 
4432
.filter-dd form input,
4433
.filter-dd form select {
4434
    width: 100%;
4435
    height: 30px;
4436
    background-color: #f2f2f2;
4437
    padding: 0 10px;
4438
    color: #b2b2b2;
4439
    font-size: 12px;
4440
    font-weight: 600;
4441
    border: 0;
4442
    border: 1px solid #e5e5e5;
4443
}
4444
 
4445
.job-tp i {
4446
    color: #666666;
4447
    position: absolute;
4448
    top: 9px;
4449
    right: 15px;
4450
    font-size: 14px;
4451
}
4452
 
4453
.avail-checks {
4454
    float: left;
4455
    width: 100%;
4456
    margin-top: 7px;
4457
}
4458
 
4459
.avail-checks li {
4460
    float: left;
4461
    width: 100%;
4462
    margin-bottom: 10px;
4463
}
4464
 
4465
.avail-checks li:last-child {
4466
    margin-bottom: 0;
4467
}
4468
 
4469
.avail-checks li input[type="radio"] {
4470
    display: none;
4471
}
4472
 
4473
.avail-checks li label {
4474
    float: left;
4475
}
4476
 
4477
.avail-checks li input[type="radio"]+label span {
4478
    display: inline-block;
4479
    width: 15px;
4480
    height: 15px;
4481
    position: relative;
4482
    margin-top: 3px;
4483
    border: 1px solid #d2d2d2;
4484
    -webkit-border-radius: 100px;
4485
    -moz-border-radius: 100px;
4486
    -ms-border-radius: 100px;
4487
    -o-border-radius: 100px;
4488
    border-radius: 100px;
4489
}
4490
 
4491
.avail-checks li input[type="radio"]+label span:before {
4492
    content: "";
4493
    opacity: 0;
4494
    visibility: hidden;
4495
    position: absolute;
4496
    width: 7px;
4497
    height: 7px;
4498
    -webkit-border-radius: 100px;
4499
    -moz-border-radius: 100px;
4500
    -ms-border-radius: 100px;
4501
    -o-border-radius: 100px;
4502
    border-radius: 100px;
4503
    background-color: #e44d3a;
4504
    top: 3px;
4505
    left: 3px;
4506
}
4507
 
4508
.avail-checks li input[type="radio"]:checked+label span:before {
4509
    opacity: 1;
4510
    visibility: visible;
4511
}
4512
 
4513
.avail-checks li small {
4514
    color: #909090;
4515
    font-size: 14px;
4516
    padding-left: 10px;
4517
    font-weight: 500;
4518
}
4519
 
4520
/* =========== Range Slider ========== */
4521
 
4522
.rg-slider {
4523
    float: left;
4524
    width: 100%;
4525
}
4526
 
4527
.slider-container {
4528
    width: 100% !important;
4529
    padding-top: 50px;
4530
    position: relative;
4531
}
4532
 
4533
.theme-green .back-bar {
4534
    height: 5px;
4535
    border: 1px solid #e5e5e5;
4536
    -webkit-border-radius: 30px;
4537
    -moz-border-radius: 30px;
4538
    -ms-border-radius: 30px;
4539
    -o-border-radius: 30px;
4540
    border-radius: 30px;
4541
}
4542
 
4543
.theme-green .back-bar .pointer {
4544
    width: 17px;
4545
    height: 17px;
4546
    -webkit-border-radius: 100px;
4547
    -moz-border-radius: 100px;
4548
    -ms-border-radius: 100px;
4549
    -o-border-radius: 100px;
4550
    border-radius: 100px;
4551
    background-color: #e44d3a;
4552
    border: 2px solid #e3e3e3;
4553
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4554
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4555
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4556
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4557
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4558
}
4559
 
4560
.theme-green .back-bar .pointer {
4561
    top: -7px;
4562
}
4563
 
4564
.slider-container .back-bar .pointer-label {
4565
    top: -50px;
4566
    height: 26px;
4567
    background-color: #e5e5e5;
4568
    -webkit-border-radius: 30px;
4569
    -moz-border-radius: 30px;
4570
    -ms-border-radius: 30px;
4571
    -o-border-radius: 30px;
4572
    border-radius: 30px;
4573
    line-height: 26px;
4574
    width: 50px;
4575
}
4576
 
4577
.pointer-label.low {
4578
    left: 0 !important;
4579
}
4580
 
4581
.pointer-label.high {
4582
    left: 70px !important;
4583
}
4584
 
4585
.pointer-label.low:before {
4586
    content: "";
4587
    position: absolute;
4588
    top: 13px;
4589
    right: -14px;
4590
    width: 8px;
4591
    height: 1px;
4592
    background-color: #e5e5e5;
4593
}
4594
 
4595
.rg-limit {
4596
    float: left;
4597
    width: 100%;
4598
    margin-top: 16px;
4599
}
4600
 
4601
.rg-limit h4 {
4602
    color: #686868;
4603
    font-size: 15px;
4604
    font-weight: 600;
4605
    float: left;
4606
}
4607
 
4608
.rg-limit h4:last-child {
4609
    float: right;
4610
}
4611
 
4612
/* ============== chatbox-list ============== */
4613
 
4614
.chatbox-list {
4615
    position: fixed;
4616
    bottom: 0;
4617
    right: 0;
4618
}
4619
 
4620
.chatbox {
4621
    display: inline-block;
4622
    margin-right: 13px;
4623
    position: relative;
4624
}
4625
 
4626
.chat-mg {
4627
    display: inline-block;
4628
    position: relative;
4629
}
4630
 
4631
.chat-mg img {
4632
    width: 70px;
4633
    height: 70px;
4634
    -webkit-border-radius: 100px;
4635
    -moz-border-radius: 100px;
4636
    -ms-border-radius: 100px;
4637
    -o-border-radius: 100px;
4638
    border-radius: 100px;
4639
}
4640
 
4641
.chat-mg span {
4642
    position: absolute;
4643
    top: -5px;
4644
    right: 10px;
4645
    width: 20px;
4646
    height: 20px;
4647
    background-color: #e44d3a;
4648
    text-align: center;
4649
    font-size: 12px;
4650
    color: #fff;
4651
    line-height: 20px;
4652
    -webkit-border-radius: 100px;
4653
    -moz-border-radius: 100px;
4654
    -ms-border-radius: 100px;
4655
    -o-border-radius: 100px;
4656
    border-radius: 100px;
4657
}
4658
 
4659
.chat-mg.bx img {
4660
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4661
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4662
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4663
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4664
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4665
}
4666
 
4667
.conversation-box {
4668
    position: absolute;
4669
    bottom: 132%;
4670
    right: 100%;
4671
    width: 350px;
4672
    background-color: #fff;
4673
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4674
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4675
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4676
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4677
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4678
    opacity: 0;
4679
    visibility: hidden;
4680
    z-index: 0;
4681
}
4682
 
4683
.conversation-box.active {
4684
    opacity: 1;
4685
    visibility: visible;
4686
    z-index: 9999;
4687
}
4688
 
4689
.conversation-box:before {
4690
    content: "";
4691
    position: absolute;
4692
    bottom: -7px;
4693
    right: 26px;
4694
    border-top: 15px solid #fff;
4695
    border-right: 15px solid transparent;
4696
    -webkit-transform: rotate(225deg);
4697
    -moz-transform: rotate(225deg);
4698
    -ms-transform: rotate(225deg);
4699
    -o-transform: rotate(225deg);
4700
    transform: rotate(225deg);
4701
}
4702
 
4703
.con-title {
4704
    float: left;
4705
    width: 100%;
4706
    background-color: #e44d3a;
4707
    padding: 15px 25px;
4708
    -webkit-border-radius: 10px 10px 0 0;
4709
    -moz-border-radius: 10px 10px 0 0;
4710
    -ms-border-radius: 10px 10px 0 0;
4711
    -o-border-radius: 10px 10px 0 0;
4712
    border-radius: 10px 10px 0 0;
4713
}
4714
 
4715
.con-title h3 {
4716
    float: left;
4717
    color: #ffffff;
4718
    font-size: 16px;
4719
    font-weight: 600;
4720
}
4721
 
4722
.con-title>a {
4723
    float: right;
4724
    color: #fff;
4725
    font-size: 20px;
4726
}
4727
 
4728
.chat-list {
4729
    float: left;
4730
    width: 100%;
4731
    min-height: 390px;
4732
}
4733
 
4734
.conv-list {
4735
    float: left;
4736
    width: 100%;
4737
    display: table;
4738
    padding: 20px 25px;
4739
    position: relative;
4740
}
4741
 
4742
.conv-list:hover,
4743
.conv-list.active {
4744
    background-color: #efefef;
4745
}
4746
 
4747
.msg-numbers {
4748
    position: absolute;
4749
    bottom: 18px;
4750
    right: 25px;
4751
    width: 25px;
4752
    height: 25px;
4753
    background-color: #e77667;
4754
    text-align: center;
4755
    line-height: 25px;
4756
    color: #fff;
4757
    font-size: 13px;
4758
    -webkit-border-radius: 100px;
4759
    -moz-border-radius: 100px;
4760
    -ms-border-radius: 100px;
4761
    -o-border-radius: 100px;
4762
    border-radius: 100px;
4763
}
4764
 
4765
.usrr-pic {
4766
    display: table-cell;
4767
    position: relative;
4768
}
4769
 
4770
.active-status {
4771
    width: 9px;
4772
    height: 9px;
4773
    border: 2px solid #ecf5fb;
4774
    -webkit-border-radius: 100px;
4775
    -moz-border-radius: 100px;
4776
    -ms-border-radius: 100px;
4777
    -o-border-radius: 100px;
4778
    border-radius: 100px;
4779
    position: absolute;
4780
    top: -3px;
4781
    right: 0;
4782
}
4783
 
4784
.activee {
4785
    background-color: #e44d3a;
4786
}
4787
 
4788
.usy-info {
4789
    display: table-cell;
4790
    vertical-align: top;
4791
    width: 100%;
4792
    padding-left: 15px;
4793
}
4794
 
4795
.usy-info h3 {
4796
    color: #000000;
4797
    font-size: 18px;
4798
    font-weight: 600;
4799
    margin-bottom: 5px;
4800
}
4801
 
4802
.usy-info span {
4803
    color: #686868;
4804
    font-size: 16px;
4805
    float: left;
4806
}
4807
 
4808
.usy-info span img {
4809
    padding-left: 5px;
4810
    float: right;
4811
}
4812
 
4813
.ct-time {
4814
    position: absolute;
4815
    top: 20px;
4816
    right: 25px;
4817
}
4818
 
4819
.ct-time span {
4820
    color: #b2b2b2;
4821
    font-size: 14px;
4822
}
4823
 
4824
.st-icons {
4825
    float: right;
4826
    margin-top: 7px;
4827
}
4828
 
4829
.st-icons a {
4830
    color: #fff;
4831
    font-size: 20px;
4832
    margin-right: 5px;
4833
}
4834
 
4835
.chat-hist {
4836
    float: left;
4837
    width: 100%;
4838
    background-color: #fff;
4839
    height: 280px;
4840
}
4841
 
4842
.chat-msg {
4843
    float: left;
4844
    width: 100%;
4845
    padding-right: 25px;
4846
    margin-bottom: 15px;
4847
}
4848
 
4849
.chat-msg p {
4850
    color: #ffffff;
4851
    font-size: 14px;
4852
    background-color: #e44d3a;
4853
    line-height: 18px;
4854
    -webkit-border-radius: 15px;
4855
    -moz-border-radius: 15px;
4856
    -ms-border-radius: 15px;
4857
    -o-border-radius: 15px;
4858
    border-radius: 15px;
4859
    padding: 10px 15px;
4860
    width: 80%;
4861
    float: right;
4862
    margin-bottom: 10px;
4863
}
4864
 
4865
.mg-3 {
4866
    margin-bottom: 3px;
4867
}
4868
 
4869
.chat-msg span {
4870
    float: right;
4871
    color: #b1b1b1;
4872
    width: 100%;
4873
    font-size: 9px;
4874
    text-align: right;
4875
}
4876
 
4877
.status-info {
4878
    width: 8px;
4879
    height: 8px;
4880
    background-color: #fff;
4881
    -webkit-border-radius: 100px;
4882
    -moz-border-radius: 100px;
4883
    -ms-border-radius: 100px;
4884
    -o-border-radius: 100px;
4885
    border-radius: 100px;
4886
    display: inline-block;
4887
    margin-left: 7px;
4888
}
4889
 
4890
.chat-user-info h3 {
4891
    margin-top: 7px;
4892
    margin-left: 10px;
4893
}
4894
 
4895
.date-nd {
4896
    float: left;
4897
    width: 100%;
4898
    text-align: center;
4899
    margin-bottom: 20px;
4900
    position: relative;
4901
}
4902
 
4903
.date-nd:before,
4904
.date-nd:after {
4905
    content: "";
4906
    position: absolute;
4907
    top: 10px;
4908
    left: 15px;
4909
    width: 92px;
4910
    height: 1px;
4911
    background-color: #e5e5e5;
4912
}
4913
 
4914
.date-nd:after {
4915
    left: auto;
4916
    right: 15px;
4917
}
4918
 
4919
.date-nd span {
4920
    color: #b1b1b1;
4921
    font-size: 12px;
4922
    text-align: center;
4923
}
4924
 
4925
.chat-msg.st2 p {
4926
    background-color: #efefef;
4927
    color: #686868;
4928
    float: left;
4929
    width: 55%;
4930
}
4931
 
4932
.chat-msg.st2 {
4933
    padding-left: 25px;
4934
}
4935
 
4936
.chat-msg.st2 span {
4937
    float: left;
4938
    text-align: left;
4939
}
4940
 
4941
/* =========== typing-msg =========== */
4942
 
4943
.typing-msg {
4944
    float: left;
4945
    width: 100%;
4946
    border-top: 1px solid #e6e6e6;
4947
    padding-top: 15px;
4948
}
4949
 
4950
.typing-msg form {
4951
    float: left;
4952
    width: 100%;
4953
    position: relative;
4954
}
4955
 
4956
.typing-msg form textarea {
4957
    width: 100%;
4958
    height: 30px;
4959
    background-color: #fff;
4960
    padding: 0 20px;
4961
    color: #b2b2b2;
4962
    font-size: 16px;
4963
    border: 0;
4964
    resize: none;
4965
}
4966
 
4967
.typing-msg form button {
4968
    color: #e44d3a;
4969
    font-size: 18px;
4970
    font-weight: 600;
4971
    position: absolute;
4972
    top: 2px;
4973
    right: 20px;
4974
    background: none;
4975
    border: 0;
4976
    cursor: pointer;
4977
}
4978
 
4979
.ft-options {
4980
    float: left;
4981
    width: 100%;
4982
    padding: 0 20px 8px 20px;
4983
}
4984
 
4985
.ft-options li {
4986
    display: inline-block;
4987
    margin-right: 15px;
4988
}
4989
 
4990
.ft-options li a {
4991
    color: #b2b2b2;
4992
    font-size: 24px;
4993
    display: inline-block;
4994
}
4995
 
4996
.mCSB_scrollTools {
4997
    right: -5px;
4998
}
4999
 
5000
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
5001
    background-color: #cccccc;
5002
    width: 5px;
5003
}
5004
 
5005
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
5006
    opacity: 0;
5007
}
5008
 
5009
/* ============ Menu Btn =============*/
5010
 
5011
.menu-btn {
5012
    float: right;
5013
    display: none;
5014
}
5015
 
5016
.menu-btn a {
5017
    font-size: 24px;
5018
    color: #fff;
5019
    display: inline-block;
5020
    padding-top: 16px;
5021
    padding-left: 20px;
5022
}
5023
 
5024
/* ============= account-tabs-setting ============ */
5025
 
5026
/* .profile-account-setting {} */
5027
 
5028
.account-tabs-setting {
5029
    float: left;
5030
    width: 100%;
5031
    padding: 70px 0;
5032
}
5033
 
5034
.acc-leftbar {
5035
    float: left;
5036
    width: 100%;
5037
    background-color: #fff;
5038
    border-left: 1px solid #e5e5e5;
5039
    border-bottom: 1px solid #e5e5e5;
5040
    border-right: 1px solid #e5e5e5;
5041
}
5042
 
5043
.acc-leftbar .nav-tabs>a {
5044
    float: left;
5045
    width: 100%;
5046
    background: none;
5047
    padding: 18px 20px;
5048
    border-bottom: 1px solid #e5e5e5;
5049
    border-left: 0;
5050
    border-right: 0;
5051
    color: #000000;
5052
    font-size: 16px;
5053
    font-weight: 500;
5054
    -webkit-border-radius: 0;
5055
    -moz-border-radius: 0;
5056
    -ms-border-radius: 0;
5057
    -o-border-radius: 0;
5058
    border-radius: 0;
5059
    border-top: 0;
5060
}
5061
 
5062
.nav-tabs {
5063
    border-bottom: 0;
5064
}
5065
 
5066
.acc-leftbar .nav-tabs>a:last-child {
5067
    border-bottom: 0;
5068
}
5069
 
5070
.acc-leftbar .nav-tabs>a i {
5071
    padding-right: 15px;
5072
    font-size: 20px;
5073
    position: relative;
5074
    top: 2px;
5075
    font-weight: 700;
5076
    width: 40px;
5077
}
5078
 
5079
.nav-tabs .nav-item.show .nav-link,
5080
.nav-tabs .nav-link.active {
5081
    background-color: inherit;
5082
    color: #e44d3a;
5083
    border-color: inherit;
5084
}
5085
 
5086
/* ============= acc-setting ============ */
5087
 
5088
.acc-setting {
5089
    float: left;
5090
    width: 100%;
5091
    background-color: #fff;
5092
    border-left: 1px solid #e5e5e5;
5093
    border-bottom: 1px solid #e5e5e5;
5094
    border-right: 1px solid #e5e5e5;
5095
    -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5096
    -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5097
    -ms-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5098
    -o-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5099
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5100
}
5101
 
5102
.acc-setting form {
5103
    float: left;
5104
    width: 100%;
5105
}
5106
 
5107
.acc-setting>h3 {
5108
    width: 100%;
5109
    color: #000000;
5110
    font-weight: 600;
5111
    font-size: 18px;
5112
    text-transform: capitalize;
5113
    border-bottom: 1px solid #e5e5e5;
5114
    padding: 17px 20px;
5115
}
5116
 
5117
.notbar {
5118
    float: left;
5119
    width: 100%;
5120
    border-bottom: 1px solid #e5e5e5;
5121
    padding: 20px;
5122
    position: relative;
5123
}
5124
 
5125
.notbar h4 {
5126
    color: #000000;
5127
    font-size: 16px;
5128
    font-weight: 600;
5129
    margin-bottom: 5px;
5130
}
5131
 
5132
.notbar p {
5133
    color: #686868;
5134
    font-size: 14px;
5135
    line-height: 24px;
5136
    width: 75%;
5137
}
5138
 
5139
.toggle-btn {
5140
    position: absolute;
5141
    top: 35px;
5142
    right: 20px;
5143
}
5144
 
5145
.save-stngs {
5146
    float: left;
5147
    width: 100%;
5148
    padding: 30px 20px 50px 20px;
5149
}
5150
 
5151
.save-stngs.pd2 {
5152
    padding: 25px 20px 42px 20px;
5153
}
5154
 
5155
.save-stngs.pd3 {
5156
    padding: 25px 20px 25px 20px;
5157
}
5158
 
5159
.save-stngs ul li {
5160
    display: inline-block;
5161
    margin-right: 17px;
5162
}
5163
 
5164
.save-stngs ul li button {
5165
    display: inline-block;
5166
    color: #000000;
5167
    font-size: 16px;
5168
    border: 1px solid #e5e5e5;
5169
    height: 40px;
5170
    line-height: 40px;
5171
    padding: 0 22px;
5172
    font-weight: 600;
5173
    background: none;
5174
    cursor: pointer;
5175
}
5176
 
5177
.save-stngs ul li button:hover {
5178
    background-color: #e44d3a;
5179
    color: #fff;
5180
    border-color: transparent;
5181
}
5182
 
5183
/* =============== Password Update ============ */
5184
 
5185
.cp-field {
5186
    float: left;
5187
    width: 100%;
5188
    margin-top: 29.4px;
5189
    padding: 0 20px;
5190
}
5191
 
5192
.cp-field h5 {
5193
    color: #000000;
5194
    font-size: 16px;
5195
    font-weight: 600;
5196
    float: left;
5197
    width: 100%;
5198
    margin-bottom: 10px;
5199
}
5200
 
5201
.cp-field h5 a {
5202
    color: #000;
5203
}
5204
 
5205
.cpp-fiel {
5206
    float: left;
5207
    width: 100%;
5208
    position: relative;
5209
}
5210
 
5211
.cp-field input {
5212
    height: 40px;
5213
    padding: 0 40px;
5214
}
5215
 
5216
.cp-field input,
5217
.cp-field textarea {
5218
    width: 100%;
5219
    border: 1px solid #e5e5e5;
5220
}
5221
 
5222
.cp-field textarea {
5223
    padding: 20px;
5224
    height: 115px;
5225
}
5226
 
5227
.cpp-fiel i {
5228
    position: absolute;
5229
    top: 12px;
5230
    left: 15px;
5231
    color: #b2b2b2;
5232
    font-size: 16px;
5233
}
5234
 
5235
.cp-field>p {
5236
    /* float: left; width: 100%; color: #686868; font-size: 14px; line-height: 24px; margin-top: 5px; */
5237
}
5238
 
5239
/* =============== notifications-list ============= */
5240
 
5241
.notifications-list {
5242
    float: left;
5243
    width: 100%;
5244
}
5245
 
5246
.notfication-details {
5247
    float: left;
5248
    width: 100%;
5249
    padding: 20px;
5250
    border-bottom: 1px solid #e5e5e5;
5251
}
5252
 
5253
.notfication-details:last-child {
5254
    border-bottom: 0;
5255
}
5256
 
5257
.noty-user-img {
5258
    float: left;
5259
    width: 35px;
5260
}
5261
 
5262
.noty-user-img img {
5263
    width: 100%;
5264
}
5265
 
5266
.notification-info {
5267
    float: left;
5268
    width: auto;
5269
    padding-left: 10px;
5270
}
5271
 
5272
.notification-info h3 {
5273
    color: #686868;
5274
    font-size: 14px;
5275
    font-weight: 500;
5276
    border: 0;
5277
    padding: 0;
5278
    margin-bottom: 6px;
5279
}
5280
 
5281
.notification-info h3 a {
5282
    color: #000000;
5283
    font-size: 16px;
5284
    font-weight: 600;
5285
    display: inline-block;
5286
}
5287
 
5288
.notification-info>span {
5289
    display: inline-block;
5290
    color: #b2b2b2;
5291
    font-size: 12px;
5292
    font-weight: 600;
5293
}
5294
 
5295
/* ============== requests-list ============== */
5296
 
5297
.requests-list {
5298
    float: left;
5299
    width: 100%;
5300
    padding-bottom: 0;
5301
}
5302
 
5303
.request-details {
5304
    float: left;
5305
    width: 100%;
5306
    padding: 20px;
5307
    border-bottom: 1px solid #e5e5e5;
5308
}
5309
 
5310
.request-details:last-child {
5311
    border-bottom: 0;
5312
}
5313
 
5314
.request-info {
5315
    float: left;
5316
    padding-left: 10px;
5317
}
5318
 
5319
.request-info h3 {
5320
    color: #000000;
5321
    font-size: 14px;
5322
    font-weight: 600;
5323
    padding: 0;
5324
    border: 0;
5325
    margin-bottom: 3px;
5326
}
5327
 
5328
.request-info span {
5329
    color: #686868;
5330
    font-size: 12px;
5331
    display: inline-block;
5332
}
5333
 
5334
.accept-feat {
5335
    float: right;
5336
}
5337
 
5338
.accept-feat ul li {
5339
    display: inline-block;
5340
}
5341
 
5342
.accept-feat ul li button {
5343
    cursor: pointer;
5344
}
5345
 
5346
.accept-req {
5347
    color: #ffffff;
5348
    font-size: 16px;
5349
    background-color: #51a5fb;
5350
    height: 30px;
5351
    padding: 0 20px;
5352
    font-weight: 600;
5353
    border: 0;
5354
    border: 1px solid #51a5fb;
5355
}
5356
 
5357
.close-req {
5358
    height: 30px;
5359
    width: 30px;
5360
    text-align: center;
5361
    line-height: 30px;
5362
    border: 1px solid #e5e5e5;
5363
    background: inherit;
5364
    color: #b2b2b2;
5365
    margin-left: 7px;
5366
}
5367
 
5368
.close-req i {
5369
    font-weight: 600;
5370
}
5371
 
5372
/* ============= Profile Sattus =========== */
5373
 
5374
.profile-bx-details {
5375
    float: left;
5376
    width: 100%;
5377
    padding: 30px 7px 30px 7px;
5378
}
5379
 
5380
.profile-bx-details .row .col-lg-3 {
5381
    padding: 0 7px;
5382
}
5383
 
5384
.profile-bx-info {
5385
    float: left;
5386
    width: 100%;
5387
    background-color: #f2f2f2;
5388
    padding: 20px;
5389
    border: 1px solid #e5e5e5;
5390
}
5391
 
5392
.pro-bx {
5393
    float: left;
5394
    width: 100%;
5395
    border-bottom: 1px solid #e5e5e5;
5396
    padding-bottom: 10px;
5397
}
5398
 
5399
.bx-info {
5400
    float: left;
5401
    margin-top: 7px;
5402
    padding-left: 10px;
5403
}
5404
 
5405
.bx-info h3 {
5406
    color: #e44d3a;
5407
    font-size: 20px;
5408
    font-weight: 600;
5409
    margin-bottom: 5px;
5410
}
5411
 
5412
.bx-info h5 {
5413
    color: #000000;
5414
    font-size: 14px;
5415
    font-weight: 600;
5416
    margin: 0;
5417
    padding: 0;
5418
    border: 0;
5419
}
5420
 
5421
.pd-left-20 {
5422
    padding-left: 20px;
5423
    padding-right: 0;
5424
}
5425
 
5426
.pd-left-15 {
5427
    padding-left: 15px;
5428
    padding-right: 0;
5429
}
5430
 
5431
.pd-left-right {
5432
    padding-left: 15px;
5433
    padding-right: 20px;
5434
}
5435
 
5436
.profile-bx-info>p {
5437
    float: left;
5438
    width: 100%;
5439
    font-size: 14px;
5440
    line-height: 20px;
5441
    padding-top: 5px;
5442
}
5443
 
5444
/* =========== pro-work-status ========= */
5445
 
5446
.pro-work-status {
5447
    float: left;
5448
    width: 100%;
5449
    padding: 0 15px;
5450
}
5451
 
5452
.pro-work-status h4 {
5453
    color: #000000;
5454
    font-size: 18px;
5455
    font-weight: 600;
5456
    margin-bottom: 50px;
5457
}
5458
 
5459
/* ============== messages-page ============== */
5460
 
5461
.messages-page {
5462
    padding: 20px 0;
5463
}
5464
 
5465
.messages-sec {
5466
    width: 100%;
5467
    border-radius: 10px;
5468
    overflow: hidden;
5469
    box-shadow: 0 0 10px #0004;
5470
    background-color: #fff;
5471
}
5472
 
5473
.msgs-list {
5474
    width: 100%;
5475
}
5476
 
5477
.inmail_conversations-list {
5478
    border-right: 1px solid #3333;
5479
    padding-left: 0;
5480
    padding-right: 0;
5481
}
5482
 
5483
.msg-title {
5484
    height: 13vh;
5485
    padding: 20px;
5486
    border-bottom: 2px solid #3333;
5487
}
5488
 
5489
.msg-title>h3 {
5490
    color: #000000;
5491
    font-size: 18px;
5492
    font-weight: 600;
5493
}
5494
 
5495
.msg-title>ul {
5496
    float: right;
5497
    position: relative;
5498
    top: 1px;
5499
}
5500
 
5501
.msg-title ul li {
5502
    display: inline-block;
5503
    margin-right: 15px;
5504
    border-bottom: 1px solid #3333;
5505
}
5506
 
5507
.msg-title ul li:last-child {
5508
    margin-right: 0;
5509
}
5510
 
5511
.msg-title ul li a {
5512
    color: #b2b2b2;
5513
    font-size: 18px;
5514
}
5515
 
5516
.messages-list {
5517
    float: left;
5518
    width: 100%;
5519
}
5520
 
5521
.messages-list ul {
5522
    float: left;
5523
    width: 100%;
5524
}
5525
 
5526
.messages-list ul li {
5527
    float: left;
5528
    width: 100%;
5529
    padding: 20px;
5530
    border-bottom: 1px solid #eeeeee;
5531
    cursor: pointer;
5532
}
5533
 
5534
.messages-list ul li.active {
5535
    background-color: #efefef;
5536
}
5537
 
5538
.usr-msg-details {
5539
    float: left;
5540
    position: relative;
5541
    width: 100%;
5542
}
5543
 
5544
.usr-ms-img {
5545
    float: left;
5546
    width: 50px;
5547
    position: relative;
5548
}
5549
 
5550
.msg-status {
5551
    -webkit-border-radius: 100px;
5552
    -moz-border-radius: 100px;
5553
    -ms-border-radius: 100px;
5554
    -o-border-radius: 100px;
5555
    border-radius: 100px;
5556
    background-color: #e44d3a;
5557
    position: absolute;
5558
    top: -3px;
5559
    right: 0;
5560
    width: 6px;
5561
    height: 6px;
5562
}
5563
 
5564
.messages-list ul li.active .msg-status {
5565
    border: 2px solid #ecf5fb;
5566
    height: 10px;
5567
    width: 10px;
5568
}
5569
 
5570
.msg-notifc {
5571
    position: absolute;
5572
    bottom: 0;
5573
    right: 0;
5574
    width: 25px;
5575
    height: 25px;
5576
    -webkit-border-radius: 100px;
5577
    -moz-border-radius: 100px;
5578
    -ms-border-radius: 100px;
5579
    -o-border-radius: 100px;
5580
    border-radius: 100px;
5581
    background-color: #e77667;
5582
    text-align: center;
5583
    line-height: 25px;
5584
    font-size: 13px;
5585
    color: #fff;
5586
}
5587
 
5588
.usr-ms-img img {
5589
    width: 100%;
5590
    -webkit-border-radius: 100px;
5591
    -moz-border-radius: 100px;
5592
    -ms-border-radius: 100px;
5593
    -o-border-radius: 100px;
5594
    border-radius: 100px;
5595
}
5596
 
5597
.usr-mg-info {
5598
    float: left;
5599
    padding-left: 13px;
5600
    margin-top: 4px;
5601
}
5602
 
5603
.usr-mg-info h3 {
5604
    color: #000000;
5605
    font-size: 18px;
5606
    font-weight: 600;
5607
}
5608
 
5609
.usr-mg-info p {
5610
    color: #686868;
5611
    font-size: 16px;
5612
}
5613
 
5614
.usr-mg-info p img {
5615
    float: right;
5616
    position: relative;
5617
    top: 5px;
5618
    padding-left: 5px;
5619
}
5620
 
5621
.posted_time {
5622
    position: absolute;
5623
    top: 2px;
5624
    right: 0;
5625
    color: #b2b2b2;
5626
    font-size: 14px;
5627
}
5628
 
5629
/* =============== main-message-box ============= */
5630
 
5631
.main-conversation-box {
5632
    width: 100%;
5633
    background-color: #fff;
5634
    position: relative;
5635
    height: 100%;
5636
}
5637
 
5638
.message-bar-head {
5639
    height: 13vh;
5640
    width: 100%;
5641
    padding: 20px;
5642
    border-bottom: 2px solid #3333;
5643
}
5644
 
5645
.message-bar-head .usr-msg-details {
5646
    width: auto;
5647
}
5648
 
5649
.message-bar-head>a {
5650
    float: right;
5651
    color: #b2b2b2;
5652
    font-size: 20px;
5653
    padding-top: 15px;
5654
}
5655
 
5656
.main-message-box {
5657
    display: flex;
5658
    width: 100%;
5659
    position: relative;
5660
    margin-bottom: 15.5px;
5661
}
5662
 
5663
.messg-usr-img {
5664
    margin-left: 20px;
5665
    width: 50px;
5666
}
5667
 
5668
.messg-usr-img img {
5669
    width: 100%;
5670
    -webkit-border-radius: 100px;
5671
    -moz-border-radius: 100px;
5672
    -ms-border-radius: 100px;
5673
    -o-border-radius: 100px;
5674
    border-radius: 100px;
5675
}
5676
 
5677
.message-dt {
5678
    width: auto;
5679
    margin-left: 15px;
5680
}
5681
 
5682
.main-message-box.ta-right {
5683
    flex-direction: row-reverse;
5684
}
5685
 
5686
.main-message-box.ta-right .messg-usr-img {
5687
    margin-left: 0;
5688
    margin-right: 20px;
5689
}
5690
 
5691
.main-message-box.ta-right .message-dt {
5692
    margin-right: 15px;
5693
}
5694
 
5695
.main-message-box.ta-right .message-dt>span {
5696
    float: right;
5697
    width: auto;
5698
}
5699
 
5700
.message-inner-dt {
5701
    -webkit-border-radius: 15px;
5702
    -moz-border-radius: 15px;
5703
    -ms-border-radius: 15px;
5704
    -o-border-radius: 15px;
5705
    border-radius: 15px;
5706
    width: 100%;
5707
    border-bottom-left-radius: 0;
5708
}
5709
 
5710
.img-bx {
5711
    background-color: #efefef;
5712
    padding: 20px;
5713
}
5714
 
5715
.message-inner-dt>img {
5716
    display: inline-block;
5717
    width: auto;
5718
    margin-right: 5px;
5719
}
5720
 
5721
.message-dt>span {
5722
    color: #b2b2b2;
5723
    font-size: 14px;
5724
    float: left;
5725
    width: 100%;
5726
    margin-top: 7px;
5727
}
5728
 
5729
.message-inner-dt>p {
5730
    font-size: 14px;
5731
    line-height: 22px;
5732
    padding: 2px 10px;
5733
    color: #000;
5734
    -webkit-border-radius: 15px;
5735
    -moz-border-radius: 15px;
5736
    -ms-border-radius: 15px;
5737
    -o-border-radius: 15px;
5738
    border-radius: 15px;
5739
}
5740
 
5741
.message-dt.st3 .message-inner-dt>p {
5742
    background-color: #efefef;
5743
    color: #686868;
5744
    width: auto;
5745
    padding: 10px 15px;
5746
    float: left;
5747
}
5748
 
5749
.message-dt.st3 .message-inner-dt>p img {
5750
    float: right;
5751
    position: relative;
5752
    top: 3px;
5753
    padding-left: 5px;
5754
}
5755
 
5756
.main-message-box.st3 .messg-usr-img {
5757
    bottom: 13px;
5758
}
5759
 
5760
.messages-line {
5761
    width: 100%;
5762
    height: 604px;
5763
    padding-top: 20px;
5764
}
5765
 
5766
/* ============== message-send-area ============ */
5767
 
5768
.message-send-area {
5769
    width: 100%;
5770
    background-color: #f3f5f7;
5771
    padding: 20px;
5772
}
5773
 
5774
.message-send-area form {
5775
    width: 100%;
5776
}
5777
 
5778
.mf-field {
5779
    width: 100%;
5780
    display: flex;
5781
}
5782
 
5783
.mf-field input {
5784
    flex: 1;
5785
    background-color: #fff;
5786
    color: #b2b2b2;
5787
    font-size: 16px;
5788
    padding: 0 15px;
5789
    border: 1px solid #e6e6e6;
5790
    height: 45px;
5791
    border-radius: 25px;
5792
}
5793
 
5794
 
5795
.message-send-area form>ul {
5796
    float: left;
5797
    width: 100%;
5798
    margin-top: 15px;
5799
}
5800
 
5801
.message-send-area form>ul li {
5802
    display: inline-block;
5803
    margin-right: 20px;
5804
}
5805
 
5806
.message-send-area form>ul li a {
5807
    color: #b2b2b2;
5808
    font-size: 18px;
5809
}
5810
 
5811
/* ============== forum-links ============= */
5812
 
5813
.forum-sec {
5814
    background-color: #fff;
5815
}
5816
 
5817
.forum-links {
5818
    float: left;
5819
    width: 100%;
5820
}
5821
 
5822
.forum-links.active {
5823
    opacity: 1;
5824
    visibility: visible;
5825
    z-index: 9999;
5826
}
5827
 
5828
.forum-links ul li {
5829
    display: inline-block;
5830
    padding: 20px 0;
5831
    margin-right: 45px;
5832
    border-bottom: 2px solid transparent;
5833
}
5834
 
5835
.forum-links ul li.active {
5836
    border-color: #e44d3a;
5837
}
5838
 
5839
.forum-links ul li.active a {
5840
    color: #e44d3a;
5841
}
5842
 
5843
.forum-links ul li a {
5844
    display: inline-block;
5845
    color: #b2b2b2;
5846
    font-size: 14px;
5847
    font-weight: 600;
5848
}
5849
 
5850
.forum-links-btn {
5851
    float: left;
5852
    width: 100%;
5853
    text-align: center;
5854
    display: none;
5855
    padding: 20px 0;
5856
}
5857
 
5858
.forum-links-btn a {
5859
    color: #000;
5860
    font-size: 30px;
5861
    display: inline-block;
5862
}
5863
 
5864
/* ================ forum-page =============== */
5865
 
5866
.forum-page {
5867
    padding: 50px 0;
5868
}
5869
 
5870
.forum-questions-sec {
5871
    float: left;
5872
    width: 100%;
5873
}
5874
 
5875
.forum-questions {
5876
    float: left;
5877
    width: 100%;
5878
    background-color: #fff;
5879
}
5880
 
5881
.usr-question {
5882
    float: left;
5883
    width: 100%;
5884
    position: relative;
5885
    padding: 25px;
5886
    border-bottom: 1px solid #e5e5e5;
5887
}
5888
 
5889
.usr_img {
5890
    float: left;
5891
    width: 60px;
5892
}
5893
 
5894
.usr_img img {
5895
    width: 100%;
5896
    -webkit-border-radius: 100px;
5897
    -moz-border-radius: 100px;
5898
    -ms-border-radius: 100px;
5899
    -o-border-radius: 100px;
5900
    border-radius: 100px;
5901
}
5902
 
5903
.usr_quest {
5904
    float: left;
5905
    width: 90%;
5906
    padding-left: 15px;
5907
}
5908
 
5909
.usr_quest>h3 {
5910
    color: #000000;
5911
    font-size: 17px;
5912
    font-weight: 600;
5913
    margin-bottom: 20px;
5914
}
5915
 
5916
.forum-post-view .usr_quest>h3 {
5917
    margin-bottom: 10px;
5918
}
5919
 
5920
.react-links {
5921
    float: left;
5922
    width: 100%;
5923
}
5924
 
5925
.react-links li {
5926
    display: inline-block;
5927
    margin-right: 30px;
5928
}
5929
 
5930
.react-links li a {
5931
    display: inline-block;
5932
    color: #b2b2b2;
5933
    font-size: 14px;
5934
    font-weight: 600;
5935
}
5936
 
5937
.react-links li a:hover {
5938
    color: #e44d3a;
5939
}
5940
 
5941
.react-links li a i {
5942
    padding-right: 7px;
5943
}
5944
 
5945
.react-links li:last-child {
5946
    margin-right: 0;
5947
}
5948
 
5949
/* ============= quest-tags ============ */
5950
 
5951
.quest-tags {
5952
    float: left;
5953
    width: 100%;
5954
    margin-top: 20px;
5955
}
5956
 
5957
.quest-tags li {
5958
    display: inline-block;
5959
    margin-right: 10px;
5960
}
5961
 
5962
.quest-tags li a {
5963
    display: inline-block;
5964
    color: #ffffff;
5965
    background-color: #53d690;
5966
    -webkit-border-radius: 3px;
5967
    -moz-border-radius: 3px;
5968
    -ms-border-radius: 3px;
5969
    -o-border-radius: 3px;
5970
    border-radius: 3px;
5971
    padding: 7px 25px;
5972
}
5973
 
5974
.quest-posted-time {
5975
    position: absolute;
5976
    bottom: 30px;
5977
    right: 20px;
5978
    color: #b2b2b2;
5979
    font-size: 14px;
5980
}
5981
 
5982
.quest-posted-time i {
5983
    padding-right: 5px;
5984
}
5985
 
5986
.pd-right-none {
5987
    padding-right: 0;
5988
}
5989
 
5990
/* =========== navigation ============ */
5991
 
5992
.pagination {
5993
    float: left;
5994
    width: 100%;
5995
    /* background-color: #fff; */
5996
    padding: 13px 25px;
5997
}
5998
 
5999
.full-pagi {
6000
    float: left;
6001
    width: 100%;
6002
    padding-right: 0;
6003
    text-align: inherit;
6004
    margin-top: 20px;
6005
}
6006
 
6007
.pagination li {
6008
    padding: 0;
6009
    margin-right: 10px;
6010
}
6011
 
6012
.pagination li .page-link {
6013
    /* background-color: #e5e5e5; */
6014
    color: #b2b2b2;
6015
}
6016
 
6017
.pagination li .page-link.active {
6018
    background-color: #e44d3a;
6019
    color: #fff;
6020
    border-color: transparent;
6021
}
6022
 
6023
.pvr {
6024
    padding: 0.5rem 30px;
6025
}
6026
 
6027
/* ============ User Widget =========== */
6028
 
6029
.title-wd {
6030
    float: left;
6031
    width: 100%;
6032
    color: #000000;
6033
    font-size: 18px;
6034
    font-weight: 600;
6035
    border-bottom: 1px solid #e5e5e5;
6036
    padding: 25px 20px;
6037
}
6038
 
6039
.widget-user ul {
6040
    float: left;
6041
    width: 100%;
6042
    padding: 15px 0;
6043
}
6044
 
6045
.widget-user ul li {
6046
    float: left;
6047
    width: 100%;
6048
    padding: 15px 20px;
6049
}
6050
 
6051
.widget-user ul li .usr-msg-details {
6052
    float: left;
6053
    width: auto;
6054
}
6055
 
6056
.widget-user ul li .usr-ms-img {
6057
    width: 35px;
6058
}
6059
 
6060
.widget-user ul li .usr-mg-info h3 {
6061
    font-size: 14px;
6062
}
6063
 
6064
.widget-user ul li .usr-mg-info p {
6065
    font-size: 12px;
6066
}
6067
 
6068
.widget-user ul li>span {
6069
    color: #686868;
6070
    font-size: 16px;
6071
    float: right;
6072
    margin-top: 10px;
6073
}
6074
 
6075
.widget-user ul li>span img {
6076
    padding-right: 5px;
6077
}
6078
 
6079
/* ============== widget-adver ============ */
6080
 
6081
.widget-adver img {
6082
    width: 100%;
6083
}
6084
 
6085
/* ============ forum-post-view ============ */
6086
 
6087
.forum-post-view {
6088
    float: left;
6089
    width: 100%;
6090
    background-color: #fff;
6091
    padding: 25px 25px 0 25px;
6092
    border-bottom: 1px solid #e5e5e5;
6093
}
6094
 
6095
.forum-post-view .usr-question {
6096
    border-bottom: 0;
6097
    padding: 0;
6098
}
6099
 
6100
.forum-post-view .usr_quest span {
6101
    color: #b2b2b2;
6102
    font-size: 14px;
6103
    display: inline-block;
6104
    margin-bottom: 20px;
6105
}
6106
 
6107
.forum-post-view .usr_quest span i {
6108
    padding-right: 7px;
6109
}
6110
 
6111
.forum-post-view .quest-tags {
6112
    margin-bottom: 30px;
6113
}
6114
 
6115
.forum-post-view .usr_quest>p {
6116
    float: left;
6117
    width: 100%;
6118
    color: #686868;
6119
    font-size: 14px;
6120
    line-height: 24px;
6121
    margin-bottom: 40px;
6122
}
6123
 
6124
.forum-post-view .comment-section {
6125
    padding: 0;
6126
}
6127
 
6128
.forum-post-view .comment-section>h3 {
6129
    float: left;
6130
    width: 100%;
6131
    color: #000000;
6132
    font-size: 18px;
6133
    font-weight: 600;
6134
    border-bottom: 1px solid #e5e5e5;
6135
    padding-bottom: 15px;
6136
}
6137
 
6138
.forum-post-view .comment-sec ul li {
6139
    border-bottom: 1px solid #e5e5e5;
6140
    padding: 23px 0;
6141
}
6142
 
6143
.forum-post-view .comment span {
6144
    margin-bottom: 10px;
6145
}
6146
 
6147
.forum-post-view .comment-list {
6148
    padding-bottom: 0;
6149
    margin-bottom: -4px;
6150
}
6151
 
6152
.forum-post-view .comment p {
6153
    margin: 0;
6154
    margin-top: 5px;
6155
}
6156
 
6157
.forum-post-view .comment h3 {
6158
    margin-bottom: 9px;
6159
}
6160
 
6161
.forum-post-view .comment-sec ul li:last-child {
6162
    border-bottom: 0;
6163
}
6164
 
6165
/* =============== post-comment-box ============= */
6166
 
6167
.post-comment-box {
6168
    float: left;
6169
    width: 100%;
6170
    padding: 20px;
6171
    background-color: #fff;
6172
}
6173
 
6174
.post-comment-box h3 {
6175
    float: left;
6176
    width: 100%;
6177
    color: #000000;
6178
    font-size: 18px;
6179
    font-weight: 600;
6180
    margin-bottom: 30px;
6181
}
6182
 
6183
.user-poster {
6184
    float: left;
6185
    width: 100%;
6186
}
6187
 
6188
.usr-post-img {
6189
    float: left;
6190
    width: 50px;
6191
    margin-right: 15px;
6192
}
6193
 
6194
.usr-post-img img {
6195
    width: 100%;
6196
    -webkit-border-radius: 100px;
6197
    -moz-border-radius: 100px;
6198
    -ms-border-radius: 100px;
6199
    -o-border-radius: 100px;
6200
    border-radius: 100px;
6201
}
6202
 
6203
.post_comment_sec {
6204
    float: left;
6205
    width: 90%;
6206
}
6207
 
6208
.post_comment_sec form {
6209
    float: left;
6210
    width: 100%;
6211
}
6212
 
6213
.post_comment_sec form textarea {
6214
    float: left;
6215
    width: 100%;
6216
    height: 130px;
6217
    border: 1px solid #dce2eb;
6218
    padding: 15px;
6219
    resize: none;
6220
}
6221
 
6222
.post_comment_sec form button {
6223
    color: #ffffff;
6224
    font-size: 14px;
6225
    background-color: #e44d3a;
6226
    padding: 10px 25px;
6227
    border: 0;
6228
    font-weight: 600;
6229
    margin-top: 20px;
6230
    cursor: pointer;
6231
}
6232
 
6233
/* ======== next-prev ========*/
6234
 
6235
.next-prev {
6236
    float: left;
6237
    width: 100%;
6238
    background-color: #fff;
6239
    margin-top: 20px;
6240
    padding: 12px 25px;
6241
}
6242
 
6243
.next-prev>a {
6244
    width: 90px;
6245
    height: 35px;
6246
    text-align: center;
6247
    line-height: 35px;
6248
    color: #b2b2b2;
6249
    font-size: 14px;
6250
    background-color: #e5e5e5;
6251
}
6252
 
6253
.next-prev>a:hover {
6254
    color: #fff;
6255
    background-color: #e44d3a;
6256
}
6257
 
6258
.fl-left {
6259
    float: left;
6260
}
6261
 
6262
.fl-right {
6263
    float: right;
6264
}
6265
 
6266
/* ========== widget-feat ========= */
6267
 
6268
.widget-feat {
6269
    padding: 25px 20px;
6270
}
6271
 
6272
.widget-feat ul {
6273
    float: left;
6274
    width: 100%;
6275
}
6276
 
6277
.widget-feat ul li {
6278
    float: left;
6279
    width: 25%;
6280
    text-align: center;
6281
}
6282
 
6283
.widget-feat ul li i {
6284
    display: block;
6285
    font-size: 18px;
6286
    margin-bottom: 9px;
6287
}
6288
 
6289
.widget-feat ul li span {
6290
    display: block;
6291
    color: #686868;
6292
    font-size: 16px;
6293
    font-weight: 500;
6294
}
6295
 
6296
.widget-feat ul li i.fa-heart {
6297
    color: #53d690;
6298
}
6299
 
6300
.widget-feat ul li i.fa-comment {
6301
    color: #e44d3a;
6302
}
6303
 
6304
.widget-feat ul li i.fa-share-alt {
6305
    color: #51a5fb;
6306
}
6307
 
6308
.widget-feat ul li i.fa-eye {
6309
    color: #00b540;
6310
}
6311
 
6312
/* =============== ANIMATION LOADER =============== */
6313
 
6314
.spinner {
6315
    margin: 0 auto 0;
6316
    width: 80px;
6317
    text-align: center;
6318
    height: 80px;
6319
    border-radius: 100px;
6320
    background-color: #fff;
6321
    line-height: 80px;
6322
    border: 1px solid #e1e1e1;
6323
    cursor: pointer;
6324
}
6325
 
6326
.spinner>div {
6327
    width: 15px;
6328
    height: 15px;
6329
    background-color: #b9b9b9;
6330
    border-radius: 100%;
6331
    display: inline-block;
6332
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6333
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6334
}
6335
 
6336
.spinner .bounce1 {
6337
    -webkit-animation-delay: -0.32s;
6338
    animation-delay: -0.32s;
6339
}
6340
 
6341
.spinner .bounce2 {
6342
    -webkit-animation-delay: -0.16s;
6343
    animation-delay: -0.16s;
6344
}
6345
 
6346
@-webkit-keyframes sk-bouncedelay {
6347
    0%,
6348
    80%,
6349
    100% {
6350
        -webkit-transform: scale(0);
6351
    }
6352
    40% {
6353
        -webkit-transform: scale(1);
6354
    }
6355
}
6356
 
6357
@keyframes sk-bouncedelay {
6358
    0%,
6359
    80%,
6360
    100% {
6361
        -webkit-transform: scale(0);
6362
        transform: scale(0);
6363
    }
6364
    40% {
6365
        -webkit-transform: scale(1);
6366
        transform: scale(1);
6367
    }
6368
}
6369
 
6370
.wordpressdevlp {
6371
    background-color: #fff;
6372
}
6373
 
6374
.bgclr {
6375
    background-color: #fff;
6376
    margin-bottom: 15px;
6377
}
6378
 
6379
.cadidatesbtn {
6380
    position: absolute;
6381
    left: 0;
6382
    padding-top: 5px;
6383
}
6384
 
6385
.cadidatesbtn button {
6386
    background-color: #e44d3a;
6387
    border: none;
6388
    margin-top: -3px;
6389
}
6390
 
6391
.cadidatesbtn button:hover {
6392
    background-color: #e44d3a;
6393
}
6394
 
6395
.cadidatesbtn span {
6396
    background-color: #bd2e1c;
6397
    color: #fff;
6398
    margin-right: 10px;
6399
    padding: 0.25em 0.5em;
6400
    font-weight: 600;
6401
    font-size: 12px;
6402
}
6403
 
6404
.wordpressdevlp i {
6405
    color: #e86554;
6406
    font-size: 18px;
6407
    font-weight: bold;
6408
    padding-right: 5px;
6409
}
6410
 
6411
.wordpressdevlp h2 {
6412
    font-size: 18px;
6413
    font-weight: 600;
6414
}
6415
 
6416
.cadidatesbtn i {
6417
    color: #b2b2b2;
6418
    border: 1px solid #b2b2b2;
6419
    font-size: 14px;
6420
    text-align: center;
6421
    margin-left: 7px;
6422
    border-radius: 3px;
6423
    padding: 10px;
6424
}
6425
 
6426
.cadidatesbtn i:hover {
6427
    background-color: #e44d3a;
6428
    color: #fff;
6429
    border: 1px solid #e44d3a;
6430
}
6431
 
6432
.inner {
6433
    border-bottom: 2px solid #e5e5e5;
6434
    padding-bottom: 10px;
6435
}
6436
 
6437
.inner li a:hover {
6438
    color: #e44d3a;
6439
    border-bottom: 2px solid #e44d3a;
6440
    padding-bottom: 9px;
6441
}
6442
 
6443
.inner li a {
6444
    color: #000000;
6445
}
6446
 
6447
.posttext {
6448
    position: absolute;
6449
    left: 0;
6450
}
6451
 
6452
.deatile h3 {
6453
    font-size: 14px;
6454
    font-weight: bold;
6455
    padding-bottom: 5px;
6456
}
6457
 
6458
.clrbtn a {
6459
    background-color: #e44d3a;
6460
    color: #fff;
6461
    padding: 5px 10px 5px 10px;
6462
    margin-right: 15px;
6463
}
6464
 
6465
.transpairentbtn a {
6466
    color: #222;
6467
    border: 2px solid #f1f1f1;
6468
    padding: 5px 10px 5px 10px;
6469
}
6470
 
6471
.savetext h3 {
6472
    font-size: 14px;
6473
    font-weight: bold;
6474
    padding-bottom: 5px;
6475
}
6476
 
6477
.devepbtn .clrbtn {
6478
    padding: 7px 20px;
6479
}
6480
 
6481
.devepbtn a {
6482
    color: #666666;
6483
    border: 1px solid #b2b2b2;
6484
    padding: 7px 10px 7px 10px;
6485
    border-radius: 3px;
6486
    margin-right: 5px;
6487
}
6488
 
6489
.devepbtn a:hover i {
6490
    color: #fff;
6491
}
6492
 
6493
.devepbtn a:hover {
6494
    background-color: #e44d3a;
6495
    color: #fff;
6496
}
6497
 
6498
.rew-reply hr {
6499
    margin-left: -20px;
6500
    margin-right: -20px;
6501
}
6502
 
6503
.rew-reply p {
6504
    padding-left: 20px;
6505
}
6506
 
6507
.rew-reply ul {
6508
    padding-left: 20px;
6509
}
6510
 
6511
.devepbtn {
6512
    margin-top: 30px;
6513
    padding-left: 20px;
6514
}
6515
 
6516
.rep-thanks hr {
6517
    margin-right: -20px;
6518
    margin-left: -20px;
6519
}
6520
 
6521
.profilecnd {
6522
    margin-bottom: 0px;
6523
}
6524
 
6525
.devepbtn i {
6526
    color: #b2b2b2;
6527
    font-size: 14px;
6528
}
6529
 
6530
.appliedinfo {
6531
    padding-left: 0;
6532
    padding-top: 20px !important;
6533
    padding-bottom: 10px;
6534
}
6535
 
6536
.epi2 {
6537
    padding: 0;
6538
}
6539
 
6540
.review a {
6541
    line-height: 16px;
6542
    font-size: 14px;
6543
    text-decoration: none;
6544
    font-weight: 500;
6545
    margin-left: 15px;
6546
}
6547
 
6548
.add-pic-box {
6549
    display: inline-block;
6550
    color: #e44d3a;
6551
    font-size: 16px;
6552
    position: absolute;
6553
    top: 30px;
6554
    right: 0;
6555
    font-weight: 600;
6556
    margin-right: 0;
6557
    width: 100%;
6558
}
6559
 
6560
.add-pic-box [type="file"] {
6561
    height: 0;
6562
    overflow: hidden;
6563
    width: 0;
6564
    float: left;
6565
}
6566
 
6567
.add-pic-box [type="file"]+label {
6568
    background: #fff;
6569
    border: 2px solid #e44d3a;
6570
    border-radius: 3px;
6571
    color: #e44d3a;
6572
    cursor: pointer;
6573
    /* display: inline-block; */
6574
    font-size: 15px;
6575
    font-weight: 600;
6576
    outline: none;
6577
    padding: 12px 20px;
6578
    position: relative;
6579
    transition: all 0.3s;
6580
    vertical-align: middle;
6581
    margin: 0;
6582
    float: right;
6583
    text-transform: uppercase;
6584
}
6585
 
6586
.add-pic-box [type="file"]+label:hover {
6587
    background: #e44d3a;
6588
    color: #fff;
6589
}
6590
 
6591
.noreview li i {
6592
    color: #b2b2b2;
6593
}
6594
 
6595
.review-tb {
6596
    margin: 0 0 10px;
6597
    padding-left: 20px;
6598
}
6599
 
6600
.noreview ul li i {
6601
    color: #b2b2b2;
6602
}
6603
 
6604
.mngdetl {
6605
    border-bottom: none;
6606
}
6607
 
6608
.post-reply {
6609
    padding-top: 0;
6610
    padding-bottom: 0;
6611
}
6612
 
6613
.activebidbtn i:hover {
6614
    background-color: #e44d3a;
6615
    color: #fff;
6616
    border: none;
6617
}
6618
 
6619
.reviewtitle h2 {
6620
    font-size: 17px;
6621
    font-weight: 600;
6622
}
6623
 
6624
.horiline {
6625
    width: 118%;
6626
    position: relative;
6627
    left: -40px;
6628
}
6629
 
6630
.tahnks {
6631
    font-weight: 500;
6632
    margin-top: 5px;
6633
}
6634
 
6635
/*about-page*/
6636
 
6637
.banner span {
6638
    position: absolute;
6639
    display: flex;
6640
    background-color: #222;
6641
    width: 100%;
6642
    opacity: 0.9;
6643
    justify-content: center;
6644
    padding: 10px;
6645
    margin-top: 0;
6646
    color: #fff;
6647
}
6648
 
6649
.innertitle {
6650
    margin-top: 130px;
6651
}
6652
 
6653
.Company-overview {
6654
    padding-bottom: 50px;
6655
}
6656
 
6657
.bennertext {
6658
    position: absolute;
6659
    left: 20%;
6660
    right: 20%;
6661
    text-align: center;
6662
}
6663
 
6664
.bannerimage img {
6665
    height: 100%;
6666
}
6667
 
6668
.innertitle h2 {
6669
    color: #fff;
6670
    font-size: 30px;
6671
    line-height: 32px;
6672
    font-weight: 600;
6673
    margin-bottom: 20px;
6674
}
6675
 
6676
.innertitle p {
6677
    color: #fff;
6678
    font-size: 16px;
6679
}
6680
 
6681
.Company-overview h2 {
6682
    padding-top: 100px;
6683
    font-size: 24px;
6684
    font-weight: 600;
6685
    padding-bottom: 12px;
6686
}
6687
 
6688
.Company-overview p {
6689
    font-size: 15px;
6690
    font-weight: 500;
6691
}
6692
 
6693
.Company-overview img {
6694
    float: right;
6695
    padding-top: 25px;
6696
}
6697
 
6698
.blog {
6699
    text-align: center;
6700
    display: inline-block;
6701
    margin-bottom: 50px;
6702
}
6703
 
6704
.blog img {
6705
    padding-bottom: 30px;
6706
}
6707
 
6708
.blog h2 {
6709
    font-size: 18px;
6710
    font-weight: 600;
6711
    padding-bottom: 30px;
6712
}
6713
 
6714
.blog a {
6715
    background-color: #ff4500;
6716
    color: #fff;
6717
    padding: 7px 25px 7px 25px;
6718
    border-radius: 3px;
6719
    font-size: 16px;
6720
    font-weight: 500;
6721
}
6722
 
6723
.services {
6724
    padding-top: 80px;
6725
    padding-bottom: 80px;
6726
}
6727
 
6728
.video {
6729
    padding-bottom: 40px;
6730
}
6731
 
6732
.search-container {
6733
    text-align: center;
6734
}
6735
 
6736
.search-container input[type="text"] {
6737
    padding: 6px 15px;
6738
    margin-top: 8px;
6739
    font-size: 17px;
6740
    border: none;
6741
    height: 50px;
6742
    width: 50%;
6743
    margin-bottom: 25px;
6744
    border-top-left-radius: 3px;
6745
    border-top-right-radius: 0px;
6746
    border-bottom-left-radius: 3px;
6747
    border-bottom-right-radius: 0px;
6748
}
6749
 
6750
.searchtitle {
6751
    text-align: center;
6752
}
6753
 
6754
.searchtitle h2 {
6755
    color: #fff;
6756
    font-size: 30px;
6757
    font-weight: 400;
6758
    padding-bottom: 10px;
6759
}
6760
 
6761
.modal-header {
6762
    position: relative;
6763
}
6764
 
6765
.modal-header h3 {
6766
    font-size: 18px;
6767
}
6768
 
6769
.search-container button {
6770
    padding: 8px 10px;
6771
    text-align: center;
6772
    margin-top: 8px;
6773
    margin-left: -3px;
6774
    margin-right: 18px;
6775
    background: #efefef;
6776
    font-size: 17px;
6777
    border: none;
6778
    cursor: pointer;
6779
    height: 50px;
6780
    width: 6%;
6781
    border-bottom-right-radius: 3px;
6782
    border-top-right-radius: 3px;
6783
}
6784
 
6785
.topsearch i {
6786
    color: #e44d3a;
6787
}
6788
 
6789
.dropdown-toggle::after {
6790
    position: absolute;
6791
    right: 15px;
6792
    color: #b2b2b2;
6793
    top: 7px;
6794
}
6795
 
6796
.help-paddy {
6797
    padding: 0 !important;
6798
}
6799
 
6800
.paddy {
6801
    padding: 20px;
6802
    float: left;
6803
}
6804
 
6805
.dropdown-menu {
6806
    position: absolute;
6807
    top: 100%;
6808
    left: 0;
6809
    z-index: 1000;
6810
    display: none;
6811
    float: left;
6812
    min-width: 10rem;
6813
    padding: 0.5rem 0;
6814
    margin: 0.125rem 0 0;
6815
    font-size: 1rem;
6816
    color: #212529;
6817
    text-align: left;
6818
    list-style: none;
6819
    background-color: #fff;
6820
    width: 100%;
6821
    background-clip: padding-box;
6822
    border: none;
6823
    border-radius: 0.25rem;
6824
}
6825
 
6826
.radio-form p {
6827
    display: -webkit-inline-box;
6828
}
6829
 
6830
.dropdown a {
6831
    color: #000000;
6832
    font-size: 16px;
6833
    font-weight: 400;
6834
    padding: 0 20px;
6835
}
6836
 
6837
.accountnone {
6838
    border: none;
6839
}
6840
 
6841
.helpforum {
6842
    background-color: #fff;
6843
    padding: 15px 0;
6844
    box-shadow: 0px 2px #c6c6c6;
6845
}
6846
 
6847
.helpforum h3 {
6848
    font-size: 18px;
6849
    font-weight: 600;
6850
}
6851
 
6852
.helpforum a {
6853
    background-color: #e44d3a;
6854
    color: #fff;
6855
    padding: 10px 15px 10px 15px;
6856
    line-height: 4;
6857
    border-radius: 3px;
6858
}
6859
 
6860
.helpforum p {
6861
    line-height: 3;
6862
}
6863
 
6864
.actionstitle h3 {
6865
    font-size: 18px;
6866
    font-weight: 400;
6867
    color: #000;
6868
    padding-top: 30px;
6869
}
6870
 
6871
.actionstitle img {
6872
    padding-right: 10px;
6873
}
6874
 
6875
.actionstext a {
6876
    font-size: 16px;
6877
    font-weight: 500;
6878
    color: #e44d3a;
6879
    line-height: 2;
6880
    display: block;
6881
}
6882
 
6883
.helpform {
6884
    text-align: center;
6885
    padding-top: 70px;
6886
}
6887
 
6888
.helpform h3 {
6889
    font-size: 18px;
6890
    font-weight: 400;
6891
    color: #e44d3a;
6892
    margin-bottom: 10px;
6893
}
6894
 
6895
.helpform a {
6896
    background-color: #e44d3a;
6897
    color: #fff;
6898
    padding: 10px 15px 10px 15px;
6899
    border-radius: 3px;
6900
}
6901
 
6902
.helpform p {
6903
    margin-bottom: 30px;
6904
}
6905
 
6906
.helpform img {
6907
    float: unset;
6908
    padding-bottom: 10px;
6909
}
6910
 
6911
.bookingsideber h3 {
6912
    color: #000;
6913
}
6914
 
6915
.bookingsideber h3:active {
6916
    color: #e44d3a;
6917
}
6918
 
6919
.helpforum h4 {
6920
    font-size: 16px;
6921
    font-weight: 600;
6922
}
6923
 
6924
.bloktext {
6925
    padding-left: 25px;
6926
}
6927
 
6928
.privacy {
6929
    background-color: #fff;
6930
    height: 850px;
6931
}
6932
 
6933
.privacydropd .dropdown-toggle::after {
6934
    float: right;
6935
    vertical-align: 0.255em;
6936
}
6937
 
6938
/* .checkbox {} */
6939
 
6940
.form-check {
6941
    padding-left: 0;
6942
}
6943
 
6944
.btns a {
6945
    color: #000;
6946
    border: 1px solid #e5e5e5;
6947
    padding: 10px 25px 10px 25px;
6948
    margin-left: 15px;
6949
    border-radius: 5px;
6950
    font-weight: 600;
6951
}
6952
 
6953
.btns {
6954
    padding-top: 20px;
6955
}
6956
 
6957
.btns a:hover {
6958
    background-color: #e44d3a;
6959
    color: #fff;
6960
}
6961
 
6962
.privacy h3 {
6963
    font-size: 18px;
6964
    font-weight: 600;
6965
    padding-top: 18px;
6966
    margin-bottom: 10px;
6967
}
6968
 
6969
.privacy p {
6970
    padding-top: 0px;
6971
    display: inline-block;
6972
}
6973
 
6974
.form-group {
6975
    margin-bottom: 1rem;
6976
    padding-top: 0px;
6977
}
6978
 
6979
.privacy i {
6980
    float: right;
6981
    color: #e44d3a;
6982
    font-size: 20px;
6983
    font-weight: 600;
6984
}
6985
 
6986
.dropdown-menu input {
6987
    margin-right: 10px;
6988
    margin-top: 15px;
6989
}
6990
 
6991
.dropdown-menu a {
6992
    padding: 10px 0 10px 40px;
6993
    margin-bottom: 10px;
6994
}
6995
 
6996
.dropdown-menu form {
6997
    margin-bottom: 10px;
6998
    margin-top: 10px;
6999
}
7000
 
7001
.privacydropd p {
7002
    margin-left: 20px;
7003
    margin-top: 5px;
7004
}
7005
 
7006
.privabtns {
7007
    margin-top: 20px;
7008
}
7009
 
7010
.privabtns {
7011
    padding-bottom: 15px;
7012
}
7013
 
7014
.privabtns a {
7015
    margin-right: 15px;
7016
    padding: 8px 25px;
7017
    color: #000000;
7018
    border: 1px solid #e5e5e5;
7019
}
7020
 
7021
.privabtns a:hover {
7022
    color: #fff;
7023
    background-color: #e44d3a;
7024
}
7025
 
7026
.privac {
7027
    background-color: #fff;
7028
    height: 560px;
7029
    padding-top: 20px;
7030
}
7031
 
7032
.privac h3 {
7033
    font-size: 18px;
7034
    font-weight: 600;
7035
}
7036
 
7037
.bids-detail ul {
7038
    display: -webkit-inline-box;
7039
}
7040
 
7041
.bids-detail ul li {
7042
    margin-right: 30px;
7043
}
7044
 
7045
.bids-detail h3 {
7046
    font-size: 16px;
7047
    font-weight: 400;
7048
}
7049
 
7050
.bids-detail {
7051
    background-color: #fff;
7052
    padding: 20px;
7053
    margin-bottom: 25px;
7054
    box-shadow: 0px 2px #e4e4e4;
7055
}
7056
 
7057
.dropdown-menu.show {
7058
    display: contents;
7059
}
7060
 
7061
.postpaid:checked:after {
7062
    content: "\f17b";
7063
    font: normal normal normal 16px/1 "LineAwesome";
7064
    font-weight: 600;
7065
    border: 1px solid #fff;
7066
    color: #ffffff;
7067
    text-align: center;
7068
    font-size: 12px;
7069
    width: 100%;
7070
    height: 100%;
7071
    background: #e44d3a;
7072
    display: block;
7073
    border-radius: 50%;
7074
    padding-top: 3px;
7075
}
7076
 
7077
.postpaid:focus {
7078
    border: 1px solid #fff;
7079
    width: 25px;
7080
    height: 25px;
7081
}
7082
 
7083
.postpaid {
7084
    -webkit-appearance: none;
7085
    content: "";
7086
    width: 20px;
7087
    height: 20px;
7088
    border-radius: 50%;
7089
    border: 1px solid #5e5e5e;
7090
    outline: 0;
7091
    margin-right: 5px;
7092
}
7093
 
7094
.job-status-bar {
7095
    border-top: 1px solid #e5e5e5;
7096
}
7097
 
7098
/* .main-ws-sec .job-status-bar {} */
7099
 
7100
.main-ws-sec .btm-line {
7101
    padding-bottom: 20px !important;
7102
    border-bottom: 1px solid #e5e5e5 !important;
7103
    margin-bottom: 20px;
7104
}
7105
 
7106
.job-status-bar hr {
7107
    margin: 0 -40px;
7108
}
7109
 
7110
.reply-area {
7111
    padding-left: 55px;
7112
}
7113
 
7114
.reply-rply1 {
7115
    margin: 24px 0;
7116
}
7117
 
7118
.reply-area p {
7119
    padding-bottom: 10px;
7120
}
7121
 
7122
.reply-area span {
7123
    cursor: pointer;
7124
}
7125
 
7126
.reply-area span:hover {
7127
    color: #e44d3a;
7128
}
7129
 
7130
.reply-area i {
7131
    font-size: 16px;
7132
    font-weight: 600;
7133
    padding-right: 8px;
7134
}
7135
 
7136
.comment-area .la-plus-circle {
7137
    display: block;
7138
    text-align: center;
7139
    font-size: 40px;
7140
    color: #b2b2b2;
7141
}
7142
 
7143
.reply-area span {
7144
    padding-top: 5px;
7145
    color: #b2b2b2;
7146
}
7147
 
7148
.comt span {
7149
    font-size: 16px;
7150
    color: #666666;
7151
}
7152
 
7153
.comt i {
7154
    padding-right: 8px;
7155
}
7156
 
7157
.postcomment .form-control {
7158
    width: 112%;
7159
    margin-left: -50px;
7160
    background-color: #efefef;
7161
    border-radius: 3px;
7162
}
7163
 
7164
.postcomment a {
7165
    background-color: #e44d3a;
7166
    color: #fff;
7167
    padding: 9px 25px 8px 25px;
7168
    line-height: 37px;
7169
    border-radius: 3px;
7170
}
7171
 
7172
.postcomment {
7173
    padding-top: 30px;
7174
}
7175
 
7176
.widget-about button:focus {
7177
    box-shadow: none;
7178
}
7179
 
7180
.widget-about button:hover {
7181
    background-color: #e44d3a;
7182
}
7183
 
7184
.widget-about button {
7185
    background-color: #e44d3a;
7186
    border: none;
7187
    padding: 12px 0;
7188
    width: 100%;
7189
}
7190
 
7191
.widget-about p {
7192
    background-color: #e44d3a;
7193
    color: #fff;
7194
    padding: 10px 0;
7195
}
7196
 
7197
.widget-projectid {
7198
    padding: 15px;
7199
}
7200
 
7201
.widget-projectid h3 {
7202
    padding-bottom: 7px;
7203
    font-size: 14px;
7204
    font-weight: 600;
7205
}
7206
 
7207
.sd-title h4 {
7208
    margin-bottom: 5px;
7209
    font-size: 16px;
7210
    font-weight: 600;
7211
    line-height: 24px;
7212
}
7213
 
7214
.paymethd p {
7215
    color: #e44d3a;
7216
}
7217
 
7218
.copylink p {
7219
    background-color: #efefef;
7220
    padding: 7px 0 8px 10px;
7221
}
7222
 
7223
.copylink a {
7224
    background-color: #e44d3a;
7225
    color: #fff;
7226
    padding: 10px 15px 10px 15px;
7227
    border-radius: 4px;
7228
}
7229
 
7230
.copylink span {
7231
    padding: 30px 0 20px;
7232
}
7233
 
7234
.copylink i {
7235
    float: unset;
7236
    position: unset;
7237
}
7238
 
7239
.copylink .la-facebook {
7240
    background-color: #3b5998;
7241
    color: #fff;
7242
}
7243
 
7244
.copylink .la-twitter {
7245
    color: #1da1f2;
7246
}
7247
 
7248
.copylink .la-pinterest-p {
7249
    background-color: #fff;
7250
    color: #c11628;
7251
    border-radius: 50%;
7252
}
7253
 
7254
.copylink img {
7255
    padding-right: 10px;
7256
}
7257
 
7258
.freelancerbiding {
7259
    background-color: #fff;
7260
    padding-top: 20px;
7261
}
7262
 
7263
.freelancerbiding h3 {
7264
    font-size: 18px;
7265
    font-weight: 400;
7266
}
7267
 
7268
.repcent {
7269
    text-align: left;
7270
}
7271
 
7272
.bidrit {
7273
    float: right;
7274
}
7275
 
7276
.repcent i {
7277
    padding-left: 5px;
7278
}
7279
 
7280
.star {
7281
    display: inline-flex;
7282
    padding: 5px 0;
7283
}
7284
 
7285
.star li i {
7286
    color: #bfd337;
7287
}
7288
 
7289
.repcent span {
7290
    color: #51a5fb;
7291
}
7292
 
7293
.repcent p {
7294
    padding-left: 7px;
7295
}
7296
 
7297
.noreview ul li i {
7298
    color: #b2b2b2;
7299
}
7300
 
7301
.paymethd .star li i {
7302
    position: unset;
7303
    font-size: 14px;
7304
}
7305
 
7306
.paymethd .star a {
7307
    color: #51a5fb;
7308
    padding-left: 12px;
7309
}
7310
 
7311
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7312
 
7313
.modal-body {
7314
    padding: 1rem 0;
7315
}
7316
 
7317
.notice {
7318
    background-color: #ddf3ff;
7319
    padding: 15px;
7320
}
7321
 
7322
.notice span {
7323
    font-weight: 500;
7324
    padding-right: 5px;
7325
}
7326
 
7327
.innerbody {
7328
    padding: 15px;
7329
}
7330
 
7331
.innerbody h3 {
7332
    font-size: 18px;
7333
    font-weight: 600;
7334
}
7335
 
7336
.innerbody h4 {
7337
    font-weight: 600;
7338
    font-size: 14px;
7339
    margin-left: -15px;
7340
    float: left;
7341
}
7342
 
7343
.delivery .input-group select {
7344
    width: 150px;
7345
    height: 50px !important;
7346
    font-size: 19px;
7347
    border: 1px solid #e5e5e5;
7348
    border-radius: 3px;
7349
}
7350
 
7351
.input-group-prepend {
7352
    background-color: #f3f3f3;
7353
    color: #bfbfbf;
7354
    text-align: center;
7355
    line-height: 3;
7356
    border: 1px solid #e5e5e5;
7357
}
7358
 
7359
.input-group-text {
7360
    color: #666666 !important;
7361
    background-color: #f5f5f5 !important;
7362
    border: 0px !important;
7363
    border-radius: 3px !important;
7364
}
7365
 
7366
.place-bid-form {
7367
    position: relative;
7368
    left: 20px;
7369
    top: -15px;
7370
    padding-bottom: 15px;
7371
}
7372
 
7373
.place-bid-form .input-group input {
7374
    width: 70px;
7375
    border: 1px solid #e5e5e5;
7376
}
7377
 
7378
.paydel {
7379
    padding: 40px 0 0;
7380
}
7381
 
7382
.beatcompitation {
7383
    background-color: #f3f3f3;
7384
    padding: 15px;
7385
}
7386
 
7387
.beatcompitation h3 {
7388
    font-weight: 500;
7389
}
7390
 
7391
.sponser i {
7392
    background-color: #e44d3a;
7393
    color: #fff;
7394
    margin-right: 5px;
7395
    padding: 2px;
7396
}
7397
 
7398
.sponser h2 {
7399
    font-size: 18px;
7400
    font-weight: 600;
7401
    padding-top: 15px;
7402
    padding-bottom: 15px;
7403
}
7404
 
7405
.sponser {
7406
    padding: 15px;
7407
}
7408
 
7409
.modal-footer {
7410
    display: block !important;
7411
    border-top: none;
7412
    padding: 1rem 0;
7413
}
7414
 
7415
.modal-footer button {
7416
    font-size: 15px;
7417
    font-weight: 500;
7418
    background-color: unset;
7419
    border: none;
7420
    padding: 10px;
7421
    border: 1px solid #d2d2d2;
7422
    border-radius: 3px;
7423
}
7424
 
7425
.modal-footer button:hover {
7426
    background-color: #e44d3a;
7427
    /* color: #fff; */
7428
    /* border: 1px solid #e44d3a; */
7429
}
7430
 
7431
.place-bid-btn {
7432
    font-size: 15px;
7433
    font-weight: 500;
7434
    color: #fff !important;
7435
    background-color: #e44d3a !important;
7436
    border: none;
7437
    padding: 10px;
7438
    border: 1px solid #e44d3a;
7439
    border-radius: 3px;
7440
}
7441
 
7442
.usy-dt .reply {
7443
    margin: 3px 0 0 10px;
7444
    width: 360px;
7445
    height: 40px;
7446
    background-color: #efefef;
7447
    border: 1px solid #e5e5e5;
7448
    padding-left: 10px;
7449
    border-radius: 3px;
7450
}
7451
 
7452
.replybtn {
7453
    background-color: #e44d3a;
7454
    color: #fff;
7455
    padding: 10px;
7456
    margin-left: 15px;
7457
    border-radius: 3px;
7458
}
7459
 
7460
.replybtn:hover {
7461
    color: #fff;
7462
}
7463
 
7464
.rewivew ul li {
7465
    margin-right: 5px !important;
7466
}
7467
 
7468
.security hr {
7469
    margin-right: -15px;
7470
    margin-left: -15px;
7471
}
7472
 
7473
.privacy .la-check {
7474
    float: left;
7475
    font-size: 12px;
7476
    margin: 5px 5px 0 0;
7477
    padding: 3px;
7478
    background-color: #e44d3a;
7479
    color: #fff;
7480
    border-radius: 50%;
7481
}
7482
 
7483
ul#myTab {
7484
    border-bottom: 1px solid #e5e5e5;
7485
}
7486
 
7487
.nav-tabs .nav-link {
7488
    border: none;
7489
}
7490
 
7491
.noborder {
7492
    border-bottom: none;
7493
}
7494
 
7495
.manbids {
7496
    margin-bottom: 0 !important;
7497
}
7498
 
7499
.noreply {
7500
    padding-top: 30px;
7501
}
7502
 
7503
#my-bids .nav-tabs {
7504
    margin-bottom: 20px;
7505
    margin-top: 7px;
7506
    padding-bottom: 0;
7507
}
7508
 
7509
#my-bids ul {
7510
    margin-bottom: 15px;
7511
    margin-top: 7px;
7512
    padding-bottom: 0;
7513
}
7514
 
7515
.savedjob-info p {
7516
    color: #666666;
7517
    margin-top: 5px;
7518
}
7519
 
7520
#my-bids ul li a {
7521
    color: #000000;
7522
    font-size: 16px;
7523
    font-weight: 500;
7524
}
7525
 
7526
#my-bids li a:hover {
7527
    color: #e44d3a;
7528
}
7529
 
7530
#saved-jobs ul {
7531
    margin-bottom: 20px;
7532
}
7533
 
7534
#saved-jobs ul li a {
7535
    color: #000000;
7536
    font-size: 16px;
7537
    font-weight: 500;
7538
}
7539
 
7540
#saved-jobs li a:hover {
7541
    color: #e44d3a;
7542
}
7543
 
7544
.wordpressdevlp h2 {
7545
    font-size: 18px;
7546
    font-weight: 600;
7547
    margin-bottom: 15px;
7548
}
7549
 
7550
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7551
#saved-jobs .nav-tabs .nav-link.active {
7552
    background-color: inherit;
7553
    color: #e44d3a !important;
7554
    padding-bottom: 9px;
7555
    border-bottom: 2px solid #e44d3a !important;
7556
}
7557
 
7558
#my-bids .nav-tabs .nav-item.show .nav-link,
7559
#my-bids .nav-tabs .nav-link.active {
7560
    background-color: inherit;
7561
    color: #e44d3a !important;
7562
    padding-bottom: 9px;
7563
    border-bottom: 2px solid #e44d3a !important;
7564
}
7565
 
7566
.descptab li img {
7567
    float: left !important;
7568
    filter: inherit !important;
7569
}
7570
 
7571
.bklink {
7572
    border-bottom: none !important;
7573
    width: unset !important;
7574
    float: right !important;
7575
}
7576
 
7577
.bklik {
7578
    border-bottom: none !important;
7579
}
7580
 
7581
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7582
 
7583
.savedjob-info li {
7584
    display: inline-block;
7585
    padding-left: 25px;
7586
}
7587
 
7588
.savedjob-info h3 {
7589
    font-size: 14px;
7590
    font-weight: 500;
7591
}
7592
 
7593
.settingjb ul li {
7594
    margin-right: 25px !important;
7595
}
7596
 
7597
.mangebid li {
7598
    padding-left: 0;
7599
    padding-right: 20px;
7600
    padding-top: 10px;
7601
}
7602
 
7603
.bk-links.bklink li {
7604
    padding-right: 0;
7605
}
7606
 
7607
.bidsbtn {
7608
    position: relative;
7609
}
7610
 
7611
.biddersinfo li {
7612
    padding-left: 0;
7613
    padding-right: 20px;
7614
}
7615
 
7616
#review {
7617
    background-color: #fff;
7618
    margin-bottom: 40px;
7619
}
7620
 
7621
.starreview {
7622
    padding-left: 20px;
7623
}
7624
 
7625
.replytext {
7626
    padding-bottom: 20px;
7627
}
7628
 
7629
.starrevi {
7630
    padding-left: 20px;
7631
}
7632
 
7633
.job-dt li a {
7634
    background-color: #51a5fb;
7635
}
7636
 
7637
.apply-jobbox {
7638
    text-align: center;
7639
}
7640
 
7641
.apply-jobbox form input {
7642
    width: 100%;
7643
    margin-top: 20px;
7644
    padding: 10px;
7645
    color: #222;
7646
    border: 1px solid #e5e5e5;
7647
    border-radius: 3px;
7648
    font-size: 14px;
7649
}
7650
 
7651
.apply-jobbox h3 {
7652
    margin: 20px 0;
7653
}
7654
 
7655
.select-files {
7656
    border: 1px solid #e5e5e5;
7657
    margin-top: 20px;
7658
    padding: 30px;
7659
    background: #efefef;
7660
}
7661
 
7662
.select-files button {
7663
    margin-bottom: 20px;
7664
    background-color: transparent;
7665
    border: 1px solid #e5e5e5;
7666
    padding: 10px 15px 10px 15px;
7667
    border-radius: 5px;
7668
    font-weight: 600;
7669
}
7670
 
7671
.select-files button:hover {
7672
    background-color: #e44d3a;
7673
    color: #fff;
7674
}
7675
 
7676
.close {
7677
    position: absolute;
7678
    right: 0px;
7679
    top: 0px;
7680
    color: #929292;
7681
    border: 1px solid !important;
7682
    border-radius: 50%;
7683
    height: 30px;
7684
    width: 30px;
7685
}
7686
 
7687
.mapouter iframe {
7688
    width: 100%;
7689
    height: 400px;
7690
}
7691
 
7692
.mapouter {
7693
    position: relative;
7694
    text-align: right;
7695
    height: 500px;
7696
    width: 100%;
7697
}
7698
 
7699
.gmap_canvas {
7700
    overflow: hidden;
7701
    background: none !important;
7702
}
7703
 
7704
.video-iframe {
7705
    width: 100%;
7706
    height: 400px;
7707
}
7708
 
7709
.custom-file-input {
7710
    color: transparent;
7711
    opacity: 1;
7712
    /* margin-left: 140px; */
7713
    margin-bottom: 10px;
7714
}
7715
 
7716
.custom-file-input::-webkit-file-upload-button {
7717
    visibility: hidden;
7718
}
7719
 
7720
.custom-file-input::before {
7721
    content: "Select Files";
7722
    color: #fff;
7723
    display: inline-block;
7724
    border: 1px solid #e5e5e5;
7725
    border-radius: 3px;
7726
    background: #e44d3a;
7727
    font-weight: 500;
7728
    padding: 10px 15px;
7729
    outline: none;
7730
    white-space: nowrap;
7731
    -webkit-user-select: none;
7732
    cursor: pointer;
7733
}
7734
 
7735
.custom-file-input:hover::before {
7736
    background-color: #e44d3a;
7737
    color: #fff;
7738
}
7739
 
7740
.custom-file-input:active {
7741
    outline: 0;
7742
}
7743
 
7744
.custom-file-input:active::before {
7745
    background: #e44d3a;
7746
    color: #fff;
7747
}
7748
 
7749
.bids-time {
7750
    float: right;
7751
}
7752
 
7753
.saved-post {
7754
    padding: 0;
7755
}
7756
 
7757
.saved-post p {
7758
    padding-bottom: 20px;
7759
}
7760
 
7761
.saved-info li {
7762
    padding-right: 25px;
7763
    padding-left: 0;
7764
}
7765
 
7766
.saved-btn {
7767
    padding: 0;
7768
    margin-bottom: -12px;
7769
}
7770
 
7771
.applied-post {
7772
    padding: 0;
7773
}
7774
 
7775
.post-bid {
7776
    padding: 0 !important;
7777
}
7778
 
7779
.bidsbtn {
7780
    padding-top: 0 !important;
7781
}
7782
 
7783
.active-bids {
7784
    padding: 0;
7785
}
7786
 
7787
.activ-bidinfo li {
7788
    padding-top: 10px;
7789
    padding-left: 0;
7790
    padding-right: 25px;
7791
}
7792
 
7793
.activebtn {
7794
    padding-left: 0;
7795
}
7796
 
7797
.p-all {
7798
    padding: 0px;
7799
    float: left;
7800
    width: 100%;
7801
    position: relative;
7802
}
7803
 
7804
.toggle-btn .custom-switch .custom-control-label::before {
7805
    left: -2.25rem;
7806
    width: 70px;
7807
    pointer-events: all;
7808
    border-radius: 100px;
7809
    height: 30px;
7810
    top: -1px;
7811
    box-shadow: none;
7812
}
7813
 
7814
.toggle-btn .custom-control-label::before {
7815
    position: absolute;
7816
    top: 0.25rem;
7817
    left: -1.5rem;
7818
    display: block;
7819
    width: 1rem;
7820
    height: 1rem;
7821
    pointer-events: none;
7822
    content: "";
7823
    background-color: #fff;
7824
    border: #e1e1e1 solid 2px;
7825
}
7826
 
7827
.custom-control-input:checked~.custom-control-label::before {
7828
    color: #fff;
7829
    border-color: #e44d3a;
7830
    background-color: #e44d3a;
7831
    box-shadow: none;
7832
    outline: none;
7833
}
7834
 
7835
.toggle-btn .custom-switch .custom-control-label::after {
7836
    top: calc(-1px + 2px);
7837
    left: calc(-36px + 2px);
7838
    width: calc(30px - 4px);
7839
    height: calc(30px - 4px);
7840
    background-color: #e1e1e1;
7841
    border-radius: 100%;
7842
    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;
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;
7844
    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;
7845
}
7846
 
7847
.toggle-btn .custom-control-label::after {
7848
    position: absolute;
7849
    top: 0.25rem;
7850
    left: -1.5rem;
7851
    display: block;
7852
    width: 0;
7853
    height: 0;
7854
    content: "";
7855
    background: no-repeat 50%/50% 50%;
7856
}
7857
 
7858
.toggle-btn .custom-control-label {
7859
    position: initial;
7860
    margin-bottom: 0;
7861
    vertical-align: top;
7862
}
7863
 
7864
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
7865
    background-color: #fff;
7866
    -webkit-transform: translateX(2.5rem);
7867
    transform: translateX(2.5rem);
7868
}
7869
 
7870
.custom-control-label {
7871
    position: relative;
7872
    margin-bottom: 0;
7873
    vertical-align: top;
7874
    line-height: 24px;
7875
    font-size: 14px;
7876
    color: #666666;
7877
}
7878
 
7879
.small-text-children p,
7880
.small-text-children span {
7881
    font-size: .8rem;
7882
}
7883
 
7884
.search-item-selected {
7885
    box-shadow: 2px 4px 3px rgb(0 0 0 / 15%);
7886
    padding: 2%;
7887
    border-radius: 6px;
7888
    font-weight: bold;
7889
}
7890
 
7891
main {
7892
    background-color: #fff !important;
7893
}
7894
 
7895
.row .sc-dkzDqf {
7896
    margin: 0 auto;
7897
}
7898
 
7899
.test-section .title,
7900
.test-section .description {
7901
    margin-bottom: 10px;
7902
}
7903
 
7904
.test-section .btn-danger {
7905
    margin-right: 10px;
7906
}
7907
 
7908
.test-section .panel-body {
7909
    padding: 20px 0px;
7910
}
7911
 
7912
.test-section .panel {
7913
    margin-top: 20px;
7914
    padding-bottom: 10px;
7915
}
7916
 
7917
.test-section .panel-title {
7918
    font-size: 16px;
7919
    font-weight: bold;
7920
    text-transform: uppercase;
7921
}
7922
 
7923
.test-section .np-padding {
7924
    padding: 0px;
7925
}
7926
 
7927
.test-section .checkbox {
7928
    display: flex;
7929
    margin: 20px 0px;
7930
}
7931
 
7932
.test-section .option {
7933
    margin-left: 10px;
7934
}
7935
 
7936
.checkbox input[type=checkbox],
7937
input[type=radio] {
7938
    margin-top: 5px !important;
7939
}
7940
 
7941
.test-section h6 {
7942
    margin-bottom: 10px;
7943
    color: #0860bf;
7944
}
7945
 
7946
.wizard {
7947
    display: flex;
7948
    margin-top: 10px;
7949
}
7950
 
7951
.wizard li {
7952
    width: 50%;
7953
    display: inline-block;
7954
}
7955
 
7956
.btn-secondary:disabled,
7957
.btn-primary:disabled {
7958
    cursor: no-drop;
7959
}
7960
 
7961
.test-section .btn-primary {
7962
    margin-left: 10px
7963
}
7964
 
7965
.previous {
7966
    text-align: left;
7967
}
7968
 
7969
.next {
7970
    text-align: right;
7971
}
7972
 
7973
.test-section .close {
7974
    border: none !important;
7975
    border-radius: 0px !important;
7976
}
7977
 
7978
.ratin-range {
7979
    display: block;
7980
}
7981
 
7982
.ratin-range li {
7983
    display: inline-block;
7984
    width: 6%;
7985
}
7986
 
7987
.ratin-range li .option {
7988
    margin-top: 2px !important;
7989
}
7990
 
7991
#react-self-evaluation .company-up-info ul {
7992
    width: 100%;
7993
    position: absolute;
7994
    float: left;
7995
    left: 0px;
7996
    bottom: 4vw;
7997
}
7998
 
7999
#react-self-evaluation .company-up-info {
8000
    padding: 30px 10px;
8001
    min-height: 20vw;
8002
    border: 1px solid #e5e5e5
8003
}
8004
 
8005
#react-self-evaluation .company-up-info h3 {
8006
    width: 90%;
8007
    margin: 5px auto;
8008
}
8009
 
8010
.mb10 {
8011
    margin-bottom: 3vw;
8012
}
8013
 
8014
.opt-h6 {
8015
    font-weight: 600 !important;
8016
    color: #000 !important;
8017
}