Proyectos de Subversion LeadersLinked - Backend

Rev

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

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